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

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -1,1984 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { exposeGetters, markAsFullTheme } from "../../../lib/theming/ThemeHelpers";
-export var DefaultTheme = /*#__PURE__*/function () {
-  function DefaultTheme() {}
-
-  _createClass(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;
-}();
-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';
-export var DefaultThemeInternal = exposeGetters(markAsFullTheme(DefaultTheme));