@skbkontur/react-ui 6.4.2-static-css.0 → 6.4.3-5e1c3.0

package/internal/themes/BasicTheme.js

@@ -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
@@ -1483,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;
@@ -1798,6 +1812,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;
@@ -2416,6 +2444,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;
@@ -2808,7 +2844,7 @@ var BasicThemeClass = /** @class */ (function () {
     });
     Object.defineProperty(BasicThemeClass, "checkboxShadowDisabled", {
         get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxBorderColorDisabled);
+            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralFaint);
         },
         enumerable: false,
         configurable: true
@@ -2822,14 +2858,14 @@ var BasicThemeClass = /** @class */ (function () {
     });
     Object.defineProperty(BasicThemeClass, "checkboxShadow", {
         get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxBorderColor);
+            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPale);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "checkboxShadowHover", {
         get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxBorderColorHover);
+            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPaleHover);
         },
         enumerable: false,
         configurable: true
@@ -2892,7 +2928,7 @@ var BasicThemeClass = /** @class */ (function () {
     });
     Object.defineProperty(BasicThemeClass, "checkboxShadowActive", {
         get: function () {
-            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(this.checkboxBorderColorActive);
+            return "0 0 0 ".concat(this.checkboxBorderWidth, " ").concat(colors.lineNeutralPalePressed);
         },
         enumerable: false,
         configurable: true
@@ -3315,8 +3351,7 @@ var BasicThemeClass = /** @class */ (function () {
     });
     Object.defineProperty(BasicThemeClass, "radioDisabledShadow", {
         get: function () {
-            // Цвет тот же, что у выключенного чекбокса, — как и фон строкой выше.
-            return "0 0 0 ".concat(this.radioBorderWidth, " ").concat(this.checkboxBorderColorDisabled);
+            return "0 0 0 ".concat(this.radioBorderWidth, " ").concat(colors.lineNeutralFaint);
         },
         enumerable: false,
         configurable: true
@@ -3421,6 +3456,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorError", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnDangerBg;
         },
@@ -3428,6 +3466,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorWarning", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPayBg;
         },
@@ -3435,6 +3476,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorSuccess", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnSuccessBg;
         },
@@ -3442,6 +3486,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorPrimary", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPrimaryBg;
         },
@@ -4159,6 +4206,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';
@@ -4376,7 +4424,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';
@@ -4536,6 +4584,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.calendarCellFontSize = '14px';
     BasicThemeClass.calendarMonthTitleBorderBottomColor = colors.lineNeutralFaint;
     BasicThemeClass.calendarCellHoverBgColor = colors.shapeOtherBacklessHover;
+    BasicThemeClass.calendarCellPressedBgColor = colors.shapeOtherBacklessAlphaPressed;
     BasicThemeClass.calendarPaddingX = '18px';
     BasicThemeClass.calendarMonthTitleLineHeight = '20px';
     BasicThemeClass.calendarMonthTitlePaddingTop = '12px';
@@ -4685,6 +4734,7 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.menuBoxSizing = 'border-box';
     BasicThemeClass.menuItemSelectedBg = colors.shapeOtherBacklessPressed;
     BasicThemeClass.menuItemHoverBg = colors.shapeOtherBacklessHover;
+    BasicThemeClass.menuItemPressedBg = colors.shapeOtherBacklessAlphaHover;
     BasicThemeClass.menuItemIconWidthSmall = '16px';
     BasicThemeClass.menuItemIconWidthMedium = '20px';
     BasicThemeClass.menuItemIconWidthLarge = '24px';
@@ -4749,6 +4799,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;
@@ -4779,6 +4830,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';
@@ -4845,16 +4901,6 @@ var BasicThemeClass = /** @class */ (function () {
     BasicThemeClass.checkboxBgStart = '#fdfdfd';
     BasicThemeClass.checkboxBgEnd = '#ededed';
     BasicThemeClass.checkboxBorder = 'none';
-    /**
-     * Цвет рамки чекбокса. Рамка рисуется тенью (`checkboxShadow*`), а цвет вынесен
-     * отдельной переменной, чтобы тень собиралась только из переменных темы:
-     * значение из импорта в шаблоне тени лишало её производности целиком, и
-     * переопределение `checkboxBorderWidth` до тени не доходило.
-     */
-    BasicThemeClass.checkboxBorderColor = colors.lineNeutralPale;
-    BasicThemeClass.checkboxBorderColorHover = colors.lineNeutralPaleHover;
-    BasicThemeClass.checkboxBorderColorActive = colors.lineNeutralPalePressed;
-    BasicThemeClass.checkboxBorderColorDisabled = colors.lineNeutralFaint;
     BasicThemeClass.checkboxCheckedColor = colors.shapeInvertedNeutralHeavy;
     BasicThemeClass.checkboxBorderRadius = '4px';
     BasicThemeClass.checkboxBg = colors.shapeOtherField;
@@ -4911,10 +4957,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;
@@ -5030,9 +5089,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;