@microsoft/atlas-css 5.0.0-test.1 → 5.0.0-test.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 (100) 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 +14 -24
  6. package/package.json +2 -2
  7. package/src/atomics/aspect-ratio.scss +2 -2
  8. package/src/atomics/background.scss +2 -2
  9. package/src/atomics/border.scss +26 -26
  10. package/src/atomics/colors.scss +53 -53
  11. package/src/atomics/display.scss +9 -9
  12. package/src/atomics/flex.scss +3 -3
  13. package/src/atomics/gap.scss +14 -14
  14. package/src/atomics/height.scss +2 -2
  15. package/src/atomics/image.scss +2 -2
  16. package/src/atomics/line-clamp.scss +6 -6
  17. package/src/atomics/list.scss +2 -2
  18. package/src/atomics/overflow.scss +3 -3
  19. package/src/atomics/position.scss +6 -6
  20. package/src/atomics/shadow.scss +6 -6
  21. package/src/atomics/spacing-auto.scss +5 -5
  22. package/src/atomics/spacing.scss +14 -14
  23. package/src/atomics/typography.scss +39 -39
  24. package/src/atomics/visually-hidden.scss +3 -3
  25. package/src/atomics/width.scss +4 -4
  26. package/src/components/accordion.scss +18 -17
  27. package/src/components/badge.scss +21 -21
  28. package/src/components/banner.scss +18 -18
  29. package/src/components/breadcrumbs.scss +4 -4
  30. package/src/components/button-reset.scss +3 -3
  31. package/src/components/button.scss +54 -54
  32. package/src/components/buttons.scss +9 -9
  33. package/src/components/card.scss +30 -30
  34. package/src/components/code-block.scss +18 -18
  35. package/src/components/form/checkbox.scss +18 -18
  36. package/src/components/form/form.scss +15 -15
  37. package/src/components/form/help.scss +6 -6
  38. package/src/components/form/input.scss +26 -26
  39. package/src/components/form/label.scss +5 -5
  40. package/src/components/form/radio.scss +18 -18
  41. package/src/components/form/select.scss +28 -26
  42. package/src/components/form/textarea.scss +27 -27
  43. package/src/components/gradient-card.scss +8 -7
  44. package/src/components/gradient.scss +10 -10
  45. package/src/components/hero.scss +31 -31
  46. package/src/components/icon.scss +2 -2
  47. package/src/components/image.scss +4 -4
  48. package/src/components/index.scss +0 -1
  49. package/src/components/layout.scss +206 -96
  50. package/src/components/link-button.scss +8 -8
  51. package/src/components/markdown.scss +15 -15
  52. package/src/components/media.scss +3 -3
  53. package/src/components/message.scss +14 -14
  54. package/src/components/notification.scss +21 -21
  55. package/src/components/pagination.scss +28 -28
  56. package/src/components/persona.scss +14 -14
  57. package/src/components/popover.scss +15 -15
  58. package/src/components/progress-bar.scss +13 -13
  59. package/src/components/scroll.scss +2 -2
  60. package/src/components/segmented-control.scss +31 -31
  61. package/src/components/site-header.scss +37 -37
  62. package/src/components/steps.scss +6 -6
  63. package/src/components/stretched-link.scss +3 -3
  64. package/src/components/table.scss +18 -18
  65. package/src/components/tag.scss +37 -37
  66. package/src/components/timeline.scss +16 -16
  67. package/src/components/toggle.scss +17 -17
  68. package/src/core/animations.scss +4 -4
  69. package/src/core/bare-elements.scss +6 -6
  70. package/src/core/focus.scss +6 -6
  71. package/src/core/font-stack.scss +8 -8
  72. package/src/core/minireset.scss +2 -2
  73. package/src/core/normalize.scss +2 -2
  74. package/src/core/themes.scss +20 -20
  75. package/src/mixins/center.scss +1 -1
  76. package/src/mixins/chevron.scss +5 -5
  77. package/src/mixins/code-block.scss +9 -9
  78. package/src/mixins/colors.scss +1 -1
  79. package/src/mixins/control.scss +5 -5
  80. package/src/mixins/dismiss.scss +4 -4
  81. package/src/mixins/focus.scss +5 -5
  82. package/src/mixins/font-size.scss +4 -4
  83. package/src/mixins/force-colors.scss +1 -1
  84. package/src/mixins/gradient.scss +1 -1
  85. package/src/mixins/layout-gap.scss +5 -5
  86. package/src/mixins/line-clamp.scss +1 -1
  87. package/src/mixins/loader.scss +3 -3
  88. package/src/mixins/media-queries.scss +5 -5
  89. package/src/mixins/overlay.scss +1 -1
  90. package/src/mixins/transparency.scss +1 -1
  91. package/src/mixins/unselectable.scss +1 -1
  92. package/src/mixins/visually-hidden.scss +1 -1
  93. package/src/tokens/breakpoints.scss +1 -1
  94. package/src/tokens/colors.scss +2 -2
  95. package/src/tokens/layout.scss +3 -5
  96. package/src/tokens/shadow.scss +9 -8
  97. package/src/tokens/themes.scss +473 -473
  98. package/src/tokens/typography.scss +1 -5
  99. package/tokens/index.js +4 -1
  100. package/src/components/reading-width.scss +0 -10
package/src/tokens/themes.scss CHANGED
@@ -1,486 +1,486 @@
1
- @use './palette.scss' as *;
2
- @use './colors.scss' as *;
1
+ @use './palette.scss' as palette;
2
+ @use './colors.scss' as colors;
3
3
 
4
4
  /**
5
5
  * @sass-export-section="themes"
6
6
  */
7
7
  $themes: (
8
8
  'light': (
9
- 'text': $palette-grey-130-deprecated,
10
- 'text-subtle': $palette-grey-90-deprecated,
11
- 'text-invert': $palette-white,
12
- 'text-glow-high-contrast': $palette-grey-120-deprecated,
13
- 'box-shadow-light': $palette-black-opacity-108,
14
- 'box-shadow-medium': $palette-black-opacity-132,
15
- 'box-shadow-heavy': $palette-black-opacity-18,
16
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
17
- 'overlay': $palette-black-opacity-70,
18
- 'overlay-invert': $palette-white,
19
- 'body-background': $palette-white,
20
- 'body-background-accent': $palette-yellow-sand,
21
- 'body-background-medium': $palette-grey-10-deprecated,
22
- 'alternate-background': $palette-grey-120-deprecated,
23
- 'alternate-background-medium': $palette-grey-110-deprecated,
24
- 'card-background': $palette-white,
25
- 'border': $palette-grey-40,
26
- 'border-accent': $palette-yellow-sand,
27
- 'border-white-high-contrast': $palette-white-opacity-0,
28
- 'border-yellow-high-contrast': $palette-black-opacity-0,
29
- 'table-header': $palette-grey-40,
30
- 'table-row': $palette-grey-20,
31
- 'table-row-header': $palette-grey-10,
32
- 'table-border-dark': $palette-grey-70,
33
- 'hover-base': $palette-grey-80,
34
- 'hover-invert': $palette-grey-10,
35
- 'background-selected': $palette-grey-30,
36
- 'background-subtle-selected': $palette-grey-30,
37
- 'foreground-selected': $palette-grey-260,
38
- 'stroke-selected': $palette-grey-90,
39
- 'code-header': $palette-grey-20,
40
- 'code-block': $palette-grey-10-deprecated,
41
- 'code-block-border': $palette-grey-70,
42
- 'control-border': $palette-grey-70,
43
- 'control-border-bottom': $palette-grey-170,
44
- 'inline-code': $palette-grey-40,
45
- 'code-highlight-background': $palette-yellow-50,
46
- 'visited': $palette-purple-70,
47
- 'score-low-off': $palette-red-opacity-30,
48
- 'score-low': $palette-red-120,
49
- 'score-medium-off': $palette-yellow-opacity-30,
50
- 'score-medium': $palette-yellow-50-deprecated,
51
- 'score-high-off': $palette-green-opacity-30,
52
- 'score-high': $palette-green-170,
53
- 'hyperlink': $palette-blue-60-deprecated,
54
- 'primary-base': $palette-blue-110,
55
- 'primary-background': $palette-blue-10,
56
- 'primary-background-hover': $palette-blue-20,
57
- 'primary-background-glow-high-contrast': $palette-blue-10,
58
- 'primary-background-selected': $palette-blue-20,
59
- 'primary-foreground-selected': $palette-blue-130,
60
- 'primary-foreground-selected-invert': $palette-white,
61
- 'primary-selected': $palette-blue-130,
62
- 'primary-stroke-selected': $palette-blue-130,
63
- 'primary-dark': $palette-blue-120,
64
- 'primary-dark-hover': $palette-blue-120,
65
- 'primary-hover': $palette-blue-120,
66
- 'primary-active': $palette-blue-170,
67
- 'primary-box-shadow': $palette-blue-opacity-30,
68
- 'primary-invert': $palette-white,
69
- 'secondary-base': $palette-grey-30,
70
- 'secondary-background': $palette-grey-10,
71
- 'secondary-background-hover': $palette-grey-30,
72
- 'secondary-background-glow-high-contrast': $palette-grey-20,
73
- 'secondary-background-selected': $palette-grey-30,
74
- 'secondary-foreground-selected': $palette-grey-260,
75
- 'secondary-foreground-selected-invert': $palette-grey-30,
76
- 'secondary-selected': $palette-grey-260,
77
- 'secondary-stroke-selected': $palette-grey-90,
78
- 'secondary-dark': $palette-grey-210,
79
- 'secondary-dark-hover': $palette-grey-60,
80
- 'secondary-hover': $palette-grey-80,
81
- 'secondary-active': $palette-grey-100,
82
- 'secondary-box-shadow': $palette-black-opacity-30,
83
- 'secondary-invert': $palette-black,
84
- 'tertiary-base': $palette-navy-70,
85
- 'tertiary-background': $palette-navy-90,
86
- 'tertiary-background-hover': $palette-navy-60,
87
- 'tertiary-background-selected': $palette-navy-50,
88
- 'tertiary-foreground-selected': $palette-navy-90,
89
- 'tertiary-foreground-selected-invert': $palette-white,
90
- 'tertiary-selected': $palette-navy-90,
91
- 'tertiary-stroke-selected': $palette-navy-90,
92
- 'tertiary-background-glow-high-contrast': $palette-navy-90,
93
- 'tertiary-dark': $palette-navy-30,
94
- 'tertiary-dark-hover': $palette-navy-50,
95
- 'tertiary-hover': $palette-navy-80,
96
- 'tertiary-active': $palette-navy-50,
97
- 'tertiary-box-shadow': $palette-navy-opacity-30,
98
- 'tertiary-invert': $palette-white,
99
- 'success-base': $palette-green-180,
100
- 'success-background': $palette-green-10,
101
- 'success-background-hover': $palette-green-50,
102
- 'success-background-selected': $palette-green-40,
103
- 'success-foreground-selected': $palette-green-230,
104
- 'success-foreground-selected-invert': $palette-white,
105
- 'success-selected': $palette-green-230,
106
- 'success-stroke-selected': $palette-green-230,
107
- 'success-background-glow-high-contrast': $palette-green-10,
108
- 'success-dark': $palette-green-200,
109
- 'success-dark-hover': $palette-green-130,
110
- 'success-hover': $palette-green-210,
111
- 'success-active': $palette-green-50,
112
- 'success-box-shadow': $palette-green-opacity-30,
113
- 'success-invert': $palette-white,
114
- 'info-base': $palette-purple-60,
115
- 'info-background': $palette-purple-10,
116
- 'info-background-hover': $palette-purple-30,
117
- 'info-background-selected': $palette-purple-20,
118
- 'info-foreground-selected': $palette-purple-80,
119
- 'info-foreground-selected-invert': $palette-white,
120
- 'info-selected': $palette-purple-70,
121
- 'info-stroke-selected': $palette-purple-80,
122
- 'info-background-glow-high-contrast': $palette-purple-10,
123
- 'info-dark': $palette-purple-80,
124
- 'info-dark-hover': $palette-purple-60,
125
- 'info-hover': $palette-purple-60,
126
- 'info-active': $palette-purple-70,
127
- 'info-box-shadow': $palette-purple-opacity-30,
128
- 'info-invert': $palette-white,
129
- 'warning-base': $palette-orange-120,
130
- 'warning-background': $palette-orange-10,
131
- 'warning-background-hover': $palette-orange-40,
132
- 'warning-background-selected': $palette-orange-30,
133
- 'warning-foreground-selected': $palette-orange-180,
134
- 'warning-foreground-selected-invert': $palette-white,
135
- 'warning-selected': $palette-orange-140,
136
- 'warning-stroke-selected': $palette-orange-180,
137
- 'warning-background-glow-high-contrast': $palette-orange-10,
138
- 'warning-dark': $palette-orange-180,
139
- 'warning-dark-hover': $palette-orange-150,
140
- 'warning-hover': $palette-orange-130,
141
- 'warning-active': $palette-orange-160,
142
- 'warning-box-shadow': $palette-orange-opacity-30,
143
- 'warning-invert': $palette-black,
144
- 'danger-base': $palette-red-110,
145
- 'danger-background': $palette-red-10,
146
- 'danger-background-hover': $palette-red-40,
147
- 'danger-background-selected': $palette-red-30,
148
- 'danger-foreground-selected': $palette-red-150,
149
- 'danger-foreground-selected-invert': $palette-white,
150
- 'danger-selected': $palette-red-150,
151
- 'danger-stroke-selected': $palette-red-150,
152
- 'danger-background-glow-high-contrast': $palette-red-10,
153
- 'danger-dark': $palette-red-140,
154
- 'danger-dark-hover': $palette-red-150,
155
- 'danger-hover': $palette-red-140,
156
- 'danger-active': $palette-red-110,
157
- 'danger-box-shadow': $palette-red-opacity-30,
158
- 'danger-invert': $palette-white,
159
- 'facepile-red': $palette-red-140,
160
- 'facepile-teal': $palette-turqoise-20,
161
- 'facepile-blue': $palette-blue-100,
162
- 'gradient-text-purple': $palette-purple-b,
163
- 'gradient-text-blue': $palette-blue-130,
164
- 'gradient-vivid-start': $palette-purple-c,
165
- 'gradient-vivid-end': $palette-blue-100
9
+ 'text': palette.$palette-grey-130-deprecated,
10
+ 'text-subtle': palette.$palette-grey-90-deprecated,
11
+ 'text-invert': palette.$palette-white,
12
+ 'text-glow-high-contrast': palette.$palette-grey-120-deprecated,
13
+ 'box-shadow-light': palette.$palette-black-opacity-108,
14
+ 'box-shadow-medium': palette.$palette-black-opacity-132,
15
+ 'box-shadow-heavy': palette.$palette-black-opacity-18,
16
+ 'box-shadow-extra-heavy': palette.$palette-black-opacity-22,
17
+ 'overlay': palette.$palette-black-opacity-70,
18
+ 'overlay-invert': palette.$palette-white,
19
+ 'body-background': palette.$palette-white,
20
+ 'body-background-accent': palette.$palette-yellow-sand,
21
+ 'body-background-medium': palette.$palette-grey-20-deprecated,
22
+ 'alternate-background': palette.$palette-grey-120-deprecated,
23
+ 'alternate-background-medium': palette.$palette-grey-110-deprecated,
24
+ 'card-background': palette.$palette-white,
25
+ 'border': palette.$palette-grey-40,
26
+ 'border-accent': palette.$palette-yellow-sand,
27
+ 'border-white-high-contrast': palette.$palette-white-opacity-0,
28
+ 'border-yellow-high-contrast': palette.$palette-black-opacity-0,
29
+ 'table-header': palette.$palette-grey-40,
30
+ 'table-row': palette.$palette-grey-20,
31
+ 'table-row-header': palette.$palette-grey-10,
32
+ 'table-border-dark': palette.$palette-grey-70,
33
+ 'hover-base': palette.$palette-grey-80,
34
+ 'hover-invert': palette.$palette-grey-10,
35
+ 'background-selected': palette.$palette-grey-30,
36
+ 'background-subtle-selected': palette.$palette-grey-30,
37
+ 'foreground-selected': palette.$palette-grey-260,
38
+ 'stroke-selected': palette.$palette-grey-90,
39
+ 'code-header': palette.$palette-grey-20,
40
+ 'code-block': palette.$palette-grey-10-deprecated,
41
+ 'code-block-border': palette.$palette-grey-70,
42
+ 'control-border': palette.$palette-grey-70,
43
+ 'control-border-bottom': palette.$palette-grey-170,
44
+ 'inline-code': palette.$palette-grey-40,
45
+ 'code-highlight-background': palette.$palette-yellow-50,
46
+ 'visited': palette.$palette-purple-70,
47
+ 'score-low-off': palette.$palette-red-opacity-30,
48
+ 'score-low': palette.$palette-red-120,
49
+ 'score-medium-off': palette.$palette-yellow-opacity-30,
50
+ 'score-medium': palette.$palette-yellow-50-deprecated,
51
+ 'score-high-off': palette.$palette-green-opacity-30,
52
+ 'score-high': palette.$palette-green-170,
53
+ 'hyperlink': palette.$palette-blue-60-deprecated,
54
+ 'primary-base': palette.$palette-blue-110,
55
+ 'primary-background': palette.$palette-blue-10,
56
+ 'primary-background-hover': palette.$palette-blue-20,
57
+ 'primary-background-glow-high-contrast': palette.$palette-blue-10,
58
+ 'primary-background-selected': palette.$palette-blue-20,
59
+ 'primary-foreground-selected': palette.$palette-blue-130,
60
+ 'primary-foreground-selected-invert': palette.$palette-white,
61
+ 'primary-selected': palette.$palette-blue-130,
62
+ 'primary-stroke-selected': palette.$palette-blue-130,
63
+ 'primary-dark': palette.$palette-blue-120,
64
+ 'primary-dark-hover': palette.$palette-blue-120,
65
+ 'primary-hover': palette.$palette-blue-120,
66
+ 'primary-active': palette.$palette-blue-170,
67
+ 'primary-box-shadow': palette.$palette-blue-opacity-30,
68
+ 'primary-invert': palette.$palette-white,
69
+ 'secondary-base': palette.$palette-grey-30,
70
+ 'secondary-background': palette.$palette-grey-10,
71
+ 'secondary-background-hover': palette.$palette-grey-30,
72
+ 'secondary-background-glow-high-contrast': palette.$palette-grey-20,
73
+ 'secondary-background-selected': palette.$palette-grey-30,
74
+ 'secondary-foreground-selected': palette.$palette-grey-260,
75
+ 'secondary-foreground-selected-invert': palette.$palette-grey-30,
76
+ 'secondary-selected': palette.$palette-grey-260,
77
+ 'secondary-stroke-selected': palette.$palette-grey-90,
78
+ 'secondary-dark': palette.$palette-grey-210,
79
+ 'secondary-dark-hover': palette.$palette-grey-60,
80
+ 'secondary-hover': palette.$palette-grey-80,
81
+ 'secondary-active': palette.$palette-grey-100,
82
+ 'secondary-box-shadow': palette.$palette-black-opacity-30,
83
+ 'secondary-invert': palette.$palette-black,
84
+ 'tertiary-base': palette.$palette-navy-70,
85
+ 'tertiary-background': palette.$palette-navy-90,
86
+ 'tertiary-background-hover': palette.$palette-navy-60,
87
+ 'tertiary-background-selected': palette.$palette-navy-50,
88
+ 'tertiary-foreground-selected': palette.$palette-navy-90,
89
+ 'tertiary-foreground-selected-invert': palette.$palette-white,
90
+ 'tertiary-selected': palette.$palette-navy-90,
91
+ 'tertiary-stroke-selected': palette.$palette-navy-90,
92
+ 'tertiary-background-glow-high-contrast': palette.$palette-navy-90,
93
+ 'tertiary-dark': palette.$palette-navy-30,
94
+ 'tertiary-dark-hover': palette.$palette-navy-50,
95
+ 'tertiary-hover': palette.$palette-navy-80,
96
+ 'tertiary-active': palette.$palette-navy-50,
97
+ 'tertiary-box-shadow': palette.$palette-navy-opacity-30,
98
+ 'tertiary-invert': palette.$palette-white,
99
+ 'success-base': palette.$palette-green-180,
100
+ 'success-background': palette.$palette-green-10,
101
+ 'success-background-hover': palette.$palette-green-50,
102
+ 'success-background-selected': palette.$palette-green-40,
103
+ 'success-foreground-selected': palette.$palette-green-230,
104
+ 'success-foreground-selected-invert': palette.$palette-white,
105
+ 'success-selected': palette.$palette-green-230,
106
+ 'success-stroke-selected': palette.$palette-green-230,
107
+ 'success-background-glow-high-contrast': palette.$palette-green-10,
108
+ 'success-dark': palette.$palette-green-200,
109
+ 'success-dark-hover': palette.$palette-green-130,
110
+ 'success-hover': palette.$palette-green-210,
111
+ 'success-active': palette.$palette-green-50,
112
+ 'success-box-shadow': palette.$palette-green-opacity-30,
113
+ 'success-invert': palette.$palette-white,
114
+ 'info-base': palette.$palette-purple-60,
115
+ 'info-background': palette.$palette-purple-10,
116
+ 'info-background-hover': palette.$palette-purple-30,
117
+ 'info-background-selected': palette.$palette-purple-20,
118
+ 'info-foreground-selected': palette.$palette-purple-80,
119
+ 'info-foreground-selected-invert': palette.$palette-white,
120
+ 'info-selected': palette.$palette-purple-70,
121
+ 'info-stroke-selected': palette.$palette-purple-80,
122
+ 'info-background-glow-high-contrast': palette.$palette-purple-10,
123
+ 'info-dark': palette.$palette-purple-80,
124
+ 'info-dark-hover': palette.$palette-purple-60,
125
+ 'info-hover': palette.$palette-purple-60,
126
+ 'info-active': palette.$palette-purple-70,
127
+ 'info-box-shadow': palette.$palette-purple-opacity-30,
128
+ 'info-invert': palette.$palette-white,
129
+ 'warning-base': palette.$palette-orange-120,
130
+ 'warning-background': palette.$palette-orange-10,
131
+ 'warning-background-hover': palette.$palette-orange-40,
132
+ 'warning-background-selected': palette.$palette-orange-30,
133
+ 'warning-foreground-selected': palette.$palette-orange-180,
134
+ 'warning-foreground-selected-invert': palette.$palette-white,
135
+ 'warning-selected': palette.$palette-orange-140,
136
+ 'warning-stroke-selected': palette.$palette-orange-180,
137
+ 'warning-background-glow-high-contrast': palette.$palette-orange-10,
138
+ 'warning-dark': palette.$palette-orange-180,
139
+ 'warning-dark-hover': palette.$palette-orange-150,
140
+ 'warning-hover': palette.$palette-orange-130,
141
+ 'warning-active': palette.$palette-orange-160,
142
+ 'warning-box-shadow': palette.$palette-orange-opacity-30,
143
+ 'warning-invert': palette.$palette-black,
144
+ 'danger-base': palette.$palette-red-110,
145
+ 'danger-background': palette.$palette-red-10,
146
+ 'danger-background-hover': palette.$palette-red-40,
147
+ 'danger-background-selected': palette.$palette-red-30,
148
+ 'danger-foreground-selected': palette.$palette-red-150,
149
+ 'danger-foreground-selected-invert': palette.$palette-white,
150
+ 'danger-selected': palette.$palette-red-150,
151
+ 'danger-stroke-selected': palette.$palette-red-150,
152
+ 'danger-background-glow-high-contrast': palette.$palette-red-10,
153
+ 'danger-dark': palette.$palette-red-140,
154
+ 'danger-dark-hover': palette.$palette-red-150,
155
+ 'danger-hover': palette.$palette-red-140,
156
+ 'danger-active': palette.$palette-red-110,
157
+ 'danger-box-shadow': palette.$palette-red-opacity-30,
158
+ 'danger-invert': palette.$palette-white,
159
+ 'facepile-red': palette.$palette-red-140,
160
+ 'facepile-teal': palette.$palette-turqoise-20,
161
+ 'facepile-blue': palette.$palette-blue-100,
162
+ 'gradient-text-purple': palette.$palette-purple-b,
163
+ 'gradient-text-blue': palette.$palette-blue-130,
164
+ 'gradient-vivid-start': palette.$palette-purple-c,
165
+ 'gradient-vivid-end': palette.$palette-blue-100
166
166
  ),
167
167
  'dark': (
168
- 'text': $palette-white,
169
- 'text-subtle': $palette-grey-40-deprecated,
170
- 'text-invert': $palette-grey-110-deprecated,
171
- 'text-glow-high-contrast': $palette-grey-30-deprecated,
172
- 'box-shadow-light': $palette-black-opacity-108,
173
- 'box-shadow-medium': $palette-black-opacity-132,
174
- 'box-shadow-heavy': $palette-black-opacity-18,
175
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
176
- 'overlay': $palette-black-opacity-70,
177
- 'overlay-invert': $palette-white,
178
- 'body-background': $palette-grey-280,
179
- 'body-background-accent': $palette-blue-black,
180
- 'body-background-medium': $palette-grey-250,
181
- 'alternate-background': $palette-grey-20-deprecated,
182
- 'alternate-background-medium': $palette-grey-10-deprecated,
183
- 'border': $palette-grey-100-deprecated,
184
- 'border-accent': $palette-grey-90-deprecated,
185
- 'border-white-high-contrast': $palette-white-opacity-0,
186
- 'border-yellow-high-contrast': $palette-black-opacity-0,
187
- 'card-background': $palette-blue-black,
188
- 'table-header': $palette-grey-100-deprecated,
189
- 'table-row': $palette-grey-110-deprecated,
190
- 'table-row-header': $palette-grey-110-deprecated,
191
- 'table-border-dark': $palette-grey-90-deprecated,
192
- 'hover-base': $palette-grey-40-deprecated,
193
- 'hover-invert': $palette-grey-110-deprecated,
194
- 'background-selected': $palette-grey-230,
195
- 'background-subtle-selected': $palette-grey-240,
196
- 'foreground-selected': $palette-grey-40,
197
- 'stroke-selected': $palette-grey-40,
198
- 'code-header': $palette-grey-240,
199
- 'code-block': $palette-grey-280,
200
- 'code-block-border': $palette-grey-90,
201
- 'control-border': $palette-grey-40-deprecated,
202
- 'control-border-bottom': $palette-grey-30-deprecated,
203
- 'inline-code': $palette-grey-100-deprecated,
204
- 'code-highlight-background': $palette-green-220,
205
- 'visited': $palette-purple-40,
206
- 'score-low-off': $palette-red-opacity-70,
207
- 'score-low': $palette-red-50-deprecated,
208
- 'score-medium-off': $palette-yellow-opacity-30,
209
- 'score-medium': $palette-yellow-40-deprecated,
210
- 'score-high-off': $palette-green-opacity-70,
211
- 'score-high': $palette-green-40-deprecated,
212
- 'hyperlink': $palette-blue-30-deprecated,
213
- 'primary-base': $palette-blue-30-deprecated,
214
- 'primary-background': $palette-blue-80-deprecated,
215
- 'primary-background-hover': $palette-blue-200,
216
- 'primary-background-selected': $palette-blue-190,
217
- 'primary-foreground-selected': $palette-blue-60,
218
- 'primary-foreground-selected-invert': $palette-white,
219
- 'primary-selected': $palette-blue-130,
220
- 'primary-stroke-selected': $palette-blue-60,
221
- 'primary-background-glow-high-contrast': $palette-blue-80-deprecated,
222
- 'primary-dark': $palette-blue-20-deprecated,
223
- 'primary-dark-hover': $palette-blue-20-deprecated,
224
- 'primary-hover': $palette-blue-40-deprecated,
225
- 'primary-active': $palette-blue-90,
226
- 'primary-box-shadow': $palette-blue-opacity-30,
227
- 'primary-invert': $palette-black,
228
- 'secondary-base': $palette-grey-80-deprecated,
229
- 'secondary-background': $palette-grey-100-deprecated,
230
- 'secondary-background-hover': $palette-grey-250,
231
- 'secondary-background-selected': $palette-grey-230,
232
- 'secondary-foreground-selected': $palette-grey-40,
233
- 'secondary-foreground-selected-invert': $palette-grey-40,
234
- 'secondary-selected': $palette-grey-50,
235
- 'secondary-stroke-selected': $palette-grey-40,
236
- 'secondary-background-glow-high-contrast': $palette-grey-100-deprecated,
237
- 'secondary-dark': $palette-grey-30-deprecated,
238
- 'secondary-dark-hover': $palette-grey-70-deprecated,
239
- 'secondary-hover': $palette-grey-70-deprecated,
240
- 'secondary-active': $palette-grey-60-deprecated,
241
- 'secondary-box-shadow': $palette-black-opacity-70,
242
- 'secondary-invert': $palette-white,
243
- 'tertiary-base': $palette-grey-100-deprecated,
244
- 'tertiary-background': $palette-grey-120-deprecated,
245
- 'tertiary-background-hover': $palette-grey-90-deprecated,
246
- 'tertiary-background-selected': $palette-navy-50,
247
- 'tertiary-foreground-selected': $palette-navy-90,
248
- 'tertiary-foreground-selected-invert': $palette-white,
249
- 'tertiary-selected': $palette-navy-50,
250
- 'tertiary-stroke-selected': $palette-navy-90,
251
- 'tertiary-background-glow-high-contrast': $palette-grey-120-deprecated,
252
- 'tertiary-dark': $palette-grey-30-deprecated,
253
- 'tertiary-dark-hover': $palette-grey-70-deprecated,
254
- 'tertiary-hover': $palette-grey-90-deprecated,
255
- 'tertiary-active': $palette-grey-80-deprecated,
256
- 'tertiary-box-shadow': $palette-blue-opacity-30,
257
- 'tertiary-invert': $palette-white,
258
- 'success-base': $palette-green-30-deprecated,
259
- 'success-background': $palette-green-80-deprecated,
260
- 'success-background-hover': $palette-green-60-deprecated,
261
- 'success-background-selected': $palette-green-230,
262
- 'success-foreground-selected': $palette-green-40,
263
- 'success-foreground-selected-invert': $palette-white,
264
- 'success-selected': $palette-green-190,
265
- 'success-stroke-selected': $palette-green-40,
266
- 'success-background-glow-high-contrast': $palette-green-80-deprecated,
267
- 'success-dark': $palette-green-10-deprecated,
268
- 'success-dark-hover': $palette-green-30-deprecated,
269
- 'success-hover': $palette-green-40-deprecated,
270
- 'success-active': $palette-green-30-deprecated,
271
- 'success-box-shadow': $palette-green-opacity-70,
272
- 'success-invert': $palette-black,
273
- 'info-base': $palette-purple-50,
274
- 'info-background': $palette-purple-80,
275
- 'info-background-hover': $palette-purple-60,
276
- 'info-background-selected': $palette-purple-90,
277
- 'info-foreground-selected': $palette-purple-10,
278
- 'info-foreground-selected-invert': $palette-purple-90,
279
- 'info-selected': $palette-purple-30,
280
- 'info-stroke-selected': $palette-purple-10,
281
- 'info-background-glow-high-contrast': $palette-purple-80,
282
- 'info-dark': $palette-purple-10,
283
- 'info-dark-hover': $palette-purple-30,
284
- 'info-hover': $palette-purple-40,
285
- 'info-active': $palette-purple-30,
286
- 'info-box-shadow': $palette-purple-opacity-70,
287
- 'info-invert': $palette-black,
288
- 'warning-base': $palette-orange-120,
289
- 'warning-background': $palette-orange-210,
290
- 'warning-background-hover': $palette-orange-200,
291
- 'warning-background-selected': $palette-orange-220,
292
- 'warning-foreground-selected': $palette-orange-40,
293
- 'warning-foreground-selected-invert': $palette-black,
294
- 'warning-selected': $palette-orange-130,
295
- 'warning-stroke-selected': $palette-orange-40,
296
- 'warning-background-glow-high-contrast': $palette-orange-200,
297
- 'warning-dark': $palette-orange-40,
298
- 'warning-dark-hover': $palette-orange-110,
299
- 'warning-hover': $palette-orange-90,
300
- 'warning-active': $palette-orange-40,
301
- 'warning-box-shadow': $palette-orange-opacity-70,
302
- 'warning-invert': $palette-black,
303
- 'danger-base': $palette-red-20-deprecated,
304
- 'danger-background': $palette-red-80-deprecated,
305
- 'danger-background-hover': $palette-red-50-deprecated,
306
- 'danger-background-selected': $palette-red-180,
307
- 'danger-foreground-selected': $palette-red-40,
308
- 'danger-foreground-selected-invert': $palette-white,
309
- 'danger-selected': $palette-red-110,
310
- 'danger-stroke-selected': $palette-red-40,
311
- 'danger-background-glow-high-contrast': $palette-red-80-deprecated,
312
- 'danger-dark': $palette-red-10-deprecated,
313
- 'danger-dark-hover': $palette-red-30-deprecated,
314
- 'danger-hover': $palette-red-40-deprecated,
315
- 'danger-active': $palette-red-30-deprecated,
316
- 'danger-box-shadow': $palette-red-opacity-70,
317
- 'danger-invert': $palette-black,
318
- 'facepile-red': $palette-red-40-deprecated,
319
- 'facepile-teal': $palette-turqoise-40-deprecated,
320
- 'facepile-blue': $palette-blue-40-deprecated,
321
- 'gradient-text-purple': $palette-purple-a,
322
- 'gradient-text-blue': $palette-blue-a,
323
- 'gradient-vivid-start': $palette-purple-c,
324
- 'gradient-vivid-end': $palette-blue-30-deprecated
168
+ 'text': palette.$palette-white,
169
+ 'text-subtle': palette.$palette-grey-40-deprecated,
170
+ 'text-invert': palette.$palette-grey-110-deprecated,
171
+ 'text-glow-high-contrast': palette.$palette-grey-30-deprecated,
172
+ 'box-shadow-light': palette.$palette-black-opacity-108,
173
+ 'box-shadow-medium': palette.$palette-black-opacity-132,
174
+ 'box-shadow-heavy': palette.$palette-black-opacity-18,
175
+ 'box-shadow-extra-heavy': palette.$palette-black-opacity-22,
176
+ 'overlay': palette.$palette-black-opacity-70,
177
+ 'overlay-invert': palette.$palette-white,
178
+ 'body-background': palette.$palette-grey-280,
179
+ 'body-background-accent': palette.$palette-blue-black,
180
+ 'body-background-medium': palette.$palette-grey-250,
181
+ 'alternate-background': palette.$palette-grey-20-deprecated,
182
+ 'alternate-background-medium': palette.$palette-grey-10-deprecated,
183
+ 'border': palette.$palette-grey-100-deprecated,
184
+ 'border-accent': palette.$palette-grey-90-deprecated,
185
+ 'border-white-high-contrast': palette.$palette-white-opacity-0,
186
+ 'border-yellow-high-contrast': palette.$palette-black-opacity-0,
187
+ 'card-background': palette.$palette-blue-black,
188
+ 'table-header': palette.$palette-grey-100-deprecated,
189
+ 'table-row': palette.$palette-grey-110-deprecated,
190
+ 'table-row-header': palette.$palette-grey-110-deprecated,
191
+ 'table-border-dark': palette.$palette-grey-90-deprecated,
192
+ 'hover-base': palette.$palette-grey-40-deprecated,
193
+ 'hover-invert': palette.$palette-grey-110-deprecated,
194
+ 'background-selected': palette.$palette-grey-230,
195
+ 'background-subtle-selected': palette.$palette-grey-240,
196
+ 'foreground-selected': palette.$palette-grey-40,
197
+ 'stroke-selected': palette.$palette-grey-40,
198
+ 'code-header': palette.$palette-grey-240,
199
+ 'code-block': palette.$palette-grey-280,
200
+ 'code-block-border': palette.$palette-grey-90,
201
+ 'control-border': palette.$palette-grey-40-deprecated,
202
+ 'control-border-bottom': palette.$palette-grey-30-deprecated,
203
+ 'inline-code': palette.$palette-grey-100-deprecated,
204
+ 'code-highlight-background': palette.$palette-green-220,
205
+ 'visited': palette.$palette-purple-40,
206
+ 'score-low-off': palette.$palette-red-opacity-70,
207
+ 'score-low': palette.$palette-red-50-deprecated,
208
+ 'score-medium-off': palette.$palette-yellow-opacity-30,
209
+ 'score-medium': palette.$palette-yellow-40-deprecated,
210
+ 'score-high-off': palette.$palette-green-opacity-70,
211
+ 'score-high': palette.$palette-green-40-deprecated,
212
+ 'hyperlink': palette.$palette-blue-30-deprecated,
213
+ 'primary-base': palette.$palette-blue-30-deprecated,
214
+ 'primary-background': palette.$palette-blue-80-deprecated,
215
+ 'primary-background-hover': palette.$palette-blue-200,
216
+ 'primary-background-selected': palette.$palette-blue-190,
217
+ 'primary-foreground-selected': palette.$palette-blue-60,
218
+ 'primary-foreground-selected-invert': palette.$palette-white,
219
+ 'primary-selected': palette.$palette-blue-130,
220
+ 'primary-stroke-selected': palette.$palette-blue-60,
221
+ 'primary-background-glow-high-contrast': palette.$palette-blue-80-deprecated,
222
+ 'primary-dark': palette.$palette-blue-20-deprecated,
223
+ 'primary-dark-hover': palette.$palette-blue-20-deprecated,
224
+ 'primary-hover': palette.$palette-blue-40-deprecated,
225
+ 'primary-active': palette.$palette-blue-90,
226
+ 'primary-box-shadow': palette.$palette-blue-opacity-30,
227
+ 'primary-invert': palette.$palette-black,
228
+ 'secondary-base': palette.$palette-grey-80-deprecated,
229
+ 'secondary-background': palette.$palette-grey-100-deprecated,
230
+ 'secondary-background-hover': palette.$palette-grey-250,
231
+ 'secondary-background-selected': palette.$palette-grey-230,
232
+ 'secondary-foreground-selected': palette.$palette-grey-40,
233
+ 'secondary-foreground-selected-invert': palette.$palette-grey-40,
234
+ 'secondary-selected': palette.$palette-grey-50,
235
+ 'secondary-stroke-selected': palette.$palette-grey-40,
236
+ 'secondary-background-glow-high-contrast': palette.$palette-grey-100-deprecated,
237
+ 'secondary-dark': palette.$palette-grey-30-deprecated,
238
+ 'secondary-dark-hover': palette.$palette-grey-70-deprecated,
239
+ 'secondary-hover': palette.$palette-grey-70-deprecated,
240
+ 'secondary-active': palette.$palette-grey-60-deprecated,
241
+ 'secondary-box-shadow': palette.$palette-black-opacity-70,
242
+ 'secondary-invert': palette.$palette-white,
243
+ 'tertiary-base': palette.$palette-grey-100-deprecated,
244
+ 'tertiary-background': palette.$palette-grey-120-deprecated,
245
+ 'tertiary-background-hover': palette.$palette-grey-90-deprecated,
246
+ 'tertiary-background-selected': palette.$palette-navy-50,
247
+ 'tertiary-foreground-selected': palette.$palette-navy-90,
248
+ 'tertiary-foreground-selected-invert': palette.$palette-white,
249
+ 'tertiary-selected': palette.$palette-navy-50,
250
+ 'tertiary-stroke-selected': palette.$palette-navy-90,
251
+ 'tertiary-background-glow-high-contrast': palette.$palette-grey-120-deprecated,
252
+ 'tertiary-dark': palette.$palette-grey-30-deprecated,
253
+ 'tertiary-dark-hover': palette.$palette-grey-70-deprecated,
254
+ 'tertiary-hover': palette.$palette-grey-90-deprecated,
255
+ 'tertiary-active': palette.$palette-grey-80-deprecated,
256
+ 'tertiary-box-shadow': palette.$palette-blue-opacity-30,
257
+ 'tertiary-invert': palette.$palette-white,
258
+ 'success-base': palette.$palette-green-30-deprecated,
259
+ 'success-background': palette.$palette-green-80-deprecated,
260
+ 'success-background-hover': palette.$palette-green-60-deprecated,
261
+ 'success-background-selected': palette.$palette-green-230,
262
+ 'success-foreground-selected': palette.$palette-green-40,
263
+ 'success-foreground-selected-invert': palette.$palette-white,
264
+ 'success-selected': palette.$palette-green-190,
265
+ 'success-stroke-selected': palette.$palette-green-40,
266
+ 'success-background-glow-high-contrast': palette.$palette-green-80-deprecated,
267
+ 'success-dark': palette.$palette-green-10-deprecated,
268
+ 'success-dark-hover': palette.$palette-green-30-deprecated,
269
+ 'success-hover': palette.$palette-green-40-deprecated,
270
+ 'success-active': palette.$palette-green-30-deprecated,
271
+ 'success-box-shadow': palette.$palette-green-opacity-70,
272
+ 'success-invert': palette.$palette-black,
273
+ 'info-base': palette.$palette-purple-50,
274
+ 'info-background': palette.$palette-purple-80,
275
+ 'info-background-hover': palette.$palette-purple-60,
276
+ 'info-background-selected': palette.$palette-purple-90,
277
+ 'info-foreground-selected': palette.$palette-purple-10,
278
+ 'info-foreground-selected-invert': palette.$palette-purple-90,
279
+ 'info-selected': palette.$palette-purple-30,
280
+ 'info-stroke-selected': palette.$palette-purple-10,
281
+ 'info-background-glow-high-contrast': palette.$palette-purple-80,
282
+ 'info-dark': palette.$palette-purple-10,
283
+ 'info-dark-hover': palette.$palette-purple-30,
284
+ 'info-hover': palette.$palette-purple-40,
285
+ 'info-active': palette.$palette-purple-30,
286
+ 'info-box-shadow': palette.$palette-purple-opacity-70,
287
+ 'info-invert': palette.$palette-black,
288
+ 'warning-base': palette.$palette-orange-120,
289
+ 'warning-background': palette.$palette-orange-210,
290
+ 'warning-background-hover': palette.$palette-orange-200,
291
+ 'warning-background-selected': palette.$palette-orange-220,
292
+ 'warning-foreground-selected': palette.$palette-orange-40,
293
+ 'warning-foreground-selected-invert': palette.$palette-black,
294
+ 'warning-selected': palette.$palette-orange-130,
295
+ 'warning-stroke-selected': palette.$palette-orange-40,
296
+ 'warning-background-glow-high-contrast': palette.$palette-orange-200,
297
+ 'warning-dark': palette.$palette-orange-40,
298
+ 'warning-dark-hover': palette.$palette-orange-110,
299
+ 'warning-hover': palette.$palette-orange-90,
300
+ 'warning-active': palette.$palette-orange-40,
301
+ 'warning-box-shadow': palette.$palette-orange-opacity-70,
302
+ 'warning-invert': palette.$palette-black,
303
+ 'danger-base': palette.$palette-red-20-deprecated,
304
+ 'danger-background': palette.$palette-red-80-deprecated,
305
+ 'danger-background-hover': palette.$palette-red-50-deprecated,
306
+ 'danger-background-selected': palette.$palette-red-180,
307
+ 'danger-foreground-selected': palette.$palette-red-40,
308
+ 'danger-foreground-selected-invert': palette.$palette-white,
309
+ 'danger-selected': palette.$palette-red-110,
310
+ 'danger-stroke-selected': palette.$palette-red-40,
311
+ 'danger-background-glow-high-contrast': palette.$palette-red-80-deprecated,
312
+ 'danger-dark': palette.$palette-red-10-deprecated,
313
+ 'danger-dark-hover': palette.$palette-red-30-deprecated,
314
+ 'danger-hover': palette.$palette-red-40-deprecated,
315
+ 'danger-active': palette.$palette-red-30-deprecated,
316
+ 'danger-box-shadow': palette.$palette-red-opacity-70,
317
+ 'danger-invert': palette.$palette-black,
318
+ 'facepile-red': palette.$palette-red-40-deprecated,
319
+ 'facepile-teal': palette.$palette-turqoise-40-deprecated,
320
+ 'facepile-blue': palette.$palette-blue-40-deprecated,
321
+ 'gradient-text-purple': palette.$palette-purple-a,
322
+ 'gradient-text-blue': palette.$palette-blue-a,
323
+ 'gradient-vivid-start': palette.$palette-purple-c,
324
+ 'gradient-vivid-end': palette.$palette-blue-30-deprecated
325
325
  ),
326
326
  'high-contrast': (
327
- 'text': $palette-white,
328
- 'text-subtle': $palette-white,
329
- 'text-invert': $palette-black,
330
- 'text-glow-high-contrast': $palette-yellow-high-contrast,
331
- 'box-shadow-light': $palette-black-opacity-108,
332
- 'box-shadow-medium': $palette-black-opacity-132,
333
- 'box-shadow-heavy': $palette-black-opacity-18,
334
- 'box-shadow-extra-heavy': $palette-black-opacity-22,
335
- 'overlay': $palette-grey-100-deprecated,
336
- 'overlay-invert': $palette-white,
337
- 'body-background': $palette-black,
338
- 'body-background-accent': $palette-black,
339
- 'body-background-medium': $palette-black,
340
- 'alternate-background': $palette-white,
341
- 'alternate-background-medium': $palette-white,
342
- 'border': $palette-white,
343
- 'border-accent': $palette-white,
344
- 'border-white-high-contrast': $palette-white,
345
- 'border-yellow-high-contrast': $palette-yellow-high-contrast,
346
- 'card-background': $palette-black,
347
- 'table-header': $palette-grey-90-deprecated,
348
- 'table-row': $palette-black,
349
- 'table-row-header': $palette-grey-120-deprecated,
350
- 'table-border-dark': $palette-white,
351
- 'hover-base': $palette-yellow-high-contrast,
352
- 'hover-invert': $palette-black,
353
- 'background-selected': $palette-black,
354
- 'background-subtle-selected': $palette-black,
355
- 'foreground-selected': $palette-grey-80,
356
- 'stroke-selected': $palette-yellow-high-contrast-selected,
357
- 'code-header': $palette-black,
358
- 'code-block': $palette-black,
359
- 'code-block-border': $palette-white,
360
- 'control-border': $palette-white,
361
- 'control-border-bottom': $palette-white,
362
- 'inline-code': $palette-grey-110-deprecated,
363
- 'code-highlight-background': $palette-green-70-deprecated,
364
- 'visited': $palette-visited-high-contrast,
365
- 'score-low-off': $palette-red-60-deprecated,
366
- 'score-low': $palette-red-10-deprecated,
367
- 'score-medium-off': $palette-yellow-opacity-70,
368
- 'score-medium': $palette-yellow-20-deprecated,
369
- 'score-high-off': $palette-green-60-deprecated,
370
- 'score-high': $palette-green-10-deprecated,
371
- 'hyperlink': $palette-yellow-high-contrast,
372
- 'primary-base': $palette-yellow-high-contrast,
373
- 'primary-background': $palette-black,
374
- 'primary-background-hover': $palette-yellow-high-contrast-hover,
375
- 'primary-background-glow-high-contrast': $palette-yellow-high-contrast,
376
- 'primary-background-selected': $palette-black,
377
- 'primary-foreground-selected': $palette-yellow-high-contrast-selected,
378
- 'primary-foreground-selected-invert': $palette-black,
379
- 'primary-selected': $palette-yellow-high-contrast-selected,
380
- 'primary-stroke-selected': $palette-yellow-high-contrast-selected,
381
- 'primary-dark': $palette-yellow-high-contrast,
382
- 'primary-dark-hover': $palette-black,
383
- 'primary-hover': $palette-yellow-high-contrast-hover,
384
- 'primary-active': $palette-yellow-high-contrast-hover,
385
- 'primary-box-shadow': $palette-white,
386
- 'primary-invert': $palette-black,
387
- 'secondary-base': $palette-grey-40,
388
- 'secondary-background': $palette-black,
389
- 'secondary-background-hover': $palette-yellow-high-contrast-hover,
390
- 'secondary-background-glow-high-contrast': $palette-grey-90-deprecated,
391
- 'secondary-background-selected': $palette-black,
392
- 'secondary-foreground-selected': $palette-grey-80,
393
- 'secondary-foreground-selected-invert': $palette-grey-80,
394
- 'secondary-selected': $palette-grey-80,
395
- 'secondary-stroke-selected': $palette-yellow-high-contrast-selected,
396
- 'secondary-dark': $palette-grey-30-deprecated,
397
- 'secondary-dark-hover': $palette-black,
398
- 'secondary-hover': $palette-grey-40-deprecated,
399
- 'secondary-active': $palette-grey-40-deprecated,
400
- 'secondary-box-shadow': $palette-grey-30-deprecated,
401
- 'secondary-invert': $palette-black,
402
- 'tertiary-base': $palette-white,
403
- 'tertiary-background': $palette-black,
404
- 'tertiary-background-hover': $palette-grey-90,
405
- 'tertiary-background-selected': $palette-navy-50,
406
- 'tertiary-foreground-selected': $palette-navy-90,
407
- 'tertiary-foreground-selected-invert': $palette-white,
408
- 'tertiary-selected': $palette-navy-50,
409
- 'tertiary-stroke-selected': $palette-navy-90,
410
- 'tertiary-background-glow-high-contrast': $palette-white,
411
- 'tertiary-dark': $palette-white,
412
- 'tertiary-dark-hover': $palette-grey-30-deprecated,
413
- 'tertiary-hover': $palette-grey-30-deprecated,
414
- 'tertiary-active': $palette-grey-30-deprecated,
415
- 'tertiary-box-shadow': $palette-white,
416
- 'tertiary-invert': $palette-black,
417
- 'success-base': $palette-green-30-deprecated,
418
- 'success-background': $palette-black,
419
- 'success-background-hover': $palette-green-20-deprecated,
420
- 'success-background-selected': $palette-black,
421
- 'success-foreground-selected': $palette-green-120,
422
- 'success-foreground-selected-invert': $palette-black,
423
- 'success-selected': $palette-green-120,
424
- 'success-stroke-selected': $palette-green-120,
425
- 'success-background-glow-high-contrast': $palette-green-30-deprecated,
426
- 'success-dark': $palette-green-20-deprecated,
427
- 'success-dark-hover': $palette-green-30-deprecated,
428
- 'success-hover': $palette-green-20-deprecated,
429
- 'success-active': $palette-green-20-deprecated,
430
- 'success-box-shadow': $palette-white,
431
- 'success-invert': $palette-black,
432
- 'info-base': $palette-purple-20,
433
- 'info-background': $palette-black,
434
- 'info-background-hover': $palette-purple-20,
435
- 'info-background-selected': $palette-black,
436
- 'info-foreground-selected': $palette-purple-10,
437
- 'info-foreground-selected-invert': $palette-black,
438
- 'info-selected': $palette-purple-30,
439
- 'info-stroke-selected': $palette-purple-10,
440
- 'info-background-glow-high-contrast': $palette-purple-20,
441
- 'info-dark': $palette-purple-10,
442
- 'info-dark-hover': $palette-purple-30,
443
- 'info-hover': $palette-purple-10,
444
- 'info-active': $palette-purple-10,
445
- 'info-box-shadow': $palette-white,
446
- 'info-invert': $palette-black,
447
- 'warning-base': $palette-orange-70,
448
- 'warning-background': $palette-black,
449
- 'warning-background-hover': $palette-orange-20,
450
- 'warning-background-selected': $palette-black,
451
- 'warning-foreground-selected': $palette-orange-60,
452
- 'warning-foreground-selected-invert': $palette-black,
453
- 'warning-selected': $palette-orange-60,
454
- 'warning-stroke-selected': $palette-orange-60,
455
- 'warning-background-glow-high-contrast': $palette-orange-30,
456
- 'warning-dark': $palette-orange-70,
457
- 'warning-dark-hover': $palette-orange-40,
458
- 'warning-hover': $palette-orange-50,
459
- 'warning-active': $palette-orange-10,
460
- 'warning-box-shadow': $palette-white,
461
- 'warning-invert': $palette-black,
462
- 'danger-base': $palette-red-20-deprecated,
463
- 'danger-background': $palette-black,
464
- 'danger-background-hover': $palette-red-20-deprecated,
465
- 'danger-background-selected': $palette-black,
466
- 'danger-foreground-selected': $palette-red-60,
467
- 'danger-foreground-selected-invert': $palette-black,
468
- 'danger-selected': $palette-red-60,
469
- 'danger-stroke-selected': $palette-red-60,
470
- 'danger-background-glow-high-contrast': $palette-red-20-deprecated,
471
- 'danger-dark': $palette-red-10-deprecated,
472
- 'danger-dark-hover': $palette-red-30-deprecated,
473
- 'danger-hover': $palette-red-10-deprecated,
474
- 'danger-active': $palette-red-10-deprecated,
475
- 'danger-box-shadow': $palette-white,
476
- 'danger-invert': $palette-black,
477
- 'facepile-red': $palette-red-30-deprecated,
478
- 'facepile-teal': $palette-turqoise-30-deprecated,
479
- 'facepile-blue': $palette-blue-30-deprecated,
480
- 'gradient-text-purple': $white-static,
481
- 'gradient-text-blue': $white-static,
482
- 'gradient-vivid-start': $white-static,
483
- 'gradient-vivid-end': $white-static
327
+ 'text': palette.$palette-white,
328
+ 'text-subtle': palette.$palette-white,
329
+ 'text-invert': palette.$palette-black,
330
+ 'text-glow-high-contrast': palette.$palette-yellow-high-contrast,
331
+ 'box-shadow-light': palette.$palette-black-opacity-108,
332
+ 'box-shadow-medium': palette.$palette-black-opacity-132,
333
+ 'box-shadow-heavy': palette.$palette-black-opacity-18,
334
+ 'box-shadow-extra-heavy': palette.$palette-black-opacity-22,
335
+ 'overlay': palette.$palette-grey-100-deprecated,
336
+ 'overlay-invert': palette.$palette-white,
337
+ 'body-background': palette.$palette-black,
338
+ 'body-background-accent': palette.$palette-black,
339
+ 'body-background-medium': palette.$palette-black,
340
+ 'alternate-background': palette.$palette-white,
341
+ 'alternate-background-medium': palette.$palette-white,
342
+ 'border': palette.$palette-white,
343
+ 'border-accent': palette.$palette-white,
344
+ 'border-white-high-contrast': palette.$palette-white,
345
+ 'border-yellow-high-contrast': palette.$palette-yellow-high-contrast,
346
+ 'card-background': palette.$palette-black,
347
+ 'table-header': palette.$palette-grey-90-deprecated,
348
+ 'table-row': palette.$palette-black,
349
+ 'table-row-header': palette.$palette-grey-120-deprecated,
350
+ 'table-border-dark': palette.$palette-white,
351
+ 'hover-base': palette.$palette-yellow-high-contrast,
352
+ 'hover-invert': palette.$palette-black,
353
+ 'background-selected': palette.$palette-black,
354
+ 'background-subtle-selected': palette.$palette-black,
355
+ 'foreground-selected': palette.$palette-grey-80,
356
+ 'stroke-selected': palette.$palette-yellow-high-contrast-selected,
357
+ 'code-header': palette.$palette-black,
358
+ 'code-block': palette.$palette-black,
359
+ 'code-block-border': palette.$palette-white,
360
+ 'control-border': palette.$palette-white,
361
+ 'control-border-bottom': palette.$palette-white,
362
+ 'inline-code': palette.$palette-grey-110-deprecated,
363
+ 'code-highlight-background': palette.$palette-green-70-deprecated,
364
+ 'visited': palette.$palette-visited-high-contrast,
365
+ 'score-low-off': palette.$palette-red-60-deprecated,
366
+ 'score-low': palette.$palette-red-10-deprecated,
367
+ 'score-medium-off': palette.$palette-yellow-opacity-70,
368
+ 'score-medium': palette.$palette-yellow-20-deprecated,
369
+ 'score-high-off': palette.$palette-green-60-deprecated,
370
+ 'score-high': palette.$palette-green-10-deprecated,
371
+ 'hyperlink': palette.$palette-yellow-high-contrast,
372
+ 'primary-base': palette.$palette-yellow-high-contrast,
373
+ 'primary-background': palette.$palette-black,
374
+ 'primary-background-hover': palette.$palette-yellow-high-contrast-hover,
375
+ 'primary-background-glow-high-contrast': palette.$palette-yellow-high-contrast,
376
+ 'primary-background-selected': palette.$palette-black,
377
+ 'primary-foreground-selected': palette.$palette-yellow-high-contrast-selected,
378
+ 'primary-foreground-selected-invert': palette.$palette-black,
379
+ 'primary-selected': palette.$palette-yellow-high-contrast-selected,
380
+ 'primary-stroke-selected': palette.$palette-yellow-high-contrast-selected,
381
+ 'primary-dark': palette.$palette-yellow-high-contrast,
382
+ 'primary-dark-hover': palette.$palette-black,
383
+ 'primary-hover': palette.$palette-yellow-high-contrast-hover,
384
+ 'primary-active': palette.$palette-yellow-high-contrast-hover,
385
+ 'primary-box-shadow': palette.$palette-white,
386
+ 'primary-invert': palette.$palette-black,
387
+ 'secondary-base': palette.$palette-grey-40,
388
+ 'secondary-background': palette.$palette-black,
389
+ 'secondary-background-hover': palette.$palette-yellow-high-contrast-hover,
390
+ 'secondary-background-glow-high-contrast': palette.$palette-grey-90-deprecated,
391
+ 'secondary-background-selected': palette.$palette-black,
392
+ 'secondary-foreground-selected': palette.$palette-grey-80,
393
+ 'secondary-foreground-selected-invert': palette.$palette-grey-80,
394
+ 'secondary-selected': palette.$palette-grey-80,
395
+ 'secondary-stroke-selected': palette.$palette-yellow-high-contrast-selected,
396
+ 'secondary-dark': palette.$palette-grey-30-deprecated,
397
+ 'secondary-dark-hover': palette.$palette-black,
398
+ 'secondary-hover': palette.$palette-grey-40-deprecated,
399
+ 'secondary-active': palette.$palette-grey-40-deprecated,
400
+ 'secondary-box-shadow': palette.$palette-grey-30-deprecated,
401
+ 'secondary-invert': palette.$palette-black,
402
+ 'tertiary-base': palette.$palette-white,
403
+ 'tertiary-background': palette.$palette-black,
404
+ 'tertiary-background-hover': palette.$palette-grey-90,
405
+ 'tertiary-background-selected': palette.$palette-navy-50,
406
+ 'tertiary-foreground-selected': palette.$palette-navy-90,
407
+ 'tertiary-foreground-selected-invert': palette.$palette-white,
408
+ 'tertiary-selected': palette.$palette-navy-50,
409
+ 'tertiary-stroke-selected': palette.$palette-navy-90,
410
+ 'tertiary-background-glow-high-contrast': palette.$palette-white,
411
+ 'tertiary-dark': palette.$palette-white,
412
+ 'tertiary-dark-hover': palette.$palette-grey-30-deprecated,
413
+ 'tertiary-hover': palette.$palette-grey-30-deprecated,
414
+ 'tertiary-active': palette.$palette-grey-30-deprecated,
415
+ 'tertiary-box-shadow': palette.$palette-white,
416
+ 'tertiary-invert': palette.$palette-black,
417
+ 'success-base': palette.$palette-green-30-deprecated,
418
+ 'success-background': palette.$palette-black,
419
+ 'success-background-hover': palette.$palette-green-20-deprecated,
420
+ 'success-background-selected': palette.$palette-black,
421
+ 'success-foreground-selected': palette.$palette-green-120,
422
+ 'success-foreground-selected-invert': palette.$palette-black,
423
+ 'success-selected': palette.$palette-green-120,
424
+ 'success-stroke-selected': palette.$palette-green-120,
425
+ 'success-background-glow-high-contrast': palette.$palette-green-30-deprecated,
426
+ 'success-dark': palette.$palette-green-20-deprecated,
427
+ 'success-dark-hover': palette.$palette-green-30-deprecated,
428
+ 'success-hover': palette.$palette-green-20-deprecated,
429
+ 'success-active': palette.$palette-green-20-deprecated,
430
+ 'success-box-shadow': palette.$palette-white,
431
+ 'success-invert': palette.$palette-black,
432
+ 'info-base': palette.$palette-purple-20,
433
+ 'info-background': palette.$palette-black,
434
+ 'info-background-hover': palette.$palette-purple-20,
435
+ 'info-background-selected': palette.$palette-black,
436
+ 'info-foreground-selected': palette.$palette-purple-10,
437
+ 'info-foreground-selected-invert': palette.$palette-black,
438
+ 'info-selected': palette.$palette-purple-30,
439
+ 'info-stroke-selected': palette.$palette-purple-10,
440
+ 'info-background-glow-high-contrast': palette.$palette-purple-20,
441
+ 'info-dark': palette.$palette-purple-10,
442
+ 'info-dark-hover': palette.$palette-purple-30,
443
+ 'info-hover': palette.$palette-purple-10,
444
+ 'info-active': palette.$palette-purple-10,
445
+ 'info-box-shadow': palette.$palette-white,
446
+ 'info-invert': palette.$palette-black,
447
+ 'warning-base': palette.$palette-orange-70,
448
+ 'warning-background': palette.$palette-black,
449
+ 'warning-background-hover': palette.$palette-orange-20,
450
+ 'warning-background-selected': palette.$palette-black,
451
+ 'warning-foreground-selected': palette.$palette-orange-60,
452
+ 'warning-foreground-selected-invert': palette.$palette-black,
453
+ 'warning-selected': palette.$palette-orange-60,
454
+ 'warning-stroke-selected': palette.$palette-orange-60,
455
+ 'warning-background-glow-high-contrast': palette.$palette-orange-30,
456
+ 'warning-dark': palette.$palette-orange-70,
457
+ 'warning-dark-hover': palette.$palette-orange-40,
458
+ 'warning-hover': palette.$palette-orange-50,
459
+ 'warning-active': palette.$palette-orange-10,
460
+ 'warning-box-shadow': palette.$palette-white,
461
+ 'warning-invert': palette.$palette-black,
462
+ 'danger-base': palette.$palette-red-20-deprecated,
463
+ 'danger-background': palette.$palette-black,
464
+ 'danger-background-hover': palette.$palette-red-20-deprecated,
465
+ 'danger-background-selected': palette.$palette-black,
466
+ 'danger-foreground-selected': palette.$palette-red-60,
467
+ 'danger-foreground-selected-invert': palette.$palette-black,
468
+ 'danger-selected': palette.$palette-red-60,
469
+ 'danger-stroke-selected': palette.$palette-red-60,
470
+ 'danger-background-glow-high-contrast': palette.$palette-red-20-deprecated,
471
+ 'danger-dark': palette.$palette-red-10-deprecated,
472
+ 'danger-dark-hover': palette.$palette-red-30-deprecated,
473
+ 'danger-hover': palette.$palette-red-10-deprecated,
474
+ 'danger-active': palette.$palette-red-10-deprecated,
475
+ 'danger-box-shadow': palette.$palette-white,
476
+ 'danger-invert': palette.$palette-black,
477
+ 'facepile-red': palette.$palette-red-30-deprecated,
478
+ 'facepile-teal': palette.$palette-turqoise-30-deprecated,
479
+ 'facepile-blue': palette.$palette-blue-30-deprecated,
480
+ 'gradient-text-purple': colors.$white-static,
481
+ 'gradient-text-blue': colors.$white-static,
482
+ 'gradient-vivid-start': colors.$white-static,
483
+ 'gradient-vivid-end': colors.$white-static
484
484
  )
485
485
  ) !default;
486
486
  //@end-sass-export-section