fluent-styles 1.34.0 → 1.36.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.
- package/lib/commonjs/package/form/index.js +1 -1
- package/lib/commonjs/package/form/index.js.map +1 -1
- package/lib/commonjs/package/image/index.js +38 -2
- package/lib/commonjs/package/image/index.js.map +1 -1
- package/lib/module/package/form/index.js +1 -1
- package/lib/module/package/form/index.js.map +1 -1
- package/lib/module/package/image/index.js +38 -2
- package/lib/module/package/image/index.js.map +1 -1
- package/package.json +1 -1
- package/src/package/form/index.jsx +1 -1
- package/src/package/image/index.jsx +31 -3
|
@@ -76,7 +76,7 @@ const StyledInputText = exports.InputText = (0, _styled.styled)(_reactNative.Tex
|
|
|
76
76
|
borderRadius: value
|
|
77
77
|
};
|
|
78
78
|
},
|
|
79
|
-
borderColor: (value = _theme.theme.colors.gray[
|
|
79
|
+
borderColor: (value = _theme.theme.colors.gray[800]) => {
|
|
80
80
|
if (!(0, _utils.isValidColor)(value)) {
|
|
81
81
|
throw new Error('Invalid borderColor value');
|
|
82
82
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_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","StyledInputText","exports","InputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_stack","_text","_spacer","_theme","_styled","_utils","_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","StyledInputText","exports","InputText","styled","TextInput","base","borderColor","theme","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","isValidString","Error","isValidColor","isValidNumber","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","forwardRef","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","YStack","justifyContent","alignItems","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","_default"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,12 +11,16 @@ var _utils = require("../utils");
|
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
13
|
const base = {
|
|
14
|
-
borderRadius:
|
|
14
|
+
borderRadius: 0,
|
|
15
|
+
borderTopLeftRadius: 0,
|
|
16
|
+
borderTopRightRadius: 0,
|
|
17
|
+
borderBottomLeftRadius: 0,
|
|
18
|
+
borderBottomRightRadius: 0,
|
|
15
19
|
resizeMode: 'cover',
|
|
16
20
|
position: 'relative'
|
|
17
21
|
};
|
|
18
22
|
const variants = {
|
|
19
|
-
borderRadius: (size =
|
|
23
|
+
borderRadius: (size = 0) => {
|
|
20
24
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
21
25
|
throw new Error('Invalid borderRadius value');
|
|
22
26
|
}
|
|
@@ -24,6 +28,38 @@ const variants = {
|
|
|
24
28
|
borderRadius: size
|
|
25
29
|
};
|
|
26
30
|
},
|
|
31
|
+
borderTopLeftRadius: (size = 0) => {
|
|
32
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
33
|
+
throw new Error('Invalid borderTopLeftRadius value');
|
|
34
|
+
}
|
|
35
|
+
return {
|
|
36
|
+
borderTopLeftRadius: size
|
|
37
|
+
};
|
|
38
|
+
},
|
|
39
|
+
borderTopRightRadius: (size = 0) => {
|
|
40
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
41
|
+
throw new Error('Invalid borderTopRightRadius value');
|
|
42
|
+
}
|
|
43
|
+
return {
|
|
44
|
+
borderTopRightRadius: size
|
|
45
|
+
};
|
|
46
|
+
},
|
|
47
|
+
borderBottomLeftRadius: (size = 0) => {
|
|
48
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
49
|
+
throw new Error('Invalid borderBottomLeftRadius value');
|
|
50
|
+
}
|
|
51
|
+
return {
|
|
52
|
+
borderBottomLeftRadius: size
|
|
53
|
+
};
|
|
54
|
+
},
|
|
55
|
+
borderBottomRightRadius: (size = 0) => {
|
|
56
|
+
if (!(0, _utils.isValidNumber)(size)) {
|
|
57
|
+
throw new Error('Invalid borderBottomRightRadius value');
|
|
58
|
+
}
|
|
59
|
+
return {
|
|
60
|
+
borderBottomRightRadius: size
|
|
61
|
+
};
|
|
62
|
+
},
|
|
27
63
|
flex: (size = 0) => {
|
|
28
64
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
29
65
|
throw new Error('Invalid flex value');
|
|
@@ -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","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:
|
|
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","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","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: 0,\r\n borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: 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":[]}
|
|
@@ -68,7 +68,7 @@ const StyledInputText = styled(TextInput, {
|
|
|
68
68
|
borderRadius: value
|
|
69
69
|
};
|
|
70
70
|
},
|
|
71
|
-
borderColor: (value = theme.colors.gray[
|
|
71
|
+
borderColor: (value = theme.colors.gray[800]) => {
|
|
72
72
|
if (!isValidColor(value)) {
|
|
73
73
|
throw new Error('Invalid borderColor value');
|
|
74
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","InputText"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[100]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,YAAY,QAAQ,WAAW;AACxC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,YAAY,EAAEC,aAAa,EAAEC,aAAa,QAAQ,UAAU;AAErE,MAAMC,eAAe,GAAGJ,MAAM,CAACL,SAAS,EAAE;EACtCU,IAAI,EAAE;IACFC,WAAW,EAAEP,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEZ,KAAK,CAACa,UAAU,CAACC,MAAM,CAAC,CAAC,CAAC;IAC3CC,KAAK,EAAE,MAAM;IACbC,KAAK,EAAEhB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BQ,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,CAAC;IAClBC,QAAQ,EAAEnB,KAAK,CAACmB,QAAQ,CAACL,MAAM;IAC/BM,oBAAoB,EAAEpB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,CAAC;EAC7C,CAAC;EACDY,QAAQ,EAAE;IACNR,UAAU,EAAEA,CAACS,IAAI,GAAGtB,KAAK,CAACa,UAAU,CAACC,MAAM,KAAK;MAC5C,IAAI,CAACV,aAAa,CAACkB,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIC,KAAK,CAAC,0BAA0B,CAAC;MAC/C;MACA,OAAO;QAAEV,UAAU,EAAES;MAAK,CAAC;IAC/B,CAAC;IACDN,KAAK,EAAEA,CAACA,KAAK,GAAGhB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACvC,IAAI,CAACP,YAAY,CAACc,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIO,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEP,KAAK,EAAEA;MAAM,CAAC;IAC3B,CAAC;IACDG,QAAQ,EAAEA,CAACG,IAAI,GAAGtB,KAAK,CAACmB,QAAQ,CAACL,MAAM,KAAK;MACxC,IAAI,CAACX,aAAa,CAACmB,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIC,KAAK,CAAC,wBAAwB,CAAC;MAC7C;MACA,OAAO;QAAEJ,QAAQ,EAAEG;MAAK,CAAC;IAC7B,CAAC;IACDE,UAAU,EAAEC,IAAI,IAAI;MAChB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACHD,UAAU,EAAEC;MAChB,CAAC;IACL,CAAC;IACDC,SAAS,EAAEA,CAACC,KAAK,GAAG,MAAM,KAAK;MAC3B,MAAMC,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAC;MACtE,IAAI,CAACA,eAAe,CAACC,QAAQ,CAACF,KAAK,CAAC,EAAE;QAClC,MAAM,IAAIJ,KAAK,CAAC,yBAAyB,CAAC;MAC9C;MACA,OAAO;QAAEG,SAAS,EAAEC;MAAM,CAAC;IAC/B,CAAC;IACDhB,YAAY,EAAEA,CAACmB,KAAK,GAAG,EAAE,KAAK;MAC1B,IAAI,CAAC3B,aAAa,CAAC2B,KAAK,CAAC,EAAE;QACvB,MAAM,IAAIP,KAAK,CAAC,4BAA4B,CAAC;MACjD;MACA,OAAO;QAAEZ,YAAY,EAAEmB;MAAM,CAAC;IAClC,CAAC;IACDvB,WAAW,EAAEA,CAACuB,KAAK,GAAG9B,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MAC7C,IAAI,CAACP,YAAY,CAAC4B,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIP,KAAK,CAAC,2BAA2B,CAAC;MAChD;MACA,OAAO;QAAEhB,WAAW,EAAEuB;MAAM,CAAC;IACjC,CAAC;IACDlB,eAAe,EAAEA,CAACkB,KAAK,GAAG9B,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC,KAAK;MAC/C,IAAI,CAACP,YAAY,CAAC4B,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIP,KAAK,CAAC,+BAA+B,CAAC;MACpD;MACA,OAAO;QAAEX,eAAe,EAAEkB;MAAM,CAAC;IACrC,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;QAAEtB,WAAW,EAAE;MAAE;IAC3B,CAAC;IACDU,oBAAoB,EAAEA,CAACU,KAAK,GAAG9B,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACtD,IAAI,CAACP,YAAY,CAAC4B,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIP,KAAK,CAAC,oCAAoC,CAAC;MACzD;MACA,OAAO;QAAEH,oBAAoB,EAAEU;MAAM,CAAC;IAC1C;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMG,WAAW,gBAAGtC,UAAU,CAAC,CAAC;EAAEuC,KAAK;EAAEC,cAAc;EAAE5B,WAAW;EAAE6B,YAAY;EAAEC,KAAK;EAAEC,UAAU;EAAEC,UAAU;EAAE,GAAGC;AAAK,CAAC,EAAEC,GAAG,KAAK;EAClI,oBACI/C,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAiD,QAAA,QAEQT,KAAK,iBACDxC,KAAA,CAAAgD,aAAA,CAAC7C,MAAM,EAAA+C,QAAA;IAAC7B,KAAK,EAAE,MAAO;IAAC8B,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAY,GAAKX,cAAc,gBACzFzC,KAAA,CAAAgD,aAAA,CAAC5C,UAAU,EAAA8C,QAAA;IAAC3B,iBAAiB,EAAE,CAAE;IAACD,KAAK,EAAEhB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAACU,QAAQ,EAAEnB,KAAK,CAACmB,QAAQ,CAACL,MAAO;IAACD,UAAU,EAAEb,KAAK,CAACa,UAAU,CAACC;EAAO,GAAKyB,UAAU,GAChJL,KACO,CAAC,eACbxC,KAAA,CAAAgD,aAAA,CAAC3C,YAAY;IAACgD,cAAc,EAAE;EAAE,CAAE,CAC9B,CACX,eAELrD,KAAA,CAAAgD,aAAA,CAACrC,eAAe,EAAAuC,QAAA;IAACxB,oBAAoB,EAAEpB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAACgC,GAAG,EAAEA;EAAI,GAAKD,IAAI;IAAEjC,WAAW,EAAE8B,KAAK,GAAGrC,KAAK,CAACQ,MAAM,CAACwC,IAAI,CAAC,GAAG,CAAC,GAAGzC;EAAY,EAAE,CAAC,EAE5I6B,YAAY,iBACR1C,KAAA,CAAAgD,aAAA,CAAC7C,MAAM,EAAA+C,QAAA;IAAC7B,KAAK,EAAE,MAAO;IAAC8B,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAY,GAAKX,cAAc,gBACzFzC,KAAA,CAAAgD,aAAA,CAAC3C,YAAY;IAACgD,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAgD,aAAA,CAAC5C,UAAU,EAAA8C,QAAA;IAACK,gBAAgB,EAAE,CAAE;IAACpC,UAAU,EAAEb,KAAK,CAACa,UAAU,CAACqC,IAAK;IAAC/B,QAAQ,EAAEnB,KAAK,CAACmB,QAAQ,CAACgC,KAAM;IAACnC,KAAK,EAAEhB,KAAK,CAACQ,MAAM,CAACwC,IAAI,CAAC,GAAG;EAAE,GAAKV,UAAU,GAC5IF,YACO,CACR,CAGlB,CAAC;AAEX,CAAC,CAAC;AACF,MAAMgB,gBAAgB,GAAGA,CAAC;EAAElB,KAAK;EAAEE,YAAY;EAAE7B,WAAW;EAAE8B,KAAK;EAAEC,UAAU;EAAEC,UAAU;EAAE,GAAGC;AAAK,CAAC,KAAK;EACvG,oBACI9C,KAAA,CAAAgD,aAAA,CAAC7C,MAAM;IAACkB,KAAK,EAAE,MAAO;IAAC8B,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAY,GAElEZ,KAAK,iBACDxC,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAiD,QAAA,qBACIjD,KAAA,CAAAgD,aAAA,CAAC3C,YAAY;IAACgD,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAgD,aAAA,CAAC5C,UAAU,EAAA8C,QAAA;IAAC3B,iBAAiB,EAAE,CAAE;IAACD,KAAK,EAAEhB,KAAK,CAACQ,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;IAACU,QAAQ,EAAEnB,KAAK,CAACmB,QAAQ,CAACL,MAAO;IAACD,UAAU,EAAEb,KAAK,CAACa,UAAU,CAACC;EAAO,GAAKyB,UAAU,GAChJL,KACO,CAAC,eACbxC,KAAA,CAAAgD,aAAA,CAAC3C,YAAY;IAACgD,cAAc,EAAE;EAAE,CAAE,CACpC,CAEL,eAELrD,KAAA,CAAAgD,aAAA,CAACrC,eAAe,EAAAuC,QAAA;IAACjC,YAAY,EAAE,EAAG;IAAC0C,iBAAiB,EAAC,KAAK;IAACC,SAAS;IAACC,aAAa,EAAE,CAAE;IAACC,SAAS,EAAC;EAAM,GAAKhB,IAAI;IAAEjC,WAAW,EAAE8B,KAAK,GAAGrC,KAAK,CAACQ,MAAM,CAACwC,IAAI,CAAC,GAAG,CAAC,GAAGzC;EAAY,EAAE,CAAC,EAE3K6B,YAAY,iBACR1C,KAAA,CAAAgD,aAAA,CAAAhD,KAAA,CAAAiD,QAAA,qBACIjD,KAAA,CAAAgD,aAAA,CAAC3C,YAAY;IAACgD,cAAc,EAAE;EAAE,CAAE,CAAC,eACnCrD,KAAA,CAAAgD,aAAA,CAAC5C,UAAU,EAAA8C,QAAA;IAACK,gBAAgB,EAAE,CAAE;IAACpC,UAAU,EAAEb,KAAK,CAACa,UAAU,CAACqC,IAAK;IAAC/B,QAAQ,EAAEnB,KAAK,CAACmB,QAAQ,CAACgC,KAAM;IAACnC,KAAK,EAAEhB,KAAK,CAACQ,MAAM,CAACwC,IAAI,CAAC,GAAG;EAAE,GAAKV,UAAU,GAC5IF,YACO,CACd,CAIN,CAAC;AAEjB,CAAC;AAED,SAASH,WAAW,EAAEmB,gBAAgB,EAAE/C,eAAe,IAAIoD,SAAS;AACpE,eAAepD,eAAe","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","forwardRef","TextInput","YStack","StyledText","StyledSpacer","theme","styled","isValidColor","isValidNumber","isValidString","StyledInputText","base","borderColor","colors","gray","borderWidth","borderRadius","backgroundColor","fontWeight","normal","width","color","paddingHorizontal","paddingVertical","fontSize","placeholderTextColor","variants","size","Error","fontFamily","font","textAlign","align","validAlignments","includes","value","noBorder","true","StyledInput","label","containerProps","errorMessage","error","errorProps","labelProps","rest","ref","createElement","Fragment","_extends","justifyContent","alignItems","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","textAlignVertical","multiline","numberOfLines","inputMode","InputText"],"sources":["index.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport { TextInput } from 'react-native';\r\nimport { YStack } from '../stack';\r\nimport { StyledText } from '../text';\r\nimport { StyledSpacer } from '../spacer';\r\nimport { theme } from '../theme';\r\nimport { styled } from '../styled';\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst StyledInputText = styled(TextInput, {\r\n base: {\r\n borderColor: theme.colors.gray[800],\r\n borderWidth: 1,\r\n borderRadius: 30,\r\n backgroundColor: theme.fontWeight.normal[1],\r\n width: '100%',\r\n color: theme.colors.gray[800],\r\n paddingHorizontal: 16,\r\n paddingVertical: 8,\r\n fontSize: theme.fontSize.normal,\r\n placeholderTextColor: theme.colors.gray[1],\r\n },\r\n variants: {\r\n fontWeight: (size = theme.fontWeight.normal) => {\r\n if (!isValidString(size)) {\r\n throw new Error('Invalid fontWeight value');\r\n }\r\n return { fontWeight: size };\r\n },\r\n color: (color = theme.colors.gray[800]) => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value');\r\n }\r\n return { color: color };\r\n },\r\n fontSize: (size = theme.fontSize.normal) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid fontSize value');\r\n }\r\n return { fontSize: size };\r\n },\r\n fontFamily: font => {\r\n if (!font) return\r\n return {\r\n fontFamily: font\r\n }\r\n },\r\n textAlign: (align = 'left') => {\r\n const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];\r\n if (!validAlignments.includes(align)) {\r\n throw new Error('Invalid textAlign value');\r\n }\r\n return { textAlign: align };\r\n },\r\n borderRadius: (value = 16) => {\r\n if (!isValidNumber(value)) {\r\n throw new Error('Invalid borderRadius value');\r\n }\r\n return { borderRadius: value };\r\n },\r\n borderColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid borderColor value');\r\n }\r\n return { borderColor: value };\r\n },\r\n backgroundColor: (value = theme.colors.gray[1]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid backgroundColor value');\r\n }\r\n return { backgroundColor: value };\r\n },\r\n noBorder: {\r\n true: { borderWidth: 0 }\r\n },\r\n placeholderTextColor: (value = theme.colors.gray[800]) => {\r\n if (!isValidColor(value)) {\r\n throw new Error('Invalid placeholderTextColor value');\r\n }\r\n return { placeholderTextColor: value };\r\n } \r\n }\r\n});\r\n\r\nconst StyledInput = forwardRef(({ label, containerProps, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <>\r\n {\r\n label && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledText paddingHorizontal={8} color={theme.colors.gray[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </YStack>\r\n )\r\n }\r\n <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\r\n {\r\n errorMessage && (\r\n <YStack width={'100%'} justifyContent='flex-start' alignItems='flex-start' {...containerProps} >\r\n <StyledSpacer marginVertical={1} />\r\n <StyledText marginHorizontal={8} fontWeight={theme.fontWeight.bold} fontSize={theme.fontSize.small} color={theme.colors.pink[500]} {...errorProps}>\r\n {errorMessage}\r\n </StyledText>\r\n </YStack>\r\n )\r\n }\r\n </>\r\n )\r\n})\r\nconst StyledMultiInput = ({ label, errorMessage, borderColor, error, errorProps, labelProps, ...rest }) => {\r\n return (\r\n <YStack width={'100%'} 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[800]} fontSize={theme.fontSize.normal} fontWeight={theme.fontWeight.normal} {...labelProps}>\r\n {label}\r\n </StyledText>\r\n <StyledSpacer marginVertical={4} />\r\n </>\r\n\r\n )\r\n }\r\n <StyledInputText borderRadius={16} textAlignVertical='top' multiline numberOfLines={5} inputMode='text' {...rest} borderColor={error ? theme.colors.pink[500] : borderColor} />\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]} {...errorProps}>\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 { StyledInput, StyledMultiInput, StyledInputText as InputText }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,12 +4,16 @@ import { Image as SourceImage, ImageBackground as ImageBg } from 'react-native';
|
|
|
4
4
|
import { styled } from '../styled';
|
|
5
5
|
import { isValidColor, isValidNumber } from '../utils';
|
|
6
6
|
const base = {
|
|
7
|
-
borderRadius:
|
|
7
|
+
borderRadius: 0,
|
|
8
|
+
borderTopLeftRadius: 0,
|
|
9
|
+
borderTopRightRadius: 0,
|
|
10
|
+
borderBottomLeftRadius: 0,
|
|
11
|
+
borderBottomRightRadius: 0,
|
|
8
12
|
resizeMode: 'cover',
|
|
9
13
|
position: 'relative'
|
|
10
14
|
};
|
|
11
15
|
const variants = {
|
|
12
|
-
borderRadius: (size =
|
|
16
|
+
borderRadius: (size = 0) => {
|
|
13
17
|
if (!isValidNumber(size)) {
|
|
14
18
|
throw new Error('Invalid borderRadius value');
|
|
15
19
|
}
|
|
@@ -17,6 +21,38 @@ const variants = {
|
|
|
17
21
|
borderRadius: size
|
|
18
22
|
};
|
|
19
23
|
},
|
|
24
|
+
borderTopLeftRadius: (size = 0) => {
|
|
25
|
+
if (!isValidNumber(size)) {
|
|
26
|
+
throw new Error('Invalid borderTopLeftRadius value');
|
|
27
|
+
}
|
|
28
|
+
return {
|
|
29
|
+
borderTopLeftRadius: size
|
|
30
|
+
};
|
|
31
|
+
},
|
|
32
|
+
borderTopRightRadius: (size = 0) => {
|
|
33
|
+
if (!isValidNumber(size)) {
|
|
34
|
+
throw new Error('Invalid borderTopRightRadius value');
|
|
35
|
+
}
|
|
36
|
+
return {
|
|
37
|
+
borderTopRightRadius: size
|
|
38
|
+
};
|
|
39
|
+
},
|
|
40
|
+
borderBottomLeftRadius: (size = 0) => {
|
|
41
|
+
if (!isValidNumber(size)) {
|
|
42
|
+
throw new Error('Invalid borderBottomLeftRadius value');
|
|
43
|
+
}
|
|
44
|
+
return {
|
|
45
|
+
borderBottomLeftRadius: size
|
|
46
|
+
};
|
|
47
|
+
},
|
|
48
|
+
borderBottomRightRadius: (size = 0) => {
|
|
49
|
+
if (!isValidNumber(size)) {
|
|
50
|
+
throw new Error('Invalid borderBottomRightRadius value');
|
|
51
|
+
}
|
|
52
|
+
return {
|
|
53
|
+
borderBottomRightRadius: size
|
|
54
|
+
};
|
|
55
|
+
},
|
|
20
56
|
flex: (size = 0) => {
|
|
21
57
|
if (!isValidNumber(size)) {
|
|
22
58
|
throw new Error('Invalid flex value');
|
|
@@ -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","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:
|
|
1
|
+
{"version":3,"names":["React","Image","SourceImage","ImageBackground","ImageBg","styled","isValidColor","isValidNumber","base","borderRadius","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius","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: 0,\r\n borderTopLeftRadius: 0,\r\n borderTopRightRadius: 0,\r\n borderBottomLeftRadius: 0,\r\n borderBottomRightRadius: 0,\r\n resizeMode: 'cover',\r\n position: 'relative'\r\n}\r\n\r\nconst variants = {\r\n borderRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderRadius value')\r\n }\r\n return { borderRadius: size }\r\n },\r\n borderTopLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopLeftRadius value')\r\n }\r\n return { borderTopLeftRadius: size }\r\n },\r\n borderTopRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderTopRightRadius value')\r\n }\r\n return { borderTopRightRadius: size }\r\n },\r\n borderBottomLeftRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomLeftRadius value')\r\n }\r\n return { borderBottomLeftRadius: size }\r\n },\r\n borderBottomRightRadius: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid borderBottomRightRadius value')\r\n }\r\n return { borderBottomRightRadius: 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
CHANGED
|
@@ -58,7 +58,7 @@ const StyledInputText = styled(TextInput, {
|
|
|
58
58
|
}
|
|
59
59
|
return { borderRadius: value };
|
|
60
60
|
},
|
|
61
|
-
borderColor: (value = theme.colors.gray[
|
|
61
|
+
borderColor: (value = theme.colors.gray[800]) => {
|
|
62
62
|
if (!isValidColor(value)) {
|
|
63
63
|
throw new Error('Invalid borderColor value');
|
|
64
64
|
}
|
|
@@ -4,19 +4,47 @@ import { styled } from '../styled'
|
|
|
4
4
|
import { isValidColor, isValidNumber } from '../utils'
|
|
5
5
|
|
|
6
6
|
const base = {
|
|
7
|
-
borderRadius:
|
|
7
|
+
borderRadius: 0,
|
|
8
|
+
borderTopLeftRadius: 0,
|
|
9
|
+
borderTopRightRadius: 0,
|
|
10
|
+
borderBottomLeftRadius: 0,
|
|
11
|
+
borderBottomRightRadius: 0,
|
|
8
12
|
resizeMode: 'cover',
|
|
9
13
|
position: 'relative'
|
|
10
14
|
}
|
|
11
15
|
|
|
12
16
|
const variants = {
|
|
13
|
-
borderRadius: (size =
|
|
17
|
+
borderRadius: (size = 0) => {
|
|
14
18
|
if (!isValidNumber(size)) {
|
|
15
19
|
throw new Error('Invalid borderRadius value')
|
|
16
20
|
}
|
|
17
21
|
return { borderRadius: size }
|
|
18
22
|
},
|
|
19
|
-
|
|
23
|
+
borderTopLeftRadius: (size = 0) => {
|
|
24
|
+
if (!isValidNumber(size)) {
|
|
25
|
+
throw new Error('Invalid borderTopLeftRadius value')
|
|
26
|
+
}
|
|
27
|
+
return { borderTopLeftRadius: size }
|
|
28
|
+
},
|
|
29
|
+
borderTopRightRadius: (size = 0) => {
|
|
30
|
+
if (!isValidNumber(size)) {
|
|
31
|
+
throw new Error('Invalid borderTopRightRadius value')
|
|
32
|
+
}
|
|
33
|
+
return { borderTopRightRadius: size }
|
|
34
|
+
},
|
|
35
|
+
borderBottomLeftRadius: (size = 0) => {
|
|
36
|
+
if (!isValidNumber(size)) {
|
|
37
|
+
throw new Error('Invalid borderBottomLeftRadius value')
|
|
38
|
+
}
|
|
39
|
+
return { borderBottomLeftRadius: size }
|
|
40
|
+
},
|
|
41
|
+
borderBottomRightRadius: (size = 0) => {
|
|
42
|
+
if (!isValidNumber(size)) {
|
|
43
|
+
throw new Error('Invalid borderBottomRightRadius value')
|
|
44
|
+
}
|
|
45
|
+
return { borderBottomRightRadius: size }
|
|
46
|
+
},
|
|
47
|
+
flex: (size = 0) => {
|
|
20
48
|
if (!isValidNumber(size)) {
|
|
21
49
|
throw new Error('Invalid flex value')
|
|
22
50
|
}
|