Skip to content

Commit 437355f

Browse files
cdransfcastastrophe
authored andcommitted
chore(tokens): use spectrum-tokens@13.0.0-beta.55 (#3456)
1 parent e4c7999 commit 437355f

File tree

4 files changed

+272
-22
lines changed

4 files changed

+272
-22
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/json/tokens.json

Lines changed: 261 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -643,6 +643,15 @@
643643
"value": "70px"
644644
}
645645
},
646+
"action-bar-label-to-action-group-area": {
647+
"prop": "--spectrum-action-bar-label-to-action-group-area",
648+
"ref": "var(--spectrum-spacing-300)",
649+
"value": "16px"
650+
},
651+
"action-bar-minimum-width": {
652+
"prop": "--spectrum-action-bar-minimum-width",
653+
"value": "176px"
654+
},
646655
"action-bar-top-to-content-area": {
647656
"prop": "--spectrum-action-bar-top-to-content-area",
648657
"ref": "var(--spectrum-spacing-200)",
@@ -2710,73 +2719,73 @@
27102719
"checkbox-control-size-extra-large": {
27112720
"prop": "--spectrum-checkbox-control-size-extra-large",
27122721
"desktop": {
2713-
"value": "18px"
2722+
"value": "20px"
27142723
},
27152724
"mobile": {
2716-
"value": "22px"
2725+
"value": "26px"
27172726
}
27182727
},
27192728
"checkbox-control-size-large": {
27202729
"prop": "--spectrum-checkbox-control-size-large",
27212730
"desktop": {
2722-
"value": "16px"
2731+
"value": "18px"
27232732
},
27242733
"mobile": {
2725-
"value": "20px"
2734+
"value": "22px"
27262735
}
27272736
},
27282737
"checkbox-control-size-medium": {
27292738
"prop": "--spectrum-checkbox-control-size-medium",
27302739
"desktop": {
2731-
"value": "14px"
2740+
"value": "16px"
27322741
},
27332742
"mobile": {
2734-
"value": "18px"
2743+
"value": "20px"
27352744
}
27362745
},
27372746
"checkbox-control-size-small": {
27382747
"prop": "--spectrum-checkbox-control-size-small",
27392748
"desktop": {
2740-
"value": "12px"
2749+
"value": "14px"
27412750
},
27422751
"mobile": {
2743-
"value": "16px"
2752+
"value": "18px"
27442753
}
27452754
},
27462755
"checkbox-top-to-control-extra-large": {
27472756
"prop": "--spectrum-checkbox-top-to-control-extra-large",
27482757
"desktop": {
2749-
"value": "15px"
2758+
"value": "14px"
27502759
},
27512760
"mobile": {
2752-
"value": "19px"
2761+
"value": "17px"
27532762
}
27542763
},
27552764
"checkbox-top-to-control-large": {
27562765
"prop": "--spectrum-checkbox-top-to-control-large",
27572766
"desktop": {
2758-
"value": "12px"
2767+
"value": "11px"
27592768
},
27602769
"mobile": {
2761-
"value": "15px"
2770+
"value": "14px"
27622771
}
27632772
},
27642773
"checkbox-top-to-control-medium": {
27652774
"prop": "--spectrum-checkbox-top-to-control-medium",
27662775
"desktop": {
2767-
"value": "9px"
2776+
"value": "8px"
27682777
},
27692778
"mobile": {
2770-
"value": "11px"
2779+
"value": "10px"
27712780
}
27722781
},
27732782
"checkbox-top-to-control-small": {
27742783
"prop": "--spectrum-checkbox-top-to-control-small",
27752784
"desktop": {
2776-
"value": "6px"
2785+
"value": "5px"
27772786
},
27782787
"mobile": {
2779-
"value": "7px"
2788+
"value": "6px"
27802789
}
27812790
},
27822791
"checkmark-icon-size-100": {
@@ -3729,6 +3738,20 @@
37293738
"value": "100px"
37303739
}
37313740
},
3741+
"color-wheel-border-color": {
3742+
"prop": "--spectrum-color-wheel-border-color",
3743+
"ref": "var(--spectrum-gray-1000)",
3744+
"dark": {
3745+
"value": "rgb(255, 255, 255)"
3746+
},
3747+
"light": {
3748+
"value": "rgb(0, 0, 0)"
3749+
}
3750+
},
3751+
"color-wheel-border-opacity": {
3752+
"prop": "--spectrum-color-wheel-border-opacity",
3753+
"value": "0.1"
3754+
},
37323755
"color-wheel-color-area-margin": {
37333756
"prop": "--spectrum-color-wheel-color-area-margin",
37343757
"value": "12px"
@@ -15782,6 +15805,228 @@
1578215805
"value": "5px"
1578315806
}
1578415807
},
15808+
"tree-view-bottom-to-label": {
15809+
"prop": "--spectrum-tree-view-bottom-to-label",
15810+
"desktop": {
15811+
"value": "12px"
15812+
},
15813+
"mobile": {
15814+
"value": "16px"
15815+
}
15816+
},
15817+
"tree-view-disclosure-indicator-height": {
15818+
"prop": "--spectrum-tree-view-disclosure-indicator-height",
15819+
"desktop": {
15820+
"value": "32px"
15821+
},
15822+
"mobile": {
15823+
"value": "40px"
15824+
}
15825+
},
15826+
"tree-view-disclosure-indicator-width": {
15827+
"prop": "--spectrum-tree-view-disclosure-indicator-width",
15828+
"desktop": {
15829+
"value": "34px"
15830+
},
15831+
"mobile": {
15832+
"value": "42px"
15833+
}
15834+
},
15835+
"tree-view-drag-handle-to-checkbox": {
15836+
"prop": "--spectrum-tree-view-drag-handle-to-checkbox",
15837+
"desktop": {
15838+
"value": "8px"
15839+
},
15840+
"mobile": {
15841+
"value": "10px"
15842+
}
15843+
},
15844+
"tree-view-edge-to-checkbox": {
15845+
"prop": "--spectrum-tree-view-edge-to-checkbox",
15846+
"desktop": {
15847+
"value": "12px"
15848+
},
15849+
"mobile": {
15850+
"value": "15px"
15851+
}
15852+
},
15853+
"tree-view-edge-to-drag-handle": {
15854+
"prop": "--spectrum-tree-view-edge-to-drag-handle",
15855+
"desktop": {
15856+
"value": "4px"
15857+
},
15858+
"mobile": {
15859+
"value": "5px"
15860+
}
15861+
},
15862+
"tree-view-end-edge-to-action-area": {
15863+
"prop": "--spectrum-tree-view-end-edge-to-action-area",
15864+
"desktop": {
15865+
"value": "6px"
15866+
},
15867+
"mobile": {
15868+
"value": "7px"
15869+
}
15870+
},
15871+
"tree-view-header-to-item": {
15872+
"prop": "--spectrum-tree-view-header-to-item",
15873+
"value": "-1px"
15874+
},
15875+
"tree-view-item-to-header": {
15876+
"prop": "--spectrum-tree-view-item-to-header",
15877+
"desktop": {
15878+
"value": "24px"
15879+
},
15880+
"mobile": {
15881+
"value": "30px"
15882+
}
15883+
},
15884+
"tree-view-item-to-item": {
15885+
"prop": "--spectrum-tree-view-item-to-item",
15886+
"value": "-1px"
15887+
},
15888+
"tree-view-item-to-item-detached": {
15889+
"prop": "--spectrum-tree-view-item-to-item-detached",
15890+
"value": "2px"
15891+
},
15892+
"tree-view-label-to-action-area": {
15893+
"prop": "--spectrum-tree-view-label-to-action-area",
15894+
"desktop": {
15895+
"value": "6px"
15896+
},
15897+
"mobile": {
15898+
"value": "8px"
15899+
}
15900+
},
15901+
"tree-view-level-increment": {
15902+
"prop": "--spectrum-tree-view-level-increment",
15903+
"desktop": {
15904+
"value": "16px"
15905+
},
15906+
"mobile": {
15907+
"value": "20px"
15908+
}
15909+
},
15910+
"tree-view-minimum-height": {
15911+
"prop": "--spectrum-tree-view-minimum-height",
15912+
"desktop": {
15913+
"value": "40px"
15914+
},
15915+
"mobile": {
15916+
"value": "50px"
15917+
}
15918+
},
15919+
"tree-view-minimum-top-to-context-area": {
15920+
"prop": "--spectrum-tree-view-minimum-top-to-context-area",
15921+
"desktop": {
15922+
"value": "8px"
15923+
},
15924+
"mobile": {
15925+
"value": "10px"
15926+
}
15927+
},
15928+
"tree-view-minimum-width": {
15929+
"prop": "--spectrum-tree-view-minimum-width",
15930+
"desktop": {
15931+
"value": "160px"
15932+
},
15933+
"mobile": {
15934+
"value": "200px"
15935+
}
15936+
},
15937+
"tree-view-row-background-hover": {
15938+
"prop": "--spectrum-tree-view-row-background-hover",
15939+
"ref": "var(--spectrum-gray-100)",
15940+
"light": {
15941+
"value": "rgb(233, 233, 233)"
15942+
},
15943+
"dark": {
15944+
"value": "rgb(44, 44, 44)"
15945+
}
15946+
},
15947+
"tree-view-selected-row-background-color-emphasized": {
15948+
"prop": "--spectrum-tree-view-selected-row-background-color-emphasized",
15949+
"ref": "var(--spectrum-informative-color-800)",
15950+
"light": {
15951+
"value": "rgb(59, 99, 251)"
15952+
},
15953+
"dark": {
15954+
"value": "rgb(64, 105, 253)"
15955+
}
15956+
},
15957+
"tree-view-selected-row-background-default": {
15958+
"prop": "--spectrum-tree-view-selected-row-background-default",
15959+
"ref": "var(--spectrum-gray-100)",
15960+
"light": {
15961+
"value": "rgb(233, 233, 233)"
15962+
},
15963+
"dark": {
15964+
"value": "rgb(44, 44, 44)"
15965+
}
15966+
},
15967+
"tree-view-selected-row-background-hover": {
15968+
"prop": "--spectrum-tree-view-selected-row-background-hover",
15969+
"ref": "var(--spectrum-gray-100)",
15970+
"light": {
15971+
"value": "rgb(233, 233, 233)"
15972+
},
15973+
"dark": {
15974+
"value": "rgb(44, 44, 44)"
15975+
}
15976+
},
15977+
"tree-view-selected-row-background-opacity-emphasized": {
15978+
"prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized",
15979+
"value": "0.1"
15980+
},
15981+
"tree-view-selected-row-background-opacity-emphasized-hover": {
15982+
"prop": "--spectrum-tree-view-selected-row-background-opacity-emphasized-hover",
15983+
"value": "0.15"
15984+
},
15985+
"tree-view-top-to-action-button": {
15986+
"prop": "--spectrum-tree-view-top-to-action-button",
15987+
"desktop": {
15988+
"value": "4px"
15989+
},
15990+
"mobile": {
15991+
"value": "5px"
15992+
}
15993+
},
15994+
"tree-view-top-to-checkbox": {
15995+
"prop": "--spectrum-tree-view-top-to-checkbox",
15996+
"desktop": {
15997+
"value": "4px"
15998+
},
15999+
"mobile": {
16000+
"value": "5px"
16001+
}
16002+
},
16003+
"tree-view-top-to-disclosure-indicator": {
16004+
"prop": "--spectrum-tree-view-top-to-disclosure-indicator",
16005+
"desktop": {
16006+
"value": "15px"
16007+
},
16008+
"mobile": {
16009+
"value": "19px"
16010+
}
16011+
},
16012+
"tree-view-top-to-drag-handle": {
16013+
"prop": "--spectrum-tree-view-top-to-drag-handle",
16014+
"desktop": {
16015+
"value": "15px"
16016+
},
16017+
"mobile": {
16018+
"value": "19px"
16019+
}
16020+
},
16021+
"tree-view-top-to-label": {
16022+
"prop": "--spectrum-tree-view-top-to-label",
16023+
"desktop": {
16024+
"value": "10px"
16025+
},
16026+
"mobile": {
16027+
"value": "13px"
16028+
}
16029+
},
1578516030
"turquoise-100": {
1578616031
"prop": "--spectrum-turquoise-100",
1578716032
"dark": {

tokens/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
"package.json"
2828
],
2929
"devDependencies": {
30-
"@adobe/spectrum-tokens": "13.0.0-beta.52",
30+
"@adobe/spectrum-tokens": "13.0.0-beta.55",
3131
"@adobe/token-diff-generator": "^1.3.0",
3232
"@nxkit/style-dictionary": "^6.0.0",
3333
"@spectrum-tools/postcss-rgb-mapping": "1.0.0",

yarn.lock

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -120,10 +120,10 @@ __metadata:
120120
languageName: node
121121
linkType: hard
122122

123-
"@adobe/spectrum-tokens@npm:13.0.0-beta.52":
124-
version: 13.0.0-beta.52
125-
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.52"
126-
checksum: 10c0/2fc890b740d66e30f6140031b1b262b7ba1959234493bfcd5239933302bf859ec09ac689b5d088db56146b83610172ab1ae2a4ab326dcddfbab963361bc227ab
123+
"@adobe/spectrum-tokens@npm:13.0.0-beta.55":
124+
version: 13.0.0-beta.55
125+
resolution: "@adobe/spectrum-tokens@npm:13.0.0-beta.55"
126+
checksum: 10c0/5130982ee293c3865aa94a93bbcac28775e9a79f3382c66a68f72c0a29315a5c5c7724d5b0bd8ad5ed7b5ad9276be09795b3bc99d439083c1698f8541abf166a
127127
languageName: node
128128
linkType: hard
129129

@@ -5373,7 +5373,7 @@ __metadata:
53735373
version: 0.0.0-use.local
53745374
resolution: "@spectrum-css/tokens@workspace:tokens"
53755375
dependencies:
5376-
"@adobe/spectrum-tokens": "npm:13.0.0-beta.52"
5376+
"@adobe/spectrum-tokens": "npm:13.0.0-beta.55"
53775377
"@adobe/token-diff-generator": "npm:^1.3.0"
53785378
"@nxkit/style-dictionary": "npm:^6.0.0"
53795379
"@spectrum-tools/postcss-rgb-mapping": "npm:1.0.0"

0 commit comments

Comments
 (0)