fluent-styles 1.0.0

package/lib/module/package/scrollView/index.js

@@ -0,0 +1,11 @@
+import { ScrollView } from 'react-native';
+import { styled } from '../styled';
+const StyledScrollView = styled(ScrollView, {
+  variants: {
+    backgroundColor: color => ({
+      backgroundColor: color
+    })
+  }
+});
+export { StyledScrollView };
+//# sourceMappingURL=index.js.map

package/lib/module/package/scrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","styled","StyledScrollView","variants","backgroundColor","color"],"sources":["index.jsx"],"sourcesContent":["import { ScrollView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledScrollView = styled(ScrollView, {  \r\n  variants: {\r\n    backgroundColor: color => ({\r\n      backgroundColor: color\r\n    })\r\n  }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,QAAQ,WAAW;AAElC,MAAMC,gBAAgB,GAAGD,MAAM,CAACD,UAAU,EAAE;EAC1CG,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,KAAK;MACzBD,eAAe,EAAEC;IACnB,CAAC;EACH;AACF,CAAC,CAAC;AAEF,SAASH,gBAAgB","ignoreList":[]}

package/lib/module/package/separator/index.js

@@ -0,0 +1,26 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { XStack } from '../stack';
+import { theme } from '../theme';
+const StyledSeparator = ({
+  left,
+  right,
+  line,
+  lineProps,
+  ...rest
+}) => {
+  if (line) {
+    return /*#__PURE__*/React.createElement(XStack, _extends({
+      borderTopWidth: 1,
+      borderTopColor: theme.colors.gray[800]
+    }, lineProps));
+  }
+  return /*#__PURE__*/React.createElement(XStack, _extends({
+    justifyContent: "space-between",
+    paddingVertical: 8,
+    paddingHorizontal: 8,
+    alignItems: "center"
+  }, rest), left && /*#__PURE__*/React.createElement(React.Fragment, null, left), right && /*#__PURE__*/React.createElement(React.Fragment, null, right));
+};
+export { StyledSeparator };
+//# sourceMappingURL=index.js.map

package/lib/module/package/separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","XStack","theme","StyledSeparator","left","right","line","lineProps","rest","createElement","_extends","borderTopWidth","borderTopColor","colors","gray","justifyContent","paddingVertical","paddingHorizontal","alignItems","Fragment"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { XStack } from '../stack'\r\nimport { theme } from '../theme'\r\n\r\nconst StyledSeparator = ({ left, right, line, lineProps, ...rest }) => {\r\n    if (line) {\r\n        return <XStack borderTopWidth={1} borderTopColor={theme.colors.gray[800]} {...lineProps} />\r\n    }\r\n\r\n    return (\r\n        <XStack justifyContent='space-between' paddingVertical={8} paddingHorizontal={8} alignItems='center' {...rest}>\r\n            {\r\n                left && (\r\n                    <>{left}</>\r\n                )\r\n            }\r\n            {\r\n                right && (\r\n                    <>{right}</>\r\n                )\r\n            }\r\n        </XStack>\r\n    )\r\n}\r\n\r\nexport { StyledSeparator }\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,eAAe,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,KAAK;EACnE,IAAIF,IAAI,EAAE;IACN,oBAAON,KAAA,CAAAS,aAAA,CAACR,MAAM,EAAAS,QAAA;MAACC,cAAc,EAAE,CAAE;MAACC,cAAc,EAAEV,KAAK,CAACW,MAAM,CAACC,IAAI,CAAC,GAAG;IAAE,GAAKP,SAAS,CAAG,CAAC;EAC/F;EAEA,oBACIP,KAAA,CAAAS,aAAA,CAACR,MAAM,EAAAS,QAAA;IAACK,cAAc,EAAC,eAAe;IAACC,eAAe,EAAE,CAAE;IAACC,iBAAiB,EAAE,CAAE;IAACC,UAAU,EAAC;EAAQ,GAAKV,IAAI,GAErGJ,IAAI,iBACAJ,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAmB,QAAA,QAAGf,IAAO,CACb,EAGDC,KAAK,iBACDL,KAAA,CAAAS,aAAA,CAAAT,KAAA,CAAAmB,QAAA,QAAGd,KAAQ,CAGf,CAAC;AAEjB,CAAC;AAED,SAASF,eAAe","ignoreList":[]}

package/lib/module/package/spacer/index.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { View } from "react-native";
+import { styled } from "../styled";
+const Spacer = styled(View);
+const StyledSpacer = ({
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Spacer, rest);
+};
+export { StyledSpacer };
+//# sourceMappingURL=index.js.map

package/lib/module/package/spacer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","styled","Spacer","StyledSpacer","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { View } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Spacer = styled(View)\r\n\r\nconst StyledSpacer = ({ ...rest }) => {\r\n    return (\r\n        <Spacer {...rest} />\r\n    )\r\n}\r\n\r\nexport {StyledSpacer}"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAElC,MAAMC,MAAM,GAAGD,MAAM,CAACD,IAAI,CAAC;AAE3B,MAAMG,YAAY,GAAGA,CAAC;EAAE,GAAGC;AAAK,CAAC,KAAK;EAClC,oBACIL,KAAA,CAAAM,aAAA,CAACH,MAAM,EAAKE,IAAO,CAAC;AAE5B,CAAC;AAED,SAAQD,YAAY","ignoreList":[]}

package/lib/module/package/spinner/index.js

@@ -0,0 +1,36 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { ActivityIndicator, StyleSheet } from 'react-native';
+import { styled } from '../styled';
+import { theme } from '../theme';
+const Spinner = styled(ActivityIndicator, {
+  base: {
+    color: theme.colors.gray[400]
+  },
+  variants: {
+    overlay: {
+      true: {
+        ...StyleSheet.absoluteFillObject,
+        position: 'absolute',
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        justifyContent: 'center',
+        alignItems: 'center',
+        flex: 1
+      }
+    }
+  }
+});
+const StyledSpinner = ({
+  size = 120,
+  color = theme.colors.gray[400],
+  overlay = true,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Spinner, _extends({
+    size: size,
+    overlay: overlay,
+    color: color
+  }, rest));
+};
+export { StyledSpinner };
+//# sourceMappingURL=index.js.map

package/lib/module/package/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActivityIndicator","StyleSheet","styled","theme","Spinner","base","color","colors","gray","variants","overlay","true","absoluteFillObject","position","backgroundColor","justifyContent","alignItems","flex","StyledSpinner","size","rest","createElement","_extends"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { ActivityIndicator, StyleSheet } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Spinner = styled(ActivityIndicator, {\r\n  base: {\r\n    color: theme.colors.gray[400]\r\n  },\r\n  variants: {\r\n    overlay: {\r\n      true: {\r\n        ...StyleSheet.absoluteFillObject,\r\n        position: 'absolute',\r\n        backgroundColor: 'rgba(0, 0, 0, 0.5)',\r\n        justifyContent: 'center',\r\n        alignItems: 'center',\r\n        flex: 1\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledSpinner = ({\r\n\tsize = 120,\r\n\tcolor = theme.colors.gray[400],\r\n\toverlay = true,\r\n\t...rest\r\n}) => {\r\n  return <Spinner size={size} overlay={overlay} color={color} {...rest} />\r\n}\r\n\r\nexport { StyledSpinner }\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,UAAU,QAAQ,cAAc;AAC5D,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,OAAO,GAAGF,MAAM,CAACF,iBAAiB,EAAE;EACxCK,IAAI,EAAE;IACJC,KAAK,EAAEH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG;EAC9B,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE;QACJ,GAAGV,UAAU,CAACW,kBAAkB;QAChCC,QAAQ,EAAE,UAAU;QACpBC,eAAe,EAAE,oBAAoB;QACrCC,cAAc,EAAE,QAAQ;QACxBC,UAAU,EAAE,QAAQ;QACpBC,IAAI,EAAE;MACR;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGA,CAAC;EACtBC,IAAI,GAAG,GAAG;EACVb,KAAK,GAAGH,KAAK,CAACI,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EAC9BE,OAAO,GAAG,IAAI;EACd,GAAGU;AACJ,CAAC,KAAK;EACJ,oBAAOrB,KAAA,CAAAsB,aAAA,CAACjB,OAAO,EAAAkB,QAAA;IAACH,IAAI,EAAEA,IAAK;IAACT,OAAO,EAAEA,OAAQ;IAACJ,KAAK,EAAEA;EAAM,GAAKc,IAAI,CAAG,CAAC;AAC1E,CAAC;AAED,SAASF,aAAa","ignoreList":[]}

package/lib/module/package/stack/__test__/index.test.js

@@ -0,0 +1,89 @@
+import { expect, jest } from '@jest/globals';
+import { render } from '@testing-library/react-native';
+import { Stack, XStack, YStack } from '..';
+import { palettes, theme } from '../../theme';
+import { Platform } from 'react-native';
+describe("Stack", () => {
+  it("Should render correctly with base style", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Stack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      position: 'relative'
+    });
+  });
+  it("Should render correctly when transparent variant is set to true", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Stack, {
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: palettes.transparent
+    });
+  });
+  it("XStack should render flexDirection to row correctly", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(XStack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      flexDirection: 'row'
+    });
+  });
+  it("XStack should render correctly when transparent variant is set to true", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(XStack, {
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: palettes.transparent
+    });
+  });
+  it("YStack should render flexDirection to column correctly", () => {
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(YStack, {
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      flexDirection: 'column'
+    });
+  });
+  it("Should render shadow on stack correctly when shadow variant is set to light on ios", () => {
+    jest.spyOn(Platform, 'select').mockImplementation(obj => obj.ios);
+    const {
+      getByTestId
+    } = render( /*#__PURE__*/React.createElement(Stack, {
+      shadow: "light",
+      transparent: true,
+      testID: "test-stack-id"
+    }));
+    const stack = getByTestId('test-stack-id');
+    expect(stack).toHaveStyle({
+      position: 'relative',
+      backgroundColor: palettes.transparent,
+      shadowColor: theme.colors.gray[900],
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.22,
+      shadowRadius: 2.22
+    });
+  });
+});
+//# sourceMappingURL=index.test.js.map

package/lib/module/package/stack/__test__/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["expect","jest","render","Stack","XStack","YStack","palettes","theme","Platform","describe","it","getByTestId","React","createElement","testID","stack","toHaveStyle","position","transparent","backgroundColor","flexDirection","spyOn","mockImplementation","obj","ios","shadow","shadowColor","colors","gray","shadowOffset","width","height","shadowOpacity","shadowRadius"],"sources":["index.test.js"],"sourcesContent":["import { expect, jest } from '@jest/globals';\r\nimport { render } from '@testing-library/react-native'\r\nimport { Stack, XStack, YStack } from '..'\r\nimport { palettes, theme } from '../../theme';\r\nimport { Platform } from 'react-native';\r\n\r\ndescribe(\"Stack\", () => {\r\n    it(\"Should render correctly with base style\", () => {\r\n        const { getByTestId } = render(<Stack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative'\r\n        })\r\n    })\r\n\r\n    it(\"Should render correctly when transparent variant is set to true\", () => {\r\n        const { getByTestId } = render(<Stack transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent\r\n        })\r\n    })\r\n\r\n    it(\"XStack should render flexDirection to row correctly\", () => {\r\n        const { getByTestId } = render(<XStack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            flexDirection: 'row'          \r\n        })\r\n    })\r\n    it(\"XStack should render correctly when transparent variant is set to true\", () => {\r\n        const { getByTestId } = render(<XStack transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent\r\n        })\r\n    })\r\n\r\n    it(\"YStack should render flexDirection to column correctly\", () => {\r\n        const { getByTestId } = render(<YStack testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            flexDirection: 'column'\r\n        })\r\n    })\r\n\r\n    it(\"Should render shadow on stack correctly when shadow variant is set to light on ios\", () => {\r\n        jest.spyOn(Platform, 'select').mockImplementation((obj)=>obj.ios)\r\n        const { getByTestId } = render(<Stack shadow='light' transparent testID='test-stack-id' />)\r\n\r\n        const stack = getByTestId('test-stack-id')\r\n        expect(stack).toHaveStyle({\r\n            position: 'relative',\r\n            backgroundColor: palettes.transparent,\r\n            shadowColor: theme.colors.gray[900],\r\n            shadowOffset: { width: 0, height: 1 },\r\n            shadowOpacity: 0.22,\r\n            shadowRadius: 2.22,\r\n        })\r\n    })\r\n})"],"mappings":"AAAA,SAASA,MAAM,EAAEC,IAAI,QAAQ,eAAe;AAC5C,SAASC,MAAM,QAAQ,+BAA+B;AACtD,SAASC,KAAK,EAAEC,MAAM,EAAEC,MAAM,QAAQ,IAAI;AAC1C,SAASC,QAAQ,EAAEC,KAAK,QAAQ,aAAa;AAC7C,SAASC,QAAQ,QAAQ,cAAc;AAEvCC,QAAQ,CAAC,OAAO,EAAE,MAAM;EACpBC,EAAE,CAAC,yCAAyC,EAAE,MAAM;IAChD,MAAM;MAAEC;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACV,KAAK;MAACW,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAEhE,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBC,QAAQ,EAAE;IACd,CAAC,CAAC;EACN,CAAC,CAAC;EAEFP,EAAE,CAAC,iEAAiE,EAAE,MAAM;IACxE,MAAM;MAAEC;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACV,KAAK;MAACe,WAAW;MAACJ,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAE5E,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBC,QAAQ,EAAE,UAAU;MACpBE,eAAe,EAAEb,QAAQ,CAACY;IAC9B,CAAC,CAAC;EACN,CAAC,CAAC;EAEFR,EAAE,CAAC,qDAAqD,EAAE,MAAM;IAC5D,MAAM;MAAEC;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACT,MAAM;MAACU,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAEjE,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBI,aAAa,EAAE;IACnB,CAAC,CAAC;EACN,CAAC,CAAC;EACFV,EAAE,CAAC,wEAAwE,EAAE,MAAM;IAC/E,MAAM;MAAEC;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACT,MAAM;MAACc,WAAW;MAACJ,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAE7E,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBC,QAAQ,EAAE,UAAU;MACpBE,eAAe,EAAEb,QAAQ,CAACY;IAC9B,CAAC,CAAC;EACN,CAAC,CAAC;EAEFR,EAAE,CAAC,wDAAwD,EAAE,MAAM;IAC/D,MAAM;MAAEC;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACR,MAAM;MAACS,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAEjE,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBI,aAAa,EAAE;IACnB,CAAC,CAAC;EACN,CAAC,CAAC;EAEFV,EAAE,CAAC,oFAAoF,EAAE,MAAM;IAC3FT,IAAI,CAACoB,KAAK,CAACb,QAAQ,EAAE,QAAQ,CAAC,CAACc,kBAAkB,CAAEC,GAAG,IAAGA,GAAG,CAACC,GAAG,CAAC;IACjE,MAAM;MAAEb;IAAY,CAAC,GAAGT,MAAM,eAACU,KAAA,CAAAC,aAAA,CAACV,KAAK;MAACsB,MAAM,EAAC,OAAO;MAACP,WAAW;MAACJ,MAAM,EAAC;IAAe,CAAE,CAAC,CAAC;IAE3F,MAAMC,KAAK,GAAGJ,WAAW,CAAC,eAAe,CAAC;IAC1CX,MAAM,CAACe,KAAK,CAAC,CAACC,WAAW,CAAC;MACtBC,QAAQ,EAAE,UAAU;MACpBE,eAAe,EAAEb,QAAQ,CAACY,WAAW;MACrCQ,WAAW,EAAEnB,KAAK,CAACoB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACnCC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE;IAClB,CAAC,CAAC;EACN,CAAC,CAAC;AACN,CAAC,CAAC","ignoreList":[]}

package/lib/module/package/stack/index.js

@@ -0,0 +1,36 @@
+import { View } from "react-native";
+import { styled } from "../styled";
+import { theme } from "../theme";
+const YStack = styled(View, {
+  base: {
+    flexDirection: 'column',
+    position: 'relative'
+  },
+  variants: {
+    transparent: {
+      true: {
+        backgroundColor: theme.colors.transparent
+      }
+    }
+  }
+});
+const XStack = styled(View, {
+  base: {
+    flexDirection: 'row',
+    position: 'relative'
+  },
+  variants: {
+    transparent: {
+      true: {
+        backgroundColor: theme.colors.transparent
+      }
+    }
+  },
+  position: {
+    true: {
+      position: 'absolute'
+    }
+  }
+});
+export { XStack, YStack };
+//# sourceMappingURL=index.js.map

package/lib/module/package/stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","styled","theme","YStack","base","flexDirection","position","variants","transparent","true","backgroundColor","colors","XStack"],"sources":["index.jsx"],"sourcesContent":["import { View } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\n\r\nconst YStack = styled(View, {\r\n    base: {\r\n        flexDirection: 'column',\r\n        position: 'relative'  \r\n    },\r\n    variants: {\r\n        transparent: {\r\n            true: {\r\n                backgroundColor: theme.colors.transparent,\r\n            }\r\n        }\r\n    }   \r\n})\r\nconst XStack = styled(View, {\r\n    base: {\r\n        flexDirection: 'row',  \r\n        position:'relative'  \r\n    },\r\n    variants: {\r\n        transparent: {\r\n            true: {\r\n                backgroundColor: theme.colors.transparent,\r\n            }\r\n        }\r\n    },\r\n    position: {\r\n        true: {\r\n            position: 'absolute'\r\n        }\r\n    },\r\n})\r\n\r\nexport { XStack, YStack }"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,MAAM,GAAGF,MAAM,CAACD,IAAI,EAAE;EACxBI,IAAI,EAAE;IACFC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAER,KAAK,CAACS,MAAM,CAACH;MAClC;IACJ;EACJ;AACJ,CAAC,CAAC;AACF,MAAMI,MAAM,GAAGX,MAAM,CAACD,IAAI,EAAE;EACxBI,IAAI,EAAE;IACFC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAC;EACb,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAER,KAAK,CAACS,MAAM,CAACH;MAClC;IACJ;EACJ,CAAC;EACDF,QAAQ,EAAE;IACNG,IAAI,EAAE;MACFH,QAAQ,EAAE;IACd;EACJ;AACJ,CAAC,CAAC;AAEF,SAASM,MAAM,EAAET,MAAM","ignoreList":[]}

package/lib/module/package/styled/__test__/index.test.js

@@ -0,0 +1,158 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+import { render } from "@testing-library/react-native";
+import { expect } from '@jest/globals';
+import { styled } from "..";
+import { Text } from "react-native";
+import { theme } from "../../theme";
+const StyledText = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(Text, _extends({}, props, {
+  ref: ref
+})));
+describe("Fluent Styles", () => {
+  it("Base style should render correctly", () => {
+    const base = {
+      backgroundColor: theme.colors.gray[50],
+      paddingHorizontal: 20,
+      paddingVertical: 10
+    };
+    const Text = styled(StyledText, {
+      base,
+      variants: {}
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, null, "Hello"));
+    expect(getByText("Hello")).toHaveStyle({
+      backgroundColor: theme.colors.gray[50],
+      paddingHorizontal: 20,
+      paddingVertical: 10
+    });
+  });
+  it("Variants style should render correctly", () => {
+    const variants = {
+      border: {
+        true: {
+          borderColor: theme.colors.gray[50],
+          borderWidth: 1,
+          borderRadius: 8
+        }
+      }
+    };
+    const Text = styled(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      border: true
+    }, "Hello"));
+    expect(getByText("Hello")).toHaveStyle({
+      borderColor: theme.colors.gray[50],
+      borderWidth: 1,
+      borderRadius: 8
+    });
+  });
+  it("Variants style should not render correctly when variant is not enable", () => {
+    const variants = {
+      border: {
+        true: {
+          borderColor: theme.colors.gray[50],
+          borderWidth: 1,
+          borderRadius: 8
+        }
+      }
+    };
+    const Text = styled(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, null, "Hello"));
+    expect(getByText("Hello")).not.toHaveStyle({
+      borderColor: theme.colors.gray[50],
+      borderWidth: 1,
+      borderRadius: 8
+    });
+  });
+  it("Variants styles should render correctly with function variant", () => {
+    const variants = {
+      fontSize: size => ({
+        fontSize: size
+      })
+    };
+    const Text = styled(StyledText, {
+      base: {},
+      variants
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      fontSize: 24
+    }, "Hello"));
+    expect(getByText("Hello")).toHaveStyle({
+      fontSize: 24
+    });
+  });
+  it("Variants styles should render correctly with nested variant", () => {
+    const base = {
+      backgroundColor: theme.colors.blueGray[100]
+    };
+    const variants = {
+      fontsize: size => ({
+        fontSize: size
+      }),
+      color: theme.colors
+    };
+    const Text = styled(StyledText, {
+      base,
+      variants
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      fontsize: 24,
+      color: "gray.100"
+    }, "Hello"));
+    expect(getByText('Hello')).toHaveStyle({
+      fontSize: 24,
+      color: theme.colors.gray[100],
+      backgroundColor: theme.colors.blueGray[100]
+    });
+  });
+  it("Should render prop style correctly", () => {
+    const Text = styled(StyledText, {
+      base: {},
+      variants: {}
+    });
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      style: {
+        color: theme.colors.gray[100]
+      }
+    }, "Hello"));
+    expect(getByText('Hello')).toHaveStyle({
+      color: theme.colors.gray[100]
+    });
+  });
+  it("Should render forwardRef as expected", () => {
+    const Text = styled(StyledText, {
+      base: {
+        color: theme.colors.gray[200]
+      },
+      variants: {}
+    });
+    const ref = /*#__PURE__*/React.createRef();
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Text, {
+      ref: ref
+    }, "Hello"));
+    const helloText = getByText('Hello');
+    expect(helloText).toBeTruthy();
+    expect(ref.current).toBeTruthy();
+  });
+});
+//# sourceMappingURL=index.test.js.map

package/lib/module/package/styled/__test__/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","expect","styled","Text","theme","StyledText","forwardRef","props","ref","createElement","_extends","describe","it","base","backgroundColor","colors","gray","paddingHorizontal","paddingVertical","variants","getByText","toHaveStyle","border","true","borderColor","borderWidth","borderRadius","not","fontSize","size","blueGray","fontsize","color","style","createRef","helloText","toBeTruthy","current"],"sources":["index.test.js"],"sourcesContent":["\r\nimport React from \"react\";\r\nimport { render } from \"@testing-library/react-native\";\r\nimport { expect } from '@jest/globals';\r\nimport {styled} from \"..\";\r\nimport { Text } from \"react-native\";\r\nimport { theme } from \"../../theme\";\r\n\r\nconst StyledText = React.forwardRef((props, ref) => <Text {...props} ref={ref} />)\r\ndescribe(\"Fluent Styles\", () => {\r\n\tit(\"Base style should render correctly\", () => {\r\n\t\tconst base = {\r\n\t\t\tbackgroundColor: theme.colors.gray[50],\r\n\t\t\tpaddingHorizontal: 20,\r\n\t\t\tpaddingVertical: 10\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base, variants: {} });\r\n\t\tconst { getByText } = render(<Text>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tbackgroundColor: theme.colors.gray[50],\r\n\t\t\tpaddingHorizontal: 20,\r\n\t\t\tpaddingVertical: 10\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants style should render correctly\", () => {\r\n\t\tconst variants = {\r\n\t\t\tborder: {\r\n\t\t\t\ttrue: {\r\n\t\t\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\t\t\tborderWidth: 1,\r\n\t\t\t\t\tborderRadius: 8\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text border>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\tborderWidth: 1,\r\n\t\t\tborderRadius: 8\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants style should not render correctly when variant is not enable\", () => {\r\n\t\tconst variants = {\r\n\t\t\tborder: {\r\n\t\t\t\ttrue: {\r\n\t\t\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\t\t\tborderWidth: 1,\r\n\t\t\t\t\tborderRadius: 8\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).not.toHaveStyle({\r\n\t\t\tborderColor: theme.colors.gray[50],\r\n\t\t\tborderWidth: 1,\r\n\t\t\tborderRadius: 8\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants styles should render correctly with function variant\", () => {\r\n\t\tconst variants = {\r\n\t\t\tfontSize: (size) => ({\r\n\t\t\t\tfontSize: size\r\n\t\t\t})\r\n\t\t}\r\n\t\tconst Text = styled(StyledText, { base: {}, variants });\r\n\t\tconst { getByText } = render(<Text fontSize={24}>Hello</Text>)\r\n\r\n\t\texpect(getByText(\"Hello\")).toHaveStyle({\r\n\t\t\tfontSize: 24\r\n\t\t})\r\n\t});\r\n\r\n\tit(\"Variants styles should render correctly with nested variant\", () => {\r\n\t\tconst base = {\r\n\t\t\tbackgroundColor: theme.colors.blueGray[100]\r\n\t\t};\r\n\t\tconst variants = {\r\n\t\t\tfontsize: (size) => ({\r\n\t\t\t\tfontSize: size\r\n\t\t\t}),\r\n\t\t\tcolor: theme.colors\r\n\t\t};\r\n\t\tconst Text = styled(StyledText, { base, variants });\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text fontsize={24} color=\"gray.100\">\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\texpect(getByText('Hello')).toHaveStyle({\r\n\t\t\tfontSize: 24,\r\n\t\t\tcolor: theme.colors.gray[100],\r\n\t\t\tbackgroundColor: theme.colors.blueGray[100]\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"Should render prop style correctly\", () => {\t\t\r\n\t\tconst Text = styled(StyledText, { base :{}, variants :{} });\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text style={{ color: theme.colors.gray[100] }}>\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\texpect(getByText('Hello')).toHaveStyle({\t\t\t\r\n\t\t\tcolor: theme.colors.gray[100]\t\t\t\r\n\t\t});\r\n\t});\r\n\r\n\tit(\"Should render forwardRef as expected\", () => {\r\n\t\tconst Text = styled(StyledText, { base: { color: theme.colors.gray[200]}, variants: {} });\r\n\t\tconst ref = React.createRef()\r\n\t\tconst { getByText } = render(\r\n\t\t\t<Text ref={ref}>\r\n\t\t\t\tHello\r\n\t\t\t</Text>\r\n\t\t);\r\n\r\n\t\tconst helloText = getByText('Hello');\r\n\t\texpect(helloText).toBeTruthy();\r\n\t\texpect(ref.current).toBeTruthy();\t\t\r\n\t});\r\n\r\n});\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/styled/index.js

@@ -0,0 +1,35 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { forwardRef } from "react";
+
+// @ts-ignore
+const styled = (Component, {
+  base,
+  variants
+} = {}) => {
+  return /*#__PURE__*/forwardRef((props, ref) => {
+    const styles = {
+      ...(base || {})
+    };
+    const options = props;
+    Object.keys(variants || {}).forEach(category => {
+      // @ts-ignore
+      const variantSelected = options[category];
+      const variantValue = variants[category];
+      if (typeof variantValue === "function") {
+        const style = variantValue(variantSelected, options);
+        if (style) {
+          Object.assign(styles, style);
+        }
+      } else if (variantValue && variantValue[variantSelected]) {
+        const value = variantValue[variantSelected];
+        Object.assign(styles, typeof value === "function" ? value(options) : value);
+      }
+    });
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      style: styles,
+      ref: ref
+    }));
+  });
+};
+export { styled };
+//# sourceMappingURL=index.js.map

package/lib/module/package/styled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","forwardRef","styled","Component","base","variants","props","ref","styles","options","Object","keys","forEach","category","variantSelected","variantValue","style","assign","value","createElement","_extends"],"sources":["index.js"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\n// @ts-ignore\nconst styled = (Component, { base, variants } = {}) => {\n  return forwardRef((props, ref) => {\n    const styles = { ...(base || {}) };\n    const options = props;\n\n    Object.keys(variants || {}).forEach((category) => {\n      // @ts-ignore\n      const variantSelected = options[category];\n      const variantValue = variants[category];\n\n      if (typeof variantValue === \"function\") {\n        const style = variantValue(variantSelected, options);\n        if (style) {\n          Object.assign(styles, style);\n        }\n      } else if (variantValue && variantValue[variantSelected]) {\n        const value = variantValue[variantSelected];\n        Object.assign(\n          styles,\n          typeof value === \"function\" ? value(options) : value\n        );\n      }\n    });  \n\n    return <Component {...props} style={styles} ref={ref}  />;\n  });\n};\n\nexport { styled }\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC;AACA,MAAMC,MAAM,GAAGA,CAACC,SAAS,EAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,GAAG,CAAC,CAAC,KAAK;EACrD,oBAAOJ,UAAU,CAAC,CAACK,KAAK,EAAEC,GAAG,KAAK;IAChC,MAAMC,MAAM,GAAG;MAAE,IAAIJ,IAAI,IAAI,CAAC,CAAC;IAAE,CAAC;IAClC,MAAMK,OAAO,GAAGH,KAAK;IAErBI,MAAM,CAACC,IAAI,CAACN,QAAQ,IAAI,CAAC,CAAC,CAAC,CAACO,OAAO,CAAEC,QAAQ,IAAK;MAChD;MACA,MAAMC,eAAe,GAAGL,OAAO,CAACI,QAAQ,CAAC;MACzC,MAAME,YAAY,GAAGV,QAAQ,CAACQ,QAAQ,CAAC;MAEvC,IAAI,OAAOE,YAAY,KAAK,UAAU,EAAE;QACtC,MAAMC,KAAK,GAAGD,YAAY,CAACD,eAAe,EAAEL,OAAO,CAAC;QACpD,IAAIO,KAAK,EAAE;UACTN,MAAM,CAACO,MAAM,CAACT,MAAM,EAAEQ,KAAK,CAAC;QAC9B;MACF,CAAC,MAAM,IAAID,YAAY,IAAIA,YAAY,CAACD,eAAe,CAAC,EAAE;QACxD,MAAMI,KAAK,GAAGH,YAAY,CAACD,eAAe,CAAC;QAC3CJ,MAAM,CAACO,MAAM,CACXT,MAAM,EACN,OAAOU,KAAK,KAAK,UAAU,GAAGA,KAAK,CAACT,OAAO,CAAC,GAAGS,KACjD,CAAC;MACH;IACF,CAAC,CAAC;IAEF,oBAAOlB,KAAA,CAAAmB,aAAA,CAAChB,SAAS,EAAAiB,QAAA,KAAKd,KAAK;MAAEU,KAAK,EAAER,MAAO;MAACD,GAAG,EAAEA;IAAI,EAAG,CAAC;EAC3D,CAAC,CAAC;AACJ,CAAC;AAED,SAASL,MAAM","ignoreList":[]}

package/lib/module/package/switch/index.js

@@ -0,0 +1,36 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { Switch as SwitchSource } from 'react-native';
+import { styled } from '../styled';
+import { theme } from '../theme';
+const Switch = styled(SwitchSource, {
+  base: {
+    transform: [{
+      scaleX: 2
+    }, {
+      scaleY: 2
+    }]
+  }
+});
+const StyledSwitch = ({
+  trackColorOff = theme.colors.gray[400],
+  trackColorOn = theme.colors.green[500],
+  thumbColorOff = theme.colors.gray[400],
+  thumbColorOn = theme.colors.pink[500],
+  isEnabled,
+  onChange,
+  ...rest
+}) => {
+  return /*#__PURE__*/React.createElement(Switch, _extends({
+    trackColor: {
+      false: trackColorOff,
+      true: trackColorOn
+    },
+    thumbColor: isEnabled ? thumbColorOn : thumbColorOff,
+    ios_backgroundColor: theme.colors.gray[800],
+    onValueChange: onChange,
+    value: isEnabled
+  }, rest));
+};
+export { StyledSwitch };
+//# sourceMappingURL=index.js.map

package/lib/module/package/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Switch","SwitchSource","styled","theme","base","transform","scaleX","scaleY","StyledSwitch","trackColorOff","colors","gray","trackColorOn","green","thumbColorOff","thumbColorOn","pink","isEnabled","onChange","rest","createElement","_extends","trackColor","false","true","thumbColor","ios_backgroundColor","onValueChange","value"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Switch as SwitchSource } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Switch = styled(SwitchSource, {\r\n  base: {\r\n    transform: [{ scaleX: 2 }, { scaleY: 2 }]\r\n  }\r\n})\r\n\r\nconst StyledSwitch = ({\r\n\ttrackColorOff = theme.colors.gray[400],\r\n\ttrackColorOn = theme.colors.green[500],\r\n\tthumbColorOff = theme.colors.gray[400],\r\n\tthumbColorOn = theme.colors.pink[500],\r\n\tisEnabled,\r\n\tonChange,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Switch\r\n      trackColor={{ false: trackColorOff, true: trackColorOn }}\r\n      thumbColor={isEnabled ? thumbColorOn : thumbColorOff}\r\n      ios_backgroundColor={theme.colors.gray[800]}\r\n      onValueChange={onChange}\r\n      value={isEnabled}\r\n      {...rest}\r\n\t\t/>\r\n  )\r\n}\r\n\r\nexport { StyledSwitch }\r\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,MAAM,IAAIC,YAAY,QAAQ,cAAc;AACrD,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMH,MAAM,GAAGE,MAAM,CAACD,YAAY,EAAE;EAClCG,IAAI,EAAE;IACJC,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC,EAAE;MAAEC,MAAM,EAAE;IAAE,CAAC;EAC1C;AACF,CAAC,CAAC;AAEF,MAAMC,YAAY,GAAGA,CAAC;EACrBC,aAAa,GAAGN,KAAK,CAACO,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EACtCC,YAAY,GAAGT,KAAK,CAACO,MAAM,CAACG,KAAK,CAAC,GAAG,CAAC;EACtCC,aAAa,GAAGX,KAAK,CAACO,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;EACtCI,YAAY,GAAGZ,KAAK,CAACO,MAAM,CAACM,IAAI,CAAC,GAAG,CAAC;EACrCC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,oBACEpB,KAAA,CAAAqB,aAAA,CAACpB,MAAM,EAAAqB,QAAA;IACLC,UAAU,EAAE;MAAEC,KAAK,EAAEd,aAAa;MAAEe,IAAI,EAAEZ;IAAa,CAAE;IACzDa,UAAU,EAAER,SAAS,GAAGF,YAAY,GAAGD,aAAc;IACrDY,mBAAmB,EAAEvB,KAAK,CAACO,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAC5CgB,aAAa,EAAET,QAAS;IACxBU,KAAK,EAAEX;EAAU,GACbE,IAAI,CACX,CAAC;AAEJ,CAAC;AAED,SAASX,YAAY","ignoreList":[]}

package/lib/module/package/text/index.js

@@ -0,0 +1,68 @@
+import { Text } from 'react-native';
+import { styled } from '../styled';
+import { theme } from '../theme';
+import { isValidColor, isValidNumber, isValidString } from '../utils';
+const StyledText = styled(Text, {
+  base: {
+    fontSize: theme.fontSize.normal,
+    color: theme.colors.gray[800],
+    fontWeight: theme.fontWeight.normal
+  },
+  variants: {
+    fontWeight: (size = theme.fontWeight.normal) => {
+      if (!isValidString(size)) {
+        throw new Error('Invalid fontWeight value');
+      }
+      return {
+        fontWeight: size
+      };
+    },
+    color: (color = theme.colors.gray[800]) => {
+      if (!isValidColor(color)) {
+        throw new Error('Invalid color value');
+      }
+      return {
+        color: color
+      };
+    },
+    fontSize: (size = theme.fontSize.normal) => {
+      if (!isValidNumber(size)) {
+        throw new Error('Invalid fontSize value');
+      }
+      return {
+        fontSize: size
+      };
+    },
+    textDecorationLine: {
+      true: {
+        textDecorationLine: 'underline'
+      }
+    },
+    flexWrap: 'wrap',
+    selected: {
+      true: {
+        color: theme.colors.gray[1]
+      },
+      false: {
+        color: theme.colors.gray[800]
+      }
+    },
+    fontFamily: font => {
+      if (!font) return;
+      return {
+        fontFamily: font
+      };
+    },
+    textAlign: (align = 'left') => {
+      const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];
+      if (!validAlignments.includes(align)) {
+        throw new Error('Invalid textAlign value');
+      }
+      return {
+        textAlign: align
+      };
+    }
+  }
+});
+export { StyledText };
+//# sourceMappingURL=index.js.map

package/lib/module/package/text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","styled","theme","isValidColor","isValidNumber","isValidString","StyledText","base","fontSize","normal","color","colors","gray","fontWeight","variants","size","Error","textDecorationLine","true","flexWrap","selected","false","fontFamily","font","textAlign","align","validAlignments","includes"],"sources":["index.jsx"],"sourcesContent":["import { Text } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst StyledText = styled(Text, {\r\n  base: {\r\n    fontSize: theme.fontSize.normal,\r\n    color: theme.colors.gray[800],\r\n    fontWeight: theme.fontWeight.normal\r\n  },\r\n  variants: {\r\n    fontWeight: (size = theme.fontWeight.normal) => {\r\n      if (!isValidString(size)) {\r\n        throw new Error('Invalid fontWeight value')\r\n      }\r\n      return { fontWeight: size }\r\n    },\r\n    color: (color = theme.colors.gray[800]) => {\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { color: color }\r\n    },\r\n    fontSize: (size = theme.fontSize.normal) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid fontSize value')\r\n      }\r\n      return { fontSize: size }\r\n    },\r\n    textDecorationLine: {\r\n      true: {\r\n        textDecorationLine: 'underline'\r\n      }\r\n    },\r\n    flexWrap: 'wrap',\r\n    selected: {\r\n      true: {\r\n        color: theme.colors.gray[1]\r\n      },\r\n      false: {\r\n        color: theme.colors.gray[800]\r\n      }\r\n    },\r\n    fontFamily: font => {\r\n      if (!font) return\r\n      return {\r\n        fontFamily: font\r\n      }\r\n    },\r\n    textAlign: (align = 'left') => {\r\n      const validAlignments = ['auto', 'left', 'right', 'center', 'justify']\r\n      if (!validAlignments.includes(align)) {\r\n        throw new Error('Invalid textAlign value')\r\n      }\r\n      return { textAlign: align }\r\n    }\r\n  }\r\n})\r\n\r\nexport { StyledText }\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAU;AAErE,MAAMC,UAAU,GAAGL,MAAM,CAACD,IAAI,EAAE;EAC9BO,IAAI,EAAE;IACJC,QAAQ,EAAEN,KAAK,CAACM,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BC,UAAU,EAAEX,KAAK,CAACW,UAAU,CAACJ;EAC/B,CAAC;EACDK,QAAQ,EAAE;IACRD,UAAU,EAAEA,CAACE,IAAI,GAAGb,KAAK,CAACW,UAAU,CAACJ,MAAM,KAAK;MAC9C,IAAI,CAACJ,aAAa,CAACU,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,0BAA0B,CAAC;MAC7C;MACA,OAAO;QAAEH,UAAU,EAAEE;MAAK,CAAC;IAC7B,CAAC;IACDL,KAAK,EAAEA,CAACA,KAAK,GAAGR,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACzC,IAAI,CAACT,YAAY,CAACO,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIM,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEN,KAAK,EAAEA;MAAM,CAAC;IACzB,CAAC;IACDF,QAAQ,EAAEA,CAACO,IAAI,GAAGb,KAAK,CAACM,QAAQ,CAACC,MAAM,KAAK;MAC1C,IAAI,CAACL,aAAa,CAACW,IAAI,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;MAC3C;MACA,OAAO;QAAER,QAAQ,EAAEO;MAAK,CAAC;IAC3B,CAAC;IACDE,kBAAkB,EAAE;MAClBC,IAAI,EAAE;QACJD,kBAAkB,EAAE;MACtB;IACF,CAAC;IACDE,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJR,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,CAAC;MAC5B,CAAC;MACDS,KAAK,EAAE;QACLX,KAAK,EAAER,KAAK,CAACS,MAAM,CAACC,IAAI,CAAC,GAAG;MAC9B;IACF,CAAC;IACDU,UAAU,EAAEC,IAAI,IAAI;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACLD,UAAU,EAAEC;MACd,CAAC;IACH,CAAC;IACDC,SAAS,EAAEA,CAACC,KAAK,GAAG,MAAM,KAAK;MAC7B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QACpC,MAAM,IAAIT,KAAK,CAAC,yBAAyB,CAAC;MAC5C;MACA,OAAO;QAAEQ,SAAS,EAAEC;MAAM,CAAC;IAC7B;EACF;AACF,CAAC,CAAC;AAEF,SAASnB,UAAU","ignoreList":[]}