bmi-next-brokers 1.0.6 → 1.0.7

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
- ._button_10psk_1{border:none;border-radius:1000px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Poppins Regular;font-weight:100;gap:8px;transition:all .2s ease-in-out;width:100%}._button_10psk_1:disabled{opacity:.6;cursor:not-allowed}._small_10psk_21{padding:4px 8px;font-size:14px;height:30px}._medium_10psk_27{padding:4px 10px;font-size:16px;height:36px}._large_10psk_33{padding:4px 12px;font-size:18px;height:42px}._brand_10psk_40{background:var(--Fill-Brand-Inverted-Active, #2054A5);color:#fff}._brand_10psk_40:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #4F88D9)}._brand_10psk_40:active:not(:disabled){box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--ui-blue-800, #16396F)}._brand_10psk_40:disabled{background:var(--Fill-Brand-Inverted-Innactive, #E0E9F8);color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)}._outline_10psk_58{background-color:transparent;color:var(--Stroke-Brand-Active, #2054A5);border:1px solid var(--Stroke-Brand-Active, #2054A5)}._outline_10psk_58:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Hover, #4F88D9);color:var(--Stroke-Brand-Hover, #4F88D9)}._outline_10psk_58:active{background:var(--Content-Brand-Inverted-Active, #EEF3FC);border:none!important;box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._outline_10psk_58:disabled{border:1px solid var(--Stroke-Brand-Innactive, #A2BFEC);color:var(--Stroke-Brand-Innactive, #A2BFEC)}._ghost_10psk_81{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054A5);border:none}._ghost_10psk_81:hover:not(:disabled){font-family:Poppins Medium}._ghost_10psk_81:active:not(:disabled){background:var(--Fill-Disabled-Default, #F8FAFC);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._ghost_10psk_81:disabled{color:var(--Content-Brand-Default-Innactive, #4F88D9)}._textLink_10psk_101{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054A5);border:none;text-decoration:underline}._textLink_10psk_101:hover:not(:disabled){font-family:Poppins Medium}._textLink_10psk_101:active:not(:disabled){background:var(--Fill-Disabled-Default, #F8FAFC);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._textLink_10psk_101:disabled{color:var(--Content-Brand-Default-Innactive, #4F88D9)}._button_10psk_1._inverted_10psk_122._brand_10psk_40{background:var(--Fill-Brand-Inverted-Active, #FFF);color:var(--Content-Brand-Inverted-Active, #2054A5)}._button_10psk_1._inverted_10psk_122._brand_10psk_40:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #EEF3FC);color:var(--Content-Brand-Inverted-Hover, #1B468A)}._button_10psk_1._inverted_10psk_122._brand_10psk_40:active:not(:disabled){box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._button_10psk_1._inverted_10psk_122._brand_10psk_40:disabled{background:var(--Fill-Brand-Inverted-Innactive, #2054A5);color:var(--Content-Brand-Inverted-Innactive, #4F88D9)}._button_10psk_1._inverted_10psk_122._outline_10psk_58{background-color:transparent!important;border:1px solid var(--Stroke-Brand-Active, #FFF)}._button_10psk_1._inverted_10psk_122._outline_10psk_58:not(:disabled){border:1px solid var(--Stroke-Brand-Active, #FFF);color:var(--Stroke-Brand-Active, #FFF);background-color:transparent!important}._button_10psk_1._inverted_10psk_122._outline_10psk_58:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #FFF);color:#f8f9fa!important;background-color:transparent!important}._button_10psk_1._inverted_10psk_122._outline_10psk_58:active:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #FFF);box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._button_10psk_1._inverted_10psk_122._outline_10psk_58:disabled{border:1px solid var(--Stroke-Brand-Innactive, #2054A5);color:var(--Stroke-Brand-Innactive, #2054A5)}._button_10psk_1._inverted_10psk_122._ghost_10psk_81{background-color:transparent!important;color:#fff!important;border:none!important}._button_10psk_1._inverted_10psk_122._ghost_10psk_81:hover:not(:disabled){background-color:#ffffff1a!important;color:var(--Stroke-Brand-Innactive, #2054A5)}._button_10psk_1._inverted_10psk_122._textLink_10psk_101{background-color:transparent!important;color:#fff!important;border:none!important;text-decoration:underline!important}._button_10psk_1._inverted_10psk_122._textLink_10psk_101:hover:not(:disabled){color:#f8f9fa!important;background-color:transparent!important}
1
+ ._button_196y8_1{border:none;border-radius:1000px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-family:Poppins Regular;font-weight:100;gap:8px;transition:all .2s ease-in-out;width:fit-content}._button_196y8_1:disabled{opacity:.6;cursor:not-allowed}._small_196y8_21{padding:4px 8px;font-size:14px;height:30px}._medium_196y8_27{padding:4px 10px;font-size:16px;height:36px}._large_196y8_33{padding:4px 12px;font-size:18px;height:42px}._brand_196y8_40{background:var(--Fill-Brand-Inverted-Active, #2054A5);color:#fff}._brand_196y8_40:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #4F88D9)}._brand_196y8_40:active:not(:disabled){box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--ui-blue-800, #16396F)}._brand_196y8_40:disabled{background:var(--Fill-Brand-Inverted-Innactive, #E0E9F8);color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)}._outline_196y8_58{background-color:transparent;color:var(--Stroke-Brand-Active, #2054A5);border:1px solid var(--Stroke-Brand-Active, #2054A5)}._outline_196y8_58:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Hover, #4F88D9);color:var(--Stroke-Brand-Hover, #4F88D9)}._outline_196y8_58:active{background:var(--Content-Brand-Inverted-Active, #EEF3FC);border:none!important;box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._outline_196y8_58:disabled{border:1px solid var(--Stroke-Brand-Innactive, #A2BFEC);color:var(--Stroke-Brand-Innactive, #A2BFEC)}._ghost_196y8_81{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054A5);border:none}._ghost_196y8_81:hover:not(:disabled){font-family:Poppins Medium}._ghost_196y8_81:active:not(:disabled){background:var(--Fill-Disabled-Default, #F8FAFC);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._ghost_196y8_81:disabled{color:var(--Content-Brand-Default-Innactive, #4F88D9)}._textLink_196y8_101{background-color:transparent;color:var(--Content-Brand-Default-Active, #2054A5);border:none;text-decoration:underline}._textLink_196y8_101:hover:not(:disabled){font-family:Poppins Medium}._textLink_196y8_101:active:not(:disabled){background:var(--Fill-Disabled-Default, #F8FAFC);box-shadow:0 0 0 var(--Focused_Stroke, 4px) var(--brand-Azul-digital-BMI-500, #2054A5)}._textLink_196y8_101:disabled{color:var(--Content-Brand-Default-Innactive, #4F88D9)}._button_196y8_1._inverted_196y8_122._brand_196y8_40{background:var(--Fill-Brand-Inverted-Active, #FFF);color:var(--Content-Brand-Inverted-Active, #2054A5)}._button_196y8_1._inverted_196y8_122._brand_196y8_40:hover:not(:disabled){background:var(--Fill-Brand-Inverted-Hover, #EEF3FC);color:var(--Content-Brand-Inverted-Hover, #1B468A)}._button_196y8_1._inverted_196y8_122._brand_196y8_40:active:not(:disabled){box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._button_196y8_1._inverted_196y8_122._brand_196y8_40:disabled{background:var(--Fill-Brand-Inverted-Innactive, #2054A5);color:var(--Content-Brand-Inverted-Innactive, #4F88D9)}._button_196y8_1._inverted_196y8_122._outline_196y8_58{background-color:transparent!important;border:1px solid var(--Stroke-Brand-Active, #FFF)}._button_196y8_1._inverted_196y8_122._outline_196y8_58:not(:disabled){border:1px solid var(--Stroke-Brand-Active, #FFF);color:var(--Stroke-Brand-Active, #FFF);background-color:transparent!important}._button_196y8_1._inverted_196y8_122._outline_196y8_58:hover:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #FFF);color:#f8f9fa!important;background-color:transparent!important}._button_196y8_1._inverted_196y8_122._outline_196y8_58:active:not(:disabled){border:2px solid var(--Stroke-Brand-Active, #FFF);box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._button_196y8_1._inverted_196y8_122._outline_196y8_58:disabled{border:1px solid var(--Stroke-Brand-Innactive, #2054A5);color:var(--Stroke-Brand-Innactive, #2054A5)}._button_196y8_1._inverted_196y8_122._ghost_196y8_81{background-color:transparent!important;color:#fff!important;border:none!important}._button_196y8_1._inverted_196y8_122._ghost_196y8_81:hover:not(:disabled){background-color:#ffffff1a!important;color:var(--Stroke-Brand-Innactive, #2054A5)}._button_196y8_1._inverted_196y8_122._textLink_196y8_101{background-color:transparent!important;color:#fff!important;border:none!important;text-decoration:underline!important}._button_196y8_1._inverted_196y8_122._textLink_196y8_101:hover:not(:disabled){color:#f8f9fa!important;background-color:transparent!important}._fullWidth_196y8_196{width:100%}
@@ -18,5 +18,6 @@ export interface ButtonProps {
18
18
  type?: "button" | "submit" | "reset";
19
19
  icon?: IconConfig;
20
20
  inverted?: boolean;
21
+ fullWidth?: boolean;
21
22
  }
22
23
  export declare const Button: React.FC<ButtonProps>;
@@ -1,58 +1,61 @@
1
- import { jsx as l, jsxs as i, Fragment as a } from "react/jsx-runtime";
2
- import { Icon as g } from "../../icons/Icon.js";
3
- import '../../assets/Button.css';const h = "_button_10psk_1", x = "_small_10psk_21", v = "_medium_10psk_27", C = "_large_10psk_33", j = "_brand_10psk_40", L = "_outline_10psk_58", B = "_ghost_10psk_81", w = "_textLink_10psk_101", y = "_inverted_10psk_122", t = {
4
- button: h,
5
- small: x,
6
- medium: v,
7
- large: C,
1
+ import { jsx as _, jsxs as i, Fragment as a } from "react/jsx-runtime";
2
+ import { Icon as x } from "../../icons/Icon.js";
3
+ import '../../assets/Button.css';const p = "_button_196y8_1", v = "_small_196y8_21", C = "_medium_196y8_27", W = "_large_196y8_33", j = "_brand_196y8_40", k = "_outline_196y8_58", L = "_ghost_196y8_81", B = "_textLink_196y8_101", w = "_inverted_196y8_122", E = "_fullWidth_196y8_196", t = {
4
+ button: p,
5
+ small: v,
6
+ medium: C,
7
+ large: W,
8
8
  brand: j,
9
- outline: L,
10
- ghost: B,
11
- textLink: w,
12
- inverted: y
13
- }, N = ({
9
+ outline: k,
10
+ ghost: L,
11
+ textLink: B,
12
+ inverted: w,
13
+ fullWidth: E
14
+ }, S = ({
14
15
  children: n,
15
- variant: m = "brand",
16
+ variant: u = "brand",
16
17
  size: e = "medium",
17
- disabled: u = !1,
18
- loading: o = !1,
19
- onClick: c,
20
- className: d,
21
- type: b = "button",
22
- icon: s,
23
- inverted: p = !1,
24
- ...k
18
+ disabled: d = !1,
19
+ loading: s = !1,
20
+ onClick: m,
21
+ className: c,
22
+ type: f = "button",
23
+ icon: o,
24
+ inverted: b = !1,
25
+ fullWidth: h = !1,
26
+ ...y
25
27
  }) => {
26
- const f = [
28
+ const g = [
27
29
  t.button,
28
- t[m],
30
+ t[u],
29
31
  t[e],
30
- p ? t.inverted : "",
31
- d
32
+ b ? t.inverted : "",
33
+ h ? t.fullWidth : "",
34
+ c
32
35
  ].filter(Boolean).join(" "), r = e === "small" ? 16 : e === "large" ? 20 : 18;
33
- return /* @__PURE__ */ l(
36
+ return /* @__PURE__ */ _(
34
37
  "button",
35
38
  {
36
- type: b,
37
- disabled: u || o,
38
- onClick: c,
39
- className: f,
40
- ...k,
39
+ type: f,
40
+ disabled: d || s,
41
+ onClick: m,
42
+ className: g,
43
+ ...y,
41
44
  children: (() => {
42
- if (o) return "Cargando...";
43
- if (!s) return n;
44
- const _ = /* @__PURE__ */ l(g, { name: s.name, width: r, height: r });
45
- return s.position === "before" ? /* @__PURE__ */ i(a, { children: [
46
- _,
45
+ if (s) return "Cargando...";
46
+ if (!o) return n;
47
+ const l = /* @__PURE__ */ _(x, { name: o.name, width: r, height: r });
48
+ return o.position === "before" ? /* @__PURE__ */ i(a, { children: [
49
+ l,
47
50
  n
48
51
  ] }) : /* @__PURE__ */ i(a, { children: [
49
52
  n,
50
- _
53
+ l
51
54
  ] });
52
55
  })()
53
56
  }
54
57
  );
55
58
  };
56
59
  export {
57
- N as Button
60
+ S as Button
58
61
  };
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.6",
4
+ "version": "1.0.7",
5
5
  "author": "BMI Ahorro España",
6
6
  "contributors": [
7
7
  "José Ramón Jiménez <jrjimenez@bmicos.com>",