@skbkontur/colors 0.5.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/README.md +90 -48
  2. package/colors.css +158 -158
  3. package/colors.less +158 -158
  4. package/colors.scss +158 -0
  5. package/dist/cjs/colors.d.ts +161 -161
  6. package/dist/cjs/colors.js +163 -163
  7. package/dist/esm/colors.d.ts +161 -161
  8. package/dist/esm/colors.js +160 -160
  9. package/package.json +3 -1
  10. package/CHANGELOG.md +0 -108
package/dist/cjs/colors.d.ts CHANGED
@@ -1,161 +1,161 @@
1
- export declare const KonturColors: {
2
- red0Logo: string;
3
- red10: string;
4
- red20: string;
5
- red30: string;
6
- red40: string;
7
- redLightBasic50: string;
8
- redBasic60: string;
9
- red70: string;
10
- red80: string;
11
- red90: string;
12
- red100: string;
13
- red110: string;
14
- redPromoAccent: string;
15
- orange0Logo: string;
16
- orange10: string;
17
- orange20: string;
18
- orange30: string;
19
- orange40: string;
20
- orangeLightBasic50: string;
21
- orangeBasic60: string;
22
- orange70: string;
23
- orange80: string;
24
- orange90: string;
25
- orange100: string;
26
- orange110: string;
27
- orangePromoAccent: string;
28
- yellow0Logo: string;
29
- yellow10: string;
30
- yellow20: string;
31
- yellow30: string;
32
- yellow40: string;
33
- yellowLightBasic50: string;
34
- yellowBasic60: string;
35
- yellow70: string;
36
- yellow80: string;
37
- yellow90: string;
38
- yellow100: string;
39
- yellow110: string;
40
- green0Logo: string;
41
- green10: string;
42
- green20: string;
43
- green30: string;
44
- green40: string;
45
- greenLightBasic50: string;
46
- greenBasic60: string;
47
- green70: string;
48
- green80: string;
49
- green90: string;
50
- green100: string;
51
- green110: string;
52
- greenGreen: string;
53
- greenMint0Logo: string;
54
- greenMint10: string;
55
- greenMint20: string;
56
- greenMint30: string;
57
- greenMint40: string;
58
- greenMintLightBasic50: string;
59
- greenMintBasic60: string;
60
- greenMint70: string;
61
- greenMint80: string;
62
- greenMint90: string;
63
- greenMint100: string;
64
- greenMint110: string;
65
- greenMintPromoAccent: string;
66
- blue0Logo: string;
67
- blue10: string;
68
- blue20: string;
69
- blue30: string;
70
- blue40: string;
71
- blueLightBasic50: string;
72
- blueBasic60: string;
73
- blue70: string;
74
- blue80: string;
75
- blue90: string;
76
- blue100: string;
77
- blue110: string;
78
- bluePromoAccent: string;
79
- blueDark0Logo: string;
80
- blueDark10: string;
81
- blueDark20: string;
82
- blueDark30: string;
83
- blueDark40: string;
84
- blueDarkLightBasic50: string;
85
- blueDarkBasic60: string;
86
- blueDark70: string;
87
- blueDark80: string;
88
- blueDark90: string;
89
- blueDark100: string;
90
- blueDark110: string;
91
- blueDarkPromoAccent: string;
92
- purple0Logo: string;
93
- purple10: string;
94
- purple20: string;
95
- purple30: string;
96
- purple40: string;
97
- purpleLightBasic50: string;
98
- purpleBasic60: string;
99
- purple70: string;
100
- purple80: string;
101
- purple90: string;
102
- purple100: string;
103
- purple110: string;
104
- purplePromoAccent: string;
105
- mainLinkTextBlue90: string;
106
- mainLinkShapeBlue60: string;
107
- mainLinkBackgroundBlue10: string;
108
- mainSuccessTextGreen90: string;
109
- mainSuccessShapeGreen60: string;
110
- mainSuccessBackgroundGreen10: string;
111
- mainWarningTextYellow80: string;
112
- mainWarningShapeYellow50: string;
113
- mainWarningBackgroundYellow10: string;
114
- mainErrorTextRed90: string;
115
- mainErrorShapeRed60: string;
116
- mainErrorBackgroundRed10: string;
117
- grayscaleText: string;
118
- grayscaleSecondaryText: string;
119
- grayscaleDisabledText: string;
120
- grayscaleDarkBackground: string;
121
- grayscaleBackground: string;
122
- grayscaleLightBackground: string;
123
- grayscale87Text: string;
124
- grayscale54SecondaryText: string;
125
- grayscale32DisabledText: string;
126
- grayscale16DarkBackground: string;
127
- grayscale10Background: string;
128
- grayscale6LightBackground: string;
129
- grayscale87TextWhite: string;
130
- grayscale54SecondaryWhite: string;
131
- grayscale32DisabledWhite: string;
132
- grayscale16White: string;
133
- grayscale10White: string;
134
- grayscale6White: string;
135
- grayscaleBlack000: string;
136
- grayscaleWhiteFFF: string;
137
- primaryDefault: string;
138
- primaryHover: string;
139
- primaryPressed: string;
140
- linkStatesTextHoverBlue100: string;
141
- linkStatesTextPressedBlue110: string;
142
- linkStatesShapeHoverBlue70: string;
143
- linkStatesShapePressedBlue80: string;
144
- successStatesTextHoverGreen100: string;
145
- successStatesTextPressedGreen110: string;
146
- successStatesShapeHoverGreen70: string;
147
- successStatesShapePressedGreen80: string;
148
- warningStatesTextHoverYellow90: string;
149
- warningStatesTextPressedYellow100: string;
150
- warningStatesShapeHoverYellow60: string;
151
- warningStatesShapePressedYellow70: string;
152
- errorStatesTextHoverRed100: string;
153
- errorStatesTextPressedRed110: string;
154
- errorStatesShapeHoverRed70: string;
155
- errorStatesShapePressedRed80: string;
156
- shade16Black: string;
157
- shade80White: string;
158
- elementsExceptionsHint: string;
159
- elementsExceptionsToastRed: string;
160
- };
161
- export declare type TKonturColor = keyof typeof KonturColors;
1
+ export declare const KonturColors: {
2
+ red0Logo: string;
3
+ red10: string;
4
+ red20: string;
5
+ red30: string;
6
+ red40: string;
7
+ redLightBasic50: string;
8
+ redBasic60: string;
9
+ red70: string;
10
+ red80: string;
11
+ red90: string;
12
+ red100: string;
13
+ red110: string;
14
+ redPromoAccent: string;
15
+ orange0Logo: string;
16
+ orange10: string;
17
+ orange20: string;
18
+ orange30: string;
19
+ orange40: string;
20
+ orangeLightBasic50: string;
21
+ orangeBasic60: string;
22
+ orange70: string;
23
+ orange80: string;
24
+ orange90: string;
25
+ orange100: string;
26
+ orange110: string;
27
+ orangePromoAccent: string;
28
+ yellow0Logo: string;
29
+ yellow10: string;
30
+ yellow20: string;
31
+ yellow30: string;
32
+ yellow40: string;
33
+ yellowLightBasic50: string;
34
+ yellowBasic60: string;
35
+ yellow70: string;
36
+ yellow80: string;
37
+ yellow90: string;
38
+ yellow100: string;
39
+ yellow110: string;
40
+ green0Logo: string;
41
+ green10: string;
42
+ green20: string;
43
+ green30: string;
44
+ green40: string;
45
+ greenLightBasic50: string;
46
+ greenBasic60: string;
47
+ green70: string;
48
+ green80: string;
49
+ green90: string;
50
+ green100: string;
51
+ green110: string;
52
+ greenGreen: string;
53
+ greenMint0Logo: string;
54
+ greenMint10: string;
55
+ greenMint20: string;
56
+ greenMint30: string;
57
+ greenMint40: string;
58
+ greenMintLightBasic50: string;
59
+ greenMintBasic60: string;
60
+ greenMint70: string;
61
+ greenMint80: string;
62
+ greenMint90: string;
63
+ greenMint100: string;
64
+ greenMint110: string;
65
+ greenMintPromoAccent: string;
66
+ blue0Logo: string;
67
+ blue10: string;
68
+ blue20: string;
69
+ blue30: string;
70
+ blue40: string;
71
+ blueLightBasic50: string;
72
+ blueBasic60: string;
73
+ blue70: string;
74
+ blue80: string;
75
+ blue90: string;
76
+ blue100: string;
77
+ blue110: string;
78
+ bluePromoAccent: string;
79
+ blueDark0Logo: string;
80
+ blueDark10: string;
81
+ blueDark20: string;
82
+ blueDark30: string;
83
+ blueDark40: string;
84
+ blueDarkLightBasic50: string;
85
+ blueDarkBasic60: string;
86
+ blueDark70: string;
87
+ blueDark80: string;
88
+ blueDark90: string;
89
+ blueDark100: string;
90
+ blueDark110: string;
91
+ blueDarkPromoAccent: string;
92
+ purple0Logo: string;
93
+ purple10: string;
94
+ purple20: string;
95
+ purple30: string;
96
+ purple40: string;
97
+ purpleLightBasic50: string;
98
+ purpleBasic60: string;
99
+ purple70: string;
100
+ purple80: string;
101
+ purple90: string;
102
+ purple100: string;
103
+ purple110: string;
104
+ purplePromoAccent: string;
105
+ mainLinkTextBlue90: string;
106
+ mainLinkShapeBlue60: string;
107
+ mainLinkBackgroundBlue10: string;
108
+ mainSuccessTextGreen90: string;
109
+ mainSuccessShapeGreen60: string;
110
+ mainSuccessBackgroundGreen10: string;
111
+ mainWarningTextYellow80: string;
112
+ mainWarningShapeYellow50: string;
113
+ mainWarningBackgroundYellow10: string;
114
+ mainErrorTextRed90: string;
115
+ mainErrorShapeRed60: string;
116
+ mainErrorBackgroundRed10: string;
117
+ grayscaleText: string;
118
+ grayscaleSecondaryText: string;
119
+ grayscaleDisabledText: string;
120
+ grayscaleDarkBackground: string;
121
+ grayscaleBackground: string;
122
+ grayscaleLightBackground: string;
123
+ grayscale87Text: string;
124
+ grayscale54SecondaryText: string;
125
+ grayscale32DisabledText: string;
126
+ grayscale16DarkBackground: string;
127
+ grayscale10Background: string;
128
+ grayscale6LightBackground: string;
129
+ grayscale87TextWhite: string;
130
+ grayscale54SecondaryWhite: string;
131
+ grayscale32DisabledWhite: string;
132
+ grayscale16White: string;
133
+ grayscale10White: string;
134
+ grayscale6White: string;
135
+ grayscaleBlack000: string;
136
+ grayscaleWhiteFFF: string;
137
+ primaryDefault: string;
138
+ primaryHover: string;
139
+ primaryPressed: string;
140
+ linkStatesTextHoverBlue100: string;
141
+ linkStatesTextPressedBlue110: string;
142
+ linkStatesShapeHoverBlue70: string;
143
+ linkStatesShapePressedBlue80: string;
144
+ successStatesTextHoverGreen100: string;
145
+ successStatesTextPressedGreen110: string;
146
+ successStatesShapeHoverGreen70: string;
147
+ successStatesShapePressedGreen80: string;
148
+ warningStatesTextHoverYellow90: string;
149
+ warningStatesTextPressedYellow100: string;
150
+ warningStatesShapeHoverYellow60: string;
151
+ warningStatesShapePressedYellow70: string;
152
+ errorStatesTextHoverRed100: string;
153
+ errorStatesTextPressedRed110: string;
154
+ errorStatesShapeHoverRed70: string;
155
+ errorStatesShapePressedRed80: string;
156
+ shade16Black: string;
157
+ shade80White: string;
158
+ elementsExceptionsHint: string;
159
+ elementsExceptionsToastRed: string;
160
+ };
161
+ export type TKonturColor = keyof typeof KonturColors;
package/dist/cjs/colors.js CHANGED
@@ -1,163 +1,163 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.KonturColors = void 0;
4
- exports.KonturColors = {
5
- red0Logo: '#fe4c4c',
6
- red10: '#ffebeb',
7
- red20: '#ffcbcb',
8
- red30: '#ffabab',
9
- red40: '#fe8c8c',
10
- redLightBasic50: '#fe6c6c',
11
- redBasic60: '#fe4c4c',
12
- red70: '#ed3f3f',
13
- red80: '#dd3333',
14
- red90: '#cc2626',
15
- red100: '#bb1919',
16
- red110: '#ab0d0d',
17
- redPromoAccent: '#6c1d45',
18
- orange0Logo: '#fc7630',
19
- orange10: '#ffe0c3',
20
- orange20: '#ffd1a0',
21
- orange30: '#ffc17d',
22
- orange40: '#ffb259',
23
- orangeLightBasic50: '#ffa236',
24
- orangeBasic60: '#ff8227',
25
- orange70: '#ea7324',
26
- orange80: '#d46421',
27
- orange90: '#bf561e',
28
- orange100: '#a9471b',
29
- orange110: '#943817',
30
- orangePromoAccent: '#661429',
31
- yellow0Logo: '#feca42',
32
- yellow10: '#ffeec2',
33
- yellow20: '#fde1a1',
34
- yellow30: '#fdd481',
35
- yellow40: '#fcc660',
36
- yellowLightBasic50: '#fcb73e',
37
- yellowBasic60: '#fda70c',
38
- yellow70: '#f69912',
39
- yellow80: '#ef8b17',
40
- yellow90: '#e77e1b',
41
- yellow100: '#de711e',
42
- yellow110: '#d46421',
43
- green0Logo: '#26ad50',
44
- green10: '#c7f9cc',
45
- green20: '#a7eeb3',
46
- green30: '#87e39a',
47
- green40: '#67d881',
48
- greenLightBasic50: '#46cd68',
49
- greenBasic60: '#26ad50',
50
- green70: '#23a14a',
51
- green80: '#209644',
52
- green90: '#1c8a3f',
53
- green100: '#197f39',
54
- green110: '#167333',
55
- greenGreen: '#144942',
56
- greenMint0Logo: '#00bea2',
57
- greenMint10: '#c6f5ec',
58
- greenMint20: '#a8eee2',
59
- greenMint30: '#8be7d8',
60
- greenMint40: '#6ddfcd',
61
- greenMintLightBasic50: '#4fd8c3',
62
- greenMintBasic60: '#00c5a8',
63
- greenMint70: '#00b59a',
64
- greenMint80: '#00a58d',
65
- greenMint90: '#00957f',
66
- greenMint100: '#008571',
67
- greenMint110: '#007564',
68
- greenMintPromoAccent: '#013f54',
69
- blue0Logo: '#2291ff',
70
- blue10: '#cdedff',
71
- blue20: '#aeddff',
72
- blue30: '#8fcdff',
73
- blue40: '#70bdff',
74
- blueLightBasic50: '#51adff',
75
- blueBasic60: '#2291ff',
76
- blue70: '#1f87ef',
77
- blue80: '#1c7edf',
78
- blue90: '#1874cf',
79
- blue100: '#156abe',
80
- blue110: '#1261ae',
81
- bluePromoAccent: '#153177',
82
- blueDark0Logo: '#366af3',
83
- blueDark10: '#dde6ff',
84
- blueDark20: '#becfff',
85
- blueDark30: '#9fb8ff',
86
- blueDark40: '#80a1ff',
87
- blueDarkLightBasic50: '#618aff',
88
- blueDarkBasic60: '#366af3',
89
- blueDark70: '#3365e8',
90
- blueDark80: '#3060dc',
91
- blueDark90: '#2e5ad1',
92
- blueDark100: '#2b55c5',
93
- blueDark110: '#2850ba',
94
- blueDarkPromoAccent: '#272567',
95
- purple0Logo: '#b750d1',
96
- purple10: '#f7d7ff',
97
- purple20: '#eabdf6',
98
- purple30: '#dea3ec',
99
- purple40: '#d189e3',
100
- purpleLightBasic50: '#c56fda',
101
- purpleBasic60: '#b750d1',
102
- purple70: '#aa49c3',
103
- purple80: '#9e43b5',
104
- purple90: '#913ca6',
105
- purple100: '#843698',
106
- purple110: '#782f8a',
107
- purplePromoAccent: '#452a78',
108
- mainLinkTextBlue90: '#1874cf',
109
- mainLinkShapeBlue60: '#2291ff',
110
- mainLinkBackgroundBlue10: '#cdedff',
111
- mainSuccessTextGreen90: '#1c8a3f',
112
- mainSuccessShapeGreen60: '#26ad50',
113
- mainSuccessBackgroundGreen10: '#c7f9cc',
114
- mainWarningTextYellow80: '#ef8b17',
115
- mainWarningShapeYellow50: '#fcb73e',
116
- mainWarningBackgroundYellow10: '#ffeec2',
117
- mainErrorTextRed90: '#cc2626',
118
- mainErrorShapeRed60: '#fe4c4c',
119
- mainErrorBackgroundRed10: '#ffebeb',
120
- grayscaleText: '#222222',
121
- grayscaleSecondaryText: '#757575',
122
- grayscaleDisabledText: '#adadad',
123
- grayscaleDarkBackground: '#d6d6d6',
124
- grayscaleBackground: '#e6e6e6',
125
- grayscaleLightBackground: '#f0f0f0',
126
- grayscale87Text: 'rgba(0, 0, 0, 0.87)',
127
- grayscale54SecondaryText: 'rgba(0, 0, 0, 0.54)',
128
- grayscale32DisabledText: 'rgba(0, 0, 0, 0.32)',
129
- grayscale16DarkBackground: 'rgba(0, 0, 0, 0.16)',
130
- grayscale10Background: 'rgba(0, 0, 0, 0.1)',
131
- grayscale6LightBackground: 'rgba(0, 0, 0, 0.06)',
132
- grayscale87TextWhite: 'rgba(255, 255, 255, 0.87)',
133
- grayscale54SecondaryWhite: 'rgba(255, 255, 255, 0.54)',
134
- grayscale32DisabledWhite: 'rgba(255, 255, 255, 0.32)',
135
- grayscale16White: 'rgba(255, 255, 255, 0.16)',
136
- grayscale10White: 'rgba(255, 255, 255, 0.1)',
137
- grayscale6White: 'rgba(255, 255, 255, 0.06)',
138
- grayscaleBlack000: '#000000',
139
- grayscaleWhiteFFF: '#ffffff',
140
- primaryDefault: '#3d3d3d',
141
- primaryHover: '#292929',
142
- primaryPressed: '#141414',
143
- linkStatesTextHoverBlue100: '#156abe',
144
- linkStatesTextPressedBlue110: '#1260ae',
145
- linkStatesShapeHoverBlue70: '#1f87ef',
146
- linkStatesShapePressedBlue80: '#1c7edf',
147
- successStatesTextHoverGreen100: '#197f39',
148
- successStatesTextPressedGreen110: '#167333',
149
- successStatesShapeHoverGreen70: '#23a14a',
150
- successStatesShapePressedGreen80: '#209644',
151
- warningStatesTextHoverYellow90: '#e77e1b',
152
- warningStatesTextPressedYellow100: '#de711e',
153
- warningStatesShapeHoverYellow60: '#fda70c',
154
- warningStatesShapePressedYellow70: '#f69912',
155
- errorStatesTextHoverRed100: '#bb1919',
156
- errorStatesTextPressedRed110: '#ab0d0d',
157
- errorStatesShapeHoverRed70: '#ed3f3f',
158
- errorStatesShapePressedRed80: '#dd3333',
159
- shade16Black: 'rgba(0, 0, 0, 0.16)',
160
- shade80White: 'rgba(255, 255, 255, 0.8)',
161
- elementsExceptionsHint: 'rgba(0, 0, 0, 0.76)',
162
- elementsExceptionsToastRed: 'rgba(210, 15, 0, 0.76)',
163
- };
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.KonturColors = void 0;
4
+ exports.KonturColors = {
5
+ red0Logo: '#fe4c4c',
6
+ red10: '#ffebeb',
7
+ red20: '#ffcbcb',
8
+ red30: '#ffabab',
9
+ red40: '#fe8c8c',
10
+ redLightBasic50: '#fe6c6c',
11
+ redBasic60: '#fe4c4c',
12
+ red70: '#ed3f3f',
13
+ red80: '#dd3333',
14
+ red90: '#cc2626',
15
+ red100: '#bb1919',
16
+ red110: '#ab0d0d',
17
+ redPromoAccent: '#6c1d45',
18
+ orange0Logo: '#fc7630',
19
+ orange10: '#ffe0c3',
20
+ orange20: '#ffd1a0',
21
+ orange30: '#ffc17d',
22
+ orange40: '#ffb259',
23
+ orangeLightBasic50: '#ffa236',
24
+ orangeBasic60: '#ff8227',
25
+ orange70: '#ea7324',
26
+ orange80: '#d46421',
27
+ orange90: '#bf561e',
28
+ orange100: '#a9471b',
29
+ orange110: '#943817',
30
+ orangePromoAccent: '#661429',
31
+ yellow0Logo: '#feca42',
32
+ yellow10: '#ffeec2',
33
+ yellow20: '#fde1a1',
34
+ yellow30: '#fdd481',
35
+ yellow40: '#fcc660',
36
+ yellowLightBasic50: '#fcb73e',
37
+ yellowBasic60: '#fda70c',
38
+ yellow70: '#f69912',
39
+ yellow80: '#ef8b17',
40
+ yellow90: '#e77e1b',
41
+ yellow100: '#de711e',
42
+ yellow110: '#d46421',
43
+ green0Logo: '#26ad50',
44
+ green10: '#c7f9cc',
45
+ green20: '#a7eeb3',
46
+ green30: '#87e39a',
47
+ green40: '#67d881',
48
+ greenLightBasic50: '#46cd68',
49
+ greenBasic60: '#26ad50',
50
+ green70: '#23a14a',
51
+ green80: '#209644',
52
+ green90: '#1c8a3f',
53
+ green100: '#197f39',
54
+ green110: '#167333',
55
+ greenGreen: '#144942',
56
+ greenMint0Logo: '#00bea2',
57
+ greenMint10: '#c6f5ec',
58
+ greenMint20: '#a8eee2',
59
+ greenMint30: '#8be7d8',
60
+ greenMint40: '#6ddfcd',
61
+ greenMintLightBasic50: '#4fd8c3',
62
+ greenMintBasic60: '#00c5a8',
63
+ greenMint70: '#00b59a',
64
+ greenMint80: '#00a58d',
65
+ greenMint90: '#00957f',
66
+ greenMint100: '#008571',
67
+ greenMint110: '#007564',
68
+ greenMintPromoAccent: '#013f54',
69
+ blue0Logo: '#2291ff',
70
+ blue10: '#cdedff',
71
+ blue20: '#aeddff',
72
+ blue30: '#8fcdff',
73
+ blue40: '#70bdff',
74
+ blueLightBasic50: '#51adff',
75
+ blueBasic60: '#2291ff',
76
+ blue70: '#1f87ef',
77
+ blue80: '#1c7edf',
78
+ blue90: '#1874cf',
79
+ blue100: '#156abe',
80
+ blue110: '#1261ae',
81
+ bluePromoAccent: '#153177',
82
+ blueDark0Logo: '#366af3',
83
+ blueDark10: '#dde6ff',
84
+ blueDark20: '#becfff',
85
+ blueDark30: '#9fb8ff',
86
+ blueDark40: '#80a1ff',
87
+ blueDarkLightBasic50: '#618aff',
88
+ blueDarkBasic60: '#366af3',
89
+ blueDark70: '#3365e8',
90
+ blueDark80: '#3060dc',
91
+ blueDark90: '#2e5ad1',
92
+ blueDark100: '#2b55c5',
93
+ blueDark110: '#2850ba',
94
+ blueDarkPromoAccent: '#272567',
95
+ purple0Logo: '#b750d1',
96
+ purple10: '#f7d7ff',
97
+ purple20: '#eabdf6',
98
+ purple30: '#dea3ec',
99
+ purple40: '#d189e3',
100
+ purpleLightBasic50: '#c56fda',
101
+ purpleBasic60: '#b750d1',
102
+ purple70: '#aa49c3',
103
+ purple80: '#9e43b5',
104
+ purple90: '#913ca6',
105
+ purple100: '#843698',
106
+ purple110: '#782f8a',
107
+ purplePromoAccent: '#452a78',
108
+ mainLinkTextBlue90: '#1874cf',
109
+ mainLinkShapeBlue60: '#2291ff',
110
+ mainLinkBackgroundBlue10: '#cdedff',
111
+ mainSuccessTextGreen90: '#1c8a3f',
112
+ mainSuccessShapeGreen60: '#26ad50',
113
+ mainSuccessBackgroundGreen10: '#c7f9cc',
114
+ mainWarningTextYellow80: '#ef8b17',
115
+ mainWarningShapeYellow50: '#fcb73e',
116
+ mainWarningBackgroundYellow10: '#ffeec2',
117
+ mainErrorTextRed90: '#cc2626',
118
+ mainErrorShapeRed60: '#fe4c4c',
119
+ mainErrorBackgroundRed10: '#ffebeb',
120
+ grayscaleText: '#222222',
121
+ grayscaleSecondaryText: '#757575',
122
+ grayscaleDisabledText: '#adadad',
123
+ grayscaleDarkBackground: '#d6d6d6',
124
+ grayscaleBackground: '#e6e6e6',
125
+ grayscaleLightBackground: '#f0f0f0',
126
+ grayscale87Text: 'rgba(0, 0, 0, 0.87)',
127
+ grayscale54SecondaryText: 'rgba(0, 0, 0, 0.54)',
128
+ grayscale32DisabledText: 'rgba(0, 0, 0, 0.32)',
129
+ grayscale16DarkBackground: 'rgba(0, 0, 0, 0.16)',
130
+ grayscale10Background: 'rgba(0, 0, 0, 0.1)',
131
+ grayscale6LightBackground: 'rgba(0, 0, 0, 0.06)',
132
+ grayscale87TextWhite: 'rgba(255, 255, 255, 0.87)',
133
+ grayscale54SecondaryWhite: 'rgba(255, 255, 255, 0.54)',
134
+ grayscale32DisabledWhite: 'rgba(255, 255, 255, 0.32)',
135
+ grayscale16White: 'rgba(255, 255, 255, 0.16)',
136
+ grayscale10White: 'rgba(255, 255, 255, 0.1)',
137
+ grayscale6White: 'rgba(255, 255, 255, 0.06)',
138
+ grayscaleBlack000: '#000000',
139
+ grayscaleWhiteFFF: '#ffffff',
140
+ primaryDefault: '#3d3d3d',
141
+ primaryHover: '#292929',
142
+ primaryPressed: '#141414',
143
+ linkStatesTextHoverBlue100: '#156abe',
144
+ linkStatesTextPressedBlue110: '#1260ae',
145
+ linkStatesShapeHoverBlue70: '#1f87ef',
146
+ linkStatesShapePressedBlue80: '#1c7edf',
147
+ successStatesTextHoverGreen100: '#197f39',
148
+ successStatesTextPressedGreen110: '#167333',
149
+ successStatesShapeHoverGreen70: '#23a14a',
150
+ successStatesShapePressedGreen80: '#209644',
151
+ warningStatesTextHoverYellow90: '#e77e1b',
152
+ warningStatesTextPressedYellow100: '#de711e',
153
+ warningStatesShapeHoverYellow60: '#fda70c',
154
+ warningStatesShapePressedYellow70: '#f69912',
155
+ errorStatesTextHoverRed100: '#bb1919',
156
+ errorStatesTextPressedRed110: '#ab0d0d',
157
+ errorStatesShapeHoverRed70: '#ed3f3f',
158
+ errorStatesShapePressedRed80: '#dd3333',
159
+ shade16Black: 'rgba(0, 0, 0, 0.16)',
160
+ shade80White: 'rgba(255, 255, 255, 0.8)',
161
+ elementsExceptionsHint: 'rgba(0, 0, 0, 0.76)',
162
+ elementsExceptionsToastRed: 'rgba(210, 15, 0, 0.76)',
163
+ };