@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1,149 +1,111 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.disabledInputStyles = exports.StyledLabelContainer = exports.StyledInputElementBase = exports.StyledInputElement = exports.StyledInputContainer = exports.StyledIconContent = exports.StyledHintIcon = exports.StyledHintContainer = exports.StyledBorderKeeper = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-var _ResponsiveFontSize = require("../../../utils/ResponsiveFontSize");
-
-var _Icon = require("../Icon");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const leftIconStyles = _ref => {
-  let {
-    leftComponent,
-    theme
-  } = _ref;
-  return !leftComponent && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-left: ", ";\n  "])), theme.spacing.centi);
-};
-
-const rightIconStyles = _ref2 => {
-  let {
-    rightComponent,
-    theme
-  } = _ref2;
-  return !rightComponent && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n  "])), theme.spacing.centi);
-};
-
-const disabledContainerStyles = _ref3 => {
-  let {
-    disabled
-  } = _ref3;
-  return disabled && (0, _native.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    background-color: transparent;\n  "])));
-};
-
-const disabledInputStyles = _ref4 => {
-  let {
-    disabled,
-    theme
-  } = _ref4;
-  return disabled && (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme === null || theme === void 0 ? void 0 : theme.color.secondary.light);
-};
-
-exports.disabledInputStyles = disabledInputStyles;
-
-const focusedStyles = _ref5 => {
-  let {
-    focused,
-    borderColor = 'secondary',
-    theme
-  } = _ref5;
-  return focused && (0, _native.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    border-width: ", ";\n    border-color: ", ";\n  "])), theme.borderWidth.nano, theme.color[borderColor].dark);
-};
-
-const StyledIconContent = _native.default.View(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  z-index: ", ";\n  flex-direction: row;\n  align-items: center;\n"])), _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.zIndex.default;
-});
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
+var Icon = require('../Icon/Icon.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const leftIconStyles = ({
+  leftComponent,
+  theme
+}) => !leftComponent && styled.css`
+    padding-left: ${theme.spacing.centi};
+  `;
+const rightIconStyles = ({
+  rightComponent,
+  theme
+}) => !rightComponent && styled.css`
+    padding-right: ${theme.spacing.centi};
+  `;
+const disabledContainerStyles = ({
+  disabled
+}) => disabled && styled.css`
+    background-color: transparent;
+  `;
+const disabledInputStyles = ({
+  disabled,
+  theme
+}) => disabled && styled.css`
+    color: ${theme == null ? void 0 : theme.color.secondary.light};
+  `;
+const focusedStyles = ({
+  focused,
+  borderColor = "secondary",
+  theme
+}) => focused && styled.css`
+    border-width: ${theme.borderWidth.nano};
+    border-color: ${theme.color[borderColor].dark};
+  `;
+const StyledIconContent = styled__default["default"].View`
+  z-index: ${({ theme }) => theme.zIndex.default};
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledInputContainer = styled__default["default"].View`
+  flex-direction: row;
+  align-items: center;
+  min-height: ${ResponsiveFontSize.RFValueStr("44px")};
+`;
+const StyledInputElementBase = styled__default["default"](reactNative.TextInput)`
+  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};
+  font-size: ${({ theme }) => theme.typography.base.fontSize};
+  font-weight: ${({ theme }) => theme.font.weight.bold};
+  color: ${({ theme }) => theme.font.color.dark};
+`;
+const StyledLabelContainer = styled__default["default"].View(
+  (props) => styled.css`
+    flex: 1;
+    padding: ${props.theme.spacing.micro} 0;
+    ${leftIconStyles(props)}
+    ${rightIconStyles(props)}
+  `
+);
+const StyledBorderKeeperBase = styled__default["default"].View`
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  border-color: ${({
+  theme,
+  borderColor = "secondary",
+  borderColorGradation = "light"
+}) => theme.color[borderColor][borderColorGradation]};
+  border-radius: ${({ theme }) => theme.borderRadius.mili};
+  border-width: ${({ theme }) => theme.borderWidth.pico};
+  position: absolute;
+  width: 100%;
+  height: 100%;
+`;
+const StyledBorderKeeper = styled__default["default"](StyledBorderKeeperBase)(
+  (props) => styled.css`
+    ${focusedStyles(props)}
+    ${disabledContainerStyles(props)}
+  `
+);
+const StyledInputElement = styled__default["default"](StyledInputElementBase)(
+  (props) => styled.css`
+    ${disabledInputStyles(props)}
+  `
+);
+const StyledHintContainer = styled__default["default"].View`
+  margin-top: ${({ theme }) => theme.spacing.micro};
+  flex-direction: row;
+  align-items: center;
+`;
+const StyledHintIcon = styled__default["default"](Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
 
+exports.StyledBorderKeeper = StyledBorderKeeper;
+exports.StyledHintContainer = StyledHintContainer;
+exports.StyledHintIcon = StyledHintIcon;
 exports.StyledIconContent = StyledIconContent;
-
-const StyledInputContainer = _native.default.View(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  align-items: center;\n  min-height: ", ";\n"])), (0, _ResponsiveFontSize.RFValueStr)('44px'));
-
 exports.StyledInputContainer = StyledInputContainer;
-const StyledInputElementBase = (0, _native.default)(_reactNative.TextInput)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  color: ", ";\n"])), _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return "'".concat(theme.font.stack.default, "'");
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.typography.base.fontSize;
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.font.weight.bold;
-}, _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.font.color.dark;
-});
+exports.StyledInputElement = StyledInputElement;
 exports.StyledInputElementBase = StyledInputElementBase;
-
-const StyledLabelContainer = _native.default.View(props => (0, _native.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n    padding: ", " 0;\n    ", "\n    ", "\n  "])), props.theme.spacing.micro, leftIconStyles(props), rightIconStyles(props)));
-
 exports.StyledLabelContainer = StyledLabelContainer;
-
-const StyledBorderKeeperBase = _native.default.View(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  border-color: ", ";\n  border-radius: ", ";\n  border-width: ", ";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n"])), _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.miscellaneous.surfaceColor;
-}, _ref12 => {
-  let {
-    theme,
-    borderColor = 'secondary',
-    borderColorGradation = 'light'
-  } = _ref12;
-  return theme.color[borderColor][borderColorGradation];
-}, _ref13 => {
-  let {
-    theme
-  } = _ref13;
-  return theme.borderRadius.mili;
-}, _ref14 => {
-  let {
-    theme
-  } = _ref14;
-  return theme.borderWidth.pico;
-});
-
-const StyledBorderKeeper = (0, _native.default)(StyledBorderKeeperBase)(props => (0, _native.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), focusedStyles(props), disabledContainerStyles(props)));
-exports.StyledBorderKeeper = StyledBorderKeeper;
-const StyledInputElement = (0, _native.default)(StyledInputElementBase)(props => (0, _native.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    ", "\n  "])), disabledInputStyles(props)));
-exports.StyledInputElement = StyledInputElement;
-
-const StyledHintContainer = _native.default.View(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  margin-top: ", ";\n  flex-direction: row;\n  align-items: center;\n"])), _ref15 => {
-  let {
-    theme
-  } = _ref15;
-  return theme.spacing.micro;
-});
-
-exports.StyledHintContainer = StyledHintContainer;
-const StyledHintIcon = (0, _native.default)(_Icon.Icon)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref16 => {
-  let {
-    theme
-  } = _ref16;
-  return theme.spacing.micro;
-});
-exports.StyledHintIcon = StyledHintIcon;
-//# sourceMappingURL=styled.js.map
+exports.disabledInputStyles = disabledInputStyles;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["leftIconStyles","leftComponent","theme","css","spacing","centi","rightIconStyles","rightComponent","disabledContainerStyles","disabled","disabledInputStyles","color","secondary","light","focusedStyles","focused","borderColor","borderWidth","nano","dark","StyledIconContent","styled","View","zIndex","default","StyledInputContainer","RFValueStr","StyledInputElementBase","TextInput","font","stack","typography","base","fontSize","weight","bold","StyledLabelContainer","props","micro","StyledBorderKeeperBase","miscellaneous","surfaceColor","borderColorGradation","borderRadius","mili","pico","StyledBorderKeeper","StyledInputElement","StyledHintContainer","StyledHintIcon","Icon"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { TextInput } from 'react-native';\nimport { InputElementProps } from '.';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils/ResponsiveFontSize';\nimport { Icon } from '../Icon';\nimport { InputContainerProps } from './InputContainer/InputContainer';\n\nconst leftIconStyles = ({\n  leftComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !leftComponent &&\n  css`\n    padding-left: ${theme.spacing.centi};\n  `;\n\nconst rightIconStyles = ({\n  rightComponent,\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  !rightComponent &&\n  css`\n    padding-right: ${theme.spacing.centi};\n  `;\n\nconst disabledContainerStyles = ({\n  disabled,\n}: Partial<InputContainerProps> & StyleProps) =>\n  disabled &&\n  css`\n    background-color: transparent;\n  `;\n\nexport const disabledInputStyles = ({\n  disabled,\n  theme,\n}: Partial<InputContainerProps> & Partial<StyleProps>) =>\n  disabled &&\n  css`\n    color: ${theme?.color.secondary.light};\n  `;\n\nconst focusedStyles = ({\n  focused,\n  borderColor = 'secondary',\n  theme,\n}: Partial<InputContainerProps> & StyleProps) =>\n  focused &&\n  css`\n    border-width: ${theme.borderWidth.nano};\n    border-color: ${theme.color[borderColor].dark};\n  `;\n\nexport const StyledIconContent = styled.View<Partial<StyleProps>>`\n  z-index: ${({ theme }) => theme.zIndex.default};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledInputContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  flex-direction: row;\n  align-items: center;\n  min-height: ${RFValueStr('44px')};\n`;\n\nexport const StyledInputElementBase = styled(TextInput)<\n  InputElementProps & Partial<StyleProps>\n>`\n  font-family: ${({ theme }) => `'${theme.font.stack.default}'`};\n  font-size: ${({ theme }) => theme.typography.base.fontSize};\n  font-weight: ${({ theme }) => theme.font.weight.bold};\n  color: ${({ theme }) => theme.font.color.dark};\n`;\n\nexport const StyledLabelContainer = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>(\n  props => css`\n    flex: 1;\n    padding: ${props.theme.spacing.micro} 0;\n    ${leftIconStyles(props)}\n    ${rightIconStyles(props)}\n  `\n);\n\nconst StyledBorderKeeperBase = styled.View<\n  Partial<InputContainerProps> & Partial<StyleProps>\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  border-color: ${({\n    theme,\n    borderColor = 'secondary',\n    borderColorGradation = 'light',\n  }) => theme.color[borderColor][borderColorGradation]};\n  border-radius: ${({ theme }) => theme.borderRadius.mili};\n  border-width: ${({ theme }) => theme.borderWidth.pico};\n  position: absolute;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const StyledBorderKeeper = styled(StyledBorderKeeperBase)<\n  Partial<StyleProps>\n>(\n  props => css`\n    ${focusedStyles(props)}\n    ${disabledContainerStyles(props)}\n  `\n);\n\nexport const StyledInputElement = styled(StyledInputElementBase)<\n  InputElementProps & Partial<StyleProps>\n>(\n  props => css`\n    ${disabledInputStyles(props)}\n  `\n);\n\nexport const StyledHintContainer = styled.View<Partial<StyleProps>>`\n  margin-top: ${({ theme }) => theme.spacing.micro};\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledHintIcon = styled(Icon)<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n"],"names":["css","styled","RFValueStr","TextInput"],"mappings":"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"}

package/dist/components/atoms/Paper/Paper.js

@@ -1,29 +1,55 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _styled = require("./styled");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 Paper = _ref => {
-  let {
+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 Paper = (_a) => {
+  var _b = _a, {
     children,
-    elevated = false,
-    ...rest
-  } = _ref;
-  return _react.default.createElement(_styled.StyledPaper, _extends({}, rest, {
-    elevated: elevated
+    elevated = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "elevated"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPaper, __spreadProps(__spreadValues({}, rest), {
+    elevated
   }), children);
 };
 
-var _default = Paper;
-exports.default = _default;
-//# sourceMappingURL=Paper.js.map
+module.exports = Paper;
+//# sourceMappingURL=Paper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["Paper","children","elevated","rest"],"sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;AAQA,MAAMA,KAAqB,GAAG;EAAA,IAAC;IAC7BC,QAD6B;IAE7BC,QAAQ,GAAG,KAFkB;IAG7B,GAAGC;EAH0B,CAAD;EAAA,OAK5B,6BAAC,mBAAD,eAAiBA,IAAjB;IAAuB,QAAQ,EAAED;EAAjC,IACGD,QADH,CAL4B;AAAA,CAA9B;;eAUeD,K"}
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/atoms/Paper/Paper.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { StyledPaper } from './styled';\n\nexport interface PaperProps {\n  /** Creates elevation shadow */\n  elevated?: boolean;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Paper: FC<PaperProps> = ({\n  children,\n  elevated = false,\n  ...rest\n}): JSX.Element => (\n  <StyledPaper {...rest} elevated={elevated}>\n    {children}\n  </StyledPaper>\n);\n\nexport default Paper;\n"],"names":["React","StyledPaper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,KAAA,GAAwB,CAAC,EAIf,KAAA;AAJe,EAC7B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAW,GAAA,KAAA;AAAA,GAZb,GAU+B,EAG1B,EAAA,IAAA,GAAA,SAAA,CAH0B,EAG1B,EAAA;AAAA,IAFH,UAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBAAAA,yBAAA,CAAA,aAAA,CAACC,qDAAgB,IAAhB,CAAA,EAAA;AAAA,IAAsB,QAAA;AAAA,GAAA,CAAA,EACpB,QACH,CAAA,CAAA;AAAA;;;;"}

package/dist/components/atoms/Paper/Paper.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import React from 'react';
+import { PaperProps } from './Paper';
+declare const _default: {
+    title: string;
+    component: React.FC<PaperProps>;
+};
+export default _default;
+export declare const Base: Story<PaperProps>;

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

@@ -1,24 +1,21 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledPaper = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactNative = require("react-native");
+var reactNative = require('react-native');
+var styled = require('@emotion/native');
+var PaperAndCard = require('../shared/PaperAndCard.js');
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _PaperAndCard = require("../shared/PaperAndCard");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _templateObject;
+const StyledPaper = styled__default["default"](reactNative.Animated.View)(
+  (props) => styled.css`
+    ${PaperAndCard.baseStyles(props)}
+    ${PaperAndCard.elevatedStyles(props)}
+  `
+);
 
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledPaper = (0, _native.default)(_reactNative.Animated.View)(props => (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), (0, _PaperAndCard.baseStyles)(props), (0, _PaperAndCard.elevatedStyles)(props)));
 exports.StyledPaper = StyledPaper;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledPaper","styled","Animated","View","props","css","baseStyles","elevatedStyles"],"sources":["../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n  PaperProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;;;;;;;;;AAEO,MAAMA,WAAW,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,EAGzBC,KAAK,QAAIC,WAAJ,+FACD,IAAAC,wBAAA,EAAWF,KAAX,CADC,EAED,IAAAG,4BAAA,EAAeH,KAAf,CAFC,CAHoB,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Paper/styled.ts"],"sourcesContent":["import { Animated } from 'react-native';\nimport styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { PaperProps } from './Paper';\nimport { baseStyles, elevatedStyles } from '../shared/PaperAndCard';\n\nexport const StyledPaper = styled(Animated.View)<\n  PaperProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${elevatedStyles(props)}\n  `\n);\n"],"names":["styled","Animated","css","baseStyles","elevatedStyles"],"mappings":";;;;;;;;;;;;AAMa,MAAA,WAAA,GAAcA,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA;AAAA,EAG7C,CAAS,KAAA,KAAAC,UAAA,CAAA;AAAA,IAAA,EACLC,wBAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChBC,4BAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B;;;;"}

package/dist/components/atoms/PressableSurface/PressableSurface.js

@@ -1,99 +1,109 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("@emotion/react");
-
-var _react2 = _interopRequireDefault(require("react"));
-
-var _reactNative = require("react-native");
-
-var _utils = require("../../../utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
+'use strict';
+
+var react = require('@emotion/react');
+var React = require('react');
+var reactNative = require('react-native');
+require('../Text/styled.js');
+require('../Input/styled.js');
+require('currency.js');
+require('../Input/InputElement/InputElement.js');
+require('../Input/InputMaskElement/InputMaskElement.js');
+require('../Input/PressableInputContainer/styled.js');
+var lightenDarkenColor = require('../../../utils/lightenDarkenColor.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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 COLOR_VARIATION_FACTOR = 25;
-
-const PressableSurface = _ref => {
-  let {
+const PressableSurface = (_a) => {
+  var _b = _a, {
     children,
     surfaceColor,
     effect,
     effectIntensity,
     effectStyle,
-    style,
-    ...rest
-  } = _ref;
-  const theme = (0, _react.useTheme)();
+    style
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "surfaceColor",
+    "effect",
+    "effectIntensity",
+    "effectStyle",
+    "style"
+  ]);
+  const theme = react.useTheme();
   let effectBaseColor = theme.miscellaneous.surfaceColor;
-  let bgColor = 'transparent';
-
+  let bgColor = "transparent";
   if (surfaceColor) {
     effectBaseColor = surfaceColor;
     bgColor = effectBaseColor;
   }
-
-  const readyStyle = prepareStyle({
-    effect,
-    effectIntensity,
-    style,
-    effectStyle
-  }, effectBaseColor, bgColor);
-  return _react2.default.createElement(_reactNative.Pressable, _extends({}, rest, {
+  const readyStyle = prepareStyle(
+    { effect, effectIntensity, style, effectStyle },
+    effectBaseColor,
+    bgColor
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, __spreadProps(__spreadValues({}, rest), {
     style: readyStyle
   }), children);
 };
-
 const prepareStyle = (props, effectColor, bgColor) => {
   const {
-    effect = 'darken',
+    effect = "darken",
     effectIntensity = COLOR_VARIATION_FACTOR,
     style,
     effectStyle
   } = props;
-  const lighten = (0, _utils.lightenDarkenColor)(effectColor, effectIntensity);
-  const darken = (0, _utils.lightenDarkenColor)(effectColor, -effectIntensity);
-  const composedStyle = [{
-    backgroundColor: bgColor
-  }, style];
-
+  const lighten = lightenDarkenColor.lightenDarkenColor(effectColor, effectIntensity);
+  const darken = lightenDarkenColor.lightenDarkenColor(effectColor, -effectIntensity);
+  const composedStyle = [{ backgroundColor: bgColor }, style];
   if (effectStyle) {
-    return _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [composedStyle, effectStyle(pressed)];
-    };
+    return ({ pressed }) => [composedStyle, effectStyle(pressed)];
   }
-
   switch (effect) {
-    case 'darken':
+    case "darken":
       return applyEffectStyle(composedStyle, darken);
-
-    case 'lighten':
+    case "lighten":
       return applyEffectStyle(composedStyle, lighten);
-
-    case 'none':
+    case "none":
       return composedStyle;
   }
 };
-
 const applyEffectStyle = (style, variation) => {
-  return _ref3 => {
-    let {
-      pressed
-    } = _ref3;
-    return [style, pressed && {
-      backgroundColor: variation
-    }];
-  };
+  return ({ pressed }) => [style, pressed && { backgroundColor: variation }];
 };
 
-var _default = PressableSurface;
-exports.default = _default;
-//# sourceMappingURL=PressableSurface.js.map
+module.exports = PressableSurface;
+//# sourceMappingURL=PressableSurface.js.map