@skbkontur/react-ui 6.4.7-b33c6.0 → 6.5.0

package/internal/themes/BasicTheme.js

@@ -1,4 +1,4 @@
-import * as colors from '@skbkontur/colors/tokens-default/light';
+import * as colors from '@skbkontur/colors-v2/tokens-default/light';
 import { createTheme } from '../../lib/theming/ThemeHelpers.js';
 var BasicThemeClass = /** @class */ (function () {
     function BasicThemeClass() {
@@ -150,6 +150,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "tokenColorPressed", {
+        get: function () {
+            return this.tokenColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "tokenInputLineHeightSmall", {
         //#endregion Token
         //#region TokenInput
@@ -402,16 +409,6 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "btnPrimaryHoverTextColor", {
-        /**
-         * @deprecated Связана с устаревшим `use="primary"`. Будет удалена в `7.0`.
-         * Используйте `use="accent"`. */
-        get: function () {
-            return this.btnPrimaryTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BasicThemeClass, "btnPrimaryBorderColor", {
         /**
          * @deprecated Связана с устаревшим `use="primary"`. Будет удалена в `7.0`.
@@ -456,13 +453,6 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "btnDangerHoverTextColor", {
-        get: function () {
-            return this.btnDangerTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BasicThemeClass, "btnDangerActiveBorderColor", {
         get: function () {
             return this.btnDangerActiveBg;
@@ -477,13 +467,6 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "btnPayHoverTextColor", {
-        get: function () {
-            return this.btnPayTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BasicThemeClass, "btnPayBorderColor", {
         get: function () {
             return this.btnPayBg;
@@ -822,16 +805,6 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "btnBacklessHoverTextColor", {
-        /**
-         * @deprecated Связана с устаревшим `use="backless"`. Будет удалена в `7.0`.
-         * Используйте `use="outline"`. */
-        get: function () {
-            return this.btnBacklessTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BasicThemeClass, "btnBacklessTextColor", {
         /**
          * @deprecated Связана с устаревшим `use="backless"`. Будет удалена в `7.0`.
@@ -856,13 +829,6 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(BasicThemeClass, "btnTextHoverTextColor", {
-        get: function () {
-            return this.btnTextTextColor;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(BasicThemeClass, "btnTextHoverBorderColor", {
         get: function () {
             return this.btnTextHoverBg;
@@ -1524,6 +1490,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "dateSelectLinkPressedColor", {
+        get: function () {
+            return this.linkColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "dateSelectPopupBoxShadow", {
         get: function () {
             return this.popupBoxShadow;
@@ -1589,6 +1562,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "pagingPageLinkPressedBg", {
+        get: function () {
+            return this.pagingPageLinkActiveBg;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "pagingForwardLinkColor", {
         get: function () {
             return this.textColorDefault;
@@ -1839,6 +1819,20 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "menuItemSelectedHoverBg", {
+        get: function () {
+            return this.menuItemHoverBg;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BasicThemeClass, "menuItemSelectedPressedBg", {
+        get: function () {
+            return this.menuItemPressedBg;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "menuItemHoverColor", {
         get: function () {
             return this.menuItemTextColor;
@@ -2457,6 +2451,14 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "toggleContainerBgPressed", {
+        // idle :active
+        get: function () {
+            return this.toggleBgPressed;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "toggleContainerBgChecked", {
         get: function () {
             return this.toggleBgChecked;
@@ -3347,6 +3349,13 @@ var BasicThemeClass = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(BasicThemeClass, "radioCheckedActiveBgColor", {
+        get: function () {
+            return this.radioCheckedHoverBgColor;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BasicThemeClass, "radioDisabledBg", {
         get: function () {
             return this.checkboxBgDisabled;
@@ -3461,6 +3470,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorError", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnDangerBg;
         },
@@ -3468,6 +3480,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorWarning", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPayBg;
         },
@@ -3475,6 +3490,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorSuccess", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnSuccessBg;
         },
@@ -3482,6 +3500,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorPrimary", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPrimaryBg;
         },
@@ -4199,6 +4220,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.tokenBorderColor = colors.lineNeutralPale;
     BasicThemeClass.tokenBgHover = colors.shapeFaintNeutralAlphaHover;
     BasicThemeClass.tokenBorderColorHover = colors.lineNeutralPale;
+    BasicThemeClass.tokenBgPressed = colors.shapeFaintNeutralAlphaHover;
     BasicThemeClass.tokenBgActive = colors.shapeBoldAccent;
     BasicThemeClass.tokenColorActive = colors.textOnAccentBoldHeavy;
     BasicThemeClass.tokenBorderColorActive = 'transparent';
@@ -4327,6 +4349,10 @@ var BasicThemeClass = /** @class */ (function () {
      * @deprecated Связана с устаревшим `use="primary"`. Будет удалена в `7.0`.
      * Используйте `use="accent"`. */
     BasicThemeClass.btnPrimaryActiveBg = colors.shapeBoldAccentPressed;
+    /**
+     * @deprecated Связана с устаревшим `use="primary"`. Будет удалена в `7.0`.
+     * Используйте `use="accent"`. */
+    BasicThemeClass.btnPrimaryHoverTextColor = '';
     /**
      * @deprecated Связана с устаревшим `use="primary"`. Будет удалена в `7.0`.
      * Используйте `use="accent"`. */
@@ -4353,6 +4379,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.btnPrimaryActiveShadow = 'none';
     BasicThemeClass.btnDangerBg = colors.shapeBoldError;
     BasicThemeClass.btnDangerHoverBg = colors.shapeBoldErrorHover;
+    BasicThemeClass.btnDangerHoverTextColor = '';
     BasicThemeClass.btnDangerBgStart = 'none';
     BasicThemeClass.btnDangerBgEnd = 'none';
     BasicThemeClass.btnDangerTextColor = colors.textConstHeavyWhite;
@@ -4362,6 +4389,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.btnDangerActiveShadow = 'none';
     BasicThemeClass.btnPayBg = colors.shapeBoldWarning;
     BasicThemeClass.btnPayHoverBg = colors.shapeBoldWarningHover;
+    BasicThemeClass.btnPayHoverTextColor = '';
     BasicThemeClass.btnPayBgStart = 'none';
     BasicThemeClass.btnPayBgEnd = 'none';
     BasicThemeClass.btnPayTextColor = colors.textConstHeavyBlack;
@@ -4388,9 +4416,14 @@ var BasicThemeClass = /** @class */ (function () {
      * @deprecated Связана с устаревшим `use="backless"`. Будет удалена в `7.0`.
      * Используйте `use="outline"`. */
     BasicThemeClass.btnBacklessActiveBg = colors.shapeOtherBacklessPressed;
+    /**
+     * @deprecated Связана с устаревшим `use="backless"`. Будет удалена в `7.0`.
+     * Используйте `use="outline"`. */
+    BasicThemeClass.btnBacklessHoverTextColor = '';
     BasicThemeClass.btnTextBg = 'transparent';
     BasicThemeClass.btnTextHoverBg = colors.shapeOtherBacklessHover;
     BasicThemeClass.btnTextActiveBg = colors.shapeOtherBacklessPressed;
+    BasicThemeClass.btnTextHoverTextColor = '';
     BasicThemeClass.btnWithIconPaddingSmall = '8px';
     BasicThemeClass.btnWithIconPaddingMedium = '10px';
     BasicThemeClass.btnWithIconPaddingLarge = '12px';
@@ -4405,7 +4438,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.selectPaddingXLarge = '15px';
     BasicThemeClass.selectRootWidthMobile = 'auto';
     BasicThemeClass.mobileSelectMaxWidth = '100%';
-    BasicThemeClass.selectBorderColorTransition = "box-shadow ".concat(_a.transitionDuration, " ").concat(_a.transitionTimingFunction);
+    BasicThemeClass.selectBorderColorTransition = "box-shadow ".concat(_a.transitionDuration, " ").concat(_a.transitionTimingFunction, ";");
     //#endregion Select
     //#region Tooltip
     BasicThemeClass.tooltipPaddingYSmall = '16px';
@@ -4565,6 +4598,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.calendarCellFontSize = '14px';
     BasicThemeClass.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint;
     BasicThemeClass.calendarCellHoverBgColor = colors.shapeOtherBacklessHover;
+    BasicThemeClass.calendarCellPressedBgColor = colors.shapeOtherBacklessPressed;
     BasicThemeClass.calendarPaddingX = '18px';
     BasicThemeClass.calendarMonthTitleLineHeight = '20px';
     BasicThemeClass.calendarMonthTitlePaddingTop = '12px';
@@ -4714,6 +4748,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.menuBoxSizing = 'border-box';
     BasicThemeClass.menuItemSelectedBg = colors.shapeOtherBacklessPressed;
     BasicThemeClass.menuItemHoverBg = colors.shapeOtherBacklessHover;
+    BasicThemeClass.menuItemPressedBg = colors.shapeOtherBacklessHover;
     BasicThemeClass.menuItemIconWidthSmall = '16px';
     BasicThemeClass.menuItemIconWidthMedium = '20px';
     BasicThemeClass.menuItemIconWidthLarge = '24px';
@@ -4778,6 +4813,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.toggleWidthLarge = '36px';
     BasicThemeClass.toggleBaseBg = 'transparent';
     BasicThemeClass.toggleBgHover = colors.shapeOtherFieldHover;
+    BasicThemeClass.toggleBgPressed = colors.shapeOtherFieldPressed;
     BasicThemeClass.toggleBorderColor = colors.lineNeutralPale;
     BasicThemeClass.toggleShadowColorError = colors.lineErrorBold;
     BasicThemeClass.toggleShadowColorWarning = colors.lineWarningBold;
@@ -4808,6 +4844,11 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.toggleContainerBgCheckedHover = colors.shapeBoldAccentHover;
     BasicThemeClass.toggleHandleBoxShadowCheckedHover = 'none';
     BasicThemeClass.toggleHandleBgCheckedHover = colors.shapeInvertedNeutralHeavyHover;
+    // checked :active
+    BasicThemeClass.toggleContainerBoxShadowCheckedPressed = 'none';
+    BasicThemeClass.toggleContainerBgCheckedPressed = colors.shapeBoldAccentPressed;
+    BasicThemeClass.toggleHandleBoxShadowCheckedPressed = 'none';
+    BasicThemeClass.toggleHandleBgCheckedPressed = colors.shapeInvertedNeutralHeavyPressed;
     // disabled
     BasicThemeClass.toggleContainerBgDisabled = colors.shapeOtherDisabled;
     BasicThemeClass.toggleHandleBgDisabled = 'transparent';
@@ -4930,10 +4971,23 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.tabPaddingXLarge = '12px';
     BasicThemeClass.tabBorderWidth = '2px';
     BasicThemeClass.tabColorHover = colors.lineNeutralPale;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     BasicThemeClass.tabColorHoverError = colors.shapeBoldErrorHover;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     BasicThemeClass.tabColorHoverWarning = colors.shapeBoldWarningHover;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     BasicThemeClass.tabColorHoverSuccess = colors.shapeBoldSuccessHover;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     BasicThemeClass.tabColorHoverPrimary = colors.lineAccentPale;
+    BasicThemeClass.tabColorPressed = colors.lineNeutralPalePressed;
     BasicThemeClass.tabIndicatorBorderRadius = '2px';
     BasicThemeClass.spinnerColor = colors.customizableBoldRed;
     BasicThemeClass.spinnerDimmedColor = colors.customizableBoldGray;
@@ -5049,9 +5103,11 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.fileUploaderDisabledBorderColor = colors.lineNeutralFaint;
     BasicThemeClass.fileUploaderErrorBgColor = colors.shapeFaintError;
     BasicThemeClass.fileUploaderErrorBgHoverColor = colors.shapeFaintErrorHover;
+    BasicThemeClass.fileUploaderErrorBgPressedColor = colors.shapeFaintErrorPressed;
     BasicThemeClass.fileUploaderErrorTextColor = colors.textErrorHeavy;
     BasicThemeClass.fileUploaderWarningBgColor = colors.shapeFaintWarning;
     BasicThemeClass.fileUploaderWarningBgHoverColor = colors.shapeFaintWarningHover;
+    BasicThemeClass.fileUploaderWarningBgPressedColor = colors.shapeFaintWarningHover;
     BasicThemeClass.fileUploaderWarningTextColor = colors.textWarningHeavy;
     BasicThemeClass.fileUploaderLinkHoverTextDecoration = 'none';
     BasicThemeClass.fileUploaderHoveredBg = colors.shapeOtherBacklessHover;