@skbkontur/colors 1.1.2-799ba.0 → 1.1.2-97dd9.0

package/dist/esm/tokens/semantic/js/brand-violet_accent-gray.js

@@ -25,12 +25,6 @@ export var SEMANTIC_TOKENS = {
         textLogo: '#844BEC',
         textNeutralPrimary: 'rgba(0, 0, 0, 0.88)',
         textNeutralSecondary: 'rgba(0, 0, 0, 0.56)',
-        textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.4)',
-        textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
-        textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.64)',
-        textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
-        textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
-        textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
         textSuccessPrimary: '#007f34',
         textSuccessPrimaryHover: '#009b41',
         textSuccessPrimaryPressed: '#3a6a43',
@@ -43,6 +37,12 @@ export var SEMANTIC_TOKENS = {
         textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
         textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
         textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
+        textOnAccentBoldDisabled: 'rgba(255, 255, 255, 0.4)',
+        textOnAccentBoldPrimary: 'rgba(255, 255, 255, 0.96)',
+        textOnAccentBoldSecondary: 'rgba(255, 255, 255, 0.64)',
+        textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
+        textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
+        textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
         shapeBoldAccent: '#3d3d3d',
         shapeBoldAccentHover: '#333333',
         shapeBoldAccentPressed: '#292929',
@@ -87,8 +87,8 @@ export var SEMANTIC_TOKENS = {
         shapeOtherBacklessHover: 'rgba(0, 0, 0, 0.08)',
         shapeOtherBacklessPressed: 'rgba(0, 0, 0, 0.12)',
         shapeOtherBase: '#ffffff',
-        shapeOtherBaseHover: 'rgba(255, 255, 255, 0.8)',
-        shapeOtherBasePressed: 'rgba(255, 255, 255, 0.48)',
+        shapeOtherBaseHover: 'rgba(255, 255, 255, 0.64)',
+        shapeOtherBasePressed: 'rgba(255, 255, 255, 0.32)',
         shapeOtherDisabled: 'rgba(0, 0, 0, 0.06)',
         shapeOtherField: '#ffffff',
         shapeOtherLow: 'rgba(0, 0, 0, 0.06)',
@@ -142,21 +142,30 @@ export var SEMANTIC_TOKENS = {
         shapeInvertedBacklessHover: 'rgba(255, 255, 255, 0.08)',
         shapeInvertedBacklessPressed: 'rgba(255, 255, 255, 0.04)',
         shapeInvertedDisabled: 'rgba(255, 255, 255, 0.06)',
+        shapeInvertedNeutralFaintAlpha: 'rgba(255, 255, 255, 0.06)',
+        shapeInvertedNeutralFaintAlphaHover: 'rgba(255, 255, 255, 0.08)',
+        shapeInvertedNeutralFaintAlphaPressed: 'rgba(255, 255, 255, 0.04)',
         shapeInvertedNeutralHeavy: '#ffffff',
         shapeInvertedNeutralHeavyHover: 'rgba(255, 255, 255, 0.88)',
         shapeInvertedNeutralHeavyPressed: 'rgba(255, 255, 255, 0.72)',
-        shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.12)',
+        shapeInvertedNeutralPaleAlpha: 'rgba(255, 255, 255, 0.08)',
         shapeInvertedNeutralPaleAlphaHover: 'rgba(255, 255, 255, 0.12)',
         shapeInvertedNeutralPaleAlphaPressed: 'rgba(255, 255, 255, 0.06)',
-        shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.32)',
-        shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.32)',
-        shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.16)',
-        shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.16)',
-        shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.08)',
-        shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.16)',
-        shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.08)',
+        shapeInvertedNeutralSoftAlpha: 'rgba(255, 255, 255, 0.16)',
+        shapeInvertedNeutralSoftAlphaHover: 'rgba(255, 255, 255, 0.24)',
+        shapeInvertedNeutralSoftAlphaPressed: 'rgba(255, 255, 255, 0.12)',
+        shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
+        shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
+        shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
+        shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
         shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
         shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
+        shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
+        shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
+        shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
+        shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
+        shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
+        shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
         shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
         shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
         shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
@@ -165,17 +174,17 @@ export var SEMANTIC_TOKENS = {
         shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
         shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
         shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
-        shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.12)',
+        shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
         shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
         shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
         shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
         shapeConstPromo: '#32205a',
-        shapeConstSoftBlack: 'rgba(0, 0, 0, 0.4)',
-        shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.48)',
-        shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.24)',
-        shapeConstSoftWhite: 'rgba(255, 255, 255, 0.48)',
-        shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.56)',
-        shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.32)',
+        shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
+        shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
+        shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
+        shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
+        shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
+        shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
         lineAccentBold: '#3d3d3d',
         lineAccentBoldHover: '#333333',
         lineAccentBoldPressed: '#292929',
@@ -193,10 +202,10 @@ export var SEMANTIC_TOKENS = {
         lineNeutralPale: 'rgba(0, 0, 0, 0.16)',
         lineNeutralPaleHover: 'rgba(0, 0, 0, 0.24)',
         lineNeutralPalePressed: 'rgba(0, 0, 0, 0.4)',
-        lineOnaccentboldFaint: 'rgba(0, 0, 0, 0.16)',
-        lineOnaccentboldPale: 'rgba(0, 0, 0, 0.24)',
-        lineOnbrandoriginalFaint: 'rgba(0, 0, 0, 0.16)',
-        lineOnbrandoriginalPale: 'rgba(0, 0, 0, 0.24)',
+        lineOnAccentBoldFaint: 'rgba(255, 255, 255, 0.12)',
+        lineOnAccentBoldPale: 'rgba(255, 255, 255, 0.24)',
+        lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
+        lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
         lineSuccessBold: '#008d3a',
         lineSuccessBoldHover: '#00b74e',
         lineSuccessBoldPressed: '#458552',
@@ -225,8 +234,8 @@ export var SEMANTIC_TOKENS = {
         lineInvertedWarningBold: '#f8ae00',
         lineInvertedWarningBoldHover: '#ffbf0b',
         lineInvertedWarningBoldPressed: '#cc9a51',
-        lineConstFaintBlack: 'rgba(0, 0, 0, 0.16)',
-        lineConstFaintWhite: 'rgba(255, 255, 255, 0.16)',
+        lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
+        lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
         lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
         lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
         lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
@@ -240,8 +249,8 @@ export var SEMANTIC_TOKENS = {
         illustrationBlack: '#0d0d0d',
         illustrationBrand: '#844BEC',
         illustrationComplement: '#32205a',
-        illustrationOnBrand: 'rgba(0, 0, 0, 1)',
-        illustrationOncomplement: '#ffffff',
+        illustrationOnBrand: 'rgba(255, 255, 255, 1)',
+        illustrationOnComplement: '#ffffff',
         illustrationPromo: '#32205a',
         illustrationSymbol: '#c1b0ff',
         illustrationWhite: '#ffffff',
@@ -327,12 +336,6 @@ export var SEMANTIC_TOKENS = {
         textLogo: '#9864ff',
         textNeutralPrimary: 'rgba(255, 255, 255, 0.96)',
         textNeutralSecondary: 'rgba(255, 255, 255, 0.64)',
-        textOnaccentboldDisabled: 'rgba(0, 0, 0, 0.32)',
-        textOnaccentboldPrimary: 'rgba(0, 0, 0, 0.96)',
-        textOnaccentboldSecondary: 'rgba(0, 0, 0, 0.56)',
-        textOnbrandoriginalDisabled: 'rgba(0, 0, 0, 0.4)',
-        textOnbrandoriginalPrimary: 'rgba(0, 0, 0, 0.96)',
-        textOnbrandoriginalSecondary: 'rgba(0, 0, 0, 0.64)',
         textSuccessPrimary: '#00c655',
         textSuccessPrimaryHover: '#4ede76',
         textSuccessPrimaryPressed: '#4fa161',
@@ -345,6 +348,12 @@ export var SEMANTIC_TOKENS = {
         textConstPrimaryWhite: 'rgba(255, 255, 255, 0.96)',
         textConstSecondaryBlack: 'rgba(0, 0, 0, 0.56)',
         textConstSecondaryWhite: 'rgba(255, 255, 255, 0.64)',
+        textOnAccentBoldDisabled: 'rgba(0, 0, 0, 0.32)',
+        textOnAccentBoldPrimary: 'rgba(0, 0, 0, 0.88)',
+        textOnAccentBoldSecondary: 'rgba(0, 0, 0, 0.56)',
+        textOnBrandOriginalDisabled: 'rgba(255, 255, 255, 0.4)',
+        textOnBrandOriginalPrimary: 'rgba(255, 255, 255, 0.96)',
+        textOnBrandOriginalSecondary: 'rgba(255, 255, 255, 0.64)',
         shapeBoldAccent: '#f2f2f2',
         shapeBoldAccentHover: '#484848',
         shapeBoldAccentPressed: '#333333',
@@ -444,21 +453,30 @@ export var SEMANTIC_TOKENS = {
         shapeInvertedBacklessHover: 'rgba(0, 0, 0, 0.08)',
         shapeInvertedBacklessPressed: 'rgba(0, 0, 0, 0.12)',
         shapeInvertedDisabled: 'rgba(0, 0, 0, 0.06)',
+        shapeInvertedNeutralFaintAlpha: 'rgba(0, 0, 0, 0.06)',
+        shapeInvertedNeutralFaintAlphaHover: 'rgba(0, 0, 0, 0.08)',
+        shapeInvertedNeutralFaintAlphaPressed: 'rgba(0, 0, 0, 0.12)',
         shapeInvertedNeutralHeavy: 'rgba(0, 0, 0, 0.8)',
         shapeInvertedNeutralHeavyHover: 'rgba(0, 0, 0, 0.88)',
         shapeInvertedNeutralHeavyPressed: 'rgba(0, 0, 0, 0.72)',
-        shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.12)',
+        shapeInvertedNeutralPaleAlpha: 'rgba(0, 0, 0, 0.08)',
         shapeInvertedNeutralPaleAlphaHover: 'rgba(0, 0, 0, 0.12)',
         shapeInvertedNeutralPaleAlphaPressed: 'rgba(0, 0, 0, 0.16)',
-        shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.32)',
-        shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.32)',
-        shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.4)',
-        shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.16)',
-        shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.08)',
-        shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.16)',
-        shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.08)',
+        shapeInvertedNeutralSoftAlpha: 'rgba(0, 0, 0, 0.16)',
+        shapeInvertedNeutralSoftAlphaHover: 'rgba(0, 0, 0, 0.24)',
+        shapeInvertedNeutralSoftAlphaPressed: 'rgba(0, 0, 0, 0.32)',
+        shapeConstBacklessBlackHover: 'rgba(0, 0, 0, 0.12)',
+        shapeConstBacklessBlackPressed: 'rgba(0, 0, 0, 0.16)',
+        shapeConstBacklessWhiteHover: 'rgba(255, 255, 255, 0.12)',
+        shapeConstBacklessWhitePressed: 'rgba(255, 255, 255, 0.06)',
         shapeConstDisabledBlack: 'rgba(0, 0, 0, 0.06)',
         shapeConstDisabledWhite: 'rgba(255, 255, 255, 0.06)',
+        shapeConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
+        shapeConstFaintBlackHover: 'rgba(0, 0, 0, 0.16)',
+        shapeConstFaintBlackPressed: 'rgba(0, 0, 0, 0.24)',
+        shapeConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
+        shapeConstFaintWhiteHover: 'rgba(255, 255, 255, 0.16)',
+        shapeConstFaintWhitePressed: 'rgba(255, 255, 255, 0.08)',
         shapeConstHeavyBlack: 'rgba(0, 0, 0, 0.8)',
         shapeConstHeavyBlackHover: 'rgba(0, 0, 0, 0.88)',
         shapeConstHeavyBlackPressed: 'rgba(0, 0, 0, 0.64)',
@@ -467,17 +485,17 @@ export var SEMANTIC_TOKENS = {
         shapeConstHeavyWhitePressed: 'rgba(255, 255, 255, 0.64)',
         shapeConstPaleBlack: 'rgba(0, 0, 0, 0.16)',
         shapeConstPaleBlackHover: 'rgba(0, 0, 0, 0.24)',
-        shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.12)',
+        shapeConstPaleBlackPressed: 'rgba(0, 0, 0, 0.32)',
         shapeConstPaleWhite: 'rgba(255, 255, 255, 0.16)',
         shapeConstPaleWhiteHover: 'rgba(255, 255, 255, 0.24)',
         shapeConstPaleWhitePressed: 'rgba(255, 255, 255, 0.12)',
         shapeConstPromo: '#32205a',
-        shapeConstSoftBlack: 'rgba(0, 0, 0, 0.4)',
-        shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.48)',
-        shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.24)',
-        shapeConstSoftWhite: 'rgba(255, 255, 255, 0.48)',
-        shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.56)',
-        shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.32)',
+        shapeConstSoftBlack: 'rgba(0, 0, 0, 0.24)',
+        shapeConstSoftBlackHover: 'rgba(0, 0, 0, 0.32)',
+        shapeConstSoftBlackPressed: 'rgba(0, 0, 0, 0.4)',
+        shapeConstSoftWhite: 'rgba(255, 255, 255, 0.24)',
+        shapeConstSoftWhiteHover: 'rgba(255, 255, 255, 0.32)',
+        shapeConstSoftWhitePressed: 'rgba(255, 255, 255, 0.24)',
         lineAccentBold: '#f2f2f2',
         lineAccentBoldHover: '#484848',
         lineAccentBoldPressed: '#333333',
@@ -495,10 +513,10 @@ export var SEMANTIC_TOKENS = {
         lineNeutralPale: 'rgba(255, 255, 255, 0.16)',
         lineNeutralPaleHover: 'rgba(255, 255, 255, 0.24)',
         lineNeutralPalePressed: 'rgba(255, 255, 255, 0.12)',
-        lineOnaccentboldFaint: 'rgba(0, 0, 0, 0.16)',
-        lineOnaccentboldPale: 'rgba(0, 0, 0, 0.24)',
-        lineOnbrandoriginalFaint: 'rgba(0, 0, 0, 0.16)',
-        lineOnbrandoriginalPale: 'rgba(0, 0, 0, 0.24)',
+        lineOnAccentBoldFaint: 'rgba(0, 0, 0, 0.12)',
+        lineOnAccentBoldPale: 'rgba(0, 0, 0, 0.24)',
+        lineOnBrandOriginalFaint: 'rgba(255, 255, 255, 0.12)',
+        lineOnBrandOriginalPale: 'rgba(255, 255, 255, 0.24)',
         lineSuccessBold: '#009b41',
         lineSuccessBoldHover: '#00b74e',
         lineSuccessBoldPressed: '#458552',
@@ -527,8 +545,8 @@ export var SEMANTIC_TOKENS = {
         lineInvertedWarningBold: '#f8ae00',
         lineInvertedWarningBoldHover: '#db9400',
         lineInvertedWarningBoldPressed: '#bd8f4d',
-        lineConstFaintBlack: 'rgba(0, 0, 0, 0.16)',
-        lineConstFaintWhite: 'rgba(255, 255, 255, 0.16)',
+        lineConstFaintBlack: 'rgba(0, 0, 0, 0.12)',
+        lineConstFaintWhite: 'rgba(255, 255, 255, 0.12)',
         lineConstPaleBlack: 'rgba(0, 0, 0, 0.24)',
         lineConstPaleBlackHover: 'rgba(0, 0, 0, 0.32)',
         lineConstPaleBlackPressed: 'rgba(0, 0, 0, 0.16)',
@@ -542,8 +560,8 @@ export var SEMANTIC_TOKENS = {
         illustrationBlack: '#0d0d0d',
         illustrationBrand: '#844BEC',
         illustrationComplement: '#ffffff',
-        illustrationOnBrand: 'rgba(0, 0, 0, 1)',
-        illustrationOncomplement: '#32205a',
+        illustrationOnBrand: 'rgba(255, 255, 255, 1)',
+        illustrationOnComplement: '#32205a',
         illustrationPromo: '#32205a',
         illustrationSymbol: '#c1b0ff',
         illustrationWhite: '#ffffff',

package/dist/esm/types/base-tokens.d.ts

@@ -24,6 +24,7 @@ export interface BaseTokens {
     whiteAlpha: ColorWithScale<AlphaScale>;
     blackAlpha: ColorWithScale<AlphaScale>;
     onBrand: ColorWithScale<AlphaScale>;
+    onAccent?: ColorWithScale<AlphaScale>;
     customizable: {
         red: ColorPalette;
         orange: ColorPalette;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/colors",
-  "version": "1.1.2-799ba.0",
+  "version": "1.1.2-97dd9.0",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",
@@ -12,10 +12,10 @@
   "scripts": {
     "clean": "git clean -fdxqe node_modules",
     "extract-tokens": "node --require ./scripts/babel-register -- scripts/extract-tokens-from-figma.ts",
-    "generate": "rimraf dist && node --require ./scripts/babel-register -- scripts/generate.ts && prettier ./src/tokens * --write && npx stylelint \"**/*.{css,scss,less}\" --fix",
     "build": "npm run build:cjs && npm run build:esm",
     "build:cjs": "tsc -p tsconfig.cjs.json",
-    "build:esm": "tsc -p tsconfig.esm.json"
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "build:static": "rimraf ./dist/tokens && node --require ./scripts/babel-register -- scripts/generate.ts && prettier ./dist/tokens * --write && npx stylelint \"**/*.{css,scss,less}\" --fix"
   },
   "sideEffects": false,
   "files": [