@adobe/spectrum-tokens 12.0.0-beta.9 → 12.1.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.
Files changed (23) hide show
  1. package/CHANGELOG.md +10 -2
  2. package/README.md +73 -4
  3. package/{config.js → commitlint.config.cjs} +5 -22
  4. package/dist/json/drover.json +1831 -0
  5. package/dist/json/variables.json +13227 -2656
  6. package/manifest.json +9 -0
  7. package/package.json +28 -12
  8. package/src/color-aliases.json +1197 -0
  9. package/src/color-component.json +155 -0
  10. package/{tokens/color.json → src/color-palette.json} +280 -240
  11. package/src/layout-component.json +3727 -0
  12. package/src/layout.json +1434 -0
  13. package/{tokens/color-semantic.json → src/semantic-color-palette.json} +85 -15
  14. package/src/typography.json +1140 -0
  15. package/tasks/buildManifest.js +8 -0
  16. package/tasks/buildSpectrumTokens.js +58 -0
  17. package/tasks/deprecateExpress.js +11 -0
  18. package/tasks/diff.js +106 -0
  19. package/tasks/lib/augmentExpressTokens.js +40 -0
  20. package/commitlint.config.js +0 -3
  21. package/tokens/color-alias.json +0 -132
  22. package/tokens/component-layout.json +0 -738
  23. package/tokens/layout.json +0 -908
package/src/color-component.json ADDED
@@ -0,0 +1,155 @@
1
+ {
2
+ "swatch-border-color": {
3
+ "component": "swatch",
4
+ "value": "{gray-900}"
5
+ },
6
+ "swatch-border-opacity": {
7
+ "component": "swatch",
8
+ "value": "0.51"
9
+ },
10
+ "swatch-disabled-icon-border-color": {
11
+ "component": "swatch",
12
+ "value": "{black}"
13
+ },
14
+ "swatch-disabled-icon-border-opacity": {
15
+ "component": "swatch",
16
+ "value": "0.51"
17
+ },
18
+ "thumbnail-border-color": {
19
+ "component": "thumbnail",
20
+ "value": "{gray-800}"
21
+ },
22
+ "thumbnail-border-opacity": {
23
+ "component": "thumbnail",
24
+ "value": "0.1"
25
+ },
26
+ "thumbnail-opacity-disabled": {
27
+ "component": "thumbnail",
28
+ "value": "{opacity-disabled}"
29
+ },
30
+ "opacity-checkerboard-square-light": {
31
+ "component": "opacity-checkerboard",
32
+ "value": "{white}"
33
+ },
34
+ "opacity-checkerboard-square-dark": {
35
+ "component": "opacity-checkerboard",
36
+ "sets": {
37
+ "light": {
38
+ "value": "{gray-200}"
39
+ },
40
+ "dark": {
41
+ "value": "{gray-800}"
42
+ },
43
+ "darkest": {
44
+ "value": "{gray-800}"
45
+ }
46
+ }
47
+ },
48
+ "avatar-opacity-disabled": {
49
+ "component": "avatar",
50
+ "value": "{opacity-disabled}"
51
+ },
52
+ "color-area-border-color": {
53
+ "component": "color-area",
54
+ "value": "{gray-900}"
55
+ },
56
+ "color-area-border-opacity": {
57
+ "component": "color-area",
58
+ "value": "0.1"
59
+ },
60
+ "color-slider-border-color": {
61
+ "component": "color-slider",
62
+ "value": "{gray-900}"
63
+ },
64
+ "color-slider-border-opacity": {
65
+ "component": "color-slider",
66
+ "value": "0.1"
67
+ },
68
+ "color-loupe-drop-shadow-color": {
69
+ "component": "color-loupe",
70
+ "value": "{transparent-black-300}"
71
+ },
72
+ "color-loupe-drop-shadow-y": {
73
+ "component": "color-loupe",
74
+ "value": "2px"
75
+ },
76
+ "color-loupe-drop-shadow-blur": {
77
+ "component": "color-loupe",
78
+ "value": "8px"
79
+ },
80
+ "color-loupe-inner-border": {
81
+ "component": "color-loupe",
82
+ "value": "{transparent-black-200}"
83
+ },
84
+ "color-loupe-outer-border": {
85
+ "component": "color-loupe",
86
+ "value": "{white}"
87
+ },
88
+ "card-selection-background-color": {
89
+ "component": "cards",
90
+ "value": "{gray-100}"
91
+ },
92
+ "card-selection-background-color-opacity": {
93
+ "component": "cards",
94
+ "value": "0.95"
95
+ },
96
+ "drop-zone-background-color": {
97
+ "component": "drop-zone",
98
+ "value": "{accent-visual-color}"
99
+ },
100
+ "drop-zone-background-color-opacity": {
101
+ "component": "drop-zone",
102
+ "value": "0.1"
103
+ },
104
+ "drop-zone-background-color-opacity-filled": {
105
+ "component": "drop-zone",
106
+ "value": "0.3"
107
+ },
108
+ "coach-mark-pagination-color": {
109
+ "component": "coach-mark",
110
+ "value": "{gray-600}"
111
+ },
112
+ "color-handle-inner-border-color": {
113
+ "component": "color-handle",
114
+ "value": "{black}"
115
+ },
116
+ "color-handle-inner-border-opacity": {
117
+ "component": "color-handle",
118
+ "sets": {
119
+ "spectrum": {
120
+ "value": "0.42"
121
+ },
122
+ "express": {
123
+ "value": "0.15",
124
+ "deprecated": true,
125
+ "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
126
+ }
127
+ }
128
+ },
129
+ "color-handle-outer-border-color": {
130
+ "component": "color-handle",
131
+ "sets": {
132
+ "spectrum": {
133
+ "value": "{black}"
134
+ }
135
+ }
136
+ },
137
+ "color-handle-outer-border-opacity": {
138
+ "component": "color-handle",
139
+ "sets": {
140
+ "spectrum": {
141
+ "value": "{color-handle-inner-border-opacity}"
142
+ }
143
+ }
144
+ },
145
+ "color-handle-drop-shadow-color": {
146
+ "component": "color-handle",
147
+ "sets": {
148
+ "express": {
149
+ "value": "{drop-shadow-color}",
150
+ "deprecated": true,
151
+ "deprecated_comment": "Express will merge with Spectrum with the release of Spectrum 2."
152
+ }
153
+ }
154
+ }
155
+ }