From 8d8301fa602eba6fabfe476fa836270a97116bdc Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia Date: Thu, 11 Dec 2025 17:16:20 +0530 Subject: [PATCH] refactor: tabs design token updated --- packages/propel/src/tabs/tabs.tsx | 4 ++-- packages/ui/src/tabs/tab-list.tsx | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/packages/propel/src/tabs/tabs.tsx b/packages/propel/src/tabs/tabs.tsx index 1c2a19c691d..6790bbe4caf 100644 --- a/packages/propel/src/tabs/tabs.tsx +++ b/packages/propel/src/tabs/tabs.tsx @@ -59,8 +59,8 @@ const TabsTrigger = React.forwardRef(function TabsTrigger( data-slot="tabs-trigger" className={cn( "flex items-center justify-center p-1 min-w-fit w-full font-medium text-primary outline-none focus:outline-none cursor-pointer transition-all duration-200 ease-in-out rounded-sm", - "data-[selected]:bg-surface-1 data-[selected]:text-primary data-[selected]:shadow-sm", - "text-placeholder hover:text-tertiary hover:bg-layer-1/60", + "data-[selected]:bg-layer-transparent-active data-[selected]:text-primary data-[selected]:shadow-sm", + "text-placeholder hover:text-tertiary hover:bg-layer-transparent-hover", "disabled:text-placeholder disabled:cursor-not-allowed", { "text-11": size === "sm", diff --git a/packages/ui/src/tabs/tab-list.tsx b/packages/ui/src/tabs/tab-list.tsx index 02887ed2b05..985cbb62078 100644 --- a/packages/ui/src/tabs/tab-list.tsx +++ b/packages/ui/src/tabs/tab-list.tsx @@ -44,10 +44,10 @@ export function TabList({ cn( "flex items-center justify-center p-1 min-w-fit w-full font-medium text-primary outline-none focus:outline-none cursor-pointer transition-all rounded-sm", (selectedTab ? selectedTab === tab.key : selected) - ? "bg-surface-1 text-primary shadow-sm" + ? "bg-layer-transparent-active text-primary shadow-sm" : tab.disabled ? "text-placeholder cursor-not-allowed" - : "text-placeholder hover:text-tertiary hover:bg-layer-1/60", + : "text-placeholder hover:text-tertiary hover:bg-layer-transparent-hover", { "text-11": size === "sm", "text-13": size === "md",