@skbkontur/colors 1.1.2-34230.0 → 1.1.2-6463e.0

package/dist/tokens/semantic/json/brand-violet_accent-gray.json

@@ -1,5 +1,5 @@
 {
-  "textAccentPrimary": {
+  "textAccentHeavy": {
     "light": "#e0000000",
     "dark": "#f5ffffff"
   },
@@ -7,11 +7,11 @@
     "light": "#52000000",
     "dark": "#66ffffff"
   },
-  "textErrorPrimary": {
+  "textErrorHeavy": {
     "light": "#c50220",
     "dark": "#ff5352"
   },
-  "textInvertedAccentPrimary": {
+  "textInvertedAccentHeavy": {
     "light": "#f5ffffff",
     "dark": "#e0000000"
   },
@@ -19,23 +19,27 @@
     "light": "#66ffffff",
     "dark": "#52000000"
   },
-  "textInvertedErrorPrimary": {
+  "textInvertedErrorHeavy": {
     "light": "#ff5352",
     "dark": "#c50220"
   },
-  "textInvertedNeutralPrimary": {
+  "textInvertedNeutralHeavy": {
     "light": "#f5ffffff",
     "dark": "#e0000000"
   },
-  "textInvertedNeutralSecondary": {
+  "textInvertedNeutralPale": {
+    "light": "#7affffff",
+    "dark": "#66000000"
+  },
+  "textInvertedNeutralSoft": {
     "light": "#a3ffffff",
     "dark": "#8f000000"
   },
-  "textInvertedSuccessPrimary": {
+  "textInvertedSuccessHeavy": {
     "light": "#00c655",
     "dark": "#007f34"
   },
-  "textInvertedWarningPrimary": {
+  "textInvertedWarningHeavy": {
     "light": "#f8ae00",
     "dark": "#bc7d00"
   },
@@ -43,19 +47,23 @@
     "light": "#844BEC",
     "dark": "#9864ff"
   },
-  "textNeutralPrimary": {
+  "textNeutralHeavy": {
     "light": "#e0000000",
     "dark": "#f5ffffff"
   },
-  "textNeutralSecondary": {
+  "textNeutralPale": {
+    "light": "#66000000",
+    "dark": "#7affffff"
+  },
+  "textNeutralSoft": {
     "light": "#8f000000",
     "dark": "#a3ffffff"
   },
-  "textSuccessPrimary": {
+  "textSuccessHeavy": {
     "light": "#007f34",
     "dark": "#00c655"
   },
-  "textWarningPrimary": {
+  "textWarningHeavy": {
     "light": "#bc7d00",
     "dark": "#f8ae00"
   },
@@ -67,19 +75,27 @@
     "light": "#66ffffff",
     "dark": "#66ffffff"
   },
-  "textConstPrimaryBlack": {
+  "textConstHeavyBlack": {
     "light": "#e0000000",
     "dark": "#e0000000"
   },
-  "textConstPrimaryWhite": {
+  "textConstHeavyWhite": {
     "light": "#f5ffffff",
     "dark": "#f5ffffff"
   },
-  "textConstSecondaryBlack": {
+  "textConstPaleBlack": {
+    "light": "#66000000",
+    "dark": "#66000000"
+  },
+  "textConstPaleWhite": {
+    "light": "#7affffff",
+    "dark": "#7affffff"
+  },
+  "textConstSoftBlack": {
     "light": "#8f000000",
     "dark": "#8f000000"
   },
-  "textConstSecondaryWhite": {
+  "textConstSoftWhite": {
     "light": "#a3ffffff",
     "dark": "#a3ffffff"
   },
@@ -87,11 +103,15 @@
     "light": "#66ffffff",
     "dark": "#52000000"
   },
-  "textOnAccentBoldPrimary": {
+  "textOnAccentBoldHeavy": {
     "light": "#f5ffffff",
     "dark": "#e0000000"
   },
-  "textOnAccentBoldSecondary": {
+  "textOnAccentBoldPale": {
+    "light": "#7affffff",
+    "dark": "#66000000"
+  },
+  "textOnAccentBoldSoft": {
     "light": "#a3ffffff",
     "dark": "#8f000000"
   },
@@ -99,11 +119,15 @@
     "light": "#66ffffff",
     "dark": "#66ffffff"
   },
-  "textOnBrandOriginalPrimary": {
+  "textOnBrandOriginalHeavy": {
     "light": "#f5ffffff",
     "dark": "#f5ffffff"
   },
-  "textOnBrandOriginalSecondary": {
+  "textOnBrandOriginalPale": {
+    "light": "#7affffff",
+    "dark": "#7affffff"
+  },
+  "textOnBrandOriginalSoft": {
     "light": "#a3ffffff",
     "dark": "#a3ffffff"
   },
@@ -111,10 +135,6 @@
     "light": "#3d3d3d",
     "dark": "#f2f2f2"
   },
-  "shapeBoldBrandOriginal": {
-    "light": "#3d3d3d",
-    "dark": "#f2f2f2"
-  },
   "shapeBoldError": {
     "light": "#f63b40",
     "dark": "#de3c3e"
@@ -177,7 +197,7 @@
   },
   "shapeOtherBase": {
     "light": "#ffffff",
-    "dark": "#0fffffff"
+    "dark": "#333333"
   },
   "shapeOtherDisabled": {
     "light": "#0f000000",
@@ -185,7 +205,7 @@
   },
   "shapeOtherField": {
     "light": "#ffffff",
-    "dark": "#1f000000"
+    "dark": "#29000000"
   },
   "shapeOtherLow": {
     "light": "#0f000000",
@@ -316,8 +336,8 @@
     "dark": "#3dffffff"
   },
   "lineAccentBold": {
-    "light": "#3d3d3d",
-    "dark": "#f2f2f2"
+    "light": "#484848",
+    "dark": "#d7d7d7"
   },
   "lineAccentPale": {
     "light": "#3d000000",
@@ -368,8 +388,8 @@
     "dark": "#f8ae00"
   },
   "lineInvertedAccentBold": {
-    "light": "#f2f2f2",
-    "dark": "#3d3d3d"
+    "light": "#d7d7d7",
+    "dark": "#525252"
   },
   "lineInvertedAccentPale": {
     "light": "#3dffffff",
@@ -443,6 +463,14 @@
     "light": "#32205a",
     "dark": "#ffffff"
   },
+  "illustrationInvertedNeutral": {
+    "light": "#ffffff",
+    "dark": "#000000"
+  },
+  "illustrationNeutral": {
+    "light": "#000000",
+    "dark": "#ffffff"
+  },
   "illustrationOnBrand": {
     "light": "#ffffffff",
     "dark": "#ffffffff"

package/dist/tokens/semantic/less/semantic.less

@@ -1,46 +1,52 @@
-@textAccentPrimary: var(--k-textAccentPrimary);
-@textAccentPrimaryHover: var(--k-textAccentPrimaryHover);
-@textAccentPrimaryPressed: var(--k-textAccentPrimaryPressed);
+@textAccentHeavy: var(--k-textAccentHeavy);
+@textAccentHeavyHover: var(--k-textAccentHeavyHover);
+@textAccentHeavyPressed: var(--k-textAccentHeavyPressed);
 @textDisabled: var(--k-textDisabled);
-@textErrorPrimary: var(--k-textErrorPrimary);
-@textErrorPrimaryHover: var(--k-textErrorPrimaryHover);
-@textErrorPrimaryPressed: var(--k-textErrorPrimaryPressed);
-@textInvertedAccentPrimary: var(--k-textInvertedAccentPrimary);
-@textInvertedAccentPrimaryHover: var(--k-textInvertedAccentPrimaryHover);
-@textInvertedAccentPrimaryPressed: var(--k-textInvertedAccentPrimaryPressed);
+@textErrorHeavy: var(--k-textErrorHeavy);
+@textErrorHeavyHover: var(--k-textErrorHeavyHover);
+@textErrorHeavyPressed: var(--k-textErrorHeavyPressed);
+@textInvertedAccentHeavy: var(--k-textInvertedAccentHeavy);
+@textInvertedAccentHeavyHover: var(--k-textInvertedAccentHeavyHover);
+@textInvertedAccentHeavyPressed: var(--k-textInvertedAccentHeavyPressed);
 @textInvertedDisabled: var(--k-textInvertedDisabled);
-@textInvertedErrorPrimary: var(--k-textInvertedErrorPrimary);
-@textInvertedErrorPrimaryHover: var(--k-textInvertedErrorPrimaryHover);
-@textInvertedErrorPrimaryPressed: var(--k-textInvertedErrorPrimaryPressed);
-@textInvertedNeutralPrimary: var(--k-textInvertedNeutralPrimary);
-@textInvertedNeutralSecondary: var(--k-textInvertedNeutralSecondary);
-@textInvertedSuccessPrimary: var(--k-textInvertedSuccessPrimary);
-@textInvertedSuccessPrimaryHover: var(--k-textInvertedSuccessPrimaryHover);
-@textInvertedSuccessPrimaryPressed: var(--k-textInvertedSuccessPrimaryPressed);
-@textInvertedWarningPrimary: var(--k-textInvertedWarningPrimary);
-@textInvertedWarningPrimaryHover: var(--k-textInvertedWarningPrimaryHover);
-@textInvertedWarningPrimaryPressed: var(--k-textInvertedWarningPrimaryPressed);
+@textInvertedErrorHeavy: var(--k-textInvertedErrorHeavy);
+@textInvertedErrorHeavyHover: var(--k-textInvertedErrorHeavyHover);
+@textInvertedErrorHeavyPressed: var(--k-textInvertedErrorHeavyPressed);
+@textInvertedNeutralHeavy: var(--k-textInvertedNeutralHeavy);
+@textInvertedNeutralPale: var(--k-textInvertedNeutralPale);
+@textInvertedNeutralSoft: var(--k-textInvertedNeutralSoft);
+@textInvertedSuccessHeavy: var(--k-textInvertedSuccessHeavy);
+@textInvertedSuccessHeavyHover: var(--k-textInvertedSuccessHeavyHover);
+@textInvertedSuccessHeavyPressed: var(--k-textInvertedSuccessHeavyPressed);
+@textInvertedWarningHeavy: var(--k-textInvertedWarningHeavy);
+@textInvertedWarningHeavyHover: var(--k-textInvertedWarningHeavyHover);
+@textInvertedWarningHeavyPressed: var(--k-textInvertedWarningHeavyPressed);
 @textLogo: var(--k-textLogo);
-@textNeutralPrimary: var(--k-textNeutralPrimary);
-@textNeutralSecondary: var(--k-textNeutralSecondary);
-@textSuccessPrimary: var(--k-textSuccessPrimary);
-@textSuccessPrimaryHover: var(--k-textSuccessPrimaryHover);
-@textSuccessPrimaryPressed: var(--k-textSuccessPrimaryPressed);
-@textWarningPrimary: var(--k-textWarningPrimary);
-@textWarningPrimaryHover: var(--k-textWarningPrimaryHover);
-@textWarningPrimaryPressed: var(--k-textWarningPrimaryPressed);
+@textNeutralHeavy: var(--k-textNeutralHeavy);
+@textNeutralPale: var(--k-textNeutralPale);
+@textNeutralSoft: var(--k-textNeutralSoft);
+@textSuccessHeavy: var(--k-textSuccessHeavy);
+@textSuccessHeavyHover: var(--k-textSuccessHeavyHover);
+@textSuccessHeavyPressed: var(--k-textSuccessHeavyPressed);
+@textWarningHeavy: var(--k-textWarningHeavy);
+@textWarningHeavyHover: var(--k-textWarningHeavyHover);
+@textWarningHeavyPressed: var(--k-textWarningHeavyPressed);
 @textConstDisabledBlack: var(--k-textConstDisabledBlack);
 @textConstDisabledWhite: var(--k-textConstDisabledWhite);
-@textConstPrimaryBlack: var(--k-textConstPrimaryBlack);
-@textConstPrimaryWhite: var(--k-textConstPrimaryWhite);
-@textConstSecondaryBlack: var(--k-textConstSecondaryBlack);
-@textConstSecondaryWhite: var(--k-textConstSecondaryWhite);
+@textConstHeavyBlack: var(--k-textConstHeavyBlack);
+@textConstHeavyWhite: var(--k-textConstHeavyWhite);
+@textConstPaleBlack: var(--k-textConstPaleBlack);
+@textConstPaleWhite: var(--k-textConstPaleWhite);
+@textConstSoftBlack: var(--k-textConstSoftBlack);
+@textConstSoftWhite: var(--k-textConstSoftWhite);
 @textOnAccentBoldDisabled: var(--k-textOnAccentBoldDisabled);
-@textOnAccentBoldPrimary: var(--k-textOnAccentBoldPrimary);
-@textOnAccentBoldSecondary: var(--k-textOnAccentBoldSecondary);
+@textOnAccentBoldHeavy: var(--k-textOnAccentBoldHeavy);
+@textOnAccentBoldPale: var(--k-textOnAccentBoldPale);
+@textOnAccentBoldSoft: var(--k-textOnAccentBoldSoft);
 @textOnBrandOriginalDisabled: var(--k-textOnBrandOriginalDisabled);
-@textOnBrandOriginalPrimary: var(--k-textOnBrandOriginalPrimary);
-@textOnBrandOriginalSecondary: var(--k-textOnBrandOriginalSecondary);
+@textOnBrandOriginalHeavy: var(--k-textOnBrandOriginalHeavy);
+@textOnBrandOriginalPale: var(--k-textOnBrandOriginalPale);
+@textOnBrandOriginalSoft: var(--k-textOnBrandOriginalSoft);
 @shapeBoldAccent: var(--k-shapeBoldAccent);
 @shapeBoldAccentHover: var(--k-shapeBoldAccentHover);
 @shapeBoldAccentPressed: var(--k-shapeBoldAccentPressed);
@@ -89,6 +95,8 @@
 @shapeOtherBasePressed: var(--k-shapeOtherBasePressed);
 @shapeOtherDisabled: var(--k-shapeOtherDisabled);
 @shapeOtherField: var(--k-shapeOtherField);
+@shapeOtherFieldHover: var(--k-shapeOtherFieldHover);
+@shapeOtherFieldPressed: var(--k-shapeOtherFieldPressed);
 @shapeOtherLow: var(--k-shapeOtherLow);
 @shapeOtherLowHover: var(--k-shapeOtherLowHover);
 @shapeOtherLowPressed: var(--k-shapeOtherLowPressed);
@@ -247,6 +255,8 @@
 @illustrationBlack: var(--k-illustrationBlack);
 @illustrationBrand: var(--k-illustrationBrand);
 @illustrationComplement: var(--k-illustrationComplement);
+@illustrationInvertedNeutral: var(--k-illustrationInvertedNeutral);
+@illustrationNeutral: var(--k-illustrationNeutral);
 @illustrationOnBrand: var(--k-illustrationOnBrand);
 @illustrationOnComplement: var(--k-illustrationOnComplement);
 @illustrationPromo: var(--k-illustrationPromo);

package/dist/tokens/semantic/scss/semantic.scss

@@ -1,46 +1,52 @@
-$textAccentPrimary: var(--k-textAccentPrimary);
-$textAccentPrimaryHover: var(--k-textAccentPrimaryHover);
-$textAccentPrimaryPressed: var(--k-textAccentPrimaryPressed);
+$textAccentHeavy: var(--k-textAccentHeavy);
+$textAccentHeavyHover: var(--k-textAccentHeavyHover);
+$textAccentHeavyPressed: var(--k-textAccentHeavyPressed);
 $textDisabled: var(--k-textDisabled);
-$textErrorPrimary: var(--k-textErrorPrimary);
-$textErrorPrimaryHover: var(--k-textErrorPrimaryHover);
-$textErrorPrimaryPressed: var(--k-textErrorPrimaryPressed);
-$textInvertedAccentPrimary: var(--k-textInvertedAccentPrimary);
-$textInvertedAccentPrimaryHover: var(--k-textInvertedAccentPrimaryHover);
-$textInvertedAccentPrimaryPressed: var(--k-textInvertedAccentPrimaryPressed);
+$textErrorHeavy: var(--k-textErrorHeavy);
+$textErrorHeavyHover: var(--k-textErrorHeavyHover);
+$textErrorHeavyPressed: var(--k-textErrorHeavyPressed);
+$textInvertedAccentHeavy: var(--k-textInvertedAccentHeavy);
+$textInvertedAccentHeavyHover: var(--k-textInvertedAccentHeavyHover);
+$textInvertedAccentHeavyPressed: var(--k-textInvertedAccentHeavyPressed);
 $textInvertedDisabled: var(--k-textInvertedDisabled);
-$textInvertedErrorPrimary: var(--k-textInvertedErrorPrimary);
-$textInvertedErrorPrimaryHover: var(--k-textInvertedErrorPrimaryHover);
-$textInvertedErrorPrimaryPressed: var(--k-textInvertedErrorPrimaryPressed);
-$textInvertedNeutralPrimary: var(--k-textInvertedNeutralPrimary);
-$textInvertedNeutralSecondary: var(--k-textInvertedNeutralSecondary);
-$textInvertedSuccessPrimary: var(--k-textInvertedSuccessPrimary);
-$textInvertedSuccessPrimaryHover: var(--k-textInvertedSuccessPrimaryHover);
-$textInvertedSuccessPrimaryPressed: var(--k-textInvertedSuccessPrimaryPressed);
-$textInvertedWarningPrimary: var(--k-textInvertedWarningPrimary);
-$textInvertedWarningPrimaryHover: var(--k-textInvertedWarningPrimaryHover);
-$textInvertedWarningPrimaryPressed: var(--k-textInvertedWarningPrimaryPressed);
+$textInvertedErrorHeavy: var(--k-textInvertedErrorHeavy);
+$textInvertedErrorHeavyHover: var(--k-textInvertedErrorHeavyHover);
+$textInvertedErrorHeavyPressed: var(--k-textInvertedErrorHeavyPressed);
+$textInvertedNeutralHeavy: var(--k-textInvertedNeutralHeavy);
+$textInvertedNeutralPale: var(--k-textInvertedNeutralPale);
+$textInvertedNeutralSoft: var(--k-textInvertedNeutralSoft);
+$textInvertedSuccessHeavy: var(--k-textInvertedSuccessHeavy);
+$textInvertedSuccessHeavyHover: var(--k-textInvertedSuccessHeavyHover);
+$textInvertedSuccessHeavyPressed: var(--k-textInvertedSuccessHeavyPressed);
+$textInvertedWarningHeavy: var(--k-textInvertedWarningHeavy);
+$textInvertedWarningHeavyHover: var(--k-textInvertedWarningHeavyHover);
+$textInvertedWarningHeavyPressed: var(--k-textInvertedWarningHeavyPressed);
 $textLogo: var(--k-textLogo);
-$textNeutralPrimary: var(--k-textNeutralPrimary);
-$textNeutralSecondary: var(--k-textNeutralSecondary);
-$textSuccessPrimary: var(--k-textSuccessPrimary);
-$textSuccessPrimaryHover: var(--k-textSuccessPrimaryHover);
-$textSuccessPrimaryPressed: var(--k-textSuccessPrimaryPressed);
-$textWarningPrimary: var(--k-textWarningPrimary);
-$textWarningPrimaryHover: var(--k-textWarningPrimaryHover);
-$textWarningPrimaryPressed: var(--k-textWarningPrimaryPressed);
+$textNeutralHeavy: var(--k-textNeutralHeavy);
+$textNeutralPale: var(--k-textNeutralPale);
+$textNeutralSoft: var(--k-textNeutralSoft);
+$textSuccessHeavy: var(--k-textSuccessHeavy);
+$textSuccessHeavyHover: var(--k-textSuccessHeavyHover);
+$textSuccessHeavyPressed: var(--k-textSuccessHeavyPressed);
+$textWarningHeavy: var(--k-textWarningHeavy);
+$textWarningHeavyHover: var(--k-textWarningHeavyHover);
+$textWarningHeavyPressed: var(--k-textWarningHeavyPressed);
 $textConstDisabledBlack: var(--k-textConstDisabledBlack);
 $textConstDisabledWhite: var(--k-textConstDisabledWhite);
-$textConstPrimaryBlack: var(--k-textConstPrimaryBlack);
-$textConstPrimaryWhite: var(--k-textConstPrimaryWhite);
-$textConstSecondaryBlack: var(--k-textConstSecondaryBlack);
-$textConstSecondaryWhite: var(--k-textConstSecondaryWhite);
+$textConstHeavyBlack: var(--k-textConstHeavyBlack);
+$textConstHeavyWhite: var(--k-textConstHeavyWhite);
+$textConstPaleBlack: var(--k-textConstPaleBlack);
+$textConstPaleWhite: var(--k-textConstPaleWhite);
+$textConstSoftBlack: var(--k-textConstSoftBlack);
+$textConstSoftWhite: var(--k-textConstSoftWhite);
 $textOnAccentBoldDisabled: var(--k-textOnAccentBoldDisabled);
-$textOnAccentBoldPrimary: var(--k-textOnAccentBoldPrimary);
-$textOnAccentBoldSecondary: var(--k-textOnAccentBoldSecondary);
+$textOnAccentBoldHeavy: var(--k-textOnAccentBoldHeavy);
+$textOnAccentBoldPale: var(--k-textOnAccentBoldPale);
+$textOnAccentBoldSoft: var(--k-textOnAccentBoldSoft);
 $textOnBrandOriginalDisabled: var(--k-textOnBrandOriginalDisabled);
-$textOnBrandOriginalPrimary: var(--k-textOnBrandOriginalPrimary);
-$textOnBrandOriginalSecondary: var(--k-textOnBrandOriginalSecondary);
+$textOnBrandOriginalHeavy: var(--k-textOnBrandOriginalHeavy);
+$textOnBrandOriginalPale: var(--k-textOnBrandOriginalPale);
+$textOnBrandOriginalSoft: var(--k-textOnBrandOriginalSoft);
 $shapeBoldAccent: var(--k-shapeBoldAccent);
 $shapeBoldAccentHover: var(--k-shapeBoldAccentHover);
 $shapeBoldAccentPressed: var(--k-shapeBoldAccentPressed);
@@ -89,6 +95,8 @@ $shapeOtherBaseHover: var(--k-shapeOtherBaseHover);
 $shapeOtherBasePressed: var(--k-shapeOtherBasePressed);
 $shapeOtherDisabled: var(--k-shapeOtherDisabled);
 $shapeOtherField: var(--k-shapeOtherField);
+$shapeOtherFieldHover: var(--k-shapeOtherFieldHover);
+$shapeOtherFieldPressed: var(--k-shapeOtherFieldPressed);
 $shapeOtherLow: var(--k-shapeOtherLow);
 $shapeOtherLowHover: var(--k-shapeOtherLowHover);
 $shapeOtherLowPressed: var(--k-shapeOtherLowPressed);
@@ -247,6 +255,8 @@ $surfaceModalBackdrop: var(--k-surfaceModalBackdrop);
 $illustrationBlack: var(--k-illustrationBlack);
 $illustrationBrand: var(--k-illustrationBrand);
 $illustrationComplement: var(--k-illustrationComplement);
+$illustrationInvertedNeutral: var(--k-illustrationInvertedNeutral);
+$illustrationNeutral: var(--k-illustrationNeutral);
 $illustrationOnBrand: var(--k-illustrationOnBrand);
 $illustrationOnComplement: var(--k-illustrationOnComplement);
 $illustrationPromo: var(--k-illustrationPromo);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/colors",
-  "version": "1.1.2-34230.0",
+  "version": "1.1.2-6463e.0",
   "author": "Kontur",
   "publishConfig": {
     "access": "public",