From 0851f07e53ca794583747bfd09285355c65c1b7d Mon Sep 17 00:00:00 2001 From: acd02 Date: Wed, 20 Sep 2023 17:47:39 +0200 Subject: [PATCH 1/2] feat(tag): update styles for outlined variant Apply a transparent bg for outlined variant --- packages/components/tag/src/Tag.styles.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/tag/src/Tag.styles.tsx b/packages/components/tag/src/Tag.styles.tsx index 4496ac787..893e5aea0 100644 --- a/packages/components/tag/src/Tag.styles.tsx +++ b/packages/components/tag/src/Tag.styles.tsx @@ -20,7 +20,7 @@ export const tagStyles = cva( */ design: makeVariants<'design', ['filled', 'outlined', 'tinted']>({ filled: [], - outlined: ['bg-surface', 'ring-1', 'ring-current'], + outlined: ['ring-1', 'ring-current'], tinted: [], }), /** From ba0363dbbcf66aaba49f0ade8306e2c58e2dfb05 Mon Sep 17 00:00:00 2001 From: acd02 Date: Wed, 20 Sep 2023 17:49:11 +0200 Subject: [PATCH 2/2] feat(tabs): update background styles Apply no background color by default #1423 --- packages/components/tabs/src/TabsTrigger.styles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/tabs/src/TabsTrigger.styles.ts b/packages/components/tabs/src/TabsTrigger.styles.ts index d0be17c95..883260919 100644 --- a/packages/components/tabs/src/TabsTrigger.styles.ts +++ b/packages/components/tabs/src/TabsTrigger.styles.ts @@ -7,7 +7,7 @@ export const triggerVariants = cva( 'relative flex flex-none items-center', 'border-outline', 'outline-none', - 'bg-surface hover:bg-surface-hovered', + 'hover:bg-surface-hovered', 'after:absolute', 'spark-orientation-horizontal:border-b-sm spark-orientation-horizontal:after:inset-x-none spark-orientation-horizontal:after:bottom-[-1px] spark-orientation-horizontal:after:h-sz-2', 'spark-orientation-vertical:border-r-sm spark-orientation-vertical:after:inset-y-none spark-orientation-vertical:after:right-[-1px] spark-orientation-vertical:after:w-sz-2',