@orangecheck/design 0.7.2 → 0.7.3

package/dist/index.mjs

@@ -1791,10 +1791,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
 }) {
@@ -1805,6 +1814,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: [
@@ -1831,6 +1841,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];
@@ -1840,6 +1851,7 @@ function makeStatusPill(map, options) {
         tone: spec?.tone ?? fallbackTone,
         label: spec?.label ?? status,
         icon: spec?.icon,
+        filled,
         variant,
         className
       }