@hilum/ui 3.2.4 → 3.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +7 -1
  2. package/dist/index.js +7 -2
  3. package/dist/index.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/components/data-transfer-controls.tsx +1 -1
  6. package/src/components/status-badge.tsx +10 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hilum/ui",
3
- "version": "3.2.4",
3
+ "version": "3.2.6",
4
4
  "private": false,
5
5
  "description": "Hilum UI — design system primitives (Button, Input, Dialog, Combobox, …) + tokens + fonts + icons",
6
6
  "license": "MIT",
package/src/components/data-transfer-controls.tsx CHANGED
@@ -107,7 +107,7 @@ function DataTransferControls({
107
107
  type="button"
108
108
  variant="outline"
109
109
  size="icon"
110
- className="size-10"
110
+ className="size-9"
111
111
  aria-label={compactLabel}
112
112
  >
113
113
  <MoreHorizontal className="size-4" aria-hidden="true" />
package/src/components/status-badge.tsx CHANGED
@@ -5,6 +5,7 @@ import { Badge } from "./badge";
5
5
  import { cn } from "../lib/utils";
6
6
 
7
7
  type StatusBadgeVariant = NonNullable<React.ComponentProps<typeof Badge>["variant"]>;
8
+ type StatusBadgeIcon = React.ComponentType<{ className?: string }>;
8
9
 
9
10
  interface StatusBadgeProps extends Omit<
10
11
  React.ComponentProps<typeof Badge>,
@@ -15,6 +16,9 @@ interface StatusBadgeProps extends Omit<
15
16
  variant?: StatusBadgeVariant;
16
17
  variantMap?: Record<string, StatusBadgeVariant>;
17
18
  labelMap?: Record<string, React.ReactNode>;
19
+ icon?: StatusBadgeIcon;
20
+ iconMap?: Record<string, StatusBadgeIcon>;
21
+ iconClassName?: string;
18
22
  showDot?: boolean;
19
23
  dotClassName?: string;
20
24
  }
@@ -108,6 +112,9 @@ function StatusBadge({
108
112
  variant,
109
113
  variantMap,
110
114
  labelMap,
115
+ icon,
116
+ iconMap,
117
+ iconClassName,
111
118
  showDot = false,
112
119
  dotClassName,
113
120
  className,
@@ -116,11 +123,12 @@ function StatusBadge({
116
123
  const normalized = normalizeStatus(status);
117
124
  const resolvedVariant = variant ?? statusBadgeVariantFor(normalized, variantMap);
118
125
  const resolvedLabel = label ?? labelMap?.[normalized] ?? statusLabel(normalized);
126
+ const Icon = icon ?? iconMap?.[normalized];
119
127
 
120
128
  return (
121
129
  <Badge
122
130
  variant={resolvedVariant}
123
- className={cn("max-w-full whitespace-nowrap", showDot && "pl-2", className)}
131
+ className={cn("max-w-full whitespace-nowrap", (showDot || Icon) && "pl-2", className)}
124
132
  {...props}
125
133
  >
126
134
  {showDot && (
@@ -133,6 +141,7 @@ function StatusBadge({
133
141
  aria-hidden="true"
134
142
  />
135
143
  )}
144
+ {Icon && <Icon className={cn("size-3 shrink-0", iconClassName)} aria-hidden="true" />}
136
145
  <span className="min-w-0 truncate">{resolvedLabel}</span>
137
146
  </Badge>
138
147
  );