@skbkontur/react-ui 0.0.0-d09e1235b2 → 0.0.0-d4e280859d

package/components/variables.flat.module.css

@@ -1,182 +0,0 @@
-@value outlineColorFocus: #fff;
-@value borderColorFocus: #1d85d0;
-@value blinkColor: rgba(0, 136, 255, 0.2);
-@value btnHeightShift: 0;
-@value btnWrapPadding: 0;
-@value btnLinkBorderRadius: 2px;
-@value btnSmallBorderRadius: 2px;
-@value btnFocusShadowWidth: 1px;
-@value btnFocusBorder: __COMPUTED__;
-@value btnCheckedBg: #7e7e7e;
-@value btnCheckedTextColor: #fff;
-@value btnCheckedShadow: none;
-@value btnCheckedShadowArrow: __COMPUTED__;
-@value btnCheckedShadowArrowLeft: __COMPUTED__;
-@value btnDisabledBg: #f2f2f2;
-@value btnDisabledShadow: none;
-@value btnDisabledShadowColor: #f2f2f2;
-@value btnDefaultBgArrowStart: #fff;
-@value btnDefaultBgArrowEnd: #fff;
-@value btnDefaultCheckedShadowArrow: __COMPUTED__;
-@value btnDefaultTextColor: none;
-@value btnDefaultHoverBg: rgba(0, 0, 0, 0.05);
-@value btnDefaultHoverBorderColor: rgba(0, 0, 0, 0.15);
-@value btnDefaultActiveBg: #e5e5e5;
-@value btnDefaultActiveBorderColor: #cccccc;
-@value btnDefaultBorder: 1px solid rgba(0, 0, 0, 0.15);
-@value btnDefaultShadow: none;
-@value btnDefaultShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultBgStart: none;
-@value btnDefaultBgEnd: none;
-@value btnDefaultHoverBgStart: #f2f2f2;
-@value btnDefaultHoverBgEnd: #f2f2f2;
-@value btnDefaultHoverShadow: none;
-@value btnDefaultHoverShadowArrow: __COMPUTED__;
-@value btnDefaultHoverShadowArrowLeft: __COMPUTED__;
-@value btnDefaultActiveShadow: none;
-@value btnDefaultActiveShadowArrow: __COMPUTED__;
-@value btnDefaultActiveShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryBg: #1d85d0;
-@value btnPrimaryTextColor: #fff;
-@value btnPrimaryHoverBg: #1b7dc3;
-@value btnPrimaryActiveBg: #1974b6;
-@value btnPrimaryDisabledBg: #1d85d0;
-@value btnPrimaryBorder: 1px solid transparent;
-@value btnPrimaryBgStart: #1d85d0;
-@value btnPrimaryBgEnd: #1d85d0;
-@value btnPrimaryBgArrowStart: #1d85d0;
-@value btnPrimaryBgArrowEnd: #1d85d0;
-@value btnPrimaryHoverBgStart: #1b7dc3;
-@value btnPrimaryHoverBgEnd: #1b7dc3;
-@value btnPrimaryShadow: none;
-@value btnPrimaryShadowArrow: __COMPUTED__;
-@value btnPrimaryShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryHoverShadow: none;
-@value btnPrimaryHoverShadowArrow: __COMPUTED__;
-@value btnPrimaryHoverShadowArrowLeft: __COMPUTED__;
-@value btnPrimaryActiveShadow: none;
-@value btnPrimaryActiveShadowArrow: __COMPUTED__;
-@value btnPrimaryActiveShadowArrowLeft: __COMPUTED__;
-@value btnSuccessBg: #419d14;
-@value btnSuccessTextColor: #fff;
-@value btnSuccessHoverBg: #3c9312;
-@value btnSuccessActiveBg: #398911;
-@value btnSuccessDisabledBg: #419d14;
-@value btnSuccessBorder: 1px solid transparent;
-@value btnSuccessBgStart: #419d14;
-@value btnSuccessBgEnd: #419d14;
-@value btnSuccessBgArrowStart: #419d14;
-@value btnSuccessBgArrowEnd: #419d14;
-@value btnSuccessHoverBgStart: #3c9312;
-@value btnSuccessHoverBgEnd: #3c9312;
-@value btnSuccessShadow: none;
-@value btnSuccessShadowArrow: __COMPUTED__;
-@value btnSuccessShadowArrowLeft: __COMPUTED__;
-@value btnSuccessHoverShadow: none;
-@value btnSuccessHoverShadowArrow: __COMPUTED__;
-@value btnSuccessHoverShadowArrowLeft: __COMPUTED__;
-@value btnSuccessActiveShadow: none;
-@value btnSuccessActiveShadowArrow: __COMPUTED__;
-@value btnSuccessActiveShadowArrowLeft: __COMPUTED__;
-@value btnDangerBg: #d9472b;
-@value btnDangerTextColor: #fff;
-@value btnDangerHoverBg: #cc4228;
-@value btnDangerActiveBg: #be3e25;
-@value btnDangerDisabledBg: #d9472b;
-@value btnDangerBorder: 1px solid transparent;
-@value btnDangerBgStart: #d9472b;
-@value btnDangerBgEnd: #d9472b;
-@value btnDangerBgArrowStart: #d9472b;
-@value btnDangerBgArrowEnd: #d9472b;
-@value btnDangerHoverBgStart: #cc4228;
-@value btnDangerHoverBgEnd: #cc4228;
-@value btnDangerShadow: none;
-@value btnDangerShadowArrow: __COMPUTED__;
-@value btnDangerShadowArrowLeft: __COMPUTED__;
-@value btnDangerHoverShadow: none;
-@value btnDangerHoverShadowArrow: __COMPUTED__;
-@value btnDangerHoverShadowArrowLeft: __COMPUTED__;
-@value btnDangerActiveShadow: none;
-@value btnDangerActiveShadowArrow: __COMPUTED__;
-@value btnDangerActiveShadowArrowLeft: __COMPUTED__;
-@value btnPayBg: #ffca43;
-@value btnPayTextColor: none;
-@value btnPayHoverBg: #f0be3f;
-@value btnPayActiveBg: #e0b13a;
-@value btnPayDisabledBg: #ffca43;
-@value btnPayBorder: 1px solid transparent;
-@value btnPayBgStart: #ffca43;
-@value btnPayBgEnd: #ffca43;
-@value btnPayBgArrowStart: #ffca43;
-@value btnPayBgArrowEnd: #ffca43;
-@value btnPayHoverBgStart: #f0be3f;
-@value btnPayHoverBgEnd: #f0be3f;
-@value btnPayShadow: none;
-@value btnPayShadowArrow: __COMPUTED__;
-@value btnPayShadowArrowLeft: __COMPUTED__;
-@value btnPayHoverShadow: none;
-@value btnPayHoverShadowArrow: __COMPUTED__;
-@value btnPayHoverShadowArrowLeft: __COMPUTED__;
-@value btnPayActiveShadow: none;
-@value btnPayActiveShadowArrow: __COMPUTED__;
-@value btnPayActiveShadowArrowLeft: __COMPUTED__;
-@value btnSmallArrowLength: 17.6px;
-@value btnSmallArrowRight: -8px;
-@value btnSmallArrowLeft: -8px;
-@value btnSmallArrowBorderRadius: 2px 2px 4px 16px;
-@value btnMediumArrowLeft: -10.2px;
-@value btnMediumArrowLeftLoadingLeft: -207px;
-@value btnMediumArrowTransform: rotate(53deg) skewX(25deg) skewY(8deg);
-@value btnDeprecatedSizeMediumFontSize: 16px;
-@value btnDeprecatedSizeMediumPaddingShift: 1;
-@value btnDeprecatedSizeMediumPaddingShiftIe: 2;
-@value btnLargeArrowLeft: -10.8px;
-@value btnLargeArrowTransform: rotate(53deg) skewX(26deg) skewY(10deg);
-@value btnLargeArrowBg: linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0);
-@value chbShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbBg: none;
-@value chbHoverBg: __COMPUTED__;
-@value chbActiveBg: __COMPUTED__;
-@value chbIndeterminateBg: #fff;
-@value chbShadowDisabled: 0 0 0 1px #f2f2f2;
-@value chbShadowActive: 0 0 0 1px #c3c3c3;
-@value chbShadowHover: 0 0 0 1px #c3c3c3;
-@value chbShadowWidth: 2px;
-@value chbBorder: none;
-@value chbCheckedColor: #fff;
-@value chbCheckedShadow: 0 0 0 1px #1768a3;
-@value chbCheckedHoverShadow: 0 0 0 1px #175590;
-@value chbBorderRadius: 1px;
-@value inputBg: white;
-@value inputIconColor: #a9a9a9;
-@value inputColor: inherit;
-@value inputShadow: none;
-@value inputBorderWidth: 1px;
-@value inputBorderTopColor: rgba(0, 0, 0, 0.15);
-@value inputDisabledBg: rgba(0, 0, 0, 0.05);
-@value inputDisabledBorderColor: __COMPUTED__;
-@value toggleBg: #fff;
-@value toggleBgDisabled: none;
-@value toggleBgHover: #f3f3f2;
-@value toggleBgChecked: #3072c4;
-@value toggleBgWarning: #f69c00;
-@value toggleBgError: #d70c17;
-@value toggleBgActive: #e5e5e5;
-@value toggleBorderColor: #d0d0d0;
-@value textareaBg: white;
-@value textareaColor: inherit;
-@value textareaShadow: none;
-@value textareaBorderTopColor: rgba(0, 0, 0, 0.15);
-@value textareaDisabledBg: rgba(0, 0, 0, 0.05);
-@value textareaDisabledBorderColor: __COMPUTED__;
-@value radioSize: 18px;
-@value radioVerticalAlign: top;
-@value radioBgImage: none;
-@value radioBoxShadow: none;
-@value radioBorder: 1px solid rgba(0, 0, 0, 0.15);
-@value radioHoverShadow: none;
-@value radioActiveShadow: none;
-@value radioFocusShadow: __COMPUTED__;
-@value radioCheckedBulletColor: #fff;
-@value radioDisabledShadow: none;
-@value radioLabelDisplay: inline-block;

package/components/variables.module.css

@@ -1,306 +0,0 @@
-@value brandXLight: #cae5f5;
-@value brandLight: #3094d0;
-@value brand: #1e79be;
-@value brandDark: #1363a0;
-@value brandXDark: #084f85;
-@value white: #fff;
-@value grayXxLight: #f2f2f2;
-@value grayXLight: #e5e5e5;
-@value grayLight: #a0a0a0;
-@value gray: #808080;
-@value grayDark: #333;
-@value black: #000;
-@value blueXxLight: #e4f3ff;
-@value blueLight: #5199db;
-@value blue: #3072c4;
-@value blueDark: #1e5aa4;
-@value blueXDark: #044785;
-@value greenXxLight: #e2f7dc;
-@value green: #3f9726;
-@value greenDark: #228007;
-@value redXxLight: #ffd6d6;
-@value red: #d70c17;
-@value redDark: #ce0014;
-@value yellowXxLight: #fff0bc;
-@value yellow: #f69c00;
-@value yellowDark: #d97e00;
-@value bgDefault: #fff;
-@value bgDisabled: #f2f2f2;
-@value errorMain: #d70c17;
-@value errorSecondary: #ffd6d6;
-@value errorText: #ce0014;
-@value warningMain: #f69c00;
-@value warningSecondary: #fff0bc;
-@value warningText: #d97e00;
-@value borderColorFocusLight: #bad7f1;
-@value borderColorGrayDark: rgba(0, 0, 0, 0.28);
-@value borderColorGrayLight: rgba(0, 0, 0, 0.15);
-@value placeholderColor: #a0a0a0;
-@value outlineColorFocus: #fff;
-@value placeholderColorLight: #cdcdcd;
-@value blinkColor: rgba(0, 136, 255, 0.2);
-@value controlBorderWidth: 1px;
-@value controlLineHeightSmall: 20px;
-@value controlLineHeightMedium: 20px;
-@value controlLineHeightLarge: 22px;
-@value controlPaddingYSmall: 6px;
-@value controlPaddingYMedium: 9px;
-@value controlPaddingYLarge: 10px;
-@value textColorDefault: #404040;
-@value textColorInvert: #fff;
-@value textColorDisabled: #a0a0a0;
-@value fontSizeSmall: 14px;
-@value fontSizeMedium: 14px;
-@value fontSizeLarge: 16px;
-@value linkColor: #3072c4;
-@value linkActiveColor: #044785;
-@value linkHoverTextDecoration: underline;
-@value dropdownMenuSelectedBg: #f1f1f1;
-@value tokenDisabledBg: rgba(0, 0, 0, 0.15);
-@value loaderBg: rgba(255, 255, 255, 0.8);
-@value loaderOpacity: 0.8;
-@value btnWrapPadding: 1px;
-@value btnHeightShift: -2;
-@value btnFocusShadowWidth: 2px;
-@value btnDisabledBg: __COMPUTED__;
-@value btnDisabledShadowColor: __COMPUTED__;
-@value btnDisabledShadow: __COMPUTED__;
-@value btnDisabledShadowArrow: __COMPUTED__;
-@value btnDisabledTextColor: #a0a0a0;
-@value btnCheckedBg: #737373;
-@value btnCheckedTextColor: #fff;
-@value btnCheckedShadowColorArrow: rgba(0, 0, 0, 0.3);
-@value btnCheckedShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3);
-@value btnCheckedShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3);
-@value btnBorderRadius: 2px;
-@value btnSmallBorderRadius: 1px;
-@value btnPaddingYSmall: __COMPUTED__;
-@value btnPaddingXSmall: 15px;
-@value btnPaddingYMedium: __COMPUTED__;
-@value btnPaddingXMedium: 15px;
-@value btnPaddingYLarge: __COMPUTED__;
-@value btnPaddingXLarge: 20px;
-@value btnDefaultBgStart: #fff;
-@value btnDefaultBgEnd: #ebebeb;
-@value btnDefaultBgArrowStart: #fff;
-@value btnDefaultBgArrowEnd: #ebebeb;
-@value btnDefaultTextColor: none;
-@value btnDefaultShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value btnDefaultShadowArrow: 1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15);
-@value btnDefaultHoverBgStart: #f2f2f2;
-@value btnDefaultHoverBgEnd: #dfdfdf;
-@value btnDefaultHoverShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2);
-@value btnDefaultHoverShadowArrow: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2);
-@value btnDefaultHoverShadowArrowLeft: 1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2);
-@value btnDefaultActiveBg: #e1e1e1;
-@value btnDefaultActiveShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value btnDefaultActiveShadowArrow: 0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-@value btnDefaultActiveShadowArrowLeft: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-@value btnSuccessBg: #419d14;
-@value btnSuccessBgStart: #4ba91d;
-@value btnSuccessBgEnd: #37910b;
-@value btnSuccessBgArrowStart: #4ba91d;
-@value btnSuccessBgArrowEnd: #37910b;
-@value btnSuccessTextColor: #fff;
-@value btnSuccessShadow: 0 0 0 1px rgba(25, 103, 6, 0.7), 0 1px 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessShadowArrow: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessShadowArrowLeft: 1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5);
-@value btnSuccessHoverBgStart: #3b8d13;
-@value btnSuccessHoverBgEnd: #317e0b;
-@value btnSuccessHoverShadow: 0 0 0 1px rgba(7, 73, 1, 0.7), 0 1px 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessHoverShadowArrow: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessHoverShadowArrowLeft: 1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3);
-@value btnSuccessActiveBg: #35840e;
-@value btnSuccessActiveShadow: 0 0 0 1px rgba(4, 63, 0, 0.75), 0 -1px 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value btnSuccessActiveShadowArrow: 1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 -2px 0 -1px rgba(9, 32, 4, 0.6), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-@value btnSuccessActiveShadowArrowLeft: 1px -1px 0 0 rgba(4, 63, 0, 0.75), 0 0 0 -1px rgba(9, 32, 4, 0.6), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-@value btnPrimaryBg: #1e8dd4;
-@value btnPrimaryBgStart: #2899ea;
-@value btnPrimaryBgEnd: #167ac1;
-@value btnPrimaryBgArrowStart: #2899ea;
-@value btnPrimaryBgArrowEnd: #167ac1;
-@value btnPrimaryTextColor: #fff;
-@value btnPrimaryShadow: 0 0 0 1px rgba(14, 81, 129, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryShadowArrow: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryShadowArrowLeft: 1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5);
-@value btnPrimaryHoverBgStart: #0087d5;
-@value btnPrimaryHoverBgEnd: #167ac1;
-@value btnPrimaryHoverShadow: 0 0 0 1px rgba(5, 60, 99, 0.7), 0 1px 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryHoverShadowArrow: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryHoverShadowArrowLeft: 1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3);
-@value btnPrimaryActiveBg: #0079c3;
-@value btnPrimaryActiveShadow: 0 0 0 1px rgba(10, 63, 99, 0.75), 0 -1px 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
-@value btnPrimaryActiveShadowArrow: 1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 -2px 0 -1px rgba(8, 45, 96, 0.5), inset 0 4px 5px -4px rgba(0, 0, 0, 0.2);
-@value btnPrimaryActiveShadowArrowLeft: 1px -1px 0 0 rgba(10, 63, 99, 0.75), 0 0 0 -1px rgba(8, 45, 96, 0.5), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2);
-@value btnDangerBg: #e14c30;
-@value btnDangerBgStart: #ec5438;
-@value btnDangerBgEnd: #d44327;
-@value btnDangerBgArrowStart: #ec5438;
-@value btnDangerBgArrowEnd: #d44327;
-@value btnDangerTextColor: #fff;
-@value btnDangerShadow: 0 0 0 1px rgba(173, 15, 0, 0.7), 0 1px 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerShadowArrow: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerShadowArrowLeft: 1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4);
-@value btnDangerHoverBgStart: #d44227;
-@value btnDangerHoverBgEnd: #c73013;
-@value btnDangerHoverShadow: 0 0 0 1px rgba(145, 0, 0, 0.7), 0 1px 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerHoverShadowArrow: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerHoverShadowArrowLeft: 1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4);
-@value btnDangerActiveBg: #cd381b;
-@value btnDangerActiveShadow: 0 0 0 1px rgba(108, 7, 7, 0.75), 0 -1px 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value btnDangerActiveShadowArrow: 1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 -2px 0 -1px rgba(90, 3, 3, 0.4), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1);
-@value btnDangerActiveShadowArrowLeft: 1px -1px 0 0 rgba(108, 7, 7, 0.75), 0 0 0 -1px rgba(90, 3, 3, 0.4), inset -4px 0 5px -4px rgba(0, 0, 0, 0.1);
-@value btnPayBg: #ffc943;
-@value btnPayBgStart: #ffd54b;
-@value btnPayBgEnd: #ffbb39;
-@value btnPayBgArrowStart: #ffd54b;
-@value btnPayBgArrowEnd: #ffbb39;
-@value btnPayTextColor: none;
-@value btnPayShadow: 0 0 0 1px rgba(238, 169, 34, 0.7), 0 1px 0 0 rgba(77, 16, 0, 0.56);
-@value btnPayShadowArrow: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56);
-@value btnPayShadowArrowLeft: 1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56);
-@value btnPayHoverBgStart: #ffbd3a;
-@value btnPayHoverBgEnd: #f8a91d;
-@value btnPayHoverShadow: 0 0 0 1px rgba(227, 142, 8, 0.7), 0 1px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayHoverShadowArrow: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayHoverShadowArrowLeft: 1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4);
-@value btnPayActiveBg: #fbb028;
-@value btnPayActiveShadow: 0 0 0 1px rgba(210, 144, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-@value btnPayActiveShadowArrow: 1px -1px 0 0 rgba(210, 144, 0, 0.7), 0 -2px 0 -1px rgba(0, 0, 0, 0.44), inset 0 4px 5px -4px rgba(0, 0, 0, 0.05);
-@value btnPayActiveShadowArrowLeft: 1px -1px 0 0 rgba(210, 144, 0, 0.7), 2px -0.3px 0 -1px rgba(0, 0, 0, 0.44), inset -4px 0 5px -4px rgba(0, 0, 0, 0.05);
-@value btnDeprecatedSizeMediumPaddingShiftIe: 1;
-@value sltPlaceholderColor: #a0a0a0;
-@value tooltipCloseBtnColor: #808080;
-@value tooltipCloseBtnHoverColor: #606060;
-@value modalBackBg: #333;
-@value modalBackOpacity: 0.6;
-@value modalCloseButtonColor: #808080;
-@value modalCloseButtonDisabledColor: #8b8b8b;
-@value modalCloseButtonHoverColor: #333;
-@value modalFixedHeaderBg: #fff;
-@value modalFixedHeaderShadow: 0 1px 10px #000000;
-@value modalFixedFooterShadow: 0 -1px 10px #000000;
-@value modalFooterBg: #e9e9e9;
-@value modalAdaptiveThreshold: 425px;
-@value sidePageFooterPanelBg: #e9e9e9;
-@value sidePageCloseButtonColor: rgba(0, 0, 0, 0.54);
-@value sidePageCloseButtonHoverColor: #333;
-@value sidePageContainerShadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-@value dateInputIconColor: inherit;
-@value dateInputMaskColor: #b8b8b8;
-@value dateInputComponentSelectedBgColor: #cae0f4;
-@value calendarCellBg: white;
-@value calendarCellHoverBgColor: __COMPUTED__;
-@value calendarCellHoverColor: white;
-@value calendarCellActiveHoverColor: white;
-@value calendarCellWeekendColor: #f00;
-@value calendarCellTodayBorder: 1px solid #8b8b8b;
-@value calendarCellSelectedBgColor: #e9e9e9;
-@value calendarCellSelectedFontColor: inherit;
-@value calendarMonthHeaderStickedBgColor: white;
-@value calendarMonthTitleBorderBottomColor: #dfdede;
-@value dateSelectMenuBg: __COMPUTED__;
-@value dateSelectMenuItemBgActive: __COMPUTED__;
-@value dateSelectMenuItemBgSelected: #ececec;
-@value dateSelectMenuItemBgDisabled: __COMPUTED__;
-@value dateSelectMenuItemFontActive: __COMPUTED__;
-@value dateSelectMenuItemFontSelected: __COMPUTED__;
-@value dateSelectMenuItemFontDisabled: __COMPUTED__;
-@value datePickerOpenBtnColor: #333;
-@value pickerBg: #fff;
-@value pickerShadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-@value pickerTodayWrapperBgColor: white;
-@value pickerTodayWrapperBorderTop: 1px solid #dfdede;
-@value pickerTodayWrapperHoverBgColor: #f5f5f5;
-@value pagingDotsColor: gray;
-@value pagingPageLinkActiveBg: rgba(0, 0, 0, 0.09);
-@value pagingPageLinkActiveColor: black;
-@value pagingPageLinkHoverBg: rgba(0, 0, 0, 0.05);
-@value pagingPageLinkHintColor: #bbb;
-@value menuSeparatorBorderColor: #e6e6e6;
-@value toastBg: rgba(51, 51, 51, 0.8);
-@value toastColor: white;
-@value toastLinkColor: #80caff;
-@value toastCloseColor: #a0a0a0;
-@value toastCloseHoverColor: white;
-@value tbBg: #fff;
-@value tbShadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1);
-@value tdDividerBg: #dfdfdf;
-@value logoColor: #000;
-@value logoHoverColor: #000;
-@value menuItemPaddingForIcon: 36px;
-@value menuBorder: 1px solid #d5d5d5;
-@value menuShadow: 0 2px 6px rgba(0, 0, 0, 0.2);
-@value toggleBg: linear-gradient(-180deg, #fff, #ebebeb);
-@value toggleBgChecked: #3072c4;
-@value toggleBgActive: __COMPUTED__;
-@value toggleBorderColor: #d0d0d0;
-@value btnMenuArrowColor: #a6a6a6;
-@value popupBorder: none;
-@value popupBorderRadius: 2px;
-@value popupBorderColor: transparent;
-@value popupDropShadow: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
-@value popupBoxShadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2);
-@value popupTextColor: inherit;
-@value inputTextColor: none;
-@value inputShadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-@value inputBg: white;
-@value chbBg: __COMPUTED__;
-@value chbBgStart: #fdfdfd;
-@value chbBgEnd: #ededed;
-@value chbHoverBg: __COMPUTED__;
-@value chbActiveBg: __COMPUTED__;
-@value chbIndeterminateBg: #404040;
-@value chbIndeterminateBorderRadius: 1px;
-@value chbShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbShadowDisabled: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value chbShadowActive: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value chbBorder: none;
-@value chbBorderRadius: 1px;
-@value chbShadowWidth: 2px;
-@value chbCheckedShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value specificityLevel: 0;
-@value bgActive: __COMPUTED__;
-@value borderColorFocus: __COMPUTED__;
-@value borderColorError: __COMPUTED__;
-@value borderColorWarning: __COMPUTED__;
-@value controlHeightSmall: __COMPUTED__;
-@value controlHeightMedium: __COMPUTED__;
-@value controlHeightLarge: __COMPUTED__;
-@value linkHoverColor: __COMPUTED__;
-@value linkDisabledColor: __COMPUTED__;
-@value dropdownMenuHoverBg: __COMPUTED__;
-@value tabColorFocus: __COMPUTED__;
-@value tabColorError: __COMPUTED__;
-@value tabColorWarning: __COMPUTED__;
-@value tabColorSuccess: __COMPUTED__;
-@value tabColorPrimary: __COMPUTED__;
-@value tabColorHover: __COMPUTED__;
-@value tabColorHoverError: __COMPUTED__;
-@value tabColorHoverWarning: __COMPUTED__;
-@value tabColorHoverSuccess: __COMPUTED__;
-@value tabColorHoverPrimary: __COMPUTED__;
-@value pagingForwardLinkColor: __COMPUTED__;
-@value pagingForwardLinkDisabledColor: __COMPUTED__;
-@value toggleBgWarning: __COMPUTED__;
-@value toggleBgError: __COMPUTED__;
-@value toggleFocusShadowColor: __COMPUTED__;
-@value textareaShadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05);
-@value textareaBorderTopColor: __COMPUTED__;
-@value textareaDisabledBg: __COMPUTED__;
-@value textareaDisabledBorderColor: __COMPUTED__;
-@value radioSize: 16px;
-@value radioVerticalAlign: -2px;
-@value radioBgImage: linear-gradient(-180deg, #fff 0, #ebebeb 100%);
-@value radioHoverBg: linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%);
-@value radioActiveBg: linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%);
-@value radioBoxShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value radioBorder: 0 none;
-@value radioHoverShadow: 0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2);
-@value radioActiveShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1);
-@value radioFocusShadow: none;
-@value radioCheckedBgColor: transparent;
-@value radioCheckedBulletColor: #404040;
-@value radioDisabledShadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
-@value radioLabelDisplay: inline-table;

package/lib/BGRuler.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-export declare class BGRuler extends React.Component<{
-    width?: string | number;
-    height?: string | number;
-    top?: string | number;
-    bottom?: string | number;
-    right?: string | number;
-    left?: string | number;
-    color?: string;
-}> {
-    static defaultProps: {
-        height: number;
-        top: number;
-        left: number;
-        right: number;
-        color: string;
-    };
-    private iframe;
-    componentDidMount: () => void;
-    componentWillUnmount: () => void;
-    update: () => void;
-    render(): JSX.Element;
-    private iframeRef;
-}

package/lib/BGRuler.js

@@ -1,96 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var react_1 = tslib_1.__importDefault(require("react"));
-/**
- * Компонент рисует пиксельную линейку на заднем фоне.
- * Помогает контролировать размеры элементов при скриншотном тестировании.
- *
- * @see FxInput/__stories__/FxInput.stories.tsx
- */
-var BGRuler = /** @class */function (_super) {
-  tslib_1.__extends(BGRuler, _super);
-  function BGRuler() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.iframe = null;
-    _this.componentDidMount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.addEventListener('resize', _this.update, true);
-      }
-      _this.update();
-    };
-    _this.componentWillUnmount = function () {
-      if (_this.iframe && _this.iframe.contentWindow) {
-        _this.iframe.contentWindow.removeEventListener('resize', _this.update, true);
-      }
-    };
-    _this.update = function () {
-      _this.forceUpdate();
-    };
-    _this.iframeRef = function (ref) {
-      _this.iframe = ref;
-    };
-    return _this;
-  }
-  BGRuler.prototype.render = function () {
-    var _a = this.props,width = _a.width,height = _a.height,color = _a.color,top = _a.top,bottom = _a.bottom,left = _a.left,right = _a.right;
-    var wrapper = {
-      position: 'absolute',
-      width: width,
-      height: height,
-      top: top,
-      bottom: bottom,
-      left: left,
-      right: right,
-      overflow: 'hidden' };
-
-    var iframe = {
-      position: 'absolute',
-      width: '100%',
-      height: '100%',
-      border: 0,
-      visibility: 'hidden' };
-
-    var marks = {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      width: '100%',
-      backgroundSize: '100px 20px',
-      backgroundRepeat: 'repeat-x' };
-
-    var highMarks = tslib_1.__assign({}, marks, { height: '100%', backgroundImage: "linear-gradient(90deg, " + color + " 0, " + color + " 1px, transparent 1px)" });
-    var middleMarks = tslib_1.__assign({}, marks, { height: '75%', backgroundImage: "linear-gradient(90deg, transparent 0, transparent 49px, " + color + " 49px, " + color + " 50px, transparent 50px)" });
-    var shortMarks = tslib_1.__assign({}, marks, { height: '40%', backgroundImage: "\n        linear-gradient(90deg, transparent 0, transparent 9px, " + color + " 9px, " + color + " 10px, transparent 10px),\n        linear-gradient(90deg, transparent 0, transparent 19px, " + color + " 19px, " + color + " 20px, transparent 20px),\n        linear-gradient(90deg, transparent 0, transparent 29px, " + color + " 29px, " + color + " 30px, transparent 30px),\n        linear-gradient(90deg, transparent 0, transparent 39px, " + color + " 39px, " + color + " 40px, transparent 40px),\n        linear-gradient(90deg, transparent 0, transparent 59px, " + color + " 59px, " + color + " 60px, transparent 60px),\n        linear-gradient(90deg, transparent 0, transparent 69px, " + color + " 69px, " + color + " 70px, transparent 70px),\n        linear-gradient(90deg, transparent 0, transparent 79px, " + color + " 79px, " + color + " 80px, transparent 80px),\n        linear-gradient(90deg, transparent 0, transparent 89px, " + color + " 89px, " + color + " 90px, transparent 90px)\n      " });
-    var rulerWidth = this.iframe ? this.iframe.getBoundingClientRect().width : 0;
-    var labels = Array(Math.ceil(rulerWidth / 100) + 1).
-    fill(null).
-    map(function (value, index) {
-      var label = {
-        position: 'absolute',
-        fontFamily: 'Arial',
-        fontSize: 10,
-        lineHeight: 1,
-        color: color,
-        bottom: -1,
-        left: index * 100 + 5 };
-
-      return react_1["default"].createElement("span", { key: index, style: label }, index * 100);
-    });
-    return react_1["default"].createElement("div", { style: wrapper },
-    react_1["default"].createElement("div", { style: highMarks }),
-    react_1["default"].createElement("div", { style: middleMarks }),
-    react_1["default"].createElement("div", { style: shortMarks }),
-    labels,
-    react_1["default"].createElement("iframe", { style: iframe, ref: this.iframeRef }));
-  };
-  BGRuler.defaultProps = {
-    height: 20,
-    top: 0,
-    left: 0,
-    right: 0,
-    color: '#333' };
-
-  return BGRuler;
-}(react_1["default"].Component);
-exports.BGRuler = BGRuler;

package/lib/BGRuler.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BGRuler.js","sourceRoot":"","sources":["BGRuler.tsx"],"names":[],"mappings":"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"}

package/lib/Colors.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    OK: string;
-    ERROR: string;
-    WARNING: string;
-};
-export default _default;

package/lib/Colors.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports["default"] = {
-  OK: '#1d8c19',
-  ERROR: '#cf0b24',
-  WARNING: '#f5a636' };

package/lib/Colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Colors.js","sourceRoot":"","sources":["Colors.tsx"],"names":[],"mappings":";;AAAA,kBAAe;IACb,EAAE,EAAE,SAAS;IACb,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,SAAS;CACnB,CAAC"}