frst-components 0.23.0 → 0.23.2

package/dist/index.js

@@ -7699,14 +7699,15 @@ function CardDefinicaoFase(props) {
 const Container$f = styled__default["default"].div `
   width: 282px !important;
   max-width: 282px !important;
-  height: 430px;
-  max-height: 430px;
+  height: 472px;
+  max-height: 472px;
   color: #222222;
   background-color: #fff;
   border-radius: 10px;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
   flex-direction: column;
+  display: flex;
   position: relative;
   word-break: break-word !important;
   word-wrap: break-word !important;
@@ -7729,6 +7730,7 @@ const HeaderContainer = styled__default["default"].div `
   justify-content: center;
   align-items: flex-end;
   background: #f18624;
+  width: 100%;
   height: 45px;
   max-width: 282px;
   border-radius: 8px 8px 0px 0px;
@@ -7753,8 +7755,9 @@ const Description$3 = styled__default["default"].span `
   font-size: 16px;
   color: #f18624;
   max-width: 250px;
-  max-height: 97px;
-  overflow: auto;
+  max-height: 70px;
+  overflow-y: auto;
+  overflow-x: hidden;
   word-break: break-word !important;
   word-wrap: break-word !important;
   overflow-wrap: break-word !important;
@@ -7801,14 +7804,6 @@ const TitleDescription = styled__default["default"].span `
   word-wrap: break-word !important;
   overflow-wrap: break-word !important;
 `;
-styled__default["default"].div `
-  display: flex;
-  justify-content: center;
-  height: 55px;
-  padding: 0 35px;
-  border-radius: 0px 0px 8px 8px;
-  border: 1px solid #bdbdbd;
-`;
 const ButtonContainer = styled__default["default"].div `
   display: flex;
   justify-content: center;
@@ -7821,12 +7816,14 @@ const ButtonContainer = styled__default["default"].div `
   font-weight: 600;
   font-family: 'PT Sans';
   cursor: pointer;
+  width: 100%;
 `;
 const HypothesysAndActions = styled__default["default"].div `
   display: flex;
   justify-content: space-evenly;
   align-items: center;
   margin-bottom: 1.5rem;
+  width: 100%;
 
   .items {
     display: flex;
@@ -7840,8 +7837,7 @@ const HypothesysAndActions = styled__default["default"].div `
     }
 
     .number-items {
-      font-size: 24px;
-      font-family: 'PT Sans';
+      font-size: 40px;
       font-weight: 700;
       color: #475569;
       margin-top: -3px;
@@ -7876,7 +7872,7 @@ function CardFaseDesafios(props) {
                 return jsxRuntime.jsx(FaseUmDesafio, {});
         }
     }
-    return (jsxRuntime.jsxs(Container$f, { children: [jsxRuntime.jsx(HeaderContainer, { children: jsxRuntime.jsx(PhaseNumber, { children: props.fase ? handleFase() : jsxRuntime.jsx(FaseUmDesafio, {}) }) }), jsxRuntime.jsxs(DescriptionContainer, { children: [jsxRuntime.jsx(CardTitlePhase, { children: props.titleFase ? props.titleFase : 'Definição' }), jsxRuntime.jsxs(TitleDescription, { children: [" ", props.cardTitle] }), jsxRuntime.jsxs(Description$3, { children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs(HypothesysAndActions, { children: [jsxRuntime.jsxs("div", { className: "items", children: [jsxRuntime.jsx("img", { src: "https://cdn-images.frstfalconi.cloud/hall/hyphotese.svg", alt: "" }), jsxRuntime.jsx("p", { className: "text-items", children: "Hip\u00F3teses" }), jsxRuntime.jsx("p", { className: "number-items", children: props.Hypotheshis ? props.Hypotheshis : 0 })] }), jsxRuntime.jsxs("div", { className: "items", children: [jsxRuntime.jsx("img", { src: "https://cdn-images.frstfalconi.cloud/hall/actions.svg", alt: "" }), jsxRuntime.jsx("p", { className: "text-items", children: "A\u00E7\u00F5es" }), jsxRuntime.jsx("p", { className: "number-items", children: props.Actions ? props.Actions : 0 })] })] }), props.HypothesesToTest && (jsxRuntime.jsxs(PendingHypotheses, { children: [jsxRuntime.jsx(WarnCard, {}), jsxRuntime.jsxs("span", { style: { fontSize: '14px', fontFamily: 'PT Sans', color: '#334155' }, children: ["Ainda existem ", jsxRuntime.jsxs("span", { style: { fontWeight: 700 }, children: [props.HypothesesToTest, " hip\u00F3teses"] }), " que n\u00E3o foram testadas."] })] })), props.fase === 'finalizado' ? (jsxRuntime.jsxs(ButtonContainer, { children: [jsxRuntime.jsx("p", { onClick: props.handleToView, children: props.textButton ? props.textButton : 'Visualizar' }), jsxRuntime.jsx(MenuMore, { style: { position: 'absolute', right: '1rem' }, isDarkMode: true, options: props.optionsMenuMore })] })) : (jsxRuntime.jsxs(ButtonContainer, { children: [jsxRuntime.jsx("p", { onClick: props.handleToView, children: props.textButton ? props.textButton : 'Continuar desafio' }), jsxRuntime.jsx(MenuMore, { style: { position: 'absolute', right: '1rem' }, options: props.optionsMenuMore })] }))] }));
+    return (jsxRuntime.jsxs(Container$f, { children: [jsxRuntime.jsx(HeaderContainer, { children: jsxRuntime.jsx(PhaseNumber, { children: props.fase ? handleFase() : jsxRuntime.jsx(FaseUmDesafio, {}) }) }), jsxRuntime.jsxs(DescriptionContainer, { children: [jsxRuntime.jsx(CardTitlePhase, { children: props.titleFase ? props.titleFase : 'Definição' }), jsxRuntime.jsxs(TitleDescription, { children: [" ", props.cardTitle] }), jsxRuntime.jsxs(Description$3, { children: [" ", props.cardDescription] })] }), jsxRuntime.jsxs(HypothesysAndActions, { children: [jsxRuntime.jsxs(material.Box, { className: "items", children: [jsxRuntime.jsx("img", { src: "https://cdn-images.frstfalconi.cloud/hall/hyphotese.svg", alt: "" }), jsxRuntime.jsx("p", { className: "text-items", children: "Hip\u00F3teses" }), jsxRuntime.jsx("p", { className: "number-items", children: props.Hypotheshis ? props.Hypotheshis : 0 })] }), jsxRuntime.jsxs(material.Box, { className: "items", children: [jsxRuntime.jsx("img", { src: "https://cdn-images.frstfalconi.cloud/hall/actions.svg", alt: "" }), jsxRuntime.jsx("p", { className: "text-items", children: "A\u00E7\u00F5es" }), jsxRuntime.jsx("p", { className: "number-items", children: props.Actions ? props.Actions : 0 })] })] }), props.HypothesesToTest ? (jsxRuntime.jsxs(PendingHypotheses, { children: [jsxRuntime.jsx(WarnCard, {}), jsxRuntime.jsxs("span", { style: { fontSize: '14px', fontFamily: 'PT Sans', color: '#334155' }, children: ["Ainda existem ", jsxRuntime.jsxs("span", { style: { fontWeight: 700 }, children: [props.HypothesesToTest, " hip\u00F3teses"] }), " que n\u00E3o foram testadas."] })] })) : null, props.fase === 'finalizado' ? (jsxRuntime.jsxs(ButtonContainer, { children: [jsxRuntime.jsx("p", { onClick: props.handleToView, children: props.textButton ? props.textButton : 'Visualizar' }), jsxRuntime.jsx(MenuMore, { style: { position: 'absolute', right: '1rem' }, isDarkMode: true, options: props.optionsMenuMore })] })) : (jsxRuntime.jsxs(ButtonContainer, { children: [jsxRuntime.jsx("p", { onClick: props.handleToView, children: props.textButton ? props.textButton : 'Continuar desafio' }), jsxRuntime.jsx(MenuMore, { style: { position: 'absolute', right: '1rem' }, options: props.optionsMenuMore })] }))] }));
 }
 
 var css_248z$b = ".cardResultConquista-module_container__39blw {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    flex-direction: column;\n    position: relative;\n\n    width: 343px;\n    height: 265px;\n    padding: 24px;\n    border: 1px solid #BDBDBD;\n    border-radius: 8px;\n    font-family: 'work sans';\n    word-wrap: break-word;\n}\n\n.cardResultConquista-module_container__39blw:hover {\n    box-shadow: 0px 0px 20px -7px #BDBDBD;\n}\n\n.cardResultConquista-module_container__39blw:active {\n    box-shadow: 0px 0px 20px -7px #BDBDBD;\n    background-color: #FF4D0D;\n}\n\n.cardResultConquista-module_cardAvatar__mEUL0 {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: row;\n}\n\n.cardResultConquista-module_description__rgSn5 {\n    max-height: 100px !important;\n    width: 300px;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 4; /** número de linhas que você quer exibir */\n    -webkit-box-orient: vertical;\n    word-wrap: break-word;\n}\n\n.cardResultConquista-module_verMais__8mtfe {\n    position:absolute;\n    color: #0645AD;\n    font-weight: 700;\n    right: 0;\n    bottom: 0;\n    margin-right: 20px;\n    margin-bottom: 12px;\n}";

package/dist/src/components/cards/cardFaseDesafios/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardFaseDesafios/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAKnC,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,eAAe,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAiEpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardFaseDesafios/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAMnC,UAAU,qBAAqB;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,eAAe,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,YAAY,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IACjD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,eAiEpE"}

package/dist/src/components/cards/cardFaseDesafios/styles.d.ts

@@ -5,7 +5,6 @@ export declare const DescriptionContainer: import("styled-components").StyledCom
 export declare const Description: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const CardTitlePhase: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TitleDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ViewButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const HypothesysAndActions: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PendingHypotheses: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/src/components/cards/cardFaseDesafios/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardFaseDesafios/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAerB,CAAA;AAED,eAAO,MAAM,WAAW,oEAWvB,CAAA;AAED,eAAO,MAAM,eAAe,oEAQ3B,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAYhC,CAAA;AAED,eAAO,MAAM,WAAW,qEA6BvB,CAAA;AAED,eAAO,MAAM,cAAc,oEAY1B,CAAA;AAED,eAAO,MAAM,gBAAgB,qEAW5B,CAAA;AACD,eAAO,MAAM,UAAU,oEAOtB,CAAA;AAED,eAAO,MAAM,eAAe,oEAY3B,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAyBhC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardFaseDesafios/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,oEAgBrB,CAAA;AAED,eAAO,MAAM,WAAW,oEAWvB,CAAA;AAED,eAAO,MAAM,eAAe,oEAS3B,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAYhC,CAAA;AAED,eAAO,MAAM,WAAW,qEA8BvB,CAAA;AAED,eAAO,MAAM,cAAc,oEAY1B,CAAA;AAED,eAAO,MAAM,gBAAgB,qEAW5B,CAAA;AACD,eAAO,MAAM,eAAe,oEAa3B,CAAA;AAED,eAAO,MAAM,oBAAoB,oEAyBhC,CAAA;AAED,eAAO,MAAM,iBAAiB,oEAO7B,CAAA"}

package/package.json

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