frst-components 0.23.1 → 0.23.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/dist/index.js
CHANGED
|
@@ -7699,14 +7699,15 @@ function CardDefinicaoFase(props) {
|
|
|
7699
7699
|
const Container$f = styled__default["default"].div `
|
|
7700
7700
|
width: 282px !important;
|
|
7701
7701
|
max-width: 282px !important;
|
|
7702
|
-
height:
|
|
7703
|
-
max-height:
|
|
7702
|
+
height: 472px;
|
|
7703
|
+
max-height: 472px;
|
|
7704
7704
|
color: #222222;
|
|
7705
7705
|
background-color: #fff;
|
|
7706
7706
|
border-radius: 10px;
|
|
7707
|
-
justify-content:
|
|
7707
|
+
justify-content: space-between;
|
|
7708
7708
|
align-items: center;
|
|
7709
7709
|
flex-direction: column;
|
|
7710
|
+
display: flex;
|
|
7710
7711
|
position: relative;
|
|
7711
7712
|
word-break: break-word !important;
|
|
7712
7713
|
word-wrap: break-word !important;
|
|
@@ -7729,6 +7730,7 @@ const HeaderContainer = styled__default["default"].div `
|
|
|
7729
7730
|
justify-content: center;
|
|
7730
7731
|
align-items: flex-end;
|
|
7731
7732
|
background: #f18624;
|
|
7733
|
+
width: 100%;
|
|
7732
7734
|
height: 45px;
|
|
7733
7735
|
max-width: 282px;
|
|
7734
7736
|
border-radius: 8px 8px 0px 0px;
|
|
@@ -7802,17 +7804,6 @@ const TitleDescription = styled__default["default"].span `
|
|
|
7802
7804
|
word-wrap: break-word !important;
|
|
7803
7805
|
overflow-wrap: break-word !important;
|
|
7804
7806
|
`;
|
|
7805
|
-
styled__default["default"].div `
|
|
7806
|
-
display: flex;
|
|
7807
|
-
justify-content: center;
|
|
7808
|
-
height: 55px;
|
|
7809
|
-
padding: 0 35px;
|
|
7810
|
-
border-radius: 0px 0px 8px 8px;
|
|
7811
|
-
border: 1px solid #bdbdbd;
|
|
7812
|
-
position: absolute;
|
|
7813
|
-
bottom: -1rem;
|
|
7814
|
-
width: 100%;
|
|
7815
|
-
`;
|
|
7816
7807
|
const ButtonContainer = styled__default["default"].div `
|
|
7817
7808
|
display: flex;
|
|
7818
7809
|
justify-content: center;
|
|
@@ -7825,12 +7816,14 @@ const ButtonContainer = styled__default["default"].div `
|
|
|
7825
7816
|
font-weight: 600;
|
|
7826
7817
|
font-family: 'PT Sans';
|
|
7827
7818
|
cursor: pointer;
|
|
7819
|
+
width: 100%;
|
|
7828
7820
|
`;
|
|
7829
7821
|
const HypothesysAndActions = styled__default["default"].div `
|
|
7830
7822
|
display: flex;
|
|
7831
7823
|
justify-content: space-evenly;
|
|
7832
7824
|
align-items: center;
|
|
7833
7825
|
margin-bottom: 1.5rem;
|
|
7826
|
+
width: 100%;
|
|
7834
7827
|
|
|
7835
7828
|
.items {
|
|
7836
7829
|
display: flex;
|
|
@@ -7879,7 +7872,7 @@ function CardFaseDesafios(props) {
|
|
|
7879
7872
|
return jsxRuntime.jsx(FaseUmDesafio, {});
|
|
7880
7873
|
}
|
|
7881
7874
|
}
|
|
7882
|
-
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 :
|
|
7875
|
+
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 })] }))] }));
|
|
7883
7876
|
}
|
|
7884
7877
|
|
|
7885
7878
|
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}";
|
|
@@ -5,7 +5,6 @@ export declare const DescriptionContainer: import("styled-components").StyledCom
|
|
|
5
5
|
export declare const Description: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
6
6
|
export declare const CardTitlePhase: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
7
|
export declare const TitleDescription: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
8
|
-
export declare const ViewButton: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
8
|
export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
9
|
export declare const HypothesysAndActions: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
10
|
export declare const PendingHypotheses: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/cards/cardFaseDesafios/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"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"}
|