@salutejs-ds/sdds_sbcom 0.1.12 → 0.1.14
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 +3 -3
- package/components/Button/Button.config.js +7 -7
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1nf8fsa.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +3 -3
- package/components/Checkbox/Checkbox.config.d.ts +2 -2
- package/components/Checkbox/Checkbox.config.js +5 -5
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_1pgnntn.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Checkbox/Checkbox.d.ts +2 -2
- 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/{es/components/Counter/Counter.config_yoygvx.css → components/Counter/Counter.config_ebr9b5.css} +8 -8
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/IconButton/IconButton.config.d.ts +2 -2
- package/components/IconButton/IconButton.config.js +5 -5
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_145mdq5.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +2 -2
- package/components/Link/Link.config.d.ts +3 -3
- package/components/Link/Link.config.js +7 -7
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/Link.config_1y1mon9.css +8 -0
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +3 -3
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +3 -3
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_jinig9.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +205 -181
- package/css/sdds_sbcom__dark.css +115 -103
- package/css/sdds_sbcom__light.css +116 -104
- package/es/components/Button/Button.config.js +7 -7
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1nf8fsa.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +5 -5
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_1pgnntn.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/{components/Counter/Counter.config_yoygvx.css → es/components/Counter/Counter.config_ebr9b5.css} +8 -8
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +5 -5
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_145mdq5.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +7 -7
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/Link.config_1y1mon9.css +8 -0
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +3 -3
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_jinig9.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 +415 -379
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/index.js +12 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +9 -9
- package/styled-components/cjs/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/cjs/Counter/Counter.config.js +8 -8
- package/styled-components/cjs/IconButton/IconButton.config.js +6 -6
- package/styled-components/cjs/Link/Link.config.js +6 -6
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +9 -9
- package/styled-components/es/Checkbox/Checkbox.config.js +6 -6
- package/styled-components/es/Counter/Counter.config.js +8 -8
- package/styled-components/es/IconButton/IconButton.config.js +6 -6
- package/styled-components/es/Link/Link.config.js +6 -6
- 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 +347 -323
- package/theme/tokens/index.js +426 -378
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_b4txnl.css +0 -10
- package/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
- package/components/IconButton/IconButton.config_1q8h816.css +0 -9
- package/components/Link/Link.config_e4pw7e.css +0 -8
- package/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
- package/es/components/Button/Button.config_b4txnl.css +0 -10
- package/es/components/Checkbox/Checkbox.config_j2f4po.css +0 -6
- package/es/components/IconButton/IconButton.config_1q8h816.css +0 -9
- package/es/components/Link/Link.config_e4pw7e.css +0 -8
- package/es/components/Radiobox/Radiobox.config_10j4d0h.css +0 -6
package/es/theme/tokens/index.js
CHANGED
|
@@ -1,185 +1,146 @@
|
|
|
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 */
|
|
15
|
+
/** Default Hover On Light */
|
|
25
16
|
var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #CCCCCCFF)';
|
|
26
17
|
|
|
27
|
-
/**
|
|
18
|
+
/** Primary Active Inverse */
|
|
28
19
|
var inverseOutlinePrimaryActive = 'var(--inverse-outline-primary-active, #C4BEBAFF)';
|
|
29
20
|
|
|
30
|
-
/**
|
|
21
|
+
/** Default Active On Dark */
|
|
31
22
|
var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #292929FF)';
|
|
32
23
|
|
|
33
|
-
/**
|
|
24
|
+
/** Default Hover On Dark */
|
|
34
25
|
var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #666666FF)';
|
|
35
26
|
|
|
36
|
-
/**
|
|
27
|
+
/** Green Text Accent Hover Default */
|
|
37
28
|
var personasGreenTextAccentHover = 'var(--personas-green-text-accent-hover, #04C396FF)';
|
|
38
29
|
|
|
39
|
-
/**
|
|
30
|
+
/** Sea Blue Text Accent Hover Default */
|
|
40
31
|
var personasSeaBlueTextAccentHover = 'var(--personas-sea-blue-text-accent-hover, #00C5CCFF)';
|
|
41
32
|
|
|
42
|
-
/**
|
|
33
|
+
/** Accent Secondary Hover Inverse */
|
|
43
34
|
var inverseSurfaceAccentSecondaryHover = 'var(--inverse-surface-accent-secondary-hover, #50C3A8FF)';
|
|
44
35
|
|
|
45
|
-
/**
|
|
36
|
+
/** Accent Secondary Active On Light */
|
|
46
37
|
var onLightSurfaceAccentSecondaryActive = 'var(--on-light-surface-accent-secondary-active, #3CAF94FF)';
|
|
47
38
|
|
|
48
|
-
/**
|
|
39
|
+
/** Transparent Navi Active Default */
|
|
49
40
|
var surfaceTransparentNaviActive = 'var(--surface-transparent-navi-active, #2424248A)';
|
|
50
41
|
|
|
51
|
-
/**
|
|
42
|
+
/** Transparent Accent Minor Active On Light */
|
|
52
43
|
var onLightSurfaceTransparentAccentMinorActive = 'var(--on-light-surface-transparent-accent-minor-active, #0BA88852)';
|
|
53
44
|
|
|
54
|
-
/**
|
|
45
|
+
/** Green Text Accent Active On Light */
|
|
55
46
|
var onLightPersonasGreenTextAccentActive = 'var(--on-light-personas-green-text-accent-active, #04AF87FF)';
|
|
56
47
|
|
|
57
|
-
/**
|
|
48
|
+
/** Default Active Default */
|
|
58
49
|
var outlineDefaultActive = 'var(--outline-default-active, #666666FF)';
|
|
59
50
|
|
|
60
|
-
/**
|
|
51
|
+
/** Primary Active On Dark */
|
|
61
52
|
var onDarkOutlinePrimaryActive = 'var(--on-dark-outline-primary-active, #2B2827FF)';
|
|
62
53
|
|
|
63
|
-
/**
|
|
54
|
+
/** Olive Text Accent Active Default */
|
|
64
55
|
var personasOliveTextAccentActive = 'var(--personas-olive-text-accent-active, #7DC07CFF)';
|
|
65
56
|
|
|
66
|
-
/**
|
|
57
|
+
/** Olive Text Accent Hover On Dark */
|
|
67
58
|
var onDarkPersonasOliveTextAccentHover = 'var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
68
59
|
|
|
69
|
-
/**
|
|
70
|
-
var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
71
|
-
|
|
72
|
-
/** null */
|
|
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 */
|
|
60
|
+
/** Violet Text Accent Active On Light */
|
|
79
61
|
var onLightPersonasVioletTextAccentActive = 'var(--on-light-personas-violet-text-accent-active, #81288FFF)';
|
|
80
62
|
|
|
81
|
-
/**
|
|
63
|
+
/** Ochre Text Accent Active On Light */
|
|
82
64
|
var onLightPersonasOchreTextAccentActive = 'var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
83
65
|
|
|
84
|
-
/**
|
|
66
|
+
/** Accent Secondary Hover On Dark */
|
|
85
67
|
var onDarkSurfaceAccentSecondaryHover = 'var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)';
|
|
86
68
|
|
|
87
|
-
/**
|
|
69
|
+
/** Green Text Accent Hover Inverse */
|
|
88
70
|
var inversePersonasGreenTextAccentHover = 'var(--inverse-personas-green-text-accent-hover, #8CDECAFF)';
|
|
89
71
|
|
|
90
|
-
/**
|
|
72
|
+
/** Pink Text Accent Hover On Light */
|
|
91
73
|
var onLightPersonasPinkTextAccentHover = 'var(--on-light-personas-pink-text-accent-hover, #E47777FF)';
|
|
92
74
|
|
|
93
|
-
/**
|
|
75
|
+
/** Accent Secondary Hover Default */
|
|
94
76
|
var surfaceAccentSecondaryHover = 'var(--surface-accent-secondary-hover, #70CDB7FF)';
|
|
95
77
|
|
|
96
|
-
/**
|
|
97
|
-
var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
|
|
98
|
-
|
|
99
|
-
/** null */
|
|
78
|
+
/** Indigo Text Accent Hover Default */
|
|
100
79
|
var personasIndigoTextAccentHover = 'var(--personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
101
80
|
|
|
102
|
-
/**
|
|
103
|
-
var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
|
|
104
|
-
|
|
105
|
-
/** null */
|
|
81
|
+
/** Violet Text Accent Hover On Dark */
|
|
106
82
|
var onDarkPersonasVioletTextAccentHover = 'var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)';
|
|
107
83
|
|
|
108
|
-
/**
|
|
84
|
+
/** On Light Outline Primary */
|
|
109
85
|
var onLightOutlinePrimary = 'var(--on-light-outline-primary, #DDD9D7)';
|
|
110
86
|
|
|
111
|
-
/**
|
|
87
|
+
/** Inverse Outline Default */
|
|
112
88
|
var inverseOutlineDefault = 'var(--inverse-outline-default, #FFFFFF)';
|
|
113
89
|
|
|
114
|
-
/**
|
|
90
|
+
/** Blue Text Accent Hover On Dark */
|
|
115
91
|
var onDarkPersonasBlueTextAccentHover = 'var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
116
92
|
|
|
117
|
-
/**
|
|
118
|
-
var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
|
|
119
|
-
|
|
120
|
-
/** null */
|
|
93
|
+
/** Indigo Text Accent Hover On Light */
|
|
121
94
|
var onLightPersonasIndigoTextAccentHover = 'var(--on-light-personas-indigo-text-accent-hover, #000000FF)';
|
|
122
95
|
|
|
123
|
-
/**
|
|
96
|
+
/** Indigo Text Accent Active On Light */
|
|
124
97
|
var onLightPersonasIndigoTextAccentActive = 'var(--on-light-personas-indigo-text-accent-active, #5B2999FF)';
|
|
125
98
|
|
|
126
|
-
/**
|
|
99
|
+
/** Sea Blue Text Accent Hover On Light */
|
|
127
100
|
var onLightPersonasSeaBlueTextAccentHover = 'var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)';
|
|
128
101
|
|
|
129
|
-
/**
|
|
130
|
-
var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
|
|
131
|
-
|
|
132
|
-
/** null */
|
|
133
|
-
var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
|
|
134
|
-
|
|
135
|
-
/** null */
|
|
102
|
+
/** Ochre Text Accent Active Default */
|
|
136
103
|
var personasOchreTextAccentActive = 'var(--personas-ochre-text-accent-active, #F19F7EFF)';
|
|
137
104
|
|
|
138
|
-
/**
|
|
105
|
+
/** Inverse Background Hardline */
|
|
139
106
|
var inverseBackgroundHardline = 'var(--inverse-background-hardline, #000000)';
|
|
140
107
|
|
|
141
|
-
/**
|
|
142
|
-
var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
|
|
143
|
-
|
|
144
|
-
/** null */
|
|
108
|
+
/** Transparent Accent Minor Active On Dark */
|
|
145
109
|
var onDarkSurfaceTransparentAccentMinorActive = 'var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)';
|
|
146
110
|
|
|
147
|
-
/**
|
|
111
|
+
/** Sea Blue Text Accent Hover On Dark */
|
|
148
112
|
var onDarkPersonasSeaBlueTextAccentHover = 'var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)';
|
|
149
113
|
|
|
150
|
-
/**
|
|
151
|
-
var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
|
|
152
|
-
|
|
153
|
-
/** null */
|
|
114
|
+
/** Surface Transparent Navi */
|
|
154
115
|
var surfaceTransparentNavi = 'var(--surface-transparent-navi, #23232399)';
|
|
155
116
|
|
|
156
|
-
/**
|
|
117
|
+
/** Violet Text Accent Active Default */
|
|
157
118
|
var personasVioletTextAccentActive = 'var(--personas-violet-text-accent-active, #892B97FF)';
|
|
158
119
|
|
|
159
|
-
/**
|
|
120
|
+
/** Blue Text Accent Hover Default */
|
|
160
121
|
var personasBlueTextAccentHover = 'var(--personas-blue-text-accent-hover, #C3DDF9FF)';
|
|
161
122
|
|
|
162
|
-
/**
|
|
123
|
+
/** Outline Default */
|
|
163
124
|
var outlineDefault = 'var(--outline-default, #FFFFFF)';
|
|
164
125
|
|
|
165
126
|
/** Основной цвет текста */
|
|
166
127
|
var textPrimaryBrightnessActive = 'var(--text-primary-brightness-active, #FAFAFAC4)';
|
|
167
128
|
|
|
168
|
-
/** Прозрачный фон для карточек */
|
|
169
|
-
var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
170
|
-
|
|
171
|
-
/** Прозрачный фон для карточек */
|
|
172
|
-
var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
|
|
173
|
-
|
|
174
129
|
/** Основной фон для карточек */
|
|
175
130
|
var surfaceSolidCardBrightnessHover = 'var(--surface-solid-card-brightness-hover, #303030FF)';
|
|
176
131
|
|
|
132
|
+
/** Прозрачный фон для карточек */
|
|
133
|
+
var surfaceTransparentCardBrightnessHover = 'var(--surface-transparent-card-brightness-hover, #FAFAFA1F)';
|
|
134
|
+
|
|
177
135
|
/** Основной фон для карточек */
|
|
178
136
|
var surfaceSolidCardBrightnessActive = 'var(--surface-solid-card-brightness-active, #212121FF)';
|
|
179
137
|
|
|
180
138
|
/** Основной непрозрачный фон поверхности/контрола */
|
|
181
139
|
var surfaceSolidPrimaryBrightnessHover = 'var(--surface-solid-primary-brightness-hover, #303030FF)';
|
|
182
140
|
|
|
141
|
+
/** Прозрачный фон для карточек */
|
|
142
|
+
var surfaceTransparentCardBrightnessActive = 'var(--surface-transparent-card-brightness-active, #FAFAFA0A)';
|
|
143
|
+
|
|
183
144
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
184
145
|
var onDarkSurfaceSolidPrimaryBrightnessActive = 'var(--on-dark-surface-solid-primary-brightness-active, #212121FF)';
|
|
185
146
|
|
|
@@ -201,32 +162,32 @@ var onLightSurfaceSolidPrimaryBrightnessHover = 'var(--on-light-surface-solid-pr
|
|
|
201
162
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
202
163
|
var onLightSurfaceSolidPrimaryBrightnessActive = 'var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)';
|
|
203
164
|
|
|
204
|
-
/**
|
|
205
|
-
var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
|
|
206
|
-
|
|
207
|
-
/** null */
|
|
165
|
+
/** Inverse Personas Indigo Text Accent */
|
|
208
166
|
var inversePersonasIndigoTextAccent = 'var(--inverse-personas-indigo-text-accent, #BD91F5)';
|
|
209
167
|
|
|
210
|
-
/**
|
|
168
|
+
/** Inverse Personas Pink Text Accent */
|
|
211
169
|
var inversePersonasPinkTextAccent = 'var(--inverse-personas-pink-text-accent, #F7A4A4)';
|
|
212
170
|
|
|
171
|
+
/** Personas Olive Text Accent */
|
|
172
|
+
var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
|
|
173
|
+
|
|
213
174
|
/** Цвет обводки успех на светлом фоне */
|
|
214
175
|
var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #20801EFF)';
|
|
215
176
|
|
|
216
|
-
/**
|
|
217
|
-
var personasOliveTextAccent = 'var(--personas-olive-text-accent, #93CB92)';
|
|
218
|
-
|
|
219
|
-
/** null */
|
|
177
|
+
/** Inverse Personas Ochre Text Accent */
|
|
220
178
|
var inversePersonasOchreTextAccent = 'var(--inverse-personas-ochre-text-accent, #D15A11)';
|
|
221
179
|
|
|
180
|
+
/** On Dark Personas Olive Text Accent */
|
|
181
|
+
var onDarkPersonasOliveTextAccent = 'var(--on-dark-personas-olive-text-accent, #93CB92)';
|
|
182
|
+
|
|
222
183
|
/** Третичный непрозрачный фон поверхности/контрола */
|
|
223
184
|
var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #424242FF)';
|
|
224
185
|
|
|
225
186
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
226
187
|
var onLightSurfaceSolidTertiaryActive = 'var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)';
|
|
227
188
|
|
|
228
|
-
/**
|
|
229
|
-
var
|
|
189
|
+
/** Inverse Surface Transparent Navi */
|
|
190
|
+
var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
|
|
230
191
|
|
|
231
192
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
232
193
|
var onLightSurfaceTransparentCardBrightnessHover = 'var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)';
|
|
@@ -237,10 +198,7 @@ var textPrimary = 'var(--text-primary, #FFFFFFFC)';
|
|
|
237
198
|
/** Акцентный минорный цвет на темном фоне */
|
|
238
199
|
var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #60C7AFFF)';
|
|
239
200
|
|
|
240
|
-
/**
|
|
241
|
-
var inverseSurfaceTransparentNavi = 'var(--inverse-surface-transparent-navi, #FFFFFF99)';
|
|
242
|
-
|
|
243
|
-
/** null */
|
|
201
|
+
/** On Light Personas Olive Text Accent */
|
|
244
202
|
var onLightPersonasOliveTextAccent = 'var(--on-light-personas-olive-text-accent, #127210)';
|
|
245
203
|
|
|
246
204
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
@@ -264,25 +222,22 @@ var inverseSurfaceSolidPrimaryBrightnessActive = 'var(--inverse-surface-solid-pr
|
|
|
264
222
|
/** Инвертированный прозрачный фон для карточек */
|
|
265
223
|
var inverseSurfaceTransparentCardBrightnessHover = 'var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)';
|
|
266
224
|
|
|
267
|
-
/**
|
|
268
|
-
var
|
|
225
|
+
/** Outline Primary */
|
|
226
|
+
var outlinePrimary = 'var(--outline-primary, #DDD9D7)';
|
|
269
227
|
|
|
270
|
-
/**
|
|
228
|
+
/** On Light Personas Ochre Text Accent */
|
|
271
229
|
var onLightPersonasOchreTextAccent = 'var(--on-light-personas-ochre-text-accent, #D15A11)';
|
|
272
230
|
|
|
273
|
-
/**
|
|
231
|
+
/** On Dark Personas Indigo Text Accent */
|
|
274
232
|
var onDarkPersonasIndigoTextAccent = 'var(--on-dark-personas-indigo-text-accent, #BD91F5)';
|
|
275
233
|
|
|
276
|
-
/**
|
|
234
|
+
/** On Dark Surface Accent Secondary */
|
|
277
235
|
var onDarkSurfaceAccentSecondary = 'var(--on-dark-surface-accent-secondary, #61C8B0)';
|
|
278
236
|
|
|
279
|
-
/**
|
|
237
|
+
/** Inverse Personas Green Text Accent */
|
|
280
238
|
var inversePersonasGreenTextAccent = 'var(--inverse-personas-green-text-accent, #6CD5BB)';
|
|
281
239
|
|
|
282
|
-
/**
|
|
283
|
-
var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
|
|
284
|
-
|
|
285
|
-
/** null */
|
|
240
|
+
/** Surface Accent Secondary */
|
|
286
241
|
var surfaceAccentSecondary = 'var(--surface-accent-secondary, #61C8B0)';
|
|
287
242
|
|
|
288
243
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
@@ -306,8 +261,8 @@ var inverseSurfaceTransparentCardBrightnessActive = 'var(--inverse-surface-trans
|
|
|
306
261
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
307
262
|
var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #A3420AFF)';
|
|
308
263
|
|
|
309
|
-
/**
|
|
310
|
-
var
|
|
264
|
+
/** On Light Personas Violet Text Accent */
|
|
265
|
+
var onLightPersonasVioletTextAccent = 'var(--on-light-personas-violet-text-accent, #9E32AF)';
|
|
311
266
|
|
|
312
267
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
313
268
|
var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #D0F2E9)';
|
|
@@ -318,272 +273,227 @@ var inverseSurfaceSolidCardBrightnessActive = 'var(--inverse-surface-solid-card-
|
|
|
318
273
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
319
274
|
var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #055C4CFF)';
|
|
320
275
|
|
|
321
|
-
/**
|
|
322
|
-
var
|
|
276
|
+
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
277
|
+
var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #C7F0E5FF)';
|
|
323
278
|
|
|
324
|
-
/**
|
|
279
|
+
/** On Dark Personas Blue Text Accent */
|
|
325
280
|
var onDarkPersonasBlueTextAccent = 'var(--on-dark-personas-blue-text-accent, #79B3F2)';
|
|
326
281
|
|
|
327
|
-
/**
|
|
282
|
+
/** On Light Personas Indigo Text Accent */
|
|
328
283
|
var onLightPersonasIndigoTextAccent = 'var(--on-light-personas-indigo-text-accent, #7133BE)';
|
|
329
284
|
|
|
330
|
-
/**
|
|
285
|
+
/** On Light Personas Sea Blue Text Accent */
|
|
331
286
|
var onLightPersonasSeaBlueTextAccent = 'var(--on-light-personas-sea-blue-text-accent, #00898D)';
|
|
332
287
|
|
|
333
|
-
/**
|
|
334
|
-
var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
|
|
335
|
-
|
|
336
|
-
/** null */
|
|
288
|
+
/** Personas Ochre Text Accent */
|
|
337
289
|
var personasOchreTextAccent = 'var(--personas-ochre-text-accent, #F4B49B)';
|
|
338
290
|
|
|
339
|
-
/**
|
|
291
|
+
/** On Dark Surface Transparent Accent Minor */
|
|
340
292
|
var onDarkSurfaceTransparentAccentMinor = 'var(--on-dark-surface-transparent-accent-minor, #0BA68647)';
|
|
341
293
|
|
|
342
|
-
/**
|
|
294
|
+
/** On Dark Personas Violet Text Accent */
|
|
343
295
|
var onDarkPersonasVioletTextAccent = 'var(--on-dark-personas-violet-text-accent, #E19DED)';
|
|
344
296
|
|
|
345
|
-
/**
|
|
346
|
-
var
|
|
347
|
-
|
|
348
|
-
/** null */
|
|
349
|
-
var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
|
|
350
|
-
|
|
351
|
-
/** null */
|
|
352
|
-
var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
|
|
353
|
-
|
|
354
|
-
/** null */
|
|
355
|
-
var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
|
|
356
|
-
|
|
357
|
-
/** null */
|
|
358
|
-
var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
|
|
297
|
+
/** On Light Surface Transparent Navi */
|
|
298
|
+
var onLightSurfaceTransparentNavi = 'var(--on-light-surface-transparent-navi, #FFFFFF99)';
|
|
359
299
|
|
|
360
|
-
/**
|
|
300
|
+
/** Green Text Accent Hover On Dark */
|
|
361
301
|
var onDarkPersonasGreenTextAccentHover = 'var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)';
|
|
362
302
|
|
|
363
|
-
/**
|
|
364
|
-
var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
|
|
365
|
-
|
|
366
|
-
/** null */
|
|
367
|
-
var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
|
|
368
|
-
|
|
369
|
-
/** null */
|
|
303
|
+
/** Green Text Accent Active Default */
|
|
370
304
|
var personasGreenTextAccentActive = 'var(--personas-green-text-accent-active, #03A57FFF)';
|
|
371
305
|
|
|
372
|
-
/**
|
|
306
|
+
/** Sea Blue Text Accent Active Default */
|
|
373
307
|
var personasSeaBlueTextAccentActive = 'var(--personas-sea-blue-text-accent-active, #00A8ADFF)';
|
|
374
308
|
|
|
375
|
-
/**
|
|
309
|
+
/** Accent Secondary Active Inverse */
|
|
376
310
|
var inverseSurfaceAccentSecondaryActive = 'var(--inverse-surface-accent-secondary-active, #3CAF94FF)';
|
|
377
311
|
|
|
378
|
-
/**
|
|
312
|
+
/** Pink Text Accent Active On Dark */
|
|
379
313
|
var onDarkPersonasPinkTextAccentActive = 'var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)';
|
|
380
314
|
|
|
381
|
-
/**
|
|
315
|
+
/** Primary Active Default */
|
|
382
316
|
var outlinePrimaryActive = 'var(--outline-primary-active, #665C57FF)';
|
|
383
317
|
|
|
384
|
-
/**
|
|
318
|
+
/** Indigo Text Accent Active Inverse */
|
|
385
319
|
var inversePersonasIndigoTextAccentActive = 'var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)';
|
|
386
320
|
|
|
387
|
-
/**
|
|
321
|
+
/** Pink Text Accent Active Inverse */
|
|
388
322
|
var inversePersonasPinkTextAccentActive = 'var(--inverse-personas-pink-text-accent-active, #F48080FF)';
|
|
389
323
|
|
|
390
|
-
/**
|
|
324
|
+
/** Olive Text Accent Active On Dark */
|
|
391
325
|
var onDarkPersonasOliveTextAccentActive = 'var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)';
|
|
392
326
|
|
|
393
|
-
/**
|
|
327
|
+
/** Accent Secondary Active On Dark */
|
|
394
328
|
var onDarkSurfaceAccentSecondaryActive = 'var(--on-dark-surface-accent-secondary-active, #59C5ACFF)';
|
|
395
329
|
|
|
396
|
-
/**
|
|
330
|
+
/** Green Text Accent Active Inverse */
|
|
397
331
|
var inversePersonasGreenTextAccentActive = 'var(--inverse-personas-green-text-accent-active, #4CCDACFF)';
|
|
398
332
|
|
|
399
|
-
/**
|
|
333
|
+
/** Pink Text Accent Active On Light */
|
|
400
334
|
var onLightPersonasPinkTextAccentActive = 'var(--on-light-personas-pink-text-accent-active, #D73333FF)';
|
|
401
335
|
|
|
402
|
-
/**
|
|
336
|
+
/** Indigo Text Accent Active Default */
|
|
403
337
|
var personasIndigoTextAccentActive = 'var(--personas-indigo-text-accent-active, #AA73F2FF)';
|
|
404
338
|
|
|
405
|
-
/**
|
|
339
|
+
/** Violet Text Accent Active On Dark */
|
|
406
340
|
var onDarkPersonasVioletTextAccentActive = 'var(--on-dark-personas-violet-text-accent-active, #D982E8FF)';
|
|
407
341
|
|
|
408
|
-
/**
|
|
342
|
+
/** Transparent Navi Hover On Light */
|
|
409
343
|
var onLightSurfaceTransparentNaviHover = 'var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)';
|
|
410
344
|
|
|
411
|
-
/**
|
|
345
|
+
/** Transparent Navi Active On Light */
|
|
412
346
|
var onLightSurfaceTransparentNaviActive = 'var(--on-light-surface-transparent-navi-active, #FFFFFFAD)';
|
|
413
347
|
|
|
414
|
-
/**
|
|
348
|
+
/** Olive Text Accent Hover Inverse */
|
|
415
349
|
var inversePersonasOliveTextAccentHover = 'var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)';
|
|
416
350
|
|
|
417
|
-
/**
|
|
351
|
+
/** Ochre Text Accent Hover Default */
|
|
418
352
|
var personasOchreTextAccentHover = 'var(--personas-ochre-text-accent-hover, #F7C8B6FF)';
|
|
419
353
|
|
|
420
|
-
/**
|
|
354
|
+
/** Inverse Surface Accent Secondary */
|
|
421
355
|
var inverseSurfaceAccentSecondary = 'var(--inverse-surface-accent-secondary, #41BDA1)';
|
|
422
356
|
|
|
423
|
-
/**
|
|
357
|
+
/** Light Background Hardline */
|
|
424
358
|
var lightBackgroundHardline = 'var(--light-background-hardline, #FFFFFF)';
|
|
425
359
|
|
|
426
|
-
/**
|
|
360
|
+
/** Sea Blue Text Accent Active On Dark */
|
|
427
361
|
var onDarkPersonasSeaBlueTextAccentActive = 'var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)';
|
|
428
362
|
|
|
429
|
-
/**
|
|
363
|
+
/** On Light Surface Transparent Accent Minor */
|
|
430
364
|
var onLightSurfaceTransparentAccentMinor = 'var(--on-light-surface-transparent-accent-minor, #0BA6863D)';
|
|
431
365
|
|
|
432
|
-
/**
|
|
366
|
+
/** On Light Personas Green Text Accent */
|
|
433
367
|
var onLightPersonasGreenTextAccent = 'var(--on-light-personas-green-text-accent, #038768)';
|
|
434
368
|
|
|
369
|
+
/** Primary Active On Light */
|
|
370
|
+
var onLightOutlinePrimaryActive = 'var(--on-light-outline-primary-active, #C4BEBAFF)';
|
|
371
|
+
|
|
372
|
+
/** Blue Text Accent Active Inverse */
|
|
373
|
+
var inversePersonasBlueTextAccentActive = 'var(--inverse-personas-blue-text-accent-active, #0D4F96FF)';
|
|
374
|
+
|
|
375
|
+
/** Transparent Accent Minor Active Inverse */
|
|
376
|
+
var inverseSurfaceTransparentAccentMinorActive = 'var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)';
|
|
377
|
+
|
|
435
378
|
/** Основной цвет текста */
|
|
436
379
|
var textPrimaryBrightnessHover = 'var(--text-primary-brightness-hover, #FAFAFA93)';
|
|
437
380
|
|
|
438
381
|
/** Основной цвет текста на темном фоне */
|
|
439
382
|
var onDarkTextPrimaryBrightnessHover = 'var(--on-dark-text-primary-brightness-hover, #FAFAFA93)';
|
|
440
383
|
|
|
441
|
-
/**
|
|
442
|
-
var
|
|
443
|
-
|
|
444
|
-
/** null */
|
|
445
|
-
var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
|
|
446
|
-
|
|
447
|
-
/** null */
|
|
448
|
-
var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
|
|
449
|
-
|
|
450
|
-
/** null */
|
|
451
|
-
var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
|
|
452
|
-
|
|
453
|
-
/** null */
|
|
454
|
-
var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
|
|
455
|
-
|
|
456
|
-
/** null */
|
|
457
|
-
var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
|
|
458
|
-
|
|
459
|
-
/** null */
|
|
460
|
-
var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
|
|
461
|
-
|
|
462
|
-
/** null */
|
|
463
|
-
var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
|
|
464
|
-
|
|
465
|
-
/** null */
|
|
466
|
-
var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
|
|
467
|
-
|
|
468
|
-
/** null */
|
|
469
|
-
var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
|
|
384
|
+
/** On Dark Personas Sea Blue Text Accent */
|
|
385
|
+
var onDarkPersonasSeaBlueTextAccent = 'var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)';
|
|
470
386
|
|
|
471
|
-
/**
|
|
472
|
-
var
|
|
387
|
+
/** Blue Text Accent Active On Light */
|
|
388
|
+
var onLightPersonasBlueTextAccentActive = 'var(--on-light-personas-blue-text-accent-active, #0D4F96FF)';
|
|
473
389
|
|
|
474
|
-
/**
|
|
475
|
-
var
|
|
390
|
+
/** Default Active On Light */
|
|
391
|
+
var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #E6E6E6FF)';
|
|
476
392
|
|
|
477
|
-
/**
|
|
478
|
-
var
|
|
393
|
+
/** Цвет предупреждения на светлом фоне */
|
|
394
|
+
var onLightTextWarningActive = 'var(--on-light-text-warning-active, #6F2D06FF)';
|
|
479
395
|
|
|
480
|
-
/**
|
|
396
|
+
/** Transparent Navi Hover Default */
|
|
481
397
|
var surfaceTransparentNaviHover = 'var(--surface-transparent-navi-hover, #242424B8)';
|
|
482
398
|
|
|
483
|
-
/**
|
|
399
|
+
/** Transparent Accent Minor Hover On Light */
|
|
484
400
|
var onLightSurfaceTransparentAccentMinorHover = 'var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)';
|
|
485
401
|
|
|
486
|
-
/**
|
|
402
|
+
/** Green Text Accent Hover On Light */
|
|
487
403
|
var onLightPersonasGreenTextAccentHover = 'var(--on-light-personas-green-text-accent-hover, #04D7A6FF)';
|
|
488
404
|
|
|
489
|
-
/**
|
|
405
|
+
/** Default Hover Default */
|
|
490
406
|
var outlineDefaultHover = 'var(--outline-default-hover, #858585FF)';
|
|
491
407
|
|
|
492
|
-
/**
|
|
408
|
+
/** Primary Hover On Dark */
|
|
493
409
|
var onDarkOutlinePrimaryHover = 'var(--on-dark-outline-primary-hover, #6B6461FF)';
|
|
494
410
|
|
|
495
|
-
/**
|
|
411
|
+
/** Pink Text Accent Hover On Dark */
|
|
496
412
|
var onDarkPersonasPinkTextAccentHover = 'var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)';
|
|
497
413
|
|
|
498
|
-
/**
|
|
414
|
+
/** Primary Hover Default */
|
|
499
415
|
var outlinePrimaryHover = 'var(--outline-primary-hover, #91847EFF)';
|
|
500
416
|
|
|
501
|
-
/**
|
|
417
|
+
/** Indigo Text Accent Hover Inverse */
|
|
502
418
|
var inversePersonasIndigoTextAccentHover = 'var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)';
|
|
503
419
|
|
|
504
|
-
/**
|
|
420
|
+
/** Pink Text Accent Hover Inverse */
|
|
505
421
|
var inversePersonasPinkTextAccentHover = 'var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)';
|
|
506
422
|
|
|
507
|
-
/**
|
|
423
|
+
/** Olive Text Accent Hover Default */
|
|
508
424
|
var personasOliveTextAccentHover = 'var(--personas-olive-text-accent-hover, #A6D4A5FF)';
|
|
509
425
|
|
|
510
|
-
/**
|
|
426
|
+
/** Ochre Text Accent Hover Inverse */
|
|
511
427
|
var inversePersonasOchreTextAccentHover = 'var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)';
|
|
512
428
|
|
|
513
|
-
/**
|
|
429
|
+
/** Transparent Navi Hover Inverse */
|
|
514
430
|
var inverseSurfaceTransparentNaviHover = 'var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)';
|
|
515
431
|
|
|
516
|
-
/**
|
|
432
|
+
/** Olive Text Accent Hover On Light */
|
|
517
433
|
var onLightPersonasOliveTextAccentHover = 'var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)';
|
|
518
434
|
|
|
519
|
-
/**
|
|
435
|
+
/** Violet Text Accent Hover On Light */
|
|
520
436
|
var onLightPersonasVioletTextAccentHover = 'var(--on-light-personas-violet-text-accent-hover, #B740C9FF)';
|
|
521
437
|
|
|
522
|
-
/**
|
|
438
|
+
/** Ochre Text Accent Hover On Light */
|
|
523
439
|
var onLightPersonasOchreTextAccentHover = 'var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)';
|
|
524
440
|
|
|
525
|
-
/**
|
|
441
|
+
/** Indigo Text Accent Hover On Dark */
|
|
526
442
|
var onDarkPersonasIndigoTextAccentHover = 'var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)';
|
|
527
443
|
|
|
528
|
-
/**
|
|
444
|
+
/** On Dark Personas Ochre Text Accent */
|
|
529
445
|
var onDarkPersonasOchreTextAccent = 'var(--on-dark-personas-ochre-text-accent, #F4B49B)';
|
|
530
446
|
|
|
531
|
-
/**
|
|
532
|
-
var
|
|
533
|
-
|
|
534
|
-
/** null */
|
|
535
|
-
var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
|
|
536
|
-
|
|
537
|
-
/** null */
|
|
538
|
-
var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
|
|
447
|
+
/** Green Text Accent Active On Dark */
|
|
448
|
+
var onDarkPersonasGreenTextAccentActive = 'var(--on-dark-personas-green-text-accent-active, #54CFB0FF)';
|
|
539
449
|
|
|
540
|
-
/**
|
|
541
|
-
var
|
|
450
|
+
/** Ochre Text Accent Active On Dark */
|
|
451
|
+
var onDarkPersonasOchreTextAccentActive = 'var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)';
|
|
542
452
|
|
|
543
|
-
/**
|
|
544
|
-
var
|
|
453
|
+
/** Transparent Accent Minor Active Default */
|
|
454
|
+
var surfaceTransparentAccentMinorActive = 'var(--surface-transparent-accent-minor-active, #0BA88838)';
|
|
545
455
|
|
|
546
|
-
/**
|
|
547
|
-
var
|
|
456
|
+
/** Default Hover Inverse */
|
|
457
|
+
var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #CCCCCCFF)';
|
|
548
458
|
|
|
549
|
-
/**
|
|
550
|
-
var
|
|
459
|
+
/** Personas Violet Text Accent */
|
|
460
|
+
var personasVioletTextAccent = 'var(--personas-violet-text-accent, #9E32AF)';
|
|
551
461
|
|
|
552
|
-
/**
|
|
553
|
-
var
|
|
462
|
+
/** Primary Hover Inverse */
|
|
463
|
+
var inverseOutlinePrimaryHover = 'var(--inverse-outline-primary-hover, #ADA39FFF)';
|
|
554
464
|
|
|
555
|
-
/**
|
|
556
|
-
var
|
|
465
|
+
/** Sea Blue Text Accent Hover Inverse */
|
|
466
|
+
var inversePersonasSeaBlueTextAccentHover = 'var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)';
|
|
557
467
|
|
|
558
|
-
/**
|
|
559
|
-
var
|
|
468
|
+
/** Blue Text Accent Hover Inverse */
|
|
469
|
+
var inversePersonasBlueTextAccentHover = 'var(--inverse-personas-blue-text-accent-hover, #1477E1FF)';
|
|
560
470
|
|
|
561
|
-
/**
|
|
562
|
-
var
|
|
471
|
+
/** Violet Text Accent Hover Inverse */
|
|
472
|
+
var inversePersonasVioletTextAccentHover = 'var(--inverse-personas-violet-text-accent-hover, #B740C9FF)';
|
|
563
473
|
|
|
564
|
-
/**
|
|
565
|
-
var
|
|
474
|
+
/** Transparent Accent Minor Hover Inverse */
|
|
475
|
+
var inverseSurfaceTransparentAccentMinorHover = 'var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)';
|
|
566
476
|
|
|
567
|
-
/**
|
|
568
|
-
var
|
|
477
|
+
/** Blue Text Accent Hover On Light */
|
|
478
|
+
var onLightPersonasBlueTextAccentHover = 'var(--on-light-personas-blue-text-accent-hover, #1477E1FF)';
|
|
569
479
|
|
|
570
|
-
/**
|
|
571
|
-
var
|
|
480
|
+
/** Transparent Navi Hover On Dark */
|
|
481
|
+
var onDarkSurfaceTransparentNaviHover = 'var(--on-dark-surface-transparent-navi-hover, #242424B8)';
|
|
572
482
|
|
|
573
|
-
/**
|
|
574
|
-
var
|
|
483
|
+
/** Accent Secondary Hover On Light */
|
|
484
|
+
var onLightSurfaceAccentSecondaryHover = 'var(--on-light-surface-accent-secondary-hover, #50C3A8FF)';
|
|
575
485
|
|
|
576
|
-
/**
|
|
577
|
-
var
|
|
486
|
+
/** Personas Blue Text Accent */
|
|
487
|
+
var personasBlueTextAccent = 'var(--personas-blue-text-accent, #79B3F2)';
|
|
578
488
|
|
|
579
|
-
/**
|
|
580
|
-
var
|
|
489
|
+
/** Personas Sea Blue Text Accent */
|
|
490
|
+
var personasSeaBlueTextAccent = 'var(--personas-sea-blue-text-accent, #00898D)';
|
|
581
491
|
|
|
582
|
-
/**
|
|
583
|
-
var
|
|
492
|
+
/** Violet Text Accent Hover Default */
|
|
493
|
+
var personasVioletTextAccentHover = 'var(--personas-violet-text-accent-hover, #B438C7FF)';
|
|
584
494
|
|
|
585
|
-
/**
|
|
586
|
-
var
|
|
495
|
+
/** Background Hardline */
|
|
496
|
+
var backgroundHardline = 'var(--background-hardline, #000000)';
|
|
587
497
|
|
|
588
498
|
/** Основной цвет текста на светлом фоне */
|
|
589
499
|
var onLightTextPrimaryBrightnessHover = 'var(--on-light-text-primary-brightness-hover, #17171793)';
|
|
@@ -600,11 +510,56 @@ var onDarkSurfaceSolidPrimaryBrightnessHover = 'var(--on-dark-surface-solid-prim
|
|
|
600
510
|
/** Инвертированный основной фон для карточек */
|
|
601
511
|
var inverseSurfaceSolidCardBrightnessHover = 'var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)';
|
|
602
512
|
|
|
603
|
-
/**
|
|
513
|
+
/** Inverse Personas Blue Text Accent */
|
|
514
|
+
var inversePersonasBlueTextAccent = 'var(--inverse-personas-blue-text-accent, #1063BA)';
|
|
515
|
+
|
|
516
|
+
/** Blue Text Accent Active Default */
|
|
517
|
+
var personasBlueTextAccentActive = 'var(--personas-blue-text-accent-active, #5DA3EFFF)';
|
|
518
|
+
|
|
519
|
+
/** Accent Secondary Active Default */
|
|
520
|
+
var surfaceAccentSecondaryActive = 'var(--surface-accent-secondary-active, #59C5ACFF)';
|
|
521
|
+
|
|
522
|
+
/** Surface Transparent Accent Minor */
|
|
523
|
+
var surfaceTransparentAccentMinor = 'var(--surface-transparent-accent-minor, #0BA68647)';
|
|
524
|
+
|
|
525
|
+
/** Inverse Personas Sea Blue Text Accent */
|
|
526
|
+
var inversePersonasSeaBlueTextAccent = 'var(--inverse-personas-sea-blue-text-accent, #7BC8C8)';
|
|
527
|
+
|
|
528
|
+
/** On Dark Personas Pink Text Accent */
|
|
529
|
+
var onDarkPersonasPinkTextAccent = 'var(--on-dark-personas-pink-text-accent, #F7A4A4)';
|
|
530
|
+
|
|
531
|
+
/** Personas Pink Text Accent */
|
|
604
532
|
var personasPinkTextAccent = 'var(--personas-pink-text-accent, #DE5555)';
|
|
605
533
|
|
|
606
|
-
/**
|
|
607
|
-
var
|
|
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
|
+
|
|
543
|
+
/** On Dark Surface Transparent Navi */
|
|
544
|
+
var onDarkSurfaceTransparentNavi = 'var(--on-dark-surface-transparent-navi, #23232399)';
|
|
545
|
+
|
|
546
|
+
/** Inverse Outline Primary */
|
|
547
|
+
var inverseOutlinePrimary = 'var(--inverse-outline-primary, #DDD9D7)';
|
|
548
|
+
|
|
549
|
+
/** Olive Text Accent Active Inverse */
|
|
550
|
+
var inversePersonasOliveTextAccentActive = 'var(--inverse-personas-olive-text-accent-active, #179315FF)';
|
|
551
|
+
|
|
552
|
+
/** On Dark Outline Default */
|
|
553
|
+
var onDarkOutlineDefault = 'var(--on-dark-outline-default, #383838)';
|
|
554
|
+
|
|
555
|
+
/** Personas Green Text Accent */
|
|
556
|
+
var personasGreenTextAccent = 'var(--personas-green-text-accent, #038768)';
|
|
557
|
+
|
|
558
|
+
/** Dark Background Hardline */
|
|
559
|
+
var darkBackgroundHardline = 'var(--dark-background-hardline, #000000)';
|
|
560
|
+
|
|
561
|
+
/** On Dark Outline Primary */
|
|
562
|
+
var onDarkOutlinePrimary = 'var(--on-dark-outline-primary, #3B3735)';
|
|
608
563
|
|
|
609
564
|
/** Основной цвет текста на темном фоне */
|
|
610
565
|
var onDarkTextPrimaryBrightnessActive = 'var(--on-dark-text-primary-brightness-active, #FAFAFAC4)';
|
|
@@ -615,17 +570,59 @@ var onLightTextPrimaryBrightnessActive = 'var(--on-light-text-primary-brightness
|
|
|
615
570
|
/** Инвертированный основной цвет текста */
|
|
616
571
|
var inverseTextPrimaryBrightnessActive = 'var(--inverse-text-primary-brightness-active, #171717C4)';
|
|
617
572
|
|
|
618
|
-
/**
|
|
573
|
+
/** Personas Indigo Text Accent */
|
|
619
574
|
var personasIndigoTextAccent = 'var(--personas-indigo-text-accent, #BD91F5)';
|
|
620
575
|
|
|
621
|
-
/**
|
|
576
|
+
/** Ochre Text Accent Hover On Dark */
|
|
622
577
|
var onDarkPersonasOchreTextAccentHover = 'var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)';
|
|
623
578
|
|
|
624
|
-
/**
|
|
579
|
+
/** Indigo Text Accent Active On Dark */
|
|
625
580
|
var onDarkPersonasIndigoTextAccentActive = 'var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)';
|
|
626
581
|
|
|
627
|
-
/**
|
|
628
|
-
var
|
|
582
|
+
/** Pink Text Accent Hover Default */
|
|
583
|
+
var personasPinkTextAccentHover = 'var(--personas-pink-text-accent-hover, #E26E6EFF)';
|
|
584
|
+
|
|
585
|
+
/** On Dark Personas Green Text Accent */
|
|
586
|
+
var onDarkPersonasGreenTextAccent = 'var(--on-dark-personas-green-text-accent, #6CD5BB)';
|
|
587
|
+
|
|
588
|
+
/** Transparent Accent Minor Hover Default */
|
|
589
|
+
var surfaceTransparentAccentMinorHover = 'var(--surface-transparent-accent-minor-hover, #0BA88866)';
|
|
590
|
+
|
|
591
|
+
/** Transparent Navi Active On Dark */
|
|
592
|
+
var onDarkSurfaceTransparentNaviActive = 'var(--on-dark-surface-transparent-navi-active, #2424248A)';
|
|
593
|
+
|
|
594
|
+
/** Ochre Text Accent Active Inverse */
|
|
595
|
+
var inversePersonasOchreTextAccentActive = 'var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)';
|
|
596
|
+
|
|
597
|
+
/** Transparent Navi Active Inverse */
|
|
598
|
+
var inverseSurfaceTransparentNaviActive = 'var(--inverse-surface-transparent-navi-active, #FFFFFFAD)';
|
|
599
|
+
|
|
600
|
+
/** Olive Text Accent Active On Light */
|
|
601
|
+
var onLightPersonasOliveTextAccentActive = 'var(--on-light-personas-olive-text-accent-active, #179315FF)';
|
|
602
|
+
|
|
603
|
+
/** Pink Text Accent Active Default */
|
|
604
|
+
var personasPinkTextAccentActive = 'var(--personas-pink-text-accent-active, #D83B3BFF)';
|
|
605
|
+
|
|
606
|
+
/** Blue Text Accent Active On Dark */
|
|
607
|
+
var onDarkPersonasBlueTextAccentActive = 'var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)';
|
|
608
|
+
|
|
609
|
+
/** Sea Blue Text Accent Active On Light */
|
|
610
|
+
var onLightPersonasSeaBlueTextAccentActive = 'var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)';
|
|
611
|
+
|
|
612
|
+
/** On Light Outline Default */
|
|
613
|
+
var onLightOutlineDefault = 'var(--on-light-outline-default, #FFFFFF)';
|
|
614
|
+
|
|
615
|
+
/** Transparent Accent Minor Hover On Dark */
|
|
616
|
+
var onDarkSurfaceTransparentAccentMinorHover = 'var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)';
|
|
617
|
+
|
|
618
|
+
/** On Light Surface Accent Secondary */
|
|
619
|
+
var onLightSurfaceAccentSecondary = 'var(--on-light-surface-accent-secondary, #41BDA1)';
|
|
620
|
+
|
|
621
|
+
/** On Light Personas Pink Text Accent */
|
|
622
|
+
var onLightPersonasPinkTextAccent = 'var(--on-light-personas-pink-text-accent, #DE5555)';
|
|
623
|
+
|
|
624
|
+
/** Inverse Personas Olive Text Accent */
|
|
625
|
+
var inversePersonasOliveTextAccent = 'var(--inverse-personas-olive-text-accent, #127210)';
|
|
629
626
|
|
|
630
627
|
/** Сплошной наборный текст */
|
|
631
628
|
var textParagraphActive = 'var(--text-paragraph-active, #F5F1EF93)';
|
|
@@ -711,8 +708,8 @@ var textPrimaryBrightness = 'var(--text-primary-brightness, #FAFAFAF5)';
|
|
|
711
708
|
/** Сплошной наборный текст */
|
|
712
709
|
var textParagraph = 'var(--text-paragraph, #F6F2F07A)';
|
|
713
710
|
|
|
714
|
-
/** Сплошной наборный текст
|
|
715
|
-
var
|
|
711
|
+
/** Сплошной наборный текст */
|
|
712
|
+
var textParagraphHover = 'var(--text-paragraph-hover, #F5F1EFFF)';
|
|
716
713
|
|
|
717
714
|
/** Сплошной наборный текст на темном фоне */
|
|
718
715
|
var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F1EF93)';
|
|
@@ -801,8 +798,8 @@ var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #FFFFFF97)';
|
|
|
801
798
|
/** Сплошной наборный текст на темном фоне */
|
|
802
799
|
var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F6F2F07A)';
|
|
803
800
|
|
|
804
|
-
/**
|
|
805
|
-
var
|
|
801
|
+
/** Сплошной наборный текст на темном фоне */
|
|
802
|
+
var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F1EFFF)';
|
|
806
803
|
|
|
807
804
|
/** Основной цвет текста на светлом фоне */
|
|
808
805
|
var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #171717F5)';
|
|
@@ -873,6 +870,9 @@ var onLightTextPrimary = 'var(--on-light-text-primary, #15110FFC)';
|
|
|
873
870
|
/** Основной цвет текста на светлом фоне */
|
|
874
871
|
var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #15110F97)';
|
|
875
872
|
|
|
873
|
+
/** Основной цвет текста на светлом фоне */
|
|
874
|
+
var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #15110FCA)';
|
|
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 inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
|
|
953
|
-
|
|
954
951
|
/** Инвертированный цвет ошибки */
|
|
955
952
|
var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #AF181DFF)';
|
|
956
953
|
|
|
@@ -1011,8 +1008,8 @@ var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #185E17FF)'
|
|
|
1011
1008
|
/** Инвертированный цвет ошибки */
|
|
1012
1009
|
var inverseTextNegative = 'var(--inverse-text-negative, #D11D23)';
|
|
1013
1010
|
|
|
1014
|
-
/**
|
|
1015
|
-
var
|
|
1011
|
+
/** Инвертированный цвет ошибки */
|
|
1012
|
+
var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #E3353BFF)';
|
|
1016
1013
|
|
|
1017
1014
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
1018
1015
|
var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF1A)';
|
|
@@ -1113,8 +1110,8 @@ var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active,
|
|
|
1113
1110
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
1114
1111
|
var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #FFFFFF29)';
|
|
1115
1112
|
|
|
1116
|
-
/**
|
|
1117
|
-
var
|
|
1113
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
1114
|
+
var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF47)';
|
|
1118
1115
|
|
|
1119
1116
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
1120
1117
|
var surfaceWarningActive = 'var(--surface-warning-active, #F8A977FF)';
|
|
@@ -1149,6 +1146,15 @@ var surfacePositiveHover = 'var(--surface-positive-hover, #B3D9B0FF)';
|
|
|
1149
1146
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
1150
1147
|
var surfaceWarning = 'var(--surface-warning, #F8AD80)';
|
|
1151
1148
|
|
|
1149
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
1150
|
+
var surfaceWarningHover = 'var(--surface-warning-hover, #F9BB94FF)';
|
|
1151
|
+
|
|
1152
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1153
|
+
var surfaceTransparentNegative = 'var(--surface-transparent-negative, #F8A6A980)';
|
|
1154
|
+
|
|
1155
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1156
|
+
var surfaceTransparentNegativeHover = 'var(--surface-transparent-negative-hover, #F8A5A89E)';
|
|
1157
|
+
|
|
1152
1158
|
/** Цвет для readOnly */
|
|
1153
1159
|
var surfaceReadOnly = 'var(--surface-read-only, #F9F9F905)';
|
|
1154
1160
|
|
|
@@ -1185,8 +1191,8 @@ var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #474747)
|
|
|
1185
1191
|
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
1186
1192
|
var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertiary-hover, #525252FF)';
|
|
1187
1193
|
|
|
1188
|
-
/**
|
|
1189
|
-
var
|
|
1194
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
1195
|
+
var surfaceTransparentNegativeActive = 'var(--surface-transparent-negative-active, #F8A5A870)';
|
|
1190
1196
|
|
|
1191
1197
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1192
1198
|
var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)';
|
|
@@ -1272,6 +1278,9 @@ var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-p
|
|
|
1272
1278
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1273
1279
|
var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #FFFFFF29)';
|
|
1274
1280
|
|
|
1281
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
1282
|
+
var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)';
|
|
1283
|
+
|
|
1275
1284
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
1276
1285
|
var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #A6D2A2)';
|
|
1277
1286
|
|
|
@@ -1353,8 +1362,14 @@ var onLightSurfaceSolidTertiary = 'var(--on-light-surface-solid-tertiary, #FFFFF
|
|
|
1353
1362
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
1354
1363
|
var onLightSurfaceSolidTertiaryHover = 'var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)';
|
|
1355
1364
|
|
|
1356
|
-
/**
|
|
1357
|
-
var
|
|
1365
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1366
|
+
var onDarkSurfaceTransparentNegativeActive = 'var(--on-dark-surface-transparent-negative-active, #F8A5A870)';
|
|
1367
|
+
|
|
1368
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1369
|
+
var onDarkSurfaceTransparentNegative = 'var(--on-dark-surface-transparent-negative, #F8A6A980)';
|
|
1370
|
+
|
|
1371
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
1372
|
+
var onDarkSurfaceTransparentNegativeHover = 'var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)';
|
|
1358
1373
|
|
|
1359
1374
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1360
1375
|
var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #15110F1F)';
|
|
@@ -1440,6 +1455,9 @@ var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent
|
|
|
1440
1455
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1441
1456
|
var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #15110F14)';
|
|
1442
1457
|
|
|
1458
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
1459
|
+
var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #15110F1A)';
|
|
1460
|
+
|
|
1443
1461
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
1444
1462
|
var onLightSurfacePositive = 'var(--on-light-surface-positive, #239322)';
|
|
1445
1463
|
|
|
@@ -1485,6 +1503,12 @@ var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent
|
|
|
1485
1503
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
1486
1504
|
var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #0BA8882E)';
|
|
1487
1505
|
|
|
1506
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1507
|
+
var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, #E8343929)';
|
|
1508
|
+
|
|
1509
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1510
|
+
var onLightSurfaceTransparentNegativeHover = 'var(--on-light-surface-transparent-negative-hover, #E9353B38)';
|
|
1511
|
+
|
|
1488
1512
|
/** Цвет для readOnly */
|
|
1489
1513
|
var onLightSurfaceReadOnly = 'var(--on-light-surface-read-only, #F9F9F903)';
|
|
1490
1514
|
|
|
@@ -1515,8 +1539,8 @@ var inverseSurfaceSolidSecondaryHover = 'var(--inverse-surface-solid-secondary-h
|
|
|
1515
1539
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1516
1540
|
var inverseSurfaceSolidSecondaryActive = 'var(--inverse-surface-solid-secondary-active, #FFFFFFFF)';
|
|
1517
1541
|
|
|
1518
|
-
/**
|
|
1519
|
-
var
|
|
1542
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1543
|
+
var onLightSurfaceTransparentNegativeActive = 'var(--on-light-surface-transparent-negative-active, #E9353B3D)';
|
|
1520
1544
|
|
|
1521
1545
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1522
1546
|
var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #15110F1A)';
|
|
@@ -1602,6 +1626,9 @@ var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-p
|
|
|
1602
1626
|
/** Инвертированный основной прозрачный фон поверхности/контрола */
|
|
1603
1627
|
var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #15110F0F)';
|
|
1604
1628
|
|
|
1629
|
+
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1630
|
+
var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #15110F14)';
|
|
1631
|
+
|
|
1605
1632
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1606
1633
|
var inverseSurfacePositive = 'var(--inverse-surface-positive, #239322)';
|
|
1607
1634
|
|
|
@@ -1656,6 +1683,12 @@ var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-a
|
|
|
1656
1683
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1657
1684
|
var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #099579FF)';
|
|
1658
1685
|
|
|
1686
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1687
|
+
var inverseSurfaceTransparentNegativeActive = 'var(--inverse-surface-transparent-negative-active, #E9353B3D)';
|
|
1688
|
+
|
|
1689
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1690
|
+
var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, #E8343929)';
|
|
1691
|
+
|
|
1659
1692
|
/** Цвет для readOnly */
|
|
1660
1693
|
var inverseSurfaceReadOnly = 'var(--inverse-surface-read-only, #F9F9F903)';
|
|
1661
1694
|
|
|
@@ -1686,8 +1719,8 @@ var darkBackgroundTertiary = 'var(--dark-background-tertiary, #141413)';
|
|
|
1686
1719
|
/** Основной фон на светлом фоне */
|
|
1687
1720
|
var lightBackgroundPrimary = 'var(--light-background-primary, #EBE7E5)';
|
|
1688
1721
|
|
|
1689
|
-
/**
|
|
1690
|
-
var
|
|
1722
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1723
|
+
var inverseSurfaceTransparentNegativeHover = 'var(--inverse-surface-transparent-negative-hover, #E9353B38)';
|
|
1691
1724
|
|
|
1692
1725
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1693
1726
|
var inverseOverlaySoft = 'var(--inverse-overlay-soft, #0000003D)';
|
|
@@ -1734,6 +1767,9 @@ var inverseBackgroundPrimary = 'var(--inverse-background-primary, #EBE7E5)';
|
|
|
1734
1767
|
/** Цвет фона паранжи светлый на светлом фоне */
|
|
1735
1768
|
var onLightOverlaySoft = 'var(--on-light-overlay-soft, #0000003D)';
|
|
1736
1769
|
|
|
1770
|
+
/** Цвет фона паранжи темный на светлом фоне */
|
|
1771
|
+
var onLightOverlayHard = 'var(--on-light-overlay-hard, #00000052)';
|
|
1772
|
+
|
|
1737
1773
|
/** Цвет обводки успех */
|
|
1738
1774
|
var outlinePositive = 'var(--outline-positive, #A6D2A2)';
|
|
1739
1775
|
|
|
@@ -1896,9 +1932,6 @@ var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
|
|
|
1896
1932
|
/** Инвертированная бесцветная обводка */
|
|
1897
1933
|
var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
|
|
1898
1934
|
|
|
1899
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1900
|
-
var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
|
|
1901
|
-
|
|
1902
1935
|
/** Инвертированный цвет обводки предупреждение */
|
|
1903
1936
|
var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #A3420AFF)';
|
|
1904
1937
|
|
|
@@ -1932,6 +1965,9 @@ var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #32CA2F
|
|
|
1932
1965
|
/** Инвертированный цвет обводки предупреждение */
|
|
1933
1966
|
var inverseOutlineWarning = 'var(--inverse-outline-warning, #BE4E0C)';
|
|
1934
1967
|
|
|
1968
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1969
|
+
var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #F3813FFF)';
|
|
1970
|
+
|
|
1935
1971
|
/** Основной цвет текста */
|
|
1936
1972
|
var textPrimaryHover = 'var(--text-primary-hover, #FFFFFF97)';
|
|
1937
1973
|
|
|
@@ -1944,174 +1980,174 @@ var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-activ
|
|
|
1944
1980
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1945
1981
|
var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #C7F0E5FF)';
|
|
1946
1982
|
|
|
1947
|
-
/**
|
|
1983
|
+
/** On Dark Personas Indigo Surface Accent Gradient */
|
|
1948
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%))';
|
|
1949
1985
|
|
|
1950
|
-
/**
|
|
1951
|
-
var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(0deg, #FFFFFF 0.0%, #FFFFFF 50.4%, #FFFFFF 100.0%, #FFFFFF 100.0%))';
|
|
1952
|
-
|
|
1953
|
-
/** null */
|
|
1954
|
-
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%))';
|
|
1955
|
-
|
|
1956
|
-
/** null */
|
|
1957
|
-
var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
1958
|
-
|
|
1959
|
-
/** null */
|
|
1986
|
+
/** On Light Outline White Gradient */
|
|
1960
1987
|
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%))';
|
|
1961
1988
|
|
|
1962
|
-
/**
|
|
1963
|
-
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%))';
|
|
1964
|
-
|
|
1965
|
-
/** null */
|
|
1966
|
-
var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
1967
|
-
|
|
1968
|
-
/** null */
|
|
1989
|
+
/** On Dark Personas Blue Surface Accent Gradient */
|
|
1969
1990
|
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%))';
|
|
1970
1991
|
|
|
1971
|
-
/**
|
|
1992
|
+
/** Inverse Personas Indigo Surface Accent Gradient */
|
|
1972
1993
|
var inversePersonasIndigoSurfaceAccentGradient = 'var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
|
|
1973
1994
|
|
|
1974
|
-
/**
|
|
1995
|
+
/** Outline White Gradient */
|
|
1975
1996
|
var outlineWhiteGradient = 'var(--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%))';
|
|
1976
1997
|
|
|
1977
|
-
/**
|
|
1998
|
+
/** Personas Green Surface Accent Gradient */
|
|
1978
1999
|
var personasGreenSurfaceAccentGradient = 'var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
|
|
1979
2000
|
|
|
1980
|
-
/**
|
|
2001
|
+
/** Inverse Personas Sea Blue Surface Accent Gradient */
|
|
1981
2002
|
var inversePersonasSeaBlueSurfaceAccentGradient = 'var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))';
|
|
1982
2003
|
|
|
1983
|
-
/**
|
|
2004
|
+
/** On Light Personas Pink Surface Accent Gradient */
|
|
1984
2005
|
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%))';
|
|
1985
2006
|
|
|
1986
|
-
/**
|
|
2007
|
+
/** Inverse Text Accent Gradient AI */
|
|
1987
2008
|
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%))';
|
|
1988
2009
|
|
|
1989
|
-
/**
|
|
2010
|
+
/** On Dark Personas Ochre Surface Accent Gradient */
|
|
1990
2011
|
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%))';
|
|
1991
2012
|
|
|
1992
|
-
/**
|
|
2013
|
+
/** Personas Sea Blue Surface Accent Gradient */
|
|
1993
2014
|
var personasSeaBlueSurfaceAccentGradient = 'var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))';
|
|
1994
2015
|
|
|
1995
|
-
/**
|
|
2016
|
+
/** Inverse Personas Pink Surface Accent Gradient */
|
|
1996
2017
|
var inversePersonasPinkSurfaceAccentGradient = 'var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
|
|
1997
2018
|
|
|
1998
|
-
/**
|
|
1999
|
-
var onLightSurfaceSkeletonGradient = 'var(--on-light-surface-skeleton-gradient, linear-gradient(
|
|
2019
|
+
/** On Light Surface Skeleton Gradient */
|
|
2020
|
+
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%))';
|
|
2000
2021
|
|
|
2001
|
-
/**
|
|
2022
|
+
/** Inverse Personas Ochre Surface Accent Gradient */
|
|
2002
2023
|
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%))';
|
|
2003
2024
|
|
|
2004
|
-
/**
|
|
2025
|
+
/** Dark Background Gradient */
|
|
2005
2026
|
var darkBackgroundGradient = 'var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
2006
2027
|
|
|
2007
|
-
/**
|
|
2028
|
+
/** On Dark Personas Sea Blue Surface Accent Gradient */
|
|
2008
2029
|
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%))';
|
|
2009
2030
|
|
|
2010
|
-
/**
|
|
2011
|
-
var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(
|
|
2031
|
+
/** On Dark Surface Skeleton Gradient */
|
|
2032
|
+
var onDarkSurfaceSkeletonGradient = 'var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
|
|
2012
2033
|
|
|
2013
|
-
/**
|
|
2034
|
+
/** Inverse Background Gradient */
|
|
2014
2035
|
var inverseBackgroundGradient = 'var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
2015
2036
|
|
|
2016
|
-
/**
|
|
2037
|
+
/** Inverse Overlay Gradient */
|
|
2017
2038
|
var inverseOverlayGradient = 'var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
2018
2039
|
|
|
2019
|
-
/**
|
|
2040
|
+
/** Personas Pink Surface Accent Gradient */
|
|
2020
2041
|
var personasPinkSurfaceAccentGradient = 'var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))';
|
|
2021
2042
|
|
|
2022
|
-
/**
|
|
2043
|
+
/** On Light Personas Olive Surface Accent Gradient */
|
|
2023
2044
|
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%))';
|
|
2024
2045
|
|
|
2025
|
-
/**
|
|
2046
|
+
/** Inverse Surface Accent Gradient Secondary */
|
|
2026
2047
|
var inverseSurfaceAccentGradientSecondary = 'var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2027
2048
|
|
|
2028
|
-
/**
|
|
2049
|
+
/** On Light Text Accent Gradient AI */
|
|
2029
2050
|
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%))';
|
|
2030
2051
|
|
|
2031
|
-
/**
|
|
2052
|
+
/** Light Background Gradient */
|
|
2032
2053
|
var lightBackgroundGradient = 'var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))';
|
|
2033
2054
|
|
|
2034
|
-
/**
|
|
2055
|
+
/** Surface Skeleton Gradient */
|
|
2056
|
+
var surfaceSkeletonGradient = 'var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))';
|
|
2057
|
+
|
|
2058
|
+
/** Overlay Gradient */
|
|
2059
|
+
var overlayGradient = 'var(--overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
2060
|
+
|
|
2061
|
+
/** On Dark Overlay Gradient */
|
|
2035
2062
|
var onDarkOverlayGradient = 'var(--on-dark-overlay-gradient, linear-gradient(180deg, #000000 0.0%, #000000 100.0%))';
|
|
2036
2063
|
|
|
2037
|
-
/**
|
|
2038
|
-
var
|
|
2064
|
+
/** Background Gradient */
|
|
2065
|
+
var backgroundGradient = 'var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))';
|
|
2039
2066
|
|
|
2040
|
-
/**
|
|
2041
|
-
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%))';
|
|
2042
2069
|
|
|
2043
|
-
/**
|
|
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%))';
|
|
2072
|
+
|
|
2073
|
+
/** On Light Personas Ochre Surface Accent Gradient */
|
|
2044
2074
|
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%))';
|
|
2045
2075
|
|
|
2046
|
-
/**
|
|
2076
|
+
/** Surface Accent Gradient Secondary */
|
|
2047
2077
|
var surfaceAccentGradientSecondary = 'var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))';
|
|
2048
2078
|
|
|
2049
|
-
/**
|
|
2079
|
+
/** Inverse Personas Green Surface Accent Gradient */
|
|
2050
2080
|
var inversePersonasGreenSurfaceAccentGradient = 'var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))';
|
|
2051
2081
|
|
|
2052
|
-
/**
|
|
2082
|
+
/** Personas Ochre Surface Accent Gradient */
|
|
2053
2083
|
var personasOchreSurfaceAccentGradient = 'var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))';
|
|
2054
2084
|
|
|
2055
|
-
/**
|
|
2085
|
+
/** Inverse Outline White Gradient */
|
|
2056
2086
|
var inverseOutlineWhiteGradient = 'var(--inverse-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%))';
|
|
2057
2087
|
|
|
2058
|
-
/**
|
|
2088
|
+
/** On Light Personas Violet Surface Accent Gradient */
|
|
2059
2089
|
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%))';
|
|
2060
2090
|
|
|
2061
|
-
/**
|
|
2091
|
+
/** Personas Violet Surface Accent Gradient */
|
|
2062
2092
|
var personasVioletSurfaceAccentGradient = 'var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))';
|
|
2063
2093
|
|
|
2064
|
-
/**
|
|
2094
|
+
/** On Dark Outline White Gradient */
|
|
2065
2095
|
var onDarkOutlineWhiteGradient = 'var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0.0%, rgba(255, 255, 255, 0.16) 36.0%, rgba(255, 255, 255, 0.16) 66.0%, rgba(255, 255, 255, 0.6) 100.0%))';
|
|
2066
2096
|
|
|
2067
|
-
/**
|
|
2097
|
+
/** Inverse Personas Blue Surface Accent Gradient */
|
|
2068
2098
|
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%))';
|
|
2069
2099
|
|
|
2070
|
-
/**
|
|
2100
|
+
/** On Light Personas Sea Blue Surface Accent Gradient */
|
|
2071
2101
|
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%))';
|
|
2072
2102
|
|
|
2073
|
-
/**
|
|
2103
|
+
/** Inverse Personas Olive Surface Accent Gradient */
|
|
2074
2104
|
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%))';
|
|
2075
2105
|
|
|
2076
|
-
/**
|
|
2106
|
+
/** On Light Overlay Gradient */
|
|
2077
2107
|
var onLightOverlayGradient = 'var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))';
|
|
2078
2108
|
|
|
2079
|
-
/**
|
|
2109
|
+
/** On Light Personas Indigo Surface Accent Gradient */
|
|
2080
2110
|
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%))';
|
|
2081
2111
|
|
|
2082
|
-
/**
|
|
2112
|
+
/** On Light Personas Blue Surface Accent Gradient */
|
|
2083
2113
|
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%))';
|
|
2084
2114
|
|
|
2085
|
-
/**
|
|
2115
|
+
/** On Dark Personas Pink Surface Accent Gradient */
|
|
2086
2116
|
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%))';
|
|
2087
2117
|
|
|
2088
|
-
/**
|
|
2118
|
+
/** On Dark Text Accent Gradient AI */
|
|
2089
2119
|
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%))';
|
|
2090
2120
|
|
|
2091
|
-
/**
|
|
2121
|
+
/** On Dark Personas Green Surface Accent Gradient */
|
|
2092
2122
|
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%))';
|
|
2093
2123
|
|
|
2094
|
-
/**
|
|
2124
|
+
/** Personas Olive Surface Accent Gradient */
|
|
2095
2125
|
var personasOliveSurfaceAccentGradient = 'var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))';
|
|
2096
2126
|
|
|
2097
|
-
/**
|
|
2098
|
-
var
|
|
2127
|
+
/** Personas Indigo Surface Accent Gradient */
|
|
2128
|
+
var personasIndigoSurfaceAccentGradient = 'var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))';
|
|
2099
2129
|
|
|
2100
|
-
/**
|
|
2101
|
-
var
|
|
2130
|
+
/** Text Accent Gradient AI */
|
|
2131
|
+
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%))';
|
|
2102
2132
|
|
|
2103
|
-
/**
|
|
2133
|
+
/** On Dark Surface Accent Gradient Secondary */
|
|
2104
2134
|
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%))';
|
|
2105
2135
|
|
|
2106
|
-
/**
|
|
2136
|
+
/** Personas Blue Surface Accent Gradient */
|
|
2107
2137
|
var personasBlueSurfaceAccentGradient = 'var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))';
|
|
2108
2138
|
|
|
2109
|
-
/**
|
|
2139
|
+
/** Inverse Personas Violet Surface Accent Gradient */
|
|
2110
2140
|
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%))';
|
|
2111
2141
|
|
|
2112
|
-
/**
|
|
2142
|
+
/** On Light Surface Accent Gradient Secondary */
|
|
2113
2143
|
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%))';
|
|
2114
2144
|
|
|
2145
|
+
/** On Light Personas Green Surface Accent Gradient */
|
|
2146
|
+
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%))';
|
|
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
|
+
|
|
2115
2151
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
2116
2152
|
var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))';
|
|
2117
2153
|
|
|
@@ -2125,7 +2161,7 @@ var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear
|
|
|
2125
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%))';
|
|
2126
2162
|
|
|
2127
2163
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2128
|
-
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%))';
|
|
2129
2165
|
|
|
2130
2166
|
/** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
|
|
2131
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%))';
|
|
@@ -2139,24 +2175,21 @@ var inverseSurfaceAccentMinorGradient = 'var(--inverse-surface-accent-minor-grad
|
|
|
2139
2175
|
/** shadow down hard s */
|
|
2140
2176
|
var shadowDownHardS = 'var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)';
|
|
2141
2177
|
|
|
2142
|
-
/** shadow down soft m */
|
|
2143
|
-
var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
|
|
2144
|
-
|
|
2145
2178
|
/** shadow down soft l */
|
|
2146
2179
|
var shadowDownSoftL = 'var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)';
|
|
2147
2180
|
|
|
2148
2181
|
/** shadow down soft s */
|
|
2149
2182
|
var shadowDownSoftS = 'var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)';
|
|
2150
2183
|
|
|
2184
|
+
/** shadow down soft m */
|
|
2185
|
+
var shadowDownSoftM = 'var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)';
|
|
2186
|
+
|
|
2151
2187
|
/** shadow down hard m */
|
|
2152
2188
|
var shadowDownHardM = 'var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)';
|
|
2153
2189
|
|
|
2154
2190
|
/** shadow down hard l */
|
|
2155
2191
|
var shadowDownHardL = 'var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)';
|
|
2156
2192
|
|
|
2157
|
-
/** shadow up soft l */
|
|
2158
|
-
var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
|
|
2159
|
-
|
|
2160
2193
|
/** shadow up hard s */
|
|
2161
2194
|
var shadowUpHardS = 'var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)';
|
|
2162
2195
|
|
|
@@ -2172,17 +2205,17 @@ var shadowUpSoftS = 'var(--shadow-up-soft-s, 0rem -0.25rem 0.875rem -0.25rem #08
|
|
|
2172
2205
|
/** shadow up soft m */
|
|
2173
2206
|
var shadowUpSoftM = 'var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)';
|
|
2174
2207
|
|
|
2175
|
-
/**
|
|
2176
|
-
var
|
|
2208
|
+
/** shadow up soft l */
|
|
2209
|
+
var shadowUpSoftL = 'var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)';
|
|
2177
2210
|
|
|
2178
2211
|
/** New description */
|
|
2179
|
-
var
|
|
2212
|
+
var borderRadius4xl = 'var(--border-radius-4xl, 2rem)';
|
|
2180
2213
|
|
|
2181
2214
|
/** New description */
|
|
2182
2215
|
var borderRadius5xl = 'var(--border-radius-5xl, 2.5rem)';
|
|
2183
2216
|
|
|
2184
|
-
/**
|
|
2185
|
-
var
|
|
2217
|
+
/** New description */
|
|
2218
|
+
var borderRadius3xl = 'var(--border-radius-3xl, 1.75rem)';
|
|
2186
2219
|
|
|
2187
2220
|
/** borderRadius xxs */
|
|
2188
2221
|
var borderRadiusXxs = 'var(--border-radius-xxs, 0.25rem)';
|
|
@@ -2205,12 +2238,12 @@ var borderRadiusCircle = 'var(--border-radius-circle, 100rem)';
|
|
|
2205
2238
|
/** borderRadius m */
|
|
2206
2239
|
var borderRadiusM = 'var(--border-radius-m, 0.75rem)';
|
|
2207
2240
|
|
|
2241
|
+
/** borderRadius l */
|
|
2242
|
+
var borderRadiusL = 'var(--border-radius-l, 1rem)';
|
|
2243
|
+
|
|
2208
2244
|
/** spacing 16x */
|
|
2209
2245
|
var spacing16x = 'var(--spacing-16x, 2rem)';
|
|
2210
2246
|
|
|
2211
|
-
/** spacing 8x */
|
|
2212
|
-
var spacing8x = 'var(--spacing-8x, 1rem)';
|
|
2213
|
-
|
|
2214
2247
|
/** spacing 10x */
|
|
2215
2248
|
var spacing10x = 'var(--spacing-10x, 1.25rem)';
|
|
2216
2249
|
|
|
@@ -2250,6 +2283,9 @@ var spacing3x = 'var(--spacing-3x, 0.375rem)';
|
|
|
2250
2283
|
/** spacing 6x */
|
|
2251
2284
|
var spacing6x = 'var(--spacing-6x, 0.75rem)';
|
|
2252
2285
|
|
|
2286
|
+
/** spacing 8x */
|
|
2287
|
+
var spacing8x = 'var(--spacing-8x, 1rem)';
|
|
2288
|
+
|
|
2253
2289
|
/** typography s body-xxs-bold */
|
|
2254
2290
|
var bodyXXSBold = {
|
|
2255
2291
|
fontFamily: 'var(--plasma-typo-body-xxs-bold-font-family)',
|
|
@@ -2670,9 +2706,9 @@ var textXSMedium = {
|
|
|
2670
2706
|
lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
|
|
2671
2707
|
};
|
|
2672
2708
|
var viewContainer = {
|
|
2673
|
-
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-hover: var(--on-dark-personas-pink-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\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-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 --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 --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 --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 --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 --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-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 --inverse-outline-primary-hover: var(--on-light-outline-primary-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 --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 --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 --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-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 --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 --text-paragraph-hover: var(--on-dark-text-paragraph-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 --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-hover: var(--on-light-text-negative-hover);\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 --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-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-warning-hover: var(--on-dark-surface-warning-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-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: var(--on-light-surface-transparent-secondary);\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-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-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-hover: var(--on-light-outline-warning-hover);\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 --text-primary-hover: var(--on-dark-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --overlay-gradient: var(--on-dark-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --background-gradient: var(--dark-background-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 --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 ",
|
|
2674
|
-
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-hover: var(--on-light-personas-pink-text-accent-hover);\n --personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n --personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\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-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 --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 --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 --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 --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 --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-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 --inverse-outline-primary-hover: var(--on-dark-outline-primary-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 --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 --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 --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-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 --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 --text-paragraph-hover: var(--on-light-text-paragraph-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 --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-hover: var(--on-dark-text-negative-hover);\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 --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-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-warning-hover: var(--on-light-surface-warning-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-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: var(--on-dark-surface-transparent-secondary);\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-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-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-hover: var(--on-dark-outline-warning-hover);\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 --text-primary-hover: var(--on-light-text-primary-hover);\n --inverse-surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n --surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n --overlay-gradient: var(--on-light-overlay-gradient);\n --inverse-surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n --background-gradient: var(--light-background-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 --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 --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-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-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 --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-accent-minor: var(--on-light-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\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 --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 --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 --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-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-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 --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 --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-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 --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-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-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-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 --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-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-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 --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-accent-minor: var(--on-dark-surface-accent-minor);\n --inverse-surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\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 --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 --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 --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-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-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 --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 --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-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 --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-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-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-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 "
|
|
2675
2711
|
};
|
|
2676
2712
|
|
|
2677
|
-
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, 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, 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, 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, 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 };
|
|
2678
2714
|
//# sourceMappingURL=index.js.map
|