@salutejs-ds/sdds_sbcom 0.1.13 → 0.1.15
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 +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1b1uwtc.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_by8n89.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Counter/Counter.config.d.ts +4 -4
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/IconButton/IconButton.config.d.ts +3 -3
- package/components/IconButton/IconButton.config.js +9 -9
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +3 -3
- package/components/Link/Link.config.d.ts +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +1 -1
- 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_1x15h52.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +245 -229
- package/css/sdds_sbcom__dark.css +139 -131
- package/css/sdds_sbcom__light.css +141 -133
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1b1uwtc.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_by8n89.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +9 -9
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +9 -9
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- 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_1x15h52.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -55
- package/es/index.js +1 -1
- 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 +431 -407
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/index.js +8 -0
- package/index.js.map +1 -1
- 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/Counter/Counter.config.js +9 -9
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +4 -4
- 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/Counter/Counter.config.js +9 -9
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +4 -4
- 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 +363 -347
- package/theme/tokens/index.js +438 -406
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1nf8fsa.css +0 -10
- package/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/components/Radiobox/Radiobox.config_jinig9.css +0 -6
- package/es/components/Button/Button.config_1nf8fsa.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/es/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/es/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/es/components/Radiobox/Radiobox.config_jinig9.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -1,170 +1,116 @@
|
|
|
1
1
|
// Generated by robots, do not change this manually!
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
|
|
5
|
-
|
|
6
|
-
/** null */
|
|
7
|
-
var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
|
|
8
|
-
|
|
9
|
-
/** null */
|
|
3
|
+
/** Primary Hover On Light */
|
|
10
4
|
var onLightOutlinePrimaryHover = 'var(--on-light-outline-primary-hover, #ADA39FFF)';
|
|
11
5
|
|
|
12
|
-
/**
|
|
6
|
+
/** Default Active Inverse */
|
|
13
7
|
var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #E6E6E6FF)';
|
|
14
8
|
|
|
15
|
-
/**
|
|
9
|
+
/** Sea Blue Text Accent Active Inverse */
|
|
16
10
|
var inversePersonasSeaBlueTextAccentActive = 'var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)';
|
|
17
11
|
|
|
18
|
-
/**
|
|
12
|
+
/** Violet Text Accent Active Inverse */
|
|
19
13
|
var inversePersonasVioletTextAccentActive = 'var(--inverse-personas-violet-text-accent-active, #81288FFF)';
|
|
20
14
|
|
|
21
|
-
/**
|
|
22
|
-
var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
|
|
23
|
-
|
|
24
|
-
/** null */
|
|
25
|
-
var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
|
|
26
|
-
|
|
27
|
-
/** null */
|
|
15
|
+
/** Default Hover On Light */
|
|
28
16
|
var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
|
|
29
17
|
|
|
30
|
-
/**
|
|
18
|
+
/** Default Hover On Dark */
|
|
31
19
|
var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
|
|
32
20
|
|
|
33
|
-
/**
|
|
21
|
+
/** Default Active On Dark */
|
|
34
22
|
var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
|
|
35
23
|
|
|
36
|
-
/**
|
|
24
|
+
/** Green Text Accent Hover Default */
|
|
37
25
|
var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
|
|
38
26
|
|
|
39
|
-
/**
|
|
27
|
+
/** Sea Blue Text Accent Hover Default */
|
|
40
28
|
var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
|
|
41
29
|
|
|
42
|
-
/**
|
|
30
|
+
/** Accent Secondary Hover Inverse */
|
|
43
31
|
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
|
|
44
32
|
|
|
45
|
-
/**
|
|
46
|
-
var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
|
|
47
|
-
|
|
48
|
-
/** null */
|
|
33
|
+
/** Transparent Navi Active Default */
|
|
49
34
|
var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
|
|
50
35
|
|
|
51
|
-
/**
|
|
36
|
+
/** Transparent Accent Minor Active On Light */
|
|
52
37
|
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
|
|
53
38
|
|
|
54
|
-
/**
|
|
39
|
+
/** Green Text Accent Active On Light */
|
|
55
40
|
var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
|
|
56
41
|
|
|
57
|
-
/**
|
|
42
|
+
/** Default Active Default */
|
|
58
43
|
var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
|
|
59
44
|
|
|
60
|
-
/**
|
|
45
|
+
/** Primary Active On Dark */
|
|
61
46
|
var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
|
|
62
47
|
|
|
63
|
-
/**
|
|
48
|
+
/** Olive Text Accent Active Default */
|
|
64
49
|
var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
|
|
65
50
|
|
|
66
|
-
/**
|
|
67
|
-
var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
68
|
-
|
|
69
|
-
/** null */
|
|
51
|
+
/** Olive Text Accent Hover On Dark */
|
|
70
52
|
var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
71
53
|
|
|
72
|
-
/**
|
|
73
|
-
var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
|
|
74
|
-
|
|
75
|
-
/** null */
|
|
76
|
-
var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
|
|
77
|
-
|
|
78
|
-
/** null */
|
|
54
|
+
/** Violet Text Accent Active On Light */
|
|
79
55
|
var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
|
|
80
56
|
|
|
81
|
-
/**
|
|
57
|
+
/** Ochre Text Accent Active On Light */
|
|
82
58
|
var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
83
59
|
|
|
84
|
-
/**
|
|
60
|
+
/** Accent Secondary Hover On Dark */
|
|
85
61
|
var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
|
|
86
62
|
|
|
87
|
-
/**
|
|
88
|
-
var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
|
|
89
|
-
|
|
90
|
-
/** null */
|
|
63
|
+
/** Pink Text Accent Hover On Light */
|
|
91
64
|
var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
|
|
92
65
|
|
|
93
|
-
/**
|
|
66
|
+
/** Accent Secondary Hover Default */
|
|
94
67
|
var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
|
|
95
68
|
|
|
96
|
-
/**
|
|
97
|
-
var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
|
|
98
|
-
|
|
99
|
-
/** null */
|
|
69
|
+
/** Indigo Text Accent Hover Default */
|
|
100
70
|
var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
101
71
|
|
|
102
|
-
/**
|
|
72
|
+
/** Violet Text Accent Hover On Dark */
|
|
103
73
|
var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
|
|
104
74
|
|
|
105
|
-
/**
|
|
75
|
+
/** On Light Outline Primary */
|
|
106
76
|
var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
|
|
107
77
|
|
|
108
|
-
/**
|
|
78
|
+
/** Inverse Outline Default */
|
|
109
79
|
var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
|
|
110
80
|
|
|
111
|
-
/**
|
|
81
|
+
/** Blue Text Accent Hover On Dark */
|
|
112
82
|
var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
113
83
|
|
|
114
|
-
/**
|
|
115
|
-
var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
|
|
116
|
-
|
|
117
|
-
/** null */
|
|
84
|
+
/** Indigo Text Accent Hover On Light */
|
|
118
85
|
var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
|
|
119
86
|
|
|
120
|
-
/**
|
|
121
|
-
var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
|
|
122
|
-
|
|
123
|
-
/** null */
|
|
87
|
+
/** Sea Blue Text Accent Hover On Light */
|
|
124
88
|
var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
|
|
125
89
|
|
|
126
|
-
/**
|
|
127
|
-
var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
|
|
128
|
-
|
|
129
|
-
/** null */
|
|
130
|
-
var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
|
|
131
|
-
|
|
132
|
-
/** null */
|
|
90
|
+
/** Ochre Text Accent Active Default */
|
|
133
91
|
var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
|
|
134
92
|
|
|
135
|
-
/**
|
|
136
|
-
var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
|
|
137
|
-
|
|
138
|
-
/** null */
|
|
93
|
+
/** Inverse Background Hardline */
|
|
139
94
|
var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
|
|
140
95
|
|
|
141
|
-
/**
|
|
142
|
-
var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
|
|
143
|
-
|
|
144
|
-
/** null */
|
|
96
|
+
/** Sea Blue Text Accent Hover On Dark */
|
|
145
97
|
var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
|
|
146
98
|
|
|
147
|
-
/**
|
|
99
|
+
/** Surface Transparent Navi */
|
|
148
100
|
var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
|
|
149
101
|
|
|
150
|
-
/**
|
|
151
|
-
var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
|
|
152
|
-
|
|
153
|
-
/** null */
|
|
102
|
+
/** Violet Text Accent Active Default */
|
|
154
103
|
var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
|
|
155
104
|
|
|
156
|
-
/**
|
|
105
|
+
/** Blue Text Accent Hover Default */
|
|
157
106
|
var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
158
107
|
|
|
159
|
-
/**
|
|
108
|
+
/** Outline Default */
|
|
160
109
|
var outlineDefault = 'var(--outline-default, #FFFFFF)';
|
|
161
110
|
|
|
162
111
|
/** Основной цвет текста */
|
|
163
112
|
var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
|
|
164
113
|
|
|
165
|
-
/** Основной фон для карточек */
|
|
166
|
-
var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
|
|
167
|
-
|
|
168
114
|
/** Прозрачный фон для карточек */
|
|
169
115
|
var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
170
116
|
|
|
@@ -177,8 +123,8 @@ var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness
|
|
|
177
123
|
/** Прозрачный фон для карточек */
|
|
178
124
|
var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
|
|
179
125
|
|
|
180
|
-
/** Основной
|
|
181
|
-
var
|
|
126
|
+
/** Основной фон для карточек */
|
|
127
|
+
var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
|
|
182
128
|
|
|
183
129
|
/** Прозрачный фон для карточек на темном фоне */
|
|
184
130
|
var onDarkSurfaceTransparentCardBrightnessHover = 'var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
@@ -198,32 +144,32 @@ var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-pr
|
|
|
198
144
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
199
145
|
var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
|
|
200
146
|
|
|
201
|
-
/**
|
|
202
|
-
var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
|
|
203
|
-
|
|
204
|
-
/** null */
|
|
147
|
+
/** Inverse Personas Indigo Text Accent */
|
|
205
148
|
var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
|
|
206
149
|
|
|
207
|
-
/**
|
|
150
|
+
/** Inverse Personas Pink Text Accent */
|
|
208
151
|
var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
|
|
209
152
|
|
|
153
|
+
/** Personas Olive Text Accent */
|
|
154
|
+
var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
|
|
155
|
+
|
|
210
156
|
/** Цвет обводки успех на светлом фоне */
|
|
211
157
|
var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
|
|
212
158
|
|
|
213
|
-
/**
|
|
214
|
-
var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
|
|
215
|
-
|
|
216
|
-
/** null */
|
|
159
|
+
/** Inverse Personas Ochre Text Accent */
|
|
217
160
|
var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
|
|
218
161
|
|
|
162
|
+
/** On Dark Personas Olive Text Accent */
|
|
163
|
+
var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
|
|
164
|
+
|
|
219
165
|
/** Третичный непрозрачный фон поверхности/контрола */
|
|
220
166
|
var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
|
|
221
167
|
|
|
222
168
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
223
169
|
var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
|
|
224
170
|
|
|
225
|
-
/**
|
|
226
|
-
var
|
|
171
|
+
/** Inverse Surface Transparent Navi */
|
|
172
|
+
var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
|
|
227
173
|
|
|
228
174
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
229
175
|
var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
|
|
@@ -234,10 +180,7 @@ var textPrimary = 'var(--text-primary, #FFFFFFFC)';
|
|
|
234
180
|
/** Акцентный минорный цвет на темном фоне */
|
|
235
181
|
var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
|
|
236
182
|
|
|
237
|
-
/**
|
|
238
|
-
var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
|
|
239
|
-
|
|
240
|
-
/** null */
|
|
183
|
+
/** On Light Personas Olive Text Accent */
|
|
241
184
|
var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
|
|
242
185
|
|
|
243
186
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
@@ -261,25 +204,22 @@ var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-pr
|
|
|
261
204
|
/** Инвертированный прозрачный фон для карточек */
|
|
262
205
|
var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
|
|
263
206
|
|
|
264
|
-
/**
|
|
265
|
-
var
|
|
207
|
+
/** Outline Primary */
|
|
208
|
+
var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
|
|
266
209
|
|
|
267
|
-
/**
|
|
210
|
+
/** On Light Personas Ochre Text Accent */
|
|
268
211
|
var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
|
|
269
212
|
|
|
270
|
-
/**
|
|
213
|
+
/** On Dark Personas Indigo Text Accent */
|
|
271
214
|
var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
|
|
272
215
|
|
|
273
|
-
/**
|
|
216
|
+
/** On Dark Surface Accent Secondary */
|
|
274
217
|
var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
|
|
275
218
|
|
|
276
|
-
/**
|
|
219
|
+
/** Inverse Personas Green Text Accent */
|
|
277
220
|
var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
|
|
278
221
|
|
|
279
|
-
/**
|
|
280
|
-
var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
|
|
281
|
-
|
|
282
|
-
/** null */
|
|
222
|
+
/** Surface Accent Secondary */
|
|
283
223
|
var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
|
|
284
224
|
|
|
285
225
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
@@ -303,8 +243,8 @@ var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-trans
|
|
|
303
243
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
304
244
|
var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
|
|
305
245
|
|
|
306
|
-
/**
|
|
307
|
-
var
|
|
246
|
+
/** On Light Personas Violet Text Accent */
|
|
247
|
+
var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
|
|
308
248
|
|
|
309
249
|
/** Инвертированный основной фон для карточек */
|
|
310
250
|
var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)';
|
|
@@ -315,294 +255,291 @@ var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #
|
|
|
315
255
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
316
256
|
var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
|
|
317
257
|
|
|
318
|
-
/**
|
|
319
|
-
var
|
|
320
|
-
|
|
321
|
-
/** null */
|
|
322
|
-
var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
|
|
258
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
259
|
+
var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
|
|
323
260
|
|
|
324
|
-
/**
|
|
261
|
+
/** On Light Personas Sea Blue Text Accent */
|
|
325
262
|
var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
|
|
326
263
|
|
|
327
|
-
/**
|
|
328
|
-
var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
|
|
329
|
-
|
|
330
|
-
/** null */
|
|
264
|
+
/** Personas Ochre Text Accent */
|
|
331
265
|
var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
|
|
332
266
|
|
|
333
|
-
/**
|
|
267
|
+
/** On Dark Surface Transparent Accent Minor */
|
|
334
268
|
var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
|
|
335
269
|
|
|
336
|
-
/**
|
|
270
|
+
/** On Dark Personas Violet Text Accent */
|
|
337
271
|
var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
|
|
338
272
|
|
|
339
|
-
/**
|
|
273
|
+
/** On Light Surface Transparent Navi */
|
|
340
274
|
var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
|
|
341
275
|
|
|
342
|
-
/**
|
|
343
|
-
var
|
|
344
|
-
|
|
345
|
-
/** null */
|
|
346
|
-
var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
|
|
347
|
-
|
|
348
|
-
/** null */
|
|
349
|
-
var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
|
|
350
|
-
|
|
351
|
-
/** null */
|
|
352
|
-
var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
|
|
276
|
+
/** On Dark Personas Blue Text Accent */
|
|
277
|
+
var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
|
|
353
278
|
|
|
354
|
-
/**
|
|
279
|
+
/** Green Text Accent Active Default */
|
|
355
280
|
var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
|
|
356
281
|
|
|
357
|
-
/**
|
|
282
|
+
/** Sea Blue Text Accent Active Default */
|
|
358
283
|
var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
|
|
359
284
|
|
|
360
|
-
/**
|
|
285
|
+
/** Accent Secondary Active Inverse */
|
|
361
286
|
var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
|
|
362
287
|
|
|
363
|
-
/**
|
|
288
|
+
/** Pink Text Accent Active On Dark */
|
|
364
289
|
var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
|
|
365
290
|
|
|
366
|
-
/**
|
|
291
|
+
/** Primary Active Default */
|
|
367
292
|
var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
|
|
368
293
|
|
|
369
|
-
/**
|
|
294
|
+
/** Indigo Text Accent Active Inverse */
|
|
370
295
|
var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
|
|
371
296
|
|
|
372
|
-
/**
|
|
297
|
+
/** Pink Text Accent Active Inverse */
|
|
373
298
|
var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
|
|
374
299
|
|
|
375
|
-
/**
|
|
300
|
+
/** Olive Text Accent Active On Dark */
|
|
376
301
|
var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
|
|
377
302
|
|
|
378
|
-
/**
|
|
303
|
+
/** Accent Secondary Active On Dark */
|
|
379
304
|
var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
|
|
380
305
|
|
|
381
|
-
/**
|
|
306
|
+
/** Green Text Accent Active Inverse */
|
|
382
307
|
var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
|
|
383
308
|
|
|
384
|
-
/**
|
|
309
|
+
/** Pink Text Accent Active On Light */
|
|
385
310
|
var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
|
|
386
311
|
|
|
387
|
-
/**
|
|
312
|
+
/** Indigo Text Accent Active Default */
|
|
388
313
|
var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
|
|
389
314
|
|
|
390
|
-
/**
|
|
315
|
+
/** Violet Text Accent Active On Dark */
|
|
391
316
|
var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
|
|
392
317
|
|
|
393
|
-
/**
|
|
318
|
+
/** Transparent Navi Hover On Light */
|
|
394
319
|
var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
|
|
395
320
|
|
|
396
|
-
/**
|
|
321
|
+
/** Transparent Navi Active On Light */
|
|
397
322
|
var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
|
|
398
323
|
|
|
399
|
-
/**
|
|
324
|
+
/** Olive Text Accent Hover Inverse */
|
|
400
325
|
var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
|
|
401
326
|
|
|
402
|
-
/**
|
|
327
|
+
/** Ochre Text Accent Hover Default */
|
|
403
328
|
var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
|
|
404
329
|
|
|
405
|
-
/**
|
|
330
|
+
/** Inverse Surface Accent Secondary */
|
|
406
331
|
var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
|
|
407
332
|
|
|
408
|
-
/**
|
|
333
|
+
/** Light Background Hardline */
|
|
409
334
|
var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
|
|
410
335
|
|
|
411
|
-
/**
|
|
336
|
+
/** Sea Blue Text Accent Active On Dark */
|
|
412
337
|
var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
|
|
413
338
|
|
|
414
|
-
/**
|
|
339
|
+
/** On Light Surface Transparent Accent Minor */
|
|
415
340
|
var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
|
|
416
341
|
|
|
417
|
-
/**
|
|
342
|
+
/** On Light Personas Green Text Accent */
|
|
418
343
|
var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
|
|
419
344
|
|
|
420
|
-
/**
|
|
421
|
-
var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
|
|
422
|
-
|
|
423
|
-
/** Основной цвет текста на темном фоне */
|
|
424
|
-
var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
|
|
425
|
-
|
|
426
|
-
/** Цвет предупреждения на светлом фоне */
|
|
427
|
-
var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
|
|
428
|
-
|
|
429
|
-
/** null */
|
|
345
|
+
/** Primary Active On Light */
|
|
430
346
|
var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
|
|
431
347
|
|
|
432
|
-
/**
|
|
348
|
+
/** Blue Text Accent Active Inverse */
|
|
433
349
|
var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
|
|
434
350
|
|
|
435
|
-
/**
|
|
351
|
+
/** Transparent Accent Minor Active Inverse */
|
|
436
352
|
var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
|
|
437
353
|
|
|
438
|
-
/**
|
|
439
|
-
var
|
|
440
|
-
|
|
441
|
-
/** null */
|
|
442
|
-
var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
|
|
443
|
-
|
|
444
|
-
/** null */
|
|
445
|
-
var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
|
|
354
|
+
/** Основной цвет текста */
|
|
355
|
+
var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
|
|
446
356
|
|
|
447
|
-
/**
|
|
448
|
-
var
|
|
357
|
+
/** Green Text Accent Hover On Dark */
|
|
358
|
+
var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
|
|
449
359
|
|
|
450
|
-
/**
|
|
451
|
-
var
|
|
360
|
+
/** Основной цвет текста на темном фоне */
|
|
361
|
+
var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
|
|
452
362
|
|
|
453
|
-
/**
|
|
454
|
-
var
|
|
363
|
+
/** On Dark Personas Sea Blue Text Accent */
|
|
364
|
+
var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
|
|
455
365
|
|
|
456
|
-
/**
|
|
457
|
-
var
|
|
366
|
+
/** Blue Text Accent Active On Light */
|
|
367
|
+
var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
|
|
458
368
|
|
|
459
|
-
/**
|
|
460
|
-
var
|
|
369
|
+
/** Default Active On Light */
|
|
370
|
+
var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
|
|
461
371
|
|
|
462
|
-
/**
|
|
463
|
-
var
|
|
372
|
+
/** Цвет предупреждения на светлом фоне */
|
|
373
|
+
var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
|
|
464
374
|
|
|
465
|
-
/**
|
|
375
|
+
/** Green Text Accent Hover On Light */
|
|
466
376
|
var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
|
|
467
377
|
|
|
468
|
-
/**
|
|
469
|
-
var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
|
|
470
|
-
|
|
471
|
-
/** null */
|
|
472
|
-
var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
|
|
473
|
-
|
|
474
|
-
/** null */
|
|
378
|
+
/** Pink Text Accent Hover On Dark */
|
|
475
379
|
var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
|
|
476
380
|
|
|
477
|
-
/**
|
|
381
|
+
/** Primary Hover Default */
|
|
478
382
|
var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
|
|
479
383
|
|
|
480
|
-
/**
|
|
384
|
+
/** Indigo Text Accent Hover Inverse */
|
|
481
385
|
var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
|
|
482
386
|
|
|
483
|
-
/**
|
|
387
|
+
/** Pink Text Accent Hover Inverse */
|
|
484
388
|
var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
|
|
485
389
|
|
|
486
|
-
/**
|
|
390
|
+
/** Olive Text Accent Hover Default */
|
|
487
391
|
var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
488
392
|
|
|
489
|
-
/**
|
|
393
|
+
/** Ochre Text Accent Hover Inverse */
|
|
490
394
|
var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
|
|
491
395
|
|
|
492
|
-
/**
|
|
396
|
+
/** Transparent Navi Hover Inverse */
|
|
493
397
|
var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
|
|
494
398
|
|
|
495
|
-
/**
|
|
399
|
+
/** Olive Text Accent Hover On Light */
|
|
496
400
|
var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
|
|
497
401
|
|
|
498
|
-
/**
|
|
402
|
+
/** Violet Text Accent Hover On Light */
|
|
499
403
|
var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
|
|
500
404
|
|
|
501
|
-
/**
|
|
405
|
+
/** Ochre Text Accent Hover On Light */
|
|
502
406
|
var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
|
|
503
407
|
|
|
504
|
-
/**
|
|
408
|
+
/** Indigo Text Accent Hover On Dark */
|
|
505
409
|
var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
506
410
|
|
|
507
|
-
/**
|
|
411
|
+
/** On Dark Personas Ochre Text Accent */
|
|
508
412
|
var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
|
|
509
413
|
|
|
510
|
-
/**
|
|
414
|
+
/** Green Text Accent Active On Dark */
|
|
511
415
|
var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
|
|
512
416
|
|
|
513
|
-
/**
|
|
417
|
+
/** Ochre Text Accent Active On Dark */
|
|
514
418
|
var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
|
|
515
419
|
|
|
516
|
-
/**
|
|
420
|
+
/** Transparent Accent Minor Active Default */
|
|
517
421
|
var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
|
|
518
422
|
|
|
519
|
-
/**
|
|
423
|
+
/** Default Hover Inverse */
|
|
520
424
|
var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
|
|
521
425
|
|
|
522
|
-
/**
|
|
426
|
+
/** Personas Violet Text Accent */
|
|
523
427
|
var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
|
|
524
428
|
|
|
525
|
-
/**
|
|
429
|
+
/** Primary Hover Inverse */
|
|
526
430
|
var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
|
|
527
431
|
|
|
528
|
-
/**
|
|
529
|
-
var
|
|
432
|
+
/** Sea Blue Text Accent Hover Inverse */
|
|
433
|
+
var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
|
|
530
434
|
|
|
531
|
-
/**
|
|
532
|
-
var
|
|
435
|
+
/** Blue Text Accent Hover Inverse */
|
|
436
|
+
var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
|
|
533
437
|
|
|
534
|
-
/**
|
|
535
|
-
var
|
|
438
|
+
/** Violet Text Accent Hover Inverse */
|
|
439
|
+
var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
|
|
536
440
|
|
|
537
|
-
/**
|
|
538
|
-
var
|
|
441
|
+
/** Transparent Accent Minor Hover Inverse */
|
|
442
|
+
var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
|
|
539
443
|
|
|
540
|
-
/**
|
|
541
|
-
var
|
|
444
|
+
/** Blue Text Accent Hover On Light */
|
|
445
|
+
var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
|
|
542
446
|
|
|
543
|
-
/**
|
|
544
|
-
var
|
|
447
|
+
/** Transparent Navi Hover On Dark */
|
|
448
|
+
var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
|
|
545
449
|
|
|
546
|
-
/**
|
|
547
|
-
var
|
|
450
|
+
/** Accent Secondary Hover On Light */
|
|
451
|
+
var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
|
|
548
452
|
|
|
549
|
-
/**
|
|
550
|
-
var
|
|
453
|
+
/** Transparent Navi Hover Default */
|
|
454
|
+
var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
|
|
551
455
|
|
|
552
|
-
/**
|
|
553
|
-
var
|
|
456
|
+
/** Transparent Accent Minor Hover On Light */
|
|
457
|
+
var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
|
|
554
458
|
|
|
555
|
-
/**
|
|
556
|
-
var
|
|
459
|
+
/** Default Hover Default */
|
|
460
|
+
var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
|
|
557
461
|
|
|
558
|
-
/**
|
|
559
|
-
var
|
|
462
|
+
/** Primary Hover On Dark */
|
|
463
|
+
var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
|
|
560
464
|
|
|
561
|
-
/**
|
|
562
|
-
var
|
|
465
|
+
/** Инвертированный основной фон для карточек */
|
|
466
|
+
var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
|
|
563
467
|
|
|
564
|
-
/**
|
|
565
|
-
var
|
|
468
|
+
/** Inverse Personas Blue Text Accent */
|
|
469
|
+
var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
|
|
566
470
|
|
|
567
|
-
/**
|
|
568
|
-
var
|
|
471
|
+
/** Blue Text Accent Active Default */
|
|
472
|
+
var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
|
|
569
473
|
|
|
570
|
-
/**
|
|
571
|
-
var
|
|
474
|
+
/** Accent Secondary Active Default */
|
|
475
|
+
var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
|
|
572
476
|
|
|
573
|
-
/**
|
|
574
|
-
var
|
|
477
|
+
/** Surface Transparent Accent Minor */
|
|
478
|
+
var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
|
|
575
479
|
|
|
576
|
-
/**
|
|
577
|
-
var
|
|
480
|
+
/** Inverse Personas Sea Blue Text Accent */
|
|
481
|
+
var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
|
|
578
482
|
|
|
579
|
-
/**
|
|
580
|
-
var
|
|
483
|
+
/** On Dark Personas Pink Text Accent */
|
|
484
|
+
var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
|
|
581
485
|
|
|
582
|
-
/**
|
|
486
|
+
/** Personas Pink Text Accent */
|
|
487
|
+
var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
|
|
488
|
+
|
|
489
|
+
/** On Dark Surface Transparent Navi */
|
|
583
490
|
var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
|
|
584
491
|
|
|
585
|
-
/**
|
|
492
|
+
/** Inverse Outline Primary */
|
|
586
493
|
var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
|
|
587
494
|
|
|
588
|
-
/**
|
|
495
|
+
/** Olive Text Accent Active Inverse */
|
|
589
496
|
var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
|
|
590
497
|
|
|
591
|
-
/**
|
|
498
|
+
/** On Dark Outline Default */
|
|
592
499
|
var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
|
|
593
500
|
|
|
594
|
-
/**
|
|
501
|
+
/** Personas Green Text Accent */
|
|
595
502
|
var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
|
|
596
503
|
|
|
597
|
-
/**
|
|
598
|
-
var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
|
|
599
|
-
|
|
600
|
-
/** null */
|
|
504
|
+
/** Dark Background Hardline */
|
|
601
505
|
var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
|
|
602
506
|
|
|
603
|
-
/**
|
|
507
|
+
/** On Dark Outline Primary */
|
|
604
508
|
var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
|
|
605
509
|
|
|
510
|
+
/** Personas Blue Text Accent */
|
|
511
|
+
var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
|
|
512
|
+
|
|
513
|
+
/** Personas Sea Blue Text Accent */
|
|
514
|
+
var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
|
|
515
|
+
|
|
516
|
+
/** Violet Text Accent Hover Default */
|
|
517
|
+
var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
|
|
518
|
+
|
|
519
|
+
/** Background Hardline */
|
|
520
|
+
var backgroundHardline = 'var(--background-hardline, #000000)';
|
|
521
|
+
|
|
522
|
+
/** Основной цвет текста на светлом фоне */
|
|
523
|
+
var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
|
|
524
|
+
|
|
525
|
+
/** Инвертированный основной цвет текста */
|
|
526
|
+
var inverseTextPrimaryBrightnessHover = 'var(--inverse-text-primary-brightness-hover, #17171793)';
|
|
527
|
+
|
|
528
|
+
/** Основной непрозрачный фон поверхности/контрола */
|
|
529
|
+
var surfaceSolidPrimaryBrightnessActive = 'var(--surface-solid-primary-brightness-active, #212121FF)';
|
|
530
|
+
|
|
531
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
532
|
+
var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)';
|
|
533
|
+
|
|
534
|
+
/** Inverse Personas Violet Text Accent */
|
|
535
|
+
var inversePersonasVioletTextAccent = 'var(--inverse-personas-violet-text-accent, #9E32AF)';
|
|
536
|
+
|
|
537
|
+
/** Inverse Surface Transparent Accent Minor */
|
|
538
|
+
var inverseSurfaceTransparentAccentMinor = 'var(--inverse-surface-transparent-accent-minor, #0BA68647)';
|
|
539
|
+
|
|
540
|
+
/** On Light Personas Blue Text Accent */
|
|
541
|
+
var onLightPersonasBlueTextAccent = 'var(--on-light-personas-blue-text-accent, #1063BA)';
|
|
542
|
+
|
|
606
543
|
/** Основной цвет текста на темном фоне */
|
|
607
544
|
var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
|
|
608
545
|
|
|
@@ -612,20 +549,80 @@ var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness
|
|
|
612
549
|
/** Инвертированный основной цвет текста */
|
|
613
550
|
var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
|
|
614
551
|
|
|
615
|
-
/**
|
|
552
|
+
/** Personas Indigo Text Accent */
|
|
616
553
|
var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
|
|
617
554
|
|
|
618
|
-
/**
|
|
555
|
+
/** Ochre Text Accent Hover On Dark */
|
|
619
556
|
var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
|
|
620
557
|
|
|
621
|
-
/**
|
|
558
|
+
/** Indigo Text Accent Active On Dark */
|
|
622
559
|
var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
|
|
623
560
|
|
|
624
|
-
/**
|
|
561
|
+
/** Pink Text Accent Hover Default */
|
|
625
562
|
var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
|
|
626
563
|
|
|
627
|
-
/**
|
|
628
|
-
var
|
|
564
|
+
/** On Dark Personas Green Text Accent */
|
|
565
|
+
var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
|
|
566
|
+
|
|
567
|
+
/** Transparent Accent Minor Hover Default */
|
|
568
|
+
var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
|
|
569
|
+
|
|
570
|
+
/** Transparent Navi Active On Dark */
|
|
571
|
+
var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
|
|
572
|
+
|
|
573
|
+
/** Ochre Text Accent Active Inverse */
|
|
574
|
+
var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
575
|
+
|
|
576
|
+
/** Transparent Navi Active Inverse */
|
|
577
|
+
var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
|
|
578
|
+
|
|
579
|
+
/** Olive Text Accent Active On Light */
|
|
580
|
+
var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
|
|
581
|
+
|
|
582
|
+
/** Pink Text Accent Active Default */
|
|
583
|
+
var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
|
|
584
|
+
|
|
585
|
+
/** Blue Text Accent Active On Dark */
|
|
586
|
+
var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
|
|
587
|
+
|
|
588
|
+
/** Sea Blue Text Accent Active On Light */
|
|
589
|
+
var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
|
|
590
|
+
|
|
591
|
+
/** On Light Outline Default */
|
|
592
|
+
var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
|
|
593
|
+
|
|
594
|
+
/** Transparent Accent Minor Hover On Dark */
|
|
595
|
+
var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
|
|
596
|
+
|
|
597
|
+
/** On Light Surface Accent Secondary */
|
|
598
|
+
var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
|
|
599
|
+
|
|
600
|
+
/** On Light Personas Pink Text Accent */
|
|
601
|
+
var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
|
|
602
|
+
|
|
603
|
+
/** Inverse Personas Olive Text Accent */
|
|
604
|
+
var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
|
|
605
|
+
|
|
606
|
+
/** Primary Active Inverse */
|
|
607
|
+
var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
|
|
608
|
+
|
|
609
|
+
/** Accent Secondary Active On Light */
|
|
610
|
+
var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
|
|
611
|
+
|
|
612
|
+
/** Transparent Accent Minor Active On Dark */
|
|
613
|
+
var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
|
|
614
|
+
|
|
615
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
616
|
+
var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
|
|
617
|
+
|
|
618
|
+
/** On Light Personas Indigo Text Accent */
|
|
619
|
+
var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
|
|
620
|
+
|
|
621
|
+
/** Green Text Accent Hover Inverse */
|
|
622
|
+
var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
|
|
623
|
+
|
|
624
|
+
/** Indigo Text Accent Active On Light */
|
|
625
|
+
var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
|
|
629
626
|
|
|
630
627
|
/** Акцентный цвет */
|
|
631
628
|
var textAccent = 'var(--text-accent, #61C8B0)';
|
|
@@ -711,8 +708,8 @@ var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
|
|
|
711
708
|
/** Сплошной наборный текст */
|
|
712
709
|
var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
|
|
713
710
|
|
|
714
|
-
/** Сплошной наборный текст
|
|
715
|
-
var
|
|
711
|
+
/** Сплошной наборный текст */
|
|
712
|
+
var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
|
|
716
713
|
|
|
717
714
|
/** Акцентный цвет на темном фоне */
|
|
718
715
|
var onDarkTextAccent = 'var(--on-dark-text-accent, #61C8B0ED)';
|
|
@@ -801,8 +798,8 @@ var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
|
|
|
801
798
|
/** Сплошной наборный текст на темном фоне */
|
|
802
799
|
var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
|
|
803
800
|
|
|
804
|
-
/**
|
|
805
|
-
var
|
|
801
|
+
/** Сплошной наборный текст на темном фоне */
|
|
802
|
+
var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
|
|
806
803
|
|
|
807
804
|
/** Вторичный цвет текста на светлом фоне */
|
|
808
805
|
var onLightTextSecondary = 'var(--on-light-text-secondary, #15110FA3)';
|
|
@@ -873,6 +870,9 @@ var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
|
|
|
873
870
|
/** Основной цвет текста на светлом фоне */
|
|
874
871
|
var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
|
|
875
872
|
|
|
873
|
+
/** Основной цвет текста на светлом фоне */
|
|
874
|
+
var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
|
|
875
|
+
|
|
876
876
|
/** Инвертированный основной цвет текста */
|
|
877
877
|
var inverseTextPrimary = 'var(--inverse-text-primary, #15110FFC)';
|
|
878
878
|
|
|
@@ -948,9 +948,6 @@ var onLightTextInfoActive = 'var(--on-light-text-info-active, #194B85FF)';
|
|
|
948
948
|
/** Цвет ошибки на светлом фоне */
|
|
949
949
|
var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #E3353BFF)';
|
|
950
950
|
|
|
951
|
-
/** Инвертированный цвет ошибки */
|
|
952
|
-
var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
|
|
953
|
-
|
|
954
951
|
/** Инвертированный цвет информации */
|
|
955
952
|
var inverseTextInfo = 'var(--inverse-text-info, #205EA5)';
|
|
956
953
|
|
|
@@ -1011,8 +1008,8 @@ var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
|
|
|
1011
1008
|
/** Инвертированный цвет ошибки */
|
|
1012
1009
|
var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
|
|
1013
1010
|
|
|
1014
|
-
/**
|
|
1015
|
-
var
|
|
1011
|
+
/** Инвертированный цвет ошибки */
|
|
1012
|
+
var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
|
|
1016
1013
|
|
|
1017
1014
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
1018
1015
|
var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #FFFFFF3D)';
|
|
@@ -1113,8 +1110,8 @@ var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF2
|
|
|
1113
1110
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
1114
1111
|
var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
|
|
1115
1112
|
|
|
1116
|
-
/**
|
|
1117
|
-
var
|
|
1113
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
1114
|
+
var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
|
|
1118
1115
|
|
|
1119
1116
|
/** Цвет фона поверхности/контрола ошибка */
|
|
1120
1117
|
var surfaceNegative = 'var(--surface-negative, #F8A6A9)';
|
|
@@ -1149,8 +1146,11 @@ var surfaceWarning = 'var(--surface-warning, #F8AD80)';
|
|
|
1149
1146
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
1150
1147
|
var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
|
|
1151
1148
|
|
|
1149
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
1150
|
+
var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
|
|
1151
|
+
|
|
1152
1152
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1153
|
-
var
|
|
1153
|
+
var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #F8A5A89E)';
|
|
1154
1154
|
|
|
1155
1155
|
/** Цвет для readOnly */
|
|
1156
1156
|
var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
|
|
@@ -1188,8 +1188,11 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
|
|
|
1188
1188
|
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
1189
1189
|
var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
|
|
1190
1190
|
|
|
1191
|
-
/**
|
|
1192
|
-
var
|
|
1191
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1192
|
+
var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
|
|
1193
|
+
|
|
1194
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1195
|
+
var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
|
|
1193
1196
|
|
|
1194
1197
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1195
1198
|
var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)';
|
|
@@ -1275,8 +1278,8 @@ var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secon
|
|
|
1275
1278
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1276
1279
|
var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
|
|
1277
1280
|
|
|
1278
|
-
/**
|
|
1279
|
-
var
|
|
1281
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1282
|
+
var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
|
|
1280
1283
|
|
|
1281
1284
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
1282
1285
|
var onDarkSurfacePositiveHover = 'var(--on-dark-surface-positive-hover, #B3D9B0FF)';
|
|
@@ -1320,6 +1323,9 @@ var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent,
|
|
|
1320
1323
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
1321
1324
|
var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #0BA88852)';
|
|
1322
1325
|
|
|
1326
|
+
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
1327
|
+
var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
|
|
1328
|
+
|
|
1323
1329
|
/** Цвет для readOnly */
|
|
1324
1330
|
var onDarkSurfaceReadOnly = 'var(--on-dark-surface-read-only, #F9F9F905)';
|
|
1325
1331
|
|
|
@@ -1356,11 +1362,14 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
|
|
|
1356
1362
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
1357
1363
|
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
|
|
1358
1364
|
|
|
1365
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1366
|
+
var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F8A5A870)';
|
|
1367
|
+
|
|
1359
1368
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1360
1369
|
var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
|
|
1361
1370
|
|
|
1362
|
-
/**
|
|
1363
|
-
var
|
|
1371
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1372
|
+
var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)';
|
|
1364
1373
|
|
|
1365
1374
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1366
1375
|
var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #15110F1F)';
|
|
@@ -1446,6 +1455,9 @@ var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-sec
|
|
|
1446
1455
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1447
1456
|
var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
|
|
1448
1457
|
|
|
1458
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1459
|
+
var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
|
|
1460
|
+
|
|
1449
1461
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
1450
1462
|
var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
|
|
1451
1463
|
|
|
@@ -1492,7 +1504,7 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
|
|
|
1492
1504
|
var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
|
|
1493
1505
|
|
|
1494
1506
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1495
|
-
var
|
|
1507
|
+
var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #E9353B38)';
|
|
1496
1508
|
|
|
1497
1509
|
/** Цвет для readOnly */
|
|
1498
1510
|
var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
|
|
@@ -1524,8 +1536,11 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
|
|
|
1524
1536
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1525
1537
|
var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
|
|
1526
1538
|
|
|
1527
|
-
/**
|
|
1528
|
-
var
|
|
1539
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1540
|
+
var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E9353B3D)';
|
|
1541
|
+
|
|
1542
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1543
|
+
var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
|
|
1529
1544
|
|
|
1530
1545
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1531
1546
|
var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #15110F1F)';
|
|
@@ -1611,6 +1626,9 @@ var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-
|
|
|
1611
1626
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1612
1627
|
var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
|
|
1613
1628
|
|
|
1629
|
+
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1630
|
+
var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
|
|
1631
|
+
|
|
1614
1632
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1615
1633
|
var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
|
|
1616
1634
|
|
|
@@ -1665,6 +1683,9 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
|
|
|
1665
1683
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1666
1684
|
var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
|
|
1667
1685
|
|
|
1686
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1687
|
+
var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #E9353B3D)';
|
|
1688
|
+
|
|
1668
1689
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1669
1690
|
var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
|
|
1670
1691
|
|
|
@@ -1698,6 +1719,9 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
|
|
|
1698
1719
|
/** Основной фон на светлом фоне */
|
|
1699
1720
|
var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
|
|
1700
1721
|
|
|
1722
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1723
|
+
var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E9353B38)';
|
|
1724
|
+
|
|
1701
1725
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1702
1726
|
var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
|
|
1703
1727
|
|
|
@@ -1908,9 +1932,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
|
|
|
1908
1932
|
/** Инвертированная бесцветная обводка */
|
|
1909
1933
|
var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
|
|
1910
1934
|
|
|
1911
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1912
|
-
var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
|
|
1913
|
-
|
|
1914
1935
|
/** Инвертированный цвет обводки ошибка */
|
|
1915
1936
|
var inverseOutlineNegative = 'var(--inverse-outline-negative, #E83439)';
|
|
1916
1937
|
|
|
@@ -1944,6 +1965,9 @@ var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
|
|
|
1944
1965
|
/** Инвертированный цвет обводки предупреждение */
|
|
1945
1966
|
var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
|
|
1946
1967
|
|
|
1968
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1969
|
+
var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
|
|
1970
|
+
|
|
1947
1971
|
/** Основной цвет текста */
|
|
1948
1972
|
var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
|
|
1949
1973
|
|
|
@@ -1956,174 +1980,174 @@ var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-activ
|
|
|
1956
1980
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1957
1981
|
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
|
|
1958
1982
|
|
|
1959
|
-
/**
|
|
1983
|
+
/** On Dark Personas Indigo Surface Accent Gradient */
|
|
1960
1984
|
var onDarkPersonasIndigoSurfaceAccentGradient = 'var(--on-dark-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
|
|
1961
1985
|
|
|
1962
|
-
/**
|
|
1963
|
-
var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
|
|
1964
|
-
|
|
1965
|
-
/** null */
|
|
1966
|
-
var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.8) 100.0%))';
|
|
1967
|
-
|
|
1968
|
-
/** null */
|
|
1969
|
-
var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(180deg, #080808 0.0%, #080808 10.0%, #080808 20.0%, #080808 25.0%, #080808 30.0%, #080808 40.0%, #080808 50.0%, #080808 60.0%, #080808 70.0%, #080808 75.0%, #080808 80.0%, #080808 90.0%, #080808 100.0%))';
|
|
1970
|
-
|
|
1971
|
-
/** null */
|
|
1986
|
+
/** On Dark Personas Blue Surface Accent Gradient */
|
|
1972
1987
|
var onDarkPersonasBlueSurfaceAccentGradient = 'var(--on-dark-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
|
|
1973
1988
|
|
|
1974
|
-
/**
|
|
1975
|
-
var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1989
|
+
/** Inverse Personas Indigo Surface Accent Gradient */
|
|
1990
|
+
var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
|
|
1976
1991
|
|
|
1977
|
-
/**
|
|
1978
|
-
var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg,
|
|
1992
|
+
/** Outline White Gradient */
|
|
1993
|
+
var outlineWhiteGradient = 'var(--outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
|
|
1979
1994
|
|
|
1980
|
-
/**
|
|
1995
|
+
/** Personas Green Surface Accent Gradient */
|
|
1981
1996
|
var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
|
|
1982
1997
|
|
|
1983
|
-
/**
|
|
1984
|
-
var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1998
|
+
/** Inverse Personas Sea Blue Surface Accent Gradient */
|
|
1999
|
+
var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
|
|
1985
2000
|
|
|
1986
|
-
/**
|
|
2001
|
+
/** On Light Personas Pink Surface Accent Gradient */
|
|
1987
2002
|
var onLightPersonasPinkSurfaceAccentGradient = 'var(--on-light-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
|
|
1988
2003
|
|
|
1989
|
-
/**
|
|
2004
|
+
/** Inverse Text Accent Gradient AI */
|
|
1990
2005
|
var inverseTextAccentGradientAI = 'var(--inverse-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
|
|
1991
2006
|
|
|
1992
|
-
/**
|
|
2007
|
+
/** On Dark Personas Ochre Surface Accent Gradient */
|
|
1993
2008
|
var onDarkPersonasOchreSurfaceAccentGradient = 'var(--on-dark-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
|
|
1994
2009
|
|
|
1995
|
-
/**
|
|
1996
|
-
var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
2010
|
+
/** Personas Sea Blue Surface Accent Gradient */
|
|
2011
|
+
var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
|
|
1997
2012
|
|
|
1998
|
-
/**
|
|
1999
|
-
var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
2013
|
+
/** Inverse Personas Pink Surface Accent Gradient */
|
|
2014
|
+
var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))';
|
|
2000
2015
|
|
|
2001
|
-
/**
|
|
2002
|
-
var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(
|
|
2016
|
+
/** On Light Surface Skeleton Gradient */
|
|
2017
|
+
var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
|
|
2003
2018
|
|
|
2004
|
-
/**
|
|
2019
|
+
/** Inverse Personas Ochre Surface Accent Gradient */
|
|
2005
2020
|
var inversePersonasOchreSurfaceAccentGradient = 'var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
|
|
2006
2021
|
|
|
2007
|
-
/**
|
|
2022
|
+
/** Dark Background Gradient */
|
|
2008
2023
|
var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
2009
2024
|
|
|
2010
|
-
/**
|
|
2025
|
+
/** On Dark Personas Sea Blue Surface Accent Gradient */
|
|
2011
2026
|
var onDarkPersonasSeaBlueSurfaceAccentGradient = 'var(--on-dark-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
|
|
2012
2027
|
|
|
2013
|
-
/**
|
|
2014
|
-
var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(
|
|
2028
|
+
/** On Dark Surface Skeleton Gradient */
|
|
2029
|
+
var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
|
|
2015
2030
|
|
|
2016
|
-
/**
|
|
2017
|
-
var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(
|
|
2031
|
+
/** Inverse Background Gradient */
|
|
2032
|
+
var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
|
|
2018
2033
|
|
|
2019
|
-
/**
|
|
2034
|
+
/** Inverse Overlay Gradient */
|
|
2020
2035
|
var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
2021
2036
|
|
|
2022
|
-
/**
|
|
2037
|
+
/** Personas Pink Surface Accent Gradient */
|
|
2023
2038
|
var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
|
|
2024
2039
|
|
|
2025
|
-
/**
|
|
2040
|
+
/** On Light Personas Olive Surface Accent Gradient */
|
|
2026
2041
|
var onLightPersonasOliveSurfaceAccentGradient = 'var(--on-light-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
|
|
2027
2042
|
|
|
2028
|
-
/**
|
|
2043
|
+
/** Inverse Surface Accent Gradient Secondary */
|
|
2029
2044
|
var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2030
2045
|
|
|
2031
|
-
/**
|
|
2046
|
+
/** On Light Text Accent Gradient AI */
|
|
2032
2047
|
var onLightTextAccentGradientAI = 'var(--on-light-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(179, 49, 208) 8.0%, rgb(109, 78, 223) 56.0%, rgb(31, 185, 224) 100.0%))';
|
|
2033
2048
|
|
|
2034
|
-
/**
|
|
2049
|
+
/** Light Background Gradient */
|
|
2035
2050
|
var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
|
|
2036
2051
|
|
|
2037
|
-
/**
|
|
2038
|
-
var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(
|
|
2052
|
+
/** Surface Skeleton Gradient */
|
|
2053
|
+
var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
|
|
2039
2054
|
|
|
2040
|
-
/**
|
|
2041
|
-
var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(
|
|
2055
|
+
/** Overlay Gradient */
|
|
2056
|
+
var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
|
|
2042
2057
|
|
|
2043
|
-
/**
|
|
2044
|
-
var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(
|
|
2058
|
+
/** On Dark Overlay Gradient */
|
|
2059
|
+
var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))';
|
|
2045
2060
|
|
|
2046
|
-
/**
|
|
2061
|
+
/** On Light Outline White Gradient */
|
|
2062
|
+
var onLightOutlineWhiteGradient = 'var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))';
|
|
2063
|
+
|
|
2064
|
+
/** Background Gradient */
|
|
2047
2065
|
var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
2048
2066
|
|
|
2049
|
-
/**
|
|
2050
|
-
var
|
|
2067
|
+
/** On Dark Personas Violet Surface Accent Gradient */
|
|
2068
|
+
var onDarkPersonasVioletSurfaceAccentGradient = 'var(--on-dark-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
|
|
2051
2069
|
|
|
2052
|
-
/**
|
|
2053
|
-
var
|
|
2070
|
+
/** Inverse Surface Skeleton Gradient */
|
|
2071
|
+
var inverseSurfaceSkeletonGradient = 'var(--inverse-surface-skeleton-gradient, linear-gradient(90deg, #0808080F 0.0%, #0808080C 10.0%, #08080809 20.0%, #08080808 25.0%, #08080806 30.0%, #08080803 40.0%, #08080800 50.0%, #08080803 60.0%, #08080806 70.0%, #08080808 75.0%, #08080809 80.0%, #0808080C 90.0%, #0808080F 100.0%))';
|
|
2054
2072
|
|
|
2055
|
-
/**
|
|
2073
|
+
/** Surface Accent Gradient Secondary */
|
|
2056
2074
|
var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2057
2075
|
|
|
2058
|
-
/**
|
|
2059
|
-
var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
2076
|
+
/** Inverse Personas Green Surface Accent Gradient */
|
|
2077
|
+
var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
|
|
2060
2078
|
|
|
2061
|
-
/**
|
|
2079
|
+
/** Personas Ochre Surface Accent Gradient */
|
|
2062
2080
|
var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
|
|
2063
2081
|
|
|
2064
|
-
/**
|
|
2065
|
-
var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0
|
|
2082
|
+
/** Inverse Outline White Gradient */
|
|
2083
|
+
var inverseOutlineWhiteGradient = 'var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))';
|
|
2066
2084
|
|
|
2067
|
-
/**
|
|
2085
|
+
/** On Light Personas Violet Surface Accent Gradient */
|
|
2068
2086
|
var onLightPersonasVioletSurfaceAccentGradient = 'var(--on-light-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
|
|
2069
2087
|
|
|
2070
|
-
/**
|
|
2088
|
+
/** Personas Violet Surface Accent Gradient */
|
|
2071
2089
|
var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
|
|
2072
2090
|
|
|
2073
|
-
/**
|
|
2074
|
-
var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0
|
|
2091
|
+
/** On Dark Outline White Gradient */
|
|
2092
|
+
var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))';
|
|
2075
2093
|
|
|
2076
|
-
/**
|
|
2094
|
+
/** Inverse Personas Blue Surface Accent Gradient */
|
|
2077
2095
|
var inversePersonasBlueSurfaceAccentGradient = 'var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
|
|
2078
2096
|
|
|
2079
|
-
/**
|
|
2097
|
+
/** On Light Personas Sea Blue Surface Accent Gradient */
|
|
2080
2098
|
var onLightPersonasSeaBlueSurfaceAccentGradient = 'var(--on-light-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
|
|
2081
2099
|
|
|
2082
|
-
/**
|
|
2100
|
+
/** Inverse Personas Olive Surface Accent Gradient */
|
|
2083
2101
|
var inversePersonasOliveSurfaceAccentGradient = 'var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
|
|
2084
2102
|
|
|
2085
|
-
/**
|
|
2103
|
+
/** On Light Overlay Gradient */
|
|
2086
2104
|
var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
2087
2105
|
|
|
2088
|
-
/**
|
|
2106
|
+
/** On Light Personas Indigo Surface Accent Gradient */
|
|
2089
2107
|
var onLightPersonasIndigoSurfaceAccentGradient = 'var(--on-light-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))';
|
|
2090
2108
|
|
|
2091
|
-
/**
|
|
2109
|
+
/** On Light Personas Blue Surface Accent Gradient */
|
|
2092
2110
|
var onLightPersonasBlueSurfaceAccentGradient = 'var(--on-light-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
|
|
2093
2111
|
|
|
2094
|
-
/**
|
|
2112
|
+
/** On Dark Personas Pink Surface Accent Gradient */
|
|
2095
2113
|
var onDarkPersonasPinkSurfaceAccentGradient = 'var(--on-dark-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
|
|
2096
2114
|
|
|
2097
|
-
/**
|
|
2115
|
+
/** On Dark Text Accent Gradient AI */
|
|
2098
2116
|
var onDarkTextAccentGradientAI = 'var(--on-dark-text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
|
|
2099
2117
|
|
|
2100
|
-
/**
|
|
2118
|
+
/** On Dark Personas Green Surface Accent Gradient */
|
|
2101
2119
|
var onDarkPersonasGreenSurfaceAccentGradient = 'var(--on-dark-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
|
|
2102
2120
|
|
|
2103
|
-
/**
|
|
2121
|
+
/** Personas Olive Surface Accent Gradient */
|
|
2104
2122
|
var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
|
|
2105
2123
|
|
|
2106
|
-
/**
|
|
2107
|
-
var
|
|
2124
|
+
/** Personas Indigo Surface Accent Gradient */
|
|
2125
|
+
var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
|
|
2108
2126
|
|
|
2109
|
-
/**
|
|
2110
|
-
var
|
|
2127
|
+
/** Text Accent Gradient AI */
|
|
2128
|
+
var textAccentGradientAI = 'var(--text-accent-gradient-a-i, linear-gradient(135.00deg, rgb(202, 70, 227) 8.0%, rgb(169, 141, 245) 56.0%, rgb(54, 211, 245) 100.0%))';
|
|
2111
2129
|
|
|
2112
|
-
/**
|
|
2130
|
+
/** On Dark Surface Accent Gradient Secondary */
|
|
2113
2131
|
var onDarkSurfaceAccentGradientSecondary = 'var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2114
2132
|
|
|
2115
|
-
/**
|
|
2116
|
-
var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
2133
|
+
/** Personas Blue Surface Accent Gradient */
|
|
2134
|
+
var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))';
|
|
2117
2135
|
|
|
2118
|
-
/**
|
|
2136
|
+
/** Inverse Personas Violet Surface Accent Gradient */
|
|
2119
2137
|
var inversePersonasVioletSurfaceAccentGradient = 'var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))';
|
|
2120
2138
|
|
|
2121
|
-
/**
|
|
2139
|
+
/** On Light Surface Accent Gradient Secondary */
|
|
2122
2140
|
var onLightSurfaceAccentGradientSecondary = 'var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2123
2141
|
|
|
2124
|
-
/**
|
|
2142
|
+
/** On Light Personas Green Surface Accent Gradient */
|
|
2125
2143
|
var onLightPersonasGreenSurfaceAccentGradient = 'var(--on-light-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))';
|
|
2126
2144
|
|
|
2145
|
+
/** On Light Personas Ochre Surface Accent Gradient */
|
|
2146
|
+
var onLightPersonasOchreSurfaceAccentGradient = 'var(--on-light-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))';
|
|
2147
|
+
|
|
2148
|
+
/** On Dark Personas Olive Surface Accent Gradient */
|
|
2149
|
+
var onDarkPersonasOliveSurfaceAccentGradient = 'var(--on-dark-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(33, 150, 31) 0.0%, rgb(18, 114, 16) 100.0%))';
|
|
2150
|
+
|
|
2127
2151
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2128
2152
|
var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2129
2153
|
|
|
@@ -2137,7 +2161,7 @@ var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear
|
|
|
2137
2161
|
var onDarkSurfaceAccentMinorGradient = 'var(--on-dark-surface-accent-minor-gradient, linear-gradient(135.00deg, rgb(3, 67, 37) 0.0%, rgba(1, 24, 21, 0.98) 100.0%))';
|
|
2138
2162
|
|
|
2139
2163
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2140
|
-
var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)
|
|
2164
|
+
var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2141
2165
|
|
|
2142
2166
|
/** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2143
2167
|
var onLightSurfaceAccentMinorGradient = 'var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))';
|
|
@@ -2151,24 +2175,21 @@ var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-grad
|
|
|
2151
2175
|
/** shadow down hard s */
|
|
2152
2176
|
var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
|
|
2153
2177
|
|
|
2154
|
-
/** shadow down soft l */
|
|
2155
|
-
var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
|
|
2156
|
-
|
|
2157
2178
|
/** shadow down soft s */
|
|
2158
2179
|
var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
|
|
2159
2180
|
|
|
2160
2181
|
/** shadow down soft m */
|
|
2161
2182
|
var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
|
|
2162
2183
|
|
|
2184
|
+
/** shadow down soft l */
|
|
2185
|
+
var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
|
|
2186
|
+
|
|
2163
2187
|
/** shadow down hard m */
|
|
2164
2188
|
var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
|
|
2165
2189
|
|
|
2166
2190
|
/** shadow down hard l */
|
|
2167
2191
|
var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
|
|
2168
2192
|
|
|
2169
|
-
/** shadow up hard s */
|
|
2170
|
-
var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
|
|
2171
|
-
|
|
2172
2193
|
/** shadow up hard m */
|
|
2173
2194
|
var shadowUpHardM = 'var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)';
|
|
2174
2195
|
|
|
@@ -2184,17 +2205,17 @@ var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014
|
|
|
2184
2205
|
/** shadow up soft l */
|
|
2185
2206
|
var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
|
|
2186
2207
|
|
|
2187
|
-
/**
|
|
2188
|
-
var
|
|
2208
|
+
/** shadow up hard s */
|
|
2209
|
+
var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
|
|
2189
2210
|
|
|
2190
2211
|
/** New description */
|
|
2191
|
-
var
|
|
2212
|
+
var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
|
|
2192
2213
|
|
|
2193
2214
|
/** New description */
|
|
2194
2215
|
var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
|
|
2195
2216
|
|
|
2196
|
-
/**
|
|
2197
|
-
var
|
|
2217
|
+
/** New description */
|
|
2218
|
+
var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
|
|
2198
2219
|
|
|
2199
2220
|
/** borderRadius xs */
|
|
2200
2221
|
var borderRadiusXs = 'var(--border-radius-xs, 0.375rem)';
|
|
@@ -2217,12 +2238,12 @@ var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
|
|
|
2217
2238
|
/** borderRadius l */
|
|
2218
2239
|
var borderRadiusL = 'var(--border-radius-l, 1rem)';
|
|
2219
2240
|
|
|
2241
|
+
/** borderRadius xxs */
|
|
2242
|
+
var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
|
|
2243
|
+
|
|
2220
2244
|
/** spacing 16x */
|
|
2221
2245
|
var spacing16x = 'var(--spacing-16x, 2rem)';
|
|
2222
2246
|
|
|
2223
|
-
/** spacing 10x */
|
|
2224
|
-
var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
2225
|
-
|
|
2226
2247
|
/** spacing 12x */
|
|
2227
2248
|
var spacing12x = 'var(--spacing-12x, 1.5rem)';
|
|
2228
2249
|
|
|
@@ -2262,6 +2283,9 @@ var spacing6x = 'var(--spacing-6x, 0.75rem)';
|
|
|
2262
2283
|
/** spacing 8x */
|
|
2263
2284
|
var spacing8x = 'var(--spacing-8x, 1rem)';
|
|
2264
2285
|
|
|
2286
|
+
/** spacing 10x */
|
|
2287
|
+
var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
2288
|
+
|
|
2265
2289
|
/** typography s body-xxs-bold */
|
|
2266
2290
|
var bodyXXSBold = {
|
|
2267
2291
|
fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
|
|
@@ -2282,16 +2306,6 @@ var h2Medium = {
|
|
|
2282
2306
|
lineHeight: 'var(--plasma-typo-h2-medium-line-height)'
|
|
2283
2307
|
};
|
|
2284
2308
|
|
|
2285
|
-
/** typography s display-s */
|
|
2286
|
-
var dsplS = {
|
|
2287
|
-
fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
|
|
2288
|
-
fontSize: 'var(--plasma-typo-dspl-s-font-size)',
|
|
2289
|
-
fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
|
|
2290
|
-
fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
|
|
2291
|
-
letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
|
|
2292
|
-
lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
|
|
2293
|
-
};
|
|
2294
|
-
|
|
2295
2309
|
/** typography s display-s-bold */
|
|
2296
2310
|
var dsplSBold = {
|
|
2297
2311
|
fontFamily: 'var(--plasma-typo-dspl-s-bold-font-family)',
|
|
@@ -2402,6 +2416,16 @@ var h4 = {
|
|
|
2402
2416
|
lineHeight: 'var(--plasma-typo-h4-line-height)'
|
|
2403
2417
|
};
|
|
2404
2418
|
|
|
2419
|
+
/** typography s display-s */
|
|
2420
|
+
var dsplS = {
|
|
2421
|
+
fontFamily: 'var(--plasma-typo-dspl-s-font-family)',
|
|
2422
|
+
fontSize: 'var(--plasma-typo-dspl-s-font-size)',
|
|
2423
|
+
fontStyle: 'var(--plasma-typo-dspl-s-font-style)',
|
|
2424
|
+
fontWeight: 'var(--plasma-typo-dspl-s-font-weight)',
|
|
2425
|
+
letterSpacing: 'var(--plasma-typo-dspl-s-letter-spacing)',
|
|
2426
|
+
lineHeight: 'var(--plasma-typo-dspl-s-line-height)'
|
|
2427
|
+
};
|
|
2428
|
+
|
|
2405
2429
|
/** typography s header-h4-bold */
|
|
2406
2430
|
var h4Bold = {
|
|
2407
2431
|
fontFamily: 'var(--plasma-typo-h4-bold-font-family)',
|
|
@@ -2682,9 +2706,9 @@ var textXSMedium = {
|
|
|
2682
2706
|
lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
|
|
2683
2707
|
};
|
|
2684
2708
|
var viewContainer = {
|
|
2685
|
-
dark: "\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-active: var(--on-dark-outline-default-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-light-outline-default);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--light-background-hardline);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --background-hardline: var(--dark-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --inverse-text-primary: var(--on-light-text-primary);\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-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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 --inverse-text-negative-active: var(--on-light-text-negative-active);\n --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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-card: var(--on-dark-surface-transparent-card);\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-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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: var(--on-dark-surface-transparent-accent);\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-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: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-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-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\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-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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: var(--on-light-surface-transparent-secondary);\n --inverse-surface-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-info: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\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-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-light-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-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\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-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --background-gradient: var(--dark-background-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n ",
|
|
2686
|
-
light: "\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-active: var(--on-light-outline-default-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-dark-outline-default);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--dark-background-hardline);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --background-hardline: var(--light-background-hardline);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --inverse-text-primary: var(--on-dark-text-primary);\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-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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 --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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-card: var(--on-light-surface-transparent-card);\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-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\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: var(--on-light-surface-transparent-accent);\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-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: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-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-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\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-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-info: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-dark-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-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\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-info: var(--on-dark-outline-info);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --background-gradient: var(--light-background-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n "
|
|
2709
|
+
dark: "\n --inverse-outline-default-active: var(--on-light-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --outline-default-active: var(--on-dark-outline-default-active);\n --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-light-outline-default);\n --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--light-background-hardline);\n --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --outline-default: var(--on-dark-outline-default);\n --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --text-primary: var(--on-dark-text-primary);\n --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --surface-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-dark-outline-default-hover);\n --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --inverse-outline-primary: var(--on-light-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --background-hardline: var(--dark-background-hardline);\n --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --text-accent: var(--on-dark-text-accent);\n --text-accent-hover: var(--on-dark-text-accent-hover);\n --text-accent-active: var(--on-dark-text-accent-active);\n --text-accent-minor: var(--on-dark-text-accent-minor);\n --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n --text-positive: var(--on-dark-text-positive);\n --text-positive-hover: var(--on-dark-text-positive-hover);\n --text-positive-active: var(--on-dark-text-positive-active);\n --text-warning: var(--on-dark-text-warning);\n --text-warning-hover: var(--on-dark-text-warning-hover);\n --text-warning-active: var(--on-dark-text-warning-active);\n --text-negative: var(--on-dark-text-negative);\n --text-negative-hover: var(--on-dark-text-negative-hover);\n --text-negative-active: var(--on-dark-text-negative-active);\n --text-info: var(--on-dark-text-info);\n --text-info-hover: var(--on-dark-text-info-hover);\n --text-info-active: var(--on-dark-text-info-active);\n --text-secondary-hover: var(--on-dark-text-secondary-hover);\n --text-secondary: var(--on-dark-text-secondary);\n --text-primary-active: var(--on-dark-text-primary-active);\n --text-secondary-active: var(--on-dark-text-secondary-active);\n --text-tertiary: var(--on-dark-text-tertiary);\n --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n --text-tertiary-active: var(--on-dark-text-tertiary-active);\n --text-primary-brightness: var(--on-dark-text-primary-brightness);\n --text-paragraph: var(--on-dark-text-paragraph);\n --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n --text-paragraph-active: var(--on-dark-text-paragraph-active);\n --inverse-text-primary: var(--on-light-text-primary);\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-brightness: var(--on-light-text-primary-brightness);\n --inverse-text-secondary: var(--on-light-text-secondary);\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-tertiary: var(--on-light-text-tertiary);\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-paragraph: var(--on-light-text-paragraph);\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: var(--on-light-text-accent);\n --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n --inverse-text-accent-active: var(--on-light-text-accent-active);\n --inverse-text-accent-minor: var(--on-light-text-accent-minor);\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 --inverse-text-info: var(--on-light-text-info);\n --inverse-text-info-hover: var(--on-light-text-info-hover);\n --inverse-text-info-active: var(--on-light-text-info-active);\n --surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-text-warning-active: var(--on-light-text-warning-active);\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-brightness: var(--on-dark-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\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-tertiary: var(--on-dark-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-light-text-positive);\n --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n --inverse-text-warning: var(--on-light-text-warning);\n --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n --inverse-text-positive-active: var(--on-light-text-positive-active);\n --inverse-text-negative: var(--on-light-text-negative);\n --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n --inverse-text-negative-active: var(--on-light-text-negative-active);\n --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\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-card: var(--on-dark-surface-transparent-card);\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-brightness: var(--on-dark-surface-transparent-card-brightness);\n --surface-clear: var(--on-dark-surface-clear);\n --surface-clear-hover: var(--on-dark-surface-clear-hover);\n --surface-clear-active: var(--on-dark-surface-clear-active);\n --surface-accent: var(--on-dark-surface-accent);\n --surface-accent-hover: var(--on-dark-surface-accent-hover);\n --surface-accent-active: var(--on-dark-surface-accent-active);\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: var(--on-dark-surface-transparent-accent);\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-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: var(--on-dark-surface-solid-default);\n --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --surface-negative: var(--on-dark-surface-negative);\n --surface-negative-hover: var(--on-dark-surface-negative-hover);\n --surface-negative-active: var(--on-dark-surface-negative-active);\n --surface-info: var(--on-dark-surface-info);\n --surface-info-hover: var(--on-dark-surface-info-hover);\n --surface-info-active: var(--on-dark-surface-info-active);\n --surface-positive-active: var(--on-dark-surface-positive-active);\n --surface-positive: var(--on-dark-surface-positive);\n --surface-positive-hover: var(--on-dark-surface-positive-hover);\n --surface-warning: var(--on-dark-surface-warning);\n --surface-warning-hover: var(--on-dark-surface-warning-hover);\n --surface-warning-active: var(--on-dark-surface-warning-active);\n --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --surface-read-only: var(--on-dark-surface-read-only);\n --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --surface-read-only-active: var(--on-dark-surface-read-only-active);\n --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\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-clear: var(--on-light-surface-clear);\n --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n --inverse-surface-accent: var(--on-light-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\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-card-brightness: var(--on-light-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\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: var(--on-light-surface-transparent-secondary);\n --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --inverse-surface-positive: var(--on-light-surface-positive);\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: var(--on-light-surface-warning);\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-negative: var(--on-light-surface-negative);\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-info: var(--on-light-surface-info);\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-accent-minor-active: var(--on-light-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\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-accent-active: var(--on-light-surface-accent-active);\n --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-light-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n --background-primary: var(--dark-background-primary);\n --background-secondary: var(--dark-background-secondary);\n --background-tertiary: var(--dark-background-tertiary);\n --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --inverse-overlay-soft: var(--on-light-overlay-soft);\n --inverse-overlay-hard: var(--on-light-overlay-hard);\n --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\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-clear: var(--on-dark-outline-clear);\n --inverse-background-secondary: var(--light-background-secondary);\n --inverse-background-tertiary: var(--light-background-tertiary);\n --overlay-soft: var(--on-dark-overlay-soft);\n --overlay-hard: var(--on-dark-overlay-hard);\n --inverse-background-primary: var(--light-background-primary);\n --outline-positive: var(--on-dark-outline-positive);\n --outline-positive-hover: var(--on-dark-outline-positive-hover);\n --outline-positive-active: var(--on-dark-outline-positive-active);\n --outline-warning: var(--on-dark-outline-warning);\n --outline-warning-hover: var(--on-dark-outline-warning-hover);\n --outline-warning-active: var(--on-dark-outline-warning-active);\n --outline-negative: var(--on-dark-outline-negative);\n --outline-negative-hover: var(--on-dark-outline-negative-hover);\n --outline-negative-active: var(--on-dark-outline-negative-active);\n --outline-info: var(--on-dark-outline-info);\n --outline-info-hover: var(--on-dark-outline-info-hover);\n --outline-info-active: var(--on-dark-outline-info-active);\n --outline-clear-active: var(--on-dark-outline-clear-active);\n --outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-light-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-clear: var(--on-light-outline-clear);\n --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n --inverse-outline-negative: var(--on-light-outline-negative);\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-info: var(--on-light-outline-info);\n --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n --inverse-outline-info-active: var(--on-light-outline-info-active);\n --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n --inverse-outline-positive: var(--on-light-outline-positive);\n --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n --inverse-outline-warning: var(--on-light-outline-warning);\n --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--light-background-gradient);\n --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --background-gradient: var(--dark-background-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n ",
|
|
2710
|
+
light: "\n --inverse-outline-default-active: var(--on-dark-outline-default-active);\n --inverse-personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n --inverse-personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n --personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n --personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n --inverse-surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n --surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n --outline-default-active: var(--on-light-outline-default-active);\n --personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n --surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --inverse-outline-default: var(--on-dark-outline-default);\n --personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n --inverse-background-hardline: var(--dark-background-hardline);\n --surface-transparent-navi: var(--on-light-surface-transparent-navi);\n --personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n --personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n --outline-default: var(--on-light-outline-default);\n --text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n --surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n --surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n --surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n --surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n --surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n --inverse-personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n --inverse-personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n --personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n --inverse-personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n --surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n --inverse-surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n --text-primary: var(--on-light-text-primary);\n --inverse-surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n --inverse-surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n --inverse-surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n --outline-primary: var(--on-light-outline-primary);\n --inverse-personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n --surface-accent-secondary: var(--on-light-surface-accent-secondary);\n --surface-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n --inverse-surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n --inverse-surface-accent-minor: var(--on-dark-surface-accent-minor);\n --personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n --personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n --personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n --inverse-surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n --outline-primary-active: var(--on-light-outline-primary-active);\n --inverse-personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n --inverse-personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n --inverse-personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n --personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n --inverse-personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n --personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n --inverse-surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n --inverse-personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n --inverse-surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n --text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n --outline-primary-hover: var(--on-light-outline-primary-hover);\n --inverse-personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --inverse-personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n --inverse-personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n --inverse-surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n --surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n --inverse-outline-default-hover: var(--on-dark-outline-default-hover);\n --personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n --inverse-outline-primary-hover: var(--on-dark-outline-primary-hover);\n --inverse-personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n --inverse-personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n --inverse-personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n --inverse-surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n --surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n --outline-default-hover: var(--on-light-outline-default-hover);\n --inverse-surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n --inverse-personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n --personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n --surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n --surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n --inverse-personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n --personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n --inverse-outline-primary: var(--on-dark-outline-primary);\n --inverse-personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n --personas-green-text-accent: var(--on-light-personas-green-text-accent);\n --personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n --personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n --personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n --background-hardline: var(--light-background-hardline);\n --inverse-text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n --surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n --inverse-personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n --inverse-surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n --inverse-text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n --personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n --personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n --surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n --inverse-personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n --inverse-surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n --inverse-personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n --inverse-outline-primary-active: var(--on-dark-outline-primary-active);\n --inverse-personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n --text-accent: var(--on-light-text-accent);\n --text-accent-hover: var(--on-light-text-accent-hover);\n --text-accent-active: var(--on-light-text-accent-active);\n --text-accent-minor: var(--on-light-text-accent-minor);\n --text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n --text-accent-minor-active: var(--on-light-text-accent-minor-active);\n --text-positive: var(--on-light-text-positive);\n --text-positive-hover: var(--on-light-text-positive-hover);\n --text-positive-active: var(--on-light-text-positive-active);\n --text-warning: var(--on-light-text-warning);\n --text-warning-hover: var(--on-light-text-warning-hover);\n --text-warning-active: var(--on-light-text-warning-active);\n --text-negative: var(--on-light-text-negative);\n --text-negative-hover: var(--on-light-text-negative-hover);\n --text-negative-active: var(--on-light-text-negative-active);\n --text-info: var(--on-light-text-info);\n --text-info-hover: var(--on-light-text-info-hover);\n --text-info-active: var(--on-light-text-info-active);\n --text-secondary-hover: var(--on-light-text-secondary-hover);\n --text-secondary: var(--on-light-text-secondary);\n --text-primary-active: var(--on-light-text-primary-active);\n --text-secondary-active: var(--on-light-text-secondary-active);\n --text-tertiary: var(--on-light-text-tertiary);\n --text-tertiary-hover: var(--on-light-text-tertiary-hover);\n --text-tertiary-active: var(--on-light-text-tertiary-active);\n --text-primary-brightness: var(--on-light-text-primary-brightness);\n --text-paragraph: var(--on-light-text-paragraph);\n --text-paragraph-hover: var(--on-light-text-paragraph-hover);\n --text-paragraph-active: var(--on-light-text-paragraph-active);\n --inverse-text-primary: var(--on-dark-text-primary);\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-brightness: var(--on-dark-text-primary-brightness);\n --inverse-text-secondary: var(--on-dark-text-secondary);\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-tertiary: var(--on-dark-text-tertiary);\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-paragraph: var(--on-dark-text-paragraph);\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: var(--on-dark-text-accent);\n --inverse-text-accent-hover: var(--on-dark-text-accent-hover);\n --inverse-text-accent-active: var(--on-dark-text-accent-active);\n --inverse-text-accent-minor: var(--on-dark-text-accent-minor);\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 --inverse-text-info: var(--on-dark-text-info);\n --inverse-text-info-hover: var(--on-dark-text-info-hover);\n --inverse-text-info-active: var(--on-dark-text-info-active);\n --surface-solid-primary: var(--on-light-surface-solid-primary);\n --inverse-text-warning-active: var(--on-dark-text-warning-active);\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-brightness: var(--on-light-surface-solid-primary-brightness);\n --surface-solid-secondary: var(--on-light-surface-solid-secondary);\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-tertiary: var(--on-light-surface-solid-tertiary);\n --surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n --inverse-text-positive: var(--on-dark-text-positive);\n --inverse-text-positive-hover: var(--on-dark-text-positive-hover);\n --inverse-text-warning: var(--on-dark-text-warning);\n --inverse-text-warning-hover: var(--on-dark-text-warning-hover);\n --inverse-text-positive-active: var(--on-dark-text-positive-active);\n --inverse-text-negative: var(--on-dark-text-negative);\n --inverse-text-negative-hover: var(--on-dark-text-negative-hover);\n --inverse-text-negative-active: var(--on-dark-text-negative-active);\n --surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\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-deep: var(--on-light-surface-transparent-deep);\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-card: var(--on-light-surface-transparent-card);\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-brightness: var(--on-light-surface-transparent-card-brightness);\n --surface-clear: var(--on-light-surface-clear);\n --surface-clear-hover: var(--on-light-surface-clear-hover);\n --surface-clear-active: var(--on-light-surface-clear-active);\n --surface-accent: var(--on-light-surface-accent);\n --surface-accent-hover: var(--on-light-surface-accent-hover);\n --surface-accent-active: var(--on-light-surface-accent-active);\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: var(--on-light-surface-transparent-accent);\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-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: var(--on-light-surface-solid-default);\n --surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n --surface-transparent-primary: var(--on-light-surface-transparent-primary);\n --surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n --surface-solid-default-active: var(--on-light-surface-solid-default-active);\n --surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n --surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n --surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n --surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n --surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n --surface-negative: var(--on-light-surface-negative);\n --surface-negative-hover: var(--on-light-surface-negative-hover);\n --surface-negative-active: var(--on-light-surface-negative-active);\n --surface-info: var(--on-light-surface-info);\n --surface-info-hover: var(--on-light-surface-info-hover);\n --surface-info-active: var(--on-light-surface-info-active);\n --surface-positive-active: var(--on-light-surface-positive-active);\n --surface-positive: var(--on-light-surface-positive);\n --surface-positive-hover: var(--on-light-surface-positive-hover);\n --surface-warning: var(--on-light-surface-warning);\n --surface-warning-hover: var(--on-light-surface-warning-hover);\n --surface-warning-active: var(--on-light-surface-warning-active);\n --surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n --surface-read-only: var(--on-light-surface-read-only);\n --surface-read-only-hover: var(--on-light-surface-read-only-hover);\n --surface-read-only-active: var(--on-light-surface-read-only-active);\n --surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n --surface-transparent-negative: var(--on-light-surface-transparent-negative);\n --inverse-surface-solid-primary: var(--on-dark-surface-solid-primary);\n --inverse-surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n --inverse-surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n --inverse-surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n --inverse-surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n --inverse-surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n --inverse-surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n --inverse-surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n --inverse-surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\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-deep: var(--on-dark-surface-transparent-deep);\n --inverse-surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n --inverse-surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n --inverse-surface-transparent-card: var(--on-dark-surface-transparent-card);\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-clear: var(--on-dark-surface-clear);\n --inverse-surface-clear-hover: var(--on-dark-surface-clear-hover);\n --inverse-surface-clear-active: var(--on-dark-surface-clear-active);\n --inverse-surface-accent: var(--on-dark-surface-accent);\n --inverse-surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n --inverse-surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n --inverse-surface-solid-card: var(--on-dark-surface-solid-card);\n --inverse-surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n --inverse-surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\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-card-brightness: var(--on-dark-surface-solid-card-brightness);\n --inverse-surface-solid-default: var(--on-dark-surface-solid-default);\n --inverse-surface-transparent-primary: var(--on-dark-surface-transparent-primary);\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: var(--on-dark-surface-transparent-secondary);\n --inverse-surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n --inverse-surface-positive: var(--on-dark-surface-positive);\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: var(--on-dark-surface-warning);\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-negative: var(--on-dark-surface-negative);\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-info: var(--on-dark-surface-info);\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-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n --inverse-surface-accent-hover: var(--on-dark-surface-accent-hover);\n --inverse-surface-transparent-accent: var(--on-dark-surface-transparent-accent);\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-accent-active: var(--on-dark-surface-accent-active);\n --inverse-surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n --inverse-surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n --inverse-surface-read-only: var(--on-dark-surface-read-only);\n --inverse-surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n --inverse-surface-read-only-active: var(--on-dark-surface-read-only-active);\n --background-primary: var(--light-background-primary);\n --background-secondary: var(--light-background-secondary);\n --background-tertiary: var(--light-background-tertiary);\n --inverse-surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n --inverse-overlay-soft: var(--on-dark-overlay-soft);\n --inverse-overlay-hard: var(--on-dark-overlay-hard);\n --outline-transparent-primary: var(--on-light-outline-transparent-primary);\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-clear: var(--on-light-outline-clear);\n --inverse-background-secondary: var(--dark-background-secondary);\n --inverse-background-tertiary: var(--dark-background-tertiary);\n --overlay-soft: var(--on-light-overlay-soft);\n --overlay-hard: var(--on-light-overlay-hard);\n --inverse-background-primary: var(--dark-background-primary);\n --outline-positive: var(--on-light-outline-positive);\n --outline-positive-hover: var(--on-light-outline-positive-hover);\n --outline-positive-active: var(--on-light-outline-positive-active);\n --outline-warning: var(--on-light-outline-warning);\n --outline-warning-hover: var(--on-light-outline-warning-hover);\n --outline-warning-active: var(--on-light-outline-warning-active);\n --outline-negative: var(--on-light-outline-negative);\n --outline-negative-hover: var(--on-light-outline-negative-hover);\n --outline-negative-active: var(--on-light-outline-negative-active);\n --outline-info: var(--on-light-outline-info);\n --outline-info-hover: var(--on-light-outline-info-hover);\n --outline-info-active: var(--on-light-outline-info-active);\n --outline-clear-active: var(--on-light-outline-clear-active);\n --outline-clear-hover: var(--on-light-outline-clear-hover);\n --inverse-outline-transparent-primary: var(--on-dark-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-clear: var(--on-dark-outline-clear);\n --inverse-outline-clear-hover: var(--on-dark-outline-clear-hover);\n --inverse-outline-clear-active: var(--on-dark-outline-clear-active);\n --inverse-outline-negative: var(--on-dark-outline-negative);\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-info: var(--on-dark-outline-info);\n --inverse-outline-info-hover: var(--on-dark-outline-info-hover);\n --inverse-outline-info-active: var(--on-dark-outline-info-active);\n --inverse-outline-positive-active: var(--on-dark-outline-positive-active);\n --inverse-outline-positive: var(--on-dark-outline-positive);\n --inverse-outline-positive-hover: var(--on-dark-outline-positive-hover);\n --inverse-outline-warning: var(--on-dark-outline-warning);\n --inverse-outline-warning-hover: var(--on-dark-outline-warning-hover);\n --inverse-outline-warning-active: var(--on-dark-outline-warning-active);\n --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --inverse-personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n --outline-white-gradient: var(--on-light-outline-white-gradient);\n --personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n --inverse-personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n --inverse-text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n --personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n --inverse-personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n --inverse-personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n --inverse-background-gradient: var(--dark-background-gradient);\n --inverse-overlay-gradient: var(--on-dark-overlay-gradient);\n --personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n --inverse-surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --background-gradient: var(--light-background-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n --inverse-personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n --personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n --inverse-outline-white-gradient: var(--on-dark-outline-white-gradient);\n --personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n --inverse-personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n --inverse-personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n --personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n --personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n --text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n --personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n --inverse-personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n --surface-accent-gradient: var(--on-light-surface-accent-gradient);\n --surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n --inverse-surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n --inverse-surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n "
|
|
2687
2711
|
};
|
|
2688
2712
|
|
|
2689
|
-
export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, 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, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer };
|
|
2713
|
+
export { backgroundGradient, backgroundHardline, backgroundPrimary, backgroundSecondary, backgroundTertiary, bodyL, bodyLBold, bodyLMedium, bodyM, bodyMBold, bodyMMedium, bodyS, bodySBold, bodySMedium, bodyXS, bodyXSBold, bodyXSMedium, bodyXXS, bodyXXSBold, bodyXXSMedium, borderRadius3xl, borderRadius4xl, borderRadius5xl, borderRadiusCircle, borderRadiusL, borderRadiusM, borderRadiusS, borderRadiusXl, borderRadiusXs, borderRadiusXxl, borderRadiusXxs, darkBackgroundGradient, darkBackgroundHardline, darkBackgroundPrimary, darkBackgroundSecondary, darkBackgroundTertiary, dsplS, dsplSBold, dsplSMedium, h1, h1Bold, h1Medium, h2, h2Bold, h2Medium, h3, h3Bold, h3Medium, h4, h4Bold, h4Medium, inverseBackgroundGradient, inverseBackgroundHardline, inverseBackgroundPrimary, inverseBackgroundSecondary, inverseBackgroundTertiary, inverseOutlineClear, inverseOutlineClearActive, inverseOutlineClearHover, inverseOutlineDefault, inverseOutlineDefaultActive, inverseOutlineDefaultHover, inverseOutlineInfo, inverseOutlineInfoActive, inverseOutlineInfoHover, inverseOutlineNegative, inverseOutlineNegativeActive, inverseOutlineNegativeHover, inverseOutlinePositive, inverseOutlinePositiveActive, inverseOutlinePositiveHover, inverseOutlinePrimary, inverseOutlinePrimaryActive, inverseOutlinePrimaryHover, inverseOutlineTransparentPrimary, inverseOutlineTransparentPrimaryActive, inverseOutlineTransparentPrimaryHover, inverseOutlineWarning, inverseOutlineWarningActive, inverseOutlineWarningHover, inverseOutlineWhiteGradient, inverseOverlayGradient, inverseOverlayHard, inverseOverlaySoft, inversePersonasBlueSurfaceAccentGradient, inversePersonasBlueTextAccent, inversePersonasBlueTextAccentActive, inversePersonasBlueTextAccentHover, inversePersonasGreenSurfaceAccentGradient, inversePersonasGreenTextAccent, inversePersonasGreenTextAccentActive, inversePersonasGreenTextAccentHover, inversePersonasIndigoSurfaceAccentGradient, inversePersonasIndigoTextAccent, inversePersonasIndigoTextAccentActive, inversePersonasIndigoTextAccentHover, inversePersonasOchreSurfaceAccentGradient, inversePersonasOchreTextAccent, inversePersonasOchreTextAccentActive, inversePersonasOchreTextAccentHover, inversePersonasOliveSurfaceAccentGradient, inversePersonasOliveTextAccent, inversePersonasOliveTextAccentActive, inversePersonasOliveTextAccentHover, inversePersonasPinkSurfaceAccentGradient, inversePersonasPinkTextAccent, inversePersonasPinkTextAccentActive, inversePersonasPinkTextAccentHover, inversePersonasSeaBlueSurfaceAccentGradient, inversePersonasSeaBlueTextAccent, inversePersonasSeaBlueTextAccentActive, inversePersonasSeaBlueTextAccentHover, inversePersonasVioletSurfaceAccentGradient, inversePersonasVioletTextAccent, inversePersonasVioletTextAccentActive, inversePersonasVioletTextAccentHover, inverseSurfaceAccent, inverseSurfaceAccentActive, inverseSurfaceAccentGradient, inverseSurfaceAccentGradientSecondary, inverseSurfaceAccentHover, inverseSurfaceAccentMinor, inverseSurfaceAccentMinorActive, inverseSurfaceAccentMinorGradient, inverseSurfaceAccentMinorHover, inverseSurfaceAccentSecondary, inverseSurfaceAccentSecondaryActive, inverseSurfaceAccentSecondaryHover, inverseSurfaceClear, inverseSurfaceClearActive, inverseSurfaceClearHover, inverseSurfaceInfo, inverseSurfaceInfoActive, inverseSurfaceInfoHover, inverseSurfaceNegative, inverseSurfaceNegativeActive, inverseSurfaceNegativeHover, inverseSurfacePositive, inverseSurfacePositiveActive, inverseSurfacePositiveHover, inverseSurfaceReadOnly, inverseSurfaceReadOnlyActive, inverseSurfaceReadOnlyHover, inverseSurfaceSkeletonGradient, inverseSurfaceSolidCard, inverseSurfaceSolidCardActive, inverseSurfaceSolidCardBrightness, inverseSurfaceSolidCardBrightnessActive, inverseSurfaceSolidCardBrightnessHover, inverseSurfaceSolidCardHover, inverseSurfaceSolidDefault, inverseSurfaceSolidDefaultActive, inverseSurfaceSolidDefaultHover, inverseSurfaceSolidPrimary, inverseSurfaceSolidPrimaryActive, inverseSurfaceSolidPrimaryBrightness, inverseSurfaceSolidPrimaryBrightnessActive, inverseSurfaceSolidPrimaryBrightnessHover, inverseSurfaceSolidPrimaryHover, inverseSurfaceSolidSecondary, inverseSurfaceSolidSecondaryActive, inverseSurfaceSolidSecondaryHover, inverseSurfaceSolidTertiary, inverseSurfaceSolidTertiaryActive, inverseSurfaceSolidTertiaryHover, inverseSurfaceTransparentAccent, inverseSurfaceTransparentAccentActive, inverseSurfaceTransparentAccentHover, inverseSurfaceTransparentAccentMinor, inverseSurfaceTransparentAccentMinorActive, inverseSurfaceTransparentAccentMinorHover, inverseSurfaceTransparentCard, inverseSurfaceTransparentCardActive, inverseSurfaceTransparentCardBrightness, inverseSurfaceTransparentCardBrightnessActive, inverseSurfaceTransparentCardBrightnessHover, inverseSurfaceTransparentCardHover, inverseSurfaceTransparentDeep, inverseSurfaceTransparentDeepActive, inverseSurfaceTransparentDeepHover, inverseSurfaceTransparentNavi, inverseSurfaceTransparentNaviActive, inverseSurfaceTransparentNaviHover, inverseSurfaceTransparentNegative, inverseSurfaceTransparentNegativeActive, inverseSurfaceTransparentNegativeHover, inverseSurfaceTransparentPrimary, inverseSurfaceTransparentPrimaryActive, inverseSurfaceTransparentPrimaryHover, inverseSurfaceTransparentSecondary, inverseSurfaceTransparentSecondaryActive, inverseSurfaceTransparentSecondaryHover, inverseSurfaceTransparentTertiary, inverseSurfaceTransparentTertiaryActive, inverseSurfaceTransparentTertiaryHover, inverseSurfaceWarning, inverseSurfaceWarningActive, inverseSurfaceWarningHover, inverseTextAccent, inverseTextAccentActive, inverseTextAccentGradientAI, inverseTextAccentHover, inverseTextAccentMinor, inverseTextAccentMinorActive, inverseTextAccentMinorHover, inverseTextInfo, inverseTextInfoActive, inverseTextInfoHover, inverseTextNegative, inverseTextNegativeActive, inverseTextNegativeHover, inverseTextParagraph, inverseTextParagraphActive, inverseTextParagraphHover, inverseTextPositive, inverseTextPositiveActive, inverseTextPositiveHover, inverseTextPrimary, inverseTextPrimaryActive, inverseTextPrimaryBrightness, inverseTextPrimaryBrightnessActive, inverseTextPrimaryBrightnessHover, inverseTextPrimaryHover, inverseTextSecondary, inverseTextSecondaryActive, inverseTextSecondaryHover, inverseTextTertiary, inverseTextTertiaryActive, inverseTextTertiaryHover, inverseTextWarning, inverseTextWarningActive, inverseTextWarningHover, lightBackgroundGradient, lightBackgroundHardline, lightBackgroundPrimary, lightBackgroundSecondary, lightBackgroundTertiary, onDarkOutlineClear, onDarkOutlineClearActive, onDarkOutlineClearHover, onDarkOutlineDefault, onDarkOutlineDefaultActive, onDarkOutlineDefaultHover, onDarkOutlineInfo, onDarkOutlineInfoActive, onDarkOutlineInfoHover, onDarkOutlineNegative, onDarkOutlineNegativeActive, onDarkOutlineNegativeHover, onDarkOutlinePositive, onDarkOutlinePositiveActive, onDarkOutlinePositiveHover, onDarkOutlinePrimary, onDarkOutlinePrimaryActive, onDarkOutlinePrimaryHover, onDarkOutlineTransparentPrimary, onDarkOutlineTransparentPrimaryActive, onDarkOutlineTransparentPrimaryHover, onDarkOutlineWarning, onDarkOutlineWarningActive, onDarkOutlineWarningHover, onDarkOutlineWhiteGradient, onDarkOverlayGradient, onDarkOverlayHard, onDarkOverlaySoft, onDarkPersonasBlueSurfaceAccentGradient, onDarkPersonasBlueTextAccent, onDarkPersonasBlueTextAccentActive, onDarkPersonasBlueTextAccentHover, onDarkPersonasGreenSurfaceAccentGradient, onDarkPersonasGreenTextAccent, onDarkPersonasGreenTextAccentActive, onDarkPersonasGreenTextAccentHover, onDarkPersonasIndigoSurfaceAccentGradient, onDarkPersonasIndigoTextAccent, onDarkPersonasIndigoTextAccentActive, onDarkPersonasIndigoTextAccentHover, onDarkPersonasOchreSurfaceAccentGradient, onDarkPersonasOchreTextAccent, onDarkPersonasOchreTextAccentActive, onDarkPersonasOchreTextAccentHover, onDarkPersonasOliveSurfaceAccentGradient, onDarkPersonasOliveTextAccent, onDarkPersonasOliveTextAccentActive, onDarkPersonasOliveTextAccentHover, onDarkPersonasPinkSurfaceAccentGradient, onDarkPersonasPinkTextAccent, onDarkPersonasPinkTextAccentActive, onDarkPersonasPinkTextAccentHover, onDarkPersonasSeaBlueSurfaceAccentGradient, onDarkPersonasSeaBlueTextAccent, onDarkPersonasSeaBlueTextAccentActive, onDarkPersonasSeaBlueTextAccentHover, onDarkPersonasVioletSurfaceAccentGradient, onDarkPersonasVioletTextAccent, onDarkPersonasVioletTextAccentActive, onDarkPersonasVioletTextAccentHover, onDarkSurfaceAccent, onDarkSurfaceAccentActive, onDarkSurfaceAccentGradient, onDarkSurfaceAccentGradientSecondary, onDarkSurfaceAccentHover, onDarkSurfaceAccentMinor, onDarkSurfaceAccentMinorActive, onDarkSurfaceAccentMinorGradient, onDarkSurfaceAccentMinorHover, onDarkSurfaceAccentSecondary, onDarkSurfaceAccentSecondaryActive, onDarkSurfaceAccentSecondaryHover, onDarkSurfaceClear, onDarkSurfaceClearActive, onDarkSurfaceClearHover, onDarkSurfaceInfo, onDarkSurfaceInfoActive, onDarkSurfaceInfoHover, onDarkSurfaceNegative, onDarkSurfaceNegativeActive, onDarkSurfaceNegativeHover, onDarkSurfacePositive, onDarkSurfacePositiveActive, onDarkSurfacePositiveHover, onDarkSurfaceReadOnly, onDarkSurfaceReadOnlyActive, onDarkSurfaceReadOnlyHover, onDarkSurfaceSkeletonGradient, onDarkSurfaceSolidCard, onDarkSurfaceSolidCardActive, onDarkSurfaceSolidCardBrightness, onDarkSurfaceSolidCardBrightnessActive, onDarkSurfaceSolidCardBrightnessHover, onDarkSurfaceSolidCardHover, onDarkSurfaceSolidDefault, onDarkSurfaceSolidDefaultActive, onDarkSurfaceSolidDefaultHover, onDarkSurfaceSolidPrimary, onDarkSurfaceSolidPrimaryActive, onDarkSurfaceSolidPrimaryBrightness, onDarkSurfaceSolidPrimaryBrightnessActive, onDarkSurfaceSolidPrimaryBrightnessHover, onDarkSurfaceSolidPrimaryHover, onDarkSurfaceSolidSecondary, onDarkSurfaceSolidSecondaryActive, onDarkSurfaceSolidSecondaryHover, onDarkSurfaceSolidTertiary, onDarkSurfaceSolidTertiaryActive, onDarkSurfaceSolidTertiaryHover, onDarkSurfaceTransparentAccent, onDarkSurfaceTransparentAccentActive, onDarkSurfaceTransparentAccentHover, onDarkSurfaceTransparentAccentMinor, onDarkSurfaceTransparentAccentMinorActive, onDarkSurfaceTransparentAccentMinorHover, onDarkSurfaceTransparentCard, onDarkSurfaceTransparentCardActive, onDarkSurfaceTransparentCardBrightness, onDarkSurfaceTransparentCardBrightnessActive, onDarkSurfaceTransparentCardBrightnessHover, onDarkSurfaceTransparentCardHover, onDarkSurfaceTransparentDeep, onDarkSurfaceTransparentDeepActive, onDarkSurfaceTransparentDeepHover, onDarkSurfaceTransparentNavi, onDarkSurfaceTransparentNaviActive, onDarkSurfaceTransparentNaviHover, onDarkSurfaceTransparentNegative, onDarkSurfaceTransparentNegativeActive, onDarkSurfaceTransparentNegativeHover, onDarkSurfaceTransparentPrimary, onDarkSurfaceTransparentPrimaryActive, onDarkSurfaceTransparentPrimaryHover, onDarkSurfaceTransparentSecondary, onDarkSurfaceTransparentSecondaryActive, onDarkSurfaceTransparentSecondaryHover, onDarkSurfaceTransparentTertiary, onDarkSurfaceTransparentTertiaryActive, onDarkSurfaceTransparentTertiaryHover, onDarkSurfaceWarning, onDarkSurfaceWarningActive, onDarkSurfaceWarningHover, onDarkTextAccent, onDarkTextAccentActive, onDarkTextAccentGradientAI, onDarkTextAccentHover, onDarkTextAccentMinor, onDarkTextAccentMinorActive, onDarkTextAccentMinorHover, onDarkTextInfo, onDarkTextInfoActive, onDarkTextInfoHover, onDarkTextNegative, onDarkTextNegativeActive, onDarkTextNegativeHover, onDarkTextParagraph, onDarkTextParagraphActive, onDarkTextParagraphHover, onDarkTextPositive, onDarkTextPositiveActive, onDarkTextPositiveHover, onDarkTextPrimary, onDarkTextPrimaryActive, onDarkTextPrimaryBrightness, onDarkTextPrimaryBrightnessActive, onDarkTextPrimaryBrightnessHover, onDarkTextPrimaryHover, onDarkTextSecondary, onDarkTextSecondaryActive, onDarkTextSecondaryHover, onDarkTextTertiary, onDarkTextTertiaryActive, onDarkTextTertiaryHover, onDarkTextWarning, onDarkTextWarningActive, onDarkTextWarningHover, onLightOutlineClear, onLightOutlineClearActive, onLightOutlineClearHover, onLightOutlineDefault, onLightOutlineDefaultActive, onLightOutlineDefaultHover, onLightOutlineInfo, onLightOutlineInfoActive, onLightOutlineInfoHover, onLightOutlineNegative, onLightOutlineNegativeActive, onLightOutlineNegativeHover, onLightOutlinePositive, onLightOutlinePositiveActive, onLightOutlinePositiveHover, onLightOutlinePrimary, onLightOutlinePrimaryActive, onLightOutlinePrimaryHover, onLightOutlineTransparentPrimary, onLightOutlineTransparentPrimaryActive, onLightOutlineTransparentPrimaryHover, onLightOutlineWarning, onLightOutlineWarningActive, onLightOutlineWarningHover, onLightOutlineWhiteGradient, onLightOverlayGradient, onLightOverlayHard, onLightOverlaySoft, onLightPersonasBlueSurfaceAccentGradient, onLightPersonasBlueTextAccent, onLightPersonasBlueTextAccentActive, onLightPersonasBlueTextAccentHover, onLightPersonasGreenSurfaceAccentGradient, onLightPersonasGreenTextAccent, onLightPersonasGreenTextAccentActive, onLightPersonasGreenTextAccentHover, onLightPersonasIndigoSurfaceAccentGradient, onLightPersonasIndigoTextAccent, onLightPersonasIndigoTextAccentActive, onLightPersonasIndigoTextAccentHover, onLightPersonasOchreSurfaceAccentGradient, onLightPersonasOchreTextAccent, onLightPersonasOchreTextAccentActive, onLightPersonasOchreTextAccentHover, onLightPersonasOliveSurfaceAccentGradient, onLightPersonasOliveTextAccent, onLightPersonasOliveTextAccentActive, onLightPersonasOliveTextAccentHover, onLightPersonasPinkSurfaceAccentGradient, onLightPersonasPinkTextAccent, onLightPersonasPinkTextAccentActive, onLightPersonasPinkTextAccentHover, onLightPersonasSeaBlueSurfaceAccentGradient, onLightPersonasSeaBlueTextAccent, onLightPersonasSeaBlueTextAccentActive, onLightPersonasSeaBlueTextAccentHover, onLightPersonasVioletSurfaceAccentGradient, onLightPersonasVioletTextAccent, onLightPersonasVioletTextAccentActive, onLightPersonasVioletTextAccentHover, onLightSurfaceAccent, onLightSurfaceAccentActive, onLightSurfaceAccentGradient, onLightSurfaceAccentGradientSecondary, onLightSurfaceAccentHover, onLightSurfaceAccentMinor, onLightSurfaceAccentMinorActive, onLightSurfaceAccentMinorGradient, onLightSurfaceAccentMinorHover, onLightSurfaceAccentSecondary, onLightSurfaceAccentSecondaryActive, onLightSurfaceAccentSecondaryHover, onLightSurfaceClear, onLightSurfaceClearActive, onLightSurfaceClearHover, onLightSurfaceInfo, onLightSurfaceInfoActive, onLightSurfaceInfoHover, onLightSurfaceNegative, onLightSurfaceNegativeActive, onLightSurfaceNegativeHover, onLightSurfacePositive, onLightSurfacePositiveActive, onLightSurfacePositiveHover, onLightSurfaceReadOnly, onLightSurfaceReadOnlyActive, onLightSurfaceReadOnlyHover, onLightSurfaceSkeletonGradient, onLightSurfaceSolidCard, onLightSurfaceSolidCardActive, onLightSurfaceSolidCardBrightness, onLightSurfaceSolidCardBrightnessActive, onLightSurfaceSolidCardBrightnessHover, onLightSurfaceSolidCardHover, onLightSurfaceSolidDefault, onLightSurfaceSolidDefaultActive, onLightSurfaceSolidDefaultHover, onLightSurfaceSolidPrimary, onLightSurfaceSolidPrimaryActive, onLightSurfaceSolidPrimaryBrightness, onLightSurfaceSolidPrimaryBrightnessActive, onLightSurfaceSolidPrimaryBrightnessHover, onLightSurfaceSolidPrimaryHover, onLightSurfaceSolidSecondary, onLightSurfaceSolidSecondaryActive, onLightSurfaceSolidSecondaryHover, onLightSurfaceSolidTertiary, onLightSurfaceSolidTertiaryActive, onLightSurfaceSolidTertiaryHover, onLightSurfaceTransparentAccent, onLightSurfaceTransparentAccentActive, onLightSurfaceTransparentAccentHover, onLightSurfaceTransparentAccentMinor, onLightSurfaceTransparentAccentMinorActive, onLightSurfaceTransparentAccentMinorHover, onLightSurfaceTransparentCard, onLightSurfaceTransparentCardActive, onLightSurfaceTransparentCardBrightness, onLightSurfaceTransparentCardBrightnessActive, onLightSurfaceTransparentCardBrightnessHover, onLightSurfaceTransparentCardHover, onLightSurfaceTransparentDeep, onLightSurfaceTransparentDeepActive, onLightSurfaceTransparentDeepHover, onLightSurfaceTransparentNavi, onLightSurfaceTransparentNaviActive, onLightSurfaceTransparentNaviHover, onLightSurfaceTransparentNegative, onLightSurfaceTransparentNegativeActive, onLightSurfaceTransparentNegativeHover, onLightSurfaceTransparentPrimary, onLightSurfaceTransparentPrimaryActive, onLightSurfaceTransparentPrimaryHover, onLightSurfaceTransparentSecondary, onLightSurfaceTransparentSecondaryActive, onLightSurfaceTransparentSecondaryHover, onLightSurfaceTransparentTertiary, onLightSurfaceTransparentTertiaryActive, onLightSurfaceTransparentTertiaryHover, onLightSurfaceWarning, onLightSurfaceWarningActive, onLightSurfaceWarningHover, onLightTextAccent, onLightTextAccentActive, onLightTextAccentGradientAI, onLightTextAccentHover, onLightTextAccentMinor, onLightTextAccentMinorActive, onLightTextAccentMinorHover, onLightTextInfo, onLightTextInfoActive, onLightTextInfoHover, onLightTextNegative, onLightTextNegativeActive, onLightTextNegativeHover, onLightTextParagraph, onLightTextParagraphActive, onLightTextParagraphHover, onLightTextPositive, onLightTextPositiveActive, onLightTextPositiveHover, onLightTextPrimary, onLightTextPrimaryActive, onLightTextPrimaryBrightness, onLightTextPrimaryBrightnessActive, onLightTextPrimaryBrightnessHover, onLightTextPrimaryHover, onLightTextSecondary, onLightTextSecondaryActive, onLightTextSecondaryHover, onLightTextTertiary, onLightTextTertiaryActive, onLightTextTertiaryHover, onLightTextWarning, onLightTextWarningActive, onLightTextWarningHover, outlineClear, outlineClearActive, outlineClearHover, outlineDefault, outlineDefaultActive, outlineDefaultHover, outlineInfo, outlineInfoActive, outlineInfoHover, outlineNegative, outlineNegativeActive, outlineNegativeHover, outlinePositive, outlinePositiveActive, outlinePositiveHover, outlinePrimary, outlinePrimaryActive, outlinePrimaryHover, outlineTransparentPrimary, outlineTransparentPrimaryActive, outlineTransparentPrimaryHover, outlineWarning, outlineWarningActive, outlineWarningHover, outlineWhiteGradient, overlayGradient, overlayHard, overlaySoft, personasBlueSurfaceAccentGradient, personasBlueTextAccent, personasBlueTextAccentActive, personasBlueTextAccentHover, personasGreenSurfaceAccentGradient, personasGreenTextAccent, personasGreenTextAccentActive, personasGreenTextAccentHover, personasIndigoSurfaceAccentGradient, personasIndigoTextAccent, personasIndigoTextAccentActive, personasIndigoTextAccentHover, personasOchreSurfaceAccentGradient, personasOchreTextAccent, personasOchreTextAccentActive, personasOchreTextAccentHover, personasOliveSurfaceAccentGradient, personasOliveTextAccent, personasOliveTextAccentActive, personasOliveTextAccentHover, personasPinkSurfaceAccentGradient, personasPinkTextAccent, personasPinkTextAccentActive, personasPinkTextAccentHover, personasSeaBlueSurfaceAccentGradient, personasSeaBlueTextAccent, personasSeaBlueTextAccentActive, personasSeaBlueTextAccentHover, personasVioletSurfaceAccentGradient, personasVioletTextAccent, personasVioletTextAccentActive, personasVioletTextAccentHover, 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, surfaceAccent, surfaceAccentActive, surfaceAccentGradient, surfaceAccentGradientSecondary, surfaceAccentHover, surfaceAccentMinor, surfaceAccentMinorActive, surfaceAccentMinorGradient, surfaceAccentMinorHover, surfaceAccentSecondary, surfaceAccentSecondaryActive, surfaceAccentSecondaryHover, surfaceClear, surfaceClearActive, surfaceClearHover, surfaceInfo, surfaceInfoActive, surfaceInfoHover, surfaceNegative, surfaceNegativeActive, surfaceNegativeHover, surfacePositive, surfacePositiveActive, surfacePositiveHover, surfaceReadOnly, surfaceReadOnlyActive, surfaceReadOnlyHover, surfaceSkeletonGradient, surfaceSolidCard, surfaceSolidCardActive, surfaceSolidCardBrightness, surfaceSolidCardBrightnessActive, surfaceSolidCardBrightnessHover, surfaceSolidCardHover, surfaceSolidDefault, surfaceSolidDefaultActive, surfaceSolidDefaultHover, surfaceSolidPrimary, surfaceSolidPrimaryActive, surfaceSolidPrimaryBrightness, surfaceSolidPrimaryBrightnessActive, surfaceSolidPrimaryBrightnessHover, surfaceSolidPrimaryHover, surfaceSolidSecondary, surfaceSolidSecondaryActive, surfaceSolidSecondaryHover, surfaceSolidTertiary, surfaceSolidTertiaryActive, surfaceSolidTertiaryHover, surfaceTransparentAccent, surfaceTransparentAccentActive, surfaceTransparentAccentHover, surfaceTransparentAccentMinor, surfaceTransparentAccentMinorActive, surfaceTransparentAccentMinorHover, surfaceTransparentCard, surfaceTransparentCardActive, surfaceTransparentCardBrightness, surfaceTransparentCardBrightnessActive, surfaceTransparentCardBrightnessHover, surfaceTransparentCardHover, surfaceTransparentDeep, surfaceTransparentDeepActive, surfaceTransparentDeepHover, surfaceTransparentNavi, surfaceTransparentNaviActive, surfaceTransparentNaviHover, surfaceTransparentNegative, surfaceTransparentNegativeActive, surfaceTransparentNegativeHover, surfaceTransparentPrimary, surfaceTransparentPrimaryActive, surfaceTransparentPrimaryHover, surfaceTransparentSecondary, surfaceTransparentSecondaryActive, surfaceTransparentSecondaryHover, surfaceTransparentTertiary, surfaceTransparentTertiaryActive, surfaceTransparentTertiaryHover, surfaceWarning, surfaceWarningActive, surfaceWarningHover, textAccent, textAccentActive, textAccentGradientAI, textAccentHover, textAccentMinor, textAccentMinorActive, textAccentMinorHover, textInfo, textInfoActive, textInfoHover, textL, textLBold, textLMedium, textM, textMBold, textMMedium, textNegative, textNegativeActive, textNegativeHover, textParagraph, textParagraphActive, textParagraphHover, textPositive, textPositiveActive, textPositiveHover, textPrimary, textPrimaryActive, textPrimaryBrightness, textPrimaryBrightnessActive, textPrimaryBrightnessHover, textPrimaryHover, textS, textSBold, textSMedium, textSecondary, textSecondaryActive, textSecondaryHover, textTertiary, textTertiaryActive, textTertiaryHover, textWarning, textWarningActive, textWarningHover, textXS, textXSBold, textXSMedium, viewContainer };
|
|
2690
2714
|
//# sourceMappingURL=index.js.map
|