Skip to content

Commit 529733e

Browse files
cdransfcastastrophe
cdransf
authored and
castastrophe
committed
chore(tokens): use [email protected] (#3456)
1 parent 4e7b1fb commit 529733e

File tree

7 files changed

+144
-34
lines changed

7 files changed

+144
-34
lines changed

‎.changeset/early-actors-buy.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@spectrum-css/tokens": patch
3+
---
4+
5+
Uses the latest releases from Spectrum Tokens (13.0.0-beta.55)

‎tokens/dist/css/global-vars.css

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -128,6 +128,12 @@
128128
--spectrum-bar-panel-gripper-color:var(--spectrum-gray-200);
129129
--spectrum-bar-panel-gripper-color-drag:var(--spectrum-gray-800);
130130
--spectrum-select-box-selected-border-color:var(--spectrum-gray-800);
131+
--spectrum-tree-view-row-background-hover:var(--spectrum-gray-100);
132+
--spectrum-tree-view-selected-row-background-color-emphasized:var(--spectrum-informative-background-color-default);
133+
--spectrum-tree-view-selected-row-background-default:var(--spectrum-gray-100);
134+
--spectrum-tree-view-selected-row-background-hover:var(--spectrum-gray-100);
135+
--spectrum-color-wheel-border-color:var(--spectrum-gray-1000);
136+
--spectrum-color-wheel-border-opacity:0.1;
131137
--spectrum-white-rgb:255, 255, 255;
132138
--spectrum-white:rgba(var(--spectrum-white-rgb));
133139
--spectrum-transparent-white-25-rgb:255, 255, 255;
@@ -548,6 +554,13 @@
548554
--spectrum-number-field-minimum-width-multiplier:1.25;
549555
--spectrum-takeover-dialog-height:100%;
550556
--spectrum-takeover-dialog-width:100%;
557+
--spectrum-tree-view-header-to-item:-1px;
558+
--spectrum-tree-view-item-to-item:-1px;
559+
--spectrum-tree-view-item-to-item-detached:2px;
560+
--spectrum-tree-view-selected-row-background-opacity-emphasized:0.1;
561+
--spectrum-tree-view-selected-row-background-opacity-emphasized-hover:0.15;
562+
--spectrum-action-bar-minimum-width:176px;
563+
--spectrum-action-bar-label-to-action-group-area:var(--spectrum-spacing-300);
551564
--spectrum-corner-radius-0:0px;
552565
--spectrum-corner-radius-75:3px;
553566
--spectrum-corner-radius-100:4px;

‎tokens/dist/css/large-vars.css

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,14 @@
1212
*/
1313

1414
.spectrum--large{
15-
--spectrum-checkbox-control-size-small:16px;
16-
--spectrum-checkbox-control-size-medium:18px;
17-
--spectrum-checkbox-control-size-large:20px;
18-
--spectrum-checkbox-control-size-extra-large:22px;
19-
--spectrum-checkbox-top-to-control-small:7px;
20-
--spectrum-checkbox-top-to-control-medium:11px;
21-
--spectrum-checkbox-top-to-control-large:15px;
22-
--spectrum-checkbox-top-to-control-extra-large:19px;
15+
--spectrum-checkbox-control-size-small:18px;
16+
--spectrum-checkbox-control-size-medium:20px;
17+
--spectrum-checkbox-control-size-large:22px;
18+
--spectrum-checkbox-control-size-extra-large:26px;
19+
--spectrum-checkbox-top-to-control-small:6px;
20+
--spectrum-checkbox-top-to-control-medium:10px;
21+
--spectrum-checkbox-top-to-control-large:14px;
22+
--spectrum-checkbox-top-to-control-extra-large:17px;
2323
--spectrum-switch-control-width-small:30px;
2424
--spectrum-switch-control-width-medium:34px;
2525
--spectrum-switch-control-width-large:38px;
@@ -524,6 +524,24 @@
524524
--spectrum-number-field-visual-to-in-field-stepper-medium:8px;
525525
--spectrum-number-field-visual-to-in-field-stepper-large:9px;
526526
--spectrum-number-field-visual-to-in-field-stepper-extra-large:10px;
527+
--spectrum-tree-view-disclosure-indicator-height:40px;
528+
--spectrum-tree-view-disclosure-indicator-width:42px;
529+
--spectrum-tree-view-minimum-height:50px;
530+
--spectrum-tree-view-minimum-width:200px;
531+
--spectrum-tree-view-bottom-to-label:16px;
532+
--spectrum-tree-view-drag-handle-to-checkbox:10px;
533+
--spectrum-tree-view-edge-to-checkbox:15px;
534+
--spectrum-tree-view-edge-to-drag-handle:5px;
535+
--spectrum-tree-view-end-edge-to-action-area:7px;
536+
--spectrum-tree-view-item-to-header:30px;
537+
--spectrum-tree-view-label-to-action-area:8px;
538+
--spectrum-tree-view-level-increment:20px;
539+
--spectrum-tree-view-minimum-top-to-context-area:10px;
540+
--spectrum-tree-view-top-to-action-button:5px;
541+
--spectrum-tree-view-top-to-checkbox:5px;
542+
--spectrum-tree-view-top-to-disclosure-indicator:19px;
543+
--spectrum-tree-view-top-to-drag-handle:19px;
544+
--spectrum-tree-view-top-to-label:13px;
527545
--spectrum-workflow-icon-size-50:16px;
528546
--spectrum-workflow-icon-size-75:18px;
529547
--spectrum-workflow-icon-size-100:24px;

‎tokens/dist/css/medium-vars.css

Lines changed: 26 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -12,14 +12,14 @@
1212
*/
1313

1414
.spectrum--medium{
15-
--spectrum-checkbox-control-size-small:12px;
16-
--spectrum-checkbox-control-size-medium:14px;
17-
--spectrum-checkbox-control-size-large:16px;
18-
--spectrum-checkbox-control-size-extra-large:18px;
19-
--spectrum-checkbox-top-to-control-small:6px;
20-
--spectrum-checkbox-top-to-control-medium:9px;
21-
--spectrum-checkbox-top-to-control-large:12px;
22-
--spectrum-checkbox-top-to-control-extra-large:15px;
15+
--spectrum-checkbox-control-size-small:14px;
16+
--spectrum-checkbox-control-size-medium:16px;
17+
--spectrum-checkbox-control-size-large:18px;
18+
--spectrum-checkbox-control-size-extra-large:20px;
19+
--spectrum-checkbox-top-to-control-small:5px;
20+
--spectrum-checkbox-top-to-control-medium:8px;
21+
--spectrum-checkbox-top-to-control-large:11px;
22+
--spectrum-checkbox-top-to-control-extra-large:14px;
2323
--spectrum-switch-control-width-small:22px;
2424
--spectrum-switch-control-width-medium:26px;
2525
--spectrum-switch-control-width-large:30px;
@@ -524,6 +524,24 @@
524524
--spectrum-number-field-visual-to-in-field-stepper-medium:6px;
525525
--spectrum-number-field-visual-to-in-field-stepper-large:7px;
526526
--spectrum-number-field-visual-to-in-field-stepper-extra-large:8px;
527+
--spectrum-tree-view-disclosure-indicator-height:32px;
528+
--spectrum-tree-view-disclosure-indicator-width:34px;
529+
--spectrum-tree-view-minimum-height:40px;
530+
--spectrum-tree-view-minimum-width:160px;
531+
--spectrum-tree-view-bottom-to-label:12px;
532+
--spectrum-tree-view-drag-handle-to-checkbox:8px;
533+
--spectrum-tree-view-edge-to-checkbox:12px;
534+
--spectrum-tree-view-edge-to-drag-handle:4px;
535+
--spectrum-tree-view-end-edge-to-action-area:6px;
536+
--spectrum-tree-view-item-to-header:24px;
537+
--spectrum-tree-view-label-to-action-area:6px;
538+
--spectrum-tree-view-level-increment:16px;
539+
--spectrum-tree-view-minimum-top-to-context-area:8px;
540+
--spectrum-tree-view-top-to-action-button:4px;
541+
--spectrum-tree-view-top-to-checkbox:4px;
542+
--spectrum-tree-view-top-to-disclosure-indicator:15px;
543+
--spectrum-tree-view-top-to-drag-handle:15px;
544+
--spectrum-tree-view-top-to-label:10px;
527545
--spectrum-workflow-icon-size-50:14px;
528546
--spectrum-workflow-icon-size-75:16px;
529547
--spectrum-workflow-icon-size-100:20px;

‎tokens/dist/index.css

Lines changed: 65 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -951,6 +951,12 @@
951951
--spectrum-bar-panel-gripper-color: var(--spectrum-gray-200);
952952
--spectrum-bar-panel-gripper-color-drag: var(--spectrum-gray-800);
953953
--spectrum-select-box-selected-border-color: var(--spectrum-gray-800);
954+
--spectrum-tree-view-row-background-hover: var(--spectrum-gray-100);
955+
--spectrum-tree-view-selected-row-background-color-emphasized: var(--spectrum-informative-background-color-default);
956+
--spectrum-tree-view-selected-row-background-default: var(--spectrum-gray-100);
957+
--spectrum-tree-view-selected-row-background-hover: var(--spectrum-gray-100);
958+
--spectrum-color-wheel-border-color: var(--spectrum-gray-1000);
959+
--spectrum-color-wheel-border-opacity: 0.1;
954960
--spectrum-white-rgb: 255, 255, 255;
955961
--spectrum-white: rgba(var(--spectrum-white-rgb));
956962
--spectrum-transparent-white-25-rgb: 255, 255, 255;
@@ -1371,6 +1377,13 @@
13711377
--spectrum-number-field-minimum-width-multiplier: 1.25;
13721378
--spectrum-takeover-dialog-height: 100%;
13731379
--spectrum-takeover-dialog-width: 100%;
1380+
--spectrum-tree-view-header-to-item: -1px;
1381+
--spectrum-tree-view-item-to-item: -1px;
1382+
--spectrum-tree-view-item-to-item-detached: 2px;
1383+
--spectrum-tree-view-selected-row-background-opacity-emphasized: 0.1;
1384+
--spectrum-tree-view-selected-row-background-opacity-emphasized-hover: 0.15;
1385+
--spectrum-action-bar-minimum-width: 176px;
1386+
--spectrum-action-bar-label-to-action-group-area: var(--spectrum-spacing-300);
13741387
--spectrum-corner-radius-0: 0px;
13751388
--spectrum-corner-radius-75: 3px;
13761389
--spectrum-corner-radius-100: 4px;
@@ -1861,14 +1874,14 @@
18611874
--spectrum-corner-radius-1000: 9999px;
18621875
}
18631876
.spectrum--large {
1864-
--spectrum-checkbox-control-size-small: 16px;
1865-
--spectrum-checkbox-control-size-medium: 18px;
1866-
--spectrum-checkbox-control-size-large: 20px;
1867-
--spectrum-checkbox-control-size-extra-large: 22px;
1868-
--spectrum-checkbox-top-to-control-small: 7px;
1869-
--spectrum-checkbox-top-to-control-medium: 11px;
1870-
--spectrum-checkbox-top-to-control-large: 15px;
1871-
--spectrum-checkbox-top-to-control-extra-large: 19px;
1877+
--spectrum-checkbox-control-size-small: 18px;
1878+
--spectrum-checkbox-control-size-medium: 20px;
1879+
--spectrum-checkbox-control-size-large: 22px;
1880+
--spectrum-checkbox-control-size-extra-large: 26px;
1881+
--spectrum-checkbox-top-to-control-small: 6px;
1882+
--spectrum-checkbox-top-to-control-medium: 10px;
1883+
--spectrum-checkbox-top-to-control-large: 14px;
1884+
--spectrum-checkbox-top-to-control-extra-large: 17px;
18721885
--spectrum-switch-control-width-small: 30px;
18731886
--spectrum-switch-control-width-medium: 34px;
18741887
--spectrum-switch-control-width-large: 38px;
@@ -2373,6 +2386,24 @@
23732386
--spectrum-number-field-visual-to-in-field-stepper-medium: 8px;
23742387
--spectrum-number-field-visual-to-in-field-stepper-large: 9px;
23752388
--spectrum-number-field-visual-to-in-field-stepper-extra-large: 10px;
2389+
--spectrum-tree-view-disclosure-indicator-height: 40px;
2390+
--spectrum-tree-view-disclosure-indicator-width: 42px;
2391+
--spectrum-tree-view-minimum-height: 50px;
2392+
--spectrum-tree-view-minimum-width: 200px;
2393+
--spectrum-tree-view-bottom-to-label: 16px;
2394+
--spectrum-tree-view-drag-handle-to-checkbox: 10px;
2395+
--spectrum-tree-view-edge-to-checkbox: 15px;
2396+
--spectrum-tree-view-edge-to-drag-handle: 5px;
2397+
--spectrum-tree-view-end-edge-to-action-area: 7px;
2398+
--spectrum-tree-view-item-to-header: 30px;
2399+
--spectrum-tree-view-label-to-action-area: 8px;
2400+
--spectrum-tree-view-level-increment: 20px;
2401+
--spectrum-tree-view-minimum-top-to-context-area: 10px;
2402+
--spectrum-tree-view-top-to-action-button: 5px;
2403+
--spectrum-tree-view-top-to-checkbox: 5px;
2404+
--spectrum-tree-view-top-to-disclosure-indicator: 19px;
2405+
--spectrum-tree-view-top-to-drag-handle: 19px;
2406+
--spectrum-tree-view-top-to-label: 13px;
23762407
--spectrum-workflow-icon-size-50: 16px;
23772408
--spectrum-workflow-icon-size-75: 18px;
23782409
--spectrum-workflow-icon-size-100: 24px;
@@ -3454,14 +3485,14 @@
34543485
--spectrum-treeview-item-background-color-selected: rgba(var(--spectrum-blue-900-rgb), 0.1);
34553486
}
34563487
.spectrum--medium {
3457-
--spectrum-checkbox-control-size-small: 12px;
3458-
--spectrum-checkbox-control-size-medium: 14px;
3459-
--spectrum-checkbox-control-size-large: 16px;
3460-
--spectrum-checkbox-control-size-extra-large: 18px;
3461-
--spectrum-checkbox-top-to-control-small: 6px;
3462-
--spectrum-checkbox-top-to-control-medium: 9px;
3463-
--spectrum-checkbox-top-to-control-large: 12px;
3464-
--spectrum-checkbox-top-to-control-extra-large: 15px;
3488+
--spectrum-checkbox-control-size-small: 14px;
3489+
--spectrum-checkbox-control-size-medium: 16px;
3490+
--spectrum-checkbox-control-size-large: 18px;
3491+
--spectrum-checkbox-control-size-extra-large: 20px;
3492+
--spectrum-checkbox-top-to-control-small: 5px;
3493+
--spectrum-checkbox-top-to-control-medium: 8px;
3494+
--spectrum-checkbox-top-to-control-large: 11px;
3495+
--spectrum-checkbox-top-to-control-extra-large: 14px;
34653496
--spectrum-switch-control-width-small: 22px;
34663497
--spectrum-switch-control-width-medium: 26px;
34673498
--spectrum-switch-control-width-large: 30px;
@@ -3966,6 +3997,24 @@
39663997
--spectrum-number-field-visual-to-in-field-stepper-medium: 6px;
39673998
--spectrum-number-field-visual-to-in-field-stepper-large: 7px;
39683999
--spectrum-number-field-visual-to-in-field-stepper-extra-large: 8px;
4000+
--spectrum-tree-view-disclosure-indicator-height: 32px;
4001+
--spectrum-tree-view-disclosure-indicator-width: 34px;
4002+
--spectrum-tree-view-minimum-height: 40px;
4003+
--spectrum-tree-view-minimum-width: 160px;
4004+
--spectrum-tree-view-bottom-to-label: 12px;
4005+
--spectrum-tree-view-drag-handle-to-checkbox: 8px;
4006+
--spectrum-tree-view-edge-to-checkbox: 12px;
4007+
--spectrum-tree-view-edge-to-drag-handle: 4px;
4008+
--spectrum-tree-view-end-edge-to-action-area: 6px;
4009+
--spectrum-tree-view-item-to-header: 24px;
4010+
--spectrum-tree-view-label-to-action-area: 6px;
4011+
--spectrum-tree-view-level-increment: 16px;
4012+
--spectrum-tree-view-minimum-top-to-context-area: 8px;
4013+
--spectrum-tree-view-top-to-action-button: 4px;
4014+
--spectrum-tree-view-top-to-checkbox: 4px;
4015+
--spectrum-tree-view-top-to-disclosure-indicator: 15px;
4016+
--spectrum-tree-view-top-to-drag-handle: 15px;
4017+
--spectrum-tree-view-top-to-label: 10px;
39694018
--spectrum-workflow-icon-size-50: 14px;
39704019
--spectrum-workflow-icon-size-75: 16px;
39714020
--spectrum-workflow-icon-size-100: 20px;

‎tokens/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
"package.json"
3737
],
3838
"devDependencies": {
39-
"@adobe/spectrum-tokens": "13.0.0-beta.52",
39+
"@adobe/spectrum-tokens": "13.0.0-beta.55",
4040
"@nxkit/style-dictionary": "^6.0.0",
4141
"postcss": "^8.4.49",
4242
"postcss-cli": "^11.0.0",

‎yarn.lock

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -139,6 +139,13 @@ __metadata:
139139
languageName: node
140140
linkType: hard
141141

142+
"@adobe/spectrum-tokens@npm:13.0.0-beta.55":
143+
version: 13.0.0-beta.55
144+
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.55"
145+
checksum: 10c0/5130982ee293c3865aa94a93bbcac28775e9a79f3382c66a68f72c0a29315a5c5c7724d5b0bd8ad5ed7b5ad9276be09795b3bc99d439083c1698f8541abf166a
146+
languageName: node
147+
linkType: hard
148+
142149
"@ampproject/remapping@npm:^2.2.0":
143150
version: 2.3.0
144151
resolution: "@ampproject/remapping@npm:2.3.0"
@@ -4183,7 +4190,7 @@ __metadata:
41834190
version: 0.0.0-use.local
41844191
resolution: "@spectrum-css/tokens@workspace:tokens"
41854192
dependencies:
4186-
"@adobe/spectrum-tokens": "npm:13.0.0-beta.52"
4193+
"@adobe/spectrum-tokens": "npm:13.0.0-beta.55"
41874194
"@nxkit/style-dictionary": "npm:^6.0.0"
41884195
postcss: "npm:^8.4.49"
41894196
postcss-cli: "npm:^11.0.0"

0 commit comments

Comments
 (0)