pge-front-common 14.2.2 → 14.2.3
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/ModalUI/index.d.ts +3 -1
- package/lib/components/Upload/index.d.ts +18 -4
- package/lib/index.d.ts +21 -5
- package/lib/index.esm.js +3 -3
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +3 -3
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -23945,12 +23945,12 @@ var Cancel = AlertDialogCancel;
|
|
|
23945
23945
|
var Title2 = AlertDialogTitle;
|
|
23946
23946
|
var Description2 = AlertDialogDescription;
|
|
23947
23947
|
|
|
23948
|
-
var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\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__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n
|
|
23948
|
+
var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\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__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n box-shadow:\r\n hsl(206 22% 7% / 35%) 0px 10px 38px -10px,\r\n hsl(206 22% 7% / 20%) 0px 10px 20px -15px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}\r\n";
|
|
23949
23949
|
var styles$b = {"alertOverlay":"styles-module__alertOverlay___eoTQD","overlayShow":"styles-module__overlayShow___hSH5g","modalHeaderContainer":"styles-module__modalHeaderContainer___zqcC3","modalHeaderText":"styles-module__modalHeaderText___is1Qg","closeBtn":"styles-module__closeBtn___VOQjz","customIcon":"styles-module__customIcon___8Ly4h","contentContainer":"styles-module__contentContainer___tiBil","childrenContainer":"styles-module__childrenContainer___BgV1l","iconClose":"styles-module__iconClose___Veq4Y"};
|
|
23950
23950
|
styleInject(css_248z$d);
|
|
23951
23951
|
|
|
23952
23952
|
var ModalUI = function (_a) {
|
|
23953
|
-
var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children, _b = _a.title, title = _b === void 0 ? "Aviso" : _b, _c = _a.triggerId, triggerId = _c === void 0 ? "dialog-trigger" : _c;
|
|
23953
|
+
var isModalOpen = _a.isModalOpen, onOpenChange = _a.onOpenChange, children = _a.children, _b = _a.title, title = _b === void 0 ? "Aviso" : _b, _c = _a.triggerId, triggerId = _c === void 0 ? "dialog-trigger" : _c, className = _a.className, style = _a.style;
|
|
23954
23954
|
var previousFocusedElement = React.useRef(null);
|
|
23955
23955
|
React.useEffect(function () {
|
|
23956
23956
|
if (isModalOpen) {
|
|
@@ -23960,7 +23960,7 @@ var ModalUI = function (_a) {
|
|
|
23960
23960
|
return (React.createElement(Root2, { open: isModalOpen, onOpenChange: onOpenChange },
|
|
23961
23961
|
React.createElement(Portal2, null,
|
|
23962
23962
|
React.createElement(Overlay2, { className: styles$b.alertOverlay }),
|
|
23963
|
-
React.createElement(Content2, { className: styles$b.contentContainer, onCloseAutoFocus: function (event) {
|
|
23963
|
+
React.createElement(Content2, { className: "".concat(styles$b.contentContainer, " ").concat(className || ""), style: style, onCloseAutoFocus: function (event) {
|
|
23964
23964
|
var _a;
|
|
23965
23965
|
event.preventDefault();
|
|
23966
23966
|
(_a = previousFocusedElement.current) === null || _a === void 0 ? void 0 : _a.focus();
|