bmi-next-brokers 1.0.9 → 1.1.0

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.
@@ -1 +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}
1
+ ._badge_10wrq_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}._medium_10wrq_14{padding:3px 8px}._small_10wrq_18{padding:2px 4px}
@@ -26,6 +26,7 @@ interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
26
26
  iconBefore?: IconProps;
27
27
  loading?: boolean;
28
28
  outline?: boolean;
29
+ fullWidth?: boolean;
29
30
  }
30
31
  /**
31
32
  * Componente Badge para mostrar texto o botón con estilos según variante y tamaño,
@@ -1,10 +1,10 @@
1
- import { jsxs as w, Fragment as F, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as F, Fragment as I, jsx as v } from "react/jsx-runtime";
2
2
  import { Icon as c } from "../../icons/Icon.js";
3
- import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_14", p = "_small_lzevs_18", v = {
4
- badge: I,
5
- medium: k,
6
- small: p
7
- }, S = ({
3
+ import '../../assets/index.css';const k = "_badge_10wrq_1", p = "_medium_10wrq_14", _ = "_small_10wrq_18", r = {
4
+ badge: k,
5
+ medium: p,
6
+ small: _
7
+ }, $ = ({
8
8
  variant: t,
9
9
  style: f,
10
10
  size: e = "large",
@@ -13,9 +13,10 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
13
13
  outline: l = !1,
14
14
  className: d,
15
15
  children: g,
16
- ...C
16
+ fullWidth: C = !1,
17
+ ...A
17
18
  }) => {
18
- const A = {
19
+ const m = {
19
20
  small: "small5Medium",
20
21
  medium: "small3Medium",
21
22
  large: "small3Medium"
@@ -89,7 +90,7 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
89
90
  default: "var(--Content-Neutral-Default-Default)",
90
91
  outline: "var(--Content-Disabled-Default, #CBD5E1)"
91
92
  }
92
- }, m = {
93
+ }, D = {
93
94
  brand: "var(--Stroke-Brand-Active)",
94
95
  info: "var(--Stroke-Info-Active)",
95
96
  new: "var(--Stroke-New-Active)",
@@ -97,9 +98,9 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
97
98
  positive: "var(--Stroke-Positive-Active)",
98
99
  warning: "var(--Stroke-Warning-Active)",
99
100
  negative: "var(--Stroke-Negative-Active)",
100
- disabled: "var(--Stroke-Disabled-Default), #CBD5E1"
101
- }, 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: [
102
- a && /* @__PURE__ */ r(
101
+ disabled: "var(--Stroke-Disabled-Default, #CBD5E1)"
102
+ }, b = l ? u[t].outline : u[t].default, o = l ? s[t].outline : s[t].default, w = l ? D[t] : "transparent", h = `${m[e]} ${r.badge} ${r[e]} ${l ? r.outline : ""} ${C ? r.fullWidth : ""} ${d || ""}`, N = /* @__PURE__ */ F(I, { children: [
103
+ a && /* @__PURE__ */ v(
103
104
  c,
104
105
  {
105
106
  name: a.name,
@@ -109,7 +110,7 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
109
110
  }
110
111
  ),
111
112
  g,
112
- n && /* @__PURE__ */ r(
113
+ n && /* @__PURE__ */ v(
113
114
  c,
114
115
  {
115
116
  name: n.name,
@@ -119,21 +120,21 @@ import '../../assets/index.css';const I = "_badge_lzevs_1", k = "_medium_lzevs_1
119
120
  }
120
121
  )
121
122
  ] });
122
- return /* @__PURE__ */ r(
123
+ return /* @__PURE__ */ v(
123
124
  "span",
124
125
  {
125
- className: N,
126
+ className: h,
126
127
  style: {
127
128
  color: o,
128
- backgroundColor: D,
129
- border: `1px solid ${b}`,
129
+ backgroundColor: b,
130
+ border: `1px solid ${w}`,
130
131
  ...f
131
132
  },
132
- ...C,
133
- children: h
133
+ ...A,
134
+ children: N
134
135
  }
135
136
  );
136
137
  };
137
138
  export {
138
- S as Badge
139
+ $ as Badge
139
140
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "bmi-next-brokers",
3
3
  "description": "Componentes de UI para proyecto BMI Next Brokers",
4
- "version": "1.0.9",
4
+ "version": "1.1.0",
5
5
  "author": "BMI Ahorro España",
6
6
  "contributors": [
7
7
  "José Ramón Jiménez <jrjimenez@bmicos.com>",