npm - @tecsinapse/react-core - Versions diffs - 1.15.1 → 1.16.0 - Mend

@tecsinapse/react-core 1.15.1 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (247) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [1.16.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.15.1...@tecsinapse/react-core@1.16.0) (2022-05-10)
+### Bug Fixes
+* inputMask accepting undefined. ([6037162](https://github.com/tecsinapse/design-system/commit/6037162a564c118c8faed8359418ff7eda6d1645))
 ## [1.15.1](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.15.0...@tecsinapse/react-core@1.15.1) (2022-04-01)

package/dist/components/atoms/Avatar/Avatar.js CHANGED Viewed

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

package/dist/components/atoms/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":["Avatar","source","name","onPress","size","TextComponent","Text","hasError","setHasError","React","useState","useEffect","StyledText"],"mappings":"~~;;;;;;;~~AAAA;;AAGA;;AACA;;AACA;;;;AAmBO,MAAMA,MAA6B,GAAG,CAAC;AAC5CC,EAAAA,MAD4C;AAE5CC,EAAAA,IAF4C;AAG5CC,EAAAA,OAH4C;AAI5CC,EAAAA,IAAI,GAAG,MAJqC;AAK5CC,EAAAA,aAAa,GAAGC;AAL4B,CAAD,KAMvC;AACJ,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BC,eAAMC,QAAN,CAAwB,KAAxB,CAAhC;;AAGAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,WAAW,CAAC,KAAD,CAAX;AACD,GAFD,EAEG,CAACP,MAAD,CAFH;;AAIA,QAAMW,UAAU,GAAG,oCAAuBP,aAAvB,CAAnB;AAEA,SACE,6BAAC,6BAAD;AAAuB,IAAA,MAAM,EAAC,MAA9B;AAAqC,IAAA,OAAO,EAAEF,OAA9C;AAAuD,IAAA,IAAI,EAAEC;AAA7D,KACGH,MAAM,IAAI,CAACM,QAAX,GACC,6BAAC,oBAAD;AAAc,IAAA,MAAM,EAAEN,MAAtB;AAA8B,IAAA,OAAO,EAAE,MAAMO,WAAW,CAAC,IAAD;AAAxD,IADD,GAGC,6BAAC,wBAAD,QACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,SAAS,EAAC;AAAxC,KACG,0BAAYN,IAAZ,CADH,CADF,CAJJ,CADF;AAaD,CA7BM;;;eA+BQF,M","sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' \| 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nexport const Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"file":"Avatar.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Avatar/Avatar.tsx"],"names":["Avatar","source","name","onPress","size","TextComponent","Text","hasError","setHasError","React","useState","useEffect","StyledText"],"mappings":";;;;;AAAA;;AAGA;;AACA;;AACA;;;;AAmBO,MAAMA,MAA6B,GAAG,CAAC;AAC5CC,EAAAA,MAD4C;AAE5CC,EAAAA,IAF4C;AAG5CC,EAAAA,OAH4C;AAI5CC,EAAAA,IAAI,GAAG,MAJqC;AAK5CC,EAAAA,aAAa,GAAGC;AAL4B,CAAD,KAMvC;AACJ,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BC,eAAMC,QAAN,CAAwB,KAAxB,CAAhC;;AAGAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,WAAW,CAAC,KAAD,CAAX;AACD,GAFD,EAEG,CAACP,MAAD,CAFH;;AAIA,QAAMW,UAAU,GAAG,oCAAuBP,aAAvB,CAAnB;AAEA,SACE,6BAAC,6BAAD;AAAuB,IAAA,MAAM,EAAC,MAA9B;AAAqC,IAAA,OAAO,EAAEF,OAA9C;AAAuD,IAAA,IAAI,EAAEC;AAA7D,KACGH,MAAM,IAAI,CAACM,QAAX,GACC,6BAAC,oBAAD;AAAc,IAAA,MAAM,EAAEN,MAAtB;AAA8B,IAAA,OAAO,EAAE,MAAMO,WAAW,CAAC,IAAD;AAAxD,IADD,GAGC,6BAAC,wBAAD,QACE,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAC,MAAvB;AAA8B,IAAA,SAAS,EAAC;AAAxC,KACG,0BAAYN,IAAZ,CADH,CADF,CAJJ,CADF;AAaD,CA7BM;;;eA+BQF,M","sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' \| 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nexport const Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"file":"Avatar.js"}

package/dist/components/atoms/Avatar/helpers.js CHANGED Viewed

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.getIniciais = void 0;
 const getIniciais = name => {

package/dist/components/atoms/Avatar/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"mappings":"~~;;;;;;;~~AAAO,MAAMA,WAAW,GAAIC,IAAD,IAA0B;AACnD,QAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;AACA,MAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;AACxB,WAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEAL,IAAI,IAAIA,IAAI,CAAC,CAAD,CAFZ,EAGJM,IAHI,CAGC,EAHD,CAAP;AAID;;AACD,SAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM","sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"file":"helpers.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Avatar/helpers.ts"],"names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"mappings":";;;;;AAAO,MAAMA,WAAW,GAAIC,IAAD,IAA0B;AACnD,QAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;AACA,MAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;AACxB,WAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEAL,IAAI,IAAIA,IAAI,CAAC,CAAD,CAFZ,EAGJM,IAHI,CAGC,EAHD,CAAP;AAID;;AACD,SAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM","sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"file":"helpers.js"}

package/dist/components/atoms/Avatar/index.js CHANGED Viewed

@@ -1,23 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Avatar", {
-  enumerable: true,
-  get: function () {
-    return _Avatar.default;
-  }
-});
-Object.defineProperty(exports, "AvatarProps", {
-  enumerable: true,
-  get: function () {
-    return _Avatar.AvatarProps;
-  }
-});
+exports.__esModule = true;
+exports.AvatarProps = exports.Avatar = void 0;
 var _Avatar = _interopRequireWildcard(require("./Avatar"));
+exports.Avatar = _Avatar.default;
+exports.AvatarProps = _Avatar.AvatarProps;
 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; }

package/dist/components/atoms/Avatar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Avatar/index.ts"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA","sourcesContent":["export { default as Avatar, AvatarProps } from './Avatar';\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Avatar/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Avatar, AvatarProps } from './Avatar';\n"],"file":"index.js"}

package/dist/components/atoms/Avatar/styled.js CHANGED Viewed

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.getStyledTextComponent = exports.StyledBackground = exports.StyledAvatar = exports.ContainerButtonAvatar = void 0;
 var _native = _interopRequireDefault(require("@emotion/native"));

package/dist/components/atoms/Avatar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"names":["ContainerButtonAvatar","PressableSurface","theme","size","iconSize","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"mappings":"~~;;;;;;;~~AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,qBAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAED,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,CAPO;;AASA,MAAME,YAAY,GAAG,qBAAOC,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"file":"styled.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Avatar/styled.ts"],"names":["ContainerButtonAvatar","PressableSurface","theme","size","iconSize","StyledAvatar","Image","borderRadius","pill","StyledBackground","View","color","secondary","dark","getStyledTextComponent","component"],"mappings":";;;;;AAAA;;AAEA;;AAEA;;;;AAIO,MAAMA,qBAAqB,GAAG,qBAAOC,kCAAP,CAEnC;AACF,WAAW,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACPD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,YAAY,CAAC;AAAED,EAAAA,KAAF;AAASC,EAAAA,IAAI,GAAG;AAAhB,CAAD,KACRD,KAAK,CAACE,QAAN,CAAeD,IAAf,CAAqB;AACzB,CAPO;;AASA,MAAME,YAAY,GAAG,qBAAOC,kBAAP,CAAmC;AAC/D,mBAAmB,CAAC;AAAEJ,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE;AACA;AACA;AACA,CALO;;AAOA,MAAMC,gBAAgB,GAAG,qBAAOC,iBAAP,CAAkC;AAClE,mBAAmB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACK,YAAN,CAAmBC,IAAK;AACtE,sBAAsB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAA2BA,KAAK,CAACS,KAAN,CAAYC,SAAZ,CAAsBC,IAAK;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA,CATO;;;AAWA,MAAMC,sBAAsB,GAAIC,SAAD,IAA8B;AAClE,SAAO,qBAAOA,SAAP,CAAkB;AAC3B;AACA;AACA;AACA;AACA,GALE;AAMD,CAPM","sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"file":"styled.js"}

package/dist/components/atoms/Badge/Badge.js CHANGED Viewed

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

package/dist/components/atoms/Badge/Badge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"names":["Badge","children","style","color","tone","value"],"mappings":"~~;;;;;;;~~AAAA;;AAGA;;;;AASA,MAAMA,KAAqB,GAAG,CAAC;AAC7BC,EAAAA,QAD6B;AAE7BC,EAAAA,KAF6B;AAG7BC,EAAAA,KAAK,GAAG,SAHqB;AAI7BC,EAAAA,IAAI,GAAG,QAJsB;AAK7BC,EAAAA;AAL6B,CAAD,KAMX;AACjB,SACE,6BAAC,kBAAD,QACGJ,QADH,EAEE,6BAAC,kBAAD;AAAY,IAAA,KAAK,EAAEC,KAAnB;AAA0B,IAAA,KAAK,EAAEC,KAAjC;AAAwC,IAAA,IAAI,EAAEC;AAA9C,KACGC,KADH,CAFF,CADF;AAQD,CAfD;;eAiBeL,K","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"file":"Badge.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"names":["Badge","children","style","color","tone","value"],"mappings":";;;;;AAAA;;AAGA;;;;AASA,MAAMA,KAAqB,GAAG,CAAC;AAC7BC,EAAAA,QAD6B;AAE7BC,EAAAA,KAF6B;AAG7BC,EAAAA,KAAK,GAAG,SAHqB;AAI7BC,EAAAA,IAAI,GAAG,QAJsB;AAK7BC,EAAAA;AAL6B,CAAD,KAMX;AACjB,SACE,6BAAC,kBAAD,QACGJ,QADH,EAEE,6BAAC,kBAAD;AAAY,IAAA,KAAK,EAAEC,KAAnB;AAA0B,IAAA,KAAK,EAAEC,KAAjC;AAAwC,IAAA,IAAI,EAAEC;AAA9C,KACGC,KADH,CAFF,CADF;AAQD,CAfD;;eAiBeL,K","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n}\n\nconst Badge: FC<BadgeProps> = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"file":"Badge.js"}

package/dist/components/atoms/Badge/index.js CHANGED Viewed

@@ -1,23 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function () {
-    return _Badge.default;
-  }
-});
-Object.defineProperty(exports, "BadgeProps", {
-  enumerable: true,
-  get: function () {
-    return _Badge.BadgeProps;
-  }
-});
+exports.__esModule = true;
+exports.BadgeProps = exports.Badge = void 0;
 var _Badge = _interopRequireWildcard(require("./Badge"));
+exports.Badge = _Badge.default;
+exports.BadgeProps = _Badge.BadgeProps;
 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; }

package/dist/components/atoms/Badge/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Badge/index.ts"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA","sourcesContent":["export { default as Badge, BadgeProps } from './Badge';\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Badge/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as Badge, BadgeProps } from './Badge';\n"],"file":"index.js"}

package/dist/components/atoms/Badge/styled.js CHANGED Viewed

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.ViewStyled = exports.BadgeStyle = void 0;
 var _native = _interopRequireWildcard(require("@emotion/native"));

package/dist/components/atoms/Badge/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Badge/styled.ts"],"names":["baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","View","ViewStyled"],"mappings":"~~;;;;;;;~~AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,KADiB;AAEjBC,EAAAA,KAAK,GAAG,SAFS;AAGjBC,EAAAA,IAAI,GAAG;AAHU,CAAD,KAIsB;AACtC,SAAO,gBAAI;AACb,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACK,QAAN,CAAeC,KAAM;AACnC,aAAaN,KAAK,CAACK,QAAN,CAAeC,KAAM;AAClC,WAAW,uBAAW,MAAX,CAAmB;AAC9B,aAAa,uBAAW,MAAX,CAAmB;AAChC,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GAAG,qBAAOC,iBAAP,EACxBT,SADwB,CAAnB;;AAIA,MAAMU,UAAU,GAAG,qBAAOD,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${RFValueStr('-4px')};\n right: ${RFValueStr('-4px')};\n `;\n};\n\nexport const BadgeStyle = styled(View)<Partial<StyleProps & BadgeProps>>(\n baseStyle\n);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"file":"styled.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Badge/styled.ts"],"names":["baseStyle","theme","color","tone","borderRadius","pill","iconSize","centi","BadgeStyle","View","ViewStyled"],"mappings":";;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,SAAS,GAAG,CAAC;AACjBC,EAAAA,KADiB;AAEjBC,EAAAA,KAAK,GAAG,SAFS;AAGjBC,EAAAA,IAAI,GAAG;AAHU,CAAD,KAIsB;AACtC,SAAO,gBAAI;AACb,qBAAqBF,KAAK,CAACG,YAAN,CAAmBC,IAAK;AAC7C,wBAAwBJ,KAAK,CAACC,KAAN,CAAYA,KAAZ,EAAmBC,IAAnB,CAAyB;AACjD;AACA;AACA;AACA;AACA,cAAcF,KAAK,CAACK,QAAN,CAAeC,KAAM;AACnC,aAAaN,KAAK,CAACK,QAAN,CAAeC,KAAM;AAClC,WAAW,uBAAW,MAAX,CAAmB;AAC9B,aAAa,uBAAW,MAAX,CAAmB;AAChC,GAXE;AAYD,CAjBD;;AAmBO,MAAMC,UAAU,GAAG,qBAAOC,iBAAP,EACxBT,SADwB,CAAnB;;AAIA,MAAMU,UAAU,GAAG,qBAAOD,iBAAP,CAA+C;AACzE;AACA;AACA;AACA;AACA,CALO","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${RFValueStr('-4px')};\n right: ${RFValueStr('-4px')};\n `;\n};\n\nexport const BadgeStyle = styled(View)<Partial<StyleProps & BadgeProps>>(\n baseStyle\n);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"file":"styled.js"}

package/dist/components/atoms/BoxContent/BoxContent.js CHANGED Viewed

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

package/dist/components/atoms/BoxContent/BoxContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"names":["BoxContent","children","rest"],"mappings":"~~;;;;;;;~~AAAA;;AAEA;;;;AAMA,MAAMA,UAA+B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA2B;AACjE,SAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,U","sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' \| 'bottom' \| 'left' \| 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"file":"BoxContent.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"names":["BoxContent","children","rest"],"mappings":";;;;;AAAA;;AAEA;;;;AAMA,MAAMA,UAA+B,GAAG,CAAC;AAAEC,EAAAA,QAAF;AAAY,KAAGC;AAAf,CAAD,KAA2B;AACjE,SAAO,6BAAC,wBAAD,EAAsBA,IAAtB,EAA6BD,QAA7B,CAAP;AACD,CAFD;;eAIeD,U","sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' \| 'bottom' \| 'left' \| 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"file":"BoxContent.js"}

package/dist/components/atoms/BoxContent/index.js CHANGED Viewed

@@ -1,23 +1,13 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BoxContent", {
-  enumerable: true,
-  get: function () {
-    return _BoxContent.default;
-  }
-});
-Object.defineProperty(exports, "BoxContentProps", {
-  enumerable: true,
-  get: function () {
-    return _BoxContent.BoxContentProps;
-  }
-});
+exports.__esModule = true;
+exports.BoxContentProps = exports.BoxContent = void 0;
 var _BoxContent = _interopRequireWildcard(require("./BoxContent"));
+exports.BoxContent = _BoxContent.default;
+exports.BoxContentProps = _BoxContent.BoxContentProps;
 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; }

package/dist/components/atoms/BoxContent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/BoxContent/index.ts"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AAAA","sourcesContent":["export { default as BoxContent, BoxContentProps } from './BoxContent';\n"],"file":"index.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/BoxContent/index.ts"],"names":[],"mappings":";;;;;AAAA","sourcesContent":["export { default as BoxContent, BoxContentProps } from './BoxContent';\n"],"file":"index.js"}

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

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledBoxContent = exports.elevatedStyles = void 0;
 var _native = _interopRequireWildcard(require("@emotion/native"));
@@ -16,7 +14,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 const elevatedStyles = ({
   theme
 }) => [(0, _native.css)({
-  shadowColor: theme === null || theme === void 0 ? void 0 : theme.miscellaneous.shadow,
+  shadowColor: theme == null ? void 0 : theme.miscellaneous.shadow,
   shadowOffset: {
     width: 0,
     height: 2

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"names":["elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"mappings":"~~;;;;;;;~~AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAoC,CAChE,iBAAI;AACFC,EAAAA,WAAW,EAAED,KAAF,~~aAAEA~~,~~KAAF,uBAAEA,~~KAAK,CAAEE,aAAP,CAAqBC,MADhC;AAEFC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAFZ;AAGFC,EAAAA,aAAa,EAAE,IAHb;AAIFC,EAAAA,YAAY,EAAE,IAJZ;AAKFC,EAAAA,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;AAAEV,EAAAA,KAAF;AAASW,EAAAA;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,gBAAI;AACN,iCAAiCX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBW,EAAAA;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;AAClBf,EAAAA,KADkB;AAElBW,EAAAA;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,gBAAI;AACN,+BAA+BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;AACnBhB,EAAAA,KADmB;AAEnBW,EAAAA;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,iCAAiCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,qBAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,aAAN,CAAoBiB,YAAa;AACtE,gBAAgB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,qBAAOL,oBAAP,EAC9BM,KAAK,IAAI,gBAAI;AACf,MAAMxB,cAAc,CAACwB,KAAD,CAAQ;AAC5B,MAAMb,SAAS,CAACa,KAAD,CAAQ;AACvB,IAAIT,YAAY,CAACS,KAAD,CAAQ;AACxB,IAAIR,UAAU,CAACQ,KAAD,CAAQ;AACtB,IAAIP,WAAW,CAACO,KAAD,CAAQ;AACvB,GAPgC,CAAzB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n css({\n shadowColor: theme?.miscellaneous.shadow,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n elevation: 5,\n }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n variant === 'top' &&\n css`\n border-bottom-left-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst bottomStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'bottom' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-top-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst leftStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'left' &&\n css`\n border-top-right-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst rightStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'right' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-bottom-left-radius: ${theme.borderRadius.deca};\n `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n min-height: ${({ theme }) => theme.spacing.kilo};\n overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n props => css`\n ${elevatedStyles(props)}\n ${topStyles(props)}\n ${bottomStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n `\n);\n"],"file":"styled.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/BoxContent/styled.ts"],"names":["elevatedStyles","theme","shadowColor","miscellaneous","shadow","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","topStyles","variant","borderRadius","deca","bottomStyles","leftStyles","rightStyles","StyledBoxContentBase","View","surfaceColor","spacing","kilo","StyledBoxContent","props"],"mappings":";;;;;AAAA;;AAEA;;;;;;AAGO,MAAMA,cAAc,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAoC,CAChE,iBAAI;AACFC,EAAAA,WAAW,EAAED,KAAF,oBAAEA,KAAK,CAAEE,aAAP,CAAqBC,MADhC;AAEFC,EAAAA,YAAY,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAT;AAAYC,IAAAA,MAAM,EAAE;AAApB,GAFZ;AAGFC,EAAAA,aAAa,EAAE,IAHb;AAIFC,EAAAA,YAAY,EAAE,IAJZ;AAKFC,EAAAA,SAAS,EAAE;AALT,CAAJ,CADgE,CAA3D;;;;AAUP,MAAMC,SAAS,GAAG,CAAC;AAAEV,EAAAA,KAAF;AAASW,EAAAA;AAAT,CAAD,KAChBA,OAAO,KAAK,KAAZ,IACA,gBAAI;AACN,iCAAiCX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GALA;;AAOA,MAAMC,YAAY,GAAG,CAAC;AACpBd,EAAAA,KADoB;AAEpBW,EAAAA;AAFoB,CAAD,KAInBA,OAAO,KAAK,QAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,+BAA+Bb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,GARA;;AAUA,MAAME,UAAU,GAAG,CAAC;AAClBf,EAAAA,KADkB;AAElBW,EAAAA;AAFkB,CAAD,KAIjBA,OAAO,KAAK,MAAZ,IACA,gBAAI;AACN,+BAA+BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACvD,kCAAkCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC1D,GARA;;AAUA,MAAMG,WAAW,GAAG,CAAC;AACnBhB,EAAAA,KADmB;AAEnBW,EAAAA;AAFmB,CAAD,KAIlBA,OAAO,KAAK,OAAZ,IACA,gBAAI;AACN,8BAA8BX,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACtD,iCAAiCb,KAAK,CAACY,YAAN,CAAmBC,IAAK;AACzD,GARA;;AAUA,MAAMI,oBAAoB,GAAG,qBAAOC,iBAAP,CAAkC;AAC/D,sBAAsB,CAAC;AAAElB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACE,aAAN,CAAoBiB,YAAa;AACtE,gBAAgB,CAAC;AAAEnB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACoB,OAAN,CAAcC,IAAK;AAClD;AACA,CAJA;AAMO,MAAMC,gBAAgB,GAAG,qBAAOL,oBAAP,EAC9BM,KAAK,IAAI,gBAAI;AACf,MAAMxB,cAAc,CAACwB,KAAD,CAAQ;AAC5B,MAAMb,SAAS,CAACa,KAAD,CAAQ;AACvB,IAAIT,YAAY,CAACS,KAAD,CAAQ;AACxB,IAAIR,UAAU,CAACQ,KAAD,CAAQ;AACtB,IAAIP,WAAW,CAACO,KAAD,CAAQ;AACvB,GAPgC,CAAzB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { BoxContentProps } from './BoxContent';\n\nexport const elevatedStyles = ({ theme }: Partial<StyleProps>) => [\n css({\n shadowColor: theme?.miscellaneous.shadow,\n shadowOffset: { width: 0, height: 2 },\n shadowOpacity: 0.25,\n shadowRadius: 3.84,\n elevation: 5,\n }),\n];\n\nconst topStyles = ({ theme, variant }: Partial<BoxContentProps> & StyleProps) =>\n variant === 'top' &&\n css`\n border-bottom-left-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst bottomStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'bottom' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-top-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst leftStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'left' &&\n css`\n border-top-right-radius: ${theme.borderRadius.deca};\n border-bottom-right-radius: ${theme.borderRadius.deca};\n `;\n\nconst rightStyles = ({\n theme,\n variant,\n}: Partial<BoxContentProps> & StyleProps) =>\n variant === 'right' &&\n css`\n border-top-left-radius: ${theme.borderRadius.deca};\n border-bottom-left-radius: ${theme.borderRadius.deca};\n `;\n\nconst StyledBoxContentBase = styled(View)<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n min-height: ${({ theme }) => theme.spacing.kilo};\n overflow: hidden;\n`;\n\nexport const StyledBoxContent = styled(StyledBoxContentBase)(\n props => css`\n ${elevatedStyles(props)}\n ${topStyles(props)}\n ${bottomStyles(props)}\n ${leftStyles(props)}\n ${rightStyles(props)}\n `\n);\n"],"file":"styled.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","_frozen","_color","_surfaceColor","light"],"mappings":"~~;;;;;;;~~AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,KAF+B;AAG/BC,EAAAA,KAAK,GAAG,SAHuB;AAI/BC,EAAAA,OAAO,GAAG,QAJqB;AAK/BC,EAAAA,IAAI,GAAG,QALwB;AAM/BC,EAAAA,KAAK,GAAG,SANuB;AAO/BC,EAAAA,gBAP+B;AAQ/BC,EAAAA,cAR+B;AAS/BC,EAAAA,gBAT+B;AAU/BC,EAAAA,IAV+B;AAW/BC,EAAAA,MAX+B;AAY/BC,EAAAA,QAZ+B;AAa/B,KAAGC;AAb4B,CAAD,KAcb;AACjB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,OAAO,GAAGJ,MAAM,IAAIL,KAAK,KAAK,SAApC;;AACA,MAAIU,MAAJ;;AACA,UAAQV,KAAR;AACE,SAAK,OAAL;AACEU,MAAAA,MAAM,GAAG,OAAT;AACA;;AAEF,SAAK,SAAL;AACEA,MAAAA,MAAM,GAAG,SAAT;AACA;;AAEF;AACEA,MAAAA,MAAM,GAAGb,KAAT;AACA;AAXJ;;AAcA,MAAIc,aAAJ;;AACA,MAAIb,OAAO,KAAK,QAAhB,EAA0B;AACxBa,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBX,IAApB,CAAhB;AACD;;AAED,MAAIO,QAAJ,EAAc;AACZK,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBE,KAApC;AACD;;AAED,SACE,8BAAC,oBAAD,eACML,IADN;AAEE,IAAA,iBAAiB,EAAC,QAFpB;AAGE,IAAA,KAAK,EAAEX,KAHT;AAIE,IAAA,KAAK,EAAEc,MAJT;AAKE,IAAA,IAAI,EAAEX,IALR;AAME,IAAA,YAAY,EAAEY,aANhB;AAOE,IAAA,OAAO,EAAEb,OAPX;AAQE,IAAA,IAAI,EAAEM,IARR;AASE,IAAA,QAAQ,EAAEK,OAAO,IAAIH,QATvB;AAUE,IAAA,MAAM,EAAEA;AAVV,MAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n BorderRadiusType,\n ColorGradationType,\n ColorType,\n FontColorType,\n ThemeProp,\n VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' \| 'default';\n\nexport type ButtonStateType = 'loading' \| 'error' \| 'success' \| 'default';\n\nexport interface ButtonStateProps {\n buttonSize?: ButtonSizeType;\n fontColor?: FontColorType;\n textComponent?: React.FC<TextProps>;\n text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n style?: StyleProp<ViewStyle>;\n color?: ColorType;\n variant?: VariantType;\n tone?: ColorGradationType;\n frozen?: boolean \| null;\n borderRadius?: BorderRadiusType;\n size?: ButtonSizeType;\n state?: ButtonStateType;\n loadingComponent?: JSX.Element;\n errorComponent?: JSX.Element;\n successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n children,\n style,\n color = 'primary',\n variant = 'filled',\n tone = 'medium',\n state = 'default',\n loadingComponent,\n errorComponent,\n successComponent,\n size,\n frozen,\n disabled,\n ...rest\n}): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n const _frozen = frozen \|\| state === 'loading';\n let _color: ColorType;\n switch (state) {\n case 'error':\n _color = 'error';\n break;\n\n case 'success':\n _color = 'success';\n break;\n\n default:\n _color = color;\n break;\n }\n\n let _surfaceColor;\n if (variant === 'filled') {\n _surfaceColor = theme.color[_color][tone];\n }\n\n if (disabled) {\n _surfaceColor = theme.color[_color].light;\n }\n\n return (\n <StyledButton\n {...rest}\n accessibilityRole=\"button\"\n style={style}\n color={_color}\n tone={tone}\n surfaceColor={_surfaceColor}\n variant={variant}\n size={size}\n disabled={_frozen \|\| disabled}\n frozen={disabled}\n >\n {state === 'loading' && loadingComponent}\n {state === 'error' && errorComponent}\n {state === 'success' && successComponent}\n {state === 'default' && children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"file":"Button.js"}
1	+ {"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","children","style","color","variant","tone","state","loadingComponent","errorComponent","successComponent","size","frozen","disabled","rest","theme","_frozen","_color","_surfaceColor","light"],"mappings":";;;;;AAAA;;AACA;;AAYA;;;;;;AA2BA,MAAMA,MAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,KAF+B;AAG/BC,EAAAA,KAAK,GAAG,SAHuB;AAI/BC,EAAAA,OAAO,GAAG,QAJqB;AAK/BC,EAAAA,IAAI,GAAG,QALwB;AAM/BC,EAAAA,KAAK,GAAG,SANuB;AAO/BC,EAAAA,gBAP+B;AAQ/BC,EAAAA,cAR+B;AAS/BC,EAAAA,gBAT+B;AAU/BC,EAAAA,IAV+B;AAW/BC,EAAAA,MAX+B;AAY/BC,EAAAA,QAZ+B;AAa/B,KAAGC;AAb4B,CAAD,KAcb;AACjB,QAAMC,KAAK,GAAG,sBAAd;;AACA,QAAMC,OAAO,GAAGJ,MAAM,IAAIL,KAAK,KAAK,SAApC;;AACA,MAAIU,MAAJ;;AACA,UAAQV,KAAR;AACE,SAAK,OAAL;AACEU,MAAAA,MAAM,GAAG,OAAT;AACA;;AAEF,SAAK,SAAL;AACEA,MAAAA,MAAM,GAAG,SAAT;AACA;;AAEF;AACEA,MAAAA,MAAM,GAAGb,KAAT;AACA;AAXJ;;AAcA,MAAIc,aAAJ;;AACA,MAAIb,OAAO,KAAK,QAAhB,EAA0B;AACxBa,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBX,IAApB,CAAhB;AACD;;AAED,MAAIO,QAAJ,EAAc;AACZK,IAAAA,aAAa,GAAGH,KAAK,CAACX,KAAN,CAAYa,MAAZ,EAAoBE,KAApC;AACD;;AAED,SACE,8BAAC,oBAAD,eACML,IADN;AAEE,IAAA,iBAAiB,EAAC,QAFpB;AAGE,IAAA,KAAK,EAAEX,KAHT;AAIE,IAAA,KAAK,EAAEc,MAJT;AAKE,IAAA,IAAI,EAAEX,IALR;AAME,IAAA,YAAY,EAAEY,aANhB;AAOE,IAAA,OAAO,EAAEb,OAPX;AAQE,IAAA,IAAI,EAAEM,IARR;AASE,IAAA,QAAQ,EAAEK,OAAO,IAAIH,QATvB;AAUE,IAAA,MAAM,EAAEA;AAVV,MAYGN,KAAK,KAAK,SAAV,IAAuBC,gBAZ1B,EAaGD,KAAK,KAAK,OAAV,IAAqBE,cAbxB,EAcGF,KAAK,KAAK,SAAV,IAAuBG,gBAd1B,EAeGH,KAAK,KAAK,SAAV,IAAuBL,QAf1B,CADF;AAmBD,CA5DD;;eA8DeD,M","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport {\n BorderRadiusType,\n ColorGradationType,\n ColorType,\n FontColorType,\n ThemeProp,\n VariantType,\n} from '../../../types/defaults';\nimport { PressableSurfaceProps } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { StyledButton } from './styled';\n\nexport type ButtonSizeType = 'small' \| 'default';\n\nexport type ButtonStateType = 'loading' \| 'error' \| 'success' \| 'default';\n\nexport interface ButtonStateProps {\n buttonSize?: ButtonSizeType;\n fontColor?: FontColorType;\n textComponent?: React.FC<TextProps>;\n text?: string;\n}\n\nexport interface ButtonProps extends PressableSurfaceProps {\n style?: StyleProp<ViewStyle>;\n color?: ColorType;\n variant?: VariantType;\n tone?: ColorGradationType;\n frozen?: boolean \| null;\n borderRadius?: BorderRadiusType;\n size?: ButtonSizeType;\n state?: ButtonStateType;\n loadingComponent?: JSX.Element;\n errorComponent?: JSX.Element;\n successComponent?: JSX.Element;\n}\n\nconst Button: FC<ButtonProps> = ({\n children,\n style,\n color = 'primary',\n variant = 'filled',\n tone = 'medium',\n state = 'default',\n loadingComponent,\n errorComponent,\n successComponent,\n size,\n frozen,\n disabled,\n ...rest\n}): JSX.Element => {\n const theme = useTheme() as ThemeProp;\n const _frozen = frozen \|\| state === 'loading';\n let _color: ColorType;\n switch (state) {\n case 'error':\n _color = 'error';\n break;\n\n case 'success':\n _color = 'success';\n break;\n\n default:\n _color = color;\n break;\n }\n\n let _surfaceColor;\n if (variant === 'filled') {\n _surfaceColor = theme.color[_color][tone];\n }\n\n if (disabled) {\n _surfaceColor = theme.color[_color].light;\n }\n\n return (\n <StyledButton\n {...rest}\n accessibilityRole=\"button\"\n style={style}\n color={_color}\n tone={tone}\n surfaceColor={_surfaceColor}\n variant={variant}\n size={size}\n disabled={_frozen \|\| disabled}\n frozen={disabled}\n >\n {state === 'loading' && loadingComponent}\n {state === 'error' && errorComponent}\n {state === 'success' && successComponent}\n {state === 'default' && children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"file":"Button.js"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText"],"mappings":"~~;;;;;;;~~AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;AAC5CC,EAAAA,aAAa,GAAGC,UAD4B;AAE5CC,EAAAA,UAAU,GAAG,SAF+B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,IAJ4C;AAK5CC,EAAAA;AAL4C,CAAD,KAMvC;AACJ,QAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;AACA,QAAMM,UAAU,GAAG,iCAAoBR,aAApB,CAAnB;AACA,SACE,4DACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEI,IAAZ;AAAkB,IAAA,IAAI,EAAC,SAAvB;AAAiC,IAAA,SAAS,EAAED,SAA5C;AAAuD,IAAA,IAAI,EAAEI;AAA7D,IADF,EAEGF,IAAI,IACH,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAEC,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S","sourcesContent":["import React, { FC } from 'react';\nimport {\n IconSizeType,\n TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n textComponent = Text,\n buttonSize = 'default',\n fontColor = 'light',\n icon,\n text,\n}) => {\n const typo: TypographyVariationType =\n buttonSize === 'default' ? 'base' : 'sub';\n const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n const StyledText = getStyledTextButton(textComponent);\n return (\n <>\n <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n {text && (\n <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n {text}\n </StyledText>\n )}\n </>\n );\n};\n\nexport default BaseState;\n"],"file":"BaseState.js"}
1	+ {"version":3,"sources":["../../../../../src/components/atoms/Button/States/BaseState.tsx"],"names":["BaseState","textComponent","Text","buttonSize","fontColor","icon","text","typo","iconSize","StyledText"],"mappings":";;;;;AAAA;;AAKA;;AACA;;AAEA;;;;AAMO,MAAMA,SAA6B,GAAG,CAAC;AAC5CC,EAAAA,aAAa,GAAGC,UAD4B;AAE5CC,EAAAA,UAAU,GAAG,SAF+B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,IAJ4C;AAK5CC,EAAAA;AAL4C,CAAD,KAMvC;AACJ,QAAMC,IAA6B,GACjCJ,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMK,QAAsB,GAAGL,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,OAAnE;AACA,QAAMM,UAAU,GAAG,iCAAoBR,aAApB,CAAnB;AACA,SACE,4DACE,6BAAC,UAAD;AAAM,IAAA,IAAI,EAAEI,IAAZ;AAAkB,IAAA,IAAI,EAAC,SAAvB;AAAiC,IAAA,SAAS,EAAED,SAA5C;AAAuD,IAAA,IAAI,EAAEI;AAA7D,IADF,EAEGF,IAAI,IACH,6BAAC,UAAD;AAAY,IAAA,UAAU,EAAEC,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGE,IADH,CAHJ,CADF;AAUD,CArBM;;;eAuBQN,S","sourcesContent":["import React, { FC } from 'react';\nimport {\n IconSizeType,\n TypographyVariationType,\n} from '../../../../types/defaults';\nimport { Icon } from '../../Icon';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton } from './styled';\n\nexport interface BaseStateProps extends ButtonStateProps {\n icon: string;\n}\n\nexport const BaseState: FC<BaseStateProps> = ({\n textComponent = Text,\n buttonSize = 'default',\n fontColor = 'light',\n icon,\n text,\n}) => {\n const typo: TypographyVariationType =\n buttonSize === 'default' ? 'base' : 'sub';\n const iconSize: IconSizeType = buttonSize === 'default' ? 'deca' : 'centi';\n const StyledText = getStyledTextButton(textComponent);\n return (\n <>\n <Icon name={icon} type=\"ionicon\" fontColor={fontColor} size={iconSize} />\n {text && (\n <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n {text}\n </StyledText>\n )}\n </>\n );\n};\n\nexport default BaseState;\n"],"file":"BaseState.js"}

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","typo","StyledText","font","color"],"mappings":"~~;;;;;;;~~AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;AAC5CC,EAAAA,IAD4C;AAE5CC,EAAAA,aAAa,GAAGC,UAF4B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,UAAU,GAAG;AAJ+B,CAAD,KAKvC;AACJ,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAMC,IAA6B,GACjCF,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMG,UAAU,GAAG,iCAAoBN,aAApB,CAAnB;AACA,SACE,8DACE,8BAAC,uBAAD;AACE,IAAA,KAAK,EAAEI,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBN,SAAjB,CADT;AAEE,IAAA,UAAU,EAAEC;AAFd,IADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;AAAY,IAAA,UAAU,EAAEM,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n text,\n textComponent = Text,\n fontColor = 'light',\n buttonSize = 'default',\n}) => {\n const theme = useTheme() as ThemeProp;\n const typo: TypographyVariationType =\n buttonSize === 'default' ? 'base' : 'sub';\n const StyledText = getStyledTextButton(textComponent);\n return (\n <>\n <StyledIndicator\n color={theme.font.color[fontColor]}\n buttonSize={buttonSize}\n />\n {text && (\n <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n {text}\n </StyledText>\n )}\n </>\n );\n};\n\nexport default Loading;\n"],"file":"Loading.js"}
1	+ {"version":3,"sources":["../../../../../src/components/atoms/Button/States/Loading.tsx"],"names":["Loading","text","textComponent","Text","fontColor","buttonSize","theme","typo","StyledText","font","color"],"mappings":";;;;;AAAA;;AACA;;AAEA;;AAEA;;;;AAEO,MAAMA,OAA6B,GAAG,CAAC;AAC5CC,EAAAA,IAD4C;AAE5CC,EAAAA,aAAa,GAAGC,UAF4B;AAG5CC,EAAAA,SAAS,GAAG,OAHgC;AAI5CC,EAAAA,UAAU,GAAG;AAJ+B,CAAD,KAKvC;AACJ,QAAMC,KAAK,GAAG,sBAAd;AACA,QAAMC,IAA6B,GACjCF,UAAU,KAAK,SAAf,GAA2B,MAA3B,GAAoC,KADtC;AAEA,QAAMG,UAAU,GAAG,iCAAoBN,aAApB,CAAnB;AACA,SACE,8DACE,8BAAC,uBAAD;AACE,IAAA,KAAK,EAAEI,KAAK,CAACG,IAAN,CAAWC,KAAX,CAAiBN,SAAjB,CADT;AAEE,IAAA,UAAU,EAAEC;AAFd,IADF,EAKGJ,IAAI,IACH,8BAAC,UAAD;AAAY,IAAA,UAAU,EAAEM,IAAxB;AAA8B,IAAA,UAAU,EAAC,MAAzC;AAAgD,IAAA,SAAS,EAAEH;AAA3D,KACGH,IADH,CANJ,CADF;AAaD,CAvBM;;;eAyBQD,O","sourcesContent":["import { useTheme } from '@emotion/react';\nimport React, { FC } from 'react';\nimport { ThemeProp, TypographyVariationType } from '../../../../types/defaults';\nimport { Text } from '../../Text';\nimport { ButtonStateProps } from '../Button';\nimport { getStyledTextButton, StyledIndicator } from './styled';\n\nexport const Loading: FC<ButtonStateProps> = ({\n text,\n textComponent = Text,\n fontColor = 'light',\n buttonSize = 'default',\n}) => {\n const theme = useTheme() as ThemeProp;\n const typo: TypographyVariationType =\n buttonSize === 'default' ? 'base' : 'sub';\n const StyledText = getStyledTextButton(textComponent);\n return (\n <>\n <StyledIndicator\n color={theme.font.color[fontColor]}\n buttonSize={buttonSize}\n />\n {text && (\n <StyledText typography={typo} fontWeight=\"bold\" fontColor={fontColor}>\n {text}\n </StyledText>\n )}\n </>\n );\n};\n\nexport default Loading;\n"],"file":"Loading.js"}

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

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

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

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

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

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

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

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

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

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledIndicator = exports.getStyledTextButton = void 0;
 var _native = _interopRequireDefault(require("@emotion/native"));

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"names":["getStyledTextButton","component","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"mappings":"~~;;;;;;;~~AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;AAC/D,SAAO,qBAAOA,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,qBAAOC,8BAAP,CAE7B;AACF,WAAW,CAAC;AAAEJ,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;AAAER,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n width: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n height: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n transform: ${({ buttonSize }) =>\n buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"file":"styled.js"}
1	+ {"version":3,"sources":["../../../../../src/components/atoms/Button/States/styled.ts"],"names":["getStyledTextButton","component","theme","spacing","mili","StyledIndicator","ActivityIndicator","buttonSize","iconSize","deca","centi"],"mappings":";;;;;AAAA;;AAGA;;;;AAIO,MAAMA,mBAAmB,GAAIC,SAAD,IAA8B;AAC/D,SAAO,qBAAOA,SAAP,CAAmE;AAC5E,mBAAmB,CAAC;AAAEC,IAAAA;AAAF,GAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD,GAFE;AAGD,CAJM;;;AAMA,MAAMC,eAAe,GAAG,qBAAOC,8BAAP,CAE7B;AACF,WAAW,CAAC;AAAEJ,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACPA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,YAAY,CAAC;AAAER,EAAAA,KAAF;AAASK,EAAAA;AAAT,CAAD,KACRA,UAAU,KAAK,SAAf,GAA2BL,KAAK,CAACM,QAAN,CAAeC,IAA1C,GAAiDP,KAAK,CAACM,QAAN,CAAeE,KAAM;AAC1E,eAAe,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACXA,UAAU,KAAK,SAAf,GAA2B,UAA3B,GAAwC,WAAY;AACxD,CATO","sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { FC } from 'react';\nimport { ActivityIndicator } from 'react-native';\nimport { TextProps } from '../../Text';\nimport { ButtonStateProps } from '../Button';\n\nexport const getStyledTextButton = (component: FC<TextProps>) => {\n return styled(component)<Partial<ButtonStateProps> & Partial<StyleProps>>`\n margin-left: ${({ theme }) => theme.spacing.mili};\n `;\n};\n\nexport const StyledIndicator = styled(ActivityIndicator)<\n Partial<ButtonStateProps> & Partial<StyleProps>\n>`\n width: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n height: ${({ theme, buttonSize }) =>\n buttonSize === 'default' ? theme.iconSize.deca : theme.iconSize.centi};\n transform: ${({ buttonSize }) =>\n buttonSize === 'default' ? 'scale(1)' : 'scale(.8)'};\n`;\n"],"file":"styled.js"}

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

@@ -1,61 +1,22 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function () {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "ButtonProps", {
-  enumerable: true,
-  get: function () {
-    return _Button.ButtonProps;
-  }
-});
-Object.defineProperty(exports, "ButtonSizeType", {
-  enumerable: true,
-  get: function () {
-    return _Button.ButtonSizeType;
-  }
-});
-Object.defineProperty(exports, "ButtonStateType", {
-  enumerable: true,
-  get: function () {
-    return _Button.ButtonStateType;
-  }
-});
-Object.defineProperty(exports, "ButtonStateProps", {
-  enumerable: true,
-  get: function () {
-    return _Button.ButtonStateProps;
-  }
-});
-Object.defineProperty(exports, "Error", {
-  enumerable: true,
-  get: function () {
-    return _States.Error;
-  }
-});
-Object.defineProperty(exports, "Success", {
-  enumerable: true,
-  get: function () {
-    return _States.Success;
-  }
-});
-Object.defineProperty(exports, "Loading", {
-  enumerable: true,
-  get: function () {
-    return _States.Loading;
-  }
-});
+exports.__esModule = true;
+exports.Loading = exports.Success = exports.Error = exports.ButtonStateProps = exports.ButtonStateType = exports.ButtonSizeType = exports.ButtonProps = exports.Button = void 0;
 var _Button = _interopRequireWildcard(require("./Button"));
+exports.Button = _Button.default;
+exports.ButtonProps = _Button.ButtonProps;
+exports.ButtonSizeType = _Button.ButtonSizeType;
+exports.ButtonStateType = _Button.ButtonStateType;
+exports.ButtonStateProps = _Button.ButtonStateProps;
 var _States = require("./States");
+exports.Error = _States.Error;
+exports.Success = _States.Success;
+exports.Loading = _States.Loading;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

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

package/dist/components/atoms/Button/styled.js CHANGED Viewed

@@ -1,8 +1,6 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+exports.__esModule = true;
 exports.StyledButton = void 0;
 var _native = _interopRequireWildcard(require("@emotion/native"));