@adobe/spectrum-design-data 0.17.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fields/state.json +2 -2
- package/package.json +2 -2
- package/registry/states.json +1 -1
- package/tokens/color-aliases.tokens.json +235 -235
- package/tokens/color-component.tokens.json +42 -42
- package/tokens/icons.tokens.json +141 -141
- package/tokens/layout-component.tokens.json +5 -5
- package/tokens/layout.tokens.json +14 -14
- package/tokens/semantic-color-palette.tokens.json +19 -19
|
@@ -4278,7 +4278,7 @@
|
|
|
4278
4278
|
"name": {
|
|
4279
4279
|
"component": "card-horizontal",
|
|
4280
4280
|
"property": "space-between",
|
|
4281
|
-
"state": "default",
|
|
4281
|
+
"state": ["default"],
|
|
4282
4282
|
"from": "edge",
|
|
4283
4283
|
"to": "content"
|
|
4284
4284
|
},
|
|
@@ -4420,7 +4420,7 @@
|
|
|
4420
4420
|
"name": {
|
|
4421
4421
|
"component": "card",
|
|
4422
4422
|
"property": "minimum-width",
|
|
4423
|
-
"state": "default"
|
|
4423
|
+
"state": ["default"]
|
|
4424
4424
|
},
|
|
4425
4425
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
4426
4426
|
"value": "100px",
|
|
@@ -6009,7 +6009,7 @@
|
|
|
6009
6009
|
"name": {
|
|
6010
6010
|
"component": "color-handle",
|
|
6011
6011
|
"property": "size",
|
|
6012
|
-
"state": "keyboard-focus",
|
|
6012
|
+
"state": ["keyboard-focus"],
|
|
6013
6013
|
"scale": "desktop",
|
|
6014
6014
|
"legacyKey": "color-handle-size-key-focus"
|
|
6015
6015
|
},
|
|
@@ -6023,7 +6023,7 @@
|
|
|
6023
6023
|
"name": {
|
|
6024
6024
|
"component": "color-handle",
|
|
6025
6025
|
"property": "size",
|
|
6026
|
-
"state": "keyboard-focus",
|
|
6026
|
+
"state": ["keyboard-focus"],
|
|
6027
6027
|
"scale": "mobile",
|
|
6028
6028
|
"legacyKey": "color-handle-size-key-focus"
|
|
6029
6029
|
},
|
|
@@ -22372,7 +22372,7 @@
|
|
|
22372
22372
|
"name": {
|
|
22373
22373
|
"component": "tree-view",
|
|
22374
22374
|
"property": "space-between",
|
|
22375
|
-
"state": "default",
|
|
22375
|
+
"state": ["default"],
|
|
22376
22376
|
"from": "item",
|
|
22377
22377
|
"to": "item"
|
|
22378
22378
|
},
|
|
@@ -2098,7 +2098,7 @@
|
|
|
2098
2098
|
{
|
|
2099
2099
|
"name": {
|
|
2100
2100
|
"property": "component-size-difference",
|
|
2101
|
-
"state": "down"
|
|
2101
|
+
"state": ["down"]
|
|
2102
2102
|
},
|
|
2103
2103
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
2104
2104
|
"value": "-2px",
|
|
@@ -2107,7 +2107,7 @@
|
|
|
2107
2107
|
{
|
|
2108
2108
|
"name": {
|
|
2109
2109
|
"property": "component-size-maximum-perspective",
|
|
2110
|
-
"state": "down"
|
|
2110
|
+
"state": ["down"]
|
|
2111
2111
|
},
|
|
2112
2112
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
2113
2113
|
"value": "96px",
|
|
@@ -2116,7 +2116,7 @@
|
|
|
2116
2116
|
{
|
|
2117
2117
|
"name": {
|
|
2118
2118
|
"property": "component-size-minimum-perspective",
|
|
2119
|
-
"state": "down"
|
|
2119
|
+
"state": ["down"]
|
|
2120
2120
|
},
|
|
2121
2121
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/dimension.json",
|
|
2122
2122
|
"value": "24px",
|
|
@@ -2125,7 +2125,7 @@
|
|
|
2125
2125
|
{
|
|
2126
2126
|
"name": {
|
|
2127
2127
|
"property": "component-size-width-ratio",
|
|
2128
|
-
"state": "down"
|
|
2128
|
+
"state": ["down"]
|
|
2129
2129
|
},
|
|
2130
2130
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/multiplier.json",
|
|
2131
2131
|
"value": 0.3333,
|
|
@@ -2805,7 +2805,7 @@
|
|
|
2805
2805
|
{
|
|
2806
2806
|
"name": {
|
|
2807
2807
|
"property": "corner-radius",
|
|
2808
|
-
"state": "default",
|
|
2808
|
+
"state": ["default"],
|
|
2809
2809
|
"size": "xl"
|
|
2810
2810
|
},
|
|
2811
2811
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -2825,7 +2825,7 @@
|
|
|
2825
2825
|
{
|
|
2826
2826
|
"name": {
|
|
2827
2827
|
"property": "corner-radius",
|
|
2828
|
-
"state": "default",
|
|
2828
|
+
"state": ["default"],
|
|
2829
2829
|
"size": "l"
|
|
2830
2830
|
},
|
|
2831
2831
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -2835,7 +2835,7 @@
|
|
|
2835
2835
|
{
|
|
2836
2836
|
"name": {
|
|
2837
2837
|
"property": "corner-radius",
|
|
2838
|
-
"state": "default",
|
|
2838
|
+
"state": ["default"],
|
|
2839
2839
|
"size": "m"
|
|
2840
2840
|
},
|
|
2841
2841
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -2910,7 +2910,7 @@
|
|
|
2910
2910
|
{
|
|
2911
2911
|
"name": {
|
|
2912
2912
|
"property": "corner-radius",
|
|
2913
|
-
"state": "default",
|
|
2913
|
+
"state": ["default"],
|
|
2914
2914
|
"size": "s"
|
|
2915
2915
|
},
|
|
2916
2916
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3308,7 +3308,7 @@
|
|
|
3308
3308
|
"property": "blur",
|
|
3309
3309
|
"emphasis": "emphasized",
|
|
3310
3310
|
"structure": "drop-shadow",
|
|
3311
|
-
"state": "default",
|
|
3311
|
+
"state": ["default"],
|
|
3312
3312
|
"legacyKey": "drop-shadow-emphasized-default-blur"
|
|
3313
3313
|
},
|
|
3314
3314
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3320,7 +3320,7 @@
|
|
|
3320
3320
|
"property": "x",
|
|
3321
3321
|
"emphasis": "emphasized",
|
|
3322
3322
|
"structure": "drop-shadow",
|
|
3323
|
-
"state": "default",
|
|
3323
|
+
"state": ["default"],
|
|
3324
3324
|
"legacyKey": "drop-shadow-emphasized-default-x"
|
|
3325
3325
|
},
|
|
3326
3326
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3332,7 +3332,7 @@
|
|
|
3332
3332
|
"property": "y",
|
|
3333
3333
|
"emphasis": "emphasized",
|
|
3334
3334
|
"structure": "drop-shadow",
|
|
3335
|
-
"state": "default",
|
|
3335
|
+
"state": ["default"],
|
|
3336
3336
|
"legacyKey": "drop-shadow-emphasized-default-y"
|
|
3337
3337
|
},
|
|
3338
3338
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3344,7 +3344,7 @@
|
|
|
3344
3344
|
"property": "blur",
|
|
3345
3345
|
"emphasis": "emphasized",
|
|
3346
3346
|
"structure": "drop-shadow",
|
|
3347
|
-
"state": "hover",
|
|
3347
|
+
"state": ["hover"],
|
|
3348
3348
|
"legacyKey": "drop-shadow-emphasized-hover-blur"
|
|
3349
3349
|
},
|
|
3350
3350
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3356,7 +3356,7 @@
|
|
|
3356
3356
|
"property": "x",
|
|
3357
3357
|
"emphasis": "emphasized",
|
|
3358
3358
|
"structure": "drop-shadow",
|
|
3359
|
-
"state": "hover",
|
|
3359
|
+
"state": ["hover"],
|
|
3360
3360
|
"legacyKey": "drop-shadow-emphasized-hover-x"
|
|
3361
3361
|
},
|
|
3362
3362
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -3368,7 +3368,7 @@
|
|
|
3368
3368
|
"property": "y",
|
|
3369
3369
|
"emphasis": "emphasized",
|
|
3370
3370
|
"structure": "drop-shadow",
|
|
3371
|
-
"state": "hover",
|
|
3371
|
+
"state": ["hover"],
|
|
3372
3372
|
"legacyKey": "drop-shadow-emphasized-hover-y"
|
|
3373
3373
|
},
|
|
3374
3374
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
"colorRole": "accent",
|
|
165
165
|
"variant": "subtle",
|
|
166
166
|
"property": "background-color",
|
|
167
|
-
"state": "default",
|
|
167
|
+
"state": ["default"],
|
|
168
168
|
"colorScheme": "light",
|
|
169
169
|
"legacyKey": "accent-subtle-background-color-default"
|
|
170
170
|
},
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
"colorRole": "accent",
|
|
180
180
|
"variant": "subtle",
|
|
181
181
|
"property": "background-color",
|
|
182
|
-
"state": "default",
|
|
182
|
+
"state": ["default"],
|
|
183
183
|
"colorScheme": "dark",
|
|
184
184
|
"legacyKey": "accent-subtle-background-color-default"
|
|
185
185
|
},
|
|
@@ -194,7 +194,7 @@
|
|
|
194
194
|
"colorRole": "accent",
|
|
195
195
|
"variant": "subtle",
|
|
196
196
|
"property": "background-color",
|
|
197
|
-
"state": "default",
|
|
197
|
+
"state": ["default"],
|
|
198
198
|
"colorScheme": "wireframe",
|
|
199
199
|
"legacyKey": "accent-subtle-background-color-default"
|
|
200
200
|
},
|
|
@@ -414,7 +414,7 @@
|
|
|
414
414
|
"colorRole": "informative",
|
|
415
415
|
"variant": "subtle",
|
|
416
416
|
"property": "background-color",
|
|
417
|
-
"state": "default",
|
|
417
|
+
"state": ["default"],
|
|
418
418
|
"colorScheme": "light",
|
|
419
419
|
"legacyKey": "informative-subtle-background-color-default"
|
|
420
420
|
},
|
|
@@ -429,7 +429,7 @@
|
|
|
429
429
|
"colorRole": "informative",
|
|
430
430
|
"variant": "subtle",
|
|
431
431
|
"property": "background-color",
|
|
432
|
-
"state": "default",
|
|
432
|
+
"state": ["default"],
|
|
433
433
|
"colorScheme": "dark",
|
|
434
434
|
"legacyKey": "informative-subtle-background-color-default"
|
|
435
435
|
},
|
|
@@ -444,7 +444,7 @@
|
|
|
444
444
|
"colorRole": "informative",
|
|
445
445
|
"variant": "subtle",
|
|
446
446
|
"property": "background-color",
|
|
447
|
-
"state": "default",
|
|
447
|
+
"state": ["default"],
|
|
448
448
|
"colorScheme": "wireframe",
|
|
449
449
|
"legacyKey": "informative-subtle-background-color-default"
|
|
450
450
|
},
|
|
@@ -619,7 +619,7 @@
|
|
|
619
619
|
"colorRole": "negative",
|
|
620
620
|
"variant": "subdued",
|
|
621
621
|
"property": "background-color",
|
|
622
|
-
"state": "default",
|
|
622
|
+
"state": ["default"],
|
|
623
623
|
"legacyKey": "negative-subdued-background-color-default"
|
|
624
624
|
},
|
|
625
625
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -632,7 +632,7 @@
|
|
|
632
632
|
"colorRole": "negative",
|
|
633
633
|
"variant": "subdued",
|
|
634
634
|
"property": "background-color",
|
|
635
|
-
"state": "down",
|
|
635
|
+
"state": ["down"],
|
|
636
636
|
"legacyKey": "negative-subdued-background-color-down"
|
|
637
637
|
},
|
|
638
638
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -645,7 +645,7 @@
|
|
|
645
645
|
"colorRole": "negative",
|
|
646
646
|
"variant": "subdued",
|
|
647
647
|
"property": "background-color",
|
|
648
|
-
"state": "hover",
|
|
648
|
+
"state": ["hover"],
|
|
649
649
|
"legacyKey": "negative-subdued-background-color-hover"
|
|
650
650
|
},
|
|
651
651
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -658,7 +658,7 @@
|
|
|
658
658
|
"colorRole": "negative",
|
|
659
659
|
"variant": "subdued",
|
|
660
660
|
"property": "background-color",
|
|
661
|
-
"state": "keyboard-focus",
|
|
661
|
+
"state": ["keyboard-focus"],
|
|
662
662
|
"legacyKey": "negative-subdued-background-color-key-focus"
|
|
663
663
|
},
|
|
664
664
|
"$schema": "https://opensource.adobe.com/spectrum-design-data/schemas/token-types/alias.json",
|
|
@@ -671,7 +671,7 @@
|
|
|
671
671
|
"colorRole": "negative",
|
|
672
672
|
"variant": "subtle",
|
|
673
673
|
"property": "background-color",
|
|
674
|
-
"state": "default",
|
|
674
|
+
"state": ["default"],
|
|
675
675
|
"colorScheme": "light",
|
|
676
676
|
"legacyKey": "negative-subtle-background-color-default"
|
|
677
677
|
},
|
|
@@ -686,7 +686,7 @@
|
|
|
686
686
|
"colorRole": "negative",
|
|
687
687
|
"variant": "subtle",
|
|
688
688
|
"property": "background-color",
|
|
689
|
-
"state": "default",
|
|
689
|
+
"state": ["default"],
|
|
690
690
|
"colorScheme": "dark",
|
|
691
691
|
"legacyKey": "negative-subtle-background-color-default"
|
|
692
692
|
},
|
|
@@ -701,7 +701,7 @@
|
|
|
701
701
|
"colorRole": "negative",
|
|
702
702
|
"variant": "subtle",
|
|
703
703
|
"property": "background-color",
|
|
704
|
-
"state": "default",
|
|
704
|
+
"state": ["default"],
|
|
705
705
|
"colorScheme": "wireframe",
|
|
706
706
|
"legacyKey": "negative-subtle-background-color-default"
|
|
707
707
|
},
|
|
@@ -876,7 +876,7 @@
|
|
|
876
876
|
"colorRole": "notice",
|
|
877
877
|
"variant": "subtle",
|
|
878
878
|
"property": "background-color",
|
|
879
|
-
"state": "default",
|
|
879
|
+
"state": ["default"],
|
|
880
880
|
"colorScheme": "light",
|
|
881
881
|
"legacyKey": "notice-subtle-background-color-default"
|
|
882
882
|
},
|
|
@@ -891,7 +891,7 @@
|
|
|
891
891
|
"colorRole": "notice",
|
|
892
892
|
"variant": "subtle",
|
|
893
893
|
"property": "background-color",
|
|
894
|
-
"state": "default",
|
|
894
|
+
"state": ["default"],
|
|
895
895
|
"colorScheme": "dark",
|
|
896
896
|
"legacyKey": "notice-subtle-background-color-default"
|
|
897
897
|
},
|
|
@@ -906,7 +906,7 @@
|
|
|
906
906
|
"colorRole": "notice",
|
|
907
907
|
"variant": "subtle",
|
|
908
908
|
"property": "background-color",
|
|
909
|
-
"state": "default",
|
|
909
|
+
"state": ["default"],
|
|
910
910
|
"colorScheme": "wireframe",
|
|
911
911
|
"legacyKey": "notice-subtle-background-color-default"
|
|
912
912
|
},
|
|
@@ -1081,7 +1081,7 @@
|
|
|
1081
1081
|
"colorRole": "positive",
|
|
1082
1082
|
"variant": "subtle",
|
|
1083
1083
|
"property": "background-color",
|
|
1084
|
-
"state": "default",
|
|
1084
|
+
"state": ["default"],
|
|
1085
1085
|
"colorScheme": "light",
|
|
1086
1086
|
"legacyKey": "positive-subtle-background-color-default"
|
|
1087
1087
|
},
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
"colorRole": "positive",
|
|
1097
1097
|
"variant": "subtle",
|
|
1098
1098
|
"property": "background-color",
|
|
1099
|
-
"state": "default",
|
|
1099
|
+
"state": ["default"],
|
|
1100
1100
|
"colorScheme": "dark",
|
|
1101
1101
|
"legacyKey": "positive-subtle-background-color-default"
|
|
1102
1102
|
},
|
|
@@ -1111,7 +1111,7 @@
|
|
|
1111
1111
|
"colorRole": "positive",
|
|
1112
1112
|
"variant": "subtle",
|
|
1113
1113
|
"property": "background-color",
|
|
1114
|
-
"state": "default",
|
|
1114
|
+
"state": ["default"],
|
|
1115
1115
|
"colorScheme": "wireframe",
|
|
1116
1116
|
"legacyKey": "positive-subtle-background-color-default"
|
|
1117
1117
|
},
|