@orangecheck/design 0.7.2 → 0.7.3

package/dist/primitives.d.mts

@@ -268,10 +268,11 @@ interface StatusPillProps {
     label: string;
     tone?: StatusTone;
     variant?: StatusPillVariant;
+    filled?: boolean;
     icon?: ReactNode;
     className?: string;
 }
-declare function StatusPill({ label, tone, variant, icon, className, }: StatusPillProps): react_jsx_runtime.JSX.Element;
+declare function StatusPill({ label, tone, variant, filled, icon, className, }: StatusPillProps): react_jsx_runtime.JSX.Element;
 interface StatusPillSpec {
     tone: StatusTone;
     label?: string;
@@ -279,6 +280,7 @@ interface StatusPillSpec {
 }
 declare function makeStatusPill<S extends string>(map: Record<S, StatusPillSpec>, options?: {
     variant?: StatusPillVariant;
+    filled?: boolean;
     fallbackTone?: StatusTone;
 }): (props: {
     status: S;

package/dist/primitives.d.ts

@@ -268,10 +268,11 @@ interface StatusPillProps {
     label: string;
     tone?: StatusTone;
     variant?: StatusPillVariant;
+    filled?: boolean;
     icon?: ReactNode;
     className?: string;
 }
-declare function StatusPill({ label, tone, variant, icon, className, }: StatusPillProps): react_jsx_runtime.JSX.Element;
+declare function StatusPill({ label, tone, variant, filled, icon, className, }: StatusPillProps): react_jsx_runtime.JSX.Element;
 interface StatusPillSpec {
     tone: StatusTone;
     label?: string;
@@ -279,6 +280,7 @@ interface StatusPillSpec {
 }
 declare function makeStatusPill<S extends string>(map: Record<S, StatusPillSpec>, options?: {
     variant?: StatusPillVariant;
+    filled?: boolean;
     fallbackTone?: StatusTone;
 }): (props: {
     status: S;

package/dist/primitives.js

@@ -1453,10 +1453,19 @@ var BORDER_TONE = {
   primary: "border-primary/40 text-primary",
   info: "border-info/40 text-info"
 };
+var FILL_TONE = {
+  success: "bg-success/10",
+  warning: "bg-warning/10",
+  destructive: "bg-destructive/10",
+  muted: "bg-muted/30",
+  primary: "bg-primary/10",
+  info: "bg-info/10"
+};
 function StatusPill({
   label,
   tone = "muted",
   variant = "plain",
+  filled = false,
   icon,
   className
 }) {
@@ -1467,6 +1476,7 @@ function StatusPill({
         className: cn(
           "inline-flex items-center gap-1.5 border px-1.5 py-0.5 font-mono text-[9px] tracking-widest uppercase",
           BORDER_TONE[tone],
+          filled && FILL_TONE[tone],
           className
         ),
         children: [
@@ -1493,6 +1503,7 @@ function StatusPill({
 }
 function makeStatusPill(map, options) {
   const variant = options?.variant ?? "plain";
+  const filled = options?.filled ?? false;
   const fallbackTone = options?.fallbackTone ?? "muted";
   function DomainStatusPill({ status, className }) {
     const spec = map[status];
@@ -1502,6 +1513,7 @@ function makeStatusPill(map, options) {
         tone: spec?.tone ?? fallbackTone,
         label: spec?.label ?? status,
         icon: spec?.icon,
+        filled,
         variant,
         className
       }