@skbkontur/colors 1.1.2-752d6.0 → 1.1.2-75bba.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.
- package/README.md +1 -1
- package/dist/cjs/constants/abney-correction.d.ts +2 -0
- package/dist/cjs/constants/abney-correction.js +1105 -0
- package/dist/cjs/constants/chroma-settings.d.ts +2 -0
- package/dist/cjs/constants/chroma-settings.js +105 -0
- package/dist/cjs/constants/default-swatch.d.ts +107 -0
- package/dist/cjs/constants/default-swatch.js +110 -0
- package/dist/cjs/constants/logo-lightness.d.ts +1 -0
- package/dist/cjs/constants/logo-lightness.js +4 -0
- package/dist/cjs/constants/promo-hue-shift.d.ts +3 -0
- package/dist/cjs/constants/promo-hue-shift.js +14 -0
- package/dist/cjs/constants/warning-hue-patch.d.ts +3 -0
- package/dist/cjs/constants/warning-hue-patch.js +25 -0
- package/dist/cjs/get-base-tokens.d.ts +17 -0
- package/dist/cjs/get-base-tokens.js +223 -0
- package/dist/cjs/get-default-tokens.d.ts +1278 -0
- package/dist/cjs/get-default-tokens.js +1284 -0
- package/dist/cjs/get-tokens.d.ts +15 -0
- package/dist/cjs/get-tokens.js +13 -0
- package/dist/cjs/helpers/get-logo.d.ts +6 -0
- package/dist/cjs/helpers/get-logo.js +29 -0
- package/dist/cjs/helpers/get-palette.d.ts +49 -0
- package/dist/cjs/helpers/get-palette.js +242 -0
- package/dist/cjs/helpers/get-promo.d.ts +6 -0
- package/dist/cjs/helpers/get-promo.js +58 -0
- package/dist/cjs/types/base-tokens.d.ts +53 -0
- package/dist/cjs/types/base-tokens.js +2 -0
- package/dist/cjs/types/generator-tokens.d.ts +43 -0
- package/dist/cjs/types/generator-tokens.js +2 -0
- package/dist/esm/constants/abney-correction.d.ts +2 -0
- package/dist/esm/constants/abney-correction.js +1102 -0
- package/dist/esm/constants/chroma-settings.d.ts +2 -0
- package/dist/esm/constants/chroma-settings.js +102 -0
- package/dist/esm/constants/default-swatch.d.ts +107 -0
- package/dist/esm/constants/default-swatch.js +107 -0
- package/dist/esm/constants/logo-lightness.d.ts +1 -0
- package/dist/esm/constants/logo-lightness.js +1 -0
- package/dist/esm/constants/promo-hue-shift.d.ts +3 -0
- package/dist/esm/constants/promo-hue-shift.js +11 -0
- package/dist/esm/constants/warning-hue-patch.d.ts +3 -0
- package/dist/esm/constants/warning-hue-patch.js +22 -0
- package/dist/esm/get-base-tokens.d.ts +17 -0
- package/dist/esm/get-base-tokens.js +189 -0
- package/dist/esm/get-default-tokens.d.ts +1278 -0
- package/dist/esm/get-default-tokens.js +1280 -0
- package/dist/esm/get-tokens.d.ts +15 -0
- package/dist/esm/get-tokens.js +9 -0
- package/dist/esm/helpers/get-logo.d.ts +6 -0
- package/dist/esm/helpers/get-logo.js +25 -0
- package/dist/esm/helpers/get-palette.d.ts +49 -0
- package/dist/esm/helpers/get-palette.js +210 -0
- package/dist/esm/helpers/get-promo.d.ts +6 -0
- package/dist/esm/helpers/get-promo.js +53 -0
- package/dist/esm/types/base-tokens.d.ts +53 -0
- package/dist/esm/types/base-tokens.js +1 -0
- package/dist/esm/types/generator-tokens.d.ts +43 -0
- package/dist/esm/types/generator-tokens.js +1 -0
- package/package.json +13 -8
- package/colors.css +0 -160
- package/colors.less +0 -158
- package/colors.scss +0 -158
- package/dist/cjs/colors.d.ts +0 -161
- package/dist/cjs/colors.js +0 -163
- package/dist/esm/colors.d.ts +0 -161
- package/dist/esm/colors.js +0 -163
package/colors.css
DELETED
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
--kontur-red-0-logo: #fe4c4c;
|
|
3
|
-
--kontur-red-10: #ffebeb;
|
|
4
|
-
--kontur-red-20: #ffcbcb;
|
|
5
|
-
--kontur-red-30: #ffabab;
|
|
6
|
-
--kontur-red-40: #fe8c8c;
|
|
7
|
-
--kontur-red-light-basic-50: #fe6c6c;
|
|
8
|
-
--kontur-red-basic-60: #fe4c4c;
|
|
9
|
-
--kontur-red-70: #ed3f3f;
|
|
10
|
-
--kontur-red-80: #dd3333;
|
|
11
|
-
--kontur-red-90: #cc2626;
|
|
12
|
-
--kontur-red-100: #bb1919;
|
|
13
|
-
--kontur-red-110: #ab0d0d;
|
|
14
|
-
--kontur-red-promo-accent: #6c1d45;
|
|
15
|
-
--kontur-orange-0-logo: #fc7630;
|
|
16
|
-
--kontur-orange-10: #ffe0c3;
|
|
17
|
-
--kontur-orange-20: #ffd1a0;
|
|
18
|
-
--kontur-orange-30: #ffc17d;
|
|
19
|
-
--kontur-orange-40: #ffb259;
|
|
20
|
-
--kontur-orange-light-basic-50: #ffa236;
|
|
21
|
-
--kontur-orange-basic-60: #ff8227;
|
|
22
|
-
--kontur-orange-70: #ea7324;
|
|
23
|
-
--kontur-orange-80: #d46421;
|
|
24
|
-
--kontur-orange-90: #bf561e;
|
|
25
|
-
--kontur-orange-100: #a9471b;
|
|
26
|
-
--kontur-orange-110: #943817;
|
|
27
|
-
--kontur-orange-promo-accent: #661429;
|
|
28
|
-
--kontur-yellow-0-logo: #feca42;
|
|
29
|
-
--kontur-yellow-10: #ffeec2;
|
|
30
|
-
--kontur-yellow-20: #fde1a1;
|
|
31
|
-
--kontur-yellow-30: #fdd481;
|
|
32
|
-
--kontur-yellow-40: #fcc660;
|
|
33
|
-
--kontur-yellow-light-basic-50: #fcb73e;
|
|
34
|
-
--kontur-yellow-basic-60: #fda70c;
|
|
35
|
-
--kontur-yellow-70: #f69912;
|
|
36
|
-
--kontur-yellow-80: #ef8b17;
|
|
37
|
-
--kontur-yellow-90: #e77e1b;
|
|
38
|
-
--kontur-yellow-100: #de711e;
|
|
39
|
-
--kontur-yellow-110: #d46421;
|
|
40
|
-
--kontur-green-0-logo: #26ad50;
|
|
41
|
-
--kontur-green-10: #c7f9cc;
|
|
42
|
-
--kontur-green-20: #a7eeb3;
|
|
43
|
-
--kontur-green-30: #87e39a;
|
|
44
|
-
--kontur-green-40: #67d881;
|
|
45
|
-
--kontur-green-light-basic-50: #46cd68;
|
|
46
|
-
--kontur-green-basic-60: #26ad50;
|
|
47
|
-
--kontur-green-70: #23a14a;
|
|
48
|
-
--kontur-green-80: #209644;
|
|
49
|
-
--kontur-green-90: #1c8a3f;
|
|
50
|
-
--kontur-green-100: #197f39;
|
|
51
|
-
--kontur-green-110: #167333;
|
|
52
|
-
--kontur-green-green: #144942;
|
|
53
|
-
--kontur-green-mint-0-logo: #00bea2;
|
|
54
|
-
--kontur-green-mint-10: #c6f5ec;
|
|
55
|
-
--kontur-green-mint-20: #a8eee2;
|
|
56
|
-
--kontur-green-mint-30: #8be7d8;
|
|
57
|
-
--kontur-green-mint-40: #6ddfcd;
|
|
58
|
-
--kontur-green-mint-light-basic-50: #4fd8c3;
|
|
59
|
-
--kontur-green-mint-basic-60: #00c5a8;
|
|
60
|
-
--kontur-green-mint-70: #00b59a;
|
|
61
|
-
--kontur-green-mint-80: #00a58d;
|
|
62
|
-
--kontur-green-mint-90: #00957f;
|
|
63
|
-
--kontur-green-mint-100: #008571;
|
|
64
|
-
--kontur-green-mint-110: #007564;
|
|
65
|
-
--kontur-green-mint-promo-accent: #013f54;
|
|
66
|
-
--kontur-blue-0-logo: #2291ff;
|
|
67
|
-
--kontur-blue-10: #cdedff;
|
|
68
|
-
--kontur-blue-20: #aeddff;
|
|
69
|
-
--kontur-blue-30: #8fcdff;
|
|
70
|
-
--kontur-blue-40: #70bdff;
|
|
71
|
-
--kontur-blue-light-basic-50: #51adff;
|
|
72
|
-
--kontur-blue-basic-60: #2291ff;
|
|
73
|
-
--kontur-blue-70: #1f87ef;
|
|
74
|
-
--kontur-blue-80: #1c7edf;
|
|
75
|
-
--kontur-blue-90: #1874cf;
|
|
76
|
-
--kontur-blue-100: #156abe;
|
|
77
|
-
--kontur-blue-110: #1261ae;
|
|
78
|
-
--kontur-blue-promo-accent: #153177;
|
|
79
|
-
--kontur-blue-dark-0-logo: #366af3;
|
|
80
|
-
--kontur-blue-dark-10: #dde6ff;
|
|
81
|
-
--kontur-blue-dark-20: #becfff;
|
|
82
|
-
--kontur-blue-dark-30: #9fb8ff;
|
|
83
|
-
--kontur-blue-dark-40: #80a1ff;
|
|
84
|
-
--kontur-blue-dark-light-basic-50: #618aff;
|
|
85
|
-
--kontur-blue-dark-basic-60: #366af3;
|
|
86
|
-
--kontur-blue-dark-70: #3365e8;
|
|
87
|
-
--kontur-blue-dark-80: #3060dc;
|
|
88
|
-
--kontur-blue-dark-90: #2e5ad1;
|
|
89
|
-
--kontur-blue-dark-100: #2b55c5;
|
|
90
|
-
--kontur-blue-dark-110: #2850ba;
|
|
91
|
-
--kontur-blue-dark-promo-accent: #272567;
|
|
92
|
-
--kontur-purple-0-logo: #b750d1;
|
|
93
|
-
--kontur-purple-10: #f7d7ff;
|
|
94
|
-
--kontur-purple-20: #eabdf6;
|
|
95
|
-
--kontur-purple-30: #dea3ec;
|
|
96
|
-
--kontur-purple-40: #d189e3;
|
|
97
|
-
--kontur-purple-light-basic-50: #c56fda;
|
|
98
|
-
--kontur-purple-basic-60: #b750d1;
|
|
99
|
-
--kontur-purple-70: #aa49c3;
|
|
100
|
-
--kontur-purple-80: #9e43b5;
|
|
101
|
-
--kontur-purple-90: #913ca6;
|
|
102
|
-
--kontur-purple-100: #843698;
|
|
103
|
-
--kontur-purple-110: #782f8a;
|
|
104
|
-
--kontur-purple-promo-accent: #452a78;
|
|
105
|
-
--kontur-main-link-text-blue-90: #1874cf;
|
|
106
|
-
--kontur-main-link-shape-blue-60: #2291ff;
|
|
107
|
-
--kontur-main-link-background-blue-10: #cdedff;
|
|
108
|
-
--kontur-main-success-text-green-90: #1c8a3f;
|
|
109
|
-
--kontur-main-success-shape-green-60: #26ad50;
|
|
110
|
-
--kontur-main-success-background-green-10: #c7f9cc;
|
|
111
|
-
--kontur-main-warning-text-yellow-80: #ef8b17;
|
|
112
|
-
--kontur-main-warning-shape-yellow-50: #fcb73e;
|
|
113
|
-
--kontur-main-warning-background-yellow-10: #ffeec2;
|
|
114
|
-
--kontur-main-error-text-red-90: #cc2626;
|
|
115
|
-
--kontur-main-error-shape-red-60: #fe4c4c;
|
|
116
|
-
--kontur-main-error-background-red-10: #ffebeb;
|
|
117
|
-
--kontur-grayscale-text: #222222;
|
|
118
|
-
--kontur-grayscale-secondary-text: #757575;
|
|
119
|
-
--kontur-grayscale-disabled-text: #adadad;
|
|
120
|
-
--kontur-grayscale-dark-background: #d6d6d6;
|
|
121
|
-
--kontur-grayscale-background: #e6e6e6;
|
|
122
|
-
--kontur-grayscale-light-background: #f0f0f0;
|
|
123
|
-
--kontur-grayscale-87-text: rgba(0, 0, 0, 0.87);
|
|
124
|
-
--kontur-grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
|
|
125
|
-
--kontur-grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
|
|
126
|
-
--kontur-grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
|
|
127
|
-
--kontur-grayscale-10-background: rgba(0, 0, 0, 0.1);
|
|
128
|
-
--kontur-grayscale-6-light-background: rgba(0, 0, 0, 0.06);
|
|
129
|
-
--kontur-grayscale-87-text-white: rgba(255, 255, 255, 0.87);
|
|
130
|
-
--kontur-grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
|
|
131
|
-
--kontur-grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
|
|
132
|
-
--kontur-grayscale-16-white: rgba(255, 255, 255, 0.16);
|
|
133
|
-
--kontur-grayscale-10-white: rgba(255, 255, 255, 0.1);
|
|
134
|
-
--kontur-grayscale-6-white: rgba(255, 255, 255, 0.06);
|
|
135
|
-
--kontur-grayscale-black-000: #000000;
|
|
136
|
-
--kontur-grayscale-white-fff: #ffffff;
|
|
137
|
-
--kontur-primary-default: #3d3d3d;
|
|
138
|
-
--kontur-primary-hover: #292929;
|
|
139
|
-
--kontur-primary-pressed: #141414;
|
|
140
|
-
--kontur-link-states-text-hover-blue-100: #156abe;
|
|
141
|
-
--kontur-link-states-text-pressed-blue-110: #1260ae;
|
|
142
|
-
--kontur-link-states-shape-hover-blue-70: #1f87ef;
|
|
143
|
-
--kontur-link-states-shape-pressed-blue-80: #1c7edf;
|
|
144
|
-
--kontur-success-states-text-hover-green-100: #197f39;
|
|
145
|
-
--kontur-success-states-text-pressed-green-110: #167333;
|
|
146
|
-
--kontur-success-states-shape-hover-green-70: #23a14a;
|
|
147
|
-
--kontur-success-states-shape-pressed-green-80: #209644;
|
|
148
|
-
--kontur-warning-states-text-hover-yellow-90: #e77e1b;
|
|
149
|
-
--kontur-warning-states-text-pressed-yellow-100: #de711e;
|
|
150
|
-
--kontur-warning-states-shape-hover-yellow-60: #fda70c;
|
|
151
|
-
--kontur-warning-states-shape-pressed-yellow-70: #f69912;
|
|
152
|
-
--kontur-error-states-text-hover-red-100: #bb1919;
|
|
153
|
-
--kontur-error-states-text-pressed-red-110: #ab0d0d;
|
|
154
|
-
--kontur-error-states-shape-hover-red-70: #ed3f3f;
|
|
155
|
-
--kontur-error-states-shape-pressed-red-80: #dd3333;
|
|
156
|
-
--kontur-shade-16-black: rgba(0, 0, 0, 0.16);
|
|
157
|
-
--kontur-shade-80-white: rgba(255, 255, 255, 0.8);
|
|
158
|
-
--kontur-elements-exceptions-hint: rgba(0, 0, 0, 0.76);
|
|
159
|
-
--kontur-elements-exceptions-toast-red: rgba(210, 15, 0, 0.76);
|
|
160
|
-
}
|
package/colors.less
DELETED
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
@red-0-logo: #fe4c4c;
|
|
2
|
-
@red-10: #ffebeb;
|
|
3
|
-
@red-20: #ffcbcb;
|
|
4
|
-
@red-30: #ffabab;
|
|
5
|
-
@red-40: #fe8c8c;
|
|
6
|
-
@red-light-basic-50: #fe6c6c;
|
|
7
|
-
@red-basic-60: #fe4c4c;
|
|
8
|
-
@red-70: #ed3f3f;
|
|
9
|
-
@red-80: #dd3333;
|
|
10
|
-
@red-90: #cc2626;
|
|
11
|
-
@red-100: #bb1919;
|
|
12
|
-
@red-110: #ab0d0d;
|
|
13
|
-
@red-promo-accent: #6c1d45;
|
|
14
|
-
@orange-0-logo: #fc7630;
|
|
15
|
-
@orange-10: #ffe0c3;
|
|
16
|
-
@orange-20: #ffd1a0;
|
|
17
|
-
@orange-30: #ffc17d;
|
|
18
|
-
@orange-40: #ffb259;
|
|
19
|
-
@orange-light-basic-50: #ffa236;
|
|
20
|
-
@orange-basic-60: #ff8227;
|
|
21
|
-
@orange-70: #ea7324;
|
|
22
|
-
@orange-80: #d46421;
|
|
23
|
-
@orange-90: #bf561e;
|
|
24
|
-
@orange-100: #a9471b;
|
|
25
|
-
@orange-110: #943817;
|
|
26
|
-
@orange-promo-accent: #661429;
|
|
27
|
-
@yellow-0-logo: #feca42;
|
|
28
|
-
@yellow-10: #ffeec2;
|
|
29
|
-
@yellow-20: #fde1a1;
|
|
30
|
-
@yellow-30: #fdd481;
|
|
31
|
-
@yellow-40: #fcc660;
|
|
32
|
-
@yellow-light-basic-50: #fcb73e;
|
|
33
|
-
@yellow-basic-60: #fda70c;
|
|
34
|
-
@yellow-70: #f69912;
|
|
35
|
-
@yellow-80: #ef8b17;
|
|
36
|
-
@yellow-90: #e77e1b;
|
|
37
|
-
@yellow-100: #de711e;
|
|
38
|
-
@yellow-110: #d46421;
|
|
39
|
-
@green-0-logo: #26ad50;
|
|
40
|
-
@green-10: #c7f9cc;
|
|
41
|
-
@green-20: #a7eeb3;
|
|
42
|
-
@green-30: #87e39a;
|
|
43
|
-
@green-40: #67d881;
|
|
44
|
-
@green-light-basic-50: #46cd68;
|
|
45
|
-
@green-basic-60: #26ad50;
|
|
46
|
-
@green-70: #23a14a;
|
|
47
|
-
@green-80: #209644;
|
|
48
|
-
@green-90: #1c8a3f;
|
|
49
|
-
@green-100: #197f39;
|
|
50
|
-
@green-110: #167333;
|
|
51
|
-
@green-green: #144942;
|
|
52
|
-
@green-mint-0-logo: #00bea2;
|
|
53
|
-
@green-mint-10: #c6f5ec;
|
|
54
|
-
@green-mint-20: #a8eee2;
|
|
55
|
-
@green-mint-30: #8be7d8;
|
|
56
|
-
@green-mint-40: #6ddfcd;
|
|
57
|
-
@green-mint-light-basic-50: #4fd8c3;
|
|
58
|
-
@green-mint-basic-60: #00c5a8;
|
|
59
|
-
@green-mint-70: #00b59a;
|
|
60
|
-
@green-mint-80: #00a58d;
|
|
61
|
-
@green-mint-90: #00957f;
|
|
62
|
-
@green-mint-100: #008571;
|
|
63
|
-
@green-mint-110: #007564;
|
|
64
|
-
@green-mint-promo-accent: #013f54;
|
|
65
|
-
@blue-0-logo: #2291ff;
|
|
66
|
-
@blue-10: #cdedff;
|
|
67
|
-
@blue-20: #aeddff;
|
|
68
|
-
@blue-30: #8fcdff;
|
|
69
|
-
@blue-40: #70bdff;
|
|
70
|
-
@blue-light-basic-50: #51adff;
|
|
71
|
-
@blue-basic-60: #2291ff;
|
|
72
|
-
@blue-70: #1f87ef;
|
|
73
|
-
@blue-80: #1c7edf;
|
|
74
|
-
@blue-90: #1874cf;
|
|
75
|
-
@blue-100: #156abe;
|
|
76
|
-
@blue-110: #1261ae;
|
|
77
|
-
@blue-promo-accent: #153177;
|
|
78
|
-
@blue-dark-0-logo: #366af3;
|
|
79
|
-
@blue-dark-10: #dde6ff;
|
|
80
|
-
@blue-dark-20: #becfff;
|
|
81
|
-
@blue-dark-30: #9fb8ff;
|
|
82
|
-
@blue-dark-40: #80a1ff;
|
|
83
|
-
@blue-dark-light-basic-50: #618aff;
|
|
84
|
-
@blue-dark-basic-60: #366af3;
|
|
85
|
-
@blue-dark-70: #3365e8;
|
|
86
|
-
@blue-dark-80: #3060dc;
|
|
87
|
-
@blue-dark-90: #2e5ad1;
|
|
88
|
-
@blue-dark-100: #2b55c5;
|
|
89
|
-
@blue-dark-110: #2850ba;
|
|
90
|
-
@blue-dark-promo-accent: #272567;
|
|
91
|
-
@purple-0-logo: #b750d1;
|
|
92
|
-
@purple-10: #f7d7ff;
|
|
93
|
-
@purple-20: #eabdf6;
|
|
94
|
-
@purple-30: #dea3ec;
|
|
95
|
-
@purple-40: #d189e3;
|
|
96
|
-
@purple-light-basic-50: #c56fda;
|
|
97
|
-
@purple-basic-60: #b750d1;
|
|
98
|
-
@purple-70: #aa49c3;
|
|
99
|
-
@purple-80: #9e43b5;
|
|
100
|
-
@purple-90: #913ca6;
|
|
101
|
-
@purple-100: #843698;
|
|
102
|
-
@purple-110: #782f8a;
|
|
103
|
-
@purple-promo-accent: #452a78;
|
|
104
|
-
@main-link-text-blue-90: #1874cf;
|
|
105
|
-
@main-link-shape-blue-60: #2291ff;
|
|
106
|
-
@main-link-background-blue-10: #cdedff;
|
|
107
|
-
@main-success-text-green-90: #1c8a3f;
|
|
108
|
-
@main-success-shape-green-60: #26ad50;
|
|
109
|
-
@main-success-background-green-10: #c7f9cc;
|
|
110
|
-
@main-warning-text-yellow-80: #ef8b17;
|
|
111
|
-
@main-warning-shape-yellow-50: #fcb73e;
|
|
112
|
-
@main-warning-background-yellow-10: #ffeec2;
|
|
113
|
-
@main-error-text-red-90: #cc2626;
|
|
114
|
-
@main-error-shape-red-60: #fe4c4c;
|
|
115
|
-
@main-error-background-red-10: #ffebeb;
|
|
116
|
-
@grayscale-text: #222222;
|
|
117
|
-
@grayscale-secondary-text: #757575;
|
|
118
|
-
@grayscale-disabled-text: #adadad;
|
|
119
|
-
@grayscale-dark-background: #d6d6d6;
|
|
120
|
-
@grayscale-background: #e6e6e6;
|
|
121
|
-
@grayscale-light-background: #f0f0f0;
|
|
122
|
-
@grayscale-87-text: rgba(0, 0, 0, 0.87);
|
|
123
|
-
@grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
|
|
124
|
-
@grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
|
|
125
|
-
@grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
|
|
126
|
-
@grayscale-10-background: rgba(0, 0, 0, 0.1);
|
|
127
|
-
@grayscale-6-light-background: rgba(0, 0, 0, 0.06);
|
|
128
|
-
@grayscale-87-text-white: rgba(255, 255, 255, 0.87);
|
|
129
|
-
@grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
|
|
130
|
-
@grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
|
|
131
|
-
@grayscale-16-white: rgba(255, 255, 255, 0.16);
|
|
132
|
-
@grayscale-10-white: rgba(255, 255, 255, 0.1);
|
|
133
|
-
@grayscale-6-white: rgba(255, 255, 255, 0.06);
|
|
134
|
-
@grayscale-black-000: #000000;
|
|
135
|
-
@grayscale-white-fff: #ffffff;
|
|
136
|
-
@primary-default: #3d3d3d;
|
|
137
|
-
@primary-hover: #292929;
|
|
138
|
-
@primary-pressed: #141414;
|
|
139
|
-
@link-states-text-hover-blue-100: #156abe;
|
|
140
|
-
@link-states-text-pressed-blue-110: #1260ae;
|
|
141
|
-
@link-states-shape-hover-blue-70: #1f87ef;
|
|
142
|
-
@link-states-shape-pressed-blue-80: #1c7edf;
|
|
143
|
-
@success-states-text-hover-green-100: #197f39;
|
|
144
|
-
@success-states-text-pressed-green-110: #167333;
|
|
145
|
-
@success-states-shape-hover-green-70: #23a14a;
|
|
146
|
-
@success-states-shape-pressed-green-80: #209644;
|
|
147
|
-
@warning-states-text-hover-yellow-90: #e77e1b;
|
|
148
|
-
@warning-states-text-pressed-yellow-100: #de711e;
|
|
149
|
-
@warning-states-shape-hover-yellow-60: #fda70c;
|
|
150
|
-
@warning-states-shape-pressed-yellow-70: #f69912;
|
|
151
|
-
@error-states-text-hover-red-100: #bb1919;
|
|
152
|
-
@error-states-text-pressed-red-110: #ab0d0d;
|
|
153
|
-
@error-states-shape-hover-red-70: #ed3f3f;
|
|
154
|
-
@error-states-shape-pressed-red-80: #dd3333;
|
|
155
|
-
@shade-16-black: rgba(0, 0, 0, 0.16);
|
|
156
|
-
@shade-80-white: rgba(255, 255, 255, 0.8);
|
|
157
|
-
@elements-exceptions-hint: rgba(0, 0, 0, 0.76);
|
|
158
|
-
@elements-exceptions-toast-red: rgba(210, 15, 0, 0.76);
|
package/colors.scss
DELETED
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
$red-0-logo: #fe4c4c;
|
|
2
|
-
$red-10: #ffebeb;
|
|
3
|
-
$red-20: #ffcbcb;
|
|
4
|
-
$red-30: #ffabab;
|
|
5
|
-
$red-40: #fe8c8c;
|
|
6
|
-
$red-light-basic-50: #fe6c6c;
|
|
7
|
-
$red-basic-60: #fe4c4c;
|
|
8
|
-
$red-70: #ed3f3f;
|
|
9
|
-
$red-80: #dd3333;
|
|
10
|
-
$red-90: #cc2626;
|
|
11
|
-
$red-100: #bb1919;
|
|
12
|
-
$red-110: #ab0d0d;
|
|
13
|
-
$red-promo-accent: #6c1d45;
|
|
14
|
-
$orange-0-logo: #fc7630;
|
|
15
|
-
$orange-10: #ffe0c3;
|
|
16
|
-
$orange-20: #ffd1a0;
|
|
17
|
-
$orange-30: #ffc17d;
|
|
18
|
-
$orange-40: #ffb259;
|
|
19
|
-
$orange-light-basic-50: #ffa236;
|
|
20
|
-
$orange-basic-60: #ff8227;
|
|
21
|
-
$orange-70: #ea7324;
|
|
22
|
-
$orange-80: #d46421;
|
|
23
|
-
$orange-90: #bf561e;
|
|
24
|
-
$orange-100: #a9471b;
|
|
25
|
-
$orange-110: #943817;
|
|
26
|
-
$orange-promo-accent: #661429;
|
|
27
|
-
$yellow-0-logo: #feca42;
|
|
28
|
-
$yellow-10: #ffeec2;
|
|
29
|
-
$yellow-20: #fde1a1;
|
|
30
|
-
$yellow-30: #fdd481;
|
|
31
|
-
$yellow-40: #fcc660;
|
|
32
|
-
$yellow-light-basic-50: #fcb73e;
|
|
33
|
-
$yellow-basic-60: #fda70c;
|
|
34
|
-
$yellow-70: #f69912;
|
|
35
|
-
$yellow-80: #ef8b17;
|
|
36
|
-
$yellow-90: #e77e1b;
|
|
37
|
-
$yellow-100: #de711e;
|
|
38
|
-
$yellow-110: #d46421;
|
|
39
|
-
$green-0-logo: #26ad50;
|
|
40
|
-
$green-10: #c7f9cc;
|
|
41
|
-
$green-20: #a7eeb3;
|
|
42
|
-
$green-30: #87e39a;
|
|
43
|
-
$green-40: #67d881;
|
|
44
|
-
$green-light-basic-50: #46cd68;
|
|
45
|
-
$green-basic-60: #26ad50;
|
|
46
|
-
$green-70: #23a14a;
|
|
47
|
-
$green-80: #209644;
|
|
48
|
-
$green-90: #1c8a3f;
|
|
49
|
-
$green-100: #197f39;
|
|
50
|
-
$green-110: #167333;
|
|
51
|
-
$green-green: #144942;
|
|
52
|
-
$green-mint-0-logo: #00bea2;
|
|
53
|
-
$green-mint-10: #c6f5ec;
|
|
54
|
-
$green-mint-20: #a8eee2;
|
|
55
|
-
$green-mint-30: #8be7d8;
|
|
56
|
-
$green-mint-40: #6ddfcd;
|
|
57
|
-
$green-mint-light-basic-50: #4fd8c3;
|
|
58
|
-
$green-mint-basic-60: #00c5a8;
|
|
59
|
-
$green-mint-70: #00b59a;
|
|
60
|
-
$green-mint-80: #00a58d;
|
|
61
|
-
$green-mint-90: #00957f;
|
|
62
|
-
$green-mint-100: #008571;
|
|
63
|
-
$green-mint-110: #007564;
|
|
64
|
-
$green-mint-promo-accent: #013f54;
|
|
65
|
-
$blue-0-logo: #2291ff;
|
|
66
|
-
$blue-10: #cdedff;
|
|
67
|
-
$blue-20: #aeddff;
|
|
68
|
-
$blue-30: #8fcdff;
|
|
69
|
-
$blue-40: #70bdff;
|
|
70
|
-
$blue-light-basic-50: #51adff;
|
|
71
|
-
$blue-basic-60: #2291ff;
|
|
72
|
-
$blue-70: #1f87ef;
|
|
73
|
-
$blue-80: #1c7edf;
|
|
74
|
-
$blue-90: #1874cf;
|
|
75
|
-
$blue-100: #156abe;
|
|
76
|
-
$blue-110: #1261ae;
|
|
77
|
-
$blue-promo-accent: #153177;
|
|
78
|
-
$blue-dark-0-logo: #366af3;
|
|
79
|
-
$blue-dark-10: #dde6ff;
|
|
80
|
-
$blue-dark-20: #becfff;
|
|
81
|
-
$blue-dark-30: #9fb8ff;
|
|
82
|
-
$blue-dark-40: #80a1ff;
|
|
83
|
-
$blue-dark-light-basic-50: #618aff;
|
|
84
|
-
$blue-dark-basic-60: #366af3;
|
|
85
|
-
$blue-dark-70: #3365e8;
|
|
86
|
-
$blue-dark-80: #3060dc;
|
|
87
|
-
$blue-dark-90: #2e5ad1;
|
|
88
|
-
$blue-dark-100: #2b55c5;
|
|
89
|
-
$blue-dark-110: #2850ba;
|
|
90
|
-
$blue-dark-promo-accent: #272567;
|
|
91
|
-
$purple-0-logo: #b750d1;
|
|
92
|
-
$purple-10: #f7d7ff;
|
|
93
|
-
$purple-20: #eabdf6;
|
|
94
|
-
$purple-30: #dea3ec;
|
|
95
|
-
$purple-40: #d189e3;
|
|
96
|
-
$purple-light-basic-50: #c56fda;
|
|
97
|
-
$purple-basic-60: #b750d1;
|
|
98
|
-
$purple-70: #aa49c3;
|
|
99
|
-
$purple-80: #9e43b5;
|
|
100
|
-
$purple-90: #913ca6;
|
|
101
|
-
$purple-100: #843698;
|
|
102
|
-
$purple-110: #782f8a;
|
|
103
|
-
$purple-promo-accent: #452a78;
|
|
104
|
-
$main-link-text-blue-90: #1874cf;
|
|
105
|
-
$main-link-shape-blue-60: #2291ff;
|
|
106
|
-
$main-link-background-blue-10: #cdedff;
|
|
107
|
-
$main-success-text-green-90: #1c8a3f;
|
|
108
|
-
$main-success-shape-green-60: #26ad50;
|
|
109
|
-
$main-success-background-green-10: #c7f9cc;
|
|
110
|
-
$main-warning-text-yellow-80: #ef8b17;
|
|
111
|
-
$main-warning-shape-yellow-50: #fcb73e;
|
|
112
|
-
$main-warning-background-yellow-10: #ffeec2;
|
|
113
|
-
$main-error-text-red-90: #cc2626;
|
|
114
|
-
$main-error-shape-red-60: #fe4c4c;
|
|
115
|
-
$main-error-background-red-10: #ffebeb;
|
|
116
|
-
$grayscale-text: #222222;
|
|
117
|
-
$grayscale-secondary-text: #757575;
|
|
118
|
-
$grayscale-disabled-text: #adadad;
|
|
119
|
-
$grayscale-dark-background: #d6d6d6;
|
|
120
|
-
$grayscale-background: #e6e6e6;
|
|
121
|
-
$grayscale-light-background: #f0f0f0;
|
|
122
|
-
$grayscale-87-text: rgba(0, 0, 0, 0.87);
|
|
123
|
-
$grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
|
|
124
|
-
$grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
|
|
125
|
-
$grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
|
|
126
|
-
$grayscale-10-background: rgba(0, 0, 0, 0.1);
|
|
127
|
-
$grayscale-6-light-background: rgba(0, 0, 0, 0.06);
|
|
128
|
-
$grayscale-87-text-white: rgba(255, 255, 255, 0.87);
|
|
129
|
-
$grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
|
|
130
|
-
$grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
|
|
131
|
-
$grayscale-16-white: rgba(255, 255, 255, 0.16);
|
|
132
|
-
$grayscale-10-white: rgba(255, 255, 255, 0.1);
|
|
133
|
-
$grayscale-6-white: rgba(255, 255, 255, 0.06);
|
|
134
|
-
$grayscale-black-000: #000000;
|
|
135
|
-
$grayscale-white-fff: #ffffff;
|
|
136
|
-
$primary-default: #3d3d3d;
|
|
137
|
-
$primary-hover: #292929;
|
|
138
|
-
$primary-pressed: #141414;
|
|
139
|
-
$link-states-text-hover-blue-100: #156abe;
|
|
140
|
-
$link-states-text-pressed-blue-110: #1260ae;
|
|
141
|
-
$link-states-shape-hover-blue-70: #1f87ef;
|
|
142
|
-
$link-states-shape-pressed-blue-80: #1c7edf;
|
|
143
|
-
$success-states-text-hover-green-100: #197f39;
|
|
144
|
-
$success-states-text-pressed-green-110: #167333;
|
|
145
|
-
$success-states-shape-hover-green-70: #23a14a;
|
|
146
|
-
$success-states-shape-pressed-green-80: #209644;
|
|
147
|
-
$warning-states-text-hover-yellow-90: #e77e1b;
|
|
148
|
-
$warning-states-text-pressed-yellow-100: #de711e;
|
|
149
|
-
$warning-states-shape-hover-yellow-60: #fda70c;
|
|
150
|
-
$warning-states-shape-pressed-yellow-70: #f69912;
|
|
151
|
-
$error-states-text-hover-red-100: #bb1919;
|
|
152
|
-
$error-states-text-pressed-red-110: #ab0d0d;
|
|
153
|
-
$error-states-shape-hover-red-70: #ed3f3f;
|
|
154
|
-
$error-states-shape-pressed-red-80: #dd3333;
|
|
155
|
-
$shade-16-black: rgba(0, 0, 0, 0.16);
|
|
156
|
-
$shade-80-white: rgba(255, 255, 255, 0.8);
|
|
157
|
-
$elements-exceptions-hint: rgba(0, 0, 0, 0.76);
|
|
158
|
-
$elements-exceptions-toast-red: rgba(210, 15, 0, 0.76);
|
package/dist/cjs/colors.d.ts
DELETED
|
@@ -1,161 +0,0 @@
|
|
|
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;
|