npm - @skbkontur/colors - Versions diffs - 0.5.1 → 1.1.0 - Mend

@skbkontur/colors 0.5.1 → 1.1.0

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.

Files changed (10) hide show

package/colors.less CHANGED Viewed

@@ -1,158 +1,158 @@
-@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);
+@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 ADDED Viewed

@@ -0,0 +1,158 @@
+$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);