bmi-next-brokers 2.4.5 → 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.d.ts +3 -1
- package/dist/components/Input/Input.js +184 -94
- package/dist/components/Input/RadioButton/RadioButton.js +1 -1
- package/package.json +1 -1
- package/dist/Input.module-B7zCbSwk.js +0 -81
|
@@ -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_1pc18_12{display:flex;flex-direction:column;cursor:pointer}._inputContainer_1pc18_12 *{font-family:var(--font-regular)}._inputContainer_medium_1pc18_24{gap:2px}._inputContainer_large_1pc18_28,._inputContainer_extraLarge_1pc18_29{gap:4px}._label_1pc18_38{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_large_1pc18_45,._label_extraLarge_1pc18_46{font-size:15px}._label_disabled_1pc18_50{color:var(--content-disabled-default, #cbd5e1)}._label_inverted_1pc18_54{color:#fff!important}._label_inverted_disabled_1pc18_58{color:var(--Content-Neutral-Default-Active, #fff)}._inputWrapper_1pc18_67{position:relative;display:flex;align-items:center;width:100%}._inputWrapper_1pc18_67:has(input:disabled) *{cursor:not-allowed}._input_1pc18_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_1pc18_12._large_1pc18_96{border-radius:14px}._input_1pc18_12._medium_1pc18_100{border-radius:12px}._input_1pc18_12._small_1pc18_104{border-radius:10px}._hiddenInput_1pc18_113{width:100%;border:none;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;background-color:transparent;outline:none}._hiddenInput_1pc18_113:focus{outline:none}._hiddenInput_1pc18_113::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._hiddenInputError_1pc18_131::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._hiddenInput_1pc18_113:disabled::placeholder,._CheckboxRadio_placeholder_disabled_1pc18_136{color:var(--Content-Neutral-Disabled, #94a3b8)}._CheckboxRadio_placeholder_disabled_1pc18_136{margin-left:-10px}._textArea_1pc18_149{resize:none;field-sizing:content;word-break:break-word;overflow-y:auto;max-height:140px;min-height:100%}._textArea_1pc18_149::-webkit-scrollbar{display:none}._textArea_small_1pc18_162{padding-block:10px}._textArea_medium_1pc18_166{padding-block:12px}._textArea_large_1pc18_170{padding-block:14px}._textArea_extraLarge_1pc18_174{padding-block:16px}._inputCheckbox_1pc18_183{border:1px solid #ddd;border-radius:12px;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_1pc18_183._smallCheckbox_1pc18_192{border-radius:10px}._inputCheckbox_1pc18_183._largeCheckbox_1pc18_196{border-radius:14px}._inputCheckbox_1pc18_183._extraLargeCheckbox_1pc18_200{border-radius:16px}._inputCheckbox_1pc18_183:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._inputCheckbox_1pc18_183:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._inputCheckbox_checked_1pc18_217{background:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_disabled_checked_1pc18_223{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_1pc18_223{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_1pc18_183._error_1pc18_245:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_1pc18_183._error_1pc18_245:active{box-shadow:0 0 0 3px var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_1pc18_183._error_checked_1pc18_253{background:#dc2626;color:#fef2f2}._inputCheckbox_1pc18_183._btc_1pc18_265:active,._inputCheckbox_1pc18_183._btc_1pc18_265:hover{background-color:#fff;border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_1pc18_217._btc_1pc18_265:active,._inputCheckbox_checked_1pc18_217._btc_1pc18_265: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_1pc18_217._btc_1pc18_265{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_1pc18_183._error_1pc18_245._btc_1pc18_265:active,._inputCheckbox_1pc18_183._error_1pc18_245._btc_1pc18_265: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_1pc18_183._error_checked_1pc18_253._btc_1pc18_265:active,._inputCheckbox_1pc18_183._error_checked_1pc18_253._btc_1pc18_265:hover{background:#dc2626;color:#fef2f2;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_1pc18_183._inverted_1pc18_308{border:1px solid var(--Content-Neutral-Default-Active, #fff);background-color:transparent!important}._inputCheckbox_1pc18_183._inverted_1pc18_308:hover{border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._inputCheckbox_1pc18_183._inverted_1pc18_308:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)!important}._inputCheckbox_1pc18_183._inverted_1pc18_308:active{border:1px solid #45c2d6!important}._inputCheckbox_checked_1pc18_217._inverted_1pc18_308{background:var(--Fill-Brand-Inverted-Active, #fff)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5)!important;color:#fff!important}._inputCheckbox_1pc18_183._inverted_1pc18_308._inputCheckbox_inverted_checked_1pc18_331{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #fff)}._inputCheckbox_1pc18_183._inverted_1pc18_308._error_1pc18_245{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_1pc18_183._inverted_1pc18_308._error_1pc18_245:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inputCheckbox_1pc18_183._inverted_1pc18_308._error_1pc18_245:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inputCheckbox_1pc18_183._inverted_1pc18_308._error_1pc18_245:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #dc2626)!important}._inputCheckbox_1pc18_183._inverted_1pc18_308._error_checked_1pc18_253{background:var(--ui-red-700, #b91c1c)!important;color:#fef2f2;border:1px solid var(--Fill-Negative-Inverted-Active, #ef4444)!important;color:#fff!important}._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308{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_1pc18_223._inverted_1pc18_308._inputCheckbox_disabled_checked_1pc18_223{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_1pc18_223._inverted_1pc18_308:hover{border:1px solid var(--Stroke-Disabled-Default, #1b468a)!important;background-color:transparent!important}._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308:focus,._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308:active{box-shadow:none!important}._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308._error_1pc18_245{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308._error_1pc18_245:focus,._inputCheckbox_disabled_1pc18_223._inverted_1pc18_308._error_1pc18_245: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_1pc18_245 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #dc2626)}._error_1pc18_245 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_1pc18_308 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pc18_308 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_1pc18_308._error_1pc18_245 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_1pc18_308 input[type=radio]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pc18_308 input[type=radio]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important}._inputCheckbox_inverted_checked_1pc18_331 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_1pc18_245 input[type=checkbox]{border:1px solid #dc2626}._error_1pc18_245 input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}._error_1pc18_245 input[type=checkbox]:checked:after{border-color:#dc2626;left:3px;top:0}._inverted_1pc18_308 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pc18_308 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_1pc18_308._error_1pc18_245 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_1pc18_308 input[type=checkbox]:disabled{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_1pc18_308 input[type=checkbox]:disabled:checked{background-color:var(--Fill-Brand-Inverted-Active, #fff)!important;border:none!important;position:relative}._inverted_1pc18_308 input[type=checkbox]:disabled:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inputCheckbox_inverted_checked_1pc18_331 input[type=checkbox]:checked{background-color:var(--Content-Brand-Default-Active, #2054a5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_1pc18_331 input[type=checkbox]:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inverted_1pc18_308._error_1pc18_245 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #dc2626);left:3px;top:1px}._input_1pc18_12:has(input:focus,textarea:focus){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_1pc18_12:hover,._input_1pc18_12:has(input:focus,textarea:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_1pc18_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_1pc18_12:has(input:disabled):hover,._input_1pc18_12:has(input:disabled):has(input:active,textarea:active),._input_1pc18_12:has(input:disabled):has(input:focus,textarea:focus){border:1px solid var(--Stroke-Disabled-Default, #cbd5e1);box-shadow:none}._input_1pc18_12._btc_1pc18_265:has(input:focus,textarea:focus),._input_1pc18_12._btc_1pc18_265:has(input:active,textarea:active){border:1px solid var(--ui-cyan-400, #45c2d6);box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._error_1pc18_245{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);animation:_errorShake_1pc18_1 .4s ease-in-out}._error_1pc18_245:hover,._error_1pc18_245._btc_1pc18_265:hover,._error_1pc18_245:has(input:active,textarea:active),._error_1pc18_245._btc_1pc18_265:has(input:active,textarea:active),._error_1pc18_245:has(input:focus,textarea:focus),._error_1pc18_245._btc_1pc18_265:has(input:focus,textarea:focus){border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_1pc18_245:has(input:focus,textarea:focus){box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_1pc18_245._btc_1pc18_265:has(input:focus,textarea:focus){box-shadow:3px 3px #dc2626}._inverted_1pc18_308{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_1pc18_308:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_1pc18_308:active{border:1px solid white!important}._inverted_1pc18_308::placeholder{color:#ffffffb3!important}._icon_inverted_1pc18_716{color:#fff!important}._inverted_1pc18_308._error_1pc18_245{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_1pc18_308._error_1pc18_245::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1pc18_308._error_1pc18_245:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pc18_308._error_1pc18_245:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pc18_308: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_1pc18_308:disabled::placeholder{color:var(--content-disabled-default, #4f88d9)!important}._inverted_1pc18_308:disabled:focus,._inverted_1pc18_308:disabled:active{box-shadow:none!important}._icon_inverted_disabled_1pc18_766{color:var(--content-disabled-default, #4f88d9)!important}._inverted_1pc18_308._error_1pc18_245:disabled{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_1pc18_308._error_1pc18_245:disabled:focus,._inverted_1pc18_308._error_1pc18_245:disabled:active{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_1pc18_308._error_1pc18_245:disabled::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._small_1pc18_104{height:30px;padding-inline:8px}._small_1pc18_104 *{font-size:12px}._smallCheckbox_1pc18_192{height:30px;padding-inline:11px}._smallRadio_1pc18_810{padding-inline:11px;font-size:12px}._medium_1pc18_100{height:36px;padding-inline:8px}._medium_1pc18_100 *{font-size:14px}._mediumCheckbox_1pc18_825{height:36px;padding-inline:10px}._mediumRadio_1pc18_830{padding-inline:10px;font-size:14px}._large_1pc18_96{height:42px;padding-inline:11px}._large_1pc18_96 *{font-size:15px}._largeCheckbox_1pc18_196{height:42px}._largeCheckbox_1pc18_196,._extraLargeCheckbox_1pc18_200,._largeRadio_1pc18_854,._extraLargeRadio_1pc18_855{padding-inline:12px}._largeRadio_1pc18_854{font-size:15px}._extraLarge_1pc18_200{height:48px;padding-inline:12px}._extraLarge_1pc18_200 *{font-size:16px}._extraLargeCheckbox_1pc18_200{height:48px}._extraLargeRadio_1pc18_855{font-size:16px}._small_1pc18_104[type=password]{padding:8px 36px 8px 11px}._medium_1pc18_100[type=password]{padding:8px 36px 8px 10px}._large_1pc18_96[type=password],._extraLarge_1pc18_200[type=password]{padding:11px 40px 11px 12px}._dateInput_1pc18_904{position:relative;cursor:pointer}._dateInput_1pc18_904::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_1pc18_904::-webkit-inner-spin-button{display:none}._dateInput_1pc18_904::-webkit-clear-button{display:none}._small_1pc18_104._dateInput_1pc18_904{padding:8px 42px 8px 11px}._medium_1pc18_100._dateInput_1pc18_904{padding:8px 42px 8px 10px}._large_1pc18_96._dateInput_1pc18_904,._extraLarge_1pc18_200._dateInput_1pc18_904{padding:11px 42px 11px 12px}._icon_1pc18_716{color:var(--Content-Neutral-Default, #475569);display:flex;align-items:center;justify-content:center}._icon_disabled_1pc18_953{color:var(--Content-Neutral-Disabled, #94a3b8)}._prefixIcon_1pc18_962{display:flex;justify-content:center;align-items:center;gap:6px}._prefix_1pc18_962{color:#a3a3a3}._passwordToggle_1pc18_978{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_1pc18_978:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_1pc18_978:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_disabled_1pc18_1006{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._passwordToggle_disabled_1pc18_1006:hover{background:none}._passwordToggle_inverted_1pc18_1020{color:#fff}._passwordToggle_inverted_1pc18_1020:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_1pc18_1020:focus{box-shadow:0 0 0 2px #ffffff4d}._passwordToggle_inverted_disabled_1pc18_1033{color:var(--content-disabled-default, #4f88d9);cursor:not-allowed}._passwordToggle_inverted_disabled_1pc18_1033:hover{background:none}._dateIcon_1pc18_1047{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_1pc18_1063{color:var(--Content-Neutral-Disabled, #94a3b8);border-left-color:var(--Stroke-Disabled-Default, #cbd5e1)}._dateIcon_inverted_1pc18_1068{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_inverted_disabled_1pc18_1073{color:var(--content-disabled-default, #4f88d9);border-left-color:var(--Stroke-Disabled-Default, #1b468a)}._dateIcon_error_1pc18_1078{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_1pc18_1082{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_1pc18_1091{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_1pc18_1096{color:var(--Content-Negative-Default-Active, #f87171)}._required_disabled_1pc18_1100{color:var(--content-disabled-default, #cbd5e1)}._required_inverted_disabled_1pc18_1104{color:var(--content-disabled-default, #4f88d9)}._checkboxPlaceholder_1pc18_1113{color:var(--Content-Neutral-Default-Active);font-weight:100;pointer-events:none;margin-left:-10px}._checkboxPlaceholder_disable_1pc18_1120{color:var(--Content-Neutral-Disabled, #94a3b8);cursor:not-allowed}._checkboxPlaceholder_1pc18_1113._small_1pc18_104{font-size:12px}._checkboxPlaceholder_1pc18_1113._medium_1pc18_100{font-size:14px}._checkboxPlaceholder_1pc18_1113._large_1pc18_96{font-size:15px}._radioPlaceholder_1pc18_1142{color:var(--Content-Neutral-Default-Active, #000);font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholder_disabled_1pc18_1149{color:var(--content-disabled-default, #cbd5e1);cursor:not-allowed}._btc_1pc18_265 ._radioPlaceholder_checked_1pc18_1154{color:#fff}._radioPlaceholder_checked_1pc18_1154{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_disabled_checked_1pc18_1162{color:#fff}._radioPlaceholder_error_checked_1pc18_1166{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_inverted_1pc18_1175{color:#fff}._radioPlaceholder_inverted_checked_1pc18_1179{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_disabled_unchecked_1pc18_1183{color:var(--Content-Neutral-Inverted-Active, #fff)}._radioPlaceholder_inverted_disabled_1pc18_1183{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_error_1pc18_1191{color:#fff}._radioPlaceholder_inverted_error_checked_1pc18_1195{color:var(--Content-Negative-Inverted-Hover, #fef2f2)}@keyframes _errorShake_1pc18_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";
|
|
@@ -14,5 +14,7 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
14
14
|
btc?: boolean;
|
|
15
15
|
prefix?: string;
|
|
16
16
|
customBorderColor?: string;
|
|
17
|
+
variableMode?: boolean;
|
|
18
|
+
renderVariable?: (name: string) => React.ReactNode;
|
|
17
19
|
}
|
|
18
|
-
export declare const Input: ({ size, label, error, helperText, icon, className, required, inverted, btc, prefix, type, customBorderColor, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const Input: ({ size, label, error, helperText, icon, className, required, inverted, btc, prefix, type, customBorderColor, variableMode, renderVariable, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,154 +1,244 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
+
import { createPortal as O } from "react-dom";
|
|
4
|
+
import { s as a } from "../../Input.module-DC5q-1pS.js";
|
|
5
|
+
import { Icon as C } from "../../icons/Icon.js";
|
|
6
|
+
import { FieldError as W } from "../fieldError/index.js";
|
|
7
|
+
import { HelperText as U } from "../helperText/index.js";
|
|
8
|
+
import { useBTC as X } from "../../hooks/btcContext/useBtcContext.js";
|
|
9
|
+
const R = (t, d) => t.replace(
|
|
10
|
+
/{{([^}]+)}}/g,
|
|
11
|
+
(s, i) => `<span class="${d}" data-variable="${i}" contenteditable="false"></span>`
|
|
12
|
+
), A = (t) => {
|
|
13
|
+
let d = "";
|
|
14
|
+
const s = (i) => {
|
|
15
|
+
i.nodeType === Node.TEXT_NODE ? d += i.textContent ?? "" : i instanceof HTMLElement && (i.dataset.variable ? d += `{{${i.dataset.variable}}}` : i.childNodes.forEach(s));
|
|
16
|
+
};
|
|
17
|
+
return t.childNodes.forEach(s), d;
|
|
18
|
+
}, P = ({
|
|
19
|
+
value: t = "",
|
|
20
|
+
placeholder: d,
|
|
21
|
+
className: s,
|
|
22
|
+
style: i,
|
|
23
|
+
disabled: f,
|
|
24
|
+
onChange: g,
|
|
25
|
+
renderVariable: I
|
|
26
|
+
}) => {
|
|
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
|
+
)
|
|
33
|
+
);
|
|
34
|
+
};
|
|
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
|
+
return;
|
|
44
|
+
}
|
|
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(
|
|
51
|
+
"div",
|
|
52
|
+
{
|
|
53
|
+
ref: n,
|
|
54
|
+
contentEditable: !f,
|
|
55
|
+
suppressContentEditableWarning: !0,
|
|
56
|
+
"data-placeholder": d,
|
|
57
|
+
className: s,
|
|
58
|
+
style: i,
|
|
59
|
+
onInput: () => {
|
|
60
|
+
$.current = !0;
|
|
61
|
+
const e = n.current;
|
|
62
|
+
e && (g == null || g({
|
|
63
|
+
target: { value: A(e) }
|
|
64
|
+
}));
|
|
65
|
+
},
|
|
66
|
+
onKeyDown: (e) => {
|
|
67
|
+
e.key === "Enter" && e.preventDefault();
|
|
68
|
+
},
|
|
69
|
+
role: "textbox",
|
|
70
|
+
"aria-multiline": "true"
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
_
|
|
74
|
+
] });
|
|
75
|
+
}, te = ({
|
|
76
|
+
size: t = "medium",
|
|
77
|
+
label: d,
|
|
78
|
+
error: s,
|
|
79
|
+
helperText: i,
|
|
80
|
+
icon: f,
|
|
81
|
+
className: g,
|
|
15
82
|
required: I,
|
|
16
|
-
inverted:
|
|
17
|
-
btc:
|
|
18
|
-
prefix:
|
|
19
|
-
type:
|
|
20
|
-
customBorderColor:
|
|
21
|
-
|
|
83
|
+
inverted: n = !1,
|
|
84
|
+
btc: $,
|
|
85
|
+
prefix: _,
|
|
86
|
+
type: u,
|
|
87
|
+
customBorderColor: x,
|
|
88
|
+
variableMode: v,
|
|
89
|
+
renderVariable: w,
|
|
90
|
+
...e
|
|
22
91
|
}) => {
|
|
23
|
-
const [
|
|
24
|
-
if (
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
},
|
|
31
|
-
|
|
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");
|
|
96
|
+
}, M = () => {
|
|
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();
|
|
32
101
|
};
|
|
33
|
-
|
|
34
|
-
|
|
102
|
+
E(() => {
|
|
103
|
+
k();
|
|
35
104
|
}, []);
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
105
|
+
const q = [
|
|
106
|
+
a.input,
|
|
107
|
+
a[t],
|
|
108
|
+
j && a.btc,
|
|
109
|
+
s ? a.error : "",
|
|
110
|
+
n ? a.inverted : "",
|
|
111
|
+
g
|
|
43
112
|
].filter(Boolean).join(" "), p = [
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
].filter(Boolean).join(" "),
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
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(
|
|
51
120
|
"div",
|
|
52
121
|
{
|
|
53
|
-
className: `${
|
|
122
|
+
className: `${a.inputContainer} ${t === "medium" ? a.inputContainer_medium : t === "large" ? a.inputContainer_large : t === "extraLarge" ? a.inputContainer_extraLarge : ""}`,
|
|
54
123
|
children: [
|
|
55
|
-
|
|
124
|
+
d && /* @__PURE__ */ h(
|
|
56
125
|
"label",
|
|
57
126
|
{
|
|
58
|
-
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 : ""}`,
|
|
59
128
|
children: [
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */
|
|
129
|
+
d,
|
|
130
|
+
/* @__PURE__ */ l(
|
|
62
131
|
"span",
|
|
63
132
|
{
|
|
64
|
-
className: `${
|
|
133
|
+
className: `${a.required} ${n ? a.required_inverted : ""}`,
|
|
65
134
|
children: I && "*"
|
|
66
135
|
}
|
|
67
136
|
)
|
|
68
137
|
]
|
|
69
138
|
}
|
|
70
139
|
),
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
140
|
+
/* @__PURE__ */ h("div", { className: a.inputWrapper, children: [
|
|
141
|
+
/* @__PURE__ */ h(
|
|
73
142
|
"div",
|
|
74
143
|
{
|
|
75
|
-
className:
|
|
76
|
-
ref:
|
|
144
|
+
className: q,
|
|
145
|
+
ref: N,
|
|
77
146
|
style: {
|
|
78
|
-
...
|
|
79
|
-
...
|
|
147
|
+
...e.style,
|
|
148
|
+
...x && { borderColor: x }
|
|
80
149
|
},
|
|
81
150
|
children: [
|
|
82
|
-
(
|
|
83
|
-
|
|
84
|
-
|
|
151
|
+
(_ || f) && /* @__PURE__ */ h("div", { className: a.prefixIcon, children: [
|
|
152
|
+
_ && /* @__PURE__ */ l("span", { className: a.prefix, children: _ }),
|
|
153
|
+
f && !y && /* @__PURE__ */ l(
|
|
85
154
|
"div",
|
|
86
155
|
{
|
|
87
|
-
className: `${
|
|
88
|
-
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 })
|
|
89
158
|
}
|
|
90
159
|
)
|
|
91
160
|
] }),
|
|
92
|
-
|
|
161
|
+
H ? v && w ? /* @__PURE__ */ l(
|
|
162
|
+
P,
|
|
163
|
+
{
|
|
164
|
+
className: D,
|
|
165
|
+
value: e.value,
|
|
166
|
+
placeholder: e.placeholder,
|
|
167
|
+
style: e.style,
|
|
168
|
+
disabled: e.disabled,
|
|
169
|
+
onChange: e.onChange,
|
|
170
|
+
renderVariable: w
|
|
171
|
+
}
|
|
172
|
+
) : /* @__PURE__ */ l(
|
|
93
173
|
"textarea",
|
|
94
174
|
{
|
|
95
|
-
className:
|
|
96
|
-
onChange:
|
|
97
|
-
onKeyDown:
|
|
98
|
-
...
|
|
175
|
+
className: D,
|
|
176
|
+
onChange: M,
|
|
177
|
+
onKeyDown: V,
|
|
178
|
+
...e
|
|
179
|
+
}
|
|
180
|
+
) : v && w ? /* @__PURE__ */ l(
|
|
181
|
+
P,
|
|
182
|
+
{
|
|
183
|
+
className: F,
|
|
184
|
+
value: e.value,
|
|
185
|
+
placeholder: e.placeholder,
|
|
186
|
+
disabled: e.disabled,
|
|
187
|
+
onChange: e.onChange,
|
|
188
|
+
renderVariable: w
|
|
99
189
|
}
|
|
100
|
-
) : /* @__PURE__ */
|
|
190
|
+
) : /* @__PURE__ */ l(
|
|
101
191
|
"input",
|
|
102
192
|
{
|
|
103
193
|
className: p,
|
|
104
|
-
type:
|
|
105
|
-
...
|
|
194
|
+
type: c ? b ? "text" : "password" : u,
|
|
195
|
+
...e
|
|
106
196
|
}
|
|
107
197
|
)
|
|
108
198
|
]
|
|
109
199
|
}
|
|
110
200
|
),
|
|
111
|
-
|
|
201
|
+
c && /* @__PURE__ */ l(
|
|
112
202
|
"button",
|
|
113
203
|
{
|
|
114
204
|
type: "button",
|
|
115
|
-
className: `${
|
|
116
|
-
onClick:
|
|
117
|
-
disabled:
|
|
118
|
-
"aria-label":
|
|
119
|
-
children: /* @__PURE__ */
|
|
120
|
-
|
|
205
|
+
className: `${a.passwordToggle} ${e.disabled && !n ? a.passwordToggle_disabled : ""} ${n && !e.disabled ? a.passwordToggle_inverted : ""} ${n && e.disabled ? a.passwordToggle_inverted_disabled : ""}`,
|
|
206
|
+
onClick: B,
|
|
207
|
+
disabled: e.disabled,
|
|
208
|
+
"aria-label": b ? "Ocultar contraseña" : "Mostrar contraseña",
|
|
209
|
+
children: /* @__PURE__ */ l(
|
|
210
|
+
C,
|
|
121
211
|
{
|
|
122
|
-
name:
|
|
123
|
-
width:
|
|
124
|
-
height:
|
|
212
|
+
name: b ? "VisibilityOff" : "Visibility",
|
|
213
|
+
width: m,
|
|
214
|
+
height: m
|
|
125
215
|
}
|
|
126
216
|
)
|
|
127
217
|
}
|
|
128
218
|
),
|
|
129
|
-
|
|
219
|
+
y && /* @__PURE__ */ l(
|
|
130
220
|
"div",
|
|
131
221
|
{
|
|
132
|
-
className: `${
|
|
133
|
-
children: /* @__PURE__ */
|
|
134
|
-
|
|
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,
|
|
135
225
|
{
|
|
136
226
|
name: "CalendarIcon",
|
|
137
|
-
width:
|
|
138
|
-
height:
|
|
227
|
+
width: m + 2,
|
|
228
|
+
height: m + 2
|
|
139
229
|
}
|
|
140
230
|
)
|
|
141
231
|
}
|
|
142
232
|
)
|
|
143
233
|
] }),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
234
|
+
s && /* @__PURE__ */ l(W, { size: t, message: s }),
|
|
235
|
+
i && !s && /* @__PURE__ */ l(
|
|
236
|
+
U,
|
|
147
237
|
{
|
|
148
|
-
message:
|
|
149
|
-
size:
|
|
150
|
-
inverted:
|
|
151
|
-
disabled:
|
|
238
|
+
message: i,
|
|
239
|
+
size: t,
|
|
240
|
+
inverted: n,
|
|
241
|
+
disabled: e.disabled
|
|
152
242
|
}
|
|
153
243
|
)
|
|
154
244
|
]
|
|
@@ -156,5 +246,5 @@ const G = ({
|
|
|
156
246
|
);
|
|
157
247
|
};
|
|
158
248
|
export {
|
|
159
|
-
|
|
249
|
+
te as Input
|
|
160
250
|
};
|
|
@@ -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,81 +0,0 @@
|
|
|
1
|
-
import './assets/Input.css';const e = "_inputContainer_1pc18_12", _ = "_inputContainer_medium_1pc18_24", d = "_inputContainer_large_1pc18_28", r = "_inputContainer_extraLarge_1pc18_29", c = "_label_1pc18_38", o = "_label_large_1pc18_45", a = "_label_extraLarge_1pc18_46", t = "_label_disabled_1pc18_50", i = "_label_inverted_1pc18_54", n = "_label_inverted_disabled_1pc18_58", l = "_inputWrapper_1pc18_67", s = "_input_1pc18_12", p = "_large_1pc18_96", h = "_medium_1pc18_100", b = "_small_1pc18_104", x = "_hiddenInput_1pc18_113", u = "_hiddenInputError_1pc18_131", k = "_CheckboxRadio_placeholder_disabled_1pc18_136", g = "_textArea_1pc18_149", v = "_textArea_small_1pc18_162", m = "_textArea_medium_1pc18_166", C = "_textArea_large_1pc18_170", P = "_textArea_extraLarge_1pc18_174", I = "_inputCheckbox_1pc18_183", L = "_smallCheckbox_1pc18_192", A = "_largeCheckbox_1pc18_196", R = "_extraLargeCheckbox_1pc18_200", q = "_inputCheckbox_checked_1pc18_217", w = "_inputCheckbox_disabled_checked_1pc18_223", T = "_inputCheckbox_disabled_1pc18_223", f = "_error_1pc18_245", E = "_error_checked_1pc18_253", S = "_btc_1pc18_265", W = "_inverted_1pc18_308", y = "_inputCheckbox_inverted_checked_1pc18_331", j = "_errorShake_1pc18_1", z = "_icon_inverted_1pc18_716", B = "_icon_inverted_disabled_1pc18_766", D = "_smallRadio_1pc18_810", F = "_mediumCheckbox_1pc18_825", G = "_mediumRadio_1pc18_830", H = "_largeRadio_1pc18_854", J = "_extraLargeRadio_1pc18_855", K = "_extraLarge_1pc18_200", M = "_dateInput_1pc18_904", N = "_icon_1pc18_716", O = "_icon_disabled_1pc18_953", Q = "_prefixIcon_1pc18_962", U = "_prefix_1pc18_962", V = "_passwordToggle_1pc18_978", X = "_passwordToggle_disabled_1pc18_1006", Y = "_passwordToggle_inverted_1pc18_1020", Z = "_passwordToggle_inverted_disabled_1pc18_1033", $ = "_dateIcon_1pc18_1047", ee = "_dateIcon_disabled_1pc18_1063", _e = "_dateIcon_inverted_1pc18_1068", de = "_dateIcon_inverted_disabled_1pc18_1073", re = "_dateIcon_error_1pc18_1078", ce = "_dateIcon_inverted_error_1pc18_1082", oe = "_required_1pc18_1091", ae = "_required_inverted_1pc18_1096", te = "_required_disabled_1pc18_1100", ie = "_required_inverted_disabled_1pc18_1104", ne = "_checkboxPlaceholder_1pc18_1113", le = "_checkboxPlaceholder_disable_1pc18_1120", se = "_radioPlaceholder_1pc18_1142", pe = "_radioPlaceholder_disabled_1pc18_1149", he = "_radioPlaceholder_checked_1pc18_1154", be = "_radioPlaceholder_disabled_checked_1pc18_1162", xe = "_radioPlaceholder_error_checked_1pc18_1166", ue = "_radioPlaceholder_inverted_1pc18_1175", ke = "_radioPlaceholder_inverted_checked_1pc18_1179", ge = "_radioPlaceholder_inverted_disabled_unchecked_1pc18_1183", ve = "_radioPlaceholder_inverted_disabled_1pc18_1183", me = "_radioPlaceholder_inverted_error_1pc18_1191", Ce = "_radioPlaceholder_inverted_error_checked_1pc18_1195", Pe = {
|
|
2
|
-
inputContainer: e,
|
|
3
|
-
inputContainer_medium: _,
|
|
4
|
-
inputContainer_large: d,
|
|
5
|
-
inputContainer_extraLarge: r,
|
|
6
|
-
label: c,
|
|
7
|
-
label_large: o,
|
|
8
|
-
label_extraLarge: a,
|
|
9
|
-
label_disabled: t,
|
|
10
|
-
label_inverted: i,
|
|
11
|
-
label_inverted_disabled: n,
|
|
12
|
-
inputWrapper: l,
|
|
13
|
-
input: s,
|
|
14
|
-
large: p,
|
|
15
|
-
medium: h,
|
|
16
|
-
small: b,
|
|
17
|
-
hiddenInput: x,
|
|
18
|
-
hiddenInputError: u,
|
|
19
|
-
CheckboxRadio_placeholder_disabled: k,
|
|
20
|
-
textArea: g,
|
|
21
|
-
textArea_small: v,
|
|
22
|
-
textArea_medium: m,
|
|
23
|
-
textArea_large: C,
|
|
24
|
-
textArea_extraLarge: P,
|
|
25
|
-
inputCheckbox: I,
|
|
26
|
-
smallCheckbox: L,
|
|
27
|
-
largeCheckbox: A,
|
|
28
|
-
extraLargeCheckbox: R,
|
|
29
|
-
inputCheckbox_checked: q,
|
|
30
|
-
inputCheckbox_disabled_checked: w,
|
|
31
|
-
inputCheckbox_disabled: T,
|
|
32
|
-
error: f,
|
|
33
|
-
error_checked: E,
|
|
34
|
-
btc: S,
|
|
35
|
-
inverted: W,
|
|
36
|
-
inputCheckbox_inverted_checked: y,
|
|
37
|
-
errorShake: j,
|
|
38
|
-
icon_inverted: z,
|
|
39
|
-
icon_inverted_disabled: B,
|
|
40
|
-
smallRadio: D,
|
|
41
|
-
mediumCheckbox: F,
|
|
42
|
-
mediumRadio: G,
|
|
43
|
-
largeRadio: H,
|
|
44
|
-
extraLargeRadio: J,
|
|
45
|
-
extraLarge: K,
|
|
46
|
-
dateInput: M,
|
|
47
|
-
icon: N,
|
|
48
|
-
icon_disabled: O,
|
|
49
|
-
prefixIcon: Q,
|
|
50
|
-
prefix: U,
|
|
51
|
-
passwordToggle: V,
|
|
52
|
-
passwordToggle_disabled: X,
|
|
53
|
-
passwordToggle_inverted: Y,
|
|
54
|
-
passwordToggle_inverted_disabled: Z,
|
|
55
|
-
dateIcon: $,
|
|
56
|
-
dateIcon_disabled: ee,
|
|
57
|
-
dateIcon_inverted: _e,
|
|
58
|
-
dateIcon_inverted_disabled: de,
|
|
59
|
-
dateIcon_error: re,
|
|
60
|
-
dateIcon_inverted_error: ce,
|
|
61
|
-
required: oe,
|
|
62
|
-
required_inverted: ae,
|
|
63
|
-
required_disabled: te,
|
|
64
|
-
required_inverted_disabled: ie,
|
|
65
|
-
checkboxPlaceholder: ne,
|
|
66
|
-
checkboxPlaceholder_disable: le,
|
|
67
|
-
radioPlaceholder: se,
|
|
68
|
-
radioPlaceholder_disabled: pe,
|
|
69
|
-
radioPlaceholder_checked: he,
|
|
70
|
-
radioPlaceholder_disabled_checked: be,
|
|
71
|
-
radioPlaceholder_error_checked: xe,
|
|
72
|
-
radioPlaceholder_inverted: ue,
|
|
73
|
-
radioPlaceholder_inverted_checked: ke,
|
|
74
|
-
radioPlaceholder_inverted_disabled_unchecked: ge,
|
|
75
|
-
radioPlaceholder_inverted_disabled: ve,
|
|
76
|
-
radioPlaceholder_inverted_error: me,
|
|
77
|
-
radioPlaceholder_inverted_error_checked: Ce
|
|
78
|
-
};
|
|
79
|
-
export {
|
|
80
|
-
Pe as s
|
|
81
|
-
};
|