fluent-styles 1.1.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +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":[]}
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":[]}
@@ -24,7 +24,7 @@ const Headers = (0, _styled.styled)(_reactNative.View, {
24
24
  justifyContent: 'flex-start'
25
25
  },
26
26
  variants: {
27
- marginTop: size => {
27
+ marginTop: (size = 0) => {
28
28
  if (!(0, _utils.isValidNumber)(size)) {
29
29
  throw new Error('Invalid marginTop value');
30
30
  }
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","StyledHeader","statusProps","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","exports","Title","navigator","title","icon","cycleProps","reload","screen","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","color","onPress","replace","goBack","StyledSpacer","marginHorizontal","StyledText","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: size => {\r\n\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Title = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.replace(screen)\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Title = Title\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","StyledHeader","statusProps","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","exports","Title","navigator","title","icon","cycleProps","reload","screen","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","color","onPress","replace","goBack","StyledSpacer","marginHorizontal","StyledText","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size=0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Title = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.replace(screen)\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Title = Title\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
@@ -24,8 +24,7 @@ const variants = {
24
24
  borderRadius: size
25
25
  };
26
26
  },
27
- flex: size => {
28
- if (!size) return;
27
+ flex: (size = 0) => {
29
28
  if (!(0, _utils.isValidNumber)(size)) {
30
29
  throw new Error('Invalid flex value');
31
30
  }
@@ -1 +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 => {\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 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":[]}
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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAsD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAEtD,MAAMO,IAAI,GAAG;EACXC,YAAY,EAAE,CAAC;EACfC,UAAU,EAAE,OAAO;EACnBC,QAAQ,EAAE;AACZ,CAAC;AAED,MAAMC,QAAQ,GAAG;EACfH,YAAY,EAAEA,CAACI,IAAI,GAAG,EAAE,KAAK;IAC3B,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IACA,OAAO;MAAEN,YAAY,EAAEI;IAAK,CAAC;EAC/B,CAAC;EACDG,IAAI,EAAEA,CAACH,IAAI,GAAG,CAAC,KAAK;IAClB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEC,IAAI,EAAEH;IAAK,CAAC;EACvB,CAAC;EACDI,KAAK,EAAEJ,IAAI,IAAI;IACb,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEI,KAAK,EAAEJ;IAAK,CAAC;EACxB,CAAC;EACDK,MAAM,EAAEL,IAAI,IAAI;IACd,IAAI,CAACA,IAAI,EAAE;IACX,OAAO;MAAEK,MAAM,EAAEL;IAAK,CAAC;EACzB,CAAC;EACDM,WAAW,EAAEA,CAACN,IAAI,GAAG,CAAC,KAAK;IACzB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,2BAA2B,CAAC;IAC9C;IACA,OAAO;MAAEI,WAAW,EAAEN;IAAK,CAAC;EAC9B,CAAC;EACDO,WAAW,EAAEC,KAAK,IAAI;IACpB,IAAI,CAACA,KAAK,EAAE;IACZ,IAAI,CAAC,IAAAC,mBAAY,EAACD,KAAK,CAAC,EAAE;MACxB,MAAM,IAAIN,KAAK,CAAC,+BAA+B,CAAC;IAClD;IACA,OAAO;MAAEK,WAAW,EAAEC;IAAM,CAAC;EAC/B,CAAC;EACDX,UAAU,EAAEa,IAAI,IAAI;IAClB,IAAI,CAACA,IAAI,EAAE;IAEX,MAAMC,UAAU,GAAG,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACtE,IAAI,CAACA,UAAU,CAACC,QAAQ,CAACF,IAAI,CAAC,EAAE;MAC9B,MAAM,IAAIR,KAAK,CAAC,oBAAoB,CAAC;IACvC;IACA,OAAO;MAAEL,UAAU,EAAEa;IAAK,CAAC;EAC7B,CAAC;EACDG,KAAK,EAAEA,CAACb,IAAI,GAAG,CAAC,KAAK;IACnB,IAAI,CAAC,IAAAC,oBAAa,EAACD,IAAI,CAAC,EAAE;MACxB,MAAM,IAAIE,KAAK,CAAC,qBAAqB,CAAC;IACxC;IACA,OAAO;MAAEW,KAAK,EAAEb;IAAK,CAAC;EACxB;AACF,CAAC;AAED,MAAMc,KAAK,GAAG,IAAAC,cAAM,EAACC,kBAAW,EAAE;EAChCrB,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBI,QAAQ,EAAE;IACR,GAAGA;EACL;AACF,CAAC,CAAC;AAEF,MAAMkB,eAAe,GAAG,IAAAF,cAAM,EAACG,4BAAO,EAAE;EACtCvB,IAAI,EAAE;IAAE,GAAGA;EAAK,CAAC;EACjBI,QAAQ,EAAE;IACR,GAAGA;EACL;AACF,CAAC,CAAC;AAEF,MAAMoB,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC5D,MAAMC,GAAG,GAAGH,QAAQ,GAClB;IACFI,GAAG,EAAEJ;EACP,CAAC,GACG5C,OAAO,CAAC,6BAA6B,CAAC;EACxC,oBAAOF,MAAA,CAAAQ,OAAA,CAAA2C,aAAA,CAACX,KAAK,EAAA/B,QAAA;IAAC2C,MAAM,EAAEL,KAAK,GAAGD,QAAQ,GAAGG;EAAI,GAAKD,IAAI,CAAG,CAAC;AAC5D,CAAC;AAAAK,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAED,MAAMS,qBAAqB,GAAGA,CAAC;EAAER,QAAQ;EAAEC,KAAK,GAAG,KAAK;EAAE,GAAGC;AAAK,CAAC,KAAK;EACtE,MAAMC,GAAG,GAAGH,QAAQ,GAClB;IACFI,GAAG,EAAEJ;EACP,CAAC,GACG5C,OAAO,CAAC,6BAA6B,CAAC;EAExC,oBAAOF,MAAA,CAAAQ,OAAA,CAAA2C,aAAA,CAACR,eAAe,EAAAlC,QAAA;IAAC2C,MAAM,EAAEL,KAAK,GAAGD,QAAQ,GAAGG;EAAI,GAAKD,IAAI,CAAG,CAAC;AACtE,CAAC;AAAAK,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
@@ -7,6 +7,9 @@ exports.StyledSafeAreaView = void 0;
7
7
  var _reactNative = require("react-native");
8
8
  var _styled = require("../styled");
9
9
  const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_reactNative.SafeAreaView, {
10
+ base: {
11
+ flex: 1
12
+ },
10
13
  variants: {
11
14
  backgroundColor: color => ({
12
15
  backgroundColor: color
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","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 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,QAAQ,EAAG;IACPC,eAAe,EAAGC,KAAK,KAAM;MACzBD,eAAe,EAAEC;IACrB,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}
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":[]}
@@ -1 +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":[]}
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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AAEtD,MAAMC,MAAM,GAAGJ,MAAM,CAACD,gBAAgB,EAAE;EACtCM,IAAI,EAAE;IACJC,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACvCI,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACRT,WAAW,EAAEU,KAAK,IAAI;MACpB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACd,YAAY,CAACc,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,qBAAqB,CAAC;MACxC;MACA,OAAO;QAAEX,WAAW,EAAEU;MAAM,CAAC;IAC/B,CAAC;IACDN,YAAY,EAAEA,CAACQ,IAAI,GAAG,EAAE,KAAK;MAC3B,IAAI,CAACf,aAAa,CAACe,IAAI,CAAC,EAAE;QACxB,MAAM,IAAID,KAAK,CAAC,4BAA4B,CAAC;MAC/C;MACA,OAAO;QAAEP,YAAY,EAAEQ;MAAK,CAAC;IAC/B,CAAC;IACDC,IAAI,EAAGD,IAAI,IAAK;MACd,IAAI,CAACA,IAAI,EAAE;MACX,IAAI,CAACf,aAAa,CAACe,IAAI,CAAC,EAAE;QACxB,MAAM,IAAID,KAAK,CAAC,oBAAoB,CAAC;MACvC;MACA,OAAO;QAAEE,IAAI,EAAED;MAAK,CAAC;IACvB,CAAC;IACDE,KAAK,EAAEF,IAAI,IAAI;MACb,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEE,KAAK,EAAEF;MAAK,CAAC;IACxB,CAAC;IACDG,MAAM,EAAEH,IAAI,IAAI;MACd,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QAAEG,MAAM,EAAEH;MAAK,CAAC;IACzB,CAAC;IACDP,eAAe,EAAEK,KAAK,IAAI;MACxB,IAAI,CAACA,KAAK,EAAE;MACZ,IAAI,CAACd,YAAY,CAACc,KAAK,CAAC,EAAE;QACxB,MAAM,IAAIC,KAAK,CAAC,+BAA+B,CAAC;MAClD;MACA,OAAO;QAAEN,eAAe,EAAEK;MAAM,CAAC;IACnC,CAAC;IACDM,IAAI,EAAE;MACJC,IAAI,EAAE;QACJjB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACiB,WAAW;QACrCf,WAAW,EAAE,CAAC;QACdC,YAAY,EAAE,CAAC;QACfC,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACiB;MAChC;IACF,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE;QACJjB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACmB,IAAI,CAAC,GAAG,CAAC;QACnCf,eAAe,EAAEV,KAAK,CAACM,MAAM,CAACmB,IAAI,CAAC,GAAG,CAAC;QACvCjB,WAAW,EAAE;MACf,CAAC;MACDkB,KAAK,EAAE;QACLrB,WAAW,EAAEL,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;QACnCC,WAAW,EAAE;MACf;IACF;EACF;AACF,CAAC,CAAC;AAEF,MAAMmB,YAAY,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC9C,oBACEhC,KAAA,CAAAiC,aAAA,CAAC3B,MAAM,EAAK0B,IAAI,EACbD,QACK,CAAC;AAEb,CAAC;AAED,SAASD,YAAY,EAAExB,MAAM","ignoreList":[]}
@@ -18,7 +18,7 @@ const Headers = styled(View, {
18
18
  justifyContent: 'flex-start'
19
19
  },
20
20
  variants: {
21
- marginTop: size => {
21
+ marginTop: (size = 0) => {
22
22
  if (!isValidNumber(size)) {
23
23
  throw new Error('Invalid marginTop value');
24
24
  }
@@ -1 +1 @@
1
- {"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","StyledHeader","statusProps","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Title","navigator","title","icon","cycleProps","reload","screen","flex","paddingHorizontal","paddingVertical","Fragment","name","color","onPress","replace","goBack","marginHorizontal","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: size => {\r\n\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Title = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.replace(screen)\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Title = Title\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","View","StatusBar","Icon","theme","YStack","XStack","styled","StyledCycle","StyledText","StyledSpacer","isValidNumber","Headers","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","Error","StyledHeader","statusProps","rest","createElement","_extends","translucent","backgroundColor","colors","gray","barStyle","Title","navigator","title","icon","cycleProps","reload","screen","flex","paddingHorizontal","paddingVertical","Fragment","name","color","onPress","replace","goBack","marginHorizontal","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: (size=0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Title = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.replace(screen)\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Title = Title\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
@@ -17,8 +17,7 @@ const variants = {
17
17
  borderRadius: size
18
18
  };
19
19
  },
20
- flex: size => {
21
- if (!size) return;
20
+ flex: (size = 0) => {
22
21
  if (!isValidNumber(size)) {
23
22
  throw new Error('Invalid flex value');
24
23
  }
@@ -1 +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 => {\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 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":[]}
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":[]}
@@ -1,6 +1,9 @@
1
1
  import { SafeAreaView } from "react-native";
2
2
  import { styled } from "../styled";
3
3
  const StyledSafeAreaView = styled(SafeAreaView, {
4
+ base: {
5
+ flex: 1
6
+ },
4
7
  variants: {
5
8
  backgroundColor: color => ({
6
9
  backgroundColor: color
@@ -1 +1 @@
1
- {"version":3,"names":["SafeAreaView","styled","StyledSafeAreaView","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 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,QAAQ,EAAG;IACPC,eAAe,EAAGC,KAAK,KAAM;MACzBD,eAAe,EAAEC;IACrB,CAAC;EACL;AACJ,CAAC,CAAC;AAEF,SAASH,kBAAkB","ignoreList":[]}
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":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fluent-styles",
3
- "version": "1.1.0",
3
+ "version": "1.3.0",
4
4
  "description": "Develop different styled versions of UI components.",
5
5
  "main": "lib/commonjs/index.js",
6
6
  "module": "lib/module/index.js",
@@ -28,7 +28,7 @@ const Button = styled(TouchableOpacity, {
28
28
  }
29
29
  return { borderRadius: size }
30
30
  },
31
- flex: size => {
31
+ flex: (size) => {
32
32
  if (!size) return
33
33
  if (!isValidNumber(size)) {
34
34
  throw new Error('Invalid flex value')
@@ -18,8 +18,7 @@ const Headers = styled(View, {
18
18
  justifyContent: 'flex-start'
19
19
  },
20
20
  variants: {
21
- marginTop: size => {
22
-
21
+ marginTop: (size=0) => {
23
22
  if (!isValidNumber(size)) {
24
23
  throw new Error('Invalid marginTop value')
25
24
  }
@@ -16,8 +16,7 @@ const variants = {
16
16
  }
17
17
  return { borderRadius: size }
18
18
  },
19
- flex: size => {
20
- if (!size) return
19
+ flex: (size = 0) => {
21
20
  if (!isValidNumber(size)) {
22
21
  throw new Error('Invalid flex value')
23
22
  }
@@ -2,6 +2,9 @@ import { SafeAreaView } from "react-native";
2
2
  import { styled } from "../styled";
3
3
 
4
4
  const StyledSafeAreaView = styled(SafeAreaView, {
5
+ base :{
6
+ flex : 1
7
+ },
5
8
  variants : {
6
9
  backgroundColor: (color) => ({
7
10
  backgroundColor: color