bmi-next-brokers 1.0.4 → 1.0.6
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.
- package/dist/Input.module-DEnV7xlj.js +78 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/Select.css +1 -1
- package/dist/components/Button/Button.js +27 -27
- package/dist/components/Input/Checkbox/Checkbox.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/RadioButton/RadioButton.js +1 -1
- package/dist/components/Select/Select.js +39 -39
- package/package.json +1 -1
- package/dist/Input.module-BwNneWhJ.js +0 -78
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import './assets/Input.css';const e = "_inputContainer_2bbhe_1", _ = "_label_2bbhe_8", r = "_label_large_2bbhe_16", d = "_label_disabled_2bbhe_21", o = "_inputWrapper_2bbhe_25", l = "_input_2bbhe_1", a = "_inputCheckbox_2bbhe_44", b = "_inputCheckbox_checked_2bbhe_63", c = "_inputCheckbox_disabled_checked_2bbhe_69", i = "_error_2bbhe_80", t = "_error_checked_2bbhe_88", s = "_inverted_2bbhe_98", n = "_inputCheckbox_disabled_2bbhe_69", h = "_CheckboxRadio_placeholder_disabled_2bbhe_213", p = "_small_2bbhe_220", k = "_withIcon_2bbhe_225", v = "_medium_2bbhe_229", g = "_large_2bbhe_238", x = "_dateInput_2bbhe_273", u = "_smallCheckbox_2bbhe_308", m = "_mediumCheckbox_2bbhe_313", P = "_largeCheckbox_2bbhe_317", T = "_smallRadio_2bbhe_322", C = "_mediumRadio_2bbhe_331", I = "_largeRadio_2bbhe_335", M = "_errorShake_2bbhe_1", w = "_errorMessage_2bbhe_360", q = "_errorMessageSlide_2bbhe_1", R = "_errorMessage_small_2bbhe_369", S = "_errorMessage_medium_2bbhe_373", W = "_errorMessage_large_2bbhe_377", y = "_helperText_2bbhe_381", f = "_helperText_small_2bbhe_389", j = "_helperText_medium_2bbhe_393", z = "_helperText_large_2bbhe_397", A = "_helperText_disabled_2bbhe_402", B = "_icon_2bbhe_407", D = "_icon_disabled_2bbhe_420", E = "_passwordToggle_2bbhe_425", F = "_passwordToggle_disabled_2bbhe_453", G = "_passwordToggle_inverted_2bbhe_463", H = "_passwordToggle_inverted_disabled_2bbhe_476", J = "_dateIcon_2bbhe_486", K = "_dateIcon_disabled_2bbhe_502", L = "_dateIcon_inverted_2bbhe_507", N = "_dateIcon_inverted_disabled_2bbhe_512", O = "_dateIcon_error_2bbhe_518", Q = "_dateIcon_inverted_error_2bbhe_522", U = "_required_2bbhe_527", V = "_checkboxPlaceholder_2bbhe_534", X = "_checkboxPlaceholder_disable_2bbhe_542", Y = "_radioPlaceholder_2bbhe_560", Z = "_radioPlaceholder_disabled_2bbhe_568", $ = "_radioPlaceholder_inverted_2bbhe_573", ee = "_radioPlaceholder_inverted_disabled_2bbhe_577", _e = "_radioPlaceholder_inverted_checked_2bbhe_581", re = "_inputCheckbox_inverted_checked_2bbhe_585", de = "_radioPlaceholder_inverted_error_2bbhe_591", oe = "_radioPlaceholder_error_2bbhe_595", le = "_radioPlaceholder_inverted_error_checked_2bbhe_599", ae = "_radioPlaceholder_error_checked_2bbhe_603", be = "_radioPlaceholder_checked_2bbhe_607", ce = "_radioPlaceholder_disabled_checked_2bbhe_611", ie = "_required_inverted_2bbhe_797", te = "_required_disabled_2bbhe_801", se = "_required_inverted_disabled_2bbhe_805", ne = "_label_inverted_2bbhe_864", he = "_helperText_inverted_2bbhe_868", pe = "_icon_inverted_2bbhe_872", ke = "_errorMessage_inverted_2bbhe_876", ve = "_label_inverted_disabled_2bbhe_913", ge = "_helperText_inverted_disabled_2bbhe_917", xe = "_icon_inverted_disabled_2bbhe_922", ue = {
|
|
2
|
+
inputContainer: e,
|
|
3
|
+
label: _,
|
|
4
|
+
label_large: r,
|
|
5
|
+
label_disabled: d,
|
|
6
|
+
inputWrapper: o,
|
|
7
|
+
input: l,
|
|
8
|
+
inputCheckbox: a,
|
|
9
|
+
inputCheckbox_checked: b,
|
|
10
|
+
inputCheckbox_disabled_checked: c,
|
|
11
|
+
error: i,
|
|
12
|
+
error_checked: t,
|
|
13
|
+
inverted: s,
|
|
14
|
+
inputCheckbox_disabled: n,
|
|
15
|
+
CheckboxRadio_placeholder_disabled: h,
|
|
16
|
+
small: p,
|
|
17
|
+
withIcon: k,
|
|
18
|
+
medium: v,
|
|
19
|
+
large: g,
|
|
20
|
+
dateInput: x,
|
|
21
|
+
smallCheckbox: u,
|
|
22
|
+
mediumCheckbox: m,
|
|
23
|
+
largeCheckbox: P,
|
|
24
|
+
smallRadio: T,
|
|
25
|
+
mediumRadio: C,
|
|
26
|
+
largeRadio: I,
|
|
27
|
+
errorShake: M,
|
|
28
|
+
errorMessage: w,
|
|
29
|
+
errorMessageSlide: q,
|
|
30
|
+
errorMessage_small: R,
|
|
31
|
+
errorMessage_medium: S,
|
|
32
|
+
errorMessage_large: W,
|
|
33
|
+
helperText: y,
|
|
34
|
+
helperText_small: f,
|
|
35
|
+
helperText_medium: j,
|
|
36
|
+
helperText_large: z,
|
|
37
|
+
helperText_disabled: A,
|
|
38
|
+
icon: B,
|
|
39
|
+
icon_disabled: D,
|
|
40
|
+
passwordToggle: E,
|
|
41
|
+
passwordToggle_disabled: F,
|
|
42
|
+
passwordToggle_inverted: G,
|
|
43
|
+
passwordToggle_inverted_disabled: H,
|
|
44
|
+
dateIcon: J,
|
|
45
|
+
dateIcon_disabled: K,
|
|
46
|
+
dateIcon_inverted: L,
|
|
47
|
+
dateIcon_inverted_disabled: N,
|
|
48
|
+
dateIcon_error: O,
|
|
49
|
+
dateIcon_inverted_error: Q,
|
|
50
|
+
required: U,
|
|
51
|
+
checkboxPlaceholder: V,
|
|
52
|
+
checkboxPlaceholder_disable: X,
|
|
53
|
+
radioPlaceholder: Y,
|
|
54
|
+
radioPlaceholder_disabled: Z,
|
|
55
|
+
radioPlaceholder_inverted: $,
|
|
56
|
+
radioPlaceholder_inverted_disabled: ee,
|
|
57
|
+
radioPlaceholder_inverted_checked: _e,
|
|
58
|
+
inputCheckbox_inverted_checked: re,
|
|
59
|
+
radioPlaceholder_inverted_error: de,
|
|
60
|
+
radioPlaceholder_error: oe,
|
|
61
|
+
radioPlaceholder_inverted_error_checked: le,
|
|
62
|
+
radioPlaceholder_error_checked: ae,
|
|
63
|
+
radioPlaceholder_checked: be,
|
|
64
|
+
radioPlaceholder_disabled_checked: ce,
|
|
65
|
+
required_inverted: ie,
|
|
66
|
+
required_disabled: te,
|
|
67
|
+
required_inverted_disabled: se,
|
|
68
|
+
label_inverted: ne,
|
|
69
|
+
helperText_inverted: he,
|
|
70
|
+
icon_inverted: pe,
|
|
71
|
+
errorMessage_inverted: ke,
|
|
72
|
+
label_inverted_disabled: ve,
|
|
73
|
+
helperText_inverted_disabled: ge,
|
|
74
|
+
icon_inverted_disabled: xe
|
|
75
|
+
};
|
|
76
|
+
export {
|
|
77
|
+
ue as s
|
|
78
|
+
};
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +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}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputContainer_11ur4_1{display:flex;flex-direction:column;gap:4px;cursor:pointer}._label_11ur4_8{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_11ur4_16{font-size:15px;margin-bottom:6px}._label_disabled_11ur4_21{color:var(--content-disabled-default, #cbd5e1)}._inputWrapper_11ur4_25{position:relative;display:flex;align-items:center}._input_11ur4_1{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:100%;background-color:#fff}._inputCheckbox_11ur4_43{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:93%;background-color:#fff}._inputCheckbox_11ur4_43:hover{border:1px solid var(--Stroke-Neutral-Primary, #94A3B8)}._inputCheckbox_11ur4_43:active{border:1px solid #45C2D6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45C2D6)}._inputCheckbox_checked_11ur4_63{background:var(--Fill-Brand-Inverted-Active, #2054A5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054A5);color:#fff}._inputCheckbox_disabled_checked_11ur4_69{background:var(--Fill-Brand-Inverted-Innactive, #E0E9F8)!important;border:1px solid var(--Fill-Brand-Inverted-Innactive, #E0E9F8)!important;color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)!important}._inputCheckbox_11ur4_43:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._inputCheckbox_11ur4_43._error_11ur4_80:hover{border:1px solid var(--Stroke-Negative-Active, #DC2626)}._inputCheckbox_11ur4_43._error_11ur4_80:active{box-shadow:3px 3px 0 0 var(--Fill-Negative-Inverted-Active, #DC2626)}._inputCheckbox_11ur4_43._error_checked_11ur4_88{background:var(--Fill-Negative-Inverted-Active, #DC2626);color:var(--Content-Brand-Inverted-Active, #EEF3FC)}._inputCheckbox_11ur4_43._error_11ur4_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)}._inputCheckbox_11ur4_43._inverted_11ur4_98{border:1px solid var(--Content-Neutral-Default-Active, #FFF);background-color:transparent!important}._inputCheckbox_11ur4_43._inverted_11ur4_98:hover{border:1px solid var(--Stroke-Neutral-Primary, #E0E9F8)}._inputCheckbox_11ur4_43._inverted_11ur4_98:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)!important}._inputCheckbox_11ur4_43._inverted_11ur4_98:active{border:1px solid #45C2D6!important}._inputCheckbox_checked_11ur4_63._inverted_11ur4_98{background:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054A5)!important;color:#fff!important}._inputCheckbox_11ur4_43._inverted_11ur4_98._error_11ur4_80{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Brand-Inverted-Active, #2054A5)!important;background-color:transparent!important}._inputCheckbox_11ur4_43._inverted_11ur4_98._error_11ur4_80:hover{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important}._inputCheckbox_11ur4_43._inverted_11ur4_98._error_11ur4_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inputCheckbox_11ur4_43._inverted_11ur4_98._error_11ur4_80:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #DC2626)!important}._inputCheckbox_11ur4_43._inverted_11ur4_98._error_checked_11ur4_88{background:var(--Fill-Negative-Inverted-Active, #e05c5c)!important;border:1px solid var(--Fill-Negative-Inverted-Active, #EF4444)!important;color:#fff!important}._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98{border:1px solid var(--Stroke-Disabled-Default, #1B468A)!important;background-color:transparent!important;color:var(--content-disabled-default, #4F88D9)!important;cursor:not-allowed}._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98:hover{border:1px solid var(--Stroke-Disabled-Default, #1B468A)!important;background-color:transparent!important}._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98:focus,._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98:active{box-shadow:none!important}._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98._error_11ur4_80{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Negative-Default-Active, #F87171)!important}._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98._error_11ur4_80:focus,._inputCheckbox_disabled_11ur4_69._inverted_11ur4_98._error_11ur4_80:active{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inputCheckbox_disabled_11ur4_69{border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:93%;border:1px solid var(--Stroke-Disabled-Default, #CBD5E1);background:var(--Fill-Disabled-Default, #f8fafc);color:#2054a5;cursor:not-allowed}._input_11ur4_1:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_11ur4_1:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_11ur4_1::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._input_11ur4_1:disabled{border-radius:16px;border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._input_11ur4_1:disabled::placeholder,._CheckboxRadio_placeholder_disabled_11ur4_214{color:var(--Content-Neutral-Disabled, #94a3b8)}._CheckboxRadio_placeholder_disabled_11ur4_214{margin-left:-10px}._small_11ur4_221{padding:8px 11px;font-size:12px}._small_11ur4_221._withIcon_11ur4_226{padding:11px 8px 11px 28px}._medium_11ur4_230{padding:8px 10px;font-size:14px}._medium_11ur4_230._withIcon_11ur4_226{padding:8px 10px 8px 30px}._large_11ur4_239{padding:11px 12px;font-size:15px}._large_11ur4_239._withIcon_11ur4_226{padding:11px 12px 11px 32px}._small_11ur4_221[type=password]{padding:8px 36px 8px 11px}._small_11ur4_221[type=password]._withIcon_11ur4_226{padding:11px 36px 11px 28px}._medium_11ur4_230[type=password]{padding:8px 36px 8px 10px}._medium_11ur4_230[type=password]._withIcon_11ur4_226{padding:8px 36px 8px 30px}._large_11ur4_239[type=password]{padding:11px 40px 11px 12px}._large_11ur4_239[type=password]._withIcon_11ur4_226{padding:11px 40px 11px 32px}._dateInput_11ur4_274{position:relative}._dateInput_11ur4_274::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_11ur4_274::-webkit-inner-spin-button{display:none}._dateInput_11ur4_274::-webkit-clear-button{display:none}._small_11ur4_221._dateInput_11ur4_274{padding:8px 42px 8px 11px}._medium_11ur4_230._dateInput_11ur4_274{padding:8px 42px 8px 10px}._large_11ur4_239._dateInput_11ur4_274{padding:11px 42px 11px 12px}._smallCheckbox_11ur4_309{padding:3px 11px;font-size:12px}._mediumCheckbox_11ur4_314{padding:4px 10px;font-size:14px}._largeCheckbox_11ur4_318{padding:5.5px 12px;font-size:15px}._smallRadio_11ur4_323{padding:3px 11px;font-size:12px}._inputCheckbox_11ur4_43._smallCheckbox_11ur4_309{border-radius:14px}._mediumRadio_11ur4_332{padding:3px 10px;font-size:14px}._largeRadio_11ur4_336{padding:4px 12px;font-size:15px}._error_11ur4_80{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_11ur4_1 .4s ease-in-out}._error_11ur4_80::placeholder{color:#d6837a}._error_11ur4_80:active{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_11ur4_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._errorMessage_11ur4_361{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px;animation:_errorMessageSlide_11ur4_1 .3s ease-out;transform-origin:top}._errorMessage_small_11ur4_370{font-size:10px}._errorMessage_medium_11ur4_374{font-size:12px}._errorMessage_large_11ur4_378{font-size:14px}._helperText_11ur4_382{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_small_11ur4_390,._helperText_medium_11ur4_394{font-size:11px}._helperText_large_11ur4_398{font-size:13px;margin-top:7px}._helperText_disabled_11ur4_403{color:var(--content-disabled-default, #cbd5e1)}._icon_11ur4_408{position:absolute;left:8px;color:var(--Content-Neutral-Default, #475569);pointer-events:none;z-index:10;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}._icon_disabled_11ur4_421{color:var(--Content-Neutral-Disabled, #94a3b8)}._passwordToggle_11ur4_426{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Content-Neutral-Default, #475569);padding:4px;border-radius:4px;transition:all .2s ease;z-index:10}._passwordToggle_11ur4_426:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_11ur4_426:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_disabled_11ur4_454{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._passwordToggle_disabled_11ur4_454:hover{background:none}._passwordToggle_inverted_11ur4_464{color:#fff}._passwordToggle_inverted_11ur4_464:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_11ur4_464:focus{box-shadow:0 0 0 2px #ffffff4d}._passwordToggle_inverted_disabled_11ur4_477{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._passwordToggle_inverted_disabled_11ur4_477:hover{background:none}._dateIcon_11ur4_487{position:absolute;right:8px;top:0;bottom:0;color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:10;padding-left:8px;border-left:1px solid #ddd;width:32px}._dateIcon_disabled_11ur4_503{color:var(--Content-Neutral-Disabled, #94a3b8);border-left-color:var(--Stroke-Disabled-Default, #cbd5e1)}._dateIcon_inverted_11ur4_508{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_inverted_disabled_11ur4_513{color:var(--content-disabled-default, #4f88d9);border-left-color:var(--Stroke-Disabled-Default, #1b468a)}._dateIcon_error_11ur4_519{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_11ur4_523{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_11ur4_528{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._checkboxPlaceholder_11ur4_535{color:var(--Content-Neutral-Default-Active);font-family:Poppins Regular;font-weight:100;pointer-events:none;margin-left:-10px}._checkboxPlaceholder_disable_11ur4_543{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._checkboxPlaceholder_11ur4_535._small_11ur4_221{font-size:12px}._checkboxPlaceholder_11ur4_535._medium_11ur4_230{font-size:14px}._checkboxPlaceholder_11ur4_535._large_11ur4_239{font-size:15px}._radioPlaceholder_11ur4_561{color:var(--Content-Neutral-Default-Active, #000);font-family:Poppins Regular;font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholder_disabled_11ur4_569{color:var(--content-disabled-default, #CBD5E1);cursor:not-allowed}._radioPlaceholder_inverted_11ur4_574{color:#fff}._radioPlaceholder_inverted_disabled_11ur4_578{color:var(--content-disabled-default, #4F88D9)}._radioPlaceholder_inverted_checked_11ur4_582{color:var(--Content-Brand-Inverted-Active, #2054A5)}._inputCheckbox_11ur4_43._inverted_11ur4_98._inputCheckbox_inverted_checked_11ur4_586{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #2054A5)}._radioPlaceholder_inverted_error_11ur4_592{color:var(--Content-Negative-Default-Active, #FCA5A5)}._radioPlaceholder_error_11ur4_596{color:var(--Content-Negative-Default-Active, #DC2626)}._radioPlaceholder_inverted_error_checked_11ur4_600{color:var(--Content-Negative-Inverted-Hover, #FEF2F2)}._radioPlaceholder_error_checked_11ur4_604,._radioPlaceholder_checked_11ur4_608{color:var(--Content-Brand-Inverted-Active, #EEF3FC)}._radioPlaceholder_disabled_checked_11ur4_612{color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--Content-Neutral-Default-Active, #000);background-color:transparent;margin-right:8px;position:relative;cursor:pointer}input[type=radio]:checked{background-color:#fff;border:none}._error_11ur4_80 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #DC2626)}._error_11ur4_80 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_11ur4_98 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_11ur4_98 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_11ur4_98._error_11ur4_80 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_11ur4_98 input[type=radio]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_11ur4_98 input[type=radio]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:none!important}._inputCheckbox_inverted_checked_11ur4_586 input[type=radio]:checked{background-color:var(--Content-Brand-Inverted-Active, #2054A5)!important;border:none!important}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:2px;border:2px solid var(--Content-Neutral-Default-Active, #000);background-color:transparent;margin-right:8px;position:relative;cursor:pointer;flex-shrink:0}input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}input[type=checkbox]:checked:after{content:"";position:absolute;left:3.5px;top:1px;width:4px;height:7px;border:solid #2054A5;border-width:0 2px 2px 0;transform:rotate(45deg)}._error_11ur4_80 input[type=checkbox]{border:2px solid var(--Stroke-Negative-Active, #DC2626)}._error_11ur4_80 input[type=checkbox]:checked{background-color:#fff;border:2px solid white;position:relative}._inverted_11ur4_98 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_11ur4_98 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_11ur4_98._error_11ur4_80 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_11ur4_98 input[type=checkbox]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_11ur4_98 input[type=checkbox]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_11ur4_586 input[type=checkbox]:checked{background-color:var(--Content-Brand-Inverted-Active, #2054A5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_11ur4_586 input[type=checkbox]:checked:after,input[type=checkbox]:disabled:checked:after{border-color:#fff}._error_11ur4_80 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #DC2626);left:2px;top:-1px}._inverted_11ur4_98._error_11ur4_80 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #DC2626);left:3px;top:1px}input[type=checkbox]:disabled{cursor:not-allowed;background-color:transparent;border-color:var(--content-disabled-default, #CBD5E1)}input[type=checkbox]:disabled:checked{background-color:var(--Content-Brand-Inverted-Innactive, #A2BFEC);border:none;position:relative}input[type=radio]:disabled{cursor:not-allowed;background-color:transparent;border-color:var(--content-disabled-default, #CBD5E1)}input[type=radio]:disabled:checked{background-color:var(--Content-Brand-Inverted-Innactive, #A2BFEC);border:none}._required_inverted_11ur4_798{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_11ur4_802{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_disabled_11ur4_806{color:var(--content-disabled-default, #4F88D9)}@keyframes _errorShake_11ur4_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_11ur4_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}._inverted_11ur4_98{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_11ur4_98:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_11ur4_98:active{border:1px solid white!important}._inverted_11ur4_98::placeholder{color:#ffffffb3!important}._label_inverted_11ur4_865{color:#fff!important}._helperText_inverted_11ur4_869{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_11ur4_873{color:#fff!important}._errorMessage_inverted_11ur4_877{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_11ur4_98._error_11ur4_80{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_11ur4_98._error_11ur4_80::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_11ur4_98._error_11ur4_80:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_11ur4_98._error_11ur4_80:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_11ur4_98:disabled{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_11ur4_98:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_11ur4_914{color:var(--Content-Neutral-Default-Active, #FFF)}._helperText_inverted_disabled_11ur4_918{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._icon_inverted_disabled_11ur4_923{color:var(--content-disabled-default, #4f88d9)!important}._inverted_11ur4_98:disabled:focus,._inverted_11ur4_98:disabled:active{box-shadow:none!important}._inverted_11ur4_98._error_11ur4_80:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_11ur4_98._error_11ur4_80:disabled:focus,._inverted_11ur4_98._error_11ur4_80:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_11ur4_98._error_11ur4_80:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}
|
|
1
|
+
._inputContainer_2bbhe_1{display:flex;flex-direction:column;gap:4px;cursor:pointer}._label_2bbhe_8{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_2bbhe_16{font-size:15px;margin-bottom:6px}._label_disabled_2bbhe_21{color:var(--content-disabled-default, #cbd5e1)}._inputWrapper_2bbhe_25{position:relative;display:flex;align-items:center;width:100%}._input_2bbhe_1{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:100%;background-color:#fff}._inputCheckbox_2bbhe_44{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_2bbhe_44:hover{border:1px solid var(--Stroke-Neutral-Primary, #94A3B8)}._inputCheckbox_2bbhe_44:active{border:1px solid #45C2D6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45C2D6)}._inputCheckbox_checked_2bbhe_63{background:var(--Fill-Brand-Inverted-Active, #2054A5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054A5);color:#fff}._inputCheckbox_disabled_checked_2bbhe_69{background:var(--Fill-Brand-Inverted-Innactive, #E0E9F8)!important;border:1px solid var(--Fill-Brand-Inverted-Innactive, #E0E9F8)!important;color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)!important}._inputCheckbox_2bbhe_44:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._inputCheckbox_2bbhe_44._error_2bbhe_80:hover{border:1px solid var(--Stroke-Negative-Active, #DC2626)}._inputCheckbox_2bbhe_44._error_2bbhe_80:active{box-shadow:3px 3px 0 0 var(--Fill-Negative-Inverted-Active, #DC2626)}._inputCheckbox_2bbhe_44._error_checked_2bbhe_88{background:var(--Fill-Negative-Inverted-Active, #DC2626);color:var(--Content-Brand-Inverted-Active, #EEF3FC)}._inputCheckbox_2bbhe_44._error_2bbhe_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)}._inputCheckbox_2bbhe_44._inverted_2bbhe_98{border:1px solid var(--Content-Neutral-Default-Active, #FFF);background-color:transparent!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98:hover{border:1px solid var(--Stroke-Neutral-Primary, #E0E9F8)}._inputCheckbox_2bbhe_44._inverted_2bbhe_98:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98:active{border:1px solid #45C2D6!important}._inputCheckbox_checked_2bbhe_63._inverted_2bbhe_98{background:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054A5)!important;color:#fff!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._error_2bbhe_80{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Brand-Inverted-Active, #2054A5)!important;background-color:transparent!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._error_2bbhe_80:hover{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._error_2bbhe_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._error_2bbhe_80:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #DC2626)!important}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._error_checked_2bbhe_88{background:var(--Fill-Negative-Inverted-Active, #e05c5c)!important;border:1px solid var(--Fill-Negative-Inverted-Active, #EF4444)!important;color:#fff!important}._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98{border:1px solid var(--Stroke-Disabled-Default, #1B468A)!important;background-color:transparent!important;color:var(--content-disabled-default, #4F88D9)!important;cursor:not-allowed}._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98:hover{border:1px solid var(--Stroke-Disabled-Default, #1B468A)!important;background-color:transparent!important}._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98:focus,._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98:active{box-shadow:none!important}._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98._error_2bbhe_80{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Negative-Default-Active, #F87171)!important}._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98._error_2bbhe_80:focus,._inputCheckbox_disabled_2bbhe_69._inverted_2bbhe_98._error_2bbhe_80:active{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inputCheckbox_disabled_2bbhe_69{border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;border:1px solid var(--Stroke-Disabled-Default, #CBD5E1);background:var(--Fill-Disabled-Default, #f8fafc);color:#2054a5;cursor:not-allowed}._input_2bbhe_1:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_2bbhe_1:active{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_2bbhe_1::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._input_2bbhe_1:disabled{border-radius:16px;border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._input_2bbhe_1:disabled::placeholder,._CheckboxRadio_placeholder_disabled_2bbhe_213{color:var(--Content-Neutral-Disabled, #94a3b8)}._CheckboxRadio_placeholder_disabled_2bbhe_213{margin-left:-10px}._small_2bbhe_220{padding:8px 11px;font-size:12px}._small_2bbhe_220._withIcon_2bbhe_225{padding:11px 8px 11px 28px}._medium_2bbhe_229{padding:8px 10px;font-size:14px}._medium_2bbhe_229._withIcon_2bbhe_225{padding:8px 10px 8px 30px}._large_2bbhe_238{padding:11px 12px;font-size:15px}._large_2bbhe_238._withIcon_2bbhe_225{padding:11px 12px 11px 32px}._small_2bbhe_220[type=password]{padding:8px 36px 8px 11px}._small_2bbhe_220[type=password]._withIcon_2bbhe_225{padding:11px 36px 11px 28px}._medium_2bbhe_229[type=password]{padding:8px 36px 8px 10px}._medium_2bbhe_229[type=password]._withIcon_2bbhe_225{padding:8px 36px 8px 30px}._large_2bbhe_238[type=password]{padding:11px 40px 11px 12px}._large_2bbhe_238[type=password]._withIcon_2bbhe_225{padding:11px 40px 11px 32px}._dateInput_2bbhe_273{position:relative}._dateInput_2bbhe_273::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_2bbhe_273::-webkit-inner-spin-button{display:none}._dateInput_2bbhe_273::-webkit-clear-button{display:none}._small_2bbhe_220._dateInput_2bbhe_273{padding:8px 42px 8px 11px}._medium_2bbhe_229._dateInput_2bbhe_273{padding:8px 42px 8px 10px}._large_2bbhe_238._dateInput_2bbhe_273{padding:11px 42px 11px 12px}._smallCheckbox_2bbhe_308{padding:3px 11px;font-size:12px}._mediumCheckbox_2bbhe_313{padding:4px 10px;font-size:14px}._largeCheckbox_2bbhe_317{padding:5.5px 12px;font-size:15px}._smallRadio_2bbhe_322{padding:3px 11px;font-size:12px}._inputCheckbox_2bbhe_44._smallCheckbox_2bbhe_308{border-radius:14px}._mediumRadio_2bbhe_331{padding:3px 10px;font-size:14px}._largeRadio_2bbhe_335{padding:4px 12px;font-size:15px}._error_2bbhe_80{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);color:var(--Content-Negative-Default-Active, #dc2626);animation:_errorShake_2bbhe_1 .4s ease-in-out}._error_2bbhe_80::placeholder{color:#d6837a}._error_2bbhe_80:active{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_2bbhe_80:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._errorMessage_2bbhe_360{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px;animation:_errorMessageSlide_2bbhe_1 .3s ease-out;transform-origin:top}._errorMessage_small_2bbhe_369{font-size:10px}._errorMessage_medium_2bbhe_373{font-size:12px}._errorMessage_large_2bbhe_377{font-size:14px}._helperText_2bbhe_381{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_small_2bbhe_389,._helperText_medium_2bbhe_393{font-size:11px}._helperText_large_2bbhe_397{font-size:13px;margin-top:7px}._helperText_disabled_2bbhe_402{color:var(--content-disabled-default, #cbd5e1)}._icon_2bbhe_407{position:absolute;left:8px;color:var(--Content-Neutral-Default, #475569);pointer-events:none;z-index:10;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}._icon_disabled_2bbhe_420{color:var(--Content-Neutral-Disabled, #94a3b8)}._passwordToggle_2bbhe_425{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--Content-Neutral-Default, #475569);padding:4px;border-radius:4px;transition:all .2s ease;z-index:10}._passwordToggle_2bbhe_425:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_2bbhe_425:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_disabled_2bbhe_453{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._passwordToggle_disabled_2bbhe_453:hover{background:none}._passwordToggle_inverted_2bbhe_463{color:#fff}._passwordToggle_inverted_2bbhe_463:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_2bbhe_463:focus{box-shadow:0 0 0 2px #ffffff4d}._passwordToggle_inverted_disabled_2bbhe_476{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._passwordToggle_inverted_disabled_2bbhe_476:hover{background:none}._dateIcon_2bbhe_486{position:absolute;right:8px;top:0;bottom:0;color:var(--Content-Neutral-Default, #475569);pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:10;padding-left:8px;border-left:1px solid #ddd;width:32px}._dateIcon_disabled_2bbhe_502{color:var(--Content-Neutral-Disabled, #94a3b8);border-left-color:var(--Stroke-Disabled-Default, #cbd5e1)}._dateIcon_inverted_2bbhe_507{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_inverted_disabled_2bbhe_512{color:var(--content-disabled-default, #4f88d9);border-left-color:var(--Stroke-Disabled-Default, #1b468a)}._dateIcon_error_2bbhe_518{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_2bbhe_522{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_2bbhe_527{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._checkboxPlaceholder_2bbhe_534{color:var(--Content-Neutral-Default-Active);font-family:Poppins Regular;font-weight:100;pointer-events:none;margin-left:-10px}._checkboxPlaceholder_disable_2bbhe_542{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._checkboxPlaceholder_2bbhe_534._small_2bbhe_220{font-size:12px}._checkboxPlaceholder_2bbhe_534._medium_2bbhe_229{font-size:14px}._checkboxPlaceholder_2bbhe_534._large_2bbhe_238{font-size:15px}._radioPlaceholder_2bbhe_560{color:var(--Content-Neutral-Default-Active, #000);font-family:Poppins Regular;font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholder_disabled_2bbhe_568{color:var(--content-disabled-default, #CBD5E1);cursor:not-allowed}._radioPlaceholder_inverted_2bbhe_573{color:#fff}._radioPlaceholder_inverted_disabled_2bbhe_577{color:var(--content-disabled-default, #4F88D9)}._radioPlaceholder_inverted_checked_2bbhe_581{color:var(--Content-Brand-Inverted-Active, #2054A5)}._inputCheckbox_2bbhe_44._inverted_2bbhe_98._inputCheckbox_inverted_checked_2bbhe_585{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #2054A5)}._radioPlaceholder_inverted_error_2bbhe_591{color:var(--Content-Negative-Default-Active, #FCA5A5)}._radioPlaceholder_error_2bbhe_595{color:var(--Content-Negative-Default-Active, #DC2626)}._radioPlaceholder_inverted_error_checked_2bbhe_599{color:var(--Content-Negative-Inverted-Hover, #FEF2F2)}._radioPlaceholder_error_checked_2bbhe_603,._radioPlaceholder_checked_2bbhe_607{color:var(--Content-Brand-Inverted-Active, #EEF3FC)}._radioPlaceholder_disabled_checked_2bbhe_611{color:var(--Content-Brand-Inverted-Innactive, #A2BFEC)}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;border:2px solid var(--Content-Neutral-Default-Active, #000);background-color:transparent;margin-right:8px;position:relative;cursor:pointer}input[type=radio]:checked{background-color:#fff;border:none}._error_2bbhe_80 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #DC2626)}._error_2bbhe_80 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_2bbhe_98 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_2bbhe_98 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_2bbhe_98._error_2bbhe_80 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_2bbhe_98 input[type=radio]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_2bbhe_98 input[type=radio]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:none!important}._inputCheckbox_inverted_checked_2bbhe_585 input[type=radio]:checked{background-color:var(--Content-Brand-Inverted-Active, #2054A5)!important;border:none!important}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:2px;border:2px solid var(--Content-Neutral-Default-Active, #000);background-color:transparent;margin-right:8px;position:relative;cursor:pointer;flex-shrink:0}input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}input[type=checkbox]:checked:after{content:"";position:absolute;left:3.5px;top:1px;width:4px;height:7px;border:solid #2054A5;border-width:0 2px 2px 0;transform:rotate(45deg)}._error_2bbhe_80 input[type=checkbox]{border:2px solid var(--Stroke-Negative-Active, #DC2626)}._error_2bbhe_80 input[type=checkbox]:checked{background-color:#fff;border:2px solid white;position:relative}._inverted_2bbhe_98 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_2bbhe_98 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_2bbhe_98._error_2bbhe_80 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_2bbhe_98 input[type=checkbox]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #FFF)!important;background-color:transparent!important}._inverted_2bbhe_98 input[type=checkbox]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #FFF)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_2bbhe_585 input[type=checkbox]:checked{background-color:var(--Content-Brand-Inverted-Active, #2054A5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_2bbhe_585 input[type=checkbox]:checked:after,input[type=checkbox]:disabled:checked:after{border-color:#fff}._error_2bbhe_80 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #DC2626);left:2px;top:-1px}._inverted_2bbhe_98._error_2bbhe_80 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #DC2626);left:3px;top:1px}input[type=checkbox]:disabled{cursor:not-allowed;background-color:transparent;border-color:var(--content-disabled-default, #CBD5E1)}input[type=checkbox]:disabled:checked{background-color:var(--Content-Brand-Inverted-Innactive, #A2BFEC);border:none;position:relative}input[type=radio]:disabled{cursor:not-allowed;background-color:transparent;border-color:var(--content-disabled-default, #CBD5E1)}input[type=radio]:disabled:checked{background-color:var(--Content-Brand-Inverted-Innactive, #A2BFEC);border:none}._required_inverted_2bbhe_797{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_2bbhe_801{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_disabled_2bbhe_805{color:var(--content-disabled-default, #4F88D9)}@keyframes _errorShake_2bbhe_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_2bbhe_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}._inverted_2bbhe_98{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_2bbhe_98:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_2bbhe_98:active{border:1px solid white!important}._inverted_2bbhe_98::placeholder{color:#ffffffb3!important}._label_inverted_2bbhe_864{color:#fff!important}._helperText_inverted_2bbhe_868{color:var(--Content-Neutral-Default-Default, #fafafa)}._icon_inverted_2bbhe_872{color:#fff!important}._errorMessage_inverted_2bbhe_876{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_2bbhe_98._error_2bbhe_80{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_2bbhe_98._error_2bbhe_80::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_2bbhe_98._error_2bbhe_80:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_2bbhe_98._error_2bbhe_80:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_2bbhe_98:disabled{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--content-disabled-default, #4f88d9)!important;cursor:not-allowed}._inverted_2bbhe_98:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._label_inverted_disabled_2bbhe_913{color:var(--Content-Neutral-Default-Active, #FFF)}._helperText_inverted_disabled_2bbhe_917{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._icon_inverted_disabled_2bbhe_922{color:var(--content-disabled-default, #4f88d9)!important}._inverted_2bbhe_98:disabled:focus,._inverted_2bbhe_98:disabled:active{box-shadow:none!important}._inverted_2bbhe_98._error_2bbhe_80:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_2bbhe_98._error_2bbhe_80:disabled:focus,._inverted_2bbhe_98._error_2bbhe_80:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_2bbhe_98._error_2bbhe_80:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}
|
package/dist/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._selectContainer_sb3f9_1{display:flex;flex-direction:column;gap:4px}._label_sb3f9_7{font-family:Poppins Regular;font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_sb3f9_15{font-size:15px;margin-bottom:6px}._label_disabled_sb3f9_20{color:var(--content-disabled-default, #CBD5E1)}._selectWrapper_sb3f9_24{position:relative;display:flex;align-items:center}._select_sb3f9_1{border:1px solid #ddd;border-radius:16px;font-family:Poppins Regular;font-weight:100;outline:none;transition:all .2s ease;width:100%;background-color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding-right:12px}._select_sb3f9_1:hover{border:1px solid var(--Stroke-Neutral-Primary, #94A3B8)}._select_sb3f9_1:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._select_sb3f9_1:active{border:1px solid var(--Stroke-Neutral-Primary, #94A3B8);box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._select_sb3f9_1._open_sb3f9_60{box-shadow:0 0 0 3px var(--ui-blue-400, #7EAAE6)}._select_sb3f9_1._disabled_sb3f9_64{border-radius:16px;border:1px solid var(--Stroke-Disabled-Default, #CBD5E1);background:var(--Fill-Disabled-Default, #F8FAFC);color:var(--content-disabled-default, #CBD5E1);cursor:not-allowed}._select_sb3f9_1._disabled_sb3f9_64 ._placeholder_sb3f9_72{color:var(--content-disabled-default, #CBD5E1)}._selectValue_sb3f9_76{flex:1;text-align:left}._placeholder_sb3f9_72{color:var(--Content-Neutral-Default-Default, #A3A3A3)}._chevron_sb3f9_85{transition:transform .2s ease;color:var(--Content-Neutral-Default, #475569)}._chevronOpen_sb3f9_91{transform:rotate(180deg)}._small_sb3f9_96{padding:8px 11px;font-size:12px}._small_sb3f9_96._withIcon_sb3f9_101{padding:11px 8px 11px 28px}._medium_sb3f9_105{padding:8px 10px;font-size:14px}._medium_sb3f9_105._withIcon_sb3f9_101{padding:8px 10px 8px 30px}._large_sb3f9_114{padding:11px 12px;font-size:15px}._large_sb3f9_114._withIcon_sb3f9_101{padding:11px 12px 11px 32px}._error_sb3f9_124{border:1px solid var(--Stroke-Negative-Active, #DC2626);background:var(--Fill-Neutral-Primary, #FFF);color:var(--Content-Negative-Default-Active, #DC2626);animation:_errorShake_sb3f9_1 .4s ease-in-out}._error_sb3f9_124 ._placeholder_sb3f9_72{color:var(--Content-Negative-Default-Active, #DC2626)}._error_sb3f9_124:hover{border:1px solid var(--Stroke-Negative-Active, #DC2626)}._error_sb3f9_124:active{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)}._error_sb3f9_124:focus{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)}._error_sb3f9_124._open_sb3f9_60{border:1px solid transparent;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)}._errorMessage_sb3f9_154{font-family:Poppins Medium;color:#e74c3c;margin-top:2px;margin-left:4px;animation:_errorMessageSlide_sb3f9_1 .3s ease-out;transform-origin:top}._errorMessage_small_sb3f9_163{font-size:10px}._errorMessage_medium_sb3f9_167{font-size:12px}._errorMessage_large_sb3f9_171{font-size:14px}._errorMessage_inverted_sb3f9_175{color:var(--Content-Negative-Default-Active, #F87171)!important}._helperText_sb3f9_179{font-family:Poppins Regular;color:#acacac;margin-top:2px;margin-left:4px}._helperText_small_sb3f9_186,._helperText_medium_sb3f9_190{font-size:11px}._helperText_large_sb3f9_194{font-size:13px;margin-top:7px}._helperText_disabled_sb3f9_199{color:var(--content-disabled-default, #CBD5E1)}._icon_sb3f9_204{position:absolute;left:8px;color:var(--Content-Neutral-Default, #475569);pointer-events:none;z-index:10;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}._icon_disabled_sb3f9_217{color:var(--Content-Neutral-Disabled, #94A3B8)}._required_sb3f9_222{color:var(--Content-Negative-Default-Active, #DC2626);margin-left:2px}._required_inverted_sb3f9_227{color:var(--Content-Negative-Default-Active, #F87171)}._required_disabled_sb3f9_231{color:var(--content-disabled-default, #CBD5E1)}._required_inverted_disabled_sb3f9_235{color:var(--content-disabled-default, #4F88D9)}._dropdown_sb3f9_240{position:absolute;top:100%;left:0;right:0;z-index:1000;background:#fff;border:1px solid var(--Stroke-Neutral-Primary, #94A3B8);border-radius:16px;margin-top:10px;max-height:200px;overflow-y:auto}._option_sb3f9_254{padding:8px 12px;border-bottom:1px solid var(--Stroke-Neutral-Primary, #94A3B8);cursor:pointer;font-family:Poppins Regular;font-size:inherit;display:flex;align-items:center;gap:8px;transition:background-color .2s ease}._option_sb3f9_254:last-child{border-bottom:none}._dropdown_sb3f9_240 ._option_sb3f9_254{font-size:14px;padding:8px 12px}._small_sb3f9_96+._dropdown_sb3f9_240 ._option_sb3f9_254{font-size:12px;padding:8px 11px 8px 14px}._medium_sb3f9_105+._dropdown_sb3f9_240 ._option_sb3f9_254{font-size:14px;padding:8px 12px}._large_sb3f9_114+._dropdown_sb3f9_240 ._option_sb3f9_254{font-size:15px;padding:11px 12px}._option_sb3f9_254:hover{background-color:#f8f9fa}._option_sb3f9_254:first-child{border-top-left-radius:16px;border-top-right-radius:16px}._option_sb3f9_254:last-child{border-bottom-left-radius:16px;border-bottom-right-radius:16px}._optionSelected_sb3f9_307{background-color:var(--Fill-Brand-Inverted-Hover, #EEF3FC);color:var(--Content-Brand-Inverted-Active, #2054A5)}._optionIcon_sb3f9_312{display:flex;align-items:center;justify-content:center}._inverted_sb3f9_319{border:1px solid var(--Stroke-Neutral-Secondary, #C9E1F6);background-color:transparent!important;color:#fff!important}._inverted_sb3f9_319:hover{border:1px solid white!important}._inverted_sb3f9_319._open_sb3f9_60{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_sb3f9_319 ._placeholder_sb3f9_72{color:#ffffffb3!important}._inverted_sb3f9_319 ._chevron_sb3f9_85,._label_inverted_sb3f9_341{color:#fff!important}._helperText_inverted_sb3f9_345{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._icon_inverted_sb3f9_349{color:#fff!important}._dropdown_inverted_sb3f9_354{background:var(--Fill-Brand-Default-Active, #2054A5);border:1px solid var(--Stroke-Neutral-Primary, #E0E9F8)}._option_inverted_sb3f9_359{color:#fff!important;border-bottom-color:1px solid var(--Stroke-Neutral-Primary, #E0E9F8)}._option_inverted_sb3f9_359:hover{background-color:#ffffff1a!important}._option_inverted_sb3f9_359._optionSelected_sb3f9_307{background-color:#ffffff26!important;color:#fff!important}._inverted_sb3f9_319._error_sb3f9_124{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Negative-Default-Active, #F87171)!important}._inverted_sb3f9_319._error_sb3f9_124 ._placeholder_sb3f9_72{color:var(--Content-Negative-Default-Active, #F87171)!important}._inverted_sb3f9_319._error_sb3f9_124:hover{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important}._inverted_sb3f9_319._error_sb3f9_124:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inverted_sb3f9_319._error_sb3f9_124:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inverted_sb3f9_319._error_sb3f9_124._open_sb3f9_60{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}@keyframes _errorShake_sb3f9_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes _errorMessageSlide_sb3f9_1{0%{opacity:0;transform:translateY(-5px) scaleY(0)}50%{opacity:.8;transform:translateY(-2px) scaleY(.7)}to{opacity:1;transform:translateY(0) scaleY(1)}}._inverted_sb3f9_319._disabled_sb3f9_64{border:1px solid var(--Stroke-Disabled-Default, #1B468A)!important;background-color:transparent!important;color:var(--content-disabled-default, #4F88D9)!important;cursor:not-allowed}._inverted_sb3f9_319._disabled_sb3f9_64 ._placeholder_sb3f9_72{color:var(--content-disabled-default, #4F88D9)!important}._label_inverted_disabled_sb3f9_442{color:var(--Content-Neutral-Default-Active, #FFF)}._helperText_inverted_disabled_sb3f9_447{color:var(--Content-Neutral-Default-Default, #FAFAFA)}._icon_inverted_disabled_sb3f9_452,._inverted_sb3f9_319._disabled_sb3f9_64 ._chevron_sb3f9_85{color:var(--content-disabled-default, #4F88D9)!important}._inverted_sb3f9_319._disabled_sb3f9_64:focus,._inverted_sb3f9_319._disabled_sb3f9_64:active,._inverted_sb3f9_319._disabled_sb3f9_64._open_sb3f9_60{box-shadow:none!important}._inverted_sb3f9_319._disabled_sb3f9_64._error_sb3f9_124{border:1px solid var(--Stroke-Negative-Active, #EF4444)!important;color:var(--Content-Negative-Default-Active, #F87171)!important}._inverted_sb3f9_319._disabled_sb3f9_64._error_sb3f9_124:focus,._inverted_sb3f9_319._disabled_sb3f9_64._error_sb3f9_124:active,._inverted_sb3f9_319._disabled_sb3f9_64._error_sb3f9_124._open_sb3f9_60{box-shadow:0 0 0 3px var(--ui-red-400, #F87171)!important}._inverted_sb3f9_319._disabled_sb3f9_64._error_sb3f9_124 ._placeholder_sb3f9_72{color:var(--Content-Negative-Default-Active, #F87171)!important}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as l, jsxs as i, Fragment as a } from "react/jsx-runtime";
|
|
2
|
-
import { Icon as
|
|
3
|
-
import '../../assets/Button.css';const
|
|
4
|
-
button:
|
|
5
|
-
small:
|
|
6
|
-
medium:
|
|
7
|
-
large:
|
|
8
|
-
brand:
|
|
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,
|
|
8
|
+
brand: j,
|
|
9
9
|
outline: L,
|
|
10
10
|
ghost: B,
|
|
11
11
|
textLink: w,
|
|
@@ -15,34 +15,34 @@ import '../../assets/Button.css';const p = "_button_1g3hf_1", v = "_small_1g3hf_
|
|
|
15
15
|
variant: m = "brand",
|
|
16
16
|
size: e = "medium",
|
|
17
17
|
disabled: u = !1,
|
|
18
|
-
loading:
|
|
19
|
-
onClick:
|
|
20
|
-
className:
|
|
21
|
-
type:
|
|
22
|
-
icon:
|
|
23
|
-
inverted:
|
|
24
|
-
...
|
|
18
|
+
loading: o = !1,
|
|
19
|
+
onClick: c,
|
|
20
|
+
className: d,
|
|
21
|
+
type: b = "button",
|
|
22
|
+
icon: s,
|
|
23
|
+
inverted: p = !1,
|
|
24
|
+
...k
|
|
25
25
|
}) => {
|
|
26
|
-
const
|
|
26
|
+
const f = [
|
|
27
27
|
t.button,
|
|
28
28
|
t[m],
|
|
29
29
|
t[e],
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
].filter(Boolean).join(" "),
|
|
30
|
+
p ? t.inverted : "",
|
|
31
|
+
d
|
|
32
|
+
].filter(Boolean).join(" "), r = e === "small" ? 16 : e === "large" ? 20 : 18;
|
|
33
33
|
return /* @__PURE__ */ l(
|
|
34
34
|
"button",
|
|
35
35
|
{
|
|
36
|
-
type:
|
|
37
|
-
disabled: u ||
|
|
38
|
-
onClick:
|
|
39
|
-
className:
|
|
40
|
-
...
|
|
36
|
+
type: b,
|
|
37
|
+
disabled: u || o,
|
|
38
|
+
onClick: c,
|
|
39
|
+
className: f,
|
|
40
|
+
...k,
|
|
41
41
|
children: (() => {
|
|
42
|
-
if (
|
|
43
|
-
if (!
|
|
44
|
-
const _ = /* @__PURE__ */ l(
|
|
45
|
-
return
|
|
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
46
|
_,
|
|
47
47
|
n
|
|
48
48
|
] }) : /* @__PURE__ */ i(a, { children: [
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as n, jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as d } from "react";
|
|
3
|
-
import { s as l } from "../../../Input.module-
|
|
3
|
+
import { s as l } from "../../../Input.module-DEnV7xlj.js";
|
|
4
4
|
const T = ({
|
|
5
5
|
size: s = "medium",
|
|
6
6
|
label: p,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { useState as T } from "react";
|
|
3
|
-
import { s as e } from "../../Input.module-
|
|
3
|
+
import { s as e } from "../../Input.module-DEnV7xlj.js";
|
|
4
4
|
import { Icon as $ } from "../../icons/Icon.js";
|
|
5
5
|
const M = ({
|
|
6
6
|
size: l = "medium",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as n, jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as C } from "react";
|
|
3
|
-
import { s as l } from "../../../Input.module-
|
|
3
|
+
import { s as l } from "../../../Input.module-DEnV7xlj.js";
|
|
4
4
|
const k = ({
|
|
5
5
|
size: s = "medium",
|
|
6
6
|
label: p,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { jsxs as t, jsx as
|
|
1
|
+
import { jsxs as t, jsx as l } from "react/jsx-runtime";
|
|
2
2
|
import { useState as O, useRef as V, useEffect as W } from "react";
|
|
3
3
|
import { Icon as f } from "../../icons/Icon.js";
|
|
4
|
-
import '../../assets/Select.css';const j = "
|
|
4
|
+
import '../../assets/Select.css';const j = "_selectContainer_sb3f9_1", E = "_label_sb3f9_7", L = "_label_large_sb3f9_15", R = "_label_disabled_sb3f9_20", y = "_selectWrapper_sb3f9_24", A = "_select_sb3f9_1", B = "_open_sb3f9_60", D = "_disabled_sb3f9_64", F = "_placeholder_sb3f9_72", G = "_selectValue_sb3f9_76", H = "_chevron_sb3f9_85", J = "_chevronOpen_sb3f9_91", K = "_small_sb3f9_96", Q = "_withIcon_sb3f9_101", U = "_medium_sb3f9_105", X = "_large_sb3f9_114", Y = "_error_sb3f9_124", Z = "_errorShake_sb3f9_1", P = "_errorMessage_sb3f9_154", z = "_errorMessageSlide_sb3f9_1", ee = "_errorMessage_small_sb3f9_163", re = "_errorMessage_medium_sb3f9_167", se = "_errorMessage_large_sb3f9_171", _e = "_errorMessage_inverted_sb3f9_175", le = "_helperText_sb3f9_179", ne = "_helperText_small_sb3f9_186", oe = "_helperText_medium_sb3f9_190", te = "_helperText_large_sb3f9_194", ae = "_helperText_disabled_sb3f9_199", de = "_icon_sb3f9_204", ie = "_icon_disabled_sb3f9_217", ce = "_required_sb3f9_222", be = "_required_inverted_sb3f9_227", pe = "_required_disabled_sb3f9_231", fe = "_required_inverted_disabled_sb3f9_235", he = "_dropdown_sb3f9_240", me = "_option_sb3f9_254", ve = "_optionSelected_sb3f9_307", ue = "_optionIcon_sb3f9_312", ge = "_inverted_sb3f9_319", $e = "_label_inverted_sb3f9_341", xe = "_helperText_inverted_sb3f9_345", Te = "_icon_inverted_sb3f9_349", Me = "_dropdown_inverted_sb3f9_354", we = "_option_inverted_sb3f9_359", qe = "_label_inverted_disabled_sb3f9_442", Se = "_helperText_inverted_disabled_sb3f9_447", Ne = "_icon_inverted_disabled_sb3f9_452", e = {
|
|
5
5
|
selectContainer: j,
|
|
6
6
|
label: E,
|
|
7
7
|
label_large: L,
|
|
@@ -24,23 +24,23 @@ import '../../assets/Select.css';const j = "_selectContainer_f0p3m_1", E = "_lab
|
|
|
24
24
|
errorMessageSlide: z,
|
|
25
25
|
errorMessage_small: ee,
|
|
26
26
|
errorMessage_medium: re,
|
|
27
|
-
errorMessage_large:
|
|
28
|
-
errorMessage_inverted:
|
|
29
|
-
helperText:
|
|
30
|
-
helperText_small:
|
|
27
|
+
errorMessage_large: se,
|
|
28
|
+
errorMessage_inverted: _e,
|
|
29
|
+
helperText: le,
|
|
30
|
+
helperText_small: ne,
|
|
31
31
|
helperText_medium: oe,
|
|
32
32
|
helperText_large: te,
|
|
33
33
|
helperText_disabled: ae,
|
|
34
34
|
icon: de,
|
|
35
35
|
icon_disabled: ie,
|
|
36
36
|
required: ce,
|
|
37
|
-
required_inverted:
|
|
38
|
-
required_disabled:
|
|
37
|
+
required_inverted: be,
|
|
38
|
+
required_disabled: pe,
|
|
39
39
|
required_inverted_disabled: fe,
|
|
40
40
|
dropdown: he,
|
|
41
|
-
option:
|
|
42
|
-
optionSelected:
|
|
43
|
-
optionIcon:
|
|
41
|
+
option: me,
|
|
42
|
+
optionSelected: ve,
|
|
43
|
+
optionIcon: ue,
|
|
44
44
|
inverted: ge,
|
|
45
45
|
label_inverted: $e,
|
|
46
46
|
helperText_inverted: xe,
|
|
@@ -54,27 +54,27 @@ import '../../assets/Select.css';const j = "_selectContainer_f0p3m_1", E = "_lab
|
|
|
54
54
|
size: o = "medium",
|
|
55
55
|
label: h,
|
|
56
56
|
error: a,
|
|
57
|
-
helperText:
|
|
57
|
+
helperText: m,
|
|
58
58
|
icon: d,
|
|
59
59
|
className: T,
|
|
60
60
|
required: M,
|
|
61
61
|
placeholder: w = "Seleccionar...",
|
|
62
|
-
options:
|
|
63
|
-
value:
|
|
62
|
+
options: v = [],
|
|
63
|
+
value: u,
|
|
64
64
|
onChange: g,
|
|
65
|
-
disabled:
|
|
65
|
+
disabled: s = !1,
|
|
66
66
|
inverted: r = !1,
|
|
67
67
|
dynamicIcon: q = !1,
|
|
68
68
|
showPlaceholderIcon: $ = !1,
|
|
69
69
|
...S
|
|
70
70
|
}) => {
|
|
71
|
-
const [i,
|
|
71
|
+
const [i, b] = O(!1), p = V(null), n = v.find((_) => _.value === u);
|
|
72
72
|
W(() => {
|
|
73
|
-
const
|
|
74
|
-
|
|
73
|
+
const _ = (k) => {
|
|
74
|
+
p.current && !p.current.contains(k.target) && b(!1);
|
|
75
75
|
};
|
|
76
|
-
return document.addEventListener("mousedown",
|
|
77
|
-
document.removeEventListener("mousedown",
|
|
76
|
+
return document.addEventListener("mousedown", _), () => {
|
|
77
|
+
document.removeEventListener("mousedown", _);
|
|
78
78
|
};
|
|
79
79
|
}, []);
|
|
80
80
|
const N = [
|
|
@@ -82,22 +82,22 @@ import '../../assets/Select.css';const j = "_selectContainer_f0p3m_1", E = "_lab
|
|
|
82
82
|
e[o],
|
|
83
83
|
d && $ ? e.withIcon : "",
|
|
84
84
|
a ? e.error : "",
|
|
85
|
-
|
|
85
|
+
s ? e.disabled : "",
|
|
86
86
|
i ? e.open : "",
|
|
87
87
|
r ? e.inverted : "",
|
|
88
88
|
T
|
|
89
|
-
].filter(Boolean).join(" "), c = o === "small" ? 16 : o === "large" ? 20 : 18, x = q && (
|
|
90
|
-
|
|
91
|
-
}, C = (
|
|
92
|
-
g && g(
|
|
89
|
+
].filter(Boolean).join(" "), c = o === "small" ? 16 : o === "large" ? 20 : 18, x = q && (n != null && n.icon) ? n.icon : d, I = () => {
|
|
90
|
+
s || b(!i);
|
|
91
|
+
}, C = (_) => {
|
|
92
|
+
g && g(_), b(!1);
|
|
93
93
|
};
|
|
94
94
|
return /* @__PURE__ */ t("div", { className: e.selectContainer, ...S, children: [
|
|
95
|
-
h && /* @__PURE__ */ t("label", { className: `${e.label} ${o === "large" ? e.label_large : ""} ${
|
|
95
|
+
h && /* @__PURE__ */ t("label", { className: `${e.label} ${o === "large" ? e.label_large : ""} ${s && !r ? e.label_disabled : ""} ${r && !s ? e.label_inverted : ""} ${r && s ? e.label_inverted_disabled : ""}`, children: [
|
|
96
96
|
h,
|
|
97
|
-
/* @__PURE__ */
|
|
97
|
+
/* @__PURE__ */ l("span", { className: `${e.required} ${s && !r ? e.required_disabled : ""} ${r && !s ? e.required_inverted : ""} ${r && s ? e.required_inverted_disabled : ""}`, children: M && "*" })
|
|
98
98
|
] }),
|
|
99
|
-
/* @__PURE__ */ t("div", { className: e.selectWrapper, ref:
|
|
100
|
-
x && $ && /* @__PURE__ */
|
|
99
|
+
/* @__PURE__ */ t("div", { className: e.selectWrapper, ref: p, children: [
|
|
100
|
+
x && $ && /* @__PURE__ */ l("div", { className: `${e.icon} ${s && !r ? e.icon_disabled : ""} ${r && !s ? e.icon_inverted : ""} ${r && s ? e.icon_inverted_disabled : ""}`, children: /* @__PURE__ */ l(
|
|
101
101
|
f,
|
|
102
102
|
{
|
|
103
103
|
name: x,
|
|
@@ -111,8 +111,8 @@ import '../../assets/Select.css';const j = "_selectContainer_f0p3m_1", E = "_lab
|
|
|
111
111
|
className: N,
|
|
112
112
|
onClick: I,
|
|
113
113
|
children: [
|
|
114
|
-
/* @__PURE__ */
|
|
115
|
-
/* @__PURE__ */
|
|
114
|
+
/* @__PURE__ */ l("span", { className: `${e.selectValue} ${n ? "" : e.placeholder}`, children: n ? n.label : w }),
|
|
115
|
+
/* @__PURE__ */ l(
|
|
116
116
|
f,
|
|
117
117
|
{
|
|
118
118
|
name: "ArrowDown",
|
|
@@ -124,21 +124,21 @@ import '../../assets/Select.css';const j = "_selectContainer_f0p3m_1", E = "_lab
|
|
|
124
124
|
]
|
|
125
125
|
}
|
|
126
126
|
),
|
|
127
|
-
i && !
|
|
127
|
+
i && !s && /* @__PURE__ */ l("div", { className: `${e.dropdown} ${r ? e.dropdown_inverted : ""}`, children: v.map((_) => /* @__PURE__ */ t(
|
|
128
128
|
"div",
|
|
129
129
|
{
|
|
130
|
-
className: `${e.option} ${
|
|
131
|
-
onClick: () => C(
|
|
130
|
+
className: `${e.option} ${u === _.value ? e.optionSelected : ""} ${r ? e.option_inverted : ""}`,
|
|
131
|
+
onClick: () => C(_.value),
|
|
132
132
|
children: [
|
|
133
|
-
(
|
|
134
|
-
|
|
133
|
+
(_.icon || d) && /* @__PURE__ */ l("div", { className: e.optionIcon, children: /* @__PURE__ */ l(f, { name: _.icon || d, width: c, height: c }) }),
|
|
134
|
+
_.label
|
|
135
135
|
]
|
|
136
136
|
},
|
|
137
|
-
|
|
137
|
+
_.value
|
|
138
138
|
)) })
|
|
139
139
|
] }),
|
|
140
|
-
a && /* @__PURE__ */
|
|
141
|
-
|
|
140
|
+
a && /* @__PURE__ */ l("span", { className: `${e.errorMessage} ${e[`errorMessage_${o}`]} ${r ? e.errorMessage_inverted : ""}`, children: a }),
|
|
141
|
+
m && !a && /* @__PURE__ */ l("span", { className: `${e.helperText} ${e[`helperText_${o}`]} ${s && !r ? e.helperText_disabled : ""} ${r && !s ? e.helperText_inverted : ""} ${r && s ? e.helperText_inverted_disabled : ""}`, children: m })
|
|
142
142
|
] });
|
|
143
143
|
};
|
|
144
144
|
export {
|
package/package.json
CHANGED
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import './assets/Input.css';const e = "_inputContainer_11ur4_1", r = "_label_11ur4_8", _ = "_label_large_11ur4_16", d = "_label_disabled_11ur4_21", o = "_inputWrapper_11ur4_25", l = "_input_11ur4_1", a = "_inputCheckbox_11ur4_43", c = "_inputCheckbox_checked_11ur4_63", i = "_inputCheckbox_disabled_checked_11ur4_69", t = "_error_11ur4_80", s = "_error_checked_11ur4_88", n = "_inverted_11ur4_98", h = "_inputCheckbox_disabled_11ur4_69", u = "_CheckboxRadio_placeholder_disabled_11ur4_214", b = "_small_11ur4_221", p = "_withIcon_11ur4_226", k = "_medium_11ur4_230", v = "_large_11ur4_239", g = "_dateInput_11ur4_274", x = "_smallCheckbox_11ur4_309", m = "_mediumCheckbox_11ur4_314", P = "_largeCheckbox_11ur4_318", T = "_smallRadio_11ur4_323", C = "_mediumRadio_11ur4_332", I = "_largeRadio_11ur4_336", M = "_errorShake_11ur4_1", w = "_errorMessage_11ur4_361", q = "_errorMessageSlide_11ur4_1", R = "_errorMessage_small_11ur4_370", S = "_errorMessage_medium_11ur4_374", W = "_errorMessage_large_11ur4_378", y = "_helperText_11ur4_382", f = "_helperText_small_11ur4_390", j = "_helperText_medium_11ur4_394", z = "_helperText_large_11ur4_398", A = "_helperText_disabled_11ur4_403", B = "_icon_11ur4_408", D = "_icon_disabled_11ur4_421", E = "_passwordToggle_11ur4_426", F = "_passwordToggle_disabled_11ur4_454", G = "_passwordToggle_inverted_11ur4_464", H = "_passwordToggle_inverted_disabled_11ur4_477", J = "_dateIcon_11ur4_487", K = "_dateIcon_disabled_11ur4_503", L = "_dateIcon_inverted_11ur4_508", N = "_dateIcon_inverted_disabled_11ur4_513", O = "_dateIcon_error_11ur4_519", Q = "_dateIcon_inverted_error_11ur4_523", U = "_required_11ur4_528", V = "_checkboxPlaceholder_11ur4_535", X = "_checkboxPlaceholder_disable_11ur4_543", Y = "_radioPlaceholder_11ur4_561", Z = "_radioPlaceholder_disabled_11ur4_569", $ = "_radioPlaceholder_inverted_11ur4_574", ee = "_radioPlaceholder_inverted_disabled_11ur4_578", re = "_radioPlaceholder_inverted_checked_11ur4_582", _e = "_inputCheckbox_inverted_checked_11ur4_586", de = "_radioPlaceholder_inverted_error_11ur4_592", oe = "_radioPlaceholder_error_11ur4_596", le = "_radioPlaceholder_inverted_error_checked_11ur4_600", ae = "_radioPlaceholder_error_checked_11ur4_604", ce = "_radioPlaceholder_checked_11ur4_608", ie = "_radioPlaceholder_disabled_checked_11ur4_612", te = "_required_inverted_11ur4_798", se = "_required_disabled_11ur4_802", ne = "_required_inverted_disabled_11ur4_806", he = "_label_inverted_11ur4_865", ue = "_helperText_inverted_11ur4_869", be = "_icon_inverted_11ur4_873", pe = "_errorMessage_inverted_11ur4_877", ke = "_label_inverted_disabled_11ur4_914", ve = "_helperText_inverted_disabled_11ur4_918", ge = "_icon_inverted_disabled_11ur4_923", xe = {
|
|
2
|
-
inputContainer: e,
|
|
3
|
-
label: r,
|
|
4
|
-
label_large: _,
|
|
5
|
-
label_disabled: d,
|
|
6
|
-
inputWrapper: o,
|
|
7
|
-
input: l,
|
|
8
|
-
inputCheckbox: a,
|
|
9
|
-
inputCheckbox_checked: c,
|
|
10
|
-
inputCheckbox_disabled_checked: i,
|
|
11
|
-
error: t,
|
|
12
|
-
error_checked: s,
|
|
13
|
-
inverted: n,
|
|
14
|
-
inputCheckbox_disabled: h,
|
|
15
|
-
CheckboxRadio_placeholder_disabled: u,
|
|
16
|
-
small: b,
|
|
17
|
-
withIcon: p,
|
|
18
|
-
medium: k,
|
|
19
|
-
large: v,
|
|
20
|
-
dateInput: g,
|
|
21
|
-
smallCheckbox: x,
|
|
22
|
-
mediumCheckbox: m,
|
|
23
|
-
largeCheckbox: P,
|
|
24
|
-
smallRadio: T,
|
|
25
|
-
mediumRadio: C,
|
|
26
|
-
largeRadio: I,
|
|
27
|
-
errorShake: M,
|
|
28
|
-
errorMessage: w,
|
|
29
|
-
errorMessageSlide: q,
|
|
30
|
-
errorMessage_small: R,
|
|
31
|
-
errorMessage_medium: S,
|
|
32
|
-
errorMessage_large: W,
|
|
33
|
-
helperText: y,
|
|
34
|
-
helperText_small: f,
|
|
35
|
-
helperText_medium: j,
|
|
36
|
-
helperText_large: z,
|
|
37
|
-
helperText_disabled: A,
|
|
38
|
-
icon: B,
|
|
39
|
-
icon_disabled: D,
|
|
40
|
-
passwordToggle: E,
|
|
41
|
-
passwordToggle_disabled: F,
|
|
42
|
-
passwordToggle_inverted: G,
|
|
43
|
-
passwordToggle_inverted_disabled: H,
|
|
44
|
-
dateIcon: J,
|
|
45
|
-
dateIcon_disabled: K,
|
|
46
|
-
dateIcon_inverted: L,
|
|
47
|
-
dateIcon_inverted_disabled: N,
|
|
48
|
-
dateIcon_error: O,
|
|
49
|
-
dateIcon_inverted_error: Q,
|
|
50
|
-
required: U,
|
|
51
|
-
checkboxPlaceholder: V,
|
|
52
|
-
checkboxPlaceholder_disable: X,
|
|
53
|
-
radioPlaceholder: Y,
|
|
54
|
-
radioPlaceholder_disabled: Z,
|
|
55
|
-
radioPlaceholder_inverted: $,
|
|
56
|
-
radioPlaceholder_inverted_disabled: ee,
|
|
57
|
-
radioPlaceholder_inverted_checked: re,
|
|
58
|
-
inputCheckbox_inverted_checked: _e,
|
|
59
|
-
radioPlaceholder_inverted_error: de,
|
|
60
|
-
radioPlaceholder_error: oe,
|
|
61
|
-
radioPlaceholder_inverted_error_checked: le,
|
|
62
|
-
radioPlaceholder_error_checked: ae,
|
|
63
|
-
radioPlaceholder_checked: ce,
|
|
64
|
-
radioPlaceholder_disabled_checked: ie,
|
|
65
|
-
required_inverted: te,
|
|
66
|
-
required_disabled: se,
|
|
67
|
-
required_inverted_disabled: ne,
|
|
68
|
-
label_inverted: he,
|
|
69
|
-
helperText_inverted: ue,
|
|
70
|
-
icon_inverted: be,
|
|
71
|
-
errorMessage_inverted: pe,
|
|
72
|
-
label_inverted_disabled: ke,
|
|
73
|
-
helperText_inverted_disabled: ve,
|
|
74
|
-
icon_inverted_disabled: ge
|
|
75
|
-
};
|
|
76
|
-
export {
|
|
77
|
-
xe as s
|
|
78
|
-
};
|