@skbkontur/react-ui 6.0.8 → 6.1.0

package/internal/themes/BasicTheme.d.ts

@@ -691,7 +691,13 @@ export declare class BasicThemeClass {
     static toastCloseColorError: string;
     static toastCloseHoverColor: string;
     static toastCloseHoverColorError: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link toastCloseBtnSide} */
     static toastCloseSize: string;
+    static toastCloseBtnSide: string;
+    static mobileToastTop: string;
+    static get mobileToastFontSize(): string;
     static dropdownMenuBorderColorTransition: string;
     static get dropdownMenuHoverBorderColor(): string;
     static get dropdownMenuOffsetY(): string;
@@ -762,9 +768,27 @@ export declare class BasicThemeClass {
     static menuItemCommentOpacityHover: string;
     static get menuItemCommentColorHover(): string;
     static menuItemDisplay: string;
-    static menuItemPaddingMobile: string;
-    static get menuItemLineHeightMobile(): string;
+    static mobileMenuItemPaddingLarge: string;
+    static mobileMenuItemPaddingMedium: string;
+    static mobileMenuItemPaddingSmall: string;
+    static get mobileMenuItemLineHeightLarge(): string;
+    static get mobileMenuItemLineHeightMedium(): string;
+    static get mobileMenuItemLineHeightSmall(): string;
+    static get mobileMenuItemFontSizeLarge(): string;
+    static get mobileMenuItemFontSizeMedium(): string;
+    static get mobileMenuItemFontSizeSmall(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuItemFontSizeLarge} */
     static get menuItemFontSizeMobile(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuItemLineHeightLarge} */
+    static get menuItemLineHeightMobile(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuItemPaddingLarge} */
+    static menuItemPaddingMobile: string;
     static get menuItemDisabledColor(): string;
     static menuItemDisabledBg: string;
     static get menuMessageTextColor(): string;
@@ -772,9 +796,27 @@ export declare class BasicThemeClass {
     static get menuMessagePaddingY(): string;
     static get menuMessagePaddingX(): string;
     static get menuMessageDisplay(): string;
-    static get menuMessagePaddingMobile(): string;
-    static get menuMessageLineHeightMobile(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuMessageFontSizeLarge} */
     static get menuMessageFontSizeMobile(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuMessageLineHeightLarge} */
+    static get menuMessageLineHeightMobile(): string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuMessagePaddingLarge} */
+    static get menuMessagePaddingMobile(): string;
+    static get mobileMenuMessagePaddingLarge(): string;
+    static get mobileMenuMessagePaddingMedium(): string;
+    static get mobileMenuMessagePaddingSmall(): string;
+    static get mobileMenuMessageLineHeightLarge(): string;
+    static get mobileMenuMessageLineHeightMedium(): string;
+    static get mobileMenuMessageLineHeightSmall(): string;
+    static get mobileMenuMessageFontSizeLarge(): string;
+    static get mobileMenuMessageFontSizeMedium(): string;
+    static get mobileMenuMessageFontSizeSmall(): string;
     static get menuMessageFontSizeSmall(): string;
     static get menuMessageFontSizeMedium(): string;
     static get menuMessageFontSizeLarge(): string;
@@ -903,6 +945,7 @@ export declare class BasicThemeClass {
     static popupPinOffsetY: string;
     static popupMargin: string;
     static popupPinSize: string;
+    static popupViewportSidePadding: string;
     static popupMenuMenuOffsetY: string;
     static get inputTextColor(): string;
     static inputShadow: string;
@@ -957,6 +1000,13 @@ export declare class BasicThemeClass {
     static get inputPlaceholderColorLight(): string;
     static inputBlinkColor: string;
     static inputColorScheme: string;
+    static inputCounterColor: string;
+    static get inputCounterColorError(): string;
+    static inputCounterMarginLeftSmall: string;
+    static inputCounterMarginLeftMedium: string;
+    static inputCounterMarginLeftLarge: string;
+    static inputCounterHelpIconColor: string;
+    static inputCounterHelpMarginLeft: string;
     static get checkboxFontSizeSmall(): string;
     static get checkboxFontSizeMedium(): string;
     static get checkboxFontSizeLarge(): string;
@@ -1037,6 +1087,9 @@ export declare class BasicThemeClass {
     static get textareaDisabledBorderColor(): string;
     static textareaCounterColor: string;
     static textareaCounterBg: string;
+    static textareaCounterBorderRadius: string;
+    static textareaCounterPaddingY: string;
+    static textareaCounterPaddingX: string;
     static get textareaCounterErrorColor(): string;
     static textareaCounterHelpIconColor: string;
     static textareaMargin: string;
@@ -1123,8 +1176,17 @@ export declare class BasicThemeClass {
     static spinnerCaptionGapSmall: string;
     static spinnerCaptionGapMedium: string;
     static spinnerCaptionGapLarge: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginSmall: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginMedium: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     static spinnerCaptionMarginLarge: string;
     static switcherBorderRadius: string;
     static get switcherTextColor(): string;
@@ -1159,7 +1221,24 @@ export declare class BasicThemeClass {
     static get switcherButtonCheckedDisabledShadow(): string;
     static mobilePopupTopPadding: string;
     static mobilePopupContainerBottomPadding: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobilePopupHeaderPaddingLarge} */
     static mobilePopupHeaderPadding: string;
+    static mobilePopupPositionX: string;
+    static mobilePopupPositionY: string;
+    static mobilePopupPaddingSmall: string;
+    static mobilePopupPaddingMedium: string;
+    static mobilePopupPaddingLarge: string;
+    static mobilePopupHeaderPaddingSmall: string;
+    static mobilePopupHeaderPaddingMedium: string;
+    static mobilePopupHeaderPaddingLarge: string;
+    static mobilePopupFooterPaddingSmall: string;
+    static mobilePopupFooterPaddingMedium: string;
+    static mobilePopupFooterPaddingLarge: string;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobilePopupFooterPaddingLarge} */
     static mobilePopupFooterPadding: string;
     static mobilePopupContainerBorderRadius: string;
     static get mobilePopupHeaderFontSize(): string;

package/internal/themes/BasicTheme.js

@@ -1451,6 +1451,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "mobileToastFontSize", {
+        get: function () {
+            return this.fontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "dropdownMenuHoverBorderColor", {
         get: function () {
             return this.btnDefaultHoverBorderColor;
@@ -1713,20 +1720,68 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMobile", {
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightLarge", {
         get: function () {
             return this.lineHeightMobile;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightMedium", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemLineHeightSmall", {
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeLarge", {
+        get: function () {
+            return this.fontSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeMedium", {
+        get: function () {
+            return this.fontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuItemFontSizeSmall", {
+        get: function () {
+            return this.fontSizeSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuItemFontSizeMobile", {
+        /**
+         * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+         * @see {@link mobileMenuItemFontSizeLarge} */
         get: function () {
             return this.fontSizeMobile;
         },
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "menuItemLineHeightMobile", {
+        /**
+         * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+         * @see {@link mobileMenuItemLineHeightLarge} */
+        get: function () {
+            return this.lineHeightMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuItemDisabledColor", {
         get: function () {
             return this.textColorDisabled;
@@ -1770,23 +1825,95 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuMessagePaddingMobile", {
+    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMobile", {
+        /**
+         * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+         * @see {@link mobileMenuMessageFontSizeLarge} */
         get: function () {
-            return this.menuItemPaddingMobile;
+            return this.menuItemFontSizeMobile;
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "menuMessageLineHeightMobile", {
+        /**
+         * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+         * @see {@link mobileMenuMessageLineHeightLarge} */
         get: function () {
             return this.menuItemLineHeightMobile;
         },
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "menuMessageFontSizeMobile", {
+    Object.defineProperty(BasicThemeClass, "menuMessagePaddingMobile", {
+        /**
+         * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+         * @see {@link mobileMenuMessagePaddingLarge} */
         get: function () {
-            return this.menuItemFontSizeMobile;
+            return this.menuItemPaddingMobile;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingLarge", {
+        get: function () {
+            return this.mobileMenuItemPaddingLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingMedium", {
+        get: function () {
+            return this.mobileMenuItemPaddingMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessagePaddingSmall", {
+        get: function () {
+            return this.mobileMenuItemPaddingSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightLarge", {
+        get: function () {
+            return this.menuItemLineHeightLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightMedium", {
+        get: function () {
+            return this.menuItemLineHeightMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageLineHeightSmall", {
+        get: function () {
+            return this.menuItemLineHeightSmall;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeLarge", {
+        get: function () {
+            return this.mobileMenuItemFontSizeLarge;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeMedium", {
+        get: function () {
+            return this.mobileMenuItemFontSizeMedium;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "mobileMenuMessageFontSizeSmall", {
+        get: function () {
+            return this.mobileMenuItemFontSizeSmall;
         },
         enumerable: false,
         configurable: true
@@ -2334,6 +2461,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "inputCounterColorError", {
+        get: function () {
+            return this.errorText;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "checkboxFontSizeSmall", {
         //#endregion Input
         //#region Checkbox
@@ -4092,7 +4226,12 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.toastCloseColorError = colors.textConstSoftWhite;
     BasicThemeClass.toastCloseHoverColor = colors.textInvertedNeutralHeavy;
     BasicThemeClass.toastCloseHoverColorError = colors.textConstHeavyWhite;
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link toastCloseBtnSide} */
     BasicThemeClass.toastCloseSize = '16px';
+    BasicThemeClass.toastCloseBtnSide = '40px';
+    BasicThemeClass.mobileToastTop = '16px';
     //#endregion Toast
     //#region Dropdown
     BasicThemeClass.dropdownMenuBorderColorTransition = '';
@@ -4128,6 +4267,12 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.menuItemCommentOpacity = '1';
     BasicThemeClass.menuItemCommentOpacityHover = '0.6';
     BasicThemeClass.menuItemDisplay = 'block';
+    BasicThemeClass.mobileMenuItemPaddingLarge = '12px 16px';
+    BasicThemeClass.mobileMenuItemPaddingMedium = '9px 12px';
+    BasicThemeClass.mobileMenuItemPaddingSmall = '6px 8px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobileMenuItemPaddingLarge} */
     BasicThemeClass.menuItemPaddingMobile = '12px 16px';
     BasicThemeClass.menuItemDisabledBg = 'transparent';
     BasicThemeClass.menuItemGap = '1px';
@@ -4224,6 +4369,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.popupPinOffsetY = '16px';
     BasicThemeClass.popupMargin = '10px';
     BasicThemeClass.popupPinSize = '8px';
+    BasicThemeClass.popupViewportSidePadding = '16px';
     BasicThemeClass.popupMenuMenuOffsetY = '0px';
     BasicThemeClass.inputShadow = 'none';
     BasicThemeClass.inputBg = colors.shapeOtherField;
@@ -4248,6 +4394,12 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.inputBorderColorHover = colors.lineNeutralPaleHover;
     BasicThemeClass.inputBlinkColor = colors.shapeFaintNeutralAlpha;
     BasicThemeClass.inputColorScheme = 'light';
+    BasicThemeClass.inputCounterColor = colors.textNeutralSoft;
+    BasicThemeClass.inputCounterMarginLeftSmall = '4px';
+    BasicThemeClass.inputCounterMarginLeftMedium = '6px';
+    BasicThemeClass.inputCounterMarginLeftLarge = '8px';
+    BasicThemeClass.inputCounterHelpIconColor = colors.textNeutralSoft;
+    BasicThemeClass.inputCounterHelpMarginLeft = '4px';
     BasicThemeClass.checkboxBoxSizeSmall = '16px';
     BasicThemeClass.checkboxBoxSizeMedium = '20px';
     BasicThemeClass.checkboxBoxSizeLarge = '24px';
@@ -4281,6 +4433,9 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.textareaBorderTopColor = colors.lineNeutralPale;
     BasicThemeClass.textareaCounterColor = colors.textNeutralSoft;
     BasicThemeClass.textareaCounterBg = 'transparent';
+    BasicThemeClass.textareaCounterBorderRadius = '4px';
+    BasicThemeClass.textareaCounterPaddingY = '2px';
+    BasicThemeClass.textareaCounterPaddingX = '4px';
     BasicThemeClass.textareaCounterHelpIconColor = colors.textNeutralHeavy;
     BasicThemeClass.textareaMargin = '0px'; // обнуление вертикального браузерного margin в firefox
     BasicThemeClass.textareaVerticalAlign = 'top';
@@ -4319,8 +4474,17 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.spinnerCaptionGapSmall = '6px';
     BasicThemeClass.spinnerCaptionGapMedium = '-4px';
     BasicThemeClass.spinnerCaptionGapLarge = '-3px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginSmall = '0 0 0 6px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginMedium = '0 0 0 6px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link spinnerCaptionGapSmall} */
     BasicThemeClass.spinnerCaptionMarginLarge = '0 0 0 6px';
     //#endregion
     //#region Switcher
@@ -4333,7 +4497,24 @@ var BasicThemeClass = /** @class */ (function () {
     //#region MobilePopup
     BasicThemeClass.mobilePopupTopPadding = '80px';
     BasicThemeClass.mobilePopupContainerBottomPadding = '8px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobilePopupHeaderPaddingLarge} */
     BasicThemeClass.mobilePopupHeaderPadding = '16px 16px 8px 16px';
+    BasicThemeClass.mobilePopupPositionX = '16px';
+    BasicThemeClass.mobilePopupPositionY = '16px';
+    BasicThemeClass.mobilePopupPaddingSmall = '6px';
+    BasicThemeClass.mobilePopupPaddingMedium = '6px';
+    BasicThemeClass.mobilePopupPaddingLarge = '8px';
+    BasicThemeClass.mobilePopupHeaderPaddingSmall = '6px 8px 4px 14px';
+    BasicThemeClass.mobilePopupHeaderPaddingMedium = '8px 12px 6px 18px';
+    BasicThemeClass.mobilePopupHeaderPaddingLarge = '12px 16px 8px 24px';
+    BasicThemeClass.mobilePopupFooterPaddingSmall = '0 6px 6px';
+    BasicThemeClass.mobilePopupFooterPaddingMedium = '0 6px 6px';
+    BasicThemeClass.mobilePopupFooterPaddingLarge = '0 8px 8px';
+    /**
+     * @deprecated Не работает с версии `6.1` и будет удалена в `7.0`.
+     * @see {@link mobilePopupFooterPaddingLarge} */
     BasicThemeClass.mobilePopupFooterPadding = '16px 16px 16px 16px';
     BasicThemeClass.mobilePopupContainerBorderRadius = '16px';
     BasicThemeClass.mobilePopupHeaderFontWeight = '500';