@adobe/spectrum-tokens 13.0.0-beta.20 → 13.0.0-beta.21

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.21
+
+### Minor Changes
+
+- d71bea1: S2 Opacity checkerboard non-color token updates
+
+  ## Design Motivation
+
+  These changes occurred as a result of scaling things for S2 design language and experiences.
+
+  ## Token Diff
+
+  _Tokens added (2):_
+
+  - `opacity-checkerboard-square-size-medium`
+  - `opacity-checkerboard-square-size-small`
+
+  _Newly deprecated token (1):_
+
+  - `opacity-checkerboard-square-size`
+
 ## 13.0.0-beta.20
 
 ### Minor Changes

package/dist/json/drover.json

@@ -1686,6 +1686,8 @@
     "navigational-indicator-top-to-back-icon-medium": "9px",
     "navigational-indicator-top-to-back-icon-small": "6px",
     "opacity-checkerboard-square-size": "8px",
+    "opacity-checkerboard-square-size-medium": "8px",
+    "opacity-checkerboard-square-size-small": "4px",
     "opacity-disabled": "0.3",
     "picker-border-width": "1px",
     "picker-end-edge-to-disclosure-icon-quiet": "0px",

package/dist/json/variables.json

@@ -12451,15 +12451,47 @@
   "opacity-checkerboard-square-size": {
     "sets": {
       "desktop": {
-        "value": "8px",
+        "ref": "{opacity-checkerboard-square-size-medium}",
+        "sets": {
+          "desktop": {
+            "value": "8px",
+            "uuid": "ead3f34f-55b1-4012-a4af-0f7fbf226020"
+          },
+          "mobile": {
+            "value": "10px",
+            "uuid": "cc6fdec6-c03a-4691-805f-b60d199bb60d"
+          }
+        },
         "uuid": "9ddf2e73-ad74-46d7-a79d-fe961b06dbbd"
       },
       "mobile": {
-        "value": "10px",
+        "ref": "{opacity-checkerboard-square-size-medium}",
+        "sets": {
+          "desktop": {
+            "value": "8px",
+            "uuid": "ead3f34f-55b1-4012-a4af-0f7fbf226020"
+          },
+          "mobile": {
+            "value": "10px",
+            "uuid": "cc6fdec6-c03a-4691-805f-b60d199bb60d"
+          }
+        },
         "uuid": "879360e9-a7b0-47e0-bc4a-931a12877014"
       }
     }
   },
+  "opacity-checkerboard-square-size-medium": {
+    "sets": {
+      "desktop": {
+        "value": "8px",
+        "uuid": "ead3f34f-55b1-4012-a4af-0f7fbf226020"
+      },
+      "mobile": {
+        "value": "10px",
+        "uuid": "cc6fdec6-c03a-4691-805f-b60d199bb60d"
+      }
+    }
+  },
   "contextual-help-minimum-width": {
     "value": "268px",
     "uuid": "83be73fe-50bc-4be8-969c-0361a816225b"
@@ -16733,6 +16765,18 @@
     },
     "uuid": "56152e6a-3058-4467-86a1-34fa2b6f75b2"
   },
+  "opacity-checkerboard-square-size-small": {
+    "sets": {
+      "desktop": {
+        "value": "4px",
+        "uuid": "2537f52b-5cae-4a35-a1f3-b1d4fe89060d"
+      },
+      "mobile": {
+        "value": "5px",
+        "uuid": "0916cc84-f46f-45c3-b76d-d7d85d576480"
+      }
+    }
+  },
   "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.20",
+  "version": "13.0.0-beta.21",
   "description": "Design tokens for Spectrum, Adobe's design system",
   "type": "module",
   "main": "tasks/buildSpectrumTokens.js",

package/src/layout-component.json

@@ -2593,18 +2593,35 @@
     }
   },
   "opacity-checkerboard-square-size": {
+    "deprecated": true,
+    "deprecated_comment": "This token has been deprecated, use opacity-checkerboard-square-size-medium instead.",
     "component": "opacity-checkerboard",
+    "$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/alias.json",
+        "value": "{opacity-checkerboard-square-size-medium}",
+        "uuid": "9ddf2e73-ad74-46d7-a79d-fe961b06dbbd"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+        "value": "{opacity-checkerboard-square-size-medium}",
+        "uuid": "879360e9-a7b0-47e0-bc4a-931a12877014"
+      }
+    }
+  },
+  "opacity-checkerboard-square-size-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": "8px",
-        "uuid": "9ddf2e73-ad74-46d7-a79d-fe961b06dbbd"
+        "uuid": "ead3f34f-55b1-4012-a4af-0f7fbf226020"
       },
       "mobile": {
         "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
         "value": "10px",
-        "uuid": "879360e9-a7b0-47e0-bc4a-931a12877014"
+        "uuid": "cc6fdec6-c03a-4691-805f-b60d199bb60d"
       }
     }
   },
@@ -7378,5 +7395,20 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{font-size-600}",
     "uuid": "56152e6a-3058-4467-86a1-34fa2b6f75b2"
+  },
+  "opacity-checkerboard-square-size-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": "4px",
+        "uuid": "2537f52b-5cae-4a35-a1f3-b1d4fe89060d"
+      },
+      "mobile": {
+        "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+        "value": "5px",
+        "uuid": "0916cc84-f46f-45c3-b76d-d7d85d576480"
+      }
+    }
   }
 }