npm - @skbkontur/react-ui - Versions diffs - 0.0.0-375e096002 → 0.0.0-388db940ca - Mend

@skbkontur/react-ui 0.0.0-375e096002 → 0.0.0-388db940ca

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 (5512) hide show

package/cjs/internal/themes/DefaultTheme.js DELETED Viewed

@@ -1,1423 +0,0 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.DefaultThemeInternal = exports.DefaultTheme = void 0;var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));var ColorFunctions = _interopRequireWildcard(require("../../lib/styles/ColorFunctions"));
-var _ThemeHelpers = require("../../lib/theming/ThemeHelpers");var
-DefaultTheme = /*#__PURE__*/function () {function DefaultTheme() {}(0, _createClass2.default)(DefaultTheme, null, [{ key: "bgActive",
-    //#region Common variables
-    get: function get()
-    {
-      return this.blueLight;
-    } }, { key: "borderColorFocus", get: function get()
-    {
-      return this.blueLight;
-    } }, { key: "borderColorError", get: function get()
-    {
-      return this.errorMain;
-    } }, { key: "borderColorWarning", get: function get()
-    {
-      return this.warningMain;
-    } }, { key: "controlHeightSmall", get: function get()
-    {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYSmall = parseInt(this.controlPaddingYSmall, 10) || 0;
-      var lineHeightSmall = parseInt(this.controlLineHeightSmall, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYSmall + lineHeightSmall + "px";
-    } }, { key: "controlHeightMedium", get: function get()
-    {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYMedium = parseInt(this.controlPaddingYMedium, 10) || 0;
-      var lineHeightMedium = parseInt(this.controlLineHeightMedium, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYMedium + lineHeightMedium + "px";
-    } }, { key: "controlHeightLarge", get: function get()
-    {
-      var borderWidth = parseInt(this.controlBorderWidth, 10) || 0;
-      var paddingYLarge = parseInt(this.controlPaddingYLarge, 10) || 0;
-      var lineHeightLarge = parseInt(this.controlLineHeightLarge, 10) || 0;
-      return 2 * borderWidth + 2 * paddingYLarge + lineHeightLarge + "px";
-    }
-    //#endregion
-    //#region Link
-  }, { key: "linkHoverColor", get: function get()
-    {
-      return this.linkColor;
-    } }, { key: "linkDisabledColor", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "dropdownMenuHoverBg", get: function get()
-    {
-      return this.bgActive;
-    }
-    //#endregion
-    //#region Token
-  }, { key: "tokenTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "tokenFontSize", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "tokenBorderColorDisabled", get: function get()
-    {
-      return this.tokenDisabledBg;
-    } }, { key: "tokenDefaultIdle", get: function get()
-    {
-      return this.grayXLight;
-    } }, { key: "tokenDefaultActive", get: function get()
-    {
-      return this.brand;
-    } }, { key: "tokenGrayIdle", get: function get()
-    {
-      return this.grayXLight;
-    } }, { key: "tokenGrayActive", get: function get()
-    {
-      return this.grayDark;
-    } }, { key: "tokenBlueIdle", get: function get()
-    {
-      return this.blueLight;
-    } }, { key: "tokenBlueActive", get: function get()
-    {
-      return this.blueDark;
-    } }, { key: "tokenGreenIdle", get: function get()
-    {
-      return this.greenXxLight;
-    } }, { key: "tokenGreenActive", get: function get()
-    {
-      return this.greenDark;
-    } }, { key: "tokenYellowIdle", get: function get()
-    {
-      return this.yellowXxLight;
-    } }, { key: "tokenYellowActive", get: function get()
-    {
-      return this.yellowDark;
-    } }, { key: "tokenRedIdle", get: function get()
-    {
-      return this.redXxLight;
-    } }, { key: "tokenRedActive", get: function get()
-    {
-      return this.redDark;
-    } }, { key: "tokenWhite", get: function get()
-    {
-      return this.white;
-    } }, { key: "tokenBlack", get: function get()
-    {
-      return this.black;
-    } }, { key: "tokenBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "tokenBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "tokenPaddingXDisabled", get: function get()
-    {
-      return this.tokenPaddingX;
-    } }, { key: "tokenInputBorderColor",
-    //#endregion
-    //#region TokenInput
-    get: function get() {
-      return this.inputBorderColor;
-    } }, { key: "tokenInputBorderColorFocus", get: function get()
-    {
-      return this.inputBorderColorFocus;
-    } }, { key: "tokenInputBorderColorError", get: function get()
-    {
-      return this.inputBorderColorError;
-    } }, { key: "tokenInputBorderColorWarning", get: function get()
-    {
-      return this.inputBorderColorWarning;
-    } }, { key: "tokenInputBorderTopColor", get: function get()
-    {
-      return this.inputBorderTopColor;
-    } }, { key: "tokenInputPlaceholderColor", get: function get()
-    {
-      return this.inputPlaceholderColor;
-    } }, { key: "tokenInputPlaceholderColorLight", get: function get()
-    {
-      return this.inputPlaceholderColorLight;
-    } }, { key: "tokenInputDisabledBg", get: function get()
-    {
-      return this.inputDisabledBg;
-    } }, { key: "tokenInputDisabledBorderColor", get: function get()
-    {
-      return this.inputDisabledBorderColor;
-    } }, { key: "tokenInputBorderWidth", get: function get()
-    {
-      return this.inputBorderWidth;
-    } }, { key: "tokenInputOutlineWidth", get: function get()
-    {
-      return this.inputOutlineWidth;
-    } }, { key: "tokenInputBg", get: function get()
-    {
-      return this.inputBg;
-    } }, { key: "tokenInputShadow", get: function get()
-    {
-      return this.inputShadow;
-    } }, { key: "tokenInputTextColor", get: function get()
-    {
-      return this.inputTextColor;
-    } }, { key: "tokenInputTextColorDisabled", get: function get()
-    {
-      return this.inputTextColorDisabled;
-    } }, { key: "tokenInputFontSize", get: function get()
-    {
-      return this.inputFontSizeSmall;
-    } }, { key: "tokenInputInputPaddingRight", get: function get()
-    {
-      var paddingX = parseInt(this.tokenPaddingX, 10) || 0;
-      var removeIconMarginX = parseInt(this.tokenRemoveIconGap, 10) || 0;
-      var removeIconSizeX = parseInt(this.tokenInputFontSize, 10) || 0;
-      return paddingX + removeIconSizeX + removeIconMarginX + "px";
-    }
-    //#endregion
-    //#region Loader
-  }, { key: "btnWrapPadding",
-    //#endregion
-    //#region Button
-    get: function get() {
-      return this.btnBorderWidth;
-    } }, { key: "btnHeightShift", get: function get()
-    {
-      var borderWidth = parseInt(this.btnBorderWidth, 10) || 0;
-      return "-" + 2 * borderWidth + "px";
-    } }, { key: "btnFocusShadowWidth", get: function get()
-    {
-      return this.btnOutlineWidth;
-    } }, { key: "btnCheckedShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.3)";
-    } }, { key: "btnBorderRadiusSmall",
-    // todo: deprecated
-    get: function get() {
-      return this.btnSmallBorderRadius;
-    } }, { key: "btnBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadius;
-    } }, { key: "btnBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadius;
-    } }, { key: "btnOutlineWidth", get: function get()
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "btnDefaultTextColor", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnDefaultShadow", get: function get()
-    {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "btnDefaultHoverShadow", get: function get()
-    {
-      return "0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2)";
-    } }, { key: "btnDefaultActiveShadow", get: function get()
-    {
-      return "0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.btnBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnSuccessShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(25, 103, 6, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(21, 80, 7, 0.5)";
-    } }, { key: "btnSuccessHoverShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + "  rgba(7, 73, 1, 0.7), 0 " + this.btnBorderWidth + "  0 0 rgba(16, 70, 4, 0.3)";
-    } }, { key: "btnSuccessActiveShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(4, 63, 0, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(9, 32, 4, 0.6), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnPrimaryShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(14, 81, 129, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.5)";
-    } }, { key: "btnPrimaryHoverShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(5, 60, 99, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(7, 37, 80, 0.3)";
-    } }, { key: "btnPrimaryActiveShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(10, 63, 99, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(8, 45, 96, 0.5), inset 0 1px 2px 0 rgba(0, 0, 0, 0.2)";
-    } }, { key: "btnDangerShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(173, 15, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.4)";
-    } }, { key: "btnDangerHoverShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(145, 0, 0, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4)";
-    } }, { key: "btnDangerActiveShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(108, 7, 7, 0.75), 0 -" + this.btnBorderWidth + " 0 0 rgba(90, 3, 3, 0.4), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "btnPayShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(238, 169, 34, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(77, 16, 0, 0.56)";
-    } }, { key: "btnPayTextColor", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnPayHoverShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(227, 142, 8, 0.7), 0 " + this.btnBorderWidth + " 0 0 rgba(93, 20, 3, 0.4)";
-    } }, { key: "btnPayActiveShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " rgba(210, 144, 0, 0.7), 0 -" + this.btnBorderWidth + " 0 0 rgba(0, 0, 0, 0.44), inset 0 1px 2px 0 rgba(0, 0, 0, 0.05)";
-    } }, { key: "btnFontSizeSmall", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "btnFontSizeMedium", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "btnFontSizeLarge", get: function get()
-    {
-      return this.fontSizeLarge;
-    } }, { key: "btnLineHeightSmall", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "btnLineHeightMedium", get: function get()
-    {
-      return this.controlLineHeightMedium;
-    } }, { key: "btnLineHeightLarge", get: function get()
-    {
-      return this.controlLineHeightLarge;
-    } }, { key: "btnPaddingYSmall", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "btnPaddingYMedium", get: function get()
-    {
-      return this.controlPaddingYMedium;
-    } }, { key: "btnPaddingYLarge", get: function get()
-    {
-      return this.controlPaddingYLarge;
-    } }, { key: "btnDisabledBg", get: function get()
-    {
-      return this.bgDisabled;
-    } }, { key: "btnDisabledShadowColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "btnDisabledShadow", get: function get()
-    {
-      return "0 0 0 " + this.btnBorderWidth + " " + this.btnDisabledShadowColor;
-    } }, { key: "btnDisabledShadowArrow", get: function get()
-    {
-      return "1px -1px 0 0 " + this.btnDisabledShadowColor;
-    } }, { key: "btnTextColorDefault", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "btnBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "btnBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "btnHeightSmall", get: function get()
-    {
-      return this.controlHeightSmall;
-    } }, { key: "btnHeightMedium", get: function get()
-    {
-      return this.controlHeightMedium;
-    } }, { key: "btnHeightLarge", get: function get()
-    {
-      return this.controlHeightLarge;
-    } }, { key: "btnLinkColor", get: function get()
-    {
-      return this.linkColor;
-    } }, { key: "btnLinkHoverColor", get: function get()
-    {
-      return this.linkHoverColor;
-    } }, { key: "btnLinkHoverTextDecoration", get: function get()
-    {
-      return this.linkHoverTextDecoration;
-    } }, { key: "btnLinkActiveColor", get: function get()
-    {
-      return this.linkActiveColor;
-    } }, { key: "btnLinkIconMarginRight", get: function get()
-    {
-      return this.linkIconMarginRight;
-    } }, { key: "btnErrorSecondary", get: function get()
-    {
-      return this.errorSecondary;
-    } }, { key: "btnOutlineColorFocus", get: function get()
-    {
-      return this.outlineColorFocus;
-    } }, { key: "btnBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "btnLinkDisabledColor", get: function get()
-    {
-      return this.linkDisabledColor;
-    }
-    //#endregion
-    //#region Select
-  }, { key: "selectPlaceholderColor", get: function get()
-    {
-      return this.sltPlaceholderColor;
-    } }, { key: "selectOutlineWidth", get: function get()
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "selectLineHeightSmall", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "selectFontSizeSmall", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "selectPaddingYSmall", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "selectBorderRadiusSmall", get: function get()
-    {
-      return this.btnBorderRadiusSmall;
-    } }, { key: "selectIconGapSmall", get: function get()
-    {
-      return this.btnIconGapSmall;
-    } }, { key: "selectLineHeightMedium", get: function get()
-    {
-      return this.controlLineHeightMedium;
-    } }, { key: "selectFontSizeMedium", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "selectPaddingYMedium", get: function get()
-    {
-      return this.controlPaddingYMedium;
-    } }, { key: "selectBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadiusMedium;
-    } }, { key: "selectIconGapMedium", get: function get()
-    {
-      return this.btnIconGapMedium;
-    } }, { key: "selectLineHeightLarge", get: function get()
-    {
-      return this.controlLineHeightLarge;
-    } }, { key: "selectFontSizeLarge", get: function get()
-    {
-      return this.fontSizeLarge;
-    } }, { key: "selectPaddingYLarge", get: function get()
-    {
-      return this.controlPaddingYLarge;
-    } }, { key: "selectBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadiusLarge;
-    } }, { key: "selectIconGapLarge", get: function get()
-    {
-      return this.btnIconGapLarge;
-    } }, { key: "selectMenuArrowColor", get: function get()
-    {
-      return this.btnMenuArrowColor;
-    } }, { key: "selectIconSizeSmall", get: function get()
-    {
-      return this.btnIconSizeSmall;
-    } }, { key: "selectIconSizeMedium", get: function get()
-    {
-      return this.btnIconSizeMedium;
-    } }, { key: "selectIconSizeLarge", get: function get()
-    {
-      return this.btnIconSizeLarge;
-    }
-    //#endregion
-    //#region Tooltip
-  }, { key: "calendarCellHoverBgColor", get: function get()
-    {
-      return this.bgActive;
-    }
-    //#endregion
-    //#region DatePicker
-  }, { key: "dateSelectMenuBg",
-    //#endregion
-    //#region DateSelect
-    get: function get() {
-      return this.bgDefault;
-    } }, { key: "dateSelectMenuItemBgActive", get: function get()
-    {
-      return this.bgActive;
-    } }, { key: "dateSelectMenuItemBgDisabled", get: function get()
-    {
-      return this.bgDefault;
-    } }, { key: "dateSelectMenuItemFontActive", get: function get()
-    {
-      return this.textColorInvert;
-    } }, { key: "dateSelectMenuItemFontSelected", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "dateSelectMenuItemFontDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    }
-    //#endregion
-    //#region Paging
-  }, { key: "pagingForwardLinkColor", get: function get()
-    {
-      return this.linkColor;
-    } }, { key: "pagingForwardLinkDisabledColor", get: function get()
-    {
-      return this.linkDisabledColor;
-    }
-    //#endregion
-    //#region Menu
-  }, { key: "toggleHandleBorderRadius", get: function get()
-    {
-      var height = parseInt(this.toggleHeight, 10) || 0;
-      var borderWidth = parseInt(this.toggleBorderWidth, 10) || 0;
-      var handleSize = height - 2 * borderWidth;
-      return handleSize / 2 + "px";
-    } }, { key: "toggleBgHover", get: function get()
-    {
-      return this.toggleBgFocus;
-    } }, { key: "toggleBgActive", get: function get()
-    {
-      return this.toggleBgChecked;
-    } }, { key: "toggleBgError", get: function get()
-    {
-      return this.errorMain;
-    } }, { key: "toggleBgWarning", get: function get()
-    {
-      return this.warningMain;
-    } }, { key: "toggleFocusShadowColor", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "popupBackground", get: function get()
-    {
-      return this.bgDefault;
-    } }, { key: "inputTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "inputFontSizeSmall", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "inputFontSizeMedium", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "inputFontSizeLarge", get: function get()
-    {
-      return this.fontSizeLarge;
-    } }, { key: "inputLineHeightSmall", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "inputLineHeightMedium", get: function get()
-    {
-      return this.controlLineHeightMedium;
-    } }, { key: "inputLineHeightLarge", get: function get()
-    {
-      return this.controlLineHeightLarge;
-    } }, { key: "inputHeightSmall", get: function get()
-    {
-      return this.controlHeightSmall;
-    } }, { key: "inputHeightMedium", get: function get()
-    {
-      return this.controlHeightMedium;
-    } }, { key: "inputHeightLarge", get: function get()
-    {
-      return this.controlHeightLarge;
-    } }, { key: "inputPaddingYSmall", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "inputPaddingYMedium", get: function get()
-    {
-      return this.controlPaddingYMedium;
-    } }, { key: "inputPaddingYLarge", get: function get()
-    {
-      return this.controlPaddingYLarge;
-    } }, { key: "inputFocusShadow", get: function get()
-    {
-      return "0 0 0 " + this.inputOutlineWidth + " " + this.borderColorFocus;
-    } }, { key: "inputDisabledBg", get: function get()
-    {
-      return this.bgDisabled;
-    } }, { key: "inputDisabledBorderColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "inputFocusOutline", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "inputBorderWidth", get: function get()
-    {
-      return this.controlBorderWidth;
-    } }, { key: "inputOutlineWidth", get: function get()
-    {
-      var OutlineWidth = parseInt(this.controlOutlineWidth, 10) || 0;
-      var borderWidth = parseInt(this.inputBorderWidth, 10) || 0;
-      return OutlineWidth - borderWidth + "px";
-    } }, { key: "inputBorderColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "inputBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "inputBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "inputBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "inputBorderTopColor", get: function get()
-    {
-      return this.borderColorGrayDark;
-    } }, { key: "inputPlaceholderColor", get: function get()
-    {
-      return this.placeholderColor;
-    } }, { key: "inputPlaceholderColorLight", get: function get()
-    {
-      return this.placeholderColorLight;
-    } }, { key: "inputBlinkColor", get: function get()
-    {
-      return this.blinkColor;
-    }
-    //#endregion
-    //#region Checkbox chb
-  }, { key: "chbFontSize", get: function get() {
-      return this.fontSizeSmall;
-    } }, { key: "chbLineHeight", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "chbTextColorDefault", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "chbTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "chbIndeterminateBg", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "chbShadow", get: function get()
-    {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "chbShadowDisabled", get: function get()
-    {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "chbShadowHover", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "chbCheckedColor", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "chbOutlineColorFocus", get: function get()
-    {
-      return this.outlineColorFocus;
-    } }, { key: "chbBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "chbBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "chbCheckedHoverShadow", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "chbCheckedShadow", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "chbBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "chbBg", get: function get()
-    {
-      return "linear-gradient(" + this.checkboxBgStart + ", " + this.checkboxBgEnd + ")";
-    } }, { key: "chbHoverBg", get: function get()
-    {
-      return "linear-gradient(-180deg, " + this.btnDefaultHoverBgStart + " 0, " + this.btnDefaultHoverBgEnd + " 100%)";
-    } }, { key: "chbActiveBg", get: function get()
-    {
-      return this.btnDefaultActiveBg;
-    } }, { key: "chbCheckedBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "chbBgDisabled", get: function get()
-    {
-      return this.bgDisabled;
-    } }, { key: "chbBoxIndeterminateBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "chbCheckedHoverBg", get: function get()
-    {
-      return this.chbHoverBg;
-    } }, { key: "chbCheckedActiveBg", get: function get()
-    {
-      return this.btnDefaultActiveBg;
-    } }, { key: "chbCheckedActiveShadow", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
-    } }, { key: "chbShadowActive", get: function get()
-    {
-      return this.btnDefaultActiveShadow;
-    } }, { key: "checkboxFontSize",
-    //#endregion
-    //#region Checkbox
-    get: function get() {
-      return this.chbFontSize;
-    } }, { key: "checkboxLineHeight", get: function get()
-    {
-      return this.chbLineHeight;
-    } }, { key: "checkboxBoxSize", get: function get()
-    {
-      return this.chbBoxSize;
-    } }, { key: "checkboxLabelGap", get: function get()
-    {
-      return this.chbPaddingX;
-    } }, { key: "checkboxPaddingY", get: function get()
-    {
-      return this.chbPaddingY;
-    } }, { key: "checkboxBgStart", get: function get()
-    {
-      return this.chbBgStart;
-    } }, { key: "checkboxBgEnd", get: function get()
-    {
-      return this.chbBgEnd;
-    } }, { key: "checkboxTextColorDefault", get: function get()
-    {
-      return this.chbTextColorDefault;
-    } }, { key: "checkboxTextColorDisabled", get: function get()
-    {
-      return this.chbTextColorDisabled;
-    } }, { key: "checkboxIndeterminateBg", get: function get()
-    {
-      return this.chbIndeterminateBg;
-    } }, { key: "checkboxShadowDisabled", get: function get()
-    {
-      return this.chbShadowDisabled;
-    } }, { key: "checkboxBorder", get: function get()
-    {
-      return this.chbBorder;
-    } }, { key: "checkboxShadow", get: function get()
-    {
-      return this.chbShadow;
-    } }, { key: "checkboxShadowHover", get: function get()
-    {
-      return this.chbShadowHover;
-    } }, { key: "checkboxCheckedColor", get: function get()
-    {
-      return this.chbCheckedColor;
-    } }, { key: "checkboxOutlineColorFocus", get: function get()
-    {
-      return this.chbOutlineColorFocus;
-    } }, { key: "checkboxBorderColorWarning", get: function get()
-    {
-      return this.chbBorderColorWarning;
-    } }, { key: "checkboxBorderColorError", get: function get()
-    {
-      return this.chbBorderColorError;
-    } }, { key: "checkboxCheckedHoverShadow", get: function get()
-    {
-      return this.chbCheckedHoverShadow;
-    } }, { key: "checkboxBorderRadius", get: function get()
-    {
-      return this.chbBorderRadius;
-    } }, { key: "checkboxOutlineWidth", get: function get()
-    {
-      return this.chbShadowWidth;
-    } }, { key: "checkboxCheckedShadow", get: function get()
-    {
-      return this.chbCheckedShadow;
-    } }, { key: "checkboxCheckedActiveShadow", get: function get()
-    {
-      return this.chbCheckedActiveShadow;
-    } }, { key: "checkboxBorderColorFocus", get: function get()
-    {
-      return this.chbBorderColorFocus;
-    } }, { key: "checkboxBg", get: function get()
-    {
-      return this.chbBg;
-    } }, { key: "checkboxHoverBg", get: function get()
-    {
-      return this.chbHoverBg;
-    } }, { key: "checkboxActiveBg", get: function get()
-    {
-      return this.chbActiveBg;
-    } }, { key: "checkboxCheckedBg", get: function get()
-    {
-      return this.chbCheckedBg;
-    } }, { key: "checkboxBgDisabled", get: function get()
-    {
-      return this.chbBgDisabled;
-    } }, { key: "checkboxBoxIndeterminateBg", get: function get()
-    {
-      return this.chbBoxIndeterminateBg;
-    } }, { key: "checkboxCheckedHoverBg", get: function get()
-    {
-      return this.chbCheckedHoverBg;
-    } }, { key: "checkboxCheckedActiveBg", get: function get()
-    {
-      return this.chbCheckedActiveBg;
-    } }, { key: "checkboxShadowActive", get: function get()
-    {
-      return this.chbShadowActive;
-    }
-    //#endregion
-    //#region TextArea
-  }, { key: "textareaBg", get: function get() {
-      return this.bgDefault;
-    } }, { key: "textareaColor", get: function get()
-    {
-      return this.black;
-    } }, { key: "textareaTextColorDisabled", get: function get()
-    {
-      return this.textColorDisabled;
-    } }, { key: "textareaPlaceholderColorLight", get: function get()
-    {
-      return this.placeholderColorLight;
-    } }, { key: "textareaPlaceholderColor", get: function get()
-    {
-      return this.placeholderColor;
-    } }, { key: "textareaFontSize", get: function get()
-    {
-      return this.fontSizeMedium;
-    } }, { key: "textareaLineHeight", get: function get()
-    {
-      var fontSize = this.textareaFontSize;
-      switch (fontSize) {
-        case '14px':
-          return '20px';
-        case '16px':
-          return '25px';
-        default:
-          return parseInt(fontSize, 10) * 1.5 + "px";}
-    } }, { key: "textareaBorderWidth", get: function get()
-    {
-      return this.controlBorderWidth;
-    } }, { key: "textareaOutlineWidth", get: function get()
-    {
-      return this.controlBorderWidth;
-    } }, { key: "textareaHeight", get: function get()
-    {
-      var lineHeight = parseInt(this.textareaLineHeight, 10) || 0;
-      var paddingY = parseInt(this.textareaPaddingY, 10) || 0;
-      var borderWidth = parseInt(this.textareaBorderWidth, 10) || 0;
-      return lineHeight + paddingY * 2 + borderWidth * 2 + "px";
-    } }, { key: "textareaMinHeight", get: function get()
-    {
-      return this.textareaHeight;
-    } }, { key: "textareaPaddingX", get: function get()
-    {
-      return '10px';
-    } }, { key: "textareaPaddingY", get: function get()
-    {
-      return this.controlPaddingYSmall;
-    } }, { key: "textareaBorderColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "textareaBorderTopColor", get: function get()
-    {
-      return this.borderColorGrayDark;
-    } }, { key: "textareaBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "textareaBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "textareaBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "textareaDisabledBg", get: function get()
-    {
-      return this.bgDisabled;
-    } }, { key: "textareaDisabledBorderColor", get: function get()
-    {
-      return this.borderColorGrayLight;
-    } }, { key: "textareaCounterColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "textareaCounterBg", get: function get()
-    {
-      return ColorFunctions.fade(this.textareaBg, 0.9);
-    } }, { key: "textareaCounterErrorColor", get: function get()
-    {
-      return this.errorText;
-    } }, { key: "textareaCounterHelpIconColor", get: function get()
-    {
-      return this.linkColor;
-    }
-    //#endregion
-    //#region Radio
-  }, { key: "radioOutlineWidth", get: function get()
-    {
-      return this.controlOutlineWidth;
-    } }, { key: "radioSizeAfter", get: function get()
-    {
-      return "calc(" + this.radioSize + " + 2 * " + this.radioOutlineWidth + " - 2 * " + this.radioBorderWidthCompensation + ")";
-    } }, { key: "radioFontSize", get: function get()
-    {
-      return this.fontSizeSmall;
-    } }, { key: "radioLineHeight", get: function get()
-    {
-      return this.controlLineHeightSmall;
-    } }, { key: "radioBoxShadow", get: function get()
-    {
-      return "0 " + this.radioBorderWidth + " 0 0 " + this.radioBorderColor + ", 0 0 0 " + this.radioBorderWidth + " " + this.radioBorderColor;
-    } }, { key: "radioBorderColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "radioBorderColorWarning", get: function get()
-    {
-      return this.borderColorWarning;
-    } }, { key: "radioBorderColorError", get: function get()
-    {
-      return this.borderColorError;
-    } }, { key: "radioHoverShadow", get: function get()
-    {
-      return "0 " + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.15), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2)";
-    } }, { key: "radioActiveShadow", get: function get()
-    {
-      return "0 -" + this.radioBorderWidth + " 0 0 rgba(0, 0, 0, 0.1), 0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)";
-    } }, { key: "radioCheckedHoverBgColor", get: function get()
-    {
-      return this.radioHoverBg;
-    } }, { key: "radioDisabledShadow", get: function get()
-    {
-      return "0 0 0 " + this.radioBorderWidth + " rgba(0, 0, 0, 0.15)";
-    } }, { key: "tabFontSize",
-    //#endregion
-    //#region Tabs
-    get: function get() {
-      return '18px';
-    } }, { key: "tabPaddingX", get: function get()
-    {
-      return '20px';
-    } }, { key: "tabsMarginX", get: function get()
-    {
-      return this.tabPaddingX;
-    } }, { key: "tabLineHeight", get: function get()
-    {
-      return 'normal';
-    } }, { key: "tabTextColorDefault", get: function get()
-    {
-      return this.textColorDefault;
-    } }, { key: "tabColorFocus", get: function get()
-    {
-      return this.borderColorFocus;
-    } }, { key: "tabColorError", get: function get()
-    {
-      return this.btnDangerBg;
-    } }, { key: "tabColorWarning", get: function get()
-    {
-      return this.btnPayBg;
-    } }, { key: "tabColorSuccess", get: function get()
-    {
-      return this.btnSuccessBg;
-    } }, { key: "tabColorPrimary", get: function get()
-    {
-      return this.btnPrimaryBg;
-    } }, { key: "tabColorHover", get: function get()
-    {
-      return this.borderColorFocusLight;
-    } }, { key: "tabColorHoverError", get: function get()
-    {
-      return ColorFunctions.lighten(this.tabColorError, '25%');
-    } }, { key: "tabColorHoverWarning", get: function get()
-    {
-      return ColorFunctions.lighten(this.tabColorWarning, '25%');
-    } }, { key: "tabColorHoverSuccess", get: function get()
-    {
-      return ColorFunctions.lighten(this.tabColorSuccess, '25%');
-    } }, { key: "tabColorHoverPrimary", get: function get()
-    {
-      return ColorFunctions.lighten(this.tabColorPrimary, '25%');
-    }
-    //#endregion
-    //#region Spinner
-  }, { key: "spinnerBgColor", get: function get() {
-      return this.grayXLight;
-    } }, { key: "spinnerColor", get: function get()
-    {
-      return this.red;
-    } }, { key: "spinnerDimmedColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "spinnerCaptionColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "spinnerOldBgColor",
-    //#endregion
-    //#region SpinnerOld
-    get: function get() {
-      return this.grayXLight;
-    } }, { key: "spinnerOldColor", get: function get()
-    {
-      return this.red;
-    } }, { key: "spinnerOldDimmedColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "spinnerOldCaptionColor", get: function get()
-    {
-      return this.gray;
-    } }, { key: "switcherButtonPaddingXSmall", get: function get()
-    {
-      return this.btnPaddingXSmall;
-    } }, { key: "switcherButtonPaddingXMedium", get: function get()
-    {
-      return this.btnPaddingXMedium;
-    } }, { key: "switcherButtonPaddingXLarge", get: function get()
-    {
-      return this.btnPaddingXLarge;
-    } }, { key: "switcherButtonPaddingYSmall", get: function get()
-    {
-      return this.btnPaddingYSmall;
-    } }, { key: "switcherButtonPaddingYMedium", get: function get()
-    {
-      return this.btnPaddingYMedium;
-    } }, { key: "switcherButtonPaddingYLarge", get: function get()
-    {
-      return this.btnPaddingYLarge;
-    } }, { key: "switcherButtonLineHeightSmall", get: function get()
-    {
-      return this.btnLineHeightSmall;
-    } }, { key: "switcherButtonLineHeightMedium", get: function get()
-    {
-      return this.btnLineHeightMedium;
-    } }, { key: "switcherButtonLineHeightLarge", get: function get()
-    {
-      return this.btnLineHeightLarge;
-    } }, { key: "switcherButtonFontSizeSmall", get: function get()
-    {
-      return this.btnFontSizeSmall;
-    } }, { key: "switcherButtonFontSizeMedium", get: function get()
-    {
-      return this.btnFontSizeMedium;
-    } }, { key: "switcherButtonFontSizeLarge", get: function get()
-    {
-      return this.btnFontSizeLarge;
-    } }, { key: "switcherButtonBorderRadiusSmall", get: function get()
-    {
-      return this.btnBorderRadiusSmall;
-    } }, { key: "switcherButtonBorderRadiusMedium", get: function get()
-    {
-      return this.btnBorderRadiusMedium;
-    } }, { key: "switcherButtonBorderRadiusLarge", get: function get()
-    {
-      return this.btnBorderRadiusLarge;
-    } }, { key: "switcherButtonBorderWidth", get: function get()
-    {
-      return this.btnBorderWidth;
-    } }, { key: "switcherButtonDisabledBorderColor", get: function get()
-    {
-      return this.btnDisabledBorderColor;
-    } }, { key: "switcherButtonCheckedDisabledShadow", get: function get()
-    {
-      return this.btnCheckedDisabledShadow;
-    }
-    //#endregion
-  }]);return DefaultTheme;}();exports.DefaultTheme = DefaultTheme;DefaultTheme.brandXLight = '#cae5f5';DefaultTheme.brandLight = '#3094d0';DefaultTheme.brand = '#1e79be';DefaultTheme.brandDark = '#1363a0';DefaultTheme.brandXDark = '#084f85';DefaultTheme.white = '#fff';DefaultTheme.grayXxLight = '#f2f2f2';DefaultTheme.grayXLight = '#e5e5e5';DefaultTheme.grayLight = '#a0a0a0';DefaultTheme.gray = '#808080';DefaultTheme.grayDark = '#333';DefaultTheme.black = '#000';DefaultTheme.blueXxLight = '#e4f3ff';DefaultTheme.blueLight = '#5199db';DefaultTheme.blue = '#3072c4';DefaultTheme.blueDark = '#1e5aa4';DefaultTheme.blueXDark = '#044785';DefaultTheme.greenXxLight = '#e2f7dc';DefaultTheme.green = '#3f9726';DefaultTheme.greenDark = '#228007';DefaultTheme.redXxLight = '#ffd6d6';DefaultTheme.red = '#d70c17';DefaultTheme.redDark = '#ce0014';DefaultTheme.yellowXxLight = '#fff0bc';DefaultTheme.yellow = '#f69c00';DefaultTheme.yellowDark = '#d97e00';DefaultTheme.bgDefault = '#fff';DefaultTheme.bgDisabled = '#f2f2f2';DefaultTheme.errorMain = '#d70c17';DefaultTheme.errorSecondary = '#ffd6d6';DefaultTheme.errorText = '#ce0014';DefaultTheme.warningMain = '#f69c00';DefaultTheme.warningSecondary = '#fff0bc';DefaultTheme.warningText = '#d97e00';DefaultTheme.borderColorFocusLight = '#bad7f1';DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.15)';DefaultTheme.placeholderColor = '#a0a0a0';DefaultTheme.outlineColorFocus = '#fff';DefaultTheme.placeholderColorLight = '#cdcdcd';DefaultTheme.blinkColor = 'rgba(0, 136, 255, 0.2)';DefaultTheme.controlBorderWidth = '1px';DefaultTheme.controlOutlineWidth = '2px';DefaultTheme.controlLineHeightSmall = '20px';DefaultTheme.controlLineHeightMedium = '20px';DefaultTheme.controlLineHeightLarge = '22px';DefaultTheme.controlPaddingYSmall = '6px';DefaultTheme.controlPaddingYMedium = '9px';DefaultTheme.controlPaddingYLarge = '10px';DefaultTheme.textColorDefault = '#404040';DefaultTheme.textColorInvert = '#fff';DefaultTheme.textColorDisabled = '#a0a0a0';DefaultTheme.fontSizeSmall = '14px';DefaultTheme.fontSizeMedium = '14px';DefaultTheme.fontSizeLarge = '16px';DefaultTheme.specificityLevel = '0';DefaultTheme.linkColor = '#3072c4';DefaultTheme.linkActiveColor = '#044785';DefaultTheme.linkHoverTextDecoration = 'underline';DefaultTheme.linkSuccessColor = '#3f9726';DefaultTheme.linkSuccessHoverColor = '#3f9726';DefaultTheme.linkSuccessActiveColor = '#3f9726';DefaultTheme.linkDangerColor = '#e3071c';DefaultTheme.linkDangerHoverColor = '#e3071c';DefaultTheme.linkDangerActiveColor = '#b00616';DefaultTheme.linkIconMarginRight = '3px';DefaultTheme.linkButtonLineHeight = '34px';DefaultTheme.linkButtonPaddingX = '10px';DefaultTheme.dropdownMenuSelectedBg = '#f1f1f1';DefaultTheme.tokenDisabledBg = 'rgba(0, 0, 0, 0.15)';DefaultTheme.tokenMarginY = '3px';DefaultTheme.tokenMarginX = '3px';DefaultTheme.tokenLineHeight = '1.5';DefaultTheme.tokenPaddingY = '0px';DefaultTheme.tokenPaddingX = '4px';DefaultTheme.tokenMarginBeforeIcon = '4px';DefaultTheme.tokenRemoveIconSize = '1em';DefaultTheme.tokenRemoveIconPaddingY = '2px';DefaultTheme.tokenRemoveIconPaddingX = '2px';DefaultTheme.tokenRemoveIconGap = '4px';DefaultTheme.tokenRemoveIconBoxSizing = 'border-box';DefaultTheme.tokenBorderRadius = '1px';DefaultTheme.tokenBorderWidth = '1px';DefaultTheme.tokenOutlineWidth = '2px';DefaultTheme.tokenLegacyTextShift = '1px';DefaultTheme.tokenPaddingYDisabled = '1px';DefaultTheme.tokenMarginYDisabled = '2px';DefaultTheme.tokenMarginXDisabled = '2px';DefaultTheme.tokenShadowDisabled = 'none';DefaultTheme.tokenInputPaddingY = '2px';DefaultTheme.tokenInputPaddingX = '4px';DefaultTheme.tokenInputLineHeight = '22px';DefaultTheme.tokenInputInputPaddingLeft = '5px';DefaultTheme.loaderBg = 'rgba(255, 255, 255, 0.8)';DefaultTheme.loaderOpacity = '0.8';DefaultTheme.btnLinkBorderRadius = '1px';DefaultTheme.btnFocusBorder = 'none';DefaultTheme.btnDisabledTextColor = '#a0a0a0';DefaultTheme.btnDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedBg = '#737373';DefaultTheme.btnCheckedDisabledBg = '#a0a0a0';DefaultTheme.btnCheckedDisabledColor = 'rgba(255, 255, 255, 0.7)';DefaultTheme.btnCheckedHoverBorderColor = 'transparent';DefaultTheme.btnCheckedTextColor = '#fff';DefaultTheme.btnCheckedDisabledBorderColor = 'transparent';DefaultTheme.btnCheckedShadowColorArrow = 'rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.6), inset 0 4px 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.6), inset -4px 0 2px -3px rgba(0, 0, 0, 0.3)';DefaultTheme.btnCheckedDisabledShadow = '0 0 0 1px rgba(0, 0, 0, 0.37)';DefaultTheme.btnCheckedDisabledShadowArrow = '1px -1px 0 0 #a0a0a0, inset 0 4px 2px -3px #a0a0a0';DefaultTheme.btnArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnSmallBorderRadius = '1px';DefaultTheme.btnBorderRadius = '2px';DefaultTheme.btnBorderWidth = '1px';DefaultTheme.btnPaddingXSmall = '15px';DefaultTheme.btnPaddingXMedium = '15px';DefaultTheme.btnPaddingXLarge = '20px';DefaultTheme.btnIconGapSmall = '7px';DefaultTheme.btnIconGapMedium = '7px';DefaultTheme.btnIconGapLarge = '7px';DefaultTheme.btnIconSizeSmall = 'auto';DefaultTheme.btnIconSizeMedium = 'auto';DefaultTheme.btnIconSizeLarge = 'auto';DefaultTheme.btnDefaultBg = 'none';DefaultTheme.btnDefaultBgStart = '#fff';DefaultTheme.btnDefaultBgEnd = '#ebebeb';DefaultTheme.btnSmallArrowLength = '18px';DefaultTheme.btnSmallArrowRight = '-8.8px';DefaultTheme.btnSmallArrowLeft = '-8px';DefaultTheme.btnSmallArrowBorderRadius = '2px 2px 2px 16px';DefaultTheme.btnMediumArrowTop = '9px';DefaultTheme.btnMediumArrowLength = '20.2px';DefaultTheme.btnMediumArrowLeft = '-9.8px';DefaultTheme.btnMediumArrowLeftLoadingLeft = '-208px';DefaultTheme.btnMediumArrowTransform = 'rotate(53deg) skewX(24deg) skewY(8deg)';DefaultTheme.btnDeprecatedSizeMediumFontSize = '16px';DefaultTheme.btnDeprecatedSizeMediumPaddingShift = '1';DefaultTheme.btnLargeArrowTop = '10.2px';DefaultTheme.btnLargeArrowLength = '22.2px';DefaultTheme.btnLargeArrowLeft = '-10px';DefaultTheme.btnLargeArrowRight = '-10.8px';DefaultTheme.btnLargeArrowTransform = 'rotate(53deg) skewX(25deg) skewY(10deg)';DefaultTheme.btnLargeArrowBg = 'linear-gradient(-56deg, transparent 48.2%, #ccc 0, #ccc 63.4%, transparent 0)';DefaultTheme.btnDefaultBgArrowStart = '#fff';DefaultTheme.btnDefaultBgArrowEnd = '#ebebeb';DefaultTheme.btnDefaultCheckedShadowArrow = 'none';DefaultTheme.btnDefaultCheckedBorder = 'none';DefaultTheme.btnDefaultHoverBg = 'none';DefaultTheme.btnDefaultHoverBorderColor = 'transparent';DefaultTheme.btnDefaultActiveBorderColor = 'none';DefaultTheme.btnDefaultBorder = 'none';DefaultTheme.btnDefaultShadowArrow = '1.2px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.15)';DefaultTheme.btnDefaultHoverBgStart = '#f2f2f2';DefaultTheme.btnDefaultHoverBgEnd = '#dfdfdf';DefaultTheme.btnDefaultHoverShadowArrow = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultHoverShadowArrowLeft = '1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)';DefaultTheme.btnDefaultActiveBg = '#e1e1e1';DefaultTheme.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)';DefaultTheme.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)';DefaultTheme.btnSuccessBg = '#419d14';DefaultTheme.btnSuccessHoverBg = 'none';DefaultTheme.btnSuccessHoverBorderColor = 'transparent';DefaultTheme.btnSuccessDisabledBg = 'none';DefaultTheme.btnSuccessBorder = 'none';DefaultTheme.btnSuccessBgStart = '#4ba91d';DefaultTheme.btnSuccessBgEnd = '#37910b';DefaultTheme.btnSuccessBgArrowStart = '#4ba91d';DefaultTheme.btnSuccessBgArrowEnd = '#37910b';DefaultTheme.btnSuccessTextColor = '#fff';DefaultTheme.btnSuccessShadowArrow = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 1px 0 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessShadowArrowLeft = '1px -1px 0 0 rgba(25, 103, 6, 0.7), 0 -1px 0 0 rgba(21, 80, 7, 0.5)';DefaultTheme.btnSuccessHoverBgStart = '#3b8d13';DefaultTheme.btnSuccessHoverBgEnd = '#317e0b';DefaultTheme.btnSuccessHoverShadowArrow = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 1px 0 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessHoverShadowArrowLeft = '1px -1px 0 0 rgba(7, 73, 1, 0.7), 0 -1px 0 0 rgba(16, 70, 4, 0.3)';DefaultTheme.btnSuccessActiveBg = '#35840e';DefaultTheme.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)';DefaultTheme.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)';DefaultTheme.btnPrimaryBg = '#1e8dd4';DefaultTheme.btnPrimaryHoverBg = 'none';DefaultTheme.btnPrimaryHoverBorderColor = 'transparent';DefaultTheme.btnPrimaryDisabledBg = 'none';DefaultTheme.btnPrimaryBorder = 'none';DefaultTheme.btnPrimaryBgStart = '#2899ea';DefaultTheme.btnPrimaryBgEnd = '#167ac1';DefaultTheme.btnPrimaryBgArrowStart = '#2899ea';DefaultTheme.btnPrimaryBgArrowEnd = '#167ac1';DefaultTheme.btnPrimaryTextColor = '#fff';DefaultTheme.btnPrimaryShadowArrow = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryShadowArrowLeft = '1px -1px 0 0 rgba(14, 81, 129, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.5)';DefaultTheme.btnPrimaryHoverBgStart = '#0087d5';DefaultTheme.btnPrimaryHoverBgEnd = '#167ac1';DefaultTheme.btnPrimaryHoverShadowArrow = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 1px 0 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryHoverShadowArrowLeft = '1px -1px 0 0 rgba(5, 60, 99, 0.7), 0 -1px 0 0 rgba(7, 37, 80, 0.3)';DefaultTheme.btnPrimaryActiveBg = '#0079c3';DefaultTheme.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)';DefaultTheme.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)';DefaultTheme.btnDangerBg = '#e14c30';DefaultTheme.btnDangerHoverBg = 'none';DefaultTheme.btnDangerHoverBorderColor = 'transparent';DefaultTheme.btnDangerDisabledBg = 'none';DefaultTheme.btnDangerBorder = 'none';DefaultTheme.btnDangerBgStart = '#ec5438';DefaultTheme.btnDangerBgEnd = '#d44327';DefaultTheme.btnDangerBgArrowStart = '#ec5438';DefaultTheme.btnDangerBgArrowEnd = '#d44327';DefaultTheme.btnDangerTextColor = '#fff';DefaultTheme.btnDangerShadowArrow = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 1px 0 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerShadowArrowLeft = '1px -1px 0 0 rgba(173, 15, 0, 0.7), 0 -1px 0 0 rgba(0, 0, 0, 0.4)';DefaultTheme.btnDangerHoverBgStart = '#d44227';DefaultTheme.btnDangerHoverBgEnd = '#c73013';DefaultTheme.btnDangerHoverShadowArrow = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 1px 0 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerHoverShadowArrowLeft = '1px -1px 0 0 rgba(145, 0, 0, 0.7), 0 -1px 0 0 rgba(90, 3, 3, 0.4)';DefaultTheme.btnDangerActiveBg = '#cd381b';DefaultTheme.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)';DefaultTheme.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)';DefaultTheme.btnPayBg = '#ffc943';DefaultTheme.btnPayHoverBg = 'none';DefaultTheme.btnPayHoverBorderColor = 'transparent';DefaultTheme.btnPayDisabledBg = 'none';DefaultTheme.btnPayBorder = 'none';DefaultTheme.btnPayBgStart = '#ffd54b';DefaultTheme.btnPayBgEnd = '#ffbb39';DefaultTheme.btnPayBgArrowStart = '#ffd54b';DefaultTheme.btnPayBgArrowEnd = '#ffbb39';DefaultTheme.btnPayShadowArrow = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 1px -0.3px 0 0 rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayShadowArrowLeft = '1px -1px 0 0 rgba(238, 169, 34, 0.7), 0.2px -1px 0 -0.3px rgba(77, 16, 0, 0.56)';DefaultTheme.btnPayHoverBgStart = '#ffbd3a';DefaultTheme.btnPayHoverBgEnd = '#f8a91d';DefaultTheme.btnPayHoverShadowArrow = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 1px -0.3px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayHoverShadowArrowLeft = '1px -1px 0 0 rgba(227, 142, 8, 0.7), 0 -1px 0 0 rgba(93, 20, 3, 0.4)';DefaultTheme.btnPayActiveBg = '#fbb028';DefaultTheme.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)';DefaultTheme.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)';DefaultTheme.btnDeprecatedSizeMediumPaddingShiftIe = '1';DefaultTheme.btnSmallArrowTop = '7px';DefaultTheme.btnSmallArrowLeftLoadingDelay = '0.23s';DefaultTheme.btnSmallArrowBg = 'linear-gradient(-54deg, transparent 48%, #ccc 0, #ccc 72%, transparent 0)';DefaultTheme.btnMediumArrowRight = '-10px';DefaultTheme.btnMediumArrowBg = 'linear-gradient(-58deg, transparent 47.5%, #ccc 0, #ccc 70.5%, transparent 0)';DefaultTheme.btnMediumArrowLeftLoadingDelay = '0.2s';DefaultTheme.btnLargeArrowLeftLoadingDelay = '0s';DefaultTheme.btnMenuArrowColor = '#a6a6a6';DefaultTheme.sltPlaceholderColor = '#a0a0a0';DefaultTheme.selectBorderWidth = '1px';DefaultTheme.selectPaddingXSmall = '9px';DefaultTheme.selectPaddingArrowSmall = '10px';DefaultTheme.selectPaddingXMedium = '9px';DefaultTheme.selectPaddingArrowMedium = '10px';DefaultTheme.selectPaddingXLarge = '9px';DefaultTheme.selectPaddingArrowLarge = '13px';DefaultTheme.tooltipCloseBtnColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.tooltipCloseBtnHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.modalBackBg = '#333';DefaultTheme.modalBackOpacity = '0.6';DefaultTheme.modalCloseButtonColor = '#808080';DefaultTheme.modalCloseButtonDisabledColor = '#8b8b8b';DefaultTheme.modalCloseButtonHoverColor = '#333';DefaultTheme.modalFixedHeaderBg = '#fff';DefaultTheme.modalFixedHeaderShadow = '0 1px 10px #000000';DefaultTheme.modalFixedFooterShadow = '0 -1px 10px #000000';DefaultTheme.modalFooterBg = '#e9e9e9';DefaultTheme.modalAdaptiveThreshold = '425px';DefaultTheme.sidePageFooterPanelBg = '#e9e9e9';DefaultTheme.sidePageCloseButtonColor = 'rgba(0, 0, 0, 0.374)';DefaultTheme.sidePageCloseButtonHoverColor = 'rgba(0, 0, 0, 0.5)';DefaultTheme.sidePageContainerShadow = '0 5px 10px rgba(0, 0, 0, 0.2)';DefaultTheme.dateInputIconColor = '#333';DefaultTheme.dateInputMaskColor = '#b8b8b8';DefaultTheme.dateInputComponentSelectedBgColor = '#cae0f4';DefaultTheme.calendarCellBg = 'white';DefaultTheme.calendarCellHoverColor = 'white';DefaultTheme.calendarCellActiveHoverColor = 'white';DefaultTheme.calendarCellWeekendColor = '#f00';DefaultTheme.calendarCellTodayBorder = '1px solid #8b8b8b';DefaultTheme.calendarCellSelectedBgColor = '#e9e9e9';DefaultTheme.calendarCellSelectedFontColor = 'inherit';DefaultTheme.calendarMonthHeaderStickedBgColor = 'white';DefaultTheme.calendarMonthTitleBorderBottomColor = '#dfdede';DefaultTheme.dateSelectMenuItemBgSelected = '#ececec';DefaultTheme.datePickerOpenBtnColor = '#333';DefaultTheme.pickerBg = '#fff';DefaultTheme.pickerShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.pickerTodayWrapperBgColor = 'white';DefaultTheme.pickerTodayWrapperBorderTop = '1px solid #dfdede';DefaultTheme.pickerTodayWrapperHoverBgColor = '#f5f5f5';DefaultTheme.pagingDotsColor = 'gray';DefaultTheme.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.09)';DefaultTheme.pagingPageLinkActiveColor = 'black';DefaultTheme.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.05)';DefaultTheme.pagingPageLinkHintColor = '#bbb';DefaultTheme.menuSeparatorBorderColor = '#e6e6e6';DefaultTheme.toastBg = 'rgba(51, 51, 51, 0.8)';DefaultTheme.toastColor = 'white';DefaultTheme.toastLinkColor = '#80caff';DefaultTheme.toastCloseColor = '#a0a0a0';DefaultTheme.toastCloseHoverColor = 'white';DefaultTheme.tbBg = '#fff';DefaultTheme.tbShadow = '0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)';DefaultTheme.tdDividerBg = '#dfdfdf';DefaultTheme.logoColor = '#000';DefaultTheme.logoHoverColor = '#000';DefaultTheme.menuItemPaddingForIcon = '36px';DefaultTheme.menuBorder = '1px solid #d5d5d5';DefaultTheme.menuShadow = '0 2px 6px rgba(0, 0, 0, 0.2)';DefaultTheme.toggleHandleActiveWidthIncrement = '4px';DefaultTheme.toggleHeight = '20px';DefaultTheme.toggleWidth = '34px';DefaultTheme.toggleBorderRadius = '10px';DefaultTheme.toggleBg = 'linear-gradient(-180deg, #fff, #ebebeb)';DefaultTheme.toggleBgDisabled = 'none';DefaultTheme.toggleBgChecked = '#3072c4';DefaultTheme.toggleBorderWidth = '1px';DefaultTheme.toggleOutlineWidth = '3px';DefaultTheme.toggleBorderColor = '#d0d0d0';DefaultTheme.toggleBgFocus = 'linear-gradient(-180deg, #f1f1f1, #dedede)';DefaultTheme.toggleCaptionGap = '10px';DefaultTheme.popupBorder = 'none';DefaultTheme.popupBorderRadius = '2px';DefaultTheme.popupBorderColor = 'transparent';DefaultTheme.popupDropShadow = 'drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3))';DefaultTheme.popupBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.2)';DefaultTheme.popupTextColor = 'inherit';DefaultTheme.popupPinOffset = '16px';DefaultTheme.popupMargin = '10px';DefaultTheme.popupPinSize = '8px';DefaultTheme.inputTextColor = 'none';DefaultTheme.inputShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.inputBg = 'white';DefaultTheme.inputIconColor = '#a9a9a9';DefaultTheme.inputColor = 'inherit';DefaultTheme.inputWidth = '250px';DefaultTheme.inputPaddingXSmall = '10px';DefaultTheme.inputPaddingXMedium = '10px';DefaultTheme.inputPaddingXLarge = '10px';DefaultTheme.inputIconGapSmall = '2px';DefaultTheme.inputIconGapMedium = '2px';DefaultTheme.inputIconGapLarge = '2px';DefaultTheme.inputIconSizeSmall = 'auto';DefaultTheme.inputIconSizeMedium = 'auto';DefaultTheme.inputIconSizeLarge = 'auto';DefaultTheme.inputBorderRadiusSmall = '0';DefaultTheme.inputBorderRadiusMedium = '0';DefaultTheme.inputBorderRadiusLarge = '0';DefaultTheme.chbBoxSize = '16px';DefaultTheme.chbPaddingX = '10px';DefaultTheme.chbPaddingY = '0';DefaultTheme.chbBgStart = '#fdfdfd';DefaultTheme.chbBgEnd = '#ededed';DefaultTheme.chbBorder = 'none';DefaultTheme.chbBorderRadius = '1px';DefaultTheme.chbShadowWidth = '2px';DefaultTheme.checkboxBorderWidthCompensation = '0px';DefaultTheme.checkboxBorderWidth = '1px';DefaultTheme.textareaShadow = 'inset 0 1px 0 0 rgba(0, 0, 0, 0.05)';DefaultTheme.textareaBorderRadius = '0px';DefaultTheme.textareaWidth = '250px';DefaultTheme.radioBulletSize = '8px';DefaultTheme.radioSize = '16px';DefaultTheme.radioLabelGap = '9px';DefaultTheme.radioPaddingY = '0';DefaultTheme.radioVerticalAlign = '-2px';DefaultTheme.radioBgImage = 'linear-gradient(-180deg, #fff 0, #ebebeb 100%)';DefaultTheme.radioHoverBg = 'linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%)';DefaultTheme.radioActiveBg = 'linear-gradient(-180deg, #e1e1e1 0, #e1e1e1 100%)';DefaultTheme.radioBorderWidth = '1px';DefaultTheme.radioBorderColor = 'rgba(0, 0, 0, 0.15)';DefaultTheme.radioBorder = '0 none';DefaultTheme.radioFocusShadow = 'none';DefaultTheme.radioCheckedBgColor = 'transparent';DefaultTheme.radioCheckedBulletColor = '#404040';DefaultTheme.radioLabelDisplay = 'inline-table';DefaultTheme.radioBorderWidthCompensation = '0px';DefaultTheme.radioMarginY = '2px';DefaultTheme.radioGroupLegacyItemGap = '10px';DefaultTheme.tabPaddingY = '10px';DefaultTheme.tabBorderWidth = '3px';DefaultTheme.tabOutlineWidth = '2px';DefaultTheme.spinnerFontSizeSmall = '14px';DefaultTheme.spinnerFontSizeMedium = '16px';DefaultTheme.spinnerFontSizeLarge = '18px';DefaultTheme.spinnerLineHeightSmall = '1';DefaultTheme.spinnerLineHeightMedium = '1.375';DefaultTheme.spinnerLineHeightLarge = '1.33';DefaultTheme.spinnerCaptionGapSmall = '8px';DefaultTheme.spinnerCaptionGapMedium = '-6px';DefaultTheme.spinnerCaptionGapLarge = '-8px';DefaultTheme.spinnerOldFontSizeSmall = '14px';DefaultTheme.spinnerOldFontSizeMedium = '14px';DefaultTheme.spinnerOldFontSizeLarge = '14px';DefaultTheme.spinnerOldLineHeightSmall = 'inherit';DefaultTheme.spinnerOldLineHeightMedium = 'inherit';DefaultTheme.spinnerOldLineHeightLarge = 'inherit';DefaultTheme.spinnerOldCaptionGapSmall = '5px';DefaultTheme.spinnerOldCaptionGapMedium = '0px';DefaultTheme.spinnerOldCaptionGapLarge = '0px';DefaultTheme.switcherOutlineWidth = '2px';DefaultTheme.switcherLabelFontSizeSmall = 'inherit';DefaultTheme.switcherLabelFontSizeMedium = 'inherit';DefaultTheme.switcherLabelFontSizeLarge = 'inherit';DefaultTheme.switcherLabelLineHeightSmall = 'inherit';DefaultTheme.switcherLabelLineHeightMedium = 'inherit';DefaultTheme.switcherLabelLineHeightLarge = 'inherit';DefaultTheme.switcherLabelGapSmall = '15px';DefaultTheme.switcherLabelGapMedium = '15px';DefaultTheme.switcherLabelGapLarge = '15px';
-var DefaultThemeInternal = (0, _ThemeHelpers.exposeGetters)((0, _ThemeHelpers.markAsFullTheme)(DefaultTheme));exports.DefaultThemeInternal = DefaultThemeInternal;