@skbkontur/colors 2.0.0-alpha.0 → 2.0.0-alpha.1
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/dist/cjs/get-colors.js +12 -3
- package/dist/cjs/get-default-tokens.d.ts +12 -12
- package/dist/cjs/get-default-tokens.js +15 -16
- package/dist/colors.default-dark.js +9 -9
- package/dist/colors.default-light.js +6 -6
- package/dist/colors.js +6 -6
- package/dist/colors.less +6 -6
- package/dist/colors.scss +6 -6
- package/dist/esm/get-colors.js +12 -3
- package/dist/esm/get-default-tokens.d.ts +12 -12
- package/dist/esm/get-default-tokens.js +15 -16
- package/dist/tokens/brand-blue-deep_accent-brand.css +640 -640
- package/dist/tokens/brand-blue-deep_accent-gray.css +640 -640
- package/dist/tokens/brand-blue_accent-brand.css +640 -640
- package/dist/tokens/brand-blue_accent-gray.css +640 -640
- package/dist/tokens/brand-green_accent-brand.css +640 -640
- package/dist/tokens/brand-green_accent-gray.css +640 -640
- package/dist/tokens/brand-mint_accent-brand.css +640 -640
- package/dist/tokens/brand-mint_accent-gray.css +640 -640
- package/dist/tokens/brand-orange_accent-gray.css +640 -640
- package/dist/tokens/brand-purple_accent-brand.css +640 -640
- package/dist/tokens/brand-purple_accent-gray.css +640 -640
- package/dist/tokens/brand-red_accent-gray.css +640 -640
- package/dist/tokens/brand-violet_accent-brand.css +640 -640
- package/dist/tokens/brand-violet_accent-gray.css +640 -640
- package/dist/tokens-js/brand-blue-deep_accent-brand.js +15 -15
- package/dist/tokens-js/brand-blue-deep_accent-gray.js +15 -15
- package/dist/tokens-js/brand-blue_accent-brand.js +15 -15
- package/dist/tokens-js/brand-blue_accent-gray.js +15 -15
- package/dist/tokens-js/brand-green_accent-brand.js +15 -15
- package/dist/tokens-js/brand-green_accent-gray.js +15 -15
- package/dist/tokens-js/brand-mint_accent-brand.js +15 -15
- package/dist/tokens-js/brand-mint_accent-gray.js +15 -15
- package/dist/tokens-js/brand-orange_accent-gray.js +15 -15
- package/dist/tokens-js/brand-purple_accent-brand.js +15 -15
- package/dist/tokens-js/brand-purple_accent-gray.js +15 -15
- package/dist/tokens-js/brand-red_accent-gray.js +15 -15
- package/dist/tokens-js/brand-violet_accent-brand.js +15 -15
- package/dist/tokens-js/brand-violet_accent-gray.js +15 -15
- package/dist/tokens-mobile/brand-blue-deep_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-blue-deep_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-blue_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-blue_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-green_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-green_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-mint_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-mint_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-orange_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-purple_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-purple_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-red_accent-gray.json +13 -13
- package/dist/tokens-mobile/brand-violet_accent-brand.json +13 -13
- package/dist/tokens-mobile/brand-violet_accent-gray.json +13 -13
- package/package.json +2 -2
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
"light": "#e0000000",
|
|
4
4
|
"dark": "#f5ffffff"
|
|
5
5
|
},
|
|
6
|
-
"textDisabled": {
|
|
7
|
-
"light": "#52000000",
|
|
8
|
-
"dark": "#66ffffff"
|
|
9
|
-
},
|
|
10
6
|
"textErrorHeavy": {
|
|
11
7
|
"light": "#c50220",
|
|
12
8
|
"dark": "#ff5352"
|
|
@@ -15,14 +11,14 @@
|
|
|
15
11
|
"light": "#f5ffffff",
|
|
16
12
|
"dark": "#e0000000"
|
|
17
13
|
},
|
|
18
|
-
"textInvertedDisabled": {
|
|
19
|
-
"light": "#66ffffff",
|
|
20
|
-
"dark": "#52000000"
|
|
21
|
-
},
|
|
22
14
|
"textInvertedErrorHeavy": {
|
|
23
15
|
"light": "#ff5352",
|
|
24
16
|
"dark": "#c50220"
|
|
25
17
|
},
|
|
18
|
+
"textInvertedNeutralFaint": {
|
|
19
|
+
"light": "#66ffffff",
|
|
20
|
+
"dark": "#52000000"
|
|
21
|
+
},
|
|
26
22
|
"textInvertedNeutralHeavy": {
|
|
27
23
|
"light": "#f5ffffff",
|
|
28
24
|
"dark": "#e0000000"
|
|
@@ -47,6 +43,10 @@
|
|
|
47
43
|
"light": "#B750D1",
|
|
48
44
|
"dark": "#bf58d9"
|
|
49
45
|
},
|
|
46
|
+
"textNeutralFaint": {
|
|
47
|
+
"light": "#52000000",
|
|
48
|
+
"dark": "#66ffffff"
|
|
49
|
+
},
|
|
50
50
|
"textNeutralHeavy": {
|
|
51
51
|
"light": "#e0000000",
|
|
52
52
|
"dark": "#f5ffffff"
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"light": "#bc7d00",
|
|
68
68
|
"dark": "#f8ae00"
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"textConstFaintBlack": {
|
|
71
71
|
"light": "#52000000",
|
|
72
72
|
"dark": "#52000000"
|
|
73
73
|
},
|
|
74
|
-
"
|
|
74
|
+
"textConstFaintWhite": {
|
|
75
75
|
"light": "#66ffffff",
|
|
76
76
|
"dark": "#66ffffff"
|
|
77
77
|
},
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"light": "#a3ffffff",
|
|
100
100
|
"dark": "#a3ffffff"
|
|
101
101
|
},
|
|
102
|
-
"
|
|
102
|
+
"textOnAccentBoldFaint": {
|
|
103
103
|
"light": "#66ffffff",
|
|
104
104
|
"dark": "#52000000"
|
|
105
105
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"light": "#a3ffffff",
|
|
116
116
|
"dark": "#8f000000"
|
|
117
117
|
},
|
|
118
|
-
"
|
|
118
|
+
"textOnBrandOriginalFaint": {
|
|
119
119
|
"light": "#66ffffff",
|
|
120
120
|
"dark": "#66ffffff"
|
|
121
121
|
},
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
},
|
|
202
202
|
"shapeOtherBase": {
|
|
203
203
|
"light": "#ffffff",
|
|
204
|
-
"dark": "#
|
|
204
|
+
"dark": "#0fffffff"
|
|
205
205
|
},
|
|
206
206
|
"shapeOtherDisabled": {
|
|
207
207
|
"light": "#0f000000",
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
"light": "#e0000000",
|
|
4
4
|
"dark": "#f5ffffff"
|
|
5
5
|
},
|
|
6
|
-
"textDisabled": {
|
|
7
|
-
"light": "#52000000",
|
|
8
|
-
"dark": "#66ffffff"
|
|
9
|
-
},
|
|
10
6
|
"textErrorHeavy": {
|
|
11
7
|
"light": "#c50220",
|
|
12
8
|
"dark": "#ff5352"
|
|
@@ -15,14 +11,14 @@
|
|
|
15
11
|
"light": "#f5ffffff",
|
|
16
12
|
"dark": "#e0000000"
|
|
17
13
|
},
|
|
18
|
-
"textInvertedDisabled": {
|
|
19
|
-
"light": "#66ffffff",
|
|
20
|
-
"dark": "#52000000"
|
|
21
|
-
},
|
|
22
14
|
"textInvertedErrorHeavy": {
|
|
23
15
|
"light": "#ff5352",
|
|
24
16
|
"dark": "#c50220"
|
|
25
17
|
},
|
|
18
|
+
"textInvertedNeutralFaint": {
|
|
19
|
+
"light": "#66ffffff",
|
|
20
|
+
"dark": "#52000000"
|
|
21
|
+
},
|
|
26
22
|
"textInvertedNeutralHeavy": {
|
|
27
23
|
"light": "#f5ffffff",
|
|
28
24
|
"dark": "#e0000000"
|
|
@@ -47,6 +43,10 @@
|
|
|
47
43
|
"light": "#FE4C4C",
|
|
48
44
|
"dark": "#fe4c4c"
|
|
49
45
|
},
|
|
46
|
+
"textNeutralFaint": {
|
|
47
|
+
"light": "#52000000",
|
|
48
|
+
"dark": "#66ffffff"
|
|
49
|
+
},
|
|
50
50
|
"textNeutralHeavy": {
|
|
51
51
|
"light": "#e0000000",
|
|
52
52
|
"dark": "#f5ffffff"
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"light": "#bc7d00",
|
|
68
68
|
"dark": "#f8ae00"
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"textConstFaintBlack": {
|
|
71
71
|
"light": "#52000000",
|
|
72
72
|
"dark": "#52000000"
|
|
73
73
|
},
|
|
74
|
-
"
|
|
74
|
+
"textConstFaintWhite": {
|
|
75
75
|
"light": "#66ffffff",
|
|
76
76
|
"dark": "#66ffffff"
|
|
77
77
|
},
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"light": "#a3ffffff",
|
|
100
100
|
"dark": "#a3ffffff"
|
|
101
101
|
},
|
|
102
|
-
"
|
|
102
|
+
"textOnAccentBoldFaint": {
|
|
103
103
|
"light": "#66ffffff",
|
|
104
104
|
"dark": "#52000000"
|
|
105
105
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"light": "#a3ffffff",
|
|
116
116
|
"dark": "#8f000000"
|
|
117
117
|
},
|
|
118
|
-
"
|
|
118
|
+
"textOnBrandOriginalFaint": {
|
|
119
119
|
"light": "#66ffffff",
|
|
120
120
|
"dark": "#66ffffff"
|
|
121
121
|
},
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
},
|
|
202
202
|
"shapeOtherBase": {
|
|
203
203
|
"light": "#ffffff",
|
|
204
|
-
"dark": "#
|
|
204
|
+
"dark": "#0fffffff"
|
|
205
205
|
},
|
|
206
206
|
"shapeOtherDisabled": {
|
|
207
207
|
"light": "#0f000000",
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
"light": "#7441d3",
|
|
4
4
|
"dark": "#ab8eff"
|
|
5
5
|
},
|
|
6
|
-
"textDisabled": {
|
|
7
|
-
"light": "#52000000",
|
|
8
|
-
"dark": "#66ffffff"
|
|
9
|
-
},
|
|
10
6
|
"textErrorHeavy": {
|
|
11
7
|
"light": "#c50220",
|
|
12
8
|
"dark": "#ff5352"
|
|
@@ -15,14 +11,14 @@
|
|
|
15
11
|
"light": "#ab8eff",
|
|
16
12
|
"dark": "#7441d3"
|
|
17
13
|
},
|
|
18
|
-
"textInvertedDisabled": {
|
|
19
|
-
"light": "#66ffffff",
|
|
20
|
-
"dark": "#52000000"
|
|
21
|
-
},
|
|
22
14
|
"textInvertedErrorHeavy": {
|
|
23
15
|
"light": "#ff5352",
|
|
24
16
|
"dark": "#c50220"
|
|
25
17
|
},
|
|
18
|
+
"textInvertedNeutralFaint": {
|
|
19
|
+
"light": "#66ffffff",
|
|
20
|
+
"dark": "#52000000"
|
|
21
|
+
},
|
|
26
22
|
"textInvertedNeutralHeavy": {
|
|
27
23
|
"light": "#f5ffffff",
|
|
28
24
|
"dark": "#e0000000"
|
|
@@ -47,6 +43,10 @@
|
|
|
47
43
|
"light": "#844BEC",
|
|
48
44
|
"dark": "#9864ff"
|
|
49
45
|
},
|
|
46
|
+
"textNeutralFaint": {
|
|
47
|
+
"light": "#52000000",
|
|
48
|
+
"dark": "#66ffffff"
|
|
49
|
+
},
|
|
50
50
|
"textNeutralHeavy": {
|
|
51
51
|
"light": "#e0000000",
|
|
52
52
|
"dark": "#f5ffffff"
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"light": "#bc7d00",
|
|
68
68
|
"dark": "#f8ae00"
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"textConstFaintBlack": {
|
|
71
71
|
"light": "#52000000",
|
|
72
72
|
"dark": "#52000000"
|
|
73
73
|
},
|
|
74
|
-
"
|
|
74
|
+
"textConstFaintWhite": {
|
|
75
75
|
"light": "#66ffffff",
|
|
76
76
|
"dark": "#66ffffff"
|
|
77
77
|
},
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"light": "#a3ffffff",
|
|
100
100
|
"dark": "#a3ffffff"
|
|
101
101
|
},
|
|
102
|
-
"
|
|
102
|
+
"textOnAccentBoldFaint": {
|
|
103
103
|
"light": "#66ffffff",
|
|
104
104
|
"dark": "#52ffffff"
|
|
105
105
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"light": "#a3ffffff",
|
|
116
116
|
"dark": "#8fffffff"
|
|
117
117
|
},
|
|
118
|
-
"
|
|
118
|
+
"textOnBrandOriginalFaint": {
|
|
119
119
|
"light": "#66ffffff",
|
|
120
120
|
"dark": "#66ffffff"
|
|
121
121
|
},
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
},
|
|
202
202
|
"shapeOtherBase": {
|
|
203
203
|
"light": "#ffffff",
|
|
204
|
-
"dark": "#
|
|
204
|
+
"dark": "#0fffffff"
|
|
205
205
|
},
|
|
206
206
|
"shapeOtherDisabled": {
|
|
207
207
|
"light": "#0f000000",
|
|
@@ -3,10 +3,6 @@
|
|
|
3
3
|
"light": "#e0000000",
|
|
4
4
|
"dark": "#f5ffffff"
|
|
5
5
|
},
|
|
6
|
-
"textDisabled": {
|
|
7
|
-
"light": "#52000000",
|
|
8
|
-
"dark": "#66ffffff"
|
|
9
|
-
},
|
|
10
6
|
"textErrorHeavy": {
|
|
11
7
|
"light": "#c50220",
|
|
12
8
|
"dark": "#ff5352"
|
|
@@ -15,14 +11,14 @@
|
|
|
15
11
|
"light": "#f5ffffff",
|
|
16
12
|
"dark": "#e0000000"
|
|
17
13
|
},
|
|
18
|
-
"textInvertedDisabled": {
|
|
19
|
-
"light": "#66ffffff",
|
|
20
|
-
"dark": "#52000000"
|
|
21
|
-
},
|
|
22
14
|
"textInvertedErrorHeavy": {
|
|
23
15
|
"light": "#ff5352",
|
|
24
16
|
"dark": "#c50220"
|
|
25
17
|
},
|
|
18
|
+
"textInvertedNeutralFaint": {
|
|
19
|
+
"light": "#66ffffff",
|
|
20
|
+
"dark": "#52000000"
|
|
21
|
+
},
|
|
26
22
|
"textInvertedNeutralHeavy": {
|
|
27
23
|
"light": "#f5ffffff",
|
|
28
24
|
"dark": "#e0000000"
|
|
@@ -47,6 +43,10 @@
|
|
|
47
43
|
"light": "#844BEC",
|
|
48
44
|
"dark": "#9864ff"
|
|
49
45
|
},
|
|
46
|
+
"textNeutralFaint": {
|
|
47
|
+
"light": "#52000000",
|
|
48
|
+
"dark": "#66ffffff"
|
|
49
|
+
},
|
|
50
50
|
"textNeutralHeavy": {
|
|
51
51
|
"light": "#e0000000",
|
|
52
52
|
"dark": "#f5ffffff"
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"light": "#bc7d00",
|
|
68
68
|
"dark": "#f8ae00"
|
|
69
69
|
},
|
|
70
|
-
"
|
|
70
|
+
"textConstFaintBlack": {
|
|
71
71
|
"light": "#52000000",
|
|
72
72
|
"dark": "#52000000"
|
|
73
73
|
},
|
|
74
|
-
"
|
|
74
|
+
"textConstFaintWhite": {
|
|
75
75
|
"light": "#66ffffff",
|
|
76
76
|
"dark": "#66ffffff"
|
|
77
77
|
},
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
"light": "#a3ffffff",
|
|
100
100
|
"dark": "#a3ffffff"
|
|
101
101
|
},
|
|
102
|
-
"
|
|
102
|
+
"textOnAccentBoldFaint": {
|
|
103
103
|
"light": "#66ffffff",
|
|
104
104
|
"dark": "#52000000"
|
|
105
105
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
"light": "#a3ffffff",
|
|
116
116
|
"dark": "#8f000000"
|
|
117
117
|
},
|
|
118
|
-
"
|
|
118
|
+
"textOnBrandOriginalFaint": {
|
|
119
119
|
"light": "#66ffffff",
|
|
120
120
|
"dark": "#66ffffff"
|
|
121
121
|
},
|
|
@@ -201,7 +201,7 @@
|
|
|
201
201
|
},
|
|
202
202
|
"shapeOtherBase": {
|
|
203
203
|
"light": "#ffffff",
|
|
204
|
-
"dark": "#
|
|
204
|
+
"dark": "#0fffffff"
|
|
205
205
|
},
|
|
206
206
|
"shapeOtherDisabled": {
|
|
207
207
|
"light": "#0f000000",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skbkontur/colors",
|
|
3
|
-
"version": "2.0.0-alpha.
|
|
3
|
+
"version": "2.0.0-alpha.1",
|
|
4
4
|
"author": "Kontur",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@babel/preset-typescript": "7.22.5",
|
|
27
27
|
"@babel/register": "7.22.5",
|
|
28
|
-
"@skbkontur/react-ui": "4.
|
|
28
|
+
"@skbkontur/react-ui": "5.4.2",
|
|
29
29
|
"rimraf": "^4.1.2"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|