@tecsinapse/react-web-kit 1.3.2 → 1.6.1

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/styled.ts"],"names":["hoverStyles","mouseOver","theme","color","dark","StyledWebButton","Button"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGA,MAAMA,WAAW,GAAG,CAAC;AACnBC,EAAAA,SADmB;AAEnBC,EAAAA,KAFmB;AAGnBC,EAAAA,KAAK,GAAG;AAHW,CAAD,KAIiD;AACnE,SACEF,SAAS,IACT,gBAAI;AACR,0BAA0BC,KADnB,aACmBA,KADnB,uBACmBA,KAAK,CAAEC,KAAP,CAAaA,KAAb,EAAoBC,IAAK;AACnD,sBAAsBF,KAFf,aAEeA,KAFf,uBAEeA,KAAK,CAAEC,KAAP,CAAaA,KAAb,EAAoBC,IAAK;AAC/C,KALE;AAOD,CAZD;;AAcO,MAAMC,eAAe,GAAG,qBAAOC,iBAAP,EAE7BN,WAF6B,CAAxB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Button, StyleProps } from '@tecsinapse/react-core';\nimport { WebButtonProps } from './Button';\n\nconst hoverStyles = ({\n  mouseOver,\n  theme,\n  color = 'primary',\n}: { mouseOver: boolean } & WebButtonProps & Partial<StyleProps>) => {\n  return (\n    mouseOver &&\n    css`\n      background-color: ${theme?.color[color].dark};\n      border-color: ${theme?.color[color].dark};\n    `\n  );\n};\n\nexport const StyledWebButton = styled(Button)<\n  { mouseOver: boolean } & WebButtonProps & Partial<StyleProps>\n>(hoverStyles);\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Button/styled.ts"],"names":["webStyles","hoverStyles","mouseOver","theme","color","disabled","dark","StyledWebButton","Button"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAGA,MAAMA,SAAS,GAAG,MAAM;AACtB,SAAO,gBAAI;AACb;AACA;AACA;AACA,GAJE;AAKD,CAND;;AAQA,MAAMC,WAAW,GAAG,CAAC;AACnBC,EAAAA,SADmB;AAEnBC,EAAAA,KAFmB;AAGnBC,EAAAA,KAAK,GAAG,SAHW;AAInBC,EAAAA;AAJmB,CAAD,KAKiD;AACnE,SACEH,SAAS,IACT,CAACG,QADD,IAEA,gBAAI;AACR,0BAA0BF,KADnB,aACmBA,KADnB,uBACmBA,KAAK,CAAEC,KAAP,CAAaA,KAAb,EAAoBE,IAAK;AACnD,sBAAsBH,KAFf,aAEeA,KAFf,uBAEeA,KAAK,CAAEC,KAAP,CAAaA,KAAb,EAAoBE,IAAK;AAC/C,KANE;AAQD,CAdD;;AAgBO,MAAMC,eAAe,GAAG,qBAAOC,iBAAP,EAE7BR,SAF6B,EAElBC,WAFkB,CAAxB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Button, StyleProps } from '@tecsinapse/react-core';\nimport { WebButtonProps } from './Button';\n\nconst webStyles = () => {\n  return css`\n    & * {\n      user-select: none;\n    }\n  `;\n};\n\nconst hoverStyles = ({\n  mouseOver,\n  theme,\n  color = 'primary',\n  disabled,\n}: { mouseOver: boolean } & WebButtonProps & Partial<StyleProps>) => {\n  return (\n    mouseOver &&\n    !disabled &&\n    css`\n      background-color: ${theme?.color[color].dark};\n      border-color: ${theme?.color[color].dark};\n    `\n  );\n};\n\nexport const StyledWebButton = styled(Button)<\n  { mouseOver: boolean } & WebButtonProps & Partial<StyleProps>\n>(webStyles, hoverStyles);\n"],"file":"styled.js"}

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

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "InputWebProps", {
 
 var _Input = _interopRequireWildcard(require("./Input"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+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); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Modal/Modal.d.ts

@@ -0,0 +1,8 @@
+import React, { CSSProperties } from 'react';
+export interface ModalProps {
+    open: boolean;
+    onClose: () => void;
+    style?: CSSProperties;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

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

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _Overlay = require("../Overlay");
+
+var _styled = require("./styled");
+
+var _animations = require("./animations");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Modal = ({
+  children,
+  open,
+  onClose,
+  style
+}) => {
+  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Overlay.Overlay, {
+    open: open,
+    onClose: onClose,
+    zIndex: "modal"
+  }), _react.default.createElement(_reactTransitionGroup.Transition, {
+    in: open,
+    timeout: 400
+  }, state => _react.default.createElement(_styled.ModalContainer, {
+    style: { ...style,
+      ..._animations.defaultStyleOverlay,
+      ..._animations.transitionStylesOverlay[state]
+    }
+  }, children)));
+};
+
+var _default = Modal;
+exports.default = _default;
+//# sourceMappingURL=Modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/Modal.tsx"],"names":["Modal","children","open","onClose","style","state","defaultStyleOverlay","transitionStylesOverlay"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,MAAMA,KAA2B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,IAAZ;AAAkBC,EAAAA,OAAlB;AAA2BC,EAAAA;AAA3B,CAAD,KAAwC;AAC1E,SACE,4DACE,6BAAC,gBAAD;AAAS,IAAA,IAAI,EAAEF,IAAf;AAAqB,IAAA,OAAO,EAAEC,OAA9B;AAAuC,IAAA,MAAM,EAAC;AAA9C,IADF,EAEE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAED,IAAhB;AAAsB,IAAA,OAAO,EAAE;AAA/B,KACGG,KAAK,IACJ,6BAAC,sBAAD;AACE,IAAA,KAAK,EAAE,EACL,GAAGD,KADE;AAEL,SAAGE,+BAFE;AAGL,SAAGC,oCAAwBF,KAAxB;AAHE;AADT,KAOGJ,QAPH,CAFJ,CAFF,CADF;AAkBD,CAnBD;;eAqBeD,K","sourcesContent":["import React, { CSSProperties } 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 {\n  open: boolean;\n  onClose: () => void;\n  style?: CSSProperties;\n}\n\nconst Modal: React.FC<ModalProps> = ({ children, open, onClose, style }) => {\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          >\n            {children}\n          </ModalContainer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Modal;\n"],"file":"Modal.js"}

package/dist/components/atoms/Modal/animations.d.ts

@@ -0,0 +1,23 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+    visibility: string;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+        visibility: string;
+    };
+    entered: {
+        opacity: number;
+        visibility: string;
+    };
+    exiting: {
+        opacity: number;
+        visibility: string;
+    };
+    exited: {
+        opacity: number;
+        visibility: string;
+    };
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
+const defaultStyleOverlay = {
+  transition: `opacity 800ms ease-in-out, visibility 600ms ease-in-out`,
+  opacity: 0,
+  visibility: 'hidden'
+};
+exports.defaultStyleOverlay = defaultStyleOverlay;
+const transitionStylesOverlay = {
+  entering: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  entered: {
+    opacity: 1,
+    visibility: 'visible'
+  },
+  exiting: {
+    opacity: 0,
+    visibility: 'visible'
+  },
+  exited: {
+    opacity: 0,
+    visibility: 'hidden'
+  }
+};
+exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/animations.ts"],"names":["defaultStyleOverlay","transition","opacity","visibility","transitionStylesOverlay","entering","entered","exiting","exited"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAG,yDADoB;AAEjCC,EAAAA,OAAO,EAAE,CAFwB;AAGjCC,EAAAA,UAAU,EAAE;AAHqB,CAA5B;;AAMA,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE;AAAEH,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAD2B;AAErCG,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAF4B;AAGrCI,EAAAA,OAAO,EAAE;AAAEL,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B,GAH4B;AAIrCK,EAAAA,MAAM,EAAE;AAAEN,IAAAA,OAAO,EAAE,CAAX;AAAcC,IAAAA,UAAU,EAAE;AAA1B;AAJ6B,CAAhC","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"],"file":"animations.js"}

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Modal", {
+  enumerable: true,
+  get: function () {
+    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); }
+
+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; }
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/atoms/Modal/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ModalContainer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModalContainer = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+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.08)};
+`;
+exports.ModalContainer = ModalContainer;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Modal/styled.ts"],"names":["ModalContainer","theme","miscellaneous","surfaceColor","zIndex","modal","borderRadius","micro","spacing","kilo","shadow"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,aAAN,CAAoBC,YAAa;AACtE;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACG,MAAN,CAAaC,KAAM;AAC/C;AACA;AACA;AACA,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACK,YAAN,CAAmBC,KAAM;AAC3D,aAAa,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACO,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA,MAAM,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAe,yBAASA,KAAK,CAACC,aAAN,CAAoBQ,MAA7B,EAAqC,IAArC,CAA2C;AAChE,CAbO","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.08)};\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Overlay/Overlay.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ZIndex } from '@tecsinapse/react-core';
+export interface OverlayProps {
+    timeout?: number;
+    open: boolean;
+    onClose: () => void;
+    zIndex: keyof ZIndex;
+}
+declare const Overlay: React.FC<OverlayProps>;
+export default Overlay;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactTransitionGroup = require("react-transition-group");
+
+var _animations = require("./animations");
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Overlay = ({
+  timeout = 300,
+  open,
+  onClose,
+  zIndex = 'default',
+  children
+}) => {
+  return _react.default.createElement(_reactTransitionGroup.Transition, {
+    in: open,
+    timeout: timeout
+  }, state => _react.default.createElement(_styled.StyledOverlay, {
+    style: { ..._animations.defaultStyleOverlay,
+      ..._animations.transitionStylesOverlay[state]
+    },
+    onClick: open ? onClose : undefined,
+    show: open,
+    zIndex: zIndex
+  }, children));
+};
+
+var _default = Overlay;
+exports.default = _default;
+//# sourceMappingURL=Overlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/Overlay.tsx"],"names":["Overlay","timeout","open","onClose","zIndex","children","state","defaultStyleOverlay","transitionStylesOverlay","undefined"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AASA,MAAMA,OAA+B,GAAG,CAAC;AACvCC,EAAAA,OAAO,GAAG,GAD6B;AAEvCC,EAAAA,IAFuC;AAGvCC,EAAAA,OAHuC;AAIvCC,EAAAA,MAAM,GAAG,SAJ8B;AAKvCC,EAAAA;AALuC,CAAD,KAMlC;AACJ,SACE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAEH,IAAhB;AAAsB,IAAA,OAAO,EAAED;AAA/B,KACGK,KAAK,IACJ,6BAAC,qBAAD;AACE,IAAA,KAAK,EAAE,EACL,GAAGC,+BADE;AAEL,SAAGC,oCAAwBF,KAAxB;AAFE,KADT;AAKE,IAAA,OAAO,EAAEJ,IAAI,GAAGC,OAAH,GAAaM,SAL5B;AAME,IAAA,IAAI,EAAEP,IANR;AAOE,IAAA,MAAM,EAAEE;AAPV,KASGC,QATH,CAFJ,CADF;AAiBD,CAxBD;;eA0BeL,O","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"],"file":"Overlay.js"}

package/dist/components/atoms/Overlay/animations.d.ts

@@ -0,0 +1,18 @@
+export declare const defaultStyleOverlay: {
+    transition: string;
+    opacity: number;
+};
+export declare const transitionStylesOverlay: {
+    entering: {
+        opacity: number;
+    };
+    entered: {
+        opacity: number;
+    };
+    exiting: {
+        opacity: number;
+    };
+    exited: {
+        opacity: number;
+    };
+};

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.transitionStylesOverlay = exports.defaultStyleOverlay = void 0;
+const defaultStyleOverlay = {
+  transition: `opacity 700ms ease-in-out`,
+  opacity: 0
+};
+exports.defaultStyleOverlay = defaultStyleOverlay;
+const transitionStylesOverlay = {
+  entering: {
+    opacity: 1
+  },
+  entered: {
+    opacity: 1
+  },
+  exiting: {
+    opacity: 0
+  },
+  exited: {
+    opacity: 0
+  }
+};
+exports.transitionStylesOverlay = transitionStylesOverlay;
+//# sourceMappingURL=animations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/animations.ts"],"names":["defaultStyleOverlay","transition","opacity","transitionStylesOverlay","entering","entered","exiting","exited"],"mappings":";;;;;;AAAO,MAAMA,mBAAmB,GAAG;AACjCC,EAAAA,UAAU,EAAG,2BADoB;AAEjCC,EAAAA,OAAO,EAAE;AAFwB,CAA5B;;AAKA,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,QAAQ,EAAE;AAAEF,IAAAA,OAAO,EAAE;AAAX,GAD2B;AAErCG,EAAAA,OAAO,EAAE;AAAEH,IAAAA,OAAO,EAAE;AAAX,GAF4B;AAGrCI,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,OAAO,EAAE;AAAX,GAH4B;AAIrCK,EAAAA,MAAM,EAAE;AAAEL,IAAAA,OAAO,EAAE;AAAX;AAJ6B,CAAhC","sourcesContent":["export const defaultStyleOverlay = {\n  transition: `opacity 700ms ease-in-out`,\n  opacity: 0,\n};\n\nexport const transitionStylesOverlay = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n  exited: { opacity: 0 },\n};\n"],"file":"animations.js"}

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

@@ -0,0 +1 @@
+export { default as Overlay } from './Overlay';

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Overlay", {
+  enumerable: true,
+  get: function () {
+    return _Overlay.default;
+  }
+});
+
+var _Overlay = _interopRequireDefault(require("./Overlay"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/atoms/Overlay/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOverlay: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOverlay = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+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,
+  show,
+  zIndex
+}) => show ? theme.zIndex[zIndex] - 1 : -1};
+  cursor: ${({
+  show
+}) => show ? 'pointer' : 'default'};
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+`;
+exports.StyledOverlay = StyledOverlay;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Overlay/styled.ts"],"names":["StyledOverlay","theme","miscellaneous","overlay","show","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;;;AAIO,MAAMA,aAAa,GAAG,qBAAO,KAAP,CAAmD;AAChF,gBAAgB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KACZ,yBAASA,KAAK,CAACC,aAAN,CAAoBC,OAA7B,EAAsC,GAAtC,CAA2C;AAC/C;AACA;AACA;AACA;AACA;AACA,aAAa,CAAC;AAAEF,EAAAA,KAAF;AAASG,EAAAA,IAAT;AAAeC,EAAAA;AAAf,CAAD,KACTD,IAAI,GAAGH,KAAK,CAACI,MAAN,CAAaA,MAAb,IAAuB,CAA1B,GAA8B,CAAC,CAAE;AACzC,YAAY,CAAC;AAAED,EAAAA;AAAF,CAAD,KAAeA,IAAI,GAAG,SAAH,GAAe,SAAW;AACzD;AACA;AACA;AACA,CAdO","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, show, zIndex }: StyleProps & InjectedProps) =>\n    show ? theme.zIndex[zIndex] - 1 : -1};\n  cursor: ${({ show }) => (show ? 'pointer' : 'default')};\n  position: fixed;\n  align-items: center;\n  justify-content: center;\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/Skeleton/Skeleton.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { BorderRadiusType } from '@tecsinapse/react-core';
+export interface SkeletonProps {
+    width?: number;
+    height?: number;
+    animation?: 'pulse' | 'wave';
+    radius?: BorderRadiusType;
+}
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Skeleton = ({
+  children,
+  width,
+  height,
+  animation = 'wave',
+  radius
+}) => {
+  if (!width && !height && !children) {
+    throw new Error('[Skeleton] You should provide children or specify width and height');
+  }
+
+  return _react.default.createElement(_styled.Wrapper, {
+    width: width,
+    height: height,
+    animation: animation,
+    radius: radius
+  }, children);
+};
+
+var _default = Skeleton;
+exports.default = _default;
+//# sourceMappingURL=Skeleton.js.map