frst-components 0.25.5 → 0.25.7

package/dist/index.js

@@ -147,7 +147,7 @@ function ExclamationIcon() {
     return (jsxRuntime.jsx("svg", { width: "23", height: "22", viewBox: "0 0 23 22", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M11.4998 5.58366C12.0957 5.58366 12.5832 6.07116 12.5832 6.66699V11.0003C12.5832 11.5962 12.0957 12.0837 11.4998 12.0837C10.904 12.0837 10.4165 11.5962 10.4165 11.0003V6.66699C10.4165 6.07116 10.904 5.58366 11.4998 5.58366ZM11.4998 14.2503C12.0957 14.2503 12.5832 14.7378 12.5832 15.3337C12.5832 15.9295 12.0957 16.417 11.4998 16.417C10.904 16.417 10.4165 15.9295 10.4165 15.3337C10.4165 14.7378 10.904 14.2503 11.4998 14.2503Z", fill: "white" }) }));
 }
 function StarIcon$1({ color = '#FDAE15', width = 16, height = 15 }) {
-    return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.10583 1.78577C7.47454 1.04941 8.52546 1.04941 8.89417 1.78578L10.2379 4.46942C10.3846 4.76228 10.6653 4.96476 10.9895 5.01147L13.9722 5.44126C14.7966 5.56004 15.123 6.57552 14.5222 7.15236L12.3838 9.20561C12.1439 9.436 12.0342 9.77062 12.0912 10.0983L12.5982 13.0121C12.74 13.8272 11.8872 14.4521 11.1527 14.0713L8.46025 12.6755C8.17166 12.5259 7.82834 12.5259 7.53975 12.6755L4.8473 14.0713C4.11284 14.4521 3.26005 13.8272 3.40185 13.0122L3.9088 10.0983C3.96581 9.77062 3.85614 9.436 3.61619 9.20561L1.47778 7.15236C0.877006 6.57552 1.2034 5.56004 2.02776 5.44126L5.01053 5.01147C5.33469 4.96476 5.61544 4.76227 5.76208 4.46942L7.10583 1.78577Z", fill: color, stroke: color, "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" }) }));
+    return (jsxRuntime.jsx("svg", { width: width, height: height, viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M7.10583 1.78577C7.47454 1.04941 8.52546 1.04941 8.89417 1.78578L10.2379 4.46942C10.3846 4.76228 10.6653 4.96476 10.9895 5.01147L13.9722 5.44126C14.7966 5.56004 15.123 6.57552 14.5222 7.15236L12.3838 9.20561C12.1439 9.436 12.0342 9.77062 12.0912 10.0983L12.5982 13.0121C12.74 13.8272 11.8872 14.4521 11.1527 14.0713L8.46025 12.6755C8.17166 12.5259 7.82834 12.5259 7.53975 12.6755L4.8473 14.0713C4.11284 14.4521 3.26005 13.8272 3.40185 13.0122L3.9088 10.0983C3.96581 9.77062 3.85614 9.436 3.61619 9.20561L1.47778 7.15236C0.877006 6.57552 1.2034 5.56004 2.02776 5.44126L5.01053 5.01147C5.33469 4.96476 5.61544 4.76227 5.76208 4.46942L7.10583 1.78577Z", fill: color, stroke: color, strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 }
 function LocalizationIcon() {
     return (jsxRuntime.jsx("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M8.74461 5.77226C8.74461 6.44769 8.18461 7.00033 7.50016 7.00033C6.81572 7.00033 6.25572 6.44769 6.25572 5.77226C6.25572 5.09682 6.81572 4.54419 7.50016 4.54419C8.18461 4.54419 8.74461 5.09682 8.74461 5.77226ZM12.1668 5.77226C12.1668 9.50559 9.26105 11.8451 8.01661 12.674C7.86105 12.7845 7.68061 12.8337 7.50016 12.8337C7.31972 12.8337 7.13928 12.7845 6.9775 12.674C5.73305 11.8451 2.8335 9.51173 2.8335 5.77226C2.8335 3.14418 4.83705 1.16699 7.50016 1.16699C10.1633 1.16699 12.1668 3.14418 12.1668 5.77226ZM9.98905 5.77226C9.98905 4.41524 8.87527 3.31611 7.50016 3.31611C6.12505 3.31611 5.01127 4.41524 5.01127 5.77226C5.01127 7.12927 6.12505 8.2284 7.50016 8.2284C8.87527 8.2284 9.98905 7.12927 9.98905 5.77226Z", fill: "white" }) }));
@@ -4256,13 +4256,13 @@ styled__default["default"].div `
     border: 1px solid  ${({ theme }) => theme.colors.neutralsGrey4};
     position: absolute;
 `;
-const LimitCharsContainer = styled__default["default"].div `
+const LimitCharsContainer$1 = styled__default["default"].div `
  display:flex;
  justify-content: flex-start;
  align-items: center;
  margin-left: 10px;
 `;
-const LimitCharsExceededMessage = styled__default["default"].span `
+const LimitCharsExceededMessage$1 = styled__default["default"].span `
     color: ${({ theme }) => theme.colors.linkError};
     font-size: 12px;
     margin-left: 5px;
@@ -4864,7 +4864,7 @@ function InputComment$1({ placeholder, onChange, limit, users, showCharacterCoun
                             }, "data-text": "enter", suppressContentEditableWarning: true, onPaste: handlePaste, children: jsxRuntime.jsx("p", { children: jsxRuntime.jsx("br", {}) }) }), jsxRuntime.jsx(InputPlaceholder, { style: { display: 'none' }, contentEditable: true, ref: divPlaceholder, children: placeholder }), showMention && users && users.length > 0 && (jsxRuntime.jsx(Mentions, { users: users, top: mentionTopPosition, onSelect: (user) => {
                                 setShowMention(false);
                                 handleMentionUser(user);
-                            } }))] }), jsxRuntime.jsx(HelperContainer, { children: !isPlaceholder && showCharacterCounter && (jsxRuntime.jsxs(HelperText$2, { isInputLimit: styleLimitExceeded, children: [textLength, "/", limit] })) }), styleLimitExceeded && (jsxRuntime.jsxs(LimitCharsContainer, { children: [jsxRuntime.jsx(TagAlert, {}), jsxRuntime.jsx(LimitCharsExceededMessage, { children: limitMessageExceeded })] }))] }) }));
+                            } }))] }), jsxRuntime.jsx(HelperContainer, { children: !isPlaceholder && showCharacterCounter && (jsxRuntime.jsxs(HelperText$2, { isInputLimit: styleLimitExceeded, children: [textLength, "/", limit] })) }), styleLimitExceeded && (jsxRuntime.jsxs(LimitCharsContainer$1, { children: [jsxRuntime.jsx(TagAlert, {}), jsxRuntime.jsx(LimitCharsExceededMessage$1, { children: limitMessageExceeded })] }))] }) }));
 }
 
 const HeaderWrapper$1 = styled__default["default"].div `
@@ -7725,36 +7725,36 @@ const backgroundColors$2 = {
     hypothesis: {
         prioritize: '#FAB637',
         owner: '#f8d784',
-        suggested: '#FBEECF',
+        suggested: '#FBEECF'
     },
     impediment: {
         prioritize: '#D2ADE3',
         owner: '#E5CBF1',
-        suggested: '#EFE1F6',
+        suggested: '#EFE1F6'
     }
 };
 const separatorColors = {
     hypothesis: {
         prioritize: '#CF8E11',
         owner: '#C8A561',
-        suggested: '#E1CCA5',
+        suggested: '#E1CCA5'
     },
     impediment: {
         prioritize: '#AA83C3',
         owner: '#BF9AD6',
-        suggested: '#DAB4EC',
+        suggested: '#DAB4EC'
     }
 };
 const borderAvatar = {
     hypothesis: {
         prioritize: '#C48000',
         owner: '#EE9F08',
-        suggested: '#EE9F08',
+        suggested: '#EE9F08'
     },
     impediment: {
         prioritize: '#AD46FF',
         owner: '#AD46FF',
-        suggested: '#AD46FF',
+        suggested: '#AD46FF'
     }
 };
 const MainContainer = styled__default["default"].div `
@@ -7791,7 +7791,7 @@ const SplitContainerDescription = styled__default["default"].div `
     width: 100%;
 `;
 styled__default["default"].div `
-    height: 24px; 
+    height: 24px;
     width: 1px;
     margin-left: 14px;
     margin-right: 14px;
@@ -7820,6 +7820,17 @@ const Description$4 = styled__default["default"].span `
             border-left: 1px solid ${border};
         `;
 }}
+`;
+const LimitCharsContainer = styled__default["default"].div `
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    margin-top: 4px;
+`;
+const LimitCharsExceededMessage = styled__default["default"].span `
+    color: #a50000;
+    font-size: 12px;
+    margin-left: 5px;
 `;
 
 const backgroundColors$1 = {
@@ -8017,44 +8028,45 @@ const Voting = ({ type, voteText, onDeleteVote, onChangeVote, votersList, onVote
                                     jsxRuntime.jsxs("div", { onClick: handleChangeVote, children: [jsxRuntime.jsx(SwitchVoteIcon, {}), "Trocar voto"] })] })) : (jsxRuntime.jsxs("span", { children: [votersList?.length, " ", votersList?.length > 1 ? 'votos' : 'voto'] })) })] })) : (jsxRuntime.jsx(ContainerVoting, { type: type, children: jsxRuntime.jsxs(ContainerTitleVoting, { onClick: onVote, children: [jsxRuntime.jsx(NewVoteIcon, {}), jsxRuntime.jsx(TitleVoting, { children: voteText })] }) })) }));
 };
 
-const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index, authorGoalId, // id do dono do desafio
-userLoggedId, authorName, // nome autor da hipotese ou do impedimento
-handleViewProfile, authorId, // id do autor do impedimento ou da hipotese
-hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDeleteVote, onChangeVote, votersList, onDeleteHipotesisOrImpediment, onSaveEditHipotesisOrImpediment, hasEditHipotesisOrImpediment, onVote, onPrioritize, onDown, onUp, hasUpdownButtons, onClickAction, onAddActions, hasAddActions, popperStyle }) => {
+const HypothesisAndImpediment = ({ description, variant, type, avatar, id, index, authorGoalId, userLoggedId, authorName, handleViewProfile, authorId, hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDeleteVote, onChangeVote, votersList, onDeleteHipotesisOrImpediment, onSaveEditHipotesisOrImpediment, hasEditHipotesisOrImpediment, onVote, onPrioritize, onDown, onUp, hasUpdownButtons, onClickAction, onAddActions, hasAddActions, popperStyle }) => {
     const [editDescription, setEditDescription] = React.useState(description);
     const [isEditing, setIsEditing] = React.useState(false);
     const isOwnerGoal = authorGoalId === authorId;
+    const limitCaraterers = variant === 'impediment' ? 365 : 200;
+    const [isLimitExceeded, setIsLimitExceeded] = React.useState(false);
     const options = [
-        hasUpdownButtons && userLoggedId === authorGoalId &&
-            ({
-                startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: type === 'prioritize' ? "#9C9C9C" : "#222222" }),
-                description: 'Priorizar',
-                onClick: () => onPrioritize(id),
-                disabled: type === 'prioritize',
-                color: type === 'prioritize' ? '#9C9C9C' : '#222222'
-            }),
+        hasUpdownButtons &&
+            userLoggedId === authorGoalId && {
+            startIcon: jsxRuntime.jsx(StarPrioritize, { stroke: type === 'prioritize' ? '#9C9C9C' : '#222222' }),
+            description: 'Priorizar',
+            onClick: () => onPrioritize(id),
+            disabled: type === 'prioritize',
+            color: type === 'prioritize' ? '#9C9C9C' : '#222222'
+        },
         {
             startIcon: jsxRuntime.jsx(EditHipoteses, {}),
             description: 'Editar',
             onClick: (e) => setIsEditing(true)
         },
-        hasAddActions &&
-            ({
-                startIcon: jsxRuntime.jsx(AddAction, {}),
-                description: 'Adicionar ações',
-                onClick: () => onAddActions(id),
-                color: '#222222'
-            }),
+        hasAddActions && {
+            startIcon: jsxRuntime.jsx(AddAction, {}),
+            description: 'Adicionar ações',
+            onClick: () => onAddActions(id),
+            color: '#222222'
+        },
         {
             startIcon: jsxRuntime.jsx(TrashHipoteses, {}),
             description: 'Excluir',
             onClick: () => onDeleteHipotesisOrImpediment(id),
             color: '#C00F00'
         }
-    ].filter(item => item);
+    ].filter((item) => item);
     React.useEffect(() => {
         setEditDescription(description);
     }, [description]);
+    React.useEffect(() => {
+        editDescription?.length >= limitCaraterers ? setIsLimitExceeded(true) : setIsLimitExceeded(false);
+    }, [editDescription]);
     const title = React.useMemo(() => {
         if (type === 'prioritize' && variant === 'hypothesis')
             return 'HIPÓTESE PRIORIZADA';
@@ -8099,7 +8111,13 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
     };
     const inputRef = React.useRef(null);
     const handleChange = (event) => {
-        setEditDescription(event.target.value);
+        if (limitCaraterers > editDescription?.length || event.target.value?.length < editDescription?.length) {
+            let newValue = event.target.value;
+            if (newValue.length > limitCaraterers) {
+                newValue = newValue.substring(0, limitCaraterers);
+            }
+            setEditDescription(newValue);
+        }
     };
     const handleKeyDown = (event) => {
         if (event.key === 'Enter') {
@@ -8116,47 +8134,43 @@ hasVoting, voteHasAlreadyBeenRegistered, isVotedByUserLogged, voteText, onDelete
             }, 200);
         }
     }, [isEditing]);
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(ContainerHypotheis, { type: type, variant: variant, children: [hasUpdownButtons &&
-                        jsxRuntime.jsx(UpDownButtons, { type: type, variant: variant, onDownClick: () => onDown(id, index), onUpClick: () => onUp(id, index) }), jsxRuntime.jsxs(SplitContainerDescription, { children: [jsxRuntime.jsx(Tooltip$2, { content: authorName, direction: 'bottom', style: {
-                                    fontFamily: 'PT Sans',
-                                    fontWeight: 400,
-                                    fontSize: '14px',
-                                    color: 'rgba(117, 117, 117, 1)',
-                                    width: 'fit-content',
-                                    height: '31px',
-                                    top: '8px',
-                                    left: '4px',
-                                    whiteSpace: 'nowrap',
-                                    boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
-                                }, children: jsxRuntime.jsx(Avatar, { src: avatar, size: isOwnerGoal ? '24px' : '24px', border: avatarBorder, style: { cursor: 'pointer', marginLeft: '16px' }, onClick: () => handleViewProfile(authorId) }) }), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Description$4, { type: type, variant: variant, onClick: handleClickAction, onDoubleClick: () => {
-                                    if (clickTimeoutRef.current) {
-                                        clearTimeout(clickTimeoutRef.current);
-                                    }
-                                    if (hasEditHipotesisOrImpediment)
-                                        setIsEditing(true);
-                                }, style: { height: isEditing ? "auto" : "fit-content" }, children: isEditing ?
-                                    jsxRuntime.jsx(material.TextField, { inputRef: inputRef, value: editDescription, onBlur: handleSaveDescription, onChange: handleChange, onKeyDown: handleKeyDown, multiline: true, fullWidth: true, variant: 'standard', InputProps: {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MainContainer, { children: jsxRuntime.jsxs(ContainerHypotheis, { type: type, variant: variant, children: [hasUpdownButtons && (jsxRuntime.jsx(UpDownButtons, { type: type, variant: variant, onDownClick: () => onDown(id, index), onUpClick: () => onUp(id, index) })), jsxRuntime.jsxs(SplitContainerDescription, { children: [jsxRuntime.jsx(Tooltip$2, { content: authorName, direction: 'bottom', style: {
+                                        fontFamily: 'PT Sans',
+                                        fontWeight: 400,
+                                        fontSize: '14px',
+                                        color: 'rgba(117, 117, 117, 1)',
+                                        width: 'fit-content',
+                                        height: '31px',
+                                        top: '8px',
+                                        left: '4px',
+                                        whiteSpace: 'nowrap',
+                                        boxShadow: ' 0px 0px 18px 0px rgba(34, 34, 34, 0.2)'
+                                    }, children: jsxRuntime.jsx(Avatar, { src: avatar, size: isOwnerGoal ? '24px' : '24px', border: avatarBorder, style: { cursor: 'pointer', marginLeft: '16px' }, onClick: () => handleViewProfile(authorId) }) }), jsxRuntime.jsx(Title$6, { children: title }), jsxRuntime.jsx(Description$4, { type: type, variant: variant, onClick: handleClickAction, onDoubleClick: () => {
+                                        if (clickTimeoutRef.current) {
+                                            clearTimeout(clickTimeoutRef.current);
+                                        }
+                                        if (hasEditHipotesisOrImpediment)
+                                            setIsEditing(true);
+                                    }, style: { height: isEditing ? 'auto' : 'fit-content' }, children: isEditing ? (jsxRuntime.jsx(material.TextField, { inputRef: inputRef, value: editDescription, onBlur: handleSaveDescription, onChange: handleChange, onKeyDown: handleKeyDown, multiline: true, fullWidth: true, variant: "standard", InputProps: {
                                             disableUnderline: true,
                                             style: {
                                                 fontFamily: 'PT Sans',
                                                 fontSize: '14px',
                                                 lineHeight: 1.3
-                                            },
-                                        }, onFocus: (e) => e.currentTarget.setSelectionRange(e.currentTarget.value.length, e.currentTarget.value.length) })
-                                    :
-                                        jsxRuntime.jsx(Tooltip$2, { content: 'Clique na hipótese para ver as ações vinculadas', direction: 'bottom', wrapperWidth: '100%', style: {
-                                                fontFamily: 'PT Sans',
-                                                fontWeight: 400,
-                                                fontSize: '14px',
-                                                color: '#757575',
-                                                width: '171px',
-                                                height: '52px',
-                                                top: '8px',
-                                                left: '4px',
-                                                whiteSpace: 'wrap',
-                                                boxShadow: ' 0px 25px 18px -20px #22222233;',
-                                                display: variant === 'impediment' || isEditing ? 'none' : 'block'
-                                            }, children: jsxRuntime.jsx("div", { style: { width: '100%', overflow: 'hidden' }, children: editDescription }) }) }), !isEditing && hasVoting && (jsxRuntime.jsx(Voting, { voteText: voteText, type: type, onDeleteVote: onDeleteVote, votersList: votersList, onVote: () => onVote(id), onChangeVote: () => onChangeVote(id), isVotedByUserLogged: isVotedByUserLogged, voteHasAlreadyBeenRegistered: voteHasAlreadyBeenRegistered, popperStyle: popperStyle })), !isEditing && validHasEditHipotesisOrImpediment && (jsxRuntime.jsx(MenuMore, { options: options, isContainerOptions: true, closeAfterClick: true }))] })] }) }) }));
+                                            }
+                                        }, onFocus: (e) => e.currentTarget.setSelectionRange(e.currentTarget.value.length, e.currentTarget.value.length) })) : (jsxRuntime.jsx(Tooltip$2, { content: 'Clique na hipótese para ver as ações vinculadas', direction: 'bottom', wrapperWidth: "100%", style: {
+                                            fontFamily: 'PT Sans',
+                                            fontWeight: 400,
+                                            fontSize: '14px',
+                                            color: '#757575',
+                                            width: '171px',
+                                            height: '52px',
+                                            top: '8px',
+                                            left: '4px',
+                                            whiteSpace: 'wrap',
+                                            boxShadow: ' 0px 25px 18px -20px #22222233;',
+                                            display: variant === 'impediment' || isEditing ? 'none' : 'block'
+                                        }, children: jsxRuntime.jsx("div", { style: { width: '100%', overflow: 'hidden' }, children: editDescription }) })) }), !isEditing && hasVoting && (jsxRuntime.jsx(Voting, { voteText: voteText, type: type, onDeleteVote: onDeleteVote, votersList: votersList, onVote: () => onVote(id), onChangeVote: () => onChangeVote(id), isVotedByUserLogged: isVotedByUserLogged, voteHasAlreadyBeenRegistered: voteHasAlreadyBeenRegistered, popperStyle: popperStyle })), !isEditing && validHasEditHipotesisOrImpediment && (jsxRuntime.jsx(MenuMore, { options: options, isContainerOptions: true, closeAfterClick: true }))] })] }) }), isEditing && isLimitExceeded && (jsxRuntime.jsxs(LimitCharsContainer, { children: [jsxRuntime.jsx(TagAlert, { color: "#A50000" }), jsxRuntime.jsx(LimitCharsExceededMessage, { children: 'Você atingiu a quantidade máxima de caracteres' })] }))] }));
 };
 
 const MESSAGES = {
@@ -8572,7 +8586,7 @@ const ProgressGoalBar = ({ start, current, goal, isVisibleMessage = true }) => {
             return positions?.currentTextInit;
         }
     };
-    return (jsxRuntime.jsxs(WrapperProgressGoalBar, { children: [isVisibleMessage && jsxRuntime.jsx(TextUP, { children: positions?.message }), jsxRuntime.jsxs(ProgressGoalBarContainer, { children: [jsxRuntime.jsx(StartIndicator, { position: positions?.start, children: jsxRuntime.jsx(LocalizationIcon, {}) }), jsxRuntime.jsx(IndicatorTextInit, { noResult: noResult, position: positions?.start, isGoalReached: isGoalReached, isGoalExceeded: isGoalExceeded, resultEvolved: resultEvolved, start: positions?.start, stabilize: stabilize, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: start }), jsxRuntime.jsx(TypeProgressText, { children: getDisplayText() })] }) }), !isGoalReached && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CurrentIndicator, { status: positions?.currentVariant, position: positions?.current, children: isGoalExceeded ? jsxRuntime.jsx(StarIcon$1, { color: "white", width: 14, height: 13 }) : jsxRuntime.jsx(ExclamationIcon, {}) }), jsxRuntime.jsx(IndicatorTextCurrent, { position: positions?.current, noGoal: noGoal, noResult: noResult, children: !noResult && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: current }), jsxRuntime.jsx(TypeProgressText, { children: positions?.currenText })] })) })] })), jsxRuntime.jsx(EndIndicator, { position: positions?.goal, isGoalExceeded: isGoalExceeded, isGoalReached: isGoalReached, children: jsxRuntime.jsx(GoalIcon, {}) }), jsxRuntime.jsxs(IndicatorText, { position: positions?.goal, stabilize: stabilize, children: [jsxRuntime.jsx(Number$1, { children: !stabilizeExceeding && goal }), jsxRuntime.jsx(TypeProgressText, { children: stabilizeExceeding || stabilize ? positions?.textGoal : positions?.TextoGoalDefault })] }), jsxRuntime.jsx(ProgressBarColor, { isGoalExceeded: isGoalExceeded, width: positions[positions.barRef], hasRegressed: noGoal, isGoalDecreased: isGoalDecreased, isGoalIncrese: isGoalIncrease, stabileze: stabilize })] })] }));
+    return (jsxRuntime.jsxs(WrapperProgressGoalBar, { children: [isVisibleMessage && jsxRuntime.jsx(TextUP, { children: positions?.message }), jsxRuntime.jsxs(ProgressGoalBarContainer, { children: [jsxRuntime.jsx(StartIndicator, { position: positions?.start, children: jsxRuntime.jsx(LocalizationIcon, {}) }), jsxRuntime.jsx(IndicatorTextInit, { noResult: noResult, position: positions?.start, isGoalReached: isGoalReached, isGoalExceeded: isGoalExceeded, resultEvolved: resultEvolved, start: positions?.start, stabilize: stabilize, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: start }), jsxRuntime.jsx(TypeProgressText, { children: getDisplayText() })] }) }), !isGoalReached && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(CurrentIndicator, { status: positions?.currentVariant, position: positions?.current, children: isGoalExceeded ? jsxRuntime.jsx(StarIcon$1, { color: "white", width: 14, height: 13 }) : jsxRuntime.jsx(ExclamationIcon, {}) }), jsxRuntime.jsx(IndicatorTextCurrent, { position: positions?.current, noGoal: noGoal, noResult: noResult, children: !noResult && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Number$1, { children: current }), jsxRuntime.jsx(TypeProgressText, { children: positions?.currenText })] })) })] })), jsxRuntime.jsx(EndIndicator, { position: positions?.goal, isGoalExceeded: isGoalExceeded, isGoalReached: isGoalReached, children: jsxRuntime.jsx(GoalIcon, {}) }), jsxRuntime.jsxs(IndicatorText, { position: positions?.goal, stabilize: stabilize, children: [jsxRuntime.jsx(Number$1, { children: !stabilizeExceeding && goal }), jsxRuntime.jsx(TypeProgressText, { children: stabilizeExceeding || stabilize ? positions?.textGoal : positions?.TextoGoalDefault })] }), jsxRuntime.jsx(ProgressBarColor, { isGoalExceeded: isGoalExceeded, width: positions?.[positions?.barRef], hasRegressed: noGoal, isGoalDecreased: isGoalDecreased, isGoalIncrese: isGoalIncrease, stabileze: stabilize })] })] }));
 };
 
 const ModalContainer = styled__default["default"].div `

package/dist/src/components/DS/hypotesisAndImpediment/hypothesisAndImpediment.style.d.ts

@@ -23,4 +23,6 @@ export declare const Description: import("styled-components").StyledComponent<"s
     type: string;
     variant: string;
 }, never>;
+export declare const LimitCharsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LimitCharsExceededMessage: import("styled-components").StyledComponent<"span", any, {}, never>;
 //# sourceMappingURL=hypothesisAndImpediment.style.d.ts.map

package/dist/src/components/DS/hypotesisAndImpediment/hypothesisAndImpediment.style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hypothesisAndImpediment.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/hypothesisAndImpediment.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AA4B9D,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAA;AAED,eAAO,MAAM,aAAa,oEAQzB,CAAA;AAED,eAAO,MAAM,kBAAkB,mFAc9B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAQrC,CAAA;AAGD,eAAO,MAAM,SAAS;UAAsB,MAAM;aAAW,MAAM;SAWlE,CAAA;AACD,eAAO,MAAM,KAAK,qEAGjB,CAAA;AACD,eAAO,MAAM,WAAW;UAAuB,MAAM;aAAW,MAAM;SAcrE,CAAA"}
+{"version":3,"file":"hypothesisAndImpediment.style.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/hypothesisAndImpediment.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AA4B7D,eAAO,MAAM,YAAY;;;;;;;;;;;CAWxB,CAAA;AAED,eAAO,MAAM,aAAa,oEAQzB,CAAA;AAED,eAAO,MAAM,kBAAkB,mFAc9B,CAAA;AAED,eAAO,MAAM,yBAAyB,oEAQrC,CAAA;AAED,eAAO,MAAM,SAAS;UAAsB,MAAM;aAAW,MAAM;SAWlE,CAAA;AACD,eAAO,MAAM,KAAK,qEAGjB,CAAA;AACD,eAAO,MAAM,WAAW;UAAuB,MAAM;aAAW,MAAM;SAcrE,CAAA;AAED,eAAO,MAAM,mBAAmB,oEAK/B,CAAA;AAED,eAAO,MAAM,yBAAyB,qEAIrC,CAAA"}

package/dist/src/components/DS/hypotesisAndImpediment/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAA;AAW7E,eAAO,MAAM,uBAAuB,wbA+BjC,iCAAiC,4CA0PnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/DS/hypotesisAndImpediment/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iCAAiC,EAAE,MAAM,2BAA2B,CAAA;AAY7E,eAAO,MAAM,uBAAuB,wbA+BjC,iCAAiC,4CAsQnC,CAAA"}

package/package.json

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