improvement(emcn): match mode switch corners and inset to chip fields

j15z · Sep 15, 2026 · Sep 6, 2026 · Sep 6, 2026 · Sep 6, 2026 · Sep 6, 2026
commit 6fc9aa1d7fb93e6900d8cf500874ca04f78f28db
diff --git a/packages/emcn/src/components/icon-switch/icon-switch.tsx b/packages/emcn/src/components/icon-switch/icon-switch.tsx
@@ -43,7 +43,7 @@ export function IconSwitch<T extends string>({
       role='radiogroup'
       aria-label={ariaLabel}
       className={cn(
-        'inline-flex w-fit shrink-0 items-center gap-0.5 rounded-sm border border-[var(--border)] bg-[var(--surface-2)] p-[1px]',
+        'inline-flex w-fit shrink-0 items-center gap-0.5 rounded-lg border border-[var(--border)] bg-[var(--surface-2)] p-[2px]',
         disabled && 'opacity-50',
         className
       )}
@@ -62,7 +62,7 @@ export function IconSwitch<T extends string>({
             onChange={() => onValueChange(option.value)}
             disabled={disabled}
             aria-label={option.label}
-            className='peer m-0 size-[16px] cursor-pointer appearance-none rounded-[calc(theme(borderRadius.sm)-1px-var(--border-width,1px))] bg-transparent transition-colors checked:bg-[var(--surface-active)] focus-visible:outline focus-visible:outline-1 focus-visible:outline-[var(--text-icon)] disabled:cursor-not-allowed'
+            className='peer m-0 size-[16px] cursor-pointer appearance-none rounded-[calc(theme(borderRadius.lg)-2px-var(--border-width,1px))] bg-transparent transition-colors checked:bg-[var(--surface-active)] focus-visible:outline focus-visible:outline-1 focus-visible:outline-[var(--text-icon)] disabled:cursor-not-allowed'
           />
         )