@adobe/spectrum-tokens 13.0.0-beta.5 → 13.0.0-beta.7

package/CHANGELOG.md

@@ -1,5 +1,389 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.7
+
+### Minor Changes
+
+- 4853f76: Added schema to all tokens and fixed values that didn't meet schema requirements
+
+  ## Token Diff
+
+  _Token values updated (328):_
+
+  - `accent-background-color-default`
+  - `accent-background-color-down`
+  - `accent-background-color-hover`
+  - `accent-background-color-key-focus`
+  - `accent-color-100`
+  - `accent-color-1000`
+  - `accent-color-1100`
+  - `accent-color-1200`
+  - `accent-color-1300`
+  - `accent-color-1400`
+  - `accent-color-200`
+  - `accent-color-300`
+  - `accent-color-400`
+  - `accent-color-500`
+  - `accent-color-600`
+  - `accent-color-700`
+  - `accent-color-800`
+  - `accent-color-900`
+  - `accent-content-color-default`
+  - `accent-content-color-down`
+  - `accent-content-color-hover`
+  - `accent-content-color-key-focus`
+  - `accent-content-color-selected`
+  - `accent-visual-color`
+  - `blue-100`
+  - `blue-1000`
+  - `blue-1100`
+  - `blue-1200`
+  - `blue-1300`
+  - `blue-1400`
+  - `blue-200`
+  - `blue-300`
+  - `blue-400`
+  - `blue-500`
+  - `blue-600`
+  - `blue-700`
+  - `blue-800`
+  - `blue-900`
+  - `blue-background-color-default`
+  - `blue-visual-color`
+  - `celery-100`
+  - `celery-1000`
+  - `celery-1100`
+  - `celery-1200`
+  - `celery-1300`
+  - `celery-1400`
+  - `celery-200`
+  - `celery-300`
+  - `celery-400`
+  - `celery-500`
+  - `celery-600`
+  - `celery-700`
+  - `celery-800`
+  - `celery-900`
+  - `celery-background-color-default`
+  - `celery-visual-color`
+  - `chartreuse-100`
+  - `chartreuse-1000`
+  - `chartreuse-1100`
+  - `chartreuse-1200`
+  - `chartreuse-1300`
+  - `chartreuse-1400`
+  - `chartreuse-200`
+  - `chartreuse-300`
+  - `chartreuse-400`
+  - `chartreuse-500`
+  - `chartreuse-600`
+  - `chartreuse-700`
+  - `chartreuse-800`
+  - `chartreuse-900`
+  - `chartreuse-background-color-default`
+  - `chartreuse-visual-color`
+  - `contextual-help-body-size`
+  - `cyan-100`
+  - `cyan-1000`
+  - `cyan-1100`
+  - `cyan-1200`
+  - `cyan-1300`
+  - `cyan-1400`
+  - `cyan-200`
+  - `cyan-300`
+  - `cyan-400`
+  - `cyan-500`
+  - `cyan-600`
+  - `cyan-700`
+  - `cyan-800`
+  - `cyan-900`
+  - `cyan-background-color-default`
+  - `cyan-visual-color`
+  - `drop-zone-background-color`
+  - `focus-indicator-color`
+  - `fuchsia-100`
+  - `fuchsia-1000`
+  - `fuchsia-1100`
+  - `fuchsia-1200`
+  - `fuchsia-1300`
+  - `fuchsia-1400`
+  - `fuchsia-200`
+  - `fuchsia-300`
+  - `fuchsia-400`
+  - `fuchsia-500`
+  - `fuchsia-600`
+  - `fuchsia-700`
+  - `fuchsia-800`
+  - `fuchsia-900`
+  - `fuchsia-background-color-default`
+  - `fuchsia-visual-color`
+  - `green-100`
+  - `green-1000`
+  - `green-1100`
+  - `green-1200`
+  - `green-1300`
+  - `green-1400`
+  - `green-200`
+  - `green-300`
+  - `green-400`
+  - `green-500`
+  - `green-600`
+  - `green-700`
+  - `green-800`
+  - `green-900`
+  - `green-background-color-default`
+  - `green-visual-color`
+  - `icon-color-blue-primary-default`
+  - `icon-color-green-primary-default`
+  - `icon-color-red-primary-default`
+  - `icon-color-yellow-primary-default`
+  - `indigo-100`
+  - `indigo-1000`
+  - `indigo-1100`
+  - `indigo-1200`
+  - `indigo-1300`
+  - `indigo-1400`
+  - `indigo-200`
+  - `indigo-300`
+  - `indigo-400`
+  - `indigo-500`
+  - `indigo-600`
+  - `indigo-700`
+  - `indigo-800`
+  - `indigo-900`
+  - `indigo-background-color-default`
+  - `indigo-visual-color`
+  - `informative-background-color-default`
+  - `informative-background-color-down`
+  - `informative-background-color-hover`
+  - `informative-background-color-key-focus`
+  - `informative-color-100`
+  - `informative-color-1000`
+  - `informative-color-1100`
+  - `informative-color-1200`
+  - `informative-color-1300`
+  - `informative-color-1400`
+  - `informative-color-200`
+  - `informative-color-300`
+  - `informative-color-400`
+  - `informative-color-500`
+  - `informative-color-600`
+  - `informative-color-700`
+  - `informative-color-800`
+  - `informative-color-900`
+  - `informative-visual-color`
+  - `magenta-100`
+  - `magenta-1000`
+  - `magenta-1100`
+  - `magenta-1200`
+  - `magenta-1300`
+  - `magenta-1400`
+  - `magenta-200`
+  - `magenta-300`
+  - `magenta-400`
+  - `magenta-500`
+  - `magenta-600`
+  - `magenta-700`
+  - `magenta-800`
+  - `magenta-900`
+  - `magenta-background-color-default`
+  - `magenta-visual-color`
+  - `navigational-indicator-top-to-back-icon-extra-large`
+  - `navigational-indicator-top-to-back-icon-large`
+  - `navigational-indicator-top-to-back-icon-medium`
+  - `navigational-indicator-top-to-back-icon-small`
+  - `negative-background-color-default`
+  - `negative-background-color-down`
+  - `negative-background-color-hover`
+  - `negative-background-color-key-focus`
+  - `negative-border-color-default`
+  - `negative-border-color-down`
+  - `negative-border-color-focus`
+  - `negative-border-color-focus-hover`
+  - `negative-border-color-hover`
+  - `negative-border-color-key-focus`
+  - `negative-color-100`
+  - `negative-color-1000`
+  - `negative-color-1100`
+  - `negative-color-1200`
+  - `negative-color-1300`
+  - `negative-color-1400`
+  - `negative-color-200`
+  - `negative-color-300`
+  - `negative-color-400`
+  - `negative-color-500`
+  - `negative-color-600`
+  - `negative-color-700`
+  - `negative-color-800`
+  - `negative-color-900`
+  - `negative-content-color-default`
+  - `negative-content-color-down`
+  - `negative-content-color-hover`
+  - `negative-content-color-key-focus`
+  - `negative-visual-color`
+  - `notice-background-color-default`
+  - `notice-color-100`
+  - `notice-color-1000`
+  - `notice-color-1100`
+  - `notice-color-1200`
+  - `notice-color-1300`
+  - `notice-color-1400`
+  - `notice-color-200`
+  - `notice-color-300`
+  - `notice-color-400`
+  - `notice-color-500`
+  - `notice-color-600`
+  - `notice-color-700`
+  - `notice-color-800`
+  - `notice-color-900`
+  - `notice-visual-color`
+  - `orange-100`
+  - `orange-1000`
+  - `orange-1100`
+  - `orange-1200`
+  - `orange-1300`
+  - `orange-1400`
+  - `orange-200`
+  - `orange-300`
+  - `orange-400`
+  - `orange-500`
+  - `orange-600`
+  - `orange-700`
+  - `orange-800`
+  - `orange-900`
+  - `orange-background-color-default`
+  - `orange-visual-color`
+  - `positive-background-color-default`
+  - `positive-background-color-down`
+  - `positive-background-color-hover`
+  - `positive-background-color-key-focus`
+  - `positive-color-100`
+  - `positive-color-1000`
+  - `positive-color-1100`
+  - `positive-color-1200`
+  - `positive-color-1300`
+  - `positive-color-1400`
+  - `positive-color-200`
+  - `positive-color-300`
+  - `positive-color-400`
+  - `positive-color-500`
+  - `positive-color-600`
+  - `positive-color-700`
+  - `positive-color-800`
+  - `positive-color-900`
+  - `positive-visual-color`
+  - `purple-100`
+  - `purple-1000`
+  - `purple-1100`
+  - `purple-1200`
+  - `purple-1300`
+  - `purple-1400`
+  - `purple-200`
+  - `purple-300`
+  - `purple-400`
+  - `purple-500`
+  - `purple-600`
+  - `purple-700`
+  - `purple-800`
+  - `purple-900`
+  - `purple-background-color-default`
+  - `purple-visual-color`
+  - `red-100`
+  - `red-1000`
+  - `red-1100`
+  - `red-1200`
+  - `red-1300`
+  - `red-1400`
+  - `red-200`
+  - `red-300`
+  - `red-400`
+  - `red-500`
+  - `red-600`
+  - `red-700`
+  - `red-800`
+  - `red-900`
+  - `red-background-color-default`
+  - `red-visual-color`
+  - `seafoam-100`
+  - `seafoam-1000`
+  - `seafoam-1100`
+  - `seafoam-1200`
+  - `seafoam-1300`
+  - `seafoam-1400`
+  - `seafoam-200`
+  - `seafoam-300`
+  - `seafoam-400`
+  - `seafoam-500`
+  - `seafoam-600`
+  - `seafoam-700`
+  - `seafoam-800`
+  - `seafoam-900`
+  - `seafoam-background-color-default`
+  - `seafoam-visual-color`
+  - `side-navigation-item-to-header`
+  - `table-selected-row-background-color`
+  - `yellow-100`
+  - `yellow-1000`
+  - `yellow-1100`
+  - `yellow-1200`
+  - `yellow-1300`
+  - `yellow-1400`
+  - `yellow-200`
+  - `yellow-300`
+  - `yellow-400`
+  - `yellow-500`
+  - `yellow-600`
+  - `yellow-700`
+  - `yellow-800`
+  - `yellow-900`
+  - `yellow-background-color-default`
+  - `yellow-visual-color`
+
+## 13.0.0-beta.6
+
+### Minor Changes
+
+- 6d1c661: Added new Spectrum 2 color tokens for both light and dark themes:
+
+  Cinnamon 100 to 1600
+
+  ## Design Motivation
+
+  This is the last new color that is a part of the new color set needed from Premiere Pro. The additional color will also help when creating new data vis color palettes for Spectrum 2.
+
+  ## Token Diff
+
+  _Tokens added (17):_
+
+  - `cinnamon-100`
+  - `cinnamon-200`
+  - `cinnamon-300`
+  - `cinnamon-400`
+  - `cinnamon-500`
+  - `cinnamon-600`
+  - `cinnamon-700`
+  - `cinnamon-800`
+  - `cinnamon-900`
+  - `cinnamon-1000`
+  - `cinnamon-1100`
+  - `cinnamon-1200`
+  - `cinnamon-1300`
+  - `cinnamon-1400`
+  - `cinnamon-1500`
+  - `cinnamon-1600`
+
+- 91d7e95: Fixed bug in the light theme value for notice-background-color-default, from notice-color-800 to notice-color-600
+
+  ## Design Motivation
+
+  While updating the badge component in Figma, we noticed a bug where notice-background-color-default in S2 was entered incorrectly for light theme, and should instead match the value for S1
+
+  ## Token Diff
+
+  _Token values updated (1):_
+
+  - `notice-background-color-default`: `light`: `notice-color-800` -> `notice-color-600`
+
 ## 13.0.0-beta.5
 
 ### Major Changes

package/dist/json/drover.json

@@ -114,6 +114,22 @@
       "chartreuse-900": "rgb(102, 122, 0)",
       "chartreuse-background-color-default": "rgb(163, 196, 0)",
       "chartreuse-visual-color": "rgb(143, 172, 0)",
+      "cinnamon-100": "rgb(253, 247, 243)",
+      "cinnamon-1000": "rgb(147, 77, 43)",
+      "cinnamon-1100": "rgb(128, 62, 32)",
+      "cinnamon-1200": "rgb(110, 48, 21)",
+      "cinnamon-1300": "rgb(92, 35, 11)",
+      "cinnamon-1400": "rgb(72, 25, 6)",
+      "cinnamon-1500": "rgb(52, 18, 4)",
+      "cinnamon-1600": "rgb(24, 8, 2)",
+      "cinnamon-200": "rgb(249, 236, 229)",
+      "cinnamon-300": "rgb(244, 218, 203)",
+      "cinnamon-400": "rgb(237, 196, 172)",
+      "cinnamon-500": "rgb(229, 170, 136)",
+      "cinnamon-600": "rgb(212, 145, 108)",
+      "cinnamon-700": "rgb(198, 126, 88)",
+      "cinnamon-800": "rgb(184, 109, 70)",
+      "cinnamon-900": "rgb(170, 94, 56)",
       "coach-mark-pagination-color": "rgb(113, 113, 113)",
       "code-color": "rgb(41, 41, 41)",
       "color-area-border-color": "rgb(19, 19, 19)",
@@ -327,7 +343,7 @@
       "neutral-subdued-content-color-key-focus": "rgb(41, 41, 41)",
       "neutral-subdued-content-color-selected": "rgb(41, 41, 41)",
       "neutral-visual-color": "rgb(143, 143, 143)",
-      "notice-background-color-default": "rgb(212, 91, 0)",
+      "notice-background-color-default": "rgb(252, 125, 0)",
       "notice-color-100": "rgb(255, 246, 231)",
       "notice-color-1000": "rgb(167, 62, 0)",
       "notice-color-1100": "rgb(144, 51, 0)",
@@ -367,7 +383,6 @@
       "orange-visual-color": "rgb(232, 106, 0)",
       "overlay-color": "rgb(0, 0, 0)",
       "overlay-opacity": "0.4",
-      "picker-border-width": "1px",
       "pink-100": "rgb(255, 246, 252)",
       "pink-1000": "rgb(176, 31, 123)",
       "pink-1100": "rgb(152, 22, 104)",
@@ -648,6 +663,22 @@
       "chartreuse-900": "rgb(122, 147, 0)",
       "chartreuse-background-color-default": "rgb(122, 147, 0)",
       "chartreuse-visual-color": "rgb(122, 147, 0)",
+      "cinnamon-100": "rgb(48, 17, 4)",
+      "cinnamon-1000": "rgb(206, 136, 99)",
+      "cinnamon-1100": "rgb(220, 154, 118)",
+      "cinnamon-1200": "rgb(232, 179, 149)",
+      "cinnamon-1300": "rgb(239, 203, 183)",
+      "cinnamon-1400": "rgb(246, 225, 214)",
+      "cinnamon-1500": "rgb(252, 244, 239)",
+      "cinnamon-1600": "rgb(255, 255, 255)",
+      "cinnamon-200": "rgb(59, 21, 5)",
+      "cinnamon-300": "rgb(79, 28, 7)",
+      "cinnamon-400": "rgb(100, 41, 15)",
+      "cinnamon-500": "rgb(122, 57, 28)",
+      "cinnamon-600": "rgb(143, 74, 40)",
+      "cinnamon-700": "rgb(163, 88, 52)",
+      "cinnamon-800": "rgb(179, 103, 64)",
+      "cinnamon-900": "rgb(192, 119, 80)",
       "coach-mark-pagination-color": "rgb(138, 138, 138)",
       "code-color": "rgb(219, 219, 219)",
       "color-area-border-color": "rgb(242, 242, 242)",
@@ -901,7 +932,6 @@
       "orange-visual-color": "rgb(224, 100, 0)",
       "overlay-color": "rgb(0, 0, 0)",
       "overlay-opacity": "0.6",
-      "picker-border-width": "1px",
       "pink-100": "rgb(58, 0, 37)",
       "pink-1000": "rgb(251, 90, 196)",
       "pink-1100": "rgb(255, 122, 210)",
@@ -1096,7 +1126,6 @@
       "floating-action-button-shadow-color": "rgba(0, 0, 0, 0.15)",
       "opacity-checkerboard-square-light": "rgb(255, 255, 255)",
       "overlay-color": "rgb(0, 0, 0)",
-      "picker-border-width": "1px",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
       "static-white-focus-indicator-color": "rgb(255, 255, 255)",
       "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
@@ -1182,6 +1211,17 @@
     "alert-dialog-maximum-width": "480px",
     "alert-dialog-minimum-width": "288px",
     "alert-dialog-title-size": "18px",
+    "arrow-icon-size-100": "10px",
+    "arrow-icon-size-200": "12px",
+    "arrow-icon-size-300": "14px",
+    "arrow-icon-size-400": "16px",
+    "arrow-icon-size-500": "18px",
+    "arrow-icon-size-600": "20px",
+    "arrow-icon-size-75": "10px",
+    "asterisk-icon-size-100": "8px",
+    "asterisk-icon-size-200": "10px",
+    "asterisk-icon-size-300": "10px",
+    "asterisk-icon-size-75": "8px",
     "avatar-opacity-disabled": "0.3",
     "avatar-size-100": "20px",
     "avatar-size-200": "22px",
@@ -1246,6 +1286,22 @@
     "checkbox-top-to-control-large": "12px",
     "checkbox-top-to-control-medium": "9px",
     "checkbox-top-to-control-small": "6px",
+    "checkmark-icon-size-100": "10px",
+    "checkmark-icon-size-200": "12px",
+    "checkmark-icon-size-300": "14px",
+    "checkmark-icon-size-400": "16px",
+    "checkmark-icon-size-50": "10px",
+    "checkmark-icon-size-500": "16px",
+    "checkmark-icon-size-600": "18px",
+    "checkmark-icon-size-75": "10px",
+    "chevron-icon-size-100": "10px",
+    "chevron-icon-size-200": "12px",
+    "chevron-icon-size-300": "14px",
+    "chevron-icon-size-400": "16px",
+    "chevron-icon-size-50": "6px",
+    "chevron-icon-size-500": "16px",
+    "chevron-icon-size-600": "18px",
+    "chevron-icon-size-75": "10px",
     "cjk-letter-spacing": "0.05em",
     "cjk-line-height-100": "1.5",
     "cjk-line-height-200": "1.7",
@@ -1277,7 +1333,6 @@
     "color-handle-border-width": "2px",
     "color-handle-inner-border-opacity": "0.42",
     "color-handle-inner-border-width": "1px",
-    "color-handle-outer-border-color": "rgb(0, 0, 0)",
     "color-handle-outer-border-opacity": "0.42",
     "color-handle-outer-border-width": "1px",
     "color-handle-size": "16px",
@@ -1356,12 +1411,31 @@
     "component-top-to-workflow-icon-300": "13px",
     "component-top-to-workflow-icon-50": "3px",
     "component-top-to-workflow-icon-75": "4px",
-    "contextual-help-body-size": "18px",
+    "contextual-help-body-size": "14px",
     "contextual-help-minimum-width": "268px",
     "contextual-help-title-size": "16px",
     "corner-radius-100": "4px",
     "corner-radius-200": "8px",
     "corner-radius-75": "2px",
+    "corner-triangle-icon-size-100": "5px",
+    "corner-triangle-icon-size-200": "6px",
+    "corner-triangle-icon-size-300": "7px",
+    "corner-triangle-icon-size-75": "5px",
+    "cross-icon-size-100": "8px",
+    "cross-icon-size-200": "10px",
+    "cross-icon-size-300": "12px",
+    "cross-icon-size-400": "12px",
+    "cross-icon-size-500": "14px",
+    "cross-icon-size-600": "16px",
+    "cross-icon-size-75": "8px",
+    "dash-icon-size-100": "10px",
+    "dash-icon-size-200": "12px",
+    "dash-icon-size-300": "12px",
+    "dash-icon-size-400": "14px",
+    "dash-icon-size-50": "8px",
+    "dash-icon-size-500": "16px",
+    "dash-icon-size-600": "18px",
+    "dash-icon-size-75": "8px",
     "detail-cjk-line-height": "1.5",
     "detail-letter-spacing": "0.06em",
     "detail-line-height": "1.3",
@@ -1543,10 +1617,10 @@
     "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",
-    "navigational-indicator-top-to-back-icon-small": "7px",
+    "navigational-indicator-top-to-back-icon-extra-large": "15px",
+    "navigational-indicator-top-to-back-icon-large": "12px",
+    "navigational-indicator-top-to-back-icon-medium": "9px",
+    "navigational-indicator-top-to-back-icon-small": "6px",
     "opacity-checkerboard-square-size": "8px",
     "opacity-disabled": "0.3",
     "picker-border-width": "1px",
@@ -1588,7 +1662,8 @@
     "side-label-character-count-top-margin-medium": "8px",
     "side-label-character-count-top-margin-small": "4px",
     "side-navigation-bottom-to-text": "8px",
-    "side-navigation-item-to-header": "16px",
+    "side-navigation-header-to-item": "8px",
+    "side-navigation-item-to-header": "24px",
     "side-navigation-item-to-item": "4px",
     "side-navigation-maximum-width": "240px",
     "side-navigation-minimum-width": "160px",