bmi-next-brokers 2.4.5 → 2.4.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Input.module-QnG0Iyue.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 +175 -88
- 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_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
|
+
};
|
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_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,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-QnG0Iyue.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,153 +1,240 @@
|
|
|
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
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
1
|
+
import { jsxs as b, jsx as n, Fragment as L } from "react/jsx-runtime";
|
|
2
|
+
import { useState as S, useRef as C, useEffect as T } from "react";
|
|
3
|
+
import { createPortal as O } from "react-dom";
|
|
4
|
+
import { s as e } from "../../Input.module-QnG0Iyue.js";
|
|
5
|
+
import { Icon as N } 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 P = (t, r) => t.replace(
|
|
10
|
+
/{{([^}]+)}}/g,
|
|
11
|
+
(s, i) => `<span class="${r}" data-variable="${i}" contenteditable="false"></span>`
|
|
12
|
+
), A = (t) => {
|
|
13
|
+
let r = "";
|
|
14
|
+
const s = (i) => {
|
|
15
|
+
i.nodeType === Node.TEXT_NODE ? r += i.textContent ?? "" : i instanceof HTMLElement && (i.dataset.variable ? r += `{{${i.dataset.variable}}}` : i.childNodes.forEach(s));
|
|
16
|
+
};
|
|
17
|
+
return t.childNodes.forEach(s), r;
|
|
18
|
+
}, H = ({
|
|
19
|
+
value: t = "",
|
|
20
|
+
placeholder: r,
|
|
21
|
+
className: s,
|
|
22
|
+
style: i,
|
|
23
|
+
disabled: h,
|
|
24
|
+
onChange: m,
|
|
25
|
+
renderVariable: w
|
|
26
|
+
}) => {
|
|
27
|
+
const l = C(null), f = C(!1), [$, c] = S([]), g = (a) => {
|
|
28
|
+
const o = a.querySelectorAll("[data-variable]");
|
|
29
|
+
c(
|
|
30
|
+
Array.from(o).map(
|
|
31
|
+
(I) => O(/* @__PURE__ */ n(L, { children: w(I.dataset.variable) }), I)
|
|
32
|
+
)
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
return T(() => {
|
|
36
|
+
const a = l.current;
|
|
37
|
+
a && (a.innerHTML = P(t, e.variableSpan), g(a));
|
|
38
|
+
}, []), T(() => {
|
|
39
|
+
const a = l.current;
|
|
40
|
+
if (!a) return;
|
|
41
|
+
if (f.current) {
|
|
42
|
+
f.current = !1;
|
|
43
|
+
return;
|
|
44
|
+
}
|
|
45
|
+
A(a) !== t && (a.innerHTML = P(t, e.variableSpan), g(a));
|
|
46
|
+
}, [t]), /* @__PURE__ */ b(L, { children: [
|
|
47
|
+
/* @__PURE__ */ n(
|
|
48
|
+
"div",
|
|
49
|
+
{
|
|
50
|
+
ref: l,
|
|
51
|
+
contentEditable: !h,
|
|
52
|
+
suppressContentEditableWarning: !0,
|
|
53
|
+
"data-placeholder": r,
|
|
54
|
+
className: s,
|
|
55
|
+
style: i,
|
|
56
|
+
onInput: () => {
|
|
57
|
+
f.current = !0;
|
|
58
|
+
const a = l.current;
|
|
59
|
+
a && (m == null || m({
|
|
60
|
+
target: { value: A(a) }
|
|
61
|
+
}));
|
|
62
|
+
},
|
|
63
|
+
onKeyDown: (a) => {
|
|
64
|
+
a.key === "Enter" && a.preventDefault();
|
|
65
|
+
},
|
|
66
|
+
role: "textbox",
|
|
67
|
+
"aria-multiline": "true"
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
$
|
|
71
|
+
] });
|
|
72
|
+
}, te = ({
|
|
73
|
+
size: t = "medium",
|
|
74
|
+
label: r,
|
|
75
|
+
error: s,
|
|
76
|
+
helperText: i,
|
|
77
|
+
icon: h,
|
|
78
|
+
className: m,
|
|
79
|
+
required: w,
|
|
80
|
+
inverted: l = !1,
|
|
81
|
+
btc: f,
|
|
82
|
+
prefix: $,
|
|
83
|
+
type: c,
|
|
84
|
+
customBorderColor: g,
|
|
85
|
+
variableMode: x,
|
|
86
|
+
renderVariable: _,
|
|
21
87
|
...a
|
|
22
88
|
}) => {
|
|
23
|
-
const [
|
|
24
|
-
if (
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
},
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
-
},
|
|
31
|
-
|
|
89
|
+
const [o, I] = S(!1), E = c === "password", y = c === "date", K = c === "textarea", v = C(null), { btc: R } = X(), j = f ?? R, k = () => {
|
|
90
|
+
if (c !== "textarea") return;
|
|
91
|
+
const d = v.current;
|
|
92
|
+
d && (d.style.height = "auto");
|
|
93
|
+
}, M = () => {
|
|
94
|
+
const d = v.current;
|
|
95
|
+
d && (d.style.height = "auto", d.style.height = d.scrollHeight + "px");
|
|
96
|
+
}, V = (d) => {
|
|
97
|
+
d.key === "Enter" && d.preventDefault();
|
|
32
98
|
};
|
|
33
|
-
|
|
34
|
-
|
|
99
|
+
T(() => {
|
|
100
|
+
k();
|
|
35
101
|
}, []);
|
|
36
|
-
const
|
|
102
|
+
const q = [
|
|
37
103
|
e.input,
|
|
38
|
-
e[
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
104
|
+
e[t],
|
|
105
|
+
j && e.btc,
|
|
106
|
+
s ? e.error : "",
|
|
107
|
+
l ? e.inverted : "",
|
|
108
|
+
m
|
|
43
109
|
].filter(Boolean).join(" "), p = [
|
|
44
110
|
e.hiddenInput,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
].filter(Boolean).join(" "),
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
return /* @__PURE__ */
|
|
111
|
+
s ? e.hiddenInputError : "",
|
|
112
|
+
y ? e.dateInput : ""
|
|
113
|
+
].filter(Boolean).join(" "), u = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, B = () => {
|
|
114
|
+
I(!o);
|
|
115
|
+
}, D = `${e.textArea} ${e[`textArea_${t}`]} ${e.hiddenInput}${x ? ` ${e.textArea_variableMode}` : ""}`, F = `${p} ${e.variableInputDiv} ${e[t]}`;
|
|
116
|
+
return /* @__PURE__ */ b(
|
|
51
117
|
"div",
|
|
52
118
|
{
|
|
53
|
-
className: `${e.inputContainer} ${
|
|
119
|
+
className: `${e.inputContainer} ${t === "medium" ? e.inputContainer_medium : t === "large" ? e.inputContainer_large : t === "extraLarge" ? e.inputContainer_extraLarge : ""}`,
|
|
54
120
|
children: [
|
|
55
|
-
|
|
121
|
+
r && /* @__PURE__ */ b(
|
|
56
122
|
"label",
|
|
57
123
|
{
|
|
58
|
-
className: `${e.label} ${
|
|
124
|
+
className: `${e.label} ${t === "large" ? e.label_large : ""} ${t === "extraLarge" ? e.label_extraLarge : ""} ${a.disabled && !l ? e.label_disabled : ""} ${l && !a.disabled ? e.label_inverted : ""} ${l && a.disabled ? e.label_inverted_disabled : ""}`,
|
|
59
125
|
children: [
|
|
60
|
-
|
|
61
|
-
/* @__PURE__ */
|
|
126
|
+
r,
|
|
127
|
+
/* @__PURE__ */ n(
|
|
62
128
|
"span",
|
|
63
129
|
{
|
|
64
|
-
className: `${e.required} ${
|
|
65
|
-
children:
|
|
130
|
+
className: `${e.required} ${l ? e.required_inverted : ""}`,
|
|
131
|
+
children: w && "*"
|
|
66
132
|
}
|
|
67
133
|
)
|
|
68
134
|
]
|
|
69
135
|
}
|
|
70
136
|
),
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
/* @__PURE__ */
|
|
137
|
+
/* @__PURE__ */ b("div", { className: e.inputWrapper, children: [
|
|
138
|
+
/* @__PURE__ */ b(
|
|
73
139
|
"div",
|
|
74
140
|
{
|
|
75
|
-
className:
|
|
76
|
-
ref:
|
|
141
|
+
className: q,
|
|
142
|
+
ref: v,
|
|
77
143
|
style: {
|
|
78
144
|
...a.style,
|
|
79
|
-
...
|
|
145
|
+
...g && { borderColor: g }
|
|
80
146
|
},
|
|
81
147
|
children: [
|
|
82
|
-
(
|
|
83
|
-
|
|
84
|
-
|
|
148
|
+
($ || h) && /* @__PURE__ */ b("div", { className: e.prefixIcon, children: [
|
|
149
|
+
$ && /* @__PURE__ */ n("span", { className: e.prefix, children: $ }),
|
|
150
|
+
h && !y && /* @__PURE__ */ n(
|
|
85
151
|
"div",
|
|
86
152
|
{
|
|
87
|
-
className: `${e.icon} ${a.disabled && !
|
|
88
|
-
children: /* @__PURE__ */
|
|
153
|
+
className: `${e.icon} ${a.disabled && !l ? e.icon_disabled : ""} ${l && !a.disabled ? e.icon_inverted : ""} ${l && a.disabled ? e.icon_inverted_disabled : ""}`,
|
|
154
|
+
children: /* @__PURE__ */ n(N, { name: h, width: u, height: u })
|
|
89
155
|
}
|
|
90
156
|
)
|
|
91
157
|
] }),
|
|
92
|
-
|
|
158
|
+
K ? x && _ ? /* @__PURE__ */ n(
|
|
159
|
+
H,
|
|
160
|
+
{
|
|
161
|
+
className: D,
|
|
162
|
+
value: a.value,
|
|
163
|
+
placeholder: a.placeholder,
|
|
164
|
+
style: a.style,
|
|
165
|
+
disabled: a.disabled,
|
|
166
|
+
onChange: a.onChange,
|
|
167
|
+
renderVariable: _
|
|
168
|
+
}
|
|
169
|
+
) : /* @__PURE__ */ n(
|
|
93
170
|
"textarea",
|
|
94
171
|
{
|
|
95
|
-
className:
|
|
96
|
-
onChange:
|
|
97
|
-
onKeyDown:
|
|
172
|
+
className: D,
|
|
173
|
+
onChange: M,
|
|
174
|
+
onKeyDown: V,
|
|
98
175
|
...a
|
|
99
176
|
}
|
|
100
|
-
) : /* @__PURE__ */
|
|
177
|
+
) : x && _ ? /* @__PURE__ */ n(
|
|
178
|
+
H,
|
|
179
|
+
{
|
|
180
|
+
className: F,
|
|
181
|
+
value: a.value,
|
|
182
|
+
placeholder: a.placeholder,
|
|
183
|
+
disabled: a.disabled,
|
|
184
|
+
onChange: a.onChange,
|
|
185
|
+
renderVariable: _
|
|
186
|
+
}
|
|
187
|
+
) : /* @__PURE__ */ n(
|
|
101
188
|
"input",
|
|
102
189
|
{
|
|
103
190
|
className: p,
|
|
104
|
-
type:
|
|
191
|
+
type: E ? o ? "text" : "password" : c,
|
|
105
192
|
...a
|
|
106
193
|
}
|
|
107
194
|
)
|
|
108
195
|
]
|
|
109
196
|
}
|
|
110
197
|
),
|
|
111
|
-
|
|
198
|
+
E && /* @__PURE__ */ n(
|
|
112
199
|
"button",
|
|
113
200
|
{
|
|
114
201
|
type: "button",
|
|
115
|
-
className: `${e.passwordToggle} ${a.disabled && !
|
|
116
|
-
onClick:
|
|
202
|
+
className: `${e.passwordToggle} ${a.disabled && !l ? e.passwordToggle_disabled : ""} ${l && !a.disabled ? e.passwordToggle_inverted : ""} ${l && a.disabled ? e.passwordToggle_inverted_disabled : ""}`,
|
|
203
|
+
onClick: B,
|
|
117
204
|
disabled: a.disabled,
|
|
118
|
-
"aria-label":
|
|
119
|
-
children: /* @__PURE__ */
|
|
120
|
-
|
|
205
|
+
"aria-label": o ? "Ocultar contraseña" : "Mostrar contraseña",
|
|
206
|
+
children: /* @__PURE__ */ n(
|
|
207
|
+
N,
|
|
121
208
|
{
|
|
122
|
-
name:
|
|
123
|
-
width:
|
|
124
|
-
height:
|
|
209
|
+
name: o ? "VisibilityOff" : "Visibility",
|
|
210
|
+
width: u,
|
|
211
|
+
height: u
|
|
125
212
|
}
|
|
126
213
|
)
|
|
127
214
|
}
|
|
128
215
|
),
|
|
129
|
-
|
|
216
|
+
y && /* @__PURE__ */ n(
|
|
130
217
|
"div",
|
|
131
218
|
{
|
|
132
|
-
className: `${e.dateIcon} ${a.disabled && !
|
|
133
|
-
children: /* @__PURE__ */
|
|
134
|
-
|
|
219
|
+
className: `${e.dateIcon} ${a.disabled && !l ? e.dateIcon_disabled : ""} ${l && !a.disabled ? e.dateIcon_inverted : ""} ${l && a.disabled ? e.dateIcon_inverted_disabled : ""} ${s ? e.dateIcon_error : ""} ${s && l ? e.dateIcon_inverted_error : ""}`,
|
|
220
|
+
children: /* @__PURE__ */ n(
|
|
221
|
+
N,
|
|
135
222
|
{
|
|
136
223
|
name: "CalendarIcon",
|
|
137
|
-
width:
|
|
138
|
-
height:
|
|
224
|
+
width: u + 2,
|
|
225
|
+
height: u + 2
|
|
139
226
|
}
|
|
140
227
|
)
|
|
141
228
|
}
|
|
142
229
|
)
|
|
143
230
|
] }),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
231
|
+
s && /* @__PURE__ */ n(W, { size: t, message: s }),
|
|
232
|
+
i && !s && /* @__PURE__ */ n(
|
|
233
|
+
U,
|
|
147
234
|
{
|
|
148
|
-
message:
|
|
149
|
-
size:
|
|
150
|
-
inverted:
|
|
235
|
+
message: i,
|
|
236
|
+
size: t,
|
|
237
|
+
inverted: l,
|
|
151
238
|
disabled: a.disabled
|
|
152
239
|
}
|
|
153
240
|
)
|
|
@@ -156,5 +243,5 @@ const G = ({
|
|
|
156
243
|
);
|
|
157
244
|
};
|
|
158
245
|
export {
|
|
159
|
-
|
|
246
|
+
te as Input
|
|
160
247
|
};
|
|
@@ -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-QnG0Iyue.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
|
-
};
|