@skbkontur/react-ui 5.0.12 → 5.1.0-next.1

package/internal/themes/BasicDarkTheme/BasicDarkTheme.js

@@ -1,641 +0,0 @@
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import { exposeGetters } from "../../../lib/theming/ThemeHelpers";
-import { BasicLightTheme } from "../BasicLightTheme";
-export var BasicDarkThemeInternal = /*#__PURE__*/function (_ref) {
-  function BasicDarkThemeInternal() {
-    return _ref.apply(this, arguments) || this;
-  }
-  _inheritsLoose(BasicDarkThemeInternal, _ref);
-  return _createClass(BasicDarkThemeInternal, null, [{
-    key: "errorMain",
-    get: function get() {
-      return this.red;
-    }
-  }, {
-    key: "borderColorError",
-    get: function get() {
-      return this.errorMain;
-    }
-  }, {
-    key: "linkSuccessActiveColor",
-    get: function get() {
-      return this.green;
-    }
-  }, {
-    key: "linkDangerColor",
-    get: function get() {
-      return this.errorText;
-    }
-  }, {
-    key: "linkDangerActiveColor",
-    get: function get() {
-      return '#ED3F3F';
-    }
-  }, {
-    key: "linkDisabledColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-    //#endregion Link
-    //#region Button
-  }, {
-    key: "btnDefaultHoverBorderColor",
-    get: function get() {
-      return this.borderColorGrayLight;
-    }
-  }, {
-    key: "btnDefaultActiveBorderColor",
-    get: function get() {
-      return this.borderColorGrayLight;
-    }
-  }, {
-    key: "btnSuccessBg",
-    get:
-    // success
-    function get() {
-      return this.green;
-    }
-  }, {
-    key: "btnSuccessBorderColor",
-    get: function get() {
-      return this.btnSuccessBg;
-    }
-  }, {
-    key: "btnSuccessTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "btnSuccessHoverBorderColor",
-    get: function get() {
-      return this.btnSuccessHoverBg;
-    }
-  }, {
-    key: "btnSuccessActiveBg",
-    get: function get() {
-      return this.greenDark;
-    }
-  }, {
-    key: "btnSuccessActiveBorderColor",
-    get: function get() {
-      return this.btnSuccessActiveBg;
-    }
-
-    // primary
-  }, {
-    key: "btnDangerBg",
-    get:
-    // danger
-    function get() {
-      return this.errorMain;
-    }
-  }, {
-    key: "btnDangerBorderColor",
-    get: function get() {
-      return this.btnDangerBg;
-    }
-  }, {
-    key: "btnDangerHoverBorderColor",
-    get: function get() {
-      return this.btnDangerHoverBg;
-    }
-  }, {
-    key: "btnDangerTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "btnDangerActiveBorderColor",
-    get: function get() {
-      return this.btnDangerActiveBg;
-    }
-
-    // pay
-  }, {
-    key: "btnPayBorderColor",
-    get: function get() {
-      return this.btnPayBg;
-    }
-  }, {
-    key: "btnPayHoverBorderColor",
-    get: function get() {
-      return this.btnPayHoverBg;
-    }
-  }, {
-    key: "btnPayActiveBorderColor",
-    get: function get() {
-      return this.btnPayActiveBg;
-    }
-
-    // backless
-  }, {
-    key: "btnErrorSecondary",
-    get: function get() {
-      return this.errorSecondary;
-    }
-
-    // disabled
-  }, {
-    key: "btnDisabledTextColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "modalFooterTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "modalBodyTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "modalFixedPanelShadow",
-    get: function get() {
-      return this.fixedPanelShadow;
-    }
-  }, {
-    key: "modalFixedHeaderBg",
-    get: function get() {
-      return this.modalBg;
-    }
-  }, {
-    key: "sidePageBodyTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "sidePageFooterTextColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-  }, {
-    key: "sidePageFixedPanelShadow",
-    get: function get() {
-      return this.fixedPanelShadow;
-    }
-    //#endregion SidePage
-
-    //#region Select
-  }, {
-    key: "selectPlaceholderColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "selectMenuArrowColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-    //#endregion Select
-    //#region Calendar
-  }, {
-    key: "calendarCellWeekendColor",
-    get: function get() {
-      return this.errorText;
-    }
-  }, {
-    key: "pagingForwardLinkDisabledColor",
-    get: function get() {
-      return this.linkDisabledColor;
-    }
-    //#endregion Paging
-    //#region Toast
-  }, {
-    key: "menuBgDefault",
-    get:
-    //#endregion Tab, Tabs
-    //#region Menu
-    function get() {
-      return this.bgSecondary;
-    }
-    // menuItem
-  }, {
-    key: "menuItemDisabledColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-    // menuHeader
-  }, {
-    key: "menuHeaderColor",
-    get: function get() {
-      return this.gray;
-    }
-    // menuFooter
-  }, {
-    key: "menuFooterColor",
-    get: function get() {
-      return this.menuHeaderColor;
-    }
-    //menuSeparator
-  }, {
-    key: "toggleContainerBgCheckedHover",
-    get:
-    // checked :hover
-    function get() {
-      return this.toggleContainerBgHover;
-    }
-  }, {
-    key: "toggleBgDisabled",
-    get:
-    // disabled
-    function get() {
-      return this.bgDisabled;
-    }
-  }, {
-    key: "tokenTextColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "inputBorderTopColor",
-    get: function get() {
-      return this.inputBorderColor;
-    }
-  }, {
-    key: "inputFocusShadow",
-    get: function get() {
-      return "0 0 0 1px " + this.inputBorderColorFocus;
-    }
-  }, {
-    key: "inputBorderColorError",
-    get: function get() {
-      return this.borderColorError;
-    }
-  }, {
-    key: "inputTextColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "inputIconColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "inputPlaceholderColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "textareaBg",
-    get:
-    //#endregion GlobalLoader
-    //#region TextArea
-    function get() {
-      return this.inputBg;
-    }
-  }, {
-    key: "textareaBorderColor",
-    get: function get() {
-      return this.inputBorderColor;
-    }
-  }, {
-    key: "textareaTextColorDisabled",
-    get: function get() {
-      return this.inputTextColorDisabled;
-    }
-  }, {
-    key: "textareaPlaceholderColorDisabled",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "textareaBorderTopColor",
-    get: function get() {
-      return this.textareaBorderColor;
-    }
-  }, {
-    key: "textareaDisabledBorderColor",
-    get: function get() {
-      return this.inputDisabledBorderColor;
-    }
-  }, {
-    key: "textareaBorderColorFocus",
-    get: function get() {
-      return this.inputBorderColorFocus;
-    }
-    //#endregion TextArea
-    //#region PasswordInput
-  }, {
-    key: "passwordInputVisibilityIconColor",
-    get: function get() {
-      return this.gray;
-    }
-  }, {
-    key: "passwordInputVisibilityIconHoverColor",
-    get: function get() {
-      return this.textColorDefault;
-    }
-    //#endregion PasswordInput
-    //#region Radio
-  }, {
-    key: "checkboxShadow",
-    get: function get() {
-      return "0 0 0 " + this.checkboxBorderWidth + " rgba(255, 255, 255, 0.32)";
-    }
-  }, {
-    key: "checkboxShadowHover",
-    get: function get() {
-      return this.checkboxShadow;
-    }
-  }, {
-    key: "checkboxCheckedBg",
-    get: function get() {
-      return this.bgChecked;
-    }
-  }, {
-    key: "checkboxCheckedHoverBg",
-    get: function get() {
-      return this.checkboxCheckedBg;
-    }
-  }, {
-    key: "switcherButtonDisabledBorderColor",
-    get:
-    //#endregion TokenInput
-    //#region Switcher
-    function get() {
-      return this.borderColorDisabled;
-    }
-  }, {
-    key: "fileUploaderBorderColorFocus",
-    get: function get() {
-      return this.btnBorderColorFocus;
-    }
-  }, {
-    key: "fileUploaderBorderColorError",
-    get: function get() {
-      return this.borderColorError;
-    }
-  }, {
-    key: "fileUploaderDisabledBg",
-    get: function get() {
-      return this.btnDisabledBg;
-    }
-  }, {
-    key: "fileUploaderDisabledTextColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "fileUploaderDisabledLinkColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "fileUploaderDisabledIconColor",
-    get: function get() {
-      return this.textColorDisabled;
-    }
-  }, {
-    key: "validationsTextColorError",
-    get:
-    //#endregion FileUploader
-
-    //#region react-ui-validations
-    function get() {
-      return this.errorText;
-    }
-
-    //#endregion
-  }]);
-}( /*#__PURE__*/function () {
-  function _class() {}
-  return _class;
-}()); //#region Common variables
-BasicDarkThemeInternal.grayXLight = '#313131';
-BasicDarkThemeInternal.gray = 'rgba(255, 255, 255, 0.48)';
-BasicDarkThemeInternal.grayDark = '#e1e1e1';
-BasicDarkThemeInternal.green = '#23A14A';
-BasicDarkThemeInternal.greenDark = '#1C8A3F';
-BasicDarkThemeInternal.red = '#FE4C4C';
-BasicDarkThemeInternal.redDark = '#DD3333';
-BasicDarkThemeInternal.yellowXxLight = '#ffe0c3';
-BasicDarkThemeInternal.yellow = '#ffa236';
-BasicDarkThemeInternal.yellowDark = '#ea7324';
-BasicDarkThemeInternal.warningMain = '#ffa236';
-BasicDarkThemeInternal.errorText = '#FE6C6C';
-BasicDarkThemeInternal.errorSecondary = '#AB0D0D';
-BasicDarkThemeInternal.borderColorFocusLight = '#1260ae';
-BasicDarkThemeInternal.borderColorGrayLight = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';
-BasicDarkThemeInternal.placeholderColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.placeholderColorLight = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.textColorDefault = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.textColorDisabled = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.textColorDisabledContrast = 'rgba(255, 255, 255, 0.48)';
-BasicDarkThemeInternal.textColorInvert = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.bgDisabled = '#434343';
-BasicDarkThemeInternal.bgDefault = '#1f1f1f';
-BasicDarkThemeInternal.bgSecondary = '#333333';
-BasicDarkThemeInternal.bgChecked = '#EBEBEB';
-BasicDarkThemeInternal.outlineColorFocus = '#EBEBEB';
-BasicDarkThemeInternal.borderColorFocus = '#EBEBEB';
-BasicDarkThemeInternal.fixedPanelShadow = 'none'; //#endregion Common variables
-//#region CloseIcon, CloseButtonIcon
-BasicDarkThemeInternal.closeBtnIconColor = 'rgba(255, 255, 255, 0.32)'; //#endregion CloseIcon, CloseButtonIcon
-//#region Link
-BasicDarkThemeInternal.linkColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.linkHoverColor = '#ffffff';
-BasicDarkThemeInternal.linkActiveColor = '#c2c2c2';
-BasicDarkThemeInternal.linkGrayedColor = 'rgba(255, 255, 255, 0.54)';
-BasicDarkThemeInternal.linkGrayedHoverColor = '#FFFFFF';
-BasicDarkThemeInternal.linkGrayedActiveColor = '#C2C2C2';
-BasicDarkThemeInternal.linkSuccessColor = '#46CD68';
-BasicDarkThemeInternal.linkSuccessHoverColor = '#67D881';
-BasicDarkThemeInternal.linkDangerHoverColor = '#FE8C8C';
-BasicDarkThemeInternal.linkFocusOutlineColor = '#EBEBEB';
-BasicDarkThemeInternal.linkHoverTextDecoration = 'none';
-BasicDarkThemeInternal.btnFocusShadowWidth = '2px';
-BasicDarkThemeInternal.btnOutlineColorFocus = '#1f1f1f';
-BasicDarkThemeInternal.btnInsetColor = '#1f1f1f'; // default
-BasicDarkThemeInternal.btnDefaultBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.btnDefaultHoverBg = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.btnDefaultActiveBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.btnDefaultHoverBgStart = 'none';
-BasicDarkThemeInternal.btnDefaultHoverBgEnd = 'none';
-BasicDarkThemeInternal.btnDefaultBorderColor = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.btnDefaultTextColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.btnSuccessHoverBg = '#26AD50';
-BasicDarkThemeInternal.btnPrimaryBg = '#EBEBEB';
-BasicDarkThemeInternal.btnPrimaryBorderColor = '#3D3D3D';
-BasicDarkThemeInternal.btnPrimaryHoverBg = '#FFFFFF';
-BasicDarkThemeInternal.btnPrimaryActiveBg = '#C2C2C2';
-BasicDarkThemeInternal.btnPrimaryActiveBorderColor = '#1261ae';
-BasicDarkThemeInternal.btnPrimaryTextColor = 'rgba(0, 0, 0, 0.865)';
-BasicDarkThemeInternal.btnDangerHoverBg = '#ED3F3F';
-BasicDarkThemeInternal.btnDangerActiveBg = '#DD3333';
-BasicDarkThemeInternal.btnPayBg = '#FCB73E';
-BasicDarkThemeInternal.btnPayHoverBg = '#FCC660';
-BasicDarkThemeInternal.btnPayTextColor = '#222222';
-BasicDarkThemeInternal.btnPayActiveBg = '#F69912';
-BasicDarkThemeInternal.btnBacklessBg = 'transparent';
-BasicDarkThemeInternal.btnBacklessHoverBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.btnBacklessActiveBg = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.btnBacklessBorderColor = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.btnBacklessDisabledBorderColor = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.btnBacklessHoverBorderColor = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.btnBacklessTextColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.btnBacklessActiveBorderColor = 'rgba(255, 255, 255, 0.1)'; // text
-BasicDarkThemeInternal.btnTextBg = 'transparent';
-BasicDarkThemeInternal.btnTextHoverBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.btnTextActiveBg = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.btnTextBorderColor = 'transparent'; // warning, error
-BasicDarkThemeInternal.btnWarningSecondary = 'rgba(212, 100, 33, 1)';
-BasicDarkThemeInternal.btnDisabledBg = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.btnDisabledBorderColor = 'transparent'; // checked
-BasicDarkThemeInternal.btnCheckedBg = '#EBEBEB';
-BasicDarkThemeInternal.btnCheckedTextColor = 'rgba(0, 0, 0, 0.865)';
-BasicDarkThemeInternal.btnCheckedDisabledBg = 'rgba(255, 255, 255, 0.32) !important';
-BasicDarkThemeInternal.btnCheckedDisabledColor = 'rgba(0, 0, 0, 0.48)'; //#endregion Button
-//#region Tooltip
-BasicDarkThemeInternal.tooltipCloseBtnColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.tooltipCloseBtnHoverColor = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.tooltipBg = '#333333'; //#endregion Tooltip
-//#region Modal
-BasicDarkThemeInternal.modalBg = '#222';
-BasicDarkThemeInternal.modalBackBg = '#000';
-BasicDarkThemeInternal.modalBackOpacity = '0.7';
-BasicDarkThemeInternal.modalCloseButtonColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.modalCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.modalFooterBg = '#222222';
-BasicDarkThemeInternal.modalSeparatorBorderBottom = 'solid 1px rgba(255, 255, 255, 0.1)'; //#endregion Modal
-//#region SidePage
-BasicDarkThemeInternal.sidePageFooterPanelBg = ' #222222';
-BasicDarkThemeInternal.sidePageBackingBg = '#000';
-BasicDarkThemeInternal.sidePageBgDefault = '#222';
-BasicDarkThemeInternal.sidePageBackingBgOpacity = '0.7';
-BasicDarkThemeInternal.sidePageCloseButtonColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.sidePageCloseButtonHoverColor = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.selectMenuArrowColor = 'rgba(255, 255, 255, 0.54)';
-BasicDarkThemeInternal.calendarCellTodayBorder = '1px solid rgba(255, 255, 255, 0.48)';
-BasicDarkThemeInternal.calendarCellSelectedBgColor = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.calendarMonthTitleBorderBottomColor = 'rgba(255, 255, 255, 0.08)';
-BasicDarkThemeInternal.calendarCellHoverBgColor = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.calendarCellHoverColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.calendarCellSelectedFontColor = 'rgba(255, 255, 255, 0.87)'; //#endregion Calendar
-//#region Paging
-BasicDarkThemeInternal.pagingPageLinkColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.pagingPageLinkHoverBg = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.pagingPageLinkActiveBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.pagingPageLinkDisabledActiveBg = 'rgba(255, 255, 255, 0.08)';
-BasicDarkThemeInternal.pagingForwardLinkColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.toastLinkColor = 'rgba(44, 44, 44, 1.0)';
-BasicDarkThemeInternal.toastCloseColor = 'rgba(0, 0, 0, 0.32)';
-BasicDarkThemeInternal.toastColor = 'rgba(44, 44, 44, 1.0)';
-BasicDarkThemeInternal.toastBg = 'rgba(255, 255, 255, 0.8)';
-BasicDarkThemeInternal.toastLinkBgHover = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.toastLinkBgActive = 'rgba(0, 0, 0, 0.16)';
-BasicDarkThemeInternal.toastCloseHoverColor = 'rgba(0, 0, 0, 0.87)'; //#endregion Toast
-//#region Tab, Tabs
-BasicDarkThemeInternal.tabColorHover = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.menuItemTextColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.menuItemHoverBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.menuItemSelectedBg = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.menuItemCommentColor = 'rgba(255, 255, 255, 0.54)';
-BasicDarkThemeInternal.menuItemCommentOpacity = '1';
-BasicDarkThemeInternal.menuSeparatorBorderColor = 'rgba(255, 255, 255, 0.1)'; //#endregion Menu
-//#region Toggle
-BasicDarkThemeInternal.toggleBorderColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.toggleBaseBg = 'none';
-BasicDarkThemeInternal.toggleOutlineColorFocus = '#1F1F1F'; // idle
-BasicDarkThemeInternal.toggleContainerBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.toggleHandleBg = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.toggleHandleBoxShadow = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)'; // idle :hover
-BasicDarkThemeInternal.toggleBgHover = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.toggleHandleBgHover = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.toggleHandleBoxShadowHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)'; // checked
-BasicDarkThemeInternal.toggleBgChecked = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.toggleContainerBoxShadowChecked = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.toggleHandleBgChecked = '#EBEBEB';
-BasicDarkThemeInternal.toggleHandleBoxShadowChecked = 'none';
-BasicDarkThemeInternal.toggleContainerBoxShadowCheckedHover = 'inset 0 0 0 1px rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.toggleHandleBgCheckedHover = '#FFFFFF';
-BasicDarkThemeInternal.toggleHandleBoxShadowCheckedHover = 'none';
-BasicDarkThemeInternal.toggleDisabledHandleBg = '#525252';
-BasicDarkThemeInternal.toggleContainerBgDisabled = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.toggleContainerBoxShadowDisabled = 'none';
-BasicDarkThemeInternal.toggleHandleBgDisabled = 'rgba(0, 0, 0, 0.16)';
-BasicDarkThemeInternal.toggleHandleBoxShadowDisabled = 'none'; // disabled checked
-BasicDarkThemeInternal.toggleContainerBgDisabledChecked = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.toggleContainerBoxShadowDisabledChecked = 'none';
-BasicDarkThemeInternal.toggleHandleBgDisabledChecked = 'rgba(0, 0, 0, 0.16)';
-BasicDarkThemeInternal.toggleHandleBoxShadowDisabledChecked = 'none';
-BasicDarkThemeInternal.toggleBgDisabledChecked = 'rgba(255, 255, 255, 0.48)'; //#endregion Toggle
-//#region Token
-BasicDarkThemeInternal.tokenShadowDisabled = '';
-BasicDarkThemeInternal.tokenBorderColorDisabled = 'transparent';
-BasicDarkThemeInternal.tokenColor = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.tokenBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.tokenBorderColor = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.tokenColorHover = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.tokenBgHover = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.tokenBorderColorHover = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.tokenColorActive = 'rgba(0, 0, 0, 0.87)';
-BasicDarkThemeInternal.tokenBgActive = '#EBEBEB';
-BasicDarkThemeInternal.tokenBorderColorActive = 'transparent'; //#endregion Token
-//#region Input
-BasicDarkThemeInternal.inputBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.inputColorScheme = 'dark';
-BasicDarkThemeInternal.inputBlinkColor = '#EBEBEB';
-BasicDarkThemeInternal.inputTextColor = 'rgba(255, 255, 255, 0.865)';
-BasicDarkThemeInternal.inputBorderColor = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.inputBackgroundClip = 'border-box';
-BasicDarkThemeInternal.inputBorderColorHover = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.inputBorderColorFocus = 'rgba(235, 235, 235, 1)';
-BasicDarkThemeInternal.inputBorderColorWarning = 'rgba(252, 183, 62, 1)';
-BasicDarkThemeInternal.inputOutlineWidth = '1px';
-BasicDarkThemeInternal.inputDisabledBg = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.inputDisabledBorderColor = 'rgba(255, 255, 255, 0.04)'; //#endregion Input
-//#region DateSelect
-BasicDarkThemeInternal.dateSelectMenuItemBgActive = 'rgba(255, 255, 255, 0.06)';
-BasicDarkThemeInternal.dateSelectMenuItemBgSelected = 'rgba(255, 255, 255, 0.1)'; //#endregion DateSelect
-//#region DateInput
-BasicDarkThemeInternal.dateInputComponentSelectedBgColor = '';
-BasicDarkThemeInternal.dateInputComponentSelectedTextColor = ''; //#endregion DateInput
-//#region Hint
-BasicDarkThemeInternal.hintColor = 'rgba(44, 44, 44, 1.0)';
-BasicDarkThemeInternal.hintBgColor = 'rgba(255, 255, 255, 0.8)'; //#endregion Hint
-//#region Loader
-BasicDarkThemeInternal.loaderBg = 'rgba(51, 51, 51, 0.8)'; //#endregion
-//#region GlobalLoader
-BasicDarkThemeInternal.globalLoaderColor = 'rgba(238, 80, 66, 1)';
-BasicDarkThemeInternal.passwordInputVisibilityIconOpacity = '1';
-BasicDarkThemeInternal.radioBgColor = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.radioBorderColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.radioFocusShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.87)';
-BasicDarkThemeInternal.radioDisabledBg = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.radioDisabledShadow = 'none';
-BasicDarkThemeInternal.radioCheckedDisabledBulletBg = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.radioCheckedBgColor = '#FFFFFF';
-BasicDarkThemeInternal.radioCheckedBulletColor = 'rgba(0, 0, 0, 0.87)';
-BasicDarkThemeInternal.radioCheckedBorderColor = 'transparent'; //#endregion Radio
-//#region Checkbox
-BasicDarkThemeInternal.checkboxBg = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.checkboxCheckedColor = 'rgba(0, 0, 0, 0.87)';
-BasicDarkThemeInternal.checkboxHoverBg = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.checkboxOutlineColorFocus = 'rgba(0, 0, 0, 0.87)';
-BasicDarkThemeInternal.checkboxBgDisabled = 'rgba(255, 255, 255, 0.04)';
-BasicDarkThemeInternal.checkboxShadowDisabled = 'none'; //#endregion Checkbox
-//#region TokenInput
-BasicDarkThemeInternal.inputDisabledBackgroundClip = 'border-box';
-BasicDarkThemeInternal.switcherButtonCheckedDisabledShadow = 'none'; //#endregion Switcher
-//#region FileUploader
-BasicDarkThemeInternal.fileUploaderBg = 'none';
-BasicDarkThemeInternal.fileUploaderTextColorDefault = '#fff';
-BasicDarkThemeInternal.fileUploaderBorderColor = 'rgba(255, 255, 255, 0.32)';
-BasicDarkThemeInternal.fileUploaderLinkColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.fileUploaderIconColor = 'rgba(255, 255, 255, 0.87)';
-BasicDarkThemeInternal.fileUploaderIconHoverColor = 'rgba(255, 255, 255, 0.80)';
-BasicDarkThemeInternal.fileUploaderBorderColorWarning = '#ffa236';
-BasicDarkThemeInternal.fileUploaderDisabledBorderColor = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.fileUploaderUploadButtonBg = 'rgba(255, 255, 255, 0.1)';
-BasicDarkThemeInternal.fileUploaderHoveredBg = 'rgba(255, 255, 255, 0.16)';
-BasicDarkThemeInternal.fileUploaderAfterLinkColor = 'rgba(255, 255, 255, 0.54)';
-BasicDarkThemeInternal.fileUploaderDragOverShadow = '0px 0px 0px 4px #EBEBEB';
-BasicDarkThemeInternal.validationsTextColorWarning = '#fdd481';
-export var BasicDarkTheme = Object.setPrototypeOf(exposeGetters(BasicDarkThemeInternal), BasicLightTheme);