@microsoft/atlas-css 3.43.0 → 3.44.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 (110) hide show
  1. package/README.md +42 -42
  2. package/dist/class-names.json +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/package.json +91 -91
  6. package/src/atomics/README.md +56 -56
  7. package/src/atomics/aspect-ratio.scss +13 -13
  8. package/src/atomics/background.scss +11 -11
  9. package/src/atomics/border.scss +113 -113
  10. package/src/atomics/colors.scss +204 -204
  11. package/src/atomics/display.scss +33 -33
  12. package/src/atomics/flex.scss +74 -71
  13. package/src/atomics/gap.scss +60 -60
  14. package/src/atomics/image.scss +15 -15
  15. package/src/atomics/index.scss +18 -18
  16. package/src/atomics/line-clamp.scss +15 -15
  17. package/src/atomics/list.scss +3 -3
  18. package/src/atomics/overflow.scss +9 -9
  19. package/src/atomics/position.scss +19 -19
  20. package/src/atomics/shadow.scss +19 -19
  21. package/src/atomics/spacing-auto.scss +52 -52
  22. package/src/atomics/spacing.scss +98 -98
  23. package/src/atomics/typography.scss +203 -203
  24. package/src/atomics/visually-hidden.scss +4 -4
  25. package/src/atomics/width.scss +44 -44
  26. package/src/components/README.md +69 -69
  27. package/src/components/banner.scss +69 -69
  28. package/src/components/breadcrumbs.scss +37 -37
  29. package/src/components/button-reset.scss +8 -8
  30. package/src/components/button.scss +241 -241
  31. package/src/components/buttons.scss +93 -93
  32. package/src/components/card.scss +252 -252
  33. package/src/components/form/checkbox.scss +141 -141
  34. package/src/components/form/form.scss +67 -67
  35. package/src/components/form/help.scss +18 -18
  36. package/src/components/form/index.scss +8 -8
  37. package/src/components/form/input.scss +143 -143
  38. package/src/components/form/label.scss +14 -14
  39. package/src/components/form/radio.scss +121 -121
  40. package/src/components/form/select.scss +116 -116
  41. package/src/components/form/textarea.scss +82 -82
  42. package/src/components/gradient-card.scss +14 -14
  43. package/src/components/gradient.scss +85 -85
  44. package/src/components/hero.scss +197 -197
  45. package/src/components/icon.scss +20 -20
  46. package/src/components/image.scss +44 -44
  47. package/src/components/index.scss +27 -27
  48. package/src/components/layout.scss +189 -189
  49. package/src/components/link-button.scss +34 -34
  50. package/src/components/markdown.scss +158 -158
  51. package/src/components/media.scss +22 -22
  52. package/src/components/message.scss +74 -74
  53. package/src/components/notification.scss +101 -101
  54. package/src/components/pagination.scss +183 -183
  55. package/src/components/persona.scss +60 -60
  56. package/src/components/popover.scss +42 -42
  57. package/src/components/scroll.scss +26 -26
  58. package/src/components/segmented-control.scss +128 -128
  59. package/src/components/site-header.scss +255 -255
  60. package/src/components/stretched-link.scss +8 -8
  61. package/src/components/table.scss +114 -114
  62. package/src/components/toggle.scss +86 -86
  63. package/src/core/animations.scss +55 -55
  64. package/src/core/bare-elements.scss +38 -38
  65. package/src/core/focus.scss +45 -45
  66. package/src/core/font-stack.scss +28 -28
  67. package/src/core/index.scss +7 -7
  68. package/src/core/minireset.scss +79 -79
  69. package/src/core/normalize.scss +353 -353
  70. package/src/core/themes.scss +91 -91
  71. package/src/index.scss +5 -5
  72. package/src/mixins/center.scss +11 -11
  73. package/src/mixins/code-block.scss +43 -43
  74. package/src/mixins/colors.scss +6 -6
  75. package/src/mixins/control.scss +43 -43
  76. package/src/mixins/dismiss.scss +22 -22
  77. package/src/mixins/focus.scss +23 -23
  78. package/src/mixins/font-size.scss +35 -35
  79. package/src/mixins/force-colors.scss +5 -5
  80. package/src/mixins/gradient.scss +11 -11
  81. package/src/mixins/index.scss +17 -17
  82. package/src/mixins/layout-gap.scss +7 -7
  83. package/src/mixins/line-clamp.scss +15 -15
  84. package/src/mixins/loader.scss +16 -16
  85. package/src/mixins/media-queries.scss +61 -61
  86. package/src/mixins/overlay.scss +12 -12
  87. package/src/mixins/transparency.scss +15 -15
  88. package/src/mixins/unselectable.scss +13 -13
  89. package/src/mixins/visually-hidden.scss +12 -12
  90. package/src/tokens/animation.scss +8 -8
  91. package/src/tokens/border.scss +12 -12
  92. package/src/tokens/breakpoints.scss +11 -11
  93. package/src/tokens/colors.scss +239 -239
  94. package/src/tokens/direction.scss +25 -25
  95. package/src/tokens/display.scss +5 -5
  96. package/src/tokens/focus.scss +9 -9
  97. package/src/tokens/font-stack.scss +10 -10
  98. package/src/tokens/index.scss +17 -17
  99. package/src/tokens/layout.scss +17 -17
  100. package/src/tokens/palette.scss +200 -200
  101. package/src/tokens/position.scss +5 -5
  102. package/src/tokens/schemes.scss +14 -14
  103. package/src/tokens/shadow.scss +11 -11
  104. package/src/tokens/spacing.scss +25 -25
  105. package/src/tokens/themes.scss +318 -318
  106. package/src/tokens/typography.scss +33 -33
  107. package/src/tokens/z-index.scss +20 -20
  108. package/tokens/README.md +34 -34
  109. package/tokens/index.js +246 -246
  110. package/tokens/types.d.ts +35 -35
package/src/tokens/themes.scss CHANGED
@@ -1,318 +1,318 @@
1
- /**
2
- * @sass-export-section="themes"
3
- */
4
- $themes: (
5
- 'light': (
6
- 'text': $palette-grey-130,
7
- 'text-subtle': $palette-grey-90,
8
- 'text-invert': $palette-white,
9
- 'text-glow-high-contrast': $palette-grey-120,
10
- 'box-shadow-light': $palette-black-opacity-108,
11
- 'box-shadow-medium': $palette-black-opacity-132,
12
- 'box-shadow-heavy': $palette-black-opacity-18,
13
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
14
- 'overlay': $palette-black-opacity-70,
15
- 'overlay-invert': $palette-white,
16
- 'body-background': $palette-white,
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,
21
- 'card-background': $palette-white,
22
- 'border': $palette-grey-30,
23
- 'border-accent': $palette-yellow-sand,
24
- 'border-white-high-contrast': $palette-white-opacity-0,
25
- 'border-yellow-high-contrast': $palette-black-opacity-0,
26
- 'table-header': $palette-grey-30,
27
- 'table-row': $palette-grey-20,
28
- 'table-row-header': $palette-grey-10,
29
- 'table-border-dark': $palette-grey-40,
30
- 'hover-base': $palette-grey-110,
31
- 'hover-invert': $palette-grey-10,
32
- 'code-header': $palette-grey-30,
33
- 'code-block': $palette-grey-20,
34
- 'control-border': $palette-grey-80,
35
- 'inline-code': $palette-grey-30,
36
- 'code-highlight-background': $palette-yellow-10,
37
- 'visited': $palette-purple-70,
38
- 'score-low-off': $palette-red-opacity-30,
39
- 'score-low': $palette-red-50,
40
- 'score-medium-off': $palette-yellow-opacity-30,
41
- 'score-medium': $palette-yellow-50,
42
- 'score-high-off': $palette-green-opacity-30,
43
- 'score-high': $palette-green-50,
44
- 'hyperlink': $palette-blue-60,
45
- 'primary-base': $palette-blue-50,
46
- 'primary-background': $palette-blue-10,
47
- 'primary-background-glow-high-contrast': $palette-blue-10,
48
- 'primary-dark': $palette-blue-80,
49
- 'primary-hover': $palette-blue-60,
50
- 'primary-active': $palette-blue-70,
51
- 'primary-box-shadow': $palette-blue-opacity-30,
52
- 'primary-invert': $palette-white,
53
- 'secondary-base': $palette-grey-60,
54
- 'secondary-background': $palette-grey-30,
55
- 'secondary-background-glow-high-contrast': $palette-grey-30,
56
- 'secondary-dark': $palette-grey-110,
57
- 'secondary-hover': $palette-grey-40,
58
- 'secondary-active': $palette-grey-40,
59
- 'secondary-box-shadow': $palette-black-opacity-30,
60
- 'secondary-invert': $palette-black,
61
- 'tertiary-base': $palette-navy-70,
62
- 'tertiary-background': $palette-navy-90,
63
- 'tertiary-background-glow-high-contrast': $palette-navy-90,
64
- 'tertiary-dark': $palette-navy-30,
65
- 'tertiary-hover': $palette-navy-80,
66
- 'tertiary-active': $palette-navy-50,
67
- 'tertiary-box-shadow': $palette-navy-opacity-30,
68
- 'tertiary-invert': $palette-white,
69
- 'success-base': $palette-green-60,
70
- 'success-background': $palette-green-10,
71
- 'success-background-glow-high-contrast': $palette-green-10,
72
- 'success-dark': $palette-green-80,
73
- 'success-hover': $palette-green-70,
74
- 'success-active': $palette-green-80,
75
- 'success-box-shadow': $palette-green-opacity-30,
76
- 'success-invert': $palette-white,
77
- 'info-base': $palette-purple-60,
78
- 'info-background': $palette-purple-10,
79
- 'info-background-glow-high-contrast': $palette-purple-10,
80
- 'info-dark': $palette-purple-80,
81
- 'info-hover': $palette-purple-60,
82
- 'info-active': $palette-purple-70,
83
- 'info-box-shadow': $palette-purple-opacity-30,
84
- 'info-invert': $palette-white,
85
- 'warning-base': $palette-yellow-50,
86
- 'warning-background': $palette-yellow-10,
87
- 'warning-background-glow-high-contrast': $palette-yellow-10,
88
- 'warning-dark': $palette-yellow-80,
89
- 'warning-hover': $palette-yellow-60,
90
- 'warning-active': $palette-yellow-70,
91
- 'warning-box-shadow': $palette-yellow-opacity-30,
92
- 'warning-invert': $palette-black,
93
- 'danger-base': $palette-red-60,
94
- 'danger-background': $palette-red-10,
95
- 'danger-background-glow-high-contrast': $palette-red-10,
96
- 'danger-dark': $palette-red-90,
97
- 'danger-hover': $palette-red-70,
98
- 'danger-active': $palette-red-80,
99
- 'danger-box-shadow': $palette-red-opacity-30,
100
- 'danger-invert': $palette-white,
101
- 'facepile-red': $palette-red-60,
102
- 'facepile-teal': $palette-turqoise-60,
103
- 'facepile-blue': $palette-blue-50,
104
- 'gradient-text-purple': $palette-purple-b,
105
- 'gradient-text-blue': $palette-blue-70,
106
- 'gradient-vivid-start': $palette-purple-c,
107
- 'gradient-vivid-end': $palette-blue-50
108
- ),
109
- 'dark': (
110
- 'text': $palette-grey-30,
111
- 'text-subtle': $palette-grey-40,
112
- 'text-invert': $palette-grey-110,
113
- 'text-glow-high-contrast': $palette-grey-30,
114
- 'box-shadow-light': $palette-black-opacity-108,
115
- 'box-shadow-medium': $palette-black-opacity-132,
116
- 'box-shadow-heavy': $palette-black-opacity-18,
117
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
118
- 'overlay': $palette-black-opacity-70,
119
- 'overlay-invert': $palette-white,
120
- 'body-background': $palette-grey-120,
121
- 'body-background-accent': $palette-blue-black,
122
- 'body-background-medium': $palette-grey-110,
123
- 'alternate-background': $palette-grey-20,
124
- 'alternate-background-medium': $palette-grey-10,
125
- 'border': $palette-grey-100,
126
- 'border-accent': $palette-grey-90,
127
- 'border-white-high-contrast': $palette-white-opacity-0,
128
- 'border-yellow-high-contrast': $palette-black-opacity-0,
129
- 'card-background': $palette-blue-black,
130
- 'table-header': $palette-grey-100,
131
- 'table-row': $palette-grey-110,
132
- 'table-row-header': $palette-grey-110,
133
- 'table-border-dark': $palette-grey-90,
134
- 'hover-base': $palette-grey-40,
135
- 'hover-invert': $palette-grey-110,
136
- 'code-header': $palette-grey-100,
137
- 'code-block': $palette-grey-110,
138
- 'control-border': $palette-grey-40,
139
- 'inline-code': $palette-grey-100,
140
- 'code-highlight-background': $palette-green-70,
141
- 'visited': $palette-purple-40,
142
- 'score-low-off': $palette-red-opacity-70,
143
- 'score-low': $palette-red-50,
144
- 'score-medium-off': $palette-yellow-opacity-30,
145
- 'score-medium': $palette-yellow-40,
146
- 'score-high-off': $palette-green-opacity-70,
147
- 'score-high': $palette-green-40,
148
- 'hyperlink': $palette-blue-30,
149
- 'primary-base': $palette-blue-30,
150
- 'primary-background': $palette-blue-80,
151
- 'primary-background-glow-high-contrast': $palette-blue-80,
152
- 'primary-dark': $palette-blue-20,
153
- 'primary-hover': $palette-blue-40,
154
- 'primary-active': $palette-blue-50,
155
- 'primary-box-shadow': $palette-blue-opacity-30,
156
- 'primary-invert': $palette-black,
157
- 'secondary-base': $palette-grey-80,
158
- 'secondary-background': $palette-grey-100,
159
- 'secondary-background-glow-high-contrast': $palette-grey-100,
160
- 'secondary-dark': $palette-grey-30,
161
- 'secondary-hover': $palette-grey-70,
162
- 'secondary-active': $palette-grey-60,
163
- 'secondary-box-shadow': $palette-black-opacity-70,
164
- 'secondary-invert': $palette-white,
165
- 'tertiary-base': $palette-grey-100,
166
- 'tertiary-background': $palette-grey-120,
167
- 'tertiary-background-glow-high-contrast': $palette-grey-120,
168
- 'tertiary-dark': $palette-grey-30,
169
- 'tertiary-hover': $palette-grey-90,
170
- 'tertiary-active': $palette-grey-80,
171
- 'tertiary-box-shadow': $palette-blue-opacity-30,
172
- 'tertiary-invert': $palette-white,
173
- 'success-base': $palette-green-30,
174
- 'success-background': $palette-green-80,
175
- 'success-background-glow-high-contrast': $palette-green-80,
176
- 'success-dark': $palette-green-10,
177
- 'success-hover': $palette-green-40,
178
- 'success-active': $palette-green-30,
179
- 'success-box-shadow': $palette-green-opacity-70,
180
- 'success-invert': $palette-black,
181
- 'info-base': $palette-purple-50,
182
- 'info-background': $palette-purple-80,
183
- 'info-background-glow-high-contrast': $palette-purple-80,
184
- 'info-dark': $palette-purple-10,
185
- 'info-hover': $palette-purple-40,
186
- 'info-active': $palette-purple-30,
187
- 'info-box-shadow': $palette-purple-opacity-70,
188
- 'info-invert': $palette-black,
189
- 'warning-base': $palette-yellow-50,
190
- 'warning-background': $palette-yellow-80,
191
- 'warning-background-glow-high-contrast': $palette-yellow-80,
192
- 'warning-dark': $palette-yellow-10,
193
- 'warning-hover': $palette-yellow-40,
194
- 'warning-active': $palette-yellow-30,
195
- 'warning-box-shadow': $palette-yellow-opacity-70,
196
- 'warning-invert': $palette-black,
197
- 'danger-base': $palette-red-20,
198
- 'danger-background': $palette-red-80,
199
- 'danger-background-glow-high-contrast': $palette-red-80,
200
- 'danger-dark': $palette-red-10,
201
- 'danger-hover': $palette-red-40,
202
- 'danger-active': $palette-red-30,
203
- 'danger-box-shadow': $palette-red-opacity-70,
204
- 'danger-invert': $palette-black,
205
- 'facepile-red': $palette-red-40,
206
- 'facepile-teal': $palette-turqoise-40,
207
- 'facepile-blue': $palette-blue-40,
208
- 'gradient-text-purple': $palette-purple-a,
209
- 'gradient-text-blue': $palette-blue-a,
210
- 'gradient-vivid-start': $palette-purple-c,
211
- 'gradient-vivid-end': $palette-blue-30
212
- ),
213
- 'high-contrast': (
214
- 'text': $palette-white,
215
- 'text-subtle': $palette-white,
216
- 'text-invert': $palette-black,
217
- 'text-glow-high-contrast': $palette-yellow-high-contrast,
218
- 'box-shadow-light': $palette-black-opacity-108,
219
- 'box-shadow-medium': $palette-black-opacity-132,
220
- 'box-shadow-heavy': $palette-black-opacity-18,
221
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
222
- 'overlay': $palette-grey-100,
223
- 'overlay-invert': $palette-white,
224
- 'body-background': $palette-black,
225
- 'body-background-accent': $palette-black,
226
- 'body-background-medium': $palette-black,
227
- 'alternate-background': $palette-white,
228
- 'alternate-background-medium': $palette-white,
229
- 'border': $palette-white,
230
- 'border-accent': $palette-white,
231
- 'border-white-high-contrast': $palette-white,
232
- 'border-yellow-high-contrast': $palette-yellow-high-contrast,
233
- 'card-background': $palette-black,
234
- 'table-header': $palette-grey-90,
235
- 'table-row': $palette-black,
236
- 'table-row-header': $palette-grey-120,
237
- 'table-border-dark': $palette-white,
238
- 'hover-base': $palette-yellow-high-contrast,
239
- 'hover-invert': $palette-black,
240
- 'code-header': $palette-black,
241
- 'code-block': $palette-black,
242
- 'control-border': $palette-white,
243
- 'inline-code': $palette-grey-110,
244
- 'code-highlight-background': $palette-green-70,
245
- 'visited': $palette-visited-high-contrast,
246
- 'score-low-off': $palette-red-60,
247
- 'score-low': $palette-red-10,
248
- 'score-medium-off': $palette-yellow-opacity-70,
249
- 'score-medium': $palette-yellow-20,
250
- 'score-high-off': $palette-green-60,
251
- 'score-high': $palette-green-10,
252
- 'hyperlink': $palette-yellow-high-contrast,
253
- 'primary-base': $palette-yellow-high-contrast,
254
- 'primary-background': $palette-black,
255
- 'primary-background-glow-high-contrast': $palette-yellow-high-contrast,
256
- 'primary-dark': $palette-yellow-high-contrast,
257
- 'primary-hover': $palette-yellow-high-contrast-hover,
258
- 'primary-active': $palette-yellow-high-contrast-hover,
259
- 'primary-box-shadow': $palette-white,
260
- 'primary-invert': $palette-black,
261
- 'secondary-base': $palette-grey-30,
262
- 'secondary-background': $palette-black,
263
- 'secondary-background-glow-high-contrast': $palette-grey-90,
264
- 'secondary-dark': $palette-grey-30,
265
- 'secondary-hover': $palette-grey-40,
266
- 'secondary-active': $palette-grey-40,
267
- 'secondary-box-shadow': $palette-grey-30,
268
- 'secondary-invert': $palette-black,
269
- 'tertiary-base': $palette-white,
270
- 'tertiary-background': $palette-black,
271
- 'tertiary-background-glow-high-contrast': $palette-white,
272
- 'tertiary-dark': $palette-white,
273
- 'tertiary-hover': $palette-grey-30,
274
- 'tertiary-active': $palette-grey-30,
275
- 'tertiary-box-shadow': $palette-white,
276
- 'tertiary-invert': $palette-black,
277
- 'success-base': $palette-green-30,
278
- 'success-background': $palette-black,
279
- 'success-background-glow-high-contrast': $palette-green-30,
280
- 'success-dark': $palette-green-20,
281
- 'success-hover': $palette-green-20,
282
- 'success-active': $palette-green-20,
283
- 'success-box-shadow': $palette-white,
284
- 'success-invert': $palette-black,
285
- 'info-base': $palette-purple-20,
286
- 'info-background': $palette-black,
287
- 'info-background-glow-high-contrast': $palette-purple-20,
288
- 'info-dark': $palette-purple-10,
289
- 'info-hover': $palette-purple-10,
290
- 'info-active': $palette-purple-10,
291
- 'info-box-shadow': $palette-white,
292
- 'info-invert': $palette-black,
293
- 'warning-base': $palette-yellow-20,
294
- 'warning-background': $palette-black,
295
- 'warning-background-glow-high-contrast': $palette-yellow-20,
296
- 'warning-dark': $palette-yellow-10,
297
- 'warning-hover': $palette-yellow-10,
298
- 'warning-active': $palette-yellow-10,
299
- 'warning-box-shadow': $palette-white,
300
- 'warning-invert': $palette-black,
301
- 'danger-base': $palette-red-20,
302
- 'danger-background': $palette-black,
303
- 'danger-background-glow-high-contrast': $palette-red-20,
304
- 'danger-dark': $palette-red-10,
305
- 'danger-hover': $palette-red-10,
306
- 'danger-active': $palette-red-10,
307
- 'danger-box-shadow': $palette-white,
308
- 'danger-invert': $palette-black,
309
- 'facepile-red': $palette-red-30,
310
- 'facepile-teal': $palette-turqoise-30,
311
- 'facepile-blue': $palette-blue-30,
312
- 'gradient-text-purple': $white-static,
313
- 'gradient-text-blue': $white-static,
314
- 'gradient-vivid-start': $white-static,
315
- 'gradient-vivid-end': $white-static
316
- )
317
- ) !default;
318
- //@end-sass-export-section
1
+ /**
2
+ * @sass-export-section="themes"
3
+ */
4
+ $themes: (
5
+ 'light': (
6
+ 'text': $palette-grey-130,
7
+ 'text-subtle': $palette-grey-90,
8
+ 'text-invert': $palette-white,
9
+ 'text-glow-high-contrast': $palette-grey-120,
10
+ 'box-shadow-light': $palette-black-opacity-108,
11
+ 'box-shadow-medium': $palette-black-opacity-132,
12
+ 'box-shadow-heavy': $palette-black-opacity-18,
13
+ 'box-shadow-extra-heavy': $palette-black-opacity-22,
14
+ 'overlay': $palette-black-opacity-70,
15
+ 'overlay-invert': $palette-white,
16
+ 'body-background': $palette-white,
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,
21
+ 'card-background': $palette-white,
22
+ 'border': $palette-grey-30,
23
+ 'border-accent': $palette-yellow-sand,
24
+ 'border-white-high-contrast': $palette-white-opacity-0,
25
+ 'border-yellow-high-contrast': $palette-black-opacity-0,
26
+ 'table-header': $palette-grey-30,
27
+ 'table-row': $palette-grey-20,
28
+ 'table-row-header': $palette-grey-10,
29
+ 'table-border-dark': $palette-grey-40,
30
+ 'hover-base': $palette-grey-110,
31
+ 'hover-invert': $palette-grey-10,
32
+ 'code-header': $palette-grey-30,
33
+ 'code-block': $palette-grey-20,
34
+ 'control-border': $palette-grey-80,
35
+ 'inline-code': $palette-grey-30,
36
+ 'code-highlight-background': $palette-yellow-10,
37
+ 'visited': $palette-purple-70,
38
+ 'score-low-off': $palette-red-opacity-30,
39
+ 'score-low': $palette-red-50,
40
+ 'score-medium-off': $palette-yellow-opacity-30,
41
+ 'score-medium': $palette-yellow-50,
42
+ 'score-high-off': $palette-green-opacity-30,
43
+ 'score-high': $palette-green-50,
44
+ 'hyperlink': $palette-blue-60,
45
+ 'primary-base': $palette-blue-50,
46
+ 'primary-background': $palette-blue-10,
47
+ 'primary-background-glow-high-contrast': $palette-blue-10,
48
+ 'primary-dark': $palette-blue-80,
49
+ 'primary-hover': $palette-blue-60,
50
+ 'primary-active': $palette-blue-70,
51
+ 'primary-box-shadow': $palette-blue-opacity-30,
52
+ 'primary-invert': $palette-white,
53
+ 'secondary-base': $palette-grey-60,
54
+ 'secondary-background': $palette-grey-30,
55
+ 'secondary-background-glow-high-contrast': $palette-grey-30,
56
+ 'secondary-dark': $palette-grey-110,
57
+ 'secondary-hover': $palette-grey-40,
58
+ 'secondary-active': $palette-grey-40,
59
+ 'secondary-box-shadow': $palette-black-opacity-30,
60
+ 'secondary-invert': $palette-black,
61
+ 'tertiary-base': $palette-navy-70,
62
+ 'tertiary-background': $palette-navy-90,
63
+ 'tertiary-background-glow-high-contrast': $palette-navy-90,
64
+ 'tertiary-dark': $palette-navy-30,
65
+ 'tertiary-hover': $palette-navy-80,
66
+ 'tertiary-active': $palette-navy-50,
67
+ 'tertiary-box-shadow': $palette-navy-opacity-30,
68
+ 'tertiary-invert': $palette-white,
69
+ 'success-base': $palette-green-60,
70
+ 'success-background': $palette-green-10,
71
+ 'success-background-glow-high-contrast': $palette-green-10,
72
+ 'success-dark': $palette-green-80,
73
+ 'success-hover': $palette-green-70,
74
+ 'success-active': $palette-green-80,
75
+ 'success-box-shadow': $palette-green-opacity-30,
76
+ 'success-invert': $palette-white,
77
+ 'info-base': $palette-purple-60,
78
+ 'info-background': $palette-purple-10,
79
+ 'info-background-glow-high-contrast': $palette-purple-10,
80
+ 'info-dark': $palette-purple-80,
81
+ 'info-hover': $palette-purple-60,
82
+ 'info-active': $palette-purple-70,
83
+ 'info-box-shadow': $palette-purple-opacity-30,
84
+ 'info-invert': $palette-white,
85
+ 'warning-base': $palette-yellow-50,
86
+ 'warning-background': $palette-yellow-10,
87
+ 'warning-background-glow-high-contrast': $palette-yellow-10,
88
+ 'warning-dark': $palette-yellow-80,
89
+ 'warning-hover': $palette-yellow-60,
90
+ 'warning-active': $palette-yellow-70,
91
+ 'warning-box-shadow': $palette-yellow-opacity-30,
92
+ 'warning-invert': $palette-black,
93
+ 'danger-base': $palette-red-60,
94
+ 'danger-background': $palette-red-10,
95
+ 'danger-background-glow-high-contrast': $palette-red-10,
96
+ 'danger-dark': $palette-red-90,
97
+ 'danger-hover': $palette-red-70,
98
+ 'danger-active': $palette-red-80,
99
+ 'danger-box-shadow': $palette-red-opacity-30,
100
+ 'danger-invert': $palette-white,
101
+ 'facepile-red': $palette-red-60,
102
+ 'facepile-teal': $palette-turqoise-60,
103
+ 'facepile-blue': $palette-blue-50,
104
+ 'gradient-text-purple': $palette-purple-b,
105
+ 'gradient-text-blue': $palette-blue-70,
106
+ 'gradient-vivid-start': $palette-purple-c,
107
+ 'gradient-vivid-end': $palette-blue-50
108
+ ),
109
+ 'dark': (
110
+ 'text': $palette-grey-30,
111
+ 'text-subtle': $palette-grey-40,
112
+ 'text-invert': $palette-grey-110,
113
+ 'text-glow-high-contrast': $palette-grey-30,
114
+ 'box-shadow-light': $palette-black-opacity-108,
115
+ 'box-shadow-medium': $palette-black-opacity-132,
116
+ 'box-shadow-heavy': $palette-black-opacity-18,
117
+ 'box-shadow-extra-heavy': $palette-black-opacity-22,
118
+ 'overlay': $palette-black-opacity-70,
119
+ 'overlay-invert': $palette-white,
120
+ 'body-background': $palette-grey-120,
121
+ 'body-background-accent': $palette-blue-black,
122
+ 'body-background-medium': $palette-grey-110,
123
+ 'alternate-background': $palette-grey-20,
124
+ 'alternate-background-medium': $palette-grey-10,
125
+ 'border': $palette-grey-100,
126
+ 'border-accent': $palette-grey-90,
127
+ 'border-white-high-contrast': $palette-white-opacity-0,
128
+ 'border-yellow-high-contrast': $palette-black-opacity-0,
129
+ 'card-background': $palette-blue-black,
130
+ 'table-header': $palette-grey-100,
131
+ 'table-row': $palette-grey-110,
132
+ 'table-row-header': $palette-grey-110,
133
+ 'table-border-dark': $palette-grey-90,
134
+ 'hover-base': $palette-grey-40,
135
+ 'hover-invert': $palette-grey-110,
136
+ 'code-header': $palette-grey-100,
137
+ 'code-block': $palette-grey-110,
138
+ 'control-border': $palette-grey-40,
139
+ 'inline-code': $palette-grey-100,
140
+ 'code-highlight-background': $palette-green-70,
141
+ 'visited': $palette-purple-40,
142
+ 'score-low-off': $palette-red-opacity-70,
143
+ 'score-low': $palette-red-50,
144
+ 'score-medium-off': $palette-yellow-opacity-30,
145
+ 'score-medium': $palette-yellow-40,
146
+ 'score-high-off': $palette-green-opacity-70,
147
+ 'score-high': $palette-green-40,
148
+ 'hyperlink': $palette-blue-30,
149
+ 'primary-base': $palette-blue-30,
150
+ 'primary-background': $palette-blue-80,
151
+ 'primary-background-glow-high-contrast': $palette-blue-80,
152
+ 'primary-dark': $palette-blue-20,
153
+ 'primary-hover': $palette-blue-40,
154
+ 'primary-active': $palette-blue-50,
155
+ 'primary-box-shadow': $palette-blue-opacity-30,
156
+ 'primary-invert': $palette-black,
157
+ 'secondary-base': $palette-grey-80,
158
+ 'secondary-background': $palette-grey-100,
159
+ 'secondary-background-glow-high-contrast': $palette-grey-100,
160
+ 'secondary-dark': $palette-grey-30,
161
+ 'secondary-hover': $palette-grey-70,
162
+ 'secondary-active': $palette-grey-60,
163
+ 'secondary-box-shadow': $palette-black-opacity-70,
164
+ 'secondary-invert': $palette-white,
165
+ 'tertiary-base': $palette-grey-100,
166
+ 'tertiary-background': $palette-grey-120,
167
+ 'tertiary-background-glow-high-contrast': $palette-grey-120,
168
+ 'tertiary-dark': $palette-grey-30,
169
+ 'tertiary-hover': $palette-grey-90,
170
+ 'tertiary-active': $palette-grey-80,
171
+ 'tertiary-box-shadow': $palette-blue-opacity-30,
172
+ 'tertiary-invert': $palette-white,
173
+ 'success-base': $palette-green-30,
174
+ 'success-background': $palette-green-80,
175
+ 'success-background-glow-high-contrast': $palette-green-80,
176
+ 'success-dark': $palette-green-10,
177
+ 'success-hover': $palette-green-40,
178
+ 'success-active': $palette-green-30,
179
+ 'success-box-shadow': $palette-green-opacity-70,
180
+ 'success-invert': $palette-black,
181
+ 'info-base': $palette-purple-50,
182
+ 'info-background': $palette-purple-80,
183
+ 'info-background-glow-high-contrast': $palette-purple-80,
184
+ 'info-dark': $palette-purple-10,
185
+ 'info-hover': $palette-purple-40,
186
+ 'info-active': $palette-purple-30,
187
+ 'info-box-shadow': $palette-purple-opacity-70,
188
+ 'info-invert': $palette-black,
189
+ 'warning-base': $palette-yellow-50,
190
+ 'warning-background': $palette-yellow-80,
191
+ 'warning-background-glow-high-contrast': $palette-yellow-80,
192
+ 'warning-dark': $palette-yellow-10,
193
+ 'warning-hover': $palette-yellow-40,
194
+ 'warning-active': $palette-yellow-30,
195
+ 'warning-box-shadow': $palette-yellow-opacity-70,
196
+ 'warning-invert': $palette-black,
197
+ 'danger-base': $palette-red-20,
198
+ 'danger-background': $palette-red-80,
199
+ 'danger-background-glow-high-contrast': $palette-red-80,
200
+ 'danger-dark': $palette-red-10,
201
+ 'danger-hover': $palette-red-40,
202
+ 'danger-active': $palette-red-30,
203
+ 'danger-box-shadow': $palette-red-opacity-70,
204
+ 'danger-invert': $palette-black,
205
+ 'facepile-red': $palette-red-40,
206
+ 'facepile-teal': $palette-turqoise-40,
207
+ 'facepile-blue': $palette-blue-40,
208
+ 'gradient-text-purple': $palette-purple-a,
209
+ 'gradient-text-blue': $palette-blue-a,
210
+ 'gradient-vivid-start': $palette-purple-c,
211
+ 'gradient-vivid-end': $palette-blue-30
212
+ ),
213
+ 'high-contrast': (
214
+ 'text': $palette-white,
215
+ 'text-subtle': $palette-white,
216
+ 'text-invert': $palette-black,
217
+ 'text-glow-high-contrast': $palette-yellow-high-contrast,
218
+ 'box-shadow-light': $palette-black-opacity-108,
219
+ 'box-shadow-medium': $palette-black-opacity-132,
220
+ 'box-shadow-heavy': $palette-black-opacity-18,
221
+ 'box-shadow-extra-heavy': $palette-black-opacity-22,
222
+ 'overlay': $palette-grey-100,
223
+ 'overlay-invert': $palette-white,
224
+ 'body-background': $palette-black,
225
+ 'body-background-accent': $palette-black,
226
+ 'body-background-medium': $palette-black,
227
+ 'alternate-background': $palette-white,
228
+ 'alternate-background-medium': $palette-white,
229
+ 'border': $palette-white,
230
+ 'border-accent': $palette-white,
231
+ 'border-white-high-contrast': $palette-white,
232
+ 'border-yellow-high-contrast': $palette-yellow-high-contrast,
233
+ 'card-background': $palette-black,
234
+ 'table-header': $palette-grey-90,
235
+ 'table-row': $palette-black,
236
+ 'table-row-header': $palette-grey-120,
237
+ 'table-border-dark': $palette-white,
238
+ 'hover-base': $palette-yellow-high-contrast,
239
+ 'hover-invert': $palette-black,
240
+ 'code-header': $palette-black,
241
+ 'code-block': $palette-black,
242
+ 'control-border': $palette-white,
243
+ 'inline-code': $palette-grey-110,
244
+ 'code-highlight-background': $palette-green-70,
245
+ 'visited': $palette-visited-high-contrast,
246
+ 'score-low-off': $palette-red-60,
247
+ 'score-low': $palette-red-10,
248
+ 'score-medium-off': $palette-yellow-opacity-70,
249
+ 'score-medium': $palette-yellow-20,
250
+ 'score-high-off': $palette-green-60,
251
+ 'score-high': $palette-green-10,
252
+ 'hyperlink': $palette-yellow-high-contrast,
253
+ 'primary-base': $palette-yellow-high-contrast,
254
+ 'primary-background': $palette-black,
255
+ 'primary-background-glow-high-contrast': $palette-yellow-high-contrast,
256
+ 'primary-dark': $palette-yellow-high-contrast,
257
+ 'primary-hover': $palette-yellow-high-contrast-hover,
258
+ 'primary-active': $palette-yellow-high-contrast-hover,
259
+ 'primary-box-shadow': $palette-white,
260
+ 'primary-invert': $palette-black,
261
+ 'secondary-base': $palette-grey-30,
262
+ 'secondary-background': $palette-black,
263
+ 'secondary-background-glow-high-contrast': $palette-grey-90,
264
+ 'secondary-dark': $palette-grey-30,
265
+ 'secondary-hover': $palette-grey-40,
266
+ 'secondary-active': $palette-grey-40,
267
+ 'secondary-box-shadow': $palette-grey-30,
268
+ 'secondary-invert': $palette-black,
269
+ 'tertiary-base': $palette-white,
270
+ 'tertiary-background': $palette-black,
271
+ 'tertiary-background-glow-high-contrast': $palette-white,
272
+ 'tertiary-dark': $palette-white,
273
+ 'tertiary-hover': $palette-grey-30,
274
+ 'tertiary-active': $palette-grey-30,
275
+ 'tertiary-box-shadow': $palette-white,
276
+ 'tertiary-invert': $palette-black,
277
+ 'success-base': $palette-green-30,
278
+ 'success-background': $palette-black,
279
+ 'success-background-glow-high-contrast': $palette-green-30,
280
+ 'success-dark': $palette-green-20,
281
+ 'success-hover': $palette-green-20,
282
+ 'success-active': $palette-green-20,
283
+ 'success-box-shadow': $palette-white,
284
+ 'success-invert': $palette-black,
285
+ 'info-base': $palette-purple-20,
286
+ 'info-background': $palette-black,
287
+ 'info-background-glow-high-contrast': $palette-purple-20,
288
+ 'info-dark': $palette-purple-10,
289
+ 'info-hover': $palette-purple-10,
290
+ 'info-active': $palette-purple-10,
291
+ 'info-box-shadow': $palette-white,
292
+ 'info-invert': $palette-black,
293
+ 'warning-base': $palette-yellow-20,
294
+ 'warning-background': $palette-black,
295
+ 'warning-background-glow-high-contrast': $palette-yellow-20,
296
+ 'warning-dark': $palette-yellow-10,
297
+ 'warning-hover': $palette-yellow-10,
298
+ 'warning-active': $palette-yellow-10,
299
+ 'warning-box-shadow': $palette-white,
300
+ 'warning-invert': $palette-black,
301
+ 'danger-base': $palette-red-20,
302
+ 'danger-background': $palette-black,
303
+ 'danger-background-glow-high-contrast': $palette-red-20,
304
+ 'danger-dark': $palette-red-10,
305
+ 'danger-hover': $palette-red-10,
306
+ 'danger-active': $palette-red-10,
307
+ 'danger-box-shadow': $palette-white,
308
+ 'danger-invert': $palette-black,
309
+ 'facepile-red': $palette-red-30,
310
+ 'facepile-teal': $palette-turqoise-30,
311
+ 'facepile-blue': $palette-blue-30,
312
+ 'gradient-text-purple': $white-static,
313
+ 'gradient-text-blue': $white-static,
314
+ 'gradient-vivid-start': $white-static,
315
+ 'gradient-vivid-end': $white-static
316
+ )
317
+ ) !default;
318
+ //@end-sass-export-section