frst-components 0.28.9 → 0.29.0

package/dist/index.js

@@ -4104,146 +4104,147 @@ const placeholderStyle = (color) => styled.css `
     }
 `;
 const TextFieldContainer = styled__default["default"].div `
-  width: ${(props) => props.theme.width || '100%'};
-  height: 48px;
-  background: ${({ theme }) => theme.colors.neutralsGrey6};
-  border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
-  box-sizing: border-box;
-  border-radius: 8px;
-  outline: none;
-  transition: all 0.2s linear;
-  
-  margin: 8px 0;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
+    width: ${(props) => props.theme.width || '100%'};
+    height: 48px;
+    background: ${({ theme, inputBackground }) => (inputBackground ? inputBackground : theme.colors.neutralsGrey6)};
+    border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+    box-sizing: border-box;
+    border-radius: 8px;
+    outline: none;
+    transition: all 0.2s linear;
+
+    margin: 8px 0;
+    display: flex;
+    align-items: center;
+    overflow: hidden;
 
-  ${({ isClicked }) => isClicked &&
+    ${({ isClicked }) => isClicked &&
     `
         box-shadow: 0px 0px 0px 2px rgba(102, 51, 102, 0.4) !important;
         border: 1px solid #663366 !important;`}
 
-  
-${(props) => props.isHelpTextBox && props.isClicked &&
+    ${(props) => props.isHelpTextBox &&
+    props.isClicked &&
     styled.css `
-    box-shadow: none !important;
-        border: 1px solid #F18624 !important;
-    `}
+            box-shadow: none !important;
+            border: 1px solid #f18624 !important;
+        `}
 
-    ${(props) => props.theme.focused && props.isHelpTextBox &&
+    ${(props) => props.theme.focused &&
+    props.isHelpTextBox &&
     styled.css `
-      box-shadow: 0px 0px 0px 1px #F18624 !important;
-      border: 1px solid #F18624 !important;
-    `}
+            box-shadow: 0px 0px 0px 1px #f18624 !important;
+            border: 1px solid #f18624 !important;
+        `}
 
 
   ${(props) => props.theme.multiline &&
     styled.css `
-      width: ${(props) => props.theme.width || '100%'};
-      height: ${(props) => props.theme.height || '100%'};
-      min-height: ${(props) => props.theme.height || '100%'};
-      display: block;
-      padding: 0;
-      overflow: hidden;
-    `}
+            width: ${(props) => props.theme.width || '100%'};
+            height: ${(props) => props.theme.height || '100%'};
+            min-height: ${(props) => props.theme.height || '100%'};
+            display: block;
+            padding: 0;
+            overflow: hidden;
+        `}
 
 
     ${(props) => props.theme.hovered &&
     styled.css `
-      border: 1px solid ${({ theme }) => theme.colors.linkOnfocus};
-    `}
+            border: 1px solid ${({ theme }) => theme.colors.linkOnfocus};
+        `}
 
     ${(props) => props.theme.focused &&
     styled.css `
-      box-shadow: 0px 0px 0px 2px rgba(6, 69, 173, 0.4);
-      border: 1px solid ${({ theme }) => theme.colors.linkPressed};
-    `}
+            box-shadow: 0px 0px 0px 2px rgba(6, 69, 173, 0.4);
+            border: 1px solid ${({ theme }) => theme.colors.linkPressed};
+        `}
 
     ${(props) => props.theme.disabled &&
     styled.css `
-      background: ${({ theme }) => theme.colors.neutralsGrey7};
-      border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
-    `}
+            background: ${({ theme }) => theme.colors.neutralsGrey7};
+            border: 1px solid ${({ theme }) => theme.colors.neutralsGrey5};
+        `}
 
     ${(props) => props.theme.error &&
     styled.css `
-      background: #ffe0e0;
-      box-shadow: none;
-      border: 1px solid ${({ theme }) => theme.colors.messageError1};
-      color: ${({ theme }) => theme.colors.neutralsGrey3};
-    `}
+            background: #ffe0e0;
+            box-shadow: none;
+            border: 1px solid ${({ theme }) => theme.colors.messageError1};
+            color: ${({ theme }) => theme.colors.neutralsGrey3};
+        `}
 
     span {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
 `;
 const TextField$1 = styled__default["default"].input.attrs(({ type, as }) => ({
     type: type || 'text',
     as: as || 'input'
 })) `
-  width: 100%;
-  height: 100%;
-  padding: 15px 16px;
-  border: none;
-  background-color: transparent;
+    width: 100%;
+    height: 100%;
+    padding: 15px 16px;
+    border: none;
+    background-color: transparent;
 
-  font-family: 'PT Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 18px;
-  color: ${({ theme }) => theme.colors.neutralsGrey1};
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 18px;
+    color: ${({ theme }) => theme.colors.neutralsGrey1};
 
-  ${placeholderStyle('neutralsGrey3')}
+    ${placeholderStyle('neutralsGrey3')}
 
-  ${({ as }) => as === 'textarea' &&
+    ${({ as }) => as === 'textarea' &&
     styled.css `
-      height: ${(props) => props.theme.height || '100%'};
-      resize: none;
-      overflow: auto;
-      min-height: 100%;
-    `}
+            height: ${(props) => props.theme.height || '100%'};
+            resize: none;
+            overflow: auto;
+            min-height: 100%;
+        `}
     
     ${(props) => props.theme.disabled &&
     styled.css `
-      color: ${({ theme }) => theme.colors.neutralsGrey4};
-      ${placeholderStyle('neutralsGrey4')}
-    `}
+            color: ${({ theme }) => theme.colors.neutralsGrey4};
+            ${placeholderStyle('neutralsGrey4')}
+        `}
     ${(props) => props.theme.error &&
     styled.css `
-      color: ${({ theme }) => theme.colors.messageError1};
-      ${placeholderStyle('linkError')}
-    `}
+            color: ${({ theme }) => theme.colors.messageError1};
+            ${placeholderStyle('linkError')}
+        `}
 `;
 const Label$2 = styled__default["default"].label `
-  font-family: 'PT Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 16px;
-  line-height: 21px;
-  color: ${({ theme }) => theme.colors.neutralsGrey1};
+    font-family: 'PT Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 16px;
+    line-height: 21px;
+    color: ${({ theme }) => theme.colors.neutralsGrey1};
 
-  ${(props) => props.theme.hovered &&
+    ${(props) => props.theme.hovered &&
     styled.css `
-      color: ${({ theme }) => theme.colors.linkOnfocus};
-    `}
+            color: ${({ theme }) => theme.colors.linkOnfocus};
+        `}
 
-  ${(props) => props.theme.focused &&
+    ${(props) => props.theme.focused &&
     styled.css `
-      color: ${({ theme }) => theme.colors.linkOnfocus};
-    `}
+            color: ${({ theme }) => theme.colors.linkOnfocus};
+        `}
 
     ${(props) => props.theme.disabled &&
     styled.css `
-      color: ${({ theme }) => theme.colors.neutralsGrey3};
-    `}
+            color: ${({ theme }) => theme.colors.neutralsGrey3};
+        `}
 
     ${(props) => props.theme.error &&
     styled.css `
-      color: ${({ theme }) => theme.colors.messageError1};
-    `}
+            color: ${({ theme }) => theme.colors.messageError1};
+        `}
 
     ${({ isClicked }) => isClicked &&
     `
@@ -4251,37 +4252,37 @@ const Label$2 = styled__default["default"].label `
     `}
 `;
 const HelperText$3 = styled__default["default"].span `
-  font-family: 'Work Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  color: ${({ theme }) => theme.colors.neutralsGrey3};
+    font-family: 'Work Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 14px;
+    color: ${({ theme }) => theme.colors.neutralsGrey3};
 
-  ${(props) => props.theme.error &&
+    ${(props) => props.theme.error &&
     styled.css `
-      color: ${({ theme }) => theme.colors.messageError1};
-    `}
+            color: ${({ theme }) => theme.colors.messageError1};
+        `}
 `;
 const InputIconButton = styled__default["default"].button `
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 40px;
-  height: 40px;
-  min-width: 40px;
-  min-height: 40px;
-  margin-right: -10px;
-  background-color: transparent !important;
-  border: none !important;
-  border-radius: 50%;
-  outline: none;
-  transition: all 0.1s linear;
-  cursor: pointer;
-  margin-right: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    min-width: 40px;
+    min-height: 40px;
+    margin-right: -10px;
+    background-color: transparent !important;
+    border: none !important;
+    border-radius: 50%;
+    outline: none;
+    transition: all 0.1s linear;
+    cursor: pointer;
+    margin-right: 16px;
 `;
 const StartIcon = styled__default["default"].span `
-  margin-left: 16px;
+    margin-left: 16px;
 `;
 
 function TextField(props) {
@@ -4303,7 +4304,16 @@ function TextField(props) {
             setClick(false);
         }, 1000);
     };
-    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: { ...FRSTTheme, focused: focus, disabled: props.disabled, hovered: hover, error: props.error, multiline: props.multiline, width: props.width, height: props.height }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$2, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, isHelpTextBox: props.isHelperTextBox, children: [props.startIcon && !props.multiline && (jsxRuntime.jsx(StartIcon, { children: props.startIcon })), jsxRuntime.jsx(TextField$1, { ref: props.textRef, onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && (!!props.endIcon && jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText }), props.helperTextBox && jsxRuntime.jsx(HelperTextBox, { helperTextBox: props.helperTextBox })] }) }));
+    return (jsxRuntime.jsx(styled.ThemeProvider, { theme: {
+            ...FRSTTheme,
+            focused: focus,
+            disabled: props.disabled,
+            hovered: hover,
+            error: props.error,
+            multiline: props.multiline,
+            width: props.width,
+            height: props.height
+        }, children: jsxRuntime.jsxs("div", { style: props.style, className: props.className, children: [jsxRuntime.jsx(Label$2, { htmlFor: props.id, isClicked: click, children: props.label }), jsxRuntime.jsxs(TextFieldContainer, { onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), onClick: () => showBorderAfterClick(), isClicked: click, isHelpTextBox: props.isHelperTextBox, inputBackground: props.inputBackground, children: [props.startIcon && !props.multiline && jsxRuntime.jsx(StartIcon, { children: props.startIcon }), jsxRuntime.jsx(TextField$1, { ref: props.textRef, onFocus: () => setFocus(true), onBlur: () => setFocus(false), id: props.id, placeholder: props.placeholder || `${t('globals.typeHere')}...`, as: props.multiline ? 'textarea' : 'input', type: inputType, value: props.value, disabled: props.disabled, onChange: props.onChange, name: props.name, required: props.required, defaultValue: props.defaultValue, maxLength: props.maxLength }), props.endIcon && !props.multiline && !!props.endIcon && (jsxRuntime.jsx(InputIconButton, { onClick: props.handleClickEndIcon, children: endIconState }))] }), props.helperText && jsxRuntime.jsx(HelperText$3, { children: props.helperText }), props.helperTextBox && jsxRuntime.jsx(HelperTextBox, { helperTextBox: props.helperTextBox })] }) }));
 }
 
 function Textarea(props) {
@@ -24654,7 +24664,7 @@ function NewChallengeCard({ selected, avatar, name, role, description, lastStep,
                                 } }) }), jsxRuntime.jsxs(contentWrapper, { children: [jsxRuntime.jsxs(headerContent, { children: [jsxRuntime.jsx(Tooltip$2, { direction: "bottom", content: 'Visitar perfil', trigger: 'hover', width: '101px', height: '32px', style: { top: '10px', textAlign: 'center' }, children: jsxRuntime.jsxs(userInfo, { onClick: onClickAvatar, children: [jsxRuntime.jsx(Avatar, { size: '40px', src: avatar, isActiveClick: true, onClick: onClickAvatar }), jsxRuntime.jsxs(namePositionInfo, { children: [jsxRuntime.jsx(material.Typography, { component: 'h6', children: abbreviateMiddleSurnames(name) }), jsxRuntime.jsx(material.Typography, { component: 'p', children: role })] })] }) }), jsxRuntime.jsx(MenuMore, { options: options, closeAfterClick: true })] }), jsxRuntime.jsxs(contentDescription, { onClick: () => handleClickChallenge?.(), children: [jsxRuntime.jsx(material.Typography, { component: 'h6', children: (lastStep == "3-aprendizados-e-resultados" || lastStep == "4-proximos-passos") && indicatorCurrent ? `RESULTADO ${resultNumber === 1 ? '' : resultNumber}` : "DESAFIO" }), jsxRuntime.jsx(material.Typography, { component: 'p', children: description })] }), (lastStep == "3-aprendizados-e-resultados" || lastStep == "4-proximos-passos") && indicatorCurrent ?
                                 jsxRuntime.jsx(wrapperResults, { onClick: () => handleClickChallenge?.(), children: jsxRuntime.jsx(ProgressGoalBar, { start: indicatorStart || 0, current: indicatorCurrent || 0, goal: indicatorGoal || 0, isVisibleMessage: false }) })
                                 :
-                                    jsxRuntime.jsxs(wrapperStepTag, { onClick: () => handleClickChallenge?.(), children: [jsxRuntime.jsxs(wrapperRating, { children: [jsxRuntime.jsxs(rating, { children: [jsxRuntime.jsx(StarRatingIcon, {}), " ", impact ? Math.floor(impact) : "0", " - Impacto"] }), jsxRuntime.jsxs(rating, { children: [jsxRuntime.jsx(StarRatingIcon, {}), " ", relevance ? Math.floor(relevance) : "0", " - Relev\u00E2ncia "] })] }), jsxRuntime.jsx(contentUpdatedChallenge, { style: { background: getStepName(lastStep).color }, children: jsxRuntime.jsx(material.Typography, { component: 'p', children: getStepName(lastStep).name }) })] })] })] })] }));
+                                    jsxRuntime.jsxs(wrapperStepTag, { onClick: () => handleClickChallenge?.(), children: [jsxRuntime.jsxs(wrapperRating, { children: [jsxRuntime.jsxs(rating, { children: [jsxRuntime.jsx(StarRatingIcon, {}), " ", impact ? Math.floor(impact) : "0", " - Impacto"] }), jsxRuntime.jsxs(rating, { children: [jsxRuntime.jsx(StarRatingIcon, {}), " ", relevance ? Math.floor(relevance) : "0", " - Relev\u00E2ncia "] })] }), jsxRuntime.jsx(contentUpdatedChallenge, { style: { background: getStepName(lastStep)?.color }, children: jsxRuntime.jsx(material.Typography, { component: 'p', children: getStepName(lastStep)?.name }) })] })] })] })] }));
 }
 
 const ArticleContainer = styled__default["default"]('div') `
@@ -24995,6 +25005,7 @@ const HeaderInfo = styled__default["default"]('div') `
 const UserInfo = styled__default["default"]('div') `
     display: flex;
     flex-direction: column;
+    gap: 4px;
 
     .title {
         font-family: 'PT Sans';
@@ -25002,7 +25013,6 @@ const UserInfo = styled__default["default"]('div') `
         font-weight: 600;
         line-height: 1.1;
         color: #222222;
-        margin-bottom: 4px;
     }
 
     p {
@@ -25011,6 +25021,7 @@ const UserInfo = styled__default["default"]('div') `
         font-weight: 400;
         line-height: 1.3;
         color: #757575;
+        margin: 0;
     }
 `;
 const ButtonsList = styled__default["default"]('div') `

package/dist/src/components/DS/newCards/people/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/newCards/people/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAmBzB,CAAA;AAED,eAAO,MAAM,UAAU,oEAItB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAoBpB,CAAA;AAED,eAAO,MAAM,WAAW,oEAGvB,CAAA;AAED,eAAO,MAAM,UAAU,oEAiBtB,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/DS/newCards/people/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,oEAmBzB,CAAA;AAED,eAAO,MAAM,UAAU,oEAItB,CAAA;AAED,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AAED,eAAO,MAAM,WAAW,oEAGvB,CAAA;AAED,eAAO,MAAM,UAAU,oEAiBtB,CAAA"}

package/dist/src/components/form-elements/textfield/index.d.ts

@@ -27,6 +27,7 @@ export interface TextFieldProps {
     maxLength?: number;
     handleClickEndIcon?: () => void;
     textRef?: React.RefObject<HTMLInputElement>;
+    inputBackground?: string;
 }
 export default function TextField(props: TextFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/form-elements/textfield/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/textfield/index.tsx"],"names":[],"mappings":";AAIA,OAAO,4BAA4B,CAAA;AAInC,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAExD,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAE9C;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CAyEtD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/textfield/index.tsx"],"names":[],"mappings":";AAIA,OAAO,4BAA4B,CAAA;AAInC,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAExD,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,GAAG,CAAA;IAChB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,cAAc,CAAC,EAAE,GAAG,CAAA;IACpB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAA;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,cAAc,2CA6EtD"}

package/dist/src/components/form-elements/textfield/textFieldStyle.d.ts

@@ -4,6 +4,7 @@ interface TextFieldProps {
     isClicked?: boolean;
     isHelpTextBox?: boolean;
     erroe?: boolean;
+    inputBackground?: string;
 }
 export declare const TextFieldContainer: import("styled-components").StyledComponent<"div", any, TextFieldProps, never>;
 export declare const TextField: import("styled-components").StyledComponent<"input", any, {

package/dist/src/components/form-elements/textfield/textFieldStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textFieldStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/textfield/textFieldStyle.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACtB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAoBD,eAAO,MAAM,kBAAkB,gFAmF9B,CAAA;AAED,eAAO,MAAM,SAAS;QAGZ,MAAM;SAqCf,CAAA;AAED,eAAO,MAAM,KAAK;;SAqCjB,CAAA;AAED,eAAO,MAAM,UAAU,qEAatB,CAAA;AAID,eAAO,MAAM,eAAe,uEAgB3B,CAAA;AAED,eAAO,MAAM,SAAS,qEAErB,CAAA"}
+{"version":3,"file":"textFieldStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/form-elements/textfield/textFieldStyle.ts"],"names":[],"mappings":"AAEA,UAAU,cAAc;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,eAAe,CAAC,EAAE,MAAM,CAAA;CAC3B;AAoBD,eAAO,MAAM,kBAAkB,gFAoF9B,CAAA;AAED,eAAO,MAAM,SAAS;QAGZ,MAAM;SAqCf,CAAA;AAED,eAAO,MAAM,KAAK;;SAqCjB,CAAA;AAED,eAAO,MAAM,UAAU,qEAatB,CAAA;AAED,eAAO,MAAM,eAAe,uEAgB3B,CAAA;AAED,eAAO,MAAM,SAAS,qEAErB,CAAA"}

package/package.json

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