@skbkontur/react-ui 4.0.0-beta.1 → 4.0.0-beta.5

package/internal/themes/DarkTheme.d.ts

@@ -1,103 +1,137 @@
-declare const DarkTheme_base: typeof import("./DefaultTheme").DefaultTheme;
-export declare class DarkTheme extends DarkTheme_base {
-    static grayXLight: string;
-    static gray: string;
-    static green: string;
-    static greenDark: string;
-    static red: string;
-    static redDark: string;
-    static errorMain: string;
-    static errorText: string;
-    static borderColorGrayLight: string;
-    static borderColorDisabled: string;
-    static placeholderColor: string;
-    static textColorDefault: string;
-    static textColorDisabled: string;
-    static textColorDisabledContrast: string;
-    static textColorInvert: string;
-    static bgDisabled: string;
-    static bgDefault: string;
-    static bgSecondary: string;
-    static outlineColorFocus: string;
-    static linkColor: string;
-    static linkHoverColor: string;
-    static linkActiveColor: string;
-    static linkSuccessColor: string;
-    static linkSuccessHoverColor: string;
-    static linkSuccessActiveColor: string;
-    static linkDangerColor: string;
-    static linkDangerHoverColor: string;
-    static linkDangerActiveColor: string;
-    static fixedPanelShadow: string;
-    static btnInsetColor: string;
-    static btnDefaultBg: string;
-    static btnDefaultHoverBg: string;
-    static btnDefaultActiveBg: string;
-    static get btnDefaultHoverBorderColor(): string;
-    static get btnDefaultActiveBorderColor(): string;
-    static get btnDefaultBorderColor(): string;
-    static btnSuccessBg: string;
-    static get btnSuccessTextColor(): string;
-    static btnSuccessBorderColor: string;
-    static btnSuccessActiveBg: string;
-    static btnSuccessActiveBorderColor: string;
-    static btnPrimaryBg: string;
-    static get btnPrimaryTextColor(): string;
-    static btnPrimaryBorderColor: string;
-    static btnPrimaryActiveBg: string;
-    static btnPrimaryActiveBorderColor: string;
-    static btnDangerBg: string;
-    static get btnDangerTextColor(): string;
-    static btnDangerBorderColor: string;
-    static btnDangerActiveBg: string;
-    static btnDangerActiveBorderColor: string;
-    static btnPayTextColor: string;
-    static btnPayActiveBg: string;
-    static btnPayActiveBorderColor: string;
-    static tooltipCloseBtnColor: string;
-    static modalBackBg: string;
-    static modalCloseButtonColor: string;
-    static modalCloseButtonHoverColor: string;
-    static modalFooterBg: string;
-    static get modalBodyTextColor(): string;
-    static get modalFooterTextColor(): string;
-    static sidePageFooterPanelBg: string;
-    static sidePageBackingBg: string;
-    static sidePageCloseButtonColor: string;
-    static sidePageCloseButtonHoverColor: string;
-    static get sidePageBodyTextColor(): string;
-    static get sidePageFooterTextColor(): string;
-    static calendarCellWeekendColor: string;
-    static calendarCellTodayBorder: string;
-    static calendarCellSelectedBgColor: string;
-    static calendarMonthTitleBorderBottomColor: string;
-    static pagingPageLinkHoverBg: string;
-    static pagingPageLinkActiveBg: string;
-    static toastLinkColor: string;
-    static toastCloseColor: string;
-    static menuItemCommentColor: string;
-    static menuSeparatorBorderColor: string;
-    static toggleBorderColor: string;
-    static toggleDisabledHandleBg: string;
-    static toggleBaseBg: string;
-    static get toggleBgDisabled(): string;
-    static toggleBgDisabledChecked: string;
-    static inputBg: string;
-    static get inputBorderTopColor(): string;
-    static dateSelectMenuItemBgSelected: string;
-    static pickerTodayWrapperBorderTop: string;
-    static dateInputComponentSelectedBgColor: string;
-    static hintBgColor: string;
-    static loaderBg: string;
-    static dropdownMenuSelectedBg: string;
-    static textareaBg: string;
-    static get passwordInputVisibilityIconColor(): string;
-    static passwordInputVisibilityIconOpacity: string;
-    static get passwordInputVisibilityIconHoverColor(): string;
-    static radioBgColor: string;
-    static radioBorderColor: string;
-    static checkboxBg: string;
-    static get checkboxShadow(): string;
-}
-export declare const DarkThemeInternal: typeof DarkTheme;
-export {};
+declare const DarkTheme_base: typeof import("./DefaultTheme").DefaultTheme;
+export declare class DarkTheme extends DarkTheme_base {
+    static grayXLight: string;
+    static gray: string;
+    static grayDark: string;
+    static green: string;
+    static greenDark: string;
+    static red: string;
+    static redDark: string;
+    static yellowXxLight: string;
+    static yellow: string;
+    static yellowDark: string;
+    static warningMain: string;
+    static errorMain: string;
+    static errorText: string;
+    static borderColorFocusLight: string;
+    static borderColorGrayLight: string;
+    static borderColorDisabled: string;
+    static placeholderColor: string;
+    static placeholderColorLight: string;
+    static textColorDefault: string;
+    static textColorDisabled: string;
+    static textColorDisabledContrast: string;
+    static textColorInvert: string;
+    static bgDisabled: string;
+    static bgDefault: string;
+    static bgSecondary: string;
+    static outlineColorFocus: string;
+    static linkColor: string;
+    static linkHoverColor: string;
+    static linkActiveColor: string;
+    static linkSuccessColor: string;
+    static linkSuccessHoverColor: string;
+    static linkSuccessActiveColor: string;
+    static linkDangerColor: string;
+    static linkDangerHoverColor: string;
+    static linkDangerActiveColor: string;
+    static fixedPanelShadow: string;
+    static btnInsetColor: string;
+    static btnDefaultBg: string;
+    static btnDefaultHoverBg: string;
+    static btnDefaultActiveBg: string;
+    static get btnDefaultHoverBorderColor(): string;
+    static get btnDefaultActiveBorderColor(): string;
+    static get btnDefaultBorderColor(): string;
+    static btnSuccessBg: string;
+    static get btnSuccessTextColor(): string;
+    static btnSuccessBorderColor: string;
+    static btnSuccessActiveBg: string;
+    static btnSuccessActiveBorderColor: string;
+    static btnPrimaryBg: string;
+    static get btnPrimaryTextColor(): string;
+    static btnPrimaryBorderColor: string;
+    static btnPrimaryActiveBg: string;
+    static btnPrimaryActiveBorderColor: string;
+    static btnDangerBg: string;
+    static get btnDangerTextColor(): string;
+    static btnDangerBorderColor: string;
+    static btnDangerActiveBg: string;
+    static btnDangerActiveBorderColor: string;
+    static btnPayBg: string;
+    static btnPayHoverBg: string;
+    static btnPayHoverBorderColor: string;
+    static btnPayTextColor: string;
+    static btnPayActiveBg: string;
+    static btnPayActiveBorderColor: string;
+    static btnPayBorderColor: string;
+    static tooltipCloseBtnColor: string;
+    static tooltipCloseBtnHoverColor: string;
+    static modalBackBg: string;
+    static modalCloseButtonColor: string;
+    static modalCloseButtonHoverColor: string;
+    static modalFooterBg: string;
+    static get modalBodyTextColor(): string;
+    static get modalFooterTextColor(): string;
+    static get modalFixedPanelShadow(): string;
+    static sidePageFooterPanelBg: string;
+    static sidePageBackingBg: string;
+    static sidePageCloseButtonColor: string;
+    static sidePageCloseButtonHoverColor: string;
+    static get sidePageBodyTextColor(): string;
+    static get sidePageFooterTextColor(): string;
+    static get sidePageFixedPanelShadow(): string;
+    static calendarCellWeekendColor: string;
+    static calendarCellTodayBorder: string;
+    static calendarCellSelectedBgColor: string;
+    static calendarMonthTitleBorderBottomColor: string;
+    static pagingPageLinkHoverBg: string;
+    static pagingPageLinkActiveBg: string;
+    static toastLinkColor: string;
+    static toastCloseColor: string;
+    static menuItemCommentColor: string;
+    static menuSeparatorBorderColor: string;
+    static toggleBorderColor: string;
+    static toggleDisabledHandleBg: string;
+    static toggleBaseBg: string;
+    static get toggleBgDisabled(): string;
+    static toggleBgDisabledChecked: string;
+    static inputBg: string;
+    static get inputBorderTopColor(): string;
+    static dateSelectMenuItemBgSelected: string;
+    static pickerTodayWrapperBorderTop: string;
+    static dateInputComponentSelectedBgColor: string;
+    static hintBgColor: string;
+    static loaderBg: string;
+    static dropdownMenuSelectedBg: string;
+    static textareaBg: string;
+    static get textareaBorderTopColor(): string;
+    static get textareaDisabledBorderColor(): string;
+    static get passwordInputVisibilityIconColor(): string;
+    static passwordInputVisibilityIconOpacity: string;
+    static get passwordInputVisibilityIconHoverColor(): string;
+    static radioBgColor: string;
+    static radioBorderColor: string;
+    static checkboxBg: string;
+    static get checkboxShadow(): string;
+    static get checkboxShadowHover(): string;
+    static tokenShadowDisabled: string;
+    static get switcherButtonDisabledBorderColor(): string;
+    static switcherButtonCheckedDisabledShadow: string;
+    static fileUploaderBg: string;
+    static fileUploaderTextColorDefault: string;
+    static fileUploaderBorderColor: string;
+    static fileUploaderBorderColorFocus: string;
+    static fileUploaderLinkColor: string;
+    static fileUploaderIconColor: string;
+    static fileUploaderIconHoverColor: string;
+    static fileUploaderBorderColorError: string;
+    static fileUploaderBorderColorWarning: string;
+    static fileUploaderDisabledBg: string;
+    static fileUploaderDisabledBorderColor: string;
+    static fileUploaderDisabledTextColor: string;
+    static fileUploaderDisabledLinkColor: string;
+    static fileUploaderDisabledIconColor: string;
+}
+export declare const DarkThemeInternal: typeof DarkTheme;
+export {};

package/internal/themes/DefaultTheme/DefaultTheme.js

@@ -11,6 +11,11 @@ export var DefaultTheme = /*#__PURE__*/function () {
     function get() {
       return this.bgDefault;
     }
+  }, {
+    key: "borderColorDisabled",
+    get: function get() {
+      return this.bgDisabled;
+    }
   }, {
     key: "bgActive",
     get: function get() {
@@ -734,7 +739,7 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "dateSelectMenuItemBgDisabled",
     get: function get() {
-      return this.bgDefault;
+      return this.bgSecondary;
     }
   }, {
     key: "dateSelectMenuItemFontActive",
@@ -1322,11 +1327,6 @@ export var DefaultTheme = /*#__PURE__*/function () {
     get: function get() {
       return this.borderColorError;
     }
-  }, {
-    key: "textareaDisabledBorderColor",
-    get: function get() {
-      return this.textareaDisabledBg;
-    }
   }, {
     key: "textareaCounterColor",
     get: function get() {
@@ -1708,8 +1708,15 @@ export var DefaultTheme = /*#__PURE__*/function () {
   }, {
     key: "switcherButtonDisabledBorderColor",
     get: function get() {
-      return this.borderColorDisabled;
+      return this.btnDisabledBorderColor;
     }
+  }, {
+    key: "switcherButtonCheckedDisabledShadow",
+    get: function get() {
+      return this.btnCheckedDisabledShadow;
+    } //#endregion
+    //#region MobilePopup
+
   }, {
     key: "mobilePopupHeaderFontSize",
     get: function get() {
@@ -1719,6 +1726,58 @@ export var DefaultTheme = /*#__PURE__*/function () {
     key: "mobilePopupHeaderLineHeight",
     get: function get() {
       return this.lineHeightMobile;
+    }
+  }, {
+    key: "globalLoaderColor",
+    get: //#endregion
+    //#region GlobalLoader
+    function get() {
+      return this.blueLight;
+    }
+  }, {
+    key: "fileUploaderFontSize",
+    get: function get() {
+      return this.fontSizeSmall;
+    }
+  }, {
+    key: "fileUploaderLineHeight",
+    get: function get() {
+      return this.controlLineHeightSmall;
+    }
+  }, {
+    key: "fileUploaderTextColorDefault",
+    get: function get() {
+      return this.textColorDefault;
+    }
+  }, {
+    key: "fileUploaderPaddingY",
+    get: function get() {
+      return this.controlPaddingYSmall;
+    }
+  }, {
+    key: "fileUploaderBorderWidth",
+    get: function get() {
+      return this.controlBorderWidth;
+    }
+  }, {
+    key: "fileUploaderBorderColorFocus",
+    get: function get() {
+      return this.borderColorFocus;
+    }
+  }, {
+    key: "fileUploaderLinkColor",
+    get: function get() {
+      return this.linkColor;
+    }
+  }, {
+    key: "fileUploaderBorderColorError",
+    get: function get() {
+      return this.borderColorError;
+    }
+  }, {
+    key: "fileUploaderBorderColorWarning",
+    get: function get() {
+      return this.borderColorWarning;
     } //#endregion
 
   }]);
@@ -1750,21 +1809,20 @@ DefaultTheme.greenDark = '#477916';
 DefaultTheme.redXxLight = '#ffddd6';
 DefaultTheme.red = '#dd473b';
 DefaultTheme.redDark = '#cb3d35';
-DefaultTheme.yellowXxLight = '#ffe0c3';
-DefaultTheme.yellow = '#ffa236';
-DefaultTheme.yellowDark = '#ea7324';
+DefaultTheme.yellowXxLight = '#ffeec2';
+DefaultTheme.yellow = '#fcb73e';
+DefaultTheme.yellowDark = '#ef8b17';
 DefaultTheme.bgDefault = '#fff';
 DefaultTheme.bgDisabled = '#f6f6f6';
 DefaultTheme.errorMain = '#dd473b';
 DefaultTheme.errorSecondary = '#ffd6d6';
 DefaultTheme.errorText = '#cb3d35';
-DefaultTheme.warningMain = '#ffa236';
+DefaultTheme.warningMain = '#fcb73e';
 DefaultTheme.warningSecondary = '#fff0bc';
 DefaultTheme.warningText = '#d97e00';
 DefaultTheme.borderColorFocusLight = '#cdedff';
 DefaultTheme.borderColorGrayDark = 'rgba(0, 0, 0, 0.28)';
 DefaultTheme.borderColorGrayLight = 'rgba(0, 0, 0, 0.16)';
-DefaultTheme.borderColorDisabled = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.placeholderColor = '#adadad';
 DefaultTheme.outlineColorFocus = '#fff';
 DefaultTheme.placeholderColorLight = '#cdcdcd';
@@ -1910,18 +1968,18 @@ DefaultTheme.btnDangerActiveBg = '#ba342e';
 DefaultTheme.btnDangerActiveBorderColor = '#ba342e';
 DefaultTheme.btnDangerActiveBorderTopColor = '';
 DefaultTheme.btnDangerActiveShadow = 'none';
-DefaultTheme.btnPayBg = '#ffa236';
-DefaultTheme.btnPayHoverBg = '#ff8227';
-DefaultTheme.btnPayHoverBorderColor = '#ff8227';
+DefaultTheme.btnPayBg = '#fcb73e';
+DefaultTheme.btnPayHoverBg = '#fda70c';
+DefaultTheme.btnPayHoverBorderColor = '#fda70c';
 DefaultTheme.btnPayHoverBorderBottomColor = '';
-DefaultTheme.btnPayBorderColor = '#ffa236';
+DefaultTheme.btnPayBorderColor = '#fcb73e';
 DefaultTheme.btnPayBorderBottomColor = '';
 DefaultTheme.btnPayBgStart = 'none';
 DefaultTheme.btnPayBgEnd = 'none';
 DefaultTheme.btnPayHoverBgStart = 'none';
 DefaultTheme.btnPayHoverBgEnd = 'none';
-DefaultTheme.btnPayActiveBg = '#ea7324';
-DefaultTheme.btnPayActiveBorderColor = '#ea7324';
+DefaultTheme.btnPayActiveBg = '#f69912';
+DefaultTheme.btnPayActiveBorderColor = '#f69912';
 DefaultTheme.btnPayActiveBorderTopColor = '';
 DefaultTheme.btnPayActiveShadow = 'none';
 DefaultTheme.btnMenuArrowColor = '#a6a6a6';
@@ -1960,6 +2018,7 @@ DefaultTheme.modalCloseButtonClickArea = '10px';
 DefaultTheme.modalCloseIconSize = '12px';
 DefaultTheme.modalCloseLegacyGap = '0px';
 DefaultTheme.modalCloseWrapperLegacyGap = '0px';
+DefaultTheme.modalFixedPanelShadow = 'none';
 DefaultTheme.modalFooterBg = '#ebebeb';
 DefaultTheme.modalAdaptiveThreshold = '425px';
 DefaultTheme.modalPaddingTop = '24px';
@@ -2023,6 +2082,7 @@ DefaultTheme.sidePageFooterPanelPaddingBottom = '20px';
 DefaultTheme.sidePageCloseIconSize = '12px';
 DefaultTheme.sidePageCloseButtonClickArea = '10px';
 DefaultTheme.mobileSidePageCloseButtonClickArea = '16px';
+DefaultTheme.sidePageFixedPanelShadow = 'none';
 DefaultTheme.mobileSidePageHeaderFontSize = '24px';
 DefaultTheme.mobileSidePageHeaderLineHeight = '32px';
 DefaultTheme.mobileSidePageHeaderPaddingBottom = '16px';
@@ -2177,6 +2237,7 @@ DefaultTheme.textareaWidth = '250px';
 DefaultTheme.textareaPaddingX = '7px';
 DefaultTheme.textareaBorderTopColor = 'rgba(0, 0, 0, 0.16)';
 DefaultTheme.textareaDisabledBg = 'rgba(0, 0, 0, 0.05)';
+DefaultTheme.textareaDisabledBorderColor = 'transparent';
 DefaultTheme.radioBulletSize = '8px';
 DefaultTheme.radioSize = '16px';
 DefaultTheme.radioCaptionGap = '8px';
@@ -2200,7 +2261,6 @@ DefaultTheme.spinnerCaptionGapLarge = '-3px';
 DefaultTheme.switcherButtonPaddingXSmall = '7px';
 DefaultTheme.switcherButtonPaddingXMedium = '11px';
 DefaultTheme.switcherButtonPaddingXLarge = '15px';
-DefaultTheme.switcherButtonCheckedDisabledShadow = 'none';
 DefaultTheme.mobilePopupTopPadding = '20px';
 DefaultTheme.mobilePopupHeaderPadding = '0 16px';
 DefaultTheme.mobilePopupHeaderBorderRadius = '8px 8px 0px 0px';
@@ -2209,10 +2269,34 @@ DefaultTheme.mobilePopupHeaderFontWeight = '500';
 DefaultTheme.mobilePopupHeaderChildPadding = '12px';
 DefaultTheme.scrollContainerScrollBarSize = '4px';
 DefaultTheme.scrollContainerScrollBarHoverSize = '10px';
-DefaultTheme.scrollContainerScrollBarColor = '#b7b7b7';
+DefaultTheme.scrollContainerScrollBarColor = 'rgba(183, 183, 183, 0.7)';
 DefaultTheme.scrollContainerScrollBarInvertColor = 'rgba(255, 255, 255, 0.5)';
 DefaultTheme.passwordInputVisibilityIconColor = '#000';
 DefaultTheme.passwordInputVisibilityIconOpacity = '0.6';
 DefaultTheme.passwordInputVisibilityIconHoverColor = '#000';
 DefaultTheme.passwordInputVisibilityIconHoverOpacity = '1';
+DefaultTheme.globalLoaderHeight = '4px';
+DefaultTheme.globalLoaderWidth = '100%';
+DefaultTheme.globalLoaderPosition = 'fixed';
+DefaultTheme.globalLoaderTop = '0';
+DefaultTheme.globalLoaderLeft = '0';
+DefaultTheme.globalLoaderBottom = 'auto';
+DefaultTheme.globalLoaderRight = 'auto';
+DefaultTheme.globalLoaderBackgroundColor = 'transparent';
+DefaultTheme.globalLoaderTransitionDuration = '500';
+DefaultTheme.globalLoaderSpinnerAnimationDuration = '2000';
+DefaultTheme.fileUploaderWidth = '362px';
+DefaultTheme.fileUploaderBg = '#fff';
+DefaultTheme.fileUploaderPaddingX = '7px';
+DefaultTheme.fileUploaderBorderRadius = '2px';
+DefaultTheme.fileUploaderBorderColor = 'rgba(0, 0, 0, 0.37)';
+DefaultTheme.fileUploaderBorderStyle = 'dashed';
+DefaultTheme.fileUploaderIconSize = '14px';
+DefaultTheme.fileUploaderIconColor = '#808080';
+DefaultTheme.fileUploaderIconHoverColor = '#333';
+DefaultTheme.fileUploaderDisabledBg = '#f2f2f2';
+DefaultTheme.fileUploaderDisabledBorderColor = '#f2f2f2';
+DefaultTheme.fileUploaderDisabledTextColor = '#808080';
+DefaultTheme.fileUploaderDisabledLinkColor = '#808080';
+DefaultTheme.fileUploaderDisabledIconColor = '#A0A0A0';
 export var DefaultThemeInternal = exposeGetters(DefaultTheme);