@skbkontur/colors 1.1.2-34230.0 → 1.1.2-73aed.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/dist/cjs/get-base-tokens.d.ts +7 -5
- package/dist/cjs/get-base-tokens.js +35 -63
- package/dist/cjs/get-default-tokens.d.ts +8 -0
- package/dist/cjs/get-default-tokens.js +19 -11
- package/dist/cjs/helpers/get-palette.js +58 -64
- package/dist/cjs/helpers/get-promo.js +21 -27
- package/dist/cjs/types/base-tokens.d.ts +5 -6
- package/dist/cjs/utils/format-variable.d.ts +2 -0
- package/dist/cjs/utils/format-variable.js +11 -0
- package/dist/esm/get-base-tokens.d.ts +7 -5
- package/dist/esm/get-base-tokens.js +33 -58
- package/dist/esm/get-default-tokens.d.ts +8 -0
- package/dist/esm/get-default-tokens.js +19 -11
- package/dist/esm/helpers/get-palette.js +58 -64
- package/dist/esm/helpers/get-promo.js +21 -27
- package/dist/esm/types/base-tokens.d.ts +5 -6
- package/dist/esm/utils/format-variable.d.ts +2 -0
- package/dist/esm/utils/format-variable.js +6 -0
- package/dist/tokens/base/css/brand-blue-deep_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-blue_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-green_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-mint_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-orange_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-purple_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-red_accent-gray.css +1 -1
- package/dist/tokens/base/css/brand-violet_accent-gray.css +1 -1
- package/dist/tokens/base/js/brand-blue-deep_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-blue_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-green_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-mint_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-orange_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-purple_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-red_accent-gray.js +1 -0
- package/dist/tokens/base/js/brand-violet_accent-gray.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue-deep_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-blue_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-green_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-mint_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-orange_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-purple_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-red_accent-gray.tree.js +1 -0
- package/dist/tokens/base/js-tree/brand-violet_accent-gray.tree.js +1 -0
- package/dist/tokens/base/json/brand-blue-deep_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-blue_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-green_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-mint_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-orange_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-purple_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-red_accent-gray.json +1 -0
- package/dist/tokens/base/json/brand-violet_accent-gray.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue-deep_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-blue_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-green_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-mint_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-orange_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-purple_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-red_accent-gray.tree.json +1 -0
- package/dist/tokens/base/json-tree/brand-violet_accent-gray.tree.json +1 -0
- package/dist/tokens/base/less/brand-blue-deep_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-blue_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-green_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-mint_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-orange_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-purple_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-red_accent-gray.less +1 -1
- package/dist/tokens/base/less/brand-violet_accent-gray.less +1 -1
- package/dist/tokens/base/scss/brand-blue-deep_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-blue_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-green_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-mint_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-orange_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-purple_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-red_accent-gray.scss +1 -1
- package/dist/tokens/base/scss/brand-violet_accent-gray.scss +1 -1
- package/dist/tokens/semantic/css/brand-blue-deep_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue-deep_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-blue_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-green_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-mint_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-orange_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-purple_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-red_accent-gray.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-brand.css +19 -11
- package/dist/tokens/semantic/css/brand-violet_accent-gray.css +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue-deep_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-blue_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-green_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-mint_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-orange_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-purple_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-red_accent-gray.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-brand.js +19 -11
- package/dist/tokens/semantic/js/brand-violet_accent-gray.js +19 -11
- package/dist/tokens/semantic/json/brand-blue-deep_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue-deep_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-blue_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-green_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-mint_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-orange_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-purple_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-red_accent-gray.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-brand.json +9 -1
- package/dist/tokens/semantic/json/brand-violet_accent-gray.json +9 -1
- package/dist/tokens/semantic/less/semantic.less +4 -0
- package/dist/tokens/semantic/scss/semantic.scss +4 -0
- package/package.json +1 -1
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#331f5a",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#5d1d3c",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#5d1d3c",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#32205a",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
},
|
|
178
178
|
"shapeOtherBase": {
|
|
179
179
|
"light": "#ffffff",
|
|
180
|
-
"dark": "#
|
|
180
|
+
"dark": "#333333"
|
|
181
181
|
},
|
|
182
182
|
"shapeOtherDisabled": {
|
|
183
183
|
"light": "#0f000000",
|
|
@@ -443,6 +443,14 @@
|
|
|
443
443
|
"light": "#32205a",
|
|
444
444
|
"dark": "#ffffff"
|
|
445
445
|
},
|
|
446
|
+
"illustrationInvertedNeutral": {
|
|
447
|
+
"light": "#ffffff",
|
|
448
|
+
"dark": "#000000"
|
|
449
|
+
},
|
|
450
|
+
"illustrationNeutral": {
|
|
451
|
+
"light": "#000000",
|
|
452
|
+
"dark": "#ffffff"
|
|
453
|
+
},
|
|
446
454
|
"illustrationOnBrand": {
|
|
447
455
|
"light": "#ffffffff",
|
|
448
456
|
"dark": "#ffffffff"
|
|
@@ -89,6 +89,8 @@
|
|
|
89
89
|
@shapeOtherBasePressed: var(--k-shapeOtherBasePressed);
|
|
90
90
|
@shapeOtherDisabled: var(--k-shapeOtherDisabled);
|
|
91
91
|
@shapeOtherField: var(--k-shapeOtherField);
|
|
92
|
+
@shapeOtherFieldHover: var(--k-shapeOtherFieldHover);
|
|
93
|
+
@shapeOtherFieldPressed: var(--k-shapeOtherFieldPressed);
|
|
92
94
|
@shapeOtherLow: var(--k-shapeOtherLow);
|
|
93
95
|
@shapeOtherLowHover: var(--k-shapeOtherLowHover);
|
|
94
96
|
@shapeOtherLowPressed: var(--k-shapeOtherLowPressed);
|
|
@@ -247,6 +249,8 @@
|
|
|
247
249
|
@illustrationBlack: var(--k-illustrationBlack);
|
|
248
250
|
@illustrationBrand: var(--k-illustrationBrand);
|
|
249
251
|
@illustrationComplement: var(--k-illustrationComplement);
|
|
252
|
+
@illustrationInvertedNeutral: var(--k-illustrationInvertedNeutral);
|
|
253
|
+
@illustrationNeutral: var(--k-illustrationNeutral);
|
|
250
254
|
@illustrationOnBrand: var(--k-illustrationOnBrand);
|
|
251
255
|
@illustrationOnComplement: var(--k-illustrationOnComplement);
|
|
252
256
|
@illustrationPromo: var(--k-illustrationPromo);
|
|
@@ -89,6 +89,8 @@ $shapeOtherBaseHover: var(--k-shapeOtherBaseHover);
|
|
|
89
89
|
$shapeOtherBasePressed: var(--k-shapeOtherBasePressed);
|
|
90
90
|
$shapeOtherDisabled: var(--k-shapeOtherDisabled);
|
|
91
91
|
$shapeOtherField: var(--k-shapeOtherField);
|
|
92
|
+
$shapeOtherFieldHover: var(--k-shapeOtherFieldHover);
|
|
93
|
+
$shapeOtherFieldPressed: var(--k-shapeOtherFieldPressed);
|
|
92
94
|
$shapeOtherLow: var(--k-shapeOtherLow);
|
|
93
95
|
$shapeOtherLowHover: var(--k-shapeOtherLowHover);
|
|
94
96
|
$shapeOtherLowPressed: var(--k-shapeOtherLowPressed);
|
|
@@ -247,6 +249,8 @@ $surfaceModalBackdrop: var(--k-surfaceModalBackdrop);
|
|
|
247
249
|
$illustrationBlack: var(--k-illustrationBlack);
|
|
248
250
|
$illustrationBrand: var(--k-illustrationBrand);
|
|
249
251
|
$illustrationComplement: var(--k-illustrationComplement);
|
|
252
|
+
$illustrationInvertedNeutral: var(--k-illustrationInvertedNeutral);
|
|
253
|
+
$illustrationNeutral: var(--k-illustrationNeutral);
|
|
250
254
|
$illustrationOnBrand: var(--k-illustrationOnBrand);
|
|
251
255
|
$illustrationOnComplement: var(--k-illustrationOnComplement);
|
|
252
256
|
$illustrationPromo: var(--k-illustrationPromo);
|