@hilum/ui 3.2.9 → 3.2.11

package/package.json

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

package/src/components/calendar.tsx

@@ -19,20 +19,20 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }: C
         caption_label: "body font-semibold text-foreground",
         nav: "flex items-center justify-between absolute inset-x-0 top-1",
         button_previous: cn(
-          "absolute left-0 flex size-10 items-center justify-center rounded-md",
+          "absolute left-0 flex h-9 w-9 items-center justify-center rounded-md",
           "text-muted-foreground hover:bg-muted hover:text-muted-foreground transition-colors",
         ),
         button_next: cn(
-          "absolute right-0 flex size-10 items-center justify-center rounded-md",
+          "absolute right-0 flex h-9 w-9 items-center justify-center rounded-md",
           "text-muted-foreground hover:bg-muted hover:text-muted-foreground transition-colors",
         ),
         month_grid: "w-full border-collapse mt-1",
         weekdays: "flex",
-        weekday: "flex size-10 items-center justify-center label text-muted-foreground font-normal",
+        weekday: "flex h-9 w-9 items-center justify-center label text-muted-foreground font-normal",
         week: "flex w-full mt-1",
         day: "relative p-0 text-center",
         day_button: cn(
-          "flex size-10 items-center justify-center rounded-full body font-normal",
+          "flex h-9 w-9 items-center justify-center rounded-full body font-normal",
           "text-foreground hover:bg-muted transition-colors",
           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-primary/30",
         ),

package/src/components/carousel.tsx

@@ -167,7 +167,7 @@ function CarouselPrevious({
       variant={variant}
       size={size}
       className={cn(
-        "absolute size-10 rounded-full",
+        "absolute h-9 w-9 rounded-full",
         orientation === "vertical"
           ? "-top-12 left-1/2 -translate-x-1/2 rotate-90"
           : "-left-12 top-1/2 -translate-y-1/2",
@@ -196,7 +196,7 @@ function CarouselNext({
       variant={variant}
       size={size}
       className={cn(
-        "absolute size-10 rounded-full",
+        "absolute h-9 w-9 rounded-full",
         orientation === "vertical"
           ? "-bottom-12 left-1/2 -translate-x-1/2 rotate-90"
           : "-right-12 top-1/2 -translate-y-1/2",

package/src/components/empty-state.tsx

@@ -18,7 +18,7 @@ function EmptyState({ icon, title, description, action, className }: EmptyStateP
   return (
     <div className={cn("flex flex-col items-center gap-4 px-6 py-14 text-center", className)}>
       {icon && (
-        <div className="flex size-12 items-center justify-center rounded-xl bg-brand-secondary/20 text-muted-foreground">
+        <div className="flex size-9 items-center justify-center rounded-md bg-brand-secondary/20 text-muted-foreground">
           {icon}
         </div>
       )}

package/src/components/steps.tsx

@@ -29,7 +29,7 @@ function CirclesSteps({ steps, className }: { steps: Step[]; className?: string
             <li key={step.id ?? i} className={cn("relative", !isLast && "flex-1")}>
               {/* Connector line */}
               {!isLast && (
-                <div className="absolute left-10 right-0 top-5 h-0.5" aria-hidden="true">
+                <div className="absolute left-9 right-0 top-[18px] h-0.5" aria-hidden="true">
                   <div
                     className={cn(
                       "h-full",
@@ -47,7 +47,7 @@ function CirclesSteps({ steps, className }: { steps: Step[]; className?: string
                 {/* Circle */}
                 <span
                   className={cn(
-                    "relative z-10 flex size-10 items-center justify-center rounded-full transition-colors",
+                    "relative z-10 flex h-9 w-9 items-center justify-center rounded-full transition-colors",
                     step.status === "complete" &&
                       "bg-brand-primary group-hover:bg-brand-primary/80",
                     step.status === "current" && "border-2 border-brand-primary bg-card",
@@ -104,7 +104,7 @@ function BulletsSteps({ steps, className }: { steps: Step[]; className?: string
             <a
               href={step.href ?? "#"}
               onClick={!step.href ? (e) => e.preventDefault() : undefined}
-              className="relative flex size-10 items-center justify-center"
+              className="relative flex h-9 w-9 items-center justify-center"
             >
               {step.status === "complete" ? (
                 <span