@adobe/spectrum-tokens 12.17.0 → 12.18.1

package/CHANGELOG.md

@@ -1,25 +1,58 @@
 # @adobe/spectrum-tokens
 
+## 12.18.1
+
+### Patch Changes
+
+- 6f5443e: Added missing `wireframe` values for 2 color tokens
+
+  ## Token Diff
+
+  _Tokens update (2):_
+
+  - `opacity-checkerboard-square-dark`
+  - `overlay-opacity`
+
+## 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 +60,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

@@ -49,6 +49,10 @@
       "darkest": {
         "value": "0.6",
         "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da"
+      },
+      "wireframe": {
+        "value": "0.4",
+        "uuid": "93b904da-5d1f-4fd9-aa26-5aabe19df108"
       }
     }
   },
@@ -7449,6 +7453,28 @@
           }
         },
         "uuid": "f783b8cb-d31f-46c2-b550-990639752510"
+      },
+      "wireframe": {
+        "ref": "{gray-200}",
+        "sets": {
+          "light": {
+            "value": "rgb(230, 230, 230)",
+            "uuid": "8de4888d-8da5-45a0-8d5d-64a734993ae4"
+          },
+          "dark": {
+            "value": "rgb(63, 63, 63)",
+            "uuid": "352ca27b-fdb8-4a66-b46d-6e6994c6a19d"
+          },
+          "darkest": {
+            "value": "rgb(48, 48, 48)",
+            "uuid": "0a676e7a-8a89-4607-a918-3abcfb0234a2"
+          },
+          "wireframe": {
+            "value": "rgb(230, 236, 248)",
+            "uuid": "eaad36fe-2827-4404-8876-060de75c2b34"
+          }
+        },
+        "uuid": "e7fe88a4-6ab3-4963-8f10-9908a5a83123"
       }
     }
   },
@@ -13515,7 +13541,7 @@
     "value": "768px",
     "uuid": "63bfb4da-4aaf-49c6-9328-16c636cf0bf9"
   },
-  "meter-default-width": {
+  "meter-width": {
     "sets": {
       "desktop": {
         "value": "192px",
@@ -13527,6 +13553,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.1",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/color-aliases.json

@@ -28,6 +28,10 @@
       "darkest": {
         "value": "0.6",
         "uuid": "31d5b502-6266-4309-8f8a-3892e6e158da"
+      },
+      "wireframe": {
+        "value": "0.4",
+        "uuid": "93b904da-5d1f-4fd9-aa26-5aabe19df108"
       }
     }
   },

package/src/color-component.json

@@ -53,6 +53,10 @@
       "darkest": {
         "value": "{gray-800}",
         "uuid": "f783b8cb-d31f-46c2-b550-990639752510"
+      },
+      "wireframe": {
+        "value": "{gray-200}",
+        "uuid": "e7fe88a4-6ab3-4963-8f10-9908a5a83123"
       }
     }
   },

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": {