fluent-styles 1.28.0 → 1.30.0

package/lib/commonjs/package/card/index.js

@@ -14,7 +14,21 @@ const Card = (0, _styled.styled)(_reactNative.View, {
     flexDirection: 'column'
   },
   variants: {
-    shadow: _utils.shadow
+    shadow: _utils.shadow,
+    HWidth: {
+      '32x4': {
+        width: _utils.windowWidth - 32 - 4
+      },
+      '32x8': {
+        width: _utils.windowWidth - 32 - 8
+      },
+      '16x4': {
+        width: _utils.windowWidth - 16 - 4
+      },
+      '16x8': {
+        width: _utils.windowWidth - 16 - 8
+      }
+    }
   }
 });
 const StyledCard = ({

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","Card","styled","View","base","flexDirection","variants","shadow","StyledCard","pressable","pressableProps","children","rest","createElement","Pressable","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n  base: {\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    shadow: shadow\r\n  }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n  if (pressable) {\r\n    return (\r\n      <Pressable {...pressableProps}>\r\n        <Card {...rest}>\r\n          {children}\r\n        </Card>\r\n      </Pressable>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Card {...rest}>\r\n      {children}\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAiC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjC,MAAMG,IAAI,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAEA;EACV;AACF,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEjB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAAClB,YAAA,CAAAmB,SAAS,EAAKJ,cAAc,eAC3BlB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACZ,IAAI,EAAKW,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEnB,MAAA,CAAAQ,OAAA,CAAAa,aAAA,CAACZ,IAAI,EAAKW,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAAAI,OAAA,CAAAP,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","Card","styled","View","base","flexDirection","variants","shadow","HWidth","width","windowWidth","StyledCard","pressable","pressableProps","children","rest","createElement","Pressable","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow, windowWidth } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n  base: {\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    shadow: shadow,\r\n    HWidth: {\r\n      '32x4': {\r\n        width: windowWidth - 32 - 4\r\n      },\r\n      '32x8': {\r\n        width: windowWidth - 32 - 8\r\n      },\r\n      '16x4': {\r\n        width: windowWidth - 16 - 4\r\n      },\r\n      '16x8': {\r\n        width: windowWidth - 16 - 8\r\n      }\r\n    },\r\n  }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n  if (pressable) {\r\n    return (\r\n      <Pressable {...pressableProps}>\r\n        <Card {...rest}>\r\n          {children}\r\n        </Card>\r\n      </Pressable>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Card {...rest}>\r\n      {children}\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA8C,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,IAAI,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACxBC,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,MAAM,EAAEA,aAAM;IACdC,MAAM,EAAE;MACN,MAAM,EAAE;QACNC,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACND,KAAK,EAAEC,kBAAW,GAAG,EAAE,GAAG;MAC5B;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMC,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEpB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACrB,YAAA,CAAAsB,SAAS,EAAKJ,cAAc,eAC3BrB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACf,IAAI,EAAKc,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEtB,MAAA,CAAAQ,OAAA,CAAAgB,aAAA,CAACf,IAAI,EAAKc,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAAAI,OAAA,CAAAP,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/commonjs/package/dropdown/index.js

@@ -102,7 +102,7 @@ const StyledMultiDropdown = ({
   }, rest)), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
     marginVertical: 1
   }), /*#__PURE__*/_react.default.createElement(_text.StyledText, {
-    marginHorizontal: 16,
+    marginHorizontal: 8,
     fontWeight: _theme.theme.fontWeight.bold,
     fontSize: _theme.theme.fontSize.small,
     color: _theme.theme.colors.pink[500]

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_stack","_text","_spacer","_reactNativeDropdownPicker","_interopRequireDefault","_theme","_styled","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dropdown","styled","DropDownPicker","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","useState","createElement","Fragment","StyledText","fontSize","normal","fontWeight","StyledSpacer","marginVertical","marginHorizontal","bold","small","exports","StyledMultiDropdown","onSelected","selected","setSelected","useEffect","YStack","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.colors.gray[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n    },\r\n    variants: {\r\n        error: {\r\n            true: {\r\n                borderColor: theme.colors.pink[500],\r\n                borderWidth: 1,\r\n            },\r\n            false: {\r\n                borderColor: theme.colors.gray[800],\r\n            }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n    const [open, setOpen] = useState(false)\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <>                       \r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n            {\r\n                (error && errorMessage)  && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n    const [selected, setSelected] = useState([])\r\n    const [open, setOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        onSelected && onSelected(selected)\r\n    }, [selected])\r\n\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_stack","_text","_spacer","_reactNativeDropdownPicker","_interopRequireDefault","_theme","_styled","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","Dropdown","styled","DropDownPicker","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","useState","createElement","Fragment","StyledText","fontSize","normal","fontWeight","StyledSpacer","marginVertical","marginHorizontal","bold","small","exports","StyledMultiDropdown","onSelected","selected","setSelected","useEffect","YStack","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.colors.gray[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n    },\r\n    variants: {\r\n        error: {\r\n            true: {\r\n                borderColor: theme.colors.pink[500],\r\n                borderWidth: 1,\r\n            },\r\n            false: {\r\n                borderColor: theme.colors.gray[800],\r\n            }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n    const [open, setOpen] = useState(false)\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <>                       \r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n            {\r\n                (error && errorMessage)  && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n    const [selected, setSelected] = useState([])\r\n    const [open, setOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        onSelected && onSelected(selected)\r\n    }, [selected])\r\n\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/package/image/index.js

@@ -78,6 +78,14 @@ const variants = {
     return {
       right: size
     };
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
   }
 };
 const Image = (0, _styled.styled)(_reactNative.Image, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","base","borderRadius","resizeMode","position","variants","size","isValidNumber","Error","flex","width","height","borderWidth","borderColor","color","isValidColor","mode","validModes","includes","right","Image","styled","SourceImage","ImageBackground","ImageBg","StyledImage","imageUrl","local","rest","url","uri","createElement","source","exports","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n  borderRadius: 8,\r\n  resizeMode: 'cover',\r\n  position: 'relative'\r\n}\r\n\r\nconst variants = {\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 = 0) => {   \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  borderWidth: (size = 1) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid borderWidth value')\r\n    }\r\n    return { borderWidth: size }\r\n  },\r\n  borderColor: color => {\r\n    if (!color) return\r\n    if (!isValidColor(color)) {\r\n      throw new Error('Invalid backgroundColor value')\r\n    }\r\n    return { borderColor: color }\r\n  },\r\n  resizeMode: mode => {\r\n    if (!mode) return\r\n\r\n    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n    if (!validModes.includes(mode)) {\r\n      throw new Error('Invalid mode value')\r\n    }\r\n    return { resizeMode: mode }\r\n  },\r\n  right: (size = 0) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid right value')\r\n    }\r\n    return { right: size }\r\n  }\r\n}\r\n\r\nconst Image = styled(SourceImage, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_styled","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","base","borderRadius","resizeMode","position","variants","size","isValidNumber","Error","flex","width","height","borderWidth","borderColor","color","isValidColor","mode","validModes","includes","right","relative","absolute","true","Image","styled","SourceImage","ImageBackground","ImageBg","StyledImage","imageUrl","local","rest","url","uri","createElement","source","exports","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n  borderRadius: 8,\r\n  resizeMode: 'cover',\r\n  position: 'relative'\r\n}\r\n\r\nconst variants = {\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 = 0) => {   \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  borderWidth: (size = 1) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid borderWidth value')\r\n    }\r\n    return { borderWidth: size }\r\n  },\r\n  borderColor: color => {\r\n    if (!color) return\r\n    if (!isValidColor(color)) {\r\n      throw new Error('Invalid backgroundColor value')\r\n    }\r\n    return { borderColor: color }\r\n  },\r\n  resizeMode: mode => {\r\n    if (!mode) return\r\n\r\n    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n    if (!validModes.includes(mode)) {\r\n      throw new Error('Invalid mode value')\r\n    }\r\n    return { resizeMode: mode }\r\n  },\r\n  right: (size = 0) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid right value')\r\n    }\r\n    return { right: size }\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 Image = styled(SourceImage, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/package/card/index.js

@@ -1,13 +1,27 @@
 import React from 'react';
 import { View, Pressable } from 'react-native';
 import { styled } from '../styled';
-import { shadow } from '../utils';
+import { shadow, windowWidth } from '../utils';
 const Card = styled(View, {
   base: {
     flexDirection: 'column'
   },
   variants: {
-    shadow: shadow
+    shadow: shadow,
+    HWidth: {
+      '32x4': {
+        width: windowWidth - 32 - 4
+      },
+      '32x8': {
+        width: windowWidth - 32 - 8
+      },
+      '16x4': {
+        width: windowWidth - 16 - 4
+      },
+      '16x8': {
+        width: windowWidth - 16 - 8
+      }
+    }
   }
 });
 const StyledCard = ({

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Pressable","styled","shadow","Card","base","flexDirection","variants","StyledCard","pressable","pressableProps","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n  base: {\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    shadow: shadow\r\n  }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n  if (pressable) {\r\n    return (\r\n      <Pressable {...pressableProps}>\r\n        <Card {...rest}>\r\n          {children}\r\n        </Card>\r\n      </Pressable>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Card {...rest}>\r\n      {children}\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,QAAQ,UAAU;AAEjC,MAAMC,IAAI,GAAGF,MAAM,CAACF,IAAI,EAAE;EACxBK,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRJ,MAAM,EAAEA;EACV;AACF,CAAC,CAAC;AAEF,MAAMK,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEV,KAAA,CAAAc,aAAA,CAACZ,SAAS,EAAKS,cAAc,eAC3BX,KAAA,CAAAc,aAAA,CAACT,IAAI,EAAKQ,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEZ,KAAA,CAAAc,aAAA,CAACT,IAAI,EAAKQ,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}
+{"version":3,"names":["React","View","Pressable","styled","shadow","windowWidth","Card","base","flexDirection","variants","HWidth","width","StyledCard","pressable","pressableProps","children","rest","createElement"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View, Pressable } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { shadow, windowWidth } from '../utils'\r\n\r\nconst Card = styled(View, {\r\n  base: {\r\n    flexDirection: 'column'\r\n  },\r\n  variants: {\r\n    shadow: shadow,\r\n    HWidth: {\r\n      '32x4': {\r\n        width: windowWidth - 32 - 4\r\n      },\r\n      '32x8': {\r\n        width: windowWidth - 32 - 8\r\n      },\r\n      '16x4': {\r\n        width: windowWidth - 16 - 4\r\n      },\r\n      '16x8': {\r\n        width: windowWidth - 16 - 8\r\n      }\r\n    },\r\n  }\r\n})\r\n\r\nconst StyledCard = ({\r\n\tpressable = false,\r\n\tpressableProps,\r\n\tchildren,\r\n\t...rest\r\n}) => {\r\n  if (pressable) {\r\n    return (\r\n      <Pressable {...pressableProps}>\r\n        <Card {...rest}>\r\n          {children}\r\n        </Card>\r\n      </Pressable>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <Card {...rest}>\r\n      {children}\r\n    </Card>\r\n  )\r\n}\r\n\r\nexport { StyledCard }\r\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,SAAS,QAAQ,cAAc;AAC9C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,MAAM,EAAEC,WAAW,QAAQ,UAAU;AAE9C,MAAMC,IAAI,GAAGH,MAAM,CAACF,IAAI,EAAE;EACxBM,IAAI,EAAE;IACJC,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRL,MAAM,EAAEA,MAAM;IACdM,MAAM,EAAE;MACN,MAAM,EAAE;QACNC,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B,CAAC;MACD,MAAM,EAAE;QACNM,KAAK,EAAEN,WAAW,GAAG,EAAE,GAAG;MAC5B;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMO,UAAU,GAAGA,CAAC;EACnBC,SAAS,GAAG,KAAK;EACjBC,cAAc;EACdC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACJ,IAAIH,SAAS,EAAE;IACb,oBACEb,KAAA,CAAAiB,aAAA,CAACf,SAAS,EAAKY,cAAc,eAC3Bd,KAAA,CAAAiB,aAAA,CAACX,IAAI,EAAKU,IAAI,EACXD,QACG,CACG,CAAC;EAEhB;EAEA,oBACEf,KAAA,CAAAiB,aAAA,CAACX,IAAI,EAAKU,IAAI,EACXD,QACG,CAAC;AAEX,CAAC;AAED,SAASH,UAAU","ignoreList":[]}

package/lib/module/package/dropdown/index.js

@@ -92,7 +92,7 @@ const StyledMultiDropdown = ({
   }, rest)), errorMessage && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledSpacer, {
     marginVertical: 1
   }), /*#__PURE__*/React.createElement(StyledText, {
-    marginHorizontal: 16,
+    marginHorizontal: 8,
     fontWeight: theme.fontWeight.bold,
     fontSize: theme.fontSize.small,
     color: theme.colors.pink[500]

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

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","YStack","StyledText","StyledSpacer","DropDownPicker","theme","styled","Dropdown","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","createElement","Fragment","_extends","fontSize","normal","fontWeight","marginVertical","marginHorizontal","bold","small","StyledMultiDropdown","onSelected","selected","setSelected","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.colors.gray[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n    },\r\n    variants: {\r\n        error: {\r\n            true: {\r\n                borderColor: theme.colors.pink[500],\r\n                borderWidth: 1,\r\n            },\r\n            false: {\r\n                borderColor: theme.colors.gray[800],\r\n            }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n    const [open, setOpen] = useState(false)\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <>                       \r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n            {\r\n                (error && errorMessage)  && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n    const [selected, setSelected] = useState([])\r\n    const [open, setOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        onSelected && onSelected(selected)\r\n    }, [selected])\r\n\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","YStack","StyledText","StyledSpacer","DropDownPicker","theme","styled","Dropdown","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","width","color","paddingHorizontal","variants","error","true","pink","false","StyledDropdown","items","label","errorMessage","labelStyles","rest","open","setOpen","createElement","Fragment","_extends","fontSize","normal","fontWeight","marginVertical","marginHorizontal","bold","small","StyledMultiDropdown","onSelected","selected","setSelected","justifyContent","alignItems","setValue","value","multiple"],"sources":["index.jsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport DropDownPicker from \"react-native-dropdown-picker\";\r\nimport { theme } from \"../theme\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst Dropdown = styled(DropDownPicker, {\r\n    base: {\r\n        borderColor: theme.colors.gray[800],\r\n        borderWidth: 1,\r\n        borderRadius: 30,\r\n        backgroundColor: theme.colors.gray[1],\r\n        width: '100%',\r\n        color: theme.colors.gray[800],\r\n        paddingHorizontal: 16,\r\n    },\r\n    variants: {\r\n        error: {\r\n            true: {\r\n                borderColor: theme.colors.pink[500],\r\n                borderWidth: 1,\r\n            },\r\n            false: {\r\n                borderColor: theme.colors.gray[800],\r\n            }\r\n        },\r\n    }\r\n})\r\n\r\nconst StyledDropdown = ({ items, label, errorMessage, error, labelStyles, ...rest }) => {\r\n    const [open, setOpen] = useState(false)\r\n    return (\r\n        <>\r\n            {\r\n                label && (\r\n                    <>                       \r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} {...rest} />\r\n            {\r\n                (error && errorMessage)  && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </>\r\n    )\r\n}\r\n\r\nconst StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelected, ...rest }) => {\r\n    const [selected, setSelected] = useState([])\r\n    const [open, setOpen] = useState(false)\r\n\r\n    useEffect(() => {\r\n        onSelected && onSelected(selected)\r\n    }, [selected])\r\n\r\n    return (\r\n        <YStack justifyContent='flex-start' alignItems='flex-start'>\r\n            {\r\n                label && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={4} />\r\n                        <StyledText paddingHorizontal={8} color={theme.colors.gray[600]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelStyles}>\r\n                            {label}\r\n                        </StyledText>\r\n                        <StyledSpacer marginVertical={4} />\r\n                    </>\r\n\r\n                )\r\n            }\r\n            <Dropdown open={open} setOpen={setOpen} items={items} setValue={setSelected} value={selected} multiple {...rest} />\r\n            {\r\n                errorMessage && (\r\n                    <>\r\n                        <StyledSpacer marginVertical={1} />\r\n                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>\r\n                            {errorMessage}\r\n                        </StyledText>\r\n                    </>\r\n                )\r\n            }\r\n\r\n        </YStack>\r\n    )\r\n}\r\n\r\nexport { StyledDropdown, StyledMultiDropdown }"],"mappings":"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","ignoreList":[]}

package/lib/module/package/image/index.js

@@ -71,6 +71,14 @@ const variants = {
     return {
       right: size
     };
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
   }
 };
 const Image = styled(SourceImage, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","resizeMode","position","variants","size","Error","flex","width","height","borderWidth","borderColor","color","mode","validModes","includes","right","StyledImage","imageUrl","local","rest","url","uri","require","createElement","_extends","source","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n  borderRadius: 8,\r\n  resizeMode: 'cover',\r\n  position: 'relative'\r\n}\r\n\r\nconst variants = {\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 = 0) => {   \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  borderWidth: (size = 1) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid borderWidth value')\r\n    }\r\n    return { borderWidth: size }\r\n  },\r\n  borderColor: color => {\r\n    if (!color) return\r\n    if (!isValidColor(color)) {\r\n      throw new Error('Invalid backgroundColor value')\r\n    }\r\n    return { borderColor: color }\r\n  },\r\n  resizeMode: mode => {\r\n    if (!mode) return\r\n\r\n    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n    if (!validModes.includes(mode)) {\r\n      throw new Error('Invalid mode value')\r\n    }\r\n    return { resizeMode: mode }\r\n  },\r\n  right: (size = 0) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid right value')\r\n    }\r\n    return { right: size }\r\n  }\r\n}\r\n\r\nconst Image = styled(SourceImage, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","resizeMode","position","variants","size","Error","flex","width","height","borderWidth","borderColor","color","mode","validModes","includes","right","relative","absolute","true","StyledImage","imageUrl","local","rest","url","uri","require","createElement","_extends","source","StyledBackgroundImage"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Image as SourceImage, ImageBackground as ImageBg } from 'react-native'\r\nimport { styled } from '../styled'\r\nimport { isValidColor, isValidNumber } from '../utils'\r\n\r\nconst base = {\r\n  borderRadius: 8,\r\n  resizeMode: 'cover',\r\n  position: 'relative'\r\n}\r\n\r\nconst variants = {\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 = 0) => {   \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  borderWidth: (size = 1) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid borderWidth value')\r\n    }\r\n    return { borderWidth: size }\r\n  },\r\n  borderColor: color => {\r\n    if (!color) return\r\n    if (!isValidColor(color)) {\r\n      throw new Error('Invalid backgroundColor value')\r\n    }\r\n    return { borderColor: color }\r\n  },\r\n  resizeMode: mode => {\r\n    if (!mode) return\r\n\r\n    const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']\r\n    if (!validModes.includes(mode)) {\r\n      throw new Error('Invalid mode value')\r\n    }\r\n    return { resizeMode: mode }\r\n  },\r\n  right: (size = 0) => {\r\n    if (!isValidNumber(size)) {\r\n      throw new Error('Invalid right value')\r\n    }\r\n    return { right: size }\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 Image = styled(SourceImage, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst ImageBackground = styled(ImageBg, {\r\n  base: { ...base },\r\n  variants: {\r\n    ...variants\r\n  }\r\n})\r\n\r\nconst StyledImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n  return <Image source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nconst StyledBackgroundImage = ({ imageUrl, local = false, ...rest }) => {\r\n  const url = imageUrl\r\n\t\t? {\r\n  uri: imageUrl\r\n}\r\n\t\t: require('../../assets/img/doctor.png')\r\n\r\n  return <ImageBackground source={local ? imageUrl : url} {...rest} />\r\n}\r\n\r\nexport { StyledImage, StyledBackgroundImage }\r\n"],"mappings":"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","ignoreList":[]}

package/package.json

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

package/src/package/card/index.jsx

@@ -1,14 +1,28 @@
 import React from 'react'
 import { View, Pressable } from 'react-native'
 import { styled } from '../styled'
-import { shadow } from '../utils'
+import { shadow, windowWidth } from '../utils'
 
 const Card = styled(View, {
   base: {
     flexDirection: 'column'
   },
   variants: {
-    shadow: shadow
+    shadow: shadow,
+    HWidth: {
+      '32x4': {
+        width: windowWidth - 32 - 4
+      },
+      '32x8': {
+        width: windowWidth - 32 - 8
+      },
+      '16x4': {
+        width: windowWidth - 16 - 4
+      },
+      '16x8': {
+        width: windowWidth - 16 - 8
+      }
+    },
   }
 })
 

package/src/package/dropdown/index.jsx

@@ -87,7 +87,7 @@ const StyledMultiDropdown = ({ items, label, errorMessage, labelStyles, onSelect
                 errorMessage && (
                     <>
                         <StyledSpacer marginVertical={1} />
-                        <StyledText marginHorizontal={16} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>
+                        <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]}>
                             {errorMessage}
                         </StyledText>
                     </>

package/src/package/image/index.jsx

@@ -57,6 +57,14 @@ const variants = {
       throw new Error('Invalid right value')
     }
     return { right: size }
+  },
+  relative: {
+    position: 'relative'
+  },
+  absolute: {
+    true: {
+      position: 'absolute'
+    }
   }
 }