diff --git a/.changeset/sweet-brooms-fetch.md b/.changeset/sweet-brooms-fetch.md
new file mode 100644
index 00000000000..23d212be9a5
--- /dev/null
+++ b/.changeset/sweet-brooms-fetch.md
@@ -0,0 +1,417 @@
+---
+"@spectrum-css/tokens": minor
+---
+
+### Tokens changed
+
+
Updated from @adobe/spectrum-tokens@13.7.0
to @adobe/spectrum-tokens@13.10.0
.
+
+This update introduces new tokens for accordion, field disclosure icons, icon sizes (add, drag handle, gripper, link out), and tag field dimensions, along with stack item and list view global properties.
+
+Note that deprecated tokens are still available but will be removed in a future release. Please migrate to new tokens as appropriate.
+
+
+ Newly deprecated
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-extra-large
-> --spectrum-accordion-bottom-to-text-extra-large
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-large
-> --spectrum-accordion-bottom-to-text-large
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-medium
-> --spectrum-accordion-bottom-to-text-medium
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-small
-> --spectrum-accordion-bottom-to-text-small
+
+ --spectrum-accordion-top-to-text-regular-extra-large
-> --spectrum-accordion-top-to-text-extra-large
+ -
+
--spectrum-accordion-top-to-text-regular-large
-> --spectrum-accordion-top-to-text-large
+
+ -
+
--spectrum-accordion-top-to-text-regular-medium
-> --spectrum-accordion-top-to-text-medium
+
+ -
+
--spectrum-accordion-top-to-text-regular-small
-> --spectrum-accordion-top-to-text-small
+
+
+
+
+
+ Added
+
+ -
+
--spectrum-accordion-bottom-to-text-extra-large
+ desktop: 19px
+ mobile: 21px
+
+ -
+
--spectrum-accordion-bottom-to-text-large
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-bottom-to-text-medium
+ desktop: 16px
+ mobile: 18px
+
+ -
+
--spectrum-accordion-bottom-to-text-small
+ desktop: 13px
+ mobile: 15px
+
+ -
+
--spectrum-accordion-top-to-text-compact-medium
+ desktop: 8px
+ mobile: 14px
+
+ -
+
--spectrum-accordion-top-to-text-compact-small
+ desktop: 3px
+ mobile: 4px
+
+ -
+
--spectrum-accordion-top-to-text-extra-large
+ desktop: 19px
+ mobile: 21px
+
+ -
+
--spectrum-accordion-top-to-text-large
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-top-to-text-medium
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-top-to-text-small
+ desktop: 10px
+ mobile: 12px
+
+ -
+
--spectrum-add-icon-size-50
+ desktop: 8px
+ mobile: 10px
+
+ -
+
--spectrum-add-icon-size-75
+ desktop: 10px
+ mobile: 12px
+
+ -
+
--spectrum-add-icon-size-100
+ desktop: 12px
+ mobile: 14px
+
+ -
+
--spectrum-add-icon-size-200
+ desktop: 14px
+ mobile: 16px
+
+ -
+
--spectrum-add-icon-size-300
+ desktop: 16px
+ mobile: 18px
+
+ -
+
--spectrum-drag-handle-icon-size-75
+ desktop: 10px
+ mobile: 12px
+
+ -
+
--spectrum-drag-handle-icon-size-100
+ desktop: 12px
+ mobile: 14px
+
+ -
+
--spectrum-drag-handle-icon-size-200
+ desktop: 14px
+ mobile: 16px
+
+ -
+
--spectrum-drag-handle-icon-size-300
+ desktop: 16px
+ mobile: 18px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-compact-extra-large
+ desktop: 17px
+ mobile: 21px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-compact-large
+ desktop: 14px
+ mobile: 17px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-compact-medium
+ desktop: 11px
+ mobile: 13px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-compact-small
+ desktop: 7px
+ mobile: 9px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-extra-large
+ desktop: 21px
+ mobile: 26px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-large
+ desktop: 18px
+ mobile: 22px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-medium
+ desktop: 15px
+ mobile: 18px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-small
+ desktop: 11px
+ mobile: 13px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-spacious-extra-large
+ desktop: 25px
+ mobile: 31px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-spacious-large
+ desktop: 22px
+ mobile: 27px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-spacious-medium
+ desktop: 19px
+ mobile: 23px
+
+ -
+
--spectrum-field-top-to-disclosure-icon-spacious-small
+ desktop: 15px
+ mobile: 18px
+
+ -
+
--spectrum-gripper-icon-size-100
+ desktop: 12px
+ mobile: 14px
+
+ -
+
--spectrum-label-to-description-0
+ value: 0px
+
+ -
+
--spectrum-link-out-icon-size-300
+ desktop: 16px
+ mobile: 18px
+
+ -
+
--spectrum-link-out-icon-size-400
+ desktop: 18px
+ mobile: 20px
+
+ -
+
--spectrum-list-view-end-edge-to-content
+ desktop: 14px
+ mobile: 16px
+
+ -
+
--spectrum-list-view-item-bottom-corner-radius
+ value: 4px
+
+ -
+
--spectrum-list-view-item-top-corner-radius
+ value: 4px
+
+ -
+
--spectrum-list-view-minimum-height
+ desktop: 28px
+ mobile: 32px
+
+ -
+
--spectrum-list-view-minimum-width
+ desktop: 180px
+ mobile: 200px
+
+ -
+
--spectrum-stack-item-action-to-navigation
+ desktop: 6px
+ mobile: 8px
+
+ -
+
--spectrum-stack-item-background-color-down
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-background-color-hover
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-background-color-key-focus
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-drag-handle-to-control
+ --spectrum-stack-item-header-to-item
+ desktop: 3px
+ mobile: 4px
+
+ -
+
--spectrum-stack-item-item-to-item
+ desktop: 3px
+ mobile: 4px
+
+ -
+
--spectrum-accordion-bottom-to-text-extra-large
+ desktop: 19px
+ mobile: 21px
+
+ -
+
--spectrum-accordion-bottom-to-text-large
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-bottom-to-text-medium
+ desktop: 16px
+ mobile: 18px
+
+ -
+
--spectrum-accordion-bottom-to-text-small
+ desktop: 13px
+ mobile: 15px
+
+ -
+
--spectrum-accordion-top-to-text-extra-large
+ desktop: 19px
+ mobile: 21px
+
+ -
+
--spectrum-accordion-top-to-text-large
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-top-to-text-medium
+ desktop: 17px
+ mobile: 19px
+
+ -
+
--spectrum-accordion-top-to-text-small
+ desktop: 10px
+ mobile: 12px
+
+ -
+
--spectrum-stack-item-background-color-hover
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-background-color-down
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-background-color-key-focus
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-selected-background-color-default
+ value: var(--spectrum-gray-100)
+
+ -
+
--spectrum-stack-item-selected-background-color-hover
+ value: var(--spectrum-gray-200)
+
+ -
+
--spectrum-stack-item-selected-background-color-down
+ value: var(--spectrum-gray-200)
+
+ -
+
--spectrum-stack-item-selected-background-color-key-focus
+ value: var(--spectrum-gray-200)
+
+ -
+
--spectrum-stack-item-selected-background-color-emphasized
+ value: var(--spectrum-accent-background-color-default)
+
+ -
+
--spectrum-accordion-top-to-text-compact-small
+ desktop: 3px
+ mobile: 4px
+
+ -
+
--spectrum-accordion-top-to-text-compact-medium
+ desktop: 8px
+ mobile: 14px
+
+
+
+
+
+ Updated
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-extra-large
+ desktop: 12px -> 15px
+ mobile: 15px -> 21px
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-large
+ desktop: 11px -> 14px
+ mobile: 14px -> 19px
+
+ -
+
--spectrum-accordion-bottom-to-text-regular-small
+ desktop: 7px -> 9px
+ mobile: 9px -> 12px
+
+ -
+
--spectrum-accordion-bottom-to-text-spacious-small
+ value: 15px
+
+ -
+
--spectrum-accordion-top-to-text-compact-extra-large
+ desktop: 5px -> 8px
+ mobile: 7px -> 11px
+
+ -
+
--spectrum-accordion-top-to-text-compact-large
+ desktop: 4px -> 8px
+ mobile: 7px -> 14px
+
+ -
+
--spectrum-accordion-top-to-text-regular-extra-large
+ desktop: 13px -> 17px
+ mobile: 14px -> 21px
+
+ -
+
--spectrum-accordion-top-to-text-regular-large
+ desktop: 12px -> 16px
+ mobile: 14px -> 19px
+
+ -
+
--spectrum-accordion-top-to-text-spacious-extra-large
+ desktop: 13px -> 17px
+ mobile: 14px -> 21px
+
+ -
+
--spectrum-accordion-top-to-text-spacious-large
+ desktop: 12px -> 16px
+ mobile: 14px -> 19px
+
+ -
+
--spectrum-accordion-top-to-text-spacious-medium
+ desktop: 12px -> 16px
+ mobile: 14px -> 19px
+
+ -
+
--spectrum-accordion-top-to-text-spacious-small
+ desktop: 9px -> 11px
+ mobile: 12px -> 15px
+
+
+
diff --git a/tokens/dist/json/tokens.json b/tokens/dist/json/tokens.json
index 05d6fa39453..a3eff35069e 100644
--- a/tokens/dist/json/tokens.json
+++ b/tokens/dist/json/tokens.json
@@ -305,8 +305,36 @@
"value": "4px"
}
},
+ "accordion-bottom-to-text-extra-large": {
+ "prop": "--spectrum-accordion-bottom-to-text-extra-large",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "15px"
+ }
+ },
+ "accordion-bottom-to-text-large": {
+ "prop": "--spectrum-accordion-bottom-to-text-large",
+ "desktop": {
+ "value": "11px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
+ },
+ "accordion-bottom-to-text-medium": {
+ "prop": "--spectrum-accordion-bottom-to-text-medium",
+ "desktop": {
+ "value": "9px"
+ },
+ "mobile": {
+ "value": "13px"
+ }
+ },
"accordion-bottom-to-text-regular-extra-large": {
"prop": "--spectrum-accordion-bottom-to-text-regular-extra-large",
+ "ref": "var(--spectrum-accordion-bottom-to-text-extra-large)",
"desktop": {
"value": "12px"
},
@@ -316,6 +344,7 @@
},
"accordion-bottom-to-text-regular-large": {
"prop": "--spectrum-accordion-bottom-to-text-regular-large",
+ "ref": "var(--spectrum-accordion-bottom-to-text-large)",
"desktop": {
"value": "11px"
},
@@ -325,6 +354,7 @@
},
"accordion-bottom-to-text-regular-medium": {
"prop": "--spectrum-accordion-bottom-to-text-regular-medium",
+ "ref": "var(--spectrum-accordion-bottom-to-text-medium)",
"desktop": {
"value": "9px"
},
@@ -334,6 +364,16 @@
},
"accordion-bottom-to-text-regular-small": {
"prop": "--spectrum-accordion-bottom-to-text-regular-small",
+ "ref": "var(--spectrum-accordion-bottom-to-text-small)",
+ "desktop": {
+ "value": "7px"
+ },
+ "mobile": {
+ "value": "9px"
+ }
+ },
+ "accordion-bottom-to-text-small": {
+ "prop": "--spectrum-accordion-bottom-to-text-small",
"desktop": {
"value": "7px"
},
@@ -374,7 +414,7 @@
"value": "11px"
},
"mobile": {
- "value": "14px"
+ "value": "15px"
}
},
"accordion-content-area-bottom-to-content": {
@@ -524,99 +564,149 @@
"accordion-top-to-text-compact-extra-large": {
"prop": "--spectrum-accordion-top-to-text-compact-extra-large",
"desktop": {
- "value": "5px"
+ "value": "8px"
},
"mobile": {
- "value": "7px"
+ "value": "11px"
}
},
"accordion-top-to-text-compact-large": {
"prop": "--spectrum-accordion-top-to-text-compact-large",
"desktop": {
- "value": "4px"
+ "value": "8px"
},
"mobile": {
- "value": "7px"
+ "value": "14px"
}
},
"accordion-top-to-text-compact-medium": {
"prop": "--spectrum-accordion-top-to-text-compact-medium",
- "value": "4px"
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
},
"accordion-top-to-text-compact-small": {
"prop": "--spectrum-accordion-top-to-text-compact-small",
- "value": "2px"
+ "desktop": {
+ "value": "3px"
+ },
+ "mobile": {
+ "value": "4px"
+ }
+ },
+ "accordion-top-to-text-extra-large": {
+ "prop": "--spectrum-accordion-top-to-text-extra-large",
+ "desktop": {
+ "value": "13px"
+ },
+ "mobile": {
+ "value": "17px"
+ }
+ },
+ "accordion-top-to-text-large": {
+ "prop": "--spectrum-accordion-top-to-text-large",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
+ },
+ "accordion-top-to-text-medium": {
+ "prop": "--spectrum-accordion-top-to-text-medium",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
},
"accordion-top-to-text-regular-extra-large": {
"prop": "--spectrum-accordion-top-to-text-regular-extra-large",
+ "ref": "var(--spectrum-accordion-top-to-text-extra-large)",
"desktop": {
- "value": "9px"
+ "value": "13px"
},
"mobile": {
- "value": "12px"
+ "value": "17px"
}
},
"accordion-top-to-text-regular-large": {
"prop": "--spectrum-accordion-top-to-text-regular-large",
+ "ref": "var(--spectrum-accordion-top-to-text-large)",
"desktop": {
- "value": "9px"
+ "value": "12px"
},
"mobile": {
- "value": "12px"
+ "value": "16px"
}
},
"accordion-top-to-text-regular-medium": {
"prop": "--spectrum-accordion-top-to-text-regular-medium",
+ "ref": "var(--spectrum-accordion-top-to-text-medium)",
"desktop": {
- "value": "8px"
+ "value": "12px"
},
"mobile": {
- "value": "9px"
+ "value": "16px"
}
},
"accordion-top-to-text-regular-small": {
"prop": "--spectrum-accordion-top-to-text-regular-small",
+ "ref": "var(--spectrum-accordion-top-to-text-small)",
"desktop": {
- "value": "5px"
+ "value": "7px"
},
"mobile": {
+ "value": "10px"
+ }
+ },
+ "accordion-top-to-text-small": {
+ "prop": "--spectrum-accordion-top-to-text-small",
+ "desktop": {
"value": "7px"
+ },
+ "mobile": {
+ "value": "10px"
}
},
"accordion-top-to-text-spacious-extra-large": {
"prop": "--spectrum-accordion-top-to-text-spacious-extra-large",
"desktop": {
- "value": "13px"
+ "value": "17px"
},
"mobile": {
- "value": "14px"
+ "value": "21px"
}
},
"accordion-top-to-text-spacious-large": {
"prop": "--spectrum-accordion-top-to-text-spacious-large",
"desktop": {
- "value": "12px"
+ "value": "16px"
},
"mobile": {
- "value": "14px"
+ "value": "19px"
}
},
"accordion-top-to-text-spacious-medium": {
"prop": "--spectrum-accordion-top-to-text-spacious-medium",
"desktop": {
- "value": "12px"
+ "value": "16px"
},
"mobile": {
- "value": "14px"
+ "value": "19px"
}
},
"accordion-top-to-text-spacious-small": {
"prop": "--spectrum-accordion-top-to-text-spacious-small",
"desktop": {
- "value": "9px"
+ "value": "11px"
},
"mobile": {
- "value": "12px"
+ "value": "15px"
}
},
"action-bar-border-color": {
@@ -729,6 +819,51 @@
"prop": "--spectrum-action-button-edge-to-hold-icon-small",
"value": "3px"
},
+ "add-icon-size-100": {
+ "prop": "--spectrum-add-icon-size-100",
+ "desktop": {
+ "value": "10px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
+ },
+ "add-icon-size-200": {
+ "prop": "--spectrum-add-icon-size-200",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
+ },
+ "add-icon-size-300": {
+ "prop": "--spectrum-add-icon-size-300",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
+ },
+ "add-icon-size-50": {
+ "prop": "--spectrum-add-icon-size-50",
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "10px"
+ }
+ },
+ "add-icon-size-75": {
+ "prop": "--spectrum-add-icon-size-75",
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "10px"
+ }
+ },
"alert-banner-bottom-to-text": {
"prop": "--spectrum-alert-banner-bottom-to-text",
"desktop": {
@@ -5629,6 +5764,42 @@
"prop": "--spectrum-double-calendar-popover-minimum-width",
"value": "616px"
},
+ "drag-handle-icon-size-100": {
+ "prop": "--spectrum-drag-handle-icon-size-100",
+ "desktop": {
+ "value": "10px"
+ },
+ "mobile": {
+ "value": "12px"
+ }
+ },
+ "drag-handle-icon-size-200": {
+ "prop": "--spectrum-drag-handle-icon-size-200",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
+ },
+ "drag-handle-icon-size-300": {
+ "prop": "--spectrum-drag-handle-icon-size-300",
+ "desktop": {
+ "value": "14px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
+ },
+ "drag-handle-icon-size-75": {
+ "prop": "--spectrum-drag-handle-icon-size-75",
+ "desktop": {
+ "value": "10px"
+ },
+ "mobile": {
+ "value": "12px"
+ }
+ },
"drop-shadow-blur": {
"prop": "--spectrum-drop-shadow-blur",
"ref": "var(--spectrum-drop-shadow-blur-100)",
@@ -6374,6 +6545,114 @@
"value": "9px"
}
},
+ "field-top-to-disclosure-icon-compact-extra-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-compact-extra-large",
+ "desktop": {
+ "value": "17px"
+ },
+ "mobile": {
+ "value": "21px"
+ }
+ },
+ "field-top-to-disclosure-icon-compact-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-compact-large",
+ "desktop": {
+ "value": "14px"
+ },
+ "mobile": {
+ "value": "17px"
+ }
+ },
+ "field-top-to-disclosure-icon-compact-medium": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-compact-medium",
+ "desktop": {
+ "value": "11px"
+ },
+ "mobile": {
+ "value": "13px"
+ }
+ },
+ "field-top-to-disclosure-icon-compact-small": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-compact-small",
+ "desktop": {
+ "value": "7px"
+ },
+ "mobile": {
+ "value": "9px"
+ }
+ },
+ "field-top-to-disclosure-icon-extra-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-extra-large",
+ "desktop": {
+ "value": "21px"
+ },
+ "mobile": {
+ "value": "26px"
+ }
+ },
+ "field-top-to-disclosure-icon-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-large",
+ "desktop": {
+ "value": "18px"
+ },
+ "mobile": {
+ "value": "22px"
+ }
+ },
+ "field-top-to-disclosure-icon-medium": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-medium",
+ "desktop": {
+ "value": "15px"
+ },
+ "mobile": {
+ "value": "18px"
+ }
+ },
+ "field-top-to-disclosure-icon-small": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-small",
+ "desktop": {
+ "value": "11px"
+ },
+ "mobile": {
+ "value": "13px"
+ }
+ },
+ "field-top-to-disclosure-icon-spacious-extra-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-spacious-extra-large",
+ "desktop": {
+ "value": "25px"
+ },
+ "mobile": {
+ "value": "31px"
+ }
+ },
+ "field-top-to-disclosure-icon-spacious-large": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-spacious-large",
+ "desktop": {
+ "value": "22px"
+ },
+ "mobile": {
+ "value": "27px"
+ }
+ },
+ "field-top-to-disclosure-icon-spacious-medium": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-spacious-medium",
+ "desktop": {
+ "value": "19px"
+ },
+ "mobile": {
+ "value": "23px"
+ }
+ },
+ "field-top-to-disclosure-icon-spacious-small": {
+ "prop": "--spectrum-field-top-to-disclosure-icon-spacious-small",
+ "desktop": {
+ "value": "15px"
+ },
+ "mobile": {
+ "value": "18px"
+ }
+ },
"field-top-to-progress-circle-extra-large": {
"prop": "--spectrum-field-top-to-progress-circle-extra-large",
"desktop": {
@@ -7213,6 +7492,10 @@
"value": "rgb(6, 136, 80)"
}
},
+ "gripper-icon-size-100": {
+ "prop": "--spectrum-gripper-icon-size-100",
+ "value": "24px"
+ },
"heading-cjk-emphasized-font-style": {
"prop": "--spectrum-heading-cjk-emphasized-font-style",
"ref": "var(--spectrum-default-font-style)",
@@ -9392,6 +9675,10 @@
"prop": "--spectrum-italic-font-style",
"value": "italic"
},
+ "label-to-description-0": {
+ "prop": "--spectrum-label-to-description-0",
+ "value": "0px"
+ },
"letter-spacing": {
"prop": "--spectrum-letter-spacing",
"value": "0em"
@@ -9589,6 +9876,24 @@
"value": "16px"
}
},
+ "link-out-icon-size-300": {
+ "prop": "--spectrum-link-out-icon-size-300",
+ "desktop": {
+ "value": "14px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
+ },
+ "link-out-icon-size-400": {
+ "prop": "--spectrum-link-out-icon-size-400",
+ "desktop": {
+ "value": "16px"
+ },
+ "mobile": {
+ "value": "18px"
+ }
+ },
"link-out-icon-size-75": {
"prop": "--spectrum-link-out-icon-size-75",
"desktop": {
@@ -9598,6 +9903,43 @@
"value": "12px"
}
},
+ "list-view-end-edge-to-content": {
+ "prop": "--spectrum-list-view-end-edge-to-content",
+ "desktop": {
+ "value": "6px"
+ },
+ "mobile": {
+ "value": "8px"
+ }
+ },
+ "list-view-item-bottom-corner-radius": {
+ "prop": "--spectrum-list-view-item-bottom-corner-radius",
+ "ref": "var(--spectrum-corner-radius-medium-default)",
+ "value": "8px"
+ },
+ "list-view-item-top-corner-radius": {
+ "prop": "--spectrum-list-view-item-top-corner-radius",
+ "ref": "var(--spectrum-corner-radius-medium-default)",
+ "value": "8px"
+ },
+ "list-view-minimum-height": {
+ "prop": "--spectrum-list-view-minimum-height",
+ "desktop": {
+ "value": "40px"
+ },
+ "mobile": {
+ "value": "50px"
+ }
+ },
+ "list-view-minimum-width": {
+ "prop": "--spectrum-list-view-minimum-width",
+ "desktop": {
+ "value": "200px"
+ },
+ "mobile": {
+ "value": "240px"
+ }
+ },
"magenta-100": {
"prop": "--spectrum-magenta-100",
"light": {
@@ -13381,6 +13723,173 @@
"prop": "--spectrum-spacing-900",
"value": "80px"
},
+ "stack-item-action-to-navigation": {
+ "prop": "--spectrum-stack-item-action-to-navigation",
+ "desktop": {
+ "value": "4px"
+ },
+ "mobile": {
+ "value": "6px"
+ }
+ },
+ "stack-item-background-color-down": {
+ "prop": "--spectrum-stack-item-background-color-down",
+ "ref": "var(--spectrum-gray-100)",
+ "light": {
+ "value": "rgb(233, 233, 233)"
+ },
+ "dark": {
+ "value": "rgb(44, 44, 44)"
+ }
+ },
+ "stack-item-background-color-hover": {
+ "prop": "--spectrum-stack-item-background-color-hover",
+ "ref": "var(--spectrum-gray-100)",
+ "light": {
+ "value": "rgb(233, 233, 233)"
+ },
+ "dark": {
+ "value": "rgb(44, 44, 44)"
+ }
+ },
+ "stack-item-background-color-key-focus": {
+ "prop": "--spectrum-stack-item-background-color-key-focus",
+ "ref": "var(--spectrum-gray-100)",
+ "light": {
+ "value": "rgb(233, 233, 233)"
+ },
+ "dark": {
+ "value": "rgb(44, 44, 44)"
+ }
+ },
+ "stack-item-drag-handle-to-control": {
+ "prop": "--spectrum-stack-item-drag-handle-to-control",
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "10px"
+ }
+ },
+ "stack-item-edge-to-control": {
+ "prop": "--spectrum-stack-item-edge-to-control",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "15px"
+ }
+ },
+ "stack-item-edge-to-visual": {
+ "prop": "--spectrum-stack-item-edge-to-visual",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "15px"
+ }
+ },
+ "stack-item-header-minimum-width": {
+ "prop": "--spectrum-stack-item-header-minimum-width",
+ "desktop": {
+ "value": "200px"
+ },
+ "mobile": {
+ "value": "240px"
+ }
+ },
+ "stack-item-header-to-item": {
+ "prop": "--spectrum-stack-item-header-to-item",
+ "value": "0px"
+ },
+ "stack-item-item-to-item": {
+ "prop": "--spectrum-stack-item-item-to-item",
+ "value": "-1px"
+ },
+ "stack-item-selected-background-color-default": {
+ "prop": "--spectrum-stack-item-selected-background-color-default",
+ "ref": "var(--spectrum-gray-100)",
+ "light": {
+ "value": "rgb(233, 233, 233)"
+ },
+ "dark": {
+ "value": "rgb(44, 44, 44)"
+ }
+ },
+ "stack-item-selected-background-color-down": {
+ "prop": "--spectrum-stack-item-selected-background-color-down",
+ "ref": "var(--spectrum-gray-200)",
+ "light": {
+ "value": "rgb(225, 225, 225)"
+ },
+ "dark": {
+ "value": "rgb(50, 50, 50)"
+ }
+ },
+ "stack-item-selected-background-color-emphasized": {
+ "prop": "--spectrum-stack-item-selected-background-color-emphasized",
+ "ref": "var(--spectrum-accent-color-800)",
+ "light": {
+ "value": "rgb(59, 99, 251)"
+ },
+ "dark": {
+ "value": "rgb(64, 105, 253)"
+ }
+ },
+ "stack-item-selected-background-color-hover": {
+ "prop": "--spectrum-stack-item-selected-background-color-hover",
+ "ref": "var(--spectrum-gray-200)",
+ "light": {
+ "value": "rgb(225, 225, 225)"
+ },
+ "dark": {
+ "value": "rgb(50, 50, 50)"
+ }
+ },
+ "stack-item-selected-background-color-key-focus": {
+ "prop": "--spectrum-stack-item-selected-background-color-key-focus",
+ "ref": "var(--spectrum-gray-200)",
+ "light": {
+ "value": "rgb(225, 225, 225)"
+ },
+ "dark": {
+ "value": "rgb(50, 50, 50)"
+ }
+ },
+ "stack-item-selected-background-opacity-emphasized": {
+ "prop": "--spectrum-stack-item-selected-background-opacity-emphasized",
+ "value": "0.1"
+ },
+ "stack-item-selected-background-opacity-emphasized-down": {
+ "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-down",
+ "value": "0.15"
+ },
+ "stack-item-selected-background-opacity-emphasized-hover": {
+ "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-hover",
+ "value": "0.15"
+ },
+ "stack-item-selected-background-opacity-emphasized-key-focus": {
+ "prop": "--spectrum-stack-item-selected-background-opacity-emphasized-key-focus",
+ "value": "0.15"
+ },
+ "stack-item-start-edge-to-content": {
+ "prop": "--spectrum-stack-item-start-edge-to-content",
+ "desktop": {
+ "value": "4px"
+ },
+ "mobile": {
+ "value": "5px"
+ }
+ },
+ "stack-item-text-to-control": {
+ "prop": "--spectrum-stack-item-text-to-control",
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "10px"
+ }
+ },
"standard-dialog-body-font-size": {
"prop": "--spectrum-standard-dialog-body-font-size",
"ref": "var(--spectrum-body-size-s)",
@@ -15462,6 +15971,96 @@
"value": "10px"
}
},
+ "tag-field-default-width-large": {
+ "prop": "--spectrum-tag-field-default-width-large",
+ "desktop": {
+ "value": "288px"
+ },
+ "mobile": {
+ "value": "312px"
+ }
+ },
+ "tag-field-default-width-medium": {
+ "prop": "--spectrum-tag-field-default-width-medium",
+ "desktop": {
+ "value": "264px"
+ },
+ "mobile": {
+ "value": "288px"
+ }
+ },
+ "tag-field-default-width-small": {
+ "prop": "--spectrum-tag-field-default-width-small",
+ "desktop": {
+ "value": "240px"
+ },
+ "mobile": {
+ "value": "264px"
+ }
+ },
+ "tag-field-edge-to-content-large": {
+ "prop": "--spectrum-tag-field-edge-to-content-large",
+ "desktop": {
+ "value": "14px"
+ },
+ "mobile": {
+ "value": "16px"
+ }
+ },
+ "tag-field-edge-to-content-medium": {
+ "prop": "--spectrum-tag-field-edge-to-content-medium",
+ "desktop": {
+ "value": "12px"
+ },
+ "mobile": {
+ "value": "14px"
+ }
+ },
+ "tag-field-edge-to-content-small": {
+ "prop": "--spectrum-tag-field-edge-to-content-small",
+ "desktop": {
+ "value": "10px"
+ },
+ "mobile": {
+ "value": "12px"
+ }
+ },
+ "tag-field-minimum-height-large": {
+ "prop": "--spectrum-tag-field-minimum-height-large",
+ "desktop": {
+ "value": "68px"
+ },
+ "mobile": {
+ "value": "82px"
+ }
+ },
+ "tag-field-minimum-height-medium": {
+ "prop": "--spectrum-tag-field-minimum-height-medium",
+ "desktop": {
+ "value": "56px"
+ },
+ "mobile": {
+ "value": "68px"
+ }
+ },
+ "tag-field-minimum-height-small": {
+ "prop": "--spectrum-tag-field-minimum-height-small",
+ "desktop": {
+ "value": "44px"
+ },
+ "mobile": {
+ "value": "54px"
+ }
+ },
+ "tag-field-minimum-width": {
+ "prop": "--spectrum-tag-field-minimum-width",
+ "desktop": {
+ "value": "180px"
+ },
+ "mobile": {
+ "value": "200px"
+ }
+ },
"tag-label-to-clear-icon-large": {
"prop": "--spectrum-tag-label-to-clear-icon-large",
"desktop": {
@@ -16809,6 +17408,15 @@
"prop": "--spectrum-user-card-minimum-height-title-below-small",
"value": "212px"
},
+ "visual-to-control-100": {
+ "prop": "--spectrum-visual-to-control-100",
+ "desktop": {
+ "value": "8px"
+ },
+ "mobile": {
+ "value": "10px"
+ }
+ },
"white": {
"prop": "--spectrum-white",
"value": "rgb(255, 255, 255)"
diff --git a/tokens/package.json b/tokens/package.json
index 27e92e77a75..9f3d270e67e 100644
--- a/tokens/package.json
+++ b/tokens/package.json
@@ -24,10 +24,11 @@
"main": "dist/css/index.css",
"module": "style-dictionary.config.js",
"devDependencies": {
- "@adobe/spectrum-tokens": "^13.7.0",
+ "@adobe/spectrum-tokens": "^13.10.0",
"@adobe/token-diff-generator": "^2.0.0",
"@spectrum-tools/postcss-rgb-mapping": "1.1.0",
"deepmerge": "^4.3.1",
+ "glob": "^11.0.2",
"lodash-es": "^4.17.21",
"postcss": "^8.5.3",
"postcss-sorting": "^9.1.0",
diff --git a/tokens/project.json b/tokens/project.json
index e47da427b4a..70993a76967 100644
--- a/tokens/project.json
+++ b/tokens/project.json
@@ -42,13 +42,13 @@
"diff": {
"cache": true,
"executor": "nx:run-commands",
- "inputs": [{ "externalDependencies": ["@adobe/token-diff-generator"] }],
+ "inputs": [{ "externalDependencies": ["glob", "@adobe/token-diff-generator"] }],
"options": {
"commands": [
- "tdiff report --old-token-version @adobe/spectrum-tokens@{args.v1} --new-token-version @adobe/spectrum-tokens@{args.v2} --format markdown --output dist/tokens-diff.md"
+ "tdiff report --old-token-version @adobe/spectrum-tokens@{args.v1} --new-token-version @adobe/spectrum-tokens@{args.v2} --format markdown --output ./dist/tokens-diff.md"
],
"forwardAllArgs": true,
- "v1": "13.7.0"
+ "v1": "13.10.0"
},
"outputs": [
"{projectRoot}/dist/tokens-diff.md"
diff --git a/yarn.lock b/yarn.lock
index f68fadec2f4..e273baf5ba3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -188,10 +188,10 @@ __metadata:
languageName: node
linkType: hard
-"@adobe/spectrum-tokens@npm:^13.7.0":
- version: 13.7.0
- resolution: "@adobe/spectrum-tokens@npm:13.7.0"
- checksum: 10c0/e97b0bcb832c839b45c563a6ad5d68f86320989d8c7403af2512f81c7b1b15fcc68243270587728b95a2e6829fc113920c7e5a6b5a464b880ea3b17da5756892
+"@adobe/spectrum-tokens@npm:^13.10.0":
+ version: 13.10.0
+ resolution: "@adobe/spectrum-tokens@npm:13.10.0"
+ checksum: 10c0/1bd8007826ef22292ffd0eab96b5a7d90aa1619adccdc141991d08d3b48bc62cdd2eacc57a63bd6c5ab4eb1e52d081f619bac9b8bad2eafe4efad0073c5ef266
languageName: node
linkType: hard
@@ -5677,10 +5677,11 @@ __metadata:
version: 0.0.0-use.local
resolution: "@spectrum-css/tokens@workspace:tokens"
dependencies:
- "@adobe/spectrum-tokens": "npm:^13.7.0"
+ "@adobe/spectrum-tokens": "npm:^13.10.0"
"@adobe/token-diff-generator": "npm:^2.0.0"
"@spectrum-tools/postcss-rgb-mapping": "npm:1.1.0"
deepmerge: "npm:^4.3.1"
+ glob: "npm:^11.0.2"
lodash-es: "npm:^4.17.21"
postcss: "npm:^8.5.3"
postcss-sorting: "npm:^9.1.0"
@@ -11619,21 +11620,7 @@ __metadata:
languageName: node
linkType: hard
-"glob@npm:^7.0.3, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
- version: 7.2.3
- resolution: "glob@npm:7.2.3"
- dependencies:
- fs.realpath: "npm:^1.0.0"
- inflight: "npm:^1.0.4"
- inherits: "npm:2"
- minimatch: "npm:^3.1.1"
- once: "npm:^1.3.0"
- path-is-absolute: "npm:^1.0.0"
- checksum: 10c0/65676153e2b0c9095100fe7f25a778bf45608eeb32c6048cf307f579649bcc30353277b3b898a3792602c65764e5baa4f643714dfbdfd64ea271d210c7a425fe
- languageName: node
- linkType: hard
-
-"glob@npm:~11.0.2":
+"glob@npm:^11.0.2, glob@npm:~11.0.2":
version: 11.0.2
resolution: "glob@npm:11.0.2"
dependencies:
@@ -11649,6 +11636,20 @@ __metadata:
languageName: node
linkType: hard
+"glob@npm:^7.0.3, glob@npm:^7.1.3, glob@npm:^7.1.4, glob@npm:^7.1.6":
+ version: 7.2.3
+ resolution: "glob@npm:7.2.3"
+ dependencies:
+ fs.realpath: "npm:^1.0.0"
+ inflight: "npm:^1.0.4"
+ inherits: "npm:2"
+ minimatch: "npm:^3.1.1"
+ once: "npm:^1.3.0"
+ path-is-absolute: "npm:^1.0.0"
+ checksum: 10c0/65676153e2b0c9095100fe7f25a778bf45608eeb32c6048cf307f579649bcc30353277b3b898a3792602c65764e5baa4f643714dfbdfd64ea271d210c7a425fe
+ languageName: node
+ linkType: hard
+
"global-directory@npm:^4.0.1":
version: 4.0.1
resolution: "global-directory@npm:4.0.1"