@hilum/ui 3.2.6 → 3.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hilum/ui",
-  "version": "3.2.6",
+  "version": "3.2.8",
   "private": false,
   "description": "Hilum UI — design system primitives (Button, Input, Dialog, Combobox, …) + tokens + fonts + icons",
   "license": "MIT",

package/src/components/button.tsx

@@ -31,7 +31,7 @@ const buttonVariants = cva(
         xs: "h-6 gap-1 px-2 caption rounded-md",
         sm: "h-8 gap-1.5 px-3 rounded-md",
         lg: "h-11 px-6 rounded-md",
-        icon: "size-10 rounded-md",
+        icon: "size-9 rounded-md",
         "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
         "icon-sm": "size-8 rounded-md",
         "icon-lg": "size-11 rounded-md",

package/src/components/dialog.tsx

@@ -49,7 +49,7 @@ const DialogContent = React.forwardRef<
       {...props}
     >
       {children}
-      <Dialog.Close className="absolute right-3 top-3 flex size-10 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,scale] hover:opacity-100 active:scale-[0.96] focus:outline-none focus:ring-2 focus:ring-ground-900/20">
+      <Dialog.Close className="absolute right-3 top-3 flex size-9 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,scale] hover:opacity-100 active:scale-[0.96] focus:outline-none focus:ring-2 focus:ring-ground-900/20">
         <X size={16} />
         <span className="sr-only">Close</span>
       </Dialog.Close>

package/src/components/notification.tsx

@@ -95,7 +95,7 @@ function Notification({
               <button
                 type="button"
                 onClick={onClose}
-                className="flex size-10 items-center justify-center rounded-md text-muted-foreground transition-[color,scale] hover:text-muted-foreground active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
+                className="flex size-9 items-center justify-center rounded-md text-muted-foreground transition-[color,scale] hover:text-muted-foreground active:scale-[0.96] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30"
               >
                 <span className="sr-only">Close</span>
                 <X size={16} />

package/src/components/pagination.tsx

@@ -32,7 +32,7 @@ const PaginationLink = ({ className, isActive, ...props }: PaginationLinkProps)
     aria-current={isActive ? "page" : undefined}
     className={cn(
       buttonVariants({ variant: isActive ? "default" : "ghost", size: "icon" }),
-      "size-10 rounded-md body",
+      "size-9 rounded-md body",
       className,
     )}
     {...props}
@@ -70,7 +70,7 @@ PaginationNext.displayName = "PaginationNext";
 const PaginationEllipsis = ({ className, ...props }: React.ComponentProps<"span">) => (
   <span
     aria-hidden
-    className={cn("flex size-10 items-center justify-center text-muted-foreground", className)}
+    className={cn("flex size-9 items-center justify-center text-muted-foreground", className)}
     {...props}
   >
     <MoreHorizontal size={14} />

package/src/components/rich-text-editor.tsx

@@ -294,7 +294,7 @@ function RichTextEditor({
       type="button"
       variant="ghost"
       size="icon"
-      className="size-10 text-muted-foreground hover:text-foreground"
+      className="size-9 text-muted-foreground hover:text-foreground"
       title={title}
       aria-label={title}
       onMouseDown={(event) => {
@@ -334,7 +334,7 @@ function RichTextEditor({
           type="button"
           variant="ghost"
           size="icon"
-          className="size-10 text-muted-foreground hover:text-foreground"
+          className="size-9 text-muted-foreground hover:text-foreground"
           title="Insert link"
           aria-label="Insert link"
           onMouseDown={(event) => {
@@ -349,7 +349,7 @@ function RichTextEditor({
           type="button"
           variant="ghost"
           size="icon"
-          className="size-10 text-muted-foreground hover:text-foreground"
+          className="size-9 text-muted-foreground hover:text-foreground"
           title="Insert image"
           aria-label="Insert image"
           onMouseDown={(event) => {

package/src/components/sheet.tsx

@@ -65,7 +65,7 @@ const SheetContent = React.forwardRef<React.ComponentRef<typeof Dialog.Content>,
         {...props}
       >
         {children}
-        <Dialog.Close className="absolute right-3 top-3 flex size-10 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,scale] hover:opacity-100 active:scale-[0.96] focus:outline-none focus:ring-2 focus:ring-ground-900/20">
+        <Dialog.Close className="absolute right-3 top-3 flex size-9 items-center justify-center rounded-md text-muted-foreground opacity-70 transition-[opacity,scale] hover:opacity-100 active:scale-[0.96] focus:outline-none focus:ring-2 focus:ring-ground-900/20">
           <X size={16} />
           <span className="sr-only">Close</span>
         </Dialog.Close>

package/src/components/sidebar.tsx

@@ -514,7 +514,7 @@ function SidebarMenuButton({
         ],
         // Collapsed state
         "group-data-[state=collapsed]/sidebar-wrapper:justify-center",
-        "group-data-[state=collapsed]/sidebar-wrapper:size-10",
+        "group-data-[state=collapsed]/sidebar-wrapper:size-9",
         "group-data-[state=collapsed]/sidebar-wrapper:p-0",
         className,
       )}

package/src/components/toggle.tsx

@@ -37,7 +37,7 @@ const toggleVariants = cva(
         sm: "h-8 gap-1.5 px-3",
         default: "h-10 px-3",
         lg: "h-11 px-4",
-        icon: "size-10",
+        icon: "size-9",
         "icon-sm": "size-8",
         "icon-lg": "size-11",
       },