@adobe/spectrum-tokens 13.0.0-beta.30 → 13.0.0-beta.32
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/CHANGELOG.md +22 -0
- package/dist/json/drover.json +10 -0
- package/dist/json/variables.json +90 -0
- package/package.json +1 -1
- package/schemas/token-types/alias.json +1 -0
- package/schemas/token-types/color-set.json +1 -0
- package/schemas/token-types/color.json +1 -0
- package/schemas/token-types/dimension.json +1 -0
- package/schemas/token-types/font-family.json +1 -0
- package/schemas/token-types/font-size.json +1 -0
- package/schemas/token-types/font-style.json +1 -0
- package/schemas/token-types/font-weight.json +1 -0
- package/schemas/token-types/multiplier.json +1 -0
- package/schemas/token-types/opacity.json +1 -0
- package/schemas/token-types/scale-set.json +1 -0
- package/schemas/token-types/system-set.json +1 -0
- package/schemas/token-types/text-transform.json +1 -0
- package/schemas/token-types/token.json +6 -1
- package/src/color-aliases.json +6 -1
- package/src/color-component.json +2 -2
- package/src/color-palette.json +658 -329
- package/src/layout-component.json +206 -52
- package/src/semantic-color-palette.json +21 -1
- package/tasks/addPrivate.js +22 -0
- package/test/checkComponentProps.js +28 -0
- package/test/checkPrivate.js +22 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
# @adobe/spectrum-tokens
|
|
2
2
|
|
|
3
|
+
## 13.0.0-beta.32
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#325](https://github.com/adobe/spectrum-tokens/pull/325) [`095248e`](https://github.com/adobe/spectrum-tokens/commit/095248e26bdd1c8b65a61f3793646bb44093c38b) Thanks [@mrcjhicks](https://github.com/mrcjhicks)! - Added semantic aliases used by in-line alert.
|
|
8
|
+
|
|
9
|
+
## Token Diff
|
|
10
|
+
|
|
11
|
+
_Tokens added (5):_
|
|
12
|
+
|
|
13
|
+
- `informative-subtle-background-color-default`
|
|
14
|
+
- `negative-subtle-background-color-default`
|
|
15
|
+
- `neutral-subtle-background-color-default`
|
|
16
|
+
- `notice-subtle-background-color-default`
|
|
17
|
+
- `positive-subtle-background-color-default`
|
|
18
|
+
|
|
19
|
+
## 13.0.0-beta.31
|
|
20
|
+
|
|
21
|
+
### Minor Changes
|
|
22
|
+
|
|
23
|
+
- [#327](https://github.com/adobe/spectrum-tokens/pull/327) [`3caa31d`](https://github.com/adobe/spectrum-tokens/commit/3caa31d014a3d49496422c38a93c3c7645da0373) Thanks [@GarthDB](https://github.com/GarthDB)! - Added `private` metadata to global tokens.
|
|
24
|
+
|
|
3
25
|
## 13.0.0-beta.30
|
|
4
26
|
|
|
5
27
|
### Minor Changes
|
package/dist/json/drover.json
CHANGED
|
@@ -280,6 +280,7 @@
|
|
|
280
280
|
"informative-color-700": "rgb(93, 137, 255)",
|
|
281
281
|
"informative-color-800": "rgb(75, 117, 255)",
|
|
282
282
|
"informative-color-900": "rgb(59, 99, 251)",
|
|
283
|
+
"informative-subtle-background-color-default": "rgb(229, 240, 254)",
|
|
283
284
|
"informative-visual-color": "rgb(75, 117, 255)",
|
|
284
285
|
"magenta-100": "rgb(255, 245, 248)",
|
|
285
286
|
"magenta-1000": "rgb(186, 22, 80)",
|
|
@@ -333,6 +334,7 @@
|
|
|
333
334
|
"negative-subdued-background-color-down": "rgb(255, 214, 209)",
|
|
334
335
|
"negative-subdued-background-color-hover": "rgb(255, 214, 209)",
|
|
335
336
|
"negative-subdued-background-color-key-focus": "rgb(255, 214, 209)",
|
|
337
|
+
"negative-subtle-background-color-default": "rgb(255, 235, 232)",
|
|
336
338
|
"negative-visual-color": "rgb(240, 56, 35)",
|
|
337
339
|
"neutral-background-color-default": "rgb(41, 41, 41)",
|
|
338
340
|
"neutral-background-color-down": "rgb(19, 19, 19)",
|
|
@@ -357,6 +359,7 @@
|
|
|
357
359
|
"neutral-subdued-content-color-hover": "rgb(41, 41, 41)",
|
|
358
360
|
"neutral-subdued-content-color-key-focus": "rgb(41, 41, 41)",
|
|
359
361
|
"neutral-subdued-content-color-selected": "rgb(41, 41, 41)",
|
|
362
|
+
"neutral-subtle-background-color-default": "rgb(233, 233, 233)",
|
|
360
363
|
"neutral-visual-color": "rgb(143, 143, 143)",
|
|
361
364
|
"notice-background-color-default": "rgb(252, 125, 0)",
|
|
362
365
|
"notice-color-100": "rgb(255, 246, 231)",
|
|
@@ -375,6 +378,7 @@
|
|
|
375
378
|
"notice-color-700": "rgb(232, 106, 0)",
|
|
376
379
|
"notice-color-800": "rgb(212, 91, 0)",
|
|
377
380
|
"notice-color-900": "rgb(194, 78, 0)",
|
|
381
|
+
"notice-subtle-background-color-default": "rgb(255, 236, 207)",
|
|
378
382
|
"notice-visual-color": "rgb(232, 106, 0)",
|
|
379
383
|
"opacity-checkerboard-square-dark": "rgb(225, 225, 225)",
|
|
380
384
|
"opacity-checkerboard-square-light": "rgb(255, 255, 255)",
|
|
@@ -436,6 +440,7 @@
|
|
|
436
440
|
"positive-color-700": "rgb(11, 164, 93)",
|
|
437
441
|
"positive-color-800": "rgb(7, 147, 85)",
|
|
438
442
|
"positive-color-900": "rgb(5, 131, 78)",
|
|
443
|
+
"positive-subtle-background-color-default": "rgb(215, 247, 225)",
|
|
439
444
|
"positive-visual-color": "rgb(11, 164, 93)",
|
|
440
445
|
"purple-100": "rgb(251, 247, 254)",
|
|
441
446
|
"purple-1000": "rgb(134, 40, 217)",
|
|
@@ -851,6 +856,7 @@
|
|
|
851
856
|
"informative-color-700": "rgb(52, 91, 248)",
|
|
852
857
|
"informative-color-800": "rgb(69, 110, 254)",
|
|
853
858
|
"informative-color-900": "rgb(86, 129, 255)",
|
|
859
|
+
"informative-subtle-background-color-default": "rgb(15, 28, 82)",
|
|
854
860
|
"informative-visual-color": "rgb(86, 129, 255)",
|
|
855
861
|
"magenta-100": "rgb(59, 0, 22)",
|
|
856
862
|
"magenta-1000": "rgb(255, 96, 149)",
|
|
@@ -904,6 +910,7 @@
|
|
|
904
910
|
"negative-subdued-background-color-down": "rgb(87, 17, 7)",
|
|
905
911
|
"negative-subdued-background-color-hover": "rgb(87, 17, 7)",
|
|
906
912
|
"negative-subdued-background-color-key-focus": "rgb(87, 17, 7)",
|
|
913
|
+
"negative-subtle-background-color-default": "rgb(68, 13, 5)",
|
|
907
914
|
"negative-visual-color": "rgb(205, 46, 29)",
|
|
908
915
|
"neutral-background-color-default": "rgb(219, 219, 219)",
|
|
909
916
|
"neutral-background-color-down": "rgb(242, 242, 242)",
|
|
@@ -928,6 +935,7 @@
|
|
|
928
935
|
"neutral-subdued-content-color-hover": "rgb(219, 219, 219)",
|
|
929
936
|
"neutral-subdued-content-color-key-focus": "rgb(219, 219, 219)",
|
|
930
937
|
"neutral-subdued-content-color-selected": "rgb(219, 219, 219)",
|
|
938
|
+
"neutral-subtle-background-color-default": "rgb(44, 44, 44)",
|
|
931
939
|
"neutral-visual-color": "rgb(138, 138, 138)",
|
|
932
940
|
"notice-background-color-default": "rgb(224, 100, 0)",
|
|
933
941
|
"notice-color-100": "rgb(49, 16, 0)",
|
|
@@ -946,6 +954,7 @@
|
|
|
946
954
|
"notice-color-700": "rgb(185, 73, 0)",
|
|
947
955
|
"notice-color-800": "rgb(205, 86, 0)",
|
|
948
956
|
"notice-color-900": "rgb(224, 100, 0)",
|
|
957
|
+
"notice-subtle-background-color-default": "rgb(61, 21, 0)",
|
|
949
958
|
"notice-visual-color": "rgb(224, 100, 0)",
|
|
950
959
|
"opacity-checkerboard-square-dark": "rgb(219, 219, 219)",
|
|
951
960
|
"opacity-checkerboard-square-light": "rgb(255, 255, 255)",
|
|
@@ -1007,6 +1016,7 @@
|
|
|
1007
1016
|
"positive-color-700": "rgb(4, 124, 75)",
|
|
1008
1017
|
"positive-color-800": "rgb(6, 140, 82)",
|
|
1009
1018
|
"positive-color-900": "rgb(9, 157, 89)",
|
|
1019
|
+
"positive-subtle-background-color-default": "rgb(0, 38, 29)",
|
|
1010
1020
|
"positive-visual-color": "rgb(6, 140, 82)",
|
|
1011
1021
|
"purple-100": "rgb(41, 0, 79)",
|
|
1012
1022
|
"purple-1000": "rgb(186, 127, 237)",
|
package/dist/json/variables.json
CHANGED
|
@@ -4866,6 +4866,24 @@
|
|
|
4866
4866
|
},
|
|
4867
4867
|
"uuid": "e475981f-97af-479c-859b-7619dd87c448"
|
|
4868
4868
|
},
|
|
4869
|
+
"neutral-subtle-background-color-default": {
|
|
4870
|
+
"ref": "{gray-100}",
|
|
4871
|
+
"sets": {
|
|
4872
|
+
"light": {
|
|
4873
|
+
"value": "rgb(233, 233, 233)",
|
|
4874
|
+
"uuid": "64e2dbc2-05fa-43d7-80ae-d4d11c55348f"
|
|
4875
|
+
},
|
|
4876
|
+
"dark": {
|
|
4877
|
+
"value": "rgb(44, 44, 44)",
|
|
4878
|
+
"uuid": "abd011c4-87a5-4b1f-82e2-e94d118f417f"
|
|
4879
|
+
},
|
|
4880
|
+
"wireframe": {
|
|
4881
|
+
"value": "rgb(244, 246, 252)",
|
|
4882
|
+
"uuid": "3605974e-8f93-4907-81b3-fb6ab55d03f8"
|
|
4883
|
+
}
|
|
4884
|
+
},
|
|
4885
|
+
"uuid": "cc79fbaf-a2e1-4761-82e7-1dbea52acee8"
|
|
4886
|
+
},
|
|
4869
4887
|
"swatch-border-color": {
|
|
4870
4888
|
"ref": "{gray-900}",
|
|
4871
4889
|
"sets": {
|
|
@@ -20820,6 +20838,78 @@
|
|
|
20820
20838
|
},
|
|
20821
20839
|
"uuid": "4b6aaf76-e0ab-4be0-81c0-d5f64cacee88"
|
|
20822
20840
|
},
|
|
20841
|
+
"informative-subtle-background-color-default": {
|
|
20842
|
+
"ref": "{blue-200}",
|
|
20843
|
+
"sets": {
|
|
20844
|
+
"light": {
|
|
20845
|
+
"value": "rgb(229, 240, 254)",
|
|
20846
|
+
"uuid": "989a37a5-66f2-4a84-a118-8d36caee6695"
|
|
20847
|
+
},
|
|
20848
|
+
"dark": {
|
|
20849
|
+
"value": "rgb(15, 28, 82)",
|
|
20850
|
+
"uuid": "7b7d1fd8-cc1e-4053-b320-e481b8f64c46"
|
|
20851
|
+
},
|
|
20852
|
+
"wireframe": {
|
|
20853
|
+
"value": "rgb(235, 239, 248)",
|
|
20854
|
+
"uuid": "1f9bd0a5-d1ed-4d24-b8bf-273f5f22a5f4"
|
|
20855
|
+
}
|
|
20856
|
+
},
|
|
20857
|
+
"uuid": "62dfb07f-5eee-451c-9c77-745d8f714766"
|
|
20858
|
+
},
|
|
20859
|
+
"positive-subtle-background-color-default": {
|
|
20860
|
+
"ref": "{green-200}",
|
|
20861
|
+
"sets": {
|
|
20862
|
+
"light": {
|
|
20863
|
+
"value": "rgb(215, 247, 225)",
|
|
20864
|
+
"uuid": "9d32cd19-8375-4da3-9324-0e8334c2e714"
|
|
20865
|
+
},
|
|
20866
|
+
"dark": {
|
|
20867
|
+
"value": "rgb(0, 38, 29)",
|
|
20868
|
+
"uuid": "e8f294f5-cb17-4fdc-b370-ca2e3f95d342"
|
|
20869
|
+
},
|
|
20870
|
+
"wireframe": {
|
|
20871
|
+
"value": "rgb(235, 239, 248)",
|
|
20872
|
+
"uuid": "b5d964d5-e68d-44c6-880f-2e23d2bae7ec"
|
|
20873
|
+
}
|
|
20874
|
+
},
|
|
20875
|
+
"uuid": "57a1aa8f-5c06-4ff6-8d1c-0e278a433ebf"
|
|
20876
|
+
},
|
|
20877
|
+
"notice-subtle-background-color-default": {
|
|
20878
|
+
"ref": "{orange-200}",
|
|
20879
|
+
"sets": {
|
|
20880
|
+
"light": {
|
|
20881
|
+
"value": "rgb(255, 236, 207)",
|
|
20882
|
+
"uuid": "64371717-ac11-4ec3-a0aa-9042cf43fa8f"
|
|
20883
|
+
},
|
|
20884
|
+
"dark": {
|
|
20885
|
+
"value": "rgb(61, 21, 0)",
|
|
20886
|
+
"uuid": "587d4ce3-4275-4d2a-916c-2b1bf78c38ea"
|
|
20887
|
+
},
|
|
20888
|
+
"wireframe": {
|
|
20889
|
+
"value": "rgb(235, 239, 248)",
|
|
20890
|
+
"uuid": "47e53be7-b33b-48e3-abdf-fe48d59f8819"
|
|
20891
|
+
}
|
|
20892
|
+
},
|
|
20893
|
+
"uuid": "f0799e87-dbb2-4e71-8253-65f45eddc078"
|
|
20894
|
+
},
|
|
20895
|
+
"negative-subtle-background-color-default": {
|
|
20896
|
+
"ref": "{red-200}",
|
|
20897
|
+
"sets": {
|
|
20898
|
+
"light": {
|
|
20899
|
+
"value": "rgb(255, 235, 232)",
|
|
20900
|
+
"uuid": "a1f7b6a3-4195-44dc-a772-9a04d3cf859c"
|
|
20901
|
+
},
|
|
20902
|
+
"dark": {
|
|
20903
|
+
"value": "rgb(68, 13, 5)",
|
|
20904
|
+
"uuid": "b18ca77b-898e-4e09-88e2-8901de3e9172"
|
|
20905
|
+
},
|
|
20906
|
+
"wireframe": {
|
|
20907
|
+
"value": "rgb(235, 239, 248)",
|
|
20908
|
+
"uuid": "1d78cfc4-2c54-450e-9c5a-e3d3a40bcf32"
|
|
20909
|
+
}
|
|
20910
|
+
},
|
|
20911
|
+
"uuid": "8e9429cf-4c89-47be-bc6e-eeecc632aeb1"
|
|
20912
|
+
},
|
|
20823
20913
|
"default-font-family": {
|
|
20824
20914
|
"ref": "{sans-serif-font-family}",
|
|
20825
20915
|
"value": "Adobe Clean",
|
package/package.json
CHANGED
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
"pattern": "^rgba\\((([0-1]?[0-9]?[0-9]?|2[0-4][0-9]|25[0-5]),\\s?){3}(0|1|0?\\.\\d+)\\)|rgb\\(([0-1]?[0-9]?[0-9]?|2[0-4][0-9]|25[0-5]){1,3}(,\\s?\\d{1,3}%?){2}\\)$"
|
|
19
19
|
},
|
|
20
20
|
"component": {},
|
|
21
|
+
"private": {},
|
|
21
22
|
"deprecated": {},
|
|
22
23
|
"deprecated_comment": {},
|
|
23
24
|
"uuid": {}
|
package/src/color-aliases.json
CHANGED
|
@@ -1715,5 +1715,10 @@
|
|
|
1715
1715
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1716
1716
|
"value": "{drop-shadow-color-200}",
|
|
1717
1717
|
"uuid": "e475981f-97af-479c-859b-7619dd87c448"
|
|
1718
|
+
},
|
|
1719
|
+
"neutral-subtle-background-color-default": {
|
|
1720
|
+
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
1721
|
+
"value": "{gray-100}",
|
|
1722
|
+
"uuid": "cc79fbaf-a2e1-4761-82e7-1dbea52acee8"
|
|
1718
1723
|
}
|
|
1719
|
-
}
|
|
1724
|
+
}
|
package/src/color-component.json
CHANGED
|
@@ -133,13 +133,13 @@
|
|
|
133
133
|
"uuid": "4e1d1cc5-736e-4e82-9054-5c1a74ac1aca"
|
|
134
134
|
},
|
|
135
135
|
"card-selection-background-color": {
|
|
136
|
-
"component": "
|
|
136
|
+
"component": "card",
|
|
137
137
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/alias.json",
|
|
138
138
|
"value": "{gray-100}",
|
|
139
139
|
"uuid": "622c6e86-dea6-416d-9f13-bb6ef112d3cb"
|
|
140
140
|
},
|
|
141
141
|
"card-selection-background-color-opacity": {
|
|
142
|
-
"component": "
|
|
142
|
+
"component": "card",
|
|
143
143
|
"$schema": "https://opensource.adobe.com/spectrum-tokens/schemas/token-types/opacity.json",
|
|
144
144
|
"value": "0.95",
|
|
145
145
|
"uuid": "ac039445-0bf8-4821-b02e-e7e06a416576"
|