@ntbjs/react-components 2.0.0-rc.3 → 2.0.0-rc.30

package/build/inputs/TextArea/TextArea.styled.js

@@ -0,0 +1,439 @@
+import styled, { keyframes, css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const fadeInCheck = keyframes`
+  from {
+    opacity: 0
+  }
+  to {
+    opacity: 1
+  }
+`;
+const fadeOutCheck = keyframes`
+  from {
+    opacity: 1
+  }
+  to {
+    opacity: 0
+  }
+`;
+const activeLabel = css`
+  font-size: 0.75rem;
+  padding: 0 3px;
+  top: -7px;
+  letter-spacing: 0.03em;
+  left: 8px !important;
+  opacity: 1 !important;
+`;
+const TextAreaContainter = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+`;
+const Label = styled.label.attrs(applyDefaultTheme)`
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+  flex-basis: 33.33%;
+  font-size: 0.875rem;
+  line-height: 1rem;
+  height: 19px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-top: 13px;
+  ${props => props.disabled && css`
+      cursor: not-allowed;
+    `}
+`;
+const InputIconContainer = styled.div.attrs(applyDefaultTheme)`
+  opacity: 0;
+  pointer-events: none;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  display: flex;
+  align-items: flex-start;
+
+  position: absolute;
+  right: 15px;
+  top: 10px;
+  bottom: 0;
+  > .smallPadingIcon {
+    padding: 4px;
+    width: 15px;
+    height: 15px;
+    border-radius: 5px;
+    opacity: 1;
+    margin-top: -5px;
+    ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('gray-300'), '!important')}
+  }
+  svg {
+    width: 15px;
+    opacity: 0.7;
+    transition: opacity 250ms;
+
+    ${props => props.disabled && css`
+        display: none;
+      `}
+  }
+`;
+const TextInputField = styled.textarea.attrs(applyDefaultTheme)`
+  width: 100%;
+  font-family: inherit;
+  font-size: 0.875rem;
+  border-radius: 3px;
+  padding: 5px 10px;
+  resize: vertical;
+  z-index: 0;
+  box-sizing: border-box;
+  appearance: none;
+  border: 1px solid;
+  transition: height 550ms ease-in-out, border-color 350ms, background 350ms;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
+
+  ${props => props.borderRadius && css`
+      border-radius: ${props.borderRadius}px;
+    `}
+
+  ${props => {
+  if (props.type === 'error') {
+    return css`
+        ${props.theme.themeProp('color', 'white', 'black')}
+        ${props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}
+        ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}
+      `;
+  } else if (props.type === 'warning') {
+    return css`
+        ${props.theme.themeProp('color', 'white', 'black')}
+        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')}
+        ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}
+      `;
+  } else if (props.type === 'error-border') {
+    return css`
+        ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
+        ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+        ${props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+      `;
+  } else if (props.type === 'warning-border') {
+    return css`
+        ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
+        ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+        ${props.theme.themeProp('border-color', props.theme.getColor('red-200'), props.theme.getColor('orange-500'))}
+      `;
+  } else {
+    return css`
+        ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
+        ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+        ${props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))}
+      `;
+  }
+}}
+
+
+  ${props => props.readOnly && css`
+      cursor: default;
+      border-color: transparent !important;
+      padding: 12px 10px;
+    `}
+
+  ${props => props.disabled && css`
+      cursor: not-allowed;
+    `}
+
+
+  ${props => props.noBorder && !props.type && css`
+      ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+    `} 
+
+  ${props => props.noBorder && props.type === 'warning' && css`
+      ${props => props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}
+    `}
+
+  ${props => props.noBorder && props.type === 'error' && css`
+      ${props => props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}
+    `}
+
+
+  ${props => props.padding === 'small' && css`
+      padding: 5px 10px;
+    `}
+
+  ${props => props.padding === 'medium' && css`
+      padding: 13px 15px;
+    `}
+
+  ${props => props.padding === 'large' && css`
+      padding: 15px 55px;
+    `}
+
+  ${props => props.hasIcon && css`
+      padding-left: 55px;
+      padding-right: 35px;
+      padding-top: 13.5px;
+    `}
+
+
+  &&:hover:not(:focus) {
+    ${props => {
+  if (props.disabled) {
+    return '';
+  }
+  if (props.readOnly) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return '';
+  }
+  if (props.type === 'error') {
+    return props.theme.themeProp('background', '#901d1d', '#F7D5D0');
+  } else if (props.type === 'warning') {
+    return props.theme.themeProp('background', '#806403', '#FFFEBF');
+  } else if (!props.disabled) {
+    return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
+  }
+  return '';
+}}
+
+    ${props => props.edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}
+
+    ${props => props.noBorder && !props.readOnly && props.type !== 'warning' && props.type !== 'error' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100')) : ''}
+
+    & + ${InputIconContainer} {
+      opacity: 1;
+      ${props => props.type === 'success' && css`
+          opacity: 0;
+        `}
+    }
+  }
+
+  &::placeholder {
+    ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}
+
+    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}
+
+      ${props => {
+  if (props.type === 'warning') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+  } else if (props.type === 'error') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+  }
+  return '';
+}}
+  }
+
+  &:hover::placeholder {
+    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}
+
+    ${props => {
+  if (props.type === 'warning') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
+  } else if (props.type === 'error') {
+    return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
+  } else {
+    return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
+  }
+}}
+  }
+
+  &:focus::placeholder {
+    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}
+
+    ${props => {
+  if (props.type === 'warning') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
+  } else if (props.type === 'error') {
+    return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
+  } else {
+    return props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'));
+  }
+}}
+  }
+
+  &&:focus {
+    outline: none;
+
+    ${props => {
+  if (props.readOnly) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return '';
+  }
+  if (props.type === 'error') {
+    return css`
+          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}
+          ${props.theme.themeProp('background', 'white', 'white')}
+        ${props.theme.themeProp('color', 'black', 'black')}
+        `;
+  } else if (props.type === 'warning') {
+    return css`
+          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}
+          ${props.theme.themeProp('background', 'white', 'white')}
+        ${props.theme.themeProp('color', 'black', 'black')}
+        `;
+  } else {
+    return css`
+          ${props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'))}
+          ${props.theme.themeProp('background', 'transparent', props.theme.getColor('white'))}
+        `;
+  }
+}}
+  }
+
+  &&:not(:hover):not(:focus) {
+    ${props => {
+  if (props.edit) {
+    if (props.type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
+    } else if (props.type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    } else {
+      return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
+    }
+  }
+}}
+
+    ${props => props.edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')}
+
+    ${props => props.noBorder && props.edit && css`
+        ${props => props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)')}
+      `}
+  }
+`;
+const TextInputLabel = styled.label.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 13px;
+  left: 11px;
+  line-height: 1.2;
+  font-size: 0.875rem;
+  transition: all 150ms;
+  margin-botton: 50px;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+
+  ${props => props.theme.themeProp('background', `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`, `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`)}
+
+  ${props => !props.inputIsEmpty && css`
+      ${activeLabel}
+    `}
+
+  ${props => props.hasPlaceholder && css`
+      ${activeLabel};
+    `}
+  content: "";
+
+  ${props => props.hasIcon && css`
+      left: 55px;
+    `}
+`;
+const TextInputFieldIcon = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 2.625rem;
+  display: flex;
+  padding: 0 10px;
+
+  svg {
+    width: 15px;
+    opacity: 0.6;
+    transition: opacity 250ms;
+  }
+`;
+const TextInputFieldIconAlert = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 2.8px;
+  display: flex;
+  padding: 0 10px 0 30px;
+  opacity: 0.6;
+  transition: opacity 250ms;
+  ${props => props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402')}
+  svg {
+    margin-top: 12px;
+    width: 15px;
+  }
+`;
+const TextInput = styled.div.attrs(applyDefaultTheme)`
+  position: relative;
+  flex-basis: ${props => props.$fieldLabel ? '66.66%' : '100%'};
+
+  ${props => props.disabled && css`
+      opacity: 0.5;
+
+      > * {
+        cursor: not-allowed;
+      }
+    `}
+
+  &:focus-within {
+    ${TextInputLabel} {
+      ${activeLabel};
+    }
+
+    ${TextInputFieldIcon} {
+      svg {
+        opacity: 1;
+      }
+    }
+  }
+
+  ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {
+    ${activeLabel};
+    ${props => props.type === 'error' && props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+  }
+`;
+const Description = styled.div.attrs(applyDefaultTheme)`
+  margin: 8px 0 0 0;
+  padding: 0 0.6875rem;
+  font-size: 0.75rem;
+  line-height: 1.333;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
+
+  ${props => (props.type === 'warning-border' || props.type === 'warning') && css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('orange-500'))}
+    `}
+
+  ${props => (props.type === 'error-border' || props.type === 'error') && css`
+      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
+    `}
+`;
+const SuccessContainer = styled.div.attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
+  opacity: ${props => props.fadeIn ? 0 : 1};
+  animation: ${props => props.fadeIn ? fadeOutCheck : fadeInCheck} 0.5s ease-in-out;
+  transition: opacity 0.5s ease-in-out;
+  position: absolute;
+  margin-top: -35px;
+  margin-left: 5px;
+  width: 15px;
+  height: 15px;
+  padding: 5px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
+
+  > svg {
+    width: 15px;
+  }
+`;
+const SuccessContainerLabel = styled.div.attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
+  opacity: ${props => props.fadeIn ? 0 : 1};
+  animation: ${props => props.fadeIn ? fadeOutCheck : fadeInCheck} 0.5s ease-in-out;
+  transition: opacity 0.5s ease-in-out;
+  margin-right: 5px;
+  margin-top: -7px;
+  width: 15px;
+  height: 15px;
+  padding: 5px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
+
+  > svg {
+    width: 13px;
+  }
+`;
+
+export { Description, InputIconContainer, Label, SuccessContainer, SuccessContainerLabel, TextAreaContainter, TextInput, TextInputField, TextInputFieldIcon, TextInputFieldIconAlert, TextInputLabel };
+//# sourceMappingURL=TextArea.styled.js.map

package/build/inputs/TextArea/TextArea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.js","sources":["../../../src/components/inputs/TextArea/TextArea.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst fadeInCheck = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n`;\n\nconst fadeOutCheck = keyframes`\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n`;\n\nconst activeLabel = css`\n  font-size: 0.75rem;\n  padding: 0 3px;\n  top: -7px;\n  letter-spacing: 0.03em;\n  left: 8px !important;\n  opacity: 1 !important;\n`;\n\nexport const TextAreaContainter = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n`;\n\nexport const Label = styled.label.attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  height: 19px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding-top: 13px;\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `}\n`;\n\nexport const InputIconContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  display: flex;\n  align-items: flex-start;\n\n  position: absolute;\n  right: 15px;\n  top: 10px;\n  bottom: 0;\n  > .smallPadingIcon {\n    padding: 4px;\n    width: 15px;\n    height: 15px;\n    border-radius: 5px;\n    opacity: 1;\n    margin-top: -5px;\n    ${props =>\n      props.theme.themeProp(\n        'background-color',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('gray-300'),\n        '!important'\n      )}\n  }\n  svg {\n    width: 15px;\n    opacity: 0.7;\n    transition: opacity 250ms;\n\n    ${props =>\n      props.disabled &&\n      css`\n        display: none;\n      `}\n  }\n`;\n\nexport const TextInputField = styled.textarea.attrs(applyDefaultTheme)`\n  width: 100%;\n  font-family: inherit;\n  font-size: 0.875rem;\n  border-radius: 3px;\n  padding: 5px 10px;\n  resize: vertical;\n  z-index: 0;\n  box-sizing: border-box;\n  appearance: none;\n  border: 1px solid;\n  transition: height 550ms ease-in-out, border-color 350ms, background 350ms;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )}\n\n  ${props =>\n    props.borderRadius &&\n    css`\n      border-radius: ${props.borderRadius}px;\n    `}\n\n  ${props => {\n    if (props.type === 'error') {\n      return css`\n        ${props.theme.themeProp('color', 'white', 'black')}\n        ${props.theme.themeProp('background', '#7f1b1b', '#FBEAE6')}\n        ${props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n      `;\n    } else if (props.type === 'warning') {\n      return css`\n        ${props.theme.themeProp('color', 'white', 'black')}\n        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')}\n        ${props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n      `;\n    } else if (props.type === 'error-border') {\n      return css`\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )}\n        ${props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('white')\n        )}\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('red-200'),\n          props.theme.getColor('red-500')\n        )}\n      `;\n    } else if (props.type === 'warning-border') {\n      return css`\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )}\n        ${props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('white')\n        )}\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('red-200'),\n          props.theme.getColor('orange-500')\n        )}\n      `;\n    } else {\n      return css`\n        ${props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-900')\n        )}\n        ${props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('white')\n        )}\n        ${props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-500'),\n          props.theme.getColor('gray-400')\n        )}\n      `;\n    }\n  }}\n\n\n  ${props =>\n    props.readOnly &&\n    css`\n      cursor: default;\n      border-color: transparent !important;\n      padding: 12px 10px;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `}\n\n\n  ${props =>\n    props.noBorder &&\n    !props.type &&\n    css`\n      ${props =>\n        props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('white')\n        )}\n    `} \n\n  ${props =>\n    props.noBorder &&\n    props.type === 'warning' &&\n    css`\n      ${props => props.theme.themeProp('border-color', '#634E01', '#FFFDE8')}\n    `}\n\n  ${props =>\n    props.noBorder &&\n    props.type === 'error' &&\n    css`\n      ${props => props.theme.themeProp('border-color', '#7f1b1b', '#FBEAE6')}\n    `}\n\n\n  ${props =>\n    props.padding === 'small' &&\n    css`\n      padding: 5px 10px;\n    `}\n\n  ${props =>\n    props.padding === 'medium' &&\n    css`\n      padding: 13px 15px;\n    `}\n\n  ${props =>\n    props.padding === 'large' &&\n    css`\n      padding: 15px 55px;\n    `}\n\n  ${props =>\n    props.hasIcon &&\n    css`\n      padding-left: 55px;\n      padding-right: 35px;\n      padding-top: 13.5px;\n    `}\n\n\n  &&:hover:not(:focus) {\n    ${props => {\n      if (props.disabled) {\n        return '';\n      }\n      if (props.readOnly) {\n        if (props.type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n        } else if (props.type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return '';\n      }\n\n      if (props.type === 'error') {\n        return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n      } else if (props.type === 'warning') {\n        return props.theme.themeProp('background', '#806403', '#FFFEBF');\n      } else if (!props.disabled) {\n        return props.theme.themeProp(\n          'background',\n          props.theme.getColor('gray-700'),\n          props.theme.getColor('gray-100')\n        );\n      }\n      return '';\n    }}\n\n    ${props =>\n      props.edit &&\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )}\n\n    ${props =>\n      props.noBorder && !props.readOnly && props.type !== 'warning' && props.type !== 'error'\n        ? props.theme.themeProp(\n            'background',\n            props.theme.getColor('gray-700'),\n            props.theme.getColor('gray-100')\n          )\n        : ''}\n\n    & + ${InputIconContainer} {\n      opacity: 1;\n      ${props =>\n        props.type === 'success' &&\n        css`\n          opacity: 0;\n        `}\n    }\n  }\n\n  &::placeholder {\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-300'),\n        props.theme.getColor('gray-600')\n      )}\n\n    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n      ${props => {\n      if (props.type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      } else if (props.type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-200'),\n          props.theme.getColor('gray-700')\n        );\n      }\n      return '';\n    }}\n  }\n\n  &:hover::placeholder {\n    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n    ${props => {\n      if (props.type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('gray-900')\n        );\n      } else if (props.type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('red-600'),\n          props.theme.getColor('red-600')\n        );\n      } else {\n        // Default case\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-300'),\n          props.theme.getColor('gray-600')\n        );\n      }\n    }}\n  }\n\n  &:focus::placeholder {\n    ${props => props.theme.themeProp('opacity', 0.6, 0.5)}\n\n    ${props => {\n      if (props.type === 'warning') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-900'),\n          props.theme.getColor('gray-900')\n        );\n      } else if (props.type === 'error') {\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('red-600'),\n          props.theme.getColor('red-600')\n        );\n      } else {\n        // Default case\n        return props.theme.themeProp(\n          'color',\n          props.theme.getColor('gray-300'),\n          props.theme.getColor('gray-600')\n        );\n      }\n    }}\n  }\n\n  &&:focus {\n    outline: none;\n\n    ${props => {\n      if (props.readOnly) {\n        if (props.type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FBEAE6');\n        } else if (props.type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        }\n        return '';\n      }\n\n      if (props.type === 'error') {\n        return css`\n          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n        ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else if (props.type === 'warning') {\n        return css`\n          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n          ${props.theme.themeProp('background', 'white', 'white')}\n        ${props.theme.themeProp('color', 'black', 'black')}\n        `;\n      } else {\n        return css`\n          ${props.theme.themeProp(\n            'border-color',\n            props.theme.getColor('gray-500'),\n            props.theme.getColor('gray-600')\n          )}\n          ${props.theme.themeProp('background', 'transparent', props.theme.getColor('white'))}\n        `;\n      }\n    }}\n  }\n\n  &&:not(:hover):not(:focus) {\n    ${props => {\n      if (props.edit) {\n        if (props.type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        } else {\n          return props.theme.themeProp(\n            'background',\n            'rgba(39,39,42, 0.7)',\n            'rgba(244,244,245, 0.3)'\n          );\n        }\n      }\n    }}\n\n    ${props =>\n      props.edit &&\n      props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')}\n\n    ${props =>\n      props.noBorder &&\n      props.edit &&\n      css`\n        ${props => props.theme.themeProp('border-color', '#27272A', 'rgba(244,244,245, 0.3)')}\n      `}\n  }\n`;\n\nexport const TextInputLabel = styled.label.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 13px;\n  left: 11px;\n  line-height: 1.2;\n  font-size: 0.875rem;\n  transition: all 150ms;\n  margin-botton: 50px;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n      `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n    )}\n\n  ${props =>\n    !props.inputIsEmpty &&\n    css`\n      ${activeLabel}\n    `}\n\n  ${props =>\n    props.hasPlaceholder &&\n    css`\n      ${activeLabel};\n    `}\n  content: \"\";\n\n  ${props =>\n    props.hasIcon &&\n    css`\n      left: 55px;\n    `}\n`;\n\nexport const TextInputFieldIcon = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 2.625rem;\n  display: flex;\n  padding: 0 10px;\n\n  svg {\n    width: 15px;\n    opacity: 0.6;\n    transition: opacity 250ms;\n  }\n`;\n\nexport const TextInputFieldIconAlert = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 2.8px;\n  display: flex;\n  padding: 0 10px 0 30px;\n  opacity: 0.6;\n  transition: opacity 250ms;\n  ${props => props.type === 'warning' && props.theme.themeProp('color', '#EAB308', '#2F2402')}\n  svg {\n    margin-top: 12px;\n    width: 15px;\n  }\n`;\n\nexport const TextInput = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  flex-basis: ${props => (props.$fieldLabel ? '66.66%' : '100%')};\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n\n      > * {\n        cursor: not-allowed;\n      }\n    `}\n\n  &:focus-within {\n    ${TextInputLabel} {\n      ${activeLabel};\n    }\n\n    ${TextInputFieldIcon} {\n      svg {\n        opacity: 1;\n      }\n    }\n  }\n\n  ${TextInputField}:not(:placeholder-shown) + ${TextInputLabel} {\n    ${activeLabel};\n    ${props =>\n      props.type === 'error' &&\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('red-500')\n      )}\n  }\n`;\n\nexport const Description = styled.div.attrs(applyDefaultTheme)`\n  margin: 8px 0 0 0;\n  padding: 0 0.6875rem;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-400'),\n      props.theme.getColor('gray-500')\n    )};\n\n  ${props =>\n    (props.type === 'warning-border' || props.type === 'warning') &&\n    css`\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('orange-500')\n      )}\n    `}\n\n  ${props =>\n    (props.type === 'error-border' || props.type === 'error') &&\n    css`\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('red-500')\n      )}\n    `}\n`;\n\nexport const SuccessContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  opacity: ${props => (props.fadeIn ? 0 : 1)};\n  animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: absolute;\n  margin-top: -35px;\n  margin-left: 5px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n\n  > svg {\n    width: 15px;\n  }\n`;\n\nexport const SuccessContainerLabel = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  opacity: ${props => (props.fadeIn ? 0 : 1)};\n  animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  margin-top: -7px;\n  width: 15px;\n  height: 15px;\n  padding: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n\n  > svg {\n    width: 13px;\n  }\n`;\n"],"names":["fadeInCheck","keyframes","fadeOutCheck","activeLabel","css","TextAreaContainter","styled","div","attrs","applyDefaultTheme","Label","label","props","theme","themeProp","getColor","disabled","InputIconContainer","TextInputField","textarea","borderRadius","type","readOnly","noBorder","padding","hasIcon","edit","TextInputLabel","inputIsEmpty","hasPlaceholder","TextInputFieldIcon","TextInputFieldIconAlert","TextInput","$fieldLabel","Description","SuccessContainer","fadeIn","SuccessContainerLabel"],"mappings":";;;AAGA,MAAMA,WAAW,GAAGC,SAAS,CAAA;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAMC,YAAY,GAAGD,SAAS,CAAA;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAED,MAAME,WAAW,GAAGC,GAAG,CAAA;AACvB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAA;AAEM,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACrE;AACA,EAAC;AAEM,MAAMC,KAAK,GAAGJ,MAAM,CAACK,KAAK,CAACH,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1D,EAAIG,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdZ,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMa,kBAAkB,GAAGX,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMG,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,kBAAkB,EAClBF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChC,YACF,CAAC,CAAA;AACP;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdZ,GAAG,CAAA;AACT;AACA,MAAO,CAAA,CAAA;AACP;AACA,EAAC;AAEM,MAAMc,cAAc,GAAGZ,MAAM,CAACa,QAAQ,CAACX,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIG,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACQ,YAAY,IAClBhB,GAAG,CAAA;AACP,qBAAuBQ,EAAAA,KAAK,CAACQ,YAAY,CAAA;AACzC,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIR,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;AAC1B,IAAA,OAAOjB,GAAG,CAAA;AAChB,QAAUQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACnE,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACrE,MAAO,CAAA,CAAA;AACH,GAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;AACnC,IAAA,OAAOjB,GAAG,CAAA;AAChB,QAAUQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACnE,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACrE,MAAO,CAAA,CAAA;AACH,GAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,cAAc,EAAE;AACxC,IAAA,OAAOjB,GAAG,CAAA;AAChB,QAAUQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACT,MAAO,CAAA,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACS,IAAI,KAAK,gBAAgB,EAAE;AAC1C,IAAA,OAAOjB,GAAG,CAAA;AAChB,QAAUQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,YAAY,CACnC,CAAC,CAAA;AACT,MAAO,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOX,GAAG,CAAA;AAChB,QAAUQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACT,QAAUH,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACT,MAAO,CAAA,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACH;AACA;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACU,QAAQ,IACdlB,GAAG,CAAA;AACP;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIQ,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdZ,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA,EAAIQ,EAAAA,KAAK,IACLA,KAAK,CAACW,QAAQ,IACd,CAACX,KAAK,CAACS,IAAI,IACXjB,GAAG,CAAA;AACP,MAAQQ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACT,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACW,QAAQ,IACdX,KAAK,CAACS,IAAI,KAAK,SAAS,IACxBjB,GAAG,CAAA;AACP,MAAA,EAAQQ,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC5E,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIF,KAAK,IACLA,KAAK,CAACW,QAAQ,IACdX,KAAK,CAACS,IAAI,KAAK,OAAO,IACtBjB,GAAG,CAAA;AACP,MAAA,EAAQQ,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC5E,IAAK,CAAA,CAAA;AACL;AACA;AACA,EAAIF,EAAAA,KAAK,IACLA,KAAK,CAACY,OAAO,KAAK,OAAO,IACzBpB,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAIQ,EAAAA,KAAK,IACLA,KAAK,CAACY,OAAO,KAAK,QAAQ,IAC1BpB,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAIQ,EAAAA,KAAK,IACLA,KAAK,CAACY,OAAO,KAAK,OAAO,IACzBpB,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIQ,KAAK,IACLA,KAAK,CAACa,OAAO,IACbrB,GAAG,CAAA;AACP;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA,IAAA,EAAMQ,KAAK,IAAI;EACT,IAAIA,KAAK,CAACI,QAAQ,EAAE;AAClB,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;EACA,IAAIJ,KAAK,CAACU,QAAQ,EAAE;AAClB,IAAA,IAAIV,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;MAC1B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;MACnC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AAEA,EAAA,IAAIF,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;IAC1B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,GAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;IACnC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,GAAC,MAAM,IAAI,CAACF,KAAK,CAACI,QAAQ,EAAE;IAC1B,OAAOJ,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AACL;AACA,IAAA,EAAMH,KAAK,IACLA,KAAK,CAACc,IAAI,IACVd,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACP;AACA,IAAMH,EAAAA,KAAK,IACLA,KAAK,CAACW,QAAQ,IAAI,CAACX,KAAK,CAACU,QAAQ,IAAIV,KAAK,CAACS,IAAI,KAAK,SAAS,IAAIT,KAAK,CAACS,IAAI,KAAK,OAAO,GACnFT,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,YAAY,EACZF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,GACD,EAAE,CAAA;AACZ;AACA,QAAA,EAAUE,kBAAkB,CAAA;AAC5B;AACA,MAAQL,EAAAA,KAAK,IACLA,KAAK,CAACS,IAAI,KAAK,SAAS,IACxBjB,GAAG,CAAA;AACX;AACA,QAAS,CAAA,CAAA;AACT;AACA;AACA;AACA;AACA,IAAMQ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACP;AACA,IAAA,EAAMH,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AACzD;AACA,MAAA,EAAQF,KAAK,IAAI;AACX,EAAA,IAAIA,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;IAC5B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;IACjC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AACL;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AACzD;AACA,IAAA,EAAMF,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;IAC5B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;IACjC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACH,GAAC,MAAM;IAEL,OAAOH,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACL;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,SAAS,EAAE,GAAG,EAAE,GAAG,CAAC,CAAA;AACzD;AACA,IAAA,EAAMF,KAAK,IAAI;AACT,EAAA,IAAIA,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;IAC5B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAC,MAAM,IAAIH,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;IACjC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACH,GAAC,MAAM;IAEL,OAAOH,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAI;EACT,IAAIA,KAAK,CAACU,QAAQ,EAAE;AAClB,IAAA,IAAIV,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;MAC1B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;MACnC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AAEA,EAAA,IAAIF,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;AAC1B,IAAA,OAAOjB,GAAG,CAAA;AAClB,UAAYQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACvE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AACjE,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAS,CAAA,CAAA;AACH,GAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;AACnC,IAAA,OAAOjB,GAAG,CAAA;AAClB,UAAYQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AACvE,UAAYF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AACjE,QAAUF,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,CAAA;AAC1D,QAAS,CAAA,CAAA;AACH,GAAC,MAAM;AACL,IAAA,OAAOV,GAAG,CAAA;AAClB,UAAYQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,cAAc,EACdF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACX,UAAA,EAAYH,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,aAAa,EAAEF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAA;AAC7F,QAAS,CAAA,CAAA;AACH,GAAA;AACF,CAAC,CAAA;AACL;AACA;AACA;AACA,IAAA,EAAMH,KAAK,IAAI;EACT,IAAIA,KAAK,CAACc,IAAI,EAAE;AACd,IAAA,IAAId,KAAK,CAACS,IAAI,KAAK,OAAO,EAAE;MAC1B,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM,IAAIF,KAAK,CAACS,IAAI,KAAK,SAAS,EAAE;MACnC,OAAOT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAClE,KAAC,MAAM;MACL,OAAOF,KAAK,CAACC,KAAK,CAACC,SAAS,CAC1B,YAAY,EACZ,qBAAqB,EACrB,wBACF,CAAC,CAAA;AACH,KAAA;AACF,GAAA;AACF,CAAC,CAAA;AACL;AACA,IAAA,EAAMF,KAAK,IACLA,KAAK,CAACc,IAAI,IACVd,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,qBAAqB,EAAE,wBAAwB,CAAC,CAAA;AAC5F;AACA,IAAMF,EAAAA,KAAK,IACLA,KAAK,CAACW,QAAQ,IACdX,KAAK,CAACc,IAAI,IACVtB,GAAG,CAAA;AACT,QAAA,EAAUQ,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,cAAc,EAAE,SAAS,EAAE,wBAAwB,CAAC,CAAA;AAC7F,MAAO,CAAA,CAAA;AACP;AACA,EAAC;AAEM,MAAMa,cAAc,GAAGrB,MAAM,CAACK,KAAK,CAACH,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIG,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,EAC7BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,YAAY,EACZ,CAAyBF,sBAAAA,EAAAA,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,CAAoC,kCAAA,CAAA,EAC7F,yBAAyBH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,OAAO,CAAC,oCACxD,CAAC,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACL,CAACA,KAAK,CAACgB,YAAY,IACnBxB,GAAG,CAAA;AACP,MAAA,EAAQD,WAAW,CAAA;AACnB,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIS,KAAK,IACLA,KAAK,CAACiB,cAAc,IACpBzB,GAAG,CAAA;AACP,MAAA,EAAQD,WAAW,CAAA;AACnB,IAAK,CAAA,CAAA;AACL;AACA;AACA,EAAA,EAAIS,KAAK,IACLA,KAAK,CAACa,OAAO,IACbrB,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAM0B,kBAAkB,GAAGxB,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMsB,uBAAuB,GAAGzB,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIG,KAAK,IAAIA,KAAK,CAACS,IAAI,KAAK,SAAS,IAAIT,KAAK,CAACC,KAAK,CAACC,SAAS,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAA;AAC7F;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMkB,SAAS,GAAG1B,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC5D;AACA,cAAgBG,EAAAA,KAAK,IAAKA,KAAK,CAACqB,WAAW,GAAG,QAAQ,GAAG,MAAO,CAAA;AAChE;AACA,EAAA,EAAIrB,KAAK,IACLA,KAAK,CAACI,QAAQ,IACdZ,GAAG,CAAA;AACP;AACA;AACA;AACA;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA,IAAA,EAAMuB,cAAc,CAAA;AACpB,MAAA,EAAQxB,WAAW,CAAA;AACnB;AACA;AACA,IAAA,EAAM2B,kBAAkB,CAAA;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,EAAIZ,EAAAA,cAAc,8BAA8BS,cAAc,CAAA;AAC9D,IAAA,EAAMxB,WAAW,CAAA;AACjB,IAAA,EAAMS,KAAK,IACLA,KAAK,CAACS,IAAI,KAAK,OAAO,IACtBT,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACP;AACA,EAAC;AAEM,MAAMmB,WAAW,GAAG5B,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9D;AACA;AACA;AACA;AACA;AACA,EAAIG,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACL,CAACA,KAAK,CAACS,IAAI,KAAK,gBAAgB,IAAIT,KAAK,CAACS,IAAI,KAAK,SAAS,KAC5DjB,GAAG,CAAA;AACP,MAAQQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,YAAY,CACnC,CAAC,CAAA;AACP,IAAK,CAAA,CAAA;AACL;AACA,EAAA,EAAIH,KAAK,IACL,CAACA,KAAK,CAACS,IAAI,KAAK,cAAc,IAAIT,KAAK,CAACS,IAAI,KAAK,OAAO,KACxDjB,GAAG,CAAA;AACP,MAAQQ,EAAAA,KAAK,CAACC,KAAK,CAACC,SAAS,CACrB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAAC,EAC/BH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,SAAS,CAChC,CAAC,CAAA;AACP,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMoB,gBAAgB,GAAG7B,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACnE;AACA;AACA,WAAaG,EAAAA,KAAK,IAAKA,KAAK,CAACwB,MAAM,GAAG,CAAC,GAAG,CAAE,CAAA;AAC5C,aAAexB,EAAAA,KAAK,IAAKA,KAAK,CAACwB,MAAM,GAAGlC,YAAY,GAAGF,WAAY,CAAA;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAIY,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMsB,qBAAqB,GAAG/B,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACxE;AACA;AACA,WAAaG,EAAAA,KAAK,IAAKA,KAAK,CAACwB,MAAM,GAAG,CAAC,GAAG,CAAE,CAAA;AAC5C,aAAexB,EAAAA,KAAK,IAAKA,KAAK,CAACwB,MAAM,GAAGlC,YAAY,GAAGF,WAAY,CAAA;AACnE;AACA;AACA;AACA;AACA;AACA;AACA,EAAIY,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;;;;"}

package/build/inputs/TextArea/index.js

@@ -0,0 +1,2 @@
+export { default } from './TextArea.js';
+//# sourceMappingURL=index.js.map

package/build/inputs/TextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/inputs/TextInput/TextInput.js

@@ -0,0 +1,139 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useState, useMemo } from 'react';
+import { nanoid } from 'nanoid';
+import PropTypes from 'prop-types';
+import useMergedRefs from '@restart/hooks/useMergedRefs';
+import { isBoolean, isEmpty } from 'lodash';
+import { ReactComponent as SvgEditNote } from '../../icons/edit-note.svg.js';
+import { TextInput as TextInput$1, TextInputFieldIcon, TextInputWrapper, Adornment, TextInputField, InputIconContainer, TextInputLabel, Description } from './TextInput.styled.js';
+
+const TextInput = React__default.forwardRef(function TextInput({
+  value,
+  defaultValue,
+  name,
+  label,
+  placeholder,
+  type,
+  required,
+  disabled,
+  readOnly,
+  autoComplete,
+  description,
+  error,
+  warning,
+  icon,
+  adornments,
+  className,
+  style,
+  onChange,
+  onBlur,
+  noBorder,
+  ...rest
+}, forwardedRef) {
+  const textInputDomNode = useRef(null);
+  const textInputRef = useMergedRefs(forwardedRef, textInputDomNode);
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
+    if (isBoolean(error)) {
+      return error;
+    }
+    return !isEmpty(error);
+  }, [error]);
+  const hasWarning = useMemo(() => {
+    if (isBoolean(warning)) {
+      return warning;
+    }
+    return !isEmpty(warning);
+  }, [warning]);
+  const descriptionText = useMemo(() => {
+    if (!isEmpty(error)) {
+      return error;
+    }
+    if (!isEmpty(warning)) {
+      return warning;
+    }
+    if (!isEmpty(description)) {
+      return description;
+    }
+    return null;
+  }, [description, error, warning]);
+  return React__default.createElement(TextInput$1, {
+    error: hasError,
+    disabled: disabled,
+    warning: hasWarning,
+    className: className,
+    style: style
+  }, typeof icon !== 'undefined' && React__default.createElement(TextInputFieldIcon, null, icon), React__default.createElement(TextInputWrapper, null, typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 && React__default.createElement(Adornment, {
+    htmlFor: `text-input-${uniqueId}`,
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: true,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.prefix), React__default.createElement(TextInputField, _extends({
+    ref: textInputRef,
+    value: value,
+    defaultValue: defaultValue,
+    name: name,
+    placeholder: placeholder || ' ',
+    type: type,
+    required: required,
+    autoComplete: autoComplete,
+    hasIcon: Boolean(icon),
+    error: hasError,
+    warning: hasWarning,
+    id: `text-input-${uniqueId}`,
+    onChange: onChange,
+    onBlur: onBlur,
+    readOnly: readOnly,
+    noBorder: noBorder
+  }, rest)), !readOnly && noBorder && React__default.createElement(InputIconContainer, {
+    error: error,
+    warning: warning
+  }, React__default.createElement(SvgEditNote, null)), label && React__default.createElement(TextInputLabel, {
+    htmlFor: `text-input-${uniqueId}`,
+    hasPlaceholder: Boolean(placeholder),
+    hasAdornments: Boolean(typeof adornments?.prefix === 'string' && adornments.prefix.length > 0 || typeof adornments?.suffix === 'string' && adornments.suffix.length > 0),
+    hasIcon: Boolean(icon),
+    error: hasError
+  }, label, required && ' *'), typeof adornments?.suffix === 'string' && adornments.suffix.length > 0 && React__default.createElement(Adornment, {
+    error: hasError,
+    warning: hasWarning,
+    isPrefix: false,
+    onClick: () => textInputDomNode.current.focus()
+  }, adornments.suffix)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
+    error: hasError,
+    warning: hasWarning
+  }, descriptionText));
+});
+TextInput.defaultProps = {
+  type: 'text',
+  noBorder: false
+};
+TextInput.propTypes = process.env.NODE_ENV !== "production" ? {
+  value: PropTypes.string,
+  defaultValue: PropTypes.string,
+  name: PropTypes.string,
+  label: PropTypes.string,
+  placeholder: PropTypes.string,
+  type: PropTypes.string,
+  required: PropTypes.bool,
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  autoComplete: PropTypes.string,
+  description: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  icon: PropTypes.element,
+  adornments: PropTypes.shape({
+    prefix: PropTypes.string,
+    suffix: PropTypes.string
+  }),
+  className: PropTypes.string,
+  style: PropTypes.object,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  noBorder: PropTypes.bool
+} : {};
+
+export { TextInput as default };
+//# sourceMappingURL=TextInput.js.map