fluent-styles 1.0.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.
Files changed (133) hide show
  1. package/README.md +77 -0
  2. package/lib/commonjs/assets/img/doctor.png +0 -0
  3. package/lib/commonjs/index.js +248 -0
  4. package/lib/commonjs/index.js.map +1 -0
  5. package/lib/commonjs/package/badge/index.js +159 -0
  6. package/lib/commonjs/package/badge/index.js.map +1 -0
  7. package/lib/commonjs/package/button/index.js +96 -0
  8. package/lib/commonjs/package/button/index.js.map +1 -0
  9. package/lib/commonjs/package/card/index.js +32 -0
  10. package/lib/commonjs/package/card/index.js.map +1 -0
  11. package/lib/commonjs/package/checkBox/index.js +84 -0
  12. package/lib/commonjs/package/checkBox/index.js.map +1 -0
  13. package/lib/commonjs/package/cycle/index.js +28 -0
  14. package/lib/commonjs/package/cycle/index.js.map +1 -0
  15. package/lib/commonjs/package/dialog/index.js +192 -0
  16. package/lib/commonjs/package/dialog/index.js.map +1 -0
  17. package/lib/commonjs/package/dropdown/index.js +116 -0
  18. package/lib/commonjs/package/dropdown/index.js.map +1 -0
  19. package/lib/commonjs/package/form/index.js +184 -0
  20. package/lib/commonjs/package/form/index.js.map +1 -0
  21. package/lib/commonjs/package/header/index.js +89 -0
  22. package/lib/commonjs/package/header/index.js.map +1 -0
  23. package/lib/commonjs/package/image/index.js +123 -0
  24. package/lib/commonjs/package/image/index.js.map +1 -0
  25. package/lib/commonjs/package/radioButton/index.js +84 -0
  26. package/lib/commonjs/package/radioButton/index.js.map +1 -0
  27. package/lib/commonjs/package/safeAreaView/index.js +16 -0
  28. package/lib/commonjs/package/safeAreaView/index.js.map +1 -0
  29. package/lib/commonjs/package/scrollView/index.js +16 -0
  30. package/lib/commonjs/package/scrollView/index.js.map +1 -0
  31. package/lib/commonjs/package/separator/index.js +33 -0
  32. package/lib/commonjs/package/separator/index.js.map +1 -0
  33. package/lib/commonjs/package/spacer/index.js +18 -0
  34. package/lib/commonjs/package/spacer/index.js.map +1 -0
  35. package/lib/commonjs/package/spinner/index.js +43 -0
  36. package/lib/commonjs/package/spinner/index.js.map +1 -0
  37. package/lib/commonjs/package/stack/__test__/index.test.js +91 -0
  38. package/lib/commonjs/package/stack/__test__/index.test.js.map +1 -0
  39. package/lib/commonjs/package/stack/index.js +41 -0
  40. package/lib/commonjs/package/stack/index.js.map +1 -0
  41. package/lib/commonjs/package/styled/__test__/index.test.js +161 -0
  42. package/lib/commonjs/package/styled/__test__/index.test.js.map +1 -0
  43. package/lib/commonjs/package/styled/index.js +42 -0
  44. package/lib/commonjs/package/styled/index.js.map +1 -0
  45. package/lib/commonjs/package/switch/index.js +43 -0
  46. package/lib/commonjs/package/switch/index.js.map +1 -0
  47. package/lib/commonjs/package/text/index.js +73 -0
  48. package/lib/commonjs/package/text/index.js.map +1 -0
  49. package/lib/commonjs/package/theme.js +384 -0
  50. package/lib/commonjs/package/theme.js.map +1 -0
  51. package/lib/commonjs/package/utils/index.js +130 -0
  52. package/lib/commonjs/package/utils/index.js.map +1 -0
  53. package/lib/commonjs/styled.code-workspace +9 -0
  54. package/lib/module/assets/img/doctor.png +0 -0
  55. package/lib/module/index.js +23 -0
  56. package/lib/module/index.js.map +1 -0
  57. package/lib/module/package/badge/index.js +151 -0
  58. package/lib/module/package/badge/index.js.map +1 -0
  59. package/lib/module/package/button/index.js +89 -0
  60. package/lib/module/package/button/index.js.map +1 -0
  61. package/lib/module/package/card/index.js +25 -0
  62. package/lib/module/package/card/index.js.map +1 -0
  63. package/lib/module/package/checkBox/index.js +75 -0
  64. package/lib/module/package/checkBox/index.js.map +1 -0
  65. package/lib/module/package/cycle/index.js +21 -0
  66. package/lib/module/package/cycle/index.js.map +1 -0
  67. package/lib/module/package/dialog/index.js +182 -0
  68. package/lib/module/package/dialog/index.js.map +1 -0
  69. package/lib/module/package/dropdown/index.js +106 -0
  70. package/lib/module/package/dropdown/index.js.map +1 -0
  71. package/lib/module/package/form/index.js +176 -0
  72. package/lib/module/package/form/index.js.map +1 -0
  73. package/lib/module/package/header/index.js +83 -0
  74. package/lib/module/package/header/index.js.map +1 -0
  75. package/lib/module/package/image/index.js +115 -0
  76. package/lib/module/package/image/index.js.map +1 -0
  77. package/lib/module/package/radioButton/index.js +75 -0
  78. package/lib/module/package/radioButton/index.js.map +1 -0
  79. package/lib/module/package/safeAreaView/index.js +11 -0
  80. package/lib/module/package/safeAreaView/index.js.map +1 -0
  81. package/lib/module/package/scrollView/index.js +11 -0
  82. package/lib/module/package/scrollView/index.js.map +1 -0
  83. package/lib/module/package/separator/index.js +26 -0
  84. package/lib/module/package/separator/index.js.map +1 -0
  85. package/lib/module/package/spacer/index.js +11 -0
  86. package/lib/module/package/spacer/index.js.map +1 -0
  87. package/lib/module/package/spinner/index.js +36 -0
  88. package/lib/module/package/spinner/index.js.map +1 -0
  89. package/lib/module/package/stack/__test__/index.test.js +89 -0
  90. package/lib/module/package/stack/__test__/index.test.js.map +1 -0
  91. package/lib/module/package/stack/index.js +36 -0
  92. package/lib/module/package/stack/index.js.map +1 -0
  93. package/lib/module/package/styled/__test__/index.test.js +158 -0
  94. package/lib/module/package/styled/__test__/index.test.js.map +1 -0
  95. package/lib/module/package/styled/index.js +35 -0
  96. package/lib/module/package/styled/index.js.map +1 -0
  97. package/lib/module/package/switch/index.js +36 -0
  98. package/lib/module/package/switch/index.js.map +1 -0
  99. package/lib/module/package/text/index.js +68 -0
  100. package/lib/module/package/text/index.js.map +1 -0
  101. package/lib/module/package/theme.js +379 -0
  102. package/lib/module/package/theme.js.map +1 -0
  103. package/lib/module/package/utils/index.js +120 -0
  104. package/lib/module/package/utils/index.js.map +1 -0
  105. package/lib/module/styled.code-workspace +9 -0
  106. package/package.json +85 -0
  107. package/src/assets/img/doctor.png +0 -0
  108. package/src/index.js +23 -0
  109. package/src/package/badge/index.jsx +133 -0
  110. package/src/package/button/index.jsx +80 -0
  111. package/src/package/card/index.jsx +38 -0
  112. package/src/package/checkBox/index.jsx +80 -0
  113. package/src/package/cycle/index.jsx +23 -0
  114. package/src/package/dialog/index.jsx +214 -0
  115. package/src/package/dropdown/index.jsx +102 -0
  116. package/src/package/form/index.jsx +145 -0
  117. package/src/package/header/index.jsx +92 -0
  118. package/src/package/image/index.jsx +93 -0
  119. package/src/package/radioButton/index.jsx +81 -0
  120. package/src/package/safeAreaView/index.jsx +12 -0
  121. package/src/package/scrollView/index.jsx +12 -0
  122. package/src/package/separator/index.jsx +26 -0
  123. package/src/package/spacer/index.jsx +13 -0
  124. package/src/package/spinner/index.jsx +33 -0
  125. package/src/package/stack/__test__/index.test.js +68 -0
  126. package/src/package/stack/index.jsx +37 -0
  127. package/src/package/styled/__test__/index.test.js +132 -0
  128. package/src/package/styled/index.js +32 -0
  129. package/src/package/switch/index.jsx +33 -0
  130. package/src/package/text/index.jsx +61 -0
  131. package/src/package/theme.js +376 -0
  132. package/src/package/utils/index.js +108 -0
  133. package/src/styled.code-workspace +9 -0
@@ -0,0 +1,184 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = exports.StyledMultiInput = exports.StyledInput = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _stack = require("../stack");
10
+ var _text = require("../text");
11
+ var _spacer = require("../spacer");
12
+ var _theme = require("../theme");
13
+ var _styled = require("../styled");
14
+ var _utils = require("../utils");
15
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
16
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
17
+ 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); }
18
+ const StyledInputText = (0, _styled.styled)(_reactNative.TextInput, {
19
+ base: {
20
+ borderColor: _theme.theme.colors.gray[800],
21
+ borderWidth: 1,
22
+ borderRadius: 30,
23
+ backgroundColor: _theme.theme.fontWeight.normal[1],
24
+ width: '100%',
25
+ color: _theme.theme.colors.gray[800],
26
+ paddingHorizontal: 16,
27
+ paddingVertical: 8,
28
+ fontSize: _theme.theme.fontSize.normal,
29
+ placeholderTextColor: _theme.theme.colors.gray[1]
30
+ },
31
+ variants: {
32
+ fontWeight: (size = _theme.theme.fontWeight.normal) => {
33
+ if (!(0, _utils.isValidString)(size)) {
34
+ throw new Error('Invalid fontWeight value');
35
+ }
36
+ return {
37
+ fontWeight: size
38
+ };
39
+ },
40
+ color: (color = _theme.theme.colors.gray[800]) => {
41
+ if (!(0, _utils.isValidColor)(color)) {
42
+ throw new Error('Invalid color value');
43
+ }
44
+ return {
45
+ color: color
46
+ };
47
+ },
48
+ fontSize: (size = _theme.theme.fontSize.normal) => {
49
+ if (!(0, _utils.isValidNumber)(size)) {
50
+ throw new Error('Invalid fontSize value');
51
+ }
52
+ return {
53
+ fontSize: size
54
+ };
55
+ },
56
+ fontFamily: font => {
57
+ if (!font) return;
58
+ return {
59
+ fontFamily: font
60
+ };
61
+ },
62
+ textAlign: (align = 'left') => {
63
+ const validAlignments = ['auto', 'left', 'right', 'center', 'justify'];
64
+ if (!validAlignments.includes(align)) {
65
+ throw new Error('Invalid textAlign value');
66
+ }
67
+ return {
68
+ textAlign: align
69
+ };
70
+ },
71
+ borderRadius: (value = 16) => {
72
+ if (!(0, _utils.isValidNumber)(value)) {
73
+ throw new Error('Invalid borderRadius value');
74
+ }
75
+ return {
76
+ borderRadius: value
77
+ };
78
+ },
79
+ borderColor: (value = _theme.theme.colors.gray[100]) => {
80
+ if (!(0, _utils.isValidColor)(value)) {
81
+ throw new Error('Invalid borderColor value');
82
+ }
83
+ return {
84
+ borderColor: value
85
+ };
86
+ },
87
+ backgroundColor: (value = _theme.theme.colors.gray[1]) => {
88
+ if (!(0, _utils.isValidColor)(value)) {
89
+ throw new Error('Invalid backgroundColor value');
90
+ }
91
+ return {
92
+ backgroundColor: value
93
+ };
94
+ },
95
+ noBorder: {
96
+ true: {
97
+ borderWidth: 0
98
+ }
99
+ },
100
+ placeholderTextColor: (value = _theme.theme.colors.gray[800]) => {
101
+ if (!(0, _utils.isValidColor)(value)) {
102
+ throw new Error('Invalid placeholderTextColor value');
103
+ }
104
+ return {
105
+ placeholderTextColor: value
106
+ };
107
+ }
108
+ }
109
+ });
110
+ const StyledInput = exports.StyledInput = /*#__PURE__*/(0, _react.forwardRef)(({
111
+ label,
112
+ flex = 0,
113
+ borderColor,
114
+ errorMessage,
115
+ error,
116
+ errorProps,
117
+ labelProps,
118
+ ...rest
119
+ }, ref) => {
120
+ return /*#__PURE__*/_react.default.createElement(_stack.YStack, {
121
+ width: '100%'
122
+ }, label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
123
+ paddingHorizontal: 8,
124
+ color: _theme.theme.colors.gray[800],
125
+ fontSize: _theme.theme.fontSize.normal,
126
+ fontWeight: _theme.theme.fontWeight.normal
127
+ }, labelProps), label), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
128
+ marginVertical: 4
129
+ })), /*#__PURE__*/_react.default.createElement(StyledInputText, _extends({
130
+ placeholderTextColor: _theme.theme.colors.gray[400],
131
+ ref: ref
132
+ }, rest, {
133
+ borderColor: error ? _theme.theme.colors.pink[500] : borderColor
134
+ })), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
135
+ marginVertical: 1
136
+ }), /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
137
+ marginHorizontal: 8,
138
+ fontWeight: _theme.theme.fontWeight.bold,
139
+ fontSize: _theme.theme.fontSize.small,
140
+ color: _theme.theme.colors.pink[500]
141
+ }, errorProps), errorMessage)));
142
+ });
143
+ const StyledMultiInput = ({
144
+ label,
145
+ errorMessage,
146
+ borderColor,
147
+ error,
148
+ errorProps,
149
+ labelProps,
150
+ ...rest
151
+ }) => {
152
+ return /*#__PURE__*/_react.default.createElement(_stack.YStack, {
153
+ width: '100%',
154
+ justifyContent: "flex-start",
155
+ alignItems: "flex-start"
156
+ }, label && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
157
+ marginVertical: 4
158
+ }), /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
159
+ paddingHorizontal: 8,
160
+ color: _theme.theme.colors.gray[800],
161
+ fontSize: _theme.theme.fontSize.normal,
162
+ fontWeight: _theme.theme.fontWeight.normal
163
+ }, labelProps), label), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
164
+ marginVertical: 4
165
+ })), /*#__PURE__*/_react.default.createElement(StyledInputText, _extends({
166
+ borderRadius: 16,
167
+ textAlignVertical: "top",
168
+ multiline: true,
169
+ numberOfLines: 5,
170
+ inputMode: "text"
171
+ }, rest, {
172
+ borderColor: error ? _theme.theme.colors.pink[500] : borderColor
173
+ })), errorMessage && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
174
+ marginVertical: 1
175
+ }), /*#__PURE__*/_react.default.createElement(_text.StyledText, _extends({
176
+ marginHorizontal: 8,
177
+ fontWeight: _theme.theme.fontWeight.bold,
178
+ fontSize: _theme.theme.fontSize.small,
179
+ color: _theme.theme.colors.pink[500]
180
+ }, errorProps), errorMessage)));
181
+ };
182
+ exports.StyledMultiInput = StyledMultiInput;
183
+ var _default = exports.default = StyledInputText;
184
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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","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","exports","forwardRef","label","flex","errorMessage","error","errorProps","labelProps","rest","ref","createElement","YStack","Fragment","StyledText","StyledSpacer","marginVertical","pink","marginHorizontal","bold","small","StyledMultiInput","justifyContent","alignItems","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, flex = 0, borderColor, errorMessage, error, errorProps, labelProps, ...rest }, ref) => {\r\n return (\r\n <YStack width={'100%'}>\r\n {\r\n label && (\r\n <>\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 <StyledInputText placeholderTextColor={theme.colors.gray[400]} ref={ref} {...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 </YStack>\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 }\r\nexport default StyledInputText"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,89 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledHeader = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
10
+ var _theme = require("../theme");
11
+ var _stack = require("../stack");
12
+ var _styled = require("../styled");
13
+ var _cycle = require("../cycle");
14
+ var _text = require("../text");
15
+ var _spacer = require("../spacer");
16
+ var _utils = require("../utils");
17
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
+ 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); }
19
+ const Headers = (0, _styled.styled)(_reactNative.View, {
20
+ base: {
21
+ width: '100%',
22
+ flexDirection: 'row',
23
+ alignItems: 'center',
24
+ justifyContent: 'flex-start'
25
+ },
26
+ variants: {
27
+ marginTop: size => {
28
+ if (!(0, _utils.isValidNumber)(size)) {
29
+ throw new Error('Invalid marginTop value');
30
+ }
31
+ return {
32
+ marginTop: size
33
+ };
34
+ }
35
+ }
36
+ });
37
+ const StyledHeader = ({
38
+ statusProps,
39
+ ...rest
40
+ }) => {
41
+ return /*#__PURE__*/_react.default.createElement(_stack.YStack, null, /*#__PURE__*/_react.default.createElement(_reactNative.StatusBar, _extends({
42
+ translucent: true,
43
+ backgroundColor: _theme.theme.colors.gray[1],
44
+ barStyle: 'dark-content'
45
+ }, statusProps)), /*#__PURE__*/_react.default.createElement(Headers, rest));
46
+ };
47
+ exports.StyledHeader = StyledHeader;
48
+ const Title = ({
49
+ navigator,
50
+ title,
51
+ icon = false,
52
+ cycleProps,
53
+ reload = false,
54
+ screen,
55
+ ...rest
56
+ }) => {
57
+ return /*#__PURE__*/_react.default.createElement(_stack.XStack, _extends({
58
+ justifyContent: "flex-start",
59
+ alignItems: "center",
60
+ flex: 1,
61
+ paddingHorizontal: 8,
62
+ paddingVertical: 8
63
+ }, rest), icon && /*#__PURE__*/_react.default.createElement(_cycle.StyledCycle, cycleProps, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
64
+ name: 'arrow-back',
65
+ size: 30,
66
+ color: _theme.theme.colors.gray[700],
67
+ onPress: () => {
68
+ if (reload && screen && navigator) {
69
+ navigator.replace(screen);
70
+ } else {
71
+ navigator.goBack();
72
+ }
73
+ }
74
+ }), /*#__PURE__*/_react.default.createElement(_spacer.StyledSpacer, {
75
+ marginHorizontal: 4
76
+ }))), title && /*#__PURE__*/_react.default.createElement(_text.StyledText, {
77
+ color: _theme.theme.colors.gray[800],
78
+ fontWeight: _theme.theme.fontWeight.normal,
79
+ fontSize: _theme.theme.fontSize.normal
80
+ }, title));
81
+ };
82
+ const Full = ({
83
+ children
84
+ }) => {
85
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
86
+ };
87
+ StyledHeader.Title = Title;
88
+ StyledHeader.Full = Full;
89
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_theme","_stack","_styled","_cycle","_text","_spacer","_utils","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","Headers","styled","View","base","width","flexDirection","alignItems","justifyContent","variants","marginTop","size","isValidNumber","Error","StyledHeader","statusProps","rest","createElement","YStack","StatusBar","translucent","backgroundColor","theme","colors","gray","barStyle","exports","Title","navigator","title","icon","cycleProps","reload","screen","XStack","flex","paddingHorizontal","paddingVertical","StyledCycle","Fragment","name","color","onPress","replace","goBack","StyledSpacer","marginHorizontal","StyledText","fontWeight","normal","fontSize","Full","children"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { View } from 'react-native'\r\nimport { StatusBar } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { YStack, XStack } from '../stack'\r\nimport { styled } from '../styled'\r\nimport { StyledCycle } from '../cycle'\r\nimport { StyledText } from '../text'\r\nimport { StyledSpacer } from '../spacer'\r\nimport { isValidNumber } from '../utils'\r\n\r\nconst Headers = styled(View, {\r\n base: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'flex-start'\r\n },\r\n variants: {\r\n marginTop: size => {\r\n\r\n if (!isValidNumber(size)) {\r\n throw new Error('Invalid marginTop value')\r\n }\r\n return { marginTop: size }\r\n }\r\n }\r\n})\r\n\r\nconst StyledHeader = ({ statusProps, ...rest }) => {\r\n return (\r\n <YStack>\r\n <StatusBar\r\n translucent\r\n backgroundColor={theme.colors.gray[1]}\r\n barStyle={'dark-content'}\r\n {...statusProps}\r\n />\r\n <Headers {...rest} />\r\n </YStack>\r\n )\r\n}\r\n\r\nconst Title = ({ navigator, title, icon = false, cycleProps, reload = false, screen, ...rest }) => {\r\n\r\n return (\r\n <XStack justifyContent='flex-start' alignItems='center' flex={1} paddingHorizontal={8}\r\n paddingVertical={8} {...rest}>\r\n {\r\n icon && (\r\n <StyledCycle {...cycleProps}>\r\n <>\r\n <Icon\r\n name={'arrow-back'}\r\n size={30}\r\n color={theme.colors.gray[700]}\r\n onPress={() => {\r\n if (reload && screen && navigator) {\r\n navigator.replace(screen)\r\n } else {\r\n navigator.goBack()\r\n }\r\n }}\r\n />\r\n <StyledSpacer marginHorizontal={4} />\r\n </>\r\n </StyledCycle>\r\n )\r\n }\r\n {title &&\r\n <StyledText\r\n color={theme.colors.gray[800]}\r\n fontWeight={theme.fontWeight.normal}\r\n fontSize={theme.fontSize.normal}\r\n >\r\n {title}\r\n </StyledText>}\r\n </XStack>\r\n )\r\n}\r\n\r\nconst Full = ({ children }) => {\r\n return (\r\n <>{children}</>\r\n )\r\n}\r\n\r\nStyledHeader.Title = Title\r\nStyledHeader.Full = Full\r\n\r\nexport { StyledHeader }\r\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,123 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledImage = exports.StyledBackgroundImage = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _styled = require("../styled");
10
+ var _utils = require("../utils");
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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
+ const base = {
14
+ borderRadius: 8,
15
+ resizeMode: 'cover',
16
+ position: 'relative'
17
+ };
18
+ const variants = {
19
+ borderRadius: (size = 32) => {
20
+ if (!(0, _utils.isValidNumber)(size)) {
21
+ throw new Error('Invalid borderRadius value');
22
+ }
23
+ return {
24
+ borderRadius: size
25
+ };
26
+ },
27
+ flex: size => {
28
+ if (!(0, _utils.isValidNumber)(size)) {
29
+ throw new Error('Invalid flex value');
30
+ }
31
+ return {
32
+ flex: size
33
+ };
34
+ },
35
+ width: size => {
36
+ if (!size) return;
37
+ return {
38
+ width: size
39
+ };
40
+ },
41
+ height: size => {
42
+ if (!size) return;
43
+ return {
44
+ height: size
45
+ };
46
+ },
47
+ borderWidth: size => {
48
+ if (!(0, _utils.isValidNumber)(size)) {
49
+ throw new Error('Invalid borderWidth value');
50
+ }
51
+ return {
52
+ borderWidth: size
53
+ };
54
+ },
55
+ borderColor: color => {
56
+ if (!(0, _utils.isValidColor)(color)) {
57
+ throw new Error('Invalid color value');
58
+ }
59
+ return {
60
+ borderColor: color
61
+ };
62
+ },
63
+ resizeMode: mode => {
64
+ const validModes = ['cover', 'contain', 'stretch', 'repeat', 'center'];
65
+ if (!validModes.includes(mode)) {
66
+ throw new Error('Invalid mode value');
67
+ }
68
+ return {
69
+ resizeMode: mode
70
+ };
71
+ },
72
+ right: (size = 0) => {
73
+ if (!(0, _utils.isValidNumber)(size)) {
74
+ throw new Error('Invalid right value');
75
+ }
76
+ return {
77
+ right: size
78
+ };
79
+ }
80
+ };
81
+ const Image = (0, _styled.styled)(_reactNative.Image, {
82
+ base: {
83
+ ...base
84
+ },
85
+ variants: {
86
+ ...variants
87
+ }
88
+ });
89
+ const ImageBackground = (0, _styled.styled)(_reactNative.ImageBackground, {
90
+ base: {
91
+ ...base
92
+ },
93
+ variants: {
94
+ ...variants
95
+ }
96
+ });
97
+ const StyledImage = ({
98
+ imageUrl,
99
+ local = false,
100
+ ...rest
101
+ }) => {
102
+ const url = imageUrl ? {
103
+ uri: imageUrl
104
+ } : require('../../assets/img/doctor.png');
105
+ return /*#__PURE__*/_react.default.createElement(Image, _extends({
106
+ source: local ? imageUrl : url
107
+ }, rest));
108
+ };
109
+ exports.StyledImage = StyledImage;
110
+ const StyledBackgroundImage = ({
111
+ imageUrl,
112
+ local = false,
113
+ ...rest
114
+ }) => {
115
+ const url = imageUrl ? {
116
+ uri: imageUrl
117
+ } : require('../../assets/img/doctor.png');
118
+ return /*#__PURE__*/_react.default.createElement(ImageBackground, _extends({
119
+ source: local ? imageUrl : url
120
+ }, rest));
121
+ };
122
+ exports.StyledBackgroundImage = StyledBackgroundImage;
123
+ //# sourceMappingURL=index.js.map
@@ -0,0 +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 color value')\r\n }\r\n return { borderColor: color }\r\n },\r\n resizeMode: mode => {\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":[]}
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledRadioButton = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _styled = require("../styled");
9
+ var _reactNative = require("react-native");
10
+ var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
11
+ var _theme = require("../theme");
12
+ var _utils = require("../utils");
13
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
15
+ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
16
+ 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); }
17
+ const RadioButton = (0, _styled.styled)(_reactNative.TouchableOpacity, {
18
+ base: {
19
+ width: 24,
20
+ height: 24,
21
+ borderWidth: 2,
22
+ borderRadius: 100,
23
+ borderColor: _theme.theme.colors.gray[500],
24
+ justifyContent: 'center',
25
+ alignItems: 'center',
26
+ flexDirection: 'column'
27
+ },
28
+ variants: {
29
+ width: size => {
30
+ if (!size) return;
31
+ return {
32
+ width: size
33
+ };
34
+ },
35
+ height: size => {
36
+ if (!size) return;
37
+ return {
38
+ height: size
39
+ };
40
+ },
41
+ disabled: {
42
+ true: {
43
+ backgroundColor: _theme.theme.colors.gray[500]
44
+ }
45
+ },
46
+ checked: {
47
+ true: {
48
+ backgroundColor: _theme.theme.colors.gray[1]
49
+ }
50
+ },
51
+ checkedColor: color => {
52
+ if (!color) return;
53
+ return {
54
+ backgroundColor: color,
55
+ borderColor: color
56
+ };
57
+ }
58
+ }
59
+ });
60
+ const StyledRadioButton = ({
61
+ onPress,
62
+ disabled = false,
63
+ checkedColor,
64
+ iconProps,
65
+ ...rest
66
+ }) => {
67
+ const [checked, setChecked] = (0, _react.useState)(false);
68
+ const toggleCheckbox = () => {
69
+ setChecked(!checked);
70
+ onPress && onPress(!checked);
71
+ };
72
+ return /*#__PURE__*/_react.default.createElement(RadioButton, _extends({
73
+ disabled: disabled,
74
+ checked: checked,
75
+ checkedColor: checked && checkedColor && checkedColor,
76
+ onPress: () => toggleCheckbox()
77
+ }, rest), checked && /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, _extends({
78
+ name: "circle",
79
+ color: _theme.theme.colors.gray[700],
80
+ size: 15
81
+ }, iconProps)));
82
+ };
83
+ exports.StyledRadioButton = StyledRadioButton;
84
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_reactNative","_MaterialIcons","_interopRequireDefault","_theme","_utils","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","RadioButton","styled","TouchableOpacity","base","width","height","borderWidth","borderRadius","borderColor","theme","colors","gray","justifyContent","alignItems","flexDirection","variants","size","disabled","true","backgroundColor","checked","checkedColor","color","StyledRadioButton","onPress","iconProps","rest","setChecked","useState","toggleCheckbox","createElement","name","exports"],"sources":["index.jsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport { styled } from '../styled'\r\nimport { TouchableOpacity } from 'react-native'\r\nimport Icon from 'react-native-vector-icons/MaterialIcons'\r\nimport { theme } from '../theme'\r\nimport { isValidColor, isValidNumber, isValidString } from '../utils'\r\n\r\nconst RadioButton = styled(TouchableOpacity, {\r\n base: {\r\n width: 24,\r\n height: 24,\r\n borderWidth: 2,\r\n borderRadius: 100,\r\n borderColor: theme.colors.gray[500],\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n variants: {\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 disabled: {\r\n true: {\r\n backgroundColor: theme.colors.gray[500]\r\n }\r\n },\r\n checked: {\r\n true: {\r\n backgroundColor: theme.colors.gray[1]\r\n }\r\n },\r\n checkedColor: color => {\r\n if (!color) return\r\n return {\r\n backgroundColor: color,\r\n borderColor: color\r\n }\r\n }\r\n }\r\n})\r\n\r\nconst StyledRadioButton = ({\r\n\tonPress,\r\n\tdisabled = false,\r\n\tcheckedColor,\r\n\ticonProps,\r\n\t...rest\r\n}) => {\r\n const [checked, setChecked] = useState(false)\r\n\r\n const toggleCheckbox = () => {\r\n setChecked(!checked)\r\n onPress && onPress(!checked)\r\n }\r\n\r\n return (\r\n <RadioButton\r\n disabled={disabled}\r\n checked={checked}\r\n checkedColor={checked && checkedColor && checkedColor}\r\n onPress={() => toggleCheckbox()}\r\n {...rest}\r\n\t\t>\r\n {checked &&\r\n <Icon\r\n name='circle'\r\n color={theme.colors.gray[700]}\r\n size={15}\r\n {...iconProps}\r\n\t\t\t\t/>}\r\n </RadioButton>\r\n )\r\n}\r\n\r\nexport { StyledRadioButton }\r\n"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledSafeAreaView = void 0;
7
+ var _reactNative = require("react-native");
8
+ var _styled = require("../styled");
9
+ const StyledSafeAreaView = exports.StyledSafeAreaView = (0, _styled.styled)(_reactNative.SafeAreaView, {
10
+ variants: {
11
+ backgroundColor: color => ({
12
+ backgroundColor: color
13
+ })
14
+ }
15
+ });
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNative","require","_styled","StyledSafeAreaView","exports","styled","SafeAreaView","variants","backgroundColor","color"],"sources":["index.jsx"],"sourcesContent":["import { SafeAreaView } from \"react-native\";\r\nimport { styled } from \"../styled\";\r\n\r\nconst StyledSafeAreaView = styled(SafeAreaView, { \r\n variants : {\r\n backgroundColor: (color) => ({\r\n backgroundColor: color\r\n }),\r\n }\r\n})\r\n\r\nexport { StyledSafeAreaView }"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,cAAM,EAACC,yBAAY,EAAE;EAC5CC,QAAQ,EAAG;IACPC,eAAe,EAAGC,KAAK,KAAM;MACzBD,eAAe,EAAEC;IACrB,CAAC;EACL;AACJ,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledScrollView = void 0;
7
+ var _reactNative = require("react-native");
8
+ var _styled = require("../styled");
9
+ const StyledScrollView = exports.StyledScrollView = (0, _styled.styled)(_reactNative.ScrollView, {
10
+ variants: {
11
+ backgroundColor: color => ({
12
+ backgroundColor: color
13
+ })
14
+ }
15
+ });
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_reactNative","require","_styled","StyledScrollView","exports","styled","ScrollView","variants","backgroundColor","color"],"sources":["index.jsx"],"sourcesContent":["import { ScrollView } from 'react-native'\r\nimport { styled } from '../styled'\r\n\r\nconst StyledScrollView = styled(ScrollView, { \r\n variants: {\r\n backgroundColor: color => ({\r\n backgroundColor: color\r\n })\r\n }\r\n})\r\n\r\nexport { StyledScrollView }\r\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,MAAME,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,cAAM,EAACC,uBAAU,EAAE;EAC1CC,QAAQ,EAAE;IACRC,eAAe,EAAEC,KAAK,KAAK;MACzBD,eAAe,EAAEC;IACnB,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}
@@ -0,0 +1,33 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.StyledSeparator = void 0;
7
+ var _react = _interopRequireDefault(require("react"));
8
+ var _stack = require("../stack");
9
+ var _theme = require("../theme");
10
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
+ 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); }
12
+ const StyledSeparator = ({
13
+ left,
14
+ right,
15
+ line,
16
+ lineProps,
17
+ ...rest
18
+ }) => {
19
+ if (line) {
20
+ return /*#__PURE__*/_react.default.createElement(_stack.XStack, _extends({
21
+ borderTopWidth: 1,
22
+ borderTopColor: _theme.theme.colors.gray[800]
23
+ }, lineProps));
24
+ }
25
+ return /*#__PURE__*/_react.default.createElement(_stack.XStack, _extends({
26
+ justifyContent: "space-between",
27
+ paddingVertical: 8,
28
+ paddingHorizontal: 8,
29
+ alignItems: "center"
30
+ }, rest), left && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, left), right && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, right));
31
+ };
32
+ exports.StyledSeparator = StyledSeparator;
33
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_stack","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","StyledSeparator","left","right","line","lineProps","rest","createElement","XStack","borderTopWidth","borderTopColor","theme","colors","gray","justifyContent","paddingVertical","paddingHorizontal","alignItems","Fragment","exports"],"sources":["index.jsx"],"sourcesContent":["import React from 'react'\r\nimport { XStack } from '../stack'\r\nimport { theme } from '../theme'\r\n\r\nconst StyledSeparator = ({ left, right, line, lineProps, ...rest }) => {\r\n if (line) {\r\n return <XStack borderTopWidth={1} borderTopColor={theme.colors.gray[800]} {...lineProps} />\r\n }\r\n\r\n return (\r\n <XStack justifyContent='space-between' paddingVertical={8} paddingHorizontal={8} alignItems='center' {...rest}>\r\n {\r\n left && (\r\n <>{left}</>\r\n )\r\n }\r\n {\r\n right && (\r\n <>{right}</>\r\n )\r\n }\r\n </XStack>\r\n )\r\n}\r\n\r\nexport { StyledSeparator }\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAAgC,SAAAD,uBAAAI,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;AAEhC,MAAMO,eAAe,GAAGA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,IAAI;EAAEC,SAAS;EAAE,GAAGC;AAAK,CAAC,KAAK;EACnE,IAAIF,IAAI,EAAE;IACN,oBAAOvB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,MAAA,CAAAwB,MAAM,EAAAnB,QAAA;MAACoB,cAAc,EAAE,CAAE;MAACC,cAAc,EAAEC,YAAK,CAACC,MAAM,CAACC,IAAI,CAAC,GAAG;IAAE,GAAKR,SAAS,CAAG,CAAC;EAC/F;EAEA,oBACIxB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAACvB,MAAA,CAAAwB,MAAM,EAAAnB,QAAA;IAACyB,cAAc,EAAC,eAAe;IAACC,eAAe,EAAE,CAAE;IAACC,iBAAiB,EAAE,CAAE;IAACC,UAAU,EAAC;EAAQ,GAAKX,IAAI,GAErGJ,IAAI,iBACArB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAAA1B,MAAA,CAAAO,OAAA,CAAA8B,QAAA,QAAGhB,IAAO,CACb,EAGDC,KAAK,iBACDtB,MAAA,CAAAO,OAAA,CAAAmB,aAAA,CAAA1B,MAAA,CAAAO,OAAA,CAAA8B,QAAA,QAAGf,KAAQ,CAGf,CAAC;AAEjB,CAAC;AAAAgB,OAAA,CAAAlB,eAAA,GAAAA,eAAA","ignoreList":[]}