@microsoft/atlas-css 3.59.0 → 3.61.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 (17) hide show
  1. package/dist/class-names.json +1 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.css.map +1 -1
  4. package/dist/tokens.json +1 -1
  5. package/dist/tokens.ts +34 -0
  6. package/package.json +1 -1
  7. package/src/components/accordion.scss +5 -0
  8. package/src/components/button.scss +1 -1
  9. package/src/components/form/input.scss +1 -8
  10. package/src/components/form/select.scss +1 -1
  11. package/src/components/form/textarea.scss +14 -1
  12. package/src/components/message.scss +13 -3
  13. package/src/components/pagination.scss +4 -5
  14. package/src/components/tag.scss +11 -5
  15. package/src/tokens/colors.scss +39 -8
  16. package/src/tokens/palette.scss +216 -65
  17. package/src/tokens/themes.scss +194 -152
package/src/tokens/themes.scss CHANGED
@@ -3,10 +3,10 @@
3
3
  */
4
4
  $themes: (
5
5
  'light': (
6
- 'text': $palette-grey-130,
7
- 'text-subtle': $palette-grey-90,
6
+ 'text': $palette-grey-130-deprecated,
7
+ 'text-subtle': $palette-grey-90-deprecated,
8
8
  'text-invert': $palette-white,
9
- 'text-glow-high-contrast': $palette-grey-120,
9
+ 'text-glow-high-contrast': $palette-grey-120-deprecated,
10
10
  'box-shadow-light': $palette-black-opacity-108,
11
11
  'box-shadow-medium': $palette-black-opacity-132,
12
12
  'box-shadow-heavy': $palette-black-opacity-18,
@@ -15,202 +15,230 @@ $themes: (
15
15
  'overlay-invert': $palette-white,
16
16
  'body-background': $palette-white,
17
17
  'body-background-accent': $palette-yellow-sand,
18
- 'body-background-medium': $palette-grey-20,
19
- 'alternate-background': $palette-grey-120,
20
- 'alternate-background-medium': $palette-grey-110,
18
+ 'body-background-medium': $palette-grey-20-deprecated,
19
+ 'alternate-background': $palette-grey-120-deprecated,
20
+ 'alternate-background-medium': $palette-grey-110-deprecated,
21
21
  'card-background': $palette-white,
22
- 'border': $palette-grey-30,
22
+ 'border': $palette-grey-40,
23
23
  'border-accent': $palette-yellow-sand,
24
24
  'border-white-high-contrast': $palette-white-opacity-0,
25
25
  'border-yellow-high-contrast': $palette-black-opacity-0,
26
- 'table-header': $palette-grey-30,
26
+ 'table-header': $palette-grey-40,
27
27
  'table-row': $palette-grey-20,
28
28
  'table-row-header': $palette-grey-10,
29
- 'table-border-dark': $palette-grey-40,
30
- 'hover-base': $palette-grey-110,
29
+ 'table-border-dark': $palette-grey-70,
30
+ 'hover-base': $palette-grey-80,
31
31
  'hover-invert': $palette-grey-10,
32
- 'code-header': $palette-grey-30,
32
+ 'code-header': $palette-grey-40,
33
33
  'code-block': $palette-grey-20,
34
- 'control-border': $palette-grey-80,
35
- 'control-border-bottom': $palette-grey-90,
36
- 'inline-code': $palette-grey-30,
37
- 'code-highlight-background': $palette-yellow-10,
34
+ 'control-border': $palette-grey-70,
35
+ 'control-border-bottom': $palette-grey-170,
36
+ 'inline-code': $palette-grey-40,
37
+ 'code-highlight-background': $palette-yellow-50,
38
38
  'visited': $palette-purple-70,
39
39
  'score-low-off': $palette-red-opacity-30,
40
- 'score-low': $palette-red-50,
40
+ 'score-low': $palette-red-120,
41
41
  'score-medium-off': $palette-yellow-opacity-30,
42
- 'score-medium': $palette-yellow-50,
42
+ 'score-medium': $palette-yellow-50-deprecated,
43
43
  'score-high-off': $palette-green-opacity-30,
44
- 'score-high': $palette-green-50,
45
- 'hyperlink': $palette-blue-60,
46
- 'primary-base': $palette-blue-50,
44
+ 'score-high': $palette-green-170,
45
+ 'hyperlink': $palette-blue-60-deprecated,
46
+ 'primary-base': $palette-blue-110,
47
47
  'primary-background': $palette-blue-10,
48
+ 'primary-background-hover': $palette-blue-20,
48
49
  'primary-background-glow-high-contrast': $palette-blue-10,
49
- 'primary-dark': $palette-blue-80,
50
- 'primary-hover': $palette-blue-60,
51
- 'primary-active': $palette-blue-70,
50
+ 'primary-dark': $palette-blue-120,
51
+ 'primary-dark-hover': $palette-blue-120,
52
+ 'primary-hover': $palette-blue-120,
53
+ 'primary-active': $palette-blue-170,
52
54
  'primary-box-shadow': $palette-blue-opacity-30,
53
55
  'primary-invert': $palette-white,
54
- 'secondary-base': $palette-grey-60,
55
- 'secondary-background': $palette-grey-30,
56
- 'secondary-background-glow-high-contrast': $palette-grey-30,
57
- 'secondary-dark': $palette-grey-110,
58
- 'secondary-hover': $palette-grey-40,
59
- 'secondary-active': $palette-grey-40,
56
+ 'secondary-base': $palette-grey-30,
57
+ 'secondary-background': $palette-grey-10,
58
+ 'secondary-background-hover': $palette-grey-30,
59
+ 'secondary-background-glow-high-contrast': $palette-grey-10,
60
+ 'secondary-dark': $palette-grey-210,
61
+ 'secondary-dark-hover': $palette-grey-60,
62
+ 'secondary-hover': $palette-grey-80,
63
+ 'secondary-active': $palette-grey-100,
60
64
  'secondary-box-shadow': $palette-black-opacity-30,
61
65
  'secondary-invert': $palette-black,
62
66
  'tertiary-base': $palette-navy-70,
63
67
  'tertiary-background': $palette-navy-90,
68
+ 'tertiary-background-hover': $palette-navy-60,
64
69
  'tertiary-background-glow-high-contrast': $palette-navy-90,
65
70
  'tertiary-dark': $palette-navy-30,
71
+ 'tertiary-dark-hover': $palette-navy-50,
66
72
  'tertiary-hover': $palette-navy-80,
67
73
  'tertiary-active': $palette-navy-50,
68
74
  'tertiary-box-shadow': $palette-navy-opacity-30,
69
75
  'tertiary-invert': $palette-white,
70
- 'success-base': $palette-green-60,
76
+ 'success-base': $palette-green-180,
71
77
  'success-background': $palette-green-10,
78
+ 'success-background-hover': $palette-green-50,
72
79
  'success-background-glow-high-contrast': $palette-green-10,
73
- 'success-dark': $palette-green-80,
74
- 'success-hover': $palette-green-70,
75
- 'success-active': $palette-green-80,
80
+ 'success-dark': $palette-green-200,
81
+ 'success-dark-hover': $palette-green-130,
82
+ 'success-hover': $palette-green-210,
83
+ 'success-active': $palette-green-50,
76
84
  'success-box-shadow': $palette-green-opacity-30,
77
85
  'success-invert': $palette-white,
78
86
  'info-base': $palette-purple-60,
79
87
  'info-background': $palette-purple-10,
88
+ 'info-background-hover': $palette-purple-30,
80
89
  'info-background-glow-high-contrast': $palette-purple-10,
81
90
  'info-dark': $palette-purple-80,
91
+ 'info-dark-hover': $palette-purple-60,
82
92
  'info-hover': $palette-purple-60,
83
93
  'info-active': $palette-purple-70,
84
94
  'info-box-shadow': $palette-purple-opacity-30,
85
95
  'info-invert': $palette-white,
86
- 'warning-base': $palette-yellow-50,
87
- 'warning-background': $palette-yellow-10,
88
- 'warning-background-glow-high-contrast': $palette-yellow-10,
89
- 'warning-dark': $palette-yellow-80,
90
- 'warning-hover': $palette-yellow-60,
91
- 'warning-active': $palette-yellow-70,
92
- 'warning-box-shadow': $palette-yellow-opacity-30,
96
+ 'warning-base': $palette-orange-120,
97
+ 'warning-background': $palette-orange-10,
98
+ 'warning-background-hover': $palette-orange-40,
99
+ 'warning-background-glow-high-contrast': $palette-orange-10,
100
+ 'warning-dark': $palette-orange-180,
101
+ 'warning-dark-hover': $palette-orange-150,
102
+ 'warning-hover': $palette-orange-130,
103
+ 'warning-active': $palette-orange-160,
104
+ 'warning-box-shadow': $palette-orange-opacity-30,
93
105
  'warning-invert': $palette-black,
94
- 'danger-base': $palette-red-60,
106
+ 'danger-base': $palette-red-110,
95
107
  'danger-background': $palette-red-10,
108
+ 'danger-background-hover': $palette-red-40,
96
109
  'danger-background-glow-high-contrast': $palette-red-10,
97
- 'danger-dark': $palette-red-90,
98
- 'danger-hover': $palette-red-70,
99
- 'danger-active': $palette-red-80,
110
+ 'danger-dark': $palette-red-140,
111
+ 'danger-dark-hover': $palette-red-150,
112
+ 'danger-hover': $palette-red-140,
113
+ 'danger-active': $palette-red-110,
100
114
  'danger-box-shadow': $palette-red-opacity-30,
101
115
  'danger-invert': $palette-white,
102
- 'facepile-red': $palette-red-60,
103
- 'facepile-teal': $palette-turqoise-60,
104
- 'facepile-blue': $palette-blue-50,
116
+ 'facepile-red': $palette-red-140,
117
+ 'facepile-teal': $palette-turqoise-20,
118
+ 'facepile-blue': $palette-blue-100,
105
119
  'gradient-text-purple': $palette-purple-b,
106
- 'gradient-text-blue': $palette-blue-70,
120
+ 'gradient-text-blue': $palette-blue-130,
107
121
  'gradient-vivid-start': $palette-purple-c,
108
- 'gradient-vivid-end': $palette-blue-50
122
+ 'gradient-vivid-end': $palette-blue-100
109
123
  ),
110
124
  'dark': (
111
- 'text': $palette-grey-30,
112
- 'text-subtle': $palette-grey-40,
113
- 'text-invert': $palette-grey-110,
114
- 'text-glow-high-contrast': $palette-grey-30,
125
+ 'text': $palette-grey-30-deprecated,
126
+ 'text-subtle': $palette-grey-40-deprecated,
127
+ 'text-invert': $palette-grey-110-deprecated,
128
+ 'text-glow-high-contrast': $palette-grey-30-deprecated,
115
129
  'box-shadow-light': $palette-black-opacity-108,
116
130
  'box-shadow-medium': $palette-black-opacity-132,
117
131
  'box-shadow-heavy': $palette-black-opacity-18,
118
132
  'box-shadow-extra-heavy': $palette-black-opacity-22,
119
133
  'overlay': $palette-black-opacity-70,
120
134
  'overlay-invert': $palette-white,
121
- 'body-background': $palette-grey-120,
135
+ 'body-background': $palette-grey-120-deprecated,
122
136
  'body-background-accent': $palette-blue-black,
123
- 'body-background-medium': $palette-grey-110,
124
- 'alternate-background': $palette-grey-20,
125
- 'alternate-background-medium': $palette-grey-10,
126
- 'border': $palette-grey-100,
127
- 'border-accent': $palette-grey-90,
137
+ 'body-background-medium': $palette-grey-110-deprecated,
138
+ 'alternate-background': $palette-grey-20-deprecated,
139
+ 'alternate-background-medium': $palette-grey-10-deprecated,
140
+ 'border': $palette-grey-100-deprecated,
141
+ 'border-accent': $palette-grey-90-deprecated,
128
142
  'border-white-high-contrast': $palette-white-opacity-0,
129
143
  'border-yellow-high-contrast': $palette-black-opacity-0,
130
144
  'card-background': $palette-blue-black,
131
- 'table-header': $palette-grey-100,
132
- 'table-row': $palette-grey-110,
133
- 'table-row-header': $palette-grey-110,
134
- 'table-border-dark': $palette-grey-90,
135
- 'hover-base': $palette-grey-40,
136
- 'hover-invert': $palette-grey-110,
137
- 'code-header': $palette-grey-100,
138
- 'code-block': $palette-grey-110,
139
- 'control-border': $palette-grey-40,
140
- 'control-border-bottom': $palette-grey-30,
141
- 'inline-code': $palette-grey-100,
142
- 'code-highlight-background': $palette-green-70,
145
+ 'table-header': $palette-grey-100-deprecated,
146
+ 'table-row': $palette-grey-110-deprecated,
147
+ 'table-row-header': $palette-grey-110-deprecated,
148
+ 'table-border-dark': $palette-grey-90-deprecated,
149
+ 'hover-base': $palette-grey-40-deprecated,
150
+ 'hover-invert': $palette-grey-110-deprecated,
151
+ 'code-header': $palette-grey-100-deprecated,
152
+ 'code-block': $palette-grey-110-deprecated,
153
+ 'control-border': $palette-grey-40-deprecated,
154
+ 'control-border-bottom': $palette-grey-30-deprecated,
155
+ 'inline-code': $palette-grey-100-deprecated,
156
+ 'code-highlight-background': $palette-green-220,
143
157
  'visited': $palette-purple-40,
144
158
  'score-low-off': $palette-red-opacity-70,
145
- 'score-low': $palette-red-50,
159
+ 'score-low': $palette-red-50-deprecated,
146
160
  'score-medium-off': $palette-yellow-opacity-30,
147
- 'score-medium': $palette-yellow-40,
161
+ 'score-medium': $palette-yellow-40-deprecated,
148
162
  'score-high-off': $palette-green-opacity-70,
149
- 'score-high': $palette-green-40,
150
- 'hyperlink': $palette-blue-30,
151
- 'primary-base': $palette-blue-30,
152
- 'primary-background': $palette-blue-80,
153
- 'primary-background-glow-high-contrast': $palette-blue-80,
154
- 'primary-dark': $palette-blue-20,
155
- 'primary-hover': $palette-blue-40,
156
- 'primary-active': $palette-blue-50,
163
+ 'score-high': $palette-green-40-deprecated,
164
+ 'hyperlink': $palette-blue-30-deprecated,
165
+ 'primary-base': $palette-blue-30-deprecated,
166
+ 'primary-background': $palette-blue-80-deprecated,
167
+ 'primary-background-hover': $palette-blue-200,
168
+ 'primary-background-glow-high-contrast': $palette-blue-80-deprecated,
169
+ 'primary-dark': $palette-blue-20-deprecated,
170
+ 'primary-dark-hover': $palette-blue-20-deprecated,
171
+ 'primary-hover': $palette-blue-40-deprecated,
172
+ 'primary-active': $palette-blue-90,
157
173
  'primary-box-shadow': $palette-blue-opacity-30,
158
174
  'primary-invert': $palette-black,
159
- 'secondary-base': $palette-grey-80,
160
- 'secondary-background': $palette-grey-100,
161
- 'secondary-background-glow-high-contrast': $palette-grey-100,
162
- 'secondary-dark': $palette-grey-30,
163
- 'secondary-hover': $palette-grey-70,
164
- 'secondary-active': $palette-grey-60,
175
+ 'secondary-base': $palette-grey-80-deprecated,
176
+ 'secondary-background': $palette-grey-100-deprecated,
177
+ 'secondary-background-hover': $palette-grey-250,
178
+ 'secondary-background-glow-high-contrast': $palette-grey-100-deprecated,
179
+ 'secondary-dark': $palette-grey-30-deprecated,
180
+ 'secondary-dark-hover': $palette-grey-70-deprecated,
181
+ 'secondary-hover': $palette-grey-70-deprecated,
182
+ 'secondary-active': $palette-grey-60-deprecated,
165
183
  'secondary-box-shadow': $palette-black-opacity-70,
166
184
  'secondary-invert': $palette-white,
167
- 'tertiary-base': $palette-grey-100,
168
- 'tertiary-background': $palette-grey-120,
169
- 'tertiary-background-glow-high-contrast': $palette-grey-120,
170
- 'tertiary-dark': $palette-grey-30,
171
- 'tertiary-hover': $palette-grey-90,
172
- 'tertiary-active': $palette-grey-80,
185
+ 'tertiary-base': $palette-grey-100-deprecated,
186
+ 'tertiary-background': $palette-grey-120-deprecated,
187
+ 'tertiary-background-hover': $palette-grey-90-deprecated,
188
+ 'tertiary-background-glow-high-contrast': $palette-grey-120-deprecated,
189
+ 'tertiary-dark': $palette-grey-30-deprecated,
190
+ 'tertiary-dark-hover': $palette-grey-70-deprecated,
191
+ 'tertiary-hover': $palette-grey-90-deprecated,
192
+ 'tertiary-active': $palette-grey-80-deprecated,
173
193
  'tertiary-box-shadow': $palette-blue-opacity-30,
174
194
  'tertiary-invert': $palette-white,
175
- 'success-base': $palette-green-30,
176
- 'success-background': $palette-green-80,
177
- 'success-background-glow-high-contrast': $palette-green-80,
178
- 'success-dark': $palette-green-10,
179
- 'success-hover': $palette-green-40,
180
- 'success-active': $palette-green-30,
195
+ 'success-base': $palette-green-30-deprecated,
196
+ 'success-background': $palette-green-80-deprecated,
197
+ 'success-background-hover': $palette-green-60-deprecated,
198
+ 'success-background-glow-high-contrast': $palette-green-80-deprecated,
199
+ 'success-dark': $palette-green-10-deprecated,
200
+ 'success-dark-hover': $palette-green-30-deprecated,
201
+ 'success-hover': $palette-green-40-deprecated,
202
+ 'success-active': $palette-green-30-deprecated,
181
203
  'success-box-shadow': $palette-green-opacity-70,
182
204
  'success-invert': $palette-black,
183
205
  'info-base': $palette-purple-50,
184
206
  'info-background': $palette-purple-80,
207
+ 'info-background-hover': $palette-purple-60,
185
208
  'info-background-glow-high-contrast': $palette-purple-80,
186
209
  'info-dark': $palette-purple-10,
210
+ 'info-dark-hover': $palette-purple-30,
187
211
  'info-hover': $palette-purple-40,
188
212
  'info-active': $palette-purple-30,
189
213
  'info-box-shadow': $palette-purple-opacity-70,
190
214
  'info-invert': $palette-black,
191
- 'warning-base': $palette-yellow-50,
192
- 'warning-background': $palette-yellow-80,
193
- 'warning-background-glow-high-contrast': $palette-yellow-80,
194
- 'warning-dark': $palette-yellow-10,
195
- 'warning-hover': $palette-yellow-40,
196
- 'warning-active': $palette-yellow-30,
197
- 'warning-box-shadow': $palette-yellow-opacity-70,
215
+ 'warning-base': $palette-orange-120,
216
+ 'warning-background': $palette-orange-210,
217
+ 'warning-background-hover': $palette-orange-200,
218
+ 'warning-background-glow-high-contrast': $palette-orange-200,
219
+ 'warning-dark': $palette-orange-40,
220
+ 'warning-dark-hover': $palette-orange-110,
221
+ 'warning-hover': $palette-orange-90,
222
+ 'warning-active': $palette-orange-40,
223
+ 'warning-box-shadow': $palette-orange-opacity-70,
198
224
  'warning-invert': $palette-black,
199
- 'danger-base': $palette-red-20,
200
- 'danger-background': $palette-red-80,
201
- 'danger-background-glow-high-contrast': $palette-red-80,
202
- 'danger-dark': $palette-red-10,
203
- 'danger-hover': $palette-red-40,
204
- 'danger-active': $palette-red-30,
225
+ 'danger-base': $palette-red-20-deprecated,
226
+ 'danger-background': $palette-red-80-deprecated,
227
+ 'danger-background-hover': $palette-red-50-deprecated,
228
+ 'danger-background-glow-high-contrast': $palette-red-80-deprecated,
229
+ 'danger-dark': $palette-red-10-deprecated,
230
+ 'danger-dark-hover': $palette-red-30-deprecated,
231
+ 'danger-hover': $palette-red-40-deprecated,
232
+ 'danger-active': $palette-red-30-deprecated,
205
233
  'danger-box-shadow': $palette-red-opacity-70,
206
234
  'danger-invert': $palette-black,
207
- 'facepile-red': $palette-red-40,
208
- 'facepile-teal': $palette-turqoise-40,
209
- 'facepile-blue': $palette-blue-40,
235
+ 'facepile-red': $palette-red-40-deprecated,
236
+ 'facepile-teal': $palette-turqoise-40-deprecated,
237
+ 'facepile-blue': $palette-blue-40-deprecated,
210
238
  'gradient-text-purple': $palette-purple-a,
211
239
  'gradient-text-blue': $palette-blue-a,
212
240
  'gradient-vivid-start': $palette-purple-c,
213
- 'gradient-vivid-end': $palette-blue-30
241
+ 'gradient-vivid-end': $palette-blue-30-deprecated
214
242
  ),
215
243
  'high-contrast': (
216
244
  'text': $palette-white,
@@ -221,7 +249,7 @@ $themes: (
221
249
  'box-shadow-medium': $palette-black-opacity-132,
222
250
  'box-shadow-heavy': $palette-black-opacity-18,
223
251
  'box-shadow-extra-heavy': $palette-black-opacity-22,
224
- 'overlay': $palette-grey-100,
252
+ 'overlay': $palette-grey-100-deprecated,
225
253
  'overlay-invert': $palette-white,
226
254
  'body-background': $palette-black,
227
255
  'body-background-accent': $palette-black,
@@ -233,9 +261,9 @@ $themes: (
233
261
  'border-white-high-contrast': $palette-white,
234
262
  'border-yellow-high-contrast': $palette-yellow-high-contrast,
235
263
  'card-background': $palette-black,
236
- 'table-header': $palette-grey-90,
264
+ 'table-header': $palette-grey-90-deprecated,
237
265
  'table-row': $palette-black,
238
- 'table-row-header': $palette-grey-120,
266
+ 'table-row-header': $palette-grey-120-deprecated,
239
267
  'table-border-dark': $palette-white,
240
268
  'hover-base': $palette-yellow-high-contrast,
241
269
  'hover-invert': $palette-black,
@@ -243,75 +271,89 @@ $themes: (
243
271
  'code-block': $palette-black,
244
272
  'control-border': $palette-white,
245
273
  'control-border-bottom': $palette-white,
246
- 'inline-code': $palette-grey-110,
247
- 'code-highlight-background': $palette-green-70,
274
+ 'inline-code': $palette-grey-110-deprecated,
275
+ 'code-highlight-background': $palette-green-70-deprecated,
248
276
  'visited': $palette-visited-high-contrast,
249
- 'score-low-off': $palette-red-60,
250
- 'score-low': $palette-red-10,
277
+ 'score-low-off': $palette-red-60-deprecated,
278
+ 'score-low': $palette-red-10-deprecated,
251
279
  'score-medium-off': $palette-yellow-opacity-70,
252
- 'score-medium': $palette-yellow-20,
253
- 'score-high-off': $palette-green-60,
254
- 'score-high': $palette-green-10,
280
+ 'score-medium': $palette-yellow-20-deprecated,
281
+ 'score-high-off': $palette-green-60-deprecated,
282
+ 'score-high': $palette-green-10-deprecated,
255
283
  'hyperlink': $palette-yellow-high-contrast,
256
284
  'primary-base': $palette-yellow-high-contrast,
257
285
  'primary-background': $palette-black,
286
+ 'primary-background-hover': $palette-yellow-high-contrast-hover,
258
287
  'primary-background-glow-high-contrast': $palette-yellow-high-contrast,
259
288
  'primary-dark': $palette-yellow-high-contrast,
289
+ 'primary-dark-hover': $palette-black,
260
290
  'primary-hover': $palette-yellow-high-contrast-hover,
261
291
  'primary-active': $palette-yellow-high-contrast-hover,
262
292
  'primary-box-shadow': $palette-white,
263
293
  'primary-invert': $palette-black,
264
- 'secondary-base': $palette-grey-30,
294
+ 'secondary-base': $palette-grey-40,
265
295
  'secondary-background': $palette-black,
266
- 'secondary-background-glow-high-contrast': $palette-grey-90,
267
- 'secondary-dark': $palette-grey-30,
268
- 'secondary-hover': $palette-grey-40,
269
- 'secondary-active': $palette-grey-40,
270
- 'secondary-box-shadow': $palette-grey-30,
296
+ 'secondary-background-hover': $palette-yellow-high-contrast-hover,
297
+ 'secondary-background-glow-high-contrast': $palette-grey-90-deprecated,
298
+ 'secondary-dark': $palette-grey-30-deprecated,
299
+ 'secondary-dark-hover': $palette-black,
300
+ 'secondary-hover': $palette-grey-40-deprecated,
301
+ 'secondary-active': $palette-grey-40-deprecated,
302
+ 'secondary-box-shadow': $palette-grey-30-deprecated,
271
303
  'secondary-invert': $palette-black,
272
304
  'tertiary-base': $palette-white,
273
305
  'tertiary-background': $palette-black,
306
+ 'tertiary-background-hover': $palette-grey-90,
274
307
  'tertiary-background-glow-high-contrast': $palette-white,
275
308
  'tertiary-dark': $palette-white,
276
- 'tertiary-hover': $palette-grey-30,
277
- 'tertiary-active': $palette-grey-30,
309
+ 'tertiary-dark-hover': $palette-grey-30-deprecated,
310
+ 'tertiary-hover': $palette-grey-30-deprecated,
311
+ 'tertiary-active': $palette-grey-30-deprecated,
278
312
  'tertiary-box-shadow': $palette-white,
279
313
  'tertiary-invert': $palette-black,
280
- 'success-base': $palette-green-30,
314
+ 'success-base': $palette-green-30-deprecated,
281
315
  'success-background': $palette-black,
282
- 'success-background-glow-high-contrast': $palette-green-30,
283
- 'success-dark': $palette-green-20,
284
- 'success-hover': $palette-green-20,
285
- 'success-active': $palette-green-20,
316
+ 'success-background-hover': $palette-green-20-deprecated,
317
+ 'success-background-glow-high-contrast': $palette-green-30-deprecated,
318
+ 'success-dark': $palette-green-20-deprecated,
319
+ 'success-dark-hover': $palette-green-30-deprecated,
320
+ 'success-hover': $palette-green-20-deprecated,
321
+ 'success-active': $palette-green-20-deprecated,
286
322
  'success-box-shadow': $palette-white,
287
323
  'success-invert': $palette-black,
288
324
  'info-base': $palette-purple-20,
289
325
  'info-background': $palette-black,
326
+ 'info-background-hover': $palette-purple-20,
290
327
  'info-background-glow-high-contrast': $palette-purple-20,
291
328
  'info-dark': $palette-purple-10,
329
+ 'info-dark-hover': $palette-purple-30,
292
330
  'info-hover': $palette-purple-10,
293
331
  'info-active': $palette-purple-10,
294
332
  'info-box-shadow': $palette-white,
295
333
  'info-invert': $palette-black,
296
- 'warning-base': $palette-yellow-20,
334
+ 'warning-base': $palette-orange-70,
297
335
  'warning-background': $palette-black,
298
- 'warning-background-glow-high-contrast': $palette-yellow-20,
299
- 'warning-dark': $palette-yellow-10,
300
- 'warning-hover': $palette-yellow-10,
301
- 'warning-active': $palette-yellow-10,
336
+ 'warning-background-hover': $palette-orange-20,
337
+ 'warning-background-glow-high-contrast': $palette-orange-30,
338
+ 'warning-dark': $palette-orange-70,
339
+ 'warning-dark-hover': $palette-orange-40,
340
+ 'warning-hover': $palette-orange-50,
341
+ 'warning-active': $palette-orange-10,
302
342
  'warning-box-shadow': $palette-white,
303
343
  'warning-invert': $palette-black,
304
- 'danger-base': $palette-red-20,
344
+ 'danger-base': $palette-red-20-deprecated,
305
345
  'danger-background': $palette-black,
306
- 'danger-background-glow-high-contrast': $palette-red-20,
307
- 'danger-dark': $palette-red-10,
308
- 'danger-hover': $palette-red-10,
309
- 'danger-active': $palette-red-10,
346
+ 'danger-background-hover': $palette-red-20-deprecated,
347
+ 'danger-background-glow-high-contrast': $palette-red-20-deprecated,
348
+ 'danger-dark': $palette-red-10-deprecated,
349
+ 'danger-dark-hover': $palette-red-30-deprecated,
350
+ 'danger-hover': $palette-red-10-deprecated,
351
+ 'danger-active': $palette-red-10-deprecated,
310
352
  'danger-box-shadow': $palette-white,
311
353
  'danger-invert': $palette-black,
312
- 'facepile-red': $palette-red-30,
313
- 'facepile-teal': $palette-turqoise-30,
314
- 'facepile-blue': $palette-blue-30,
354
+ 'facepile-red': $palette-red-30-deprecated,
355
+ 'facepile-teal': $palette-turqoise-30-deprecated,
356
+ 'facepile-blue': $palette-blue-30-deprecated,
315
357
  'gradient-text-purple': $white-static,
316
358
  'gradient-text-blue': $white-static,
317
359
  'gradient-vivid-start': $white-static,