@salutejs-ds/sdds_sbcom 0.1.3 → 0.1.5
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.
- package/components/Button/Button.config.d.ts +2 -2
- package/components/Button/Button.config.js +8 -8
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1ccu9cu.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +4 -4
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/IconButton/IconButton.config.d.ts +1 -1
- package/components/IconButton/IconButton.config.js +3 -3
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +1 -1
- package/components/Link/Link.config.js +1 -1
- package/components/Link/Link.config.js.map +1 -1
- package/{es/components/Link/Link.config_9ew1ky.css → components/Link/Link.config_xhilcr.css} +3 -3
- package/components/Link/Link.css +8 -8
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +306 -306
- package/css/sdds_sbcom__dark.css +165 -165
- package/css/sdds_sbcom__light.css +168 -168
- package/es/components/Button/Button.config.js +8 -8
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1ccu9cu.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +4 -4
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1rh5bl.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/IconButton/IconButton.config.js +3 -3
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_cfiy79.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +1 -1
- package/es/components/Link/Link.config.js.map +1 -1
- package/{components/Link/Link.config_9ew1ky.css → es/components/Link/Link.config_xhilcr.css} +3 -3
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_hk6a3j.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +37 -37
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +387 -387
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +37 -37
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +3 -3
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +3 -3
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +273 -273
- package/theme/tokens/index.js +387 -387
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1fseone.css +0 -10
- package/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
- package/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
- package/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
- package/es/components/Button/Button.config_1fseone.css +0 -10
- package/es/components/Checkbox/Checkbox.config_akvxn0.css +0 -6
- package/es/components/IconButton/IconButton.config_1uu5rxr.css +0 -9
- package/es/components/Radiobox/Radiobox.config_1tzom6m.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -3,6 +3,282 @@
|
|
|
3
3
|
/** Третичный цвет текста */
|
|
4
4
|
var textTertiaryHover = 'var(--text-tertiary-hover, #F5F5F5FF)';
|
|
5
5
|
|
|
6
|
+
/** Инвертированный cплошной наборный текст */
|
|
7
|
+
var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
|
|
8
|
+
|
|
9
|
+
/** Инвертированный минорный акцентный цвет */
|
|
10
|
+
var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
|
|
11
|
+
|
|
12
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
13
|
+
var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
|
|
14
|
+
|
|
15
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
16
|
+
var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
|
|
17
|
+
|
|
18
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
19
|
+
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
|
|
20
|
+
|
|
21
|
+
/** Основной прозрачный фон поверхности/контрола */
|
|
22
|
+
var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
|
|
23
|
+
|
|
24
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
25
|
+
var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
|
|
26
|
+
|
|
27
|
+
/** Прозрачный фон для карточек на темном фоне */
|
|
28
|
+
var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
|
|
29
|
+
|
|
30
|
+
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
31
|
+
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
|
|
32
|
+
|
|
33
|
+
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
34
|
+
var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
|
|
35
|
+
|
|
36
|
+
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
37
|
+
var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
|
|
38
|
+
|
|
39
|
+
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
40
|
+
var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
|
|
41
|
+
|
|
42
|
+
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
43
|
+
var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
|
|
44
|
+
|
|
45
|
+
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
46
|
+
var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
|
|
47
|
+
|
|
48
|
+
/** Цвет обводки успех */
|
|
49
|
+
var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
|
|
50
|
+
|
|
51
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
52
|
+
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
|
|
53
|
+
|
|
54
|
+
/** Цвет обводки успех на светлом фоне */
|
|
55
|
+
var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
|
|
56
|
+
|
|
57
|
+
/** Основной прозрачный цвет обводки на темном фоне */
|
|
58
|
+
var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
|
|
59
|
+
|
|
60
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
61
|
+
var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
|
|
62
|
+
|
|
63
|
+
/** Вторичный цвет текста */
|
|
64
|
+
var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
|
|
65
|
+
|
|
66
|
+
/** */
|
|
67
|
+
var onDarkOutlineMinorBrightness = 'var(--on-dark-outline-minor-brightness, #383838FF)';
|
|
68
|
+
|
|
69
|
+
/** */
|
|
70
|
+
var backgroundSecondaryBrightness = 'var(--background-secondary-brightness, #000000FF)';
|
|
71
|
+
|
|
72
|
+
/** */
|
|
73
|
+
var personaBlueTextAccentBrightness = 'var(--persona-blue-text-accent-brightness, #15110FFF)';
|
|
74
|
+
|
|
75
|
+
/** */
|
|
76
|
+
var personaGreenTextAccentBrightness = 'var(--persona-green-text-accent-brightness, #15110FFF)';
|
|
77
|
+
|
|
78
|
+
/** */
|
|
79
|
+
var personaIndigoTextAccentBrightness = 'var(--persona-indigo-text-accent-brightness, #15110FFF)';
|
|
80
|
+
|
|
81
|
+
/** */
|
|
82
|
+
var personaOchreTextAccentBrightness = 'var(--persona-ochre-text-accent-brightness, #15110FFF)';
|
|
83
|
+
|
|
84
|
+
/** */
|
|
85
|
+
var personaOliveTextAccentBrightness = 'var(--persona-olive-text-accent-brightness, #15110FFF)';
|
|
86
|
+
|
|
87
|
+
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
88
|
+
var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
89
|
+
|
|
90
|
+
/** */
|
|
91
|
+
var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
|
|
92
|
+
|
|
93
|
+
/** */
|
|
94
|
+
var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #9291E5)';
|
|
95
|
+
|
|
96
|
+
/** */
|
|
97
|
+
var onDarkPersonaPinkTextAccentBrightness = 'var(--on-dark-persona-pink-text-accent-brightness, #15110FFF)';
|
|
98
|
+
|
|
99
|
+
/** */
|
|
100
|
+
var onDarkPersonaSeaBlueTextAccentBrightness = 'var(--on-dark-persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
101
|
+
|
|
102
|
+
/** */
|
|
103
|
+
var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
104
|
+
|
|
105
|
+
/** */
|
|
106
|
+
var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
107
|
+
|
|
108
|
+
/** */
|
|
109
|
+
var onLightPersonaOliveTextAccentActive = 'var(--on-light-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
110
|
+
|
|
111
|
+
/** */
|
|
112
|
+
var onDarkPersonaVioletTextAccentBrightness = 'var(--on-dark-persona-violet-text-accent-brightness, #15110FFF)';
|
|
113
|
+
|
|
114
|
+
/** Акцентный минорный цвет на темном фоне */
|
|
115
|
+
var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
|
|
116
|
+
|
|
117
|
+
/** */
|
|
118
|
+
var onLightSurfaceAccentSecondaryBrightness = 'var(--on-light-surface-accent-secondary-brightness, #688F61FF)';
|
|
119
|
+
|
|
120
|
+
/** */
|
|
121
|
+
var surfaceTransparentAccentMinorBrightness = 'var(--surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
122
|
+
|
|
123
|
+
/** */
|
|
124
|
+
var onDarkSurfaceAccentSecondaryBrightness = 'var(--on-dark-surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
125
|
+
|
|
126
|
+
/** */
|
|
127
|
+
var inversePersonaOchreTextAccentBrightness = 'var(--inverse-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
128
|
+
|
|
129
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
130
|
+
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
131
|
+
|
|
132
|
+
/** */
|
|
133
|
+
var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
|
|
134
|
+
|
|
135
|
+
/** */
|
|
136
|
+
var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
|
|
137
|
+
|
|
138
|
+
/** */
|
|
139
|
+
var personaSeaBlueTextAccentActive = 'var(--persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
140
|
+
|
|
141
|
+
/** */
|
|
142
|
+
var inversePersonaIndigoTextAccentActive = 'var(--inverse-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
143
|
+
|
|
144
|
+
/** */
|
|
145
|
+
var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #E0AB69)';
|
|
146
|
+
|
|
147
|
+
/** */
|
|
148
|
+
var onLightPersonaBlueTextAccentBrightness = 'var(--on-light-persona-blue-text-accent-brightness, #EBE7E5FF)';
|
|
149
|
+
|
|
150
|
+
/** */
|
|
151
|
+
var onLightPersonaGreenTextAccentBrightness = 'var(--on-light-persona-green-text-accent-brightness, #EBE7E5FF)';
|
|
152
|
+
|
|
153
|
+
/** */
|
|
154
|
+
var onLightPersonaIndigoTextAccentBrightness = 'var(--on-light-persona-indigo-text-accent-brightness, #EBE7E5FF)';
|
|
155
|
+
|
|
156
|
+
/** */
|
|
157
|
+
var onLightPersonaOchreTextAccentBrightness = 'var(--on-light-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
158
|
+
|
|
159
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
160
|
+
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
|
|
161
|
+
|
|
162
|
+
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
163
|
+
var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
|
|
164
|
+
|
|
165
|
+
/** */
|
|
166
|
+
var onDarkOutlineDefaultBrightness = 'var(--on-dark-outline-default-brightness, #3B3735FF)';
|
|
167
|
+
|
|
168
|
+
/** Цвет обводки предупреждение на светлом фоне */
|
|
169
|
+
var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
|
|
170
|
+
|
|
171
|
+
/** */
|
|
172
|
+
var inverseSurfaceTransparentAccentMinorBrightness = 'var(--inverse-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
173
|
+
|
|
174
|
+
/** */
|
|
175
|
+
var onLightSurfaceAccentPrimaryBrightness = 'var(--on-light-surface-accent-primary-brightness, #527E4BFF)';
|
|
176
|
+
|
|
177
|
+
/** */
|
|
178
|
+
var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
179
|
+
|
|
180
|
+
/** */
|
|
181
|
+
var onDarkBackgroundSecondaryBrightness = 'var(--on-dark-background-secondary-brightness, #0F0F0FFF)';
|
|
182
|
+
|
|
183
|
+
/** */
|
|
184
|
+
var onLightBackgroundSecondaryBrightness = 'var(--on-light-background-secondary-brightness, #F6F2F0FF)';
|
|
185
|
+
|
|
186
|
+
/** */
|
|
187
|
+
var outlineDefaultBrightness = 'var(--outline-default-brightness, #3B3735FF)';
|
|
188
|
+
|
|
189
|
+
/** */
|
|
190
|
+
var outlineMinorBrightness = 'var(--outline-minor-brightness, #383838FF)';
|
|
191
|
+
|
|
192
|
+
/** */
|
|
193
|
+
var outlineTransparentClearBrightness = 'var(--outline-transparent-clear-brightness, #00000000)';
|
|
194
|
+
|
|
195
|
+
/** */
|
|
196
|
+
var inverseOutlineDefaultBrightness = 'var(--inverse-outline-default-brightness, #DDD9D7FF)';
|
|
197
|
+
|
|
198
|
+
/** */
|
|
199
|
+
var inverseOutlineOutlineMinorBrightness = 'var(--inverse-outline-outline-minor-brightness, #FFFFFFFF)';
|
|
200
|
+
|
|
201
|
+
/** */
|
|
202
|
+
var inversePersonaOliveTextAccentBrightness = 'var(--inverse-persona-olive-text-accent-brightness, #EBE7E5FF)';
|
|
203
|
+
|
|
204
|
+
/** */
|
|
205
|
+
var inversePersonaPinkTextAccentBrightness = 'var(--inverse-persona-pink-text-accent-brightness, #EBE7E5FF)';
|
|
206
|
+
|
|
207
|
+
/** */
|
|
208
|
+
var inversePersonaSeaBlueTextAccentBrightness = 'var(--inverse-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
|
|
209
|
+
|
|
210
|
+
/** */
|
|
211
|
+
var inversePersonaVioletTextAccentBrightness = 'var(--inverse-persona-violet-text-accent-brightness, #EBE7E5FF)';
|
|
212
|
+
|
|
213
|
+
/** */
|
|
214
|
+
var onDarkPersonaBlueTextAccentBrightness = 'var(--on-dark-persona-blue-text-accent-brightness, #15110FFF)';
|
|
215
|
+
|
|
216
|
+
/** */
|
|
217
|
+
var onDarkPersonaIndigoTextAccentBrightness = 'var(--on-dark-persona-indigo-text-accent-brightness, #15110FFF)';
|
|
218
|
+
|
|
219
|
+
/** */
|
|
220
|
+
var onDarkPersonaOchreTextAccentBrightness = 'var(--on-dark-persona-ochre-text-accent-brightness, #15110FFF)';
|
|
221
|
+
|
|
222
|
+
/** */
|
|
223
|
+
var onDarkPersonaOliveTextAccentBrightness = 'var(--on-dark-persona-olive-text-accent-brightness, #15110FFF)';
|
|
224
|
+
|
|
225
|
+
/** */
|
|
226
|
+
var onLightPersonaOliveTextAccentBrightness = 'var(--on-light-persona-olive-text-accent-brightness, #EBE7E5FF)';
|
|
227
|
+
|
|
228
|
+
/** */
|
|
229
|
+
var onLightPersonaVioletTextAccentBrightness = 'var(--on-light-persona-violet-text-accent-brightness, #EBE7E5FF)';
|
|
230
|
+
|
|
231
|
+
/** */
|
|
232
|
+
var inverseSurfaceAccentSecondaryBrightness = 'var(--inverse-surface-accent-secondary-brightness, #688F61FF)';
|
|
233
|
+
|
|
234
|
+
/** */
|
|
235
|
+
var onDarkSurfaceTransparentAccentMinorBrightness = 'var(--on-dark-surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
236
|
+
|
|
237
|
+
/** */
|
|
238
|
+
var surfaceAccentPrimaryBrightness = 'var(--surface-accent-primary-brightness, #B4AE7BFF)';
|
|
239
|
+
|
|
240
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
241
|
+
var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
242
|
+
|
|
243
|
+
/** */
|
|
244
|
+
var onDarkPersonaGreenTextAccentBrightness = 'var(--on-dark-persona-green-text-accent-brightness, #15110FFF)';
|
|
245
|
+
|
|
246
|
+
/** */
|
|
247
|
+
var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
|
|
248
|
+
|
|
249
|
+
/** */
|
|
250
|
+
var onLightOutlineMinorBrightness = 'var(--on-light-outline-minor-brightness, #FFFFFFFF)';
|
|
251
|
+
|
|
252
|
+
/** */
|
|
253
|
+
var personaSeaBlueTextAccentBrightness = 'var(--persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
254
|
+
|
|
255
|
+
/** */
|
|
256
|
+
var personaVioletTextAccentBrightness = 'var(--persona-violet-text-accent-brightness, #15110FFF)';
|
|
257
|
+
|
|
258
|
+
/** */
|
|
259
|
+
var inversePersonaBlueTextAccentBrightness = 'var(--inverse-persona-blue-text-accent-brightness, #EBE7E5FF)';
|
|
260
|
+
|
|
261
|
+
/** */
|
|
262
|
+
var inversePersonaGreenTextAccentBrightness = 'var(--inverse-persona-green-text-accent-brightness, #EBE7E5FF)';
|
|
263
|
+
|
|
264
|
+
/** */
|
|
265
|
+
var inversePersonaIndigoTextAccentBrightness = 'var(--inverse-persona-indigo-text-accent-brightness, #EBE7E5FF)';
|
|
266
|
+
|
|
267
|
+
/** */
|
|
268
|
+
var onLightPersonaPinkTextAccentBrightness = 'var(--on-light-persona-pink-text-accent-brightness, #EBE7E5FF)';
|
|
269
|
+
|
|
270
|
+
/** */
|
|
271
|
+
var onDarkSurfaceAccentPrimaryBrightness = 'var(--on-dark-surface-accent-primary-brightness, #B4AE7BFF)';
|
|
272
|
+
|
|
273
|
+
/** */
|
|
274
|
+
var onLightSurfaceTransparentAccentMinorBrightness = 'var(--on-light-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
275
|
+
|
|
276
|
+
/** */
|
|
277
|
+
var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
|
|
278
|
+
|
|
279
|
+
/** */
|
|
280
|
+
var personaPinkTextAccentBrightness = 'var(--persona-pink-text-accent-brightness, #15110FFF)';
|
|
281
|
+
|
|
6
282
|
/** Третичный цвет текста */
|
|
7
283
|
var textTertiaryActive = 'var(--text-tertiary-active, #F5F5F556)';
|
|
8
284
|
|
|
@@ -279,9 +555,6 @@ var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #1717177A)'
|
|
|
279
555
|
/** Инвертированный cплошной наборный текст */
|
|
280
556
|
var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
|
|
281
557
|
|
|
282
|
-
/** Инвертированный cплошной наборный текст */
|
|
283
|
-
var inverseTextParagraph = 'var(--inverse-text-paragraph, #15110F66)';
|
|
284
|
-
|
|
285
558
|
/** Инвертированный акцентный цвет */
|
|
286
559
|
var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #79B706FF)';
|
|
287
560
|
|
|
@@ -330,12 +603,6 @@ var inverseTextAccent = 'var(--inverse-text-accent, #52804AFF)';
|
|
|
330
603
|
/** Инвертированный цвет успеха */
|
|
331
604
|
var inverseTextPositive = 'var(--inverse-text-positive, #207F1FFF)';
|
|
332
605
|
|
|
333
|
-
/** Инвертированный минорный акцентный цвет */
|
|
334
|
-
var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52804A66)';
|
|
335
|
-
|
|
336
|
-
/** Основной непрозрачный фон поверхности/контрола */
|
|
337
|
-
var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #1C1C1CFF)';
|
|
338
|
-
|
|
339
606
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
340
607
|
var surfaceSolidPrimaryActive = 'var(--surface-solid-primary-active, #121212FF)';
|
|
341
608
|
|
|
@@ -375,9 +642,6 @@ var surfaceSolidCard = 'var(--surface-solid-card, #232323FF)';
|
|
|
375
642
|
/** Основной фон для карточек */
|
|
376
643
|
var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #252525FF)';
|
|
377
644
|
|
|
378
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
379
|
-
var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
|
|
380
|
-
|
|
381
645
|
/** Непрозрачный фон поверхности/контрола по умолчанию */
|
|
382
646
|
var surfaceSolidDefaultActive = 'var(--surface-solid-default-active, #F5F5F5FF)';
|
|
383
647
|
|
|
@@ -426,9 +690,6 @@ var surfaceClearActive = 'var(--surface-clear-active, #00000000)';
|
|
|
426
690
|
/** Фон поверхности/контрола без заливки */
|
|
427
691
|
var surfaceClear = 'var(--surface-clear, #00000000)';
|
|
428
692
|
|
|
429
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
430
|
-
var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #2A390EFF)';
|
|
431
|
-
|
|
432
693
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
433
694
|
var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #182108FF)';
|
|
434
695
|
|
|
@@ -453,9 +714,6 @@ var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-hover, #
|
|
|
453
714
|
/** Основной прозрачный фон поверхности/контрола */
|
|
454
715
|
var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
|
|
455
716
|
|
|
456
|
-
/** Основной прозрачный фон поверхности/контрола */
|
|
457
|
-
var surfaceTransparentPrimary = 'var(--surface-transparent-primary, #FFFFFF14)';
|
|
458
|
-
|
|
459
717
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
460
718
|
var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
|
|
461
719
|
|
|
@@ -477,9 +735,6 @@ var surfaceAccentMinor = 'var(--surface-accent-minor, #3E4C2FFF)';
|
|
|
477
735
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
478
736
|
var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #232323FF)';
|
|
479
737
|
|
|
480
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
481
|
-
var onDarkSurfaceSolidPrimaryBrightness = 'var(--on-dark-surface-solid-primary-brightness, #252525FF)';
|
|
482
|
-
|
|
483
738
|
/** Вторичный непрозрачный фон поверхности на темном фоне */
|
|
484
739
|
var onDarkSurfaceSolidSecondaryHover = 'var(--on-dark-surface-solid-secondary-hover, #303030FF)';
|
|
485
740
|
|
|
@@ -552,9 +807,6 @@ var surfaceInfoActive = 'var(--surface-info-active, #1086D5FF)';
|
|
|
552
807
|
/** Прозрачный фон для карточек на темном фоне */
|
|
553
808
|
var onDarkSurfaceTransparentCardActive = 'var(--on-dark-surface-transparent-card-active, #FFFFFF0A)';
|
|
554
809
|
|
|
555
|
-
/** Прозрачный фон для карточек на темном фоне */
|
|
556
|
-
var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, #23232399)';
|
|
557
|
-
|
|
558
810
|
/** Прозрачный фон для карточек на темном фоне */
|
|
559
811
|
var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-transparent-card-brightness, #FFFF1DFF)';
|
|
560
812
|
|
|
@@ -621,9 +873,6 @@ var onLightSurfaceSolidSecondaryActive = 'var(--on-light-surface-solid-secondary
|
|
|
621
873
|
/** Вторичный непрозрачный фон поверхности на светлом фоне */
|
|
622
874
|
var onLightSurfaceSolidSecondary = 'var(--on-light-surface-solid-secondary, #FFFFFFFF)';
|
|
623
875
|
|
|
624
|
-
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
625
|
-
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #D9D9D9FF)';
|
|
626
|
-
|
|
627
876
|
/** Третичный непрозрачный фон поверхности на светлом фоне */
|
|
628
877
|
var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #D4D4D4FF)';
|
|
629
878
|
|
|
@@ -642,9 +891,6 @@ var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, #FFFFFFFF)';
|
|
|
642
891
|
/** Основной фон для карточек на светлом фоне */
|
|
643
892
|
var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFFFF)';
|
|
644
893
|
|
|
645
|
-
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
646
|
-
var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-default-hover, #262626FF)';
|
|
647
|
-
|
|
648
894
|
/** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
|
|
649
895
|
var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030303FF)';
|
|
650
896
|
|
|
@@ -720,9 +966,6 @@ var onLightSurfaceWarning = 'var(--on-light-surface-warning, #BE4E0CFF)';
|
|
|
720
966
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
721
967
|
var onLightSurfaceNegativeHover = 'var(--on-light-surface-negative-hover, #FF5263FF)';
|
|
722
968
|
|
|
723
|
-
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
724
|
-
var onLightSurfaceNegativeActive = 'var(--on-light-surface-negative-active, #FF142CFF)';
|
|
725
|
-
|
|
726
969
|
/** Цвет фона поверхности/контрола ошибка на светлом фоне */
|
|
727
970
|
var onLightSurfaceNegative = 'var(--on-light-surface-negative, #E83439FF)';
|
|
728
971
|
|
|
@@ -783,9 +1026,6 @@ var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card-bright
|
|
|
783
1026
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
784
1027
|
var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-default-hover, #262626FF)';
|
|
785
1028
|
|
|
786
|
-
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
787
|
-
var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030303FF)';
|
|
788
|
-
|
|
789
1029
|
/** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
|
|
790
1030
|
var inverseSurfaceSolidDefault = 'var(--inverse-surface-solid-default, #15110FFF)';
|
|
791
1031
|
|
|
@@ -807,9 +1047,6 @@ var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-seco
|
|
|
807
1047
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
808
1048
|
var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #0808082E)';
|
|
809
1049
|
|
|
810
|
-
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
811
|
-
var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #08080833)';
|
|
812
|
-
|
|
813
1050
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
814
1051
|
var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #15110F1F)';
|
|
815
1052
|
|
|
@@ -846,9 +1083,6 @@ var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-ac
|
|
|
846
1083
|
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
847
1084
|
var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #1A9E3233)';
|
|
848
1085
|
|
|
849
|
-
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
850
|
-
var inverseSurfacePositiveHover = 'var(--inverse-surface-positive-hover, #6FA706FF)';
|
|
851
|
-
|
|
852
1086
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
853
1087
|
var inverseSurfacePositiveActive = 'var(--inverse-surface-positive-active, #558005FF)';
|
|
854
1088
|
|
|
@@ -939,9 +1173,6 @@ var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active,
|
|
|
939
1173
|
/** Цвет обводки успех на светлом фоне */
|
|
940
1174
|
var onLightOutlinePositive = 'var(--on-light-outline-positive, #239322FF)';
|
|
941
1175
|
|
|
942
|
-
/** Цвет обводки успех */
|
|
943
|
-
var outlinePositiveHover = 'var(--outline-positive-hover, #96E208FF)';
|
|
944
|
-
|
|
945
1176
|
/** Цвет обводки успех */
|
|
946
1177
|
var outlinePositiveActive = 'var(--outline-positive-active, #629405FF)';
|
|
947
1178
|
|
|
@@ -972,9 +1203,6 @@ var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primar
|
|
|
972
1203
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
973
1204
|
var inverseSurfaceAccent = 'var(--inverse-surface-accent, #527E4BFF)';
|
|
974
1205
|
|
|
975
|
-
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
976
|
-
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D7FD91FF)';
|
|
977
|
-
|
|
978
1206
|
/** Основной фон */
|
|
979
1207
|
var backgroundPrimary = 'var(--background-primary, #15110FFF)';
|
|
980
1208
|
|
|
@@ -1026,9 +1254,6 @@ var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-
|
|
|
1026
1254
|
/** Основной прозрачный цвет обводки на светлом фоне */
|
|
1027
1255
|
var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080838)';
|
|
1028
1256
|
|
|
1029
|
-
/** Цвет обводки успех на светлом фоне */
|
|
1030
|
-
var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #79B706FF)';
|
|
1031
|
-
|
|
1032
1257
|
/** Цвет обводки успех на светлом фоне */
|
|
1033
1258
|
var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #3E5E03FF)';
|
|
1034
1259
|
|
|
@@ -1038,9 +1263,6 @@ var outlineTextInfo = 'var(--outline-text-info, #9BCAF8FF)';
|
|
|
1038
1263
|
/** Основной прозрачный цвет обводки */
|
|
1039
1264
|
var outlineTransparentPrimary = 'var(--outline-transparent-primary, #FFFFFF1F)';
|
|
1040
1265
|
|
|
1041
|
-
/** Основной прозрачный цвет обводки на темном фоне */
|
|
1042
|
-
var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF12)';
|
|
1043
|
-
|
|
1044
1266
|
/** Цвет обводки информация на светлом фоне */
|
|
1045
1267
|
var onLightOutlineTextInfo = 'var(--on-light-outline-text-info, #3776BCFF)';
|
|
1046
1268
|
|
|
@@ -1113,15 +1335,9 @@ var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B0
|
|
|
1113
1335
|
/** Цвет обводки информация на светлом фоне */
|
|
1114
1336
|
var onLightOutlineTextInfoHover = 'var(--on-light-outline-text-info-hover, #47B0F5FF)';
|
|
1115
1337
|
|
|
1116
|
-
/** Цвет обводки предупреждение на светлом фоне */
|
|
1117
|
-
var onLightOutlineWarning = 'var(--on-light-outline-warning, #BE4E0CFF)';
|
|
1118
|
-
|
|
1119
1338
|
/** Цвет обводки ошибка на светлом фоне */
|
|
1120
1339
|
var onLightOutlineNegative = 'var(--on-light-outline-negative, #E83439FF)';
|
|
1121
1340
|
|
|
1122
|
-
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1123
|
-
var onDarkDataYellowTransparentActive = 'var(--on-dark-data-yellow-transparent-active, #F3A81280)';
|
|
1124
|
-
|
|
1125
1341
|
/** Желтый цвет для данных на светлом фоне */
|
|
1126
1342
|
var onLightDataYellow = 'var(--on-light-data-yellow, #F3A912)';
|
|
1127
1343
|
|
|
@@ -1203,18 +1419,6 @@ var onDarkDataYellowMinorActive = 'var(--on-dark-data-yellow-minor-active, #9966
|
|
|
1203
1419
|
/** Прозрачный желтый цвет для данных на темном фоне */
|
|
1204
1420
|
var onDarkDataYellowTransparentHover = 'var(--on-dark-data-yellow-transparent-hover, #F3A812AD)';
|
|
1205
1421
|
|
|
1206
|
-
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1207
|
-
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
1208
|
-
|
|
1209
|
-
/** Вторичный цвет текста */
|
|
1210
|
-
var textSecondaryHover = 'var(--text-secondary-hover, #F5F5F5FF)';
|
|
1211
|
-
|
|
1212
|
-
/** */
|
|
1213
|
-
var onDarkBackgroundSecondaryHover = 'var(--on-dark-background-secondary-hover, #CCCCCCFF)';
|
|
1214
|
-
|
|
1215
|
-
/** */
|
|
1216
|
-
var onDarkBackgroundSecondaryBrightness = 'var(--on-dark-background-secondary-brightness, #0F0F0FFF)';
|
|
1217
|
-
|
|
1218
1422
|
/** */
|
|
1219
1423
|
var onDarkBackgroundPrimary = 'var(--on-dark-background-primary, #15110FFF)';
|
|
1220
1424
|
|
|
@@ -1236,9 +1440,6 @@ var onLightBackgroundSecondaryHover = 'var(--on-light-background-secondary-hover
|
|
|
1236
1440
|
/** */
|
|
1237
1441
|
var onLightBackgroundSecondaryActive = 'var(--on-light-background-secondary-active, #E6E6E6FF)';
|
|
1238
1442
|
|
|
1239
|
-
/** */
|
|
1240
|
-
var onLightBackgroundSecondaryBrightness = 'var(--on-light-background-secondary-brightness, #F6F2F0FF)';
|
|
1241
|
-
|
|
1242
1443
|
/** */
|
|
1243
1444
|
var onLightBackgroundPrimary = 'var(--on-light-background-primary, #EBE7E5FF)';
|
|
1244
1445
|
|
|
@@ -1260,9 +1461,6 @@ var outlineDefaultHover = 'var(--outline-default-hover, #CCCCCCFF)';
|
|
|
1260
1461
|
/** */
|
|
1261
1462
|
var outlineDefaultActive = 'var(--outline-default-active, #E6E6E6FF)';
|
|
1262
1463
|
|
|
1263
|
-
/** */
|
|
1264
|
-
var outlineDefaultBrightness = 'var(--outline-default-brightness, #3B3735FF)';
|
|
1265
|
-
|
|
1266
1464
|
/** */
|
|
1267
1465
|
var outlineMinor = 'var(--outline-minor, #383838FF)';
|
|
1268
1466
|
|
|
@@ -1272,21 +1470,12 @@ var outlineMinorHover = 'var(--outline-minor-hover, #CCCCCCFF)';
|
|
|
1272
1470
|
/** */
|
|
1273
1471
|
var outlineMinorActive = 'var(--outline-minor-active, #E6E6E6FF)';
|
|
1274
1472
|
|
|
1275
|
-
/** */
|
|
1276
|
-
var outlineMinorBrightness = 'var(--outline-minor-brightness, #383838FF)';
|
|
1277
|
-
|
|
1278
|
-
/** */
|
|
1279
|
-
var outlineTransparentClear = 'var(--outline-transparent-clear, #00000000)';
|
|
1280
|
-
|
|
1281
1473
|
/** */
|
|
1282
1474
|
var outlineTransparentClearHover = 'var(--outline-transparent-clear-hover, #CCCCCCFF)';
|
|
1283
1475
|
|
|
1284
1476
|
/** */
|
|
1285
1477
|
var outlineTransparentClearActive = 'var(--outline-transparent-clear-active, #E6E6E6FF)';
|
|
1286
1478
|
|
|
1287
|
-
/** */
|
|
1288
|
-
var outlineTransparentClearBrightness = 'var(--outline-transparent-clear-brightness, #00000000)';
|
|
1289
|
-
|
|
1290
1479
|
/** */
|
|
1291
1480
|
var inverseOutlineDefault = 'var(--inverse-outline-default, #DDD9D7FF)';
|
|
1292
1481
|
|
|
@@ -1296,9 +1485,6 @@ var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF
|
|
|
1296
1485
|
/** */
|
|
1297
1486
|
var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
|
|
1298
1487
|
|
|
1299
|
-
/** */
|
|
1300
|
-
var inverseOutlineDefaultBrightness = 'var(--inverse-outline-default-brightness, #DDD9D7FF)';
|
|
1301
|
-
|
|
1302
1488
|
/** */
|
|
1303
1489
|
var inverseOutlineOutlineMinor = 'var(--inverse-outline-outline-minor, #FFFFFFFF)';
|
|
1304
1490
|
|
|
@@ -1308,9 +1494,6 @@ var inverseOutlineOutlineMinorHover = 'var(--inverse-outline-outline-minor-hover
|
|
|
1308
1494
|
/** */
|
|
1309
1495
|
var inverseOutlineOutlineMinorActive = 'var(--inverse-outline-outline-minor-active, #E6E6E6FF)';
|
|
1310
1496
|
|
|
1311
|
-
/** */
|
|
1312
|
-
var inverseOutlineOutlineMinorBrightness = 'var(--inverse-outline-outline-minor-brightness, #FFFFFFFF)';
|
|
1313
|
-
|
|
1314
1497
|
/** */
|
|
1315
1498
|
var onDarkOutlineDefault = 'var(--on-dark-outline-default, #3B3735FF)';
|
|
1316
1499
|
|
|
@@ -1326,9 +1509,6 @@ var onDarkOutlineMinorHover = 'var(--on-dark-outline-minor-hover, #CCCCCCFF)';
|
|
|
1326
1509
|
/** */
|
|
1327
1510
|
var onDarkOutlineMinorActive = 'var(--on-dark-outline-minor-active, #E6E6E6FF)';
|
|
1328
1511
|
|
|
1329
|
-
/** */
|
|
1330
|
-
var onDarkOutlineMinorBrightness = 'var(--on-dark-outline-minor-brightness, #383838FF)';
|
|
1331
|
-
|
|
1332
1512
|
/** */
|
|
1333
1513
|
var onLightOutlineDefault = 'var(--on-light-outline-default, #DDD9D7FF)';
|
|
1334
1514
|
|
|
@@ -1338,23 +1518,17 @@ var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCF
|
|
|
1338
1518
|
/** */
|
|
1339
1519
|
var backgroundSecondaryActive = 'var(--background-secondary-active, #E6E6E6FF)';
|
|
1340
1520
|
|
|
1341
|
-
/** */
|
|
1342
|
-
var backgroundSecondaryBrightness = 'var(--background-secondary-brightness, #000000FF)';
|
|
1343
|
-
|
|
1344
1521
|
/** */
|
|
1345
1522
|
var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #CCCCCCFF)';
|
|
1346
1523
|
|
|
1347
1524
|
/** */
|
|
1348
1525
|
var inverseBackgroundSecondaryHover = 'var(--inverse-background-secondary-hover, #CCCCCCFF)';
|
|
1349
1526
|
|
|
1350
|
-
/** */
|
|
1351
|
-
var inverseBackgroundSecondaryBrightness = 'var(--inverse-background-secondary-brightness, #FFFFFFFF)';
|
|
1352
|
-
|
|
1353
1527
|
/** */
|
|
1354
1528
|
var onDarkBackgroundSecondary = 'var(--on-dark-background-secondary, #000000FF)';
|
|
1355
1529
|
|
|
1356
1530
|
/** */
|
|
1357
|
-
var personaBlueTextAccent = 'var(--persona-blue-text-accent, #
|
|
1531
|
+
var personaBlueTextAccent = 'var(--persona-blue-text-accent, #87BEE5)';
|
|
1358
1532
|
|
|
1359
1533
|
/** */
|
|
1360
1534
|
var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1363,10 +1537,7 @@ var personaBlueTextAccentHover = 'var(--persona-blue-text-accent-hover, #CCCCCCF
|
|
|
1363
1537
|
var personaBlueTextAccentActive = 'var(--persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1364
1538
|
|
|
1365
1539
|
/** */
|
|
1366
|
-
var
|
|
1367
|
-
|
|
1368
|
-
/** */
|
|
1369
|
-
var personaGreenTextAccent = 'var(--persona-green-text-accent, #15110FFF)';
|
|
1540
|
+
var personaGreenTextAccent = 'var(--persona-green-text-accent, #8BCB94)';
|
|
1370
1541
|
|
|
1371
1542
|
/** */
|
|
1372
1543
|
var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1374,12 +1545,6 @@ var personaGreenTextAccentHover = 'var(--persona-green-text-accent-hover, #CCCCC
|
|
|
1374
1545
|
/** */
|
|
1375
1546
|
var personaGreenTextAccentActive = 'var(--persona-green-text-accent-active, #E6E6E6FF)';
|
|
1376
1547
|
|
|
1377
|
-
/** */
|
|
1378
|
-
var personaGreenTextAccentBrightness = 'var(--persona-green-text-accent-brightness, #15110FFF)';
|
|
1379
|
-
|
|
1380
|
-
/** */
|
|
1381
|
-
var personaIndigoTextAccent = 'var(--persona-indigo-text-accent, #15110FFF)';
|
|
1382
|
-
|
|
1383
1548
|
/** */
|
|
1384
1549
|
var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1385
1550
|
|
|
@@ -1387,10 +1552,7 @@ var personaIndigoTextAccentHover = 'var(--persona-indigo-text-accent-hover, #CCC
|
|
|
1387
1552
|
var personaIndigoTextAccentActive = 'var(--persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1388
1553
|
|
|
1389
1554
|
/** */
|
|
1390
|
-
var
|
|
1391
|
-
|
|
1392
|
-
/** */
|
|
1393
|
-
var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #15110FFF)';
|
|
1555
|
+
var personaOchreTextAccent = 'var(--persona-ochre-text-accent, #935B18)';
|
|
1394
1556
|
|
|
1395
1557
|
/** */
|
|
1396
1558
|
var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1399,10 +1561,7 @@ var personaOchreTextAccentHover = 'var(--persona-ochre-text-accent-hover, #CCCCC
|
|
|
1399
1561
|
var personaOchreTextAccentActive = 'var(--persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1400
1562
|
|
|
1401
1563
|
/** */
|
|
1402
|
-
var
|
|
1403
|
-
|
|
1404
|
-
/** */
|
|
1405
|
-
var personaOliveTextAccent = 'var(--persona-olive-text-accent, #15110FFF)';
|
|
1564
|
+
var personaOliveTextAccent = 'var(--persona-olive-text-accent, #B3BA8D)';
|
|
1406
1565
|
|
|
1407
1566
|
/** */
|
|
1408
1567
|
var personaOliveTextAccentHover = 'var(--persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1410,9 +1569,6 @@ var personaOliveTextAccentHover = 'var(--persona-olive-text-accent-hover, #CCCCC
|
|
|
1410
1569
|
/** */
|
|
1411
1570
|
var personaOliveTextAccentActive = 'var(--persona-olive-text-accent-active, #E6E6E6FF)';
|
|
1412
1571
|
|
|
1413
|
-
/** */
|
|
1414
|
-
var personaOliveTextAccentBrightness = 'var(--persona-olive-text-accent-brightness, #15110FFF)';
|
|
1415
|
-
|
|
1416
1572
|
/** */
|
|
1417
1573
|
var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
|
|
1418
1574
|
|
|
@@ -1423,22 +1579,13 @@ var onLightOutlineMinor = 'var(--on-light-outline-minor, #FFFFFFFF)';
|
|
|
1423
1579
|
var onLightOutlineMinorHover = 'var(--on-light-outline-minor-hover, #CCCCCCFF)';
|
|
1424
1580
|
|
|
1425
1581
|
/** */
|
|
1426
|
-
var
|
|
1427
|
-
|
|
1428
|
-
/** */
|
|
1429
|
-
var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #15110FFF)';
|
|
1582
|
+
var personaSeaBlueTextAccent = 'var(--persona-sea-blue-text-accent, #7BC8C8)';
|
|
1430
1583
|
|
|
1431
1584
|
/** */
|
|
1432
1585
|
var personaSeaBlueTextAccentHover = 'var(--persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
1433
1586
|
|
|
1434
1587
|
/** */
|
|
1435
|
-
var
|
|
1436
|
-
|
|
1437
|
-
/** */
|
|
1438
|
-
var personaSeaBlueTextAccentBrightness = 'var(--persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
1439
|
-
|
|
1440
|
-
/** */
|
|
1441
|
-
var personaVioletTextAccent = 'var(--persona-violet-text-accent, #15110FFF)';
|
|
1588
|
+
var personaVioletTextAccent = 'var(--persona-violet-text-accent, #C6A0DC)';
|
|
1442
1589
|
|
|
1443
1590
|
/** */
|
|
1444
1591
|
var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1447,10 +1594,7 @@ var personaVioletTextAccentHover = 'var(--persona-violet-text-accent-hover, #CCC
|
|
|
1447
1594
|
var personaVioletTextAccentActive = 'var(--persona-violet-text-accent-active, #E6E6E6FF)';
|
|
1448
1595
|
|
|
1449
1596
|
/** */
|
|
1450
|
-
var
|
|
1451
|
-
|
|
1452
|
-
/** */
|
|
1453
|
-
var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #EBE7E5FF)';
|
|
1597
|
+
var inversePersonaBlueTextAccent = 'var(--inverse-persona-blue-text-accent, #3A6D96)';
|
|
1454
1598
|
|
|
1455
1599
|
/** */
|
|
1456
1600
|
var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1459,10 +1603,7 @@ var inversePersonaBlueTextAccentHover = 'var(--inverse-persona-blue-text-accent-
|
|
|
1459
1603
|
var inversePersonaBlueTextAccentActive = 'var(--inverse-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1460
1604
|
|
|
1461
1605
|
/** */
|
|
1462
|
-
var
|
|
1463
|
-
|
|
1464
|
-
/** */
|
|
1465
|
-
var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #EBE7E5FF)';
|
|
1606
|
+
var inversePersonaGreenTextAccent = 'var(--inverse-persona-green-text-accent, #3D7B45)';
|
|
1466
1607
|
|
|
1467
1608
|
/** */
|
|
1468
1609
|
var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1471,22 +1612,13 @@ var inversePersonaGreenTextAccentHover = 'var(--inverse-persona-green-text-accen
|
|
|
1471
1612
|
var inversePersonaGreenTextAccentActive = 'var(--inverse-persona-green-text-accent-active, #E6E6E6FF)';
|
|
1472
1613
|
|
|
1473
1614
|
/** */
|
|
1474
|
-
var
|
|
1475
|
-
|
|
1476
|
-
/** */
|
|
1477
|
-
var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #EBE7E5FF)';
|
|
1615
|
+
var inversePersonaIndigoTextAccent = 'var(--inverse-persona-indigo-text-accent, #3B3AAE)';
|
|
1478
1616
|
|
|
1479
1617
|
/** */
|
|
1480
1618
|
var inversePersonaIndigoTextAccentHover = 'var(--inverse-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1481
1619
|
|
|
1482
1620
|
/** */
|
|
1483
|
-
var
|
|
1484
|
-
|
|
1485
|
-
/** */
|
|
1486
|
-
var inversePersonaIndigoTextAccentBrightness = 'var(--inverse-persona-indigo-text-accent-brightness, #EBE7E5FF)';
|
|
1487
|
-
|
|
1488
|
-
/** */
|
|
1489
|
-
var personaPinkTextAccent = 'var(--persona-pink-text-accent, #15110FFF)';
|
|
1621
|
+
var personaPinkTextAccent = 'var(--persona-pink-text-accent, #DE9EA5)';
|
|
1490
1622
|
|
|
1491
1623
|
/** */
|
|
1492
1624
|
var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1495,16 +1627,13 @@ var personaPinkTextAccentHover = 'var(--persona-pink-text-accent-hover, #CCCCCCF
|
|
|
1495
1627
|
var personaPinkTextAccentActive = 'var(--persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1496
1628
|
|
|
1497
1629
|
/** */
|
|
1498
|
-
var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #
|
|
1630
|
+
var inversePersonaOliveTextAccent = 'var(--inverse-persona-olive-text-accent, #636A40)';
|
|
1499
1631
|
|
|
1500
1632
|
/** */
|
|
1501
1633
|
var inversePersonaOliveTextAccentActive = 'var(--inverse-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
1502
1634
|
|
|
1503
1635
|
/** */
|
|
1504
|
-
var
|
|
1505
|
-
|
|
1506
|
-
/** */
|
|
1507
|
-
var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #EBE7E5FF)';
|
|
1636
|
+
var inversePersonaPinkTextAccent = 'var(--inverse-persona-pink-text-accent, #904D55)';
|
|
1508
1637
|
|
|
1509
1638
|
/** */
|
|
1510
1639
|
var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1513,10 +1642,7 @@ var inversePersonaPinkTextAccentHover = 'var(--inverse-persona-pink-text-accent-
|
|
|
1513
1642
|
var inversePersonaPinkTextAccentActive = 'var(--inverse-persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1514
1643
|
|
|
1515
1644
|
/** */
|
|
1516
|
-
var
|
|
1517
|
-
|
|
1518
|
-
/** */
|
|
1519
|
-
var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #EBE7E5FF)';
|
|
1645
|
+
var inversePersonaSeaBlueTextAccent = 'var(--inverse-persona-sea-blue-text-accent, #348282)';
|
|
1520
1646
|
|
|
1521
1647
|
/** */
|
|
1522
1648
|
var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1525,10 +1651,7 @@ var inversePersonaSeaBlueTextAccentHover = 'var(--inverse-persona-sea-blue-text-
|
|
|
1525
1651
|
var inversePersonaSeaBlueTextAccentActive = 'var(--inverse-persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
1526
1652
|
|
|
1527
1653
|
/** */
|
|
1528
|
-
var
|
|
1529
|
-
|
|
1530
|
-
/** */
|
|
1531
|
-
var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #EBE7E5FF)';
|
|
1654
|
+
var inversePersonaVioletTextAccent = 'var(--inverse-persona-violet-text-accent, #75508C)';
|
|
1532
1655
|
|
|
1533
1656
|
/** */
|
|
1534
1657
|
var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1537,10 +1660,7 @@ var inversePersonaVioletTextAccentHover = 'var(--inverse-persona-violet-text-acc
|
|
|
1537
1660
|
var inversePersonaVioletTextAccentActive = 'var(--inverse-persona-violet-text-accent-active, #E6E6E6FF)';
|
|
1538
1661
|
|
|
1539
1662
|
/** */
|
|
1540
|
-
var
|
|
1541
|
-
|
|
1542
|
-
/** */
|
|
1543
|
-
var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #15110FFF)';
|
|
1663
|
+
var onDarkPersonaBlueTextAccent = 'var(--on-dark-persona-blue-text-accent, #87BEE5)';
|
|
1544
1664
|
|
|
1545
1665
|
/** */
|
|
1546
1666
|
var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1549,10 +1669,7 @@ var onDarkPersonaBlueTextAccentHover = 'var(--on-dark-persona-blue-text-accent-h
|
|
|
1549
1669
|
var onDarkPersonaBlueTextAccentActive = 'var(--on-dark-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1550
1670
|
|
|
1551
1671
|
/** */
|
|
1552
|
-
var
|
|
1553
|
-
|
|
1554
|
-
/** */
|
|
1555
|
-
var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #EBE7E5FF)';
|
|
1672
|
+
var inversePersonaOchreTextAccent = 'var(--inverse-persona-ochre-text-accent, #935B18)';
|
|
1556
1673
|
|
|
1557
1674
|
/** */
|
|
1558
1675
|
var inversePersonaOchreTextAccentHover = 'var(--inverse-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1564,7 +1681,7 @@ var inversePersonaOliveTextAccentHover = 'var(--inverse-persona-olive-text-accen
|
|
|
1564
1681
|
var inversePersonaOchreTextAccentActive = 'var(--inverse-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1565
1682
|
|
|
1566
1683
|
/** */
|
|
1567
|
-
var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #
|
|
1684
|
+
var onDarkPersonaIndigoTextAccent = 'var(--on-dark-persona-indigo-text-accent, #9291E5)';
|
|
1568
1685
|
|
|
1569
1686
|
/** */
|
|
1570
1687
|
var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1572,12 +1689,6 @@ var onDarkPersonaIndigoTextAccentHover = 'var(--on-dark-persona-indigo-text-acce
|
|
|
1572
1689
|
/** */
|
|
1573
1690
|
var onDarkPersonaIndigoTextAccentActive = 'var(--on-dark-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1574
1691
|
|
|
1575
|
-
/** */
|
|
1576
|
-
var onDarkPersonaIndigoTextAccentBrightness = 'var(--on-dark-persona-indigo-text-accent-brightness, #15110FFF)';
|
|
1577
|
-
|
|
1578
|
-
/** */
|
|
1579
|
-
var onDarkPersonaOchreTextAccent = 'var(--on-dark-persona-ochre-text-accent, #15110FFF)';
|
|
1580
|
-
|
|
1581
1692
|
/** */
|
|
1582
1693
|
var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
1583
1694
|
|
|
@@ -1585,10 +1696,7 @@ var onDarkPersonaOchreTextAccentHover = 'var(--on-dark-persona-ochre-text-accent
|
|
|
1585
1696
|
var onDarkPersonaOchreTextAccentActive = 'var(--on-dark-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1586
1697
|
|
|
1587
1698
|
/** */
|
|
1588
|
-
var
|
|
1589
|
-
|
|
1590
|
-
/** */
|
|
1591
|
-
var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #15110FFF)';
|
|
1699
|
+
var onDarkPersonaOliveTextAccent = 'var(--on-dark-persona-olive-text-accent, #B3BA8D)';
|
|
1592
1700
|
|
|
1593
1701
|
/** */
|
|
1594
1702
|
var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1597,31 +1705,22 @@ var onDarkPersonaOliveTextAccentHover = 'var(--on-dark-persona-olive-text-accent
|
|
|
1597
1705
|
var onDarkPersonaOliveTextAccentActive = 'var(--on-dark-persona-olive-text-accent-active, #E6E6E6FF)';
|
|
1598
1706
|
|
|
1599
1707
|
/** */
|
|
1600
|
-
var
|
|
1601
|
-
|
|
1602
|
-
/** */
|
|
1603
|
-
var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #15110FFF)';
|
|
1708
|
+
var onDarkPersonaPinkTextAccent = 'var(--on-dark-persona-pink-text-accent, #DE9EA5)';
|
|
1604
1709
|
|
|
1605
1710
|
/** */
|
|
1606
1711
|
var onDarkPersonaPinkTextAccentActive = 'var(--on-dark-persona-pink-text-accent-active, #E6E6E6FF)';
|
|
1607
1712
|
|
|
1608
1713
|
/** */
|
|
1609
|
-
var
|
|
1610
|
-
|
|
1611
|
-
/** */
|
|
1612
|
-
var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #15110FFF)';
|
|
1714
|
+
var onDarkPersonaSeaBlueTextAccent = 'var(--on-dark-persona-sea-blue-text-accent, #7BC8C8)';
|
|
1613
1715
|
|
|
1614
1716
|
/** */
|
|
1615
1717
|
var onDarkPersonaSeaBlueTextAccentHover = 'var(--on-dark-persona-sea-blue-text-accent-hover, #CCCCCCFF)';
|
|
1616
1718
|
|
|
1617
1719
|
/** */
|
|
1618
|
-
var onDarkPersonaSeaBlueTextAccentActive = 'var(--on-dark-persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
1619
|
-
|
|
1620
|
-
/** */
|
|
1621
|
-
var onDarkPersonaSeaBlueTextAccentBrightness = 'var(--on-dark-persona-sea-blue-text-accent-brightness, #15110FFF)';
|
|
1720
|
+
var onDarkPersonaSeaBlueTextAccentActive = 'var(--on-dark-persona-sea-blue-text-accent-active, #E6E6E6FF)';
|
|
1622
1721
|
|
|
1623
1722
|
/** */
|
|
1624
|
-
var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #
|
|
1723
|
+
var onDarkPersonaGreenTextAccent = 'var(--on-dark-persona-green-text-accent, #8BCB94)';
|
|
1625
1724
|
|
|
1626
1725
|
/** */
|
|
1627
1726
|
var onDarkPersonaGreenTextAccentHover = 'var(--on-dark-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1636,10 +1735,7 @@ var onLightPersonaBlueTextAccentHover = 'var(--on-light-persona-blue-text-accent
|
|
|
1636
1735
|
var onLightPersonaBlueTextAccentActive = 'var(--on-light-persona-blue-text-accent-active, #E6E6E6FF)';
|
|
1637
1736
|
|
|
1638
1737
|
/** */
|
|
1639
|
-
var
|
|
1640
|
-
|
|
1641
|
-
/** */
|
|
1642
|
-
var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #EBE7E5FF)';
|
|
1738
|
+
var onLightPersonaGreenTextAccent = 'var(--on-light-persona-green-text-accent, #3D7B45)';
|
|
1643
1739
|
|
|
1644
1740
|
/** */
|
|
1645
1741
|
var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1648,55 +1744,31 @@ var onLightPersonaGreenTextAccentHover = 'var(--on-light-persona-green-text-acce
|
|
|
1648
1744
|
var onLightPersonaGreenTextAccentActive = 'var(--on-light-persona-green-text-accent-active, #E6E6E6FF)';
|
|
1649
1745
|
|
|
1650
1746
|
/** */
|
|
1651
|
-
var
|
|
1652
|
-
|
|
1653
|
-
/** */
|
|
1654
|
-
var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #EBE7E5FF)';
|
|
1655
|
-
|
|
1656
|
-
/** */
|
|
1657
|
-
var onLightPersonaIndigoTextAccentHover = 'var(--on-light-persona-indigo-text-accent-hover, #CCCCCCFF)';
|
|
1747
|
+
var onLightPersonaIndigoTextAccent = 'var(--on-light-persona-indigo-text-accent, #3B3AAE)';
|
|
1658
1748
|
|
|
1659
1749
|
/** */
|
|
1660
1750
|
var onLightPersonaIndigoTextAccentActive = 'var(--on-light-persona-indigo-text-accent-active, #E6E6E6FF)';
|
|
1661
1751
|
|
|
1662
1752
|
/** */
|
|
1663
|
-
var
|
|
1664
|
-
|
|
1665
|
-
/** */
|
|
1666
|
-
var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #EBE7E5FF)';
|
|
1667
|
-
|
|
1668
|
-
/** */
|
|
1669
|
-
var onLightPersonaOchreTextAccentHover = 'var(--on-light-persona-ochre-text-accent-hover, #CCCCCCFF)';
|
|
1753
|
+
var onLightPersonaOchreTextAccent = 'var(--on-light-persona-ochre-text-accent, #935B18)';
|
|
1670
1754
|
|
|
1671
1755
|
/** */
|
|
1672
1756
|
var onLightPersonaOchreTextAccentActive = 'var(--on-light-persona-ochre-text-accent-active, #E6E6E6FF)';
|
|
1673
1757
|
|
|
1674
|
-
/** */
|
|
1675
|
-
var onLightPersonaOchreTextAccentBrightness = 'var(--on-light-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
1676
|
-
|
|
1677
1758
|
/** */
|
|
1678
1759
|
var onLightPersonaOliveTextAccentHover = 'var(--on-light-persona-olive-text-accent-hover, #CCCCCCFF)';
|
|
1679
1760
|
|
|
1680
1761
|
/** */
|
|
1681
|
-
var
|
|
1682
|
-
|
|
1683
|
-
/** */
|
|
1684
|
-
var onLightPersonaOliveTextAccentBrightness = 'var(--on-light-persona-olive-text-accent-brightness, #EBE7E5FF)';
|
|
1685
|
-
|
|
1686
|
-
/** */
|
|
1687
|
-
var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #15110FFF)';
|
|
1762
|
+
var onDarkPersonaVioletTextAccent = 'var(--on-dark-persona-violet-text-accent, #C6A0DC)';
|
|
1688
1763
|
|
|
1689
1764
|
/** */
|
|
1690
1765
|
var onDarkPersonaVioletTextAccentHover = 'var(--on-dark-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
1691
1766
|
|
|
1692
1767
|
/** */
|
|
1693
|
-
var
|
|
1694
|
-
|
|
1695
|
-
/** */
|
|
1696
|
-
var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #EBE7E5FF)';
|
|
1768
|
+
var onLightPersonaBlueTextAccent = 'var(--on-light-persona-blue-text-accent, #3A6D96)';
|
|
1697
1769
|
|
|
1698
1770
|
/** */
|
|
1699
|
-
var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #
|
|
1771
|
+
var onLightPersonaVioletTextAccent = 'var(--on-light-persona-violet-text-accent, #75508C)';
|
|
1700
1772
|
|
|
1701
1773
|
/** */
|
|
1702
1774
|
var onLightPersonaVioletTextAccentHover = 'var(--on-light-persona-violet-text-accent-hover, #CCCCCCFF)';
|
|
@@ -1704,9 +1776,6 @@ var onLightPersonaVioletTextAccentHover = 'var(--on-light-persona-violet-text-ac
|
|
|
1704
1776
|
/** */
|
|
1705
1777
|
var onLightPersonaVioletTextAccentActive = 'var(--on-light-persona-violet-text-accent-active, #E6E6E6FF)';
|
|
1706
1778
|
|
|
1707
|
-
/** */
|
|
1708
|
-
var onLightPersonaVioletTextAccentBrightness = 'var(--on-light-persona-violet-text-accent-brightness, #EBE7E5FF)';
|
|
1709
|
-
|
|
1710
1779
|
/** */
|
|
1711
1780
|
var surfaceAccentPrimary = 'var(--surface-accent-primary, #B4AE7BFF)';
|
|
1712
1781
|
|
|
@@ -1719,9 +1788,6 @@ var surfaceAccentPrimaryActive = 'var(--surface-accent-primary-active, #E6E6E6FF
|
|
|
1719
1788
|
/** */
|
|
1720
1789
|
var onLightSurfaceAccentPrimary = 'var(--on-light-surface-accent-primary, #527E4BFF)';
|
|
1721
1790
|
|
|
1722
|
-
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
1723
|
-
var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #3E4C2FFF)';
|
|
1724
|
-
|
|
1725
1791
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1726
1792
|
var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #08080833)';
|
|
1727
1793
|
|
|
@@ -1737,9 +1803,6 @@ var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-dee
|
|
|
1737
1803
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1738
1804
|
var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D2ECBAFF)';
|
|
1739
1805
|
|
|
1740
|
-
/** Акцентный минорный цвет на темном фоне */
|
|
1741
|
-
var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #2F4408FF)';
|
|
1742
|
-
|
|
1743
1806
|
/** */
|
|
1744
1807
|
var onDarkBackgroundSecondaryActive = 'var(--on-dark-background-secondary-active, #E6E6E6FF)';
|
|
1745
1808
|
|
|
@@ -1794,9 +1857,6 @@ var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-seconda
|
|
|
1794
1857
|
/** */
|
|
1795
1858
|
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #E6E6E6FF)';
|
|
1796
1859
|
|
|
1797
|
-
/** Прозрачный инвертированный акцентный фон поверхности/контрола */
|
|
1798
|
-
var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #527E4B1F)';
|
|
1799
|
-
|
|
1800
1860
|
/** */
|
|
1801
1861
|
var backgroundSecondaryHover = 'var(--background-secondary-hover, #CCCCCCFF)';
|
|
1802
1862
|
|
|
@@ -1813,16 +1873,13 @@ var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #79B706FF)';
|
|
|
1813
1873
|
var textAccentMinorHover = 'var(--text-accent-minor-hover, #6EA013FF)';
|
|
1814
1874
|
|
|
1815
1875
|
/** */
|
|
1816
|
-
var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #
|
|
1876
|
+
var onLightPersonaOliveTextAccent = 'var(--on-light-persona-olive-text-accent, #636A40)';
|
|
1817
1877
|
|
|
1818
1878
|
/** */
|
|
1819
1879
|
var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #527E4B3D)';
|
|
1820
1880
|
|
|
1821
1881
|
/** */
|
|
1822
|
-
var
|
|
1823
|
-
|
|
1824
|
-
/** */
|
|
1825
|
-
var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #EBE7E5FF)';
|
|
1882
|
+
var onLightPersonaSeaBlueTextAccent = 'var(--on-light-persona-sea-blue-text-accent, #348282)';
|
|
1826
1883
|
|
|
1827
1884
|
/** */
|
|
1828
1885
|
var surfaceAccentSecondary = 'var(--surface-accent-secondary, #B4AE7BFF)';
|
|
@@ -1848,9 +1905,6 @@ var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-acc
|
|
|
1848
1905
|
/** */
|
|
1849
1906
|
var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #688F61FF)';
|
|
1850
1907
|
|
|
1851
|
-
/** */
|
|
1852
|
-
var onLightSurfaceAccentSecondaryBrightness = 'var(--on-light-surface-accent-secondary-brightness, #688F61FF)';
|
|
1853
|
-
|
|
1854
1908
|
/** Инвертированный цвет предупреждения */
|
|
1855
1909
|
var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD650DFF)';
|
|
1856
1910
|
|
|
@@ -1863,45 +1917,6 @@ var onDarkSurfaceNegative = 'var(--on-dark-surface-negative, #F8A6A9FF)';
|
|
|
1863
1917
|
/** Инвертированный цвет фона поверхности/контрола информация */
|
|
1864
1918
|
var inverseSurfaceInfo = 'var(--inverse-surface-info, #3776BCFF)';
|
|
1865
1919
|
|
|
1866
|
-
/** Цвет обводки предупреждение на светлом фоне */
|
|
1867
|
-
var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD9253FF)';
|
|
1868
|
-
|
|
1869
|
-
/** */
|
|
1870
|
-
var onLightPersonaPinkTextAccentBrightness = 'var(--on-light-persona-pink-text-accent-brightness, #EBE7E5FF)';
|
|
1871
|
-
|
|
1872
|
-
/** */
|
|
1873
|
-
var surfaceTransparentAccentMinorBrightness = 'var(--surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
1874
|
-
|
|
1875
|
-
/** */
|
|
1876
|
-
var inverseSurfaceAccentSecondaryBrightness = 'var(--inverse-surface-accent-secondary-brightness, #688F61FF)';
|
|
1877
|
-
|
|
1878
|
-
/** */
|
|
1879
|
-
var inverseSurfaceTransparentAccentMinorBrightness = 'var(--inverse-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
1880
|
-
|
|
1881
|
-
/** */
|
|
1882
|
-
var onDarkSurfaceAccentPrimaryBrightness = 'var(--on-dark-surface-accent-primary-brightness, #B4AE7BFF)';
|
|
1883
|
-
|
|
1884
|
-
/** */
|
|
1885
|
-
var onDarkSurfaceAccentSecondaryBrightness = 'var(--on-dark-surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
1886
|
-
|
|
1887
|
-
/** */
|
|
1888
|
-
var onDarkSurfaceTransparentAccentMinorBrightness = 'var(--on-dark-surface-transparent-accent-minor-brightness, #B4AE7B47)';
|
|
1889
|
-
|
|
1890
|
-
/** */
|
|
1891
|
-
var onLightSurfaceAccentPrimaryBrightness = 'var(--on-light-surface-accent-primary-brightness, #527E4BFF)';
|
|
1892
|
-
|
|
1893
|
-
/** */
|
|
1894
|
-
var onLightSurfaceTransparentAccentMinorBrightness = 'var(--on-light-surface-transparent-accent-minor-brightness, #527E4B3D)';
|
|
1895
|
-
|
|
1896
|
-
/** */
|
|
1897
|
-
var surfaceAccentPrimaryBrightness = 'var(--surface-accent-primary-brightness, #B4AE7BFF)';
|
|
1898
|
-
|
|
1899
|
-
/** */
|
|
1900
|
-
var surfaceAccentSecondaryBrightness = 'var(--surface-accent-secondary-brightness, #B4AE7BFF)';
|
|
1901
|
-
|
|
1902
|
-
/** */
|
|
1903
|
-
var onLightOutlineDefaultBrightness = 'var(--on-light-outline-default-brightness, #DDD9D7FF)';
|
|
1904
|
-
|
|
1905
1920
|
/** */
|
|
1906
1921
|
var onDarkPersonaPinkTextAccentHover = 'var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)';
|
|
1907
1922
|
|
|
@@ -1935,23 +1950,11 @@ var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor
|
|
|
1935
1950
|
/** */
|
|
1936
1951
|
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)';
|
|
1937
1952
|
|
|
1938
|
-
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
1939
|
-
var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)';
|
|
1940
|
-
|
|
1941
1953
|
/** */
|
|
1942
1954
|
var inverseBackgroundSecondaryActive = 'var(--inverse-background-secondary-active, #E6E6E6FF)';
|
|
1943
1955
|
|
|
1944
1956
|
/** */
|
|
1945
|
-
var
|
|
1946
|
-
|
|
1947
|
-
/** */
|
|
1948
|
-
var inversePersonaOchreTextAccentBrightness = 'var(--inverse-persona-ochre-text-accent-brightness, #EBE7E5FF)';
|
|
1949
|
-
|
|
1950
|
-
/** */
|
|
1951
|
-
var onDarkPersonaGreenTextAccentBrightness = 'var(--on-dark-persona-green-text-accent-brightness, #15110FFF)';
|
|
1952
|
-
|
|
1953
|
-
/** */
|
|
1954
|
-
var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #EBE7E5FF)';
|
|
1957
|
+
var onLightPersonaPinkTextAccent = 'var(--on-light-persona-pink-text-accent, #904D55)';
|
|
1955
1958
|
|
|
1956
1959
|
/** */
|
|
1957
1960
|
var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #E6E6E6FF)';
|
|
@@ -2010,12 +2013,57 @@ var onDarkPersonaVioletTextAccentActive = 'var(--on-dark-persona-violet-text-acc
|
|
|
2010
2013
|
/** */
|
|
2011
2014
|
var onLightOutlineMinorActive = 'var(--on-light-outline-minor-active, #E6E6E6FF)';
|
|
2012
2015
|
|
|
2013
|
-
/** */
|
|
2014
|
-
var onLightPersonaSeaBlueTextAccentBrightness = 'var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)';
|
|
2015
|
-
|
|
2016
2016
|
/** Основной прозрачный цвет обводки на темном фоне */
|
|
2017
2017
|
var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #FFFFFF1F)';
|
|
2018
2018
|
|
|
2019
|
+
/** */
|
|
2020
|
+
var onDarkSurfaceAccentGradientBrightness = 'var(--on-dark-surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2021
|
+
|
|
2022
|
+
/** */
|
|
2023
|
+
var onDarkOutlineTransparentSurfaceBrightness = 'var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2024
|
+
|
|
2025
|
+
/** */
|
|
2026
|
+
var surfaceAccentGradientBrightness = 'var(--surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2027
|
+
|
|
2028
|
+
/** */
|
|
2029
|
+
var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2030
|
+
|
|
2031
|
+
/** */
|
|
2032
|
+
var textAccentGradientAiBrightness = 'var(--text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2033
|
+
|
|
2034
|
+
/** */
|
|
2035
|
+
var onLightSurfaceAccentGradientBrightness = 'var(--on-light-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2036
|
+
|
|
2037
|
+
/** */
|
|
2038
|
+
var inverseOutlineTransparentSurfaceBrightness = 'var(--inverse-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2039
|
+
|
|
2040
|
+
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2041
|
+
var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2042
|
+
|
|
2043
|
+
/** */
|
|
2044
|
+
var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2045
|
+
|
|
2046
|
+
/** */
|
|
2047
|
+
var onDarkTextAccentGradientAiBrightness = 'var(--on-dark-text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2048
|
+
|
|
2049
|
+
/** */
|
|
2050
|
+
var onLightTextAccentGradientAiBrightness = 'var(--on-light-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2051
|
+
|
|
2052
|
+
/** */
|
|
2053
|
+
var inverseSurfaceAccentGradientBrightness = 'var(--inverse-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2054
|
+
|
|
2055
|
+
/** */
|
|
2056
|
+
var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2057
|
+
|
|
2058
|
+
/** */
|
|
2059
|
+
var onLightOverlayGradientBrightness = 'var(--on-light-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2060
|
+
|
|
2061
|
+
/** */
|
|
2062
|
+
var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2063
|
+
|
|
2064
|
+
/** */
|
|
2065
|
+
var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2066
|
+
|
|
2019
2067
|
/** */
|
|
2020
2068
|
var onLightPersonaBlueSurfaceAccentGradient = 'var(--on-light-persona-blue-surface-accent-gradient, linear-gradient(135.00deg, #87BEE5FF 0%, #5387AFFF 100%))';
|
|
2021
2069
|
|
|
@@ -2064,9 +2112,6 @@ var onDarkSurfaceSkeletonDeepGradientHover = 'var(--on-dark-surface-skeleton-dee
|
|
|
2064
2112
|
/** Яркий фон для скелетона */
|
|
2065
2113
|
var onDarkSurfaceSkeletonDeepGradientActive = 'var(--on-dark-surface-skeleton-deep-gradient-active, #FFFFFFFF)';
|
|
2066
2114
|
|
|
2067
|
-
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2068
|
-
var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #CCCCCCFF)';
|
|
2069
|
-
|
|
2070
2115
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2071
2116
|
var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #E6E6E6FF)';
|
|
2072
2117
|
|
|
@@ -2148,9 +2193,6 @@ var personaBlueSurfaceAccentGradientActive = 'var(--persona-blue-surface-accent-
|
|
|
2148
2193
|
/** */
|
|
2149
2194
|
var personaGreenSurfaceAccentGradient = 'var(--persona-green-surface-accent-gradient, linear-gradient(135.00deg, #8BCB94FF 0%, #56955EFF 100%))';
|
|
2150
2195
|
|
|
2151
|
-
/** */
|
|
2152
|
-
var personaGreenSurfaceAccentGradientHover = 'var(--persona-green-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2153
|
-
|
|
2154
2196
|
/** */
|
|
2155
2197
|
var personaGreenSurfaceAccentGradientActive = 'var(--persona-green-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2156
2198
|
|
|
@@ -2250,9 +2292,6 @@ var inversePersonaPinkSurfaceAccentGradient = 'var(--inverse-persona-pink-surfac
|
|
|
2250
2292
|
/** */
|
|
2251
2293
|
var inversePersonaPinkSurfaceAccentGradientHover = 'var(--inverse-persona-pink-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2252
2294
|
|
|
2253
|
-
/** */
|
|
2254
|
-
var inversePersonaPinkSurfaceAccentGradientActive = 'var(--inverse-persona-pink-surface-accent-gradient-active, #FFFFFFFF)';
|
|
2255
|
-
|
|
2256
2295
|
/** */
|
|
2257
2296
|
var inversePersonaSeaBlueSurfaceAccentGradient = 'var(--inverse-persona-sea-blue-surface-accent-gradient, linear-gradient(135.00deg, #86D9D9FF 0%, #4E9E9EFF 100%))';
|
|
2258
2297
|
|
|
@@ -2397,9 +2436,6 @@ var onLightPersonaVioletSurfaceAccentGradientActive = 'var(--on-light-persona-vi
|
|
|
2397
2436
|
/** */
|
|
2398
2437
|
var onDarkOutlineTransparentSurfaceActive = 'var(--on-dark-outline-transparent-surface-active, #E6E6E6FF)';
|
|
2399
2438
|
|
|
2400
|
-
/** */
|
|
2401
|
-
var onDarkOutlineTransparentSurfaceBrightness = 'var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2402
|
-
|
|
2403
2439
|
/** */
|
|
2404
2440
|
var onLightOutlineTransparentSurface = 'var(--on-light-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2405
2441
|
|
|
@@ -2436,9 +2472,6 @@ var onDarkTextAccentGradientAiHover = 'var(--on-dark-text-accent-gradient-ai-hov
|
|
|
2436
2472
|
/** */
|
|
2437
2473
|
var onDarkTextAccentGradientAiActive = 'var(--on-dark-text-accent-gradient-ai-active, #CCCCCCFF)';
|
|
2438
2474
|
|
|
2439
|
-
/** */
|
|
2440
|
-
var onDarkTextAccentGradientAiBrightness = 'var(--on-dark-text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2441
|
-
|
|
2442
2475
|
/** */
|
|
2443
2476
|
var onLightTextAccentGradientAi = 'var(--on-light-text-accent-gradient-ai, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2444
2477
|
|
|
@@ -2448,27 +2481,9 @@ var onLightTextAccentGradientAiHover = 'var(--on-light-text-accent-gradient-ai-h
|
|
|
2448
2481
|
/** */
|
|
2449
2482
|
var onLightTextAccentGradientAiActive = 'var(--on-light-text-accent-gradient-ai-active, #CCCCCCFF)';
|
|
2450
2483
|
|
|
2451
|
-
/** */
|
|
2452
|
-
var onLightTextAccentGradientAiBrightness = 'var(--on-light-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2453
|
-
|
|
2454
2484
|
/** */
|
|
2455
2485
|
var textAccentGradientAiActive = 'var(--text-accent-gradient-ai-active, #CCCCCCFF)';
|
|
2456
2486
|
|
|
2457
|
-
/** */
|
|
2458
|
-
var textAccentGradientAiBrightness = 'var(--text-accent-gradient-ai-brightness, linear-gradient(90deg, #36D3F5FF 0%, #A98DF5FF 50%, #CA46E3FF 100%))';
|
|
2459
|
-
|
|
2460
|
-
/** */
|
|
2461
|
-
var surfaceAccentGradientBrightness = 'var(--surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2462
|
-
|
|
2463
|
-
/** */
|
|
2464
|
-
var inverseSurfaceAccentGradientBrightness = 'var(--inverse-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2465
|
-
|
|
2466
|
-
/** */
|
|
2467
|
-
var onDarkSurfaceAccentGradientBrightness = 'var(--on-dark-surface-accent-gradient-brightness, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2468
|
-
|
|
2469
|
-
/** */
|
|
2470
|
-
var onLightSurfaceAccentGradientBrightness = 'var(--on-light-surface-accent-gradient-brightness, linear-gradient(90deg, #527E4BFF 0%, #9CBF80FF 100%))';
|
|
2471
|
-
|
|
2472
2487
|
/** */
|
|
2473
2488
|
var inverseOutlineTransparentSurface = 'var(--inverse-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2474
2489
|
|
|
@@ -2478,15 +2493,9 @@ var inverseOutlineTransparentSurfaceHover = 'var(--inverse-outline-transparent-s
|
|
|
2478
2493
|
/** */
|
|
2479
2494
|
var inverseOutlineTransparentSurfaceActive = 'var(--inverse-outline-transparent-surface-active, #E6E6E6FF)';
|
|
2480
2495
|
|
|
2481
|
-
/** */
|
|
2482
|
-
var inverseOutlineTransparentSurfaceBrightness = 'var(--inverse-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2483
|
-
|
|
2484
2496
|
/** */
|
|
2485
2497
|
var onDarkOutlineTransparentSurface = 'var(--on-dark-outline-transparent-surface, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2486
2498
|
|
|
2487
|
-
/** */
|
|
2488
|
-
var inverseTextAccentGradientAiBrightness = 'var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))';
|
|
2489
|
-
|
|
2490
2499
|
/** */
|
|
2491
2500
|
var onDarkOutlineTransparentSurfaceHover = 'var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)';
|
|
2492
2501
|
|
|
@@ -2496,18 +2505,12 @@ var onLightPersonaOliveSurfaceAccentGradientHover = 'var(--on-light-persona-oliv
|
|
|
2496
2505
|
/** */
|
|
2497
2506
|
var onLightOverlayGradientActive = 'var(--on-light-overlay-gradient-active, #E6E6E6FF)';
|
|
2498
2507
|
|
|
2499
|
-
/** */
|
|
2500
|
-
var onLightOverlayGradientBrightness = 'var(--on-light-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2501
|
-
|
|
2502
2508
|
/** */
|
|
2503
2509
|
var inverseOverlayGradientActive = 'var(--inverse-overlay-gradient-active, #E6E6E6FF)';
|
|
2504
2510
|
|
|
2505
2511
|
/** */
|
|
2506
2512
|
var inverseOverlayGradientHover = 'var(--inverse-overlay-gradient-hover, #CCCCCCFF)';
|
|
2507
2513
|
|
|
2508
|
-
/** */
|
|
2509
|
-
var inverseOverlayGradientBrightness = 'var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2510
|
-
|
|
2511
2514
|
/** */
|
|
2512
2515
|
var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))';
|
|
2513
2516
|
|
|
@@ -2550,9 +2553,6 @@ var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666
|
|
|
2550
2553
|
/** */
|
|
2551
2554
|
var onLightPersonaVioletSurfaceAccentGradientHover = 'var(--on-light-persona-violet-surface-accent-gradient-hover, #FFFFFFFF)';
|
|
2552
2555
|
|
|
2553
|
-
/** */
|
|
2554
|
-
var onLightOutlineTransparentSurfaceBrightness = 'var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))';
|
|
2555
|
-
|
|
2556
2556
|
/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
|
|
2557
2557
|
var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))';
|
|
2558
2558
|
|
|
@@ -2682,6 +2682,36 @@ var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
|
2682
2682
|
/** spacing 12x */
|
|
2683
2683
|
var spacing12x = 'var(--spacing-12x, 1.5rem)';
|
|
2684
2684
|
|
|
2685
|
+
/** typography s body-xs-medium */
|
|
2686
|
+
var bodyXSMedium = {
|
|
2687
|
+
fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
|
|
2688
|
+
fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
|
|
2689
|
+
fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
|
|
2690
|
+
fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
|
|
2691
|
+
letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
|
|
2692
|
+
lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
|
|
2693
|
+
};
|
|
2694
|
+
|
|
2695
|
+
/** typography s body-xxs-medium */
|
|
2696
|
+
var bodyXXSMedium = {
|
|
2697
|
+
fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
|
|
2698
|
+
fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
|
|
2699
|
+
fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
|
|
2700
|
+
fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
|
|
2701
|
+
letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
|
|
2702
|
+
lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
|
|
2703
|
+
};
|
|
2704
|
+
|
|
2705
|
+
/** typography s body-xxs */
|
|
2706
|
+
var bodyXXS = {
|
|
2707
|
+
fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
|
|
2708
|
+
fontSize: 'var(--plasma-typo-body-xxs-font-size)',
|
|
2709
|
+
fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
|
|
2710
|
+
fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
|
|
2711
|
+
letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
|
|
2712
|
+
lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
|
|
2713
|
+
};
|
|
2714
|
+
|
|
2685
2715
|
/** typography s header-h3-bold */
|
|
2686
2716
|
var h3Bold = {
|
|
2687
2717
|
fontFamily: 'var(--plasma-typo-h3-bold-font-family)',
|
|
@@ -2782,16 +2812,6 @@ var bodyXSBold = {
|
|
|
2782
2812
|
lineHeight: 'var(--plasma-typo-body-xs-bold-line-height)'
|
|
2783
2813
|
};
|
|
2784
2814
|
|
|
2785
|
-
/** typography s body-xs-medium */
|
|
2786
|
-
var bodyXSMedium = {
|
|
2787
|
-
fontFamily: 'var(--plasma-typo-body-xs-medium-font-family)',
|
|
2788
|
-
fontSize: 'var(--plasma-typo-body-xs-medium-font-size)',
|
|
2789
|
-
fontStyle: 'var(--plasma-typo-body-xs-medium-font-style)',
|
|
2790
|
-
fontWeight: 'var(--plasma-typo-body-xs-medium-font-weight)',
|
|
2791
|
-
letterSpacing: 'var(--plasma-typo-body-xs-medium-letter-spacing)',
|
|
2792
|
-
lineHeight: 'var(--plasma-typo-body-xs-medium-line-height)'
|
|
2793
|
-
};
|
|
2794
|
-
|
|
2795
2815
|
/** typography s body-xs */
|
|
2796
2816
|
var bodyXS = {
|
|
2797
2817
|
fontFamily: 'var(--plasma-typo-body-xs-font-family)',
|
|
@@ -2812,26 +2832,6 @@ var bodyXXSBold = {
|
|
|
2812
2832
|
lineHeight: 'var(--plasma-typo-body-xxs-bold-line-height)'
|
|
2813
2833
|
};
|
|
2814
2834
|
|
|
2815
|
-
/** typography s body-xxs-medium */
|
|
2816
|
-
var bodyXXSMedium = {
|
|
2817
|
-
fontFamily: 'var(--plasma-typo-body-xxs-medium-font-family)',
|
|
2818
|
-
fontSize: 'var(--plasma-typo-body-xxs-medium-font-size)',
|
|
2819
|
-
fontStyle: 'var(--plasma-typo-body-xxs-medium-font-style)',
|
|
2820
|
-
fontWeight: 'var(--plasma-typo-body-xxs-medium-font-weight)',
|
|
2821
|
-
letterSpacing: 'var(--plasma-typo-body-xxs-medium-letter-spacing)',
|
|
2822
|
-
lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
|
|
2823
|
-
};
|
|
2824
|
-
|
|
2825
|
-
/** typography s body-xxs */
|
|
2826
|
-
var bodyXXS = {
|
|
2827
|
-
fontFamily: 'var(--plasma-typo-body-xxs-font-family)',
|
|
2828
|
-
fontSize: 'var(--plasma-typo-body-xxs-font-size)',
|
|
2829
|
-
fontStyle: 'var(--plasma-typo-body-xxs-font-style)',
|
|
2830
|
-
fontWeight: 'var(--plasma-typo-body-xxs-font-weight)',
|
|
2831
|
-
letterSpacing: 'var(--plasma-typo-body-xxs-letter-spacing)',
|
|
2832
|
-
lineHeight: 'var(--plasma-typo-body-xxs-line-height)'
|
|
2833
|
-
};
|
|
2834
|
-
|
|
2835
2835
|
/** typography s display-s-bold */
|
|
2836
2836
|
var dsplSBold = {
|
|
2837
2837
|
fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
|
|
@@ -2862,8 +2862,8 @@ var dsplSMedium = {
|
|
|
2862
2862
|
lineHeight: 'var(--plasma-typo-dspl-s-medium-line-height)'
|
|
2863
2863
|
};
|
|
2864
2864
|
var viewContainer = {
|
|
2865
|
-
dark: "\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-default-brightness: var(--on-dark-outline-default-brightness);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n --background-secondary-active: var(--dark-background-secondary-active);\n --background-secondary-brightness: var(--dark-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n ",
|
|
2866
|
-
light: "\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary: var(--on-light-text-secondary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-default-brightness: var(--on-light-outline-default-brightness);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n --background-secondary-active: var(--light-background-secondary-active);\n --background-secondary-brightness: var(--light-background-secondary-brightness);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n "
|
|
2865
|
+
dark: "\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-paragraph: var(--on-light-text-paragraph);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --outline-transparent-clear: var(--on-dark-outline-transparent-clear);\n --inverse-background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --outline-default-brightness: var(--on-dark-outline-default-brightness);\n --outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --outline-transparent-clear-brightness: var(--on-dark-outline-transparent-clear-brightness);\n --inverse-outline-default-brightness: var(--on-light-outline-default-brightness);\n --inverse-outline-outline-minor-brightness: var(--on-light-outline-outline-minor-brightness);\n --inverse-persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --surface-accent-primary-brightness: var(--on-dark-surface-accent-primary-brightness);\n --persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-warning: var(--on-dark-text-warning);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-negative: var(--on-dark-text-negative);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-info: var(--on-dark-text-info);\n --text-accent: var(--on-dark-text-accent);\n --text-positive: var(--on-dark-text-positive);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-primary: var(--on-dark-text-primary);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-secondary: var(--on-dark-text-secondary);\n --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-text-primary-active: var(--on-light-text-primary-active);\n --inverse-text-primary: var(--on-light-text-primary);\n --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n --inverse-text-secondary: var(--on-light-text-secondary);\n --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n --inverse-text-tertiary: var(--on-light-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --background-primary-brightness: var(--dark-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-accent: var(--on-light-text-accent);\n --inverse-text-positive: var(--on-light-text-positive);\n --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --surface-solid-card: var(--on-dark-surface-solid-card);\n --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --surface-info: var(--on-dark-surface-info);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n --inverse-surface-warning: var(--on-light-surface-warning);\n --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n --inverse-surface-negative: var(--on-light-surface-negative);\n --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n --inverse-surface-info-active: var(--on-light-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-background-primary: var(--light-background-primary);\n --inverse-background-primary-brightness: var(--light-background-primary-brightness);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --outline-text-info-active: var(--on-dark-outline-text-info-active);\n --outline-warning: var(--on-dark-outline-warning);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --background-primary: var(--dark-background-primary);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --outline-text-info: var(--on-dark-outline-text-info);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-light-outline-text-info-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-text-info: var(--on-light-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --data-yellow: var(--on-dark-data-yellow);\n --data-yellow-hover: var(--on-dark-data-yellow-hover);\n --data-yellow-active: var(--on-dark-data-yellow-active);\n --data-yellow-minor: var(--on-dark-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow: var(--on-light-data-yellow);\n --inverse-data-yellow-hover: var(--on-light-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-light-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-light-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-light-surface-positive);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-default: var(--on-dark-outline-default);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-default-active: var(--on-dark-outline-default-active);\n --outline-minor: var(--on-dark-outline-minor);\n --outline-minor-hover: var(--on-dark-outline-minor-hover);\n --outline-minor-active: var(--on-dark-outline-minor-active);\n --outline-transparent-clear-hover: var(--on-dark-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-dark-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-light-outline-default);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-outline-outline-minor: var(--on-light-outline-outline-minor);\n --inverse-outline-outline-minor-hover: var(--on-light-outline-outline-minor-hover);\n --inverse-outline-outline-minor-active: var(--on-light-outline-outline-minor-active);\n --background-secondary-active: var(--dark-background-secondary-active);\n --inverse-background-secondary-hover: var(--light-background-secondary-hover);\n --persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-dark-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-dark-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-dark-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --background-secondary-hover: var(--dark-background-secondary-hover);\n --outline-negative: var(--on-dark-outline-negative);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-light-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--light-background-secondary-active);\n --surface-solid-default: var(--on-dark-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --inverse-outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --inverse-overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --inverse-outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --inverse-outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --inverse-outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --inverse-overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n ",
|
|
2866
|
+
light: "\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --inverse-text-paragraph: var(--on-dark-text-paragraph);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\n --surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --inverse-surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --inverse-surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n --inverse-surface-positive-hover: var(--on-dark-surface-positive-hover);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --background-secondary-brightness: var(--light-background-secondary-brightness);\n --persona-blue-text-accent-brightness: var(--on-light-persona-blue-text-accent-brightness);\n --persona-green-text-accent-brightness: var(--on-light-persona-green-text-accent-brightness);\n --persona-indigo-text-accent-brightness: var(--on-light-persona-indigo-text-accent-brightness);\n --persona-ochre-text-accent-brightness: var(--on-light-persona-ochre-text-accent-brightness);\n --persona-olive-text-accent-brightness: var(--on-light-persona-olive-text-accent-brightness);\n --persona-indigo-text-accent: var(--on-light-persona-indigo-text-accent);\n --surface-transparent-accent-minor-brightness: var(--on-light-surface-transparent-accent-minor-brightness);\n --inverse-outline-minor-brightness: var(--on-dark-outline-minor-brightness);\n --inverse-persona-ochre-text-accent-brightness: var(--on-dark-persona-ochre-text-accent-brightness);\n --outline-transparent-clear: var(--on-light-outline-transparent-clear);\n --inverse-background-secondary-brightness: var(--dark-background-secondary-brightness);\n --persona-sea-blue-text-accent-active: var(--on-light-persona-sea-blue-text-accent-active);\n --inverse-persona-indigo-text-accent-active: var(--on-dark-persona-indigo-text-accent-active);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n --inverse-surface-transparent-accent-minor-brightness: var(--on-dark-surface-transparent-accent-minor-brightness);\n --surface-accent-secondary-brightness: var(--on-light-surface-accent-secondary-brightness);\n --outline-default-brightness: var(--on-light-outline-default-brightness);\n --outline-minor-brightness: var(--on-light-outline-minor-brightness);\n --outline-transparent-clear-brightness: var(--on-light-outline-transparent-clear-brightness);\n --inverse-outline-default-brightness: var(--on-dark-outline-default-brightness);\n --inverse-persona-olive-text-accent-brightness: var(--on-dark-persona-olive-text-accent-brightness);\n --inverse-persona-pink-text-accent-brightness: var(--on-dark-persona-pink-text-accent-brightness);\n --inverse-persona-sea-blue-text-accent-brightness: var(--on-dark-persona-sea-blue-text-accent-brightness);\n --inverse-persona-violet-text-accent-brightness: var(--on-dark-persona-violet-text-accent-brightness);\n --inverse-outline-minor-active: var(--on-dark-outline-minor-active);\n --inverse-surface-accent-secondary-brightness: var(--on-dark-surface-accent-secondary-brightness);\n --surface-accent-primary-brightness: var(--on-light-surface-accent-primary-brightness);\n --persona-sea-blue-text-accent-brightness: var(--on-light-persona-sea-blue-text-accent-brightness);\n --persona-violet-text-accent-brightness: var(--on-light-persona-violet-text-accent-brightness);\n --inverse-persona-blue-text-accent-brightness: var(--on-dark-persona-blue-text-accent-brightness);\n --inverse-persona-green-text-accent-brightness: var(--on-dark-persona-green-text-accent-brightness);\n --inverse-persona-indigo-text-accent-brightness: var(--on-dark-persona-indigo-text-accent-brightness);\n --persona-pink-text-accent-brightness: var(--on-light-persona-pink-text-accent-brightness);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-warning: var(--on-light-text-warning);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-negative: var(--on-light-text-negative);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-info: var(--on-light-text-info);\n --text-accent: var(--on-light-text-accent);\n --text-positive: var(--on-light-text-positive);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-primary: var(--on-light-text-primary);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-secondary: var(--on-light-text-secondary);\n --inverse-text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-text-primary-active: var(--on-dark-text-primary-active);\n --inverse-text-primary: var(--on-dark-text-primary);\n --inverse-text-primary-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary-hover: var(--on-dark-text-secondary-hover);\n --inverse-text-secondary-active: var(--on-dark-text-secondary-active);\n --inverse-text-secondary: var(--on-dark-text-secondary);\n --inverse-text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --inverse-text-tertiary-active: var(--on-dark-text-tertiary-active);\n --inverse-text-tertiary: var(--on-dark-text-tertiary);\n --inverse-text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --background-primary-brightness: var(--light-background-primary-brightness);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-accent: var(--on-dark-text-accent);\n --inverse-text-positive: var(--on-dark-text-positive);\n --surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --surface-solid-card: var(--on-light-surface-solid-card);\n --surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --inverse-text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --inverse-text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n --surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n --surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --surface-transparent-deep: var(--on-light-surface-transparent-deep);\n --surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n --surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n --surface-transparent-card: var(--on-light-surface-transparent-card);\n --surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-clear: var(--on-light-surface-clear);\n --surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n --surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-accent: var(--on-light-surface-transparent-accent);\n --surface-info: var(--on-light-surface-info);\n --surface-positive: var(--on-light-surface-positive);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --surface-warning: var(--on-light-surface-warning);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --inverse-surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n --inverse-surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n --inverse-surface-positive-active: var(--on-dark-surface-positive-active);\n --inverse-surface-warning-hover: var(--on-dark-surface-warning-hover);\n --inverse-surface-warning-active: var(--on-dark-surface-warning-active);\n --inverse-surface-warning: var(--on-dark-surface-warning);\n --inverse-surface-negative-hover: var(--on-dark-surface-negative-hover);\n --inverse-surface-negative-active: var(--on-dark-surface-negative-active);\n --inverse-surface-negative: var(--on-dark-surface-negative);\n --inverse-surface-info-hover: var(--on-dark-surface-info-hover);\n --inverse-surface-info-active: var(--on-dark-surface-info-active);\n --inverse-surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n --inverse-surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n --inverse-surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-background-primary: var(--dark-background-primary);\n --inverse-background-primary-brightness: var(--dark-background-primary-brightness);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n --outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-text-info-hover: var(--on-light-outline-text-info-hover);\n --outline-text-info-active: var(--on-light-outline-text-info-active);\n --outline-warning: var(--on-light-outline-warning);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --background-primary: var(--light-background-primary);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-text-info: var(--on-light-outline-text-info);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\n --inverse-outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n --inverse-outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-negative-hover: var(--on-dark-outline-negative-hover);\n --inverse-outline-negative-active: var(--on-dark-outline-negative-active);\n --inverse-outline-text-info-hover: var(--on-dark-outline-text-info-hover);\n --inverse-outline-text-info-active: var(--on-dark-outline-text-info-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-text-info: var(--on-dark-outline-text-info);\n --inverse-outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --data-yellow: var(--on-light-data-yellow);\n --data-yellow-hover: var(--on-light-data-yellow-hover);\n --data-yellow-active: var(--on-light-data-yellow-active);\n --data-yellow-minor: var(--on-light-data-yellow-minor);\n --data-yellow-minor-hover: var(--on-light-data-yellow-minor-hover);\n --data-yellow-minor-active: var(--on-light-data-yellow-minor-active);\n --data-yellow-transparent: var(--on-light-data-yellow-transparent);\n --inverse-data-yellow: var(--on-dark-data-yellow);\n --inverse-data-yellow-hover: var(--on-dark-data-yellow-hover);\n --inverse-data-yellow-active: var(--on-dark-data-yellow-active);\n --inverse-data-yellow-minor: var(--on-dark-data-yellow-minor);\n --inverse-data-yellow-minor-hover: var(--on-dark-data-yellow-minor-hover);\n --inverse-data-yellow-minor-active: var(--on-dark-data-yellow-minor-active);\n --inverse-data-yellow-transparent: var(--on-dark-data-yellow-transparent);\n --inverse-data-yellow-transparent-hover: var(--on-dark-data-yellow-transparent-hover);\n --inverse-data-yellow-transparent-active: var(--on-dark-data-yellow-transparent-active);\n --data-yellow-transparent-active: var(--on-light-data-yellow-transparent-active);\n --inverse-surface-positive: var(--on-dark-surface-positive);\n --outline-positive: var(--on-light-outline-positive);\n --outline-default: var(--on-light-outline-default);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-default-active: var(--on-light-outline-default-active);\n --outline-minor: var(--on-light-outline-minor);\n --outline-minor-hover: var(--on-light-outline-minor-hover);\n --outline-minor-active: var(--on-light-outline-minor-active);\n --outline-transparent-clear-hover: var(--on-light-outline-transparent-clear-hover);\n --outline-transparent-clear-active: var(--on-light-outline-transparent-clear-active);\n --inverse-outline-default: var(--on-dark-outline-default);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --background-secondary-active: var(--light-background-secondary-active);\n --inverse-background-secondary-hover: var(--dark-background-secondary-hover);\n --persona-blue-text-accent: var(--on-light-persona-blue-text-accent);\n --persona-blue-text-accent-hover: var(--on-light-persona-blue-text-accent-hover);\n --persona-blue-text-accent-active: var(--on-light-persona-blue-text-accent-active);\n --persona-green-text-accent: var(--on-light-persona-green-text-accent);\n --persona-green-text-accent-hover: var(--on-light-persona-green-text-accent-hover);\n --persona-green-text-accent-active: var(--on-light-persona-green-text-accent-active);\n --persona-indigo-text-accent-hover: var(--on-light-persona-indigo-text-accent-hover);\n --persona-indigo-text-accent-active: var(--on-light-persona-indigo-text-accent-active);\n --persona-ochre-text-accent: var(--on-light-persona-ochre-text-accent);\n --persona-ochre-text-accent-hover: var(--on-light-persona-ochre-text-accent-hover);\n --persona-ochre-text-accent-active: var(--on-light-persona-ochre-text-accent-active);\n --persona-olive-text-accent: var(--on-light-persona-olive-text-accent);\n --persona-olive-text-accent-hover: var(--on-light-persona-olive-text-accent-hover);\n --persona-olive-text-accent-active: var(--on-light-persona-olive-text-accent-active);\n --persona-sea-blue-text-accent: var(--on-light-persona-sea-blue-text-accent);\n --persona-sea-blue-text-accent-hover: var(--on-light-persona-sea-blue-text-accent-hover);\n --persona-violet-text-accent: var(--on-light-persona-violet-text-accent);\n --persona-violet-text-accent-hover: var(--on-light-persona-violet-text-accent-hover);\n --persona-violet-text-accent-active: var(--on-light-persona-violet-text-accent-active);\n --inverse-persona-blue-text-accent: var(--on-dark-persona-blue-text-accent);\n --inverse-persona-blue-text-accent-hover: var(--on-dark-persona-blue-text-accent-hover);\n --inverse-persona-blue-text-accent-active: var(--on-dark-persona-blue-text-accent-active);\n --inverse-persona-green-text-accent: var(--on-dark-persona-green-text-accent);\n --inverse-persona-green-text-accent-hover: var(--on-dark-persona-green-text-accent-hover);\n --inverse-persona-green-text-accent-active: var(--on-dark-persona-green-text-accent-active);\n --inverse-persona-indigo-text-accent: var(--on-dark-persona-indigo-text-accent);\n --inverse-persona-indigo-text-accent-hover: var(--on-dark-persona-indigo-text-accent-hover);\n --persona-pink-text-accent: var(--on-light-persona-pink-text-accent);\n --persona-pink-text-accent-hover: var(--on-light-persona-pink-text-accent-hover);\n --persona-pink-text-accent-active: var(--on-light-persona-pink-text-accent-active);\n --inverse-persona-olive-text-accent: var(--on-dark-persona-olive-text-accent);\n --inverse-persona-olive-text-accent-active: var(--on-dark-persona-olive-text-accent-active);\n --inverse-persona-pink-text-accent: var(--on-dark-persona-pink-text-accent);\n --inverse-persona-pink-text-accent-hover: var(--on-dark-persona-pink-text-accent-hover);\n --inverse-persona-pink-text-accent-active: var(--on-dark-persona-pink-text-accent-active);\n --inverse-persona-sea-blue-text-accent: var(--on-dark-persona-sea-blue-text-accent);\n --inverse-persona-sea-blue-text-accent-hover: var(--on-dark-persona-sea-blue-text-accent-hover);\n --inverse-persona-sea-blue-text-accent-active: var(--on-dark-persona-sea-blue-text-accent-active);\n --inverse-persona-violet-text-accent: var(--on-dark-persona-violet-text-accent);\n --inverse-persona-violet-text-accent-hover: var(--on-dark-persona-violet-text-accent-hover);\n --inverse-persona-violet-text-accent-active: var(--on-dark-persona-violet-text-accent-active);\n --inverse-persona-ochre-text-accent: var(--on-dark-persona-ochre-text-accent);\n --inverse-persona-ochre-text-accent-hover: var(--on-dark-persona-ochre-text-accent-hover);\n --inverse-persona-olive-text-accent-hover: var(--on-dark-persona-olive-text-accent-hover);\n --inverse-persona-ochre-text-accent-active: var(--on-dark-persona-ochre-text-accent-active);\n --surface-accent-primary: var(--on-light-surface-accent-primary);\n --surface-accent-primary-hover: var(--on-light-surface-accent-primary-hover);\n --surface-accent-primary-active: var(--on-light-surface-accent-primary-active);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --background-secondary-hover: var(--light-background-secondary-hover);\n --outline-negative: var(--on-light-outline-negative);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-minor: var(--on-dark-outline-minor);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --data-yellow-transparent-hover: var(--on-light-data-yellow-transparent-hover);\n --inverse-surface-info: var(--on-dark-surface-info);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-minor-hover: var(--on-dark-outline-minor-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --inverse-background-secondary-active: var(--dark-background-secondary-active);\n --surface-solid-default: var(--on-light-surface-solid-default);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-negative: var(--on-light-surface-negative);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\n --surface-accent-gradient-brightness: var(--on-light-surface-accent-gradient-brightness);\n --inverse-persona-pink-surface-accent-gradient-active: var(--on-dark-persona-pink-surface-accent-gradient-active);\n --text-accent-gradient-ai-brightness: var(--on-light-text-accent-gradient-ai-brightness);\n --persona-green-surface-accent-gradient-hover: var(--on-light-persona-green-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-brightness: var(--on-dark-surface-accent-gradient-brightness);\n --inverse-text-accent-gradient-ai-brightness: var(--on-dark-text-accent-gradient-ai-brightness);\n --outline-transparent-surface-brightness: var(--on-light-outline-transparent-surface-brightness);\n --overlay-gradient-brightness: var(--on-light-overlay-gradient-brightness);\n --inverse-overlay-gradient-brightness: var(--on-dark-overlay-gradient-brightness);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-skeleton-gradient-hover: var(--on-light-surface-skeleton-gradient-hover);\n --surface-skeleton-gradient-active: var(--on-light-surface-skeleton-gradient-active);\n --surface-skeleton-deep-gradient: var(--on-light-surface-skeleton-deep-gradient);\n --surface-skeleton-deep-gradient-hover: var(--on-light-surface-skeleton-deep-gradient-hover);\n --surface-skeleton-deep-gradient-active: var(--on-light-surface-skeleton-deep-gradient-active);\n --inverse-surface-accent-gradient-hover: var(--on-dark-surface-accent-gradient-hover);\n --inverse-surface-accent-gradient-active: var(--on-dark-surface-accent-gradient-active);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-surface-skeleton-gradient-hover: var(--on-dark-surface-skeleton-gradient-hover);\n --inverse-surface-skeleton-gradient-active: var(--on-dark-surface-skeleton-gradient-active);\n --inverse-surface-skeleton-deep-gradient: var(--on-dark-surface-skeleton-deep-gradient);\n --outline-accent-gradient: var(--on-light-outline-accent-gradient);\n --inverse-surface-skeleton-deep-gradient-active: var(--on-dark-surface-skeleton-deep-gradient-active);\n --outline-accent-gradient-hover: var(--on-light-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-hover: var(--on-dark-outline-accent-gradient-hover);\n --inverse-outline-accent-gradient-active: var(--on-dark-outline-accent-gradient-active);\n --persona-blue-surface-accent-gradient-hover: var(--on-light-persona-blue-surface-accent-gradient-hover);\n --persona-blue-surface-accent-gradient-active: var(--on-light-persona-blue-surface-accent-gradient-active);\n --persona-green-surface-accent-gradient: var(--on-light-persona-green-surface-accent-gradient);\n --persona-green-surface-accent-gradient-active: var(--on-light-persona-green-surface-accent-gradient-active);\n --persona-indigo-surface-accent-gradient: var(--on-light-persona-indigo-surface-accent-gradient);\n --persona-indigo-surface-accent-gradient-hover: var(--on-light-persona-indigo-surface-accent-gradient-hover);\n --persona-indigo-surface-accent-gradient-active: var(--on-light-persona-indigo-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient: var(--on-light-persona-ochre-surface-accent-gradient);\n --persona-ochre-surface-accent-gradient-active: var(--on-light-persona-ochre-surface-accent-gradient-active);\n --persona-olive-surface-accent-gradient: var(--on-light-persona-olive-surface-accent-gradient);\n --persona-olive-surface-accent-gradient-hover: var(--on-light-persona-olive-surface-accent-gradient-hover);\n --persona-olive-surface-accent-gradient-active: var(--on-light-persona-olive-surface-accent-gradient-active);\n --persona-pink-surface-accent-gradient: var(--on-light-persona-pink-surface-accent-gradient);\n --persona-pink-surface-accent-gradient-hover: var(--on-light-persona-pink-surface-accent-gradient-hover);\n --persona-pink-surface-accent-gradient-active: var(--on-light-persona-pink-surface-accent-gradient-active);\n --persona-blue-surface-accent-gradient: var(--on-light-persona-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-active: var(--on-light-persona-sea-blue-surface-accent-gradient-active);\n --persona-violet-surface-accent-gradient: var(--on-light-persona-violet-surface-accent-gradient);\n --persona-violet-surface-accent-gradient-hover: var(--on-light-persona-violet-surface-accent-gradient-hover);\n --persona-violet-surface-accent-gradient-active: var(--on-light-persona-violet-surface-accent-gradient-active);\n --inverse-persona-blue-surface-accent-gradient: var(--on-dark-persona-blue-surface-accent-gradient);\n --inverse-persona-blue-surface-accent-gradient-hover: var(--on-dark-persona-blue-surface-accent-gradient-hover);\n --inverse-persona-blue-surface-accent-gradient-active: var(--on-dark-persona-blue-surface-accent-gradient-active);\n --inverse-persona-green-surface-accent-gradient: var(--on-dark-persona-green-surface-accent-gradient);\n --inverse-persona-green-surface-accent-gradient-hover: var(--on-dark-persona-green-surface-accent-gradient-hover);\n --inverse-persona-green-surface-accent-gradient-active: var(--on-dark-persona-green-surface-accent-gradient-active);\n --inverse-persona-indigo-surface-accent-gradient: var(--on-dark-persona-indigo-surface-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-active: var(--on-dark-persona-indigo-surface-accent-gradient-active);\n --inverse-persona-ochre-surface-accent-gradient: var(--on-dark-persona-ochre-surface-accent-gradient);\n --inverse-persona-ochre-surface-accent-gradient-hover: var(--on-dark-persona-ochre-surface-accent-gradient-hover);\n --inverse-persona-ochre-surface-accent-gradient-active: var(--on-dark-persona-ochre-surface-accent-gradient-active);\n --persona-sea-blue-surface-accent-gradient: var(--on-light-persona-sea-blue-surface-accent-gradient);\n --persona-sea-blue-surface-accent-gradient-hover: var(--on-light-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-olive-surface-accent-gradient-active: var(--on-dark-persona-olive-surface-accent-gradient-active);\n --inverse-persona-pink-surface-accent-gradient: var(--on-dark-persona-pink-surface-accent-gradient);\n --inverse-persona-pink-surface-accent-gradient-hover: var(--on-dark-persona-pink-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient: var(--on-dark-persona-sea-blue-surface-accent-gradient);\n --inverse-persona-sea-blue-surface-accent-gradient-hover: var(--on-dark-persona-sea-blue-surface-accent-gradient-hover);\n --inverse-persona-sea-blue-surface-accent-gradient-active: var(--on-dark-persona-sea-blue-surface-accent-gradient-active);\n --inverse-persona-violet-surface-accent-gradient: var(--on-dark-persona-violet-surface-accent-gradient);\n --inverse-persona-violet-surface-accent-gradient-hover: var(--on-dark-persona-violet-surface-accent-gradient-hover);\n --inverse-persona-violet-surface-accent-gradient-active: var(--on-dark-persona-violet-surface-accent-gradient-active);\n --inverse-persona-olive-surface-accent-gradient: var(--on-dark-persona-olive-surface-accent-gradient);\n --inverse-persona-olive-surface-accent-gradient-hover: var(--on-dark-persona-olive-surface-accent-gradient-hover);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --text-accent-gradient-ai: var(--on-light-text-accent-gradient-ai);\n --text-accent-gradient-ai-hover: var(--on-light-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai: var(--on-dark-text-accent-gradient-ai);\n --inverse-text-accent-gradient-ai-hover: var(--on-dark-text-accent-gradient-ai-hover);\n --inverse-text-accent-gradient-ai-active: var(--on-dark-text-accent-gradient-ai-active);\n --text-accent-gradient-ai-active: var(--on-light-text-accent-gradient-ai-active);\n --outline-transparent-surface: var(--on-light-outline-transparent-surface);\n --outline-transparent-surface-hover: var(--on-light-outline-transparent-surface-hover);\n --outline-transparent-surface-active: var(--on-light-outline-transparent-surface-active);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --overlay-gradient-hover: var(--on-light-overlay-gradient-hover);\n --overlay-gradient-active: var(--on-light-overlay-gradient-active);\n --inverse-overlay-gradient-active: var(--on-dark-overlay-gradient-active);\n --inverse-overlay-gradient-hover: var(--on-dark-overlay-gradient-hover);\n --inverse-surface-skeleton-deep-gradient-hover: var(--on-dark-surface-skeleton-deep-gradient-hover);\n --inverse-outline-accent-gradient: var(--on-dark-outline-accent-gradient);\n --inverse-persona-indigo-surface-accent-gradient-hover: var(--on-dark-persona-indigo-surface-accent-gradient-hover);\n --surface-accent-gradient-hover: var(--on-light-surface-accent-gradient-hover);\n --outline-accent-gradient-active: var(--on-light-outline-accent-gradient-active);\n --surface-accent-gradient-active: var(--on-light-surface-accent-gradient-active);\n --persona-ochre-surface-accent-gradient-hover: var(--on-light-persona-ochre-surface-accent-gradient-hover);\n "
|
|
2867
2867
|
};
|
|
2868
2868
|
|
|
2869
2869
|
export { backgroundPrimary, backgroundPrimaryBrightness, backgroundSecondaryActive, backgroundSecondaryBrightness, backgroundSecondaryHover, bodyL, bodyLBold, bodyLMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundPrimary, dataYellow, dataYellowActive, dataYellowHover, dataYellowMinor, dataYellowMinorActive, dataYellowMinorHover, dataYellowTransparent, dataYellowTransparentActive, dataYellowTransparentHover, dsplS, dsplSBold, dsplSMedium, h3, h3Bold, h3Medium, inverseBackgroundPrimary, inverseBackgroundPrimaryBrightness, inverseBackgroundSecondaryActive, inverseBackgroundSecondaryBrightness, inverseBackgroundSecondaryHover, inverseDataYellow, inverseDataYellowActive, inverseDataYellowHover, inverseDataYellowMinor, inverseDataYellowMinorActive, inverseDataYellowMinorHover, inverseDataYellowTransparent, inverseDataYellowTransparentActive, inverseDataYellowTransparentHover, inverseOutlineAccentGradient, inverseOutlineAccentGradientActive, inverseOutlineAccentGradientHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultBrightness, inverseOutlineDefaultHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlineOutlineMinor, inverseOutlineOutlineMinorActive, inverseOutlineOutlineMinorBrightness, inverseOutlineOutlineMinorHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlineTextInfo, inverseOutlineTextInfoActive, inverseOutlineTextInfoHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineTransparentSurface, inverseOutlineTransparentSurfaceActive, inverseOutlineTransparentSurfaceBrightness, inverseOutlineTransparentSurfaceHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOverlayGradient, inverseOverlayGradientActive, inverseOverlayGradientBrightness, inverseOverlayGradientHover, inverseOverlayHard, inverseOverlaySoft, inversePersonaBlueSurfaceAccentGradient, inversePersonaBlueSurfaceAccentGradientActive, inversePersonaBlueSurfaceAccentGradientHover, inversePersonaBlueTextAccent, inversePersonaBlueTextAccentActive, inversePersonaBlueTextAccentBrightness, inversePersonaBlueTextAccentHover, inversePersonaGreenSurfaceAccentGradient, inversePersonaGreenSurfaceAccentGradientActive, inversePersonaGreenSurfaceAccentGradientHover, inversePersonaGreenTextAccent, inversePersonaGreenTextAccentActive, inversePersonaGreenTextAccentBrightness, inversePersonaGreenTextAccentHover, inversePersonaIndigoSurfaceAccentGradient, inversePersonaIndigoSurfaceAccentGradientActive, inversePersonaIndigoSurfaceAccentGradientHover, inversePersonaIndigoTextAccent, inversePersonaIndigoTextAccentActive, inversePersonaIndigoTextAccentBrightness, inversePersonaIndigoTextAccentHover, inversePersonaOchreSurfaceAccentGradient, inversePersonaOchreSurfaceAccentGradientActive, inversePersonaOchreSurfaceAccentGradientHover, inversePersonaOchreTextAccent, inversePersonaOchreTextAccentActive, inversePersonaOchreTextAccentBrightness, inversePersonaOchreTextAccentHover, inversePersonaOliveSurfaceAccentGradient, inversePersonaOliveSurfaceAccentGradientActive, inversePersonaOliveSurfaceAccentGradientHover, inversePersonaOliveTextAccent, inversePersonaOliveTextAccentActive, inversePersonaOliveTextAccentBrightness, inversePersonaOliveTextAccentHover, inversePersonaPinkSurfaceAccentGradient, inversePersonaPinkSurfaceAccentGradientActive, inversePersonaPinkSurfaceAccentGradientHover, inversePersonaPinkTextAccent, inversePersonaPinkTextAccentActive, inversePersonaPinkTextAccentBrightness, inversePersonaPinkTextAccentHover, inversePersonaSeaBlueSurfaceAccentGradient, inversePersonaSeaBlueSurfaceAccentGradientActive, inversePersonaSeaBlueSurfaceAccentGradientHover, inversePersonaSeaBlueTextAccent, inversePersonaSeaBlueTextAccentActive, inversePersonaSeaBlueTextAccentBrightness, inversePersonaSeaBlueTextAccentHover, inversePersonaVioletSurfaceAccentGradient, inversePersonaVioletSurfaceAccentGradientActive, inversePersonaVioletSurfaceAccentGradientHover, inversePersonaVioletTextAccent, inversePersonaVioletTextAccentActive, inversePersonaVioletTextAccentBrightness, inversePersonaVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientActive, inverseSurfaceAccentGradientBrightness, inverseSurfaceAccentGradientHover, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryBrightness, inverseSurfaceAccentSecondaryHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceSkeletonDeepGradient, inverseSurfaceSkeletonDeepGradientActive, inverseSurfaceSkeletonDeepGradientHover, inverseSurfaceSkeletonGradient, inverseSurfaceSkeletonGradientActive, inverseSurfaceSkeletonGradientHover, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorBrightness, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAi, inverseTextAccentGradientAiActive, inverseTextAccentGradientAiBrightness, inverseTextAccentGradientAiHover, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundPrimary, onDarkBackgroundPrimary, onDarkBackgroundPrimaryActive, onDarkBackgroundPrimaryBrightness, onDarkBackgroundPrimaryHover, onDarkBackgroundSecondary, onDarkBackgroundSecondaryActive, onDarkBackgroundSecondaryBrightness, onDarkBackgroundSecondaryHover, onDarkDataYellow, onDarkDataYellowActive, onDarkDataYellowHover, onDarkDataYellowMinor, onDarkDataYellowMinorActive, onDarkDataYellowMinorHover, onDarkDataYellowTransparent, onDarkDataYellowTransparentActive, onDarkDataYellowTransparentHover, onDarkOutlineAccentGradient, onDarkOutlineAccentGradientActive, onDarkOutlineAccentGradientHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultBrightness, onDarkOutlineDefaultHover, onDarkOutlineMinor, onDarkOutlineMinorActive, onDarkOutlineMinorBrightness, onDarkOutlineMinorHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlineTextInfo, onDarkOutlineTextInfoActive, onDarkOutlineTextInfoHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineTransparentSurface, onDarkOutlineTransparentSurfaceActive, onDarkOutlineTransparentSurfaceBrightness, onDarkOutlineTransparentSurfaceHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonaBlueSurfaceAccentGradient, onDarkPersonaBlueSurfaceAccentGradientActive, onDarkPersonaBlueSurfaceAccentGradientHover, onDarkPersonaBlueTextAccent, onDarkPersonaBlueTextAccentActive, onDarkPersonaBlueTextAccentBrightness, onDarkPersonaBlueTextAccentHover, onDarkPersonaGreenSurfaceAccentGradient, onDarkPersonaGreenSurfaceAccentGradientActive, onDarkPersonaGreenSurfaceAccentGradientHover, onDarkPersonaGreenTextAccent, onDarkPersonaGreenTextAccentActive, onDarkPersonaGreenTextAccentBrightness, onDarkPersonaGreenTextAccentHover, onDarkPersonaIndigoSurfaceAccentGradient, onDarkPersonaIndigoSurfaceAccentGradientActive, onDarkPersonaIndigoSurfaceAccentGradientHover, onDarkPersonaIndigoTextAccent, onDarkPersonaIndigoTextAccentActive, onDarkPersonaIndigoTextAccentBrightness, onDarkPersonaIndigoTextAccentHover, onDarkPersonaOchreSurfaceAccentGradient, onDarkPersonaOchreSurfaceAccentGradientActive, onDarkPersonaOchreSurfaceAccentGradientHover, onDarkPersonaOchreTextAccent, onDarkPersonaOchreTextAccentActive, onDarkPersonaOchreTextAccentBrightness, onDarkPersonaOchreTextAccentHover, onDarkPersonaOliveSurfaceAccentGradient, onDarkPersonaOliveSurfaceAccentGradientActive, onDarkPersonaOliveSurfaceAccentGradientHover, onDarkPersonaOliveTextAccent, onDarkPersonaOliveTextAccentActive, onDarkPersonaOliveTextAccentBrightness, onDarkPersonaOliveTextAccentHover, onDarkPersonaPinkSurfaceAccentGradient, onDarkPersonaPinkSurfaceAccentGradientActive, onDarkPersonaPinkSurfaceAccentGradientHover, onDarkPersonaPinkTextAccent, onDarkPersonaPinkTextAccentActive, onDarkPersonaPinkTextAccentBrightness, onDarkPersonaPinkTextAccentHover, onDarkPersonaSeaBlueSurfaceAccentGradient, onDarkPersonaSeaBlueSurfaceAccentGradientActive, onDarkPersonaSeaBlueSurfaceAccentGradientHover, onDarkPersonaSeaBlueTextAccent, onDarkPersonaSeaBlueTextAccentActive, onDarkPersonaSeaBlueTextAccentBrightness, onDarkPersonaSeaBlueTextAccentHover, onDarkPersonaVioletSurfaceAccentGradient, onDarkPersonaVioletSurfaceAccentGradientActive, onDarkPersonaVioletSurfaceAccentGradientHover, onDarkPersonaVioletTextAccent, onDarkPersonaVioletTextAccentActive, onDarkPersonaVioletTextAccentBrightness, onDarkPersonaVioletTextAccentHover, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientActive, onDarkSurfaceAccentGradientBrightness, onDarkSurfaceAccentGradientHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentPrimary, onDarkSurfaceAccentPrimaryActive, onDarkSurfaceAccentPrimaryBrightness, onDarkSurfaceAccentPrimaryHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryBrightness, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceSkeletonDeepGradient, onDarkSurfaceSkeletonDeepGradientActive, onDarkSurfaceSkeletonDeepGradientHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSkeletonGradientActive, onDarkSurfaceSkeletonGradientHover, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorBrightness, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAi, onDarkTextAccentGradientAiActive, onDarkTextAccentGradientAiBrightness, onDarkTextAccentGradientAiHover, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightBackgroundPrimary, onLightBackgroundPrimaryActive, onLightBackgroundPrimaryBrightness, onLightBackgroundPrimaryHover, onLightBackgroundSecondary, onLightBackgroundSecondaryActive, onLightBackgroundSecondaryBrightness, onLightBackgroundSecondaryHover, onLightDataYellow, onLightDataYellowActive, onLightDataYellowHover, onLightDataYellowMinor, onLightDataYellowMinorActive, onLightDataYellowMinorHover, onLightDataYellowTransparent, onLightDataYellowTransparentActive, onLightDataYellowTransparentHover, onLightOutlineAccentGradient, onLightOutlineAccentGradientActive, onLightOutlineAccentGradientHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultBrightness, onLightOutlineDefaultHover, onLightOutlineMinor, onLightOutlineMinorActive, onLightOutlineMinorBrightness, onLightOutlineMinorHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlineTextInfo, onLightOutlineTextInfoActive, onLightOutlineTextInfoHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineTransparentSurface, onLightOutlineTransparentSurfaceActive, onLightOutlineTransparentSurfaceBrightness, onLightOutlineTransparentSurfaceHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOverlayGradient, onLightOverlayGradientActive, onLightOverlayGradientBrightness, onLightOverlayGradientHover, onLightOverlayHard, onLightOverlaySoft, onLightPersonaBlueSurfaceAccentGradient, onLightPersonaBlueSurfaceAccentGradientActive, onLightPersonaBlueSurfaceAccentGradientHover, onLightPersonaBlueTextAccent, onLightPersonaBlueTextAccentActive, onLightPersonaBlueTextAccentBrightness, onLightPersonaBlueTextAccentHover, onLightPersonaGreenSurfaceAccentGradient, onLightPersonaGreenSurfaceAccentGradientActive, onLightPersonaGreenSurfaceAccentGradientHover, onLightPersonaGreenTextAccent, onLightPersonaGreenTextAccentActive, onLightPersonaGreenTextAccentBrightness, onLightPersonaGreenTextAccentHover, onLightPersonaIndigoSurfaceAccentGradient, onLightPersonaIndigoSurfaceAccentGradientActive, onLightPersonaIndigoSurfaceAccentGradientHover, onLightPersonaIndigoTextAccent, onLightPersonaIndigoTextAccentActive, onLightPersonaIndigoTextAccentBrightness, onLightPersonaIndigoTextAccentHover, onLightPersonaOchreSurfaceAccentGradient, onLightPersonaOchreSurfaceAccentGradientActive, onLightPersonaOchreSurfaceAccentGradientHover, onLightPersonaOchreTextAccent, onLightPersonaOchreTextAccentActive, onLightPersonaOchreTextAccentBrightness, onLightPersonaOchreTextAccentHover, onLightPersonaOliveSurfaceAccentGradient, onLightPersonaOliveSurfaceAccentGradientActive, onLightPersonaOliveSurfaceAccentGradientHover, onLightPersonaOliveTextAccent, onLightPersonaOliveTextAccentActive, onLightPersonaOliveTextAccentBrightness, onLightPersonaOliveTextAccentHover, onLightPersonaPinkSurfaceAccentGradient, onLightPersonaPinkSurfaceAccentGradientActive, onLightPersonaPinkSurfaceAccentGradientHover, onLightPersonaPinkTextAccent, onLightPersonaPinkTextAccentActive, onLightPersonaPinkTextAccentBrightness, onLightPersonaPinkTextAccentHover, onLightPersonaSeaBlueSurfaceAccentGradient, onLightPersonaSeaBlueSurfaceAccentGradientActive, onLightPersonaSeaBlueSurfaceAccentGradientHover, onLightPersonaSeaBlueTextAccent, onLightPersonaSeaBlueTextAccentActive, onLightPersonaSeaBlueTextAccentBrightness, onLightPersonaSeaBlueTextAccentHover, onLightPersonaVioletSurfaceAccentGradient, onLightPersonaVioletSurfaceAccentGradientActive, onLightPersonaVioletSurfaceAccentGradientHover, onLightPersonaVioletTextAccent, onLightPersonaVioletTextAccentActive, onLightPersonaVioletTextAccentBrightness, onLightPersonaVioletTextAccentHover, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientActive, onLightSurfaceAccentGradientBrightness, onLightSurfaceAccentGradientHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorHover, onLightSurfaceAccentPrimary, onLightSurfaceAccentPrimaryActive, onLightSurfaceAccentPrimaryBrightness, onLightSurfaceAccentPrimaryHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryBrightness, onLightSurfaceAccentSecondaryHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceSkeletonDeepGradient, onLightSurfaceSkeletonDeepGradientActive, onLightSurfaceSkeletonDeepGradientHover, onLightSurfaceSkeletonGradient, onLightSurfaceSkeletonGradientActive, onLightSurfaceSkeletonGradientHover, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorBrightness, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAi, onLightTextAccentGradientAiActive, onLightTextAccentGradientAiBrightness, onLightTextAccentGradientAiHover, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineAccentGradient, outlineAccentGradientActive, outlineAccentGradientHover, outlineDefault, outlineDefaultActive, outlineDefaultBrightness, outlineDefaultHover, outlineMinor, outlineMinorActive, outlineMinorBrightness, outlineMinorHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlineTextInfo, outlineTextInfoActive, outlineTextInfoHover, outlineTransparentClear, outlineTransparentClearActive, outlineTransparentClearBrightness, outlineTransparentClearHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, overlayHard, overlaySoft, personaBlueSurfaceAccentGradient, personaBlueSurfaceAccentGradientActive, personaBlueSurfaceAccentGradientHover, personaBlueTextAccent, personaBlueTextAccentActive, personaBlueTextAccentBrightness, personaBlueTextAccentHover, personaGreenSurfaceAccentGradient, personaGreenSurfaceAccentGradientActive, personaGreenSurfaceAccentGradientHover, personaGreenTextAccent, personaGreenTextAccentActive, personaGreenTextAccentBrightness, personaGreenTextAccentHover, personaIndigoSurfaceAccentGradient, personaIndigoSurfaceAccentGradientActive, personaIndigoSurfaceAccentGradientHover, personaIndigoTextAccent, personaIndigoTextAccentActive, personaIndigoTextAccentBrightness, personaIndigoTextAccentHover, personaOchreSurfaceAccentGradient, personaOchreSurfaceAccentGradientActive, personaOchreSurfaceAccentGradientHover, personaOchreTextAccent, personaOchreTextAccentActive, personaOchreTextAccentBrightness, personaOchreTextAccentHover, personaOliveSurfaceAccentGradient, personaOliveSurfaceAccentGradientActive, personaOliveSurfaceAccentGradientHover, personaOliveTextAccent, personaOliveTextAccentActive, personaOliveTextAccentBrightness, personaOliveTextAccentHover, personaPinkSurfaceAccentGradient, personaPinkSurfaceAccentGradientActive, personaPinkSurfaceAccentGradientHover, personaPinkTextAccent, personaPinkTextAccentActive, personaPinkTextAccentBrightness, personaPinkTextAccentHover, personaSeaBlueSurfaceAccentGradient, personaSeaBlueSurfaceAccentGradientActive, personaSeaBlueSurfaceAccentGradientHover, personaSeaBlueTextAccent, personaSeaBlueTextAccentActive, personaSeaBlueTextAccentBrightness, personaSeaBlueTextAccentHover, personaVioletSurfaceAccentGradient, personaVioletSurfaceAccentGradientActive, personaVioletSurfaceAccentGradientHover, personaVioletTextAccent, personaVioletTextAccentActive, personaVioletTextAccentBrightness, personaVioletTextAccentHover, shadowDownHardL, shadowDownHardM, shadowDownHardS, shadowDownSoftL, shadowDownSoftM, shadowDownSoftS, shadowUpHardL, shadowUpHardM, shadowUpHardS, shadowUpSoftL, shadowUpSoftM, shadowUpSoftS, spacing0x, spacing10x, spacing12x, spacing16x, spacing1x, spacing20x, spacing24x, spacing2x, spacing32x, spacing3x, spacing40x, spacing4x, spacing60x, spacing6x, spacing8x, surfaceAccentGradient, surfaceAccentGradientActive, surfaceAccentGradientBrightness, surfaceAccentGradientHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorHover, surfaceAccentPrimary, surfaceAccentPrimaryActive, surfaceAccentPrimaryBrightness, surfaceAccentPrimaryHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryBrightness, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceSkeletonDeepGradient, surfaceSkeletonDeepGradientActive, surfaceSkeletonDeepGradientHover, surfaceSkeletonGradient, surfaceSkeletonGradientActive, surfaceSkeletonGradientHover, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorBrightness, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAi, textAccentGradientAiActive, textAccentGradientAiBrightness, textAccentGradientAiHover, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryHover, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, viewContainer };
|