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

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.17
+
+### Minor Changes
+
+- 9072ae7: `color-slider-border-color` token was updated to reference `gray-1000` instead of `gray-90`0 in both light and dark themes.
+- 912e307: Updated `color-slider-border-rounding` token to use 7px instead of 4px in desktop only.
+  This token value update is the same value used by alias token: `corner-radius-medium-size-small`.
+
+  ## Design Motivation
+
+  S2 color slider design changes.
+
+  ## Token Diff
+
+  _Token values updated (2):_
+
+  - `color-slider-border-color`
+  - `color-slider-border-rounding`
+
 ## 13.0.0-beta.16
 
 ### Minor Changes

package/dist/json/drover.json

@@ -141,7 +141,7 @@
       "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
-      "color-slider-border-color": "rgb(19, 19, 19)",
+      "color-slider-border-color": "rgb(0, 0, 0)",
       "cyan-100": "rgb(238, 250, 254)",
       "cyan-1000": "rgb(4, 102, 145)",
       "cyan-1100": "rgb(0, 87, 121)",
@@ -696,7 +696,7 @@
       "color-loupe-drop-shadow-color": "rgba(0, 0, 0, 0.15)",
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
-      "color-slider-border-color": "rgb(242, 242, 242)",
+      "color-slider-border-color": "rgb(255, 255, 255)",
       "cyan-100": "rgb(0, 29, 39)",
       "cyan-1000": "rgb(38, 159, 244)",
       "cyan-1100": "rgb(63, 177, 255)",
@@ -1357,7 +1357,7 @@
     "color-loupe-outer-border-width": "2px",
     "color-loupe-width": "48px",
     "color-slider-border-opacity": "0.1",
-    "color-slider-border-rounding": "4px",
+    "color-slider-border-rounding": "7px",
     "color-slider-border-width": "1px",
     "color-slider-length": "192px",
     "color-slider-minimum-length": "80px",

package/dist/json/variables.json

@@ -4289,19 +4289,19 @@
     "uuid": "fba1851e-0056-4cdf-938d-6d61550bbe3c"
   },
   "color-slider-border-color": {
-    "ref": "{gray-900}",
+    "ref": "{gray-1000}",
     "sets": {
-      "light": {
-        "value": "rgb(19, 19, 19)",
-        "uuid": "59093f0d-98b7-4659-bea6-3248ad20e96c"
-      },
       "dark": {
-        "value": "rgb(242, 242, 242)",
-        "uuid": "90d25d68-afb1-4b2a-9dba-3fe22d44976f"
+        "value": "rgb(255, 255, 255)",
+        "uuid": "5ce8c477-ae6e-427a-ac5c-79d15c8056ab"
+      },
+      "light": {
+        "value": "rgb(0, 0, 0)",
+        "uuid": "457fbeb8-56cd-4f3c-9950-f5e01f83f07c"
       },
       "wireframe": {
-        "value": "rgb(72, 110, 194)",
-        "uuid": "93fb6cac-b190-4a5a-951f-f5dc4c0d5978"
+        "value": "rgb(8, 12, 22)",
+        "uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
       }
     },
     "uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
@@ -12481,7 +12481,8 @@
     "uuid": "2b907cad-7534-411b-b3bf-ab89a3712ad8"
   },
   "color-slider-border-rounding": {
-    "value": "4px",
+    "ref": "{corner-radius-medium-size-small}",
+    "value": "7px",
     "uuid": "991541a2-df44-4f32-90a5-de698adf5db3"
   },
   "floating-action-button-drop-shadow-blur": {

package/package.json

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

package/src/color-component.json

@@ -89,7 +89,7 @@
   "color-slider-border-color": {
     "component": "color-slider",
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
-    "value": "{gray-900}",
+    "value": "{gray-1000}",
     "uuid": "0c85e7fa-f950-436c-a68a-dd7fb8dfac9e"
   },
   "color-slider-border-opacity": {
@@ -264,4 +264,4 @@
     "value": "0.15",
     "uuid": "6a093ea1-f07e-4673-b52f-5b28a2e080d0"
   }
-}
+}

package/src/layout-component.json

@@ -3348,8 +3348,8 @@
   },
   "color-slider-border-rounding": {
     "component": "color-slider",
-    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
-    "value": "4px",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{corner-radius-medium-size-small}",
     "uuid": "991541a2-df44-4f32-90a5-de698adf5db3"
   },
   "floating-action-button-drop-shadow-blur": {