@olundot/ui 0.21.0 → 0.21.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @olundot/ui
 
+## 0.21.2
+
+### Patch Changes
+
+- 0fbced9: `FilterToolbar`에서 칩 제거가 툴바가 640px 아래로 좁아진 뒤 반영돼도 포커스를 잃지 않고 접힌 필터 버튼으로 갑니다. 접힌 필터 버튼에 있던 포커스도 640px을 넘나들 때 유지됩니다.
+
+## 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: "",
@@ -5868,7 +5868,7 @@ var FilterToolbar = React31.forwardRef(
       if (request.removed.some((key) => present.has(key))) return;
       pendingFocusRef.current = null;
       const active = rootElement?.ownerDocument.activeElement;
-      if (active && active !== rootElement.ownerDocument.body) return;
+      if (active && active !== rootElement.ownerDocument.body && canTakeFocus(active)) return;
       const candidates = [
         ...request.next.map((key) => chipRemoveRefs.current.get(key)),
         triggerRef.current,
@@ -6005,10 +6005,9 @@ var FilterToolbar = React31.forwardRef(
                     children: search
                   }
                 ) : null,
-                hasCollapsed && (usesSheet || !collapsible) ? collapseTrigger : null,
-                collapsible && !usesSheet ? /* @__PURE__ */ jsxs28(Popover, { open: overlayOpen, onOpenChange: handleOverlayOpenChange, children: [
+                collapsible ? /* @__PURE__ */ jsxs28(Popover, { open: overlayOpen, onOpenChange: handleOverlayOpenChange, children: [
                   /* @__PURE__ */ jsx32(PopoverAnchor, { asChild: true, children: collapseTrigger }),
-                  overlayOpen ? /* @__PURE__ */ jsxs28(
+                  overlayOpen && !usesSheet ? /* @__PURE__ */ jsxs28(
                     PopoverContent,
                     {
                       role: "dialog",
@@ -6023,7 +6022,7 @@ var FilterToolbar = React31.forwardRef(
                       ]
                     }
                   ) : null
-                ] }) : null,
+                ] }) : collapseTrigger,
                 filters && !linesInSheet ? /* @__PURE__ */ jsx32(
                   "div",
                   {
@@ -10327,14 +10326,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.2",
   "description": "OLUN. shared React UI components built on OLUN design tokens",
   "license": "MIT",
   "keywords": [