@tecsinapse/react-core 1.19.0 → 1.21.0-beta.13

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

@@ -1,41 +1,40 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledSwitchContent = exports.StyledSwitch = exports.SWITCH_PIN_WIDTH = exports.SWITCH_BODY_WIDTH = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+require('react');
+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 ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _utils = require("../../../utils");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const SWITCH_BODY_WIDTH = '40px';
-exports.SWITCH_BODY_WIDTH = SWITCH_BODY_WIDTH;
-const SWITCH_PIN_WIDTH = '16px';
-exports.SWITCH_PIN_WIDTH = SWITCH_PIN_WIDTH;
-const StyledSwitchContent = (0, _native.default)(_reactNative.Animated.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
-  padding: 0 ${({
-  theme
-}) => theme.spacing.micro};
+const SWITCH_BODY_WIDTH = "40px";
+const SWITCH_PIN_WIDTH = "16px";
+const StyledSwitchContent = styled__default["default"](reactNative.Animated.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  padding: 0 ${({ theme }) => theme.spacing.micro};
   justify-content: center;
-  width: ${(0, _utils.RFValueStr)(SWITCH_BODY_WIDTH)};
-  height: ${(0, _utils.RFValueStr)('22px')};
+  width: ${ResponsiveFontSize.RFValueStr(SWITCH_BODY_WIDTH)};
+  height: ${ResponsiveFontSize.RFValueStr("22px")};
 `;
-exports.StyledSwitchContent = StyledSwitchContent;
-const StyledSwitch = (0, _native.default)(_reactNative.Animated.View)`
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.pill};
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  width: ${(0, _utils.RFValueStr)(SWITCH_PIN_WIDTH)};
-  height: ${(0, _utils.RFValueStr)('16px')};
+const StyledSwitch = styled__default["default"](reactNative.Animated.View)`
+  border-radius: ${({ theme }) => theme.borderRadius.pill};
+  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
+  width: ${ResponsiveFontSize.RFValueStr(SWITCH_PIN_WIDTH)};
+  height: ${ResponsiveFontSize.RFValueStr("16px")};
 `;
+
+exports.SWITCH_BODY_WIDTH = SWITCH_BODY_WIDTH;
+exports.SWITCH_PIN_WIDTH = SWITCH_PIN_WIDTH;
 exports.StyledSwitch = StyledSwitch;
-//# sourceMappingURL=styled.js.map
+exports.StyledSwitchContent = StyledSwitchContent;
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["SWITCH_BODY_WIDTH","SWITCH_PIN_WIDTH","StyledSwitchContent","styled","Animated","View","theme","borderRadius","pill","spacing","micro","RFValueStr","StyledSwitch","miscellaneous","surfaceColor"],"sources":["../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;AAEO,MAAMA,iBAAiB,GAAG,MAA1B;;AACA,MAAMC,gBAAgB,GAAG,MAAzB;;AAEA,MAAMC,mBAAmB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAA2C;AAC9E,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,eAAe,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACG,OAAN,CAAcC,KAAM;AAClD;AACA,WAAW,IAAAC,iBAAA,EAAWX,iBAAX,CAA8B;AACzC,YAAY,IAAAW,iBAAA,EAAW,MAAX,CAAmB;AAC/B,CANO;;AAQA,MAAMC,YAAY,GAAG,IAAAT,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAA2C;AACvE,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,YAAN,CAAmBC,IAAK;AAC1D,sBAAsB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACO,aAAN,CAAoBC,YAAa;AACtE,WAAW,IAAAH,iBAAA,EAAWV,gBAAX,CAA6B;AACxC,YAAY,IAAAU,iBAAA,EAAW,MAAX,CAAmB;AAC/B,CALO"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Switch/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Animated } from 'react-native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { RFValueStr } from '../../../utils';\n\nexport const SWITCH_BODY_WIDTH = '40px';\nexport const SWITCH_PIN_WIDTH = '16px';\n\nexport const StyledSwitchContent = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  padding: 0 ${({ theme }) => theme.spacing.micro};\n  justify-content: center;\n  width: ${RFValueStr(SWITCH_BODY_WIDTH)};\n  height: ${RFValueStr('22px')};\n`;\n\nexport const StyledSwitch = styled(Animated.View)<Partial<StyleProps>>`\n  border-radius: ${({ theme }) => theme.borderRadius.pill};\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  width: ${RFValueStr(SWITCH_PIN_WIDTH)};\n  height: ${RFValueStr('16px')};\n`;\n"],"names":["styled","Animated","RFValueStr"],"mappings":";;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAoB,GAAA,OAAA;AAC1B,MAAM,gBAAmB,GAAA,OAAA;AAEnB,MAAA,mBAAA,GAAsBA,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EACpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,aAAA,EACtC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,SAAA,EAEjCC,8BAAW,iBAAiB,CAAA,CAAA;AAAA,UAAA,EAC3BA,8BAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGhB,MAAA,YAAA,GAAeF,0BAAO,CAAAC,oBAAA,CAAS,IAAI,CAAA,CAAA;AAAA,iBAAA,EAC7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,SAAA,EAC9CC,8BAAW,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAC1BA,8BAAW,MAAM,CAAA,CAAA;AAAA;;;;;;;"}

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

@@ -1,62 +1,86 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var PressableSurface = require('../PressableSurface/PressableSurface.js');
+var styled = require('./styled.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
-
-var _PressableSurface = require("../PressableSurface");
-
-var _styled = require("./styled");
-
-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 _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 Tag = ({
-  value,
-  icon,
-  variant = 'small',
-  dismiss: canDismiss = false,
-  onDismiss,
-  style,
-  ...rest
-}) => {
-  const [dismiss, setDismiss] = (0, _react.useState)(false);
-
-  const fadeAnim = _react.default.useRef(new _reactNative.Animated.Value(1)).current;
+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 Tag = (_a) => {
+  var _b = _a, {
+    value,
+    icon,
+    variant = "small",
+    dismiss: canDismiss = false,
+    onDismiss,
+    style
+  } = _b, rest = __objRest(_b, [
+    "value",
+    "icon",
+    "variant",
+    "dismiss",
+    "onDismiss",
+    "style"
+  ]);
+  const [dismiss, setDismiss] = React.useState(false);
+  const fadeAnim = React__default["default"].useRef(new reactNative.Animated.Value(1)).current;
   const duration = 300;
-
   const fadeOut = () => {
-    _reactNative.Animated.timing(fadeAnim, {
+    reactNative.Animated.timing(fadeAnim, {
       toValue: 0,
       duration,
       useNativeDriver: true
     }).start();
   };
-
-  const handleDismiss = (0, _react.useCallback)(() => {
+  const handleDismiss = React.useCallback(() => {
     onDismiss == null ? void 0 : onDismiss();
     fadeOut();
     setTimeout(() => setDismiss(true), duration);
   }, [onDismiss]);
-  return _react.default.createElement(_styled.StyledTagContainer, _extends({}, rest, {
-    variant: variant,
-    style: [{
-      opacity: fadeAnim
-    }, style],
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledTagContainer, __spreadProps(__spreadValues({}, rest), {
+    variant,
+    style: [{ opacity: fadeAnim }, style],
     visible: !dismiss
-  }), icon && _react.default.createElement(_styled.StyledLeftIcon, _extends({
-    size: icon.size || 'micro',
-    colorVariant: icon.colorVariant || 'primary'
-  }, icon)), value, canDismiss && _react.default.createElement(_PressableSurface.PressableSurface, {
+  }), icon && /* @__PURE__ */ React__default["default"].createElement(styled.StyledLeftIcon, __spreadValues({
+    size: icon.size || "micro",
+    colorVariant: icon.colorVariant || "primary"
+  }, icon)), value, canDismiss && /* @__PURE__ */ React__default["default"].createElement(PressableSurface, {
     onPress: handleDismiss
-  }, _react.default.createElement(_styled.StyledCloseIcon, {
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledCloseIcon, {
     name: "close-outline",
     type: "ionicon",
     size: "centi",
@@ -64,6 +88,5 @@ const Tag = ({
   })));
 };
 
-var _default = Tag;
-exports.default = _default;
-//# sourceMappingURL=Tag.js.map
+module.exports = Tag;
+//# sourceMappingURL=Tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["Tag","value","icon","variant","dismiss","canDismiss","onDismiss","style","rest","setDismiss","useState","fadeAnim","React","useRef","Animated","Value","current","duration","fadeOut","timing","toValue","useNativeDriver","start","handleDismiss","useCallback","setTimeout","opacity","size","colorVariant"],"sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;AAUA,MAAMA,GAAuB,GAAG,CAAC;EAC/BC,KAD+B;EAE/BC,IAF+B;EAG/BC,OAAO,GAAG,OAHqB;EAI/BC,OAAO,EAAEC,UAAU,GAAG,KAJS;EAK/BC,SAL+B;EAM/BC,KAN+B;EAO/B,GAAGC;AAP4B,CAAD,KAQb;EACjB,MAAM,CAACJ,OAAD,EAAUK,UAAV,IAAwB,IAAAC,eAAA,EAAS,KAAT,CAA9B;;EACA,MAAMC,QAAQ,GAAGC,cAAA,CAAMC,MAAN,CAAa,IAAIC,qBAAA,CAASC,KAAb,CAAmB,CAAnB,CAAb,EAAoCC,OAArD;;EACA,MAAMC,QAAQ,GAAG,GAAjB;;EAEA,MAAMC,OAAO,GAAG,MAAM;IACpBJ,qBAAA,CAASK,MAAT,CAAgBR,QAAhB,EAA0B;MACxBS,OAAO,EAAE,CADe;MAExBH,QAFwB;MAGxBI,eAAe,EAAE;IAHO,CAA1B,EAIGC,KAJH;EAKD,CAND;;EAQA,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EAAY,MAAM;IACtClB,SAAS,QAAT,YAAAA,SAAS;IACTY,OAAO;IACPO,UAAU,CAAC,MAAMhB,UAAU,CAAC,IAAD,CAAjB,EAAyBQ,QAAzB,CAAV;EACD,CAJqB,EAInB,CAACX,SAAD,CAJmB,CAAtB;EAMA,OACE,6BAAC,0BAAD,eACME,IADN;IAEE,OAAO,EAAEL,OAFX;IAGE,KAAK,EAAE,CAAC;MAAEuB,OAAO,EAAEf;IAAX,CAAD,EAA6CJ,KAA7C,CAHT;IAIE,OAAO,EAAE,CAACH;EAJZ,IAMGF,IAAI,IACH,6BAAC,sBAAD;IACE,IAAI,EAAEA,IAAI,CAACyB,IAAL,IAAa,OADrB;IAEE,YAAY,EAAEzB,IAAI,CAAC0B,YAAL,IAAqB;EAFrC,GAGM1B,IAHN,EAPJ,EAaGD,KAbH,EAcGI,UAAU,IACT,6BAAC,kCAAD;IAAkB,OAAO,EAAEkB;EAA3B,GACE,6BAAC,uBAAD;IACE,IAAI,EAAC,eADP;IAEE,IAAI,EAAC,SAFP;IAGE,IAAI,EAAC,OAHP;IAIE,SAAS,EAAC;EAJZ,EADF,CAfJ,CADF;AA2BD,CAtDD;;eAwDevB,G"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Animated, ViewProps } from 'react-native';\nimport { IconProps } from '../Icon';\nimport { PressableSurface } from '../PressableSurface';\nimport { StyledCloseIcon, StyledLeftIcon, StyledTagContainer } from './styled';\n\nexport interface TagProps extends ViewProps {\n  value: React.ReactNode;\n  icon?: IconProps;\n  dismiss?: boolean;\n  onDismiss?: () => void;\n  variant?: 'small' | 'default';\n}\n\nconst Tag: React.FC<TagProps> = ({\n  value,\n  icon,\n  variant = 'small',\n  dismiss: canDismiss = false,\n  onDismiss,\n  style,\n  ...rest\n}): JSX.Element => {\n  const [dismiss, setDismiss] = useState(false);\n  const fadeAnim = React.useRef(new Animated.Value(1)).current;\n  const duration = 300;\n\n  const fadeOut = () => {\n    Animated.timing(fadeAnim, {\n      toValue: 0,\n      duration,\n      useNativeDriver: true,\n    }).start();\n  };\n\n  const handleDismiss = useCallback(() => {\n    onDismiss?.();\n    fadeOut();\n    setTimeout(() => setDismiss(true), duration);\n  }, [onDismiss]);\n\n  return (\n    <StyledTagContainer\n      {...rest}\n      variant={variant}\n      style={[{ opacity: fadeAnim as unknown as number }, style]}\n      visible={!dismiss}\n    >\n      {icon && (\n        <StyledLeftIcon\n          size={icon.size || 'micro'}\n          colorVariant={icon.colorVariant || 'primary'}\n          {...icon}\n        />\n      )}\n      {value}\n      {canDismiss && (\n        <PressableSurface onPress={handleDismiss}>\n          <StyledCloseIcon\n            name=\"close-outline\"\n            type=\"ionicon\"\n            size=\"centi\"\n            fontColor=\"medium\"\n          />\n        </PressableSurface>\n      )}\n    </StyledTagContainer>\n  );\n};\n\nexport default Tag;\n"],"names":["useState","React","Animated","useCallback","StyledTagContainer","StyledLeftIcon","StyledCloseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,GAAA,GAA0B,CAAC,EAQd,KAAA;AARc,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAU,GAAA,OAAA;AAAA,IACV,SAAS,UAAa,GAAA,KAAA;AAAA,IACtB,SAAA;AAAA,IACA,KAAA;AAAA,GApBF,GAciC,EAO5B,EAAA,IAAA,GAAA,SAAA,CAP4B,EAO5B,EAAA;AAAA,IANH,OAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA,CAAA;AAC5C,EAAM,MAAA,QAAA,GAAWC,0BAAM,MAAO,CAAA,IAAIC,qBAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACrD,EAAA,MAAM,QAAW,GAAA,GAAA,CAAA;AAEjB,EAAA,MAAM,UAAU,MAAM;AACpB,IAAAA,oBAAA,CAAS,OAAO,QAAU,EAAA;AAAA,MACxB,OAAS,EAAA,CAAA;AAAA,MACT,QAAA;AAAA,MACA,eAAiB,EAAA,IAAA;AAAA,KAClB,EAAE,KAAM,EAAA,CAAA;AAAA,GACX,CAAA;AAEA,EAAM,MAAA,aAAA,GAAgBC,kBAAY,MAAM;AACtC,IAAA,SAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,SAAA,EAAA,CAAA;AACA,IAAQ,OAAA,EAAA,CAAA;AACR,IAAA,UAAA,CAAW,MAAM,UAAA,CAAW,IAAI,CAAA,EAAG,QAAQ,CAAA,CAAA;AAAA,GAC7C,EAAG,CAAC,SAAS,CAAC,CAAA,CAAA;AAEd,EACE,uBAAAF,yBAAA,CAAA,aAAA,CAACG,4DACK,IADL,CAAA,EAAA;AAAA,IAEC,OAAA;AAAA,IACA,OAAO,CAAC,EAAE,OAAS,EAAA,QAAA,IAAiC,KAAK,CAAA;AAAA,IACzD,SAAS,CAAC,OAAA;AAAA,GAAA,CAAA,EAET,wBACEH,yBAAA,CAAA,aAAA,CAAAI,qBAAA,EAAA,cAAA,CAAA;AAAA,IACC,IAAA,EAAM,KAAK,IAAQ,IAAA,OAAA;AAAA,IACnB,YAAA,EAAc,KAAK,YAAgB,IAAA,SAAA;AAAA,GAAA,EAC/B,IACN,CAAA,CAAA,EAED,KACA,EAAA,UAAA,oBACEJ,yBAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IAAiB,OAAS,EAAA,aAAA;AAAA,GAAA,kBACxBA,yBAAA,CAAA,aAAA,CAAAK,sBAAA,EAAA;AAAA,IACC,IAAK,EAAA,eAAA;AAAA,IACL,IAAK,EAAA,SAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1 +1,2 @@
-export { default as Tag, TagProps } from './Tag';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

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

@@ -1,61 +1,45 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.StyledTagContainer = exports.StyledLeftIcon = exports.StyledCloseIcon = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireWildcard(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactNative = require('react-native');
+var Icon = require('../Icon/Icon.js');
 
-var _reactNative = require("react-native");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _Icon = require("../Icon");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const smallVariant = ({
-  theme,
-  variant
-}) => variant === 'small' && (0, _native.css)`
+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' && (0, _native.css)`
+const defaultVariant = ({ theme, variant }) => variant === "default" && styled.css`
     border-radius: ${theme.borderRadius.mili};
     padding: ${theme.spacing.micro} ${theme.spacing.centi};
   `;
-
-const StyledTagContainerBase = (0, _native.default)(_reactNative.Animated.View)`
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.bodyColor};
+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'};
+  display: ${({ visible }) => visible ? "flex" : "none"};
 `;
-const StyledTagContainer = (0, _native.default)(StyledTagContainerBase)(props => (0, _native.css)`
+const StyledTagContainer = styled__default["default"](StyledTagContainerBase)(
+  (props) => styled.css`
     ${smallVariant(props)}
     ${defaultVariant(props)}
-  `);
-exports.StyledTagContainer = StyledTagContainer;
-const StyledLeftIcon = (0, _native.default)(_Icon.Icon)`
-  margin-right: ${({
-  theme
-}) => theme.spacing.micro};
+  `
+);
+const StyledLeftIcon = styled__default["default"](Icon)`
+  margin-right: ${({ theme }) => theme.spacing.micro};
 `;
-exports.StyledLeftIcon = StyledLeftIcon;
-const StyledCloseIcon = (0, _native.default)(_Icon.Icon)`
-  margin-left: ${({
-  theme
-}) => theme.spacing.nano};
+const StyledCloseIcon = styled__default["default"](Icon)`
+  margin-left: ${({ theme }) => 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,CAAC;EAAEC,KAAF;EAASC;AAAT,CAAD,KACnBA,OAAO,KAAK,OAAZ,IACA,IAAAC,WAAA,CAAI;AACN,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,KAAM;AAC9C,eAAeJ,KAAK,CAACK,OAAN,CAAcC,IAAK,IAAGN,KAAK,CAACK,OAAN,CAAcE,IAAK;AACxD,GALA;;AAOA,MAAMC,cAAc,GAAG,CAAC;EAAER,KAAF;EAASC;AAAT,CAAD,KACrBA,OAAO,KAAK,SAAZ,IACA,IAAAC,WAAA,CAAI;AACN,qBAAqBF,KAAK,CAACG,YAAN,CAAmBI,IAAK;AAC7C,eAAeP,KAAK,CAACK,OAAN,CAAcD,KAAM,IAAGJ,KAAK,CAACK,OAAN,CAAcI,KAAM;AAC1D,GALA;;AAOA,MAAMC,sBAAsB,GAAG,IAAAC,eAAA,EAAOC,qBAAA,CAASC,IAAhB,CAE7B;AACF,sBAAsB,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACc,aAAN,CAAoBC,SAAU;AACnE;AACA;AACA;AACA;AACA,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAkBA,OAAO,GAAG,MAAH,GAAY,MAAQ;AAC1D,CATA;AAWO,MAAMC,kBAAkB,GAAG,IAAAN,eAAA,EAAOD,sBAAP,EAChCQ,KAAK,IAAI,IAAAhB,WAAA,CAAI;AACf,MAAMH,YAAY,CAACmB,KAAD,CAAQ;AAC1B,MAAMV,cAAc,CAACU,KAAD,CAAQ;AAC5B,GAJkC,CAA3B;;AAOA,MAAMC,cAAc,GAAG,IAAAR,eAAA,EAAOS,UAAP,CAA8C;AAC5E,kBAAkB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACK,OAAN,CAAcD,KAAM;AACrD,CAFO;;AAIA,MAAMiB,eAAe,GAAG,IAAAV,eAAA,EAAOS,UAAP,CAA8C;AAC7E,iBAAiB,CAAC;EAAEpB;AAAF,CAAD,KAAeA,KAAK,CAACK,OAAN,CAAcC,IAAK;AACnD,CAFO"}
+{"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,45 +1,82 @@
-"use strict";
+'use strict';
 
-exports.__esModule = 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 = ({
-  children,
-  style,
-  fontColor = 'dark',
-  colorTone = 'medium',
-  colorVariant,
-  fontWeight = 'regular',
-  typography = 'base',
-  numberOfLines,
-  ellipsizeMode,
-  textTransform = 'none',
-  capitalFirst = false,
-  ...rest
-}) => {
-  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));
+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",
+    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,
+    typography,
+    numberOfLines,
+    ellipsizeMode,
+    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,CAAC;EAC3BC,QAD2B;EAE3BC,KAF2B;EAG3BC,SAAS,GAAG,MAHe;EAI3BC,SAAS,GAAG,QAJe;EAK3BC,YAL2B;EAM3BC,UAAU,GAAG,SANc;EAO3BC,UAAU,GAAG,MAPc;EAQ3BC,aAR2B;EAS3BC,aAT2B;EAU3BC,aAAa,GAAG,MAVW;EAW3BC,YAAY,GAAG,KAXY;EAY3B,GAAGC;AAZwB,CAAD,KAaT;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,13 +1,10 @@
-"use strict";
+'use strict';
 
-exports.__esModule = 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/index.d.ts

@@ -1 +1,2 @@
-export { default as Text, TextProps } from './Text';
+export { default as Text } from './Text';
+export type { TextProps } from './Text';