@olundot/ui 0.21.0 → 0.21.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @olundot/ui
 
+## 0.21.1
+
+### Patch Changes
+
+- dcadbb9: ModeToggle과 Tabs `contained`의 선택 칸에 테두리가 생기고, 어둠 테마에서 선택 칸이 홈보다 밝아집니다.
+
 ## 0.21.0
 
 ### Minor Changes

package/dist/index.js

@@ -3228,7 +3228,7 @@ var tabsTriggerVariants = cva9(
     variants: {
       variant: {
         line: "",
-        contained: "rounded-[var(--radius-sm)] border border-transparent px-[var(--space-3)] data-[state=active]:border-[var(--border-strong)] data-[state=active]:bg-[var(--action-selected)] data-[state=active]:after:hidden"
+        contained: "rounded-[var(--radius-sm)] border border-transparent px-[var(--space-3)] data-[state=active]:border-[var(--text-tertiary)] data-[state=active]:bg-[var(--fill-on-inset)] data-[state=active]:after:hidden"
       },
       orientation: {
         horizontal: "",
@@ -10327,14 +10327,15 @@ var modeToggleVariants = cva19(
 var modeToggleItemVariants = cva19(
   [
     "inline-flex min-h-[28px] cursor-pointer items-center justify-center gap-[var(--space-1)]",
-    "rounded-[calc(var(--radius-md)_-_2px)] px-[var(--space-3)] py-[var(--space-1)]",
+    "rounded-[calc(var(--radius-md)_-_2px)] border border-transparent px-[var(--space-3)] py-[var(--space-1)]",
     "font-[family-name:var(--font-display)] text-xs font-medium leading-none",
-    "text-text-secondary transition-[background-color,color,box-shadow]",
+    "text-text-secondary transition-[background-color,border-color,color,box-shadow]",
     "duration-[var(--dur-fast)] ease-[var(--ease-standard)]",
     "hover:text-foreground",
     "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--focus-ring)]",
     "disabled:cursor-not-allowed disabled:text-text-disabled disabled:hover:text-text-disabled",
-    "data-[state=active]:bg-[var(--bg-surface)] data-[state=active]:font-semibold",
+    "data-[state=active]:border-[var(--text-tertiary)] data-[state=active]:bg-[var(--fill-on-inset)]",
+    "data-[state=active]:font-semibold",
     "data-[state=active]:text-foreground data-[state=active]:shadow-[var(--shadow-1)]",
     "[&_svg]:pointer-events-none [&_svg]:size-[14px] [&_svg]:shrink-0 [&_svg]:stroke-[1.75]"
   ].join(" ")

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@olundot/ui",
-  "version": "0.21.0",
+  "version": "0.21.1",
   "description": "OLUN. shared React UI components built on OLUN design tokens",
   "license": "MIT",
   "keywords": [