@skbkontur/colors 1.1.2-752d6.0 → 1.1.2-b2742.0

package/colors.less

@@ -1,158 +0,0 @@
-@red-0-logo: #fe4c4c;
-@red-10: #ffebeb;
-@red-20: #ffcbcb;
-@red-30: #ffabab;
-@red-40: #fe8c8c;
-@red-light-basic-50: #fe6c6c;
-@red-basic-60: #fe4c4c;
-@red-70: #ed3f3f;
-@red-80: #dd3333;
-@red-90: #cc2626;
-@red-100: #bb1919;
-@red-110: #ab0d0d;
-@red-promo-accent: #6c1d45;
-@orange-0-logo: #fc7630;
-@orange-10: #ffe0c3;
-@orange-20: #ffd1a0;
-@orange-30: #ffc17d;
-@orange-40: #ffb259;
-@orange-light-basic-50: #ffa236;
-@orange-basic-60: #ff8227;
-@orange-70: #ea7324;
-@orange-80: #d46421;
-@orange-90: #bf561e;
-@orange-100: #a9471b;
-@orange-110: #943817;
-@orange-promo-accent: #661429;
-@yellow-0-logo: #feca42;
-@yellow-10: #ffeec2;
-@yellow-20: #fde1a1;
-@yellow-30: #fdd481;
-@yellow-40: #fcc660;
-@yellow-light-basic-50: #fcb73e;
-@yellow-basic-60: #fda70c;
-@yellow-70: #f69912;
-@yellow-80: #ef8b17;
-@yellow-90: #e77e1b;
-@yellow-100: #de711e;
-@yellow-110: #d46421;
-@green-0-logo: #26ad50;
-@green-10: #c7f9cc;
-@green-20: #a7eeb3;
-@green-30: #87e39a;
-@green-40: #67d881;
-@green-light-basic-50: #46cd68;
-@green-basic-60: #26ad50;
-@green-70: #23a14a;
-@green-80: #209644;
-@green-90: #1c8a3f;
-@green-100: #197f39;
-@green-110: #167333;
-@green-green: #144942;
-@green-mint-0-logo: #00bea2;
-@green-mint-10: #c6f5ec;
-@green-mint-20: #a8eee2;
-@green-mint-30: #8be7d8;
-@green-mint-40: #6ddfcd;
-@green-mint-light-basic-50: #4fd8c3;
-@green-mint-basic-60: #00c5a8;
-@green-mint-70: #00b59a;
-@green-mint-80: #00a58d;
-@green-mint-90: #00957f;
-@green-mint-100: #008571;
-@green-mint-110: #007564;
-@green-mint-promo-accent: #013f54;
-@blue-0-logo: #2291ff;
-@blue-10: #cdedff;
-@blue-20: #aeddff;
-@blue-30: #8fcdff;
-@blue-40: #70bdff;
-@blue-light-basic-50: #51adff;
-@blue-basic-60: #2291ff;
-@blue-70: #1f87ef;
-@blue-80: #1c7edf;
-@blue-90: #1874cf;
-@blue-100: #156abe;
-@blue-110: #1261ae;
-@blue-promo-accent: #153177;
-@blue-dark-0-logo: #366af3;
-@blue-dark-10: #dde6ff;
-@blue-dark-20: #becfff;
-@blue-dark-30: #9fb8ff;
-@blue-dark-40: #80a1ff;
-@blue-dark-light-basic-50: #618aff;
-@blue-dark-basic-60: #366af3;
-@blue-dark-70: #3365e8;
-@blue-dark-80: #3060dc;
-@blue-dark-90: #2e5ad1;
-@blue-dark-100: #2b55c5;
-@blue-dark-110: #2850ba;
-@blue-dark-promo-accent: #272567;
-@purple-0-logo: #b750d1;
-@purple-10: #f7d7ff;
-@purple-20: #eabdf6;
-@purple-30: #dea3ec;
-@purple-40: #d189e3;
-@purple-light-basic-50: #c56fda;
-@purple-basic-60: #b750d1;
-@purple-70: #aa49c3;
-@purple-80: #9e43b5;
-@purple-90: #913ca6;
-@purple-100: #843698;
-@purple-110: #782f8a;
-@purple-promo-accent: #452a78;
-@main-link-text-blue-90: #1874cf;
-@main-link-shape-blue-60: #2291ff;
-@main-link-background-blue-10: #cdedff;
-@main-success-text-green-90: #1c8a3f;
-@main-success-shape-green-60: #26ad50;
-@main-success-background-green-10: #c7f9cc;
-@main-warning-text-yellow-80: #ef8b17;
-@main-warning-shape-yellow-50: #fcb73e;
-@main-warning-background-yellow-10: #ffeec2;
-@main-error-text-red-90: #cc2626;
-@main-error-shape-red-60: #fe4c4c;
-@main-error-background-red-10: #ffebeb;
-@grayscale-text: #222222;
-@grayscale-secondary-text: #757575;
-@grayscale-disabled-text: #adadad;
-@grayscale-dark-background: #d6d6d6;
-@grayscale-background: #e6e6e6;
-@grayscale-light-background: #f0f0f0;
-@grayscale-87-text: rgba(0, 0, 0, 0.87);
-@grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
-@grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
-@grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
-@grayscale-10-background: rgba(0, 0, 0, 0.1);
-@grayscale-6-light-background: rgba(0, 0, 0, 0.06);
-@grayscale-87-text-white: rgba(255, 255, 255, 0.87);
-@grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
-@grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
-@grayscale-16-white: rgba(255, 255, 255, 0.16);
-@grayscale-10-white: rgba(255, 255, 255, 0.1);
-@grayscale-6-white: rgba(255, 255, 255, 0.06);
-@grayscale-black-000: #000000;
-@grayscale-white-fff: #ffffff;
-@primary-default: #3d3d3d;
-@primary-hover: #292929;
-@primary-pressed: #141414;
-@link-states-text-hover-blue-100: #156abe;
-@link-states-text-pressed-blue-110: #1260ae;
-@link-states-shape-hover-blue-70: #1f87ef;
-@link-states-shape-pressed-blue-80: #1c7edf;
-@success-states-text-hover-green-100: #197f39;
-@success-states-text-pressed-green-110: #167333;
-@success-states-shape-hover-green-70: #23a14a;
-@success-states-shape-pressed-green-80: #209644;
-@warning-states-text-hover-yellow-90: #e77e1b;
-@warning-states-text-pressed-yellow-100: #de711e;
-@warning-states-shape-hover-yellow-60: #fda70c;
-@warning-states-shape-pressed-yellow-70: #f69912;
-@error-states-text-hover-red-100: #bb1919;
-@error-states-text-pressed-red-110: #ab0d0d;
-@error-states-shape-hover-red-70: #ed3f3f;
-@error-states-shape-pressed-red-80: #dd3333;
-@shade-16-black: rgba(0, 0, 0, 0.16);
-@shade-80-white: rgba(255, 255, 255, 0.8);
-@elements-exceptions-hint: rgba(0, 0, 0, 0.76);
-@elements-exceptions-toast-red: rgba(210, 15, 0, 0.76);

package/colors.scss

@@ -1,158 +0,0 @@
-$red-0-logo: #fe4c4c;
-$red-10: #ffebeb;
-$red-20: #ffcbcb;
-$red-30: #ffabab;
-$red-40: #fe8c8c;
-$red-light-basic-50: #fe6c6c;
-$red-basic-60: #fe4c4c;
-$red-70: #ed3f3f;
-$red-80: #dd3333;
-$red-90: #cc2626;
-$red-100: #bb1919;
-$red-110: #ab0d0d;
-$red-promo-accent: #6c1d45;
-$orange-0-logo: #fc7630;
-$orange-10: #ffe0c3;
-$orange-20: #ffd1a0;
-$orange-30: #ffc17d;
-$orange-40: #ffb259;
-$orange-light-basic-50: #ffa236;
-$orange-basic-60: #ff8227;
-$orange-70: #ea7324;
-$orange-80: #d46421;
-$orange-90: #bf561e;
-$orange-100: #a9471b;
-$orange-110: #943817;
-$orange-promo-accent: #661429;
-$yellow-0-logo: #feca42;
-$yellow-10: #ffeec2;
-$yellow-20: #fde1a1;
-$yellow-30: #fdd481;
-$yellow-40: #fcc660;
-$yellow-light-basic-50: #fcb73e;
-$yellow-basic-60: #fda70c;
-$yellow-70: #f69912;
-$yellow-80: #ef8b17;
-$yellow-90: #e77e1b;
-$yellow-100: #de711e;
-$yellow-110: #d46421;
-$green-0-logo: #26ad50;
-$green-10: #c7f9cc;
-$green-20: #a7eeb3;
-$green-30: #87e39a;
-$green-40: #67d881;
-$green-light-basic-50: #46cd68;
-$green-basic-60: #26ad50;
-$green-70: #23a14a;
-$green-80: #209644;
-$green-90: #1c8a3f;
-$green-100: #197f39;
-$green-110: #167333;
-$green-green: #144942;
-$green-mint-0-logo: #00bea2;
-$green-mint-10: #c6f5ec;
-$green-mint-20: #a8eee2;
-$green-mint-30: #8be7d8;
-$green-mint-40: #6ddfcd;
-$green-mint-light-basic-50: #4fd8c3;
-$green-mint-basic-60: #00c5a8;
-$green-mint-70: #00b59a;
-$green-mint-80: #00a58d;
-$green-mint-90: #00957f;
-$green-mint-100: #008571;
-$green-mint-110: #007564;
-$green-mint-promo-accent: #013f54;
-$blue-0-logo: #2291ff;
-$blue-10: #cdedff;
-$blue-20: #aeddff;
-$blue-30: #8fcdff;
-$blue-40: #70bdff;
-$blue-light-basic-50: #51adff;
-$blue-basic-60: #2291ff;
-$blue-70: #1f87ef;
-$blue-80: #1c7edf;
-$blue-90: #1874cf;
-$blue-100: #156abe;
-$blue-110: #1261ae;
-$blue-promo-accent: #153177;
-$blue-dark-0-logo: #366af3;
-$blue-dark-10: #dde6ff;
-$blue-dark-20: #becfff;
-$blue-dark-30: #9fb8ff;
-$blue-dark-40: #80a1ff;
-$blue-dark-light-basic-50: #618aff;
-$blue-dark-basic-60: #366af3;
-$blue-dark-70: #3365e8;
-$blue-dark-80: #3060dc;
-$blue-dark-90: #2e5ad1;
-$blue-dark-100: #2b55c5;
-$blue-dark-110: #2850ba;
-$blue-dark-promo-accent: #272567;
-$purple-0-logo: #b750d1;
-$purple-10: #f7d7ff;
-$purple-20: #eabdf6;
-$purple-30: #dea3ec;
-$purple-40: #d189e3;
-$purple-light-basic-50: #c56fda;
-$purple-basic-60: #b750d1;
-$purple-70: #aa49c3;
-$purple-80: #9e43b5;
-$purple-90: #913ca6;
-$purple-100: #843698;
-$purple-110: #782f8a;
-$purple-promo-accent: #452a78;
-$main-link-text-blue-90: #1874cf;
-$main-link-shape-blue-60: #2291ff;
-$main-link-background-blue-10: #cdedff;
-$main-success-text-green-90: #1c8a3f;
-$main-success-shape-green-60: #26ad50;
-$main-success-background-green-10: #c7f9cc;
-$main-warning-text-yellow-80: #ef8b17;
-$main-warning-shape-yellow-50: #fcb73e;
-$main-warning-background-yellow-10: #ffeec2;
-$main-error-text-red-90: #cc2626;
-$main-error-shape-red-60: #fe4c4c;
-$main-error-background-red-10: #ffebeb;
-$grayscale-text: #222222;
-$grayscale-secondary-text: #757575;
-$grayscale-disabled-text: #adadad;
-$grayscale-dark-background: #d6d6d6;
-$grayscale-background: #e6e6e6;
-$grayscale-light-background: #f0f0f0;
-$grayscale-87-text: rgba(0, 0, 0, 0.87);
-$grayscale-54-secondary-text: rgba(0, 0, 0, 0.54);
-$grayscale-32-disabled-text: rgba(0, 0, 0, 0.32);
-$grayscale-16-dark-background: rgba(0, 0, 0, 0.16);
-$grayscale-10-background: rgba(0, 0, 0, 0.1);
-$grayscale-6-light-background: rgba(0, 0, 0, 0.06);
-$grayscale-87-text-white: rgba(255, 255, 255, 0.87);
-$grayscale-54-secondary-white: rgba(255, 255, 255, 0.54);
-$grayscale-32-disabled-white: rgba(255, 255, 255, 0.32);
-$grayscale-16-white: rgba(255, 255, 255, 0.16);
-$grayscale-10-white: rgba(255, 255, 255, 0.1);
-$grayscale-6-white: rgba(255, 255, 255, 0.06);
-$grayscale-black-000: #000000;
-$grayscale-white-fff: #ffffff;
-$primary-default: #3d3d3d;
-$primary-hover: #292929;
-$primary-pressed: #141414;
-$link-states-text-hover-blue-100: #156abe;
-$link-states-text-pressed-blue-110: #1260ae;
-$link-states-shape-hover-blue-70: #1f87ef;
-$link-states-shape-pressed-blue-80: #1c7edf;
-$success-states-text-hover-green-100: #197f39;
-$success-states-text-pressed-green-110: #167333;
-$success-states-shape-hover-green-70: #23a14a;
-$success-states-shape-pressed-green-80: #209644;
-$warning-states-text-hover-yellow-90: #e77e1b;
-$warning-states-text-pressed-yellow-100: #de711e;
-$warning-states-shape-hover-yellow-60: #fda70c;
-$warning-states-shape-pressed-yellow-70: #f69912;
-$error-states-text-hover-red-100: #bb1919;
-$error-states-text-pressed-red-110: #ab0d0d;
-$error-states-shape-hover-red-70: #ed3f3f;
-$error-states-shape-pressed-red-80: #dd3333;
-$shade-16-black: rgba(0, 0, 0, 0.16);
-$shade-80-white: rgba(255, 255, 255, 0.8);
-$elements-exceptions-hint: rgba(0, 0, 0, 0.76);
-$elements-exceptions-toast-red: 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 type TKonturColor = keyof typeof KonturColors;

package/dist/cjs/colors.js

@@ -1,163 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KonturColors = void 0;
-exports.KonturColors = {
-    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)',
-};