@adobe/spectrum-tokens 12.17.0 → 12.18.0

package/CHANGELOG.md

@@ -1,25 +1,45 @@
 # @adobe/spectrum-tokens
 
+## 12.18.0
+
+### Minor Changes
+
+- bb89361: Update meter token from meter-default-width to meter-width.
+
+  ### Design motivation
+
+  We try to avoid "default" in the name (unless it's the state) because it's a word that implies that it's relative to something else that may not be named, which could get confusing. So meter-width I think for the name, and then just add a note in the specs.
+
+  ### Token diff
+
+  _Renamed token:_
+
+  - `meter-default-width` -> `meter-width`
+
+  _Token added for deprecation and rename:_
+
+  - `meter-default-width`
+
 ## 12.17.0
 
 ### Minor Changes
 
 - 687f6c3: Updated coach-mark tokens
 
-  #### Token Diff
+#### Token Diff
 
-  _Tokens added (6):_
+_Tokens added (3):_
 
-  - `coach-mark-maximum-width`
-  - `coach-mark-media-height`
-  - `coach-mark-width`
+- `coach-mark-maximum-width`
+- `coach-mark-media-height`
+- `coach-mark-width`
 
-  _Token values updated (1):_
+_Token values updated (4):_
 
-  - `coach-mark-minimum-width`: `mobile` from `208px` to `216px`
-  - `coach-mark-title-size`: added `desktop` value
-  - `coach-mark-body-size`: added `desktop` value
-  - `coach-mark-pagination-body-size`: added `desktop` value
+- `coach-mark-minimum-width`: `mobile` from `208px` to `216px`
+- `coach-mark-title-size`: added `desktop` value
+- `coach-mark-body-size`: added `desktop` value
+- `coach-mark-pagination-body-size`: added `desktop` value
 
 ## 12.16.0
 
@@ -27,11 +47,11 @@
 
 - 25dc20d: Add new menu-item token for section dividers
 
-  #### Token Diff
+#### Token Diff
 
-  _Tokens added (1):_
+_Tokens added (1):_
 
-  - `menu-item-section-divider-height`
+- `menu-item-section-divider-height`
 
 ## 12.15.0
 

package/dist/json/drover.json

@@ -1734,6 +1734,7 @@
     "meter-minimum-width": "48px",
     "meter-thickness-large": "6px",
     "meter-thickness-small": "4px",
+    "meter-width": "192px",
     "navigational-indicator-top-to-back-icon-extra-large": "17px",
     "navigational-indicator-top-to-back-icon-large": "14px",
     "navigational-indicator-top-to-back-icon-medium": "11px",

package/dist/json/variables.json

@@ -13515,7 +13515,7 @@
     "value": "768px",
     "uuid": "63bfb4da-4aaf-49c6-9328-16c636cf0bf9"
   },
-  "meter-default-width": {
+  "meter-width": {
     "sets": {
       "desktop": {
         "value": "192px",
@@ -13527,6 +13527,20 @@
       }
     }
   },
+  "meter-default-width": {
+    "ref": "{meter-width}",
+    "sets": {
+      "desktop": {
+        "value": "192px",
+        "uuid": "ceeda4da-026b-496c-8abd-7081aceae262"
+      },
+      "mobile": {
+        "value": "240px",
+        "uuid": "dc5f4966-4ddd-4e9a-a748-370d8eaae568"
+      }
+    },
+    "uuid": "2633d29d-8a14-48e8-977c-bdb9a53b3bd5"
+  },
   "meter-thickness-small": {
     "sets": {
       "desktop": {

package/package.json

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

package/src/layout-component.json

@@ -1744,7 +1744,7 @@
     "value": "768px",
     "uuid": "63bfb4da-4aaf-49c6-9328-16c636cf0bf9"
   },
-  "meter-default-width": {
+  "meter-width": {
     "component": "meter",
     "sets": {
       "desktop": {
@@ -1757,6 +1757,13 @@
       }
     }
   },
+  "meter-default-width": {
+    "component": "meter",
+    "value": "{meter-width}",
+    "deprecated": true,
+    "deprecated_comment": "Token renamed, use `meter-width`",
+    "uuid": "2633d29d-8a14-48e8-977c-bdb9a53b3bd5"
+  },
   "meter-thickness-small": {
     "component": "meter",
     "sets": {