@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
|
@@ -171,7 +171,6 @@ export var getDefaultTokens = function (base) {
|
|
|
171
171
|
((_f = (_e = base.accent) === null || _e === void 0 ? void 0 : _e.palette) === null || _f === void 0
|
|
172
172
|
? void 0
|
|
173
173
|
: _f.dim[48]) || base.blackAlpha[96],
|
|
174
|
-
textDisabled: base.blackAlpha[32],
|
|
175
174
|
textErrorHeavy: base.customizable.red.vivid[52],
|
|
176
175
|
textErrorHeavyHover: base.customizable.red.vivid[60],
|
|
177
176
|
textErrorHeavyPressed: base.customizable.red.dim[48],
|
|
@@ -187,10 +186,10 @@ export var getDefaultTokens = function (base) {
|
|
|
187
186
|
((_m = (_l = base.accent) === null || _l === void 0 ? void 0 : _l.palette) === null || _m === void 0
|
|
188
187
|
? void 0
|
|
189
188
|
: _m.dim[64]) || base.gray[100],
|
|
190
|
-
textInvertedDisabled: base.whiteAlpha[40],
|
|
191
189
|
textInvertedErrorHeavy: base.customizable.red.vivid[68],
|
|
192
190
|
textInvertedErrorHeavyHover: base.customizable.red.vivid[72],
|
|
193
191
|
textInvertedErrorHeavyPressed: base.customizable.red.dim[64],
|
|
192
|
+
textInvertedNeutralFaint: base.whiteAlpha[40],
|
|
194
193
|
textInvertedNeutralHeavy: base.whiteAlpha[96],
|
|
195
194
|
textInvertedNeutralPale: base.whiteAlpha[48],
|
|
196
195
|
textInvertedNeutralSoft: base.whiteAlpha[64],
|
|
@@ -201,6 +200,7 @@ export var getDefaultTokens = function (base) {
|
|
|
201
200
|
textInvertedWarningHeavyHover: base.warning.vivid[84],
|
|
202
201
|
textInvertedWarningHeavyPressed: base.warning.dim[72],
|
|
203
202
|
textLogo: base.brand.logo.light,
|
|
203
|
+
textNeutralFaint: base.blackAlpha[32],
|
|
204
204
|
textNeutralHeavy: base.blackAlpha[88],
|
|
205
205
|
textNeutralPale: base.blackAlpha[40],
|
|
206
206
|
textNeutralSoft: base.blackAlpha[56],
|
|
@@ -210,20 +210,19 @@ export var getDefaultTokens = function (base) {
|
|
|
210
210
|
textWarningHeavy: base.warning.vivid[64],
|
|
211
211
|
textWarningHeavyHover: base.warning.vivid[72],
|
|
212
212
|
textWarningHeavyPressed: base.warning.dim[60],
|
|
213
|
-
|
|
214
|
-
|
|
213
|
+
textConstFaintBlack: base.blackAlpha[32],
|
|
214
|
+
textConstFaintWhite: base.whiteAlpha[40],
|
|
215
215
|
textConstHeavyBlack: base.blackAlpha[88],
|
|
216
216
|
textConstHeavyWhite: base.whiteAlpha[96],
|
|
217
217
|
textConstPaleBlack: base.blackAlpha[40],
|
|
218
218
|
textConstPaleWhite: base.whiteAlpha[48],
|
|
219
219
|
textConstSoftBlack: base.blackAlpha[56],
|
|
220
220
|
textConstSoftWhite: base.whiteAlpha[64],
|
|
221
|
-
|
|
222
|
-
((_o = base.onAccent) === null || _o === void 0 ? void 0 : _o[40]) || base.whiteAlpha[40],
|
|
221
|
+
textOnAccentBoldFaint: ((_o = base.onAccent) === null || _o === void 0 ? void 0 : _o[40]) || base.whiteAlpha[40],
|
|
223
222
|
textOnAccentBoldHeavy: ((_p = base.onAccent) === null || _p === void 0 ? void 0 : _p[96]) || base.whiteAlpha[96],
|
|
224
223
|
textOnAccentBoldPale: ((_q = base.onAccent) === null || _q === void 0 ? void 0 : _q[48]) || base.whiteAlpha[48],
|
|
225
224
|
textOnAccentBoldSoft: ((_r = base.onAccent) === null || _r === void 0 ? void 0 : _r[64]) || base.whiteAlpha[64],
|
|
226
|
-
|
|
225
|
+
textOnBrandOriginalFaint: base.onBrand[40],
|
|
227
226
|
textOnBrandOriginalHeavy: base.onBrand[96],
|
|
228
227
|
textOnBrandOriginalPale: base.onBrand[48],
|
|
229
228
|
textOnBrandOriginalSoft: base.onBrand[64],
|
|
@@ -585,7 +584,6 @@ export var getDefaultTokens = function (base) {
|
|
|
585
584
|
((_60 = (_59 = base.accent) === null || _59 === void 0 ? void 0 : _59.palette) === null || _60 === void 0
|
|
586
585
|
? void 0
|
|
587
586
|
: _60.dim[64]) || base.gray[100],
|
|
588
|
-
textDisabled: base.whiteAlpha[40],
|
|
589
587
|
textErrorHeavy: base.customizable.red.vivid[68],
|
|
590
588
|
textErrorHeavyHover: base.customizable.red.vivid[72],
|
|
591
589
|
textErrorHeavyPressed: base.customizable.red.dim[64],
|
|
@@ -601,10 +599,10 @@ export var getDefaultTokens = function (base) {
|
|
|
601
599
|
((_66 = (_65 = base.accent) === null || _65 === void 0 ? void 0 : _65.palette) === null || _66 === void 0
|
|
602
600
|
? void 0
|
|
603
601
|
: _66.dim[48]) || base.blackAlpha[96],
|
|
604
|
-
textInvertedDisabled: base.blackAlpha[32],
|
|
605
602
|
textInvertedErrorHeavy: base.customizable.red.vivid[52],
|
|
606
603
|
textInvertedErrorHeavyHover: base.customizable.red.vivid[60],
|
|
607
604
|
textInvertedErrorHeavyPressed: base.customizable.red.dim[48],
|
|
605
|
+
textInvertedNeutralFaint: base.blackAlpha[32],
|
|
608
606
|
textInvertedNeutralHeavy: base.blackAlpha[88],
|
|
609
607
|
textInvertedNeutralPale: base.blackAlpha[40],
|
|
610
608
|
textInvertedNeutralSoft: base.blackAlpha[56],
|
|
@@ -615,6 +613,7 @@ export var getDefaultTokens = function (base) {
|
|
|
615
613
|
textInvertedWarningHeavyHover: base.warning.vivid[72],
|
|
616
614
|
textInvertedWarningHeavyPressed: base.warning.dim[56],
|
|
617
615
|
textLogo: base.brand.logo.dark,
|
|
616
|
+
textNeutralFaint: base.whiteAlpha[40],
|
|
618
617
|
textNeutralHeavy: base.whiteAlpha[96],
|
|
619
618
|
textNeutralPale: base.whiteAlpha[48],
|
|
620
619
|
textNeutralSoft: base.whiteAlpha[64],
|
|
@@ -624,15 +623,15 @@ export var getDefaultTokens = function (base) {
|
|
|
624
623
|
textWarningHeavy: base.warning.vivid[80],
|
|
625
624
|
textWarningHeavyHover: base.warning.vivid[84],
|
|
626
625
|
textWarningHeavyPressed: base.warning.dim[72],
|
|
627
|
-
|
|
628
|
-
|
|
626
|
+
textConstFaintBlack: base.blackAlpha[32],
|
|
627
|
+
textConstFaintWhite: base.whiteAlpha[40],
|
|
629
628
|
textConstHeavyBlack: base.blackAlpha[88],
|
|
630
629
|
textConstHeavyWhite: base.whiteAlpha[96],
|
|
631
630
|
textConstPaleBlack: base.blackAlpha[40],
|
|
632
631
|
textConstPaleWhite: base.whiteAlpha[48],
|
|
633
632
|
textConstSoftBlack: base.blackAlpha[56],
|
|
634
633
|
textConstSoftWhite: base.whiteAlpha[64],
|
|
635
|
-
|
|
634
|
+
textOnAccentBoldFaint:
|
|
636
635
|
((_67 = base.onAccent) === null || _67 === void 0 ? void 0 : _67[32]) || base.blackAlpha[32],
|
|
637
636
|
textOnAccentBoldHeavy:
|
|
638
637
|
((_68 = base.onAccent) === null || _68 === void 0 ? void 0 : _68[96]) || base.blackAlpha[88],
|
|
@@ -640,7 +639,7 @@ export var getDefaultTokens = function (base) {
|
|
|
640
639
|
((_69 = base.onAccent) === null || _69 === void 0 ? void 0 : _69[40]) || base.blackAlpha[40],
|
|
641
640
|
textOnAccentBoldSoft:
|
|
642
641
|
((_70 = base.onAccent) === null || _70 === void 0 ? void 0 : _70[56]) || base.blackAlpha[56],
|
|
643
|
-
|
|
642
|
+
textOnBrandOriginalFaint: base.onBrand[40],
|
|
644
643
|
textOnBrandOriginalHeavy: base.onBrand[96],
|
|
645
644
|
textOnBrandOriginalPale: base.onBrand[48],
|
|
646
645
|
textOnBrandOriginalSoft: base.onBrand[64],
|
|
@@ -698,9 +697,9 @@ export var getDefaultTokens = function (base) {
|
|
|
698
697
|
shapeOtherAccentBoldDisabled: base.whiteAlpha[32],
|
|
699
698
|
shapeOtherBacklessHover: base.whiteAlpha[6],
|
|
700
699
|
shapeOtherBacklessPressed: base.whiteAlpha[4],
|
|
701
|
-
shapeOtherBase: base.
|
|
702
|
-
shapeOtherBaseHover: base.
|
|
703
|
-
shapeOtherBasePressed: base.
|
|
700
|
+
shapeOtherBase: base.whiteAlpha[6],
|
|
701
|
+
shapeOtherBaseHover: base.whiteAlpha[8],
|
|
702
|
+
shapeOtherBasePressed: base.whiteAlpha[4],
|
|
704
703
|
shapeOtherDisabled: base.whiteAlpha[6],
|
|
705
704
|
shapeOtherField: base.blackAlpha[16],
|
|
706
705
|
shapeOtherFieldHover: base.blackAlpha[4],
|