@tecsinapse/react-web-kit 1.20.2 → 1.21.0

package/dist/components/atoms/InputMask/InputMask.js

@@ -17,30 +17,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const InputMask = _react.default.forwardRef(({
-  label,
-  labelColor,
-  labelColorVariant,
-  labelColorTone,
-  labelTypography,
-  labelStack,
-  labelWeight,
-  leftComponent,
-  rightComponent,
-  disabled,
-  style,
-  borderColor,
-  borderColorGradation,
-  inputContainerStyle,
-  variant = 'default',
-  hintComponent,
-  hint,
-  onFocus,
-  onBlur,
-  value,
-  placeholder,
-  ...rest
-}, ref) => {
+const InputMask = _react.default.forwardRef((_ref, ref) => {
+  let {
+    label,
+    labelColor,
+    labelColorVariant,
+    labelColorTone,
+    labelTypography,
+    labelStack,
+    labelWeight,
+    leftComponent,
+    rightComponent,
+    disabled,
+    style,
+    borderColor,
+    borderColorGradation,
+    inputContainerStyle,
+    variant = 'default',
+    hintComponent,
+    hint,
+    onFocus,
+    onBlur,
+    value,
+    placeholder,
+    ...rest
+  } = _ref;
+
   const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
     text: hint,
     variant: variant

package/dist/components/atoms/InputMask/InputMask.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputMask.js","names":["InputMask","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","ref","_hint","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","String","undefined","displayName"],"sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAGC,cAAA,CAAMC,UAAN,CACvC,CACE;EACEC,KADF;EAEEC,UAFF;EAGEC,iBAHF;EAIEC,cAJF;EAKEC,eALF;EAMEC,UANF;EAOEC,WAPF;EAQEC,aARF;EASEC,cATF;EAUEC,QAVF;EAWEC,KAXF;EAYEC,WAZF;EAaEC,oBAbF;EAcEC,mBAdF;EAeEC,OAAO,GAAG,SAfZ;EAgBEC,aAhBF;EAiBEC,IAjBF;EAkBEC,OAlBF;EAmBEC,MAnBF;EAoBEC,KApBF;EAqBEC,WArBF;EAsBE,GAAGC;AAtBL,CADF,EAyBEC,GAzBF,KA0BK;EACH,MAAMC,KAAK,GAAGR,aAAa,IAAI,6BAAC,eAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,MAAM;IAAEU,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CV,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;EAMA,MAAMmB,SAAS,GAAG5B,KAAK,IAAI,CAACoB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAEV;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEmB,MAAM,CAACV,KAAD,CAAN,GAAgBnB,KAAhB,GAAwB8B,SADjC;IAEE,UAAU,EAAE7B,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,aAAa,EAAEC,aARjB;IASE,cAAc,EAAEC,cATlB;IAUE,WAAW,EAAEG,WAVf;IAWE,oBAAoB,EAAEC,oBAXxB;IAYE,mBAAmB,EAAEC,mBAZvB;IAaE,OAAO,EAAEW,OAbX;IAcE,QAAQ,EAAEf,QAdZ;IAeE,OAAO,EAAEK;EAfX,GAiBE,6BAAC,8BAAD,eACMO,IADN;IAEE,WAAW,EAAEO,SAAS,GAAG5B,KAAH,GAAWoB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEG,GAJP;IAKE,QAAQ,EAAEb,QALZ;IAME,OAAO,EAAEiB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGT,IAAI,IAAIO,KA5BX,CADF;AAgCD,CArEsC,CAAzC;;AAwEA1B,SAAS,CAACkC,WAAV,GAAwB,WAAxB;eAEelC,S"}
+{"version":3,"file":"InputMask.js","names":["InputMask","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","_hint","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","String","undefined","displayName"],"sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputMaskElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInputMask } from './styled';\n\nexport type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst InputMask: FC<InputMaskWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      value,\n      placeholder,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    const onlyLabel = label && !placeholder;\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={String(value) ? label : undefined}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInputMask\n            {...rest}\n            placeholder={onlyLabel ? label : placeholder}\n            value={value}\n            ref={ref as React.Ref<TextInput>}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,SAAgC,GAAGC,cAAA,CAAMC,UAAN,CACvC,OAyBEC,GAzBF,KA0BK;EAAA,IAzBH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,KAXF;IAYEC,WAZF;IAaEC,oBAbF;IAcEC,mBAdF;IAeEC,OAAO,GAAG,SAfZ;IAgBEC,aAhBF;IAiBEC,IAjBF;IAkBEC,OAlBF;IAmBEC,MAnBF;IAoBEC,KApBF;IAqBEC,WArBF;IAsBE,GAAGC;EAtBL,CAyBG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IAAI,6BAAC,eAAD;IAAM,IAAI,EAAEC,IAAZ;IAAkB,OAAO,EAAEF;EAA3B,EAA/B;;EACA,MAAM;IAAES,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CT,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;EAMA,MAAMkB,SAAS,GAAG3B,KAAK,IAAI,CAACoB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAEV;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEkB,MAAM,CAACT,KAAD,CAAN,GAAgBnB,KAAhB,GAAwB6B,SADjC;IAEE,UAAU,EAAE5B,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,aAAa,EAAEC,aARjB;IASE,cAAc,EAAEC,cATlB;IAUE,WAAW,EAAEG,WAVf;IAWE,oBAAoB,EAAEC,oBAXxB;IAYE,mBAAmB,EAAEC,mBAZvB;IAaE,OAAO,EAAEU,OAbX;IAcE,QAAQ,EAAEd,QAdZ;IAeE,OAAO,EAAEK;EAfX,GAiBE,6BAAC,8BAAD,eACMO,IADN;IAEE,WAAW,EAAEM,SAAS,GAAG3B,KAAH,GAAWoB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEpB,GAJP;IAKE,QAAQ,EAAEU,QALZ;IAME,OAAO,EAAEgB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGR,IAAI,IAAIM,KA5BX,CADF;AAgCD,CArEsC,CAAzC;;AAwEA1B,SAAS,CAACkC,WAAV,GAAwB,WAAxB;eAEelC,S"}

package/dist/components/atoms/InputMask/styled.js

@@ -9,12 +9,12 @@ var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledWebTextInputMask = (0, _native.default)(_reactCore.InputMaskElement)`
-  &:focus-visible {
-    outline-width: 0;
-  }
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledWebTextInputMask = (0, _native.default)(_reactCore.InputMaskElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
 exports.StyledWebTextInputMask = StyledWebTextInputMask;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/InputMask/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebTextInputMask","styled","InputMaskElement"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputMaskElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInputMask = styled(InputMaskElement)<\n  Partial<StyleProps>\n>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAEpC;AACF;AACA;AACA;AACA,CANO"}
+{"version":3,"file":"styled.js","names":["StyledWebTextInputMask","styled","InputMaskElement"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputMaskElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInputMask = styled(InputMaskElement)<\n  Partial<StyleProps>\n>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,2BAAP,CAAH,wHAA5B"}

package/dist/components/atoms/Modal/Modal.js

@@ -19,13 +19,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Modal = ({
-  children,
-  open,
-  onClose,
-  style,
-  ...rest
-}) => {
+const Modal = _ref => {
+  let {
+    children,
+    open,
+    onClose,
+    style,
+    ...rest
+  } = _ref;
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Overlay.Overlay, {
     open: open,
     onClose: onClose,

package/dist/components/atoms/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Modal","children","open","onClose","style","rest","state","defaultStyleOverlay","transitionStylesOverlay"],"sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  children,\n  open,\n  onClose,\n  style,\n  ...rest\n}) => {\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400}>\n        {state => (\n          <ModalContainer\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n            {...rest}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAOA,MAAMA,KAA2B,GAAG,CAAC;EACnCC,QADmC;EAEnCC,IAFmC;EAGnCC,OAHmC;EAInCC,KAJmC;EAKnC,GAAGC;AALgC,CAAD,KAM9B;EACJ,OACE,4DACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEC,OAA9B;IAAuC,MAAM,EAAC;EAA9C,EADF,EAEE,6BAAC,gCAAD;IAAY,EAAE,EAAED,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGI,KAAK,IACJ,6BAAC,sBAAD;IACE,KAAK,EAAE,EACL,GAAGF,KADE;MAEL,GAAGG,+BAFE;MAGL,GAAGC,mCAAA,CAAwBF,KAAxB;IAHE;EADT,GAMMD,IANN,GAQGJ,QARH,CAFJ,CAFF,CADF;AAmBD,CA1BD;;eA4BeD,K"}
+{"version":3,"file":"Modal.js","names":["Modal","children","open","onClose","style","rest","state","defaultStyleOverlay","transitionStylesOverlay"],"sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { Overlay } from '../Overlay';\nimport { ModalContainer } from './styled';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\n\nexport interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n}\n\nconst Modal: React.FC<ModalProps> = ({\n  children,\n  open,\n  onClose,\n  style,\n  ...rest\n}) => {\n  return (\n    <>\n      <Overlay open={open} onClose={onClose} zIndex=\"modal\" />\n      <Transition in={open} timeout={400}>\n        {state => (\n          <ModalContainer\n            style={{\n              ...style,\n              ...defaultStyleOverlay,\n              ...transitionStylesOverlay[state],\n            }}\n            {...rest}\n          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAOA,MAAMA,KAA2B,GAAG,QAM9B;EAAA,IAN+B;IACnCC,QADmC;IAEnCC,IAFmC;IAGnCC,OAHmC;IAInCC,KAJmC;IAKnC,GAAGC;EALgC,CAM/B;EACJ,OACE,4DACE,6BAAC,gBAAD;IAAS,IAAI,EAAEH,IAAf;IAAqB,OAAO,EAAEC,OAA9B;IAAuC,MAAM,EAAC;EAA9C,EADF,EAEE,6BAAC,gCAAD;IAAY,EAAE,EAAED,IAAhB;IAAsB,OAAO,EAAE;EAA/B,GACGI,KAAK,IACJ,6BAAC,sBAAD;IACE,KAAK,EAAE,EACL,GAAGF,KADE;MAEL,GAAGG,+BAFE;MAGL,GAAGC,mCAAA,CAAwBF,KAAxB;IAHE;EADT,GAMMD,IANN,GAQGJ,QARH,CAFJ,CAFF,CADF;AAmBD,CA1BD;;eA4BeD,K"}

package/dist/components/atoms/Modal/animations.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
 const defaultStyleOverlay = {
-  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  transition: "opacity 800ms ease-in-out, visibility 600ms ease-in-out",
   opacity: 0,
   visibility: 'hidden'
 };

package/dist/components/atoms/Modal/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"sources":["../../../../src/components/atoms/Modal/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,EAAG,yDADoB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}
+{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"sources":["../../../../src/components/atoms/Modal/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,2DADuB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}

package/dist/components/atoms/Modal/styled.js

@@ -9,31 +9,37 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ModalContainer = (0, _styled.default)('div')`
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  margin: auto;
-  position: fixed;
-  z-index: ${({
-  theme
-}) => theme.zIndex.modal};
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.micro};
-  padding: ${({
-  theme
-}) => theme.spacing.kilo};
-  display: flex;
-  box-shadow: 0 2px 8px
-    ${({
-  theme
-}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const ModalContainer = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  margin: auto;\n  position: fixed;\n  z-index: ", ";\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ", ";\n  padding: ", ";\n  display: flex;\n  box-shadow: 0 2px 8px\n    ", ";\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.miscellaneous.surfaceColor;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.zIndex.modal;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.borderRadius.micro;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.spacing.kilo;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
+});
 exports.ModalContainer = ModalContainer;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Modal/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["ModalContainer","styled","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","hex2rgba","shadow"],"sources":["../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACjE,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,aAAa,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACG,MAAN,CAAaC,KAAM;AAC/C;AACA;AACA;AACA,mBAAmB,CAAC;EAAEJ;AAAF,CAAD,KAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAM;AAC3D,aAAa,CAAC;EAAEN;AAAF,CAAD,KAAeA,KAAK,CAACO,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA,MAAM,CAAC;EAAER;AAAF,CAAD,KAAe,IAAAS,mBAAA,EAAST,KAAK,CAACC,aAAN,CAAoBS,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CAbO"}
+{"version":3,"file":"styled.js","names":["ModalContainer","styled","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","hex2rgba","shadow"],"sources":["../../../../src/components/atoms/Modal/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const ModalContainer = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  margin: auto;\n  position: fixed;\n  z-index: ${({ theme }) => theme.zIndex.modal};\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: ${({ theme }) => theme.borderRadius.micro};\n  padding: ${({ theme }) => theme.spacing.kilo};\n  display: flex;\n  box-shadow: 0 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,0TACL;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAnC;AAAA,CADK,EAId;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,MAAN,CAAaC,KAA5B;AAAA,CAJc,EAQR;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAlC;AAAA,CARQ,EASd;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACO,OAAN,CAAcC,IAA7B;AAAA,CATc,EAYrB;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAe,IAAAS,mBAAA,EAAST,KAAK,CAACC,aAAN,CAAoBS,MAA7B,EAAqC,IAArC,CAAf;AAAA,CAZqB,CAApB"}

package/dist/components/atoms/Overlay/Overlay.js

@@ -15,13 +15,14 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Overlay = ({
-  timeout = 300,
-  open,
-  onClose,
-  zIndex = 'default',
-  children
-}) => {
+const Overlay = _ref => {
+  let {
+    timeout = 300,
+    open,
+    onClose,
+    zIndex = 'default',
+    children
+  } = _ref;
   return _react.default.createElement(_reactTransitionGroup.Transition, {
     in: open,
     timeout: timeout

package/dist/components/atoms/Overlay/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","names":["Overlay","timeout","open","onClose","zIndex","children","state","defaultStyleOverlay","transitionStylesOverlay","undefined"],"sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AASA,MAAMA,OAA+B,GAAG,CAAC;EACvCC,OAAO,GAAG,GAD6B;EAEvCC,IAFuC;EAGvCC,OAHuC;EAIvCC,MAAM,GAAG,SAJ8B;EAKvCC;AALuC,CAAD,KAMlC;EACJ,OACE,6BAAC,gCAAD;IAAY,EAAE,EAAEH,IAAhB;IAAsB,OAAO,EAAED;EAA/B,GACGK,KAAK,IACJ,6BAAC,qBAAD;IACE,KAAK,EAAE,EACL,GAAGC,+BADE;MAEL,GAAGC,mCAAA,CAAwBF,KAAxB;IAFE,CADT;IAKE,OAAO,EAAEJ,IAAI,GAAGC,OAAH,GAAaM,SAL5B;IAME,IAAI,EAAEP,IANR;IAOE,MAAM,EAAEE;EAPV,GASGC,QATH,CAFJ,CADF;AAiBD,CAxBD;;eA0BeL,O"}
+{"version":3,"file":"Overlay.js","names":["Overlay","timeout","open","onClose","zIndex","children","state","defaultStyleOverlay","transitionStylesOverlay","undefined"],"sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { ZIndex } from '@tecsinapse/react-core';\nimport { defaultStyleOverlay, transitionStylesOverlay } from './animations';\nimport { StyledOverlay } from './styled';\n\nexport interface OverlayProps {\n  timeout?: number;\n  open: boolean;\n  onClose: () => void;\n  zIndex: keyof ZIndex;\n}\n\nconst Overlay: React.FC<OverlayProps> = ({\n  timeout = 300,\n  open,\n  onClose,\n  zIndex = 'default',\n  children,\n}) => {\n  return (\n    <Transition in={open} timeout={timeout}>\n      {state => (\n        <StyledOverlay\n          style={{\n            ...defaultStyleOverlay,\n            ...transitionStylesOverlay[state],\n          }}\n          onClick={open ? onClose : undefined}\n          show={open}\n          zIndex={zIndex}\n        >\n          {children}\n        </StyledOverlay>\n      )}\n    </Transition>\n  );\n};\n\nexport default Overlay;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AASA,MAAMA,OAA+B,GAAG,QAMlC;EAAA,IANmC;IACvCC,OAAO,GAAG,GAD6B;IAEvCC,IAFuC;IAGvCC,OAHuC;IAIvCC,MAAM,GAAG,SAJ8B;IAKvCC;EALuC,CAMnC;EACJ,OACE,6BAAC,gCAAD;IAAY,EAAE,EAAEH,IAAhB;IAAsB,OAAO,EAAED;EAA/B,GACGK,KAAK,IACJ,6BAAC,qBAAD;IACE,KAAK,EAAE,EACL,GAAGC,+BADE;MAEL,GAAGC,mCAAA,CAAwBF,KAAxB;IAFE,CADT;IAKE,OAAO,EAAEJ,IAAI,GAAGC,OAAH,GAAaM,SAL5B;IAME,IAAI,EAAEP,IANR;IAOE,MAAM,EAAEE;EAPV,GASGC,QATH,CAFJ,CADF;AAiBD,CAxBD;;eA0BeL,O"}

package/dist/components/atoms/Overlay/animations.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
 const defaultStyleOverlay = {
-  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  transition: "opacity 800ms ease-in-out, visibility 600ms ease-in-out",
   opacity: 0,
   visibility: 'hidden'
 };

package/dist/components/atoms/Overlay/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,EAAG,yDADoB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}
+{"version":3,"file":"animations.js","names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"sources":["../../../../src/components/atoms/Overlay/animations.ts"],"sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,\n  opacity: 0,\n  visibility: 'hidden',\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1, visibility: 'visible' },\n  entered: { opacity: 1, visibility: 'visible' },\n  exiting: { opacity: 0, visibility: 'visible' },\n  exited: { opacity: 0, visibility: 'hidden' },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;EACjCC,UAAU,2DADuB;EAEjCC,OAAO,EAAE,CAFwB;EAGjCC,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;EACrCC,QAAQ,EAAE;IAAEH,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAD2B;EAErCG,OAAO,EAAE;IAAEJ,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAF4B;EAGrCI,OAAO,EAAE;IAAEL,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B,CAH4B;EAIrCK,MAAM,EAAE;IAAEN,OAAO,EAAE,CAAX;IAAcC,UAAU,EAAE;EAA1B;AAJ6B,CAAhC"}

package/dist/components/atoms/Overlay/styled.js

@@ -9,27 +9,28 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _reactCore = require("@tecsinapse/react-core");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledOverlay = (0, _styled.default)('div')`
-  background: ${({
-  theme
-}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5)};
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  z-index: ${({
-  theme,
-  zIndex
-}) => theme.zIndex[zIndex]};
-  cursor: ${({
-  show
-}) => show ? 'pointer' : 'default'};
-  position: fixed;
-  align-items: center;
-  justify-content: center;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledOverlay = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ", ";\n  cursor: ", ";\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.overlay, 0.5);
+}, _ref2 => {
+  let {
+    theme,
+    zIndex
+  } = _ref2;
+  return theme.zIndex[zIndex];
+}, _ref3 => {
+  let {
+    show
+  } = _ref3;
+  return show ? 'pointer' : 'default';
+});
 exports.StyledOverlay = StyledOverlay;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Overlay/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledOverlay","styled","theme","hex2rgba","miscellaneous","overlay","zIndex","show"],"sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIO,MAAMA,aAAa,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmD;AAChF,gBAAgB,CAAC;EAAEC;AAAF,CAAD,KACZ,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AAC/C;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEH,KAAF;EAASI;AAAT,CAAD,KACTJ,KAAK,CAACI,MAAN,CAAaA,MAAb,CAAqB;AACzB,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAeA,IAAI,GAAG,SAAH,GAAe,SAAW;AACzD;AACA;AACA;AACA,CAdO"}
+{"version":3,"file":"styled.js","names":["StyledOverlay","styled","theme","hex2rgba","miscellaneous","overlay","zIndex","show"],"sources":["../../../../src/components/atoms/Overlay/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps, ZIndex } from '@tecsinapse/react-core';\n\ntype InjectedProps = { show: boolean; zIndex: keyof ZIndex };\n\nexport const StyledOverlay = styled('div')<Partial<StyleProps> & InjectedProps>`\n  background: ${({ theme }: StyleProps) =>\n    hex2rgba(theme.miscellaneous.overlay, 0.5)};\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  display: flex;\n  z-index: ${({ theme, zIndex }: StyleProps & InjectedProps) =>\n    theme.zIndex[zIndex]};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAIO,MAAMA,aAAa,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,4QACV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OACZ,IAAAC,mBAAA,EAASD,KAAK,CAACE,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CADY;AAAA,CADU,EAQb;EAAA,IAAC;IAAEH,KAAF;IAASI;EAAT,CAAD;EAAA,OACTJ,KAAK,CAACI,MAAN,CAAaA,MAAb,CADS;AAAA,CARa,EAUd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,IAAI,GAAG,SAAH,GAAe,SAAlC;AAAA,CAVc,CAAnB"}

package/dist/components/atoms/Skeleton/Skeleton.js

@@ -15,15 +15,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Skeleton = ({
-  children,
-  width,
-  height,
-  animation = 'wave',
-  active = true,
-  radius,
-  ...rest
-}) => {
+const Skeleton = _ref => {
+  let {
+    children,
+    width,
+    height,
+    animation = 'wave',
+    active = true,
+    radius,
+    ...rest
+  } = _ref;
+
   if (!width && !height && !children) {
     throw new Error('[Skeleton] You should provide children or specify width and height');
   }

package/dist/components/atoms/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","animation","active","radius","rest","Error","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  active?: boolean;\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  active = true,\n  radius,\n  ...rest\n}) => {\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      animation={animation}\n      active={active}\n      radius={radius}\n      {...rest}\n    >\n      <View\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAUA,MAAMA,QAAiC,GAAG,CAAC;EACzCC,QADyC;EAEzCC,KAFyC;EAGzCC,MAHyC;EAIzCC,SAAS,GAAG,MAJ6B;EAKzCC,MAAM,GAAG,IALgC;EAMzCC,MANyC;EAOzC,GAAGC;AAPsC,CAAD,KAQpC;EACJ,IAAI,CAACL,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIO,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,OACE,6BAAC,eAAD;IACE,KAAK,EAAEN,KADT;IAEE,MAAM,EAAEC,MAFV;IAGE,SAAS,EAAEC,SAHb;IAIE,MAAM,EAAEC,MAJV;IAKE,MAAM,EAAEC;EALV,GAMMC,IANN,GAQE,6BAAC,oBAAD;IACE,KAAK,EAAE;MAAEE,OAAO,EAAEJ,MAAM,GAAG,CAAH,GAAO;IAAxB,CADT;IAEE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAFnC,GAIGJ,QAJH,CARF,CADF;AAiBD,CAhCD;;eAkCeD,Q"}
+{"version":3,"file":"Skeleton.js","names":["Skeleton","children","width","height","animation","active","radius","rest","Error","opacity"],"sources":["../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { Wrapper } from './styled';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\n  width?: number;\n  height?: number;\n  animation?: 'pulse' | 'wave';\n  active?: boolean;\n  radius?: BorderRadiusType;\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n  children,\n  width,\n  height,\n  animation = 'wave',\n  active = true,\n  radius,\n  ...rest\n}) => {\n  if (!width && !height && !children) {\n    throw new Error(\n      '[Skeleton] You should provide children or specify width and height'\n    );\n  }\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      animation={animation}\n      active={active}\n      radius={radius}\n      {...rest}\n    >\n      <View\n        style={{ opacity: active ? 0 : 1 }}\n        pointerEvents={active ? 'none' : 'auto'}\n      >\n        {children}\n      </View>\n    </Wrapper>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAUA,MAAMA,QAAiC,GAAG,QAQpC;EAAA,IARqC;IACzCC,QADyC;IAEzCC,KAFyC;IAGzCC,MAHyC;IAIzCC,SAAS,GAAG,MAJ6B;IAKzCC,MAAM,GAAG,IALgC;IAMzCC,MANyC;IAOzC,GAAGC;EAPsC,CAQrC;;EACJ,IAAI,CAACL,KAAD,IAAU,CAACC,MAAX,IAAqB,CAACF,QAA1B,EAAoC;IAClC,MAAM,IAAIO,KAAJ,CACJ,oEADI,CAAN;EAGD;;EAED,OACE,6BAAC,eAAD;IACE,KAAK,EAAEN,KADT;IAEE,MAAM,EAAEC,MAFV;IAGE,SAAS,EAAEC,SAHb;IAIE,MAAM,EAAEC,MAJV;IAKE,MAAM,EAAEC;EALV,GAMMC,IANN,GAQE,6BAAC,oBAAD;IACE,KAAK,EAAE;MAAEE,OAAO,EAAEJ,MAAM,GAAG,CAAH,GAAO;IAAxB,CADT;IAEE,aAAa,EAAEA,MAAM,GAAG,MAAH,GAAY;EAFnC,GAIGJ,QAJH,CARF,CADF;AAiBD,CAhCD;;eAkCeD,Q"}

package/dist/components/atoms/Skeleton/styled.js

@@ -9,73 +9,49 @@ var _react = require("@emotion/react");
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const pulseKf = (0, _react.keyframes)`
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.1;
-  }
-  100% {
-    opacity: 1;
-  }
-`;
-const waveKf = (0, _react.keyframes)`
-  0% {
-    transform: translateX(-100%);
-  }
-  50% {
-    transform: translateX(100%);
-  }
-  100% {
-    transform: translateX(100%);
-  }
-`;
-const waveAnim = (0, _react.css)`
-  position: relative;
-  overflow: hidden;
-  &::after {
-    animation: ${waveKf} 1.6s linear 0.5s infinite;
-    background: linear-gradient(
-      90deg,
-      transparent,
-      rgba(0, 0, 0, 0.04),
-      transparent
-    );
-    content: '';
-    position: absolute;
-    transform: translateX(-100%);
-    bottom: 0;
-    left: 0;
-    right: 0;
-    top: 0;
-  }
-`;
-const pulseAnim = (0, _react.css)`
-  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;
-`;
-const Wrapper = (0, _styled.default)('div')`
-  background-color: ${({
-  theme,
-  animation,
-  active
-}) => !active ? undefined : animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor};
-  width: ${({
-  width
-}) => `${width}px` ?? '100%'};
-  height: ${({
-  height
-}) => `${height}px` ?? 'auto'};
-  border-radius: ${({
-  theme,
-  radius
-}) => radius ? theme.borderRadius[radius] : 'unset'};
-  ${({
-  animation,
-  active
-}) => !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const pulseKf = (0, _react.keyframes)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n"])));
+const waveKf = (0, _react.keyframes)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n"])));
+const waveAnim = (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ", " 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n"])), waveKf);
+const pulseAnim = (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  animation: ", " 1.5s ease-in-out 0.5s infinite;\n"])), pulseKf);
+const Wrapper = (0, _styled.default)('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  width: ", ";\n  height: ", ";\n  border-radius: ", ";\n  ", ";\n"])), _ref => {
+  let {
+    theme,
+    animation,
+    active
+  } = _ref;
+  return !active ? undefined : animation === 'pulse' ? theme.miscellaneous.bodyColor : theme.miscellaneous.surfaceColor;
+}, _ref2 => {
+  var _ref3;
+
+  let {
+    width
+  } = _ref2;
+  return (_ref3 = "".concat(width, "px")) !== null && _ref3 !== void 0 ? _ref3 : '100%';
+}, _ref4 => {
+  var _ref5;
+
+  let {
+    height
+  } = _ref4;
+  return (_ref5 = "".concat(height, "px")) !== null && _ref5 !== void 0 ? _ref5 : 'auto';
+}, _ref6 => {
+  let {
+    theme,
+    radius
+  } = _ref6;
+  return radius ? theme.borderRadius[radius] : 'unset';
+}, _ref7 => {
+  let {
+    animation,
+    active
+  } = _ref7;
+  return !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim;
+});
 exports.Wrapper = Wrapper;
 //# sourceMappingURL=styled.js.map

package/dist/components/atoms/Skeleton/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["pulseKf","keyframes","waveKf","waveAnim","css","pulseAnim","Wrapper","styled","theme","animation","active","undefined","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst waveKf = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst waveAnim = css`\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ${waveKf} 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n`;\n\nconst pulseAnim = css`\n  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n  background-color: ${({\n    theme,\n    animation,\n    active,\n  }: StyleProps & Partial<SkeletonProps>) =>\n    !active\n      ? undefined\n      : animation === 'pulse'\n      ? theme.miscellaneous.bodyColor\n      : theme.miscellaneous.surfaceColor};\n  width: ${({ width }) => `${width}px` ?? '100%'};\n  height: ${({ height }) => `${height}px` ?? 'auto'};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 'unset'};\n  ${({ animation, active }) =>\n    !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIA,MAAMA,OAAO,GAAG,IAAAC,gBAAA,CAAU;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAMC,MAAM,GAAG,IAAAD,gBAAA,CAAU;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAVA;AAYA,MAAME,QAAQ,GAAG,IAAAC,UAAA,CAAI;AACrB;AACA;AACA;AACA,iBAAiBF,MAAO;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAnBA;AAqBA,MAAMG,SAAS,GAAG,IAAAD,UAAA,CAAI;AACtB,eAAeJ,OAAQ;AACvB,CAFA;AAIO,MAAMM,OAAO,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmD;AAC1E,sBAAsB,CAAC;EACnBC,KADmB;EAEnBC,SAFmB;EAGnBC;AAHmB,CAAD,KAKlB,CAACA,MAAD,GACIC,SADJ,GAEIF,SAAS,KAAK,OAAd,GACAD,KAAK,CAACI,aAAN,CAAoBC,SADpB,GAEAL,KAAK,CAACI,aAAN,CAAoBE,YAAa;AACzC,WAAW,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAM,IAAT,IAAgB,MAAO;AACjD,YAAY,CAAC;EAAEC;AAAF,CAAD,KAAiB,GAAEA,MAAO,IAAV,IAAiB,MAAO;AACpD,mBAAmB,CAAC;EAAER,KAAF;EAASS;AAAT,CAAD,KACfA,MAAM,GAAGT,KAAK,CAACU,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OAAQ;AAClD,IAAI,CAAC;EAAER,SAAF;EAAaC;AAAb,CAAD,KACA,CAACA,MAAD,GAAUC,SAAV,GAAsBF,SAAS,KAAK,OAAd,GAAwBJ,SAAxB,GAAoCF,QAAS;AACvE,CAjBO"}
+{"version":3,"file":"styled.js","names":["pulseKf","keyframes","waveKf","waveAnim","css","pulseAnim","Wrapper","styled","theme","animation","active","undefined","miscellaneous","bodyColor","surfaceColor","width","height","radius","borderRadius"],"sources":["../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nconst pulseKf = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.1;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst waveKf = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst waveAnim = css`\n  position: relative;\n  overflow: hidden;\n  &::after {\n    animation: ${waveKf} 1.6s linear 0.5s infinite;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(0, 0, 0, 0.04),\n      transparent\n    );\n    content: '';\n    position: absolute;\n    transform: translateX(-100%);\n    bottom: 0;\n    left: 0;\n    right: 0;\n    top: 0;\n  }\n`;\n\nconst pulseAnim = css`\n  animation: ${pulseKf} 1.5s ease-in-out 0.5s infinite;\n`;\n\nexport const Wrapper = styled('div')<Partial<StyleProps & SkeletonProps>>`\n  background-color: ${({\n    theme,\n    animation,\n    active,\n  }: StyleProps & Partial<SkeletonProps>) =>\n    !active\n      ? undefined\n      : animation === 'pulse'\n      ? theme.miscellaneous.bodyColor\n      : theme.miscellaneous.surfaceColor};\n  width: ${({ width }) => `${width}px` ?? '100%'};\n  height: ${({ height }) => `${height}px` ?? 'auto'};\n  border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n    radius ? theme.borderRadius[radius] : 'unset'};\n  ${({ animation, active }) =>\n    !active ? undefined : animation === 'pulse' ? pulseAnim : waveAnim};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAIA,MAAMA,OAAO,OAAGC,gBAAH,uKAAb;AAYA,MAAMC,MAAM,OAAGD,gBAAH,2NAAZ;AAYA,MAAME,QAAQ,OAAGC,UAAH,6bAIGF,MAJH,CAAd;AAqBA,MAAMG,SAAS,OAAGD,UAAH,8HACAJ,OADA,CAAf;AAIO,MAAMM,OAAO,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,uKACE;EAAA,IAAC;IACnBC,KADmB;IAEnBC,SAFmB;IAGnBC;EAHmB,CAAD;EAAA,OAKlB,CAACA,MAAD,GACIC,SADJ,GAEIF,SAAS,KAAK,OAAd,GACAD,KAAK,CAACI,aAAN,CAAoBC,SADpB,GAEAL,KAAK,CAACI,aAAN,CAAoBE,YATN;AAAA,CADF,EAWT;EAAA;;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,0BAAkBA,KAAlB,gDAA+B,MAA/B;AAAA,CAXS,EAYR;EAAA;;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,0BAAmBA,MAAnB,gDAAiC,MAAjC;AAAA,CAZQ,EAaD;EAAA,IAAC;IAAER,KAAF;IAASS;EAAT,CAAD;EAAA,OACfA,MAAM,GAAGT,KAAK,CAACU,YAAN,CAAmBD,MAAnB,CAAH,GAAgC,OADvB;AAAA,CAbC,EAehB;EAAA,IAAC;IAAER,SAAF;IAAaC;EAAb,CAAD;EAAA,OACA,CAACA,MAAD,GAAUC,SAAV,GAAsBF,SAAS,KAAK,OAAd,GAAwBJ,SAAxB,GAAoCF,QAD1D;AAAA,CAfgB,CAAb"}

package/dist/components/atoms/Table/Body/TBody.js

@@ -9,10 +9,11 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const TBody = ({
-  children,
-  ...rest
-}) => {
+const TBody = _ref => {
+  let {
+    children,
+    ...rest
+  } = _ref;
   return _react.default.createElement("tbody", rest, children);
 };
 

package/dist/components/atoms/Table/Body/TBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TBody.js","names":["TBody","children","rest"],"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,KAA8D,GAAG,CAAC;EAC7EC,QAD6E;EAE7E,GAAGC;AAF0E,CAAD,KAGxE;EACJ,OAAO,sCAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;;;eAOQD,K"}
+{"version":3,"file":"TBody.js","names":["TBody","children","rest"],"sources":["../../../../../src/components/atoms/Table/Body/TBody.tsx"],"sourcesContent":["import React from 'react';\n\nexport const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <tbody {...rest}>{children}</tbody>;\n};\n\nexport default TBody;\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,KAA8D,GAAG,QAGxE;EAAA,IAHyE;IAC7EC,QAD6E;IAE7E,GAAGC;EAF0E,CAGzE;EACJ,OAAO,sCAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALM;;;eAOQD,K"}

package/dist/components/atoms/Table/Cell/Td.js

@@ -11,10 +11,11 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Td = ({
-  children,
-  ...rest
-}) => {
+const Td = _ref => {
+  let {
+    children,
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.TCell, rest, children);
 };
 

package/dist/components/atoms/Table/Cell/Td.js.map

@@ -1 +1 @@
-{"version":3,"file":"Td.js","names":["Td","children","rest"],"sources":["../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,EAA0D,GAAG,CAAC;EAClEC,QADkE;EAElE,GAAGC;AAF+D,CAAD,KAG7D;EACJ,OAAO,6BAAC,aAAD,EAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALD;;eAOeD,E"}
+{"version":3,"file":"Td.js","names":["Td","children","rest"],"sources":["../../../../../src/components/atoms/Table/Cell/Td.tsx"],"sourcesContent":["import React from 'react';\nimport { TCell } from './styled';\n\nconst Td: React.FC<React.TdHTMLAttributes<HTMLTableCellElement>> = ({\n  children,\n  ...rest\n}) => {\n  return <TCell {...rest}>{children}</TCell>;\n};\n\nexport default Td;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,EAA0D,GAAG,QAG7D;EAAA,IAH8D;IAClEC,QADkE;IAElE,GAAGC;EAF+D,CAG9D;EACJ,OAAO,6BAAC,aAAD,EAAWA,IAAX,EAAkBD,QAAlB,CAAP;AACD,CALD;;eAOeD,E"}