chore(tokens): use @adobe/spectrum-tokens@13.0.0-beta.30 (#2678)

* chore(tokens): use spectrum-tokens@13.0.0-beta.30 * chore: add changeset
adobe · May 7, 2024 · 64ca75d · 64ca75d
1 parent 5352390
commit 64ca75d
Show file tree

Hide file tree

Showing 7 changed files with 85 additions and 54 deletions.
diff --git a/.changeset/pretty-parents-drum.md b/.changeset/pretty-parents-drum.md
@@ -0,0 +1,5 @@
+---
+"@spectrum-css/tokens": patch
+---
+
+use spectrum-tokens@13.0.0-beta.30
diff --git a/tokens/dist/css/global-vars.css b/tokens/dist/css/global-vars.css
@@ -71,7 +71,7 @@
  --spectrum-color-area-border-opacity:0.1;
  --spectrum-color-slider-border-color:var(--spectrum-gray-1000);
  --spectrum-color-slider-border-opacity:0.1;
- --spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
+ --spectrum-color-loupe-drop-shadow-color:var(--spectrum-drop-shadow-elevated-color);
  --spectrum-color-loupe-drop-shadow-y:var(--spectrum-drop-shadow-elevated-y);
  --spectrum-color-loupe-drop-shadow-blur:var(--spectrum-drop-shadow-elevated-blur);
  --spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
@@ -187,7 +187,6 @@
  --spectrum-field-label-top-margin-extra-large:0px;
  --spectrum-field-label-to-component:0px;
  --spectrum-help-text-to-component:0px;
- --spectrum-status-light-dot-size-small:8px;
  --spectrum-action-button-edge-to-hold-icon-extra-small:3px;
  --spectrum-action-button-edge-to-hold-icon-small:3px;
  --spectrum-button-minimum-width-multiplier:2.25;
@@ -372,6 +371,14 @@
  --spectrum-combo-box-visual-to-field-button:0px;
  --spectrum-in-field-button-edge-to-fill-medium:6px;
  --spectrum-in-field-button-edge-to-fill-large:8px;
+ --spectrum-standard-dialog-maximum-width-small:400px;
+ --spectrum-standard-dialog-minimum-width:288px;
+ --spectrum-standard-dialog-maximum-width-medium:480px;
+ --spectrum-standard-dialog-maximum-width-large:640px;
+ --spectrum-status-light-text-to-visual-75:var(--spectrum-text-to-visual-75);
+ --spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
+ --spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
+ --spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
  --spectrum-corner-radius-0:0px;
  --spectrum-corner-radius-75:3px;
  --spectrum-corner-radius-100:4px;

diff --git a/tokens/dist/css/large-vars.css b/tokens/dist/css/large-vars.css
@@ -43,13 +43,14 @@
  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
- --spectrum-status-light-dot-size-medium:10px;
- --spectrum-status-light-dot-size-large:12px;
- --spectrum-status-light-dot-size-extra-large:12px;
- --spectrum-status-light-top-to-dot-small:11px;
- --spectrum-status-light-top-to-dot-medium:15px;
- --spectrum-status-light-top-to-dot-large:19px;
- --spectrum-status-light-top-to-dot-extra-large:24px;
+ --spectrum-status-light-dot-size-small:10px;
+ --spectrum-status-light-dot-size-medium:12px;
+ --spectrum-status-light-dot-size-large:14px;
+ --spectrum-status-light-dot-size-extra-large:16px;
+ --spectrum-status-light-top-to-dot-small:10px;
+ --spectrum-status-light-top-to-dot-medium:14px;
+ --spectrum-status-light-top-to-dot-large:18px;
+ --spectrum-status-light-top-to-dot-extra-large:22px;
  --spectrum-action-button-edge-to-hold-icon-medium:5px;
  --spectrum-action-button-edge-to-hold-icon-large:6px;
  --spectrum-action-button-edge-to-hold-icon-extra-large:7px;
@@ -167,7 +168,7 @@
  --spectrum-avatar-size-700:50px;
  --spectrum-alert-banner-minimum-height:64px;
  --spectrum-alert-banner-width:680px;
- --spectrum-alert-banner-top-to-workflow-icon:21px;
+ --spectrum-alert-banner-top-to-workflow-icon:20px;
  --spectrum-alert-banner-top-to-text:21px;
  --spectrum-alert-banner-bottom-to-text:22px;
  --spectrum-rating-indicator-width:22px;
@@ -411,6 +412,8 @@
  --spectrum-coach-mark-body-font-size:var(--spectrum-body-size-s);
  --spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-xs);
  --spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
+ --spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
+ --spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
  --spectrum-workflow-icon-size-50:16px;
  --spectrum-workflow-icon-size-75:18px;
  --spectrum-workflow-icon-size-100:24px;
@@ -436,10 +439,10 @@
  --spectrum-component-pill-edge-to-visual-100:17px;
  --spectrum-component-pill-edge-to-visual-200:22px;
  --spectrum-component-pill-edge-to-visual-300:27px;
- --spectrum-component-pill-edge-to-visual-only-75:5px;
- --spectrum-component-pill-edge-to-visual-only-100:9px;
- --spectrum-component-pill-edge-to-visual-only-200:13px;
- --spectrum-component-pill-edge-to-visual-only-300:16px;
+ --spectrum-component-pill-edge-to-visual-only-75:6px;
+ --spectrum-component-pill-edge-to-visual-only-100:8px;
+ --spectrum-component-pill-edge-to-visual-only-200:11px;
+ --spectrum-component-pill-edge-to-visual-only-300:15px;
  --spectrum-component-pill-edge-to-text-75:15px;
  --spectrum-component-pill-edge-to-text-100:20px;
  --spectrum-component-pill-edge-to-text-200:25px;

diff --git a/tokens/dist/css/medium-vars.css b/tokens/dist/css/medium-vars.css
@@ -43,13 +43,14 @@
  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
- --spectrum-status-light-dot-size-medium:8px;
- --spectrum-status-light-dot-size-large:10px;
- --spectrum-status-light-dot-size-extra-large:10px;
+ --spectrum-status-light-dot-size-small:8px;
+ --spectrum-status-light-dot-size-medium:10px;
+ --spectrum-status-light-dot-size-large:12px;
+ --spectrum-status-light-dot-size-extra-large:14px;
  --spectrum-status-light-top-to-dot-small:8px;
- --spectrum-status-light-top-to-dot-medium:12px;
- --spectrum-status-light-top-to-dot-large:15px;
- --spectrum-status-light-top-to-dot-extra-large:19px;
+ --spectrum-status-light-top-to-dot-medium:11px;
+ --spectrum-status-light-top-to-dot-large:14px;
+ --spectrum-status-light-top-to-dot-extra-large:17px;
  --spectrum-action-button-edge-to-hold-icon-medium:4px;
  --spectrum-action-button-edge-to-hold-icon-large:5px;
  --spectrum-action-button-edge-to-hold-icon-extra-large:6px;
@@ -167,7 +168,7 @@
  --spectrum-avatar-size-700:40px;
  --spectrum-alert-banner-minimum-height:56px;
  --spectrum-alert-banner-width:832px;
- --spectrum-alert-banner-top-to-workflow-icon:19px;
+ --spectrum-alert-banner-top-to-workflow-icon:18px;
  --spectrum-alert-banner-top-to-text:18px;
  --spectrum-alert-banner-bottom-to-text:20px;
  --spectrum-rating-indicator-width:18px;
@@ -411,6 +412,8 @@
  --spectrum-coach-mark-body-font-size:var(--spectrum-body-size-m);
  --spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-s);
  --spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
+ --spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
+ --spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
  --spectrum-workflow-icon-size-50:14px;
  --spectrum-workflow-icon-size-75:16px;
  --spectrum-workflow-icon-size-100:20px;
@@ -437,9 +440,9 @@
  --spectrum-component-pill-edge-to-visual-200:18px;
  --spectrum-component-pill-edge-to-visual-300:21px;
  --spectrum-component-pill-edge-to-visual-only-75:4px;
- --spectrum-component-pill-edge-to-visual-only-100:7px;
- --spectrum-component-pill-edge-to-visual-only-200:10px;
- --spectrum-component-pill-edge-to-visual-only-300:13px;
+ --spectrum-component-pill-edge-to-visual-only-100:6px;
+ --spectrum-component-pill-edge-to-visual-only-200:9px;
+ --spectrum-component-pill-edge-to-visual-only-300:11px;
  --spectrum-component-pill-edge-to-text-75:12px;
  --spectrum-component-pill-edge-to-text-100:16px;
  --spectrum-component-pill-edge-to-text-200:20px;

diff --git a/tokens/dist/index.css b/tokens/dist/index.css
@@ -809,7 +809,7 @@
  --spectrum-color-area-border-opacity:0.1;
  --spectrum-color-slider-border-color:var(--spectrum-gray-1000);
  --spectrum-color-slider-border-opacity:0.1;
- --spectrum-color-loupe-drop-shadow-color:var(--spectrum-transparent-black-300);
+ --spectrum-color-loupe-drop-shadow-color:var(--spectrum-drop-shadow-elevated-color);
  --spectrum-color-loupe-drop-shadow-y:var(--spectrum-drop-shadow-elevated-y);
  --spectrum-color-loupe-drop-shadow-blur:var(--spectrum-drop-shadow-elevated-blur);
  --spectrum-color-loupe-inner-border:var(--spectrum-transparent-black-200);
@@ -925,7 +925,6 @@
  --spectrum-field-label-top-margin-extra-large:0px;
  --spectrum-field-label-to-component:0px;
  --spectrum-help-text-to-component:0px;
- --spectrum-status-light-dot-size-small:8px;
  --spectrum-action-button-edge-to-hold-icon-extra-small:3px;
  --spectrum-action-button-edge-to-hold-icon-small:3px;
  --spectrum-button-minimum-width-multiplier:2.25;
@@ -1110,6 +1109,14 @@
  --spectrum-combo-box-visual-to-field-button:0px;
  --spectrum-in-field-button-edge-to-fill-medium:6px;
  --spectrum-in-field-button-edge-to-fill-large:8px;
+ --spectrum-standard-dialog-maximum-width-small:400px;
+ --spectrum-standard-dialog-minimum-width:288px;
+ --spectrum-standard-dialog-maximum-width-medium:480px;
+ --spectrum-standard-dialog-maximum-width-large:640px;
+ --spectrum-status-light-text-to-visual-75:var(--spectrum-text-to-visual-75);
+ --spectrum-status-light-text-to-visual-100:var(--spectrum-text-to-visual-100);
+ --spectrum-status-light-text-to-visual-200:var(--spectrum-text-to-visual-200);
+ --spectrum-status-light-text-to-visual-300:var(--spectrum-text-to-visual-300);
  --spectrum-corner-radius-0:0px;
  --spectrum-corner-radius-75:3px;
  --spectrum-corner-radius-100:4px;
@@ -1601,13 +1608,14 @@
  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
- --spectrum-status-light-dot-size-medium:10px;
- --spectrum-status-light-dot-size-large:12px;
- --spectrum-status-light-dot-size-extra-large:12px;
- --spectrum-status-light-top-to-dot-small:11px;
- --spectrum-status-light-top-to-dot-medium:15px;
- --spectrum-status-light-top-to-dot-large:19px;
- --spectrum-status-light-top-to-dot-extra-large:24px;
+ --spectrum-status-light-dot-size-small:10px;
+ --spectrum-status-light-dot-size-medium:12px;
+ --spectrum-status-light-dot-size-large:14px;
+ --spectrum-status-light-dot-size-extra-large:16px;
+ --spectrum-status-light-top-to-dot-small:10px;
+ --spectrum-status-light-top-to-dot-medium:14px;
+ --spectrum-status-light-top-to-dot-large:18px;
+ --spectrum-status-light-top-to-dot-extra-large:22px;
  --spectrum-action-button-edge-to-hold-icon-medium:5px;
  --spectrum-action-button-edge-to-hold-icon-large:6px;
  --spectrum-action-button-edge-to-hold-icon-extra-large:7px;
@@ -1725,7 +1733,7 @@
  --spectrum-avatar-size-700:50px;
  --spectrum-alert-banner-minimum-height:64px;
  --spectrum-alert-banner-width:680px;
- --spectrum-alert-banner-top-to-workflow-icon:21px;
+ --spectrum-alert-banner-top-to-workflow-icon:20px;
  --spectrum-alert-banner-top-to-text:21px;
  --spectrum-alert-banner-bottom-to-text:22px;
  --spectrum-rating-indicator-width:22px;
@@ -1969,6 +1977,8 @@
  --spectrum-coach-mark-body-font-size:var(--spectrum-body-size-s);
  --spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-xs);
  --spectrum-coach-mark-title-font-size:var(--spectrum-title-size-s);
+ --spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xl);
+ --spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-s);
  --spectrum-workflow-icon-size-50:16px;
  --spectrum-workflow-icon-size-75:18px;
  --spectrum-workflow-icon-size-100:24px;
@@ -1994,10 +2004,10 @@
  --spectrum-component-pill-edge-to-visual-100:17px;
  --spectrum-component-pill-edge-to-visual-200:22px;
  --spectrum-component-pill-edge-to-visual-300:27px;
- --spectrum-component-pill-edge-to-visual-only-75:5px;
- --spectrum-component-pill-edge-to-visual-only-100:9px;
- --spectrum-component-pill-edge-to-visual-only-200:13px;
- --spectrum-component-pill-edge-to-visual-only-300:16px;
+ --spectrum-component-pill-edge-to-visual-only-75:6px;
+ --spectrum-component-pill-edge-to-visual-only-100:8px;
+ --spectrum-component-pill-edge-to-visual-only-200:11px;
+ --spectrum-component-pill-edge-to-visual-only-300:15px;
  --spectrum-component-pill-edge-to-text-75:15px;
  --spectrum-component-pill-edge-to-text-100:20px;
  --spectrum-component-pill-edge-to-text-200:25px;
@@ -3000,13 +3010,14 @@
  --spectrum-help-text-top-to-workflow-icon-medium:var(--spectrum-component-top-to-workflow-icon-100);
  --spectrum-help-text-top-to-workflow-icon-large:var(--spectrum-component-top-to-workflow-icon-200);
  --spectrum-help-text-top-to-workflow-icon-extra-large:var(--spectrum-component-top-to-workflow-icon-300);
- --spectrum-status-light-dot-size-medium:8px;
- --spectrum-status-light-dot-size-large:10px;
- --spectrum-status-light-dot-size-extra-large:10px;
+ --spectrum-status-light-dot-size-small:8px;
+ --spectrum-status-light-dot-size-medium:10px;
+ --spectrum-status-light-dot-size-large:12px;
+ --spectrum-status-light-dot-size-extra-large:14px;
  --spectrum-status-light-top-to-dot-small:8px;
- --spectrum-status-light-top-to-dot-medium:12px;
- --spectrum-status-light-top-to-dot-large:15px;
- --spectrum-status-light-top-to-dot-extra-large:19px;
+ --spectrum-status-light-top-to-dot-medium:11px;
+ --spectrum-status-light-top-to-dot-large:14px;
+ --spectrum-status-light-top-to-dot-extra-large:17px;
  --spectrum-action-button-edge-to-hold-icon-medium:4px;
  --spectrum-action-button-edge-to-hold-icon-large:5px;
  --spectrum-action-button-edge-to-hold-icon-extra-large:6px;
@@ -3124,7 +3135,7 @@
  --spectrum-avatar-size-700:40px;
  --spectrum-alert-banner-minimum-height:56px;
  --spectrum-alert-banner-width:832px;
- --spectrum-alert-banner-top-to-workflow-icon:19px;
+ --spectrum-alert-banner-top-to-workflow-icon:18px;
  --spectrum-alert-banner-top-to-text:18px;
  --spectrum-alert-banner-bottom-to-text:20px;
  --spectrum-rating-indicator-width:18px;
@@ -3368,6 +3379,8 @@
  --spectrum-coach-mark-body-font-size:var(--spectrum-body-size-m);
  --spectrum-coach-mark-pagination-body-font-size:var(--spectrum-body-size-s);
  --spectrum-coach-mark-title-font-size:var(--spectrum-title-size-m);
+ --spectrum-standard-dialog-title-font-size:var(--spectrum-title-size-xxl);
+ --spectrum-standard-dialog-body-font-size:var(--spectrum-body-size-m);
  --spectrum-workflow-icon-size-50:14px;
  --spectrum-workflow-icon-size-75:16px;
  --spectrum-workflow-icon-size-100:20px;
@@ -3394,9 +3407,9 @@
  --spectrum-component-pill-edge-to-visual-200:18px;
  --spectrum-component-pill-edge-to-visual-300:21px;
  --spectrum-component-pill-edge-to-visual-only-75:4px;
- --spectrum-component-pill-edge-to-visual-only-100:7px;
- --spectrum-component-pill-edge-to-visual-only-200:10px;
- --spectrum-component-pill-edge-to-visual-only-300:13px;
+ --spectrum-component-pill-edge-to-visual-only-100:6px;
+ --spectrum-component-pill-edge-to-visual-only-200:9px;
+ --spectrum-component-pill-edge-to-visual-only-300:11px;
  --spectrum-component-pill-edge-to-text-75:12px;
  --spectrum-component-pill-edge-to-text-100:16px;
  --spectrum-component-pill-edge-to-text-200:20px;

diff --git a/tokens/package.json b/tokens/package.json
@@ -28,7 +28,7 @@
  "adobe"
  ],
  "devDependencies": {
- "@adobe/spectrum-tokens": "13.0.0-beta.27",
+ "@adobe/spectrum-tokens": "13.0.0-beta.30",
  "@nxkit/style-dictionary": "^5.0.0",
  "postcss": "^8.4.38",
  "postcss-cli": "^11.0.0",

diff --git a/yarn.lock b/yarn.lock
@@ -121,10 +121,10 @@ __metadata:
  languageName: node
  linkType: hard
 
-"@adobe/spectrum-tokens@npm:13.0.0-beta.27":
- version: 13.0.0-beta.27
- resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.27"
- checksum: 10c0/4fda766707895bc0f4d92d393341735b0f8b3dabcbafcb93af930b2bbbba3a13631b663c17c1b8e9b34bc333257473ba57543d9716ebfa61316980aed4ac09fa
+"@adobe/spectrum-tokens@npm:13.0.0-beta.30":
+ version: 13.0.0-beta.30
+ resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.30"
+ checksum: 10c0/78c0627a4f1ba4adff1adab5c3be4bf5a98a8f6ac0dd5e7806a3db12d3f67f2e3afa85828c7e34f843e29ad91c0d2bd009bfbc9fecec81ab7e4b05c1dd81bab8
  languageName: node
  linkType: hard
 
@@ -5568,7 +5568,7 @@ __metadata:
  version: 0.0.0-use.local
  resolution: "@spectrum-css/tokens@workspace:tokens"
  dependencies:
- "@adobe/spectrum-tokens": "npm:13.0.0-beta.27"
+ "@adobe/spectrum-tokens": "npm:13.0.0-beta.30"
  "@nxkit/style-dictionary": "npm:^5.0.0"
  postcss: "npm:^8.4.38"
  postcss-cli: "npm:^11.0.0"