@tecsinapse/react-core 1.20.0 → 1.21.0

package/esm/components/molecules/IconTextButton/IconComponent.js

@@ -1,20 +1,34 @@
-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); }
+import React__default from 'react';
+import Icon from '../../atoms/Icon/Icon.js';
 
-import { Icon } from '@tecsinapse/react-core';
-import React from 'react';
-
-var IconComponent = function IconComponent(_ref) {
-  var _iconProps$size, _iconProps$fontColor;
-
-  var iconProps = _ref.iconProps,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      defaultFontColor = _ref.defaultFontColor;
-  return iconProps ? React.createElement(Icon, _extends({
-    size: ((_iconProps$size = iconProps.size) !== null && _iconProps$size !== void 0 ? _iconProps$size : size === 'small') ? 'deca' : 'kilo',
-    fontColor: (_iconProps$fontColor = iconProps.fontColor) !== null && _iconProps$fontColor !== void 0 ? _iconProps$fontColor : defaultFontColor
-  }, iconProps)) : React.createElement(React.Fragment, null);
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const IconComponent = ({
+  iconProps,
+  size = "default",
+  defaultFontColor
+}) => {
+  var _a, _b;
+  return iconProps ? /* @__PURE__ */ React__default.createElement(Icon, __spreadValues({
+    size: ((_a = iconProps.size) != null ? _a : size === "small") ? "deca" : "kilo",
+    fontColor: (_b = iconProps.fontColor) != null ? _b : defaultFontColor
+  }, iconProps)) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
 };
+var IconComponent$1 = React__default.memo(IconComponent);
 
-export default React.memo(IconComponent);
-//# sourceMappingURL=IconComponent.js.map
+export { IconComponent$1 as default };
+//# sourceMappingURL=IconComponent.js.map

package/esm/components/molecules/IconTextButton/IconComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconComponent.js","names":["Icon","React","IconComponent","iconProps","size","defaultFontColor","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  Icon,\n  IconProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"mappings":";;AAAA,SAGEA,IAHF,QAKO,wBALP;AAMA,OAAOC,KAAP,MAA0B,OAA1B;;AAQA,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAIxC;EAAA;;EAAA,IAHJC,SAGI,QAHJA,SAGI;EAAA,qBAFJC,IAEI;EAAA,IAFJA,IAEI,0BAFG,SAEH;EAAA,IADJC,gBACI,QADJA,gBACI;EACJ,OAAOF,SAAS,GACd,oBAAC,IAAD;IACE,IAAI,EAAE,oBAAAA,SAAS,CAACC,IAAV,6DAAkBA,IAAI,KAAK,OAA3B,IAAqC,MAArC,GAA8C,MADtD;IAEE,SAAS,0BAAED,SAAS,CAACG,SAAZ,uEAAyBD;EAFpC,GAGMF,SAHN,EADc,GAOd,yCAPF;AASD,CAdD;;AAgBA,eAAeF,KAAK,CAACM,IAAN,CAAWL,aAAX,CAAf"}
+{"version":3,"file":"IconComponent.js","sources":["../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n  iconProps?: IconProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n  iconProps,\n  size = 'default',\n  defaultFontColor,\n}) => {\n  return iconProps ? (\n    <Icon\n      size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n      fontColor={iconProps.fontColor ?? defaultFontColor}\n      {...iconProps}\n    />\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(IconComponent);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AAdN,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA;AAeE,EAAA,OAAO,4BACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA;AAAA,IACC,QAAM,EAAU,GAAA,SAAA,CAAA,IAAA,KAAV,IAAkB,GAAA,EAAA,GAAA,IAAA,KAAS,WAAU,MAAS,GAAA,MAAA;AAAA,IACpD,SAAA,EAAA,CAAW,EAAU,GAAA,SAAA,CAAA,SAAA,KAAV,IAAuB,GAAA,EAAA,GAAA,gBAAA;AAAA,GAC9B,EAAA,SAAA,CACN,oBAEEA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}

package/esm/components/molecules/InputPassword/InputPasswordIcon.js

@@ -1,33 +1,57 @@
-var _excluded = ["revealed", "onChangeState"];
+import React__default from 'react';
+import Icon from '../../atoms/Icon/Icon.js';
+import { StyledPasswordButtonIcon } from './styled.js';
 
-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); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import React from 'react';
-import { Icon } from '../../atoms/Icon';
-import { StyledPasswordButtonIcon } from './styled';
-
-var InputPasswordIcon = function InputPasswordIcon(_ref) {
-  var revealed = _ref.revealed,
-      onChangeState = _ref.onChangeState,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var icon = revealed ? 'eye-outline' : 'eye-off-outline';
-  return React.createElement(StyledPasswordButtonIcon, _extends({}, rest, {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const InputPasswordIcon = (_a) => {
+  var _b = _a, {
+    revealed,
+    onChangeState
+  } = _b, rest = __objRest(_b, [
+    "revealed",
+    "onChangeState"
+  ]);
+  const icon = revealed ? "eye-outline" : "eye-off-outline";
+  return /* @__PURE__ */ React__default.createElement(StyledPasswordButtonIcon, __spreadProps(__spreadValues({}, rest), {
     variant: "text",
     size: "small",
-    onPress: function onPress() {
-      return onChangeState(!revealed);
-    }
-  }), React.createElement(Icon, {
+    onPress: () => onChangeState(!revealed)
+  }), /* @__PURE__ */ React__default.createElement(Icon, {
     name: icon,
     type: "ionicon",
     size: "centi"
   }));
 };
 
-export default InputPasswordIcon;
-//# sourceMappingURL=InputPasswordIcon.js.map
+export { InputPasswordIcon as default };
+//# sourceMappingURL=InputPasswordIcon.js.map

package/esm/components/molecules/InputPassword/InputPasswordIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPasswordIcon.js","names":["React","Icon","StyledPasswordButtonIcon","InputPasswordIcon","revealed","onChangeState","rest","icon"],"sources":["../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAEA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,wBAAT,QAAyC,UAAzC;;AAOA,IAAMC,iBAA6C,GAAG,SAAhDA,iBAAgD,OAIhD;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,aAEI,QAFJA,aAEI;EAAA,IADDC,IACC;;EACJ,IAAMC,IAAI,GAAGH,QAAQ,GAAG,aAAH,GAAmB,iBAAxC;EACA,OACE,oBAAC,wBAAD,eACME,IADN;IAEE,OAAO,EAAC,MAFV;IAGE,IAAI,EAAC,OAHP;IAIE,OAAO,EAAE;MAAA,OAAMD,aAAa,CAAC,CAACD,QAAF,CAAnB;IAAA;EAJX,IAME,oBAAC,IAAD;IAAM,IAAI,EAAEG,IAAZ;IAAkB,IAAI,EAAC,SAAvB;IAAiC,IAAI,EAAC;EAAtC,EANF,CADF;AAUD,CAhBD;;AAkBA,eAAeJ,iBAAf"}
+{"version":3,"file":"InputPasswordIcon.js","sources":["../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n  revealed: boolean;\n  onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n  revealed,\n  onChangeState,\n  ...rest\n}) => {\n  const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n  return (\n    <StyledPasswordButtonIcon\n      {...rest}\n      variant=\"text\"\n      size=\"small\"\n      onPress={() => onChangeState(!revealed)}\n    >\n      <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n    </StyledPasswordButtonIcon>\n  );\n};\n\nexport default InputPasswordIcon;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,iBAAA,GAAgD,CAAC,EAIjD,KAAA;AAJiD,EACrD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,aAAA;AAAA,GAZF,GAUuD,EAGlD,EAAA,IAAA,GAAA,SAAA,CAHkD,EAGlD,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,eAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAQ,EAAA,MAAA;AAAA,IACR,IAAK,EAAA,OAAA;AAAA,IACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,GAAA,CAAA,kBAErCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,IAAM,EAAA,IAAA;AAAA,IAAM,IAAK,EAAA,SAAA;AAAA,IAAU,IAAK,EAAA,OAAA;AAAA,GAAQ,CAChD,CAAA,CAAA;AAEJ;;;;"}

package/esm/components/molecules/InputPassword/styled.js

@@ -1,11 +1,14 @@
-var _templateObject;
+import styled from '@emotion/native';
+import Button from '../../atoms/Button/Button.js';
+import 'react';
+import 'react-native';
+import '@emotion/react';
+import '../../atoms/Text/styled.js';
+import '../../atoms/Button/States/styled.js';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const StyledPasswordButtonIcon = styled(Button)`
+  padding: ${({ theme }) => theme.spacing.centi};
+`;
 
-import styled from '@emotion/native';
-import { Button } from '../../atoms/Button';
-export var StyledPasswordButtonIcon = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.centi;
-});
-//# sourceMappingURL=styled.js.map
+export { StyledPasswordButtonIcon };
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/InputPassword/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Button","StyledPasswordButtonIcon","theme","spacing","centi"],"sources":["../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT,QAAuB,oBAAvB;AAEA,OAAO,IAAMC,wBAAwB,GAAGF,MAAM,CAACC,MAAD,CAAT,0FACxB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADwB,CAA9B"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;;;;"}

package/esm/components/molecules/Snackbar/Snackbar.d.ts

@@ -15,5 +15,5 @@ export interface SnackbarProps {
     anchorDistance?: number;
     style?: StyleProp<ViewStyle>;
 }
-export declare const Snackbar: React.FC<SnackbarProps>;
+declare const Snackbar: React.FC<SnackbarProps>;
 export default Snackbar;

package/esm/components/molecules/Snackbar/Snackbar.js

@@ -1,103 +1,102 @@
-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); }
-
-import React from 'react';
+import React__default from 'react';
 import { Animated } from 'react-native';
-import { Icon } from '../../atoms/Icon';
-import { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, StyledProgressBar, TextContainer } from './styled';
-export var Snackbar = function Snackbar(_ref) {
-  var children = _ref.children,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      onClose = _ref.onClose,
-      _ref$dismissable = _ref.dismissable,
-      dismissable = _ref$dismissable === void 0 ? false : _ref$dismissable,
-      _ref$timeout = _ref.timeout,
-      timeout = _ref$timeout === void 0 ? undefined : _ref$timeout,
-      leftIcon = _ref.leftIcon,
-      _ref$colorTone = _ref.colorTone,
-      colorTone = _ref$colorTone === void 0 ? 'xlight' : _ref$colorTone,
-      _ref$colorVariant = _ref.colorVariant,
-      colorVariant = _ref$colorVariant === void 0 ? 'primary' : _ref$colorVariant,
-      _ref$rightIcon = _ref.rightIcon,
-      rightIcon = _ref$rightIcon === void 0 ? {
-    colorTone: 'medium',
-    colorVariant: 'primary'
-  } : _ref$rightIcon,
-      _ref$anchor = _ref.anchor,
-      anchor = _ref$anchor === void 0 ? 'bottom' : _ref$anchor,
-      anchorDistance = _ref.anchorDistance,
-      style = _ref.style;
-  var fadeAnim = React.useRef(new Animated.Value(0)).current;
-  var duration = 500;
+import Icon from '../../atoms/Icon/Icon.js';
+import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer, StyledProgressBar } from './styled.js';
 
-  var fadeIn = function fadeIn() {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Snackbar = ({
+  children,
+  open = true,
+  onClose,
+  dismissable = false,
+  timeout = void 0,
+  leftIcon,
+  colorTone = "xlight",
+  colorVariant = "primary",
+  rightIcon = { colorTone: "medium", colorVariant: "primary" },
+  anchor = "bottom",
+  anchorDistance,
+  style
+}) => {
+  const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
+  const duration = 500;
+  const fadeIn = () => {
     Animated.timing(fadeAnim, {
       toValue: 1,
       useNativeDriver: true,
-      duration: duration
-    }).start(function () {
-      return timeout && fadeOut();
-    });
+      duration
+    }).start(() => timeout && fadeOut());
   };
-
-  var fadeOut = function fadeOut() {
+  const fadeOut = () => {
     Animated.timing(fadeAnim, {
       toValue: 0,
       useNativeDriver: true,
-      duration: duration,
+      duration,
       delay: timeout ? timeout - duration : 0
     }).start();
   };
-
-  React.useEffect(function () {
+  React__default.useEffect(() => {
     if (open) {
       fadeIn();
     }
-
     if (open && timeout) {
-      setTimeout(function () {
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+      setTimeout(() => {
+        onClose == null ? void 0 : onClose();
       }, timeout + duration);
     }
   }, [open, timeout]);
-  return React.createElement(SnackbarContainer, {
-    colorVariant: colorVariant,
-    colorTone: colorTone,
+  return /* @__PURE__ */ React__default.createElement(SnackbarContainer, {
+    colorVariant,
+    colorTone,
     elevated: true,
-    anchor: anchor,
-    anchorDistance: anchorDistance,
+    anchor,
+    anchorDistance,
     visible: open,
-    style: [{
-      opacity: fadeAnim
-    }, style],
-    timeout: timeout
-  }, React.createElement(StyledContainerFlexRow, null, React.createElement(ContentContainer, null, leftIcon && React.createElement(IconContainer, null, React.createElement(Icon, _extends({}, leftIcon, {
+    style: [{ opacity: fadeAnim }, style],
+    timeout
+  }, /* @__PURE__ */ React__default.createElement(StyledContainerFlexRow, null, /* @__PURE__ */ React__default.createElement(ContentContainer, null, leftIcon && /* @__PURE__ */ React__default.createElement(IconContainer, null, /* @__PURE__ */ React__default.createElement(Icon, __spreadProps(__spreadValues({}, leftIcon), {
     size: "centi"
-  }))), React.createElement(TextContainer, null, children)), dismissable && React.createElement(DismissContainer, {
+  }))), /* @__PURE__ */ React__default.createElement(TextContainer, null, children)), dismissable && /* @__PURE__ */ React__default.createElement(DismissContainer, {
     effect: "none",
-    onPress: function onPress() {
+    onPress: () => {
       fadeOut();
-      setTimeout(function () {
+      setTimeout(() => {
         fadeAnim.setValue(0);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
+        onClose == null ? void 0 : onClose();
       }, duration);
     }
-  }, React.createElement(Icon, _extends({}, rightIcon, {
+  }, /* @__PURE__ */ React__default.createElement(Icon, __spreadProps(__spreadValues({}, rightIcon), {
     size: "centi",
     name: "close",
     type: "material-community"
-  })))), timeout && open && React.createElement(StyledProgressBar, {
+  })))), timeout && open && /* @__PURE__ */ React__default.createElement(StyledProgressBar, {
     valueNow: 0,
     valueMax: 100,
     valueMin: 0,
     animate: true,
     color: colorVariant,
     colorTone: "medium",
-    animationParameters: {
-      direction: 'left',
-      duration: timeout
-    }
+    animationParameters: { direction: "left", duration: timeout }
   }));
 };
-export default Snackbar;
-//# sourceMappingURL=Snackbar.js.map
+
+export { Snackbar as default };
+//# sourceMappingURL=Snackbar.js.map

package/esm/components/molecules/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","names":["React","Animated","Icon","ContentContainer","DismissContainer","IconContainer","SnackbarContainer","StyledContainerFlexRow","StyledProgressBar","TextContainer","Snackbar","children","open","onClose","dismissable","timeout","undefined","leftIcon","colorTone","colorVariant","rightIcon","anchor","anchorDistance","style","fadeAnim","useRef","Value","current","duration","fadeIn","timing","toValue","useNativeDriver","start","fadeOut","delay","useEffect","setTimeout","opacity","setValue","direction"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nexport const Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAA+C,cAA/C;AAEA,SAASC,IAAT,QAAgC,kBAAhC;AACA,SACEC,gBADF,EAEEC,gBAFF,EAGEC,aAHF,EAIEC,iBAJF,EAKEC,sBALF,EAMEC,iBANF,EAOEC,aAPF,QAQO,UARP;AA6BA,OAAO,IAAMC,QAAiC,GAAG,SAApCA,QAAoC,OAa3C;EAAA,IAZJC,QAYI,QAZJA,QAYI;EAAA,qBAXJC,IAWI;EAAA,IAXJA,IAWI,0BAXG,IAWH;EAAA,IAVJC,OAUI,QAVJA,OAUI;EAAA,4BATJC,WASI;EAAA,IATJA,WASI,iCATU,KASV;EAAA,wBARJC,OAQI;EAAA,IARJA,OAQI,6BARMC,SAQN;EAAA,IAPJC,QAOI,QAPJA,QAOI;EAAA,0BANJC,SAMI;EAAA,IANJA,SAMI,+BANQ,QAMR;EAAA,6BALJC,YAKI;EAAA,IALJA,YAKI,kCALW,SAKX;EAAA,0BAJJC,SAII;EAAA,IAJJA,SAII,+BAJQ;IAAEF,SAAS,EAAE,QAAb;IAAuBC,YAAY,EAAE;EAArC,CAIR;EAAA,uBAHJE,MAGI;EAAA,IAHJA,MAGI,4BAHK,QAGL;EAAA,IAFJC,cAEI,QAFJA,cAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,IAAMC,QAAQ,GAAGxB,KAAK,CAACyB,MAAN,CAAa,IAAIxB,QAAQ,CAACyB,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;EACA,IAAMC,QAAQ,GAAG,GAAjB;;EAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnB5B,QAAQ,CAAC6B,MAAT,CAAgBN,QAAhB,EAA0B;MACxBO,OAAO,EAAE,CADe;MAExBC,eAAe,EAAE,IAFO;MAGxBJ,QAAQ,EAARA;IAHwB,CAA1B,EAIGK,KAJH,CAIS;MAAA,OAAMlB,OAAO,IAAImB,OAAO,EAAxB;IAAA,CAJT;EAKD,CAND;;EAQA,IAAMA,OAAO,GAAG,SAAVA,OAAU,GAAM;IACpBjC,QAAQ,CAAC6B,MAAT,CAAgBN,QAAhB,EAA0B;MACxBO,OAAO,EAAE,CADe;MAExBC,eAAe,EAAE,IAFO;MAGxBJ,QAAQ,EAARA,QAHwB;MAIxBO,KAAK,EAAEpB,OAAO,GAAGA,OAAO,GAAGa,QAAb,GAAwB;IAJd,CAA1B,EAKGK,KALH;EAMD,CAPD;;EASAjC,KAAK,CAACoC,SAAN,CAAgB,YAAM;IACpB,IAAIxB,IAAJ,EAAU;MACRiB,MAAM;IACP;;IACD,IAAIjB,IAAI,IAAIG,OAAZ,EAAqB;MACnBsB,UAAU,CAAC,YAAM;QACfxB,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MACR,CAFS,EAEPE,OAAO,GAAGa,QAFH,CAAV;IAGD;EACF,CATD,EASG,CAAChB,IAAD,EAAOG,OAAP,CATH;EAWA,OACE,oBAAC,iBAAD;IACE,YAAY,EAAEI,YADhB;IAEE,SAAS,EAAED,SAFb;IAGE,QAAQ,MAHV;IAIE,MAAM,EAAEG,MAJV;IAKE,cAAc,EAAEC,cALlB;IAME,OAAO,EAAEV,IANX;IAOE,KAAK,EAAE,CAAC;MAAE0B,OAAO,EAAEd;IAAX,CAAD,EAA6CD,KAA7C,CAPT;IAQE,OAAO,EAAER;EARX,GAUE,oBAAC,sBAAD,QACE,oBAAC,gBAAD,QACGE,QAAQ,IACP,oBAAC,aAAD,QACE,oBAAC,IAAD,eAAUA,QAAV;IAAoB,IAAI,EAAC;EAAzB,GADF,CAFJ,EAME,oBAAC,aAAD,QAAgBN,QAAhB,CANF,CADF,EASGG,WAAW,IACV,oBAAC,gBAAD;IACE,MAAM,EAAC,MADT;IAEE,OAAO,EAAE,mBAAM;MACboB,OAAO;MACPG,UAAU,CAAC,YAAM;QACfb,QAAQ,CAACe,QAAT,CAAkB,CAAlB;QACA1B,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO;MACR,CAHS,EAGPe,QAHO,CAAV;IAID;EARH,GAUE,oBAAC,IAAD,eACMR,SADN;IAEE,IAAI,EAAC,OAFP;IAGE,IAAI,EAAC,OAHP;IAIE,IAAI,EAAC;EAJP,GAVF,CAVJ,CAVF,EAuCGL,OAAO,IAAIH,IAAX,IACC,oBAAC,iBAAD;IACE,QAAQ,EAAE,CADZ;IAEE,QAAQ,EAAE,GAFZ;IAGE,QAAQ,EAAE,CAHZ;IAIE,OAAO,EAAE,IAJX;IAKE,KAAK,EAAEO,YALT;IAME,SAAS,EAAC,QANZ;IAOE,mBAAmB,EAAE;MAAEqB,SAAS,EAAE,MAAb;MAAqBZ,QAAQ,EAAEb;IAA/B;EAPvB,EAxCJ,CADF;AAqDD,CAlGM;AAoGP,eAAeL,QAAf"}
+{"version":3,"file":"Snackbar.js","sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n  ContentContainer,\n  DismissContainer,\n  IconContainer,\n  SnackbarContainer,\n  StyledContainerFlexRow,\n  StyledProgressBar,\n  TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n  colorVariant?: ColorType;\n  colorTone?: ColorGradationType;\n  open: boolean;\n  /** Close callback */\n  onClose?: () => void;\n  /** Snackbar is closable */\n  dismissable?: boolean;\n  /** Time in miliseconds for auto hide */\n  timeout?: number;\n  leftIcon?: IconProps;\n  /** Properties for close icon */\n  rightIcon?: Omit<IconProps, 'name' | 'type'>;\n  anchor?: 'top' | 'bottom';\n  /** Distance from anchorage (results in px) */\n  anchorDistance?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Snackbar: React.FC<SnackbarProps> = ({\n  children,\n  open = true,\n  onClose,\n  dismissable = false,\n  timeout = undefined,\n  leftIcon,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n  anchor = 'bottom',\n  anchorDistance,\n  style,\n}) => {\n  const fadeAnim = React.useRef(new Animated.Value(0)).current;\n  const duration = 500;\n\n  const fadeIn = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 1,\n      useNativeDriver: true,\n      duration,\n    }).start(() => timeout && fadeOut());\n  };\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      useNativeDriver: true,\n      duration,\n      delay: timeout ? timeout - duration : 0,\n    }).start();\n  };\n\n  React.useEffect(() => {\n    if (open) {\n      fadeIn();\n    }\n    if (open && timeout) {\n      setTimeout(() => {\n        onClose?.();\n      }, timeout + duration);\n    }\n  }, [open, timeout]);\n\n  return (\n    <SnackbarContainer\n      colorVariant={colorVariant}\n      colorTone={colorTone}\n      elevated\n      anchor={anchor}\n      anchorDistance={anchorDistance}\n      visible={open}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      timeout={timeout}\n    >\n      <StyledContainerFlexRow>\n        <ContentContainer>\n          {leftIcon && (\n            <IconContainer>\n              <Icon {...leftIcon} size=\"centi\" />\n            </IconContainer>\n          )}\n          <TextContainer>{children}</TextContainer>\n        </ContentContainer>\n        {dismissable && (\n          <DismissContainer\n            effect=\"none\"\n            onPress={() => {\n              fadeOut();\n              setTimeout(() => {\n                fadeAnim.setValue(0);\n                onClose?.();\n              }, duration);\n            }}\n          >\n            <Icon\n              {...rightIcon}\n              size=\"centi\"\n              name=\"close\"\n              type=\"material-community\"\n            />\n          </DismissContainer>\n        )}\n      </StyledContainerFlexRow>\n      {timeout && open && (\n        <StyledProgressBar\n          valueNow={0}\n          valueMax={100}\n          valueMin={0}\n          animate={true}\n          color={colorVariant}\n          colorTone=\"medium\"\n          animationParameters={{ direction: 'left', duration: timeout }}\n        />\n      )}\n    </SnackbarContainer>\n  );\n};\n\nexport default Snackbar;\n"],"names":["React"],"mappings":"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"}

package/esm/components/molecules/Snackbar/styled.js

@@ -1,54 +1,90 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-import { RFValue } from '../../../utils';
-import { Paper } from '../../atoms/Paper';
-import { PressableSurface } from '../../atoms/PressableSurface';
-import { ProgressBar } from '../../atoms/ProgressBar';
+import 'react';
+import '../../atoms/Text/styled.js';
+import '../../atoms/Input/styled.js';
+import 'currency.js';
+import '../../atoms/Input/InputElement/InputElement.js';
+import '../../atoms/Input/InputMaskElement/InputMaskElement.js';
+import '../../atoms/Input/PressableInputContainer/styled.js';
+import { RFValue } from '../../../utils/ResponsiveFontSize.js';
+import Paper from '../../atoms/Paper/Paper.js';
+import PressableSurface from '../../atoms/PressableSurface/PressableSurface.js';
+import ProgressBar from '../../atoms/ProgressBar/ProgressBar.js';
 
-var baseStyles = function baseStyles(_ref) {
-  var theme = _ref.theme,
-      _ref$colorTone = _ref.colorTone,
-      colorTone = _ref$colorTone === void 0 ? 'xlight' : _ref$colorTone,
-      _ref$colorVariant = _ref.colorVariant,
-      colorVariant = _ref$colorVariant === void 0 ? 'primary' : _ref$colorVariant,
-      visible = _ref.visible;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  border-radius: ", ";\n  background-color: ", ";\n  position: absolute;\n  z-index: ", ";\n  display: ", ";\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n"])), theme.borderRadius.mili, theme.color[colorVariant][colorTone], theme.zIndex.modal, visible ? 'flex' : 'none');
+const baseStyles = ({
+  theme,
+  colorTone = "xlight",
+  colorVariant = "primary",
+  visible
+}) => css`
+  padding: 0;
+  border-radius: ${theme.borderRadius.mili};
+  background-color: ${theme.color[colorVariant][colorTone]};
+  position: absolute;
+  z-index: ${theme.zIndex.modal};
+  display: ${visible ? "flex" : "none"};
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: stretch;
+`;
+const anchorTop = ({
+  theme,
+  anchor,
+  anchorDistance
+}) => {
+  return anchor === "top" && css`
+      top: ${anchorDistance ? `${RFValue(anchorDistance)}px` : theme.spacing.deca};
+    `;
 };
-
-var anchorTop = function anchorTop(_ref2) {
-  var theme = _ref2.theme,
-      anchor = _ref2.anchor,
-      anchorDistance = _ref2.anchorDistance;
-  return anchor === 'top' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      top: ", ";\n    "])), anchorDistance ? "".concat(RFValue(anchorDistance), "px") : theme.spacing.deca);
-};
-
-var anchorBottom = function anchorBottom(_ref3) {
-  var theme = _ref3.theme,
-      anchor = _ref3.anchor,
-      anchorDistance = _ref3.anchorDistance;
-  return anchor === 'bottom' && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      bottom: ", ";\n    "])), anchorDistance ? "".concat(RFValue(anchorDistance), "px") : theme.spacing.deca);
+const anchorBottom = ({
+  theme,
+  anchor,
+  anchorDistance
+}) => {
+  return anchor === "bottom" && css`
+      bottom: ${anchorDistance ? `${RFValue(anchorDistance)}px` : theme.spacing.deca};
+    `;
 };
+const SnackbarContainer = styled(Paper)(
+  (props) => css`
+    ${baseStyles(props)}
+    ${anchorBottom(props)}
+    ${anchorTop(props)}
+  `
+);
+const ContentContainer = styled(View)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  flex-shrink: 1;
+`;
+const IconContainer = styled(View)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  margin-right: ${({ theme }) => theme.spacing.mili};
+`;
+const DismissContainer = styled(PressableSurface)`
+  flex-direction: row;
+  display: flex;
+  align-items: center;
+  margin-left: ${({ theme }) => theme.spacing.mili};
+`;
+const StyledProgressBar = styled(ProgressBar)`
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+`;
+const StyledContainerFlexRow = styled(View)`
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  padding: ${({ theme }) => theme.spacing.mili};
+`;
+const TextContainer = styled(View)`
+  display: flex;
+  flex-shrink: 1;
+`;
 
-export var SnackbarContainer = styled(Paper)(function (props) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n    ", "\n  "])), baseStyles(props), anchorBottom(props), anchorTop(props));
-});
-export var ContentContainer = styled(View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n"])));
-export var IconContainer = styled(View)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ", ";\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.spacing.mili;
-});
-export var DismissContainer = styled(PressableSurface)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ", ";\n"])), function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.spacing.mili;
-});
-export var StyledProgressBar = styled(ProgressBar)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n"])));
-export var StyledContainerFlexRow = styled(View)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ", ";\n"])), function (_ref6) {
-  var theme = _ref6.theme;
-  return theme.spacing.mili;
-});
-export var TextContainer = styled(View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-shrink: 1;\n"])));
-//# sourceMappingURL=styled.js.map
+export { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, StyledProgressBar, TextContainer };
+//# sourceMappingURL=styled.js.map

package/esm/components/molecules/Snackbar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","css","View","RFValue","Paper","PressableSurface","ProgressBar","baseStyles","theme","colorTone","colorVariant","visible","borderRadius","mili","color","zIndex","modal","anchorTop","anchor","anchorDistance","spacing","deca","anchorBottom","SnackbarContainer","props","ContentContainer","IconContainer","DismissContainer","StyledProgressBar","StyledContainerFlexRow","TextContainer"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,iBAA5B;AACA,SAASC,IAAT,QAAqB,cAArB;AAEA,SAASC,OAAT,QAAwB,gBAAxB;AACA,SAASC,KAAT,QAAsB,mBAAtB;AACA,SAASC,gBAAT,QAAiC,8BAAjC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAGA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IACjBC,KADiB,QACjBA,KADiB;EAAA,0BAEjBC,SAFiB;EAAA,IAEjBA,SAFiB,+BAEL,QAFK;EAAA,6BAGjBC,YAHiB;EAAA,IAGjBA,YAHiB,kCAGF,SAHE;EAAA,IAIjBC,OAJiB,QAIjBA,OAJiB;EAAA,OAK+CV,GAL/C,4RAOAO,KAAK,CAACI,YAAN,CAAmBC,IAPnB,EAQGL,KAAK,CAACM,KAAN,CAAYJ,YAAZ,EAA0BD,SAA1B,CARH,EAUND,KAAK,CAACO,MAAN,CAAaC,KAVP,EAWNL,OAAO,GAAG,MAAH,GAAY,MAXb;AAAA,CAAnB;;AAiBA,IAAMM,SAAS,GAAG,SAAZA,SAAY,QAIyB;EAAA,IAHzCT,KAGyC,SAHzCA,KAGyC;EAAA,IAFzCU,MAEyC,SAFzCA,MAEyC;EAAA,IADzCC,cACyC,SADzCA,cACyC;EACzC,OACED,MAAM,KAAK,KAAX,IACAjB,GADA,gGAESkB,cAAc,aACdhB,OAAO,CAACgB,cAAD,CADO,UAEjBX,KAAK,CAACY,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,IAAMC,YAAY,GAAG,SAAfA,YAAe,QAIsB;EAAA,IAHzCd,KAGyC,SAHzCA,KAGyC;EAAA,IAFzCU,MAEyC,SAFzCA,MAEyC;EAAA,IADzCC,cACyC,SADzCA,cACyC;EACzC,OACED,MAAM,KAAK,QAAX,IACAjB,GADA,mGAEYkB,cAAc,aACjBhB,OAAO,CAACgB,cAAD,CADU,UAEpBX,KAAK,CAACY,OAAN,CAAcC,IAJpB,CADF;AAQD,CAbD;;AAeA,OAAO,IAAME,iBAAiB,GAAGvB,MAAM,CAACI,KAAD,CAAN,CAG/B,UAAAoB,KAAK;EAAA,OAAIvB,GAAJ,0GACDM,UAAU,CAACiB,KAAD,CADT,EAEDF,YAAY,CAACE,KAAD,CAFX,EAGDP,SAAS,CAACO,KAAD,CAHR;AAAA,CAH0B,CAA1B;AAUP,OAAO,IAAMC,gBAAgB,GAAGzB,MAAM,CAACE,IAAD,CAAT,8JAAtB;AAOP,OAAO,IAAMwB,aAAa,GAAG1B,MAAM,CAACE,IAAD,CAAT,mKAIR;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJQ,CAAnB;AAOP,OAAO,IAAMc,gBAAgB,GAAG3B,MAAM,CAACK,gBAAD,CAAT,kKAIZ;EAAA,IAAGG,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJY,CAAtB;AAOP,OAAO,IAAMe,iBAAiB,GAAG5B,MAAM,CAACM,WAAD,CAAT,sIAAvB;AAKP,OAAO,IAAMuB,sBAAsB,GAAG7B,MAAM,CAACE,IAAD,CAAT,yKAItB;EAAA,IAAGM,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACY,OAAN,CAAcP,IAA7B;AAAA,CAJsB,CAA5B;AAOP,OAAO,IAAMiB,aAAa,GAAG9B,MAAM,CAACE,IAAD,CAAT,gHAAnB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n  theme,\n  colorTone = 'xlight',\n  colorVariant = 'primary',\n  visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n  padding: 0;\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.color[colorVariant][colorTone]};\n  position: absolute;\n  z-index: ${theme.zIndex.modal};\n  display: ${visible ? 'flex' : 'none'};\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: stretch;\n`;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'top' &&\n    css`\n      top: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n  anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n  return (\n    anchor === 'bottom' &&\n    css`\n      bottom: ${anchorDistance\n        ? `${RFValue(anchorDistance)}px`\n        : theme.spacing.deca};\n    `\n  );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n  Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n  `\n);\n\nexport const ContentContainer = styled(View)`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n  flex-direction: row;\n  display: flex;\n  align-items: center;\n  margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n  display: flex;\n  flex-shrink: 1;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAA,GAAA,CAAA;AAAA;AAAA,iBAAA,EAE/C,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAChB,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA;AAAA,WAAA,EAEnC,MAAM,MAAO,CAAA,KAAA,CAAA;AAAA,WAAA,EACb,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMhC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAA,GAAA,CAAA;AAAA,WAAA,EACS,iBACH,CAAG,EAAA,OAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAA,GAAA,CAAA;AAAA,cAAA,EACY,iBACN,CAAG,EAAA,OAAA,CAAQ,cAAc,CAAA,CAAA,EAAA,CAAA,GACzB,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGxB,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAErB,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGjC,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;"}