@tecsinapse/react-core 1.20.0 → 1.21.0

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

@@ -1,65 +1,45 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+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 smallVariant = ({ theme, variant }) => variant === "small" && styled.css`
+    border-radius: ${theme.borderRadius.micro};
+    padding: ${theme.spacing.nano} ${theme.spacing.mili};
+  `;
+const defaultVariant = ({ theme, variant }) => variant === "default" && styled.css`
+    border-radius: ${theme.borderRadius.mili};
+    padding: ${theme.spacing.micro} ${theme.spacing.centi};
+  `;
+const StyledTagContainerBase = styled__default["default"](reactNative.Animated.View)`
+  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  align-self: center;
+  display: ${({ visible }) => visible ? "flex" : "none"};
+`;
+const StyledTagContainer = styled__default["default"](StyledTagContainerBase)(
+  (props) => styled.css`
+    ${smallVariant(props)}
+    ${defaultVariant(props)}
+  `
+);
+const StyledLeftIcon = styled__default["default"](Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const StyledCloseIcon = styled__default["default"](Icon)`
+  margin-left: ${({ theme }) => theme.spacing.nano};
+`;
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledTagContainer = exports.StyledLeftIcon = exports.StyledCloseIcon = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-var _Icon = require("../Icon");
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const smallVariant = _ref => {
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant === 'small' && (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.micro, theme.spacing.nano, theme.spacing.mili);
-};
-
-const defaultVariant = _ref2 => {
-  let {
-    theme,
-    variant
-  } = _ref2;
-  return variant === 'default' && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border-radius: ", ";\n    padding: ", " ", ";\n  "])), theme.borderRadius.mili, theme.spacing.micro, theme.spacing.centi);
-};
-
-const StyledTagContainerBase = (0, _native.default)(_reactNative.Animated.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ", ";\n"])), _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.miscellaneous.bodyColor;
-}, _ref4 => {
-  let {
-    visible
-  } = _ref4;
-  return visible ? 'flex' : 'none';
-});
-const StyledTagContainer = (0, _native.default)(StyledTagContainerBase)(props => (0, _native.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    ", "\n    ", "\n  "])), smallVariant(props), defaultVariant(props)));
-exports.StyledTagContainer = StyledTagContainer;
-const StyledLeftIcon = (0, _native.default)(_Icon.Icon)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.spacing.micro;
-});
-exports.StyledLeftIcon = StyledLeftIcon;
-const StyledCloseIcon = (0, _native.default)(_Icon.Icon)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-left: ", ";\n"])), _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.spacing.nano;
-});
 exports.StyledCloseIcon = StyledCloseIcon;
-//# sourceMappingURL=styled.js.map
+exports.StyledLeftIcon = StyledLeftIcon;
+exports.StyledTagContainer = StyledTagContainer;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["smallVariant","theme","variant","css","borderRadius","micro","spacing","nano","mili","defaultVariant","centi","StyledTagContainerBase","styled","Animated","View","miscellaneous","bodyColor","visible","StyledTagContainer","props","StyledLeftIcon","Icon","StyledCloseIcon"],"sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAGA,MAAMA,YAAY,GAAG;EAAA,IAAC;IAAEC,KAAF;IAASC;EAAT,CAAD;EAAA,OACnBA,OAAO,KAAK,OAAZ,QACAC,WADA,8HAEmBF,KAAK,CAACG,YAAN,CAAmBC,KAFtC,EAGaJ,KAAK,CAACK,OAAN,CAAcC,IAH3B,EAGmCN,KAAK,CAACK,OAAN,CAAcE,IAHjD,CADmB;AAAA,CAArB;;AAOA,MAAMC,cAAc,GAAG;EAAA,IAAC;IAAER,KAAF;IAASC;EAAT,CAAD;EAAA,OACrBA,OAAO,KAAK,SAAZ,QACAC,WADA,gIAEmBF,KAAK,CAACG,YAAN,CAAmBI,IAFtC,EAGaP,KAAK,CAACK,OAAN,CAAcD,KAH3B,EAGoCJ,KAAK,CAACK,OAAN,CAAcI,KAHlD,CADqB;AAAA,CAAvB;;AAOA,MAAMC,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAAH,0NAGN;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACc,aAAN,CAAoBC,SAAnC;AAAA,CAHM,EAQf;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAkBA,OAAO,GAAG,MAAH,GAAY,MAArC;AAAA,CARe,CAA5B;AAWO,MAAMC,kBAAkB,GAAG,IAAAN,eAAA,EAAOD,sBAAP,EAChCQ,KAAK,QAAIhB,WAAJ,iGACDH,YAAY,CAACmB,KAAD,CADX,EAEDV,cAAc,CAACU,KAAD,CAFb,CAD2B,CAA3B;;AAOA,MAAMC,cAAc,GAAG,IAAAR,eAAA,EAAOS,UAAP,CAAH,iGACT;EAAA,IAAC;IAAEpB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,OAAN,CAAcD,KAA7B;AAAA,CADS,CAApB;;AAIA,MAAMiB,eAAe,GAAG,IAAAV,eAAA,EAAOS,UAAP,CAAH,gGACX;EAAA,IAAC;IAAEpB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACK,OAAN,CAAcC,IAA7B;AAAA,CADW,CAArB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Tag/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Animated, ViewProps } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Icon, IconProps } from '../Icon';\nimport { TagProps } from './Tag';\n\nconst smallVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'small' &&\n  css`\n    border-radius: ${theme.borderRadius.micro};\n    padding: ${theme.spacing.nano} ${theme.spacing.mili};\n  `;\n\nconst defaultVariant = ({ theme, variant }: Partial<TagProps> & StyleProps) =>\n  variant === 'default' &&\n  css`\n    border-radius: ${theme.borderRadius.mili};\n    padding: ${theme.spacing.micro} ${theme.spacing.centi};\n  `;\n\nconst StyledTagContainerBase = styled(Animated.View)<\n  Partial<TagProps> & Partial<StyleProps> & ViewProps & { visible: boolean }\n>`\n  background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  align-self: center;\n  display: ${({ visible }) => (visible ? 'flex' : 'none')};\n`;\n\nexport const StyledTagContainer = styled(StyledTagContainerBase)(\n  props => css`\n    ${smallVariant(props)}\n    ${defaultVariant(props)}\n  `\n);\n\nexport const StyledLeftIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const StyledCloseIcon = styled(Icon)<Partial<StyleProps> & IconProps>`\n  margin-left: ${({ theme }) => theme.spacing.nano};\n`;\n"],"names":["css","styled","Animated"],"mappings":";;;;;;;;;;;;AAMA,MAAM,eAAe,CAAC,EAAE,OAAO,OAAQ,EAAA,KACrC,YAAY,OACZ,IAAAA,UAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGnD,MAAM,iBAAiB,CAAC,EAAE,OAAO,OAAQ,EAAA,KACvC,YAAY,SACZ,IAAAA,UAAA,CAAA;AAAA,mBAAA,EACmB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACzB,KAAM,CAAA,OAAA,CAAQ,KAAS,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGpD,MAAM,sBAAA,GAAyBC,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,oBAAA,EAG7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAK5C,CAAC,EAAE,OAAQ,EAAA,KAAO,UAAU,MAAS,GAAA,MAAA,CAAA;AAAA,CAAA,CAAA;AAGrC,MAAA,kBAAA,GAAqBD,2BAAO,sBAAsB,CAAA;AAAA,EAC7D,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IAAA,EACL,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,eAAe,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAE1B,EAAA;AAEa,MAAA,cAAA,GAAiBC,2BAAO,IAAI,CAAA,CAAA;AAAA,gBAAA,EACvB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,eAAA,GAAkBA,2BAAO,IAAI,CAAA,CAAA;AAAA,eAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;;;;;;"}

package/dist/components/atoms/Text/Text.js

@@ -1,48 +1,82 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var styled = require('./styled.js');
+var functions = require('./functions.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);
 
-var _functions = require("./functions");
-
-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 Text = _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 Text = (_a) => {
+  var _b = _a, {
     children,
     style,
-    fontColor = 'dark',
-    colorTone = 'medium',
+    fontColor = "dark",
+    colorTone = "medium",
+    colorVariant,
+    fontWeight = "regular",
+    typography = "base",
+    numberOfLines,
+    ellipsizeMode,
+    textTransform = "none",
+    capitalFirst = false
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "style",
+    "fontColor",
+    "colorTone",
+    "colorVariant",
+    "fontWeight",
+    "typography",
+    "numberOfLines",
+    "ellipsizeMode",
+    "textTransform",
+    "capitalFirst"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledColoredText, __spreadProps(__spreadValues({}, rest), {
+    style,
+    fontColor,
+    colorTone,
     colorVariant,
-    fontWeight = 'regular',
-    typography = 'base',
+    fontWeight,
+    typography,
     numberOfLines,
     ellipsizeMode,
-    textTransform = 'none',
-    capitalFirst = false,
-    ...rest
-  } = _ref;
-  return _react.default.createElement(_styled.StyledColoredText, _extends({}, rest, {
-    style: style,
-    fontColor: fontColor,
-    colorTone: colorTone,
-    colorVariant: colorVariant,
-    fontWeight: fontWeight,
-    typography: typography,
-    numberOfLines: numberOfLines,
-    ellipsizeMode: ellipsizeMode,
-    textTransform: textTransform
-  }), (0, _functions.getLabel)(children, capitalFirst));
+    textTransform
+  }), functions.getLabel(children, capitalFirst));
 };
 
-var _default = Text;
-exports.default = _default;
-//# sourceMappingURL=Text.js.map
+module.exports = Text;
+//# sourceMappingURL=Text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["Text","children","style","fontColor","colorTone","colorVariant","fontWeight","typography","numberOfLines","ellipsizeMode","textTransform","capitalFirst","rest","getLabel"],"sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;;;;AAAA;;AAUA;;AACA;;;;;;AAwBA,MAAMA,IAAmB,GAAG,QAaT;EAAA,IAbU;IAC3BC,QAD2B;IAE3BC,KAF2B;IAG3BC,SAAS,GAAG,MAHe;IAI3BC,SAAS,GAAG,QAJe;IAK3BC,YAL2B;IAM3BC,UAAU,GAAG,SANc;IAO3BC,UAAU,GAAG,MAPc;IAQ3BC,aAR2B;IAS3BC,aAT2B;IAU3BC,aAAa,GAAG,MAVW;IAW3BC,YAAY,GAAG,KAXY;IAY3B,GAAGC;EAZwB,CAaV;EACjB,OACE,6BAAC,yBAAD,eACMA,IADN;IAEE,KAAK,EAAEV,KAFT;IAGE,SAAS,EAAEC,SAHb;IAIE,SAAS,EAAEC,SAJb;IAKE,YAAY,EAAEC,YALhB;IAME,UAAU,EAAEC,UANd;IAOE,UAAU,EAAEC,UAPd;IAQE,aAAa,EAAEC,aARjB;IASE,aAAa,EAAEC,aATjB;IAUE,aAAa,EAAEC;EAVjB,IAYG,IAAAG,mBAAA,EAASZ,QAAT,EAAmBU,YAAnB,CAZH,CADF;AAgBD,CA9BD;;eAgCeX,I"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  FontStackType,\n  FontWeightType,\n  TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { StyleProp, TextStyle } from 'react-native';\nimport { StyledColoredText } from './styled';\nimport { getLabel } from './functions';\n\nexport interface TextProps {\n  /** Font theme text color */\n  fontColor?: FontColorType;\n  /** Font theme weight */\n  fontWeight?: FontWeightType;\n  /** Font theme sizes */\n  typography?: TypographyVariationType;\n  /** Font theme stack */\n  fontStack?: FontStackType;\n  /** Palette theme colors. You can specify this prop to override theme fontColor */\n  colorVariant?: ColorType;\n  /** Palette theme colors gradation */\n  colorTone?: ColorGradationType;\n  numberOfLines?: number;\n  ellipsizeMode?: 'head' | 'middle' | 'tail' | 'clip';\n  textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';\n  capitalFirst?: boolean;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n}\n\n/** NOTE: When using colors, be careful to not override fontColor by using colorVariant and colorTone, referent to theme colors and not text colors. */\nconst Text: FC<TextProps> = ({\n  children,\n  style,\n  fontColor = 'dark',\n  colorTone = 'medium',\n  colorVariant,\n  fontWeight = 'regular',\n  typography = 'base',\n  numberOfLines,\n  ellipsizeMode,\n  textTransform = 'none',\n  capitalFirst = false,\n  ...rest\n}): JSX.Element => {\n  return (\n    <StyledColoredText\n      {...rest}\n      style={style}\n      fontColor={fontColor}\n      colorTone={colorTone}\n      colorVariant={colorVariant}\n      fontWeight={fontWeight}\n      typography={typography}\n      numberOfLines={numberOfLines}\n      ellipsizeMode={ellipsizeMode}\n      textTransform={textTransform}\n    >\n      {getLabel(children, capitalFirst)}\n    </StyledColoredText>\n  );\n};\n\nexport default Text;\n"],"names":["React","StyledColoredText","getLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCM,MAAA,IAAA,GAAsB,CAAC,EAaV,KAAA;AAbU,EAC3B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAY,GAAA,MAAA;AAAA,IACZ,SAAY,GAAA,QAAA;AAAA,IACZ,YAAA;AAAA,IACA,UAAa,GAAA,SAAA;AAAA,IACb,UAAa,GAAA,MAAA;AAAA,IACb,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAgB,GAAA,MAAA;AAAA,IAChB,YAAe,GAAA,KAAA;AAAA,GA9CjB,GAmC6B,EAYxB,EAAA,IAAA,GAAA,SAAA,CAZwB,EAYxB,EAAA;AAAA,IAXH,UAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAA;AAAA,IACA,YAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,cAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,KAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,GAEC,CAAA,EAAAC,kBAAA,CAAS,QAAU,EAAA,YAAY,CAClC,CAAA,CAAA;AAEJ;;;;"}

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

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

package/dist/components/atoms/Text/functions.js

@@ -1,15 +1,10 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getLabel = exports.getFirstCapitalCharacter = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const getFirstCapitalCharacter = value => value.charAt(0).toUpperCase().concat(value.slice(1));
+const getFirstCapitalCharacter = (value) => value.charAt(0).toUpperCase().concat(value.slice(1));
+const getLabel = (children, capitalFirst) => typeof children === "string" && capitalFirst ? getFirstCapitalCharacter(children) : children;
 
 exports.getFirstCapitalCharacter = getFirstCapitalCharacter;
-
-const getLabel = (children, capitalFirst) => typeof children === 'string' && capitalFirst ? getFirstCapitalCharacter(children) : children;
-
 exports.getLabel = getLabel;
-//# sourceMappingURL=functions.js.map
+//# sourceMappingURL=functions.js.map

package/dist/components/atoms/Text/functions.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.js","names":["getFirstCapitalCharacter","value","charAt","toUpperCase","concat","slice","getLabel","children","capitalFirst"],"sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"mappings":";;;;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCA,KAAK,CAACC,MAAN,CAAa,CAAb,EAAgBC,WAAhB,GAA8BC,MAA9B,CAAqCH,KAAK,CAACI,KAAN,CAAY,CAAZ,CAArC,CADK;;;;AAIA,MAAMC,QAAQ,GAAG,CAACC,QAAD,EAAWC,YAAX,KACtB,OAAOD,QAAP,KAAoB,QAApB,IAAgCC,YAAhC,GACIR,wBAAwB,CAACO,QAAD,CAD5B,GAEIA,QAHC"}
+{"version":3,"file":"functions.js","sources":["../../../../src/components/atoms/Text/functions.ts"],"sourcesContent":["export const getFirstCapitalCharacter = (value: string): string =>\n  value.charAt(0).toUpperCase().concat(value.slice(1));\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nexport const getLabel = (children, capitalFirst: boolean) =>\n  typeof children === 'string' && capitalFirst\n    ? getFirstCapitalCharacter(children)\n    : children;\n"],"names":[],"mappings":";;;;AAAO,MAAM,wBAA2B,GAAA,CAAC,KACvC,KAAA,KAAA,CAAM,MAAO,CAAA,CAAC,CAAE,CAAA,WAAA,EAAc,CAAA,MAAA,CAAO,KAAM,CAAA,KAAA,CAAM,CAAC,CAAC,EAAA;AAGxC,MAAA,QAAA,GAAW,CAAC,QAAA,EAAU,YACjC,KAAA,OAAO,aAAa,QAAY,IAAA,YAAA,GAC5B,wBAAyB,CAAA,QAAQ,CACjC,GAAA;;;;;"}

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

@@ -1,69 +1,31 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledText = styled__default["default"](reactNative.Text)`
+  color: ${({ theme, fontColor = "dark" }) => theme.font.color[fontColor]};
+  font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
+  font-size: ${({ theme, typography = "base" }) => theme.typography[typography].fontSize};
+  line-height: ${({ theme, typography = "base" }) => theme.typography[typography].lineHeight};
+  font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
+  text-transform: ${({ textTransform = "none" }) => `${textTransform}`};
+`;
+const colorStyles = ({
+  colorVariant,
+  colorTone,
+  theme
+}) => colorVariant && colorTone && styled.css`
+    color: ${theme.color[colorVariant][colorTone]};
+  `;
+const StyledColoredText = styled__default["default"](StyledText)(colorStyles);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledText = exports.StyledColoredText = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-var _templateObject, _templateObject2;
-
-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 StyledText = (0, _native.default)(_reactNative.Text)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-family: ", ";\n  text-transform: ", ";\n"])), _ref => {
-  let {
-    theme,
-    fontColor = 'dark'
-  } = _ref;
-  return theme.font.color[fontColor];
-}, _ref2 => {
-  let {
-    theme,
-    fontWeight = 'regular'
-  } = _ref2;
-  return theme.font.weight[fontWeight];
-}, _ref3 => {
-  let {
-    theme,
-    typography = 'base'
-  } = _ref3;
-  return theme.typography[typography].fontSize;
-}, _ref4 => {
-  let {
-    theme,
-    typography = 'base'
-  } = _ref4;
-  return theme.typography[typography].lineHeight;
-}, _ref5 => {
-  let {
-    theme,
-    fontStack = 'default'
-  } = _ref5;
-  return "'".concat(theme.font.stack[fontStack], "'");
-}, _ref6 => {
-  let {
-    textTransform = 'none'
-  } = _ref6;
-  return "".concat(textTransform);
-});
-exports.StyledText = StyledText;
-
-const colorStyles = _ref7 => {
-  let {
-    colorVariant,
-    colorTone,
-    theme
-  } = _ref7;
-  return colorVariant && colorTone && (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), theme.color[colorVariant][colorTone]);
-};
-
-const StyledColoredText = (0, _native.default)(StyledText)(colorStyles);
 exports.StyledColoredText = StyledColoredText;
-//# sourceMappingURL=styled.js.map
+exports.StyledText = StyledText;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledText","styled","RNText","theme","fontColor","font","color","fontWeight","weight","typography","fontSize","lineHeight","fontStack","stack","textTransform","colorStyles","colorVariant","colorTone","css","StyledColoredText"],"sources":["../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;AAEO,MAAMA,UAAU,GAAG,IAAAC,eAAA,EAAOC,iBAAP,CAAH,uMACZ;EAAA,IAAC;IAAEC,KAAF;IAASC,SAAS,GAAG;EAArB,CAAD;EAAA,OAAmCD,KAAK,CAACE,IAAN,CAAWC,KAAX,CAAiBF,SAAjB,CAAnC;AAAA,CADY,EAEN;EAAA,IAAC;IAAED,KAAF;IAASI,UAAU,GAAG;EAAtB,CAAD;EAAA,OACbJ,KAAK,CAACE,IAAN,CAAWG,MAAX,CAAkBD,UAAlB,CADa;AAAA,CAFM,EAIR;EAAA,IAAC;IAAEJ,KAAF;IAASM,UAAU,GAAG;EAAtB,CAAD;EAAA,OACXN,KAAK,CAACM,UAAN,CAAiBA,UAAjB,EAA6BC,QADlB;AAAA,CAJQ,EAMN;EAAA,IAAC;IAAEP,KAAF;IAASM,UAAU,GAAG;EAAtB,CAAD;EAAA,OACbN,KAAK,CAACM,UAAN,CAAiBA,UAAjB,EAA6BE,UADhB;AAAA,CANM,EAQN;EAAA,IAAC;IAAER,KAAF;IAASS,SAAS,GAAG;EAArB,CAAD;EAAA,kBACTT,KAAK,CAACE,IAAN,CAAWQ,KAAX,CAAiBD,SAAjB,CADS;AAAA,CARM,EAUH;EAAA,IAAC;IAAEE,aAAa,GAAG;EAAlB,CAAD;EAAA,iBAAmCA,aAAnC;AAAA,CAVG,CAAhB;;;AAaP,MAAMC,WAAW,GAAG;EAAA,IAAC;IACnBC,YADmB;IAEnBC,SAFmB;IAGnBd;EAHmB,CAAD;EAAA,OAKlBa,YAAY,IACZC,SADA,QAEAC,WAFA,+FAGWf,KAAK,CAACG,KAAN,CAAYU,YAAZ,EAA0BC,SAA1B,CAHX,CALkB;AAAA,CAApB;;AAWO,MAAME,iBAAiB,GAAG,IAAAlB,eAAA,EAAOD,UAAP,EAE/Be,WAF+B,CAA1B"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps, TextProps } from '@tecsinapse/react-core';\nimport { Text as RNText } from 'react-native';\n\nexport const StyledText = styled(RNText)<TextProps & Partial<StyleProps>>`\n  color: ${({ theme, fontColor = 'dark' }) => theme.font.color[fontColor]};\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-size: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].fontSize};\n  line-height: ${({ theme, typography = 'base' }) =>\n    theme.typography[typography].lineHeight};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  text-transform: ${({ textTransform = 'none' }) => `${textTransform}`};\n`;\n\nconst colorStyles = ({\n  colorVariant,\n  colorTone,\n  theme,\n}: TextProps & StyleProps) =>\n  colorVariant &&\n  colorTone &&\n  css`\n    color: ${theme.color[colorVariant][colorTone]};\n  `;\n\nexport const StyledColoredText = styled(StyledText)<\n  TextProps & Partial<StyleProps>\n>(colorStyles);\n"],"names":["styled","RNText","css"],"mappings":";;;;;;;;;;;AAIa,MAAA,UAAA,GAAaA,2BAAOC,gBAAM,CAAA,CAAA;AAAA,SAC5B,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,QAAa,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,SAAA,CAAA,CAAA;AAAA,eAC9C,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,aACP,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QAClC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,QAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,QACpC,KAAA,KAAA,CAAM,WAAW,UAAY,CAAA,CAAA,UAAA,CAAA;AAAA,eAChB,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,kBAAA,EACL,CAAC,EAAE,aAAgB,GAAA,MAAA,OAAa,CAAG,EAAA,aAAA,CAAA,CAAA,CAAA;AAAA,EAAA;AAGvD,MAAM,cAAc,CAAC;AAAA,EACnB,YAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AACF,CAAA,KACE,gBACA,SACA,IAAAC,UAAA,CAAA;AAAA,WACW,EAAA,KAAA,CAAM,MAAM,YAAc,CAAA,CAAA,SAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAGhC,MAAM,iBAAoB,GAAAF,0BAAA,CAAO,UAAU,CAAA,CAEhD,WAAW;;;;;"}

package/dist/components/atoms/shared/PaperAndCard.d.ts

@@ -1,3 +1,3 @@
 import { StyleProps } from '@tecsinapse/react-core';
-export declare const baseStyles: ({ theme }: any) => any;
+export declare const baseStyles: ({ theme }: StyleProps) => any;
 export declare const elevatedStyles: ({ theme, elevated, }: any) => any;

package/dist/components/atoms/shared/PaperAndCard.js

@@ -1,41 +1,26 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.elevatedStyles = exports.baseStyles = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = require("@emotion/native");
+var styled = require('@emotion/native');
 
-var _templateObject;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const baseStyles = _ref => {
-  let {
-    theme
-  } = _ref;
-  return (0, _native.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border-radius: ", ";\n  background-color: ", ";\n"])), theme.borderRadius.mili, theme.miscellaneous.surfaceColor);
-};
-
-exports.baseStyles = baseStyles;
-
-const elevatedStyles = _ref2 => {
-  let {
-    theme,
-    elevated = false
-  } = _ref2;
-  return elevated && [(0, _native.css)({
+const baseStyles = ({ theme }) => styled.css`
+  border-radius: ${theme.borderRadius.mili};
+  background-color: ${theme.miscellaneous.surfaceColor};
+`;
+const elevatedStyles = ({
+  theme,
+  elevated = false
+}) => elevated && [
+  styled.css({
     shadowColor: theme.miscellaneous.shadow,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
+    shadowOffset: { width: 0, height: 2 },
     shadowOpacity: 0.05,
     shadowRadius: 5,
     elevation: 2
-  })];
-};
+  })
+];
 
+exports.baseStyles = baseStyles;
 exports.elevatedStyles = elevatedStyles;
-//# sourceMappingURL=PaperAndCard.js.map
+//# sourceMappingURL=PaperAndCard.js.map

package/dist/components/atoms/shared/PaperAndCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaperAndCard.js","names":["baseStyles","theme","css","borderRadius","mili","miscellaneous","surfaceColor","elevatedStyles","elevated","shadowColor","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation"],"sources":["../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"mappings":";;;;;;;AAAA;;;;;;AAIO,MAAMA,UAAU,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,WAAgCC,WAAhC,4HACPD,KAAK,CAACE,YAAN,CAAmBC,IADZ,EAEJH,KAAK,CAACI,aAAN,CAAoBC,YAFhB;AAAA,CAAnB;;;;AAMA,MAAMC,cAAc,GAAG;EAAA,IAAC;IAC7BN,KAD6B;IAE7BO,QAAQ,GAAG;EAFkB,CAAD;EAAA,OAI5BA,QAAQ,IAAI,CACV,IAAAN,WAAA,EAAI;IACFO,WAAW,EAAER,KAAK,CAACI,aAAN,CAAoBK,MAD/B;IAEFC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAT;MAAYC,MAAM,EAAE;IAApB,CAFZ;IAGFC,aAAa,EAAE,IAHb;IAIFC,YAAY,EAAE,CAJZ;IAKFC,SAAS,EAAE;EALT,CAAJ,CADU,CAJgB;AAAA,CAAvB"}
+{"version":3,"file":"PaperAndCard.js","sources":["../../../../src/components/atoms/shared/PaperAndCard.ts"],"sourcesContent":["import { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const baseStyles = ({ theme }: StyleProps): any => css`\n  border-radius: ${theme.borderRadius.mili};\n  background-color: ${theme.miscellaneous.surfaceColor};\n`;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const elevatedStyles = ({\n  theme,\n  elevated = false,\n}: { elevated?: boolean } & StyleProps): any =>\n  elevated && [\n    css({\n      shadowColor: theme.miscellaneous.shadow,\n      shadowOffset: { width: 0, height: 2 },\n      shadowOpacity: 0.05,\n      shadowRadius: 5,\n      elevation: 2,\n    }),\n  ];\n/* eslint-enable @typescript-eslint/no-explicit-any */\n"],"names":["css"],"mappings":";;;;;;AAIO,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAA6B,KAAAA,UAAA,CAAA;AAAA,iBAAA,EACvC,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAChB,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAInC,MAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAW,GAAA,KAAA;AACb,CAAA,KACE,QAAY,IAAA;AAAA,EACVA,UAAI,CAAA;AAAA,IACF,WAAA,EAAa,MAAM,aAAc,CAAA,MAAA;AAAA,IACjC,YAAc,EAAA,EAAE,KAAO,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,IACpC,aAAe,EAAA,IAAA;AAAA,IACf,YAAc,EAAA,CAAA;AAAA,IACd,SAAW,EAAA,CAAA;AAAA,GACZ,CAAA;AACH;;;;;"}