@aurodesignsystem/design-tokens 5.0.0 → 5.0.2

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 (120) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +62 -86
  3. package/dist/{auro-classic → tokens}/CSSCustomProperties.css +312 -320
  4. package/dist/{auro-classic → tokens}/CSSSizeCustomProperties.css +1 -1
  5. package/dist/{auro-classic → tokens}/JSData--color.js +2071 -3145
  6. package/dist/{auro-classic → tokens}/JSONVariablesFlat.json +4 -12
  7. package/dist/{auro-classic → tokens}/JSONVariablesNested.json +9 -13
  8. package/dist/{auro-classic/JSObject--deprecated.js → tokens/JSObject--allTokens.js} +8777 -14655
  9. package/dist/tokens/JSObject--deprecated.js +3157 -0
  10. package/dist/{auro-classic → tokens}/JSVariables--color.js +312 -308
  11. package/dist/{auro-classic → tokens}/SCSSVariableMap.scss +1 -1
  12. package/dist/{auro-classic → tokens}/SCSSVariables.scss +312 -320
  13. package/dist/{auro-classic → tokens}/SCSSVariablesMapFlat.scss +312 -320
  14. package/dist/{auro-classic → tokens}/SassCustomProperties.scss +312 -320
  15. package/dist/{auro-classic → tokens}/SassSizeCustomProperties.scss +1 -1
  16. package/dist/tokens/base/SCSSVariables.scss +1372 -0
  17. package/dist/tokens/darkmode/CSSCustomProperties.css +28 -0
  18. package/dist/tokens/darkmode/JSDataColor.js +528 -0
  19. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +528 -0
  20. package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
  21. package/dist/tokens/darkmode/SCSSVariables.scss +21 -0
  22. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
  23. package/dist/tokens/darkmode/SassCustomProperties.scss +28 -0
  24. package/dist/tokens/excursion/JSONVariablesFlat.json +736 -0
  25. package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
  26. package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
  27. package/dist/{transparent/CSSCustomProperties--transparent.css → tokens/transparent/CSSCustomProperties.css} +5 -1
  28. package/package.json +4 -6
  29. package/src/{themes/auro-classic/animation.json → animation.json} +3 -6
  30. package/src/{themes/auro-classic → asset}/font.json +5 -10
  31. package/src/{themes/auro-classic/color → color}/alert.json +0 -7
  32. package/src/{themes/auro-classic/color → color}/background.json +25 -53
  33. package/src/{themes/auro-classic/color → color}/base.json +147 -303
  34. package/src/{themes/auro-classic/color → color}/border.json +32 -68
  35. package/src/{themes/auro-classic/color → color}/brand.json +158 -289
  36. package/src/{themes/auro-classic/color → color}/container.json +50 -101
  37. package/src/{themes/auro-classic/color → color}/icon.json +64 -129
  38. package/src/{themes/auro-classic/color → color}/text.json +28 -58
  39. package/src/{themes/auro-classic/color → color}/tier.json +22 -43
  40. package/src/{themes/auro-classic/color → color}/ui.json +1 -12
  41. package/src/{themes/auro-classic/color → color}/utility.json +30 -60
  42. package/src/color-darkmode/base.json +24 -0
  43. package/src/color-darkmode/border.json +32 -0
  44. package/src/color-darkmode/icon.json +32 -0
  45. package/src/color-darkmode/text.json +71 -0
  46. package/src/color-darkmode/tier.json +34 -0
  47. package/src/comments.json +34 -0
  48. package/src/{themes/auro-classic/depth.json → depth.json} +4 -9
  49. package/src/{themes/auro-classic/elevation.json → elevation.json} +3 -6
  50. package/src/{themes/auro-classic/grid-breakpoint.json → grid-breakpoint.json} +5 -10
  51. package/src/{themes/auro-classic/grid-column.json → grid-column.json} +5 -10
  52. package/src/{themes/auro-classic/grid-gutter.json → grid-gutter.json} +5 -10
  53. package/src/{themes/auro-classic/grid-margin.json → grid-margin.json} +5 -10
  54. package/src/{themes/auro-classic/size → size}/radius.json +1 -2
  55. package/src/size/scale.json +240 -0
  56. package/src/size/unitless-scale.json +82 -0
  57. package/src/{themes/auro-classic/text.json → text.json} +97 -192
  58. package/src/themes/excursion/animation.json +21 -0
  59. package/src/themes/excursion/asset/font.json +35 -0
  60. package/src/themes/excursion/color/alert.json +90 -0
  61. package/src/themes/excursion/color/background.json +280 -0
  62. package/src/themes/excursion/color/base.json +1303 -0
  63. package/src/themes/excursion/color/border.json +288 -0
  64. package/src/themes/excursion/color/brand.json +1549 -0
  65. package/src/themes/excursion/color/container.json +464 -0
  66. package/src/themes/excursion/color/excursion.json +254 -0
  67. package/src/themes/excursion/color/icon.json +476 -0
  68. package/src/themes/excursion/color/text.json +270 -0
  69. package/src/themes/excursion/color/tier.json +180 -0
  70. package/src/themes/excursion/color/ui.json +125 -0
  71. package/src/themes/excursion/comments.json +34 -0
  72. package/src/themes/excursion/depth copy.json +22 -0
  73. package/src/themes/excursion/elevation.json +22 -0
  74. package/src/themes/excursion/grid-breakpoint.json +29 -0
  75. package/src/themes/excursion/grid-column.json +29 -0
  76. package/src/themes/excursion/grid-gutter.json +29 -0
  77. package/src/themes/excursion/grid-margin.json +29 -0
  78. package/src/themes/excursion/size/radius.json +9 -0
  79. package/src/themes/excursion/size/scale.json +234 -0
  80. package/src/themes/excursion/size/unitless-scale.json +82 -0
  81. package/src/themes/excursion/text.json +572 -0
  82. package/src/themes/hawaiian/color/background.json +15 -0
  83. package/src/themes/hawaiian/color/border.json +18 -0
  84. package/src/themes/hawaiian/color/container.json +56 -0
  85. package/src/themes/hawaiian/color/icon.json +24 -0
  86. package/src/themes/hawaiian/color/text.json +44 -0
  87. package/src/themes/transparent/color/alert.json +0 -7
  88. package/src/themes/transparent/color/background.json +2 -30
  89. package/src/themes/transparent/color/base.json +0 -156
  90. package/src/themes/transparent/color/border.json +0 -36
  91. package/src/themes/transparent/color/brand.json +36 -167
  92. package/src/themes/transparent/color/container.json +0 -50
  93. package/src/themes/transparent/color/icon.json +0 -65
  94. package/src/themes/transparent/color/text.json +0 -30
  95. package/src/themes/transparent/color/tier.json +1 -22
  96. package/src/themes/transparent/color/ui.json +1 -12
  97. package/src/themes/transparent/color/utility.json +0 -30
  98. package/src/themes/transparent/elevation.json +0 -3
  99. package/dist/alaska/CSSCustomProperties--alaska.css +0 -66
  100. package/dist/alaska/SCSSVariables--alaska.scss +0 -63
  101. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -67
  102. package/dist/alaska/primitives--alaska.scss +0 -215
  103. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +0 -66
  104. package/dist/hawaiian/SCSSVariables--hawaiian.scss +0 -63
  105. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +0 -67
  106. package/dist/hawaiian/primitives--hawaiian.scss +0 -175
  107. package/src/primitives/alaska/color.json +0 -796
  108. package/src/primitives/alaska/typography.json +0 -27
  109. package/src/primitives/base/color.json +0 -489
  110. package/src/primitives/base/transparency.json +0 -183
  111. package/src/primitives/base/typography.json +0 -210
  112. package/src/primitives/hawaiian/color.json +0 -508
  113. package/src/primitives/hawaiian/typography.json +0 -28
  114. package/src/themes/alaska/color.json +0 -394
  115. package/src/themes/alaska/typography.json +0 -132
  116. package/src/themes/auro-classic/comments.json +0 -50
  117. package/src/themes/auro-classic/size/scale.json +0 -347
  118. package/src/themes/auro-classic/size/unitless-scale.json +0 -126
  119. package/src/themes/hawaiian/color.json +0 -394
  120. package/src/themes/hawaiian/typography.json +0 -132
@@ -0,0 +1,270 @@
1
+ {
2
+ "color": {
3
+ "text": {
4
+ "primary": {
5
+ "default": {
6
+ "value": "{color.excursion.grey.900.value}",
7
+ "comment": "",
8
+ "public": true,
9
+ "usage": "",
10
+ "wcag": "n/a",
11
+ "deprecated": false
12
+ },
13
+ "inverse": {
14
+ "value": "{color.base.white.value}",
15
+ "comment": "",
16
+ "public": true,
17
+ "usage": "",
18
+ "wcag": "n/a",
19
+ "deprecated": false
20
+ }
21
+ },
22
+ "secondary": {
23
+ "default": {
24
+ "value": "{color.excursion.grey.100.value}",
25
+ "comment": "",
26
+ "public": true,
27
+ "usage": "",
28
+ "wcag": "n/a",
29
+ "deprecated": false
30
+ },
31
+ "inverse": {
32
+ "value": "{color.excursion.grey.100.value}",
33
+ "comment": "",
34
+ "public": true,
35
+ "usage": "",
36
+ "wcag": "n/a",
37
+ "deprecated": false
38
+ }
39
+ },
40
+ "tertiary": {
41
+ "default": {
42
+ "value": "{color.excursion.grey.100.value}",
43
+ "comment": "",
44
+ "public": true,
45
+ "usage": "",
46
+ "wcag": "n/a",
47
+ "deprecated": false
48
+ },
49
+ "inverse": {
50
+ "value": "{color.excursion.grey.100.value}",
51
+ "comment": "",
52
+ "public": true,
53
+ "usage": "",
54
+ "wcag": "n/a",
55
+ "deprecated": false
56
+ }
57
+ },
58
+ "ui": {
59
+ "default": {
60
+ "value": "{color.excursion.grey.100.value}",
61
+ "comment": "",
62
+ "public": true,
63
+ "usage": "",
64
+ "wcag": "n/a",
65
+ "deprecated": false
66
+ },
67
+ "hover": {
68
+ "value": "{color.excursion.grey.100.value}",
69
+ "comment": "",
70
+ "public": true,
71
+ "usage": "",
72
+ "wcag": "n/a",
73
+ "deprecated": false
74
+ },
75
+ "focus": {
76
+ "value": "{color.excursion.grey.100.value}",
77
+ "comment": "",
78
+ "public": true,
79
+ "usage": "",
80
+ "wcag": "n/a",
81
+ "deprecated": false
82
+ },
83
+ "disabled": {
84
+ "value": "{color.excursion.grey.100.value}",
85
+ "comment": "",
86
+ "public": true,
87
+ "usage": "",
88
+ "wcag": "n/a",
89
+ "deprecated": false
90
+ },
91
+ "active": {
92
+ "value": "{color.excursion.grey.100.value}",
93
+ "comment": "",
94
+ "public": true,
95
+ "usage": "",
96
+ "wcag": "n/a",
97
+ "deprecated": false
98
+ },
99
+ "inverse": {
100
+ "default": {
101
+ "value": "{color.excursion.grey.100.value}",
102
+ "comment": "",
103
+ "public": true,
104
+ "usage": "",
105
+ "wcag": "n/a",
106
+ "deprecated": false
107
+ },
108
+ "hover": {
109
+ "value": "{color.excursion.grey.100.value}",
110
+ "comment": "",
111
+ "public": true,
112
+ "usage": "",
113
+ "wcag": "n/a",
114
+ "deprecated": false
115
+ },
116
+ "focus": {
117
+ "value": "{color.excursion.grey.100.value}",
118
+ "comment": "",
119
+ "public": true,
120
+ "usage": "",
121
+ "wcag": "n/a",
122
+ "deprecated": false
123
+ },
124
+ "disabled": {
125
+ "value": "{color.excursion.grey.100.value}",
126
+ "comment": "",
127
+ "public": true,
128
+ "usage": "",
129
+ "wcag": "n/a",
130
+ "deprecated": false
131
+ },
132
+ "active": {
133
+ "value": "{color.excursion.grey.100.value}",
134
+ "comment": "",
135
+ "public": true,
136
+ "usage": "",
137
+ "wcag": "n/a",
138
+ "deprecated": false
139
+ }
140
+ }
141
+ },
142
+ "error": {
143
+ "default": {
144
+ "value": "{color.excursion.grey.100.value}",
145
+ "comment": "",
146
+ "public": true,
147
+ "usage": "",
148
+ "wcag": "n/a",
149
+ "deprecated": false
150
+ },
151
+ "inverse": {
152
+ "value": "{color.excursion.grey.100.value}",
153
+ "comment": "",
154
+ "public": true,
155
+ "usage": "",
156
+ "wcag": "n/a",
157
+ "deprecated": false
158
+ }
159
+ },
160
+ "success": {
161
+ "default": {
162
+ "value": "{color.excursion.grey.100.value}",
163
+ "comment": "",
164
+ "public": true,
165
+ "usage": "",
166
+ "wcag": "n/a",
167
+ "deprecated": false
168
+ },
169
+ "inverse": {
170
+ "value": "{color.excursion.grey.100.value}",
171
+ "comment": "",
172
+ "public": true,
173
+ "usage": "",
174
+ "wcag": "n/a",
175
+ "deprecated": false
176
+ }
177
+ },
178
+ "warning": {
179
+ "default": {
180
+ "value": "{color.excursion.grey.100.value}",
181
+ "comment": "",
182
+ "public": true,
183
+ "usage": "",
184
+ "wcag": "n/a",
185
+ "deprecated": false
186
+ },
187
+ "inverse": {
188
+ "value": "{color.excursion.grey.100.value}",
189
+ "comment": "",
190
+ "public": true,
191
+ "usage": "",
192
+ "wcag": "n/a",
193
+ "deprecated": false
194
+ }
195
+ },
196
+ "info": {
197
+ "default": {
198
+ "value": "{color.excursion.grey.100.value}",
199
+ "comment": "",
200
+ "public": true,
201
+ "usage": "",
202
+ "wcag": "n/a",
203
+ "deprecated": false
204
+ },
205
+ "inverse": {
206
+ "value": "{color.excursion.grey.100.value}",
207
+ "comment": "",
208
+ "public": true,
209
+ "usage": "",
210
+ "wcag": "n/a",
211
+ "deprecated": false
212
+ }
213
+ },
214
+ "accent": {
215
+ "default": {
216
+ "value": "{color.excursion.grey.100.value}",
217
+ "comment": "",
218
+ "public": true,
219
+ "usage": "",
220
+ "wcag": "n/a",
221
+ "deprecated": false
222
+ },
223
+ "inverse": {
224
+ "value": "{color.excursion.grey.100.value}",
225
+ "comment": "",
226
+ "public": true,
227
+ "usage": "",
228
+ "wcag": "n/a",
229
+ "deprecated": false
230
+ }
231
+ },
232
+ "emphasis": {
233
+ "default": {
234
+ "value": "{color.excursion.blue.800.value}",
235
+ "comment": "",
236
+ "public": true,
237
+ "usage": "",
238
+ "wcag": "n/a",
239
+ "deprecated": false
240
+ },
241
+ "inverse": {
242
+ "value": "{color.excursion.grey.100.value}",
243
+ "comment": "",
244
+ "public": true,
245
+ "usage": "",
246
+ "wcag": "n/a",
247
+ "deprecated": false
248
+ }
249
+ },
250
+ "subtle": {
251
+ "default": {
252
+ "value": "{color.excursion.grey.100.value}",
253
+ "comment": "",
254
+ "public": true,
255
+ "usage": "",
256
+ "wcag": "n/a",
257
+ "deprecated": false
258
+ },
259
+ "inverse": {
260
+ "value": "{color.excursion.grey.100.value}",
261
+ "comment": "",
262
+ "public": true,
263
+ "usage": "",
264
+ "wcag": "n/a",
265
+ "deprecated": false
266
+ }
267
+ }
268
+ }
269
+ }
270
+ }
@@ -0,0 +1,180 @@
1
+ {
2
+ "color": {
3
+ "tier": {
4
+ "alaska": {
5
+ "mvp": {
6
+ "default": {
7
+ "value": "{color.excursion.grey.100.value}",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "MVP tier color for Alaska Airlines on light backgrounds",
11
+ "wcag": "n/a",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "{color.excursion.grey.100.value}",
16
+ "public": true,
17
+ "inverse": true,
18
+ "usage": "MVP tier color for Alaska Airlines on dark backgrounds",
19
+ "wcag": "n/a",
20
+ "deprecated": false
21
+ }
22
+ },
23
+ "mvpgold": {
24
+ "default": {
25
+ "value": "{color.excursion.grey.100.value}",
26
+ "public": true,
27
+ "default": true,
28
+ "usage": "MVP Gold tier color for Alaska Airlines on light backgrounds",
29
+ "wcag": "n/a",
30
+ "deprecated": false
31
+ },
32
+ "inverse": {
33
+ "value": "{color.excursion.grey.100.value}",
34
+ "public": true,
35
+ "inverse": true,
36
+ "usage": "MVP Gold tier color for Alaska Airlines on dark backgrounds",
37
+ "wcag": "n/a",
38
+ "deprecated": false
39
+ }
40
+ },
41
+ "mvpgold75k" :{
42
+ "default": {
43
+ "value": "{color.excursion.grey.100.value}",
44
+ "public": true,
45
+ "default": true,
46
+ "usage": "MVP Gold 75k tier color for Alaska Airlines on light backgrounds",
47
+ "wcag": "n/a",
48
+ "deprecated": false
49
+ },
50
+ "inverse": {
51
+ "value": "{color.excursion.grey.100.value}",
52
+ "public": true,
53
+ "inverse": true,
54
+ "usage": "MVP Gold 75k tier color for Alaska Airlines on dark backgrounds",
55
+ "wcag": "n/a",
56
+ "deprecated": false
57
+ }
58
+ },
59
+ "mvpgold100k": {
60
+ "default": {
61
+ "value": "{color.excursion.grey.100.value}",
62
+ "public": true,
63
+ "default": true,
64
+ "usage": "MVP Gold 100k tier color for Alaska Airlines on light backgrounds",
65
+ "wcag": "n/a",
66
+ "deprecated": false
67
+ },
68
+ "inverse": {
69
+ "value": "{color.excursion.grey.100.value}",
70
+ "public": true,
71
+ "inverse": true,
72
+ "usage": "MVP Gold 100k tier color for Alaska Airlines on dark backgrounds",
73
+ "wcag": "n/a",
74
+ "deprecated": false
75
+ }
76
+ }
77
+ },
78
+ "fare": {
79
+ "business": {
80
+ "default": {
81
+ "value": "{color.excursion.grey.100.value}",
82
+ "public": true,
83
+ "default": true,
84
+ "usage": "Business class tier color for fares on light backgrounds",
85
+ "wcag": "n/a",
86
+ "deprecated": false
87
+ },
88
+ "inverse": {
89
+ "value": "{color.excursion.grey.100.value}",
90
+ "public": true,
91
+ "inverse": true,
92
+ "usage": "Business class tier color for fares on dark backgrounds",
93
+ "wcag": "n/a",
94
+ "deprecated": false
95
+ }
96
+ },
97
+ "economy": {
98
+ "default": {
99
+ "value": "{color.excursion.grey.100.value}",
100
+ "public": true,
101
+ "default": true,
102
+ "usage": "Economy class tier color for fares on light backgrounds",
103
+ "wcag": "n/a",
104
+ "deprecated": false
105
+ },
106
+ "inverse": {
107
+ "value": "{color.excursion.grey.100.value}",
108
+ "public": true,
109
+ "inverse": true,
110
+ "usage": "Economy class tier color for fares on dark backgrounds",
111
+ "wcag": "n/a",
112
+ "deprecated": false
113
+ }
114
+ },
115
+ "first-class": {
116
+ "default": {
117
+ "value": "{color.excursion.grey.100.value}",
118
+ "public": true,
119
+ "default": true,
120
+ "usage": "First class tier color for fares on light backgrounds",
121
+ "wcag": "n/a",
122
+ "deprecated": false
123
+ },
124
+ "inverse": {
125
+ "value": "{color.excursion.grey.100.value}",
126
+ "public": true,
127
+ "inverse": true,
128
+ "usage": "First class tier color for fares on dark backgrounds",
129
+ "wcag": "n/a",
130
+ "deprecated": false
131
+ }
132
+ },
133
+ "saver": {
134
+ "default": {
135
+ "value": "{color.excursion.grey.100.value}",
136
+ "public": true,
137
+ "default": true,
138
+ "usage": "Saver class tier color for fares on light backgrounds",
139
+ "wcag": "n/a",
140
+ "deprecated": false
141
+ },
142
+ "inverse": {
143
+ "value": "{color.excursion.grey.100.value}",
144
+ "public": true,
145
+ "inverse": true,
146
+ "usage": "Saver class tier color for fares on dark backgrounds",
147
+ "wcag": "n/a",
148
+ "deprecated": false
149
+ }
150
+ }
151
+ },
152
+ "oneworld": {
153
+ "emerald": {
154
+ "value": "{color.excursion.grey.100.value}",
155
+ "public": true,
156
+ "onLight": true,
157
+ "usage": "Emerald tier color for Oneworld",
158
+ "wcag": "n/a",
159
+ "deprecated": false
160
+ },
161
+ "sapphire": {
162
+ "value": "{color.excursion.grey.100.value}",
163
+ "public": true,
164
+ "onDark": true,
165
+ "usage": "Sapphire tier color for Oneworld",
166
+ "wcag": "n/a",
167
+ "deprecated": false
168
+ },
169
+ "ruby": {
170
+ "value": "{color.excursion.grey.100.value}",
171
+ "public": true,
172
+ "onDark": true,
173
+ "usage": "Ruby tier color for Oneworld",
174
+ "wcag": "n/a",
175
+ "deprecated": false
176
+ }
177
+ }
178
+ }
179
+ }
180
+ }
@@ -0,0 +1,125 @@
1
+ {
2
+ "color": {
3
+ "ui": {
4
+ "default": {
5
+ "default": {
6
+ "value": "{color.brand.atlas.400.value}",
7
+ "public": true,
8
+ "default": true,
9
+ "usage": "Default interaction color affordance",
10
+ "wcag": "AAA",
11
+ "deprecated": true,
12
+ "version": "4.5.0",
13
+ "reference": "n/a"
14
+ },
15
+ "inverse": {
16
+ "value": "{color.brand.breeze.300.value}",
17
+ "public": true,
18
+ "inverse": true,
19
+ "usage": "OnDark interaction color affordance",
20
+ "wcag": "AAA",
21
+ "deprecated": true,
22
+ "version": "4.5.0",
23
+ "reference": "n/a"
24
+ }
25
+ },
26
+ "hover": {
27
+ "default": {
28
+ "value": "{color.brand.atlas.500.value}",
29
+ "public": true,
30
+ "default": true,
31
+ "usage": "Default hover color affordance",
32
+ "wcag": "AAA",
33
+ "deprecated": true,
34
+ "version": "4.5.0",
35
+ "reference": "n/a"
36
+ },
37
+ "inverse": {
38
+ "value": "{color.brand.breeze.200.value}",
39
+ "public": true,
40
+ "inverse": true,
41
+ "usage": "Hover interaction color on dark backgrounds",
42
+ "wcag": "AAA",
43
+ "deprecated": true,
44
+ "version": "4.5.0",
45
+ "reference": "n/a"
46
+ }
47
+ },
48
+ "active": {
49
+ "default": {
50
+ "value": "{color.brand.atlas.500.value}",
51
+ "public": true,
52
+ "default": true,
53
+ "usage": "Active state color affordance",
54
+ "wcag": "AAA",
55
+ "deprecated": true,
56
+ "version": "4.5.0",
57
+ "reference": "n/a"
58
+ },
59
+ "inverse": {
60
+ "value": "{color.brand.breeze.200.value}",
61
+ "public": true,
62
+ "inverse": true,
63
+ "usage": "Active state color affordance on dark backgrounds",
64
+ "deprecated": true,
65
+ "version": "4.5.0",
66
+ "reference": "n/a"
67
+ }
68
+ },
69
+ "disabled": {
70
+ "default": {
71
+ "value": "{color.brand.atlas.400-opacity-20.value}",
72
+ "public": true,
73
+ "default": true,
74
+ "usage": "Disabled state color affordance",
75
+ "wcag": "n/a",
76
+ "deprecated": true,
77
+ "version": "4.5.0",
78
+ "reference": "n/a"
79
+ }
80
+ },
81
+ "bkg": {
82
+ "default": {
83
+ "default": {
84
+ "value": "00000008",
85
+ "public": true,
86
+ "default": true,
87
+ "usage": "Default affordance for background colors",
88
+ "deprecated": true,
89
+ "version": "4.5.0",
90
+ "reference": "n/a"
91
+ },
92
+ "inverse": {
93
+ "value": "ffffff08",
94
+ "public": true,
95
+ "inverse": true,
96
+ "usage": "Default affordance for dark background colors",
97
+ "deprecated": true,
98
+ "version": "4.5.0",
99
+ "reference": "n/a"
100
+ }
101
+ },
102
+ "hover": {
103
+ "default": {
104
+ "value": "0000000f",
105
+ "public": true,
106
+ "default": true,
107
+ "usage": "Default hover affordance for background colors",
108
+ "deprecated": true,
109
+ "version": "4.5.0",
110
+ "reference": "n/a"
111
+ },
112
+ "inverse": {
113
+ "value": "ffffff0f",
114
+ "public": true,
115
+ "inverse": true,
116
+ "usage": "Default hover affordance for dark background colors",
117
+ "deprecated": true,
118
+ "version": "4.5.0",
119
+ "reference": "n/a"
120
+ }
121
+ }
122
+ }
123
+ }
124
+ }
125
+ }
@@ -0,0 +1,34 @@
1
+ {
2
+ "comments": {
3
+ "deprecated": {
4
+ "comment": "\n // Deprecated, no replacement; token to be REMOVED in next MAJOR release"
5
+ },
6
+ "reference": {
7
+ "comment": "\n // New token, see"
8
+ },
9
+ "color": {
10
+ "deprecated": {
11
+ "comment": "{comments.deprecated.comment}"
12
+ },
13
+ "base": {
14
+ "value": {
15
+ "comment": "\n // Base value for token support; should not use in code!"
16
+ }
17
+ },
18
+ "brand": {
19
+ "value": {
20
+ "comment": "\n // Please consider descriptive token prior to using brand token"
21
+ }
22
+ },
23
+ "classic": {
24
+ "comment": "\n // DO NOT USE for anything other than legacy projects or classic component themes"
25
+ },
26
+ "matrix": {
27
+ "comment": "\n // DO NOT USE for anything other than legacy projects related to the matrix search"
28
+ },
29
+ "reference": {
30
+ "comment": "{comments.reference.comment}"
31
+ }
32
+ }
33
+ }
34
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "depth": {
3
+ "hidden": {
4
+ "value": "-1"
5
+ },
6
+ "overlay": {
7
+ "value": "200",
8
+ "public": true,
9
+ "deprecated": false
10
+ },
11
+ "modal": {
12
+ "value": "400",
13
+ "public": true,
14
+ "deprecated": false
15
+ },
16
+ "tooltip": {
17
+ "value": "300",
18
+ "public": true,
19
+ "deprecated": false
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,22 @@
1
+ {
2
+ "elevation": {
3
+ "100": {
4
+ "value": "0px 0px 5px rgba(0, 0, 0, 0.15)",
5
+ "public": true,
6
+ "comment": "for the least amount of emphasis",
7
+ "deprecated": false
8
+ },
9
+ "200": {
10
+ "value": "0px 0px 10px rgba(0, 0, 0, 0.15)",
11
+ "public": true,
12
+ "comment": "for more emphasis than low elevation",
13
+ "deprecated": false
14
+ },
15
+ "300": {
16
+ "value": "0px 0px 15px rgba(0, 0, 0, 0.2)",
17
+ "public": true,
18
+ "comment": "for maximum emphasis or differentiation",
19
+ "deprecated": false
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,29 @@
1
+ {
2
+ "gridBreakpoint": {
3
+ "xs": {
4
+ "value": "320px",
5
+ "public": true,
6
+ "deprecated": false
7
+ },
8
+ "sm": {
9
+ "value": "576px",
10
+ "public": true,
11
+ "deprecated": false
12
+ },
13
+ "md": {
14
+ "value": "768px",
15
+ "public": true,
16
+ "deprecated": false
17
+ },
18
+ "lg": {
19
+ "value": "1024px",
20
+ "public": true,
21
+ "deprecated": false
22
+ },
23
+ "xl": {
24
+ "value": "1232px",
25
+ "public": true,
26
+ "deprecated": false
27
+ }
28
+ }
29
+ }