feat: testing s2 icons refactor with foundations

.changeset/gorgeous-impalas-invent.md

@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+Snapshot release that includes icon related changes to paddings for foundations.

.changeset/olive-tools-hang.md

@@ -0,0 +1,73 @@
+---
+"@spectrum-css/ui-icons": major
+---
+
+# Breaking change
+
+Iconography in v1 inclued 2 sizes, `medium` and `large`, as well as a single SVG asset that included both versions to be toggled with classes via CSS (found in folder`combined`). Icons in v2 no longer have multiple sizes and all assets are sourced from a single folder`svg` which can be found in the `dist` directory of this workspace. **Raw SVG assets can no longer be sourced from the top-level of the workspace and must be loaded from `@spectrum-css/ui-icons/dist/svg/*.svg` instead.** Please find below an outline of the new, deprecated, and unchanged icons.
+
+| Icon name         | Migration notes |
+| ----------------- | --------------- |
+| Add50             | **New**         |
+| Add75             | **New**         |
+| Add100            | **New**         |
+| Add200            | **New**         |
+| Add300            | **New**         |
+| Arrow75           | Deprecated      |
+| Arrow100          | -               |
+| Arrow200          | Deprecated      |
+| Arrow300          | Deprecated      |
+| Arrow400          | -               |
+| Arrow500          | Deprecated      |
+| Arrow600          | Deprecated      |
+| Asterisk75        | Deprecated      |
+| Asterisk100       | -               |
+| Asterisk200       | -               |
+| Asterisk300       | -               |
+| Checkmark50       | -               |
+| Checkmark75       | -               |
+| Checkmark100      | -               |
+| Checkmark200      | -               |
+| Checkmark300      | -               |
+| Checkmark400      | -               |
+| Checkmark500      | Deprecated      |
+| Checkmark600      | Deprecated      |
+| Chevron50         | -               |
+| Chevron75         | -               |
+| Chevron100        | -               |
+| Chevron200        | -               |
+| Chevron300        | -               |
+| Chevron400        | -               |
+| Chevron500        | Deprecated      |
+| Chevron600        | Deprecated      |
+| CornerTriangle75  | -               |
+| CornerTriangle100 | -               |
+| CornerTriangle200 | -               |
+| CornerTriangle300 | -               |
+| Cross75           | -               |
+| Cross100          | -               |
+| Cross200          | -               |
+| Cross300          | -               |
+| Cross400          | -               |
+| Cross500          | -               |
+| Cross600          | -               |
+| Dash50            | -               |
+| Dash75            | -               |
+| Dash100           | -               |
+| Dash200           | -               |
+| Dash300           | -               |
+| Dash400           | Deprecated      |
+| Dash500           | Deprecated      |
+| Dash600           | Deprecated      |
+| DragHandle75      | **New**         |
+| DragHandle100     | **New**         |
+| DragHandle200     | **New**         |
+| DragHandle300     | **New**         |
+| Gripper100        | **New**         |
+| SingleGripper     | Deprecated      |
+| DoubleGripper     | Deprecated      |
+| TripleGripper     | Deprecated      |
+| LinkOut100        | **New**         |
+| LinkOut200        | **New**         |
+| LinkOut300        | **New**         |
+| LinkOut400        | **New**         |

.changeset/pre.json

@@ -0,0 +1,137 @@
+{
+  "mode": "pre",
+  "tag": "s2-foundations",
+  "initialVersions": {
+    "@spectrum-css/preview": "10.1.0",
+    "@spectrum-css/accordion": "5.1.2",
+    "@spectrum-css/actionbar": "8.1.1",
+    "@spectrum-css/actionbutton": "6.1.1",
+    "@spectrum-css/actiongroup": "5.1.0",
+    "@spectrum-css/actionmenu": "6.1.1",
+    "@spectrum-css/alertbanner": "2.2.0",
+    "@spectrum-css/alertdialog": "2.1.1",
+    "@spectrum-css/asset": "5.1.1",
+    "@spectrum-css/assetcard": "4.1.1",
+    "@spectrum-css/assetlist": "6.1.1",
+    "@spectrum-css/avatar": "7.1.1",
+    "@spectrum-css/badge": "4.1.1",
+    "@spectrum-css/breadcrumb": "9.1.1",
+    "@spectrum-css/button": "13.1.1",
+    "@spectrum-css/buttongroup": "7.1.1",
+    "@spectrum-css/calendar": "5.1.2",
+    "@spectrum-css/card": "8.1.1",
+    "@spectrum-css/checkbox": "9.1.1",
+    "@spectrum-css/clearbutton": "6.1.1",
+    "@spectrum-css/closebutton": "5.1.1",
+    "@spectrum-css/coachindicator": "2.1.1",
+    "@spectrum-css/coachmark": "7.1.1",
+    "@spectrum-css/colorarea": "5.1.1",
+    "@spectrum-css/colorhandle": "8.1.1",
+    "@spectrum-css/colorloupe": "5.1.1",
+    "@spectrum-css/colorslider": "6.1.1",
+    "@spectrum-css/colorwheel": "4.1.1",
+    "@spectrum-css/combobox": "3.1.2",
+    "@spectrum-css/commons": "10.0.1",
+    "@spectrum-css/contextualhelp": "3.1.1",
+    "@spectrum-css/datepicker": "3.2.1",
+    "@spectrum-css/dial": "3.1.1",
+    "@spectrum-css/dialog": "10.1.1",
+    "@spectrum-css/divider": "3.1.1",
+    "@spectrum-css/dropindicator": "5.1.1",
+    "@spectrum-css/dropzone": "6.1.1",
+    "@spectrum-css/fieldgroup": "5.1.1",
+    "@spectrum-css/fieldlabel": "8.1.1",
+    "@spectrum-css/floatingactionbutton": "2.1.1",
+    "@spectrum-css/helptext": "5.1.1",
+    "@spectrum-css/icon": "7.1.1",
+    "@spectrum-css/illustratedmessage": "7.1.1",
+    "@spectrum-css/infieldbutton": "5.1.1",
+    "@spectrum-css/inlinealert": "8.1.1",
+    "@spectrum-css/link": "5.1.1",
+    "@spectrum-css/logicbutton": "4.1.1",
+    "@spectrum-css/menu": "7.1.3",
+    "@spectrum-css/miller": "6.1.1",
+    "@spectrum-css/modal": "5.1.1",
+    "@spectrum-css/opacitycheckerboard": "2.1.1",
+    "@spectrum-css/pagination": "8.1.1",
+    "@spectrum-css/picker": "8.1.3",
+    "@spectrum-css/pickerbutton": "5.1.1",
+    "@spectrum-css/popover": "7.1.3",
+    "@spectrum-css/progressbar": "4.1.2",
+    "@spectrum-css/progresscircle": "3.1.1",
+    "@spectrum-css/radio": "9.2.2",
+    "@spectrum-css/rating": "5.1.1",
+    "@spectrum-css/search": "7.1.2",
+    "@spectrum-css/sidenav": "5.1.1",
+    "@spectrum-css/slider": "5.2.3",
+    "@spectrum-css/splitview": "5.2.1",
+    "@spectrum-css/statuslight": "7.1.1",
+    "@spectrum-css/steplist": "5.1.1",
+    "@spectrum-css/stepper": "6.1.2",
+    "@spectrum-css/swatch": "6.1.1",
+    "@spectrum-css/swatchgroup": "3.1.1",
+    "@spectrum-css/switch": "5.1.1",
+    "@spectrum-css/table": "6.1.1",
+    "@spectrum-css/tabs": "5.1.1",
+    "@spectrum-css/tag": "9.1.1",
+    "@spectrum-css/taggroup": "5.1.1",
+    "@spectrum-css/textfield": "7.1.3",
+    "@spectrum-css/thumbnail": "6.1.2",
+    "@spectrum-css/toast": "10.1.1",
+    "@spectrum-css/tooltip": "6.1.2",
+    "@spectrum-css/tray": "3.1.1",
+    "@spectrum-css/treeview": "10.2.1",
+    "@spectrum-css/typography": "6.1.1",
+    "@spectrum-css/underlay": "4.1.1",
+    "@spectrum-css/well": "5.2.1",
+    "@spectrum-css/generator": "4.0.2",
+    "@spectrum-css/tokens": "14.2.0",
+    "@spectrum-css/ui-icons": "1.1.2",
+    "@spectrum-tools/gh-action-file-diff": "2.0.6",
+    "@spectrum-tools/postcss-add-theming-layer": "2.1.1-s2-foundations.0",
+    "@spectrum-tools/postcss-property-rollup": "2.0.1",
+    "@spectrum-tools/postcss-rgb-mapping": "2.0.0",
+    "@spectrum-tools/stylelint-no-missing-var": "2.0.0",
+    "@spectrum-tools/stylelint-no-unknown-custom-properties": "2.0.0",
+    "@spectrum-tools/stylelint-no-unused-custom-properties": "2.0.0",
+    "@spectrum-tools/documentation": "2.0.2",
+    "@spectrum-tools/theme-alignment": "0.0.0"
+  },
+  "changesets": [
+    "big-hats-happen",
+    "blue-duck-prove",
+    "calm-socks-speak",
+    "cyan-actors-rest",
+    "fair-parents-rush",
+    "gentle-ties-hang",
+    "giant-rats-confess",
+    "gold-countries-fly",
+    "good-dots-thank",
+    "heavy-sheep-drive",
+    "itchy-candles-develop",
+    "khaki-coats-unite",
+    "little-adults-melt",
+    "lovely-ducks-listen",
+    "modern-beds-provide",
+    "modern-tips-look",
+    "moody-shirts-kick",
+    "olive-buttons-join",
+    "orange-ants-yawn",
+    "orange-numbers-do",
+    "purple-chairs-melt",
+    "real-beans-serve",
+    "real-colts-perform",
+    "selfish-singers-lie",
+    "seven-pens-collect",
+    "sharp-pianos-reply",
+    "sharp-rice-sing",
+    "sharp-vans-flow",
+    "silent-carpets-beam",
+    "sixty-ears-heal",
+    "strong-hotels-type",
+    "tall-tomatoes-punch",
+    "tasty-years-cheat",
+    "three-buckets-walk",
+    "tiny-stingrays-kneel"
+  ]
+}

.env.example

@@ -18,3 +18,6 @@ WATCH_MODE=true
 NX_VERBOSE_LOGGING=false
 NX_SKIP_NX_CACHE=false
 NX_PERF_LOGGING=false
+
+ARTIFACTORY_API_KEY=
+ARTIFACTORY_API_TOKEN=

.eslintrc

@@ -47,6 +47,14 @@
 				]
 			}
 		},
+		{
+			"files": ["metadata.json"],
+			"parser": "jsonc-eslint-parser",
+			"extends": ["plugin:jsonc/recommended-with-jsonc"],
+			"rules": {
+				"jsonc/sort-keys": [0]
+			}
+		},
 		{
 			"files": ["project.json"],
 			"rules": {

.github/workflows/lint.yml

@@ -78,7 +78,7 @@ jobs:
 
             - name: Lint component styles
               if: ${{ inputs.styles_added_files != '' || inputs.styles_modified_files != '' }}
-              uses: reviewdog/action-stylelint@v1.28.0
+              uses: reviewdog/action-stylelint@v1.18.1
               with:
                   fail_on_error: true
                   level: error
@@ -89,7 +89,7 @@ jobs:
                   stylelint_config: stylelint.config.js
 
             - name: Run eslint on packages and stories
-              uses: reviewdog/action-eslint@v1.31.0
+              uses: reviewdog/action-eslint@v1.20.0
               if: ${{ inputs.eslint_added_files != '' || inputs.eslint_modified_files != '' }}
               with:
                   fail_on_error: true

.github/workflows/release-snapshot.yml

@@ -0,0 +1,55 @@
+name: Release Snapshot
+
+on:
+  workflow_dispatch:
+    inputs:
+      tag:
+        description: "Tag used on changeset version and npm package"
+        required: false
+        type: string
+
+jobs:
+  get-snapshot-tag:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      id-token: write
+    steps:
+      - name: Split branch name
+        id: split
+        env:
+          BRANCH: ${{ github.ref_name }}
+        run: echo "fragment=${BRANCH##*snapshot-}" >> $GITHUB_OUTPUT
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - name: Get last author info
+        id: author
+        run: |
+          echo "authorName=$(git log -1 --pretty=format:'%an')" >> $GITHUB_OUTPUT
+          echo "authorEmail=$(git log -1 --pretty=format:'%ae')" >> $GITHUB_OUTPUT
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: yarn
+      - name: Install Dependencies
+        run: yarn install --frozen-lockfile
+      - name: Create snapshot release and publish to npm
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          SNAPSHOT_TAG: ${{ inputs.tag || steps.split.outputs.fragment }}
+          USERNAME: ${{ steps.author.outputs.authorName }}
+          EMAIL: ${{ steps.author.outputs.authorEmail }}
+        run: |
+            yarn changeset version --snapshot $SNAPSHOT_TAG && yarn --mode="update-lockfile"
+            yarn ci
+            git config --global user.name "$USERNAME"
+            git config --global user.email "$EMAIL"
+            git add .
+            git commit -m "chore: snapshot release $SNAPSHOT_TAG"
+            npm set //registry.npmjs.org/:_authToken=$NPM_TOKEN
+            yarn changeset publish --tag $SNAPSHOT_TAG
+            git push origin HEAD
+            git push --tags

.gitignore

@@ -1,9 +1,9 @@
 dist
 dist-site
+
+## Keep the tokens rollup file as a sanity check for PRs
 !tokens/dist/index.css
-!tokens/dist/css/*.css
-!tokens/dist/css/express/*.css
-!tokens/dist/css/spectrum/*.css
+!ui-icons/dist
 
 # Not committing the map assets, these are dev-only
 *.map