fix(Button): fix btnTextHoverBg var (#3403)

skbkontur · Apr 15, 2024 · 0801972 · 0801972
1 parent 71a2d06
commit 0801972
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git a/packages/react-ui/components/Button/Button.styles.ts b/packages/react-ui/components/Button/Button.styles.ts
@@ -957,6 +957,12 @@ export const styles = memoizeStyle({
     `;
   },
 
+  textDisabled2022() {
+    return css`
+      background-color: transparent;
+    `;
+  },
+
   loading() {
     return css`
       position: absolute;

diff --git a/packages/react-ui/components/Button/Button.tsx b/packages/react-ui/components/Button/Button.tsx
@@ -335,6 +335,7 @@ export class Button extends React.Component<ButtonProps, ButtonState> {
               checked && styles.checkedDisabled2022(this.theme),
               borderless && styles.borderless2022(),
               use === 'backless' && !checked && styles.backlessDisabled2022(this.theme),
+              use === 'text' && styles.textDisabled2022(),
             ]
           : [
               active && !checked && activeStyles[use](this.theme),

diff --git a/packages/react-ui/components/Button/__stories__/Button.stories.tsx b/packages/react-ui/components/Button/__stories__/Button.stories.tsx
@@ -699,7 +699,11 @@ export const HoverTextColor: Story = () => {
 
 HoverTextColor.parameters = {
   creevey: {
-    skip: { in: /^(?!\bfirefox(2022)?\b)/ },
+    skip: {
+      'hover does not work in chrome': {
+        in: /^(?!\bfirefox(2022)?\b)/,
+      },
+    },
     tests: {
       async hover() {
         await this.browser

diff --git a/packages/react-ui/internal/themes/Theme2022.ts b/packages/react-ui/internal/themes/Theme2022.ts
@@ -93,8 +93,8 @@ export class Theme2022 extends (class {} as typeof DefaultThemeInternal) {
 
   public static btnBacklessHoverBg = 'rgba(0, 0, 0, 0.06) !important';
 
-  public static btnTextBg = 'transparent !important';
-  public static btnTextHoverBg = 'rgba(0, 0, 0, 0.06) !important';
+  public static btnTextBg = 'transparent';
+  public static btnTextHoverBg = 'rgba(0, 0, 0, 0.06)';
 
   public static btnBorderRadiusSmall = '8px';
   public static btnBorderRadiusMedium = '8px';