bmi-next-brokers 2.4.6 → 2.4.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.
- package/dist/Input.module-DC5q-1pS.js +84 -0
- package/dist/assets/Input.css +1 -1
- package/dist/components/Input/Checkbox/Checkbox.js +1 -1
- package/dist/components/Input/Input.js +133 -130
- package/dist/components/Input/RadioButton/RadioButton.js +1 -1
- package/package.json +1 -1
- package/dist/Input.module-QnG0Iyue.js +0 -84
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import './assets/Input.css';const e = "_inputContainer_1pjjj_12", _ = "_inputContainer_medium_1pjjj_24", d = "_inputContainer_large_1pjjj_28", r = "_inputContainer_extraLarge_1pjjj_29", a = "_label_1pjjj_38", o = "_label_large_1pjjj_45", t = "_label_extraLarge_1pjjj_46", i = "_label_disabled_1pjjj_50", c = "_label_inverted_1pjjj_54", n = "_label_inverted_disabled_1pjjj_58", l = "_inputWrapper_1pjjj_67", j = "_input_1pjjj_12", s = "_large_1pjjj_96", p = "_medium_1pjjj_100", b = "_small_1pjjj_104", h = "_hiddenInput_1pjjj_113", x = "_hiddenInputError_1pjjj_131", u = "_CheckboxRadio_placeholder_disabled_1pjjj_136", k = "_textArea_1pjjj_149", v = "_textArea_small_1pjjj_162", g = "_textArea_medium_1pjjj_166", m = "_textArea_large_1pjjj_170", C = "_textArea_extraLarge_1pjjj_174", P = "_variableSpan_1pjjj_179", I = "_textArea_variableMode_1pjjj_186", A = "_variableInputDiv_1pjjj_191", L = "_inputCheckbox_1pjjj_227", R = "_smallCheckbox_1pjjj_236", q = "_largeCheckbox_1pjjj_240", w = "_extraLargeCheckbox_1pjjj_244", T = "_inputCheckbox_checked_1pjjj_261", f = "_inputCheckbox_disabled_checked_1pjjj_267", S = "_inputCheckbox_disabled_1pjjj_267", D = "_error_1pjjj_289", E = "_error_checked_1pjjj_297", M = "_btc_1pjjj_309", W = "_inverted_1pjjj_352", y = "_inputCheckbox_inverted_checked_1pjjj_375", z = "_errorShake_1pjjj_1", B = "_icon_inverted_1pjjj_760", F = "_icon_inverted_disabled_1pjjj_810", G = "_smallRadio_1pjjj_854", H = "_mediumCheckbox_1pjjj_869", J = "_mediumRadio_1pjjj_874", K = "_largeRadio_1pjjj_898", N = "_extraLargeRadio_1pjjj_899", O = "_extraLarge_1pjjj_244", Q = "_dateInput_1pjjj_948", U = "_icon_1pjjj_760", V = "_icon_disabled_1pjjj_997", X = "_prefixIcon_1pjjj_1006", Y = "_prefix_1pjjj_1006", Z = "_passwordToggle_1pjjj_1022", $ = "_passwordToggle_disabled_1pjjj_1050", ee = "_passwordToggle_inverted_1pjjj_1064", _e = "_passwordToggle_inverted_disabled_1pjjj_1077", de = "_dateIcon_1pjjj_1091", re = "_dateIcon_disabled_1pjjj_1107", ae = "_dateIcon_inverted_1pjjj_1112", oe = "_dateIcon_inverted_disabled_1pjjj_1117", te = "_dateIcon_error_1pjjj_1122", ie = "_dateIcon_inverted_error_1pjjj_1126", ce = "_required_1pjjj_1135", ne = "_required_inverted_1pjjj_1140", le = "_required_disabled_1pjjj_1144", je = "_required_inverted_disabled_1pjjj_1148", se = "_checkboxPlaceholder_1pjjj_1157", pe = "_checkboxPlaceholder_disable_1pjjj_1164", be = "_radioPlaceholder_1pjjj_1186", he = "_radioPlaceholder_disabled_1pjjj_1193", xe = "_radioPlaceholder_checked_1pjjj_1198", ue = "_radioPlaceholder_disabled_checked_1pjjj_1206", ke = "_radioPlaceholder_error_checked_1pjjj_1210", ve = "_radioPlaceholder_inverted_1pjjj_1219", ge = "_radioPlaceholder_inverted_checked_1pjjj_1223", me = "_radioPlaceholder_inverted_disabled_unchecked_1pjjj_1227", Ce = "_radioPlaceholder_inverted_disabled_1pjjj_1227", Pe = "_radioPlaceholder_inverted_error_1pjjj_1235", Ie = "_radioPlaceholder_inverted_error_checked_1pjjj_1239", Ae = {
|
|
2
|
+
inputContainer: e,
|
|
3
|
+
inputContainer_medium: _,
|
|
4
|
+
inputContainer_large: d,
|
|
5
|
+
inputContainer_extraLarge: r,
|
|
6
|
+
label: a,
|
|
7
|
+
label_large: o,
|
|
8
|
+
label_extraLarge: t,
|
|
9
|
+
label_disabled: i,
|
|
10
|
+
label_inverted: c,
|
|
11
|
+
label_inverted_disabled: n,
|
|
12
|
+
inputWrapper: l,
|
|
13
|
+
input: j,
|
|
14
|
+
large: s,
|
|
15
|
+
medium: p,
|
|
16
|
+
small: b,
|
|
17
|
+
hiddenInput: h,
|
|
18
|
+
hiddenInputError: x,
|
|
19
|
+
CheckboxRadio_placeholder_disabled: u,
|
|
20
|
+
textArea: k,
|
|
21
|
+
textArea_small: v,
|
|
22
|
+
textArea_medium: g,
|
|
23
|
+
textArea_large: m,
|
|
24
|
+
textArea_extraLarge: C,
|
|
25
|
+
variableSpan: P,
|
|
26
|
+
textArea_variableMode: I,
|
|
27
|
+
variableInputDiv: A,
|
|
28
|
+
inputCheckbox: L,
|
|
29
|
+
smallCheckbox: R,
|
|
30
|
+
largeCheckbox: q,
|
|
31
|
+
extraLargeCheckbox: w,
|
|
32
|
+
inputCheckbox_checked: T,
|
|
33
|
+
inputCheckbox_disabled_checked: f,
|
|
34
|
+
inputCheckbox_disabled: S,
|
|
35
|
+
error: D,
|
|
36
|
+
error_checked: E,
|
|
37
|
+
btc: M,
|
|
38
|
+
inverted: W,
|
|
39
|
+
inputCheckbox_inverted_checked: y,
|
|
40
|
+
errorShake: z,
|
|
41
|
+
icon_inverted: B,
|
|
42
|
+
icon_inverted_disabled: F,
|
|
43
|
+
smallRadio: G,
|
|
44
|
+
mediumCheckbox: H,
|
|
45
|
+
mediumRadio: J,
|
|
46
|
+
largeRadio: K,
|
|
47
|
+
extraLargeRadio: N,
|
|
48
|
+
extraLarge: O,
|
|
49
|
+
dateInput: Q,
|
|
50
|
+
icon: U,
|
|
51
|
+
icon_disabled: V,
|
|
52
|
+
prefixIcon: X,
|
|
53
|
+
prefix: Y,
|
|
54
|
+
passwordToggle: Z,
|
|
55
|
+
passwordToggle_disabled: $,
|
|
56
|
+
passwordToggle_inverted: ee,
|
|
57
|
+
passwordToggle_inverted_disabled: _e,
|
|
58
|
+
dateIcon: de,
|
|
59
|
+
dateIcon_disabled: re,
|
|
60
|
+
dateIcon_inverted: ae,
|
|
61
|
+
dateIcon_inverted_disabled: oe,
|
|
62
|
+
dateIcon_error: te,
|
|
63
|
+
dateIcon_inverted_error: ie,
|
|
64
|
+
required: ce,
|
|
65
|
+
required_inverted: ne,
|
|
66
|
+
required_disabled: le,
|
|
67
|
+
required_inverted_disabled: je,
|
|
68
|
+
checkboxPlaceholder: se,
|
|
69
|
+
checkboxPlaceholder_disable: pe,
|
|
70
|
+
radioPlaceholder: be,
|
|
71
|
+
radioPlaceholder_disabled: he,
|
|
72
|
+
radioPlaceholder_checked: xe,
|
|
73
|
+
radioPlaceholder_disabled_checked: ue,
|
|
74
|
+
radioPlaceholder_error_checked: ke,
|
|
75
|
+
radioPlaceholder_inverted: ve,
|
|
76
|
+
radioPlaceholder_inverted_checked: ge,
|
|
77
|
+
radioPlaceholder_inverted_disabled_unchecked: me,
|
|
78
|
+
radioPlaceholder_inverted_disabled: Ce,
|
|
79
|
+
radioPlaceholder_inverted_error: Pe,
|
|
80
|
+
radioPlaceholder_inverted_error_checked: Ie
|
|
81
|
+
};
|
|
82
|
+
export {
|
|
83
|
+
Ae as s
|
|
84
|
+
};
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputContainer_w2810_12{display:flex;flex-direction:column;cursor:pointer}._inputContainer_w2810_12 *{font-family:var(--font-regular)}._inputContainer_medium_w2810_24{gap:2px}._inputContainer_large_w2810_28,._inputContainer_extraLarge_w2810_29{gap:4px}._label_w2810_38{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_w2810_45,._label_extraLarge_w2810_46{font-size:15px}._label_disabled_w2810_50{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_w2810_54{color:#fff!important}._label_inverted_disabled_w2810_58{color:var(--Content-Neutral-Default-Active, #fff)}._inputWrapper_w2810_67{position:relative;display:flex;align-items:center;width:100%}._inputWrapper_w2810_67:has(input:disabled) *{cursor:not-allowed}._input_w2810_12{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:16px;transition:all .2s ease;width:100%;background-color:#fff;gap:8px}._input_w2810_12._large_w2810_96{border-radius:14px}._input_w2810_12._medium_w2810_100{border-radius:12px}._input_w2810_12._small_w2810_104{border-radius:10px}._hiddenInput_w2810_113{width:100%;border:none;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;background-color:transparent;outline:none}._hiddenInput_w2810_113:focus{outline:none}._hiddenInput_w2810_113::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._hiddenInputError_w2810_131::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._hiddenInput_w2810_113:disabled::placeholder,._CheckboxRadio_placeholder_disabled_w2810_136{color:var(--Content-Neutral-Disabled, #94a3b8)}._CheckboxRadio_placeholder_disabled_w2810_136{margin-left:-10px}._textArea_w2810_149{resize:none;field-sizing:content;word-break:break-word;overflow-y:auto;max-height:140px;min-height:100%}._textArea_w2810_149::-webkit-scrollbar{display:none}._textArea_small_w2810_162{padding-block:10px}._textArea_medium_w2810_166{padding-block:12px}._textArea_large_w2810_170{padding-block:14px}._textArea_extraLarge_w2810_174{padding-block:16px}._variableSpan_w2810_179{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:2px}._textArea_variableMode_w2810_186{line-height:2;cursor:text}._variableInputDiv_w2810_191{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;cursor:text}._variableInputDiv_w2810_191::-webkit-scrollbar{display:none}._hiddenInput_w2810_113._variableInputDiv_w2810_191{padding-inline:0;height:auto}._variableInputDiv_w2810_191:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._textArea_variableMode_w2810_186:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._inputCheckbox_w2810_226{border:1px solid #ddd;border-radius:12px;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_w2810_226._smallCheckbox_w2810_235{border-radius:10px}._inputCheckbox_w2810_226._largeCheckbox_w2810_239{border-radius:14px}._inputCheckbox_w2810_226._extraLargeCheckbox_w2810_243{border-radius:16px}._inputCheckbox_w2810_226:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._inputCheckbox_w2810_226:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._inputCheckbox_checked_w2810_260{background:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_disabled_checked_w2810_266{background:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border:1px solid var(--Fill-Brand-Inverted-Innactive, #e0e9f8)!important;color:var(--Content-Brand-Inverted-Innactive, #a2bfec)!important;opacity:.5}._inputCheckbox_disabled_w2810_266{font-weight:100;outline:none;transition:all .2s ease;color:var(--Content-Neutral-Default-Active, #000);background:var(--Fill-Disabled-Default, #f8fafc);color:#2054a5;cursor:not-allowed}._inputCheckbox_w2810_226._error_w2810_288:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_w2810_226._error_w2810_288:active{box-shadow:0 0 0 3px var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_w2810_226._error_checked_w2810_296{background:#dc2626;color:#fef2f2}._inputCheckbox_w2810_226._btc_w2810_308:active,._inputCheckbox_w2810_226._btc_w2810_308:hover{background-color:#fff;border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_w2810_260._btc_w2810_308:active,._inputCheckbox_checked_w2810_260._btc_w2810_308:hover{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_w2810_260._btc_w2810_308{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_w2810_226._error_w2810_288._btc_w2810_308:active,._inputCheckbox_w2810_226._error_w2810_288._btc_w2810_308:hover{background:var(--Fill-Negative-Default-Active, #fee2e2);border:1px solid #dc2626;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_w2810_226._error_checked_w2810_296._btc_w2810_308:active,._inputCheckbox_w2810_226._error_checked_w2810_296._btc_w2810_308:hover{background:#dc2626;color:#fef2f2;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_w2810_226._inverted_w2810_351{border:1px solid var(--Content-Neutral-Default-Active, #fff);background-color:transparent!important}._inputCheckbox_w2810_226._inverted_w2810_351:hover{border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._inputCheckbox_w2810_226._inverted_w2810_351:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)!important}._inputCheckbox_w2810_226._inverted_w2810_351:active{border:1px solid #45c2d6!important}._inputCheckbox_checked_w2810_260._inverted_w2810_351{background:var(--Fill-Brand-Inverted-Active, #fff)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5)!important;color:#fff!important}._inputCheckbox_w2810_226._inverted_w2810_351._inputCheckbox_inverted_checked_w2810_374{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #fff)}._inputCheckbox_w2810_226._inverted_w2810_351._error_w2810_288{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Brand-Inverted-Active, #2054a5)!important;background-color:var(--Content-Negative-Default-Active, #ef4444)!important}._inputCheckbox_w2810_226._inverted_w2810_351._error_w2810_288:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inputCheckbox_w2810_226._inverted_w2810_351._error_w2810_288:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inputCheckbox_w2810_226._inverted_w2810_351._error_w2810_288:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #dc2626)!important}._inputCheckbox_w2810_226._inverted_w2810_351._error_checked_w2810_296{background:var(--ui-red-700, #b91c1c)!important;color:#fef2f2;border:1px solid var(--Fill-Negative-Inverted-Active, #ef4444)!important;color:#fff!important}._inputCheckbox_disabled_w2810_266._inverted_w2810_351{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--Content-Default-Active, #19417f)!important;cursor:not-allowed;opacity:.5}._inputCheckbox_disabled_w2810_266._inverted_w2810_351._inputCheckbox_disabled_checked_w2810_266{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:#fff!important;color:var(--Content-Default-Active, #19417f)!important;cursor:not-allowed;opacity:.5}._inputCheckbox_disabled_w2810_266._inverted_w2810_351:hover{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important}._inputCheckbox_disabled_w2810_266._inverted_w2810_351:focus,._inputCheckbox_disabled_w2810_266._inverted_w2810_351:active{box-shadow:none!important}._inputCheckbox_disabled_w2810_266._inverted_w2810_351._error_w2810_288{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inputCheckbox_disabled_w2810_266._inverted_w2810_351._error_w2810_288:focus,._inputCheckbox_disabled_w2810_266._inverted_w2810_351._error_w2810_288:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}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}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(--Fill-Brand-Default-Active, #fff)!important;border:none}._error_w2810_288 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #dc2626)}._error_w2810_288 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_w2810_351 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_w2810_351 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_w2810_351._error_w2810_288 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_w2810_351 input[type=radio]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_w2810_351 input[type=radio]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important}._inputCheckbox_inverted_checked_w2810_374 input[type=radio]:checked{background-color:var(--Content-Brand-Default-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:3px;top:1px;width:4px;height:7px;border:solid #2054a5;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled:checked{background-color:#fff;border:none;position:relative}input[type=checkbox]:disabled:checked:after{border-color:var(--Content-Brand-Default-Active, #2054a5)!important}._error_w2810_288 input[type=checkbox]{border:1px solid #dc2626}._error_w2810_288 input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}._error_w2810_288 input[type=checkbox]:checked:after{border-color:#dc2626;left:3px;top:0}._inverted_w2810_351 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_w2810_351 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_w2810_351._error_w2810_288 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_w2810_351 input[type=checkbox]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_w2810_351 input[type=checkbox]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important;position:relative}._inverted_w2810_351 input[type=checkbox]:disabled:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inputCheckbox_inverted_checked_w2810_374 input[type=checkbox]:checked{background-color:var(--Content-Brand-Default-Active, #2054a5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_w2810_374 input[type=checkbox]:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inverted_w2810_351._error_w2810_288 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #dc2626);left:3px;top:1px}._input_w2810_12:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_w2810_12:hover,._input_w2810_12:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_w2810_12:has(input:disabled){border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1)}._input_w2810_12:has(input:disabled):hover,._input_w2810_12:has(input:disabled):has(input:active,textarea:active),._input_w2810_12:has(input:disabled):has(input:focus,textarea:focus){border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);box-shadow:none}._input_w2810_12._btc_w2810_308:has(input:focus,textarea:focus,[contenteditable]:focus),._input_w2810_12._btc_w2810_308:has(input:active,textarea:active,[contenteditable]:focus){border:1px solid var(--ui-cyan-400, #45c2d6);box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_w2810_288{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);animation:_errorShake_w2810_1 .4s ease-in-out}._error_w2810_288:hover,._error_w2810_288._btc_w2810_308:hover,._error_w2810_288:has(input:active,textarea:active,[contenteditable]:focus),._error_w2810_288._btc_w2810_308:has(input:active,textarea:active,[contenteditable]:focus),._error_w2810_288:has(input:focus,textarea:focus,[contenteditable]:focus),._error_w2810_288._btc_w2810_308:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_w2810_288:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_w2810_288._btc_w2810_308:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:3px 3px #dc2626}._inverted_w2810_351{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_w2810_351:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_w2810_351:active{border:1px solid white!important}._inverted_w2810_351::placeholder{color:#ffffffb3!important}._icon_inverted_w2810_759{color:#fff!important}._inverted_w2810_351._error_w2810_288{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_w2810_351._error_w2810_288::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_w2810_351._error_w2810_288:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_w2810_351._error_w2810_288:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_w2810_351: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_w2810_351:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._inverted_w2810_351:disabled:focus,._inverted_w2810_351:disabled:active{box-shadow:none!important}._icon_inverted_disabled_w2810_809{color:var(--content-disabled-default, #4f88d9)!important}._inverted_w2810_351._error_w2810_288:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_w2810_351._error_w2810_288:disabled:focus,._inverted_w2810_351._error_w2810_288:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_w2810_351._error_w2810_288:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._small_w2810_104{height:30px;padding-inline:8px}._small_w2810_104 *{font-size:12px}._smallCheckbox_w2810_235{height:30px;padding-inline:11px}._smallRadio_w2810_853{padding-inline:11px;font-size:12px}._medium_w2810_100{height:36px;padding-inline:8px}._medium_w2810_100 *{font-size:14px}._mediumCheckbox_w2810_868{height:36px;padding-inline:10px}._mediumRadio_w2810_873{padding-inline:10px;font-size:14px}._large_w2810_96{height:42px;padding-inline:11px}._large_w2810_96 *{font-size:15px}._largeCheckbox_w2810_239{height:42px}._largeCheckbox_w2810_239,._extraLargeCheckbox_w2810_243,._largeRadio_w2810_897,._extraLargeRadio_w2810_898{padding-inline:12px}._largeRadio_w2810_897{font-size:15px}._extraLarge_w2810_243{height:48px;padding-inline:12px}._extraLarge_w2810_243 *{font-size:16px}._extraLargeCheckbox_w2810_243{height:48px}._extraLargeRadio_w2810_898{font-size:16px}._small_w2810_104[type=password]{padding:8px 36px 8px 11px}._medium_w2810_100[type=password]{padding:8px 36px 8px 10px}._large_w2810_96[type=password],._extraLarge_w2810_243[type=password]{padding:11px 40px 11px 12px}._dateInput_w2810_947{position:relative;cursor:pointer}._dateInput_w2810_947::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_w2810_947::-webkit-inner-spin-button{display:none}._dateInput_w2810_947::-webkit-clear-button{display:none}._small_w2810_104._dateInput_w2810_947{padding:8px 42px 8px 11px}._medium_w2810_100._dateInput_w2810_947{padding:8px 42px 8px 10px}._large_w2810_96._dateInput_w2810_947,._extraLarge_w2810_243._dateInput_w2810_947{padding:11px 42px 11px 12px}._icon_w2810_759{color:var(--Content-Neutral-Default, #475569);display:flex;align-items:center;justify-content:center}._icon_disabled_w2810_996{color:var(--Content-Neutral-Disabled, #94a3b8)}._prefixIcon_w2810_1005{display:flex;justify-content:center;align-items:center;gap:6px}._prefix_w2810_1005{color:#a3a3a3}._passwordToggle_w2810_1021{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_w2810_1021:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_w2810_1021:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_disabled_w2810_1049{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._passwordToggle_disabled_w2810_1049:hover{background:none}._passwordToggle_inverted_w2810_1063{color:#fff}._passwordToggle_inverted_w2810_1063:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_w2810_1063:focus{box-shadow:0 0 0 2px #ffffff4d}._passwordToggle_inverted_disabled_w2810_1076{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._passwordToggle_inverted_disabled_w2810_1076:hover{background:none}._dateIcon_w2810_1090{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_w2810_1106{color:var(--Content-Neutral-Disabled, #94a3b8);border-left-color:var(--Stroke-Disabled-Default, #cbd5e1)}._dateIcon_inverted_w2810_1111{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_inverted_disabled_w2810_1116{color:var(--content-disabled-default, #4f88d9);border-left-color:var(--Stroke-Disabled-Default, #1b468a)}._dateIcon_error_w2810_1121{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_w2810_1125{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_w2810_1134{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_w2810_1139{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_w2810_1143{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_w2810_1147{color:var(--content-disabled-default, #4f88d9)}._checkboxPlaceholder_w2810_1156{color:var(--Content-Neutral-Default-Active);font-weight:100;pointer-events:none;margin-left:-10px}._checkboxPlaceholder_disable_w2810_1163{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._checkboxPlaceholder_w2810_1156._small_w2810_104{font-size:12px}._checkboxPlaceholder_w2810_1156._medium_w2810_100{font-size:14px}._checkboxPlaceholder_w2810_1156._large_w2810_96{font-size:15px}._radioPlaceholder_w2810_1185{color:var(--Content-Neutral-Default-Active, #000);font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholder_disabled_w2810_1192{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._btc_w2810_308 ._radioPlaceholder_checked_w2810_1197{color:#fff}._radioPlaceholder_checked_w2810_1197{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_disabled_checked_w2810_1205{color:#fff}._radioPlaceholder_error_checked_w2810_1209{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_inverted_w2810_1218{color:#fff}._radioPlaceholder_inverted_checked_w2810_1222{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_disabled_unchecked_w2810_1226{color:var(--Content-Neutral-Inverted-Active, #fff)}._radioPlaceholder_inverted_disabled_w2810_1226{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_error_w2810_1234{color:#fff}._radioPlaceholder_inverted_error_checked_w2810_1238{color:var(--Content-Negative-Inverted-Hover, #fef2f2)}@keyframes _errorShake_w2810_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
1
|
+
._inputContainer_1pjjj_12{display:flex;flex-direction:column;cursor:pointer}._inputContainer_1pjjj_12 *{font-family:var(--font-regular)}._inputContainer_medium_1pjjj_24{gap:2px}._inputContainer_large_1pjjj_28,._inputContainer_extraLarge_1pjjj_29{gap:4px}._label_1pjjj_38{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1pjjj_45,._label_extraLarge_1pjjj_46{font-size:15px}._label_disabled_1pjjj_50{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1pjjj_54{color:#fff!important}._label_inverted_disabled_1pjjj_58{color:var(--Content-Neutral-Default-Active, #fff)}._inputWrapper_1pjjj_67{position:relative;display:flex;align-items:center;width:100%}._inputWrapper_1pjjj_67:has(input:disabled) *{cursor:not-allowed}._input_1pjjj_12{display:flex;justify-content:center;align-items:center;border:1px solid #ddd;border-radius:16px;transition:all .2s ease;width:100%;background-color:#fff;gap:8px}._input_1pjjj_12._large_1pjjj_96{border-radius:14px}._input_1pjjj_12._medium_1pjjj_100{border-radius:12px}._input_1pjjj_12._small_1pjjj_104{border-radius:10px}._hiddenInput_1pjjj_113{width:100%;border:none;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;background-color:transparent;outline:none}._hiddenInput_1pjjj_113:focus{outline:none}._hiddenInput_1pjjj_113::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._hiddenInputError_1pjjj_131::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._hiddenInput_1pjjj_113:disabled::placeholder,._CheckboxRadio_placeholder_disabled_1pjjj_136{color:var(--Content-Neutral-Disabled, #94a3b8)}._CheckboxRadio_placeholder_disabled_1pjjj_136{margin-left:-10px}._textArea_1pjjj_149{resize:none;field-sizing:content;word-break:break-word;overflow-y:auto;max-height:140px;min-height:100%}._textArea_1pjjj_149::-webkit-scrollbar{display:none}._textArea_small_1pjjj_162{padding-block:10px}._textArea_medium_1pjjj_166{padding-block:12px}._textArea_large_1pjjj_170{padding-block:14px}._textArea_extraLarge_1pjjj_174{padding-block:16px}._variableSpan_1pjjj_179{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:2px}._textArea_variableMode_1pjjj_186{line-height:2;cursor:text}._variableInputDiv_1pjjj_191{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;cursor:text}._variableInputDiv_1pjjj_191::-webkit-scrollbar{display:none}._hiddenInput_1pjjj_113._variableInputDiv_1pjjj_191{padding-inline:0;height:auto;text-overflow:clip}._variableInputDiv_1pjjj_191:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._textArea_variableMode_1pjjj_186:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._inputCheckbox_1pjjj_227{border:1px solid #ddd;border-radius:12px;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_1pjjj_227._smallCheckbox_1pjjj_236{border-radius:10px}._inputCheckbox_1pjjj_227._largeCheckbox_1pjjj_240{border-radius:14px}._inputCheckbox_1pjjj_227._extraLargeCheckbox_1pjjj_244{border-radius:16px}._inputCheckbox_1pjjj_227:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._inputCheckbox_1pjjj_227:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._inputCheckbox_checked_1pjjj_261{background:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_disabled_checked_1pjjj_267{background:var(--Fill-Brand-Inverted-Active, #2054a5)!important;border:1px solid var(--Fill-Brand-Inverted-Innactive, #e0e9f8)!important;color:var(--Content-Brand-Inverted-Innactive, #a2bfec)!important;opacity:.5}._inputCheckbox_disabled_1pjjj_267{font-weight:100;outline:none;transition:all .2s ease;color:var(--Content-Neutral-Default-Active, #000);background:var(--Fill-Disabled-Default, #f8fafc);color:#2054a5;cursor:not-allowed}._inputCheckbox_1pjjj_227._error_1pjjj_289:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_1pjjj_227._error_1pjjj_289:active{box-shadow:0 0 0 3px var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_1pjjj_227._error_checked_1pjjj_297{background:#dc2626;color:#fef2f2}._inputCheckbox_1pjjj_227._btc_1pjjj_309:active,._inputCheckbox_1pjjj_227._btc_1pjjj_309:hover{background-color:#fff;border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_1pjjj_261._btc_1pjjj_309:active,._inputCheckbox_checked_1pjjj_261._btc_1pjjj_309:hover{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_1pjjj_261._btc_1pjjj_309{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_1pjjj_227._error_1pjjj_289._btc_1pjjj_309:active,._inputCheckbox_1pjjj_227._error_1pjjj_289._btc_1pjjj_309:hover{background:var(--Fill-Negative-Default-Active, #fee2e2);border:1px solid #dc2626;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_1pjjj_227._error_checked_1pjjj_297._btc_1pjjj_309:active,._inputCheckbox_1pjjj_227._error_checked_1pjjj_297._btc_1pjjj_309:hover{background:#dc2626;color:#fef2f2;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_1pjjj_227._inverted_1pjjj_352{border:1px solid var(--Content-Neutral-Default-Active, #fff);background-color:transparent!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352:hover{border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._inputCheckbox_1pjjj_227._inverted_1pjjj_352:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352:active{border:1px solid #45c2d6!important}._inputCheckbox_checked_1pjjj_261._inverted_1pjjj_352{background:var(--Fill-Brand-Inverted-Active, #fff)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5)!important;color:#fff!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._inputCheckbox_inverted_checked_1pjjj_375{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #fff)}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._error_1pjjj_289{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Brand-Inverted-Active, #2054a5)!important;background-color:var(--Content-Negative-Default-Active, #ef4444)!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._error_1pjjj_289:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._error_1pjjj_289:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._error_1pjjj_289:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #dc2626)!important}._inputCheckbox_1pjjj_227._inverted_1pjjj_352._error_checked_1pjjj_297{background:var(--ui-red-700, #b91c1c)!important;color:#fef2f2;border:1px solid var(--Fill-Negative-Inverted-Active, #ef4444)!important;color:#fff!important}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important;color:var(--Content-Default-Active, #19417f)!important;cursor:not-allowed;opacity:.5}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352._inputCheckbox_disabled_checked_1pjjj_267{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:#fff!important;color:var(--Content-Default-Active, #19417f)!important;cursor:not-allowed;opacity:.5}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352:hover{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352:focus,._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352:active{box-shadow:none!important}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352._error_1pjjj_289{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352._error_1pjjj_289:focus,._inputCheckbox_disabled_1pjjj_267._inverted_1pjjj_352._error_1pjjj_289:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}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}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(--Fill-Brand-Default-Active, #fff)!important;border:none}._error_1pjjj_289 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #dc2626)}._error_1pjjj_289 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_1pjjj_352 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pjjj_352 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_1pjjj_352._error_1pjjj_289 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_1pjjj_352 input[type=radio]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pjjj_352 input[type=radio]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important}._inputCheckbox_inverted_checked_1pjjj_375 input[type=radio]:checked{background-color:var(--Content-Brand-Default-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:3px;top:1px;width:4px;height:7px;border:solid #2054a5;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=checkbox]:disabled:checked{background-color:#fff;border:none;position:relative}input[type=checkbox]:disabled:checked:after{border-color:var(--Content-Brand-Default-Active, #2054a5)!important}._error_1pjjj_289 input[type=checkbox]{border:1px solid #dc2626}._error_1pjjj_289 input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}._error_1pjjj_289 input[type=checkbox]:checked:after{border-color:#dc2626;left:3px;top:0}._inverted_1pjjj_352 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pjjj_352 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_1pjjj_352._error_1pjjj_289 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_1pjjj_352 input[type=checkbox]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pjjj_352 input[type=checkbox]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important;position:relative}._inverted_1pjjj_352 input[type=checkbox]:disabled:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inputCheckbox_inverted_checked_1pjjj_375 input[type=checkbox]:checked{background-color:var(--Content-Brand-Default-Active, #2054a5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_1pjjj_375 input[type=checkbox]:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inverted_1pjjj_352._error_1pjjj_289 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #dc2626);left:3px;top:1px}._input_1pjjj_12:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_1pjjj_12:hover,._input_1pjjj_12:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_1pjjj_12:has(input:disabled){border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);background:var(--Fill-Disabled-Default, #f8fafc);color:var(--content-disabled-default, #cbd5e1)}._input_1pjjj_12:has(input:disabled):hover,._input_1pjjj_12:has(input:disabled):has(input:active,textarea:active),._input_1pjjj_12:has(input:disabled):has(input:focus,textarea:focus){border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);box-shadow:none}._input_1pjjj_12._btc_1pjjj_309:has(input:focus,textarea:focus,[contenteditable]:focus),._input_1pjjj_12._btc_1pjjj_309:has(input:active,textarea:active,[contenteditable]:focus){border:1px solid var(--ui-cyan-400, #45c2d6);box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_1pjjj_289{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);animation:_errorShake_1pjjj_1 .4s ease-in-out}._error_1pjjj_289:hover,._error_1pjjj_289._btc_1pjjj_309:hover,._error_1pjjj_289:has(input:active,textarea:active,[contenteditable]:focus),._error_1pjjj_289._btc_1pjjj_309:has(input:active,textarea:active,[contenteditable]:focus),._error_1pjjj_289:has(input:focus,textarea:focus,[contenteditable]:focus),._error_1pjjj_289._btc_1pjjj_309:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_1pjjj_289:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1pjjj_289._btc_1pjjj_309:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:3px 3px #dc2626}._inverted_1pjjj_352{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_1pjjj_352:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_1pjjj_352:active{border:1px solid white!important}._inverted_1pjjj_352::placeholder{color:#ffffffb3!important}._icon_inverted_1pjjj_760{color:#fff!important}._inverted_1pjjj_352._error_1pjjj_289{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_1pjjj_352._error_1pjjj_289::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1pjjj_352._error_1pjjj_289:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pjjj_352._error_1pjjj_289:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pjjj_352: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_1pjjj_352:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._inverted_1pjjj_352:disabled:focus,._inverted_1pjjj_352:disabled:active{box-shadow:none!important}._icon_inverted_disabled_1pjjj_810{color:var(--content-disabled-default, #4f88d9)!important}._inverted_1pjjj_352._error_1pjjj_289:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1pjjj_352._error_1pjjj_289:disabled:focus,._inverted_1pjjj_352._error_1pjjj_289:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pjjj_352._error_1pjjj_289:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._small_1pjjj_104{height:30px;padding-inline:8px}._small_1pjjj_104 *{font-size:12px}._smallCheckbox_1pjjj_236{height:30px;padding-inline:11px}._smallRadio_1pjjj_854{padding-inline:11px;font-size:12px}._medium_1pjjj_100{height:36px;padding-inline:8px}._medium_1pjjj_100 *{font-size:14px}._mediumCheckbox_1pjjj_869{height:36px;padding-inline:10px}._mediumRadio_1pjjj_874{padding-inline:10px;font-size:14px}._large_1pjjj_96{height:42px;padding-inline:11px}._large_1pjjj_96 *{font-size:15px}._largeCheckbox_1pjjj_240{height:42px}._largeCheckbox_1pjjj_240,._extraLargeCheckbox_1pjjj_244,._largeRadio_1pjjj_898,._extraLargeRadio_1pjjj_899{padding-inline:12px}._largeRadio_1pjjj_898{font-size:15px}._extraLarge_1pjjj_244{height:48px;padding-inline:12px}._extraLarge_1pjjj_244 *{font-size:16px}._extraLargeCheckbox_1pjjj_244{height:48px}._extraLargeRadio_1pjjj_899{font-size:16px}._small_1pjjj_104[type=password]{padding:8px 36px 8px 11px}._medium_1pjjj_100[type=password]{padding:8px 36px 8px 10px}._large_1pjjj_96[type=password],._extraLarge_1pjjj_244[type=password]{padding:11px 40px 11px 12px}._dateInput_1pjjj_948{position:relative;cursor:pointer}._dateInput_1pjjj_948::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_1pjjj_948::-webkit-inner-spin-button{display:none}._dateInput_1pjjj_948::-webkit-clear-button{display:none}._small_1pjjj_104._dateInput_1pjjj_948{padding:8px 42px 8px 11px}._medium_1pjjj_100._dateInput_1pjjj_948{padding:8px 42px 8px 10px}._large_1pjjj_96._dateInput_1pjjj_948,._extraLarge_1pjjj_244._dateInput_1pjjj_948{padding:11px 42px 11px 12px}._icon_1pjjj_760{color:var(--Content-Neutral-Default, #475569);display:flex;align-items:center;justify-content:center}._icon_disabled_1pjjj_997{color:var(--Content-Neutral-Disabled, #94a3b8)}._prefixIcon_1pjjj_1006{display:flex;justify-content:center;align-items:center;gap:6px}._prefix_1pjjj_1006{color:#a3a3a3}._passwordToggle_1pjjj_1022{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_1pjjj_1022:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_1pjjj_1022:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_disabled_1pjjj_1050{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._passwordToggle_disabled_1pjjj_1050:hover{background:none}._passwordToggle_inverted_1pjjj_1064{color:#fff}._passwordToggle_inverted_1pjjj_1064:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_1pjjj_1064:focus{box-shadow:0 0 0 2px #ffffff4d}._passwordToggle_inverted_disabled_1pjjj_1077{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._passwordToggle_inverted_disabled_1pjjj_1077:hover{background:none}._dateIcon_1pjjj_1091{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_1pjjj_1107{color:var(--Content-Neutral-Disabled, #94a3b8);border-left-color:var(--Stroke-Disabled-Default, #cbd5e1)}._dateIcon_inverted_1pjjj_1112{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_inverted_disabled_1pjjj_1117{color:var(--content-disabled-default, #4f88d9);border-left-color:var(--Stroke-Disabled-Default, #1b468a)}._dateIcon_error_1pjjj_1122{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_1pjjj_1126{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_1pjjj_1135{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_1pjjj_1140{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_1pjjj_1144{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_1pjjj_1148{color:var(--content-disabled-default, #4f88d9)}._checkboxPlaceholder_1pjjj_1157{color:var(--Content-Neutral-Default-Active);font-weight:100;pointer-events:none;margin-left:-10px}._checkboxPlaceholder_disable_1pjjj_1164{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._checkboxPlaceholder_1pjjj_1157._small_1pjjj_104{font-size:12px}._checkboxPlaceholder_1pjjj_1157._medium_1pjjj_100{font-size:14px}._checkboxPlaceholder_1pjjj_1157._large_1pjjj_96{font-size:15px}._radioPlaceholder_1pjjj_1186{color:var(--Content-Neutral-Default-Active, #000);font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholder_disabled_1pjjj_1193{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._btc_1pjjj_309 ._radioPlaceholder_checked_1pjjj_1198{color:#fff}._radioPlaceholder_checked_1pjjj_1198{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_disabled_checked_1pjjj_1206{color:#fff}._radioPlaceholder_error_checked_1pjjj_1210{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_inverted_1pjjj_1219{color:#fff}._radioPlaceholder_inverted_checked_1pjjj_1223{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_disabled_unchecked_1pjjj_1227{color:var(--Content-Neutral-Inverted-Active, #fff)}._radioPlaceholder_inverted_disabled_1pjjj_1227{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_error_1pjjj_1235{color:#fff}._radioPlaceholder_inverted_error_checked_1pjjj_1239{color:var(--Content-Negative-Inverted-Hover, #fef2f2)}@keyframes _errorShake_1pjjj_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as n, jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as b } from "react";
|
|
3
|
-
import { s as a } from "../../../Input.module-
|
|
3
|
+
import { s as a } from "../../../Input.module-DC5q-1pS.js";
|
|
4
4
|
import { FieldError as k } from "../../fieldError/index.js";
|
|
5
5
|
import { HelperText as L } from "../../helperText/index.js";
|
|
6
6
|
import { useBTC as N } from "../../../hooks/btcContext/useBtcContext.js";
|
|
@@ -1,241 +1,244 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as S, useRef as
|
|
1
|
+
import { jsxs as h, jsx as l, Fragment as L } from "react/jsx-runtime";
|
|
2
|
+
import { useState as S, useRef as T, useEffect as E } from "react";
|
|
3
3
|
import { createPortal as O } from "react-dom";
|
|
4
|
-
import { s as
|
|
5
|
-
import { Icon as
|
|
4
|
+
import { s as a } from "../../Input.module-DC5q-1pS.js";
|
|
5
|
+
import { Icon as C } from "../../icons/Icon.js";
|
|
6
6
|
import { FieldError as W } from "../fieldError/index.js";
|
|
7
7
|
import { HelperText as U } from "../helperText/index.js";
|
|
8
8
|
import { useBTC as X } from "../../hooks/btcContext/useBtcContext.js";
|
|
9
|
-
const
|
|
9
|
+
const R = (t, d) => t.replace(
|
|
10
10
|
/{{([^}]+)}}/g,
|
|
11
|
-
(s, i) => `<span class="${
|
|
11
|
+
(s, i) => `<span class="${d}" data-variable="${i}" contenteditable="false"></span>`
|
|
12
12
|
), A = (t) => {
|
|
13
|
-
let
|
|
13
|
+
let d = "";
|
|
14
14
|
const s = (i) => {
|
|
15
|
-
i.nodeType === Node.TEXT_NODE ?
|
|
15
|
+
i.nodeType === Node.TEXT_NODE ? d += i.textContent ?? "" : i instanceof HTMLElement && (i.dataset.variable ? d += `{{${i.dataset.variable}}}` : i.childNodes.forEach(s));
|
|
16
16
|
};
|
|
17
|
-
return t.childNodes.forEach(s),
|
|
18
|
-
},
|
|
17
|
+
return t.childNodes.forEach(s), d;
|
|
18
|
+
}, P = ({
|
|
19
19
|
value: t = "",
|
|
20
|
-
placeholder:
|
|
20
|
+
placeholder: d,
|
|
21
21
|
className: s,
|
|
22
22
|
style: i,
|
|
23
|
-
disabled:
|
|
24
|
-
onChange:
|
|
25
|
-
renderVariable:
|
|
23
|
+
disabled: f,
|
|
24
|
+
onChange: g,
|
|
25
|
+
renderVariable: I
|
|
26
26
|
}) => {
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
Array.from(
|
|
31
|
-
(
|
|
27
|
+
const n = T(null), $ = T(!1), [_, u] = S([]), x = (e) => {
|
|
28
|
+
const b = e.querySelectorAll("[data-variable]");
|
|
29
|
+
u(
|
|
30
|
+
Array.from(b).map(
|
|
31
|
+
(o) => O(/* @__PURE__ */ l(L, { children: I(o.dataset.variable) }), o)
|
|
32
32
|
)
|
|
33
33
|
);
|
|
34
34
|
};
|
|
35
|
-
return
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
}, []),
|
|
39
|
-
const
|
|
40
|
-
if (!
|
|
41
|
-
if (
|
|
42
|
-
|
|
35
|
+
return E(() => {
|
|
36
|
+
const e = n.current;
|
|
37
|
+
e && (e.innerHTML = R(t, a.variableSpan), x(e));
|
|
38
|
+
}, []), E(() => {
|
|
39
|
+
const e = n.current;
|
|
40
|
+
if (!e) return;
|
|
41
|
+
if ($.current) {
|
|
42
|
+
$.current = !1;
|
|
43
43
|
return;
|
|
44
44
|
}
|
|
45
|
-
A(
|
|
46
|
-
|
|
47
|
-
|
|
45
|
+
if (A(e) !== t && (e.innerHTML = R(t, a.variableSpan), x(e), document.activeElement === e)) {
|
|
46
|
+
const o = document.createRange(), c = window.getSelection();
|
|
47
|
+
o.selectNodeContents(e), o.collapse(!1), c == null || c.removeAllRanges(), c == null || c.addRange(o);
|
|
48
|
+
}
|
|
49
|
+
}, [t]), /* @__PURE__ */ h(L, { children: [
|
|
50
|
+
/* @__PURE__ */ l(
|
|
48
51
|
"div",
|
|
49
52
|
{
|
|
50
|
-
ref:
|
|
51
|
-
contentEditable: !
|
|
53
|
+
ref: n,
|
|
54
|
+
contentEditable: !f,
|
|
52
55
|
suppressContentEditableWarning: !0,
|
|
53
|
-
"data-placeholder":
|
|
56
|
+
"data-placeholder": d,
|
|
54
57
|
className: s,
|
|
55
58
|
style: i,
|
|
56
59
|
onInput: () => {
|
|
57
|
-
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
target: { value: A(
|
|
60
|
+
$.current = !0;
|
|
61
|
+
const e = n.current;
|
|
62
|
+
e && (g == null || g({
|
|
63
|
+
target: { value: A(e) }
|
|
61
64
|
}));
|
|
62
65
|
},
|
|
63
|
-
onKeyDown: (
|
|
64
|
-
|
|
66
|
+
onKeyDown: (e) => {
|
|
67
|
+
e.key === "Enter" && e.preventDefault();
|
|
65
68
|
},
|
|
66
69
|
role: "textbox",
|
|
67
70
|
"aria-multiline": "true"
|
|
68
71
|
}
|
|
69
72
|
),
|
|
70
|
-
|
|
73
|
+
_
|
|
71
74
|
] });
|
|
72
75
|
}, te = ({
|
|
73
76
|
size: t = "medium",
|
|
74
|
-
label:
|
|
77
|
+
label: d,
|
|
75
78
|
error: s,
|
|
76
79
|
helperText: i,
|
|
77
|
-
icon:
|
|
78
|
-
className:
|
|
79
|
-
required:
|
|
80
|
-
inverted:
|
|
81
|
-
btc:
|
|
82
|
-
prefix:
|
|
83
|
-
type:
|
|
84
|
-
customBorderColor:
|
|
85
|
-
variableMode:
|
|
86
|
-
renderVariable:
|
|
87
|
-
...
|
|
80
|
+
icon: f,
|
|
81
|
+
className: g,
|
|
82
|
+
required: I,
|
|
83
|
+
inverted: n = !1,
|
|
84
|
+
btc: $,
|
|
85
|
+
prefix: _,
|
|
86
|
+
type: u,
|
|
87
|
+
customBorderColor: x,
|
|
88
|
+
variableMode: v,
|
|
89
|
+
renderVariable: w,
|
|
90
|
+
...e
|
|
88
91
|
}) => {
|
|
89
|
-
const [
|
|
90
|
-
if (
|
|
91
|
-
const
|
|
92
|
-
|
|
92
|
+
const [b, o] = S(!1), c = u === "password", y = u === "date", H = u === "textarea", N = T(null), { btc: K } = X(), j = $ ?? K, k = () => {
|
|
93
|
+
if (u !== "textarea") return;
|
|
94
|
+
const r = N.current;
|
|
95
|
+
r && (r.style.height = "auto");
|
|
93
96
|
}, M = () => {
|
|
94
|
-
const
|
|
95
|
-
|
|
96
|
-
}, V = (
|
|
97
|
-
|
|
97
|
+
const r = N.current;
|
|
98
|
+
r && (r.style.height = "auto", r.style.height = r.scrollHeight + "px");
|
|
99
|
+
}, V = (r) => {
|
|
100
|
+
r.key === "Enter" && r.preventDefault();
|
|
98
101
|
};
|
|
99
|
-
|
|
102
|
+
E(() => {
|
|
100
103
|
k();
|
|
101
104
|
}, []);
|
|
102
105
|
const q = [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
j &&
|
|
106
|
-
s ?
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
a.input,
|
|
107
|
+
a[t],
|
|
108
|
+
j && a.btc,
|
|
109
|
+
s ? a.error : "",
|
|
110
|
+
n ? a.inverted : "",
|
|
111
|
+
g
|
|
109
112
|
].filter(Boolean).join(" "), p = [
|
|
110
|
-
|
|
111
|
-
s ?
|
|
112
|
-
y ?
|
|
113
|
-
].filter(Boolean).join(" "),
|
|
114
|
-
|
|
115
|
-
}, D = `${
|
|
116
|
-
return /* @__PURE__ */
|
|
113
|
+
a.hiddenInput,
|
|
114
|
+
s ? a.hiddenInputError : "",
|
|
115
|
+
y ? a.dateInput : ""
|
|
116
|
+
].filter(Boolean).join(" "), m = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, B = () => {
|
|
117
|
+
o(!b);
|
|
118
|
+
}, D = `${a.textArea} ${a[`textArea_${t}`]} ${a.hiddenInput}${v ? ` ${a.textArea_variableMode}` : ""}`, F = `${p} ${a.variableInputDiv} ${a[t]}`;
|
|
119
|
+
return /* @__PURE__ */ h(
|
|
117
120
|
"div",
|
|
118
121
|
{
|
|
119
|
-
className: `${
|
|
122
|
+
className: `${a.inputContainer} ${t === "medium" ? a.inputContainer_medium : t === "large" ? a.inputContainer_large : t === "extraLarge" ? a.inputContainer_extraLarge : ""}`,
|
|
120
123
|
children: [
|
|
121
|
-
|
|
124
|
+
d && /* @__PURE__ */ h(
|
|
122
125
|
"label",
|
|
123
126
|
{
|
|
124
|
-
className: `${
|
|
127
|
+
className: `${a.label} ${t === "large" ? a.label_large : ""} ${t === "extraLarge" ? a.label_extraLarge : ""} ${e.disabled && !n ? a.label_disabled : ""} ${n && !e.disabled ? a.label_inverted : ""} ${n && e.disabled ? a.label_inverted_disabled : ""}`,
|
|
125
128
|
children: [
|
|
126
|
-
|
|
127
|
-
/* @__PURE__ */
|
|
129
|
+
d,
|
|
130
|
+
/* @__PURE__ */ l(
|
|
128
131
|
"span",
|
|
129
132
|
{
|
|
130
|
-
className: `${
|
|
131
|
-
children:
|
|
133
|
+
className: `${a.required} ${n ? a.required_inverted : ""}`,
|
|
134
|
+
children: I && "*"
|
|
132
135
|
}
|
|
133
136
|
)
|
|
134
137
|
]
|
|
135
138
|
}
|
|
136
139
|
),
|
|
137
|
-
/* @__PURE__ */
|
|
138
|
-
/* @__PURE__ */
|
|
140
|
+
/* @__PURE__ */ h("div", { className: a.inputWrapper, children: [
|
|
141
|
+
/* @__PURE__ */ h(
|
|
139
142
|
"div",
|
|
140
143
|
{
|
|
141
144
|
className: q,
|
|
142
|
-
ref:
|
|
145
|
+
ref: N,
|
|
143
146
|
style: {
|
|
144
|
-
...
|
|
145
|
-
...
|
|
147
|
+
...e.style,
|
|
148
|
+
...x && { borderColor: x }
|
|
146
149
|
},
|
|
147
150
|
children: [
|
|
148
|
-
(
|
|
149
|
-
|
|
150
|
-
|
|
151
|
+
(_ || f) && /* @__PURE__ */ h("div", { className: a.prefixIcon, children: [
|
|
152
|
+
_ && /* @__PURE__ */ l("span", { className: a.prefix, children: _ }),
|
|
153
|
+
f && !y && /* @__PURE__ */ l(
|
|
151
154
|
"div",
|
|
152
155
|
{
|
|
153
|
-
className: `${
|
|
154
|
-
children: /* @__PURE__ */
|
|
156
|
+
className: `${a.icon} ${e.disabled && !n ? a.icon_disabled : ""} ${n && !e.disabled ? a.icon_inverted : ""} ${n && e.disabled ? a.icon_inverted_disabled : ""}`,
|
|
157
|
+
children: /* @__PURE__ */ l(C, { name: f, width: m, height: m })
|
|
155
158
|
}
|
|
156
159
|
)
|
|
157
160
|
] }),
|
|
158
|
-
|
|
159
|
-
|
|
161
|
+
H ? v && w ? /* @__PURE__ */ l(
|
|
162
|
+
P,
|
|
160
163
|
{
|
|
161
164
|
className: D,
|
|
162
|
-
value:
|
|
163
|
-
placeholder:
|
|
164
|
-
style:
|
|
165
|
-
disabled:
|
|
166
|
-
onChange:
|
|
167
|
-
renderVariable:
|
|
165
|
+
value: e.value,
|
|
166
|
+
placeholder: e.placeholder,
|
|
167
|
+
style: e.style,
|
|
168
|
+
disabled: e.disabled,
|
|
169
|
+
onChange: e.onChange,
|
|
170
|
+
renderVariable: w
|
|
168
171
|
}
|
|
169
|
-
) : /* @__PURE__ */
|
|
172
|
+
) : /* @__PURE__ */ l(
|
|
170
173
|
"textarea",
|
|
171
174
|
{
|
|
172
175
|
className: D,
|
|
173
176
|
onChange: M,
|
|
174
177
|
onKeyDown: V,
|
|
175
|
-
...
|
|
178
|
+
...e
|
|
176
179
|
}
|
|
177
|
-
) :
|
|
178
|
-
|
|
180
|
+
) : v && w ? /* @__PURE__ */ l(
|
|
181
|
+
P,
|
|
179
182
|
{
|
|
180
183
|
className: F,
|
|
181
|
-
value:
|
|
182
|
-
placeholder:
|
|
183
|
-
disabled:
|
|
184
|
-
onChange:
|
|
185
|
-
renderVariable:
|
|
184
|
+
value: e.value,
|
|
185
|
+
placeholder: e.placeholder,
|
|
186
|
+
disabled: e.disabled,
|
|
187
|
+
onChange: e.onChange,
|
|
188
|
+
renderVariable: w
|
|
186
189
|
}
|
|
187
|
-
) : /* @__PURE__ */
|
|
190
|
+
) : /* @__PURE__ */ l(
|
|
188
191
|
"input",
|
|
189
192
|
{
|
|
190
193
|
className: p,
|
|
191
|
-
type:
|
|
192
|
-
...
|
|
194
|
+
type: c ? b ? "text" : "password" : u,
|
|
195
|
+
...e
|
|
193
196
|
}
|
|
194
197
|
)
|
|
195
198
|
]
|
|
196
199
|
}
|
|
197
200
|
),
|
|
198
|
-
|
|
201
|
+
c && /* @__PURE__ */ l(
|
|
199
202
|
"button",
|
|
200
203
|
{
|
|
201
204
|
type: "button",
|
|
202
|
-
className: `${
|
|
205
|
+
className: `${a.passwordToggle} ${e.disabled && !n ? a.passwordToggle_disabled : ""} ${n && !e.disabled ? a.passwordToggle_inverted : ""} ${n && e.disabled ? a.passwordToggle_inverted_disabled : ""}`,
|
|
203
206
|
onClick: B,
|
|
204
|
-
disabled:
|
|
205
|
-
"aria-label":
|
|
206
|
-
children: /* @__PURE__ */
|
|
207
|
-
|
|
207
|
+
disabled: e.disabled,
|
|
208
|
+
"aria-label": b ? "Ocultar contraseña" : "Mostrar contraseña",
|
|
209
|
+
children: /* @__PURE__ */ l(
|
|
210
|
+
C,
|
|
208
211
|
{
|
|
209
|
-
name:
|
|
210
|
-
width:
|
|
211
|
-
height:
|
|
212
|
+
name: b ? "VisibilityOff" : "Visibility",
|
|
213
|
+
width: m,
|
|
214
|
+
height: m
|
|
212
215
|
}
|
|
213
216
|
)
|
|
214
217
|
}
|
|
215
218
|
),
|
|
216
|
-
y && /* @__PURE__ */
|
|
219
|
+
y && /* @__PURE__ */ l(
|
|
217
220
|
"div",
|
|
218
221
|
{
|
|
219
|
-
className: `${
|
|
220
|
-
children: /* @__PURE__ */
|
|
221
|
-
|
|
222
|
+
className: `${a.dateIcon} ${e.disabled && !n ? a.dateIcon_disabled : ""} ${n && !e.disabled ? a.dateIcon_inverted : ""} ${n && e.disabled ? a.dateIcon_inverted_disabled : ""} ${s ? a.dateIcon_error : ""} ${s && n ? a.dateIcon_inverted_error : ""}`,
|
|
223
|
+
children: /* @__PURE__ */ l(
|
|
224
|
+
C,
|
|
222
225
|
{
|
|
223
226
|
name: "CalendarIcon",
|
|
224
|
-
width:
|
|
225
|
-
height:
|
|
227
|
+
width: m + 2,
|
|
228
|
+
height: m + 2
|
|
226
229
|
}
|
|
227
230
|
)
|
|
228
231
|
}
|
|
229
232
|
)
|
|
230
233
|
] }),
|
|
231
|
-
s && /* @__PURE__ */
|
|
232
|
-
i && !s && /* @__PURE__ */
|
|
234
|
+
s && /* @__PURE__ */ l(W, { size: t, message: s }),
|
|
235
|
+
i && !s && /* @__PURE__ */ l(
|
|
233
236
|
U,
|
|
234
237
|
{
|
|
235
238
|
message: i,
|
|
236
239
|
size: t,
|
|
237
|
-
inverted:
|
|
238
|
-
disabled:
|
|
240
|
+
inverted: n,
|
|
241
|
+
disabled: e.disabled
|
|
239
242
|
}
|
|
240
243
|
)
|
|
241
244
|
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as s, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as R } from "react";
|
|
3
|
-
import { s as a } from "../../../Input.module-
|
|
3
|
+
import { s as a } from "../../../Input.module-DC5q-1pS.js";
|
|
4
4
|
import { FieldError as y } from "../../fieldError/index.js";
|
|
5
5
|
import { HelperText as N } from "../../helperText/index.js";
|
|
6
6
|
import { useBTC as T } from "../../../hooks/btcContext/useBtcContext.js";
|
package/package.json
CHANGED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import './assets/Input.css';const e = "_inputContainer_w2810_12", _ = "_inputContainer_medium_w2810_24", d = "_inputContainer_large_w2810_28", r = "_inputContainer_extraLarge_w2810_29", a = "_label_w2810_38", o = "_label_large_w2810_45", t = "_label_extraLarge_w2810_46", i = "_label_disabled_w2810_50", c = "_label_inverted_w2810_54", n = "_label_inverted_disabled_w2810_58", l = "_inputWrapper_w2810_67", s = "_input_w2810_12", b = "_large_w2810_96", h = "_medium_w2810_100", w = "_small_w2810_104", x = "_hiddenInput_w2810_113", p = "_hiddenInputError_w2810_131", u = "_CheckboxRadio_placeholder_disabled_w2810_136", k = "_textArea_w2810_149", v = "_textArea_small_w2810_162", g = "_textArea_medium_w2810_166", m = "_textArea_large_w2810_170", C = "_textArea_extraLarge_w2810_174", P = "_variableSpan_w2810_179", I = "_textArea_variableMode_w2810_186", A = "_variableInputDiv_w2810_191", L = "_inputCheckbox_w2810_226", R = "_smallCheckbox_w2810_235", q = "_largeCheckbox_w2810_239", T = "_extraLargeCheckbox_w2810_243", f = "_inputCheckbox_checked_w2810_260", S = "_inputCheckbox_disabled_checked_w2810_266", D = "_inputCheckbox_disabled_w2810_266", E = "_error_w2810_288", M = "_error_checked_w2810_296", W = "_btc_w2810_308", y = "_inverted_w2810_351", j = "_inputCheckbox_inverted_checked_w2810_374", z = "_errorShake_w2810_1", B = "_icon_inverted_w2810_759", F = "_icon_inverted_disabled_w2810_809", G = "_smallRadio_w2810_853", H = "_mediumCheckbox_w2810_868", J = "_mediumRadio_w2810_873", K = "_largeRadio_w2810_897", N = "_extraLargeRadio_w2810_898", O = "_extraLarge_w2810_243", Q = "_dateInput_w2810_947", U = "_icon_w2810_759", V = "_icon_disabled_w2810_996", X = "_prefixIcon_w2810_1005", Y = "_prefix_w2810_1005", Z = "_passwordToggle_w2810_1021", $ = "_passwordToggle_disabled_w2810_1049", ee = "_passwordToggle_inverted_w2810_1063", _e = "_passwordToggle_inverted_disabled_w2810_1076", de = "_dateIcon_w2810_1090", re = "_dateIcon_disabled_w2810_1106", ae = "_dateIcon_inverted_w2810_1111", oe = "_dateIcon_inverted_disabled_w2810_1116", te = "_dateIcon_error_w2810_1121", ie = "_dateIcon_inverted_error_w2810_1125", ce = "_required_w2810_1134", ne = "_required_inverted_w2810_1139", le = "_required_disabled_w2810_1143", se = "_required_inverted_disabled_w2810_1147", be = "_checkboxPlaceholder_w2810_1156", he = "_checkboxPlaceholder_disable_w2810_1163", we = "_radioPlaceholder_w2810_1185", xe = "_radioPlaceholder_disabled_w2810_1192", pe = "_radioPlaceholder_checked_w2810_1197", ue = "_radioPlaceholder_disabled_checked_w2810_1205", ke = "_radioPlaceholder_error_checked_w2810_1209", ve = "_radioPlaceholder_inverted_w2810_1218", ge = "_radioPlaceholder_inverted_checked_w2810_1222", me = "_radioPlaceholder_inverted_disabled_unchecked_w2810_1226", Ce = "_radioPlaceholder_inverted_disabled_w2810_1226", Pe = "_radioPlaceholder_inverted_error_w2810_1234", Ie = "_radioPlaceholder_inverted_error_checked_w2810_1238", Ae = {
|
|
2
|
-
inputContainer: e,
|
|
3
|
-
inputContainer_medium: _,
|
|
4
|
-
inputContainer_large: d,
|
|
5
|
-
inputContainer_extraLarge: r,
|
|
6
|
-
label: a,
|
|
7
|
-
label_large: o,
|
|
8
|
-
label_extraLarge: t,
|
|
9
|
-
label_disabled: i,
|
|
10
|
-
label_inverted: c,
|
|
11
|
-
label_inverted_disabled: n,
|
|
12
|
-
inputWrapper: l,
|
|
13
|
-
input: s,
|
|
14
|
-
large: b,
|
|
15
|
-
medium: h,
|
|
16
|
-
small: w,
|
|
17
|
-
hiddenInput: x,
|
|
18
|
-
hiddenInputError: p,
|
|
19
|
-
CheckboxRadio_placeholder_disabled: u,
|
|
20
|
-
textArea: k,
|
|
21
|
-
textArea_small: v,
|
|
22
|
-
textArea_medium: g,
|
|
23
|
-
textArea_large: m,
|
|
24
|
-
textArea_extraLarge: C,
|
|
25
|
-
variableSpan: P,
|
|
26
|
-
textArea_variableMode: I,
|
|
27
|
-
variableInputDiv: A,
|
|
28
|
-
inputCheckbox: L,
|
|
29
|
-
smallCheckbox: R,
|
|
30
|
-
largeCheckbox: q,
|
|
31
|
-
extraLargeCheckbox: T,
|
|
32
|
-
inputCheckbox_checked: f,
|
|
33
|
-
inputCheckbox_disabled_checked: S,
|
|
34
|
-
inputCheckbox_disabled: D,
|
|
35
|
-
error: E,
|
|
36
|
-
error_checked: M,
|
|
37
|
-
btc: W,
|
|
38
|
-
inverted: y,
|
|
39
|
-
inputCheckbox_inverted_checked: j,
|
|
40
|
-
errorShake: z,
|
|
41
|
-
icon_inverted: B,
|
|
42
|
-
icon_inverted_disabled: F,
|
|
43
|
-
smallRadio: G,
|
|
44
|
-
mediumCheckbox: H,
|
|
45
|
-
mediumRadio: J,
|
|
46
|
-
largeRadio: K,
|
|
47
|
-
extraLargeRadio: N,
|
|
48
|
-
extraLarge: O,
|
|
49
|
-
dateInput: Q,
|
|
50
|
-
icon: U,
|
|
51
|
-
icon_disabled: V,
|
|
52
|
-
prefixIcon: X,
|
|
53
|
-
prefix: Y,
|
|
54
|
-
passwordToggle: Z,
|
|
55
|
-
passwordToggle_disabled: $,
|
|
56
|
-
passwordToggle_inverted: ee,
|
|
57
|
-
passwordToggle_inverted_disabled: _e,
|
|
58
|
-
dateIcon: de,
|
|
59
|
-
dateIcon_disabled: re,
|
|
60
|
-
dateIcon_inverted: ae,
|
|
61
|
-
dateIcon_inverted_disabled: oe,
|
|
62
|
-
dateIcon_error: te,
|
|
63
|
-
dateIcon_inverted_error: ie,
|
|
64
|
-
required: ce,
|
|
65
|
-
required_inverted: ne,
|
|
66
|
-
required_disabled: le,
|
|
67
|
-
required_inverted_disabled: se,
|
|
68
|
-
checkboxPlaceholder: be,
|
|
69
|
-
checkboxPlaceholder_disable: he,
|
|
70
|
-
radioPlaceholder: we,
|
|
71
|
-
radioPlaceholder_disabled: xe,
|
|
72
|
-
radioPlaceholder_checked: pe,
|
|
73
|
-
radioPlaceholder_disabled_checked: ue,
|
|
74
|
-
radioPlaceholder_error_checked: ke,
|
|
75
|
-
radioPlaceholder_inverted: ve,
|
|
76
|
-
radioPlaceholder_inverted_checked: ge,
|
|
77
|
-
radioPlaceholder_inverted_disabled_unchecked: me,
|
|
78
|
-
radioPlaceholder_inverted_disabled: Ce,
|
|
79
|
-
radioPlaceholder_inverted_error: Pe,
|
|
80
|
-
radioPlaceholder_inverted_error_checked: Ie
|
|
81
|
-
};
|
|
82
|
-
export {
|
|
83
|
-
Ae as s
|
|
84
|
-
};
|