@pedidopago/ui 1.3.10 → 1.3.13

package/dist/components/Tag/tag.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=tag.test.d.ts.map

package/dist/components/Tag/types.d.ts

@@ -1,10 +1,10 @@
-import { IconName } from '../Icon/types';
-export interface ITagProps {
-    label: string;
-    fillColor?: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    size?: 'sm' | 'md' | 'lg';
-    onClick?: () => void;
-}
+import { IconName } from '../Icon/types';
+export interface ITagProps {
+    label: string;
+    fillColor?: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    size?: 'sm' | 'md' | 'lg';
+    onClick?: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/TextAreaInput/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ITextAreaInputProps } from './types';
-declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextAreaInput;
+/// <reference types="react" />
+import { ITextAreaInputProps } from './types';
+declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextAreaInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TextAreaInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,QAAA,MAAM,aAAa,qHA0ClB,CAAC;AAGF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,QAAA,MAAM,aAAa,qHA8ClB,CAAC;AAGF,eAAe,aAAa,CAAC"}

package/dist/components/TextAreaInput/index.js

@@ -11,7 +11,7 @@ var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["label", "isInvalid", "alertType", "isDisabled", "helpText", "maxWidth", "height", "value", "onChange"];
+var _excluded = ["label", "isInvalid", "alert", "isDisabled", "helperText", "maxWidth", "height"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -38,43 +38,53 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 var TextAreaInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var label = _ref.label,
       isInvalid = _ref.isInvalid,
-      alertType = _ref.alertType,
+      alert = _ref.alert,
       isDisabled = _ref.isDisabled,
-      helpText = _ref.helpText,
+      helperText = _ref.helperText,
       maxWidth = _ref.maxWidth,
       height = _ref.height,
-      value = _ref.value,
-      onChange = _ref.onChange,
       args = _objectWithoutProperties(_ref, _excluded);
 
-  var _useState = (0, _react.useState)(),
+  var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
-      textValue = _useState2[0],
-      setTextValue = _useState2[1];
+      hasValueOnInput = _useState2[0],
+      setHasValueOnInput = _useState2[1];
 
+  var textAreaRef = (0, _react.useRef)(null);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return textAreaRef.current;
+  });
   (0, _react.useEffect)(function () {
-    setTextValue(value);
-  }, [value]);
+    var _textAreaRef$current;
+
+    setHasValueOnInput(!!((_textAreaRef$current = textAreaRef.current) !== null && _textAreaRef$current !== void 0 && _textAreaRef$current.value));
+  });
 
-  function handleOnChange(event) {
-    setTextValue(event.target.value);
+  function handleOnChange(value) {
+    setHasValueOnInput(value.length > 0);
   }
 
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Wrapper, {
     maxWidth: maxWidth,
     height: height,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TextArea, _objectSpread({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.TextArea, _objectSpread(_objectSpread({
+      hasValueOnInput: args !== null && args !== void 0 && args.placeholder || hasValueOnInput ? true : hasValueOnInput,
       isInvalid: isInvalid,
-      alertType: alertType,
+      alert: alert,
       disabled: isDisabled,
-      value: textValue,
-      onChange: onChange !== null && onChange !== void 0 ? onChange : handleOnChange,
-      ref: ref
-    }, args)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
+      ref: textAreaRef
+    }, args), {}, {
+      onChange: function onChange(e) {
+        var _args$onChange;
+
+        handleOnChange(e.currentTarget.value);
+        (_args$onChange = args.onChange) === null || _args$onChange === void 0 ? void 0 : _args$onChange.call(args, e);
+      }
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Label, {
       children: label
-    }), isInvalid && helpText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelpText, {
-      alertType: alertType,
-      children: helpText
+    }), isInvalid && helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
+      alert: alert,
+      children: helperText
     })]
   });
 });

package/dist/components/TextAreaInput/styles.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyledTextAreaInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const TextArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledTextAreaInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const TextArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/TextAreaInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,OAAO;;;gIAOnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAYjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;kJA0IpB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;kIAKpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,eAAO,MAAM,OAAO;;;gIAOnB,CAAC;AAEF,eAAO,MAAM,KAAK;;;yIAYjB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;kJA8IpB,CAAC;AAEF,eAAO,MAAM,UAAU;;;kIAKtB,CAAC"}

package/dist/components/TextAreaInput/styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.TextArea = exports.Label = exports.HelpText = void 0;
+exports.Wrapper = exports.TextArea = exports.Label = exports.HelperText = void 0;
 
 var _react = require("@emotion/react");
 
@@ -31,19 +31,21 @@ var Label = _styled.default.label(_templateObject3 || (_templateObject3 = _tagge
 exports.Label = Label;
 
 var TextArea = _styled.default.textarea(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  ", "\n\n  ", ";\n\n  ", ";\n"])), function (_ref3) {
-  var theme = _ref3.theme;
-  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border-width: 2px;\n    border-style: solid;\n    border-color: ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n\n      &:hover {\n        border-color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.white, theme.fontSizes.xs, theme.fontWeight['500'], theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.tertiary.disabled : theme.colors.neutral.neutral6, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus);
+  var theme = _ref3.theme,
+      alert = _ref3.alert,
+      isInvalid = _ref3.isInvalid;
+  return (0, _react.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n    padding: 20px;\n    border-radius: ", ";\n    border-width: 2px;\n    border-style: solid;\n    border-color: ", ";\n    color: ", ";\n    line-height: 1.4;\n    background-color: transparent;\n    font-family: inherit;\n    font-size: ", ";\n    font-weight: ", ";\n    outline: none;\n    resize: none;\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      background-color: ", ";\n      ", "\n    }\n\n    &:hover + label {\n      color: ", ";\n    }\n\n    &:focus + label {\n      color: ", ";\n    }\n\n    & + label {\n      color: ", ";\n    }\n\n    &[disabled] {\n      background-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n\n      & + label {\n        color: ", ";\n      }\n\n      &:hover {\n        border-color: ", ";\n      }\n    }\n  "])), theme.borderRadius.default, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.white, theme.fontSizes.xs, theme.fontWeight['500'], theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.black : theme.colors.neutral.neutral1, theme.colors.primary.hover, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, !isInvalid && "\n        box-shadow: 0 0 0 2px ".concat(theme.colors.primary.disabled, ";\n      "), theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3, theme.colorMode === 'light' ? theme.colors.tertiary.disabled : theme.colors.neutral.neutral6, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.hover : theme.colors.tertiary.focus, theme.colorMode === 'light' ? theme.colors.tertiary.default : theme.colors.tertiary.focus);
 }, function (_ref4) {
   var isInvalid = _ref4.isInvalid,
-      _ref4$alertType = _ref4.alertType,
-      alertType = _ref4$alertType === void 0 ? 'informative' : _ref4$alertType,
+      _ref4$alert = _ref4.alert,
+      alert = _ref4$alert === void 0 ? 'informative' : _ref4$alert,
       theme = _ref4.theme;
-  return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alertType].default, theme.colors[alertType].blurred, theme.colors[alertType].default, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colors.neutral.black);
+  return isInvalid && (0, _react.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      border-color: ", ";\n      box-shadow: 0 0 0 3px ", ";\n\n      &:hover,\n      &:focus {\n        border-color: ", ";\n        background-color: ", ";\n      }\n\n      &::placeholder {\n        color: ", ";\n      }\n    "])), theme.colors[alert].default, theme.colors[alert].blurred, theme.colors[alert].default, theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colors.neutral.black);
 }, function (_ref5) {
   var placeholder = _ref5.placeholder,
-      value = _ref5.value,
+      hasValueOnInput = _ref5.hasValueOnInput,
       theme = _ref5.theme;
-  return !placeholder && !value ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -10px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, {
+  return !placeholder && !hasValueOnInput ? (0, _react.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n          &:focus + label {\n            padding: 0px 8px;\n            background-color: ", ";\n            top: -10px;\n            left: 16px;\n            color: ", ";\n          }\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, theme.colorMode === 'light' ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3) : (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n          & + label {\n            padding: 0px 8px;\n            background-color: ", ";\n             top: -6px;\n            left: 16px;\n            bottom: auto;\n            color: ", ";\n        "])), theme.colorMode === 'light' ? theme.colors.neutral.white : theme.colors.neutral.black, {
     dark: theme.colors.neutral.neutral1,
     light: theme.colors.neutral.neutral4
   }[theme.colorMode]);
@@ -51,17 +53,17 @@ var TextArea = _styled.default.textarea(_templateObject5 || (_templateObject5 =
 
 exports.TextArea = TextArea;
 
-var HelpText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  padding-left: 20px;\n"])), function (_ref6) {
+var HelperText = _styled.default.span(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  color: ", ";\n  font-weight: ", ";\n  padding-left: 20px;\n"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.fontSizes.xxs;
 }, function (_ref7) {
   var theme = _ref7.theme,
-      _ref7$alertType = _ref7.alertType,
-      alertType = _ref7$alertType === void 0 ? 'informative' : _ref7$alertType;
-  return theme.colors[alertType].default;
+      _ref7$alert = _ref7.alert,
+      alert = _ref7$alert === void 0 ? 'informative' : _ref7$alert;
+  return theme.colors[alert].default;
 }, function (_ref8) {
   var theme = _ref8.theme;
   return theme.fontWeight['500'];
 });
 
-exports.HelpText = HelpText;
+exports.HelperText = HelperText;

package/dist/components/TextAreaInput/text-area-input.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=text-area-input.test.d.ts.map

package/dist/components/TextAreaInput/text-area-input.test.js

@@ -24,11 +24,11 @@ var makeSut = function makeSut(props) {
     placeholder: "any placeholder"
   }, props)));
   var textarea = sut.container.querySelector('textarea');
-  var helpText = sut.container.querySelector('span');
+  var helperText = sut.container.querySelector('span');
   return {
     sut: sut,
     textarea: textarea,
-    helpText: helpText
+    helperText: helperText
   };
 };
 
@@ -67,30 +67,30 @@ describe('TextAreaInput', function () {
 
     expect(textarea.value).toBe('any_text');
   });
-  it('should show helpText with isInvalid is provided', function () {
+  it('should show helperText with isInvalid is provided', function () {
     var _makeSut5 = makeSut({
       isInvalid: true,
-      helpText: 'any help text'
+      helperText: 'any help text'
     }),
-        helpText = _makeSut5.helpText;
+        helperText = _makeSut5.helperText;
 
-    expect(helpText).toBeInTheDocument();
+    expect(helperText).toBeInTheDocument();
   });
-  it('should not show helpText with isInvalid not provided', function () {
+  it('should not show helperText with isInvalid not provided', function () {
     var _makeSut6 = makeSut({
       isInvalid: false,
-      helpText: 'any help text'
+      helperText: 'any help text'
     }),
-        helpText = _makeSut6.helpText;
+        helperText = _makeSut6.helperText;
 
-    expect(helpText).not.toBeInTheDocument();
+    expect(helperText).not.toBeInTheDocument();
   });
-  it('should not render helpText with helpText not provided', function () {
+  it('should not render helperText with helperText not provided', function () {
     var _makeSut7 = makeSut({
       isInvalid: true
     }),
-        helpText = _makeSut7.helpText;
+        helperText = _makeSut7.helperText;
 
-    expect(helpText).not.toBeInTheDocument();
+    expect(helperText).not.toBeInTheDocument();
   });
 });

package/dist/components/TextAreaInput/types.d.ts

@@ -1,26 +1,27 @@
-import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
-export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
-export declare type formRegister = {
-    onChange: ChangeEventHandler<HTMLTextAreaElement>;
-    onBlur: ChangeEventHandler;
-    ref: Ref<any>;
-    name: string;
-};
-export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
-    isDisabled?: boolean;
-    alertType?: AlertOptions;
-    isInvalid?: boolean;
-    label?: string;
-    helpText?: string;
-    maxWidth?: number | string;
-    height?: number | string;
-    formRegister?: formRegister;
-}
-export declare type IStyledTextAreaInput = {
-    height?: number | string;
-    maxWidth?: number | string;
-    isLoading?: boolean;
-    isInvalid?: boolean;
-    alertType?: AlertOptions;
-};
+import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
+export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
+export declare type formRegister = {
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur: ChangeEventHandler;
+    ref: Ref<any>;
+    name: string;
+};
+export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
+    isDisabled?: boolean;
+    alert?: AlertOptions;
+    isInvalid?: boolean;
+    label?: string;
+    helperText?: string;
+    maxWidth?: number | string;
+    height?: number | string;
+    formRegister?: formRegister;
+}
+export declare type IStyledTextAreaInput = {
+    hasValueOnInput?: boolean;
+    height?: number | string;
+    maxWidth?: number | string;
+    isLoading?: boolean;
+    isInvalid?: boolean;
+    alert?: AlertOptions;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/TextAreaInput/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AACxE,oBAAY,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E,oBAAY,YAAY,GAAG;IACzB,QAAQ,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,CAAC,GAAG,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,oBAAY,oBAAoB,GAAG;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TextAreaInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,GAAG,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AACxE,oBAAY,YAAY,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAE3E,oBAAY,YAAY,GAAG;IACzB,QAAQ,EAAE,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;IAClD,MAAM,EAAE,kBAAkB,CAAC;IAC3B,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AACF,MAAM,WAAW,mBAAoB,SAAQ,sBAAsB,CAAC,GAAG,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,oBAAY,oBAAoB,GAAG;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC"}

package/dist/components/Thumbnail/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IThumbnailProps } from './types';
-export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
+/// <reference types="react" />
+import { IThumbnailProps } from './types';
+export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Thumbnail/styles.d.ts

@@ -1,43 +1,43 @@
-/// <reference types="react" />
-import { IStyledThumbnail } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const InputRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledThumbnail } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const InputRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Thumbnail/thumbnail.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=thumbnail.test.d.ts.map

package/dist/components/Thumbnail/types.d.ts

@@ -1,29 +1,29 @@
-import { ChangeEvent } from 'react';
-export interface IThumbnailProps {
-    src?: string;
-    alt?: string;
-    isUploading?: boolean;
-    maxAllowedSize?: number;
-    color?: string;
-    size?: 'sm' | 'md' | 'lg';
-    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
-    getThumbImage?: (file: File) => void;
-}
-export declare type ImageState = {
-    preview: string;
-    alt?: string;
-};
-export interface IStyledThumbnail {
-    selectedColor?: string;
-    darkerGray?: string;
-    darkGray?: string;
-    grayColor?: string;
-    borderGray?: string;
-    showRadio?: boolean;
-    toBeSelected?: boolean;
-    size?: string;
-    sizeImage?: string;
-    isFileInput?: boolean;
-    textColor?: string;
-}
+import { ChangeEvent } from 'react';
+export interface IThumbnailProps {
+    src?: string;
+    alt?: string;
+    isUploading?: boolean;
+    maxAllowedSize?: number;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
+    getThumbImage?: (file: File) => void;
+}
+export declare type ImageState = {
+    preview: string;
+    alt?: string;
+};
+export interface IStyledThumbnail {
+    selectedColor?: string;
+    darkerGray?: string;
+    darkGray?: string;
+    grayColor?: string;
+    borderGray?: string;
+    showRadio?: boolean;
+    toBeSelected?: boolean;
+    size?: string;
+    sizeImage?: string;
+    isFileInput?: boolean;
+    textColor?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Thumbnail/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './validate-file-size';
-export * from './validate-file-type';
+export * from './validate-file-size';
+export * from './validate-file-type';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-size.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
+export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
 //# sourceMappingURL=validate-file-size.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-type.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileType(fileName: string): boolean;
+export declare function isValidFileType(fileName: string): boolean;
 //# sourceMappingURL=validate-file-type.d.ts.map

package/dist/components/Timeline/components/Timeline.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
-import { ITimelineProps } from '../types';
-export declare const Timeline: FC<ITimelineProps>;
+import { FC } from 'react';
+import { ITimelineProps } from '../types';
+export declare const Timeline: FC<ITimelineProps>;
 //# sourceMappingURL=Timeline.d.ts.map

package/dist/components/Timeline/components/TimelineContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineContentProps } from '../types';
-export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineContentProps } from '../types';
+export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
 //# sourceMappingURL=TimelineContent.d.ts.map

package/dist/components/Timeline/components/TimelineItem.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
+import { FC, HTMLAttributes } from 'react';
+export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
 //# sourceMappingURL=TimelineItem.d.ts.map

package/dist/components/Timeline/components/TimelineSeparator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineSeparatorProps } from '../types';
-export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineSeparatorProps } from '../types';
+export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
 //# sourceMappingURL=TimelineSeparator.d.ts.map

package/dist/components/Timeline/index.d.ts

@@ -1,5 +1,5 @@
-export { Timeline } from './components/Timeline';
-export { TimelineItem } from './components/TimelineItem';
-export { TimelineSeparator } from './components/TimelineSeparator';
-export { TimelineContent } from './components/TimelineContent';
+export { Timeline } from './components/Timeline';
+export { TimelineItem } from './components/TimelineItem';
+export { TimelineSeparator } from './components/TimelineSeparator';
+export { TimelineContent } from './components/TimelineContent';
 //# sourceMappingURL=index.d.ts.map