feat(asset): use core tokens

adobe · Mar 6, 2024 · 99e76f4 · 99e76f4
1 parent 78c3f16
commit 99e76f4
Show file tree

Hide file tree

Showing 62 changed files with 305 additions and 321 deletions.
diff --git a/packages/accordion/package.json b/packages/accordion/package.json
@@ -73,7 +73,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/accordion": "^4.2.4"
+        "@spectrum-css/accordion": "^4.2.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/popover": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionbar": "^7.2.2"
+        "@spectrum-css/actionbar": "^7.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-button/package.json b/packages/action-button/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionbutton": "^5.2.4"
+        "@spectrum-css/actionbutton": "^5.2.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-group/package.json b/packages/action-group/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/reactive-controllers": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/actiongroup": "^4.2.3"
+        "@spectrum-css/actiongroup": "^4.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/actionmenu": "^5.1.1"
+        "@spectrum-css/actionmenu": "^5.1.2"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/alert-dialog/package.json b/packages/alert-dialog/package.json
@@ -66,7 +66,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/alertdialog": "^1.2.2"
+        "@spectrum-css/alertdialog": "^1.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/asset/package.json b/packages/asset/package.json
@@ -60,7 +60,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/asset": "^3.1.2"
+        "@spectrum-css/asset": "^4.0.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/asset/src/spectrum-asset.css b/packages/asset/src/spectrum-asset.css
@@ -22,55 +22,39 @@ governing permissions and limitations under the License.
 
 ::slotted(*) {
     object-fit: contain;
-    transition: opacity var(--spectrum-global-animation-duration-100, 0.13s);
+    transition: opacity var(--spectrum-animation-duration-100);
     max-block-size: 100%;
     max-inline-size: 100%;
 }
 
 .folder,
 .file {
-    min-inline-size: var(
-        --spectrum-asset-icon-min-width,
-        var(--spectrum-global-dimension-size-600)
-    );
-    max-inline-size: var(
-        --spectrum-asset-icon-max-width,
-        var(--spectrum-global-dimension-static-size-1000)
-    );
-    margin: var(
-        --spectrum-asset-icon-margin,
-        var(--spectrum-global-dimension-size-250)
+    inline-size: clamp(
+        var(--mod-asset-icon-min-width, 48px),
+        100%,
+        var(--mod-asset-icon-max-width, 80px)
     );
+    margin: var(--mod-asset-icon-margin, 20px);
     block-size: 100%;
-    inline-size: 100%;
 }
 
 .folderBackground {
     fill: var(
         --highcontrast-asset-folder-background-color,
-        var(
-            --spectrum-asset-folder-background-color,
-            var(--spectrum-global-color-gray-300)
-        )
+        var(--mod-asset-folder-background-color, var(--spectrum-gray-300))
     );
 }
 
 .fileBackground {
     fill: var(
         --highcontrast-asset-file-background-color,
-        var(
-            --spectrum-asset-file-background-color,
-            var(--spectrum-global-color-gray-50)
-        )
+        var(--mod-asset-file-background-color, var(--spectrum-gray-50))
     );
 }
 
 .folderOutline,
 .fileOutline {
-    fill: var(
-        --spectrum-asset-icon-outline-color,
-        var(--spectrum-global-color-gray-500)
-    );
+    fill: var(--mod-asset-icon-outline-color, var(--spectrum-gray-500));
 }
 
 @media (forced-colors: active) {

diff --git a/packages/avatar/package.json b/packages/avatar/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/avatar": "^6.1.3"
+        "@spectrum-css/avatar": "^6.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/badge/package.json b/packages/badge/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/badge": "^3.2.3"
+        "@spectrum-css/badge": "^3.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/button-group/package.json b/packages/button-group/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/button": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/buttongroup": "^6.2.3"
+        "@spectrum-css/buttongroup": "^6.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/card/package.json b/packages/card/package.json
@@ -67,7 +67,7 @@
         "@spectrum-web-components/styles": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/card": "^7.0.0"
+        "@spectrum-css/card": "^7.0.1"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json
@@ -71,7 +71,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/checkbox": "^8.1.3"
+        "@spectrum-css/checkbox": "^8.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json
@@ -45,7 +45,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/clearbutton": "^5.1.2"
+        "@spectrum-css/clearbutton": "^5.1.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/close-button/package.json b/packages/close-button/package.json
@@ -45,7 +45,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/closebutton": "^4.2.3"
+        "@spectrum-css/closebutton": "^4.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json
@@ -81,8 +81,8 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/coachindicator": "^1.1.3",
-        "@spectrum-css/coachmark": "^6.1.3"
+        "@spectrum-css/coachindicator": "^1.1.4",
+        "@spectrum-css/coachmark": "^6.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-area/package.json b/packages/color-area/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorarea": "^4.1.3"
+        "@spectrum-css/colorarea": "^4.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-handle/package.json b/packages/color-handle/package.json
@@ -62,7 +62,7 @@
         "@spectrum-web-components/opacity-checkerboard": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorhandle": "^7.1.2"
+        "@spectrum-css/colorhandle": "^7.1.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/opacity-checkerboard": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorloupe": "^4.2.2"
+        "@spectrum-css/colorloupe": "^4.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json
@@ -69,7 +69,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorslider": "^5.1.3"
+        "@spectrum-css/colorslider": "^5.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/color-wheel/package.json b/packages/color-wheel/package.json
@@ -68,7 +68,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/colorwheel": "^3.1.3"
+        "@spectrum-css/colorwheel": "^3.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/combobox/package.json b/packages/combobox/package.json
@@ -67,7 +67,7 @@
         "@spectrum-web-components/textfield": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/combobox": "^2.1.4"
+        "@spectrum-css/combobox": "^2.1.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/dialog/package.json b/packages/dialog/package.json
@@ -84,7 +84,7 @@
         "@spectrum-web-components/underlay": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/dialog": "^9.2.2"
+        "@spectrum-css/dialog": "^9.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/divider/package.json b/packages/divider/package.json
@@ -60,7 +60,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/divider": "^2.2.3"
+        "@spectrum-css/divider": "^2.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json
@@ -60,7 +60,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/dropzone": "^5.2.3"
+        "@spectrum-css/dropzone": "^5.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/field-group/package.json b/packages/field-group/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/help-text": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/fieldgroup": "^4.2.2"
+        "@spectrum-css/fieldgroup": "^4.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/field-label/package.json b/packages/field-label/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/fieldlabel": "^7.3.4"
+        "@spectrum-css/fieldlabel": "^7.3.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/help-text/package.json b/packages/help-text/package.json
@@ -81,7 +81,7 @@
         "@spectrum-web-components/icons-workflow": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/helptext": "^4.1.3"
+        "@spectrum-css/helptext": "^4.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/icon/package.json b/packages/icon/package.json
@@ -75,7 +75,7 @@
         "@spectrum-web-components/iconset": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/icon": "^6.0.3"
+        "@spectrum-css/icon": "^6.0.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/icons-workflow/package.json b/packages/icons-workflow/package.json
@@ -49,7 +49,7 @@
     },
     "devDependencies": {
         "@adobe/spectrum-css-workflow-icons": "^1.5.4",
-        "@spectrum-css/icon": "^6.0.3",
+        "@spectrum-css/icon": "^6.0.4",
         "case": "^1.6.1",
         "cheerio": "^1.0.0-rc.2",
         "fast-glob": "^3.2.12",

diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/styles": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/illustratedmessage": "^6.1.3"
+        "@spectrum-css/illustratedmessage": "^6.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/infield-button/package.json b/packages/infield-button/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/button": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/infieldbutton": "^4.2.2"
+        "@spectrum-css/infieldbutton": "^4.2.3"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/link/package.json b/packages/link/package.json
@@ -61,7 +61,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/link": "^4.2.3"
+        "@spectrum-css/link": "^4.2.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/menu/package.json b/packages/menu/package.json
@@ -95,7 +95,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/menu": "^6.1.3"
+        "@spectrum-css/menu": "^6.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/meter/package.json b/packages/meter/package.json
@@ -63,7 +63,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/progressbar": "^3.1.3"
+        "@spectrum-css/progressbar": "^3.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/modal/package.json b/packages/modal/package.json
@@ -46,7 +46,7 @@
         "@spectrum-web-components/base": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/modal": "^4.2.4"
+        "@spectrum-css/modal": "^4.2.5"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/number-field/package.json b/packages/number-field/package.json
@@ -68,7 +68,7 @@
     },
     "devDependencies": {
         "@formatjs/intl-numberformat": "^8.3.5",
-        "@spectrum-css/stepper": "^5.1.3"
+        "@spectrum-css/stepper": "^5.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

diff --git a/packages/picker-button/package.json b/packages/picker-button/package.json
@@ -64,7 +64,7 @@
         "@spectrum-web-components/shared": "^0.41.2"
     },
     "devDependencies": {
-        "@spectrum-css/pickerbutton": "^4.1.3"
+        "@spectrum-css/pickerbutton": "^4.1.4"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",