frst-components 0.22.64 → 0.22.65

package/dist/index.js

@@ -13923,7 +13923,32 @@ const AssideNewFeatures = styled__default["default"].aside `
     align-items: center;
     justify-content: flex-start;
     gap: 60px;
+    position: relative;
+    left: 13px;
   }
+`;
+const divExit = styled__default["default"].div `
+
+
+width: 963px;
+position: absolute;
+cursor: pointer;
+display: flex;
+z-index: 3000;
+`;
+const TextExit = styled__default["default"].h2 `
+
+width: 30px;
+height: 20px;
+right: 0px;
+position: absolute;
+color: #000;
+font-family: "PT Sans";
+font-size: 16px;
+font-style: normal;
+font-weight: 400;
+line-height: 110%; 
+
 `;
 const Text$1 = styled__default["default"].p `
   font-family: PT Sans;
@@ -13932,7 +13957,8 @@ const Text$1 = styled__default["default"].p `
   font-weight: 400;
   line-height: 110%;
   color: #222;
-
+  text-align: left;
+  width: 100%;
   /* max-width: 83ch; */
   max-height: 69px;
   overflow: hidden;
@@ -13966,11 +13992,11 @@ const ListTopics = styled__default["default"].ul `
   flex-direction: column;
   padding-left: 0;
   gap: 16px;
-  overflow-y: scroll;
+  overflow-y: auto;
   height: 308px;
 
   ::-webkit-scrollbar {
-    width: 7px;
+    width: 8px;
     height: 90%;
     display: flex;
     box-sizing: border-box;
@@ -14061,7 +14087,7 @@ const ContentDescription = styled__default["default"].div `
   gap: 16px;
 `;
 
-const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps }) => {
+const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps, Exit = 'X' }) => {
     const [numberCurrentStep, setNumberCurrentStep] = React.useState(0);
     const [currentTopic, setCurrentTopic] = React.useState(steps[numberCurrentStep]);
     const isLastStep = currentTopic === steps[steps.length - 1];
@@ -14086,9 +14112,9 @@ const modalNewFeatures = ({ title = 'Novidades', open, onClose, onFinish, steps
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: open && (jsxRuntime.jsx(ModalNewFeaturesContainer, { id: "container-modal", onClick: (e) => {
                 const target = e.target;
                 target.id === 'container-modal' && onClose();
-            }, children: jsxRuntime.jsxs(ModalNewFeaturesContent, { children: [jsxRuntime.jsxs(AssideNewFeatures, { children: [jsxRuntime.jsxs("div", { className: "list", children: [jsxRuntime.jsx(Text$1, { id: "modal-title", className: "title", children: title }), jsxRuntime.jsx(ListTopics, { children: steps.map((topic, i) => {
+            }, children: jsxRuntime.jsxs(ModalNewFeaturesContent, { children: [jsxRuntime.jsx(divExit, { children: jsxRuntime.jsx(TextExit, { onClick: onClose, children: Exit }) }), jsxRuntime.jsxs(AssideNewFeatures, { children: [jsxRuntime.jsxs("div", { className: "list", children: [jsxRuntime.jsx(Text$1, { id: "modal-title", className: "title", children: title }), jsxRuntime.jsx(ListTopics, { children: steps.map((topic, i) => {
                                             return (jsxRuntime.jsx(Topic, { id: `step${i + 1}`, className: currentTopic.topicName === topic.topicName ? 'active' : '', onClick: () => handleClickTopic(i), children: topic.topicName }, i));
-                                        }) })] }), jsxRuntime.jsx(Button$4, { id: isLastStep ? 'button-finish' : 'button-nextStep', label: labelButton, variant: variantButton, handleClick: handleClickButtonNext, style: { padding: '8px 32px', height: 'fit-content' } })] }), jsxRuntime.jsxs(MidiaContent, { children: [jsxRuntime.jsx(Midia, { id: "midia-container", children: jsxRuntime.jsx("div", { className: "content", children: currentTopic.typeMidia !== 'video' ? (jsxRuntime.jsx("img", { style: currentTopic.styleImage, src: currentTopic.midia, alt: currentTopic.title })) : (jsxRuntime.jsx(ReactPlayer__default["default"], { url: currentTopic.midia, controls: true, playing: true, style: { width: '100%', height: '100%' } })) }) }), jsxRuntime.jsxs(ContentDescription, { children: [jsxRuntime.jsx(Text$1, { id: "step-title", className: "subtitle", children: currentTopic.title }), jsxRuntime.jsx(Text$1, { id: "step-description", children: currentTopic.description })] })] })] }) })) }));
+                                        }) })] }), jsxRuntime.jsx(Button$4, { id: isLastStep ? 'button-finish' : 'button-nextStep', label: labelButton, variant: variantButton, handleClick: handleClickButtonNext, style: { padding: '8px 32px', height: 'fit-content' } })] }), jsxRuntime.jsxs(MidiaContent, { children: [jsxRuntime.jsx(Midia, { id: "midia-container", children: jsxRuntime.jsx("div", { className: "content", children: currentTopic.typeMidia !== 'video' ? (jsxRuntime.jsx("img", { style: currentTopic.styleImage, src: currentTopic.midia, alt: currentTopic.title })) : (jsxRuntime.jsx(ReactPlayer__default["default"], { url: 'currentTopic.midia', controls: true, playing: true, style: { width: '100%', height: '100%' } })) }) }), jsxRuntime.jsxs(ContentDescription, { children: [jsxRuntime.jsx(Text$1, { id: "step-title", className: "subtitle", children: currentTopic.title }), jsxRuntime.jsx(Text$1, { id: "step-description", children: currentTopic.description })] })] })] }) })) }));
 };
 
 const ProgressBox = styled__default["default"](_.Box) `

package/dist/src/components/LXP/modalNewFeatures/ModalNewFeatures.style.d.ts

@@ -1,6 +1,8 @@
 export declare const ModalNewFeaturesContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ModalNewFeaturesContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AssideNewFeatures: import("styled-components").StyledComponent<"aside", any, {}, never>;
+export declare const divExit: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TextExit: import("styled-components").StyledComponent<"h2", any, {}, never>;
 export declare const Text: import("styled-components").StyledComponent<"p", any, {}, never>;
 export declare const ListTopics: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const Topic: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/src/components/LXP/modalNewFeatures/ModalNewFeatures.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalNewFeatures.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/ModalNewFeatures.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,oEAWrC,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAOnC,CAAA;AAED,eAAO,MAAM,iBAAiB,sEAiB7B,CAAA;AAED,eAAO,MAAM,IAAI,kEAkChB,CAAA;AAGD,eAAO,MAAM,UAAU,mEAiCtB,CAAA;AACD,eAAO,MAAM,KAAK,mEAcjB,CAAA;AACD,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,KAAK,oEA+BjB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAO9B,CAAA"}
+{"version":3,"file":"ModalNewFeatures.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/ModalNewFeatures.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,yBAAyB,oEAWrC,CAAA;AAED,eAAO,MAAM,uBAAuB,oEAOnC,CAAA;AAED,eAAO,MAAM,iBAAiB,sEAmB7B,CAAA;AAED,eAAO,MAAM,OAAO,oEAQnB,CAAA;AAED,eAAO,MAAM,QAAQ,mEAapB,CAAA;AAED,eAAO,MAAM,IAAI,kEAmChB,CAAA;AAGD,eAAO,MAAM,UAAU,mEAiCtB,CAAA;AACD,eAAO,MAAM,KAAK,mEAcjB,CAAA;AACD,eAAO,MAAM,YAAY,oEAUxB,CAAA;AAED,eAAO,MAAM,KAAK,oEA+BjB,CAAA;AAED,eAAO,MAAM,kBAAkB,oEAO9B,CAAA"}

package/dist/src/components/LXP/modalNewFeatures/index.d.ts

@@ -10,10 +10,11 @@ type TopicsNewFeatues = {
 type ModalNewFeaturesProps = {
     title: string;
     open: boolean;
+    Exit: string;
     onClose: () => void;
     onFinish: () => void;
     steps: TopicsNewFeatues[];
 };
-declare const modalNewFeatures: ({ title, open, onClose, onFinish, steps }: ModalNewFeaturesProps) => JSX.Element;
+declare const modalNewFeatures: ({ title, open, onClose, onFinish, steps, Exit }: ModalNewFeaturesProps) => JSX.Element;
 export default modalNewFeatures;
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/LXP/modalNewFeatures/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,8CAA6D,qBAAqB,gBAmGvG,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/modalNewFeatures/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAIlD,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,KAAK,GAAG,OAAO,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAC,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAC1B,CAAA;AAED,QAAA,MAAM,gBAAgB,oDAAuE,qBAAqB,gBAyGjH,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/package.json

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