fluent-styles 1.35.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.
|
@@ -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":[]}
|
|
@@ -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
|
@@ -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
|
}
|