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

package/internal/themes/BasicTheme.d.ts

@@ -150,6 +150,8 @@ export declare class BasicThemeClass {
     static tokenBgHover: string;
     static get tokenColorHover(): string;
     static tokenBorderColorHover: string;
+    static tokenBgPressed: string;
+    static get tokenColorPressed(): string;
     static tokenBgActive: string;
     static tokenColorActive: string;
     static tokenBorderColorActive: string;
@@ -757,6 +759,7 @@ export declare class BasicThemeClass {
     static get calendarMonthHeaderStickedBgColor(): string;
     static calendarMonthTitleBorderBottomColor: string;
     static calendarCellHoverBgColor: string;
+    static calendarCellPressedBgColor: string;
     static calendarPaddingX: string;
     static calendarMonthTitleLineHeight: string;
     static calendarMonthTitlePaddingTop: string;
@@ -831,6 +834,7 @@ export declare class BasicThemeClass {
     static get dateSelectTextColorDisabled(): string;
     static get dateSelectTextColorDefault(): string;
     static get dateSelectLinkColor(): string;
+    static get dateSelectLinkPressedColor(): string;
     static get dateSelectPopupBoxShadow(): string;
     static dateSelectTextColorInvert: string;
     static mobileDateSelectFontSize: string;
@@ -957,7 +961,10 @@ export declare class BasicThemeClass {
     static menuBoxSizing: string;
     static get menuItemTextColor(): string;
     static menuItemSelectedBg: string;
+    static get menuItemSelectedHoverBg(): string;
+    static get menuItemSelectedPressedBg(): string;
     static menuItemHoverBg: string;
+    static menuItemPressedBg: string;
     static get menuItemHoverColor(): string;
     static menuItemIconWidthSmall: string;
     static menuItemIconWidthMedium: string;
@@ -1106,6 +1113,7 @@ export declare class BasicThemeClass {
     static get toggleBorderRadiusLarge(): string;
     static toggleBaseBg: string;
     static toggleBgHover: string;
+    static toggleBgPressed: string;
     static toggleBorderColor: string;
     static get toggleBorderColorDisabled(): string;
     static toggleShadowColorError: string;
@@ -1137,6 +1145,7 @@ export declare class BasicThemeClass {
     static toggleHandleBgHover: string;
     static toggleHandleBoxShadowHover: string;
     static get toggleContainerBgHover(): string;
+    static get toggleContainerBgPressed(): string;
     static toggleContainerBoxShadowChecked: string;
     static toggleHandleBoxShadowChecked: string;
     static toggleHandleBgChecked: string;
@@ -1146,6 +1155,10 @@ export declare class BasicThemeClass {
     static toggleContainerBgCheckedHover: string;
     static toggleHandleBoxShadowCheckedHover: string;
     static toggleHandleBgCheckedHover: string;
+    static toggleContainerBoxShadowCheckedPressed: string;
+    static toggleContainerBgCheckedPressed: string;
+    static toggleHandleBoxShadowCheckedPressed: string;
+    static toggleHandleBgCheckedPressed: string;
     static toggleContainerBgDisabled: string;
     static toggleHandleBgDisabled: string;
     static toggleContainerBoxShadowDisabled: string;
@@ -1395,15 +1408,40 @@ export declare class BasicThemeClass {
     static get tabOutlineWidth(): string;
     static get tabTextColorDefault(): string;
     static get tabColorFocus(): string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static get tabColorError(): string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static get tabColorWarning(): string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static get tabColorSuccess(): string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static get tabColorPrimary(): string;
     static tabColorHover: string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static tabColorHoverError: string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static tabColorHoverWarning: string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static tabColorHoverSuccess: string;
+    /**
+     * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+     */
     static tabColorHoverPrimary: string;
+    static tabColorPressed: string;
     static tabIndicatorBorderRadius: string;
     static get spinnerBgColor(): string;
     static spinnerColor: string;
@@ -1565,9 +1603,11 @@ export declare class BasicThemeClass {
     static get fileUploaderDisabledIconColor(): string;
     static fileUploaderErrorBgColor: string;
     static fileUploaderErrorBgHoverColor: string;
+    static fileUploaderErrorBgPressedColor: string;
     static fileUploaderErrorTextColor: string;
     static fileUploaderWarningBgColor: string;
     static fileUploaderWarningBgHoverColor: string;
+    static fileUploaderWarningBgPressedColor: string;
     static fileUploaderWarningTextColor: string;
     static get fileUploaderValidationTextColor(): string;
     static fileUploaderLinkHoverTextDecoration: string;

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;
@@ -3420,6 +3456,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorError", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnDangerBg;
         },
@@ -3427,6 +3466,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorWarning", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPayBg;
         },
@@ -3434,6 +3476,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorSuccess", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnSuccessBg;
         },
@@ -3441,6 +3486,9 @@ var BasicThemeClass = /** @class */ (function () {
         configurable: true
     });
     Object.defineProperty(BasicThemeClass, "tabColorPrimary", {
+        /**
+         * @deprecated Состояние не соответствует Контур.Гайдам, переменная будет удалена в 7.0.
+         */
         get: function () {
             return this.btnPrimaryBg;
         },
@@ -4158,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';
@@ -4535,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';
@@ -4684,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';
@@ -4748,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;
@@ -4778,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';
@@ -4900,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;
@@ -5019,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;