@skbkontur/react-ui 0.0.0-7feb61cdde → 0.0.0-80c5917afc

package/internal/themes/DefaultTheme.d.ts

@@ -71,6 +71,8 @@ export declare class DefaultTheme {
     static controlHeightMedium: string;
     static controlHeightLarge: string;
     static mobileMediaQuery: string;
+    static transitionDuration: string;
+    static transitionTimingFunction: string;
     static linkColor: string;
     static linkActiveColor: string;
     static linkHoverTextDecoration: string;
@@ -88,20 +90,10 @@ export declare class DefaultTheme {
     static get linkGrayedActiveColor(): string;
     static linkButtonLineHeight: string;
     static linkButtonPaddingX: string;
-    static get linkLineBorderBottomColor(): string;
-    static get linkLineHoverBorderBottomColor(): string;
-    static get linkLineActiveBorderBottomColor(): string;
-    static get linkLineBorderBottomColorSuccess(): string;
-    static get linkLineHoverBorderBottomColorSuccess(): string;
-    static get linkLineActiveBorderBottomColorSuccess(): string;
-    static get linkLineBorderBottomColorDanger(): string;
-    static get linkLineHoverBorderBottomColorDanger(): string;
-    static get linkLineActiveBorderBottomColorDanger(): string;
-    static get linkLineBorderBottomColorGrayed(): string;
-    static get linkLineHoverBorderBottomColorGrayed(): string;
-    static get linkLineActiveBorderBottomColorGrayed(): string;
     static linkLineBorderBottomStyle: string;
+    static get linkLineHoverBorderBottomStyle(): string;
     static linkLineBorderBottomWidth: string;
+    static linkLineBorderBottomOpacity: string;
     static tokenDisabledBg: string;
     static get tokenTextColorDisabled(): string;
     static get tokenFontSize(): string;
@@ -184,6 +176,7 @@ export declare class DefaultTheme {
     static btnArrowBgImageChecked: string;
     static btnLinkBorderRadius: string;
     static btnFocusShadowWidth: string;
+    static btnBorderColorTransition: string;
     static btnDisabledBorderColor: string;
     static btnCheckedBg: string;
     static btnCheckedDisabledBg: string;
@@ -303,11 +296,10 @@ export declare class DefaultTheme {
     static get btnLinkHoverColor(): string;
     static get btnLinkActiveColor(): string;
     static get btnLinkHoverTextDecoration(): string;
-    static get btnLinkLineBorderBottomColor(): string;
-    static get btnLinkLineHoverBorderBottomColor(): string;
-    static get btnLinkLineActiveBorderBottomColor(): string;
     static btnLinkLineBorderBottomStyle: string;
+    static get btnLinkHoverLineBorderBottomStyle(): string;
     static btnLinkLineBorderBottomWidth: string;
+    static get btnLinkLineBorderBottomOpacity(): string;
     static get btnLinkIconMarginRight(): string;
     static get btnErrorSecondary(): string;
     static get btnWarningSecondary(): string;
@@ -327,7 +319,7 @@ export declare class DefaultTheme {
     static btnTextActiveBg: string;
     static get btnTextBorderColor(): string;
     static get btnTextTextColor(): string;
-    static btnTextHoverBorderColor: string;
+    static get btnTextHoverBorderColor(): string;
     static btnWithIconPaddingLeftSmall: string;
     static btnWithIconPaddingLeftMedium: string;
     static btnWithIconPaddingLeftLarge: string;
@@ -363,10 +355,13 @@ export declare class DefaultTheme {
     static get selectIconSizeMedium(): string;
     static get selectIconSizeLarge(): string;
     static selectRootWidthMobile: string;
+    static mobileSelectMaxWidth: string;
     static get selectTextColorDisabled(): string;
     static get selectBgDisabled(): string;
     static get selectBorderColorDisabled(): string;
     static get selectMenuOffsetY(): string;
+    static get selectBorderColorHover(): string;
+    static selectBorderColorTransition: string;
     static tooltipPaddingY: string;
     static tooltipPaddingX: string;
     static tooltipCloseBtnPadding: string;
@@ -618,15 +613,21 @@ export declare class DefaultTheme {
     static toastCloseHoverColor: string;
     static toastCloseSize: string;
     static dropdownMenuSelectedBg: string;
+    static dropdownMenuBorderColorTransition: string;
+    static get dropdownMenuHoverBorderColor(): string;
     static get dropdownMenuHoverBg(): string;
     static get dropdownMenuOffsetY(): string;
     static get dropdownMenuMenuOffsetY(): string;
+    static dropdownMenuMenuBoxSizing: string;
     static get menuBgDefault(): string;
     static get menuBorderRadius(): string;
     static menuBorder: string;
     static menuShadow: string;
     static menuPaddingY: string;
+    static menuLegacyPaddingY: string;
+    static menuScrollContainerContentWrapperPaddingY: string;
     static mobileMenuPaddingY: string;
+    static mobileMenuScrollContainerContentWrapperPaddingY: string;
     static menuPaddingX: string;
     static mobileMenuPaddingX: string;
     static menuOffsetY: string;
@@ -681,14 +682,50 @@ export declare class DefaultTheme {
     static menuSeparatorBorderWidth: string;
     static mobileMenuSeparatorMarginY: string;
     static mobileMenuSeparatorMarginX: string;
+    /**
+     * @deprecated use toggleFontSizeSmall
+     */
     static get toggleFontSize(): string;
+    /**
+     * @deprecated use toggleLineHeightSmall
+     */
     static get toggleLineHeight(): string;
+    static get toggleLineHeightSmall(): string;
+    static get toggleLineHeightMedium(): string;
+    static get toggleLineHeightLarge(): string;
+    static get toggleFontSizeSmall(): string;
+    static get toggleFontSizeMedium(): string;
+    static get toggleFontSizeLarge(): string;
     static get toggleTextColor(): string;
     static toggleHandleActiveWidthIncrement: string;
+    /**
+     * @deprecated use toggleHandleBorderRadiusSmall
+     */
     static get toggleHandleBorderRadius(): string;
+    static get toggleHandleBorderRadiusSmall(): string;
+    static get toggleHandleBorderRadiusMedium(): string;
+    static get toggleHandleBorderRadiusLarge(): string;
+    /**
+     * @deprecated use toggleHeightSmall
+     */
     static toggleHeight: string;
+    /**
+     * @deprecated use toggleWidthSmall
+     */
     static toggleWidth: string;
+    static get toggleHeightSmall(): string;
+    static get toggleWidthSmall(): string;
+    static toggleHeightMedium: string;
+    static toggleWidthMedium: string;
+    static toggleHeightLarge: string;
+    static toggleWidthLarge: string;
+    /**
+     * @deprecated use toggleBorderRadiusSmall
+     */
     static get toggleBorderRadius(): string;
+    static get toggleBorderRadiusSmall(): string;
+    static get toggleBorderRadiusMedium(): string;
+    static get toggleBorderRadiusLarge(): string;
     /**
      * @deprecated use toggleHandleBg
      */
@@ -706,7 +743,13 @@ export declare class DefaultTheme {
     static toggleBorderColor: string;
     static get toggleBorderColorDisabled(): string;
     static get toggleBorderColorDisabledChecked(): string;
+    /**
+     * @deprecated use toggleHandleSizeSmall
+     */
     static get toggleHandleSize(): string;
+    static get toggleHandleSizeSmall(): string;
+    static get toggleHandleSizeMedium(): string;
+    static get toggleHandleSizeLarge(): string;
     static get toggleHandleLeft(): string;
     static get toggleHandleTop(): string;
     static toggleBgFocus: string;
@@ -754,6 +797,7 @@ export declare class DefaultTheme {
     static popupPinOffsetY: string;
     static popupMargin: string;
     static popupPinSize: string;
+    static popupMenuMenuOffsetY: string;
     static get inputTextColor(): string;
     static inputShadow: string;
     static inputBg: string;
@@ -806,11 +850,35 @@ export declare class DefaultTheme {
     static get inputPlaceholderColorLight(): string;
     static get inputBlinkColor(): string;
     static inputColorScheme: string;
+    /**
+     * @ deprecated use checkboxFontSizeSmall
+     */
     static get checkboxFontSize(): string;
+    static get checkboxFontSizeSmall(): string;
+    static get checkboxFontSizeMedium(): string;
+    static get checkboxFontSizeLarge(): string;
+    /**
+     * @ deprecated use checkboxLineHeightSmall
+     */
     static get checkboxLineHeight(): string;
+    static get checkboxLineHeightSmall(): string;
+    static get checkboxLineHeightMedium(): string;
+    static get checkboxLineHeightLarge(): string;
+    /**
+     * @ deprecated use checkboxBoxSizeSmall
+     */
     static checkboxBoxSize: string;
+    static checkboxBoxSizeSmall: string;
+    static checkboxBoxSizeMedium: string;
+    static checkboxBoxSizeLarge: string;
     static checkboxCaptionGap: string;
+    /**
+     * @ deprecated use checkboxPaddingYSmall
+     */
     static get checkboxPaddingY(): string;
+    static get checkboxPaddingYSmall(): string;
+    static get checkboxPaddingYMedium(): string;
+    static get checkboxPaddingYLarge(): string;
     static checkboxBoxOffsetY: string;
     static checkboxBgStart: string;
     static checkboxBgEnd: string;
@@ -903,11 +971,38 @@ export declare class DefaultTheme {
     static radioCircleOffsetY: string;
     static get radioCheckedDisabledBulletBg(): string;
     static radioGroupLegacyItemGap: string;
+    /**
+     * @deprecated use tabFontSizeLarge
+     */
     static get tabFontSize(): string;
+    static get tabFontSizeSmall(): string;
+    static get tabFontSizeMedium(): string;
+    static get tabFontSizeLarge(): string;
+    /**
+     * @deprecated use tabLineHeightLarge
+     */
+    static get tabLineHeight(): string;
+    static get tabLineHeightSmall(): string;
+    static get tabLineHeightMedium(): string;
+    static get tabLineHeightLarge(): string;
+    /**
+     * @deprecated use tabPaddingXLarge
+     */
     static tabPaddingX: string;
+    static tabPaddingXSmall: string;
+    static tabPaddingXMedium: string;
+    static get tabPaddingXLarge(): string;
+    /**
+     * @deprecated use tabPaddingXLarge
+     */
     static get tabsMarginX(): string;
+    /**
+     * @deprecated use tabPaddingYLarge
+     */
     static get tabPaddingY(): string;
-    static get tabLineHeight(): string;
+    static get tabPaddingYSmall(): string;
+    static get tabPaddingYMedium(): string;
+    static get tabPaddingYLarge(): string;
     static tabBorderWidth: string;
     static get tabOutlineWidth(): string;
     static get tabTextColorDefault(): string;
@@ -982,6 +1077,8 @@ export declare class DefaultTheme {
     static scrollContainerScrollBarHoverSize: string;
     static scrollContainerScrollBarColor: string;
     static scrollContainerScrollBarInvertColor: string;
+    static scrollContainerScrollBarOffsetY: string;
+    static dropdownMenuScrollContainerScrollBarOffsetY: string;
     static passwordInputVisibilityIconColor: string;
     static passwordInputVisibilityIconOpacity: string;
     static passwordInputVisibilityIconHoverColor: string;

package/internal/themes/Theme2022/Theme2022.js

@@ -27,11 +27,6 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
     get: function get() {
       return this.textColorDisabledContrast;
     }
-  }, {
-    key: "btnLinkLineBorderBottomColor",
-    get: function get() {
-      return this.linkLineBorderBottomColor;
-    }
   }, {
     key: "btnLinkLineBorderBottomStyle",
     get: function get() {
@@ -42,16 +37,6 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
     get: function get() {
       return this.linkLineBorderBottomWidth;
     }
-  }, {
-    key: "btnLinkLineHoverBorderBottomColor",
-    get: function get() {
-      return this.linkLineHoverBorderBottomColor;
-    }
-  }, {
-    key: "btnLinkLineActiveBorderBottomColor",
-    get: function get() {
-      return this.linkLineActiveBorderBottomColor;
-    }
   }, {
     key: "btnLinkDisabledColor",
     get: function get() {
@@ -151,6 +136,11 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
     key: "selectMenuOffsetY",
     get: function get() {
       return this.menuOffsetY;
+    }
+  }, {
+    key: "selectBorderColorHover",
+    get: function get() {
+      return this.inputBorderColorHover;
     } //#endregion
     //#region FileUploader
 
@@ -197,7 +187,15 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
     get: //#endregion
     //#region InternalMenu
     function get() {
-      return this.menuPaddingY;
+      return this.menuScrollContainerContentWrapperPaddingY;
+    } // deprecated, use menuLegacyPaddingY
+    //#endregion
+    //#region Menu
+
+  }, {
+    key: "menuLegacyPaddingY",
+    get: function get() {
+      return this.menuScrollContainerContentWrapperPaddingY;
     } //#endregion
     //#region Autocomplete
 
@@ -251,15 +249,17 @@ export var Theme2022 = /*#__PURE__*/function (_ref) {
 
   return _class;
 }());
-Theme2022.borderColorDisabled = 'rgba(0, 0, 0, 0.08)';
+Theme2022.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';
 Theme2022.borderColorFocus = '#3d3d3d';
 Theme2022.bgActive = '#141414';
+Theme2022.bgDisabled = '#F0F0F0';
+Theme2022.errorMain = '#FF5A49';
 Theme2022.linkColor = '#222222';
 Theme2022.linkHoverColor = '#222222';
 Theme2022.linkActiveColor = '#141414';
-Theme2022.linkSuccessColor = '#477916';
-Theme2022.linkSuccessHoverColor = '#3A6710';
-Theme2022.linkSuccessActiveColor = '#325A0C';
+Theme2022.linkSuccessColor = '#538A1B';
+Theme2022.linkSuccessHoverColor = '#477916';
+Theme2022.linkSuccessActiveColor = '#3A6710';
 Theme2022.linkDangerColor = '#CB3D35';
 Theme2022.linkDangerHoverColor = '#BA342E';
 Theme2022.linkDangerActiveColor = '#A92A27';
@@ -271,12 +271,12 @@ Theme2022.linkLineBorderBottomWidth = '1px';
 Theme2022.linkDisabledColor = '#858585';
 Theme2022.btnCheckedBg = '#3D3D3D';
 Theme2022.btnCheckedDisabledBg = '#ADADAD';
-Theme2022.btnCheckedDisabledColor = '#EBEBEB';
+Theme2022.btnCheckedDisabledColor = '#E6E6E6';
 Theme2022.btnDefaultBg = '#fff';
-Theme2022.btnDefaultHoverBg = '#f6f6f6';
+Theme2022.btnDefaultHoverBg = '#F0F0F0';
 Theme2022.btnDefaultHoverBgStart = 'none';
 Theme2022.btnDefaultHoverBgEnd = 'none';
-Theme2022.btnDefaultActiveBg = '#ebebeb';
+Theme2022.btnDefaultActiveBg = '#E6E6E6';
 Theme2022.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16);';
 Theme2022.btnDefaultBorderBottomColor = '';
 Theme2022.btnDefaultHoverBorderBottomColor = '';
@@ -287,8 +287,20 @@ Theme2022.btnPrimaryActiveBg = '#141414';
 Theme2022.btnPrimaryBorderColor = '#3D3D3D';
 Theme2022.btnPrimaryHoverBorderColor = '#292929';
 Theme2022.btnPrimaryActiveBorderColor = '#141414';
-Theme2022.btnDisabledBg = 'rgba(0, 0, 0, 0.04)';
-Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.08)';
+Theme2022.btnDangerBg = '#FF5A49';
+Theme2022.btnDangerHoverBg = '#EE5042';
+Theme2022.btnDangerHoverBorderColor = '#EE5042';
+Theme2022.btnDangerBorderColor = '#FF5A49';
+Theme2022.btnDangerActiveBg = '#DD473B';
+Theme2022.btnDangerActiveBorderColor = '#DD473B';
+Theme2022.btnSuccessBg = '#78BF2B';
+Theme2022.btnSuccessHoverBg = '#6CAD26';
+Theme2022.btnSuccessHoverBorderColor = '#6CAD26';
+Theme2022.btnSuccessBorderColor = '#78BF2B';
+Theme2022.btnSuccessActiveBg = '#5F9C20';
+Theme2022.btnSuccessActiveBorderColor = '#5F9C20';
+Theme2022.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';
+Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';
 Theme2022.btnBorderRadiusSmall = '8px';
 Theme2022.btnBorderRadiusMedium = '8px';
 Theme2022.btnBorderRadiusLarge = '8px';
@@ -325,14 +337,14 @@ Theme2022.radioBulletSize = '6px';
 Theme2022.radioDisabledBg = '#F0F0F0';
 Theme2022.menuSeparatorMarginX = '8px';
 Theme2022.popupBorderRadius = '8px';
-Theme2022.popupBoxShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
-Theme2022.popupDropShadow = 'drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.08))';
-Theme2022.pickerShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
+Theme2022.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
+Theme2022.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';
+Theme2022.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
 Theme2022.hintBgColor = 'rgba(0, 0, 0, 0.76)';
 Theme2022.hintBorderRadius = '8px';
 Theme2022.hintPaddingY = '8px';
 Theme2022.hintPaddingX = '8px';
-Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.04)';
+Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';
 Theme2022.modalBorderRadius = '16px';
 Theme2022.modalBodyBorderRadius = '0px';
 Theme2022.fixedPanelShadow = 'none';
@@ -342,7 +354,7 @@ Theme2022.modalFooterPaddingBottom = '20px';
 Theme2022.modalFixedHeaderMarginBottom = '0px';
 Theme2022.modalCloseButtonClickArea = '6px';
 Theme2022.modalFixedFooterMarginTop = '0px';
-Theme2022.modalSeparatorBorderBottom = '1px solid #EBEBEB';
+Theme2022.modalSeparatorBorderBottom = '1px solid #E6E6E6';
 Theme2022.modalHeaderFontWeight = '700';
 Theme2022.modalPaddingRight = '32px';
 Theme2022.modalCloseButtonPadding = '32px';
@@ -360,7 +372,7 @@ Theme2022.fileUploaderDisabledLinkColor = '#858585';
 Theme2022.fileUploaderAfterLinkColor = '#858585';
 Theme2022.fileUploaderBorderRadius = '8px';
 Theme2022.fileUploaderLinkHoverTextDecoration = 'none';
-Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.04)';
+Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';
 Theme2022.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';
 Theme2022.fileUploaderHoveredBorderColor = 'transparent';
 Theme2022.fileUploaderBg = '';
@@ -397,7 +409,7 @@ Theme2022.tokenDefaultIdleBorderColorHover = 'rgba(0, 0, 0, 0.16)';
 Theme2022.tokenDefaultActiveColor = '#FFFFFF';
 Theme2022.tokenDefaultActiveBg = '#3D3D3D';
 Theme2022.tokenDefaultActiveBorderColor = 'transparent';
-Theme2022.dateInputComponentSelectedBgColor = 'highlight';
+Theme2022.dateInputComponentSelectedBgColor = '';
 Theme2022.checkboxBorderRadius = '4px';
 Theme2022.checkboxCheckedBg = '#3D3D3D';
 Theme2022.checkboxCheckedHoverBg = '#292929';
@@ -406,18 +418,21 @@ Theme2022.menuBorderRadius = '8px';
 Theme2022.menuPaddingX = '4px';
 Theme2022.menuOffsetY = '4px';
 Theme2022.menuBoxSizing = 'border-box';
-Theme2022.menuItemHoverBg = '#F6F6F6';
-Theme2022.menuItemSelectedBg = '#EBEBEB';
+Theme2022.menuItemHoverBg = '#F0F0F0';
+Theme2022.menuItemSelectedBg = '#E6E6E6';
 Theme2022.menuItemBorderRadius = '6px';
 Theme2022.menuItemDisabledColor = '#858585';
 Theme2022.menuItemGap = '1px';
 Theme2022.menuItemCommentOpacity = '0.6';
-Theme2022.menuShadow = '0px 4px 16px 0px rgba(0, 0, 0, 0.08)';
+Theme2022.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';
 Theme2022.tokenInputBorderRadius = '2px';
 Theme2022.tokenInputPaddingY = '2px';
 Theme2022.tokenInputPaddingX = '2px';
 Theme2022.tokenInputMenuPopupBg = 'transparent';
 Theme2022.toggleHandleSize = '14px';
+Theme2022.toggleHandleSizeSmall = '14px';
+Theme2022.toggleHandleSizeMedium = '16px';
+Theme2022.toggleHandleSizeLarge = '18px';
 Theme2022.toggleHandleLeft = '3px';
 Theme2022.toggleHandleTop = '3px';
 Theme2022.toggleHandleActiveWidthIncrement = '0px';
@@ -441,21 +456,21 @@ Theme2022.toggleContainerBgCheckedHover = '#292929';
 Theme2022.toggleContainerBoxShadowCheckedHover = 'none';
 Theme2022.toggleHandleBgCheckedHover = '#F0F0F0';
 Theme2022.toggleHandleBoxShadowCheckedHover = 'none';
-Theme2022.toggleContainerBgDisabled = '#F6F6F6';
+Theme2022.toggleContainerBgDisabled = '#F0F0F0';
 Theme2022.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';
 Theme2022.toggleHandleBgDisabled = 'transparent';
 Theme2022.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';
 Theme2022.toggleContainerBgDisabledChecked = '#D6D6D6';
 Theme2022.toggleContainerBoxShadowDisabledChecked = 'none';
-Theme2022.toggleHandleBgDisabledChecked = '#F6F6F6';
+Theme2022.toggleHandleBgDisabledChecked = '#F0F0F0';
 Theme2022.toggleHandleBoxShadowDisabledChecked = 'none';
 Theme2022.switcherBorderRadius = '8px';
-Theme2022.calendarCellHoverBgColor = '#f6f6f6';
+Theme2022.calendarCellHoverBgColor = '#F0F0F0';
 Theme2022.calendarCellHoverColor = '';
 Theme2022.calendarCellActiveHoverColor = '';
-Theme2022.calendarCellSelectedBgColor = '#EBEBEB';
-Theme2022.calendarCellTodayBorder = 'inherit';
-Theme2022.dateSelectMenuItemBgActive = '#f6f6f6';
+Theme2022.calendarCellSelectedBgColor = '#E6E6E6';
+Theme2022.calendarCellTodayBorder = '1px solid';
+Theme2022.dateSelectMenuItemBgActive = '#F0F0F0';
 Theme2022.dateSelectMenuItemFontActive = '';
 Theme2022.dateSelectTextColorInvert = '';
 Theme2022.pickerBorderRadius = '8px';
@@ -469,7 +484,7 @@ Theme2022.pagingDotsColor = '#ADADAD';
 Theme2022.pagingDotsDisabledColor = '#ADADAD';
 Theme2022.pagingForwardLinkColor = '#222222';
 Theme2022.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';
-Theme2022.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.04)';
+Theme2022.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';
 Theme2022.sidePageBgDefault = '#fff';
 Theme2022.sidePageFooterPaddingTop = '20px';
 Theme2022.sidePageFooterPaddingBottom = '20px';
@@ -484,6 +499,6 @@ Theme2022.kebabSizeLarge = '40px';
 Theme2022.kebabIconSizeSmall = '16px';
 Theme2022.kebabIconSizeMedium = '20px';
 Theme2022.kebabIconSizeLarge = '24px';
-Theme2022.kebabBackgroundHover = 'rgba(0, 0, 0, 0.04)';
-Theme2022.kebabBackgroundActive = 'rgba(0, 0, 0, 0.08)';
+Theme2022.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';
+Theme2022.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
 export var Theme2022Internal = Object.setPrototypeOf(exposeGetters(Theme2022), DefaultThemeInternal);