@adobe/spectrum-tokens 13.0.0-beta.15 → 13.0.0-beta.16

package/CHANGELOG.md

@@ -1,16 +1,44 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.16
+
+### Minor Changes
+
+- 80a3fec: New non-color tokens for S2 tag component added to both desktop and mobile layout.component sets.
+
+  ## Design Motivation
+
+  New values for tag component for S2.
+
+  ## Token Diff
+
+  _Tokens added (9):_
+
+  - `tag-edge-to-clear-icon-large`
+  - `tag-edge-to-clear-icon-medium`
+  - `tag-edge-to-clear-icon-small`
+  - `tag-label-clear-icon-large`
+  - `tag-label-to-clear-icon-large`
+  - `tag-label-to-clear-icon-medium`
+  - `tag-label-to-clear-icon-small`
+  - `tag-maximum-width-multiplier`
+  - `tag-minimum-width-multiplier`
+
 ## 13.0.0-beta.15
 
 ### Minor Changes
 
 - c7c1d81: Added new semantic color aliases to Tokens Studio, in the S2 color tokens, alias sets for both light and dark themes.
-
-  New non-color tokens for S2 tag component added to both desktop and mobile layout.component sets.
+- 4b78009: Updated values and added new tokens for Switch.
 
   ## Design Motivation
 
-  New values for tag component for S2. New negative-subdued background tokens were needed for negative and not selected tag components.
+  New negative-subdued background tokens were needed for negative and not selected tag components.
+
+  Added new tokens: `switch-handle-size-_` and `switch-handle-selected-size-_` for both desktop and mobile.
+  Update token values on: `switch-control-width-_` and `switch-control-height-_` for both desktop and mobile.
+
+  The design for Switch in S2 has changed and now has a border when it's not selected. New handle sizes are added and control sizes have been updated.
 
   ## Token Diff
 
@@ -40,28 +68,6 @@
   - `switch-control-width-medium`
   - `switch-control-width-small`
 
-- 4b78009: Updated values and added new tokens for Switch.
-
-  ## Design Motivation
-
-  Added new tokens: switch-handle-size-_ and switch-handle-selected-size-_ for both desktop and mobile.
-  Update token values on: switch-control-width-_ and switch-control-height-_ for both desktop and mobile.
-
-  The design for Switch in S2 has changed and now has a border when it's not selected. New handle sizes are added and control sizes have been updated.
-
-  ## Token Diff
-
-  _Token values updated (8):_
-
-  - `switch-control-height-extra-large`
-  - `switch-control-height-large`
-  - `switch-control-height-medium`
-  - `switch-control-height-small`
-  - `switch-control-width-extra-large`
-  - `switch-control-width-large`
-  - `switch-control-width-medium`
-  - `switch-control-width-small`
-
 ## 13.0.0-beta.14
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1918,6 +1918,12 @@
     "table-thumbnail-to-top-minimum-small-compact": "4px",
     "table-thumbnail-to-top-minimum-small-regular": "5px",
     "table-thumbnail-to-top-minimum-small-spacious": "7px",
+    "tag-edge-to-clear-icon-large": "15px",
+    "tag-edge-to-clear-icon-medium": "12px",
+    "tag-edge-to-clear-icon-small": "8px",
+    "tag-label-to-clear-icon-large": "15px",
+    "tag-label-to-clear-icon-medium": "12px",
+    "tag-label-to-clear-icon-small": "8px",
     "tag-top-to-avatar-large": "9px",
     "tag-top-to-avatar-medium": "6px",
     "tag-top-to-avatar-small": "4px",

package/dist/json/variables.json

@@ -15683,6 +15683,86 @@
       }
     }
   },
+  "tag-minimum-width-multiplier": {
+    "value": "1",
+    "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f"
+  },
+  "tag-maximum-width-multiplier": {
+    "value": "7",
+    "uuid": "8771f506-a491-4222-be86-0e666ea2c711"
+  },
+  "tag-label-to-clear-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "bfc9cd19-e115-4ff2-908d-6cd4725f68bc"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "2011748e-f950-4c6e-9eee-1c0d77b7ba36"
+      }
+    }
+  },
+  "tag-label-to-clear-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "c964fe64-fcb6-4417-977d-b15880daf164"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "ff7424ba-5f65-46ff-b408-4ffb2cfc5035"
+      }
+    }
+  },
+  "tag-label-to-clear-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "8533ad58-9e81-4154-8ad1-57213741e814"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "7c1375da-c6c7-42b3-b60e-0ef6724c6303"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-small": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "a27b0e7c-8840-4d08-8f88-39643589c554"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "6f913e5f-debc-4b7d-897d-c2704847c2e5"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-medium": {
+    "sets": {
+      "desktop": {
+        "value": "12px",
+        "uuid": "e4e422af-181f-47b5-b165-f514a0a6f41c"
+      },
+      "mobile": {
+        "value": "15px",
+        "uuid": "a2f75bb4-0ce4-4993-9a43-09cd2b7376bf"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-large": {
+    "sets": {
+      "desktop": {
+        "value": "15px",
+        "uuid": "896b20fc-c13e-4785-a252-00857208d51c"
+      },
+      "mobile": {
+        "value": "19px",
+        "uuid": "b046b12c-5c39-4018-8ccc-9a5cb08eb6e5"
+      }
+    }
+  },
   "corner-radius-0": {
     "value": "0px",
     "uuid": "bb9d8350-b1fb-4496-9c22-6ec9647ff117"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/spectrum-tokens",
-  "version": "13.0.0-beta.15",
+  "version": "13.0.0-beta.16",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/layout-component.json

@@ -7045,5 +7045,105 @@
         "uuid": "daee9fb3-c94c-4f91-90d5-99e40034c1fd"
       }
     }
+  },
+  "tag-minimum-width-multiplier": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
+    "value": "1",
+    "uuid": "837b2ac3-0adc-438c-b249-b96bac07049f"
+  },
+  "tag-maximum-width-multiplier": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/multiplier.json",
+    "value": "7",
+    "uuid": "8771f506-a491-4222-be86-0e666ea2c711"
+  },
+  "tag-label-to-clear-icon-small": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "bfc9cd19-e115-4ff2-908d-6cd4725f68bc"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "2011748e-f950-4c6e-9eee-1c0d77b7ba36"
+      }
+    }
+  },
+  "tag-label-to-clear-icon-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "c964fe64-fcb6-4417-977d-b15880daf164"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "ff7424ba-5f65-46ff-b408-4ffb2cfc5035"
+      }
+    }
+  },
+  "tag-label-to-clear-icon-large": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "8533ad58-9e81-4154-8ad1-57213741e814"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "19px",
+        "uuid": "7c1375da-c6c7-42b3-b60e-0ef6724c6303"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-small": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "8px",
+        "uuid": "a27b0e7c-8840-4d08-8f88-39643589c554"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "10px",
+        "uuid": "6f913e5f-debc-4b7d-897d-c2704847c2e5"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-medium": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "12px",
+        "uuid": "e4e422af-181f-47b5-b165-f514a0a6f41c"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "a2f75bb4-0ce4-4993-9a43-09cd2b7376bf"
+      }
+    }
+  },
+  "tag-edge-to-clear-icon-large": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/scale-set.json",
+    "sets": {
+      "desktop": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "15px",
+        "uuid": "896b20fc-c13e-4785-a252-00857208d51c"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "19px",
+        "uuid": "b046b12c-5c39-4018-8ccc-9a5cb08eb6e5"
+      }
+    }
   }
-}
+}