fluent-styles 1.4.0 → 1.6.0

package/lib/commonjs/package/button/index.js

@@ -70,10 +70,10 @@ const Button = exports.Button = (0, _styled.styled)(_reactNative.TouchableOpacit
     },
     link: {
       true: {
-        borderColor: _theme.theme.colors.transparent,
+        borderColor: _theme.theme.colors.pureTransparent,
         borderWidth: 0,
         borderRadius: 0,
-        backgroundColor: _theme.theme.colors.transparent
+        backgroundColor: _theme.theme.colors.pureTransparent
       }
     },
     selected: {

package/lib/commonjs/package/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_theme","_utils","e","__esModule","default","Button","exports","styled","TouchableOpacity","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","isValidColor","Error","size","isValidNumber","flex","width","height","link","true","transparent","selected","cyan","false","StyledButton","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst Button = styled(TouchableOpacity, {\r\n  base: {\r\n    borderColor: theme.colors.gray[100],\r\n    borderWidth: 1,\r\n    borderRadius: 30,\r\n    backgroundColor: theme.colors.gray[300],\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center'\r\n  },\r\n  variants: {\r\n    borderColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { borderColor: color }\r\n    },\r\n    borderRadius: (size = 32) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid borderRadius value')\r\n      }\r\n      return { borderRadius: size }\r\n    },\r\n    flex: (size) => {\r\n      if (!size) return\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid flex value')\r\n      }\r\n      return { flex: size }\r\n    },\r\n    width: size => {\r\n      if (!size) return\r\n      return { width: size }\r\n    },\r\n    height: size => {\r\n      if (!size) return\r\n      return { height: size }\r\n    },\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    },\r\n    link: {\r\n      true: {\r\n        borderColor: theme.colors.transparent,\r\n        borderWidth: 0,\r\n        borderRadius: 0,\r\n        backgroundColor: theme.colors.transparent\r\n      }\r\n    },\r\n    selected: {\r\n      true: {\r\n        borderColor: theme.colors.cyan[500],\r\n        backgroundColor: theme.colors.cyan[500],\r\n        borderWidth: 0\r\n      },\r\n      false: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderWidth: 0\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledButton = ({ children, ...rest }) => {\r\n  return (\r\n    <Button {...rest}>\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport { StyledButton, Button }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_theme","_utils","e","__esModule","default","Button","exports","styled","TouchableOpacity","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","isValidColor","Error","size","isValidNumber","flex","width","height","link","true","pureTransparent","selected","cyan","false","StyledButton","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst Button = styled(TouchableOpacity, {\r\n  base: {\r\n    borderColor: theme.colors.gray[100],\r\n    borderWidth: 1,\r\n    borderRadius: 30,\r\n    backgroundColor: theme.colors.gray[300],\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center'\r\n  },\r\n  variants: {\r\n    borderColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { borderColor: color }\r\n    },\r\n    borderRadius: (size = 32) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid borderRadius value')\r\n      }\r\n      return { borderRadius: size }\r\n    },\r\n    flex: size => {\r\n      if (!size) return\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid flex value')\r\n      }\r\n      return { flex: size }\r\n    },\r\n    width: size => {\r\n      if (!size) return\r\n      return { width: size }\r\n    },\r\n    height: size => {\r\n      if (!size) return\r\n      return { height: size }\r\n    },\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    },\r\n    link: {\r\n      true: {\r\n        borderColor: theme.colors.pureTransparent,\r\n        borderWidth: 0,\r\n        borderRadius: 0,\r\n        backgroundColor: theme.colors.pureTransparent\r\n      }\r\n    },\r\n    selected: {\r\n      true: {\r\n        borderColor: theme.colors.cyan[500],\r\n        backgroundColor: theme.colors.cyan[500],\r\n        borderWidth: 0\r\n      },\r\n      false: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderWidth: 0\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledButton = ({ children, ...rest }) => {\r\n  return (\r\n    <Button {...rest}>\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport { StyledButton, Button }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/dialog/index.js

@@ -43,6 +43,7 @@ const StyledConfirmDialog = ({
   onCancel,
   onConfirm,
   transparent = true,
+  dialogProps,
   ...rest
 }) => {
   const [show, setShow] = (0, _react.useState)(visible);
@@ -72,12 +73,12 @@ const StyledConfirmDialog = ({
     visible: show,
     transparent: transparent,
     animationType: animationType
-  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, _extends({
     transparent: true,
     flex: 1,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+  }, dialogProps), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
     width: '90%',
     borderRadius: 8,
     paddingVertical: 16,
@@ -129,6 +130,7 @@ const StyledOkDialog = ({
   visible = false,
   animationType = 'fade',
   transparent = true,
+  dialogProps,
   ...rest
 }) => {
   const [show, setShow] = (0, _react.useState)(visible);
@@ -148,12 +150,12 @@ const StyledOkDialog = ({
     visible: show,
     transparent: transparent,
     animationType: animationType
-  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+  }, rest), /*#__PURE__*/_react.default.createElement(_stack.YStack, _extends({
     transparent: true,
     flex: 1,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement(_stack.YStack, {
+  }, dialogProps), /*#__PURE__*/_react.default.createElement(_stack.YStack, {
     width: '90%',
     borderRadius: 8,
     paddingVertical: 16,

package/lib/commonjs/package/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","show","setShow","useState","title","description","cancel","confirm","handleConfirm","handleCancel","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_button","_spacer","_styled","_theme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dialog","styled","Modal","base","backgroundColor","theme","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","exports","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","useState","title","description","cancel","confirm","handleConfirm","handleCancel","YStack","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","StyledText","color","fontSize","normal","fontWeight","bold","StyledSpacer","marginVertical","large","XStack","StyledButton","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n\t\t\t>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n\t\t\t>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/safeAreaView/index.js

@@ -11,9 +11,15 @@ const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_rea
     flex: 1
   },
   variants: {
-    backgroundColor: color => ({
-      backgroundColor: color
-    })
+    backgroundColor: color => {
+      if (!color) return;
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    }
   }
 });
 //# sourceMappingURL=index.js.map

package/lib/commonjs/package/safeAreaView/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","base","flex","variants","backgroundColor","color"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {   \r\n    base :{\r\n        flex : 1\r\n    },\r\n    variants : {\r\n        backgroundColor: (color) => ({\r\n            backgroundColor: color\r\n        }),\r\n    }\r\n})\r\n\r\nexport { StyledSafeAreaView }"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,cAAM,EAACC,yBAAY,EAAE;EAC5CC,IAAI,EAAE;IACFC,IAAI,EAAG;EACX,CAAC;EACDC,QAAQ,EAAG;IACPC,eAAe,EAAGC,KAAK,KAAM;MACzBD,eAAe,EAAEC;IACrB,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","base","flex","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {\r\n  base: {\r\n    flex: 1\r\n  },\r\n  variants: {\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    }\r\n  }\r\n})\r\n\r\nexport { StyledSafeAreaView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,cAAM,EAACC,yBAAY,EAAE;EAC9CC,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACC,YAAY,CAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/package/scrollView/index.js

@@ -8,9 +8,15 @@ var _reactNative = require("react-native");
 var _styled = require("../styled");
 const StyledScrollView = exports.StyledScrollView = (0, _styled.styled)(_reactNative.ScrollView, {
   variants: {
-    backgroundColor: color => ({
-      backgroundColor: color
-    })
+    backgroundColor: color => {
+      if (!color) return;
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    }
   }
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styled","StyledScrollView","exports","styled","ScrollView","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,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,cAAM,EAACC,uBAAU,EAAE;EAC1CC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,KAAK;MACzBD,eAAe,EAAEC;IACnB,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_styled","StyledScrollView","exports","styled","ScrollView","variants","backgroundColor","color","isValidColor","Error"],"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      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    }\r\n  }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,cAAM,EAACC,uBAAU,EAAE;EAC1CC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACC,YAAY,CAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/package/stack/index.js

@@ -9,21 +9,27 @@ var _styled = require("../styled");
 var _theme = require("../theme");
 const YStack = exports.YStack = (0, _styled.styled)(_reactNative.View, {
   base: {
-    flexDirection: 'column',
-    position: 'relative'
+    flexDirection: 'column'
   },
   variants: {
     transparent: {
       true: {
         backgroundColor: _theme.theme.colors.transparent
       }
+    },
+    relative: {
+      position: 'relative'
+    },
+    absolute: {
+      true: {
+        position: 'absolute'
+      }
     }
   }
 });
 const XStack = exports.XStack = (0, _styled.styled)(_reactNative.View, {
   base: {
-    flexDirection: 'row',
-    position: 'relative'
+    flexDirection: 'row'
   },
   variants: {
     transparent: {
@@ -32,7 +38,10 @@ const XStack = exports.XStack = (0, _styled.styled)(_reactNative.View, {
       }
     }
   },
-  position: {
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
     true: {
       position: 'absolute'
     }

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

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_styled","_theme","YStack","exports","styled","View","base","flexDirection","position","variants","transparent","true","backgroundColor","theme","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,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACFC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAClC;IACJ;EACJ;AACJ,CAAC,CAAC;AACF,MAAMK,MAAM,GAAAZ,OAAA,CAAAY,MAAA,GAAG,IAAAX,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACFC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAC;EACb,CAAC;EACDC,QAAQ,EAAE;IACNC,WAAW,EAAE;MACTC,IAAI,EAAE;QACFC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAClC;IACJ;EACJ,CAAC;EACDF,QAAQ,EAAE;IACNG,IAAI,EAAE;MACFH,QAAQ,EAAE;IACd;EACJ;AACJ,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_styled","_theme","YStack","exports","styled","View","base","flexDirection","variants","transparent","true","backgroundColor","theme","colors","relative","position","absolute","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  },\r\n  variants: {\r\n    transparent: {\r\n      true: {\r\n        backgroundColor: theme.colors.transparent\r\n      }\r\n    },\r\n    relative: {\r\n      position: 'relative'\r\n    },\r\n    absolute: {\r\n      true: {\r\n        position: 'absolute'\r\n      }\r\n    }\r\n  }\r\n})\r\nconst XStack = styled(View, {\r\n  base: {\r\n    flexDirection: 'row'\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  relative: {\r\n    position: 'relative'\r\n  },\r\n  absolute: {\r\n    true: {\r\n      position: 'absolute'\r\n    }\r\n  }\r\n})\r\n\r\nexport { XStack, YStack }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,MAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,cAAM,EAACC,iBAAI,EAAE;EAC1BC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE;QACJC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAChC;IACF,CAAC;IACDK,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRN,IAAI,EAAE;QACJK,QAAQ,EAAE;MACZ;IACF;EACF;AACF,CAAC,CAAC;AACF,MAAME,MAAM,GAAAd,OAAA,CAAAc,MAAA,GAAG,IAAAb,cAAM,EAACC,iBAAI,EAAE;EAC1BC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE;QACJC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACJ;MAChC;IACF;EACF,CAAC;EACDK,QAAQ,EAAE;IACRC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACRN,IAAI,EAAE;MACJK,QAAQ,EAAE;IACZ;EACF;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/package/theme.js

@@ -11,7 +11,8 @@ const palettes = exports.palettes = {
   black: '#000000',
   lightText: '#FFFFFF',
   darkText: '#000000',
-  transparent: 'rgba(0, 0, 0, 0)',
+  transparent: 'rgba(0, 0, 0, 0.5)',
+  pureTransparent: 'rgba(0, 0, 0, 0)',
   rose: {
     50: '#fff1f2',
     100: '#ffe4e6',

package/lib/commonjs/package/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["palettes","exports","white","black","lightText","darkText","transparent","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","darkBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","darkColors","button_hover","button_primary","cardBg","textColor","borderColor","shadowColor","hover","pressed","pressed_secondary","primary","lightColors","theme","colors","space","fontWeight","thin","extraLight","light","normal","medium","semiBold","bold","extraBold","fontSize","base","nano","micro","small","large","xlarge","xxlarge","xxxlarge","splash","textAlign","left","right","center","justify"],"sources":["theme.js"],"sourcesContent":["/* eslint-disable prettier/prettier */\r\n\r\nconst palettes = {\r\n  white: '#FFFFFF',\r\n  black: '#000000',\r\n  lightText: '#FFFFFF',\r\n  darkText: '#000000',\r\n  transparent: 'rgba(0, 0, 0, 0)',\r\n  rose: {\r\n    50: '#fff1f2',\r\n    100: '#ffe4e6',\r\n    200: '#fecdd3',\r\n    300: '#fda4af',\r\n    400: '#fb7185',\r\n    500: '#f43f5e',\r\n    600: '#e11d48',\r\n    700: '#be123c',\r\n    800: '#9f1239',\r\n    900: '#881337'\r\n  },\r\n  pink: {\r\n    50: '#fdf2f8',\r\n    100: '#fce7f3',\r\n    200: '#fbcfe8',\r\n    300: '#f9a8d4',\r\n    400: '#f472b6',\r\n    500: '#ec4899',\r\n    600: '#db2777',\r\n    700: '#be185d',\r\n    800: '#9d174d',\r\n    900: '#831843'\r\n  },\r\n  fuchsia: {\r\n    50: '#fdf4ff',\r\n    100: '#fae8ff',\r\n    200: '#f5d0fe',\r\n    300: '#f0abfc',\r\n    400: '#e879f9',\r\n    500: '#d946ef',\r\n    600: '#c026d3',\r\n    700: '#a21caf',\r\n    800: '#86198f',\r\n    900: '#701a75'\r\n  },\r\n  purple: {\r\n    50: '#faf5ff',\r\n    100: '#f3e8ff',\r\n    200: '#e9d5ff',\r\n    300: '#d8b4fe',\r\n    400: '#c084fc',\r\n    500: '#a855f7',\r\n    600: '#9333ea',\r\n    700: '#7e22ce',\r\n    800: '#6b21a8',\r\n    900: '#581c87'\r\n  },\r\n  violet: {\r\n    50: '#f5f3ff',\r\n    100: '#ede9fe',\r\n    200: '#ddd6fe',\r\n    300: '#c4b5fd',\r\n    400: '#a78bfa',\r\n    500: '#8b5cf6',\r\n    600: '#7c3aed',\r\n    700: '#6d28d9',\r\n    800: '#5b21b6',\r\n    900: '#4c1d95'\r\n  },\r\n  indigo: {\r\n    50: '#eef2ff',\r\n    100: '#e0e7ff',\r\n    200: '#c7d2fe',\r\n    300: '#a5b4fc',\r\n    400: '#818cf8',\r\n    500: '#6366f1',\r\n    600: '#4f46e5',\r\n    700: '#4338ca',\r\n    800: '#3730a3',\r\n    900: '#312e81'\r\n  },\r\n  blue: {\r\n    50: '#eff6ff',\r\n    100: '#dbeafe',\r\n    200: '#bfdbfe',\r\n    300: '#93c5fd',\r\n    400: '#60a5fa',\r\n    500: '#3b82f6',\r\n    600: '#2563eb',\r\n    700: '#1d4ed8',\r\n    800: '#1e40af',\r\n    900: '#1e3a8a'\r\n  },\r\n  lightBlue: {\r\n    50: '#f0f9ff',\r\n    100: '#e0f2fe',\r\n    200: '#bae6fd',\r\n    300: '#7dd3fc',\r\n    400: '#38bdf8',\r\n    500: '#0ea5e9',\r\n    600: '#0284c7',\r\n    700: '#0369a1',\r\n    800: '#075985',\r\n    900: '#0c4a6e'\r\n  },\r\n  darkBlue: {\r\n    50: '#dbf4ff',\r\n    100: '#addbff',\r\n    200: '#7cc2ff',\r\n    300: '#4aa9ff',\r\n    400: '#1a91ff',\r\n    500: '#0077e6',\r\n    600: '#005db4',\r\n    700: '#004282',\r\n    800: '#002851',\r\n    900: '#000e21'\r\n  },\r\n  cyan: {\r\n    50: '#ecfeff',\r\n    100: '#cffafe',\r\n    200: '#a5f3fc',\r\n    300: '#67e8f9',\r\n    400: '#22d3ee',\r\n    500: '#06b6d4',\r\n    600: '#0891b2',\r\n    700: '#0e7490',\r\n    800: '#155e75',\r\n    900: '#164e63'\r\n  },\r\n  teal: {\r\n    50: '#f0fdfa',\r\n    100: '#ccfbf1',\r\n    200: '#99f6e4',\r\n    300: '#5eead4',\r\n    400: '#2dd4bf',\r\n    500: '#14b8a6',\r\n    600: '#0d9488',\r\n    700: '#0f766e',\r\n    800: '#115e59',\r\n    900: '#134e4a'\r\n  },\r\n  emerald: {\r\n    50: '#ecfdf5',\r\n    100: '#d1fae5',\r\n    200: '#a7f3d0',\r\n    300: '#6ee7b7',\r\n    400: '#34d399',\r\n    500: '#10b981',\r\n    600: '#059669',\r\n    700: '#047857',\r\n    800: '#065f46',\r\n    900: '#064e3b'\r\n  },\r\n  green: {\r\n    50: '#f0fdf4',\r\n    100: '#dcfce7',\r\n    200: '#bbf7d0',\r\n    300: '#86efac',\r\n    400: '#4ade80',\r\n    500: '#22c55e',\r\n    600: '#16a34a',\r\n    700: '#15803d',\r\n    800: '#166534',\r\n    900: '#14532d'\r\n  },\r\n  lime: {\r\n    50: '#f7fee7',\r\n    100: '#ecfccb',\r\n    200: '#d9f99d',\r\n    300: '#bef264',\r\n    400: '#a3e635',\r\n    500: '#84cc16',\r\n    600: '#65a30d',\r\n    700: '#4d7c0f',\r\n    800: '#3f6212',\r\n    900: '#365314'\r\n  },\r\n  yellow: {\r\n    50: '#fefce8',\r\n    100: '#fef9c3',\r\n    200: '#fef08a',\r\n    300: '#fde047',\r\n    400: '#facc15',\r\n    500: '#eab308',\r\n    600: '#ca8a04',\r\n    700: '#a16207',\r\n    800: '#854d0e',\r\n    900: '#713f12'\r\n  },\r\n  amber: {\r\n    50: '#fffbeb',\r\n    100: '#fef3c7',\r\n    200: '#fde68a',\r\n    300: '#fcd34d',\r\n    400: '#fbbf24',\r\n    500: '#f59e0b',\r\n    600: '#d97706',\r\n    700: '#b45309',\r\n    800: '#92400e',\r\n    900: '#78350f'\r\n  },\r\n  orange: {\r\n    50: '#fff7ed',\r\n    100: '#ffedd5',\r\n    200: '#fed7aa',\r\n    300: '#fdba74',\r\n    400: '#fb923c',\r\n    500: '#f97316',\r\n    600: '#ea580c',\r\n    700: '#c2410c',\r\n    800: '#9a3412',\r\n    900: '#7c2d12'\r\n  },\r\n  red: {\r\n    50: '#fef2f2',\r\n    100: '#fee2e2',\r\n    200: '#fecaca',\r\n    300: '#fca5a5',\r\n    400: '#f87171',\r\n    500: '#ef4444',\r\n    600: '#dc2626',\r\n    700: '#b91c1c',\r\n    800: '#991b1b',\r\n    900: '#7f1d1d'\r\n  },\r\n  warmGray: {\r\n    50: '#fafaf9',\r\n    100: '#f5f5f4',\r\n    200: '#e7e5e4',\r\n    300: '#d6d3d1',\r\n    400: '#a8a29e',\r\n    500: '#78716c',\r\n    600: '#57534e',\r\n    700: '#44403c',\r\n    800: '#292524',\r\n    900: '#1c1917'\r\n  },\r\n  trueGray: {\r\n    50: '#fafafa',\r\n    100: '#f5f5f5',\r\n    200: '#e5e5e5',\r\n    300: '#d4d4d4',\r\n    400: '#a3a3a3',\r\n    500: '#737373',\r\n    600: '#525252',\r\n    700: '#404040',\r\n    800: '#262626',\r\n    900: '#171717'\r\n  },\r\n  gray: {\r\n    1: '#FFFFFF',\r\n    50: '#fafafa',\r\n    100: '#f4f4f5',\r\n    200: '#e4e4e7',\r\n    300: '#d4d4d8',\r\n    400: '#a1a1aa',\r\n    500: '#71717a',\r\n    600: '#52525b',\r\n    700: '#3f3f46',\r\n    800: '#27272a',\r\n    900: '#18181b'\r\n  },\r\n  coolGray: {\r\n    50: '#f9fafb',\r\n    100: '#f3f4f6',\r\n    200: '#e5e7eb',\r\n    300: '#d1d5db',\r\n    400: '#9ca3af',\r\n    500: '#6b7280',\r\n    600: '#4b5563',\r\n    700: '#374151',\r\n    800: '#1f2937',\r\n    900: '#111827'\r\n  },\r\n  blueGray: {\r\n    50: '#f8fafc',\r\n    100: '#f1f5f9',\r\n    200: '#e2e8f0',\r\n    300: '#cbd5e1',\r\n    400: '#94a3b8',\r\n    500: '#64748b',\r\n    600: '#475569',\r\n    700: '#334155',\r\n    800: '#1e293b',\r\n    900: '#0f172a'\r\n  },\r\n  dark: {\r\n    50: '#18181b',\r\n    100: '#27272a',\r\n    200: '#3f3f46',\r\n    300: '#52525b',\r\n    400: '#71717a',\r\n    500: '#a1a1aa',\r\n    600: '#d4d4d8',\r\n    700: '#e4e4e7',\r\n    800: '#f4f4f5',\r\n    900: '#fafafa'\r\n  }\r\n}\r\n\r\nconst darkColors = {\r\n  button_hover: palettes.indigo[600],\r\n  button_primary: palettes.indigo[500],\r\n  cardBg: palettes.coolGray[800],\r\n  textColor: palettes.coolGray[50],\r\n  borderColor: palettes.coolGray[50],\r\n  shadowColor: palettes.coolGray[50],\r\n  hover: palettes.blue[800],\r\n  pressed: palettes.blue[900],\r\n  pressed_secondary: palettes.blue[400],\r\n\r\n  primary: palettes.blue[400]\r\n}\r\n\r\nconst lightColors = {\r\n  primary: palettes.amber[500],\r\n\r\n  button_hover: palettes.indigo[700],\r\n  button_primary: palettes.indigo[600],\r\n  cardBg: palettes.coolGray[50],\r\n  textColor: palettes.coolGray[900],\r\n  borderColor: palettes.coolGray[900],\r\n  shadowColor: palettes.coolGray[900],\r\n  hover: palettes.blue[100],\r\n  pressed: palettes.blue[200],\r\n  pressed_secondary: palettes.blue[400]\r\n}\r\n\r\nconst theme = {\r\n  colors: {\r\n    ...palettes,\r\n    ...lightColors\r\n  },\r\n  space: {\r\n    '0': 0,\r\n    '1': 1,\r\n    '2': 2,\r\n    '4': 4,\r\n    '8': 8,\r\n    '16': 16,\r\n    '32': 32,\r\n    '64': 64,\r\n    '128': 128\r\n  },\r\n  fontWeight: {\r\n    thin: '100',\r\n    extraLight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semiBold: '600',\r\n    bold: '700',\r\n    extraBold: '800',\r\n    black: '900'\r\n  },\r\n  fontSize: {\r\n    base: 8,\r\n    nano: 10,\r\n    micro: 12,\r\n    small: 14,\r\n    medium: 16,\r\n    normal: 18,\r\n    large: 20,\r\n    xlarge: 22,\r\n    xxlarge: 26,\r\n    xxxlarge: 30,\r\n    splash: 40\r\n  },\r\n  textAlign: {\r\n    left: { textAlign: 'left' },\r\n    right: { textAlign: 'right' },\r\n    center: { textAlign: 'center' },\r\n    justify: { textAlign: 'justify' }\r\n  }\r\n}\r\n\r\nexport { theme, lightColors, darkColors, palettes }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["palettes","exports","white","black","lightText","darkText","transparent","pureTransparent","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","darkBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","darkColors","button_hover","button_primary","cardBg","textColor","borderColor","shadowColor","hover","pressed","pressed_secondary","primary","lightColors","theme","colors","space","fontWeight","thin","extraLight","light","normal","medium","semiBold","bold","extraBold","fontSize","base","nano","micro","small","large","xlarge","xxlarge","xxxlarge","splash","textAlign","left","right","center","justify"],"sources":["theme.js"],"sourcesContent":["/* eslint-disable prettier/prettier */\r\n\r\nconst palettes = {\r\n  white: '#FFFFFF',\r\n  black: '#000000',\r\n  lightText: '#FFFFFF',\r\n  darkText: '#000000',\r\n  transparent: 'rgba(0, 0, 0, 0.5)',\r\n  pureTransparent: 'rgba(0, 0, 0, 0)',\r\n  rose: {\r\n    50: '#fff1f2',\r\n    100: '#ffe4e6',\r\n    200: '#fecdd3',\r\n    300: '#fda4af',\r\n    400: '#fb7185',\r\n    500: '#f43f5e',\r\n    600: '#e11d48',\r\n    700: '#be123c',\r\n    800: '#9f1239',\r\n    900: '#881337'\r\n  },\r\n  pink: {\r\n    50: '#fdf2f8',\r\n    100: '#fce7f3',\r\n    200: '#fbcfe8',\r\n    300: '#f9a8d4',\r\n    400: '#f472b6',\r\n    500: '#ec4899',\r\n    600: '#db2777',\r\n    700: '#be185d',\r\n    800: '#9d174d',\r\n    900: '#831843'\r\n  },\r\n  fuchsia: {\r\n    50: '#fdf4ff',\r\n    100: '#fae8ff',\r\n    200: '#f5d0fe',\r\n    300: '#f0abfc',\r\n    400: '#e879f9',\r\n    500: '#d946ef',\r\n    600: '#c026d3',\r\n    700: '#a21caf',\r\n    800: '#86198f',\r\n    900: '#701a75'\r\n  },\r\n  purple: {\r\n    50: '#faf5ff',\r\n    100: '#f3e8ff',\r\n    200: '#e9d5ff',\r\n    300: '#d8b4fe',\r\n    400: '#c084fc',\r\n    500: '#a855f7',\r\n    600: '#9333ea',\r\n    700: '#7e22ce',\r\n    800: '#6b21a8',\r\n    900: '#581c87'\r\n  },\r\n  violet: {\r\n    50: '#f5f3ff',\r\n    100: '#ede9fe',\r\n    200: '#ddd6fe',\r\n    300: '#c4b5fd',\r\n    400: '#a78bfa',\r\n    500: '#8b5cf6',\r\n    600: '#7c3aed',\r\n    700: '#6d28d9',\r\n    800: '#5b21b6',\r\n    900: '#4c1d95'\r\n  },\r\n  indigo: {\r\n    50: '#eef2ff',\r\n    100: '#e0e7ff',\r\n    200: '#c7d2fe',\r\n    300: '#a5b4fc',\r\n    400: '#818cf8',\r\n    500: '#6366f1',\r\n    600: '#4f46e5',\r\n    700: '#4338ca',\r\n    800: '#3730a3',\r\n    900: '#312e81'\r\n  },\r\n  blue: {\r\n    50: '#eff6ff',\r\n    100: '#dbeafe',\r\n    200: '#bfdbfe',\r\n    300: '#93c5fd',\r\n    400: '#60a5fa',\r\n    500: '#3b82f6',\r\n    600: '#2563eb',\r\n    700: '#1d4ed8',\r\n    800: '#1e40af',\r\n    900: '#1e3a8a'\r\n  },\r\n  lightBlue: {\r\n    50: '#f0f9ff',\r\n    100: '#e0f2fe',\r\n    200: '#bae6fd',\r\n    300: '#7dd3fc',\r\n    400: '#38bdf8',\r\n    500: '#0ea5e9',\r\n    600: '#0284c7',\r\n    700: '#0369a1',\r\n    800: '#075985',\r\n    900: '#0c4a6e'\r\n  },\r\n  darkBlue: {\r\n    50: '#dbf4ff',\r\n    100: '#addbff',\r\n    200: '#7cc2ff',\r\n    300: '#4aa9ff',\r\n    400: '#1a91ff',\r\n    500: '#0077e6',\r\n    600: '#005db4',\r\n    700: '#004282',\r\n    800: '#002851',\r\n    900: '#000e21'\r\n  },\r\n  cyan: {\r\n    50: '#ecfeff',\r\n    100: '#cffafe',\r\n    200: '#a5f3fc',\r\n    300: '#67e8f9',\r\n    400: '#22d3ee',\r\n    500: '#06b6d4',\r\n    600: '#0891b2',\r\n    700: '#0e7490',\r\n    800: '#155e75',\r\n    900: '#164e63'\r\n  },\r\n  teal: {\r\n    50: '#f0fdfa',\r\n    100: '#ccfbf1',\r\n    200: '#99f6e4',\r\n    300: '#5eead4',\r\n    400: '#2dd4bf',\r\n    500: '#14b8a6',\r\n    600: '#0d9488',\r\n    700: '#0f766e',\r\n    800: '#115e59',\r\n    900: '#134e4a'\r\n  },\r\n  emerald: {\r\n    50: '#ecfdf5',\r\n    100: '#d1fae5',\r\n    200: '#a7f3d0',\r\n    300: '#6ee7b7',\r\n    400: '#34d399',\r\n    500: '#10b981',\r\n    600: '#059669',\r\n    700: '#047857',\r\n    800: '#065f46',\r\n    900: '#064e3b'\r\n  },\r\n  green: {\r\n    50: '#f0fdf4',\r\n    100: '#dcfce7',\r\n    200: '#bbf7d0',\r\n    300: '#86efac',\r\n    400: '#4ade80',\r\n    500: '#22c55e',\r\n    600: '#16a34a',\r\n    700: '#15803d',\r\n    800: '#166534',\r\n    900: '#14532d'\r\n  },\r\n  lime: {\r\n    50: '#f7fee7',\r\n    100: '#ecfccb',\r\n    200: '#d9f99d',\r\n    300: '#bef264',\r\n    400: '#a3e635',\r\n    500: '#84cc16',\r\n    600: '#65a30d',\r\n    700: '#4d7c0f',\r\n    800: '#3f6212',\r\n    900: '#365314'\r\n  },\r\n  yellow: {\r\n    50: '#fefce8',\r\n    100: '#fef9c3',\r\n    200: '#fef08a',\r\n    300: '#fde047',\r\n    400: '#facc15',\r\n    500: '#eab308',\r\n    600: '#ca8a04',\r\n    700: '#a16207',\r\n    800: '#854d0e',\r\n    900: '#713f12'\r\n  },\r\n  amber: {\r\n    50: '#fffbeb',\r\n    100: '#fef3c7',\r\n    200: '#fde68a',\r\n    300: '#fcd34d',\r\n    400: '#fbbf24',\r\n    500: '#f59e0b',\r\n    600: '#d97706',\r\n    700: '#b45309',\r\n    800: '#92400e',\r\n    900: '#78350f'\r\n  },\r\n  orange: {\r\n    50: '#fff7ed',\r\n    100: '#ffedd5',\r\n    200: '#fed7aa',\r\n    300: '#fdba74',\r\n    400: '#fb923c',\r\n    500: '#f97316',\r\n    600: '#ea580c',\r\n    700: '#c2410c',\r\n    800: '#9a3412',\r\n    900: '#7c2d12'\r\n  },\r\n  red: {\r\n    50: '#fef2f2',\r\n    100: '#fee2e2',\r\n    200: '#fecaca',\r\n    300: '#fca5a5',\r\n    400: '#f87171',\r\n    500: '#ef4444',\r\n    600: '#dc2626',\r\n    700: '#b91c1c',\r\n    800: '#991b1b',\r\n    900: '#7f1d1d'\r\n  },\r\n  warmGray: {\r\n    50: '#fafaf9',\r\n    100: '#f5f5f4',\r\n    200: '#e7e5e4',\r\n    300: '#d6d3d1',\r\n    400: '#a8a29e',\r\n    500: '#78716c',\r\n    600: '#57534e',\r\n    700: '#44403c',\r\n    800: '#292524',\r\n    900: '#1c1917'\r\n  },\r\n  trueGray: {\r\n    50: '#fafafa',\r\n    100: '#f5f5f5',\r\n    200: '#e5e5e5',\r\n    300: '#d4d4d4',\r\n    400: '#a3a3a3',\r\n    500: '#737373',\r\n    600: '#525252',\r\n    700: '#404040',\r\n    800: '#262626',\r\n    900: '#171717'\r\n  },\r\n  gray: {\r\n    1: '#FFFFFF',\r\n    50: '#fafafa',\r\n    100: '#f4f4f5',\r\n    200: '#e4e4e7',\r\n    300: '#d4d4d8',\r\n    400: '#a1a1aa',\r\n    500: '#71717a',\r\n    600: '#52525b',\r\n    700: '#3f3f46',\r\n    800: '#27272a',\r\n    900: '#18181b'\r\n  },\r\n  coolGray: {\r\n    50: '#f9fafb',\r\n    100: '#f3f4f6',\r\n    200: '#e5e7eb',\r\n    300: '#d1d5db',\r\n    400: '#9ca3af',\r\n    500: '#6b7280',\r\n    600: '#4b5563',\r\n    700: '#374151',\r\n    800: '#1f2937',\r\n    900: '#111827'\r\n  },\r\n  blueGray: {\r\n    50: '#f8fafc',\r\n    100: '#f1f5f9',\r\n    200: '#e2e8f0',\r\n    300: '#cbd5e1',\r\n    400: '#94a3b8',\r\n    500: '#64748b',\r\n    600: '#475569',\r\n    700: '#334155',\r\n    800: '#1e293b',\r\n    900: '#0f172a'\r\n  },\r\n  dark: {\r\n    50: '#18181b',\r\n    100: '#27272a',\r\n    200: '#3f3f46',\r\n    300: '#52525b',\r\n    400: '#71717a',\r\n    500: '#a1a1aa',\r\n    600: '#d4d4d8',\r\n    700: '#e4e4e7',\r\n    800: '#f4f4f5',\r\n    900: '#fafafa'\r\n  }\r\n}\r\n\r\nconst darkColors = {\r\n  button_hover: palettes.indigo[600],\r\n  button_primary: palettes.indigo[500],\r\n  cardBg: palettes.coolGray[800],\r\n  textColor: palettes.coolGray[50],\r\n  borderColor: palettes.coolGray[50],\r\n  shadowColor: palettes.coolGray[50],\r\n  hover: palettes.blue[800],\r\n  pressed: palettes.blue[900],\r\n  pressed_secondary: palettes.blue[400],\r\n\r\n  primary: palettes.blue[400]\r\n}\r\n\r\nconst lightColors = {\r\n  primary: palettes.amber[500],\r\n\r\n  button_hover: palettes.indigo[700],\r\n  button_primary: palettes.indigo[600],\r\n  cardBg: palettes.coolGray[50],\r\n  textColor: palettes.coolGray[900],\r\n  borderColor: palettes.coolGray[900],\r\n  shadowColor: palettes.coolGray[900],\r\n  hover: palettes.blue[100],\r\n  pressed: palettes.blue[200],\r\n  pressed_secondary: palettes.blue[400]\r\n}\r\n\r\nconst theme = {\r\n  colors: {\r\n    ...palettes,\r\n    ...lightColors\r\n  },\r\n  space: {\r\n    '0': 0,\r\n    '1': 1,\r\n    '2': 2,\r\n    '4': 4,\r\n    '8': 8,\r\n    '16': 16,\r\n    '32': 32,\r\n    '64': 64,\r\n    '128': 128\r\n  },\r\n  fontWeight: {\r\n    thin: '100',\r\n    extraLight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semiBold: '600',\r\n    bold: '700',\r\n    extraBold: '800',\r\n    black: '900'\r\n  },\r\n  fontSize: {\r\n    base: 8,\r\n    nano: 10,\r\n    micro: 12,\r\n    small: 14,\r\n    medium: 16,\r\n    normal: 18,\r\n    large: 20,\r\n    xlarge: 22,\r\n    xxlarge: 26,\r\n    xxxlarge: 30,\r\n    splash: 40\r\n  },\r\n  textAlign: {\r\n    left: { textAlign: 'left' },\r\n    right: { textAlign: 'right' },\r\n    center: { textAlign: 'center' },\r\n    justify: { textAlign: 'justify' }\r\n  }\r\n}\r\n\r\nexport { theme, lightColors, darkColors, palettes }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/button/index.js

@@ -63,10 +63,10 @@ const Button = styled(TouchableOpacity, {
     },
     link: {
       true: {
-        borderColor: theme.colors.transparent,
+        borderColor: theme.colors.pureTransparent,
         borderWidth: 0,
         borderRadius: 0,
-        backgroundColor: theme.colors.transparent
+        backgroundColor: theme.colors.pureTransparent
       }
     },
     selected: {

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

@@ -1 +1 @@
-{"version":3,"names":["React","TouchableOpacity","styled","theme","isValidColor","isValidNumber","Button","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","Error","size","flex","width","height","link","true","transparent","selected","cyan","false","StyledButton","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst Button = styled(TouchableOpacity, {\r\n  base: {\r\n    borderColor: theme.colors.gray[100],\r\n    borderWidth: 1,\r\n    borderRadius: 30,\r\n    backgroundColor: theme.colors.gray[300],\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center'\r\n  },\r\n  variants: {\r\n    borderColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { borderColor: color }\r\n    },\r\n    borderRadius: (size = 32) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid borderRadius value')\r\n      }\r\n      return { borderRadius: size }\r\n    },\r\n    flex: (size) => {\r\n      if (!size) return\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid flex value')\r\n      }\r\n      return { flex: size }\r\n    },\r\n    width: size => {\r\n      if (!size) return\r\n      return { width: size }\r\n    },\r\n    height: size => {\r\n      if (!size) return\r\n      return { height: size }\r\n    },\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    },\r\n    link: {\r\n      true: {\r\n        borderColor: theme.colors.transparent,\r\n        borderWidth: 0,\r\n        borderRadius: 0,\r\n        backgroundColor: theme.colors.transparent\r\n      }\r\n    },\r\n    selected: {\r\n      true: {\r\n        borderColor: theme.colors.cyan[500],\r\n        backgroundColor: theme.colors.cyan[500],\r\n        borderWidth: 0\r\n      },\r\n      false: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderWidth: 0\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledButton = ({ children, ...rest }) => {\r\n  return (\r\n    <Button {...rest}>\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport { StyledButton, Button }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","TouchableOpacity","styled","theme","isValidColor","isValidNumber","Button","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","flexDirection","justifyContent","alignItems","variants","color","Error","size","flex","width","height","link","true","pureTransparent","selected","cyan","false","StyledButton","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst Button = styled(TouchableOpacity, {\r\n  base: {\r\n    borderColor: theme.colors.gray[100],\r\n    borderWidth: 1,\r\n    borderRadius: 30,\r\n    backgroundColor: theme.colors.gray[300],\r\n    flexDirection: 'row',\r\n    justifyContent: 'center',\r\n    alignItems: 'center'\r\n  },\r\n  variants: {\r\n    borderColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid color value')\r\n      }\r\n      return { borderColor: color }\r\n    },\r\n    borderRadius: (size = 32) => {\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid borderRadius value')\r\n      }\r\n      return { borderRadius: size }\r\n    },\r\n    flex: size => {\r\n      if (!size) return\r\n      if (!isValidNumber(size)) {\r\n        throw new Error('Invalid flex value')\r\n      }\r\n      return { flex: size }\r\n    },\r\n    width: size => {\r\n      if (!size) return\r\n      return { width: size }\r\n    },\r\n    height: size => {\r\n      if (!size) return\r\n      return { height: size }\r\n    },\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    },\r\n    link: {\r\n      true: {\r\n        borderColor: theme.colors.pureTransparent,\r\n        borderWidth: 0,\r\n        borderRadius: 0,\r\n        backgroundColor: theme.colors.pureTransparent\r\n      }\r\n    },\r\n    selected: {\r\n      true: {\r\n        borderColor: theme.colors.cyan[500],\r\n        backgroundColor: theme.colors.cyan[500],\r\n        borderWidth: 0\r\n      },\r\n      false: {\r\n        borderColor: theme.colors.gray[300],\r\n        borderWidth: 0\r\n      }\r\n    }\r\n  }\r\n})\r\n\r\nconst StyledButton = ({ children, ...rest }) => {\r\n  return (\r\n    <Button {...rest}>\r\n      {children}\r\n    </Button>\r\n  )\r\n}\r\n\r\nexport { StyledButton, Button }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/dialog/index.js

@@ -34,6 +34,7 @@ const StyledConfirmDialog = ({
   onCancel,
   onConfirm,
   transparent = true,
+  dialogProps,
   ...rest
 }) => {
   const [show, setShow] = useState(visible);
@@ -63,12 +64,12 @@ const StyledConfirmDialog = ({
     visible: show,
     transparent: transparent,
     animationType: animationType
-  }, rest), /*#__PURE__*/React.createElement(YStack, {
+  }, rest), /*#__PURE__*/React.createElement(YStack, _extends({
     transparent: true,
     flex: 1,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(YStack, {
+  }, dialogProps), /*#__PURE__*/React.createElement(YStack, {
     width: '90%',
     borderRadius: 8,
     paddingVertical: 16,
@@ -119,6 +120,7 @@ const StyledOkDialog = ({
   visible = false,
   animationType = 'fade',
   transparent = true,
+  dialogProps,
   ...rest
 }) => {
   const [show, setShow] = useState(visible);
@@ -138,12 +140,12 @@ const StyledOkDialog = ({
     visible: show,
     transparent: transparent,
     animationType: animationType
-  }, rest), /*#__PURE__*/React.createElement(YStack, {
+  }, rest), /*#__PURE__*/React.createElement(YStack, _extends({
     transparent: true,
     flex: 1,
     justifyContent: "center",
     alignItems: "center"
-  }, /*#__PURE__*/React.createElement(YStack, {
+  }, dialogProps), /*#__PURE__*/React.createElement(YStack, {
     width: '90%',
     borderRadius: 8,
     paddingVertical: 16,

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","show","setShow","title","description","cancel","confirm","handleConfirm","handleCancel","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack transparent flex={1} justifyContent='center' alignItems='center'>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","Modal","XStack","YStack","StyledText","StyledButton","StyledSpacer","styled","theme","Dialog","base","backgroundColor","colors","gray","padding","borderRadius","StyledDialog","children","animationType","transparent","visible","rest","createElement","_extends","StyledConfirmDialog","row","onCancel","onConfirm","dialogProps","show","setShow","title","description","cancel","confirm","handleConfirm","handleCancel","flex","justifyContent","alignItems","width","paddingVertical","paddingHorizontal","color","fontSize","normal","fontWeight","bold","marginVertical","large","red","borderColor","onPress","marginHorizontal","green","StyledOkDialog","ok","onOk","handleOk","cyan"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { Modal } from 'react-native'\r\nimport { XStack, YStack } from '../stack'\r\nimport { StyledText } from '../text'\r\nimport { StyledButton } from '../button'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { styled } from '../styled'\r\nimport { theme } from '../theme'\r\n\r\nconst Dialog = styled(Modal, {\r\n  base: {\r\n    backgroundColor: theme.colors.gray[100],\r\n    padding: 20,\r\n    borderRadius: 10\r\n  }\r\n})\r\n\r\nconst StyledDialog = ({\r\n\tchildren,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tvisible = false,\r\n\t...rest\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      visible={visible}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      {children}\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledConfirmDialog = ({\r\n\tvisible = false,\r\n\trow,\r\n\tanimationType = 'fade',\r\n\tonCancel,\r\n\tonConfirm,\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const { title, description, cancel = 'Cancel', confirm = 'Confirm' } = rest\r\n\r\n  const handleConfirm = () => {\r\n    setShow(false)\r\n    if (typeof onConfirm === 'function') {\r\n      if (typeof row === 'object' && row !== null) {\r\n        onConfirm(row)\r\n      } else {\r\n        onConfirm()\r\n      }\r\n    }\r\n  }\r\n  const handleCancel = () => {\r\n    setShow(false)\r\n    if (typeof onCancel === 'function') {\r\n      onCancel()\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n\t\t\t>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={1} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.large}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={4} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              backgroundColor={theme.colors.red[400]}\r\n              borderColor={theme.colors.red[400]}\r\n              borderRadius={30}\r\n              onPress={() => handleCancel()}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {cancel}\r\n              </StyledText>\r\n            </StyledButton>\r\n            <StyledSpacer marginHorizontal={2} />\r\n            <StyledButton\r\n              backgroundColor={theme.colors.green[500]}\r\n              borderColor={theme.colors.green[500]}\r\n              onPress={() => handleConfirm()}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={4}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t\t\t>\r\n                {confirm}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nconst StyledOkDialog = ({\r\n\tvisible = false,\r\n\tanimationType = 'fade',\r\n\ttransparent = true,\r\n\tdialogProps,\r\n\t...rest\r\n}) => {\r\n  const [show, setShow] = useState(visible)\r\n  const {\r\n\t\ttitle = \"We're sorry, something went wrong.\",\r\n\t\tdescription = 'Please try again later',\r\n\t\tok = 'Ok',\r\n\t\tonOk\r\n\t} = rest\r\n\r\n  const handleOk = () => {\r\n    setShow(false)\r\n    if (typeof onOk === 'function') {\r\n      onOk()\r\n    }\r\n  }\r\n  return (\r\n    <Dialog\r\n      visible={show}\r\n      transparent={transparent}\r\n      animationType={animationType}\r\n      {...rest}\r\n\t\t>\r\n      <YStack\r\n        transparent\r\n        flex={1}\r\n        justifyContent='center'\r\n        alignItems='center'\r\n        {...dialogProps}\r\n\t\t\t>\r\n        <YStack\r\n          width={'90%'}\r\n          borderRadius={8}\r\n          paddingVertical={16}\r\n          paddingHorizontal={16}\r\n          backgroundColor={theme.colors.gray[1]}\r\n\t\t\t\t>\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t>\r\n            {title}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={2} />\r\n          <StyledText\r\n            color={theme.colors.gray[800]}\r\n            fontSize={theme.fontSize.normal}\r\n            fontWeight={theme.fontWeight.normal}\r\n\t\t\t\t\t>\r\n            {description}\r\n          </StyledText>\r\n          <StyledSpacer marginVertical={8} />\r\n          <XStack justifyContent='flex-end' alignItems='center'>\r\n            <StyledButton\r\n              flex={1}\r\n              backgroundColor={theme.colors.cyan[500]}\r\n              borderColor={theme.colors.cyan[500]}\r\n              onPress={handleOk}\r\n              borderRadius={30}\r\n\t\t\t\t\t\t>\r\n              <StyledText\r\n                paddingHorizontal={20}\r\n                paddingVertical={8}\r\n                color={theme.colors.gray[1]}\r\n                fontSize={theme.fontSize.large}\r\n                fontWeight={theme.fontWeight.bold}\r\n\t\t\t\t\t\t\t>\r\n                {ok}\r\n              </StyledText>\r\n            </StyledButton>\r\n          </XStack>\r\n        </YStack>\r\n      </YStack>\r\n    </Dialog>\r\n  )\r\n}\r\n\r\nexport { StyledDialog, StyledConfirmDialog, StyledOkDialog }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/safeAreaView/index.js

@@ -1,13 +1,19 @@
-import { SafeAreaView } from "react-native";
-import { styled } from "../styled";
+import { SafeAreaView } from 'react-native';
+import { styled } from '../styled';
 const StyledSafeAreaView = styled(SafeAreaView, {
   base: {
     flex: 1
   },
   variants: {
-    backgroundColor: color => ({
-      backgroundColor: color
-    })
+    backgroundColor: color => {
+      if (!color) return;
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    }
   }
 });
 export { StyledSafeAreaView };

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

@@ -1 +1 @@
-{"version":3,"names":["SafeAreaView","styled","StyledSafeAreaView","base","flex","variants","backgroundColor","color"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {   \r\n    base :{\r\n        flex : 1\r\n    },\r\n    variants : {\r\n        backgroundColor: (color) => ({\r\n            backgroundColor: color\r\n        }),\r\n    }\r\n})\r\n\r\nexport { StyledSafeAreaView }"],"mappings":"AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,MAAM,QAAQ,WAAW;AAElC,MAAMC,kBAAkB,GAAGD,MAAM,CAACD,YAAY,EAAE;EAC5CG,IAAI,EAAE;IACFC,IAAI,EAAG;EACX,CAAC;EACDC,QAAQ,EAAG;IACPC,eAAe,EAAGC,KAAK,KAAM;MACzBD,eAAe,EAAEC;IACrB,CAAC;EACL;AACJ,CAAC,CAAC;AAEF,SAASL,kBAAkB","ignoreList":[]}
+{"version":3,"names":["SafeAreaView","styled","StyledSafeAreaView","base","flex","variants","backgroundColor","color","isValidColor","Error"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, {\r\n  base: {\r\n    flex: 1\r\n  },\r\n  variants: {\r\n    backgroundColor: color => {\r\n      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { backgroundColor: color }\r\n    }\r\n  }\r\n})\r\n\r\nexport { StyledSafeAreaView }\r\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,cAAc;AAC3C,SAASC,MAAM,QAAQ,WAAW;AAElC,MAAMC,kBAAkB,GAAGD,MAAM,CAACD,YAAY,EAAE;EAC9CG,IAAI,EAAE;IACJC,IAAI,EAAE;EACR,CAAC;EACDC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACC,YAAY,CAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC;AAEF,SAASL,kBAAkB","ignoreList":[]}

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

@@ -2,9 +2,15 @@ import { ScrollView } from 'react-native';
 import { styled } from '../styled';
 const StyledScrollView = styled(ScrollView, {
   variants: {
-    backgroundColor: color => ({
-      backgroundColor: color
-    })
+    backgroundColor: color => {
+      if (!color) return;
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value');
+      }
+      return {
+        backgroundColor: color
+      };
+    }
   }
 });
 export { StyledScrollView };

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

@@ -1 +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":[]}
+{"version":3,"names":["ScrollView","styled","StyledScrollView","variants","backgroundColor","color","isValidColor","Error"],"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      if (!color) return\r\n      if (!isValidColor(color)) {\r\n        throw new Error('Invalid backgroundColor value')\r\n      }\r\n      return { 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,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACC,YAAY,CAACD,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIE,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEH,eAAe,EAAEC;MAAM,CAAC;IACnC;EACF;AACF,CAAC,CAAC;AAEF,SAASH,gBAAgB","ignoreList":[]}

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

@@ -1,23 +1,29 @@
-import { View } from "react-native";
-import { styled } from "../styled";
-import { theme } from "../theme";
+import { View } from 'react-native';
+import { styled } from '../styled';
+import { theme } from '../theme';
 const YStack = styled(View, {
   base: {
-    flexDirection: 'column',
-    position: 'relative'
+    flexDirection: 'column'
   },
   variants: {
     transparent: {
       true: {
         backgroundColor: theme.colors.transparent
       }
+    },
+    relative: {
+      position: 'relative'
+    },
+    absolute: {
+      true: {
+        position: 'absolute'
+      }
     }
   }
 });
 const XStack = styled(View, {
   base: {
-    flexDirection: 'row',
-    position: 'relative'
+    flexDirection: 'row'
   },
   variants: {
     transparent: {
@@ -26,7 +32,10 @@ const XStack = styled(View, {
       }
     }
   },
-  position: {
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
     true: {
       position: 'absolute'
     }

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

@@ -1 +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":[]}
+{"version":3,"names":["View","styled","theme","YStack","base","flexDirection","variants","transparent","true","backgroundColor","colors","relative","position","absolute","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  },\r\n  variants: {\r\n    transparent: {\r\n      true: {\r\n        backgroundColor: theme.colors.transparent\r\n      }\r\n    },\r\n    relative: {\r\n      position: 'relative'\r\n    },\r\n    absolute: {\r\n      true: {\r\n        position: 'absolute'\r\n      }\r\n    }\r\n  }\r\n})\r\nconst XStack = styled(View, {\r\n  base: {\r\n    flexDirection: 'row'\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  relative: {\r\n    position: 'relative'\r\n  },\r\n  absolute: {\r\n    true: {\r\n      position: 'absolute'\r\n    }\r\n  }\r\n})\r\n\r\nexport { XStack, YStack }\r\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAEhC,MAAMC,MAAM,GAAGF,MAAM,CAACD,IAAI,EAAE;EAC1BI,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE;QACJC,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACH;MAChC;IACF,CAAC;IACDI,QAAQ,EAAE;MACRC,QAAQ,EAAE;IACZ,CAAC;IACDC,QAAQ,EAAE;MACRL,IAAI,EAAE;QACJI,QAAQ,EAAE;MACZ;IACF;EACF;AACF,CAAC,CAAC;AACF,MAAME,MAAM,GAAGb,MAAM,CAACD,IAAI,EAAE;EAC1BI,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,WAAW,EAAE;MACXC,IAAI,EAAE;QACJC,eAAe,EAAEP,KAAK,CAACQ,MAAM,CAACH;MAChC;IACF;EACF,CAAC;EACDI,QAAQ,EAAE;IACRC,QAAQ,EAAE;EACZ,CAAC;EACDC,QAAQ,EAAE;IACRL,IAAI,EAAE;MACJI,QAAQ,EAAE;IACZ;EACF;AACF,CAAC,CAAC;AAEF,SAASE,MAAM,EAAEX,MAAM","ignoreList":[]}

package/lib/module/package/theme.js

@@ -5,7 +5,8 @@ const palettes = {
   black: '#000000',
   lightText: '#FFFFFF',
   darkText: '#000000',
-  transparent: 'rgba(0, 0, 0, 0)',
+  transparent: 'rgba(0, 0, 0, 0.5)',
+  pureTransparent: 'rgba(0, 0, 0, 0)',
   rose: {
     50: '#fff1f2',
     100: '#ffe4e6',

package/lib/module/package/theme.js.map

@@ -1 +1 @@
-{"version":3,"names":["palettes","white","black","lightText","darkText","transparent","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","darkBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","darkColors","button_hover","button_primary","cardBg","textColor","borderColor","shadowColor","hover","pressed","pressed_secondary","primary","lightColors","theme","colors","space","fontWeight","thin","extraLight","light","normal","medium","semiBold","bold","extraBold","fontSize","base","nano","micro","small","large","xlarge","xxlarge","xxxlarge","splash","textAlign","left","right","center","justify"],"sources":["theme.js"],"sourcesContent":["/* eslint-disable prettier/prettier */\r\n\r\nconst palettes = {\r\n  white: '#FFFFFF',\r\n  black: '#000000',\r\n  lightText: '#FFFFFF',\r\n  darkText: '#000000',\r\n  transparent: 'rgba(0, 0, 0, 0)',\r\n  rose: {\r\n    50: '#fff1f2',\r\n    100: '#ffe4e6',\r\n    200: '#fecdd3',\r\n    300: '#fda4af',\r\n    400: '#fb7185',\r\n    500: '#f43f5e',\r\n    600: '#e11d48',\r\n    700: '#be123c',\r\n    800: '#9f1239',\r\n    900: '#881337'\r\n  },\r\n  pink: {\r\n    50: '#fdf2f8',\r\n    100: '#fce7f3',\r\n    200: '#fbcfe8',\r\n    300: '#f9a8d4',\r\n    400: '#f472b6',\r\n    500: '#ec4899',\r\n    600: '#db2777',\r\n    700: '#be185d',\r\n    800: '#9d174d',\r\n    900: '#831843'\r\n  },\r\n  fuchsia: {\r\n    50: '#fdf4ff',\r\n    100: '#fae8ff',\r\n    200: '#f5d0fe',\r\n    300: '#f0abfc',\r\n    400: '#e879f9',\r\n    500: '#d946ef',\r\n    600: '#c026d3',\r\n    700: '#a21caf',\r\n    800: '#86198f',\r\n    900: '#701a75'\r\n  },\r\n  purple: {\r\n    50: '#faf5ff',\r\n    100: '#f3e8ff',\r\n    200: '#e9d5ff',\r\n    300: '#d8b4fe',\r\n    400: '#c084fc',\r\n    500: '#a855f7',\r\n    600: '#9333ea',\r\n    700: '#7e22ce',\r\n    800: '#6b21a8',\r\n    900: '#581c87'\r\n  },\r\n  violet: {\r\n    50: '#f5f3ff',\r\n    100: '#ede9fe',\r\n    200: '#ddd6fe',\r\n    300: '#c4b5fd',\r\n    400: '#a78bfa',\r\n    500: '#8b5cf6',\r\n    600: '#7c3aed',\r\n    700: '#6d28d9',\r\n    800: '#5b21b6',\r\n    900: '#4c1d95'\r\n  },\r\n  indigo: {\r\n    50: '#eef2ff',\r\n    100: '#e0e7ff',\r\n    200: '#c7d2fe',\r\n    300: '#a5b4fc',\r\n    400: '#818cf8',\r\n    500: '#6366f1',\r\n    600: '#4f46e5',\r\n    700: '#4338ca',\r\n    800: '#3730a3',\r\n    900: '#312e81'\r\n  },\r\n  blue: {\r\n    50: '#eff6ff',\r\n    100: '#dbeafe',\r\n    200: '#bfdbfe',\r\n    300: '#93c5fd',\r\n    400: '#60a5fa',\r\n    500: '#3b82f6',\r\n    600: '#2563eb',\r\n    700: '#1d4ed8',\r\n    800: '#1e40af',\r\n    900: '#1e3a8a'\r\n  },\r\n  lightBlue: {\r\n    50: '#f0f9ff',\r\n    100: '#e0f2fe',\r\n    200: '#bae6fd',\r\n    300: '#7dd3fc',\r\n    400: '#38bdf8',\r\n    500: '#0ea5e9',\r\n    600: '#0284c7',\r\n    700: '#0369a1',\r\n    800: '#075985',\r\n    900: '#0c4a6e'\r\n  },\r\n  darkBlue: {\r\n    50: '#dbf4ff',\r\n    100: '#addbff',\r\n    200: '#7cc2ff',\r\n    300: '#4aa9ff',\r\n    400: '#1a91ff',\r\n    500: '#0077e6',\r\n    600: '#005db4',\r\n    700: '#004282',\r\n    800: '#002851',\r\n    900: '#000e21'\r\n  },\r\n  cyan: {\r\n    50: '#ecfeff',\r\n    100: '#cffafe',\r\n    200: '#a5f3fc',\r\n    300: '#67e8f9',\r\n    400: '#22d3ee',\r\n    500: '#06b6d4',\r\n    600: '#0891b2',\r\n    700: '#0e7490',\r\n    800: '#155e75',\r\n    900: '#164e63'\r\n  },\r\n  teal: {\r\n    50: '#f0fdfa',\r\n    100: '#ccfbf1',\r\n    200: '#99f6e4',\r\n    300: '#5eead4',\r\n    400: '#2dd4bf',\r\n    500: '#14b8a6',\r\n    600: '#0d9488',\r\n    700: '#0f766e',\r\n    800: '#115e59',\r\n    900: '#134e4a'\r\n  },\r\n  emerald: {\r\n    50: '#ecfdf5',\r\n    100: '#d1fae5',\r\n    200: '#a7f3d0',\r\n    300: '#6ee7b7',\r\n    400: '#34d399',\r\n    500: '#10b981',\r\n    600: '#059669',\r\n    700: '#047857',\r\n    800: '#065f46',\r\n    900: '#064e3b'\r\n  },\r\n  green: {\r\n    50: '#f0fdf4',\r\n    100: '#dcfce7',\r\n    200: '#bbf7d0',\r\n    300: '#86efac',\r\n    400: '#4ade80',\r\n    500: '#22c55e',\r\n    600: '#16a34a',\r\n    700: '#15803d',\r\n    800: '#166534',\r\n    900: '#14532d'\r\n  },\r\n  lime: {\r\n    50: '#f7fee7',\r\n    100: '#ecfccb',\r\n    200: '#d9f99d',\r\n    300: '#bef264',\r\n    400: '#a3e635',\r\n    500: '#84cc16',\r\n    600: '#65a30d',\r\n    700: '#4d7c0f',\r\n    800: '#3f6212',\r\n    900: '#365314'\r\n  },\r\n  yellow: {\r\n    50: '#fefce8',\r\n    100: '#fef9c3',\r\n    200: '#fef08a',\r\n    300: '#fde047',\r\n    400: '#facc15',\r\n    500: '#eab308',\r\n    600: '#ca8a04',\r\n    700: '#a16207',\r\n    800: '#854d0e',\r\n    900: '#713f12'\r\n  },\r\n  amber: {\r\n    50: '#fffbeb',\r\n    100: '#fef3c7',\r\n    200: '#fde68a',\r\n    300: '#fcd34d',\r\n    400: '#fbbf24',\r\n    500: '#f59e0b',\r\n    600: '#d97706',\r\n    700: '#b45309',\r\n    800: '#92400e',\r\n    900: '#78350f'\r\n  },\r\n  orange: {\r\n    50: '#fff7ed',\r\n    100: '#ffedd5',\r\n    200: '#fed7aa',\r\n    300: '#fdba74',\r\n    400: '#fb923c',\r\n    500: '#f97316',\r\n    600: '#ea580c',\r\n    700: '#c2410c',\r\n    800: '#9a3412',\r\n    900: '#7c2d12'\r\n  },\r\n  red: {\r\n    50: '#fef2f2',\r\n    100: '#fee2e2',\r\n    200: '#fecaca',\r\n    300: '#fca5a5',\r\n    400: '#f87171',\r\n    500: '#ef4444',\r\n    600: '#dc2626',\r\n    700: '#b91c1c',\r\n    800: '#991b1b',\r\n    900: '#7f1d1d'\r\n  },\r\n  warmGray: {\r\n    50: '#fafaf9',\r\n    100: '#f5f5f4',\r\n    200: '#e7e5e4',\r\n    300: '#d6d3d1',\r\n    400: '#a8a29e',\r\n    500: '#78716c',\r\n    600: '#57534e',\r\n    700: '#44403c',\r\n    800: '#292524',\r\n    900: '#1c1917'\r\n  },\r\n  trueGray: {\r\n    50: '#fafafa',\r\n    100: '#f5f5f5',\r\n    200: '#e5e5e5',\r\n    300: '#d4d4d4',\r\n    400: '#a3a3a3',\r\n    500: '#737373',\r\n    600: '#525252',\r\n    700: '#404040',\r\n    800: '#262626',\r\n    900: '#171717'\r\n  },\r\n  gray: {\r\n    1: '#FFFFFF',\r\n    50: '#fafafa',\r\n    100: '#f4f4f5',\r\n    200: '#e4e4e7',\r\n    300: '#d4d4d8',\r\n    400: '#a1a1aa',\r\n    500: '#71717a',\r\n    600: '#52525b',\r\n    700: '#3f3f46',\r\n    800: '#27272a',\r\n    900: '#18181b'\r\n  },\r\n  coolGray: {\r\n    50: '#f9fafb',\r\n    100: '#f3f4f6',\r\n    200: '#e5e7eb',\r\n    300: '#d1d5db',\r\n    400: '#9ca3af',\r\n    500: '#6b7280',\r\n    600: '#4b5563',\r\n    700: '#374151',\r\n    800: '#1f2937',\r\n    900: '#111827'\r\n  },\r\n  blueGray: {\r\n    50: '#f8fafc',\r\n    100: '#f1f5f9',\r\n    200: '#e2e8f0',\r\n    300: '#cbd5e1',\r\n    400: '#94a3b8',\r\n    500: '#64748b',\r\n    600: '#475569',\r\n    700: '#334155',\r\n    800: '#1e293b',\r\n    900: '#0f172a'\r\n  },\r\n  dark: {\r\n    50: '#18181b',\r\n    100: '#27272a',\r\n    200: '#3f3f46',\r\n    300: '#52525b',\r\n    400: '#71717a',\r\n    500: '#a1a1aa',\r\n    600: '#d4d4d8',\r\n    700: '#e4e4e7',\r\n    800: '#f4f4f5',\r\n    900: '#fafafa'\r\n  }\r\n}\r\n\r\nconst darkColors = {\r\n  button_hover: palettes.indigo[600],\r\n  button_primary: palettes.indigo[500],\r\n  cardBg: palettes.coolGray[800],\r\n  textColor: palettes.coolGray[50],\r\n  borderColor: palettes.coolGray[50],\r\n  shadowColor: palettes.coolGray[50],\r\n  hover: palettes.blue[800],\r\n  pressed: palettes.blue[900],\r\n  pressed_secondary: palettes.blue[400],\r\n\r\n  primary: palettes.blue[400]\r\n}\r\n\r\nconst lightColors = {\r\n  primary: palettes.amber[500],\r\n\r\n  button_hover: palettes.indigo[700],\r\n  button_primary: palettes.indigo[600],\r\n  cardBg: palettes.coolGray[50],\r\n  textColor: palettes.coolGray[900],\r\n  borderColor: palettes.coolGray[900],\r\n  shadowColor: palettes.coolGray[900],\r\n  hover: palettes.blue[100],\r\n  pressed: palettes.blue[200],\r\n  pressed_secondary: palettes.blue[400]\r\n}\r\n\r\nconst theme = {\r\n  colors: {\r\n    ...palettes,\r\n    ...lightColors\r\n  },\r\n  space: {\r\n    '0': 0,\r\n    '1': 1,\r\n    '2': 2,\r\n    '4': 4,\r\n    '8': 8,\r\n    '16': 16,\r\n    '32': 32,\r\n    '64': 64,\r\n    '128': 128\r\n  },\r\n  fontWeight: {\r\n    thin: '100',\r\n    extraLight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semiBold: '600',\r\n    bold: '700',\r\n    extraBold: '800',\r\n    black: '900'\r\n  },\r\n  fontSize: {\r\n    base: 8,\r\n    nano: 10,\r\n    micro: 12,\r\n    small: 14,\r\n    medium: 16,\r\n    normal: 18,\r\n    large: 20,\r\n    xlarge: 22,\r\n    xxlarge: 26,\r\n    xxxlarge: 30,\r\n    splash: 40\r\n  },\r\n  textAlign: {\r\n    left: { textAlign: 'left' },\r\n    right: { textAlign: 'right' },\r\n    center: { textAlign: 'center' },\r\n    justify: { textAlign: 'justify' }\r\n  }\r\n}\r\n\r\nexport { theme, lightColors, darkColors, palettes }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["palettes","white","black","lightText","darkText","transparent","pureTransparent","rose","pink","fuchsia","purple","violet","indigo","blue","lightBlue","darkBlue","cyan","teal","emerald","green","lime","yellow","amber","orange","red","warmGray","trueGray","gray","coolGray","blueGray","dark","darkColors","button_hover","button_primary","cardBg","textColor","borderColor","shadowColor","hover","pressed","pressed_secondary","primary","lightColors","theme","colors","space","fontWeight","thin","extraLight","light","normal","medium","semiBold","bold","extraBold","fontSize","base","nano","micro","small","large","xlarge","xxlarge","xxxlarge","splash","textAlign","left","right","center","justify"],"sources":["theme.js"],"sourcesContent":["/* eslint-disable prettier/prettier */\r\n\r\nconst palettes = {\r\n  white: '#FFFFFF',\r\n  black: '#000000',\r\n  lightText: '#FFFFFF',\r\n  darkText: '#000000',\r\n  transparent: 'rgba(0, 0, 0, 0.5)',\r\n  pureTransparent: 'rgba(0, 0, 0, 0)',\r\n  rose: {\r\n    50: '#fff1f2',\r\n    100: '#ffe4e6',\r\n    200: '#fecdd3',\r\n    300: '#fda4af',\r\n    400: '#fb7185',\r\n    500: '#f43f5e',\r\n    600: '#e11d48',\r\n    700: '#be123c',\r\n    800: '#9f1239',\r\n    900: '#881337'\r\n  },\r\n  pink: {\r\n    50: '#fdf2f8',\r\n    100: '#fce7f3',\r\n    200: '#fbcfe8',\r\n    300: '#f9a8d4',\r\n    400: '#f472b6',\r\n    500: '#ec4899',\r\n    600: '#db2777',\r\n    700: '#be185d',\r\n    800: '#9d174d',\r\n    900: '#831843'\r\n  },\r\n  fuchsia: {\r\n    50: '#fdf4ff',\r\n    100: '#fae8ff',\r\n    200: '#f5d0fe',\r\n    300: '#f0abfc',\r\n    400: '#e879f9',\r\n    500: '#d946ef',\r\n    600: '#c026d3',\r\n    700: '#a21caf',\r\n    800: '#86198f',\r\n    900: '#701a75'\r\n  },\r\n  purple: {\r\n    50: '#faf5ff',\r\n    100: '#f3e8ff',\r\n    200: '#e9d5ff',\r\n    300: '#d8b4fe',\r\n    400: '#c084fc',\r\n    500: '#a855f7',\r\n    600: '#9333ea',\r\n    700: '#7e22ce',\r\n    800: '#6b21a8',\r\n    900: '#581c87'\r\n  },\r\n  violet: {\r\n    50: '#f5f3ff',\r\n    100: '#ede9fe',\r\n    200: '#ddd6fe',\r\n    300: '#c4b5fd',\r\n    400: '#a78bfa',\r\n    500: '#8b5cf6',\r\n    600: '#7c3aed',\r\n    700: '#6d28d9',\r\n    800: '#5b21b6',\r\n    900: '#4c1d95'\r\n  },\r\n  indigo: {\r\n    50: '#eef2ff',\r\n    100: '#e0e7ff',\r\n    200: '#c7d2fe',\r\n    300: '#a5b4fc',\r\n    400: '#818cf8',\r\n    500: '#6366f1',\r\n    600: '#4f46e5',\r\n    700: '#4338ca',\r\n    800: '#3730a3',\r\n    900: '#312e81'\r\n  },\r\n  blue: {\r\n    50: '#eff6ff',\r\n    100: '#dbeafe',\r\n    200: '#bfdbfe',\r\n    300: '#93c5fd',\r\n    400: '#60a5fa',\r\n    500: '#3b82f6',\r\n    600: '#2563eb',\r\n    700: '#1d4ed8',\r\n    800: '#1e40af',\r\n    900: '#1e3a8a'\r\n  },\r\n  lightBlue: {\r\n    50: '#f0f9ff',\r\n    100: '#e0f2fe',\r\n    200: '#bae6fd',\r\n    300: '#7dd3fc',\r\n    400: '#38bdf8',\r\n    500: '#0ea5e9',\r\n    600: '#0284c7',\r\n    700: '#0369a1',\r\n    800: '#075985',\r\n    900: '#0c4a6e'\r\n  },\r\n  darkBlue: {\r\n    50: '#dbf4ff',\r\n    100: '#addbff',\r\n    200: '#7cc2ff',\r\n    300: '#4aa9ff',\r\n    400: '#1a91ff',\r\n    500: '#0077e6',\r\n    600: '#005db4',\r\n    700: '#004282',\r\n    800: '#002851',\r\n    900: '#000e21'\r\n  },\r\n  cyan: {\r\n    50: '#ecfeff',\r\n    100: '#cffafe',\r\n    200: '#a5f3fc',\r\n    300: '#67e8f9',\r\n    400: '#22d3ee',\r\n    500: '#06b6d4',\r\n    600: '#0891b2',\r\n    700: '#0e7490',\r\n    800: '#155e75',\r\n    900: '#164e63'\r\n  },\r\n  teal: {\r\n    50: '#f0fdfa',\r\n    100: '#ccfbf1',\r\n    200: '#99f6e4',\r\n    300: '#5eead4',\r\n    400: '#2dd4bf',\r\n    500: '#14b8a6',\r\n    600: '#0d9488',\r\n    700: '#0f766e',\r\n    800: '#115e59',\r\n    900: '#134e4a'\r\n  },\r\n  emerald: {\r\n    50: '#ecfdf5',\r\n    100: '#d1fae5',\r\n    200: '#a7f3d0',\r\n    300: '#6ee7b7',\r\n    400: '#34d399',\r\n    500: '#10b981',\r\n    600: '#059669',\r\n    700: '#047857',\r\n    800: '#065f46',\r\n    900: '#064e3b'\r\n  },\r\n  green: {\r\n    50: '#f0fdf4',\r\n    100: '#dcfce7',\r\n    200: '#bbf7d0',\r\n    300: '#86efac',\r\n    400: '#4ade80',\r\n    500: '#22c55e',\r\n    600: '#16a34a',\r\n    700: '#15803d',\r\n    800: '#166534',\r\n    900: '#14532d'\r\n  },\r\n  lime: {\r\n    50: '#f7fee7',\r\n    100: '#ecfccb',\r\n    200: '#d9f99d',\r\n    300: '#bef264',\r\n    400: '#a3e635',\r\n    500: '#84cc16',\r\n    600: '#65a30d',\r\n    700: '#4d7c0f',\r\n    800: '#3f6212',\r\n    900: '#365314'\r\n  },\r\n  yellow: {\r\n    50: '#fefce8',\r\n    100: '#fef9c3',\r\n    200: '#fef08a',\r\n    300: '#fde047',\r\n    400: '#facc15',\r\n    500: '#eab308',\r\n    600: '#ca8a04',\r\n    700: '#a16207',\r\n    800: '#854d0e',\r\n    900: '#713f12'\r\n  },\r\n  amber: {\r\n    50: '#fffbeb',\r\n    100: '#fef3c7',\r\n    200: '#fde68a',\r\n    300: '#fcd34d',\r\n    400: '#fbbf24',\r\n    500: '#f59e0b',\r\n    600: '#d97706',\r\n    700: '#b45309',\r\n    800: '#92400e',\r\n    900: '#78350f'\r\n  },\r\n  orange: {\r\n    50: '#fff7ed',\r\n    100: '#ffedd5',\r\n    200: '#fed7aa',\r\n    300: '#fdba74',\r\n    400: '#fb923c',\r\n    500: '#f97316',\r\n    600: '#ea580c',\r\n    700: '#c2410c',\r\n    800: '#9a3412',\r\n    900: '#7c2d12'\r\n  },\r\n  red: {\r\n    50: '#fef2f2',\r\n    100: '#fee2e2',\r\n    200: '#fecaca',\r\n    300: '#fca5a5',\r\n    400: '#f87171',\r\n    500: '#ef4444',\r\n    600: '#dc2626',\r\n    700: '#b91c1c',\r\n    800: '#991b1b',\r\n    900: '#7f1d1d'\r\n  },\r\n  warmGray: {\r\n    50: '#fafaf9',\r\n    100: '#f5f5f4',\r\n    200: '#e7e5e4',\r\n    300: '#d6d3d1',\r\n    400: '#a8a29e',\r\n    500: '#78716c',\r\n    600: '#57534e',\r\n    700: '#44403c',\r\n    800: '#292524',\r\n    900: '#1c1917'\r\n  },\r\n  trueGray: {\r\n    50: '#fafafa',\r\n    100: '#f5f5f5',\r\n    200: '#e5e5e5',\r\n    300: '#d4d4d4',\r\n    400: '#a3a3a3',\r\n    500: '#737373',\r\n    600: '#525252',\r\n    700: '#404040',\r\n    800: '#262626',\r\n    900: '#171717'\r\n  },\r\n  gray: {\r\n    1: '#FFFFFF',\r\n    50: '#fafafa',\r\n    100: '#f4f4f5',\r\n    200: '#e4e4e7',\r\n    300: '#d4d4d8',\r\n    400: '#a1a1aa',\r\n    500: '#71717a',\r\n    600: '#52525b',\r\n    700: '#3f3f46',\r\n    800: '#27272a',\r\n    900: '#18181b'\r\n  },\r\n  coolGray: {\r\n    50: '#f9fafb',\r\n    100: '#f3f4f6',\r\n    200: '#e5e7eb',\r\n    300: '#d1d5db',\r\n    400: '#9ca3af',\r\n    500: '#6b7280',\r\n    600: '#4b5563',\r\n    700: '#374151',\r\n    800: '#1f2937',\r\n    900: '#111827'\r\n  },\r\n  blueGray: {\r\n    50: '#f8fafc',\r\n    100: '#f1f5f9',\r\n    200: '#e2e8f0',\r\n    300: '#cbd5e1',\r\n    400: '#94a3b8',\r\n    500: '#64748b',\r\n    600: '#475569',\r\n    700: '#334155',\r\n    800: '#1e293b',\r\n    900: '#0f172a'\r\n  },\r\n  dark: {\r\n    50: '#18181b',\r\n    100: '#27272a',\r\n    200: '#3f3f46',\r\n    300: '#52525b',\r\n    400: '#71717a',\r\n    500: '#a1a1aa',\r\n    600: '#d4d4d8',\r\n    700: '#e4e4e7',\r\n    800: '#f4f4f5',\r\n    900: '#fafafa'\r\n  }\r\n}\r\n\r\nconst darkColors = {\r\n  button_hover: palettes.indigo[600],\r\n  button_primary: palettes.indigo[500],\r\n  cardBg: palettes.coolGray[800],\r\n  textColor: palettes.coolGray[50],\r\n  borderColor: palettes.coolGray[50],\r\n  shadowColor: palettes.coolGray[50],\r\n  hover: palettes.blue[800],\r\n  pressed: palettes.blue[900],\r\n  pressed_secondary: palettes.blue[400],\r\n\r\n  primary: palettes.blue[400]\r\n}\r\n\r\nconst lightColors = {\r\n  primary: palettes.amber[500],\r\n\r\n  button_hover: palettes.indigo[700],\r\n  button_primary: palettes.indigo[600],\r\n  cardBg: palettes.coolGray[50],\r\n  textColor: palettes.coolGray[900],\r\n  borderColor: palettes.coolGray[900],\r\n  shadowColor: palettes.coolGray[900],\r\n  hover: palettes.blue[100],\r\n  pressed: palettes.blue[200],\r\n  pressed_secondary: palettes.blue[400]\r\n}\r\n\r\nconst theme = {\r\n  colors: {\r\n    ...palettes,\r\n    ...lightColors\r\n  },\r\n  space: {\r\n    '0': 0,\r\n    '1': 1,\r\n    '2': 2,\r\n    '4': 4,\r\n    '8': 8,\r\n    '16': 16,\r\n    '32': 32,\r\n    '64': 64,\r\n    '128': 128\r\n  },\r\n  fontWeight: {\r\n    thin: '100',\r\n    extraLight: '200',\r\n    light: '300',\r\n    normal: '400',\r\n    medium: '500',\r\n    semiBold: '600',\r\n    bold: '700',\r\n    extraBold: '800',\r\n    black: '900'\r\n  },\r\n  fontSize: {\r\n    base: 8,\r\n    nano: 10,\r\n    micro: 12,\r\n    small: 14,\r\n    medium: 16,\r\n    normal: 18,\r\n    large: 20,\r\n    xlarge: 22,\r\n    xxlarge: 26,\r\n    xxxlarge: 30,\r\n    splash: 40\r\n  },\r\n  textAlign: {\r\n    left: { textAlign: 'left' },\r\n    right: { textAlign: 'right' },\r\n    center: { textAlign: 'center' },\r\n    justify: { textAlign: 'justify' }\r\n  }\r\n}\r\n\r\nexport { theme, lightColors, darkColors, palettes }\r\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fluent-styles",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "Develop different styled versions of UI components.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/package/button/index.jsx

@@ -28,7 +28,7 @@ const Button = styled(TouchableOpacity, {
       }
       return { borderRadius: size }
     },
-    flex: (size) => {
+    flex: size => {
       if (!size) return
       if (!isValidNumber(size)) {
         throw new Error('Invalid flex value')
@@ -52,10 +52,10 @@ const Button = styled(TouchableOpacity, {
     },
     link: {
       true: {
-        borderColor: theme.colors.transparent,
+        borderColor: theme.colors.pureTransparent,
         borderWidth: 0,
         borderRadius: 0,
-        backgroundColor: theme.colors.transparent
+        backgroundColor: theme.colors.pureTransparent
       }
     },
     selected: {

package/src/package/dialog/index.jsx

@@ -41,6 +41,7 @@ const StyledConfirmDialog = ({
 	onCancel,
 	onConfirm,
 	transparent = true,
+	dialogProps,
 	...rest
 }) => {
   const [show, setShow] = useState(visible)
@@ -70,7 +71,13 @@ const StyledConfirmDialog = ({
       animationType={animationType}
       {...rest}
 		>
-      <YStack transparent flex={1} justifyContent='center' alignItems='center'>
+      <YStack
+        transparent
+        flex={1}
+        justifyContent='center'
+        alignItems='center'
+        {...dialogProps}
+			>
         <YStack
           width={'90%'}
           borderRadius={8}
@@ -139,6 +146,7 @@ const StyledOkDialog = ({
 	visible = false,
 	animationType = 'fade',
 	transparent = true,
+	dialogProps,
 	...rest
 }) => {
   const [show, setShow] = useState(visible)
@@ -162,7 +170,13 @@ const StyledOkDialog = ({
       animationType={animationType}
       {...rest}
 		>
-      <YStack transparent flex={1} justifyContent='center' alignItems='center'>
+      <YStack
+        transparent
+        flex={1}
+        justifyContent='center'
+        alignItems='center'
+        {...dialogProps}
+			>
         <YStack
           width={'90%'}
           borderRadius={8}

package/src/package/safeAreaView/index.jsx

@@ -1,15 +1,19 @@
-import { SafeAreaView } from "react-native";
-import { styled } from "../styled";
+import { SafeAreaView } from 'react-native'
+import { styled } from '../styled'
 
-const StyledSafeAreaView = styled(SafeAreaView, {   
-    base :{
-        flex : 1
-    },
-    variants : {
-        backgroundColor: (color) => ({
-            backgroundColor: color
-        }),
+const StyledSafeAreaView = styled(SafeAreaView, {
+  base: {
+    flex: 1
+  },
+  variants: {
+    backgroundColor: color => {
+      if (!color) return
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value')
+      }
+      return { backgroundColor: color }
     }
+  }
 })
 
-export { StyledSafeAreaView }
+export { StyledSafeAreaView }

package/src/package/scrollView/index.jsx

@@ -1,11 +1,15 @@
 import { ScrollView } from 'react-native'
 import { styled } from '../styled'
 
-const StyledScrollView = styled(ScrollView, {  
+const StyledScrollView = styled(ScrollView, {
   variants: {
-    backgroundColor: color => ({
-      backgroundColor: color
-    })
+    backgroundColor: color => {
+      if (!color) return
+      if (!isValidColor(color)) {
+        throw new Error('Invalid backgroundColor value')
+      }
+      return { backgroundColor: color }
+    }
   }
 })
 

package/src/package/stack/index.jsx

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

package/src/package/theme.js

@@ -5,7 +5,8 @@ const palettes = {
   black: '#000000',
   lightText: '#FFFFFF',
   darkText: '#000000',
-  transparent: 'rgba(0, 0, 0, 0)',
+  transparent: 'rgba(0, 0, 0, 0.5)',
+  pureTransparent: 'rgba(0, 0, 0, 0)',
   rose: {
     50: '#fff1f2',
     100: '#ffe4e6',