bmi-next-brokers 2.8.5 → 2.8.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-CAmTQ65A.js +67 -0
- package/dist/assets/Input.css +1 -1
- package/dist/assets/StaticToast.css +1 -0
- package/dist/components/Input/Checkbox/Checkbox.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/RadioButton/RadioButton.d.ts +2 -1
- package/dist/components/Input/RadioButton/RadioButton.js +71 -56
- package/dist/components/StaticToast/StaticToast.d.ts +27 -0
- package/dist/components/StaticToast/StaticToast.js +228 -0
- package/dist/components/StaticToast/index.d.ts +2 -0
- package/dist/components/StaticToast/index.js +4 -0
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/AddAlert.js +7 -36
- package/dist/icons/components/Aetna.js +1 -18
- package/dist/icons/components/AnchorEmpty.js +7 -36
- package/dist/icons/components/AnchorFill.js +8 -37
- package/dist/icons/components/ArrowForward.js +8 -37
- package/dist/icons/components/ArrowTree.js +1 -1
- package/dist/icons/components/ArrowTreeDown.js +4 -4
- package/dist/icons/components/ArrowTreeRight.js +3 -3
- package/dist/icons/components/Assignment.js +8 -37
- package/dist/icons/components/CheckCircle.js +7 -36
- package/dist/icons/components/ChevronLeft.js +6 -6
- package/dist/icons/components/ChevronRight.js +8 -37
- package/dist/icons/components/Comunicaciones.js +7 -36
- package/dist/icons/components/DirectorioMedico.js +7 -9
- package/dist/icons/components/Facturas.js +7 -36
- package/dist/icons/components/Female.js +1 -18
- package/dist/icons/components/Handshake.js +8 -10
- package/dist/icons/components/Headset.js +8 -37
- package/dist/icons/components/Home.js +8 -37
- package/dist/icons/components/Hospital.js +4 -27
- package/dist/icons/components/Male.js +2 -19
- package/dist/icons/components/PetSupplies.js +8 -20
- package/dist/icons/components/PolizaIcon.js +8 -10
- package/dist/icons/components/Schedule.js +7 -36
- package/dist/icons/components/Stethoscope.js +6 -35
- package/dist/icons/components/Swich.js +8 -37
- package/dist/icons/components/TrendingDown.js +8 -37
- package/dist/icons/components/TrendingUp.js +8 -10
- package/dist/icons/components/WavingHand.js +7 -36
- package/dist/icons/index.js +1 -1
- package/dist/{index-KJHuFJDv.js → index-v_jla2lD.js} +1 -1
- package/dist/main.d.ts +2 -0
- package/dist/main.js +30 -28
- package/package.json +1 -1
- package/dist/Input.module-jJox2j9a.js +0 -66
- /package/dist/icons/components/{Ri/303/261ones.d.ts" → Rin/314/203ones.d.ts"} +0 -0
- /package/dist/icons/components/{Ri/303/261ones.js" → Rin/314/203ones.js"} +0 -0
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import './assets/Input.css';const e = "_inputContainer_12tg9_10", r = "_disabled_12tg9_21", t = "_inputContainer_medium_12tg9_27", _ = "_inputContainer_large_12tg9_31", o = "_inputContainer_extraLarge_12tg9_32", a = "_label_12tg9_41", n = "_label_large_12tg9_52", d = "_label_extraLarge_12tg9_53", c = "_label_inverted_12tg9_57", i = "_inputWrapper_12tg9_66", l = "_input_12tg9_10", g = "_large_12tg9_96", s = "_medium_12tg9_100", h = "_small_12tg9_104", x = "_hiddenInput_12tg9_113", p = "_hiddenInputError_12tg9_131", u = "_textArea_12tg9_140", b = "_textArea_small_12tg9_153", v = "_textArea_medium_12tg9_157", k = "_textArea_large_12tg9_161", m = "_textArea_extraLarge_12tg9_165", C = "_variableSpan_12tg9_170", I = "_textArea_variableMode_12tg9_177", P = "_variableInputDiv_12tg9_182", A = "_inputCheckbox_12tg9_218", L = "_smallCheckbox_12tg9_227", R = "_largeCheckbox_12tg9_231", f = "_extraLargeCheckbox_12tg9_235", q = "_inputCheckbox_checked_12tg9_252", w = "_error_12tg9_263", S = "_error_checked_12tg9_271", T = "_btc_12tg9_283", B = "_inverted_12tg9_325", D = "_inputCheckbox_inverted_checked_12tg9_348", E = "_errorShake_12tg9_1", M = "_icon_inverted_12tg9_631", W = "_smallRadio_12tg9_681", y = "_mediumCheckbox_12tg9_696", j = "_mediumRadio_12tg9_701", z = "_largeRadio_12tg9_725", F = "_extraLargeRadio_12tg9_726", G = "_extraLarge_12tg9_235", H = "_dateInput_12tg9_775", J = "_icon_12tg9_631", K = "_prefixIcon_12tg9_829", N = "_prefix_12tg9_829", O = "_passwordToggle_12tg9_845", Q = "_passwordToggle_inverted_12tg9_878", U = "_dateIcon_12tg9_896", V = "_dateIcon_inverted_12tg9_912", X = "_dateIcon_error_12tg9_917", Y = "_dateIcon_inverted_error_12tg9_921", Z = "_required_12tg9_930", $ = "_required_inverted_12tg9_935", ee = "_radioPlaceholder_12tg9_944", re = "_radioPlaceholderBold_12tg9_951", te = "_radioPlaceholder_checked_12tg9_955", _e = "_radioPlaceholder_error_checked_12tg9_963", oe = "_radioPlaceholder_inverted_12tg9_972", ae = "_radioPlaceholder_inverted_checked_12tg9_976", ne = "_radioPlaceholder_inverted_error_12tg9_980", de = "_radioPlaceholder_inverted_error_checked_12tg9_984", ce = {
|
|
2
|
+
inputContainer: e,
|
|
3
|
+
disabled: r,
|
|
4
|
+
inputContainer_medium: t,
|
|
5
|
+
inputContainer_large: _,
|
|
6
|
+
inputContainer_extraLarge: o,
|
|
7
|
+
label: a,
|
|
8
|
+
label_large: n,
|
|
9
|
+
label_extraLarge: d,
|
|
10
|
+
label_inverted: c,
|
|
11
|
+
inputWrapper: i,
|
|
12
|
+
input: l,
|
|
13
|
+
large: g,
|
|
14
|
+
medium: s,
|
|
15
|
+
small: h,
|
|
16
|
+
hiddenInput: x,
|
|
17
|
+
hiddenInputError: p,
|
|
18
|
+
textArea: u,
|
|
19
|
+
textArea_small: b,
|
|
20
|
+
textArea_medium: v,
|
|
21
|
+
textArea_large: k,
|
|
22
|
+
textArea_extraLarge: m,
|
|
23
|
+
variableSpan: C,
|
|
24
|
+
textArea_variableMode: I,
|
|
25
|
+
variableInputDiv: P,
|
|
26
|
+
inputCheckbox: A,
|
|
27
|
+
smallCheckbox: L,
|
|
28
|
+
largeCheckbox: R,
|
|
29
|
+
extraLargeCheckbox: f,
|
|
30
|
+
inputCheckbox_checked: q,
|
|
31
|
+
error: w,
|
|
32
|
+
error_checked: S,
|
|
33
|
+
btc: T,
|
|
34
|
+
inverted: B,
|
|
35
|
+
inputCheckbox_inverted_checked: D,
|
|
36
|
+
errorShake: E,
|
|
37
|
+
icon_inverted: M,
|
|
38
|
+
smallRadio: W,
|
|
39
|
+
mediumCheckbox: y,
|
|
40
|
+
mediumRadio: j,
|
|
41
|
+
largeRadio: z,
|
|
42
|
+
extraLargeRadio: F,
|
|
43
|
+
extraLarge: G,
|
|
44
|
+
dateInput: H,
|
|
45
|
+
icon: J,
|
|
46
|
+
prefixIcon: K,
|
|
47
|
+
prefix: N,
|
|
48
|
+
passwordToggle: O,
|
|
49
|
+
passwordToggle_inverted: Q,
|
|
50
|
+
dateIcon: U,
|
|
51
|
+
dateIcon_inverted: V,
|
|
52
|
+
dateIcon_error: X,
|
|
53
|
+
dateIcon_inverted_error: Y,
|
|
54
|
+
required: Z,
|
|
55
|
+
required_inverted: $,
|
|
56
|
+
radioPlaceholder: ee,
|
|
57
|
+
radioPlaceholderBold: re,
|
|
58
|
+
radioPlaceholder_checked: te,
|
|
59
|
+
radioPlaceholder_error_checked: _e,
|
|
60
|
+
radioPlaceholder_inverted: oe,
|
|
61
|
+
radioPlaceholder_inverted_checked: ae,
|
|
62
|
+
radioPlaceholder_inverted_error: ne,
|
|
63
|
+
radioPlaceholder_inverted_error_checked: de
|
|
64
|
+
};
|
|
65
|
+
export {
|
|
66
|
+
ce as s
|
|
67
|
+
};
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._inputContainer_9r8aw_10{display:flex;flex-direction:column;gap:4px;cursor:pointer}._inputContainer_9r8aw_10 *{font-family:var(--font-regular)}._inputContainer_9r8aw_10._disabled_9r8aw_21{opacity:.3;cursor:not-allowed}._inputContainer_medium_9r8aw_27{gap:6px}._inputContainer_large_9r8aw_31,._inputContainer_extraLarge_9r8aw_32{gap:8px}._label_9r8aw_41{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_9r8aw_41._disabled_9r8aw_21{cursor:not-allowed}._label_large_9r8aw_52,._label_extraLarge_9r8aw_53{font-size:15px}._label_inverted_9r8aw_57{color:#fff!important}._inputWrapper_9r8aw_66{position:relative;display:flex;align-items:center;width:100%}._inputWrapper_9r8aw_66._disabled_9r8aw_21{pointer-events:none;cursor:not-allowed}._input_9r8aw_10{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_9r8aw_10._large_9r8aw_96{border-radius:14px}._input_9r8aw_10._medium_9r8aw_100{border-radius:12px}._input_9r8aw_10._small_9r8aw_104{border-radius:10px}._hiddenInput_9r8aw_113{width:100%;border:none;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;background-color:transparent;outline:none}._hiddenInput_9r8aw_113:focus{outline:none}._hiddenInput_9r8aw_113::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._hiddenInputError_9r8aw_131::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._textArea_9r8aw_140{resize:none;field-sizing:content;word-break:break-word;overflow-y:auto;max-height:140px;min-height:100%}._textArea_9r8aw_140::-webkit-scrollbar{display:none}._textArea_small_9r8aw_153{padding-block:10px}._textArea_medium_9r8aw_157{padding-block:12px}._textArea_large_9r8aw_161{padding-block:14px}._textArea_extraLarge_9r8aw_165{padding-block:16px}._variableSpan_9r8aw_170{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:2px}._textArea_variableMode_9r8aw_177{line-height:2;cursor:text}._variableInputDiv_9r8aw_182{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;cursor:text}._variableInputDiv_9r8aw_182::-webkit-scrollbar{display:none}._hiddenInput_9r8aw_113._variableInputDiv_9r8aw_182{padding-inline:0;height:auto;text-overflow:clip}._variableInputDiv_9r8aw_182:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._textArea_variableMode_9r8aw_177:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._inputCheckbox_9r8aw_218{border:1px solid #ddd;border-radius:12px;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_9r8aw_218._smallCheckbox_9r8aw_227{border-radius:10px}._inputCheckbox_9r8aw_218._largeCheckbox_9r8aw_231{border-radius:14px}._inputCheckbox_9r8aw_218._extraLargeCheckbox_9r8aw_235{border-radius:16px}._inputCheckbox_9r8aw_218:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._inputCheckbox_9r8aw_218:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._inputCheckbox_checked_9r8aw_252{background:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_9r8aw_218._error_9r8aw_263:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_9r8aw_218._error_9r8aw_263:active{box-shadow:0 0 0 3px var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_9r8aw_218._error_checked_9r8aw_271{background:#dc2626;color:#fef2f2}._inputCheckbox_9r8aw_218._btc_9r8aw_283:active,._inputCheckbox_9r8aw_218._btc_9r8aw_283:hover{background-color:#fff;border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_9r8aw_252._btc_9r8aw_283:active,._inputCheckbox_checked_9r8aw_252._btc_9r8aw_283: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_9r8aw_252._btc_9r8aw_283{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_9r8aw_218._error_9r8aw_263._btc_9r8aw_283:active,._inputCheckbox_9r8aw_218._error_9r8aw_263._btc_9r8aw_283: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_9r8aw_218._error_checked_9r8aw_271._btc_9r8aw_283:active,._inputCheckbox_9r8aw_218._error_checked_9r8aw_271._btc_9r8aw_283:hover{background:#dc2626;color:#fef2f2;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_9r8aw_218._inverted_9r8aw_325{border:1px solid var(--Content-Neutral-Default-Active, #fff);background-color:transparent!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325:hover{border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._inputCheckbox_9r8aw_218._inverted_9r8aw_325:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325:active{border:1px solid #45c2d6!important}._inputCheckbox_checked_9r8aw_252._inverted_9r8aw_325{background:var(--Fill-Brand-Inverted-Active, #fff)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5)!important;color:#fff!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325._inputCheckbox_inverted_checked_9r8aw_348{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #fff)}._inputCheckbox_9r8aw_218._inverted_9r8aw_325._error_9r8aw_263{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_9r8aw_218._inverted_9r8aw_325._error_9r8aw_263:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325._error_9r8aw_263:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325._error_9r8aw_263:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #dc2626)!important}._inputCheckbox_9r8aw_218._inverted_9r8aw_325._error_checked_9r8aw_271{background:var(--ui-red-700, #b91c1c)!important;color:#fef2f2;border:1px solid var(--Fill-Negative-Inverted-Active, #ef4444)!important;color:#fff!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}._error_9r8aw_263 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #dc2626)}._error_9r8aw_263 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_9r8aw_325 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_9r8aw_325 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_9r8aw_325._error_9r8aw_263 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inputCheckbox_inverted_checked_9r8aw_348 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)}._error_9r8aw_263 input[type=checkbox]{border:1px solid #dc2626}._error_9r8aw_263 input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}._error_9r8aw_263 input[type=checkbox]:checked:after{border-color:#dc2626;left:3px;top:0}._inverted_9r8aw_325 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_9r8aw_325 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_9r8aw_325._error_9r8aw_263 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_9r8aw_348 input[type=checkbox]:checked{background-color:var(--Content-Brand-Default-Active, #2054a5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_9r8aw_348 input[type=checkbox]:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inverted_9r8aw_325._error_9r8aw_263 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #dc2626);left:3px;top:1px}._input_9r8aw_10:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_9r8aw_10:hover,._input_9r8aw_10:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_9r8aw_10._btc_9r8aw_283:has(input:focus,textarea:focus,[contenteditable]:focus),._input_9r8aw_10._btc_9r8aw_283: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_9r8aw_263{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);animation:_errorShake_9r8aw_1 .4s ease-in-out}._error_9r8aw_263:hover,._error_9r8aw_263._btc_9r8aw_283:hover,._error_9r8aw_263:has(input:active,textarea:active,[contenteditable]:focus),._error_9r8aw_263._btc_9r8aw_283:has(input:active,textarea:active,[contenteditable]:focus),._error_9r8aw_263:has(input:focus,textarea:focus,[contenteditable]:focus),._error_9r8aw_263._btc_9r8aw_283:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_9r8aw_263:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_9r8aw_263._btc_9r8aw_283:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:3px 3px #dc2626}._inverted_9r8aw_325{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_9r8aw_325:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_9r8aw_325:active{border:1px solid white!important}._inverted_9r8aw_325::placeholder{color:#ffffffb3!important}._icon_inverted_9r8aw_631{color:#fff!important}._inverted_9r8aw_325._error_9r8aw_263{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_9r8aw_325._error_9r8aw_263::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_9r8aw_325._error_9r8aw_263:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_9r8aw_325._error_9r8aw_263:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._small_9r8aw_104{height:30px;padding-inline:8px}._small_9r8aw_104 *{font-size:12px}._smallCheckbox_9r8aw_227{height:30px;padding-inline:11px}._smallRadio_9r8aw_681{padding-inline:11px;font-size:12px}._medium_9r8aw_100{height:36px;padding-inline:8px}._medium_9r8aw_100 *{font-size:14px}._mediumCheckbox_9r8aw_696{height:36px;padding-inline:10px}._mediumRadio_9r8aw_701{padding-inline:10px;font-size:14px}._large_9r8aw_96{height:42px;padding-inline:11px}._large_9r8aw_96 *{font-size:15px}._largeCheckbox_9r8aw_231{height:42px}._largeCheckbox_9r8aw_231,._extraLargeCheckbox_9r8aw_235,._largeRadio_9r8aw_725,._extraLargeRadio_9r8aw_726{padding-inline:12px}._largeRadio_9r8aw_725{font-size:15px}._extraLarge_9r8aw_235{height:48px;padding-inline:12px}._extraLarge_9r8aw_235 *{font-size:16px}._extraLargeCheckbox_9r8aw_235{height:48px}._extraLargeRadio_9r8aw_726{font-size:16px}._small_9r8aw_104[type=password]{padding:8px 36px 8px 11px}._medium_9r8aw_100[type=password]{padding:8px 36px 8px 10px}._large_9r8aw_96[type=password],._extraLarge_9r8aw_235[type=password]{padding:11px 40px 11px 12px}._dateInput_9r8aw_775{position:relative;cursor:pointer}._dateInput_9r8aw_775::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_9r8aw_775::-webkit-inner-spin-button{display:none}._dateInput_9r8aw_775::-webkit-clear-button{display:none}._small_9r8aw_104._dateInput_9r8aw_775{padding:8px 42px 8px 11px}._medium_9r8aw_100._dateInput_9r8aw_775{padding:8px 42px 8px 10px}._large_9r8aw_96._dateInput_9r8aw_775,._extraLarge_9r8aw_235._dateInput_9r8aw_775{padding:11px 42px 11px 12px}._icon_9r8aw_631{color:var(--Content-Neutral-Default, #475569);display:flex;align-items:center;justify-content:center}._prefixIcon_9r8aw_829{display:flex;justify-content:center;align-items:center;gap:6px}._prefix_9r8aw_829{color:#a3a3a3}._passwordToggle_9r8aw_845{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_9r8aw_845:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_9r8aw_845:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_inverted_9r8aw_878{color:#fff}._passwordToggle_inverted_9r8aw_878:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_9r8aw_878:focus{box-shadow:0 0 0 2px #ffffff4d}._dateIcon_9r8aw_896{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_inverted_9r8aw_912{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_error_9r8aw_917{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_9r8aw_921{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_9r8aw_930{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_9r8aw_935{color:var(--Content-Negative-Default-Active, #f87171)}._radioPlaceholder_9r8aw_944{color:var(--Content-Neutral-Default-Active, #000);font-weight:100;pointer-events:none;margin-left:-10px}._btc_9r8aw_283 ._radioPlaceholder_checked_9r8aw_951{color:#fff}._radioPlaceholder_checked_9r8aw_951,._radioPlaceholder_error_checked_9r8aw_959{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_inverted_9r8aw_968{color:#fff}._radioPlaceholder_inverted_checked_9r8aw_972{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_error_9r8aw_976{color:#fff}._radioPlaceholder_inverted_error_checked_9r8aw_980{color:var(--Content-Negative-Inverted-Hover, #fef2f2)}@keyframes _errorShake_9r8aw_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
1
|
+
._inputContainer_12tg9_10{display:flex;flex-direction:column;gap:4px;cursor:pointer}._inputContainer_12tg9_10 *{font-family:var(--font-regular)}._inputContainer_12tg9_10._disabled_12tg9_21{opacity:.3;cursor:not-allowed}._inputContainer_medium_12tg9_27{gap:6px}._inputContainer_large_12tg9_31,._inputContainer_extraLarge_12tg9_32{gap:8px}._label_12tg9_41{font-size:13px;color:var(--Content-Neutral-Default-Active, #000);font-weight:500;padding-left:4px}._label_12tg9_41._disabled_12tg9_21{cursor:not-allowed}._label_large_12tg9_52,._label_extraLarge_12tg9_53{font-size:15px}._label_inverted_12tg9_57{color:#fff!important}._inputWrapper_12tg9_66{position:relative;display:flex;align-items:center;width:100%}._inputWrapper_12tg9_66._disabled_12tg9_21{pointer-events:none;cursor:not-allowed}._input_12tg9_10{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_12tg9_10._large_12tg9_96{border-radius:14px}._input_12tg9_10._medium_12tg9_100{border-radius:12px}._input_12tg9_10._small_12tg9_104{border-radius:10px}._hiddenInput_12tg9_113{width:100%;border:none;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;background-color:transparent;outline:none}._hiddenInput_12tg9_113:focus{outline:none}._hiddenInput_12tg9_113::placeholder{color:var(--Content-Neutral-Default-Default, #a3a3a3)}._hiddenInputError_12tg9_131::placeholder{color:var(--Content-Negative-Default-Active, #dc2626)}._textArea_12tg9_140{resize:none;field-sizing:content;word-break:break-word;overflow-y:auto;max-height:140px;min-height:100%}._textArea_12tg9_140::-webkit-scrollbar{display:none}._textArea_small_12tg9_153{padding-block:10px}._textArea_medium_12tg9_157{padding-block:12px}._textArea_large_12tg9_161{padding-block:14px}._textArea_extraLarge_12tg9_165{padding-block:16px}._variableSpan_12tg9_170{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:2px}._textArea_variableMode_12tg9_177{line-height:2;cursor:text}._variableInputDiv_12tg9_182{white-space:nowrap;overflow-x:scroll;overflow-y:hidden;cursor:text}._variableInputDiv_12tg9_182::-webkit-scrollbar{display:none}._hiddenInput_12tg9_113._variableInputDiv_12tg9_182{padding-inline:0;height:auto;text-overflow:clip}._variableInputDiv_12tg9_182:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._textArea_variableMode_12tg9_177:empty:before{content:attr(data-placeholder);color:var(--Content-Neutral-Default-Default, #a3a3a3);pointer-events:none}._inputCheckbox_12tg9_218{border:1px solid #ddd;border-radius:12px;font-weight:100;outline:none;transition:all .2s ease;background-color:#fff}._inputCheckbox_12tg9_218._smallCheckbox_12tg9_227{border-radius:10px}._inputCheckbox_12tg9_218._largeCheckbox_12tg9_231{border-radius:14px}._inputCheckbox_12tg9_218._extraLargeCheckbox_12tg9_235{border-radius:16px}._inputCheckbox_12tg9_218:hover{border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._inputCheckbox_12tg9_218:active{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._inputCheckbox_checked_12tg9_252{background:var(--Fill-Brand-Inverted-Active, #2054a5);border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_12tg9_218._error_12tg9_263:hover{border:1px solid var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_12tg9_218._error_12tg9_263:active{box-shadow:0 0 0 3px var(--Stroke-Negative-Active, #dc2626)}._inputCheckbox_12tg9_218._error_checked_12tg9_271{background:#dc2626;color:#fef2f2}._inputCheckbox_12tg9_218._btc_12tg9_283:active,._inputCheckbox_12tg9_218._btc_12tg9_283:hover{background-color:#fff;border:1px solid #45c2d6;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #45c2d6)}._inputCheckbox_checked_12tg9_252._btc_12tg9_283:active,._inputCheckbox_checked_12tg9_252._btc_12tg9_283: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_12tg9_252._btc_12tg9_283{background-color:var(--Fill-Brand-Inverted-Active, #2054a5);color:#fff}._inputCheckbox_12tg9_218._error_12tg9_263._btc_12tg9_283:active,._inputCheckbox_12tg9_218._error_12tg9_263._btc_12tg9_283: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_12tg9_218._error_checked_12tg9_271._btc_12tg9_283:active,._inputCheckbox_12tg9_218._error_checked_12tg9_271._btc_12tg9_283:hover{background:#dc2626;color:#fef2f2;box-shadow:3px 3px 0 0 var(--Complementarios-Turquesa-Compl-2-Turquesa, #dc2626)}._inputCheckbox_12tg9_218._inverted_12tg9_325{border:1px solid var(--Content-Neutral-Default-Active, #fff);background-color:transparent!important}._inputCheckbox_12tg9_218._inverted_12tg9_325:hover{border:1px solid var(--Stroke-Neutral-Primary, #e0e9f8)}._inputCheckbox_12tg9_218._inverted_12tg9_325:focus{box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)!important}._inputCheckbox_12tg9_218._inverted_12tg9_325:active{border:1px solid #45c2d6!important}._inputCheckbox_checked_12tg9_252._inverted_12tg9_325{background:var(--Fill-Brand-Inverted-Active, #fff)!important;border:1px solid var(--Fill-Brand-Inverted-Active, #2054a5)!important;color:#fff!important}._inputCheckbox_12tg9_218._inverted_12tg9_325._inputCheckbox_inverted_checked_12tg9_348{background:#fff!important;color:var(--Content-Brand-Inverted-Active, #fff)}._inputCheckbox_12tg9_218._inverted_12tg9_325._error_12tg9_263{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_12tg9_218._inverted_12tg9_325._error_12tg9_263:hover{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important}._inputCheckbox_12tg9_218._inverted_12tg9_325._error_12tg9_263:focus{box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inputCheckbox_12tg9_218._inverted_12tg9_325._error_12tg9_263:active{border:1px solid transparent!important;box-shadow:3px 3px 0 0 var(--ui-red-600, #dc2626)!important}._inputCheckbox_12tg9_218._inverted_12tg9_325._error_checked_12tg9_271{background:var(--ui-red-700, #b91c1c)!important;color:#fef2f2;border:1px solid var(--Fill-Negative-Inverted-Active, #ef4444)!important;color:#fff!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}._error_12tg9_263 input[type=radio]{border:2px solid var(--Stroke-Negative-Active, #dc2626)}._error_12tg9_263 input[type=radio]:checked{background-color:#fff;border:2px solid white}._inverted_12tg9_325 input[type=radio]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_12tg9_325 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inverted_12tg9_325._error_12tg9_263 input[type=radio]:checked{background-color:#fff!important;border:none!important}._inputCheckbox_inverted_checked_12tg9_348 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)}._error_12tg9_263 input[type=checkbox]{border:1px solid #dc2626}._error_12tg9_263 input[type=checkbox]:checked{background-color:#fff;border:none;position:relative}._error_12tg9_263 input[type=checkbox]:checked:after{border-color:#dc2626;left:3px;top:0}._inverted_12tg9_325 input[type=checkbox]{border:2px solid var(--Content-Neutral-Default-Active, #fff)!important;background-color:transparent!important}._inverted_12tg9_325 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inverted_12tg9_325._error_12tg9_263 input[type=checkbox]:checked{background-color:#fff!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_12tg9_348 input[type=checkbox]:checked{background-color:var(--Content-Brand-Default-Active, #2054a5)!important;border:none!important;position:relative}._inputCheckbox_inverted_checked_12tg9_348 input[type=checkbox]:checked:after{border-color:var(--Fill-Brand-Default-Active, #fff)!important}._inverted_12tg9_325._error_12tg9_263 input[type=checkbox]:checked:after{border-color:var(--Content-Negative-Default-Active, #dc2626);left:3px;top:1px}._input_12tg9_10:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-blue-400, #7eaae6)}._input_12tg9_10:hover,._input_12tg9_10:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Neutral-Primary, #94a3b8)}._input_12tg9_10._btc_12tg9_283:has(input:focus,textarea:focus,[contenteditable]:focus),._input_12tg9_10._btc_12tg9_283: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_12tg9_263{border:1px solid var(--Stroke-Negative-Active, #dc2626);background:var(--Fill-Negative-Default-Active, #fee2e2);animation:_errorShake_12tg9_1 .4s ease-in-out}._error_12tg9_263:hover,._error_12tg9_263._btc_12tg9_283:hover,._error_12tg9_263:has(input:active,textarea:active,[contenteditable]:focus),._error_12tg9_263._btc_12tg9_283:has(input:active,textarea:active,[contenteditable]:focus),._error_12tg9_263:has(input:focus,textarea:focus,[contenteditable]:focus),._error_12tg9_263._btc_12tg9_283:has(input:focus,textarea:focus,[contenteditable]:focus){border:1px solid var(--Stroke-Negative-Active, #dc2626)}._error_12tg9_263:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:0 0 0 3px var(--ui-red-400, #f87171)}._error_12tg9_263._btc_12tg9_283:has(input:focus,textarea:focus,[contenteditable]:focus){box-shadow:3px 3px #dc2626}._inverted_12tg9_325{border:1px solid var(--Stroke-Neutral-Secondary, #c9e1f6);background-color:transparent!important;color:#fff!important}._inverted_12tg9_325:focus{box-shadow:0 0 0 3px #ffffff4d!important}._inverted_12tg9_325:active{border:1px solid white!important}._inverted_12tg9_325::placeholder{color:#ffffffb3!important}._icon_inverted_12tg9_631{color:#fff!important}._inverted_12tg9_325._error_12tg9_263{border:1px solid var(--Stroke-Negative-Active, #ef4444)!important;color:var(--Content-Negative-Default-Active, #f87171)!important;background-color:transparent!important}._inverted_12tg9_325._error_12tg9_263::placeholder{color:var(--Content-Negative-Default-Active, #f87171)!important}._inverted_12tg9_325._error_12tg9_263:focus{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._inverted_12tg9_325._error_12tg9_263:active{border:1px solid transparent!important;box-shadow:0 0 0 3px var(--ui-red-400, #f87171)!important}._small_12tg9_104{height:30px;padding-inline:8px}._small_12tg9_104 *{font-size:12px}._smallCheckbox_12tg9_227{height:30px;padding-inline:11px}._smallRadio_12tg9_681{padding-inline:11px;font-size:12px}._medium_12tg9_100{height:36px;padding-inline:8px}._medium_12tg9_100 *{font-size:14px}._mediumCheckbox_12tg9_696{height:36px;padding-inline:10px}._mediumRadio_12tg9_701{padding-inline:10px;font-size:14px}._large_12tg9_96{height:42px;padding-inline:11px}._large_12tg9_96 *{font-size:15px}._largeCheckbox_12tg9_231{height:42px}._largeCheckbox_12tg9_231,._extraLargeCheckbox_12tg9_235,._largeRadio_12tg9_725,._extraLargeRadio_12tg9_726{padding-inline:12px}._largeRadio_12tg9_725{font-size:15px}._extraLarge_12tg9_235{height:48px;padding-inline:12px}._extraLarge_12tg9_235 *{font-size:16px}._extraLargeCheckbox_12tg9_235{height:48px}._extraLargeRadio_12tg9_726{font-size:16px}._small_12tg9_104[type=password]{padding:8px 36px 8px 11px}._medium_12tg9_100[type=password]{padding:8px 36px 8px 10px}._large_12tg9_96[type=password],._extraLarge_12tg9_235[type=password]{padding:11px 40px 11px 12px}._dateInput_12tg9_775{position:relative;cursor:pointer}._dateInput_12tg9_775::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:8px;width:20px;height:20px;cursor:pointer}._dateInput_12tg9_775::-webkit-inner-spin-button{display:none}._dateInput_12tg9_775::-webkit-clear-button{display:none}._small_12tg9_104._dateInput_12tg9_775{padding:8px 42px 8px 11px}._medium_12tg9_100._dateInput_12tg9_775{padding:8px 42px 8px 10px}._large_12tg9_96._dateInput_12tg9_775,._extraLarge_12tg9_235._dateInput_12tg9_775{padding:11px 42px 11px 12px}._icon_12tg9_631{color:var(--Content-Neutral-Default, #475569);display:flex;align-items:center;justify-content:center}._prefixIcon_12tg9_829{display:flex;justify-content:center;align-items:center;gap:6px}._prefix_12tg9_829{color:#a3a3a3}._passwordToggle_12tg9_845{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_12tg9_845:hover{background-color:var(--Fill-Neutral-Default-Hover, #f1f5f9);color:var(--Content-Neutral-Default-Active, #000)}._passwordToggle_12tg9_845:focus{outline:none;box-shadow:0 0 0 2px var(--ui-blue-400, #7eaae6)}._passwordToggle_inverted_12tg9_878{color:#fff}._passwordToggle_inverted_12tg9_878:hover{background-color:#ffffff1a;color:#fff}._passwordToggle_inverted_12tg9_878:focus{box-shadow:0 0 0 2px #ffffff4d}._dateIcon_12tg9_896{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_inverted_12tg9_912{color:#fff;border-left-color:var(--Stroke-Neutral-Secondary, #c9e1f6)}._dateIcon_error_12tg9_917{border-left-color:var(--Stroke-Negative-Active, #dc2626)!important}._dateIcon_inverted_error_12tg9_921{border-left-color:var(--Stroke-Negative-Active, #ef4444)!important}._required_12tg9_930{color:var(--Content-Negative-Default-Active, #dc2626);margin-left:2px}._required_inverted_12tg9_935{color:var(--Content-Negative-Default-Active, #f87171)}._radioPlaceholder_12tg9_944{color:var(--Content-Neutral-Default-Active, #000);font-weight:100;pointer-events:none;margin-left:-10px}._radioPlaceholderBold_12tg9_951{font-family:var(--font-bold)}._btc_12tg9_283 ._radioPlaceholder_checked_12tg9_955{color:#fff}._radioPlaceholder_checked_12tg9_955,._radioPlaceholder_error_checked_12tg9_963{color:var(--Content-Brand-Inverted-Active, #eef3fc)}._radioPlaceholder_inverted_12tg9_972{color:#fff}._radioPlaceholder_inverted_checked_12tg9_976{color:var(--Content-Brand-Default-Active, #2054a5)}._radioPlaceholder_inverted_error_12tg9_980{color:#fff}._radioPlaceholder_inverted_error_checked_12tg9_984{color:var(--Content-Negative-Inverted-Hover, #fef2f2)}@keyframes _errorShake_12tg9_1{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._toast_2sram_2{position:relative;width:100%;min-width:0;max-width:420px;border-radius:12px;align-items:center;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em;box-sizing:border-box}._topRow_2sram_19{display:flex;align-items:center;gap:.75rem;width:100%}._bottomRow_2sram_26{display:flex;justify-content:center;width:100%}._iconContainer_2sram_33{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center;margin-top:.125rem}._content_2sram_45{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:0;gap:2px;overflow:visible;word-break:break-word}._small2Bold_2sram_58{font-size:12px;font-weight:600;line-height:1.3}._small5Regular_2sram_64{font-size:11px;font-weight:400;line-height:1.4}._bodyBold_2sram_70{font-size:14px;font-weight:600;line-height:1.3}._small2Medium_2sram_76{font-size:12px;font-weight:500;line-height:1.4}._title6Bold_2sram_82{font-size:16px;font-weight:600;line-height:1.3}._bodyMedium_2sram_88{font-size:14px;font-weight:500;line-height:1.4}._actionButton_2sram_95{flex-shrink:0;background:transparent!important}._toast_2sram_2 ._actionButton_2sram_95{border:1px solid var(--Badge-Toasts-Stroke, #2054a5)!important;color:var(--Badge-Toasts-Stroke, #2054a5)!important;background-color:transparent!important}._type_brand_2sram_106 ._actionButton_2sram_95,._type_info_2sram_111 ._actionButton_2sram_95{border:1px solid #2054a5!important;color:#2054a5!important}._type_new_2sram_116 ._actionButton_2sram_95{border:1px solid #0f93a8!important;color:#0f93a8!important}._type_pending_2sram_121 ._actionButton_2sram_95{border:1px solid #ca8a04!important;color:#ca8a04!important}._type_positive_2sram_126 ._actionButton_2sram_95{border:1px solid #65a30d!important;color:#65a30d!important}._type_warning_2sram_131 ._actionButton_2sram_95{border:1px solid #ea580c!important;color:#ea580c!important}._type_negative_2sram_136 ._actionButton_2sram_95{border:1px solid #dc2626!important;color:#dc2626!important}._toast_2sram_2 ._actionButton_2sram_95:hover:not(:disabled){border-width:1px!important;background-color:transparent!important}._closeButton_2sram_147{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0 0 0 7px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-right:.5rem}._closeButton_2sram_147:active{transform:scale(.95)}._progressBar_2sram_166{position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.6;animation:_progressBarShrink_2sram_1 linear;transform-origin:left}._entering_2sram_178{animation:_staticToastIn_2sram_1 .3s cubic-bezier(.16,1,.3,1) forwards}._exiting_2sram_182{animation:_staticToastOut_2sram_1 .3s cubic-bezier(.4,0,1,1) forwards}@keyframes _staticToastIn_2sram_1{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes _staticToastOut_2sram_1{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}}@keyframes _progressBarShrink_2sram_1{0%{transform:scaleX(1)}to{transform:scaleX(0)}}._toast_2sram_2:hover ._progressBar_2sram_166{animation-play-state:paused}@media (prefers-reduced-motion: reduce){._toast_2sram_2,._entering_2sram_178,._exiting_2sram_182,._progressBar_2sram_166{animation:none!important}}._content_2sram_45:only-child,._content_2sram_45:not(:has(._body_2sram_70)){justify-content:center}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as c, jsx as i } 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-CAmTQ65A.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 P } from "../../../hooks/btcContext/useBtcContext.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as v, jsx as r, Fragment as R } from "react/jsx-runtime";
|
|
2
2
|
import { useState as S, useRef as E, useEffect as T } from "react";
|
|
3
3
|
import { createPortal as U } from "react-dom";
|
|
4
|
-
import { s as e } from "../../Input.module-
|
|
4
|
+
import { s as e } from "../../Input.module-CAmTQ65A.js";
|
|
5
5
|
import { Icon as _ } from "../../icons/Icon.js";
|
|
6
6
|
import { FieldError as W } from "../fieldError/index.js";
|
|
7
7
|
import { HelperText as X } from "../helperText/index.js";
|
|
@@ -9,5 +9,6 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
|
|
|
9
9
|
error?: string;
|
|
10
10
|
inverted?: boolean;
|
|
11
11
|
btc?: boolean;
|
|
12
|
+
boldText?: string;
|
|
12
13
|
}
|
|
13
|
-
export declare const RadioButton: ({ size, label, placeholder, helperText, required, error, inverted, disabled, checked, btc, onClick, onChange, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare const RadioButton: ({ size, label, placeholder, helperText, required, error, inverted, disabled, checked, btc, onClick, onChange, boldText, ...props }: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,62 +1,77 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { s as a } from "../../../Input.module-
|
|
4
|
-
import { FieldError as
|
|
5
|
-
import { HelperText as
|
|
6
|
-
import { useBTC as
|
|
7
|
-
const
|
|
8
|
-
size:
|
|
9
|
-
label:
|
|
10
|
-
placeholder:
|
|
11
|
-
helperText:
|
|
12
|
-
required:
|
|
13
|
-
error:
|
|
1
|
+
import { jsxs as u, jsx as n, Fragment as g } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as q } from "react";
|
|
3
|
+
import { s as a } from "../../../Input.module-CAmTQ65A.js";
|
|
4
|
+
import { FieldError as v } from "../../fieldError/index.js";
|
|
5
|
+
import { HelperText as E } from "../../helperText/index.js";
|
|
6
|
+
import { useBTC as I } from "../../../hooks/btcContext/useBtcContext.js";
|
|
7
|
+
const A = ({
|
|
8
|
+
size: r = "medium",
|
|
9
|
+
label: h,
|
|
10
|
+
placeholder: s,
|
|
11
|
+
helperText: _,
|
|
12
|
+
required: P,
|
|
13
|
+
error: l,
|
|
14
14
|
inverted: e = !1,
|
|
15
|
-
disabled:
|
|
15
|
+
disabled: c = !1,
|
|
16
16
|
checked: t = !1,
|
|
17
|
-
btc:
|
|
18
|
-
onClick:
|
|
19
|
-
onChange:
|
|
20
|
-
|
|
17
|
+
btc: b,
|
|
18
|
+
onClick: $,
|
|
19
|
+
onChange: d,
|
|
20
|
+
boldText: m = void 0,
|
|
21
|
+
...x
|
|
21
22
|
}) => {
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
const f = q(null), { btc: L } = I(), k = b ?? L;
|
|
24
|
+
var C = null;
|
|
25
|
+
const R = (i) => {
|
|
26
|
+
d && d(i);
|
|
27
|
+
}, y = (i) => {
|
|
28
|
+
if (!c)
|
|
29
|
+
if (t && d) {
|
|
27
30
|
i.preventDefault(), i.stopPropagation();
|
|
28
|
-
const
|
|
29
|
-
target: { checked: !1, value:
|
|
31
|
+
const o = {
|
|
32
|
+
target: { checked: !1, value: x.value || "" }
|
|
30
33
|
};
|
|
31
|
-
|
|
32
|
-
} else
|
|
33
|
-
|
|
34
|
-
},
|
|
34
|
+
d(o);
|
|
35
|
+
} else f.current && f.current.click();
|
|
36
|
+
$ && $(i);
|
|
37
|
+
}, B = [
|
|
35
38
|
a.inputWrapper,
|
|
36
|
-
|
|
39
|
+
k && a.btc,
|
|
37
40
|
a.inputCheckbox,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
c && a.disabled,
|
|
42
|
+
r === "small" ? a.smallCheckbox : r === "large" ? a.largeCheckbox : r === "extraLarge" ? a.extraLargeCheckbox : a.mediumCheckbox,
|
|
43
|
+
l ? a.error : "",
|
|
41
44
|
e ? a.inverted : "",
|
|
42
|
-
t && !
|
|
43
|
-
t && !
|
|
44
|
-
t &&
|
|
45
|
+
t && !l && !e ? a.inputCheckbox_checked : "",
|
|
46
|
+
t && !l && e ? a.inputCheckbox_inverted_checked : "",
|
|
47
|
+
t && l ? a.error_checked : ""
|
|
45
48
|
].filter(Boolean).join(" ");
|
|
46
|
-
|
|
49
|
+
m && s && s.includes(m) && (C = m);
|
|
50
|
+
const N = (i, o) => {
|
|
51
|
+
if (!o) return /* @__PURE__ */ n(g, { children: i });
|
|
52
|
+
const p = i.indexOf(o);
|
|
53
|
+
if (p === -1) return /* @__PURE__ */ n(g, { children: i });
|
|
54
|
+
const j = i.slice(0, p), F = i.slice(p + o.length);
|
|
55
|
+
return /* @__PURE__ */ u(g, { children: [
|
|
56
|
+
j,
|
|
57
|
+
/* @__PURE__ */ n("b", { className: a.radioPlaceholderBold, children: o }),
|
|
58
|
+
F
|
|
59
|
+
] });
|
|
60
|
+
};
|
|
61
|
+
return /* @__PURE__ */ u(
|
|
47
62
|
"div",
|
|
48
63
|
{
|
|
49
|
-
className: `${a.inputContainer} ${
|
|
64
|
+
className: `${a.inputContainer} ${r === "medium" ? a.inputContainer_medium : r === "large" ? a.inputContainer_large : r === "extraLarge" ? a.inputContainer_extraLarge : ""} ${c ? a.disabled : ""}`,
|
|
50
65
|
children: [
|
|
51
|
-
|
|
66
|
+
h && /* @__PURE__ */ u(
|
|
52
67
|
"label",
|
|
53
68
|
{
|
|
54
|
-
className: `${a.label} ${
|
|
55
|
-
${
|
|
56
|
-
${e ? a.label_inverted : ""} ${
|
|
69
|
+
className: `${a.label} ${r === "large" ? a.label_large : ""}
|
|
70
|
+
${r === "extraLarge" ? a.label_extraLarge : ""}
|
|
71
|
+
${e ? a.label_inverted : ""} ${c ? a.disabled : ""}`,
|
|
57
72
|
children: [
|
|
58
|
-
|
|
59
|
-
|
|
73
|
+
h,
|
|
74
|
+
P && /* @__PURE__ */ n(
|
|
60
75
|
"span",
|
|
61
76
|
{
|
|
62
77
|
className: `${a.required} ${e ? a.required_inverted : ""}`,
|
|
@@ -66,43 +81,43 @@ const I = ({
|
|
|
66
81
|
]
|
|
67
82
|
}
|
|
68
83
|
),
|
|
69
|
-
/* @__PURE__ */
|
|
84
|
+
/* @__PURE__ */ u(
|
|
70
85
|
"div",
|
|
71
86
|
{
|
|
72
|
-
className:
|
|
87
|
+
className: B,
|
|
73
88
|
style: {
|
|
74
89
|
display: "flex",
|
|
75
90
|
alignItems: "center"
|
|
76
91
|
},
|
|
77
|
-
onClick:
|
|
92
|
+
onClick: y,
|
|
78
93
|
children: [
|
|
79
94
|
/* @__PURE__ */ n(
|
|
80
95
|
"input",
|
|
81
96
|
{
|
|
82
|
-
ref:
|
|
97
|
+
ref: f,
|
|
83
98
|
type: "radio",
|
|
84
|
-
disabled:
|
|
99
|
+
disabled: c,
|
|
85
100
|
checked: t,
|
|
86
|
-
onChange:
|
|
87
|
-
...
|
|
101
|
+
onChange: R,
|
|
102
|
+
...x,
|
|
88
103
|
style: { marginTop: "-1px", flexShrink: 0 }
|
|
89
104
|
}
|
|
90
105
|
),
|
|
91
|
-
|
|
106
|
+
s && /* @__PURE__ */ n(
|
|
92
107
|
"span",
|
|
93
108
|
{
|
|
94
|
-
className: `${a.radioPlaceholder} ${
|
|
95
|
-
children:
|
|
109
|
+
className: `${a.radioPlaceholder} ${r === "small" ? a.smallRadio : r === "large" ? a.largeRadio : r === "extraLarge" ? a.extraLargeRadio : a.mediumRadio} ${e && !t ? a.radioPlaceholder_inverted : ""} ${t && !l && !e ? a.radioPlaceholder_checked : ""} ${t && !l && e ? a.radioPlaceholder_inverted_checked : ""} ${l && !t && !e ? a.radioPlaceholder_error : ""} ${l && !t && e ? a.radioPlaceholder_inverted_error : ""} ${l && t && !e ? a.radioPlaceholder_error_checked : ""} ${l && t && e ? a.radioPlaceholder_inverted_error_checked : ""}`,
|
|
110
|
+
children: N(s, C)
|
|
96
111
|
}
|
|
97
112
|
)
|
|
98
113
|
]
|
|
99
114
|
}
|
|
100
115
|
),
|
|
101
|
-
|
|
116
|
+
l ? /* @__PURE__ */ n(v, { message: l, size: r, inverted: e }) : _ && /* @__PURE__ */ n(E, { message: _, size: r, inverted: e })
|
|
102
117
|
]
|
|
103
118
|
}
|
|
104
119
|
);
|
|
105
120
|
};
|
|
106
121
|
export {
|
|
107
|
-
|
|
122
|
+
A as RadioButton
|
|
108
123
|
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { IconName } from '../../icons/Icon';
|
|
2
|
+
export type StaticToastType = "brand" | "info" | "new" | "pending" | "positive" | "warning" | "negative";
|
|
3
|
+
export type StaticToastSize = "small" | "medium" | "large";
|
|
4
|
+
export interface StaticToastProps {
|
|
5
|
+
type?: StaticToastType;
|
|
6
|
+
title?: string;
|
|
7
|
+
body?: string;
|
|
8
|
+
size?: StaticToastSize;
|
|
9
|
+
icon?: IconName;
|
|
10
|
+
/** Controla la visibilidad del toast. Por defecto visible. */
|
|
11
|
+
isVisible?: boolean;
|
|
12
|
+
/** Muestra el botón de cierre (X). Por defecto true. */
|
|
13
|
+
closable?: boolean;
|
|
14
|
+
onClose?: () => void;
|
|
15
|
+
/** Cierra automáticamente tras `duration` ms. Por defecto false en el StaticToast. */
|
|
16
|
+
autoClose?: boolean;
|
|
17
|
+
/** Duración del autoClose en ms y de la barra de progreso. */
|
|
18
|
+
duration?: number;
|
|
19
|
+
className?: string;
|
|
20
|
+
/** Estilos inline para integrarlo como un div normal (ancho, márgenes, etc.). */
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
action?: {
|
|
23
|
+
label: string;
|
|
24
|
+
function: () => void;
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
export declare const StaticToast: ({ type, title, body, size, icon, isVisible, closable, onClose, autoClose, duration, className, style, action, }: StaticToastProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { jsxs as B, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { useState as R, useEffect as x } from "react";
|
|
3
|
+
import { Icon as w } from "../../icons/Icon.js";
|
|
4
|
+
import { Button as D } from "../Button/Button.js";
|
|
5
|
+
import '../../assets/StaticToast.css';const j = "_toast_2sram_2", O = "_topRow_2sram_19", P = "_bottomRow_2sram_26", $ = "_iconContainer_2sram_33", H = "_content_2sram_45", L = "_small2Bold_2sram_58", W = "_small5Regular_2sram_64", q = "_bodyBold_2sram_70", G = "_small2Medium_2sram_76", J = "_title6Bold_2sram_82", K = "_bodyMedium_2sram_88", Q = "_actionButton_2sram_95", U = "_type_brand_2sram_106", X = "_type_info_2sram_111", Y = "_type_new_2sram_116", Z = "_type_pending_2sram_121", S = "_type_positive_2sram_126", V = "_type_warning_2sram_131", z = "_type_negative_2sram_136", oo = "_closeButton_2sram_147", ro = "_progressBar_2sram_166", to = "_progressBarShrink_2sram_1", eo = "_entering_2sram_178", ao = "_staticToastIn_2sram_1", so = "_exiting_2sram_182", no = "_staticToastOut_2sram_1", lo = "_body_2sram_70", r = {
|
|
6
|
+
toast: j,
|
|
7
|
+
topRow: O,
|
|
8
|
+
bottomRow: P,
|
|
9
|
+
iconContainer: $,
|
|
10
|
+
content: H,
|
|
11
|
+
small2Bold: L,
|
|
12
|
+
small5Regular: W,
|
|
13
|
+
bodyBold: q,
|
|
14
|
+
small2Medium: G,
|
|
15
|
+
title6Bold: J,
|
|
16
|
+
bodyMedium: K,
|
|
17
|
+
actionButton: Q,
|
|
18
|
+
type_brand: U,
|
|
19
|
+
type_info: X,
|
|
20
|
+
type_new: Y,
|
|
21
|
+
type_pending: Z,
|
|
22
|
+
type_positive: S,
|
|
23
|
+
type_warning: V,
|
|
24
|
+
type_negative: z,
|
|
25
|
+
closeButton: oo,
|
|
26
|
+
progressBar: ro,
|
|
27
|
+
progressBarShrink: to,
|
|
28
|
+
entering: eo,
|
|
29
|
+
staticToastIn: ao,
|
|
30
|
+
exiting: so,
|
|
31
|
+
staticToastOut: no,
|
|
32
|
+
body: lo
|
|
33
|
+
}, po = ({
|
|
34
|
+
type: i = "info",
|
|
35
|
+
title: y,
|
|
36
|
+
body: v,
|
|
37
|
+
size: s = "small",
|
|
38
|
+
icon: E,
|
|
39
|
+
isVisible: m = !0,
|
|
40
|
+
closable: A = !0,
|
|
41
|
+
onClose: g,
|
|
42
|
+
autoClose: u = !1,
|
|
43
|
+
duration: d = 5e3,
|
|
44
|
+
className: N,
|
|
45
|
+
style: M,
|
|
46
|
+
action: p
|
|
47
|
+
}) => {
|
|
48
|
+
const [c, f] = R(m), [_, C] = R(!1);
|
|
49
|
+
x(() => {
|
|
50
|
+
m ? (C(!1), f(!0)) : c && b();
|
|
51
|
+
}, [m]), x(() => {
|
|
52
|
+
if (u && c && !_ && d > 0) {
|
|
53
|
+
const l = setTimeout(() => {
|
|
54
|
+
b();
|
|
55
|
+
}, d);
|
|
56
|
+
return () => clearTimeout(l);
|
|
57
|
+
}
|
|
58
|
+
}, [c, d, u, _]);
|
|
59
|
+
const b = () => {
|
|
60
|
+
C(!0), setTimeout(() => {
|
|
61
|
+
f(!1), g == null || g();
|
|
62
|
+
}, 300);
|
|
63
|
+
}, e = {
|
|
64
|
+
small: "10px 8px",
|
|
65
|
+
medium: "14px 10px",
|
|
66
|
+
large: "14px 12px"
|
|
67
|
+
}, a = {
|
|
68
|
+
small: "18px",
|
|
69
|
+
medium: "20px",
|
|
70
|
+
large: "24px"
|
|
71
|
+
}, T = {
|
|
72
|
+
small: { title: "small2Bold", body: "small5Regular" },
|
|
73
|
+
medium: { title: "bodyBold", body: "small2Medium" },
|
|
74
|
+
large: { title: "title6Bold", body: "bodyMedium" }
|
|
75
|
+
}, h = (l, o) => {
|
|
76
|
+
switch (l) {
|
|
77
|
+
case "brand":
|
|
78
|
+
return {
|
|
79
|
+
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
80
|
+
background: "var(--Badge-Toasts-Fill, #FFF)",
|
|
81
|
+
padding: e[o],
|
|
82
|
+
borderRadius: a[o]
|
|
83
|
+
};
|
|
84
|
+
case "info":
|
|
85
|
+
return {
|
|
86
|
+
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
87
|
+
background: "var(--Badge-Toasts-Fill, #E0E9F8)",
|
|
88
|
+
padding: e[o],
|
|
89
|
+
borderRadius: a[o]
|
|
90
|
+
};
|
|
91
|
+
case "new":
|
|
92
|
+
return {
|
|
93
|
+
borderColor: "var(--Badge-Toasts-Stroke, #0F93A8)",
|
|
94
|
+
background: "var(--Badge-Toasts-Fill, #D6F4F8)",
|
|
95
|
+
padding: e[o],
|
|
96
|
+
borderRadius: a[o]
|
|
97
|
+
};
|
|
98
|
+
case "pending":
|
|
99
|
+
return {
|
|
100
|
+
borderColor: "var(--Badge-Toasts-Stroke, #CA8A04)",
|
|
101
|
+
background: "var(--Badge-Toasts-Fill, #FEF9C3)",
|
|
102
|
+
padding: e[o],
|
|
103
|
+
borderRadius: a[o]
|
|
104
|
+
};
|
|
105
|
+
case "positive":
|
|
106
|
+
return {
|
|
107
|
+
borderColor: "var(--Badge-Toasts-Stroke, #65A30D)",
|
|
108
|
+
background: "var(--Badge-Toasts-Fill, #ECFCCB)",
|
|
109
|
+
padding: e[o],
|
|
110
|
+
borderRadius: a[o]
|
|
111
|
+
};
|
|
112
|
+
case "warning":
|
|
113
|
+
return {
|
|
114
|
+
borderColor: "var(--Badge-Toasts-Stroke, #EA580C)",
|
|
115
|
+
background: "var(--Badge-Toasts-Fill, #FFEDD5)",
|
|
116
|
+
padding: e[o],
|
|
117
|
+
borderRadius: a[o]
|
|
118
|
+
};
|
|
119
|
+
case "negative":
|
|
120
|
+
return {
|
|
121
|
+
borderColor: "var(--Badge-Toasts-Stroke, #DC2626)",
|
|
122
|
+
background: "var(--Badge-Toasts-Fill, #FEE2E2)",
|
|
123
|
+
padding: e[o],
|
|
124
|
+
borderRadius: a[o]
|
|
125
|
+
};
|
|
126
|
+
default:
|
|
127
|
+
return {
|
|
128
|
+
borderColor: "var(--Badge-Toasts-Stroke, #2054A5)",
|
|
129
|
+
background: "var(--Badge-Toasts-Fill, #E0E9F8)",
|
|
130
|
+
padding: e[o],
|
|
131
|
+
borderRadius: a[o]
|
|
132
|
+
};
|
|
133
|
+
}
|
|
134
|
+
}, k = (l, o) => {
|
|
135
|
+
const F = h(l, o).borderColor.match(/#([0-9A-Fa-f]{6})/);
|
|
136
|
+
return F ? F[0] : null;
|
|
137
|
+
};
|
|
138
|
+
if (!c) return null;
|
|
139
|
+
const I = [
|
|
140
|
+
r.toast,
|
|
141
|
+
r[`type_${i}`],
|
|
142
|
+
_ ? r.exiting : r.entering,
|
|
143
|
+
N
|
|
144
|
+
].filter(Boolean).join(" "), n = h(i, s);
|
|
145
|
+
return /* @__PURE__ */ B(
|
|
146
|
+
"div",
|
|
147
|
+
{
|
|
148
|
+
className: I,
|
|
149
|
+
style: {
|
|
150
|
+
border: "1px solid " + n.borderColor,
|
|
151
|
+
background: n.background,
|
|
152
|
+
padding: n.padding,
|
|
153
|
+
borderRadius: n.borderRadius,
|
|
154
|
+
...M
|
|
155
|
+
},
|
|
156
|
+
role: "alert",
|
|
157
|
+
"aria-live": "polite",
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ B("div", { className: r.topRow, children: [
|
|
160
|
+
/* @__PURE__ */ t("div", { className: r.iconContainer, children: /* @__PURE__ */ t(
|
|
161
|
+
w,
|
|
162
|
+
{
|
|
163
|
+
name: E || "Info",
|
|
164
|
+
fill: k(i, s) || "#2054A5",
|
|
165
|
+
width: 25,
|
|
166
|
+
height: 25
|
|
167
|
+
}
|
|
168
|
+
) }),
|
|
169
|
+
/* @__PURE__ */ B("div", { className: r.content, children: [
|
|
170
|
+
y && /* @__PURE__ */ t("div", { className: r[T[s].title], children: y }),
|
|
171
|
+
v && /* @__PURE__ */ t(
|
|
172
|
+
"div",
|
|
173
|
+
{
|
|
174
|
+
className: r[T[s].body],
|
|
175
|
+
style: { color: n.borderColor },
|
|
176
|
+
children: v
|
|
177
|
+
}
|
|
178
|
+
)
|
|
179
|
+
] }),
|
|
180
|
+
A && /* @__PURE__ */ t(
|
|
181
|
+
"button",
|
|
182
|
+
{
|
|
183
|
+
className: r.closeButton,
|
|
184
|
+
style: {
|
|
185
|
+
borderLeft: "1px solid " + n.borderColor
|
|
186
|
+
},
|
|
187
|
+
onClick: b,
|
|
188
|
+
"aria-label": "Cerrar notificación",
|
|
189
|
+
children: /* @__PURE__ */ t(
|
|
190
|
+
w,
|
|
191
|
+
{
|
|
192
|
+
name: "CancelIcon",
|
|
193
|
+
fill: k(i, s) || "#2054A5",
|
|
194
|
+
width: 20,
|
|
195
|
+
height: 20
|
|
196
|
+
}
|
|
197
|
+
)
|
|
198
|
+
}
|
|
199
|
+
)
|
|
200
|
+
] }),
|
|
201
|
+
p && /* @__PURE__ */ t("div", { className: r.bottomRow, children: /* @__PURE__ */ t(
|
|
202
|
+
D,
|
|
203
|
+
{
|
|
204
|
+
onClick: p.function,
|
|
205
|
+
variant: "outline",
|
|
206
|
+
size: s,
|
|
207
|
+
className: r.actionButton,
|
|
208
|
+
fullWidth: !0,
|
|
209
|
+
children: p.label
|
|
210
|
+
}
|
|
211
|
+
) }),
|
|
212
|
+
u && d > 0 && /* @__PURE__ */ t(
|
|
213
|
+
"div",
|
|
214
|
+
{
|
|
215
|
+
className: r.progressBar,
|
|
216
|
+
style: {
|
|
217
|
+
animationDuration: `${d}ms`,
|
|
218
|
+
animationPlayState: _ ? "paused" : "running"
|
|
219
|
+
}
|
|
220
|
+
}
|
|
221
|
+
)
|
|
222
|
+
]
|
|
223
|
+
}
|
|
224
|
+
);
|
|
225
|
+
};
|
|
226
|
+
export {
|
|
227
|
+
po as StaticToast
|
|
228
|
+
};
|
package/dist/icons/Icon.js
CHANGED