@tecsinapse/react-web-kit 1.20.1 → 1.21.1

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainerDropdown","styled","theme","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","spacing","zIndex","select"],"sources":["../../../../src/components/atoms/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerDropdown = styled('div')<Partial<StyleProps>>`\n  width: auto;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  margin-top: 8px;\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,uBAAuB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAC1E;AACA,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAClBA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACrC,mBAAmB,CAAC;EAAEF;AAAF,CAAD,KAA2BA,KAAK,CAACG,YAAN,CAAmBC,IAAK;AACtE;AACA,MAAM,CAAC;EAAEJ;AAAF,CAAD,KAA2B,IAAAK,mBAAA,EAASL,KAAK,CAACC,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAA2C;AAC5E;AACA,oBAAoB,CAAC;EAAEN;AAAF,CAAD,KAA2BA,KAAK,CAACO,OAAN,CAAcH,IAAK;AAClE;AACA,aAAa,CAAC;EAAEJ;AAAF,CAAD,KAA2BA,KAAK,CAACQ,MAAN,CAAaC,MAAO;AAC5D,CAXO"}
+{"version":3,"file":"styled.js","names":["StyledContainerDropdown","styled","theme","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","spacing","zIndex","select"],"sources":["../../../../src/components/atoms/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerDropdown = styled('div')<Partial<StyleProps>>`\n  width: auto;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  margin-top: 8px;\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,uBAAuB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,qQAEd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAClBA,KAAK,CAACC,aAAN,CAAoBC,YADF;AAAA,CAFc,EAIjB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACG,YAAN,CAAmBC,IAA9C;AAAA,CAJiB,EAM9B;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAA2B,IAAAK,mBAAA,EAASL,KAAK,CAACC,aAAN,CAAoBK,MAA7B,EAAqC,IAArC,CAA3B;AAAA,CAN8B,EAQhB;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACO,OAAN,CAAcH,IAAzC;AAAA,CARgB,EAUvB;EAAA,IAAC;IAAEJ;EAAF,CAAD;EAAA,OAA2BA,KAAK,CAACQ,MAAN,CAAaC,MAAxC;AAAA,CAVuB,CAA7B"}

package/dist/components/atoms/Input/Input.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 Input = _react.default.forwardRef(({
-  label,
-  labelColor,
-  labelColorVariant,
-  labelColorTone,
-  labelTypography,
-  labelStack,
-  labelWeight,
-  leftComponent,
-  rightComponent,
-  disabled,
-  style,
-  borderColor,
-  borderColorGradation,
-  inputContainerStyle,
-  variant = 'default',
-  hintComponent,
-  hint,
-  onFocus,
-  onBlur,
-  placeholder,
-  value,
-  ...rest
-}, ref) => {
+const Input = _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,
+    placeholder,
+    value,
+    ...rest
+  } = _ref;
+
   const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
     text: hint,
     variant: variant

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["Input","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","placeholder","value","rest","ref","_hint","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","undefined","displayName"],"sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport type InputWebProps = Omit<InputElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst Input: FC<InputWebProps> = 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      placeholder,\n      value,\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={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          <StyledWebTextInput\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\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,KAAwB,GAAGC,cAAA,CAAMC,UAAN,CAC/B,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,WApBF;EAqBEC,KArBF;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,CAACmB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAET;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEU,KAAK,GAAGpB,KAAH,GAAW6B,SADzB;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,EAAEW,OAbX;IAcE,QAAQ,EAAEf,QAdZ;IAeE,OAAO,EAAEK;EAfX,GAiBE,6BAAC,0BAAD,eACMO,IADN;IAEE,WAAW,EAAEO,SAAS,GAAG5B,KAAH,GAAWmB,WAFnC;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAEE,GAJP;IAKE,QAAQ,EAAEb,QALZ;IAME,OAAO,EAAEiB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGT,IAAI,IAAIO,KA5BX,CADF;AAgCD,CArE8B,CAAjC;;AAwEA1B,KAAK,CAACiC,WAAN,GAAoB,OAApB;eAEejC,K"}
+{"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","placeholder","value","rest","_hint","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","undefined","displayName"],"sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport type InputWebProps = Omit<InputElementProps, 'style'> &\n  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };\n\nconst Input: FC<InputWebProps> = 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      placeholder,\n      value,\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={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          <StyledWebTextInput\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\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAKA,MAAMA,KAAwB,GAAGC,cAAA,CAAMC,UAAN,CAC/B,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,WApBF;IAqBEC,KArBF;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,CAACmB,WAA5B;EAEA,OACE,6BAAC,oBAAD;IAAM,KAAK,EAAET;EAAb,GACE,6BAAC,yBAAD;IACE,KAAK,EAAEU,KAAK,GAAGpB,KAAH,GAAW4B,SADzB;IAEE,UAAU,EAAE3B,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,0BAAD,eACMO,IADN;IAEE,WAAW,EAAEM,SAAS,GAAG3B,KAAH,GAAWmB,WAFnC;IAGE,KAAK,EAAEC,KAHT;IAIE,GAAG,EAAErB,GAJP;IAKE,QAAQ,EAAEU,QALZ;IAME,OAAO,EAAEgB,WANX;IAOE,MAAM,EAAED;EAPV,GAjBF,CADF,EA4BGR,IAAI,IAAIM,KA5BX,CADF;AAgCD,CArE8B,CAAjC;;AAwEA1B,KAAK,CAACiC,WAAN,GAAoB,OAApB;eAEejC,K"}

package/dist/components/atoms/Input/index.d.ts

@@ -1 +1,2 @@
-export { default as Input, InputWebProps } from './Input';
+export { default as Input } from './Input';
+export type { InputWebProps } from './Input';

package/dist/components/atoms/Input/index.js

@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Input", {
     return _Input.default;
   }
 });
-Object.defineProperty(exports, "InputWebProps", {
-  enumerable: true,
-  get: function () {
-    return _Input.InputWebProps;
-  }
-});
-
-var _Input = _interopRequireWildcard(require("./Input"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _Input = _interopRequireDefault(require("./Input"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Input/index.ts"],"sourcesContent":["export { default as Input, InputWebProps } from './Input';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Input/index.ts"],"sourcesContent":["export { default as Input } from './Input';\nexport type { InputWebProps } from './Input';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/atoms/Input/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 StyledWebTextInput = (0, _native.default)(_reactCore.InputElement)`
-  &: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 StyledWebTextInput = (0, _native.default)(_reactCore.InputElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus-visible {\n    outline-width: 0;\n  }\n"])));
 exports.StyledWebTextInput = StyledWebTextInput;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebTextInput","styled","InputElement"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInput = styled(InputElement)<Partial<StyleProps>>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAOC,uBAAP,CAA0C;AAC5E;AACA;AACA;AACA,CAJO"}
+{"version":3,"file":"styled.js","names":["StyledWebTextInput","styled","InputElement"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledWebTextInput = styled(InputElement)<Partial<StyleProps>>`\n  &:focus-visible {\n    outline-width: 0;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAOC,uBAAP,CAAH,wHAAxB"}

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/index.d.ts

@@ -1 +1,2 @@
-export { default as InputMask, InputMaskWebProps } from './InputMask';
+export { default as InputMask } from './InputMask';
+export type { InputMaskWebProps } from './InputMask';

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

@@ -9,16 +9,8 @@ Object.defineProperty(exports, "InputMask", {
     return _InputMask.default;
   }
 });
-Object.defineProperty(exports, "InputMaskWebProps", {
-  enumerable: true,
-  get: function () {
-    return _InputMask.InputMaskWebProps;
-  }
-});
-
-var _InputMask = _interopRequireWildcard(require("./InputMask"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _InputMask = _interopRequireDefault(require("./InputMask"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/InputMask/index.ts"],"sourcesContent":["export { default as InputMask, InputMaskWebProps } from './InputMask';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/InputMask/index.ts"],"sourcesContent":["export { default as InputMask } from './InputMask';\nexport type { InputMaskWebProps } from './InputMask';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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/index.d.ts

@@ -1 +1,2 @@
-export { default as Modal, ModalProps } from './Modal';
+export { default as Modal } from './Modal';
+export type { ModalProps } from './Modal';

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

@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Modal", {
     return _Modal.default;
   }
 });
-Object.defineProperty(exports, "ModalProps", {
-  enumerable: true,
-  get: function () {
-    return _Modal.ModalProps;
-  }
-});
-
-var _Modal = _interopRequireWildcard(require("./Modal"));
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _Modal = _interopRequireDefault(require("./Modal"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Modal/index.ts"],"sourcesContent":["export { default as Modal, ModalProps } from './Modal';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Modal/index.ts"],"sourcesContent":["export { default as Modal } from './Modal';\nexport type { ModalProps } from './Modal';\n"],"mappings":";;;;;;;;;;;;AAAA"}

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');
   }