@adobe/spectrum-tokens 0.0.0-tabs-20230503165321

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 (24) hide show
  1. package/CHANGELOG.md +71 -0
  2. package/LICENSE +201 -0
  3. package/README.md +72 -0
  4. package/dist/json/drover.json +1889 -0
  5. package/dist/json/variables.json +17746 -0
  6. package/manifest.json +5 -0
  7. package/moon.yml +73 -0
  8. package/package.json +32 -0
  9. package/src/color-aliases.json +1203 -0
  10. package/src/color-component.json +155 -0
  11. package/src/color-palette.json +3150 -0
  12. package/src/layout-component.json +4295 -0
  13. package/src/layout.json +1514 -0
  14. package/src/semantic-color-palette.json +338 -0
  15. package/src/typography.json +1140 -0
  16. package/tasks/buildManifest.js +20 -0
  17. package/tasks/buildSpectrumTokens.js +58 -0
  18. package/tasks/deprecateExpress.js +23 -0
  19. package/tasks/diff.js +130 -0
  20. package/tasks/lib/augmentExpressTokens.js +52 -0
  21. package/test/deprecateExpress.test.js +50 -0
  22. package/test/drover.test.js +58 -0
  23. package/test/snapshots/deprecateExpress.test.js.md +47 -0
  24. package/test/snapshots/deprecateExpress.test.js.snap +0 -0
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
+ "value": "{color-handle-inner-border-opacity}"
140
+ },
141
+ "color-handle-drop-shadow-color": {
142
+ "component": "color-handle",
143
+ "deprecated": true,
144
+ "deprecated_comment": "Express does not need a separate design for Color loupe and Color handle components",
145
+ "sets": {
146
+ "express": {
147
+ "value": "{drop-shadow-color}"
148
+ }
149
+ }
150
+ },
151
+ "floating-action-button-shadow-color": {
152
+ "component": "floating-action-button",
153
+ "value": "{transparent-black-300}"
154
+ }
155
+ }