@adobe/spectrum-tokens 13.0.0-beta.6 → 13.0.0-beta.8

package/CHANGELOG.md

@@ -1,5 +1,365 @@
 # @adobe/spectrum-tokens
 
+## 13.0.0-beta.8
+
+### Minor Changes
+
+- 507f3c2: Added new and updating existing background layer tokens to S2 set in Tokens Studio and S2/Variables. Also reordered token organization to reflect proper usage based on [S2 guidelines](https://s2.spectrum.corp.adobe.com/page/background-layers/#editing-contexts).
+
+  ## Design Motivation
+
+  In Spectrum 2, background layers are used differently depending on the primary context of the page. We now have a full set of tokens to help users distinguish between primary purposes, editing vs browsing.
+
+  ## Token Diff
+
+  _Tokens added (2):_
+
+  - `background-elevated-color`
+  - `background-pasteboard-color`
+
+  _Token values updated (1):_
+
+  - `background-base-color`
+
+## 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

package/dist/json/drover.json

@@ -38,9 +38,11 @@
       "accent-content-color-key-focus": "rgb(39, 77, 234)",
       "accent-content-color-selected": "rgb(39, 77, 234)",
       "accent-visual-color": "rgb(75, 117, 255)",
-      "background-base-color": "rgb(233, 233, 233)",
+      "background-base-color": "rgb(255, 255, 255)",
+      "background-elevated-color": "rgb(255, 255, 255)",
       "background-layer-1-color": "rgb(248, 248, 248)",
       "background-layer-2-color": "rgb(255, 255, 255)",
+      "background-pasteboard-color": "rgb(233, 233, 233)",
       "black": "rgb(0, 0, 0)",
       "blue-100": "rgb(245, 249, 255)",
       "blue-1000": "rgb(39, 77, 234)",
@@ -383,7 +385,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)",
@@ -589,8 +590,10 @@
       "accent-content-color-selected": "rgb(105, 149, 254)",
       "accent-visual-color": "rgb(86, 129, 255)",
       "background-base-color": "rgb(17, 17, 17)",
+      "background-elevated-color": "rgb(34, 34, 34)",
       "background-layer-1-color": "rgb(27, 27, 27)",
       "background-layer-2-color": "rgb(34, 34, 34)",
+      "background-pasteboard-color": "rgb(17, 17, 17)",
       "black": "rgb(0, 0, 0)",
       "blue-100": "rgb(14, 23, 63)",
       "blue-1000": "rgb(105, 149, 254)",
@@ -933,7 +936,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)",
@@ -1128,7 +1130,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)",
@@ -1214,6 +1215,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",
@@ -1278,6 +1290,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",
@@ -1309,7 +1337,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",
@@ -1388,12 +1415,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",
@@ -1575,10 +1621,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",
@@ -1620,7 +1666,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",