@adobe/spectrum-tokens 13.7.0 → 13.9.0

package/CHANGELOG.md

@@ -1,5 +1,92 @@
 # @adobe/spectrum-tokens
 
+## 13.9.0
+
+### Minor Changes
+
+- [#504](https://github.com/adobe/spectrum-tokens/pull/504) [`6ec680a`](https://github.com/adobe/spectrum-tokens/commit/6ec680adb5f0372f86afdb415f1122630e6ac596) Thanks [@larz0](https://github.com/larz0)! - Added list view tokens
+
+  ## Design Motivation
+
+  These are the required tokens for the list view component.
+
+  ## Token Diff
+
+  <details open><summary>Added (28)</summary>
+
+  - `visual-to-control-100`
+  - `label-to-description-0`
+  - `list-view-minimum-height`
+  - `list-view-minimum-width`
+  - `list-view-item-top-corner-radius`
+  - `list-view-item-bottom-corner-radius`
+  - `list-view-end-edge-to-content`
+  - `stack-item-selected-background-opacity-emphasized`
+  - `stack-item-selected-background-opacity-emphasized-hover`
+  - `stack-item-selected-background-opacity-emphasized-down`
+  - `stack-item-selected-background-opacity-emphasized-key-focus`
+  - `stack-item-header-minimum-width`
+  - `stack-item-start-edge-to-content`
+  - `stack-item-drag-handle-to-control`
+  - `stack-item-text-to-control`
+  - `stack-item-edge-to-control`
+  - `stack-item-edge-to-visual`
+  - `stack-item-action-to-navigation`
+  - `stack-item-header-to-item`
+  - `stack-item-item-to-item`
+  - `stack-item-background-color-hover`
+  - `stack-item-background-color-down`
+  - `stack-item-background-color-key-focus`
+  - `stack-item-selected-background-color-default`
+  - `stack-item-selected-background-color-hover`
+  - `stack-item-selected-background-color-down`
+  - `stack-item-selected-background-color-key-focus`
+  - `stack-item-selected-background-color-emphasized`
+
+  </details>
+
+## 13.8.0
+
+### Minor Changes
+
+- [#502](https://github.com/adobe/spectrum-tokens/pull/502) [`26845e5`](https://github.com/adobe/spectrum-tokens/commit/26845e5885168bdfb7191b246b2ad41def39dc15) Thanks [@larz0](https://github.com/larz0)! - Tag field and missing icon tokens
+
+  ## Design Motivation
+
+  - These are the required tokens for the tag fields component.
+  - These UI icons already exist and are being used in number field, menu items, swatch and list view.
+  - This was brought up on Slack by the CSS team in the implementation channel
+    When we initially added the first batch of UI icons size tokens, these specific icons were not used in components yet, but now are, which is why they're missing.
+
+  ## Token Diff
+
+  <details open><summary>Added (22)</summary>
+
+  - `link-out-icon-size-300`
+  - `link-out-icon-size-400`
+  - `add-icon-size-50`
+  - `add-icon-size-75`
+  - `add-icon-size-100`
+  - `add-icon-size-200`
+  - `add-icon-size-300`
+  - `drag-handle-icon-size-75`
+  - `drag-handle-icon-size-100`
+  - `drag-handle-icon-size-200`
+  - `drag-handle-icon-size-300`
+  - `gripper-icon-size-100`
+  - `tag-field-default-width-small`
+  - `tag-field-default-width-medium`
+  - `tag-field-default-width-large`
+  - `tag-field-minimum-width`
+  - `tag-field-minimum-height-small`
+  - `tag-field-minimum-height-medium`
+  - `tag-field-minimum-height-large`
+  - `tag-field-edge-to-content-small`
+  - `tag-field-edge-to-content-medium`
+  - `tag-field-edge-to-content-large`
+
+  </details>
+
 ## 13.7.0
 
 ### Minor Changes

package/dist/json/drover.json

@@ -628,6 +628,14 @@
       "silver-background-color-default": "rgb(114, 114, 114)",
       "silver-subtle-background-color-default": "rgb(239, 239, 239)",
       "silver-visual-color": "rgb(128, 128, 128)",
+      "stack-item-background-color-down": "rgb(233, 233, 233)",
+      "stack-item-background-color-hover": "rgb(233, 233, 233)",
+      "stack-item-background-color-key-focus": "rgb(233, 233, 233)",
+      "stack-item-selected-background-color-default": "rgb(233, 233, 233)",
+      "stack-item-selected-background-color-down": "rgb(225, 225, 225)",
+      "stack-item-selected-background-color-emphasized": "rgb(59, 99, 251)",
+      "stack-item-selected-background-color-hover": "rgb(225, 225, 225)",
+      "stack-item-selected-background-color-key-focus": "rgb(225, 225, 225)",
       "standard-panel-gripper-color": "rgb(225, 225, 225)",
       "standard-panel-gripper-color-drag": "rgb(41, 41, 41)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -1344,6 +1352,14 @@
       "silver-background-color-default": "rgb(118, 118, 118)",
       "silver-subtle-background-color-default": "rgb(44, 44, 44)",
       "silver-visual-color": "rgb(137, 137, 137)",
+      "stack-item-background-color-down": "rgb(44, 44, 44)",
+      "stack-item-background-color-hover": "rgb(44, 44, 44)",
+      "stack-item-background-color-key-focus": "rgb(44, 44, 44)",
+      "stack-item-selected-background-color-default": "rgb(44, 44, 44)",
+      "stack-item-selected-background-color-down": "rgb(50, 50, 50)",
+      "stack-item-selected-background-color-emphasized": "rgb(64, 105, 253)",
+      "stack-item-selected-background-color-hover": "rgb(50, 50, 50)",
+      "stack-item-selected-background-color-key-focus": "rgb(50, 50, 50)",
       "standard-panel-gripper-color": "rgb(50, 50, 50)",
       "standard-panel-gripper-color-drag": "rgb(219, 219, 219)",
       "static-black-focus-indicator-color": "rgb(0, 0, 0)",
@@ -1569,6 +1585,11 @@
     "action-button-edge-to-hold-icon-large": "5px",
     "action-button-edge-to-hold-icon-medium": "4px",
     "action-button-edge-to-hold-icon-small": "3px",
+    "add-icon-size-100": "10px",
+    "add-icon-size-200": "12px",
+    "add-icon-size-300": "12px",
+    "add-icon-size-50": "8px",
+    "add-icon-size-75": "8px",
     "alert-banner-bottom-to-text": "20px",
     "alert-banner-minimum-height": "56px",
     "alert-banner-to-bottom-text": "20px",
@@ -1986,6 +2007,10 @@
     "divider-vertical-minimum-height": "200px",
     "double-calendar-popover-minimum-height": "320px",
     "double-calendar-popover-minimum-width": "616px",
+    "drag-handle-icon-size-100": "10px",
+    "drag-handle-icon-size-200": "12px",
+    "drag-handle-icon-size-300": "14px",
+    "drag-handle-icon-size-75": "10px",
     "drop-shadow-blur": "6px",
     "drop-shadow-blur-100": "6px",
     "drop-shadow-blur-200": "8px",
@@ -2114,6 +2139,7 @@
     "font-size-900": "36px",
     "gradient-stop-2-genai": 0.3333,
     "gradient-stop-2-premium": 0.6666,
+    "gripper-icon-size-100": "24px",
     "heading-cjk-line-height": 1.5,
     "heading-cjk-size-l": "25px",
     "heading-cjk-size-m": "20px",
@@ -2189,6 +2215,7 @@
     "in-field-stepper-to-end-medium": "3px",
     "in-field-stepper-to-end-small": "0px",
     "in-line-alert-minimum-width": "240px",
+    "label-to-description-0": "0px",
     "line-height-100": 1.3,
     "line-height-200": 1.5,
     "line-height-font-size-100": "18px",
@@ -2211,7 +2238,14 @@
     "line-height-font-size-900": "42px",
     "link-out-icon-size-100": "12px",
     "link-out-icon-size-200": "14px",
+    "link-out-icon-size-300": "14px",
+    "link-out-icon-size-400": "16px",
     "link-out-icon-size-75": "10px",
+    "list-view-end-edge-to-content": "6px",
+    "list-view-item-bottom-corner-radius": "8px",
+    "list-view-item-top-corner-radius": "8px",
+    "list-view-minimum-height": "40px",
+    "list-view-minimum-width": "200px",
     "menu-item-edge-to-content-not-selected-extra-large": "45px",
     "menu-item-edge-to-content-not-selected-large": "38px",
     "menu-item-edge-to-content-not-selected-medium": "32px",
@@ -2400,6 +2434,19 @@
     "spacing-75": "4px",
     "spacing-800": "64px",
     "spacing-900": "80px",
+    "stack-item-action-to-navigation": "4px",
+    "stack-item-drag-handle-to-control": "8px",
+    "stack-item-edge-to-control": "12px",
+    "stack-item-edge-to-visual": "12px",
+    "stack-item-header-minimum-width": "200px",
+    "stack-item-header-to-item": "0px",
+    "stack-item-item-to-item": "-1px",
+    "stack-item-selected-background-opacity-emphasized": "0.1",
+    "stack-item-selected-background-opacity-emphasized-down": "0.15",
+    "stack-item-selected-background-opacity-emphasized-hover": "0.15",
+    "stack-item-selected-background-opacity-emphasized-key-focus": "0.15",
+    "stack-item-start-edge-to-content": "4px",
+    "stack-item-text-to-control": "8px",
     "standard-dialog-body-font-size": "16px",
     "standard-dialog-maximum-width-large": "640px",
     "standard-dialog-maximum-width-medium": "480px",
@@ -2635,6 +2682,16 @@
     "tag-edge-to-clear-icon-large": "15px",
     "tag-edge-to-clear-icon-medium": "12px",
     "tag-edge-to-clear-icon-small": "8px",
+    "tag-field-default-width-large": "288px",
+    "tag-field-default-width-medium": "264px",
+    "tag-field-default-width-small": "240px",
+    "tag-field-edge-to-content-large": "14px",
+    "tag-field-edge-to-content-medium": "12px",
+    "tag-field-edge-to-content-small": "10px",
+    "tag-field-minimum-height-large": "68px",
+    "tag-field-minimum-height-medium": "56px",
+    "tag-field-minimum-height-small": "44px",
+    "tag-field-minimum-width": "180px",
     "tag-label-to-clear-icon-large": "15px",
     "tag-label-to-clear-icon-medium": "12px",
     "tag-label-to-clear-icon-small": "8px",
@@ -2742,6 +2799,7 @@
     "user-card-minimum-height-title-below-large": "244px",
     "user-card-minimum-height-title-below-medium": "224px",
     "user-card-minimum-height-title-below-small": "212px",
+    "visual-to-control-100": "8px",
     "window-to-edge": "40px",
     "workflow-icon-size-100": "20px",
     "workflow-icon-size-200": "22px",