@skbkontur/react-ui 6.0.8 → 6.1.1-9752b.0

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';