Fixing tabs hover style in core theme (#3712)

* Fixing tabs hover token * adding changeset * fixing some styles * some changes
marigold-ui · Feb 13, 2024 · 21fc7cf · 21fc7cf
1 parent 545eaa3
commit 21fc7cf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/great-gifts-fail.md b/.changeset/great-gifts-fail.md
@@ -0,0 +1,5 @@
+---
+"@marigold/theme-core": patch
+---
+
+Fixing tabs hover style in core theme
diff --git a/themes/theme-core/src/components/Tabs.styles.ts b/themes/theme-core/src/components/Tabs.styles.ts
@@ -7,9 +7,9 @@ export const Tabs: ThemeComponent<'Tabs'> = {
   tab: cva(
     [
       'min-h-[40px]',
-      'hover:text-text-base-hover hover:border-b-border-hover hover:border-b-8 hover:border-solid',
+      'data-[hovered]:text-text-base-hover data-[hovered]:border-b-border-base-hover data-[hovered]:border-b-8 data-[hovered]:border-solid',
       'aria-disabled:text-text-base-disabled aria-disabled:hover:border-none',
-      'aria-selected:border-b-border-brand aria-selected:border-b-8 aria-selected:border-solid ',
+      'aria-selected:border-b-border-brand data-[hovered]:aria-selected:border-b-border-brand aria-selected:border-b-8 aria-selected:border-solid ',
     ],
     {
       variants: {