fluent-styles 1.0.0 → 1.1.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/badge/index.js +2 -0
- package/lib/commonjs/package/badge/index.js.map +1 -1
- package/lib/commonjs/package/button/index.js +3 -0
- package/lib/commonjs/package/button/index.js.map +1 -1
- package/lib/commonjs/package/image/index.js +5 -2
- package/lib/commonjs/package/image/index.js.map +1 -1
- package/lib/module/package/badge/index.js +2 -0
- package/lib/module/package/badge/index.js.map +1 -1
- package/lib/module/package/button/index.js +3 -0
- package/lib/module/package/button/index.js.map +1 -1
- package/lib/module/package/image/index.js +5 -2
- package/lib/module/package/image/index.js.map +1 -1
- package/package.json +2 -1
- package/src/package/badge/index.jsx +2 -0
- package/src/package/button/index.jsx +3 -0
- package/src/package/image/index.jsx +6 -2
|
@@ -71,6 +71,7 @@ const Badge = (0, _styled.styled)(_reactNative.Text, {
|
|
|
71
71
|
};
|
|
72
72
|
},
|
|
73
73
|
borderColor: color => {
|
|
74
|
+
if (!color) return;
|
|
74
75
|
if (!(0, _utils.isValidColor)(color)) {
|
|
75
76
|
throw new Error('Invalid color value');
|
|
76
77
|
}
|
|
@@ -87,6 +88,7 @@ const Badge = (0, _styled.styled)(_reactNative.Text, {
|
|
|
87
88
|
};
|
|
88
89
|
},
|
|
89
90
|
backgroundColor: color => {
|
|
91
|
+
if (!color) return;
|
|
90
92
|
if (!(0, _utils.isValidColor)(color)) {
|
|
91
93
|
throw new Error('Invalid color value');
|
|
92
94
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_stack","_spacer","_styled","_theme","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Badge","styled","Text","base","borderColor","theme","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","isValidString","Error","isValidColor","isValidNumber","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","exports","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","XStack","justifyContent","alignItems","Fragment","StyledSpacer","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char","YStack"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n base: {\r\n borderColor: theme.colors.gray[300],\r\n borderRadius: 32,\r\n backgroundColor: theme.colors.gray[1],\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[900],\r\n fontWeight: theme.fontWeight.bold,\r\n position: 'relative',\r\n textAlign: 'center'\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 flexWrap: 'wrap',\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\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 borderColor: color => {\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 backgroundColor: color => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { backgroundColor: color }\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 top: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid top value')\r\n }\r\n return { top: size }\r\n },\r\n }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n return (\r\n <Badge {...rest}>\r\n {children}\r\n </Badge>\r\n )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n {\r\n iconLeft && (<>\r\n {iconLeft}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n {title}\r\n </Badge>\r\n {\r\n iconRight && (<>\r\n {iconRight}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n </XStack>\r\n )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n return (\r\n <YStack justifyContent='center' alignItems='center' {...rest}>\r\n {icon}\r\n <Badge absolute top={top} right={right} {...charProps}>\r\n {char}\r\n </Badge>\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAsE,SAAAD,uBAAAQ,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,KAPtE;AASA,MAAMO,KAAK,GAAG,IAAAC,cAAM,EAACC,iBAAI,EAAE;EACvBC,IAAI,EAAE;IACFC,WAAW,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACnCC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEJ,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,CAAC,CAAC;IACrCG,QAAQ,EAAEL,YAAK,CAACK,QAAQ,CAACC,MAAM;IAC/BC,KAAK,EAAEP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IAC7BM,UAAU,EAAER,YAAK,CAACQ,UAAU,CAACC,IAAI;IACjCC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE;EACf,CAAC;EACDC,QAAQ,EAAE;IACNJ,UAAU,EAAEA,CAACK,IAAI,GAAGb,YAAK,CAACQ,UAAU,CAACF,MAAM,KAAK;MAC5C,IAAI,CAAC,IAAAQ,oBAAa,EAACD,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,0BAA0B,CAAC;MAC/C;MACA,OAAO;QAAEP,UAAU,EAAEK;MAAK,CAAC;IAC/B,CAAC;IACDN,KAAK,EAAEA,CAACA,KAAK,GAAGP,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,KAAK;MACvC,IAAI,CAAC,IAAAc,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAER,KAAK,EAAEA;MAAM,CAAC;IAC3B,CAAC;IACDF,QAAQ,EAAEA,CAACQ,IAAI,GAAGb,YAAK,CAACK,QAAQ,CAACC,MAAM,KAAK;MACxC,IAAI,CAAC,IAAAW,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,wBAAwB,CAAC;MAC7C;MACA,OAAO;QAAEV,QAAQ,EAAEQ;MAAK,CAAC;IAC7B,CAAC;IACDK,QAAQ,EAAE,MAAM;IAChBC,QAAQ,EAAE;MACNC,IAAI,EAAE;QACFV,QAAQ,EAAE;MACd;IACJ,CAAC;IACDW,UAAU,EAAGC,IAAI,IAAK;MAClB,IAAI,CAACA,IAAI,EAAE;MACX,OAAO;QACHD,UAAU,EAAEC;MAChB,CAAC;IACL,CAAC;IACDX,SAAS,EAAEA,CAACY,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,IAAIR,KAAK,CAAC,yBAAyB,CAAC;MAC9C;MACA,OAAO;QAAEJ,SAAS,EAAEY;MAAM,CAAC;IAC/B,CAAC;IACDxB,WAAW,EAAEQ,KAAK,IAAI;MAClB,IAAI,CAAC,IAAAS,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEhB,WAAW,EAAEQ;MAAM,CAAC;IACjC,CAAC;IACDJ,YAAY,EAAEA,CAACU,IAAI,GAAG,EAAE,KAAK;MACzB,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,4BAA4B,CAAC;MACjD;MACA,OAAO;QAAEZ,YAAY,EAAEU;MAAK,CAAC;IACjC,CAAC;IACDT,eAAe,EAAEG,KAAK,IAAI;MACtB,IAAI,CAAC,IAAAS,mBAAY,EAACT,KAAK,CAAC,EAAE;QACtB,MAAM,IAAIQ,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEX,eAAe,EAAEG;MAAM,CAAC;IACrC,CAAC;IACDmB,KAAK,EAAEA,CAACb,IAAI,GAAG,CAAC,KAAK;MACjB,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,qBAAqB,CAAC;MAC1C;MACA,OAAO;QAAEW,KAAK,EAAEb;MAAK,CAAC;IAC1B,CAAC;IACDc,GAAG,EAAEA,CAACd,IAAI,GAAG,CAAC,KAAK;MACf,IAAI,CAAC,IAAAI,oBAAa,EAACJ,IAAI,CAAC,EAAE;QACtB,MAAM,IAAIE,KAAK,CAAC,mBAAmB,CAAC;MACxC;MACA,OAAO;QAAEY,GAAG,EAAEd;MAAK,CAAC;IACxB;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMe,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC3C,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAKmC,IAAI,EACVD,QACE,CAAC;AAEhB,CAAC;AAAAG,OAAA,CAAAJ,WAAA,GAAAA,WAAA;AAED,MAAMK,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGP;AAAK,CAAC,KAAK;EAChF,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACxD,MAAA,CAAA+D,MAAM,EAAAvD,QAAA;IAACwD,cAAc,EAAC,YAAY;IAACC,UAAU,EAAC;EAAQ,GAAKV,IAAI,GAExDI,QAAQ,iBAAK/D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAAA5D,MAAA,CAAAW,OAAA,CAAA2D,QAAA,QACRP,QAAQ,eACT/D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACvD,OAAA,CAAAkE,YAAY;IAACC,gBAAgB,EAAE;EAAE,CAAE,CACtC,CAAE,eAERxE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAAZ,QAAA;IAACqB,eAAe,EAAEJ,YAAK,CAACC,MAAM,CAAC2C;EAAY,GAAKR,SAAS,GAC1DC,KACE,CAAC,EAEJF,SAAS,iBAAKhE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAAA5D,MAAA,CAAAW,OAAA,CAAA2D,QAAA,QACTN,SAAS,eACVhE,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACvD,OAAA,CAAAkE,YAAY;IAACC,gBAAgB,EAAE;EAAE,CAAE,CACtC,CAEF,CAAC;AAEjB,CAAC;AAAAX,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAED,MAAMY,eAAe,GAAGA,CAAC;EAAElB,GAAG,GAAG,CAAC,CAAC;EAAED,KAAK,GAAG,CAAC;EAAEoB,IAAI;EAAEC,SAAS;EAAEC,IAAI;EAAE,GAAGlB;AAAK,CAAC,KAAK;EACjF,oBACI3D,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACxD,MAAA,CAAA0E,MAAM,EAAAlE,QAAA;IAACwD,cAAc,EAAC,QAAQ;IAACC,UAAU,EAAC;EAAQ,GAAKV,IAAI,GACvDgB,IAAI,eACL3E,MAAA,CAAAW,OAAA,CAAAiD,aAAA,CAACpC,KAAK,EAAAZ,QAAA;IAACoC,QAAQ;IAACQ,GAAG,EAAEA,GAAI;IAACD,KAAK,EAAEA;EAAM,GAAKqB,SAAS,GAChDC,IACE,CACH,CAAC;AAEjB,CAAC;AAAAhB,OAAA,CAAAa,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_stack","_spacer","_styled","_theme","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Badge","styled","Text","base","borderColor","theme","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","isValidString","Error","isValidColor","isValidNumber","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","exports","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","XStack","justifyContent","alignItems","Fragment","StyledSpacer","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char","YStack"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n base: {\r\n borderColor: theme.colors.gray[300],\r\n borderRadius: 32,\r\n backgroundColor: theme.colors.gray[1],\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[900],\r\n fontWeight: theme.fontWeight.bold,\r\n position: 'relative',\r\n textAlign: 'center'\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 flexWrap: 'wrap',\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\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 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 backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { backgroundColor: color }\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 top: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid top value')\r\n }\r\n return { top: size }\r\n },\r\n }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n return (\r\n <Badge {...rest}>\r\n {children}\r\n </Badge>\r\n )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n {\r\n iconLeft && (<>\r\n {iconLeft}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n {title}\r\n </Badge>\r\n {\r\n iconRight && (<>\r\n {iconRight}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n </XStack>\r\n )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n return (\r\n <YStack justifyContent='center' alignItems='center' {...rest}>\r\n {icon}\r\n <Badge absolute top={top} right={right} {...charProps}>\r\n {char}\r\n </Badge>\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -22,6 +22,7 @@ const Button = exports.Button = (0, _styled.styled)(_reactNative.TouchableOpacit
|
|
|
22
22
|
},
|
|
23
23
|
variants: {
|
|
24
24
|
borderColor: color => {
|
|
25
|
+
if (!color) return;
|
|
25
26
|
if (!(0, _utils.isValidColor)(color)) {
|
|
26
27
|
throw new Error('Invalid color value');
|
|
27
28
|
}
|
|
@@ -38,6 +39,7 @@ const Button = exports.Button = (0, _styled.styled)(_reactNative.TouchableOpacit
|
|
|
38
39
|
};
|
|
39
40
|
},
|
|
40
41
|
flex: size => {
|
|
42
|
+
if (!size) return;
|
|
41
43
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
42
44
|
throw new Error('Invalid flex value');
|
|
43
45
|
}
|
|
@@ -58,6 +60,7 @@ const Button = exports.Button = (0, _styled.styled)(_reactNative.TouchableOpacit
|
|
|
58
60
|
};
|
|
59
61
|
},
|
|
60
62
|
backgroundColor: color => {
|
|
63
|
+
if (!color) return;
|
|
61
64
|
if (!(0, _utils.isValidColor)(color)) {
|
|
62
65
|
throw new Error('Invalid backgroundColor value');
|
|
63
66
|
}
|
|
@@ -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 (!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 (!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 (!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":[]}
|
|
@@ -25,6 +25,7 @@ const variants = {
|
|
|
25
25
|
};
|
|
26
26
|
},
|
|
27
27
|
flex: size => {
|
|
28
|
+
if (!size) return;
|
|
28
29
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
29
30
|
throw new Error('Invalid flex value');
|
|
30
31
|
}
|
|
@@ -44,7 +45,7 @@ const variants = {
|
|
|
44
45
|
height: size
|
|
45
46
|
};
|
|
46
47
|
},
|
|
47
|
-
borderWidth: size => {
|
|
48
|
+
borderWidth: (size = 1) => {
|
|
48
49
|
if (!(0, _utils.isValidNumber)(size)) {
|
|
49
50
|
throw new Error('Invalid borderWidth value');
|
|
50
51
|
}
|
|
@@ -53,14 +54,16 @@ const variants = {
|
|
|
53
54
|
};
|
|
54
55
|
},
|
|
55
56
|
borderColor: color => {
|
|
57
|
+
if (!color) return;
|
|
56
58
|
if (!(0, _utils.isValidColor)(color)) {
|
|
57
|
-
throw new Error('Invalid
|
|
59
|
+
throw new Error('Invalid backgroundColor value');
|
|
58
60
|
}
|
|
59
61
|
return {
|
|
60
62
|
borderColor: color
|
|
61
63
|
};
|
|
62
64
|
},
|
|
63
65
|
resizeMode: mode => {
|
|
66
|
+
if (!mode) return;
|
|
64
67
|
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
|
|
65
68
|
if (!validModes.includes(mode)) {
|
|
66
69
|
throw new Error('Invalid mode 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","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 (!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 => {\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 (!isValidColor(color)) {\r\n throw new Error('Invalid
|
|
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":[]}
|
|
@@ -65,6 +65,7 @@ const Badge = styled(Text, {
|
|
|
65
65
|
};
|
|
66
66
|
},
|
|
67
67
|
borderColor: color => {
|
|
68
|
+
if (!color) return;
|
|
68
69
|
if (!isValidColor(color)) {
|
|
69
70
|
throw new Error('Invalid color value');
|
|
70
71
|
}
|
|
@@ -81,6 +82,7 @@ const Badge = styled(Text, {
|
|
|
81
82
|
};
|
|
82
83
|
},
|
|
83
84
|
backgroundColor: color => {
|
|
85
|
+
if (!color) return;
|
|
84
86
|
if (!isValidColor(color)) {
|
|
85
87
|
throw new Error('Invalid color value');
|
|
86
88
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","XStack","YStack","StyledSpacer","styled","theme","isValidColor","isValidNumber","isValidString","Badge","base","borderColor","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","Error","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","_extends","justifyContent","alignItems","Fragment","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n base: {\r\n borderColor: theme.colors.gray[300],\r\n borderRadius: 32,\r\n backgroundColor: theme.colors.gray[1],\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[900],\r\n fontWeight: theme.fontWeight.bold,\r\n position: 'relative',\r\n textAlign: 'center'\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 flexWrap: 'wrap',\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\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 borderColor: color => {\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 backgroundColor: color => {\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { backgroundColor: color }\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 top: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid top value')\r\n }\r\n return { top: size }\r\n },\r\n }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n return (\r\n <Badge {...rest}>\r\n {children}\r\n </Badge>\r\n )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n {\r\n iconLeft && (<>\r\n {iconLeft}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n {title}\r\n </Badge>\r\n {\r\n iconRight && (<>\r\n {iconRight}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n </XStack>\r\n )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n return (\r\n <YStack justifyContent='center' alignItems='center' {...rest}>\r\n {icon}\r\n <Badge absolute top={top} right={right} {...charProps}>\r\n {char}\r\n </Badge>\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["React","Text","XStack","YStack","StyledSpacer","styled","theme","isValidColor","isValidNumber","isValidString","Badge","base","borderColor","colors","gray","borderRadius","backgroundColor","fontSize","normal","color","fontWeight","bold","position","textAlign","variants","size","Error","flexWrap","absolute","true","fontFamily","font","align","validAlignments","includes","right","top","StyledBadge","children","rest","createElement","StyledBadgeWithIcon","iconLeft","iconRight","textProps","title","_extends","justifyContent","alignItems","Fragment","marginHorizontal","transparent","StyledBadgeIcon","icon","charProps","char"],"sources":["index.jsx"],"sourcesContent":["// @ts-nocheck\r\nimport React from \"react\";\r\nimport { Text } from 'react-native';\r\nimport { XStack, YStack } from \"../stack\";\r\nimport { StyledSpacer } from \"../spacer\";\r\nimport { styled } from \"../styled\";\r\nimport { theme } from \"../theme\";\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils';\r\n\r\nconst Badge = styled(Text, {\r\n base: {\r\n borderColor: theme.colors.gray[300],\r\n borderRadius: 32,\r\n backgroundColor: theme.colors.gray[1],\r\n fontSize: theme.fontSize.normal,\r\n color: theme.colors.gray[900],\r\n fontWeight: theme.fontWeight.bold,\r\n position: 'relative',\r\n textAlign: 'center'\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 flexWrap: 'wrap',\r\n absolute: {\r\n true: {\r\n position: 'absolute'\r\n }\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 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 backgroundColor: color => {\r\n if (!color) return\r\n if (!isValidColor(color)) {\r\n throw new Error('Invalid color value')\r\n }\r\n return { backgroundColor: color }\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 top: (size = 0) => {\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid top value')\r\n }\r\n return { top: size }\r\n },\r\n }\r\n})\r\n\r\nconst StyledBadge = ({ children, ...rest }) => {\r\n return (\r\n <Badge {...rest}>\r\n {children}\r\n </Badge>\r\n )\r\n}\r\n\r\nconst StyledBadgeWithIcon = ({ iconLeft, iconRight, textProps, title, ...rest }) => {\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' {...rest}>\r\n {\r\n iconLeft && (<>\r\n {iconLeft}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n <Badge backgroundColor={theme.colors.transparent} {...textProps}>\r\n {title}\r\n </Badge>\r\n {\r\n iconRight && (<>\r\n {iconRight}\r\n <StyledSpacer marginHorizontal={2} />\r\n </>)\r\n }\r\n </XStack>\r\n )\r\n}\r\n\r\nconst StyledBadgeIcon = ({ top = -1, right = 5, icon, charProps, char, ...rest }) => {\r\n return (\r\n <YStack justifyContent='center' alignItems='center' {...rest}>\r\n {icon}\r\n <Badge absolute top={top} right={right} {...charProps}>\r\n {char}\r\n </Badge>\r\n </YStack>\r\n )\r\n}\r\n\r\nexport { StyledBadge, StyledBadgeWithIcon, StyledBadgeIcon }\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,6 +15,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
15
15
|
},
|
|
16
16
|
variants: {
|
|
17
17
|
borderColor: color => {
|
|
18
|
+
if (!color) return;
|
|
18
19
|
if (!isValidColor(color)) {
|
|
19
20
|
throw new Error('Invalid color value');
|
|
20
21
|
}
|
|
@@ -31,6 +32,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
31
32
|
};
|
|
32
33
|
},
|
|
33
34
|
flex: size => {
|
|
35
|
+
if (!size) return;
|
|
34
36
|
if (!isValidNumber(size)) {
|
|
35
37
|
throw new Error('Invalid flex value');
|
|
36
38
|
}
|
|
@@ -51,6 +53,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
51
53
|
};
|
|
52
54
|
},
|
|
53
55
|
backgroundColor: color => {
|
|
56
|
+
if (!color) return;
|
|
54
57
|
if (!isValidColor(color)) {
|
|
55
58
|
throw new Error('Invalid backgroundColor value');
|
|
56
59
|
}
|
|
@@ -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 (!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 (!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 (!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,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,EAAED,IAAI,IAAI;MACZ,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,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":[]}
|
|
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":[]}
|
|
@@ -18,6 +18,7 @@ const variants = {
|
|
|
18
18
|
};
|
|
19
19
|
},
|
|
20
20
|
flex: size => {
|
|
21
|
+
if (!size) return;
|
|
21
22
|
if (!isValidNumber(size)) {
|
|
22
23
|
throw new Error('Invalid flex value');
|
|
23
24
|
}
|
|
@@ -37,7 +38,7 @@ const variants = {
|
|
|
37
38
|
height: size
|
|
38
39
|
};
|
|
39
40
|
},
|
|
40
|
-
borderWidth: size => {
|
|
41
|
+
borderWidth: (size = 1) => {
|
|
41
42
|
if (!isValidNumber(size)) {
|
|
42
43
|
throw new Error('Invalid borderWidth value');
|
|
43
44
|
}
|
|
@@ -46,14 +47,16 @@ const variants = {
|
|
|
46
47
|
};
|
|
47
48
|
},
|
|
48
49
|
borderColor: color => {
|
|
50
|
+
if (!color) return;
|
|
49
51
|
if (!isValidColor(color)) {
|
|
50
|
-
throw new Error('Invalid
|
|
52
|
+
throw new Error('Invalid backgroundColor value');
|
|
51
53
|
}
|
|
52
54
|
return {
|
|
53
55
|
borderColor: color
|
|
54
56
|
};
|
|
55
57
|
},
|
|
56
58
|
resizeMode: mode => {
|
|
59
|
+
if (!mode) return;
|
|
57
60
|
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
|
|
58
61
|
if (!validModes.includes(mode)) {
|
|
59
62
|
throw new Error('Invalid mode 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","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 (!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 => {\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 (!isValidColor(color)) {\r\n throw new Error('Invalid
|
|
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":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "fluent-styles",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.1.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",
|
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
"build": "bob build",
|
|
39
39
|
"prepack": "bob build",
|
|
40
40
|
"release": "release-it",
|
|
41
|
+
"publish": "yarn publish --access public",
|
|
41
42
|
"lint": "eslint \"**/*.{js,ts,tsx}\""
|
|
42
43
|
},
|
|
43
44
|
"peerDependencies": {
|
|
@@ -57,6 +57,7 @@ const Badge = styled(Text, {
|
|
|
57
57
|
return { textAlign: align }
|
|
58
58
|
},
|
|
59
59
|
borderColor: color => {
|
|
60
|
+
if (!color) return
|
|
60
61
|
if (!isValidColor(color)) {
|
|
61
62
|
throw new Error('Invalid color value')
|
|
62
63
|
}
|
|
@@ -69,6 +70,7 @@ const Badge = styled(Text, {
|
|
|
69
70
|
return { borderRadius: size }
|
|
70
71
|
},
|
|
71
72
|
backgroundColor: color => {
|
|
73
|
+
if (!color) return
|
|
72
74
|
if (!isValidColor(color)) {
|
|
73
75
|
throw new Error('Invalid color value')
|
|
74
76
|
}
|
|
@@ -16,6 +16,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
16
16
|
},
|
|
17
17
|
variants: {
|
|
18
18
|
borderColor: color => {
|
|
19
|
+
if (!color) return
|
|
19
20
|
if (!isValidColor(color)) {
|
|
20
21
|
throw new Error('Invalid color value')
|
|
21
22
|
}
|
|
@@ -28,6 +29,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
28
29
|
return { borderRadius: size }
|
|
29
30
|
},
|
|
30
31
|
flex: size => {
|
|
32
|
+
if (!size) return
|
|
31
33
|
if (!isValidNumber(size)) {
|
|
32
34
|
throw new Error('Invalid flex value')
|
|
33
35
|
}
|
|
@@ -42,6 +44,7 @@ const Button = styled(TouchableOpacity, {
|
|
|
42
44
|
return { height: size }
|
|
43
45
|
},
|
|
44
46
|
backgroundColor: color => {
|
|
47
|
+
if (!color) return
|
|
45
48
|
if (!isValidColor(color)) {
|
|
46
49
|
throw new Error('Invalid backgroundColor value')
|
|
47
50
|
}
|
|
@@ -17,6 +17,7 @@ const variants = {
|
|
|
17
17
|
return { borderRadius: size }
|
|
18
18
|
},
|
|
19
19
|
flex: size => {
|
|
20
|
+
if (!size) return
|
|
20
21
|
if (!isValidNumber(size)) {
|
|
21
22
|
throw new Error('Invalid flex value')
|
|
22
23
|
}
|
|
@@ -30,19 +31,22 @@ const variants = {
|
|
|
30
31
|
if (!size) return
|
|
31
32
|
return { height: size }
|
|
32
33
|
},
|
|
33
|
-
borderWidth: size => {
|
|
34
|
+
borderWidth: (size = 1) => {
|
|
34
35
|
if (!isValidNumber(size)) {
|
|
35
36
|
throw new Error('Invalid borderWidth value')
|
|
36
37
|
}
|
|
37
38
|
return { borderWidth: size }
|
|
38
39
|
},
|
|
39
40
|
borderColor: color => {
|
|
41
|
+
if (!color) return
|
|
40
42
|
if (!isValidColor(color)) {
|
|
41
|
-
throw new Error('Invalid
|
|
43
|
+
throw new Error('Invalid backgroundColor value')
|
|
42
44
|
}
|
|
43
45
|
return { borderColor: color }
|
|
44
46
|
},
|
|
45
47
|
resizeMode: mode => {
|
|
48
|
+
if (!mode) return
|
|
49
|
+
|
|
46
50
|
const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center']
|
|
47
51
|
if (!validModes.includes(mode)) {
|
|
48
52
|
throw new Error('Invalid mode value')
|