bmi-next-brokers 1.0.9 → 1.1.1

package/dist/assets/index.css

@@ -1 +1 @@
-._badge_lzevs_1{display:flex;justify-content:center;align-items:center;width:100%;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 6px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._medium_lzevs_14{padding:3px 8px}._small_lzevs_18{padding:2px 4px}
+._badge_c0j5t_1{display:flex;justify-content:center;align-items:center;width:fit-content;gap:4px;border-radius:28px;box-sizing:border-box;padding:4px 12px;transition:128ms cubic-bezier(.6,0,.4,1);position:relative}._fullWidth_c0j5t_14{width:100%}._medium_c0j5t_18{padding:3px 8px}._small_c0j5t_22{padding:2px 4px}

package/dist/components/badge/index.d.ts

@@ -26,6 +26,7 @@ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
     iconBefore?: IconProps;
     loading?: boolean;
     outline?: boolean;
+    fullWidth?: boolean;
 }
 /**
  * Componente Badge para mostrar texto o botón con estilos según variante y tamaño,

package/dist/components/badge/index.js

@@ -1,21 +1,23 @@
-import { jsxs as w, Fragment as F, jsx as r } from "react/jsx-runtime";
-import { Icon as c } from "../../icons/Icon.js";
-import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_14", p = "_small_lzevs_18", v = {
-  badge: I,
-  medium: k,
-  small: p
-}, S = ({
-  variant: t,
+import { jsxs as F, Fragment as I, jsx as v } from "react/jsx-runtime";
+import { Icon as s } from "../../icons/Icon.js";
+import '../../assets/index.css';const k = "_badge_c0j5t_1", p = "_fullWidth_c0j5t_14", _ = "_medium_c0j5t_18", P = "_small_c0j5t_22", o = {
+  badge: k,
+  fullWidth: p,
+  medium: _,
+  small: P
+}, $ = ({
+  variant: e,
   style: f,
-  size: e = "large",
+  size: t = "large",
   iconAfter: n,
   iconBefore: a,
   outline: l = !1,
   className: d,
   children: g,
-  ...C
+  fullWidth: C = !1,
+  ...A
 }) => {
-  const A = {
+  const m = {
     small: "small5Medium",
     medium: "small3Medium",
     large: "small3Medium"
@@ -56,7 +58,7 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
       default: "var(--Content-Disabled-Default, #CBD5E1)",
       outline: "var(--Fill-Disabled-Default, #F8FAFC)"
     }
-  }, s = {
+  }, c = {
     brand: {
       default: "var(--Content-Brand-Inverted-Active)",
       outline: "var(--Content-Brand-Default-Active)"
@@ -89,7 +91,7 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
       default: "var(--Content-Neutral-Default-Default)",
       outline: "var(--Content-Disabled-Default, #CBD5E1)"
     }
-  }, m = {
+  }, D = {
     brand: "var(--Stroke-Brand-Active)",
     info: "var(--Stroke-Info-Active)",
     new: "var(--Stroke-New-Active)",
@@ -97,43 +99,43 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
     positive: "var(--Stroke-Positive-Active)",
     warning: "var(--Stroke-Warning-Active)",
     negative: "var(--Stroke-Negative-Active)",
-    disabled: "var(--Stroke-Disabled-Default), #CBD5E1"
-  }, D = l ? u[t].outline : u[t].default, o = l ? s[t].outline : s[t].default, b = l ? m[t] : "transparent", N = `${A[e]} ${v.badge} ${v[e]} ${l ? v.outline : ""} ${d || ""}`, h = /* @__PURE__ */ w(F, { children: [
-    a && /* @__PURE__ */ r(
-      c,
+    disabled: "var(--Stroke-Disabled-Default, #CBD5E1)"
+  }, b = l ? u[e].outline : u[e].default, r = l ? c[e].outline : c[e].default, h = l ? D[e] : "transparent", N = `${m[t]} ${o.badge} ${o[t]} ${l ? o.outline : ""} ${C ? o.fullWidth : ""} ${d || ""}`, w = /* @__PURE__ */ F(I, { children: [
+    a && /* @__PURE__ */ v(
+      s,
       {
         name: a.name,
-        width: a.width ?? i[e],
-        height: a.height ?? i[e],
-        fill: a.fill ?? o
+        width: a.width ?? i[t],
+        height: a.height ?? i[t],
+        fill: a.fill ?? r
       }
     ),
     g,
-    n && /* @__PURE__ */ r(
-      c,
+    n && /* @__PURE__ */ v(
+      s,
       {
         name: n.name,
-        width: n.width ?? i[e],
-        height: n.height ?? i[e],
-        fill: n.fill ?? o
+        width: n.width ?? i[t],
+        height: n.height ?? i[t],
+        fill: n.fill ?? r
       }
     )
   ] });
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ v(
     "span",
     {
       className: N,
       style: {
-        color: o,
-        backgroundColor: D,
-        border: `1px solid ${b}`,
+        color: r,
+        backgroundColor: b,
+        border: `1px solid ${h}`,
         ...f
       },
-      ...C,
-      children: h
+      ...A,
+      children: w
     }
   );
 };
 export {
-  S as Badge
+  $ as Badge
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next-brokers",
   "description": "Componentes de UI para proyecto BMI Next Brokers",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "author": "BMI Ahorro España",
   "contributors": [
     "José Ramón Jiménez <jrjimenez@bmicos.com>",