@adobe/spectrum-tokens 13.0.0-beta.54 → 13.0.0-beta.56

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.56
+
+### Minor Changes
+
+- [#463](https://github.com/adobe/spectrum-tokens/pull/463) [`1ae8051`](https://github.com/adobe/spectrum-tokens/commit/1ae80516c48b70b87a8cd81cde75af8755188d45) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added a component-size-maximum-perspective-down token, which defines that components larger than 96px would appear to scale down more.
+
+  ## Design Motivation
+
+  This token is used in larger components that support a down state that scales, like the select box.
+
+  ## Token Diff
+
+  <details open><summary>Added (1)</summary>
+
+  - `component-size-maximum-perspective-down`
+
+  </details>
+
+## 13.0.0-beta.55
+
+### Minor Changes
+
+- [#461](https://github.com/adobe/spectrum-tokens/pull/461) [`2f90bff`](https://github.com/adobe/spectrum-tokens/commit/2f90bffe5c0dc0a4cc6811eb104e0984d8714d53) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added two new tokens for color wheel border. One for color and one for opacity.
+
+  ## Token Diff
+
+  <details open><summary>Added (2)</summary>
+
+  - `color-wheel-border-opacity`
+  - `color-wheel-border-color`
+
+  </details>
+
 ## 13.0.0-beta.54
 
 ### Minor Changes

package/dist/json/drover.json

@@ -156,6 +156,7 @@
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
       "color-slider-border-color": "rgb(0, 0, 0)",
+      "color-wheel-border-color": "rgb(0, 0, 0)",
       "cyan-100": "rgb(238, 250, 254)",
       "cyan-1000": "rgb(4, 102, 145)",
       "cyan-1100": "rgb(0, 87, 121)",
@@ -868,6 +869,7 @@
       "color-loupe-inner-border": "rgba(0, 0, 0, 0.12)",
       "color-loupe-outer-border": "rgb(255, 255, 255)",
       "color-slider-border-color": "rgb(255, 255, 255)",
+      "color-wheel-border-color": "rgb(255, 255, 255)",
       "cyan-100": "rgb(0, 29, 39)",
       "cyan-1000": "rgb(38, 159, 244)",
       "cyan-1100": "rgb(63, 177, 255)",
@@ -1771,6 +1773,7 @@
     "color-slider-border-width": "1px",
     "color-slider-length": "192px",
     "color-slider-minimum-length": "80px",
+    "color-wheel-border-opacity": "0.1",
     "color-wheel-color-area-margin": "12px",
     "color-wheel-minimum-width": "175px",
     "color-wheel-width": "192px",
@@ -1821,6 +1824,7 @@
     "component-pill-edge-to-visual-only-300": "11px",
     "component-pill-edge-to-visual-only-75": "4px",
     "component-size-difference-down": "-2px",
+    "component-size-maximum-perspective-down": "96px",
     "component-size-minimum-perspective-down": "24px",
     "component-size-width-ratio-down": 0.3333,
     "component-to-menu-extra-large": "8px",

package/dist/json/variables.json

@@ -6805,6 +6805,28 @@
     },
     "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
   },
+  "color-wheel-border-color": {
+    "ref": "{gray-1000}",
+    "sets": {
+      "dark": {
+        "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(8, 12, 22)",
+        "uuid": "e804baf9-ae2c-4574-96d9-10cd5253fe47"
+      }
+    },
+    "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
+  },
+  "color-wheel-border-opacity": {
+    "value": "0.1",
+    "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
+  },
   "white": {
     "value": "rgb(255, 255, 255)",
     "uuid": "9b799da8-2130-417e-b7ee-5e1154a89837"
@@ -26107,6 +26129,10 @@
     "value": "40px",
     "uuid": "a3e53161-c38a-4ee0-88c2-4a36fd530e51"
   },
+  "component-size-maximum-perspective-down": {
+    "value": "96px",
+    "uuid": "437f2e57-2aa6-41b5-bdcc-e4993dc42168"
+  },
   "accent-color-100": {
     "ref": "{blue-100}",
     "sets": {

package/package.json

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

package/src/color-component.json

@@ -471,5 +471,17 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{gray-100}",
     "uuid": "c325ed8f-8248-40c3-a0f0-efba57638f24"
+  },
+  "color-wheel-border-color": {
+    "component": "color-wheel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
+    "value": "{gray-1000}",
+    "uuid": "a60c3946-dff7-4245-bdcd-b61445066e48"
+  },
+  "color-wheel-border-opacity": {
+    "component": "color-wheel",
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
+    "value": "0.1",
+    "uuid": "be8fac27-b644-492e-a89d-6c87cfecb8a1"
   }
 }

package/src/layout.json

@@ -2413,5 +2413,10 @@
     "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
     "value": "{spacing-600}",
     "uuid": "a3e53161-c38a-4ee0-88c2-4a36fd530e51"
+  },
+  "component-size-maximum-perspective-down": {
+    "$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/dimension.json",
+    "value": "96px",
+    "uuid": "437f2e57-2aa6-41b5-bdcc-e4993dc42168"
   }
-}
+}