pge-front-common 14.0.53 → 14.0.55
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/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.stories.d.ts +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.esm.js +29 -29
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +29 -29
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import React__default, { InputHTMLAttributes, ReactNode, HtmlHTMLAttributes, Cha
|
|
|
3
3
|
import { Control } from 'react-hook-form';
|
|
4
4
|
|
|
5
5
|
interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
-
variant: "primary" | "secondary";
|
|
6
|
+
variant: "primary" | "secondary" | "outline-danger";
|
|
7
7
|
text: string;
|
|
8
8
|
leftIcon?: React__default.ReactNode;
|
|
9
9
|
}
|
package/lib/index.esm.js
CHANGED
|
@@ -86,8 +86,8 @@ function styleInject(css, ref) {
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
var css_248z$C = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
90
|
-
var styles$z = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z"};
|
|
89
|
+
var css_248z$C = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt {\r\n border: 1px solid #dc3545;\r\n background: transparent;\r\n color: #dc3545;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt:hover {\r\n background-color: #dc3545;\r\n color: #ffffff;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
90
|
+
var styles$z = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z","outline-danger":"button-module__outline-danger___lK8Xt"};
|
|
91
91
|
styleInject(css_248z$C);
|
|
92
92
|
|
|
93
93
|
function Button$1(_a) {
|
|
@@ -603,7 +603,7 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
|
|
|
603
603
|
});
|
|
604
604
|
PgeButton.displayName = "PgeButton";
|
|
605
605
|
|
|
606
|
-
var css_248z$w = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size:
|
|
606
|
+
var css_248z$w = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 4px;\r\n border: 2px dashed var(--primary-color, #005a92);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV{\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n}\r\n}\r\n";
|
|
607
607
|
var styles$t = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
|
|
608
608
|
styleInject(css_248z$w);
|
|
609
609
|
|
|
@@ -651,7 +651,7 @@ var FileUpload = forwardRef(function (_a, ref) {
|
|
|
651
651
|
descricaoLabel,
|
|
652
652
|
React__default.createElement("input", { type: "file", ref: fileInputRef, className: styles$t.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(",") })),
|
|
653
653
|
React__default.createElement("span", { className: styles$t.description }, fileName || "Nenhum arquivo selecionado"))),
|
|
654
|
-
React__default.createElement("
|
|
654
|
+
React__default.createElement("span", { className: errorText
|
|
655
655
|
? styles$t.errorText
|
|
656
656
|
: fileName
|
|
657
657
|
? styles$t.successText
|
|
@@ -724,7 +724,7 @@ var Tooltip$1 = function (_a) {
|
|
|
724
724
|
React__default.createElement("span", { className: styles$s.textContent }, text)))));
|
|
725
725
|
};
|
|
726
726
|
|
|
727
|
-
var css_248z$u = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border:
|
|
727
|
+
var css_248z$u = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: var(--font-open-sans-serif);\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: flex-start;\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n flex: 1;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__inputContent___kdVmc textarea {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__messageContainer___akVKQ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__messageWrapper___2mdmw {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.textarea-module__counter___zHZ86 {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n resize: none;\r\n font-size: var(--font-size-14, 14px);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__styledInput___fPp-f {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea:focus {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:disabled {\r\n background-color: #eeeeee;\r\n border-radius: 8px;\r\n cursor: not-allowed;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n padding-left: 8px;\r\n margin-top: 11px;\r\n}\r\n";
|
|
728
728
|
var styles$r = {"inputContainer":"textarea-module__inputContainer___lpM5d","label":"textarea-module__label___qDTpX","labelRequired":"textarea-module__labelRequired___bl2ew","labelError":"textarea-module__labelError___f0hpM","inputWrapper":"textarea-module__inputWrapper___WFx7P","inputWrapperError":"textarea-module__inputWrapperError___0gA5w","inputContent":"textarea-module__inputContent___kdVmc","messageContainer":"textarea-module__messageContainer___akVKQ","messageWrapper":"textarea-module__messageWrapper___2mdmw","counter":"textarea-module__counter___zHZ86","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
|
|
729
729
|
styleInject(css_248z$u);
|
|
730
730
|
|
|
@@ -743,8 +743,8 @@ var TextareaBase = function (_a) {
|
|
|
743
743
|
? "8px"
|
|
744
744
|
: "0"
|
|
745
745
|
: "8px",
|
|
746
|
-
}, rows: rows
|
|
747
|
-
(textError && hasError || !hasError && message || showCounter) && (React__default.createElement("div", { className: styles$r.messageContainer },
|
|
746
|
+
}, rows: rows })))),
|
|
747
|
+
((textError && hasError) || (!hasError && message) || showCounter) && (React__default.createElement("div", { className: styles$r.messageContainer },
|
|
748
748
|
React__default.createElement("div", { className: styles$r.messageWrapper },
|
|
749
749
|
textError && hasError && (React__default.createElement("div", { className: "".concat(styles$r.message, " ").concat(styles$r.messageError) }, textError)),
|
|
750
750
|
!hasError && message && (React__default.createElement("div", { className: styles$r.message }, message))),
|
|
@@ -1089,7 +1089,7 @@ function Accordion(_a) {
|
|
|
1089
1089
|
}
|
|
1090
1090
|
|
|
1091
1091
|
var css_248z$l = ".styles-module__wrapper___7Re2s {\r\n width: fit-content;\r\n min-height: 67px;\r\n height: auto;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-alert-color, #cb0a0a1a);\r\n box-shadow: 0px 0px 16px 0px #00000026;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__wrapperLogin___lrEyl {\r\n width: 346px;\r\n margin: 40px 0;\r\n}\r\n\r\n.styles-module__title___zYbqC {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: #cb0a0a;\r\n text-align: start;\r\n}\r\n\r\n.styles-module__message___BzwN8 {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 18px;\r\n text-align: start;\r\n color: #363632;\r\n}\r\n\r\n.styles-module__wrapperTexts___kApb6 {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n}\r\n\r\n.styles-module__buttonClose___iu9VW {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1092
|
-
var style$
|
|
1092
|
+
var style$2 = {"wrapper":"styles-module__wrapper___7Re2s","wrapperLogin":"styles-module__wrapperLogin___lrEyl","title":"styles-module__title___zYbqC","message":"styles-module__message___BzwN8","wrapperTexts":"styles-module__wrapperTexts___kApb6","buttonClose":"styles-module__buttonClose___iu9VW"};
|
|
1093
1093
|
styleInject(css_248z$l);
|
|
1094
1094
|
|
|
1095
1095
|
var AlertErrorIcon = function (props) { return (React__default.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -1097,15 +1097,15 @@ var AlertErrorIcon = function (props) { return (React__default.createElement("sv
|
|
|
1097
1097
|
|
|
1098
1098
|
var BoxError = function (_a) {
|
|
1099
1099
|
var message = _a.message, handleClose = _a.handleClose;
|
|
1100
|
-
return (React__default.createElement("div", { className: style$
|
|
1100
|
+
return (React__default.createElement("div", { className: style$2.wrapper },
|
|
1101
1101
|
React__default.createElement(AlertErrorIcon, { style: { minWidth: "20px" } }),
|
|
1102
|
-
React__default.createElement("span", { className: style$
|
|
1103
|
-
React__default.createElement("button", { className: style$
|
|
1102
|
+
React__default.createElement("span", { className: style$2.title }, message),
|
|
1103
|
+
React__default.createElement("button", { className: style$2.buttonClose, onClick: handleClose },
|
|
1104
1104
|
React__default.createElement(IconCLose, null))));
|
|
1105
1105
|
};
|
|
1106
1106
|
|
|
1107
1107
|
var css_248z$k = ".styles-module__wrapper___LgHbC {\r\n width: fit-content;\r\n height: 67px;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-sucess-color, #1987541a);\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__title___VA27t {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: var(--sucess-color, #198754);\r\n}\r\n\r\n.styles-module__buttonClose___BkZrO {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1108
|
-
var style = {"wrapper":"styles-module__wrapper___LgHbC","title":"styles-module__title___VA27t","buttonClose":"styles-module__buttonClose___BkZrO"};
|
|
1108
|
+
var style$1 = {"wrapper":"styles-module__wrapper___LgHbC","title":"styles-module__title___VA27t","buttonClose":"styles-module__buttonClose___BkZrO"};
|
|
1109
1109
|
styleInject(css_248z$k);
|
|
1110
1110
|
|
|
1111
1111
|
var IconSuccess = function (props) { return (React__default.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -1113,24 +1113,24 @@ var IconSuccess = function (props) { return (React__default.createElement("svg",
|
|
|
1113
1113
|
|
|
1114
1114
|
var BoxSuccess = function (_a) {
|
|
1115
1115
|
var message = _a.message, handleClose = _a.handleClose;
|
|
1116
|
-
return (React__default.createElement("div", { className: style.wrapper },
|
|
1116
|
+
return (React__default.createElement("div", { className: style$1.wrapper },
|
|
1117
1117
|
React__default.createElement(IconSuccess, null),
|
|
1118
|
-
React__default.createElement("span", { className: style.title }, message),
|
|
1119
|
-
React__default.createElement("button", { className: style.buttonClose, onClick: handleClose },
|
|
1118
|
+
React__default.createElement("span", { className: style$1.title }, message),
|
|
1119
|
+
React__default.createElement("button", { className: style$1.buttonClose, onClick: handleClose },
|
|
1120
1120
|
React__default.createElement(IconCLose, null))));
|
|
1121
1121
|
};
|
|
1122
1122
|
|
|
1123
1123
|
var css_248z$j = ".styles-module__container___XexOI {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n}\r\n\r\n.styles-module__hidden___-0jGC {\r\n display: none;\r\n}\r\n\r\n.styles-module__spinnerWrapper___qSwmZ {\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.styles-module__spinner___rpO6D {\r\n width: 6rem;\r\n height: 6rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__miniSpinner___8K5I8 {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___WkCxA {\r\n margin-top: 0.5rem;\r\n color: #d1d5db;\r\n}\r\n\r\n@keyframes styles-module__spin___DkedA {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n";
|
|
1124
|
-
var styl
|
|
1124
|
+
var styl = {"container":"styles-module__container___XexOI","hidden":"styles-module__hidden___-0jGC","spinnerWrapper":"styles-module__spinnerWrapper___qSwmZ","spinner":"styles-module__spinner___rpO6D","spin":"styles-module__spin___DkedA","miniSpinner":"styles-module__miniSpinner___8K5I8","text":"styles-module__text___WkCxA"};
|
|
1125
1125
|
styleInject(css_248z$j);
|
|
1126
1126
|
|
|
1127
1127
|
function LoadingSpinner(props) {
|
|
1128
|
-
return (React.createElement("div", { className: "".concat(props.isOpen ? "" : styl
|
|
1129
|
-
React.createElement("div", { className: styl
|
|
1130
|
-
React.createElement("svg", { "aria-hidden": "true", className: styl
|
|
1128
|
+
return (React.createElement("div", { className: "".concat(props.isOpen ? "" : styl.hidden, " ").concat(styl.container) },
|
|
1129
|
+
React.createElement("div", { className: styl.spinnerWrapper },
|
|
1130
|
+
React.createElement("svg", { "aria-hidden": "true", className: styl.spinner, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
1131
1131
|
React.createElement("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }),
|
|
1132
1132
|
React.createElement("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))),
|
|
1133
|
-
React.createElement("div", { className: styl
|
|
1133
|
+
React.createElement("div", { className: styl.text }, props.text)));
|
|
1134
1134
|
}
|
|
1135
1135
|
|
|
1136
1136
|
var css_248z$i = "/* Pagination */\r\n.styles-module__paginationContainer___vywbX {\r\n padding: 0.5rem;\r\n margin-bottom: 2rem;\r\n display: inline-block;\r\n float: right;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__justifySpaceBetween___-wa43 {\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__flex___-hVV8 {\r\n display: flex;\r\n}\r\n\r\n.styles-module__paginationButtons___n6Pha {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-top: 1rem;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC {\r\n background-color: transparent;\r\n color: var(--paginationv2-optionselect-text-color);\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC:hover {\r\n background-color: #00436d;\r\n font-weight: bold;\r\n color: white;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J:disabled,\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J {\r\n border-radius: 0.375rem 0 0 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2 {\r\n border-radius: 0 0.375rem 0.375rem 0;\r\n}\r\n\r\n.styles-module__paginationButtonActive___FY4f3 {\r\n background-color: #00436d;\r\n color: white;\r\n border-color: #00436d;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z {\r\n background-color: #eeeeee54;\r\n color: #a0a0a0 !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z:hover {\r\n background-color: #c3c3c3 !important;\r\n}\r\n";
|
|
@@ -23709,8 +23709,8 @@ var ModalUI = function (_a) {
|
|
|
23709
23709
|
React__default.createElement("div", { className: styles$5.childrenContainer }, children)))));
|
|
23710
23710
|
};
|
|
23711
23711
|
|
|
23712
|
-
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px
|
|
23713
|
-
var
|
|
23712
|
+
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 16px 16px 16px;\r\n max-height: 500px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n}\r\n";
|
|
23713
|
+
var style = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23714
23714
|
styleInject(css_248z$6);
|
|
23715
23715
|
|
|
23716
23716
|
var Modal = function (_a) {
|
|
@@ -23730,25 +23730,25 @@ var Modal = function (_a) {
|
|
|
23730
23730
|
};
|
|
23731
23731
|
if (!isVisible && !isOpen)
|
|
23732
23732
|
return null;
|
|
23733
|
-
return (React__default.createElement("div", { className: "".concat(
|
|
23734
|
-
React__default.createElement("div", { className: "".concat(
|
|
23733
|
+
return (React__default.createElement("div", { className: "".concat(style.modalOverlay), onClick: handleClose },
|
|
23734
|
+
React__default.createElement("div", { className: "".concat(style.modal, " ").concat(className || ""), onClick: function (e) { return e.stopPropagation(); } }, children)));
|
|
23735
23735
|
};
|
|
23736
23736
|
|
|
23737
23737
|
var ModalFooter = function (_a) {
|
|
23738
23738
|
var children = _a.children, className = _a.className;
|
|
23739
|
-
return (React__default.createElement("footer", { className: "".concat(
|
|
23739
|
+
return (React__default.createElement("footer", { className: "".concat(style.modalFooter, " ").concat(className || "") }, children));
|
|
23740
23740
|
};
|
|
23741
23741
|
|
|
23742
23742
|
var ModalHeader = function (_a) {
|
|
23743
23743
|
var children = _a.children, onClose = _a.onClose, className = _a.className;
|
|
23744
|
-
return (React__default.createElement("header", { className: "".concat(
|
|
23745
|
-
React__default.createElement("div", { className:
|
|
23746
|
-
React__default.createElement(IconCLose, { className:
|
|
23744
|
+
return (React__default.createElement("header", { className: "".concat(style.modalHeader, " ").concat(className || "") },
|
|
23745
|
+
React__default.createElement("div", { className: style.modalHeaderContent }, children),
|
|
23746
|
+
React__default.createElement(IconCLose, { className: style.closeButton, onClick: onClose })));
|
|
23747
23747
|
};
|
|
23748
23748
|
|
|
23749
23749
|
var ModalBody = function (_a) {
|
|
23750
23750
|
var children = _a.children, className = _a.className;
|
|
23751
|
-
return (React__default.createElement("div", { className: "".concat(
|
|
23751
|
+
return (React__default.createElement("div", { className: "".concat(style.modalBody, " ").concat(className || "") }, children));
|
|
23752
23752
|
};
|
|
23753
23753
|
|
|
23754
23754
|
var css_248z$5 = ".styles-module__relativeDiv___4G0-P {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN {\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n background-color: transparent;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN svg {\r\n color: var(--color-secondary);\r\n width: 24px;\r\n height: 18px;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz {\r\n position: absolute;\r\n top: 100%;\r\n right: 10px;\r\n min-width: 200px;\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n padding: 5px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz.styles-module__active___ieadq {\r\n opacity: 1;\r\n visibility: visible;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.2rem 0.4rem;\r\n color: var(--color-secondary);\r\n background-color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy label {\r\n vertical-align: middle;\r\n border: none;\r\n cursor: pointer;\r\n font-family: Open Sans;\r\n font-weight: 400;\r\n font-size: 13px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy svg {\r\n vertical-align: middle;\r\n height: 16px;\r\n width: 16px;\r\n margin-right: 0.2rem;\r\n color: var(--foreground);\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy:hover {\r\n background-color: #e5f1f9;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__iconeInDots___qmaFm {\r\n border: none !important;\r\n background-color: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: 1rem;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n";
|