frst-components 0.37.0 → 0.38.0

package/dist/esm/src/components/cards/cardProblemGestor/index.js

@@ -0,0 +1,26 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../../shared/global.css.js';
+import Tag from '../../tag/index.js';
+import style from './cardProblemaGestor.module.css.js';
+import Avatar from '../../avatar/index.js';
+import Rating from '../../cardLT/Rating/index.js';
+import RatingCurtidas from '../../cardLT/RatingCurtidas/index.js';
+import Tooltip from '../../DS/tooltip/index.js';
+
+/**
+ * @param {CardProblemGestorProps} props
+ */
+function CardProblemGestor(props) {
+    const statusBg = props.statusBackgroundColor || '#757575';
+    const statusColor = props.statusColor || '#FFFFFF';
+    const handleChildClick = (event) => {
+        event.stopPropagation();
+        props.onClickUserInfo && props.onClickUserInfo();
+    };
+    return (jsxs("div", { className: style.container, style: { border: '1px solid ', borderColor: '#CCC', backgroundColor: '#FFF', color: '#000' }, onClick: () => props.onClick(props.problemID), children: [props.problemStatus !== 'problemaCriado' && (jsx("div", { className: style.tagStatusProblem, style: { background: statusBg || '#757575', color: statusColor }, children: props.statusName })), jsxs("div", { className: style.contentCard, children: [!!props?.onClickUserInfo ?
+                        jsx(Tooltip, { direction: "bottom", content: props.textVisitProfile ? props.textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '10px', textAlign: 'center' }, children: jsxs("div", { className: style.avatarInfoUser, onClick: handleChildClick, children: [jsxs("div", { children: [' ', jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxs("div", { className: style.infoUser, children: [jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }) })
+                        :
+                            jsxs("div", { className: style.avatarInfoUser, children: [jsxs("div", { children: [' ', jsx(Avatar, { size: "40px", src: props.userAvatar }), ' '] }), jsxs("div", { className: style.infoUser, children: [jsx("span", { style: { fontSize: 16, fontWeight: 600 }, children: props.userName }), jsx("span", { style: { fontSize: 14, fontWeight: 400 }, children: props.userCargo })] })] }), props.cardTitle && (jsx("div", { className: style.tituloCard, style: { color: '#FF4D0D', width: '100%' }, children: jsx("span", { children: props.cardTitle }) })), props.tags && (jsx("div", { className: style.tagsContainer, children: props.tags.map((item, index) => (jsx(Tag, { title: item, color: '#050505', selected: false, inverted: true, style: { fontWeight: 500, fontSize: 14, marginRight: 8, marginTop: 8 } }, index))) })), props.ratingImpacto && (jsxs("div", { className: style.avaliacao, children: [jsx(Rating, { nota: props.ratingImpacto.nota, qtdeAvaliacao: props.ratingImpacto.qtdeAvaliacao, descricaoAvaliacao: props.ratingImpacto.description, titulo: props.locales?.impact, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsx(Rating, { nota: props.ratingRelevancia.nota, qtdeAvaliacao: props.ratingRelevancia.qtdeAvaliacao, descricaoAvaliacao: props.ratingRelevancia.description, titulo: props.locales?.relevance, tipoVisualizacao: 2, style: { margin: 0, width: 120 }, nomeAvaliacao: props.locales?.evaluation }), jsx(RatingCurtidas, { qtdeCurtidas: props.ratingCurtidas, titulo: props.locales?.likes, tipoBotao: 4, style: { margin: 0, width: 90 }, descricaoCurtida: props.locales?.likesDescription })] })), props.lastUpdated && (jsxs("div", { style: { color: '#0645AD', fontSize: 12, fontWeight: 400, marginTop: 8 }, children: [props.lastUpdated, " "] }))] })] }));
+}
+
+export { CardProblemGestor as default };

package/dist/esm/src/components/cards/cardResultConquista/Icons/Aprendizado.png.js

@@ -0,0 +1,3 @@
+var Aprendizado = "data:image/png;base64,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";
+
+export { Aprendizado as default };

package/dist/esm/src/components/cards/cardResultConquista/Icons/AprendizadoPressed.png.js

@@ -0,0 +1,3 @@
+var AprendizadoPressed = "data:image/png;base64,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";
+
+export { AprendizadoPressed as default };

package/dist/esm/src/components/cards/cardResultConquista/Icons/Conquista.png.js

@@ -0,0 +1,3 @@
+var Conquista = "data:image/png;base64,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";
+
+export { Conquista as default };

package/dist/esm/src/components/cards/cardResultConquista/Icons/ConquistaPressed.png.js

@@ -0,0 +1,3 @@
+var ConquistaPressed = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAxCAYAAACYq/ofAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQRSURBVHgB7VrhldMwDFZ5/L9uQG4CwgQXJuCY4MIEdIMrE1yZ4MoElAmSmyC9CRImSJlAWI1EXJ/tOG2S9t7je8+YxpIsWbLsKDeDQCDiSnXvYXp8n81mmy6iNxAOMiJWbTZhS1SbQwDeQjiuVduo1fkCE0BFABlQQ6AhfTwyKdSC7fi/QYaQ5RmG4xEmRA+9cgmtSrUfHpk30MTrZODQIuSqPXlI7+gfMuS3ahEzuFY8zL3DQuakBBM5aD6r9km1nbnZieEXDViYiOEajgCFr4r5j9APYsiTRZ930Ga0aE+jJllynEXcp2BXZqNaAT1B8nxyPXwJ8yWWsVsei7lfUtaqeHxu9CZ2cFyI3Rt9KObavCYig2ZLhmy1wR2447HyjFnBXohU+0a9+r3owR5r85qI4NDA/R6pNEYy6gbsqFi5SMV75aCRbBNz+6rak6Kn8CW596oHnmernRUuQ3YOGrplPEObSbcyeYHNebLimJtbFJR4vLUpz/y1kd/pd8Q0iWPcmilZXu6YC1nX7GDf8sNa20SpR8DCMTEZWgqNGOCgkwRQeuj2ylqeC+/tCxpsM8SChWcO4ZVqzpsoNpmv5EWJO2h8RiQe7xfMKwYlJkHGLfUI2XsOPDCMiYyxeZcRTLdgHUz+f6lc5NiYU80rmUORW+squBWJLWO1LWQMGpq/MJ7pnvSfTZoBiW3leEVDFJE9R/T3HA4pjxUB4blfUO1ZrOkjuhXQIaQ2GGpDaBYQXpk2MWHLfcmGlB7eVA8r9q6p08ECuwTFBuNaUyJBz9VBkyFpNhc6TQnB3MFbCh+2rxi55hVnInEZI0wptpsLNeGuzCbhlzrGRVbsGENtIWR+3SthRmhCI03p0mKQ1StsSOedDO2HbqkZsMQmuWSaVyI4FobyYtBK+z3Iuwq2me6Bjcj0OWEosAFbfIkHOBHYplbxhngghbGAzf5Z42GI3cGRwPaQFCNW2HFODQ5sMktxijGK75H5UzgneEXFmOCXJ2xvzIQlXAJYKTlvCuy+wqQcRvVQnpjBgGClyCsRNC9i9MLzzMOU3fSiARUVUt9L2tnBK56jHWucejOfClZ8xel1g5471qmYova74/ChNlqhb8oi9rHlpCCMZgi2lzspN1X8PIIRMKZHIu6lnJNzn8BrAmen2nhG50YGrwl8f3o0ni05k52jut8f6CjVYFsbW8Ilgi6M+LKKGIpyiARw8hUFm/rXT2iuHDn0B92aKdQ+nPW6gq5CWTi/VG5WcAL6fJ6WiRPVkReuoP1itMXTPpRSir5TMq74N30OXPfxUK/Q4kOu4In/wHigW3KlDDnqU18nJH3CyECjSBeCi/2Dgb74b8iloW/W2l8AOVXuYDzc6PMNDjwsMoyJgy8AIfgLzvDwyz8YuYEAAAAASUVORK5CYII=";
+
+export { ConquistaPressed as default };

package/dist/esm/src/components/cards/cardResultConquista/cardResultConquista.module.css.js

@@ -0,0 +1,7 @@
+import styleInject from '../../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".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}";
+var style = {"container":"cardResultConquista-module_container__39blw","cardAvatar":"cardResultConquista-module_cardAvatar__mEUL0","description":"cardResultConquista-module_description__rgSn5","verMais":"cardResultConquista-module_verMais__8mtfe"};
+styleInject(css_248z);
+
+export { style as default };

package/dist/esm/src/components/cards/cardResultConquista/index.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import Avatar from '../../avatar/index.js';
+import '../../../shared/global.css.js';
+import style from './cardResultConquista.module.css.js';
+import Conquista from './Icons/Conquista.png.js';
+import ConquistaPressed from './Icons/ConquistaPressed.png.js';
+import Aprendizado from './Icons/Aprendizado.png.js';
+import AprendizadoPressed from './Icons/AprendizadoPressed.png.js';
+import { useState, useEffect } from 'react';
+import Tooltip from '../../DS/tooltip/index.js';
+
+/**
+ * @param {CardResultConquistaProps} props
+ */
+function CardResultConquista(props) {
+    const [isPressed, setIsPressed] = useState(false);
+    useEffect(() => {
+        const timer = setTimeout(() => setIsPressed(false), 1000);
+        return () => clearTimeout(timer);
+    }, [isPressed]);
+    const [btnViewMore, setBtnViewMore] = useState('');
+    useEffect(() => {
+        setBtnViewMore(props.textMoreDetails);
+    }, [props.textMoreDetails]);
+    return (jsxs("div", { className: style.container, style: { ...props.style, backgroundColor: isPressed ? '#FF4D0D' : '#FFF' }, children: [jsxs("div", { className: style.cardAvatar, children: [jsx(Avatar, { size: "50px", src: props.userAvatar, onClick: props.onClickAvatar, isActiveClick: !!props.onClickAvatar }), jsx("span", { children: "\u00A0\u00A0" }), props.statusCard === 1 ? (isPressed ? (jsx("img", { src: ConquistaPressed, alt: "Icone de conquista" })) : (jsx("img", { src: Conquista, alt: "Icone de conquista" }))) : isPressed ? (jsx("img", { src: AprendizadoPressed, alt: "Icone de aprendizado" })) : (jsx("img", { src: Aprendizado, alt: "Icone de aprendizado" }))] }), props.onClickName ?
+                jsx(Tooltip, { direction: "bottom", content: props.textVisitProfile ? props.textVisitProfile : 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '10px', textAlign: 'center' }, children: jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12, cursor: props.onClickName ? 'pointer' : 'auto' }, onClick: props.onClickName, children: props.userName }) })
+                :
+                    jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 600, fontSize: 16, marginTop: 12 }, onClick: props.onClickName, children: props.userName }), jsx("span", { style: { color: isPressed ? '#FFF' : '#222', fontWeight: 400, fontSize: 12, marginTop: 4 }, children: props.userArea }), jsx("div", { className: style.description, style: {
+                    color: isPressed ? '#FFD600' : '#FF4D0D',
+                    fontWeight: 500,
+                    fontSize: 16,
+                    textAlign: 'center',
+                    marginTop: 12
+                }, children: props.description }), jsx("div", { onClick: () => {
+                    props.onClick(props.problemId);
+                    setIsPressed(true);
+                }, className: style.verMais, style: { cursor: 'pointer' }, children: btnViewMore ? btnViewMore : 'Mais detalhes' })] }));
+}
+
+export { CardResultConquista as default };

package/dist/esm/src/components/cards/user/index.js

@@ -0,0 +1,85 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import '../../../shared/global.css.js';
+import { useState, useEffect } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, Tooltip } from '@mui/material';
+import { CheckboxChecked, CheckboxEmpty, EditIcon } from '../../../shared/icons.js';
+import Tag from '../../tag/index.js';
+
+/**
+ * @param {UserCardProps} props
+ */
+function CalendarCard(props) {
+    const { t } = useTranslation();
+    const [selected, setSelected] = useState(props.selected);
+    const setClass = () => {
+        setSelected(!selected);
+        props.handleSelect(props.userID);
+    };
+    const [statusColor, setStatusColor] = useState('#A6A6A6');
+    const hasCurrentData = () => {
+        return props.newLicenses.filter(el => el.isCurrent);
+    };
+    const hasAssignedLicenseData = () => {
+        return props.newLicenses.filter(el => el.isCurrent && el.hasLicense && !el.hasTrail && !el.hasEnrollment);
+    };
+    const hasDefinedTrailData = () => {
+        return props.newLicenses.filter(el => el.isCurrent && el.hasTrail && !el.hasEnrollment);
+    };
+    const hasEnrollmentsData = () => {
+        return props.newLicenses.filter(el => el.isCurrent && el.hasEnrollment);
+    };
+    const hasPreviusData = () => {
+        return props.newLicenses.filter(el => !el.isCurrent);
+    };
+    const newFormatHtml = () => {
+        const hasCurrent = hasCurrentData();
+        const hasAssignedLicense = hasAssignedLicenseData();
+        const hasDefinedTrail = hasDefinedTrailData();
+        const hasEnrollments = hasEnrollmentsData();
+        const hasPrevius = hasPreviusData();
+        return (jsxs("div", { children: [hasCurrent.length > 0 &&
+                    jsxs(Fragment, { children: [jsx("div", { style: { fontSize: '16px', fontWeight: '700', paddingBottom: '8px' }, children: props.newTexts.current }), hasAssignedLicense.length > 0 &&
+                                jsxs("div", { style: { fontSize: '16px', paddingBottom: '8px' }, children: [props.newTexts.assignedLicense, ": ", ' ', hasAssignedLicense.map(p => jsx(Tag, { title: p.name, color: '#000', selected: selected, inverted: false }, p.name)), !hasDefinedTrail && !hasEnrollments && (props.assessment === 'not-started' || props.assessment === 'started') && jsx(Tag, { title: 'Assessment', color: '#000', selected: selected, inverted: false, iconType: "warning" })] }), hasDefinedTrail.length > 0 &&
+                                jsxs("div", { style: { fontSize: '16px', paddingBottom: '8px' }, children: [props.newTexts.definedTrail, ": ", ' ', hasDefinedTrail.map(p => jsx(Tag, { title: p.name, color: '#000', selected: selected, inverted: false }, p.name)), !hasEnrollments && (props.assessment === 'not-started' || props.assessment === 'started') && jsx(Tag, { title: 'Assessment', color: '#000', selected: selected, inverted: false, iconType: "warning" })] }), hasEnrollments.length > 0 &&
+                                jsxs("div", { style: { fontSize: '16px', paddingBottom: '8px' }, children: [props.newTexts.enrollments, ": ", ' ', hasEnrollments.map(p => jsx(Tag, { title: p.name, color: '#000', selected: selected, inverted: false }, p.name)), (props.assessment === 'not-started' || props.assessment === 'started') && jsx(Tag, { title: 'Assessment', color: '#000', selected: selected, inverted: false, iconType: "warning" })] })] }), hasPrevius.length > 0 &&
+                    jsxs(Fragment, { children: [jsx("div", { style: { fontSize: '16px', fontWeight: '700', paddingBottom: '8px' }, children: props.newTexts.previus }), jsxs("div", { style: { fontSize: '16px', paddingBottom: '8px' }, children: [hasPrevius.map(p => jsx(Tag, { title: p.name, color: '#BDBDBD', selected: selected, inverted: false }, p.name)), props.assessment === 'finished' && jsx(Tag, { title: 'Assessment', color: '#BDBDBD', selected: selected, inverted: false, iconType: "checked" })] })] })] }));
+    };
+    useEffect(() => {
+        switch (props.userStatus) {
+            case 'complete':
+                setStatusColor("#2CA92A");
+                break;
+            case 'enrolled':
+                setStatusColor("#222222");
+                break;
+            case 'defined':
+                setStatusColor("#FFD600");
+                break;
+            case 'error':
+                setStatusColor("#FF0000");
+                break;
+            case 'incomplete':
+            default:
+                setStatusColor("#A6A6A6");
+                break;
+        }
+    }, [props.userStatus]);
+    useEffect(() => {
+        setSelected(props.selected);
+    }, [props.selected]);
+    return (jsx(Fragment, { children: props.loading ?
+            jsxs("div", { className: 'cardContentNoMargin', children: [jsx("div", { className: 'shimmer cardTopRightConner', style: { color: statusColor, background: statusColor, padding: '4px' }, children: "Status" }), jsxs("div", { className: 'content', children: [jsxs("div", { className: 'centeredVertically', style: { paddingBottom: '16px' }, children: [selected ? jsx(CheckboxChecked, {}) : jsx(CheckboxEmpty, {}), jsx("div", { style: { marginLeft: '16px', marginRight: '16px' }, className: "avatar shimmer" }), jsxs("div", { style: { display: 'inline-grid' }, children: [jsx("div", { className: "shimmer", children: "ShimmerName" }), jsx("div", { className: "shimmer", children: "ShimmerEmail" })] })] }), jsxs("div", { className: 'innerContent', style: { paddingBottom: '0px !important' }, children: [jsx("div", { className: "shimmer", children: "Area: " }), jsx("div", { className: "shimmer", children: "Cargo:" }), jsx(Tag, { title: 'Product Tag', color: '#000', loading: true, selected: false, inverted: false }), jsx(Tag, { title: 'Product Tag', color: '#000', loading: true, selected: false, inverted: false })] })] }), jsx(Button, { className: 'shimmer frstButton blue', fullWidth: true })] })
+            :
+                jsxs("div", { onClick: setClass, className: 'cardContentNoMargin', style: { color: selected ? '#fff' : '#000', border: `1px solid ${statusColor}`, background: selected ? "#ff4d0d" : "#fff" }, children: [jsx("div", { className: 'cardTopRightConner', style: { color: '#fff', background: statusColor, padding: '4px' }, children: t(`user.card.status.${props.userStatus}`) }), jsxs("div", { className: 'content', style: { marginBottom: '46px' }, children: [jsxs("div", { className: 'centeredVertically', style: { paddingBottom: '16px' }, children: [jsxs("div", { style: { paddingRight: '8px' }, children: [" ", selected ? jsx(CheckboxChecked, {}) : jsx(CheckboxEmpty, {})] }), jsx("img", { src: props.userAvatar || "https://certificates-mentor.s3.amazonaws.com/frst-avatar-default.png", alt: "Avatar", className: "avatar" }), jsxs("div", { style: { paddingLeft: '8px', display: 'grid' }, children: [jsx("p", { style: { fontSize: '24px', fontWeight: '700', paddingBottom: '8px' }, children: props.userName }), jsx(Tooltip, { title: [props.userEmail], children: jsx("p", { style: { fontSize: '16px', fontWeight: '700', color: selected ? "#F3D224" : '#AEB0B3' }, className: 'ellipsis', children: props.userEmail }) })] })] }), jsx("div", { className: 'innerContent', children: jsxs("div", { style: { display: 'block' }, children: [props.userArea && jsxs("p", { style: { fontSize: '16px', fontWeight: '700', paddingBottom: '8px' }, children: [t('user.card.area'), ": ", props.userArea] }), props.userPosition && jsxs("p", { style: { fontSize: '16px', fontWeight: '400', paddingBottom: '8px' }, children: [t('user.card.position'), ": ", props.userPosition] }), props.newFormat ?
+                                                jsx("div", { children: newFormatHtml() })
+                                                :
+                                                    jsxs("div", { children: [props.licenses.length > 0 ?
+                                                                props.licenses.map((p) => {
+                                                                    return jsx(Tag, { title: p, color: '#000', selected: selected, inverted: false }, p);
+                                                                })
+                                                                :
+                                                                    jsx(Tag, { title: t('user.card.noProduct'), color: '#FF0000', selected: selected, inverted: true }), (props.assessment === 'not-started' || props.assessment === 'started') && jsx(Tag, { title: 'Assessment', color: '#000', selected: selected, inverted: false, iconType: "warning" }), props.assessment === 'finished' && jsx(Tag, { title: 'Assessment', color: '#000', selected: selected, inverted: false, iconType: "checked" })] })] }) })] }), jsxs(Button, { onClick: props.editAction, className: 'frstButton blue fixedBottom', fullWidth: true, children: [jsx(EditIcon, {}), jsx("span", { style: { paddingLeft: '8px' }, children: t('globals.edit') })] })] }) }));
+}
+
+export { CalendarCard as default };

package/dist/esm/src/components/challenge-cards/challengeCardStyles.js

@@ -0,0 +1,246 @@
+import styled from 'styled-components';
+
+const WrapperCard = styled.div `
+    display: flex;
+    flex-direction: column;
+    width: 282px;
+    height: 445px;
+    background: ${({ theme, $active }) => $active ? theme.colors.neutralsGrey9 : theme.colors.shadeWhite};
+    border-radius: 8px;
+
+    overflow: hidden;
+
+    &:hover{
+        // background: ${({ theme }) => theme.colors.neutralsGrey9};
+        // border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+
+        box-shadow: 0px 10px 20px 7px rgb(255 255 255 / 20%);
+        cursor: pointer;
+    }
+`;
+const TagText = styled.span `
+    border-radius: 0px 8px;
+    /* margin-bottom: -24px; */
+
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    white-space: nowrap;
+    color: #FFFFFF;
+`;
+const WrapperBanner = styled.div `
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+
+    height: 200px;
+    max-height: 200px;
+`;
+const TagStep = styled.div `
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        align-self: flex-end;
+        padding: 4px 15px;
+        border-radius: 0px 8px;
+
+        height: 24px;
+        z-index: 2 ;
+        ${({ $variant, theme }) => getVariantTagStyle($variant, theme)};
+    `;
+const BannerCard = styled.img `
+        margin-top: -24px;
+
+        margin-bottom: 0px;
+        height: fit-content;
+    `;
+const StepName = styled.div `
+        font-family: 'VT323', monospace;
+        font-size: 40px;
+        color: white;
+        -webkit-text-stroke: 0.5px black;
+        text-shadow: 2px 0 0 black, 0 2px 0 black,-2px 0 0 black,0 -2px 0 black;
+
+        display: flex;
+        justify-content: center;
+        border: 2px dashed #FFF;
+
+        z-index: 2;
+        ${({ $variant }) => $variant != 'completed' && $variant != 'srg' &&
+    `margin-top: -60px;
+            margin-bottom: 16px;`}
+        padding: 0px 12px 0px 12px;
+    `;
+const ContentCard = styled.div `
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    width: 282px;
+    border-radius: 8px;
+    border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+    border-top-left-radius: 0px;
+    border-top-right-radius: 0px;
+    border-top: 0px;
+`;
+const WrapperHeader = styled.div `
+    width: 100%;   
+    display: flex;
+    flex-direction: row;
+    padding-right: 10px;
+`;
+const TitleProject = styled.p `
+    flex: 1;
+    padding: 17px;
+    padding-left: 24px;
+    padding-bottom: 0px;
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 21px;
+`;
+const Dots = styled.div `
+    margin-top: 5px;
+
+    height: fit-content;
+`;
+const DescriptionProject = styled.span `
+    flex: 1;
+    font-family: 'Work Sans';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 23px;
+    
+    color: ${({ theme }) => theme.colors.primary1};
+    padding: 24px;
+    padding-top: 16px;
+
+    text-overflow: ellipsis;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 4; /** número de linhas que você quer exibir */
+    -webkit-box-orient: vertical;
+    word-wrap: break-word;
+`;
+const DescriptionSRG = styled.span `
+    flex: 1;
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    
+    /* neutrals/grey_1 */
+    
+    color: #222222;
+    
+    color: ${({ theme }) => theme.colors.neutralsGrey1};
+    padding: 24px;
+    padding-right: 25px;
+    padding-top: 16px;
+`;
+const ButtonActionWrapper = styled.div `
+    display: flex;
+    flex-direction: row;
+    justify-content: space-evenly;
+    align-items: center;
+`;
+const ButtonAction = styled.div `
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 47px;
+    padding: 12px;
+    width: 100%;
+
+    border-top: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 21px;
+
+    color: ${({ theme }) => theme.colors.linkOnfocus};
+
+    &:nth-child(1) {
+        ${({ $variant, theme }) => $variant != 'completed' && $variant != 'srg' && `
+            border-right: 1px solid ${theme.colors.neutralsGrey5};
+        `}
+    }
+
+    &:hover {
+        background-color: ${({ theme }) => theme.colors.neutralsGrey8};
+        color: ${({ theme }) => theme.colors.linkHover};
+    }
+`;
+styled.div `
+    position: absolute;
+    width: 130px;
+    background: ${({ theme }) => theme.colors.shadeWhite};
+
+    border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+    border-radius: 4px;
+
+    margin-left: -100px;
+
+`;
+function getVariantTagStyle(variant, theme) {
+    switch (variant) {
+        case 'incompleteMars':
+            return `
+                background: rgb(117, 117, 117);
+                & > span {
+                    color: #FFF !important;
+                }
+            `;
+        case 'mars':
+            return `
+                background: ${theme.colors.linkHover};
+                & > span {
+                    color: #FFF !important;
+                }
+            `;
+        case 'jupiter':
+            return `
+                background: #F8B911;
+                & > span {
+                    color: #222222!important;
+                }
+            `;
+        case 'saturn':
+            return `
+            background: #663366;
+            & > span {
+                color: #FFF !important;
+            }
+        `;
+        case 'uranus':
+            return `
+            background: #AD005C;
+            & > span {
+                color: #FFF !important;
+            }
+        `;
+        case 'neptune':
+            return `
+                background: #222222;
+                & > span {
+                    color: #FFF !important;
+                }
+            `;
+        case 'completed':
+            return `
+                background: #158214;
+                & > span {
+                    color: #FFF !important;
+                }
+            `;
+    }
+}
+
+export { BannerCard, ButtonAction, ButtonActionWrapper, ContentCard, DescriptionProject, DescriptionSRG, Dots, StepName, TagStep, TagText, TitleProject, WrapperBanner, WrapperCard, WrapperHeader };

package/dist/esm/src/components/challenge-cards/dropdownMenuStyle.js

@@ -0,0 +1,85 @@
+import styled from 'styled-components';
+import MenuItem from '@mui/material/MenuItem';
+import Menu from '@mui/material/Menu';
+
+styled.p `
+  color: white;
+  padding-left: 5px;
+  font-size: 16px;
+`;
+const MenuCustom = styled(Menu) `
+  margin-left: ${({ $step }) => $step == 'completed' ? '-64px' : '-84px'} ;
+  margin-top: 10px;
+
+  & .MuiPaper-root {
+    border-radius: 0px;
+    box-shadow: none !important;
+    overflow: visible;
+
+    &:before {
+      content: "";
+      position: absolute;
+      top: -17px;
+      right: 19.5px;
+      border-top: 7px solid transparent;
+      border-bottom: 10px solid #BDBDBD;
+      border-left: 7px solid transparent;
+      border-right: 7px solid transparent;
+    }
+  
+    &:after {
+        content: "";
+        position: absolute;
+        top: -16px;
+        right: 19.5px;
+        border-top: 7px solid transparent;
+        border-bottom: 10px solid #FFF;
+        border-left: 7px solid transparent;
+        border-right: 7px solid transparent;
+    }
+  }
+  ul {
+    box-shadow: -3px 16px 12px -12px #BDBDBD;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    border: 1px solid #BDBDBD !important;
+    border-radius: 4px !important;
+    overflow: hidden;
+  }
+`;
+const MenuItemCustom = styled(MenuItem) `
+  background-color: ${({ theme }) => theme.colors.shadeWhite} !important;
+  margin: 1px !important;
+
+  &:hover {
+    background-color: ${({ theme }) => theme.colors.neutralsGrey8} !important;
+    color: ${({ theme }) => theme.colors.linkHover} !important;
+  }
+
+  &:last-child {
+    &:hover {
+      color: ${({ theme }) => theme.colors.linkError} !important;
+    }
+  }
+`;
+styled(MenuItem) `
+  color: white !important;
+  background-color: #F5792A !important;
+
+  display: flex;
+  flex-direction: row;
+  &:hover {
+    background-color: #FD9350 !important;
+  }
+`;
+const TextOption = styled.div `
+  margin-left: 10px;
+  padding-top: 1px;
+  font-family: 'PT Sans';
+  font-style: normal;
+  font-weight: 700;
+  font-size: 16px;
+  line-height: 21px;
+`;
+
+export { MenuCustom, MenuItemCustom, TextOption };