@tecsinapse/react-core 1.19.0 → 1.20.0

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

@@ -1,78 +1,83 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.elevatedStyles = exports.StyledBoxContent = void 0;
 
 var _native = _interopRequireWildcard(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+
 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; }
 
-const elevatedStyles = ({
-  theme
-}) => [(0, _native.css)({
-  shadowColor: theme == null ? void 0 : theme.miscellaneous.shadow,
-  shadowOffset: {
-    width: 0,
-    height: 2
-  },
-  shadowOpacity: 0.25,
-  shadowRadius: 3.84,
-  elevation: 5
-})];
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const elevatedStyles = _ref => {
+  let {
+    theme
+  } = _ref;
+  return [(0, _native.css)({
+    shadowColor: theme === null || theme === void 0 ? void 0 : theme.miscellaneous.shadow,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  })];
+};
 
 exports.elevatedStyles = elevatedStyles;
 
-const topStyles = ({
-  theme,
-  variant
-}) => variant === 'top' && (0, _native.css)`
-    border-bottom-left-radius: ${theme.borderRadius.deca};
-    border-bottom-right-radius: ${theme.borderRadius.deca};
-  `;
+const topStyles = _ref2 => {
+  let {
+    theme,
+    variant
+  } = _ref2;
+  return variant === 'top' && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-bottom-left-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
+};
 
-const bottomStyles = ({
-  theme,
-  variant
-}) => variant === 'bottom' && (0, _native.css)`
-    border-top-left-radius: ${theme.borderRadius.deca};
-    border-top-right-radius: ${theme.borderRadius.deca};
-  `;
+const bottomStyles = _ref3 => {
+  let {
+    theme,
+    variant
+  } = _ref3;
+  return variant === 'bottom' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-top-left-radius: ", ";\n    border-top-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
+};
 
-const leftStyles = ({
-  theme,
-  variant
-}) => variant === 'left' && (0, _native.css)`
-    border-top-right-radius: ${theme.borderRadius.deca};
-    border-bottom-right-radius: ${theme.borderRadius.deca};
-  `;
+const leftStyles = _ref4 => {
+  let {
+    theme,
+    variant
+  } = _ref4;
+  return variant === 'left' && (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    border-top-right-radius: ", ";\n    border-bottom-right-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
+};
 
-const rightStyles = ({
-  theme,
-  variant
-}) => variant === 'right' && (0, _native.css)`
-    border-top-left-radius: ${theme.borderRadius.deca};
-    border-bottom-left-radius: ${theme.borderRadius.deca};
-  `;
+const rightStyles = _ref5 => {
+  let {
+    theme,
+    variant
+  } = _ref5;
+  return variant === 'right' && (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    border-top-left-radius: ", ";\n    border-bottom-left-radius: ", ";\n  "])), theme.borderRadius.deca, theme.borderRadius.deca);
+};
 
-const StyledBoxContentBase = (0, _native.default)(_reactNative.View)`
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  min-height: ${({
-  theme
-}) => theme.spacing.kilo};
-  overflow: hidden;
-`;
-const StyledBoxContent = (0, _native.default)(StyledBoxContentBase)(props => (0, _native.css)`
-    ${elevatedStyles(props)}
-    ${topStyles(props)}
-  ${bottomStyles(props)}
-  ${leftStyles(props)}
-  ${rightStyles(props)}
-  `);
+const StyledBoxContentBase = (0, _native.default)(_reactNative.View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  min-height: ", ";\n  overflow: hidden;\n"])), _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.miscellaneous.surfaceColor;
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spacing.kilo;
+});
+const StyledBoxContent = (0, _native.default)(StyledBoxContentBase)(props => (0, _native.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  ", "\n  ", "\n  ", "\n  "])), elevatedStyles(props), topStyles(props), bottomStyles(props), leftStyles(props), rightStyles(props)));
 exports.StyledBoxContent = StyledBoxContent;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["elevatedStyles","theme","css","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","styled","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAoC,CAChE,IAAAC,WAAA,EAAI;EACFC,WAAW,EAAEF,KAAF,oBAAEA,KAAK,CAAEG,aAAP,CAAqBC,MADhC;EAEFC,YAAY,EAAE;IAAEC,KAAK,EAAE,CAAT;IAAYC,MAAM,EAAE;EAApB,CAFZ;EAGFC,aAAa,EAAE,IAHb;EAIFC,YAAY,EAAE,IAJZ;EAKFC,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;EAAEX,KAAF;EAASY;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,IAAAX,WAAA,CAAI;AACN,iCAAiCD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;EACpBf,KADoB;EAEpBY;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;EAClBhB,KADkB;EAElBY;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,IAAAX,WAAA,CAAI;AACN,+BAA+BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACvD,kCAAkCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;EACnBjB,KADmB;EAEnBY;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,IAAAX,WAAA,CAAI;AACN,8BAA8BD,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACtD,iCAAiCd,KAAK,CAACa,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACG,aAAN,CAAoBkB,YAAa;AACtE,gBAAgB,CAAC;EAAErB;AAAF,CAAD,KAAeA,KAAK,CAACsB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,IAAAL,eAAA,EAAOD,oBAAP,EAC9BO,KAAK,IAAI,IAAAxB,WAAA,CAAI;AACf,MAAMF,cAAc,CAAC0B,KAAD,CAAQ;AAC5B,MAAMd,SAAS,CAACc,KAAD,CAAQ;AACvB,IAAIV,YAAY,CAACU,KAAD,CAAQ;AACxB,IAAIT,UAAU,CAACS,KAAD,CAAQ;AACtB,IAAIR,WAAW,CAACQ,KAAD,CAAQ;AACvB,GAPgC,CAAzB"}
+{"version":3,"file":"styled.js","names":["elevatedStyles","theme","css","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","styled","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n  css({\n    shadowColor: theme?.miscellaneous.shadow,\n    shadowOffset: { width: 0, height: 2 },\n    shadowOpacity: 0.25,\n    shadowRadius: 3.84,\n    elevation: 5,\n  }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'top' &&\n  css`\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst bottomStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'bottom' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-top-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst leftStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'left' &&\n  css`\n    border-top-right-radius: ${theme.borderRadius.deca};\n    border-bottom-right-radius: ${theme.borderRadius.deca};\n  `;\n\nconst rightStyles = ({\n  theme,\n  variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n  variant === 'right' &&\n  css`\n    border-top-left-radius: ${theme.borderRadius.deca};\n    border-bottom-left-radius: ${theme.borderRadius.deca};\n  `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  min-height: ${({ theme }) => theme.spacing.kilo};\n  overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n  props => css`\n    ${elevatedStyles(props)}\n    ${topStyles(props)}\n  ${bottomStyles(props)}\n  ${leftStyles(props)}\n  ${rightStyles(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;AAGO,MAAMA,cAAc,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAoC,CAChE,IAAAC,WAAA,EAAI;IACFC,WAAW,EAAEF,KAAF,aAAEA,KAAF,uBAAEA,KAAK,CAAEG,aAAP,CAAqBC,MADhC;IAEFC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAT;MAAYC,MAAM,EAAE;IAApB,CAFZ;IAGFC,aAAa,EAAE,IAHb;IAIFC,YAAY,EAAE,IAJZ;IAKFC,SAAS,EAAE;EALT,CAAJ,CADgE,CAApC;AAAA,CAAvB;;;;AAUP,MAAMC,SAAS,GAAG;EAAA,IAAC;IAAEX,KAAF;IAASY;EAAT,CAAD;EAAA,OAChBA,OAAO,KAAK,KAAZ,QACAX,WADA,wJAE+BD,KAAK,CAACa,YAAN,CAAmBC,IAFlD,EAGgCd,KAAK,CAACa,YAAN,CAAmBC,IAHnD,CADgB;AAAA,CAAlB;;AAOA,MAAMC,YAAY,GAAG;EAAA,IAAC;IACpBf,KADoB;IAEpBY;EAFoB,CAAD;EAAA,OAInBA,OAAO,KAAK,QAAZ,QACAX,WADA,oJAE4BD,KAAK,CAACa,YAAN,CAAmBC,IAF/C,EAG6Bd,KAAK,CAACa,YAAN,CAAmBC,IAHhD,CAJmB;AAAA,CAArB;;AAUA,MAAME,UAAU,GAAG;EAAA,IAAC;IAClBhB,KADkB;IAElBY;EAFkB,CAAD;EAAA,OAIjBA,OAAO,KAAK,MAAZ,QACAX,WADA,wJAE6BD,KAAK,CAACa,YAAN,CAAmBC,IAFhD,EAGgCd,KAAK,CAACa,YAAN,CAAmBC,IAHnD,CAJiB;AAAA,CAAnB;;AAUA,MAAMG,WAAW,GAAG;EAAA,IAAC;IACnBjB,KADmB;IAEnBY;EAFmB,CAAD;EAAA,OAIlBA,OAAO,KAAK,OAAZ,QACAX,WADA,sJAE4BD,KAAK,CAACa,YAAN,CAAmBC,IAF/C,EAG+Bd,KAAK,CAACa,YAAN,CAAmBC,IAHlD,CAJkB;AAAA,CAApB;;AAUA,MAAMI,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAH,+IACJ;EAAA,IAAC;IAAEpB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACG,aAAN,CAAoBkB,YAAnC;AAAA,CADI,EAEV;EAAA,IAAC;IAAErB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACsB,OAAN,CAAcC,IAA7B;AAAA,CAFU,CAA1B;AAMO,MAAMC,gBAAgB,GAAG,IAAAL,eAAA,EAAOD,oBAAP,EAC9BO,KAAK,QAAIxB,WAAJ,yHACDF,cAAc,CAAC0B,KAAD,CADb,EAEDd,SAAS,CAACc,KAAD,CAFR,EAGHV,YAAY,CAACU,KAAD,CAHT,EAIHT,UAAU,CAACS,KAAD,CAJP,EAKHR,WAAW,CAACQ,KAAD,CALR,CADyB,CAAzB"}

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

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = void 0;
 
 var _react = require("@emotion/react");
@@ -13,21 +15,22 @@ 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 Button = ({
-  children,
-  style,
-  color = 'primary',
-  variant = 'filled',
-  tone = 'medium',
-  state = 'default',
-  loadingComponent,
-  errorComponent,
-  successComponent,
-  size,
-  frozen,
-  disabled,
-  ...rest
-}) => {
+const Button = _ref => {
+  let {
+    children,
+    style,
+    color = 'primary',
+    variant = 'filled',
+    tone = 'medium',
+    state = 'default',
+    loadingComponent,
+    errorComponent,
+    successComponent,
+    size,
+    frozen,
+    disabled,
+    ...rest
+  } = _ref;
   const theme = (0, _react.useTheme)();
 
   const _frozen = frozen || state === 'loading';

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","useTheme","_frozen","_color","_surfaceColor","light"],"sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;EAC/BC,QAD+B;EAE/BC,KAF+B;EAG/BC,KAAK,GAAG,SAHuB;EAI/BC,OAAO,GAAG,QAJqB;EAK/BC,IAAI,GAAG,QALwB;EAM/BC,KAAK,GAAG,SANuB;EAO/BC,gBAP+B;EAQ/BC,cAR+B;EAS/BC,gBAT+B;EAU/BC,IAV+B;EAW/BC,MAX+B;EAY/BC,QAZ+B;EAa/B,GAAGC;AAb4B,CAAD,KAcb;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EACA,MAAMC,OAAO,GAAGL,MAAM,IAAIL,KAAK,KAAK,SAApC;;EACA,IAAIW,MAAJ;;EACA,QAAQX,KAAR;IACE,KAAK,OAAL;MACEW,MAAM,GAAG,OAAT;MACA;;IAEF,KAAK,SAAL;MACEA,MAAM,GAAG,SAAT;MACA;;IAEF;MACEA,MAAM,GAAGd,KAAT;MACA;EAXJ;;EAcA,IAAIe,aAAJ;;EACA,IAAId,OAAO,KAAK,QAAhB,EAA0B;IACxBc,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBZ,IAApB,CAAhB;EACD;;EAED,IAAIO,QAAJ,EAAc;IACZM,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBE,KAApC;EACD;;EAED,OACE,8BAAC,oBAAD,eACMN,IADN;IAEE,iBAAiB,EAAC,QAFpB;IAGE,KAAK,EAAEX,KAHT;IAIE,KAAK,EAAEe,MAJT;IAKE,IAAI,EAAEZ,IALR;IAME,YAAY,EAAEa,aANhB;IAOE,OAAO,EAAEd,OAPX;IAQE,IAAI,EAAEM,IARR;IASE,QAAQ,EAAEM,OAAO,IAAIJ,QATvB;IAUE,MAAM,EAAEA;EAVV,IAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M"}
+{"version":3,"file":"Button.js","names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","useTheme","_frozen","_color","_surfaceColor","light"],"sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n  BorderRadiusType,\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  ThemeProp,\n  VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' | 'default';\n\nexport type ButtonStateType = 'loading' | 'error' | 'success' | 'default';\n\nexport interface ButtonStateProps {\n  buttonSize?: ButtonSizeType;\n  fontColor?: FontColorType;\n  textComponent?: React.FC<TextProps>;\n  text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n  style?: StyleProp<ViewStyle>;\n  color?: ColorType;\n  variant?: VariantType;\n  tone?: ColorGradationType;\n  frozen?: boolean | null;\n  borderRadius?: BorderRadiusType;\n  size?: ButtonSizeType;\n  state?: ButtonStateType;\n  loadingComponent?: JSX.Element;\n  errorComponent?: JSX.Element;\n  successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  style,\n  color = 'primary',\n  variant = 'filled',\n  tone = 'medium',\n  state = 'default',\n  loadingComponent,\n  errorComponent,\n  successComponent,\n  size,\n  frozen,\n  disabled,\n  ...rest\n}): JSX.Element => {\n  const theme = useTheme() as ThemeProp;\n  const _frozen = frozen || state === 'loading';\n  let _color: ColorType;\n  switch (state) {\n    case 'error':\n      _color = 'error';\n      break;\n\n    case 'success':\n      _color = 'success';\n      break;\n\n    default:\n      _color = color;\n      break;\n  }\n\n  let _surfaceColor;\n  if (variant === 'filled') {\n    _surfaceColor = theme.color[_color][tone];\n  }\n\n  if (disabled) {\n    _surfaceColor = theme.color[_color].light;\n  }\n\n  return (\n    <StyledButton\n      {...rest}\n      accessibilityRole=\"button\"\n      style={style}\n      color={_color}\n      tone={tone}\n      surfaceColor={_surfaceColor}\n      variant={variant}\n      size={size}\n      disabled={_frozen || disabled}\n      frozen={disabled}\n    >\n      {state === 'loading' && loadingComponent}\n      {state === 'error' && errorComponent}\n      {state === 'success' && successComponent}\n      {state === 'default' && children}\n    </StyledButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,QAcb;EAAA,IAdc;IAC/BC,QAD+B;IAE/BC,KAF+B;IAG/BC,KAAK,GAAG,SAHuB;IAI/BC,OAAO,GAAG,QAJqB;IAK/BC,IAAI,GAAG,QALwB;IAM/BC,KAAK,GAAG,SANuB;IAO/BC,gBAP+B;IAQ/BC,cAR+B;IAS/BC,gBAT+B;IAU/BC,IAV+B;IAW/BC,MAX+B;IAY/BC,QAZ+B;IAa/B,GAAGC;EAb4B,CAcd;EACjB,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;;EACA,MAAMC,OAAO,GAAGL,MAAM,IAAIL,KAAK,KAAK,SAApC;;EACA,IAAIW,MAAJ;;EACA,QAAQX,KAAR;IACE,KAAK,OAAL;MACEW,MAAM,GAAG,OAAT;MACA;;IAEF,KAAK,SAAL;MACEA,MAAM,GAAG,SAAT;MACA;;IAEF;MACEA,MAAM,GAAGd,KAAT;MACA;EAXJ;;EAcA,IAAIe,aAAJ;;EACA,IAAId,OAAO,KAAK,QAAhB,EAA0B;IACxBc,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBZ,IAApB,CAAhB;EACD;;EAED,IAAIO,QAAJ,EAAc;IACZM,aAAa,GAAGJ,KAAK,CAACX,KAAN,CAAYc,MAAZ,EAAoBE,KAApC;EACD;;EAED,OACE,8BAAC,oBAAD,eACMN,IADN;IAEE,iBAAiB,EAAC,QAFpB;IAGE,KAAK,EAAEX,KAHT;IAIE,KAAK,EAAEe,MAJT;IAKE,IAAI,EAAEZ,IALR;IAME,YAAY,EAAEa,aANhB;IAOE,OAAO,EAAEd,OAPX;IAQE,IAAI,EAAEM,IARR;IASE,QAAQ,EAAEM,OAAO,IAAIJ,QATvB;IAUE,MAAM,EAAEA;EAVV,IAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M"}

package/dist/components/atoms/Button/States/BaseState.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = exports.BaseState = void 0;
 
 var _react = _interopRequireDefault(require("react"));
@@ -13,13 +15,14 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const BaseState = ({
-  textComponent = _Text.Text,
-  buttonSize = 'default',
-  fontColor = 'light',
-  icon,
-  text
-}) => {
+const BaseState = _ref => {
+  let {
+    textComponent = _Text.Text,
+    buttonSize = 'default',
+    fontColor = 'light',
+    icon,
+    text
+  } = _ref;
   const typo = buttonSize === 'default' ? 'base' : 'sub';
   const iconSize = buttonSize === 'default' ? 'deca' : 'centi';
   const StyledText = (0, _styled.getStyledTextButton)(textComponent);

package/dist/components/atoms/Button/States/BaseState.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseState.js","names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText","getStyledTextButton"],"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"mappings":";;;;;AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;EAC5CC,aAAa,GAAGC,UAD4B;EAE5CC,UAAU,GAAG,SAF+B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,IAJ4C;EAK5CC;AAL4C,CAAD,KAMvC;EACJ,MAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;EACA,MAAMM,UAAU,GAAG,IAAAC,2BAAA,EAAoBT,aAApB,CAAnB;EACA,OACE,4DACE,6BAAC,UAAD;IAAM,IAAI,EAAEI,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,SAAS,EAAED,SAA5C;IAAuD,IAAI,EAAEI;EAA7D,EADF,EAEGF,IAAI,IACH,6BAAC,UAAD;IAAY,UAAU,EAAEC,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEH;EAA3D,GACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S"}
+{"version":3,"file":"BaseState.js","names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText","getStyledTextButton"],"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  IconSizeType,\n  TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n  icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n  textComponent = Text,\n  buttonSize = 'default',\n  fontColor = 'light',\n  icon,\n  text,\n}) => {\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default BaseState;\n"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,QAMvC;EAAA,IANwC;IAC5CC,aAAa,GAAGC,UAD4B;IAE5CC,UAAU,GAAG,SAF+B;IAG5CC,SAAS,GAAG,OAHgC;IAI5CC,IAJ4C;IAK5CC;EAL4C,CAMxC;EACJ,MAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;EACA,MAAMM,UAAU,GAAG,IAAAC,2BAAA,EAAoBT,aAApB,CAAnB;EACA,OACE,4DACE,6BAAC,UAAD;IAAM,IAAI,EAAEI,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,SAAS,EAAED,SAA5C;IAAuD,IAAI,EAAEI;EAA7D,EADF,EAEGF,IAAI,IACH,6BAAC,UAAD;IAAY,UAAU,EAAEC,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEH;EAA3D,GACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S"}

package/dist/components/atoms/Button/States/Error.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = exports.Error = void 0;
 
 var _react = _interopRequireDefault(require("react"));

package/dist/components/atoms/Button/States/Error.js.map

@@ -1 +1 @@
-{"version":3,"file":"Error.js","names":["Error","props"],"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;EAClD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,K"}
+{"version":3,"file":"Error.js","names":["Error","props"],"sources":["../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Error: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"close-circle-outline\" />;\n};\n\nexport default Error;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;EAClD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,K"}

package/dist/components/atoms/Button/States/Loading.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = exports.Loading = void 0;
 
 var _react = require("@emotion/react");
@@ -13,12 +15,13 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Loading = ({
-  text,
-  textComponent = _Text.Text,
-  fontColor = 'light',
-  buttonSize = 'default'
-}) => {
+const Loading = _ref => {
+  let {
+    text,
+    textComponent = _Text.Text,
+    fontColor = 'light',
+    buttonSize = 'default'
+  } = _ref;
   const theme = (0, _react.useTheme)();
   const typo = buttonSize === 'default' ? 'base' : 'sub';
   const StyledText = (0, _styled.getStyledTextButton)(textComponent);

package/dist/components/atoms/Button/States/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","useTheme","typo","StyledText","getStyledTextButton","font","color"],"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;EAC5CC,IAD4C;EAE5CC,aAAa,GAAGC,UAF4B;EAG5CC,SAAS,GAAG,OAHgC;EAI5CC,UAAU,GAAG;AAJ+B,CAAD,KAKvC;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,MAAMC,IAA6B,GACjCH,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMI,UAAU,GAAG,IAAAC,2BAAA,EAAoBR,aAApB,CAAnB;EACA,OACE,8DACE,8BAAC,uBAAD;IACE,KAAK,EAAEI,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBR,SAAjB,CADT;IAEE,UAAU,EAAEC;EAFd,EADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;IAAY,UAAU,EAAEO,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEJ;EAA3D,GACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O"}
+{"version":3,"file":"Loading.js","names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","useTheme","typo","StyledText","getStyledTextButton","font","color"],"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n  text,\n  textComponent = Text,\n  fontColor = 'light',\n  buttonSize = 'default',\n}) => {\n  const theme = useTheme() as ThemeProp;\n  const typo: TypographyVariationType =\n    buttonSize === 'default' ? 'base' : 'sub';\n  const StyledText = getStyledTextButton(textComponent);\n  return (\n    <>\n      <StyledIndicator\n        color={theme.font.color[fontColor]}\n        buttonSize={buttonSize}\n      />\n      {text && (\n        <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n          {text}\n        </StyledText>\n      )}\n    </>\n  );\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,QAKvC;EAAA,IALwC;IAC5CC,IAD4C;IAE5CC,aAAa,GAAGC,UAF4B;IAG5CC,SAAS,GAAG,OAHgC;IAI5CC,UAAU,GAAG;EAJ+B,CAKxC;EACJ,MAAMC,KAAK,GAAG,IAAAC,eAAA,GAAd;EACA,MAAMC,IAA6B,GACjCH,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;EAEA,MAAMI,UAAU,GAAG,IAAAC,2BAAA,EAAoBR,aAApB,CAAnB;EACA,OACE,8DACE,8BAAC,uBAAD;IACE,KAAK,EAAEI,KAAK,CAACK,IAAN,CAAWC,KAAX,CAAiBR,SAAjB,CADT;IAEE,UAAU,EAAEC;EAFd,EADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;IAAY,UAAU,EAAEO,IAAxB;IAA8B,UAAU,EAAC,MAAzC;IAAgD,SAAS,EAAEJ;EAA3D,GACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O"}

package/dist/components/atoms/Button/States/Success.js

@@ -1,6 +1,8 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.default = exports.Success = void 0;
 
 var _react = _interopRequireDefault(require("react"));

package/dist/components/atoms/Button/States/Success.js.map

@@ -1 +1 @@
-{"version":3,"file":"Success.js","names":["Success","props"],"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,O"}
+{"version":3,"file":"Success.js","names":["Success","props"],"sources":["../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonStateProps } from '../Button';\nimport { BaseState } from './BaseState';\n\nexport const Success: FC<ButtonStateProps> = props => {\n  return <BaseState {...props} icon=\"checkmark-circle-outline\" />;\n};\n\nexport default Success;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,oBAAD,eAAeA,KAAf;IAAsB,IAAI,EAAC;EAA3B,GAAP;AACD,CAFM;;;eAIQD,O"}

package/dist/components/atoms/Button/States/index.js

@@ -1,19 +1,32 @@
 "use strict";
 
-exports.__esModule = true;
-exports.Success = exports.Loading = exports.Error = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Error", {
+  enumerable: true,
+  get: function () {
+    return _Error.default;
+  }
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function () {
+    return _Loading.default;
+  }
+});
+Object.defineProperty(exports, "Success", {
+  enumerable: true,
+  get: function () {
+    return _Success.default;
+  }
+});
 
 var _Error = _interopRequireDefault(require("./Error"));
 
-exports.Error = _Error.default;
-
 var _Loading = _interopRequireDefault(require("./Loading"));
 
-exports.Loading = _Loading.default;
-
 var _Success = _interopRequireDefault(require("./Success"));
 
-exports.Success = _Success.default;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/Button/States/index.js.map

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

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

@@ -1,35 +1,47 @@
 "use strict";
 
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 exports.getStyledTextButton = exports.StyledIndicator = void 0;
 
 var _native = _interopRequireDefault(require("@emotion/native"));
 
 var _reactNative = require("react-native");
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
 const getStyledTextButton = component => {
-  return (0, _native.default)(component)`
-    margin-left: ${({
-    theme
-  }) => theme.spacing.mili};
-  `;
+  return (0, _native.default)(component)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-left: ", ";\n  "])), _ref => {
+    let {
+      theme
+    } = _ref;
+    return theme.spacing.mili;
+  });
 };
 
 exports.getStyledTextButton = getStyledTextButton;
-const StyledIndicator = (0, _native.default)(_reactNative.ActivityIndicator)`
-  width: ${({
-  theme,
-  buttonSize
-}) => buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};
-  height: ${({
-  theme,
-  buttonSize
-}) => buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};
-  transform: ${({
-  buttonSize
-}) => buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};
-`;
+const StyledIndicator = (0, _native.default)(_reactNative.ActivityIndicator)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  transform: ", ";\n"])), _ref2 => {
+  let {
+    theme,
+    buttonSize
+  } = _ref2;
+  return buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi;
+}, _ref3 => {
+  let {
+    theme,
+    buttonSize
+  } = _ref3;
+  return buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi;
+}, _ref4 => {
+  let {
+    buttonSize
+  } = _ref4;
+  return buttonSize === 'default' ? 'scale(1)' : 'scale(.8)';
+});
 exports.StyledIndicator = StyledIndicator;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["getStyledTextButton","component","styled","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"mappings":";;;;;AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;EAC/D,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;IAAEE;EAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAOK,8BAAP,CAE7B;AACF,WAAW,CAAC;EAAEJ,KAAF;EAASK;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;EAAER,KAAF;EAASK;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;EAAEH;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO"}
+{"version":3,"file":"styled.js","names":["getStyledTextButton","component","styled","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n  return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n    margin-left: ${({ theme }) => theme.spacing.mili};\n  `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n  Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n  width: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  height: ${({ theme, buttonSize }) =>\n    buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n  transform: ${({ buttonSize }) =>\n    buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"mappings":";;;;;;;AAAA;;AAGA;;;;;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;EAC/D,OAAO,IAAAC,eAAA,EAAOD,SAAP,CAAP,kGACiB;IAAA,IAAC;MAAEE;IAAF,CAAD;IAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;EAAA,CADjB;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,IAAAJ,eAAA,EAAOK,8BAAP,CAAH,+HAGjB;EAAA,IAAC;IAAEJ,KAAF;IAASK;EAAT,CAAD;EAAA,OACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KADzD;AAAA,CAHiB,EAKhB;EAAA,IAAC;IAAER,KAAF;IAASK;EAAT,CAAD;EAAA,OACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KADxD;AAAA,CALgB,EAOb;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAD7B;AAAA,CAPa,CAArB"}

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

@@ -1,2 +1,3 @@
-export { default as Button, ButtonProps, ButtonSizeType, ButtonStateType, ButtonStateProps, } from './Button';
+export { default as Button } from './Button';
 export { Error, Success, Loading } from './States';
+export type { ButtonProps, ButtonSizeType, ButtonStateType, ButtonStateProps, } from './Button';

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

@@ -1,23 +1,36 @@
 "use strict";
 
-exports.__esModule = true;
-exports.Success = exports.Loading = exports.Error = exports.ButtonStateType = exports.ButtonStateProps = exports.ButtonSizeType = exports.ButtonProps = exports.Button = void 0;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () {
+    return _Button.default;
+  }
+});
+Object.defineProperty(exports, "Error", {
+  enumerable: true,
+  get: function () {
+    return _States.Error;
+  }
+});
+Object.defineProperty(exports, "Loading", {
+  enumerable: true,
+  get: function () {
+    return _States.Loading;
+  }
+});
+Object.defineProperty(exports, "Success", {
+  enumerable: true,
+  get: function () {
+    return _States.Success;
+  }
+});
 
-var _Button = _interopRequireWildcard(require("./Button"));
-
-exports.Button = _Button.default;
-exports.ButtonProps = _Button.ButtonProps;
-exports.ButtonSizeType = _Button.ButtonSizeType;
-exports.ButtonStateType = _Button.ButtonStateType;
-exports.ButtonStateProps = _Button.ButtonStateProps;
+var _Button = _interopRequireDefault(require("./Button"));
 
 var _States = require("./States");
 
-exports.Error = _States.Error;
-exports.Success = _States.Success;
-exports.Loading = _States.Loading;
-
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export {\n  default as Button,\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateType,\n  ButtonStateProps,\n} from './Button';\nexport { Error, Success, Loading } from './States';\n"],"mappings":";;;;;AAAA;;;;;;;;AAOA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { default as Button } from './Button';\nexport { Error, Success, Loading } from './States';\nexport type {\n  ButtonProps,\n  ButtonSizeType,\n  ButtonStateType,\n  ButtonStateProps,\n} from './Button';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}