@adobe/spectrum-tokens 12.0.0-beta.52 → 12.0.0-beta.54

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [12.0.0-beta.52](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.51...v12.0.0-beta.52) (2022-09-14)
+# [12.0.0-beta.54](https://github.com/adobe/spectrum-tokens/compare/v12.0.0-beta.53...v12.0.0-beta.54) (2022-10-07)
 
 
-### Bug Fixes
+### Features
 
-* update dependencies, remove unused ones ([#64](https://github.com/adobe/spectrum-tokens/issues/64)) ([b3e804f](https://github.com/adobe/spectrum-tokens/commit/b3e804f0e9645c7a827ea3846e4457cafedf0155))
+* adds alert dialog tokens; closes DNA-1223 ([ed9a705](https://github.com/adobe/spectrum-tokens/commit/ed9a7054a285dbed6d0c5f4aaedf6e74c29412fb))

package/dist/json/drover.json

@@ -30,7 +30,7 @@
       "accent-color-700": "rgb(56, 146, 243)",
       "accent-color-800": "rgb(20, 122, 243)",
       "accent-color-900": "rgb(2, 101, 220)",
-      "accent-content-color": "rgb(2, 101, 220)",
+      "accent-content-color-default": "rgb(2, 101, 220)",
       "accent-content-color-down": "rgb(0, 68, 145)",
       "accent-content-color-hover": "rgb(0, 84, 182)",
       "accent-content-color-key-focus": "rgb(0, 84, 182)",
@@ -116,7 +116,6 @@
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.15)",
       "focus-indicator-color": "rgb(20, 122, 243)",
-      "focus-ring-color": "rgb(20, 122, 243)",
       "fuchsia-100": "rgb(255, 233, 252)",
       "fuchsia-1000": "rgb(157, 3, 158)",
       "fuchsia-1100": "rgb(128, 0, 129)",
@@ -219,6 +218,10 @@
       "negative-background-color-down": "rgb(147, 0, 0)",
       "negative-background-color-hover": "rgb(180, 0, 0)",
       "negative-background-color-key-focus": "rgb(180, 0, 0)",
+      "negative-border-color-default": "rgb(211, 21, 16)",
+      "negative-border-color-down": "rgb(147, 0, 0)",
+      "negative-border-color-hover": "rgb(180, 0, 0)",
+      "negative-border-color-key-focus": "rgb(180, 0, 0)",
       "negative-color-100": "rgb(255, 235, 231)",
       "negative-color-1000": "rgb(180, 0, 0)",
       "negative-color-1100": "rgb(147, 0, 0)",
@@ -233,7 +236,7 @@
       "negative-color-700": "rgb(247, 92, 70)",
       "negative-color-800": "rgb(234, 56, 41)",
       "negative-color-900": "rgb(211, 21, 16)",
-      "negative-content-color": "rgb(211, 21, 16)",
+      "negative-content-color-default": "rgb(211, 21, 16)",
       "negative-content-color-down": "rgb(147, 0, 0)",
       "negative-content-color-hover": "rgb(180, 0, 0)",
       "negative-content-color-key-focus": "rgb(180, 0, 0)",
@@ -355,8 +358,13 @@
       "seafoam-900": "rgb(0, 119, 114)",
       "seafoam-background-color-default": "rgb(0, 119, 114)",
       "seafoam-visual-color": "rgb(0, 161, 154)",
-      "static-black-focus-ring-color": "rgb(0, 0, 0)",
-      "static-white-focus-ring-color": "rgb(255, 255, 255)",
+      "slider-handle-gap": "4px",
+      "slider-track-thickness": "2px",
+      "static-black-focus-indicator-color": "rgb(0, 0, 0)",
+      "static-white-focus-indicator-color": "rgb(255, 255, 255)",
+      "swatch-border-color": "rgb(0, 0, 0)",
+      "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
+      "transparent-black-100": "rgba(0, 0, 0, 0)",
       "transparent-black-200": "rgba(0, 0, 0, 0.10)",
       "transparent-black-300": "rgba(0, 0, 0, 0.25)",
       "transparent-black-400": "rgba(0, 0, 0, 0.40)",
@@ -365,6 +373,7 @@
       "transparent-black-700": "rgba(0, 0, 0, 0.80)",
       "transparent-black-800": "rgba(0, 0, 0, 0.90)",
       "transparent-black-900": "rgb(0, 0, 0)",
+      "transparent-white-100": "rgba(255, 255, 255, 0)",
       "transparent-white-200": "rgba(255, 255, 255, 0.10)",
       "transparent-white-300": "rgba(255, 255, 255, 0.25)",
       "transparent-white-400": "rgba(255, 255, 255, 0.40)",
@@ -410,7 +419,7 @@
       "accent-color-700": "rgb(52, 143, 244)",
       "accent-color-800": "rgb(84, 163, 246)",
       "accent-color-900": "rgb(114, 183, 249)",
-      "accent-content-color": "rgb(114, 183, 249)",
+      "accent-content-color-default": "rgb(114, 183, 249)",
       "accent-content-color-down": "rgb(174, 219, 254)",
       "accent-content-color-hover": "rgb(143, 202, 252)",
       "accent-content-color-key-focus": "rgb(143, 202, 252)",
@@ -496,7 +505,6 @@
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.50)",
       "focus-indicator-color": "rgb(84, 163, 246)",
-      "focus-ring-color": "rgb(84, 163, 246)",
       "fuchsia-100": "rgb(107, 3, 106)",
       "fuchsia-1000": "rgb(250, 168, 245)",
       "fuchsia-1100": "rgb(254, 194, 248)",
@@ -599,6 +607,10 @@
       "negative-background-color-down": "rgb(165, 0, 0)",
       "negative-background-color-hover": "rgb(190, 4, 3)",
       "negative-background-color-key-focus": "rgb(190, 4, 3)",
+      "negative-border-color-default": "rgb(255, 149, 129)",
+      "negative-border-color-down": "rgb(255, 201, 189)",
+      "negative-border-color-hover": "rgb(255, 176, 161)",
+      "negative-border-color-key-focus": "rgb(255, 176, 161)",
       "negative-color-100": "rgb(123, 0, 0)",
       "negative-color-1000": "rgb(255, 176, 161)",
       "negative-color-1100": "rgb(255, 201, 189)",
@@ -613,7 +625,7 @@
       "negative-color-700": "rgb(246, 88, 67)",
       "negative-color-800": "rgb(255, 117, 94)",
       "negative-color-900": "rgb(255, 149, 129)",
-      "negative-content-color": "rgb(255, 149, 129)",
+      "negative-content-color-default": "rgb(255, 149, 129)",
       "negative-content-color-down": "rgb(255, 201, 189)",
       "negative-content-color-hover": "rgb(255, 176, 161)",
       "negative-content-color-key-focus": "rgb(255, 176, 161)",
@@ -735,8 +747,13 @@
       "seafoam-900": "rgb(54, 197, 189)",
       "seafoam-background-color-default": "rgb(0, 158, 152)",
       "seafoam-visual-color": "rgb(3, 178, 171)",
-      "static-black-focus-ring-color": "rgb(0, 0, 0)",
-      "static-white-focus-ring-color": "rgb(255, 255, 255)",
+      "slider-handle-gap": "4px",
+      "slider-track-thickness": "2px",
+      "static-black-focus-indicator-color": "rgb(0, 0, 0)",
+      "static-white-focus-indicator-color": "rgb(255, 255, 255)",
+      "swatch-border-color": "rgb(255, 255, 255)",
+      "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
+      "transparent-black-100": "rgba(0, 0, 0, 0)",
       "transparent-black-200": "rgba(0, 0, 0, 0.10)",
       "transparent-black-300": "rgba(0, 0, 0, 0.25)",
       "transparent-black-400": "rgba(0, 0, 0, 0.40)",
@@ -745,6 +762,7 @@
       "transparent-black-700": "rgba(0, 0, 0, 0.80)",
       "transparent-black-800": "rgba(0, 0, 0, 0.90)",
       "transparent-black-900": "rgb(0, 0, 0)",
+      "transparent-white-100": "rgba(255, 255, 255, 0)",
       "transparent-white-200": "rgba(255, 255, 255, 0.10)",
       "transparent-white-300": "rgba(255, 255, 255, 0.25)",
       "transparent-white-400": "rgba(255, 255, 255, 0.40)",
@@ -790,7 +808,7 @@
       "accent-color-700": "rgb(29, 128, 245)",
       "accent-color-800": "rgb(64, 150, 243)",
       "accent-color-900": "rgb(94, 170, 247)",
-      "accent-content-color": "rgb(94, 170, 247)",
+      "accent-content-color-default": "rgb(94, 170, 247)",
       "accent-content-color-down": "rgb(152, 206, 253)",
       "accent-content-color-hover": "rgb(124, 189, 250)",
       "accent-content-color-key-focus": "rgb(124, 189, 250)",
@@ -876,7 +894,6 @@
       "disabled-static-white-content-color": "rgba(255, 255, 255, 0.55)",
       "drop-shadow-color": "rgba(0, 0, 0, 0.80)",
       "focus-indicator-color": "rgb(64, 150, 243)",
-      "focus-ring-color": "rgb(64, 150, 243)",
       "fuchsia-100": "rgb(70, 14, 68)",
       "fuchsia-1000": "rgb(246, 149, 243)",
       "fuchsia-1100": "rgb(251, 175, 246)",
@@ -979,6 +996,10 @@
       "negative-background-color-down": "rgb(167, 0, 0)",
       "negative-background-color-hover": "rgb(196, 7, 6)",
       "negative-background-color-key-focus": "rgb(196, 7, 6)",
+      "negative-border-color-default": "rgb(255, 129, 107)",
+      "negative-border-color-down": "rgb(255, 183, 169)",
+      "negative-border-color-hover": "rgb(255, 158, 140)",
+      "negative-border-color-key-focus": "rgb(255, 158, 140)",
       "negative-color-100": "rgb(87, 0, 0)",
       "negative-color-1000": "rgb(255, 158, 140)",
       "negative-color-1100": "rgb(255, 183, 169)",
@@ -993,7 +1014,7 @@
       "negative-color-700": "rgb(238, 67, 49)",
       "negative-color-800": "rgb(249, 99, 76)",
       "negative-color-900": "rgb(255, 129, 107)",
-      "negative-content-color": "rgb(255, 129, 107)",
+      "negative-content-color-default": "rgb(255, 129, 107)",
       "negative-content-color-down": "rgb(255, 183, 169)",
       "negative-content-color-hover": "rgb(255, 158, 140)",
       "negative-content-color-key-focus": "rgb(255, 158, 140)",
@@ -1115,8 +1136,13 @@
       "seafoam-900": "rgb(26, 185, 178)",
       "seafoam-background-color-default": "rgb(0, 146, 140)",
       "seafoam-visual-color": "rgb(0, 165, 159)",
-      "static-black-focus-ring-color": "rgb(0, 0, 0)",
-      "static-white-focus-ring-color": "rgb(255, 255, 255)",
+      "slider-handle-gap": "4px",
+      "slider-track-thickness": "2px",
+      "static-black-focus-indicator-color": "rgb(0, 0, 0)",
+      "static-white-focus-indicator-color": "rgb(255, 255, 255)",
+      "swatch-border-color": "rgb(255, 255, 255)",
+      "swatch-disabled-icon-border-color": "rgb(0, 0, 0)",
+      "transparent-black-100": "rgba(0, 0, 0, 0)",
       "transparent-black-200": "rgba(0, 0, 0, 0.10)",
       "transparent-black-300": "rgba(0, 0, 0, 0.25)",
       "transparent-black-400": "rgba(0, 0, 0, 0.40)",
@@ -1125,6 +1151,7 @@
       "transparent-black-700": "rgba(0, 0, 0, 0.80)",
       "transparent-black-800": "rgba(0, 0, 0, 0.90)",
       "transparent-black-900": "rgb(0, 0, 0)",
+      "transparent-white-100": "rgba(255, 255, 255, 0)",
       "transparent-white-200": "rgba(255, 255, 255, 0.10)",
       "transparent-white-300": "rgba(255, 255, 255, 0.25)",
       "transparent-white-400": "rgba(255, 255, 255, 0.40)",
@@ -1162,6 +1189,8 @@
     "action-button-edge-to-hold-icon-large": "5px",
     "action-button-edge-to-hold-icon-medium": "4px",
     "action-button-edge-to-hold-icon-small": "3px",
+    "alert-dialog-maximum-width": "480px",
+    "alert-dialog-minimum-width": "288px",
     "background-opacity-down": "0.1",
     "background-opacity-hover": "0.1",
     "background-opacity-key-focus": "0.1",
@@ -1177,6 +1206,10 @@
     "border-width-100": "1px",
     "border-width-200": "2px",
     "button-minimum-width-multiplier": "2.25",
+    "character-count-to-field-quiet-extra-large": "-4px",
+    "character-count-to-field-quiet-large": "-3px",
+    "character-count-to-field-quiet-medium": "-3px",
+    "character-count-to-field-quiet-small": "-3px",
     "checkbox-control-size-extra-large": "18px",
     "checkbox-control-size-large": "16px",
     "checkbox-control-size-medium": "14px",
@@ -1199,6 +1232,11 @@
     "code-size-s": "14px",
     "code-size-xl": "20px",
     "code-size-xs": "12px",
+    "combo-box-minimum-width-multiplier": "2.5",
+    "combo-box-visual-to-field-button-extra-large": "10px",
+    "combo-box-visual-to-field-button-large": "9px",
+    "combo-box-visual-to-field-button-medium": "8px",
+    "combo-box-visual-to-field-button-small": "7px",
     "component-bottom-to-text-100": "9px",
     "component-bottom-to-text-200": "11px",
     "component-bottom-to-text-300": "14px",
@@ -1236,6 +1274,10 @@
     "component-pill-edge-to-visual-only-200": "10px",
     "component-pill-edge-to-visual-only-300": "13px",
     "component-pill-edge-to-visual-only-75": "4px",
+    "component-to-menu-extra-large": "8px",
+    "component-to-menu-large": "7px",
+    "component-to-menu-medium": "6px",
+    "component-to-menu-small": "6px",
     "component-top-to-text-100": "6px",
     "component-top-to-text-200": "9px",
     "component-top-to-text-300": "12px",
@@ -1257,16 +1299,41 @@
     "detail-size-m": "12px",
     "detail-size-s": "11px",
     "detail-size-xl": "16px",
+    "disclosure-indicator-top-to-disclosure-icon-extra-large": "17px",
+    "disclosure-indicator-top-to-disclosure-icon-large": "14px",
+    "disclosure-indicator-top-to-disclosure-icon-medium": "11px",
+    "disclosure-indicator-top-to-disclosure-icon-small": "7px",
     "divider-thickness-large": "4px",
     "divider-thickness-medium": "2px",
     "divider-thickness-small": "1px",
     "drop-shadow-blur": "4px",
     "drop-shadow-x": "0px",
     "drop-shadow-y": "1px",
+    "field-edge-to-alert-icon-extra-large": "18px",
+    "field-edge-to-alert-icon-large": "15px",
+    "field-edge-to-alert-icon-medium": "12px",
+    "field-edge-to-alert-icon-quiet": "0px",
+    "field-edge-to-alert-icon-small": "9px",
+    "field-edge-to-border-quiet": "0px",
+    "field-edge-to-disclosure-icon-100": "11px",
+    "field-edge-to-disclosure-icon-200": "14px",
+    "field-edge-to-disclosure-icon-300": "17px",
+    "field-edge-to-disclosure-icon-75": "7px",
+    "field-edge-to-text-quiet": "0px",
+    "field-edge-to-validation-icon-extra-large": "18px",
+    "field-edge-to-validation-icon-large": "15px",
+    "field-edge-to-validation-icon-medium": "12px",
+    "field-edge-to-validation-icon-quiet": "0px",
+    "field-edge-to-validation-icon-small": "9px",
     "field-label-text-to-asterisk-extra-large": "5px",
     "field-label-text-to-asterisk-large": "5px",
     "field-label-text-to-asterisk-medium": "4px",
     "field-label-text-to-asterisk-small": "4px",
+    "field-label-to-component": "0px",
+    "field-label-to-component-quiet-extra-large": "-15px",
+    "field-label-to-component-quiet-large": "-12px",
+    "field-label-to-component-quiet-medium": "-8px",
+    "field-label-to-component-quiet-small": "-8px",
     "field-label-top-margin-extra-large": "4px",
     "field-label-top-margin-large": "4px",
     "field-label-top-margin-medium": "4px",
@@ -1275,8 +1342,28 @@
     "field-label-top-to-asterisk-large": "15px",
     "field-label-top-to-asterisk-medium": "12px",
     "field-label-top-to-asterisk-small": "8px",
-    "focus-ring-gap": "2px",
-    "focus-ring-thickness": "2px",
+    "field-text-to-alert-icon-extra-large": "18px",
+    "field-text-to-alert-icon-large": "15px",
+    "field-text-to-alert-icon-medium": "12px",
+    "field-text-to-alert-icon-small": "8px",
+    "field-text-to-validation-icon-extra-large": "18px",
+    "field-text-to-validation-icon-large": "15px",
+    "field-text-to-validation-icon-medium": "12px",
+    "field-text-to-validation-icon-small": "8px",
+    "field-top-to-alert-icon-extra-large": "13px",
+    "field-top-to-alert-icon-large": "10px",
+    "field-top-to-alert-icon-medium": "7px",
+    "field-top-to-alert-icon-small": "4px",
+    "field-top-to-progress-circle-extra-large": "16px",
+    "field-top-to-progress-circle-large": "12px",
+    "field-top-to-progress-circle-medium": "8px",
+    "field-top-to-progress-circle-small": "4px",
+    "field-top-to-validation-icon-extra-large": "17px",
+    "field-top-to-validation-icon-large": "14px",
+    "field-top-to-validation-icon-medium": "11px",
+    "field-top-to-validation-icon-small": "7px",
+    "focus-indicator-gap": "2px",
+    "focus-indicator-thickness": "2px",
     "font-size-100": "14px",
     "font-size-1000": "40px",
     "font-size-1100": "45px",
@@ -1305,6 +1392,7 @@
     "heading-size-xxl": "45px",
     "heading-size-xxs": "14px",
     "heading-size-xxxl": "60px",
+    "help-text-to-component": "0px",
     "help-text-top-to-workflow-icon-extra-large": "9px",
     "help-text-top-to-workflow-icon-large": "6px",
     "help-text-top-to-workflow-icon-medium": "3px",
@@ -1317,15 +1405,19 @@
     "menu-item-edge-to-content-not-selected-medium": "32px",
     "menu-item-edge-to-content-not-selected-small": "28px",
     "menu-item-label-to-description": "1px",
-    "menu-item-top-to-chevron-extra-large": "17px",
-    "menu-item-top-to-chevron-large": "14px",
-    "menu-item-top-to-chevron-medium": "11px",
-    "menu-item-top-to-chevron-small": "7px",
+    "menu-item-top-to-disclosure-icon-extra-large": "17px",
+    "menu-item-top-to-disclosure-icon-large": "14px",
+    "menu-item-top-to-disclosure-icon-medium": "11px",
+    "menu-item-top-to-disclosure-icon-small": "7px",
     "meter-default-width": "192px",
     "meter-maximum-width": "768px",
     "meter-minimum-width": "48px",
     "meter-thickness-medium": "6px",
     "meter-thickness-small": "4px",
+    "picker-visual-to-disclosure-icon-extra-large": "10px",
+    "picker-visual-to-disclosure-icon-large": "9px",
+    "picker-visual-to-disclosure-icon-medium": "8px",
+    "picker-visual-to-disclosure-icon-small": "7px",
     "popover-tip-height": "8px",
     "popover-tip-width": "16px",
     "popover-top-to-content-area": "4px",
@@ -1350,6 +1442,29 @@
     "radio-button-top-to-control-large": "12px",
     "radio-button-top-to-control-medium": "9px",
     "radio-button-top-to-control-small": "6px",
+    "side-label-character-count-to-field": "12px",
+    "side-label-character-count-top-margin-extra-large": "13px",
+    "side-label-character-count-top-margin-large": "10px",
+    "side-label-character-count-top-margin-medium": "8px",
+    "side-label-character-count-top-margin-small": "4px",
+    "slider-bottom-to-handle-extra-large": "14px",
+    "slider-bottom-to-handle-large": "11px",
+    "slider-bottom-to-handle-medium": "8px",
+    "slider-bottom-to-handle-small": "5px",
+    "slider-control-height-extra-large": "20px",
+    "slider-control-height-large": "18px",
+    "slider-control-height-medium": "16px",
+    "slider-control-height-small": "14px",
+    "slider-handle-border-width-down-extra-large": "8px",
+    "slider-handle-border-width-down-large": "7px",
+    "slider-handle-border-width-down-medium": "6px",
+    "slider-handle-border-width-down-small": "5px",
+    "slider-handle-gap": "4px",
+    "slider-handle-size-extra-large": "20px",
+    "slider-handle-size-large": "18px",
+    "slider-handle-size-medium": "16px",
+    "slider-handle-size-small": "14px",
+    "slider-track-thickness": "2px",
     "spacing-100": "8px",
     "spacing-1000": "96px",
     "spacing-200": "12px",
@@ -1370,6 +1485,8 @@
     "status-light-top-to-dot-large": "15px",
     "status-light-top-to-dot-medium": "12px",
     "status-light-top-to-dot-small": "8px",
+    "swatch-border-opacity": "0.51",
+    "swatch-disabled-icon-border-opacity": "0.51",
     "swatch-size-extra-small": "16px",
     "swatch-size-large": "40px",
     "swatch-size-medium": "32px",
@@ -1396,6 +1513,9 @@
     "tag-top-to-cross-icon-large": "15px",
     "tag-top-to-cross-icon-medium": "12px",
     "tag-top-to-cross-icon-small": "8px",
+    "text-area-minimum-height": "56px",
+    "text-area-minimum-width": "112px",
+    "text-field-minimum-width-multiplier": "1.5",
     "text-to-control-100": "10px",
     "text-to-control-200": "11px",
     "text-to-control-300": "13px",