@adobe/spectrum-tokens 13.3.0 → 13.4.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @adobe/spectrum-tokens
 
+## 13.4.0
+
+### Minor Changes
+
+- [#489](https://github.com/adobe/spectrum-tokens/pull/489) [`40ffdee`](https://github.com/adobe/spectrum-tokens/commit/40ffdee07a89f4c85331f95ef96b8dc07e3fb981) Thanks [@larz0](https://github.com/larz0)! - Added steplist tokens
+
+  ## Design Motivation
+
+  These token are required for the implementation of steplist.
+
+  ## Token Diff
+
+  <details open><summary>Added (18)</summary>
+
+  - `steplist-step-default-width-small`
+  - `steplist-step-default-width-medium`
+  - `steplist-step-default-width-large`
+  - `steplist-step-default-width-extra-large`
+  - `steplist-step-default-height-small`
+  - `steplist-step-default-height-medium`
+  - `steplist-step-default-height-large`
+  - `steplist-step-default-height-extra-large`
+  - `steplist-visual-size-small`
+  - `steplist-visual-size-medium`
+  - `steplist-visual-size-large`
+  - `steplist-visual-size-extra-large`
+  - `steplist-track-thickness-medium`
+  - `steplist-step-to-track-size-small`
+  - `steplist-step-to-track-size-medium`
+  - `steplist-step-to-track-size-large`
+  - `steplist-step-to-track-size-extra-large`
+  - `steplist-bottom-to-text`
+
+  </details>
+
 ## 13.3.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -2392,6 +2392,24 @@
     "status-light-top-to-dot-large": "14px",
     "status-light-top-to-dot-medium": "11px",
     "status-light-top-to-dot-small": "8px",
+    "steplist-bottom-to-text": "1px",
+    "steplist-step-default-height-extra-large": "78px",
+    "steplist-step-default-height-large": "70px",
+    "steplist-step-default-height-medium": "54px",
+    "steplist-step-default-height-small": "46px",
+    "steplist-step-default-width-extra-large": "78px",
+    "steplist-step-default-width-large": "70px",
+    "steplist-step-default-width-medium": "54px",
+    "steplist-step-default-width-small": "46px",
+    "steplist-step-to-track-size-extra-large": "9px",
+    "steplist-step-to-track-size-large": "8px",
+    "steplist-step-to-track-size-medium": "7px",
+    "steplist-step-to-track-size-small": "6px",
+    "steplist-track-thickness-medium": "2px",
+    "steplist-visual-size-extra-large": "32px",
+    "steplist-visual-size-large": "24px",
+    "steplist-visual-size-medium": "16px",
+    "steplist-visual-size-small": "8px",
     "swatch-border-opacity": "0.42",
     "swatch-disabled-icon-border-opacity": "0.42",
     "swatch-group-border-opacity": "0.2",

package/dist/json/variables.json

@@ -44,7 +44,7 @@
       },
       "wireframe": {
         "value": "0.4",
-        "uuid": "93b904da-5d1f-4fd9-aa26-5aabe19df108"
+        "uuid": "8964a28b-af18-4623-b530-7f4446ee6fa4"
       }
     }
   },
@@ -6939,7 +6939,7 @@
       },
       "wireframe": {
         "value": "0",
-        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+        "uuid": "55ab7957-997f-41a7-b31d-0994a2f77859"
       }
     }
   },
@@ -25786,6 +25786,78 @@
     "value": "265px",
     "uuid": "efa7a73d-611e-44a1-8ea5-0bad83ef77de"
   },
+  "steplist-step-default-width-small": {
+    "value": "46px",
+    "uuid": "5fe717d5-b262-46d8-8386-5a94070337c2"
+  },
+  "steplist-step-default-width-medium": {
+    "value": "54px",
+    "uuid": "8606a7f5-fa38-4081-b0a6-4633e7442bd1"
+  },
+  "steplist-step-default-width-large": {
+    "value": "70px",
+    "uuid": "f4bae4c5-208e-45d7-94ac-6c9355087224"
+  },
+  "steplist-step-default-width-extra-large": {
+    "value": "78px",
+    "uuid": "0b435546-8368-4fb1-a8a1-c50b14b26ae2"
+  },
+  "steplist-step-default-height-small": {
+    "value": "46px",
+    "uuid": "205e9849-ecb4-4df6-8f59-a6d9b1458a72"
+  },
+  "steplist-step-default-height-medium": {
+    "value": "54px",
+    "uuid": "732ea53c-5929-4d31-beef-4ffd60f79c0e"
+  },
+  "steplist-step-default-height-large": {
+    "value": "70px",
+    "uuid": "912f3b78-d09e-4700-a637-5fefc71960c2"
+  },
+  "steplist-step-default-height-extra-large": {
+    "value": "78px",
+    "uuid": "201dc21b-a416-443c-afca-6801cabf31a5"
+  },
+  "steplist-visual-size-small": {
+    "value": "8px",
+    "uuid": "a65898ec-6a5a-4e4a-8a75-358e78a8345d"
+  },
+  "steplist-visual-size-medium": {
+    "value": "16px",
+    "uuid": "a94843d0-9ef6-423f-b963-7b9ad658ce40"
+  },
+  "steplist-visual-size-large": {
+    "value": "24px",
+    "uuid": "7f7539e6-5d8f-4f24-99a7-9338a3a3c630"
+  },
+  "steplist-visual-size-extra-large": {
+    "value": "32px",
+    "uuid": "1b147315-b106-4d2a-80cb-9be0eed84b7e"
+  },
+  "steplist-track-thickness-medium": {
+    "value": "2px",
+    "uuid": "d4db995b-1eff-44cc-8abc-93324a3af119"
+  },
+  "steplist-step-to-track-size-small": {
+    "value": "6px",
+    "uuid": "80d29ff2-a2ca-4987-9fa2-6799ba6aa416"
+  },
+  "steplist-step-to-track-size-medium": {
+    "value": "7px",
+    "uuid": "3a6f8cf2-d250-4af6-8641-f0ffd4c789b3"
+  },
+  "steplist-step-to-track-size-large": {
+    "value": "8px",
+    "uuid": "e8d064e4-3bdb-4fef-97e8-db596d5d2fab"
+  },
+  "steplist-step-to-track-size-extra-large": {
+    "value": "9px",
+    "uuid": "bbff5dad-42bf-44f0-a34d-b6733360d28b"
+  },
+  "steplist-bottom-to-text": {
+    "value": "1px",
+    "uuid": "a52c893c-8c03-43a5-88ed-3cd230365b84"
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.3.0",
+  "version": "13.4.0",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "index.js",
@@ -26,12 +26,11 @@
     "ajv-formats": "^3.0.1",
     "deep-object-diff": "^1.1.9",
     "find-duplicated-property-keys": "^1.2.9",
-    "glob": "^11.0.0",
     "style-dictionary": "^3.9.2",
     "style-dictionary-sets": "^2.3.0",
     "tar": "^7.4.3",
     "tmp-promise": "^3.0.3",
-    "@adobe/token-diff-generator": "1.3.0"
+    "@adobe/token-diff-generator": "2.0.0"
   },
   "scripts": {}
 }

package/src/color-aliases.json

@@ -35,7 +35,7 @@
       "wireframe": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0.4",
-        "uuid": "93b904da-5d1f-4fd9-aa26-5aabe19df108"
+        "uuid": "8964a28b-af18-4623-b530-7f4446ee6fa4"
       }
     }
   },
@@ -2176,4 +2176,4 @@
       }
     }
   }
-}
+}

package/src/color-component.json

@@ -426,7 +426,7 @@
       "wireframe": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
         "value": "0",
-        "uuid": "d8f81d4f-b921-4a41-89c1-cdc79d40901a"
+        "uuid": "55ab7957-997f-41a7-b31d-0994a2f77859"
       }
     }
   },
@@ -547,4 +547,4 @@
     "value": "{gray-100}",
     "uuid": "6022f845-b182-493f-bdae-f86f6336efaa"
   }
-}
+}

package/src/layout-component.json

@@ -10840,5 +10840,113 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
     "value": "265px",
     "uuid": "efa7a73d-611e-44a1-8ea5-0bad83ef77de"
+  },
+  "steplist-step-default-width-small": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "46px",
+    "uuid": "5fe717d5-b262-46d8-8386-5a94070337c2"
+  },
+  "steplist-step-default-width-medium": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "54px",
+    "uuid": "8606a7f5-fa38-4081-b0a6-4633e7442bd1"
+  },
+  "steplist-step-default-width-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "70px",
+    "uuid": "f4bae4c5-208e-45d7-94ac-6c9355087224"
+  },
+  "steplist-step-default-width-extra-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "78px",
+    "uuid": "0b435546-8368-4fb1-a8a1-c50b14b26ae2"
+  },
+  "steplist-step-default-height-small": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "46px",
+    "uuid": "205e9849-ecb4-4df6-8f59-a6d9b1458a72"
+  },
+  "steplist-step-default-height-medium": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "54px",
+    "uuid": "732ea53c-5929-4d31-beef-4ffd60f79c0e"
+  },
+  "steplist-step-default-height-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "70px",
+    "uuid": "912f3b78-d09e-4700-a637-5fefc71960c2"
+  },
+  "steplist-step-default-height-extra-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "78px",
+    "uuid": "201dc21b-a416-443c-afca-6801cabf31a5"
+  },
+  "steplist-visual-size-small": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "8px",
+    "uuid": "a65898ec-6a5a-4e4a-8a75-358e78a8345d"
+  },
+  "steplist-visual-size-medium": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "16px",
+    "uuid": "a94843d0-9ef6-423f-b963-7b9ad658ce40"
+  },
+  "steplist-visual-size-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "24px",
+    "uuid": "7f7539e6-5d8f-4f24-99a7-9338a3a3c630"
+  },
+  "steplist-visual-size-extra-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "32px",
+    "uuid": "1b147315-b106-4d2a-80cb-9be0eed84b7e"
+  },
+  "steplist-track-thickness-medium": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "2px",
+    "uuid": "d4db995b-1eff-44cc-8abc-93324a3af119"
+  },
+  "steplist-step-to-track-size-small": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "6px",
+    "uuid": "80d29ff2-a2ca-4987-9fa2-6799ba6aa416"
+  },
+  "steplist-step-to-track-size-medium": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "7px",
+    "uuid": "3a6f8cf2-d250-4af6-8641-f0ffd4c789b3"
+  },
+  "steplist-step-to-track-size-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "8px",
+    "uuid": "e8d064e4-3bdb-4fef-97e8-db596d5d2fab"
+  },
+  "steplist-step-to-track-size-extra-large": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "9px",
+    "uuid": "bbff5dad-42bf-44f0-a34d-b6733360d28b"
+  },
+  "steplist-bottom-to-text": {
+    "component": "steplist",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "1px",
+    "uuid": "a52c893c-8c03-43a5-88ed-3cd230365b84"
   }
 }