@salutejs-ds/sdds_sbcom 0.1.13 → 0.1.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/Button.config.d.ts +1 -1
- package/components/Button/Button.config.js +4 -4
- package/components/Button/Button.config.js.map +1 -1
- package/components/Button/Button.config_1b1uwtc.css +10 -0
- package/components/Button/Button.css +9 -9
- package/components/Button/Button.d.ts +1 -1
- package/components/Checkbox/Checkbox.config.js +1 -1
- package/components/Checkbox/Checkbox.config.js.map +1 -1
- package/components/Checkbox/Checkbox.config_by8n89.css +6 -0
- package/components/Checkbox/Checkbox.css +6 -6
- package/components/Counter/Counter.config.d.ts +4 -4
- package/components/Counter/Counter.config.js +9 -9
- package/components/Counter/Counter.config.js.map +1 -1
- package/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/components/Counter/Counter.css +10 -10
- package/components/Counter/Counter.d.ts +4 -4
- package/components/IconButton/IconButton.config.d.ts +3 -3
- package/components/IconButton/IconButton.config.js +9 -9
- package/components/IconButton/IconButton.config.js.map +1 -1
- package/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/components/IconButton/IconButton.css +8 -8
- package/components/IconButton/IconButton.d.ts +3 -3
- package/components/Link/Link.config.d.ts +1 -1
- package/components/Link/Link.config.js +4 -4
- package/components/Link/Link.config.js.map +1 -1
- package/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- package/components/Link/Link.css +8 -8
- package/components/Link/Link.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.d.ts +1 -1
- package/components/Radiobox/Radiobox.config.js +4 -4
- package/components/Radiobox/Radiobox.config.js.map +1 -1
- package/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
- package/components/Radiobox/Radiobox.css +6 -6
- package/components/Radiobox/Radiobox.d.ts +1 -1
- package/css/sdds_sbcom.module.css +245 -229
- package/css/sdds_sbcom__dark.css +139 -131
- package/css/sdds_sbcom__light.css +141 -133
- package/es/components/Button/Button.config.js +4 -4
- package/es/components/Button/Button.config.js.map +1 -1
- package/es/components/Button/Button.config_1b1uwtc.css +10 -0
- package/es/components/Button/Button.css +9 -9
- package/es/components/Checkbox/Checkbox.config.js +1 -1
- package/es/components/Checkbox/Checkbox.config.js.map +1 -1
- package/es/components/Checkbox/Checkbox.config_by8n89.css +6 -0
- package/es/components/Checkbox/Checkbox.css +6 -6
- package/es/components/Counter/Counter.config.js +9 -9
- package/es/components/Counter/Counter.config.js.map +1 -1
- package/es/components/Counter/Counter.config_1dmfqg0.css +11 -0
- package/es/components/Counter/Counter.css +10 -10
- package/es/components/IconButton/IconButton.config.js +9 -9
- package/es/components/IconButton/IconButton.config.js.map +1 -1
- package/es/components/IconButton/IconButton.config_108pkgf.css +9 -0
- package/es/components/IconButton/IconButton.css +8 -8
- package/es/components/Link/Link.config.js +4 -4
- package/es/components/Link/Link.config.js.map +1 -1
- package/es/components/Link/{Link.config_1y1mon9.css → Link.config_8uibyj.css} +4 -4
- package/es/components/Link/Link.css +8 -8
- package/es/components/Radiobox/Radiobox.config.js +4 -4
- package/es/components/Radiobox/Radiobox.config.js.map +1 -1
- package/es/components/Radiobox/Radiobox.config_1x15h52.css +6 -0
- package/es/components/Radiobox/Radiobox.css +6 -6
- package/es/index.css +55 -55
- package/es/index.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js +1 -1
- package/es/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/es/theme/themes/sdds_sbcom__light.js +1 -1
- package/es/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/es/theme/tokens/index.js +431 -407
- package/es/theme/tokens/index.js.map +1 -1
- package/index.css +55 -55
- package/index.js +8 -0
- package/index.js.map +1 -1
- package/package.json +1 -1
- package/styled-components/cjs/Button/Button.config.js +7 -7
- package/styled-components/cjs/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/cjs/Counter/Counter.config.js +9 -9
- package/styled-components/cjs/IconButton/IconButton.config.js +8 -8
- package/styled-components/cjs/Link/Link.config.js +4 -4
- package/styled-components/cjs/Radiobox/Radiobox.config.js +5 -5
- package/styled-components/es/Button/Button.config.js +7 -7
- package/styled-components/es/Checkbox/Checkbox.config.js +5 -5
- package/styled-components/es/Counter/Counter.config.js +9 -9
- package/styled-components/es/IconButton/IconButton.config.js +8 -8
- package/styled-components/es/Link/Link.config.js +4 -4
- package/styled-components/es/Radiobox/Radiobox.config.js +5 -5
- package/theme/themes/sdds_sbcom__dark.js +1 -1
- package/theme/themes/sdds_sbcom__dark.js.map +1 -1
- package/theme/themes/sdds_sbcom__light.js +1 -1
- package/theme/themes/sdds_sbcom__light.js.map +1 -1
- package/theme/tokens/index.d.ts +363 -347
- package/theme/tokens/index.js +438 -406
- package/theme/tokens/index.js.map +1 -1
- package/components/Button/Button.config_1nf8fsa.css +0 -10
- package/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/components/Radiobox/Radiobox.config_jinig9.css +0 -6
- package/es/components/Button/Button.config_1nf8fsa.css +0 -10
- package/es/components/Checkbox/Checkbox.config_1pgnntn.css +0 -6
- package/es/components/Counter/Counter.config_ebr9b5.css +0 -11
- package/es/components/IconButton/IconButton.config_145mdq5.css +0 -9
- package/es/components/Radiobox/Radiobox.config_jinig9.css +0 -6
package/theme/tokens/index.d.ts
CHANGED
|
@@ -1,113 +1,77 @@
|
|
|
1
|
-
/**
|
|
2
|
-
export declare const onDarkPersonasGreenTextAccent = "var(--on-dark-personas-green-text-accent, #6CD5BB)";
|
|
3
|
-
/** null */
|
|
4
|
-
export declare const surfaceTransparentAccentMinorHover = "var(--surface-transparent-accent-minor-hover, #0BA88866)";
|
|
5
|
-
/** null */
|
|
1
|
+
/** Primary Hover On Light */
|
|
6
2
|
export declare const onLightOutlinePrimaryHover = "var(--on-light-outline-primary-hover, #ADA39FFF)";
|
|
7
|
-
/**
|
|
3
|
+
/** Default Active Inverse */
|
|
8
4
|
export declare const inverseOutlineDefaultActive = "var(--inverse-outline-default-active, #E6E6E6FF)";
|
|
9
|
-
/**
|
|
5
|
+
/** Sea Blue Text Accent Active Inverse */
|
|
10
6
|
export declare const inversePersonasSeaBlueTextAccentActive = "var(--inverse-personas-sea-blue-text-accent-active, #4BB4B4FF)";
|
|
11
|
-
/**
|
|
7
|
+
/** Violet Text Accent Active Inverse */
|
|
12
8
|
export declare const inversePersonasVioletTextAccentActive = "var(--inverse-personas-violet-text-accent-active, #81288FFF)";
|
|
13
|
-
/**
|
|
14
|
-
export declare const onDarkSurfaceTransparentNaviActive = "var(--on-dark-surface-transparent-navi-active, #2424248A)";
|
|
15
|
-
/** null */
|
|
16
|
-
export declare const inverseOutlinePrimaryActive = "var(--inverse-outline-primary-active, #C4BEBAFF)";
|
|
17
|
-
/** null */
|
|
9
|
+
/** Default Hover On Light */
|
|
18
10
|
export declare const onLightOutlineDefaultHover = "var(--on-light-outline-default-hover, #CCCCCCFF)";
|
|
19
|
-
/**
|
|
11
|
+
/** Default Hover On Dark */
|
|
20
12
|
export declare const onDarkOutlineDefaultHover = "var(--on-dark-outline-default-hover, #666666FF)";
|
|
21
|
-
/**
|
|
13
|
+
/** Default Active On Dark */
|
|
22
14
|
export declare const onDarkOutlineDefaultActive = "var(--on-dark-outline-default-active, #292929FF)";
|
|
23
|
-
/**
|
|
15
|
+
/** Green Text Accent Hover Default */
|
|
24
16
|
export declare const personasGreenTextAccentHover = "var(--personas-green-text-accent-hover, #04C396FF)";
|
|
25
|
-
/**
|
|
17
|
+
/** Sea Blue Text Accent Hover Default */
|
|
26
18
|
export declare const personasSeaBlueTextAccentHover = "var(--personas-sea-blue-text-accent-hover, #00C5CCFF)";
|
|
27
|
-
/**
|
|
19
|
+
/** Accent Secondary Hover Inverse */
|
|
28
20
|
export declare const inverseSurfaceAccentSecondaryHover = "var(--inverse-surface-accent-secondary-hover, #50C3A8FF)";
|
|
29
|
-
/**
|
|
30
|
-
export declare const onLightSurfaceAccentSecondaryActive = "var(--on-light-surface-accent-secondary-active, #3CAF94FF)";
|
|
31
|
-
/** null */
|
|
21
|
+
/** Transparent Navi Active Default */
|
|
32
22
|
export declare const surfaceTransparentNaviActive = "var(--surface-transparent-navi-active, #2424248A)";
|
|
33
|
-
/**
|
|
23
|
+
/** Transparent Accent Minor Active On Light */
|
|
34
24
|
export declare const onLightSurfaceTransparentAccentMinorActive = "var(--on-light-surface-transparent-accent-minor-active, #0BA88852)";
|
|
35
|
-
/**
|
|
25
|
+
/** Green Text Accent Active On Light */
|
|
36
26
|
export declare const onLightPersonasGreenTextAccentActive = "var(--on-light-personas-green-text-accent-active, #04AF87FF)";
|
|
37
|
-
/**
|
|
27
|
+
/** Default Active Default */
|
|
38
28
|
export declare const outlineDefaultActive = "var(--outline-default-active, #666666FF)";
|
|
39
|
-
/**
|
|
29
|
+
/** Primary Active On Dark */
|
|
40
30
|
export declare const onDarkOutlinePrimaryActive = "var(--on-dark-outline-primary-active, #2B2827FF)";
|
|
41
|
-
/**
|
|
31
|
+
/** Olive Text Accent Active Default */
|
|
42
32
|
export declare const personasOliveTextAccentActive = "var(--personas-olive-text-accent-active, #7DC07CFF)";
|
|
43
|
-
/**
|
|
44
|
-
export declare const inversePersonasOchreTextAccentActive = "var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)";
|
|
45
|
-
/** null */
|
|
33
|
+
/** Olive Text Accent Hover On Dark */
|
|
46
34
|
export declare const onDarkPersonasOliveTextAccentHover = "var(--on-dark-personas-olive-text-accent-hover, #A6D4A5FF)";
|
|
47
|
-
/**
|
|
48
|
-
export declare const inverseSurfaceTransparentNaviActive = "var(--inverse-surface-transparent-navi-active, #FFFFFFAD)";
|
|
49
|
-
/** null */
|
|
50
|
-
export declare const onLightPersonasOliveTextAccentActive = "var(--on-light-personas-olive-text-accent-active, #179315FF)";
|
|
51
|
-
/** null */
|
|
35
|
+
/** Violet Text Accent Active On Light */
|
|
52
36
|
export declare const onLightPersonasVioletTextAccentActive = "var(--on-light-personas-violet-text-accent-active, #81288FFF)";
|
|
53
|
-
/**
|
|
37
|
+
/** Ochre Text Accent Active On Light */
|
|
54
38
|
export declare const onLightPersonasOchreTextAccentActive = "var(--on-light-personas-ochre-text-accent-active, #AA4A0EFF)";
|
|
55
|
-
/**
|
|
39
|
+
/** Accent Secondary Hover On Dark */
|
|
56
40
|
export declare const onDarkSurfaceAccentSecondaryHover = "var(--on-dark-surface-accent-secondary-hover, #70CDB7FF)";
|
|
57
|
-
/**
|
|
58
|
-
export declare const inversePersonasGreenTextAccentHover = "var(--inverse-personas-green-text-accent-hover, #8CDECAFF)";
|
|
59
|
-
/** null */
|
|
41
|
+
/** Pink Text Accent Hover On Light */
|
|
60
42
|
export declare const onLightPersonasPinkTextAccentHover = "var(--on-light-personas-pink-text-accent-hover, #E47777FF)";
|
|
61
|
-
/**
|
|
43
|
+
/** Accent Secondary Hover Default */
|
|
62
44
|
export declare const surfaceAccentSecondaryHover = "var(--surface-accent-secondary-hover, #70CDB7FF)";
|
|
63
|
-
/**
|
|
64
|
-
export declare const personasPinkTextAccentActive = "var(--personas-pink-text-accent-active, #D83B3BFF)";
|
|
65
|
-
/** null */
|
|
45
|
+
/** Indigo Text Accent Hover Default */
|
|
66
46
|
export declare const personasIndigoTextAccentHover = "var(--personas-indigo-text-accent-hover, #E8DAFCFF)";
|
|
67
|
-
/**
|
|
47
|
+
/** Violet Text Accent Hover On Dark */
|
|
68
48
|
export declare const onDarkPersonasVioletTextAccentHover = "var(--on-dark-personas-violet-text-accent-hover, #E9B6F2FF)";
|
|
69
|
-
/**
|
|
49
|
+
/** On Light Outline Primary */
|
|
70
50
|
export declare const onLightOutlinePrimary = "var(--on-light-outline-primary, #DDD9D7)";
|
|
71
|
-
/**
|
|
51
|
+
/** Inverse Outline Default */
|
|
72
52
|
export declare const inverseOutlineDefault = "var(--inverse-outline-default, #FFFFFF)";
|
|
73
|
-
/**
|
|
53
|
+
/** Blue Text Accent Hover On Dark */
|
|
74
54
|
export declare const onDarkPersonasBlueTextAccentHover = "var(--on-dark-personas-blue-text-accent-hover, #C3DDF9FF)";
|
|
75
|
-
/**
|
|
76
|
-
export declare const onDarkPersonasBlueTextAccentActive = "var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)";
|
|
77
|
-
/** null */
|
|
55
|
+
/** Indigo Text Accent Hover On Light */
|
|
78
56
|
export declare const onLightPersonasIndigoTextAccentHover = "var(--on-light-personas-indigo-text-accent-hover, #000000FF)";
|
|
79
|
-
/**
|
|
80
|
-
export declare const onLightPersonasIndigoTextAccentActive = "var(--on-light-personas-indigo-text-accent-active, #5B2999FF)";
|
|
81
|
-
/** null */
|
|
57
|
+
/** Sea Blue Text Accent Hover On Light */
|
|
82
58
|
export declare const onLightPersonasSeaBlueTextAccentHover = "var(--on-light-personas-sea-blue-text-accent-hover, #00D9E0FF)";
|
|
83
|
-
/**
|
|
84
|
-
export declare const onLightPersonasSeaBlueTextAccentActive = "var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)";
|
|
85
|
-
/** null */
|
|
86
|
-
export declare const onLightOutlineDefault = "var(--on-light-outline-default, #FFFFFF)";
|
|
87
|
-
/** null */
|
|
59
|
+
/** Ochre Text Accent Active Default */
|
|
88
60
|
export declare const personasOchreTextAccentActive = "var(--personas-ochre-text-accent-active, #F19F7EFF)";
|
|
89
|
-
/**
|
|
90
|
-
export declare const onDarkSurfaceTransparentAccentMinorHover = "var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)";
|
|
91
|
-
/** null */
|
|
61
|
+
/** Inverse Background Hardline */
|
|
92
62
|
export declare const inverseBackgroundHardline = "var(--inverse-background-hardline, #000000)";
|
|
93
|
-
/**
|
|
94
|
-
export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)";
|
|
95
|
-
/** null */
|
|
63
|
+
/** Sea Blue Text Accent Hover On Dark */
|
|
96
64
|
export declare const onDarkPersonasSeaBlueTextAccentHover = "var(--on-dark-personas-sea-blue-text-accent-hover, #FFFFFFFF)";
|
|
97
|
-
/**
|
|
65
|
+
/** Surface Transparent Navi */
|
|
98
66
|
export declare const surfaceTransparentNavi = "var(--surface-transparent-navi, #23232399)";
|
|
99
|
-
/**
|
|
100
|
-
export declare const onLightSurfaceAccentSecondary = "var(--on-light-surface-accent-secondary, #41BDA1)";
|
|
101
|
-
/** null */
|
|
67
|
+
/** Violet Text Accent Active Default */
|
|
102
68
|
export declare const personasVioletTextAccentActive = "var(--personas-violet-text-accent-active, #892B97FF)";
|
|
103
|
-
/**
|
|
69
|
+
/** Blue Text Accent Hover Default */
|
|
104
70
|
export declare const personasBlueTextAccentHover = "var(--personas-blue-text-accent-hover, #C3DDF9FF)";
|
|
105
|
-
/**
|
|
71
|
+
/** Outline Default */
|
|
106
72
|
export declare const outlineDefault = "var(--outline-default, #FFFFFF)";
|
|
107
73
|
/** Основной цвет текста */
|
|
108
74
|
export declare const textPrimaryBrightnessActive = "var(--text-primary-brightness-active, #FAFAFAC4)";
|
|
109
|
-
/** Основной фон для карточек */
|
|
110
|
-
export declare const surfaceSolidCardBrightnessHover = "var(--surface-solid-card-brightness-hover, #303030FF)";
|
|
111
75
|
/** Прозрачный фон для карточек */
|
|
112
76
|
export declare const surfaceTransparentCardBrightnessHover = "var(--surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
113
77
|
/** Основной фон для карточек */
|
|
@@ -116,8 +80,8 @@ export declare const surfaceSolidCardBrightnessActive = "var(--surface-solid-car
|
|
|
116
80
|
export declare const surfaceSolidPrimaryBrightnessHover = "var(--surface-solid-primary-brightness-hover, #303030FF)";
|
|
117
81
|
/** Прозрачный фон для карточек */
|
|
118
82
|
export declare const surfaceTransparentCardBrightnessActive = "var(--surface-transparent-card-brightness-active, #FAFAFA0A)";
|
|
119
|
-
/** Основной
|
|
120
|
-
export declare const
|
|
83
|
+
/** Основной фон для карточек */
|
|
84
|
+
export declare const surfaceSolidCardBrightnessHover = "var(--surface-solid-card-brightness-hover, #303030FF)";
|
|
121
85
|
/** Прозрачный фон для карточек на темном фоне */
|
|
122
86
|
export declare const onDarkSurfaceTransparentCardBrightnessHover = "var(--on-dark-surface-transparent-card-brightness-hover, #FAFAFA1F)";
|
|
123
87
|
/** Прозрачный фон для карточек на темном фоне */
|
|
@@ -130,33 +94,31 @@ export declare const onDarkSurfaceSolidCardBrightnessActive = "var(--on-dark-sur
|
|
|
130
94
|
export declare const onLightSurfaceSolidPrimaryBrightnessHover = "var(--on-light-surface-solid-primary-brightness-hover, #FFFFFFFF)";
|
|
131
95
|
/** Основной непрозрачный фон поверхности/контрола на светлом фоне */
|
|
132
96
|
export declare const onLightSurfaceSolidPrimaryBrightnessActive = "var(--on-light-surface-solid-primary-brightness-active, #FFFFFFFF)";
|
|
133
|
-
/**
|
|
134
|
-
export declare const outlinePrimary = "var(--outline-primary, #DDD9D7)";
|
|
135
|
-
/** null */
|
|
97
|
+
/** Inverse Personas Indigo Text Accent */
|
|
136
98
|
export declare const inversePersonasIndigoTextAccent = "var(--inverse-personas-indigo-text-accent, #BD91F5)";
|
|
137
|
-
/**
|
|
99
|
+
/** Inverse Personas Pink Text Accent */
|
|
138
100
|
export declare const inversePersonasPinkTextAccent = "var(--inverse-personas-pink-text-accent, #F7A4A4)";
|
|
101
|
+
/** Personas Olive Text Accent */
|
|
102
|
+
export declare const personasOliveTextAccent = "var(--personas-olive-text-accent, #93CB92)";
|
|
139
103
|
/** Цвет обводки успех на светлом фоне */
|
|
140
104
|
export declare const onLightOutlinePositiveActive = "var(--on-light-outline-positive-active, #20801EFF)";
|
|
141
|
-
/**
|
|
142
|
-
export declare const personasOliveTextAccent = "var(--personas-olive-text-accent, #93CB92)";
|
|
143
|
-
/** null */
|
|
105
|
+
/** Inverse Personas Ochre Text Accent */
|
|
144
106
|
export declare const inversePersonasOchreTextAccent = "var(--inverse-personas-ochre-text-accent, #D15A11)";
|
|
107
|
+
/** On Dark Personas Olive Text Accent */
|
|
108
|
+
export declare const onDarkPersonasOliveTextAccent = "var(--on-dark-personas-olive-text-accent, #93CB92)";
|
|
145
109
|
/** Третичный непрозрачный фон поверхности/контрола */
|
|
146
110
|
export declare const surfaceSolidTertiaryActive = "var(--surface-solid-tertiary-active, #424242FF)";
|
|
147
111
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
148
112
|
export declare const onLightSurfaceSolidTertiaryActive = "var(--on-light-surface-solid-tertiary-active, #FFFFFFFF)";
|
|
149
|
-
/**
|
|
150
|
-
export declare const
|
|
113
|
+
/** Inverse Surface Transparent Navi */
|
|
114
|
+
export declare const inverseSurfaceTransparentNavi = "var(--inverse-surface-transparent-navi, #FFFFFF99)";
|
|
151
115
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
152
116
|
export declare const onLightSurfaceTransparentCardBrightnessHover = "var(--on-light-surface-transparent-card-brightness-hover, #FFFFFFFF)";
|
|
153
117
|
/** Основной цвет текста */
|
|
154
118
|
export declare const textPrimary = "var(--text-primary, #FFFFFFFC)";
|
|
155
119
|
/** Акцентный минорный цвет на темном фоне */
|
|
156
120
|
export declare const onDarkTextAccentMinorHover = "var(--on-dark-text-accent-minor-hover, #60C7AFFF)";
|
|
157
|
-
/**
|
|
158
|
-
export declare const inverseSurfaceTransparentNavi = "var(--inverse-surface-transparent-navi, #FFFFFF99)";
|
|
159
|
-
/** null */
|
|
121
|
+
/** On Light Personas Olive Text Accent */
|
|
160
122
|
export declare const onLightPersonasOliveTextAccent = "var(--on-light-personas-olive-text-accent, #127210)";
|
|
161
123
|
/** Прозрачный фон для карточек на светлом фоне */
|
|
162
124
|
export declare const onLightSurfaceTransparentCardBrightnessActive = "var(--on-light-surface-transparent-card-brightness-active, #FFFFFFFF)";
|
|
@@ -172,19 +134,17 @@ export declare const inverseSurfaceSolidPrimaryBrightnessHover = "var(--inverse-
|
|
|
172
134
|
export declare const inverseSurfaceSolidPrimaryBrightnessActive = "var(--inverse-surface-solid-primary-brightness-active, #FFFFFFFF)";
|
|
173
135
|
/** Инвертированный прозрачный фон для карточек */
|
|
174
136
|
export declare const inverseSurfaceTransparentCardBrightnessHover = "var(--inverse-surface-transparent-card-brightness-hover, #FFFFFFFF)";
|
|
175
|
-
/**
|
|
176
|
-
export declare const
|
|
177
|
-
/**
|
|
137
|
+
/** Outline Primary */
|
|
138
|
+
export declare const outlinePrimary = "var(--outline-primary, #DDD9D7)";
|
|
139
|
+
/** On Light Personas Ochre Text Accent */
|
|
178
140
|
export declare const onLightPersonasOchreTextAccent = "var(--on-light-personas-ochre-text-accent, #D15A11)";
|
|
179
|
-
/**
|
|
141
|
+
/** On Dark Personas Indigo Text Accent */
|
|
180
142
|
export declare const onDarkPersonasIndigoTextAccent = "var(--on-dark-personas-indigo-text-accent, #BD91F5)";
|
|
181
|
-
/**
|
|
143
|
+
/** On Dark Surface Accent Secondary */
|
|
182
144
|
export declare const onDarkSurfaceAccentSecondary = "var(--on-dark-surface-accent-secondary, #61C8B0)";
|
|
183
|
-
/**
|
|
145
|
+
/** Inverse Personas Green Text Accent */
|
|
184
146
|
export declare const inversePersonasGreenTextAccent = "var(--inverse-personas-green-text-accent, #6CD5BB)";
|
|
185
|
-
/**
|
|
186
|
-
export declare const onLightPersonasPinkTextAccent = "var(--on-light-personas-pink-text-accent, #DE5555)";
|
|
187
|
-
/** null */
|
|
147
|
+
/** Surface Accent Secondary */
|
|
188
148
|
export declare const surfaceAccentSecondary = "var(--surface-accent-secondary, #61C8B0)";
|
|
189
149
|
/** Акцентный минорный непрозрачный фон поверхности/контрола */
|
|
190
150
|
export declare const surfaceAccentMinor = "var(--surface-accent-minor, #04473B)";
|
|
@@ -200,162 +160,190 @@ export declare const onLightSurfaceAccentMinor = "var(--on-light-surface-accent-
|
|
|
200
160
|
export declare const inverseSurfaceTransparentCardBrightnessActive = "var(--inverse-surface-transparent-card-brightness-active, #FFFFFFFF)";
|
|
201
161
|
/** Цвет обводки предупреждение на светлом фоне */
|
|
202
162
|
export declare const onLightOutlineWarningActive = "var(--on-light-outline-warning-active, #A3420AFF)";
|
|
203
|
-
/**
|
|
204
|
-
export declare const
|
|
163
|
+
/** On Light Personas Violet Text Accent */
|
|
164
|
+
export declare const onLightPersonasVioletTextAccent = "var(--on-light-personas-violet-text-accent, #9E32AF)";
|
|
205
165
|
/** Инвертированный основной фон для карточек */
|
|
206
166
|
export declare const inverseSurfaceSolidCardBrightnessActive = "var(--inverse-surface-solid-card-brightness-active, #FFFFFFFF)";
|
|
207
167
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
|
|
208
168
|
export declare const onDarkSurfaceAccentMinorHover = "var(--on-dark-surface-accent-minor-hover, #055C4CFF)";
|
|
209
169
|
/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
210
170
|
export declare const onLightSurfaceAccentMinorHover = "var(--on-light-surface-accent-minor-hover, #C7F0E5FF)";
|
|
211
|
-
/**
|
|
212
|
-
export declare const
|
|
213
|
-
/**
|
|
214
|
-
export declare const onLightPersonasIndigoTextAccent = "var(--on-light-personas-indigo-text-accent, #7133BE)";
|
|
215
|
-
/** null */
|
|
171
|
+
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
172
|
+
export declare const inverseSurfaceAccentMinor = "var(--inverse-surface-accent-minor, #D0F2E9)";
|
|
173
|
+
/** On Light Personas Sea Blue Text Accent */
|
|
216
174
|
export declare const onLightPersonasSeaBlueTextAccent = "var(--on-light-personas-sea-blue-text-accent, #00898D)";
|
|
217
|
-
/**
|
|
218
|
-
export declare const inversePersonasOliveTextAccent = "var(--inverse-personas-olive-text-accent, #127210)";
|
|
219
|
-
/** null */
|
|
175
|
+
/** Personas Ochre Text Accent */
|
|
220
176
|
export declare const personasOchreTextAccent = "var(--personas-ochre-text-accent, #F4B49B)";
|
|
221
|
-
/**
|
|
177
|
+
/** On Dark Surface Transparent Accent Minor */
|
|
222
178
|
export declare const onDarkSurfaceTransparentAccentMinor = "var(--on-dark-surface-transparent-accent-minor, #0BA68647)";
|
|
223
|
-
/**
|
|
179
|
+
/** On Dark Personas Violet Text Accent */
|
|
224
180
|
export declare const onDarkPersonasVioletTextAccent = "var(--on-dark-personas-violet-text-accent, #E19DED)";
|
|
225
|
-
/**
|
|
181
|
+
/** On Light Surface Transparent Navi */
|
|
226
182
|
export declare const onLightSurfaceTransparentNavi = "var(--on-light-surface-transparent-navi, #FFFFFF99)";
|
|
227
|
-
/**
|
|
228
|
-
export declare const
|
|
229
|
-
/**
|
|
230
|
-
export declare const onDarkPersonasGreenTextAccentHover = "var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)";
|
|
231
|
-
/** null */
|
|
232
|
-
export declare const onLightPersonasBlueTextAccentActive = "var(--on-light-personas-blue-text-accent-active, #0D4F96FF)";
|
|
233
|
-
/** null */
|
|
234
|
-
export declare const onLightOutlineDefaultActive = "var(--on-light-outline-default-active, #E6E6E6FF)";
|
|
235
|
-
/** null */
|
|
183
|
+
/** On Dark Personas Blue Text Accent */
|
|
184
|
+
export declare const onDarkPersonasBlueTextAccent = "var(--on-dark-personas-blue-text-accent, #79B3F2)";
|
|
185
|
+
/** Green Text Accent Active Default */
|
|
236
186
|
export declare const personasGreenTextAccentActive = "var(--personas-green-text-accent-active, #03A57FFF)";
|
|
237
|
-
/**
|
|
187
|
+
/** Sea Blue Text Accent Active Default */
|
|
238
188
|
export declare const personasSeaBlueTextAccentActive = "var(--personas-sea-blue-text-accent-active, #00A8ADFF)";
|
|
239
|
-
/**
|
|
189
|
+
/** Accent Secondary Active Inverse */
|
|
240
190
|
export declare const inverseSurfaceAccentSecondaryActive = "var(--inverse-surface-accent-secondary-active, #3CAF94FF)";
|
|
241
|
-
/**
|
|
191
|
+
/** Pink Text Accent Active On Dark */
|
|
242
192
|
export declare const onDarkPersonasPinkTextAccentActive = "var(--on-dark-personas-pink-text-accent-active, #F58A8AFF)";
|
|
243
|
-
/**
|
|
193
|
+
/** Primary Active Default */
|
|
244
194
|
export declare const outlinePrimaryActive = "var(--outline-primary-active, #665C57FF)";
|
|
245
|
-
/**
|
|
195
|
+
/** Indigo Text Accent Active Inverse */
|
|
246
196
|
export declare const inversePersonasIndigoTextAccentActive = "var(--inverse-personas-indigo-text-accent-active, #A46AF1FF)";
|
|
247
|
-
/**
|
|
197
|
+
/** Pink Text Accent Active Inverse */
|
|
248
198
|
export declare const inversePersonasPinkTextAccentActive = "var(--inverse-personas-pink-text-accent-active, #F48080FF)";
|
|
249
|
-
/**
|
|
199
|
+
/** Olive Text Accent Active On Dark */
|
|
250
200
|
export declare const onDarkPersonasOliveTextAccentActive = "var(--on-dark-personas-olive-text-accent-active, #7DC07CFF)";
|
|
251
|
-
/**
|
|
201
|
+
/** Accent Secondary Active On Dark */
|
|
252
202
|
export declare const onDarkSurfaceAccentSecondaryActive = "var(--on-dark-surface-accent-secondary-active, #59C5ACFF)";
|
|
253
|
-
/**
|
|
203
|
+
/** Green Text Accent Active Inverse */
|
|
254
204
|
export declare const inversePersonasGreenTextAccentActive = "var(--inverse-personas-green-text-accent-active, #4CCDACFF)";
|
|
255
|
-
/**
|
|
205
|
+
/** Pink Text Accent Active On Light */
|
|
256
206
|
export declare const onLightPersonasPinkTextAccentActive = "var(--on-light-personas-pink-text-accent-active, #D73333FF)";
|
|
257
|
-
/**
|
|
207
|
+
/** Indigo Text Accent Active Default */
|
|
258
208
|
export declare const personasIndigoTextAccentActive = "var(--personas-indigo-text-accent-active, #AA73F2FF)";
|
|
259
|
-
/**
|
|
209
|
+
/** Violet Text Accent Active On Dark */
|
|
260
210
|
export declare const onDarkPersonasVioletTextAccentActive = "var(--on-dark-personas-violet-text-accent-active, #D982E8FF)";
|
|
261
|
-
/**
|
|
211
|
+
/** Transparent Navi Hover On Light */
|
|
262
212
|
export declare const onLightSurfaceTransparentNaviHover = "var(--on-light-surface-transparent-navi-hover, #FFFFFFA8)";
|
|
263
|
-
/**
|
|
213
|
+
/** Transparent Navi Active On Light */
|
|
264
214
|
export declare const onLightSurfaceTransparentNaviActive = "var(--on-light-surface-transparent-navi-active, #FFFFFFAD)";
|
|
265
|
-
/**
|
|
215
|
+
/** Olive Text Accent Hover Inverse */
|
|
266
216
|
export declare const inversePersonasOliveTextAccentHover = "var(--inverse-personas-olive-text-accent-hover, #1DB71AFF)";
|
|
267
|
-
/**
|
|
217
|
+
/** Ochre Text Accent Hover Default */
|
|
268
218
|
export declare const personasOchreTextAccentHover = "var(--personas-ochre-text-accent-hover, #F7C8B6FF)";
|
|
269
|
-
/**
|
|
219
|
+
/** Inverse Surface Accent Secondary */
|
|
270
220
|
export declare const inverseSurfaceAccentSecondary = "var(--inverse-surface-accent-secondary, #41BDA1)";
|
|
271
|
-
/**
|
|
221
|
+
/** Light Background Hardline */
|
|
272
222
|
export declare const lightBackgroundHardline = "var(--light-background-hardline, #FFFFFF)";
|
|
273
|
-
/**
|
|
223
|
+
/** Sea Blue Text Accent Active On Dark */
|
|
274
224
|
export declare const onDarkPersonasSeaBlueTextAccentActive = "var(--on-dark-personas-sea-blue-text-accent-active, #2D6C6CFF)";
|
|
275
|
-
/**
|
|
225
|
+
/** On Light Surface Transparent Accent Minor */
|
|
276
226
|
export declare const onLightSurfaceTransparentAccentMinor = "var(--on-light-surface-transparent-accent-minor, #0BA6863D)";
|
|
277
|
-
/**
|
|
227
|
+
/** On Light Personas Green Text Accent */
|
|
278
228
|
export declare const onLightPersonasGreenTextAccent = "var(--on-light-personas-green-text-accent, #038768)";
|
|
229
|
+
/** Primary Active On Light */
|
|
230
|
+
export declare const onLightOutlinePrimaryActive = "var(--on-light-outline-primary-active, #C4BEBAFF)";
|
|
231
|
+
/** Blue Text Accent Active Inverse */
|
|
232
|
+
export declare const inversePersonasBlueTextAccentActive = "var(--inverse-personas-blue-text-accent-active, #0D4F96FF)";
|
|
233
|
+
/** Transparent Accent Minor Active Inverse */
|
|
234
|
+
export declare const inverseSurfaceTransparentAccentMinorActive = "var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)";
|
|
279
235
|
/** Основной цвет текста */
|
|
280
236
|
export declare const textPrimaryBrightnessHover = "var(--text-primary-brightness-hover, #FAFAFA93)";
|
|
237
|
+
/** Green Text Accent Hover On Dark */
|
|
238
|
+
export declare const onDarkPersonasGreenTextAccentHover = "var(--on-dark-personas-green-text-accent-hover, #84DCC6FF)";
|
|
281
239
|
/** Основной цвет текста на темном фоне */
|
|
282
240
|
export declare const onDarkTextPrimaryBrightnessHover = "var(--on-dark-text-primary-brightness-hover, #FAFAFA93)";
|
|
241
|
+
/** On Dark Personas Sea Blue Text Accent */
|
|
242
|
+
export declare const onDarkPersonasSeaBlueTextAccent = "var(--on-dark-personas-sea-blue-text-accent, #7BC8C8)";
|
|
243
|
+
/** Blue Text Accent Active On Light */
|
|
244
|
+
export declare const onLightPersonasBlueTextAccentActive = "var(--on-light-personas-blue-text-accent-active, #0D4F96FF)";
|
|
245
|
+
/** Default Active On Light */
|
|
246
|
+
export declare const onLightOutlineDefaultActive = "var(--on-light-outline-default-active, #E6E6E6FF)";
|
|
283
247
|
/** Цвет предупреждения на светлом фоне */
|
|
284
248
|
export declare const onLightTextWarningActive = "var(--on-light-text-warning-active, #6F2D06FF)";
|
|
285
|
-
/**
|
|
286
|
-
export declare const onLightOutlinePrimaryActive = "var(--on-light-outline-primary-active, #C4BEBAFF)";
|
|
287
|
-
/** null */
|
|
288
|
-
export declare const inversePersonasBlueTextAccentActive = "var(--inverse-personas-blue-text-accent-active, #0D4F96FF)";
|
|
289
|
-
/** null */
|
|
290
|
-
export declare const inverseSurfaceTransparentAccentMinorActive = "var(--inverse-surface-transparent-accent-minor-active, #0BA8885C)";
|
|
291
|
-
/** null */
|
|
292
|
-
export declare const inversePersonasSeaBlueTextAccentHover = "var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)";
|
|
293
|
-
/** null */
|
|
294
|
-
export declare const inversePersonasBlueTextAccentHover = "var(--inverse-personas-blue-text-accent-hover, #1477E1FF)";
|
|
295
|
-
/** null */
|
|
296
|
-
export declare const inversePersonasVioletTextAccentHover = "var(--inverse-personas-violet-text-accent-hover, #B740C9FF)";
|
|
297
|
-
/** null */
|
|
298
|
-
export declare const inverseSurfaceTransparentAccentMinorHover = "var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)";
|
|
299
|
-
/** null */
|
|
300
|
-
export declare const onLightPersonasBlueTextAccentHover = "var(--on-light-personas-blue-text-accent-hover, #1477E1FF)";
|
|
301
|
-
/** null */
|
|
302
|
-
export declare const onDarkSurfaceTransparentNaviHover = "var(--on-dark-surface-transparent-navi-hover, #242424B8)";
|
|
303
|
-
/** null */
|
|
304
|
-
export declare const onLightSurfaceAccentSecondaryHover = "var(--on-light-surface-accent-secondary-hover, #50C3A8FF)";
|
|
305
|
-
/** null */
|
|
306
|
-
export declare const surfaceTransparentNaviHover = "var(--surface-transparent-navi-hover, #242424B8)";
|
|
307
|
-
/** null */
|
|
308
|
-
export declare const onLightSurfaceTransparentAccentMinorHover = "var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)";
|
|
309
|
-
/** null */
|
|
249
|
+
/** Green Text Accent Hover On Light */
|
|
310
250
|
export declare const onLightPersonasGreenTextAccentHover = "var(--on-light-personas-green-text-accent-hover, #04D7A6FF)";
|
|
311
|
-
/**
|
|
312
|
-
export declare const outlineDefaultHover = "var(--outline-default-hover, #858585FF)";
|
|
313
|
-
/** null */
|
|
314
|
-
export declare const onDarkOutlinePrimaryHover = "var(--on-dark-outline-primary-hover, #6B6461FF)";
|
|
315
|
-
/** null */
|
|
251
|
+
/** Pink Text Accent Hover On Dark */
|
|
316
252
|
export declare const onDarkPersonasPinkTextAccentHover = "var(--on-dark-personas-pink-text-accent-hover, #F26E6EFF)";
|
|
317
|
-
/**
|
|
253
|
+
/** Primary Hover Default */
|
|
318
254
|
export declare const outlinePrimaryHover = "var(--outline-primary-hover, #91847EFF)";
|
|
319
|
-
/**
|
|
255
|
+
/** Indigo Text Accent Hover Inverse */
|
|
320
256
|
export declare const inversePersonasIndigoTextAccentHover = "var(--inverse-personas-indigo-text-accent-hover, #D2B4F8FF)";
|
|
321
|
-
/**
|
|
257
|
+
/** Pink Text Accent Hover Inverse */
|
|
322
258
|
export declare const inversePersonasPinkTextAccentHover = "var(--inverse-personas-pink-text-accent-hover, #FBCBCBFF)";
|
|
323
|
-
/**
|
|
259
|
+
/** Olive Text Accent Hover Default */
|
|
324
260
|
export declare const personasOliveTextAccentHover = "var(--personas-olive-text-accent-hover, #A6D4A5FF)";
|
|
325
|
-
/**
|
|
261
|
+
/** Ochre Text Accent Hover Inverse */
|
|
326
262
|
export declare const inversePersonasOchreTextAccentHover = "var(--inverse-personas-ochre-text-accent-hover, #ED6C1DFF)";
|
|
327
|
-
/**
|
|
263
|
+
/** Transparent Navi Hover Inverse */
|
|
328
264
|
export declare const inverseSurfaceTransparentNaviHover = "var(--inverse-surface-transparent-navi-hover, #FFFFFFA8)";
|
|
329
|
-
/**
|
|
265
|
+
/** Olive Text Accent Hover On Light */
|
|
330
266
|
export declare const onLightPersonasOliveTextAccentHover = "var(--on-light-personas-olive-text-accent-hover, #1DB71AFF)";
|
|
331
|
-
/**
|
|
267
|
+
/** Violet Text Accent Hover On Light */
|
|
332
268
|
export declare const onLightPersonasVioletTextAccentHover = "var(--on-light-personas-violet-text-accent-hover, #B740C9FF)";
|
|
333
|
-
/**
|
|
269
|
+
/** Ochre Text Accent Hover On Light */
|
|
334
270
|
export declare const onLightPersonasOchreTextAccentHover = "var(--on-light-personas-ochre-text-accent-hover, #ED6C1DFF)";
|
|
335
|
-
/**
|
|
271
|
+
/** Indigo Text Accent Hover On Dark */
|
|
336
272
|
export declare const onDarkPersonasIndigoTextAccentHover = "var(--on-dark-personas-indigo-text-accent-hover, #E8DAFCFF)";
|
|
337
|
-
/**
|
|
273
|
+
/** On Dark Personas Ochre Text Accent */
|
|
338
274
|
export declare const onDarkPersonasOchreTextAccent = "var(--on-dark-personas-ochre-text-accent, #F4B49B)";
|
|
339
|
-
/**
|
|
275
|
+
/** Green Text Accent Active On Dark */
|
|
340
276
|
export declare const onDarkPersonasGreenTextAccentActive = "var(--on-dark-personas-green-text-accent-active, #54CFB0FF)";
|
|
341
|
-
/**
|
|
277
|
+
/** Ochre Text Accent Active On Dark */
|
|
342
278
|
export declare const onDarkPersonasOchreTextAccentActive = "var(--on-dark-personas-ochre-text-accent-active, #F19F7EFF)";
|
|
343
|
-
/**
|
|
279
|
+
/** Transparent Accent Minor Active Default */
|
|
344
280
|
export declare const surfaceTransparentAccentMinorActive = "var(--surface-transparent-accent-minor-active, #0BA88838)";
|
|
345
|
-
/**
|
|
281
|
+
/** Default Hover Inverse */
|
|
346
282
|
export declare const inverseOutlineDefaultHover = "var(--inverse-outline-default-hover, #CCCCCCFF)";
|
|
347
|
-
/**
|
|
283
|
+
/** Personas Violet Text Accent */
|
|
348
284
|
export declare const personasVioletTextAccent = "var(--personas-violet-text-accent, #9E32AF)";
|
|
349
|
-
/**
|
|
285
|
+
/** Primary Hover Inverse */
|
|
350
286
|
export declare const inverseOutlinePrimaryHover = "var(--inverse-outline-primary-hover, #ADA39FFF)";
|
|
351
|
-
/**
|
|
287
|
+
/** Sea Blue Text Accent Hover Inverse */
|
|
288
|
+
export declare const inversePersonasSeaBlueTextAccentHover = "var(--inverse-personas-sea-blue-text-accent-hover, #000000FF)";
|
|
289
|
+
/** Blue Text Accent Hover Inverse */
|
|
290
|
+
export declare const inversePersonasBlueTextAccentHover = "var(--inverse-personas-blue-text-accent-hover, #1477E1FF)";
|
|
291
|
+
/** Violet Text Accent Hover Inverse */
|
|
292
|
+
export declare const inversePersonasVioletTextAccentHover = "var(--inverse-personas-violet-text-accent-hover, #B740C9FF)";
|
|
293
|
+
/** Transparent Accent Minor Hover Inverse */
|
|
294
|
+
export declare const inverseSurfaceTransparentAccentMinorHover = "var(--inverse-surface-transparent-accent-minor-hover, #0BA88857)";
|
|
295
|
+
/** Blue Text Accent Hover On Light */
|
|
296
|
+
export declare const onLightPersonasBlueTextAccentHover = "var(--on-light-personas-blue-text-accent-hover, #1477E1FF)";
|
|
297
|
+
/** Transparent Navi Hover On Dark */
|
|
298
|
+
export declare const onDarkSurfaceTransparentNaviHover = "var(--on-dark-surface-transparent-navi-hover, #242424B8)";
|
|
299
|
+
/** Accent Secondary Hover On Light */
|
|
300
|
+
export declare const onLightSurfaceAccentSecondaryHover = "var(--on-light-surface-accent-secondary-hover, #50C3A8FF)";
|
|
301
|
+
/** Transparent Navi Hover Default */
|
|
302
|
+
export declare const surfaceTransparentNaviHover = "var(--surface-transparent-navi-hover, #242424B8)";
|
|
303
|
+
/** Transparent Accent Minor Hover On Light */
|
|
304
|
+
export declare const onLightSurfaceTransparentAccentMinorHover = "var(--on-light-surface-transparent-accent-minor-hover, #0BA8884D)";
|
|
305
|
+
/** Default Hover Default */
|
|
306
|
+
export declare const outlineDefaultHover = "var(--outline-default-hover, #858585FF)";
|
|
307
|
+
/** Primary Hover On Dark */
|
|
308
|
+
export declare const onDarkOutlinePrimaryHover = "var(--on-dark-outline-primary-hover, #6B6461FF)";
|
|
309
|
+
/** Инвертированный основной фон для карточек */
|
|
310
|
+
export declare const inverseSurfaceSolidCardBrightnessHover = "var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)";
|
|
311
|
+
/** Inverse Personas Blue Text Accent */
|
|
312
|
+
export declare const inversePersonasBlueTextAccent = "var(--inverse-personas-blue-text-accent, #1063BA)";
|
|
313
|
+
/** Blue Text Accent Active Default */
|
|
314
|
+
export declare const personasBlueTextAccentActive = "var(--personas-blue-text-accent-active, #5DA3EFFF)";
|
|
315
|
+
/** Accent Secondary Active Default */
|
|
352
316
|
export declare const surfaceAccentSecondaryActive = "var(--surface-accent-secondary-active, #59C5ACFF)";
|
|
353
|
-
/**
|
|
317
|
+
/** Surface Transparent Accent Minor */
|
|
354
318
|
export declare const surfaceTransparentAccentMinor = "var(--surface-transparent-accent-minor, #0BA68647)";
|
|
355
|
-
/**
|
|
319
|
+
/** Inverse Personas Sea Blue Text Accent */
|
|
356
320
|
export declare const inversePersonasSeaBlueTextAccent = "var(--inverse-personas-sea-blue-text-accent, #7BC8C8)";
|
|
357
|
-
/**
|
|
321
|
+
/** On Dark Personas Pink Text Accent */
|
|
358
322
|
export declare const onDarkPersonasPinkTextAccent = "var(--on-dark-personas-pink-text-accent, #F7A4A4)";
|
|
323
|
+
/** Personas Pink Text Accent */
|
|
324
|
+
export declare const personasPinkTextAccent = "var(--personas-pink-text-accent, #DE5555)";
|
|
325
|
+
/** On Dark Surface Transparent Navi */
|
|
326
|
+
export declare const onDarkSurfaceTransparentNavi = "var(--on-dark-surface-transparent-navi, #23232399)";
|
|
327
|
+
/** Inverse Outline Primary */
|
|
328
|
+
export declare const inverseOutlinePrimary = "var(--inverse-outline-primary, #DDD9D7)";
|
|
329
|
+
/** Olive Text Accent Active Inverse */
|
|
330
|
+
export declare const inversePersonasOliveTextAccentActive = "var(--inverse-personas-olive-text-accent-active, #179315FF)";
|
|
331
|
+
/** On Dark Outline Default */
|
|
332
|
+
export declare const onDarkOutlineDefault = "var(--on-dark-outline-default, #383838)";
|
|
333
|
+
/** Personas Green Text Accent */
|
|
334
|
+
export declare const personasGreenTextAccent = "var(--personas-green-text-accent, #038768)";
|
|
335
|
+
/** Dark Background Hardline */
|
|
336
|
+
export declare const darkBackgroundHardline = "var(--dark-background-hardline, #000000)";
|
|
337
|
+
/** On Dark Outline Primary */
|
|
338
|
+
export declare const onDarkOutlinePrimary = "var(--on-dark-outline-primary, #3B3735)";
|
|
339
|
+
/** Personas Blue Text Accent */
|
|
340
|
+
export declare const personasBlueTextAccent = "var(--personas-blue-text-accent, #79B3F2)";
|
|
341
|
+
/** Personas Sea Blue Text Accent */
|
|
342
|
+
export declare const personasSeaBlueTextAccent = "var(--personas-sea-blue-text-accent, #00898D)";
|
|
343
|
+
/** Violet Text Accent Hover Default */
|
|
344
|
+
export declare const personasVioletTextAccentHover = "var(--personas-violet-text-accent-hover, #B438C7FF)";
|
|
345
|
+
/** Background Hardline */
|
|
346
|
+
export declare const backgroundHardline = "var(--background-hardline, #000000)";
|
|
359
347
|
/** Основной цвет текста на светлом фоне */
|
|
360
348
|
export declare const onLightTextPrimaryBrightnessHover = "var(--on-light-text-primary-brightness-hover, #17171793)";
|
|
361
349
|
/** Инвертированный основной цвет текста */
|
|
@@ -364,58 +352,68 @@ export declare const inverseTextPrimaryBrightnessHover = "var(--inverse-text-pri
|
|
|
364
352
|
export declare const surfaceSolidPrimaryBrightnessActive = "var(--surface-solid-primary-brightness-active, #212121FF)";
|
|
365
353
|
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
366
354
|
export declare const onDarkSurfaceSolidPrimaryBrightnessHover = "var(--on-dark-surface-solid-primary-brightness-hover, #303030FF)";
|
|
367
|
-
/**
|
|
368
|
-
export declare const inverseSurfaceSolidCardBrightnessHover = "var(--inverse-surface-solid-card-brightness-hover, #FFFFFFFF)";
|
|
369
|
-
/** null */
|
|
370
|
-
export declare const personasPinkTextAccent = "var(--personas-pink-text-accent, #DE5555)";
|
|
371
|
-
/** null */
|
|
372
|
-
export declare const personasBlueTextAccent = "var(--personas-blue-text-accent, #79B3F2)";
|
|
373
|
-
/** null */
|
|
374
|
-
export declare const personasSeaBlueTextAccent = "var(--personas-sea-blue-text-accent, #00898D)";
|
|
375
|
-
/** null */
|
|
376
|
-
export declare const personasVioletTextAccentHover = "var(--personas-violet-text-accent-hover, #B438C7FF)";
|
|
377
|
-
/** null */
|
|
378
|
-
export declare const backgroundHardline = "var(--background-hardline, #000000)";
|
|
379
|
-
/** null */
|
|
380
|
-
export declare const inversePersonasBlueTextAccent = "var(--inverse-personas-blue-text-accent, #1063BA)";
|
|
381
|
-
/** null */
|
|
355
|
+
/** Inverse Personas Violet Text Accent */
|
|
382
356
|
export declare const inversePersonasVioletTextAccent = "var(--inverse-personas-violet-text-accent, #9E32AF)";
|
|
383
|
-
/**
|
|
357
|
+
/** Inverse Surface Transparent Accent Minor */
|
|
384
358
|
export declare const inverseSurfaceTransparentAccentMinor = "var(--inverse-surface-transparent-accent-minor, #0BA68647)";
|
|
385
|
-
/**
|
|
359
|
+
/** On Light Personas Blue Text Accent */
|
|
386
360
|
export declare const onLightPersonasBlueTextAccent = "var(--on-light-personas-blue-text-accent, #1063BA)";
|
|
387
|
-
/** null */
|
|
388
|
-
export declare const onDarkSurfaceTransparentNavi = "var(--on-dark-surface-transparent-navi, #23232399)";
|
|
389
|
-
/** null */
|
|
390
|
-
export declare const inverseOutlinePrimary = "var(--inverse-outline-primary, #DDD9D7)";
|
|
391
|
-
/** null */
|
|
392
|
-
export declare const inversePersonasOliveTextAccentActive = "var(--inverse-personas-olive-text-accent-active, #179315FF)";
|
|
393
|
-
/** null */
|
|
394
|
-
export declare const onDarkOutlineDefault = "var(--on-dark-outline-default, #383838)";
|
|
395
|
-
/** null */
|
|
396
|
-
export declare const personasGreenTextAccent = "var(--personas-green-text-accent, #038768)";
|
|
397
|
-
/** null */
|
|
398
|
-
export declare const personasBlueTextAccentActive = "var(--personas-blue-text-accent-active, #5DA3EFFF)";
|
|
399
|
-
/** null */
|
|
400
|
-
export declare const darkBackgroundHardline = "var(--dark-background-hardline, #000000)";
|
|
401
|
-
/** null */
|
|
402
|
-
export declare const onDarkOutlinePrimary = "var(--on-dark-outline-primary, #3B3735)";
|
|
403
361
|
/** Основной цвет текста на темном фоне */
|
|
404
362
|
export declare const onDarkTextPrimaryBrightnessActive = "var(--on-dark-text-primary-brightness-active, #FAFAFAC4)";
|
|
405
363
|
/** Основной цвет текста на светлом фоне */
|
|
406
364
|
export declare const onLightTextPrimaryBrightnessActive = "var(--on-light-text-primary-brightness-active, #171717C4)";
|
|
407
365
|
/** Инвертированный основной цвет текста */
|
|
408
366
|
export declare const inverseTextPrimaryBrightnessActive = "var(--inverse-text-primary-brightness-active, #171717C4)";
|
|
409
|
-
/**
|
|
367
|
+
/** Personas Indigo Text Accent */
|
|
410
368
|
export declare const personasIndigoTextAccent = "var(--personas-indigo-text-accent, #BD91F5)";
|
|
411
|
-
/**
|
|
369
|
+
/** Ochre Text Accent Hover On Dark */
|
|
412
370
|
export declare const onDarkPersonasOchreTextAccentHover = "var(--on-dark-personas-ochre-text-accent-hover, #F7C8B6FF)";
|
|
413
|
-
/**
|
|
371
|
+
/** Indigo Text Accent Active On Dark */
|
|
414
372
|
export declare const onDarkPersonasIndigoTextAccentActive = "var(--on-dark-personas-indigo-text-accent-active, #AA73F2FF)";
|
|
415
|
-
/**
|
|
373
|
+
/** Pink Text Accent Hover Default */
|
|
416
374
|
export declare const personasPinkTextAccentHover = "var(--personas-pink-text-accent-hover, #E26E6EFF)";
|
|
417
|
-
/**
|
|
418
|
-
export declare const
|
|
375
|
+
/** On Dark Personas Green Text Accent */
|
|
376
|
+
export declare const onDarkPersonasGreenTextAccent = "var(--on-dark-personas-green-text-accent, #6CD5BB)";
|
|
377
|
+
/** Transparent Accent Minor Hover Default */
|
|
378
|
+
export declare const surfaceTransparentAccentMinorHover = "var(--surface-transparent-accent-minor-hover, #0BA88866)";
|
|
379
|
+
/** Transparent Navi Active On Dark */
|
|
380
|
+
export declare const onDarkSurfaceTransparentNaviActive = "var(--on-dark-surface-transparent-navi-active, #2424248A)";
|
|
381
|
+
/** Ochre Text Accent Active Inverse */
|
|
382
|
+
export declare const inversePersonasOchreTextAccentActive = "var(--inverse-personas-ochre-text-accent-active, #AA4A0EFF)";
|
|
383
|
+
/** Transparent Navi Active Inverse */
|
|
384
|
+
export declare const inverseSurfaceTransparentNaviActive = "var(--inverse-surface-transparent-navi-active, #FFFFFFAD)";
|
|
385
|
+
/** Olive Text Accent Active On Light */
|
|
386
|
+
export declare const onLightPersonasOliveTextAccentActive = "var(--on-light-personas-olive-text-accent-active, #179315FF)";
|
|
387
|
+
/** Pink Text Accent Active Default */
|
|
388
|
+
export declare const personasPinkTextAccentActive = "var(--personas-pink-text-accent-active, #D83B3BFF)";
|
|
389
|
+
/** Blue Text Accent Active On Dark */
|
|
390
|
+
export declare const onDarkPersonasBlueTextAccentActive = "var(--on-dark-personas-blue-text-accent-active, #5DA3EFFF)";
|
|
391
|
+
/** Sea Blue Text Accent Active On Light */
|
|
392
|
+
export declare const onLightPersonasSeaBlueTextAccentActive = "var(--on-light-personas-sea-blue-text-accent-active, #00B1B8FF)";
|
|
393
|
+
/** On Light Outline Default */
|
|
394
|
+
export declare const onLightOutlineDefault = "var(--on-light-outline-default, #FFFFFF)";
|
|
395
|
+
/** Transparent Accent Minor Hover On Dark */
|
|
396
|
+
export declare const onDarkSurfaceTransparentAccentMinorHover = "var(--on-dark-surface-transparent-accent-minor-hover, #0BA88866)";
|
|
397
|
+
/** On Light Surface Accent Secondary */
|
|
398
|
+
export declare const onLightSurfaceAccentSecondary = "var(--on-light-surface-accent-secondary, #41BDA1)";
|
|
399
|
+
/** On Light Personas Pink Text Accent */
|
|
400
|
+
export declare const onLightPersonasPinkTextAccent = "var(--on-light-personas-pink-text-accent, #DE5555)";
|
|
401
|
+
/** Inverse Personas Olive Text Accent */
|
|
402
|
+
export declare const inversePersonasOliveTextAccent = "var(--inverse-personas-olive-text-accent, #127210)";
|
|
403
|
+
/** Primary Active Inverse */
|
|
404
|
+
export declare const inverseOutlinePrimaryActive = "var(--inverse-outline-primary-active, #C4BEBAFF)";
|
|
405
|
+
/** Accent Secondary Active On Light */
|
|
406
|
+
export declare const onLightSurfaceAccentSecondaryActive = "var(--on-light-surface-accent-secondary-active, #3CAF94FF)";
|
|
407
|
+
/** Transparent Accent Minor Active On Dark */
|
|
408
|
+
export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-surface-transparent-accent-minor-active, #0BA88838)";
|
|
409
|
+
/** Основной непрозрачный фон поверхности/контрола на темном фоне */
|
|
410
|
+
export declare const onDarkSurfaceSolidPrimaryBrightnessActive = "var(--on-dark-surface-solid-primary-brightness-active, #212121FF)";
|
|
411
|
+
/** On Light Personas Indigo Text Accent */
|
|
412
|
+
export declare const onLightPersonasIndigoTextAccent = "var(--on-light-personas-indigo-text-accent, #7133BE)";
|
|
413
|
+
/** Green Text Accent Hover Inverse */
|
|
414
|
+
export declare const inversePersonasGreenTextAccentHover = "var(--inverse-personas-green-text-accent-hover, #8CDECAFF)";
|
|
415
|
+
/** Indigo Text Accent Active On Light */
|
|
416
|
+
export declare const onLightPersonasIndigoTextAccentActive = "var(--on-light-personas-indigo-text-accent-active, #5B2999FF)";
|
|
419
417
|
/** Акцентный цвет */
|
|
420
418
|
export declare const textAccent = "var(--text-accent, #61C8B0)";
|
|
421
419
|
/** Акцентный цвет */
|
|
@@ -472,8 +470,8 @@ export declare const textPrimaryBrightness = "var(--text-primary-brightness, #FA
|
|
|
472
470
|
export declare const textParagraph = "var(--text-paragraph, #F6F2F07A)";
|
|
473
471
|
/** Сплошной наборный текст */
|
|
474
472
|
export declare const textParagraphHover = "var(--text-paragraph-hover, #F5F1EFFF)";
|
|
475
|
-
/** Сплошной наборный текст
|
|
476
|
-
export declare const
|
|
473
|
+
/** Сплошной наборный текст */
|
|
474
|
+
export declare const textParagraphActive = "var(--text-paragraph-active, #F5F1EF93)";
|
|
477
475
|
/** Акцентный цвет на темном фоне */
|
|
478
476
|
export declare const onDarkTextAccent = "var(--on-dark-text-accent, #61C8B0ED)";
|
|
479
477
|
/** Акцентный цвет на темном фоне */
|
|
@@ -532,8 +530,8 @@ export declare const onDarkTextPrimaryHover = "var(--on-dark-text-primary-hover,
|
|
|
532
530
|
export declare const onDarkTextParagraph = "var(--on-dark-text-paragraph, #F6F2F07A)";
|
|
533
531
|
/** Сплошной наборный текст на темном фоне */
|
|
534
532
|
export declare const onDarkTextParagraphHover = "var(--on-dark-text-paragraph-hover, #F5F1EFFF)";
|
|
535
|
-
/**
|
|
536
|
-
export declare const
|
|
533
|
+
/** Сплошной наборный текст на темном фоне */
|
|
534
|
+
export declare const onDarkTextParagraphActive = "var(--on-dark-text-paragraph-active, #F5F1EF93)";
|
|
537
535
|
/** Вторичный цвет текста на светлом фоне */
|
|
538
536
|
export declare const onLightTextSecondary = "var(--on-light-text-secondary, #15110FA3)";
|
|
539
537
|
/** Вторичный цвет текста на светлом фоне */
|
|
@@ -580,6 +578,8 @@ export declare const onLightTextPrimary = "var(--on-light-text-primary, #15110FF
|
|
|
580
578
|
export declare const onLightTextPrimaryHover = "var(--on-light-text-primary-hover, #15110F97)";
|
|
581
579
|
/** Основной цвет текста на светлом фоне */
|
|
582
580
|
export declare const onLightTextPrimaryActive = "var(--on-light-text-primary-active, #15110FCA)";
|
|
581
|
+
/** Основной цвет текста на светлом фоне */
|
|
582
|
+
export declare const onLightTextPrimaryBrightness = "var(--on-light-text-primary-brightness, #171717F5)";
|
|
583
583
|
/** Инвертированный основной цвет текста */
|
|
584
584
|
export declare const inverseTextPrimary = "var(--inverse-text-primary, #15110FFC)";
|
|
585
585
|
/** Инвертированный основной цвет текста */
|
|
@@ -630,8 +630,6 @@ export declare const onLightTextInfoHover = "var(--on-light-text-info-hover, #00
|
|
|
630
630
|
export declare const onLightTextInfoActive = "var(--on-light-text-info-active, #194B85FF)";
|
|
631
631
|
/** Цвет ошибки на светлом фоне */
|
|
632
632
|
export declare const onLightTextNegativeHover = "var(--on-light-text-negative-hover, #E3353BFF)";
|
|
633
|
-
/** Инвертированный цвет ошибки */
|
|
634
|
-
export declare const inverseTextNegativeActive = "var(--inverse-text-negative-active, #AF181DFF)";
|
|
635
633
|
/** Инвертированный цвет информации */
|
|
636
634
|
export declare const inverseTextInfo = "var(--inverse-text-info, #205EA5)";
|
|
637
635
|
/** Инвертированный цвет информации */
|
|
@@ -672,8 +670,8 @@ export declare const inverseTextPositiveActive = "var(--inverse-text-positive-ac
|
|
|
672
670
|
export declare const inverseTextNegative = "var(--inverse-text-negative, #D11D23)";
|
|
673
671
|
/** Инвертированный цвет ошибки */
|
|
674
672
|
export declare const inverseTextNegativeHover = "var(--inverse-text-negative-hover, #E3353BFF)";
|
|
675
|
-
/**
|
|
676
|
-
export declare const
|
|
673
|
+
/** Инвертированный цвет ошибки */
|
|
674
|
+
export declare const inverseTextNegativeActive = "var(--inverse-text-negative-active, #AF181DFF)";
|
|
677
675
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
678
676
|
export declare const surfaceTransparentTertiary = "var(--surface-transparent-tertiary, #FFFFFF3D)";
|
|
679
677
|
/** Третичный прозрачный фон поверхности/контрола */
|
|
@@ -740,8 +738,8 @@ export declare const surfaceTransparentPrimaryActive = "var(--surface-transparen
|
|
|
740
738
|
export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF29)";
|
|
741
739
|
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
740
|
export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF47)";
|
|
743
|
-
/**
|
|
744
|
-
export declare const
|
|
741
|
+
/** Вторичный прозрачный фон поверхности/контрола */
|
|
742
|
+
export declare const surfaceTransparentSecondaryActive = "var(--surface-transparent-secondary-active, #FFFFFF1A)";
|
|
745
743
|
/** Цвет фона поверхности/контрола ошибка */
|
|
746
744
|
export declare const surfaceNegative = "var(--surface-negative, #F8A6A9)";
|
|
747
745
|
/** Цвет фона поверхности/контрола ошибка */
|
|
@@ -764,8 +762,10 @@ export declare const surfacePositiveHover = "var(--surface-positive-hover, #B3D9
|
|
|
764
762
|
export declare const surfaceWarning = "var(--surface-warning, #F8AD80)";
|
|
765
763
|
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
764
|
export declare const surfaceWarningHover = "var(--surface-warning-hover, #F9BB94FF)";
|
|
765
|
+
/** Цвет фона поверхности/контрола предупреждение */
|
|
766
|
+
export declare const surfaceWarningActive = "var(--surface-warning-active, #F8A977FF)";
|
|
767
767
|
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
768
|
-
export declare const
|
|
768
|
+
export declare const surfaceTransparentNegativeHover = "var(--surface-transparent-negative-hover, #F8A5A89E)";
|
|
769
769
|
/** Цвет для readOnly */
|
|
770
770
|
export declare const surfaceReadOnly = "var(--surface-read-only, #F9F9F905)";
|
|
771
771
|
/** Цвет для readOnly */
|
|
@@ -790,8 +790,10 @@ export declare const onDarkSurfaceSolidSecondaryActive = "var(--on-dark-surface-
|
|
|
790
790
|
export declare const onDarkSurfaceSolidTertiary = "var(--on-dark-surface-solid-tertiary, #474747)";
|
|
791
791
|
/** Третичный непрозрачный фон поверхности/контрола на темном фоне */
|
|
792
792
|
export declare const onDarkSurfaceSolidTertiaryHover = "var(--on-dark-surface-solid-tertiary-hover, #525252FF)";
|
|
793
|
-
/**
|
|
794
|
-
export declare const
|
|
793
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
794
|
+
export declare const surfaceTransparentNegativeActive = "var(--surface-transparent-negative-active, #F8A5A870)";
|
|
795
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение */
|
|
796
|
+
export declare const surfaceTransparentNegative = "var(--surface-transparent-negative, #F8A6A980)";
|
|
795
797
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
796
798
|
export declare const onDarkSurfaceTransparentTertiary = "var(--on-dark-surface-transparent-tertiary, #FFFFFF3D)";
|
|
797
799
|
/** Третичный прозрачный фон поверхности/контрола на темном фоне */
|
|
@@ -848,8 +850,8 @@ export declare const onDarkSurfaceTransparentPrimaryActive = "var(--on-dark-surf
|
|
|
848
850
|
export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-transparent-secondary, #FFFFFF29)";
|
|
849
851
|
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
850
852
|
export declare const onDarkSurfaceTransparentSecondaryHover = "var(--on-dark-surface-transparent-secondary-hover, #FFFFFF47)";
|
|
851
|
-
/**
|
|
852
|
-
export declare const
|
|
853
|
+
/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
|
|
854
|
+
export declare const onDarkSurfaceTransparentSecondaryActive = "var(--on-dark-surface-transparent-secondary-active, #FFFFFF1A)";
|
|
853
855
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
854
856
|
export declare const onDarkSurfacePositiveHover = "var(--on-dark-surface-positive-hover, #B3D9B0FF)";
|
|
855
857
|
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
@@ -878,6 +880,8 @@ export declare const onDarkSurfaceTransparentAccentActive = "var(--on-dark-surfa
|
|
|
878
880
|
export declare const onDarkSurfaceTransparentAccent = "var(--on-dark-surface-transparent-accent, #0BA68633)";
|
|
879
881
|
/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
|
|
880
882
|
export declare const onDarkSurfaceTransparentAccentHover = "var(--on-dark-surface-transparent-accent-hover, #0BA88852)";
|
|
883
|
+
/** Цвет фона поверхности/контрола успех на темном фоне */
|
|
884
|
+
export declare const onDarkSurfacePositive = "var(--on-dark-surface-positive, #A6D2A2)";
|
|
881
885
|
/** Цвет для readOnly */
|
|
882
886
|
export declare const onDarkSurfaceReadOnly = "var(--on-dark-surface-read-only, #F9F9F905)";
|
|
883
887
|
/** Цвет для readOnly */
|
|
@@ -903,9 +907,11 @@ export declare const onLightSurfaceSolidTertiary = "var(--on-light-surface-solid
|
|
|
903
907
|
/** Третичный непрозрачный фон поверхности/контрола на светлом фоне */
|
|
904
908
|
export declare const onLightSurfaceSolidTertiaryHover = "var(--on-light-surface-solid-tertiary-hover, #FFFFFFFF)";
|
|
905
909
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
910
|
+
export declare const onDarkSurfaceTransparentNegativeActive = "var(--on-dark-surface-transparent-negative-active, #F8A5A870)";
|
|
911
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
906
912
|
export declare const onDarkSurfaceTransparentNegative = "var(--on-dark-surface-transparent-negative, #F8A6A980)";
|
|
907
|
-
/**
|
|
908
|
-
export declare const
|
|
913
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на темном фоне */
|
|
914
|
+
export declare const onDarkSurfaceTransparentNegativeHover = "var(--on-dark-surface-transparent-negative-hover, #F8A5A89E)";
|
|
909
915
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
910
916
|
export declare const onLightSurfaceTransparentTertiary = "var(--on-light-surface-transparent-tertiary, #15110F1F)";
|
|
911
917
|
/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
@@ -962,6 +968,8 @@ export declare const onLightSurfaceTransparentPrimaryActive = "var(--on-light-su
|
|
|
962
968
|
export declare const onLightSurfaceTransparentSecondary = "var(--on-light-surface-transparent-secondary, #15110F14)";
|
|
963
969
|
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
964
970
|
export declare const onLightSurfaceTransparentSecondaryHover = "var(--on-light-surface-transparent-secondary-hover, #15110F1A)";
|
|
971
|
+
/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
|
|
972
|
+
export declare const onLightSurfaceTransparentSecondaryActive = "var(--on-light-surface-transparent-secondary-active, #15110F1F)";
|
|
965
973
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
966
974
|
export declare const onLightSurfacePositive = "var(--on-light-surface-positive, #239322)";
|
|
967
975
|
/** Цвет фона поверхности/контрола успех на светлом фоне */
|
|
@@ -993,7 +1001,7 @@ export declare const onLightSurfaceTransparentAccent = "var(--on-light-surface-t
|
|
|
993
1001
|
/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
|
|
994
1002
|
export declare const onLightSurfaceTransparentAccentHover = "var(--on-light-surface-transparent-accent-hover, #0BA8882E)";
|
|
995
1003
|
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
996
|
-
export declare const
|
|
1004
|
+
export declare const onLightSurfaceTransparentNegativeHover = "var(--on-light-surface-transparent-negative-hover, #E9353B38)";
|
|
997
1005
|
/** Цвет для readOnly */
|
|
998
1006
|
export declare const onLightSurfaceReadOnly = "var(--on-light-surface-read-only, #F9F9F903)";
|
|
999
1007
|
/** Цвет для readOnly */
|
|
@@ -1014,8 +1022,10 @@ export declare const inverseSurfaceSolidSecondary = "var(--inverse-surface-solid
|
|
|
1014
1022
|
export declare const inverseSurfaceSolidSecondaryHover = "var(--inverse-surface-solid-secondary-hover, #FFFFFFFF)";
|
|
1015
1023
|
/** Инвертированный вторичный непрозрачный фон поверхности/контрола */
|
|
1016
1024
|
export declare const inverseSurfaceSolidSecondaryActive = "var(--inverse-surface-solid-secondary-active, #FFFFFFFF)";
|
|
1017
|
-
/**
|
|
1018
|
-
export declare const
|
|
1025
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1026
|
+
export declare const onLightSurfaceTransparentNegativeActive = "var(--on-light-surface-transparent-negative-active, #E9353B3D)";
|
|
1027
|
+
/** Прозрачный цвет фона поверхности/контрола предупреждение на светлом фоне */
|
|
1028
|
+
export declare const onLightSurfaceTransparentNegative = "var(--on-light-surface-transparent-negative, #E8343929)";
|
|
1019
1029
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1020
1030
|
export declare const inverseSurfaceTransparentSecondaryActive = "var(--inverse-surface-transparent-secondary-active, #15110F1F)";
|
|
1021
1031
|
/** Инвертированный третичный прозрачный фон поверхности/контрола */
|
|
@@ -1072,6 +1082,8 @@ export declare const inverseSurfaceTransparentPrimaryHover = "var(--inverse-surf
|
|
|
1072
1082
|
export declare const inverseSurfaceTransparentPrimaryActive = "var(--inverse-surface-transparent-primary-active, #15110F0F)";
|
|
1073
1083
|
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1074
1084
|
export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface-transparent-secondary, #15110F14)";
|
|
1085
|
+
/** Инвертированный вторичный прозрачный фон поверхности/контрола */
|
|
1086
|
+
export declare const inverseSurfaceTransparentSecondaryHover = "var(--inverse-surface-transparent-secondary-hover, #15110F1A)";
|
|
1075
1087
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
1076
1088
|
export declare const inverseSurfacePositive = "var(--inverse-surface-positive, #239322)";
|
|
1077
1089
|
/** Инвертированный цвет фона поверхности/контрола успех */
|
|
@@ -1109,6 +1121,8 @@ export declare const inverseSurfaceTransparentAccentActive = "var(--inverse-surf
|
|
|
1109
1121
|
/** Инвертированный акцентный фон поверхности/контрола */
|
|
1110
1122
|
export declare const inverseSurfaceAccentActive = "var(--inverse-surface-accent-active, #099579FF)";
|
|
1111
1123
|
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1124
|
+
export declare const inverseSurfaceTransparentNegativeActive = "var(--inverse-surface-transparent-negative-active, #E9353B3D)";
|
|
1125
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1112
1126
|
export declare const inverseSurfaceTransparentNegative = "var(--inverse-surface-transparent-negative, #E8343929)";
|
|
1113
1127
|
/** Цвет для readOnly */
|
|
1114
1128
|
export declare const inverseSurfaceReadOnly = "var(--inverse-surface-read-only, #F9F9F903)";
|
|
@@ -1130,6 +1144,8 @@ export declare const darkBackgroundSecondary = "var(--dark-background-secondary,
|
|
|
1130
1144
|
export declare const darkBackgroundTertiary = "var(--dark-background-tertiary, #141413)";
|
|
1131
1145
|
/** Основной фон на светлом фоне */
|
|
1132
1146
|
export declare const lightBackgroundPrimary = "var(--light-background-primary, #EBE7E5)";
|
|
1147
|
+
/** Прозрачный инвертированный цвет фона поверхности/контрола предупреждение */
|
|
1148
|
+
export declare const inverseSurfaceTransparentNegativeHover = "var(--inverse-surface-transparent-negative-hover, #E9353B38)";
|
|
1133
1149
|
/** Инвертированный цвет фона паранжи светлый */
|
|
1134
1150
|
export declare const inverseOverlaySoft = "var(--inverse-overlay-soft, #0000003D)";
|
|
1135
1151
|
/** Инвертированный цвет фона паранжи темный */
|
|
@@ -1270,8 +1286,6 @@ export declare const inverseOutlineClear = "var(--inverse-outline-clear, #FFFFFF
|
|
|
1270
1286
|
export declare const inverseOutlineClearHover = "var(--inverse-outline-clear-hover, #FFFFFF00)";
|
|
1271
1287
|
/** Инвертированная бесцветная обводка */
|
|
1272
1288
|
export declare const inverseOutlineClearActive = "var(--inverse-outline-clear-active, #FFFFFF00)";
|
|
1273
|
-
/** Инвертированный цвет обводки предупреждение */
|
|
1274
|
-
export declare const inverseOutlineWarningActive = "var(--inverse-outline-warning-active, #A3420AFF)";
|
|
1275
1289
|
/** Инвертированный цвет обводки ошибка */
|
|
1276
1290
|
export declare const inverseOutlineNegative = "var(--inverse-outline-negative, #E83439)";
|
|
1277
1291
|
/** Инвертированный цвет обводки ошибка */
|
|
@@ -1294,6 +1308,8 @@ export declare const inverseOutlinePositiveHover = "var(--inverse-outline-positi
|
|
|
1294
1308
|
export declare const inverseOutlineWarning = "var(--inverse-outline-warning, #BE4E0C)";
|
|
1295
1309
|
/** Инвертированный цвет обводки предупреждение */
|
|
1296
1310
|
export declare const inverseOutlineWarningHover = "var(--inverse-outline-warning-hover, #F3813FFF)";
|
|
1311
|
+
/** Инвертированный цвет обводки предупреждение */
|
|
1312
|
+
export declare const inverseOutlineWarningActive = "var(--inverse-outline-warning-active, #A3420AFF)";
|
|
1297
1313
|
/** Основной цвет текста */
|
|
1298
1314
|
export declare const textPrimaryHover = "var(--text-primary-hover, #FFFFFF97)";
|
|
1299
1315
|
/** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
|
|
@@ -1302,118 +1318,118 @@ export declare const onDarkSurfaceSolidDefault = "var(--on-dark-surface-solid-de
|
|
|
1302
1318
|
export declare const onLightSurfaceAccentMinorActive = "var(--on-light-surface-accent-minor-active, #BFEDE1FF)";
|
|
1303
1319
|
/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
|
|
1304
1320
|
export declare const inverseSurfaceAccentMinorHover = "var(--inverse-surface-accent-minor-hover, #C7F0E5FF)";
|
|
1305
|
-
/**
|
|
1321
|
+
/** On Dark Personas Indigo Surface Accent Gradient */
|
|
1306
1322
|
export declare const 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%))";
|
|
1307
|
-
/**
|
|
1308
|
-
export declare const 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%))";
|
|
1309
|
-
/** null */
|
|
1310
|
-
export declare const 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%))";
|
|
1311
|
-
/** null */
|
|
1312
|
-
export declare const 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%))";
|
|
1313
|
-
/** null */
|
|
1323
|
+
/** On Dark Personas Blue Surface Accent Gradient */
|
|
1314
1324
|
export declare const 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%))";
|
|
1315
|
-
/**
|
|
1316
|
-
export declare const inversePersonasIndigoSurfaceAccentGradient = "var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1317
|
-
/**
|
|
1318
|
-
export declare const outlineWhiteGradient = "var(--outline-white-gradient, linear-gradient(135.00deg,
|
|
1319
|
-
/**
|
|
1325
|
+
/** Inverse Personas Indigo Surface Accent Gradient */
|
|
1326
|
+
export declare const inversePersonasIndigoSurfaceAccentGradient = "var(--inverse-personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(189, 145, 245) 0.0%, rgb(161, 117, 217) 100.0%))";
|
|
1327
|
+
/** Outline White Gradient */
|
|
1328
|
+
export declare const outlineWhiteGradient = "var(--outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))";
|
|
1329
|
+
/** Personas Green Surface Accent Gradient */
|
|
1320
1330
|
export declare const personasGreenSurfaceAccentGradient = "var(--personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(26, 158, 127) 0.0%, rgb(3, 135, 104) 100.0%))";
|
|
1321
|
-
/**
|
|
1322
|
-
export declare const inversePersonasSeaBlueSurfaceAccentGradient = "var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1323
|
-
/**
|
|
1331
|
+
/** Inverse Personas Sea Blue Surface Accent Gradient */
|
|
1332
|
+
export declare const inversePersonasSeaBlueSurfaceAccentGradient = "var(--inverse-personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(153, 215, 217) 0.0%, rgb(116, 198, 200) 100.0%))";
|
|
1333
|
+
/** On Light Personas Pink Surface Accent Gradient */
|
|
1324
1334
|
export declare const 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%))";
|
|
1325
|
-
/**
|
|
1335
|
+
/** Inverse Text Accent Gradient AI */
|
|
1326
1336
|
export declare const 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%))";
|
|
1327
|
-
/**
|
|
1337
|
+
/** On Dark Personas Ochre Surface Accent Gradient */
|
|
1328
1338
|
export declare const 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%))";
|
|
1329
|
-
/**
|
|
1330
|
-
export declare const personasSeaBlueSurfaceAccentGradient = "var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1331
|
-
/**
|
|
1332
|
-
export declare const inversePersonasPinkSurfaceAccentGradient = "var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1333
|
-
/**
|
|
1334
|
-
export declare const onLightSurfaceSkeletonGradient = "var(--on-light-surface-skeleton-gradient, linear-gradient(
|
|
1335
|
-
/**
|
|
1339
|
+
/** Personas Sea Blue Surface Accent Gradient */
|
|
1340
|
+
export declare const personasSeaBlueSurfaceAccentGradient = "var(--personas-sea-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(27, 173, 178) 0.0%, rgb(0, 137, 141) 100.0%))";
|
|
1341
|
+
/** Inverse Personas Pink Surface Accent Gradient */
|
|
1342
|
+
export declare const inversePersonasPinkSurfaceAccentGradient = "var(--inverse-personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(252, 153, 153) 0.0%, rgb(223, 105, 105) 100.0%))";
|
|
1343
|
+
/** On Light Surface Skeleton Gradient */
|
|
1344
|
+
export declare const 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%))";
|
|
1345
|
+
/** Inverse Personas Ochre Surface Accent Gradient */
|
|
1336
1346
|
export declare const inversePersonasOchreSurfaceAccentGradient = "var(--inverse-personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(248, 165, 133) 0.0%, rgb(228, 118, 76) 100.0%))";
|
|
1337
|
-
/**
|
|
1347
|
+
/** Dark Background Gradient */
|
|
1338
1348
|
export declare const darkBackgroundGradient = "var(--dark-background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))";
|
|
1339
|
-
/**
|
|
1349
|
+
/** On Dark Personas Sea Blue Surface Accent Gradient */
|
|
1340
1350
|
export declare const 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%))";
|
|
1341
|
-
/**
|
|
1342
|
-
export declare const onDarkSurfaceSkeletonGradient = "var(--on-dark-surface-skeleton-gradient, linear-gradient(
|
|
1343
|
-
/**
|
|
1344
|
-
export declare const inverseBackgroundGradient = "var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(
|
|
1345
|
-
/**
|
|
1351
|
+
/** On Dark Surface Skeleton Gradient */
|
|
1352
|
+
export declare const onDarkSurfaceSkeletonGradient = "var(--on-dark-surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))";
|
|
1353
|
+
/** Inverse Background Gradient */
|
|
1354
|
+
export declare const inverseBackgroundGradient = "var(--inverse-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))";
|
|
1355
|
+
/** Inverse Overlay Gradient */
|
|
1346
1356
|
export declare const inverseOverlayGradient = "var(--inverse-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))";
|
|
1347
|
-
/**
|
|
1357
|
+
/** Personas Pink Surface Accent Gradient */
|
|
1348
1358
|
export declare const personasPinkSurfaceAccentGradient = "var(--personas-pink-surface-accent-gradient, linear-gradient(180.00deg, rgb(222, 113, 113) 0.0%, rgb(208, 79, 79) 100.0%))";
|
|
1349
|
-
/**
|
|
1359
|
+
/** On Light Personas Olive Surface Accent Gradient */
|
|
1350
1360
|
export declare const 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%))";
|
|
1351
|
-
/**
|
|
1361
|
+
/** Inverse Surface Accent Gradient Secondary */
|
|
1352
1362
|
export declare const inverseSurfaceAccentGradientSecondary = "var(--inverse-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1353
|
-
/**
|
|
1363
|
+
/** On Light Text Accent Gradient AI */
|
|
1354
1364
|
export declare const 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%))";
|
|
1355
|
-
/**
|
|
1365
|
+
/** Light Background Gradient */
|
|
1356
1366
|
export declare const lightBackgroundGradient = "var(--light-background-gradient, linear-gradient(135.00deg, rgb(193, 234, 207) 0.0%, rgb(160, 222, 207) 100.0%))";
|
|
1357
|
-
/**
|
|
1358
|
-
export declare const surfaceSkeletonGradient = "var(--surface-skeleton-gradient, linear-gradient(
|
|
1359
|
-
/**
|
|
1360
|
-
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(
|
|
1361
|
-
/**
|
|
1362
|
-
export declare const onDarkOverlayGradient = "var(--on-dark-overlay-gradient, linear-gradient(
|
|
1363
|
-
/**
|
|
1367
|
+
/** Surface Skeleton Gradient */
|
|
1368
|
+
export declare const surfaceSkeletonGradient = "var(--surface-skeleton-gradient, linear-gradient(90deg, #FFFFFF00 0.0%, #FFFFFF3D 50.4%, #FFFFFF00 100.0%, #FFFFFF00 100.0%))";
|
|
1369
|
+
/** Overlay Gradient */
|
|
1370
|
+
export declare const overlayGradient = "var(--overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))";
|
|
1371
|
+
/** On Dark Overlay Gradient */
|
|
1372
|
+
export declare const onDarkOverlayGradient = "var(--on-dark-overlay-gradient, linear-gradient(180.00deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%))";
|
|
1373
|
+
/** On Light Outline White Gradient */
|
|
1374
|
+
export declare const onLightOutlineWhiteGradient = "var(--on-light-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))";
|
|
1375
|
+
/** Background Gradient */
|
|
1364
1376
|
export declare const backgroundGradient = "var(--background-gradient, linear-gradient(135.00deg, rgb(2, 20, 9) 0.0%, rgb(20, 20, 19) 100.0%))";
|
|
1365
|
-
/**
|
|
1366
|
-
export declare const
|
|
1367
|
-
/**
|
|
1368
|
-
export declare const
|
|
1369
|
-
/**
|
|
1377
|
+
/** On Dark Personas Violet Surface Accent Gradient */
|
|
1378
|
+
export declare const 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%))";
|
|
1379
|
+
/** Inverse Surface Skeleton Gradient */
|
|
1380
|
+
export declare const 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%))";
|
|
1381
|
+
/** Surface Accent Gradient Secondary */
|
|
1370
1382
|
export declare const surfaceAccentGradientSecondary = "var(--surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1371
|
-
/**
|
|
1372
|
-
export declare const inversePersonasGreenSurfaceAccentGradient = "var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1373
|
-
/**
|
|
1383
|
+
/** Inverse Personas Green Surface Accent Gradient */
|
|
1384
|
+
export declare const inversePersonasGreenSurfaceAccentGradient = "var(--inverse-personas-green-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 215, 192) 0.0%, rgb(80, 184, 159) 100.0%))";
|
|
1385
|
+
/** Personas Ochre Surface Accent Gradient */
|
|
1374
1386
|
export declare const personasOchreSurfaceAccentGradient = "var(--personas-ochre-surface-accent-gradient, linear-gradient(180.00deg, rgb(229, 128, 66) 0.0%, rgb(199, 90, 23) 100.0%))";
|
|
1375
|
-
/**
|
|
1376
|
-
export declare const inverseOutlineWhiteGradient = "var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0
|
|
1377
|
-
/**
|
|
1387
|
+
/** Inverse Outline White Gradient */
|
|
1388
|
+
export declare const inverseOutlineWhiteGradient = "var(--inverse-outline-white-gradient, linear-gradient(135.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.8) 100%))";
|
|
1389
|
+
/** On Light Personas Violet Surface Accent Gradient */
|
|
1378
1390
|
export declare const 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%))";
|
|
1379
|
-
/**
|
|
1391
|
+
/** Personas Violet Surface Accent Gradient */
|
|
1380
1392
|
export declare const personasVioletSurfaceAccentGradient = "var(--personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(177, 76, 194) 0.0%, rgb(158, 50, 175) 100.0%))";
|
|
1381
|
-
/**
|
|
1382
|
-
export declare const onDarkOutlineWhiteGradient = "var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0
|
|
1383
|
-
/**
|
|
1393
|
+
/** On Dark Outline White Gradient */
|
|
1394
|
+
export declare const onDarkOutlineWhiteGradient = "var(--on-dark-outline-white-gradient, linear-gradient(135.00deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.16) 36.746%, rgba(255, 255, 255, 0.16) 66.734%, rgba(255, 255, 255, 0.6) 100%))";
|
|
1395
|
+
/** Inverse Personas Blue Surface Accent Gradient */
|
|
1384
1396
|
export declare const inversePersonasBlueSurfaceAccentGradient = "var(--inverse-personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(121, 179, 242) 0.0%, rgb(93, 153, 219) 100.0%))";
|
|
1385
|
-
/**
|
|
1397
|
+
/** On Light Personas Sea Blue Surface Accent Gradient */
|
|
1386
1398
|
export declare const 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%))";
|
|
1387
|
-
/**
|
|
1399
|
+
/** Inverse Personas Olive Surface Accent Gradient */
|
|
1388
1400
|
export declare const inversePersonasOliveSurfaceAccentGradient = "var(--inverse-personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))";
|
|
1389
|
-
/**
|
|
1401
|
+
/** On Light Overlay Gradient */
|
|
1390
1402
|
export declare const onLightOverlayGradient = "var(--on-light-overlay-gradient, linear-gradient(180.00deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%))";
|
|
1391
|
-
/**
|
|
1403
|
+
/** On Light Personas Indigo Surface Accent Gradient */
|
|
1392
1404
|
export declare const 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%))";
|
|
1393
|
-
/**
|
|
1405
|
+
/** On Light Personas Blue Surface Accent Gradient */
|
|
1394
1406
|
export declare const 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%))";
|
|
1395
|
-
/**
|
|
1407
|
+
/** On Dark Personas Pink Surface Accent Gradient */
|
|
1396
1408
|
export declare const 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%))";
|
|
1397
|
-
/**
|
|
1409
|
+
/** On Dark Text Accent Gradient AI */
|
|
1398
1410
|
export declare const 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%))";
|
|
1399
|
-
/**
|
|
1411
|
+
/** On Dark Personas Green Surface Accent Gradient */
|
|
1400
1412
|
export declare const 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%))";
|
|
1401
|
-
/**
|
|
1413
|
+
/** Personas Olive Surface Accent Gradient */
|
|
1402
1414
|
export declare const personasOliveSurfaceAccentGradient = "var(--personas-olive-surface-accent-gradient, linear-gradient(180.00deg, rgb(147, 203, 146) 0.0%, rgb(115, 179, 114) 100.0%))";
|
|
1403
|
-
/**
|
|
1415
|
+
/** Personas Indigo Surface Accent Gradient */
|
|
1416
|
+
export declare const personasIndigoSurfaceAccentGradient = "var(--personas-indigo-surface-accent-gradient, linear-gradient(180.00deg, rgb(135, 77, 207) 0.0%, rgb(113, 51, 190) 100.0%))";
|
|
1417
|
+
/** Text Accent Gradient AI */
|
|
1404
1418
|
export declare const 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%))";
|
|
1405
|
-
/**
|
|
1406
|
-
export declare const 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%))";
|
|
1407
|
-
/** null */
|
|
1419
|
+
/** On Dark Surface Accent Gradient Secondary */
|
|
1408
1420
|
export declare const onDarkSurfaceAccentGradientSecondary = "var(--on-dark-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1409
|
-
/**
|
|
1410
|
-
export declare const personasBlueSurfaceAccentGradient = "var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(
|
|
1411
|
-
/**
|
|
1421
|
+
/** Personas Blue Surface Accent Gradient */
|
|
1422
|
+
export declare const personasBlueSurfaceAccentGradient = "var(--personas-blue-surface-accent-gradient, linear-gradient(180.00deg, rgb(47, 130, 217) 0.0%, rgb(16, 99, 186) 100.0%))";
|
|
1423
|
+
/** Inverse Personas Violet Surface Accent Gradient */
|
|
1412
1424
|
export declare const inversePersonasVioletSurfaceAccentGradient = "var(--inverse-personas-violet-surface-accent-gradient, linear-gradient(180.00deg, rgb(225, 157, 237) 0.0%, rgb(198, 122, 212) 100.0%))";
|
|
1413
|
-
/**
|
|
1425
|
+
/** On Light Surface Accent Gradient Secondary */
|
|
1414
1426
|
export declare const onLightSurfaceAccentGradientSecondary = "var(--on-light-surface-accent-gradient-secondary, linear-gradient(90.00deg, rgb(11, 166, 134) 0.0%, rgb(9, 133, 107) 100.0%))";
|
|
1415
|
-
/**
|
|
1427
|
+
/** On Light Personas Green Surface Accent Gradient */
|
|
1416
1428
|
export declare const 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%))";
|
|
1429
|
+
/** On Light Personas Ochre Surface Accent Gradient */
|
|
1430
|
+
export declare const 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%))";
|
|
1431
|
+
/** On Dark Personas Olive Surface Accent Gradient */
|
|
1432
|
+
export declare const 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%))";
|
|
1417
1433
|
/** Акцентный фон поверхности/контрола с градиентом */
|
|
1418
1434
|
export declare const surfaceAccentGradient = "var(--surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))";
|
|
1419
1435
|
/** Акцентный минорный фон поверхности/контрола с градиентом */
|
|
@@ -1423,7 +1439,7 @@ export declare const onDarkSurfaceAccentGradient = "var(--on-dark-surface-accent
|
|
|
1423
1439
|
/** Акцентный минорный фон поверхности/контрола с градиентом на темном фоне */
|
|
1424
1440
|
export declare const 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%))";
|
|
1425
1441
|
/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
|
|
1426
|
-
export declare const onLightSurfaceAccentGradient = "var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192)
|
|
1442
|
+
export declare const onLightSurfaceAccentGradient = "var(--on-light-surface-accent-gradient, linear-gradient(180.00deg, rgb(129, 211, 192) 0.0%, rgb(29, 145, 88) 100.0%))";
|
|
1427
1443
|
/** Акцентный минорный фон поверхности/контрола с градиентом на светлом фоне */
|
|
1428
1444
|
export declare const onLightSurfaceAccentMinorGradient = "var(--on-light-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))";
|
|
1429
1445
|
/** Инвертированный акцентный фон поверхности/контрола с градиентом */
|
|
@@ -1432,18 +1448,16 @@ export declare const inverseSurfaceAccentGradient = "var(--inverse-surface-accen
|
|
|
1432
1448
|
export declare const inverseSurfaceAccentMinorGradient = "var(--inverse-surface-accent-minor-gradient, linear-gradient(133.15deg, rgb(193, 234, 207) 0%, rgb(160, 222, 207) 100.0%))";
|
|
1433
1449
|
/** shadow down hard s */
|
|
1434
1450
|
export declare const shadowDownHardS = "var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)";
|
|
1435
|
-
/** shadow down soft l */
|
|
1436
|
-
export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
|
|
1437
1451
|
/** shadow down soft s */
|
|
1438
1452
|
export declare const shadowDownSoftS = "var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)";
|
|
1439
1453
|
/** shadow down soft m */
|
|
1440
1454
|
export declare const shadowDownSoftM = "var(--shadow-down-soft-m, 0rem 1.5rem 3rem -0.5rem #00000014)";
|
|
1455
|
+
/** shadow down soft l */
|
|
1456
|
+
export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
|
|
1441
1457
|
/** shadow down hard m */
|
|
1442
1458
|
export declare const shadowDownHardM = "var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)";
|
|
1443
1459
|
/** shadow down hard l */
|
|
1444
1460
|
export declare const shadowDownHardL = "var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)";
|
|
1445
|
-
/** shadow up hard s */
|
|
1446
|
-
export declare const shadowUpHardS = "var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)";
|
|
1447
1461
|
/** shadow up hard m */
|
|
1448
1462
|
export declare const shadowUpHardM = "var(--shadow-up-hard-m, 0rem -1rem 2rem -0.5rem #0000003D)";
|
|
1449
1463
|
/** shadow up hard l */
|
|
@@ -1454,14 +1468,14 @@ export declare const shadowUpSoftS = "var(--shadow-up-soft-s, 0rem -0.25rem 0.87
|
|
|
1454
1468
|
export declare const shadowUpSoftM = "var(--shadow-up-soft-m, 0rem -1.5rem 3rem -0.5rem #00000014)";
|
|
1455
1469
|
/** shadow up soft l */
|
|
1456
1470
|
export declare const shadowUpSoftL = "var(--shadow-up-soft-l, 0rem -3.75rem 7rem -0.5rem #00000014)";
|
|
1471
|
+
/** shadow up hard s */
|
|
1472
|
+
export declare const shadowUpHardS = "var(--shadow-up-hard-s, 0rem -0.25rem 0.75rem -0.1875rem #08080833,0rem -0.0625rem 0.25rem -0.0625rem #00000008)";
|
|
1457
1473
|
/** New description */
|
|
1458
1474
|
export declare const borderRadius4xl = "var(--border-radius-4xl, 2rem)";
|
|
1459
1475
|
/** New description */
|
|
1460
|
-
export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
|
|
1461
|
-
/** New description */
|
|
1462
1476
|
export declare const borderRadius3xl = "var(--border-radius-3xl, 1.75rem)";
|
|
1463
|
-
/**
|
|
1464
|
-
export declare const
|
|
1477
|
+
/** New description */
|
|
1478
|
+
export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
|
|
1465
1479
|
/** borderRadius xs */
|
|
1466
1480
|
export declare const borderRadiusXs = "var(--border-radius-xs, 0.375rem)";
|
|
1467
1481
|
/** borderRadius xxl */
|
|
@@ -1476,10 +1490,10 @@ export declare const borderRadiusCircle = "var(--border-radius-circle, 100rem)";
|
|
|
1476
1490
|
export declare const borderRadiusM = "var(--border-radius-m, 0.75rem)";
|
|
1477
1491
|
/** borderRadius l */
|
|
1478
1492
|
export declare const borderRadiusL = "var(--border-radius-l, 1rem)";
|
|
1493
|
+
/** borderRadius xxs */
|
|
1494
|
+
export declare const borderRadiusXxs = "var(--border-radius-xxs, 0.25rem)";
|
|
1479
1495
|
/** spacing 16x */
|
|
1480
1496
|
export declare const spacing16x = "var(--spacing-16x, 2rem)";
|
|
1481
|
-
/** spacing 10x */
|
|
1482
|
-
export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
|
|
1483
1497
|
/** spacing 12x */
|
|
1484
1498
|
export declare const spacing12x = "var(--spacing-12x, 1.5rem)";
|
|
1485
1499
|
/** spacing 20x */
|
|
@@ -1506,6 +1520,8 @@ export declare const spacing3x = "var(--spacing-3x, 0.375rem)";
|
|
|
1506
1520
|
export declare const spacing6x = "var(--spacing-6x, 0.75rem)";
|
|
1507
1521
|
/** spacing 8x */
|
|
1508
1522
|
export declare const spacing8x = "var(--spacing-8x, 1rem)";
|
|
1523
|
+
/** spacing 10x */
|
|
1524
|
+
export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
|
|
1509
1525
|
/** typography s body-xxs-bold */
|
|
1510
1526
|
export declare const bodyXXSBold: {
|
|
1511
1527
|
fontFamily: string;
|
|
@@ -1524,15 +1540,6 @@ export declare const h2Medium: {
|
|
|
1524
1540
|
letterSpacing: string;
|
|
1525
1541
|
lineHeight: string;
|
|
1526
1542
|
};
|
|
1527
|
-
/** typography s display-s */
|
|
1528
|
-
export declare const dsplS: {
|
|
1529
|
-
fontFamily: string;
|
|
1530
|
-
fontSize: string;
|
|
1531
|
-
fontStyle: string;
|
|
1532
|
-
fontWeight: string;
|
|
1533
|
-
letterSpacing: string;
|
|
1534
|
-
lineHeight: string;
|
|
1535
|
-
};
|
|
1536
1543
|
/** typography s display-s-bold */
|
|
1537
1544
|
export declare const dsplSBold: {
|
|
1538
1545
|
fontFamily: string;
|
|
@@ -1632,6 +1639,15 @@ export declare const h4: {
|
|
|
1632
1639
|
letterSpacing: string;
|
|
1633
1640
|
lineHeight: string;
|
|
1634
1641
|
};
|
|
1642
|
+
/** typography s display-s */
|
|
1643
|
+
export declare const dsplS: {
|
|
1644
|
+
fontFamily: string;
|
|
1645
|
+
fontSize: string;
|
|
1646
|
+
fontStyle: string;
|
|
1647
|
+
fontWeight: string;
|
|
1648
|
+
letterSpacing: string;
|
|
1649
|
+
lineHeight: string;
|
|
1650
|
+
};
|
|
1635
1651
|
/** typography s header-h4-bold */
|
|
1636
1652
|
export declare const h4Bold: {
|
|
1637
1653
|
fontFamily: string;
|