@skbkontur/colors 0.5.1 → 1.0.0-alpha.1

package/package.json

@@ -1,29 +1,37 @@
 {
   "name": "@skbkontur/colors",
-  "version": "0.5.1",
+  "version": "1.0.0-alpha.1",
+  "author": "Kontur",
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "module": "dist/esm/colors.js",
-  "main": "dist/cjs/colors.js",
+  "module": "dist/esm/get-colors.js",
+  "main": "dist/cjs/get-colors.js",
   "license": "UNLICENSED",
   "scripts": {
-    "prebuild": "rimraf dist && node --require ./scripts/babel-register -- scripts/generate.ts",
-    "build": "npm run build:cjs && npm run build:esm && npm run build:prettier",
+    "clean": "git clean -fdxqe node_modules",
+    "extract-tokens": "node --require ./scripts/babel-register -- scripts/extract-tokens-from-figma.ts",
+    "build": "npm run build:cjs && npm run build:esm && npm run build:static",
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "build:esm": "tsc -p tsconfig.esm.json",
-    "build:prettier": "prettier src colors.* --write"
+    "build:static": "node --require ./scripts/babel-register -- scripts/generate.ts && prettier ./dist --write && npx stylelint \"**/*.{css,scss,less}\" --fix"
   },
   "sideEffects": false,
   "files": [
     "dist",
     "colors.*"
   ],
-  "author": "Kontur",
   "devDependencies": {
     "@babel/preset-typescript": "7.22.5",
     "@babel/register": "7.22.5",
+    "@skbkontur/react-ui": "5.4.2",
     "rimraf": "^4.1.2"
+  },
+  "dependencies": {
+    "@types/apca-w3": "0.1.3",
+    "@types/culori": "4.0.1",
+    "apca-w3": "0.1.9",
+    "culori": "4.0.2"
   }
 }

package/CHANGELOG.md

@@ -1,108 +0,0 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.5.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.5.0...@skbkontur/colors@0.5.1) (2024-08-08)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-# [0.5.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.4...@skbkontur/colors@0.5.0) (2024-06-25)
-
-
-### Features
-
-* **colors:** update colors 2024 ([7020c9b](https://git.skbkontur.ru/ui/ui-parking/commits/7020c9b1311e4e37973847af70bad28cbbd2902d))
-
-
-### Reverts
-
-* remove screenshots in ie11 and obsolete packages ([57a6e89](https://git.skbkontur.ru/ui/ui-parking/commits/57a6e8962089825b6c71c1b96f4d09bc8a5a4ef7))
-
-
-
-
-
-## [0.4.4](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.3...@skbkontur/colors@0.4.4) (2023-08-11)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-## [0.4.3](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.2...@skbkontur/colors@0.4.3) (2023-08-11)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-## [0.4.2](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.1...@skbkontur/colors@0.4.2) (2023-08-11)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-## [0.4.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.4.0...@skbkontur/colors@0.4.1) (2023-06-29)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-# [0.4.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.3.0...@skbkontur/colors@0.4.0) (2023-05-22)
-
-
-### Features
-
-* **colors:** обновление grayscaleSecondaryText с [#858585](https://git.skbkontur.ru/ui/ui-parking/issues/858585) на [#757575](https://git.skbkontur.ru/ui/ui-parking/issues/757575) ([8f27457](https://git.skbkontur.ru/ui/ui-parking/commits/8f27457477e25ecd52dfb7ab9b1f521145b25125))
-
-
-
-
-
-# [0.3.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.1...@skbkontur/colors@0.3.0) (2023-05-12)
-
-
-### Features
-
-* **colors:** добавила новые цвета с прозрачностью ([9cd91ef](https://git.skbkontur.ru/ui/ui-parking/commits/9cd91ef608a9f619d02cfb818cf2a4dc2c410929))
-
-
-
-
-
-# [0.2.0](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.1...@skbkontur/colors@0.2.0) (2023-05-12)
-
-
-### Features
-
-* **colors:** добавила новые цвета с прозрачностью ([9cd91ef](https://git.skbkontur.ru/ui/ui-parking/commits/9cd91ef608a9f619d02cfb818cf2a4dc2c410929))
-
-
-
-
-
-## [0.1.1](https://git.skbkontur.ru/ui/ui-parking/compare/@skbkontur/colors@0.1.0...@skbkontur/colors@0.1.1) (2023-02-06)
-
-**Note:** Version bump only for package @skbkontur/colors
-
-
-
-
-
-# 0.1.0 (2023-02-03)
-
-
-### Features
-
-* new package @skbkontur/colors ([e9e1a88](https://git.skbkontur.ru/ui/ui-parking/commits/e9e1a88b3f5cea124a770a9e18c5eef2524521dc))

package/colors.css

@@ -1,160 +0,0 @@
-:root {
-  --red0Logo: #fe4c4c;
-  --red10: #ffebeb;
-  --red20: #ffcbcb;
-  --red30: #ffabab;
-  --red40: #fe8c8c;
-  --redLightBasic50: #fe6c6c;
-  --redBasic60: #fe4c4c;
-  --red70: #ed3f3f;
-  --red80: #dd3333;
-  --red90: #cc2626;
-  --red100: #bb1919;
-  --red110: #ab0d0d;
-  --redPromoAccent: #6c1d45;
-  --orange0Logo: #fc7630;
-  --orange10: #ffe0c3;
-  --orange20: #ffd1a0;
-  --orange30: #ffc17d;
-  --orange40: #ffb259;
-  --orangeLightBasic50: #ffa236;
-  --orangeBasic60: #ff8227;
-  --orange70: #ea7324;
-  --orange80: #d46421;
-  --orange90: #bf561e;
-  --orange100: #a9471b;
-  --orange110: #943817;
-  --orangePromoAccent: #661429;
-  --yellow0Logo: #feca42;
-  --yellow10: #ffeec2;
-  --yellow20: #fde1a1;
-  --yellow30: #fdd481;
-  --yellow40: #fcc660;
-  --yellowLightBasic50: #fcb73e;
-  --yellowBasic60: #fda70c;
-  --yellow70: #f69912;
-  --yellow80: #ef8b17;
-  --yellow90: #e77e1b;
-  --yellow100: #de711e;
-  --yellow110: #d46421;
-  --green0Logo: #26ad50;
-  --green10: #c7f9cc;
-  --green20: #a7eeb3;
-  --green30: #87e39a;
-  --green40: #67d881;
-  --greenLightBasic50: #46cd68;
-  --greenBasic60: #26ad50;
-  --green70: #23a14a;
-  --green80: #209644;
-  --green90: #1c8a3f;
-  --green100: #197f39;
-  --green110: #167333;
-  --greenGreen: #144942;
-  --greenMint0Logo: #00bea2;
-  --greenMint10: #c6f5ec;
-  --greenMint20: #a8eee2;
-  --greenMint30: #8be7d8;
-  --greenMint40: #6ddfcd;
-  --greenMintLightBasic50: #4fd8c3;
-  --greenMintBasic60: #00c5a8;
-  --greenMint70: #00b59a;
-  --greenMint80: #00a58d;
-  --greenMint90: #00957f;
-  --greenMint100: #008571;
-  --greenMint110: #007564;
-  --greenMintPromoAccent: #013f54;
-  --blue0Logo: #2291ff;
-  --blue10: #cdedff;
-  --blue20: #aeddff;
-  --blue30: #8fcdff;
-  --blue40: #70bdff;
-  --blueLightBasic50: #51adff;
-  --blueBasic60: #2291ff;
-  --blue70: #1f87ef;
-  --blue80: #1c7edf;
-  --blue90: #1874cf;
-  --blue100: #156abe;
-  --blue110: #1261ae;
-  --bluePromoAccent: #153177;
-  --blueDark0Logo: #366af3;
-  --blueDark10: #dde6ff;
-  --blueDark20: #becfff;
-  --blueDark30: #9fb8ff;
-  --blueDark40: #80a1ff;
-  --blueDarkLightBasic50: #618aff;
-  --blueDarkBasic60: #366af3;
-  --blueDark70: #3365e8;
-  --blueDark80: #3060dc;
-  --blueDark90: #2e5ad1;
-  --blueDark100: #2b55c5;
-  --blueDark110: #2850ba;
-  --blueDarkPromoAccent: #272567;
-  --purple0Logo: #b750d1;
-  --purple10: #f7d7ff;
-  --purple20: #eabdf6;
-  --purple30: #dea3ec;
-  --purple40: #d189e3;
-  --purpleLightBasic50: #c56fda;
-  --purpleBasic60: #b750d1;
-  --purple70: #aa49c3;
-  --purple80: #9e43b5;
-  --purple90: #913ca6;
-  --purple100: #843698;
-  --purple110: #782f8a;
-  --purplePromoAccent: #452a78;
-  --mainLinkTextBlue90: #1874cf;
-  --mainLinkShapeBlue60: #2291ff;
-  --mainLinkBackgroundBlue10: #cdedff;
-  --mainSuccessTextGreen90: #1c8a3f;
-  --mainSuccessShapeGreen60: #26ad50;
-  --mainSuccessBackgroundGreen10: #c7f9cc;
-  --mainWarningTextYellow80: #ef8b17;
-  --mainWarningShapeYellow50: #fcb73e;
-  --mainWarningBackgroundYellow10: #ffeec2;
-  --mainErrorTextRed90: #cc2626;
-  --mainErrorShapeRed60: #fe4c4c;
-  --mainErrorBackgroundRed10: #ffebeb;
-  --grayscaleText: #222222;
-  --grayscaleSecondaryText: #757575;
-  --grayscaleDisabledText: #adadad;
-  --grayscaleDarkBackground: #d6d6d6;
-  --grayscaleBackground: #e6e6e6;
-  --grayscaleLightBackground: #f0f0f0;
-  --grayscale87Text: rgba(0, 0, 0, 0.87);
-  --grayscale54SecondaryText: rgba(0, 0, 0, 0.54);
-  --grayscale32DisabledText: rgba(0, 0, 0, 0.32);
-  --grayscale16DarkBackground: rgba(0, 0, 0, 0.16);
-  --grayscale10Background: rgba(0, 0, 0, 0.1);
-  --grayscale6LightBackground: rgba(0, 0, 0, 0.06);
-  --grayscale87TextWhite: rgba(255, 255, 255, 0.87);
-  --grayscale54SecondaryWhite: rgba(255, 255, 255, 0.54);
-  --grayscale32DisabledWhite: rgba(255, 255, 255, 0.32);
-  --grayscale16White: rgba(255, 255, 255, 0.16);
-  --grayscale10White: rgba(255, 255, 255, 0.1);
-  --grayscale6White: rgba(255, 255, 255, 0.06);
-  --grayscaleBlack000: #000000;
-  --grayscaleWhiteFFF: #ffffff;
-  --primaryDefault: #3d3d3d;
-  --primaryHover: #292929;
-  --primaryPressed: #141414;
-  --linkStatesTextHoverBlue100: #156abe;
-  --linkStatesTextPressedBlue110: #1260ae;
-  --linkStatesShapeHoverBlue70: #1f87ef;
-  --linkStatesShapePressedBlue80: #1c7edf;
-  --successStatesTextHoverGreen100: #197f39;
-  --successStatesTextPressedGreen110: #167333;
-  --successStatesShapeHoverGreen70: #23a14a;
-  --successStatesShapePressedGreen80: #209644;
-  --warningStatesTextHoverYellow90: #e77e1b;
-  --warningStatesTextPressedYellow100: #de711e;
-  --warningStatesShapeHoverYellow60: #fda70c;
-  --warningStatesShapePressedYellow70: #f69912;
-  --errorStatesTextHoverRed100: #bb1919;
-  --errorStatesTextPressedRed110: #ab0d0d;
-  --errorStatesShapeHoverRed70: #ed3f3f;
-  --errorStatesShapePressedRed80: #dd3333;
-  --shade16Black: rgba(0, 0, 0, 0.16);
-  --shade80White: rgba(255, 255, 255, 0.8);
-  --elementsExceptionsHint: rgba(0, 0, 0, 0.76);
-  --elementsExceptionsToastRed: rgba(210, 15, 0, 0.76);
-}

package/colors.less

@@ -1,158 +0,0 @@
-@red0Logo: #fe4c4c;
-@red10: #ffebeb;
-@red20: #ffcbcb;
-@red30: #ffabab;
-@red40: #fe8c8c;
-@redLightBasic50: #fe6c6c;
-@redBasic60: #fe4c4c;
-@red70: #ed3f3f;
-@red80: #dd3333;
-@red90: #cc2626;
-@red100: #bb1919;
-@red110: #ab0d0d;
-@redPromoAccent: #6c1d45;
-@orange0Logo: #fc7630;
-@orange10: #ffe0c3;
-@orange20: #ffd1a0;
-@orange30: #ffc17d;
-@orange40: #ffb259;
-@orangeLightBasic50: #ffa236;
-@orangeBasic60: #ff8227;
-@orange70: #ea7324;
-@orange80: #d46421;
-@orange90: #bf561e;
-@orange100: #a9471b;
-@orange110: #943817;
-@orangePromoAccent: #661429;
-@yellow0Logo: #feca42;
-@yellow10: #ffeec2;
-@yellow20: #fde1a1;
-@yellow30: #fdd481;
-@yellow40: #fcc660;
-@yellowLightBasic50: #fcb73e;
-@yellowBasic60: #fda70c;
-@yellow70: #f69912;
-@yellow80: #ef8b17;
-@yellow90: #e77e1b;
-@yellow100: #de711e;
-@yellow110: #d46421;
-@green0Logo: #26ad50;
-@green10: #c7f9cc;
-@green20: #a7eeb3;
-@green30: #87e39a;
-@green40: #67d881;
-@greenLightBasic50: #46cd68;
-@greenBasic60: #26ad50;
-@green70: #23a14a;
-@green80: #209644;
-@green90: #1c8a3f;
-@green100: #197f39;
-@green110: #167333;
-@greenGreen: #144942;
-@greenMint0Logo: #00bea2;
-@greenMint10: #c6f5ec;
-@greenMint20: #a8eee2;
-@greenMint30: #8be7d8;
-@greenMint40: #6ddfcd;
-@greenMintLightBasic50: #4fd8c3;
-@greenMintBasic60: #00c5a8;
-@greenMint70: #00b59a;
-@greenMint80: #00a58d;
-@greenMint90: #00957f;
-@greenMint100: #008571;
-@greenMint110: #007564;
-@greenMintPromoAccent: #013f54;
-@blue0Logo: #2291ff;
-@blue10: #cdedff;
-@blue20: #aeddff;
-@blue30: #8fcdff;
-@blue40: #70bdff;
-@blueLightBasic50: #51adff;
-@blueBasic60: #2291ff;
-@blue70: #1f87ef;
-@blue80: #1c7edf;
-@blue90: #1874cf;
-@blue100: #156abe;
-@blue110: #1261ae;
-@bluePromoAccent: #153177;
-@blueDark0Logo: #366af3;
-@blueDark10: #dde6ff;
-@blueDark20: #becfff;
-@blueDark30: #9fb8ff;
-@blueDark40: #80a1ff;
-@blueDarkLightBasic50: #618aff;
-@blueDarkBasic60: #366af3;
-@blueDark70: #3365e8;
-@blueDark80: #3060dc;
-@blueDark90: #2e5ad1;
-@blueDark100: #2b55c5;
-@blueDark110: #2850ba;
-@blueDarkPromoAccent: #272567;
-@purple0Logo: #b750d1;
-@purple10: #f7d7ff;
-@purple20: #eabdf6;
-@purple30: #dea3ec;
-@purple40: #d189e3;
-@purpleLightBasic50: #c56fda;
-@purpleBasic60: #b750d1;
-@purple70: #aa49c3;
-@purple80: #9e43b5;
-@purple90: #913ca6;
-@purple100: #843698;
-@purple110: #782f8a;
-@purplePromoAccent: #452a78;
-@mainLinkTextBlue90: #1874cf;
-@mainLinkShapeBlue60: #2291ff;
-@mainLinkBackgroundBlue10: #cdedff;
-@mainSuccessTextGreen90: #1c8a3f;
-@mainSuccessShapeGreen60: #26ad50;
-@mainSuccessBackgroundGreen10: #c7f9cc;
-@mainWarningTextYellow80: #ef8b17;
-@mainWarningShapeYellow50: #fcb73e;
-@mainWarningBackgroundYellow10: #ffeec2;
-@mainErrorTextRed90: #cc2626;
-@mainErrorShapeRed60: #fe4c4c;
-@mainErrorBackgroundRed10: #ffebeb;
-@grayscaleText: #222222;
-@grayscaleSecondaryText: #757575;
-@grayscaleDisabledText: #adadad;
-@grayscaleDarkBackground: #d6d6d6;
-@grayscaleBackground: #e6e6e6;
-@grayscaleLightBackground: #f0f0f0;
-@grayscale87Text: rgba(0, 0, 0, 0.87);
-@grayscale54SecondaryText: rgba(0, 0, 0, 0.54);
-@grayscale32DisabledText: rgba(0, 0, 0, 0.32);
-@grayscale16DarkBackground: rgba(0, 0, 0, 0.16);
-@grayscale10Background: rgba(0, 0, 0, 0.1);
-@grayscale6LightBackground: rgba(0, 0, 0, 0.06);
-@grayscale87TextWhite: rgba(255, 255, 255, 0.87);
-@grayscale54SecondaryWhite: rgba(255, 255, 255, 0.54);
-@grayscale32DisabledWhite: rgba(255, 255, 255, 0.32);
-@grayscale16White: rgba(255, 255, 255, 0.16);
-@grayscale10White: rgba(255, 255, 255, 0.1);
-@grayscale6White: rgba(255, 255, 255, 0.06);
-@grayscaleBlack000: #000000;
-@grayscaleWhiteFFF: #ffffff;
-@primaryDefault: #3d3d3d;
-@primaryHover: #292929;
-@primaryPressed: #141414;
-@linkStatesTextHoverBlue100: #156abe;
-@linkStatesTextPressedBlue110: #1260ae;
-@linkStatesShapeHoverBlue70: #1f87ef;
-@linkStatesShapePressedBlue80: #1c7edf;
-@successStatesTextHoverGreen100: #197f39;
-@successStatesTextPressedGreen110: #167333;
-@successStatesShapeHoverGreen70: #23a14a;
-@successStatesShapePressedGreen80: #209644;
-@warningStatesTextHoverYellow90: #e77e1b;
-@warningStatesTextPressedYellow100: #de711e;
-@warningStatesShapeHoverYellow60: #fda70c;
-@warningStatesShapePressedYellow70: #f69912;
-@errorStatesTextHoverRed100: #bb1919;
-@errorStatesTextPressedRed110: #ab0d0d;
-@errorStatesShapeHoverRed70: #ed3f3f;
-@errorStatesShapePressedRed80: #dd3333;
-@shade16Black: rgba(0, 0, 0, 0.16);
-@shade80White: rgba(255, 255, 255, 0.8);
-@elementsExceptionsHint: rgba(0, 0, 0, 0.76);
-@elementsExceptionsToastRed: rgba(210, 15, 0, 0.76);

package/dist/cjs/colors.d.ts

@@ -1,161 +0,0 @@
-export declare const KonturColors: {
-    red0Logo: string;
-    red10: string;
-    red20: string;
-    red30: string;
-    red40: string;
-    redLightBasic50: string;
-    redBasic60: string;
-    red70: string;
-    red80: string;
-    red90: string;
-    red100: string;
-    red110: string;
-    redPromoAccent: string;
-    orange0Logo: string;
-    orange10: string;
-    orange20: string;
-    orange30: string;
-    orange40: string;
-    orangeLightBasic50: string;
-    orangeBasic60: string;
-    orange70: string;
-    orange80: string;
-    orange90: string;
-    orange100: string;
-    orange110: string;
-    orangePromoAccent: string;
-    yellow0Logo: string;
-    yellow10: string;
-    yellow20: string;
-    yellow30: string;
-    yellow40: string;
-    yellowLightBasic50: string;
-    yellowBasic60: string;
-    yellow70: string;
-    yellow80: string;
-    yellow90: string;
-    yellow100: string;
-    yellow110: string;
-    green0Logo: string;
-    green10: string;
-    green20: string;
-    green30: string;
-    green40: string;
-    greenLightBasic50: string;
-    greenBasic60: string;
-    green70: string;
-    green80: string;
-    green90: string;
-    green100: string;
-    green110: string;
-    greenGreen: string;
-    greenMint0Logo: string;
-    greenMint10: string;
-    greenMint20: string;
-    greenMint30: string;
-    greenMint40: string;
-    greenMintLightBasic50: string;
-    greenMintBasic60: string;
-    greenMint70: string;
-    greenMint80: string;
-    greenMint90: string;
-    greenMint100: string;
-    greenMint110: string;
-    greenMintPromoAccent: string;
-    blue0Logo: string;
-    blue10: string;
-    blue20: string;
-    blue30: string;
-    blue40: string;
-    blueLightBasic50: string;
-    blueBasic60: string;
-    blue70: string;
-    blue80: string;
-    blue90: string;
-    blue100: string;
-    blue110: string;
-    bluePromoAccent: string;
-    blueDark0Logo: string;
-    blueDark10: string;
-    blueDark20: string;
-    blueDark30: string;
-    blueDark40: string;
-    blueDarkLightBasic50: string;
-    blueDarkBasic60: string;
-    blueDark70: string;
-    blueDark80: string;
-    blueDark90: string;
-    blueDark100: string;
-    blueDark110: string;
-    blueDarkPromoAccent: string;
-    purple0Logo: string;
-    purple10: string;
-    purple20: string;
-    purple30: string;
-    purple40: string;
-    purpleLightBasic50: string;
-    purpleBasic60: string;
-    purple70: string;
-    purple80: string;
-    purple90: string;
-    purple100: string;
-    purple110: string;
-    purplePromoAccent: string;
-    mainLinkTextBlue90: string;
-    mainLinkShapeBlue60: string;
-    mainLinkBackgroundBlue10: string;
-    mainSuccessTextGreen90: string;
-    mainSuccessShapeGreen60: string;
-    mainSuccessBackgroundGreen10: string;
-    mainWarningTextYellow80: string;
-    mainWarningShapeYellow50: string;
-    mainWarningBackgroundYellow10: string;
-    mainErrorTextRed90: string;
-    mainErrorShapeRed60: string;
-    mainErrorBackgroundRed10: string;
-    grayscaleText: string;
-    grayscaleSecondaryText: string;
-    grayscaleDisabledText: string;
-    grayscaleDarkBackground: string;
-    grayscaleBackground: string;
-    grayscaleLightBackground: string;
-    grayscale87Text: string;
-    grayscale54SecondaryText: string;
-    grayscale32DisabledText: string;
-    grayscale16DarkBackground: string;
-    grayscale10Background: string;
-    grayscale6LightBackground: string;
-    grayscale87TextWhite: string;
-    grayscale54SecondaryWhite: string;
-    grayscale32DisabledWhite: string;
-    grayscale16White: string;
-    grayscale10White: string;
-    grayscale6White: string;
-    grayscaleBlack000: string;
-    grayscaleWhiteFFF: string;
-    primaryDefault: string;
-    primaryHover: string;
-    primaryPressed: string;
-    linkStatesTextHoverBlue100: string;
-    linkStatesTextPressedBlue110: string;
-    linkStatesShapeHoverBlue70: string;
-    linkStatesShapePressedBlue80: string;
-    successStatesTextHoverGreen100: string;
-    successStatesTextPressedGreen110: string;
-    successStatesShapeHoverGreen70: string;
-    successStatesShapePressedGreen80: string;
-    warningStatesTextHoverYellow90: string;
-    warningStatesTextPressedYellow100: string;
-    warningStatesShapeHoverYellow60: string;
-    warningStatesShapePressedYellow70: string;
-    errorStatesTextHoverRed100: string;
-    errorStatesTextPressedRed110: string;
-    errorStatesShapeHoverRed70: string;
-    errorStatesShapePressedRed80: string;
-    shade16Black: string;
-    shade80White: string;
-    elementsExceptionsHint: string;
-    elementsExceptionsToastRed: string;
-};
-export declare type TKonturColor = keyof typeof KonturColors;