@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

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

@@ -0,0 +1,470 @@
+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 shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const TextAreaContainter = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+`;
+const Label = styled.label.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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-400'), 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.withConfig({
+  shouldForwardProp
+}).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('opacity', 0.6, 0.5)}
+
+
+  ${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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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.withConfig({
+  shouldForwardProp
+}).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\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const TextAreaContainter = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n`;\n\nexport const Label = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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:\n    height 550ms ease-in-out,\n    border-color 350ms,\n    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        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        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-400'),\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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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 => props.theme.themeProp('opacity', 0.6, 0.5)}\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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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\n  .withConfig({\n    shouldForwardProp\n  })\n  .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","shouldForwardProp","prop","startsWith","TextAreaContainter","styled","div","withConfig","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":"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"}

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":""}