frst-components 0.32.4 → 0.32.6

package/dist/index.js

@@ -6934,18 +6934,18 @@ const CloseIcon = ({ width = 16, height = 16 }) => {
     return (jsxRuntime.jsxs("svg", { width: width, height: height, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M13.3334 2.66663L2.66675 13.3333", stroke: "#757575", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }), jsxRuntime.jsx("path", { d: "M2.66675 2.66663L13.3334 13.3333", stroke: "#757575", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
 };
 
-const ActioExperience = ({ handleClickTune, handleClickLift, mainText = 'Você está saindo da Plataforma FRST e indo para o ambiente da Actio. Consulte as soluções abaixo para alinhar o seu desenvolvimento com:' }) => {
-    const [isModalOpen, setIsModalOpen] = React.useState(false);
+const ActioExperience = ({ handleClickTune, handleClickLift, stylesButton, stylesModal, isModalStartOpen, idButton, mainText = 'Você está saindo da Plataforma FRST e indo para o ambiente da Actio. Consulte as soluções abaixo para alinhar o seu desenvolvimento com:' }) => {
+    const [isModalOpen, setIsModalOpen] = React.useState(!!isModalStartOpen);
     const handleOpenModal = () => {
         setIsModalOpen(true);
     };
     const handleCloseModal = () => {
         setIsModalOpen(false);
     };
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ButtonActionExperience, { onClick: handleOpenModal, children: jsxRuntime.jsx(ActioLogo, {}) }), isModalOpen && (jsxRuntime.jsx(ModalActionExperience, { onClose: handleCloseModal, handleClickTune: handleClickTune, handleClickLift: handleClickLift, mainText: mainText }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ButtonActionExperience, { onClick: handleOpenModal, style: { ...stylesButton }, id: idButton, children: jsxRuntime.jsx(ActioLogo, {}) }), isModalOpen && (jsxRuntime.jsx(ModalActionExperience, { styles: stylesModal, onClose: handleCloseModal, handleClickTune: handleClickTune, handleClickLift: handleClickLift, mainText: mainText }))] }));
 };
-const ModalActionExperience = ({ onClose, handleClickTune, handleClickLift, mainText }) => {
-    return (jsxRuntime.jsx(ModalOverlay, { onClick: onClose, children: jsxRuntime.jsxs(ModalContainer$1, { onClick: (e) => e.stopPropagation(), children: [jsxRuntime.jsx(CloseButton$3, { onClick: onClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx(WomanIllustration, { children: jsxRuntime.jsx(Woman, {}) }), jsxRuntime.jsx(ModalHeader$2, { children: jsxRuntime.jsx(ActioLogo, { width: 194, height: 50 }) }), jsxRuntime.jsx(ModalContent$1, { children: jsxRuntime.jsxs(TextSection, { children: [jsxRuntime.jsx(MainText, { children: mainText }), jsxRuntime.jsxs(SolutionsContainer, { children: [jsxRuntime.jsxs(SolutionItem, { children: [jsxRuntime.jsx("strong", { children: "Tune:" }), " Indicadores estrat\u00E9gicos da empresa"] }), jsxRuntime.jsxs(SolutionItem, { children: [jsxRuntime.jsx("strong", { children: "Lift:" }), " Seu desenvolvimento e da sua equipe"] })] }), jsxRuntime.jsxs(ButtonsContainer, { children: [jsxRuntime.jsx(SolutionButton, { onClick: handleClickTune, variant: "secondary", children: jsxRuntime.jsx(TuneLogo, { width: 104, height: 54 }) }), jsxRuntime.jsx(SolutionButton, { onClick: handleClickLift, variant: "primary", children: jsxRuntime.jsx(LiftLogo, { width: 60, height: 44 }) })] })] }) })] }) }));
+const ModalActionExperience = ({ onClose, handleClickTune, handleClickLift, mainText, styles }) => {
+    return (jsxRuntime.jsx(ModalOverlay, { onClick: onClose, children: jsxRuntime.jsxs(ModalContainer$1, { onClick: (e) => e.stopPropagation(), style: { ...styles }, children: [jsxRuntime.jsx(CloseButton$3, { onClick: onClose, children: jsxRuntime.jsx(CloseIcon, {}) }), jsxRuntime.jsx(WomanIllustration, { children: jsxRuntime.jsx(Woman, {}) }), jsxRuntime.jsx(ModalHeader$2, { children: jsxRuntime.jsx(ActioLogo, { width: 194, height: 50 }) }), jsxRuntime.jsx(ModalContent$1, { children: jsxRuntime.jsxs(TextSection, { children: [jsxRuntime.jsx(MainText, { children: mainText }), jsxRuntime.jsxs(SolutionsContainer, { children: [jsxRuntime.jsxs(SolutionItem, { children: [jsxRuntime.jsx("strong", { children: "Tune:" }), " Indicadores estrat\u00E9gicos da empresa"] }), jsxRuntime.jsxs(SolutionItem, { children: [jsxRuntime.jsx("strong", { children: "Lift:" }), " Seu desenvolvimento e da sua equipe"] })] }), jsxRuntime.jsxs(ButtonsContainer, { children: [jsxRuntime.jsx(SolutionButton, { onClick: handleClickTune, variant: "secondary", children: jsxRuntime.jsx(TuneLogo, { width: 104, height: 54 }) }), jsxRuntime.jsx(SolutionButton, { onClick: handleClickLift, variant: "primary", children: jsxRuntime.jsx(LiftLogo, { width: 60, height: 44 }) })] })] }) })] }) }));
 };
 
 // Create react context to share data between components

package/dist/src/components/actioExperience/index.d.ts

@@ -1,6 +1,10 @@
-export declare const ActioExperience: ({ handleClickTune, handleClickLift, mainText }: {
+export declare const ActioExperience: ({ handleClickTune, handleClickLift, stylesButton, stylesModal, isModalStartOpen, idButton, mainText }: {
     handleClickTune: () => void;
     handleClickLift: () => void;
     mainText?: string;
+    stylesButton?: any;
+    stylesModal?: any;
+    isModalStartOpen?: boolean;
+    idButton?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/actioExperience/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actioExperience/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;qBAKP,MAAM,IAAI;qBACV,MAAM,IAAI;eAChB,MAAM;6CA2BpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/actioExperience/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe;qBASP,MAAM,IAAI;qBACV,MAAM,IAAI;eAChB,MAAM;mBACF,GAAG;kBACJ,GAAG;uBACE,OAAO;eACf,MAAM;6CA4BpB,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "frst-components",
     "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
-    "version": "0.32.4",
+    "version": "0.32.6",
     "private": false,
     "main": "./dist/index.js",
     "types": "./dist/index.d.ts",