@space-uy/pulsar-ui 0.8.0 → 0.9.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/module/components/Button.js +3 -1
- package/lib/module/components/Button.js.map +1 -1
- package/lib/module/components/ButtonContainer.js +2 -1
- package/lib/module/components/ButtonContainer.js.map +1 -1
- package/lib/module/components/Card.js +9 -5
- package/lib/module/components/Card.js.map +1 -1
- package/lib/module/components/IconButton.js +2 -0
- package/lib/module/components/IconButton.js.map +1 -1
- package/lib/typescript/src/components/Button.d.ts +2 -1
- package/lib/typescript/src/components/Button.d.ts.map +1 -1
- package/lib/typescript/src/components/ButtonContainer.d.ts +2 -1
- package/lib/typescript/src/components/ButtonContainer.d.ts.map +1 -1
- package/lib/typescript/src/components/Card.d.ts +3 -1
- package/lib/typescript/src/components/Card.d.ts.map +1 -1
- package/lib/typescript/src/components/IconButton.d.ts +2 -1
- package/lib/typescript/src/components/IconButton.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +3 -0
- package/src/components/ButtonContainer.tsx +3 -1
- package/src/components/Card.tsx +11 -5
- package/src/components/IconButton.tsx +3 -0
|
@@ -18,7 +18,8 @@ export default function Button({
|
|
|
18
18
|
iconName,
|
|
19
19
|
backgroundColor,
|
|
20
20
|
textColor,
|
|
21
|
-
borderColor
|
|
21
|
+
borderColor,
|
|
22
|
+
rounded = false
|
|
22
23
|
}) {
|
|
23
24
|
const iconSize = useMemo(() => {
|
|
24
25
|
switch (size) {
|
|
@@ -60,6 +61,7 @@ export default function Button({
|
|
|
60
61
|
backgroundColor: backgroundColor,
|
|
61
62
|
textColor: textColor,
|
|
62
63
|
borderColor: borderColor,
|
|
64
|
+
rounded: rounded,
|
|
63
65
|
renderContent: colors => /*#__PURE__*/_jsxs(_Fragment, {
|
|
64
66
|
children: [renderIconOrLoader(colors), /*#__PURE__*/_jsx(Text, {
|
|
65
67
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","backgroundColor","textColor","borderColor","iconSize","renderIconOrLoader","colors","styles","icon","color","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","LoadingIndicator","Text","Icon","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","text","style","variant","size","loading","disabled","onPress","iconName","backgroundColor","textColor","borderColor","rounded","iconSize","renderIconOrLoader","colors","styles","icon","color","name","contentContainerStyle","content","renderContent","children","create","paddingHorizontal","flexDirection","alignItems","justifyContent","marginEnd"],"sourceRoot":"../../../src","sources":["components/Button.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,QAAwC,cAAc;AAEzE,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,gBAAgB,MAAM,uBAAoB;AACjD,OAAOC,IAAI,MAAM,WAAQ;AACzB,OAAOC,IAAI,MAAyB,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAiB7C,eAAe,SAASC,MAAMA,CAAC;EAC7BC,IAAI;EACJC,KAAK;EACLC,OAAO,GAAG,MAAM;EAChBC,IAAI,GAAG,OAAO;EACdC,OAAO,GAAG,KAAK;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO;EACPC,QAAQ;EACRC,eAAe;EACfC,SAAS;EACTC,WAAW;EACXC,OAAO,GAAG;AACL,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGzB,OAAO,CAAC,MAAM;IAC7B,QAAQgB,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,MAAMU,kBAAkB,GAAIC,MAAoB,IAAK;IACnD,IAAIV,OAAO,EAAE;MACX,oBACEV,IAAA,CAACJ,gBAAgB;QACfW,KAAK,EAAEc,MAAM,CAACC,IAAK;QACnBC,KAAK,EAAEH,MAAM,CAACL,SAAU;QACxBN,IAAI,EAAES;MAAS,CAChB,CAAC;IAEN;IACA,OAAOL,QAAQ,gBACbb,IAAA,CAACF,IAAI;MACHS,KAAK,EAAEc,MAAM,CAACC,IAAK;MACnBE,IAAI,EAAEX,QAAS;MACfJ,IAAI,EAAE,EAAG;MACTc,KAAK,EAAEH,MAAM,CAACL;IAAU,CACzB,CAAC,GACA,IAAI;EACV,CAAC;EAED,oBACEf,IAAA,CAACL,eAAe;IACdY,KAAK,EAAEA,KAAM;IACbkB,qBAAqB,EAAEJ,MAAM,CAACK,OAAQ;IACtClB,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEA,OAAQ;IACjBU,aAAa,EAAGP,MAAoB,iBAClChB,KAAA,CAAAF,SAAA;MAAA0B,QAAA,GACGT,kBAAkB,CAACC,MAAM,CAAC,eAC3BpB,IAAA,CAACH,IAAI;QACHU,KAAK,EAAE;UAAEgB,KAAK,EAAEH,MAAM,CAACL;QAAU,CAAE;QACnCP,OAAO,EAAEC,IAAI,KAAK,OAAO,GAAG,IAAI,GAAG,IAAK;QAAAmB,QAAA,EAEvCtB;MAAI,CACD,CAAC;IAAA,CACP;EACF,CACH,CAAC;AAEN;AAEA,MAAMe,MAAM,GAAG3B,UAAU,CAACmC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDX,IAAI,EAAE;IAAEY,SAAS,EAAE;EAAE;AACvB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -33,6 +33,7 @@ export default function ButtonContainer({
|
|
|
33
33
|
backgroundColor,
|
|
34
34
|
textColor,
|
|
35
35
|
borderColor,
|
|
36
|
+
rounded = false,
|
|
36
37
|
...rest
|
|
37
38
|
}) {
|
|
38
39
|
const {
|
|
@@ -119,7 +120,7 @@ export default function ButtonContainer({
|
|
|
119
120
|
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
120
121
|
style: [styles.contentContainer, {
|
|
121
122
|
height,
|
|
122
|
-
borderRadius: theme.roundness,
|
|
123
|
+
borderRadius: rounded ? height / 2 : theme.roundness,
|
|
123
124
|
borderWidth,
|
|
124
125
|
borderColor: buttonColors.borderColor
|
|
125
126
|
}, animatedStyle, contentContainerStyle],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,OAAO,QAAQ,OAAO;AACjD,SACEC,QAAQ,EACRC,SAAS,EACTC,UAAU,QAKL,cAAc;AACrB,OAAOC,QAAQ,IACbC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAEhC,OAAOC,QAAQ,MAAM,sBAAmB;AAExC,SAASC,gBAAgB,QAAQ,qBAAkB;AACnD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,WAAYC,aAAa,0BAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAbA,aAAa;EAAA,OAAbA,aAAa;AAAA;AAOzB,WAAYC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;
|
|
1
|
+
{"version":3,"names":["React","useEffect","useMemo","Platform","Pressable","StyleSheet","Animated","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","useTheme","convertHexToRgba","meassures","jsx","_jsx","ButtonVariant","ButtonSize","ButtonContainer","disabled","variant","size","loading","renderContent","onPressIn","onPressOut","contentContainerStyle","backgroundColor","textColor","borderColor","rounded","rest","theme","colors","pressed","enabled","height","button","buttonColors","variantColors","outline","border","foreground","pressedBackgroundColor","transparent","destructive","foregroundOnDestructive","flat","primary","altForeground","animatedStyle","value","opacity","borderWidth","updatePressAnimation","duration","handlePressIn","e","OS","handlePressOut","onHoverIn","onHoverOut","children","View","style","styles","contentContainer","borderRadius","roundness","create","justifyContent"],"sourceRoot":"../../../src","sources":["components/ButtonContainer.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,22 +8,26 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
8
8
|
export default function Card({
|
|
9
9
|
children,
|
|
10
10
|
style,
|
|
11
|
-
variant = 'default'
|
|
11
|
+
variant = 'default',
|
|
12
|
+
noShadow = false,
|
|
13
|
+
noBorder = false
|
|
12
14
|
}) {
|
|
13
15
|
const {
|
|
14
16
|
theme,
|
|
15
17
|
colors
|
|
16
18
|
} = useTheme();
|
|
17
19
|
const themeStyle = useMemo(() => {
|
|
20
|
+
const showShadow = variant === 'default' && !noShadow;
|
|
21
|
+
const showBorder = variant === 'default' && !noBorder;
|
|
18
22
|
return {
|
|
19
23
|
backgroundColor: variant === 'default' ? colors.background : convertHexToRgba(colors.border, 0.5),
|
|
20
24
|
borderRadius: theme.roundness,
|
|
21
|
-
borderColor:
|
|
22
|
-
boxShadow:
|
|
25
|
+
borderColor: showBorder ? colors.border : 'transparent',
|
|
26
|
+
boxShadow: showShadow ? '0px 0px 1px 1px rgba(0, 0, 0, 0.05)' : 'none'
|
|
23
27
|
};
|
|
24
|
-
}, [colors, theme, variant]);
|
|
28
|
+
}, [colors, theme, variant, noShadow, noBorder]);
|
|
25
29
|
return /*#__PURE__*/_jsxs(View, {
|
|
26
|
-
style: [styles.card, themeStyle, variant === 'default' && styles.withBorder, style],
|
|
30
|
+
style: [styles.card, themeStyle, variant === 'default' && !noBorder && styles.withBorder, style],
|
|
27
31
|
children: [variant === 'tinted' && /*#__PURE__*/_jsx(View, {
|
|
28
32
|
style: [StyleSheet.absoluteFill, {
|
|
29
33
|
backgroundColor: convertHexToRgba(colors.primary, 0.1)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","StyleSheet","View","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Card","children","style","variant","theme","colors","themeStyle","backgroundColor","background","border","borderRadius","roundness","borderColor","boxShadow","styles","card","withBorder","absoluteFill","primary","create","padding","overflow","borderWidth"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAgC,OAAO;AACvD,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAE/E,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,eAAe,SAASC,IAAIA,CAAC;EAC3BC,QAAQ;EACRC,KAAK;EACLC,OAAO,GAAG;
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","View","useTheme","convertHexToRgba","jsx","_jsx","jsxs","_jsxs","Card","children","style","variant","noShadow","noBorder","theme","colors","themeStyle","showShadow","showBorder","backgroundColor","background","border","borderRadius","roundness","borderColor","boxShadow","styles","card","withBorder","absoluteFill","primary","create","padding","overflow","borderWidth"],"sourceRoot":"../../../src","sources":["components/Card.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAgC,OAAO;AACvD,SAAyBC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAE/E,OAAOC,QAAQ,MAAM,sBAAmB;AACxC,SAASC,gBAAgB,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,eAAe,SAASC,IAAIA,CAAC;EAC3BC,QAAQ;EACRC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnBC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG;AAMZ,CAAC,EAAE;EACF,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGb,QAAQ,CAAC,CAAC;EAEpC,MAAMc,UAAU,GAAGjB,OAAO,CAAC,MAAM;IAC/B,MAAMkB,UAAU,GAAGN,OAAO,KAAK,SAAS,IAAI,CAACC,QAAQ;IACrD,MAAMM,UAAU,GAAGP,OAAO,KAAK,SAAS,IAAI,CAACE,QAAQ;IAErD,OAAO;MACLM,eAAe,EACbR,OAAO,KAAK,SAAS,GACjBI,MAAM,CAACK,UAAU,GACjBjB,gBAAgB,CAACY,MAAM,CAACM,MAAM,EAAE,GAAG,CAAC;MAC1CC,YAAY,EAAER,KAAK,CAACS,SAAS;MAC7BC,WAAW,EAAEN,UAAU,GAAGH,MAAM,CAACM,MAAM,GAAG,aAAa;MACvDI,SAAS,EAAER,UAAU,GAAG,qCAAqC,GAAG;IAClE,CAAC;EACH,CAAC,EAAE,CAACF,MAAM,EAAED,KAAK,EAAEH,OAAO,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAEhD,oBACEN,KAAA,CAACN,IAAI;IACHS,KAAK,EAAE,CACLgB,MAAM,CAACC,IAAI,EACXX,UAAU,EACVL,OAAO,KAAK,SAAS,IAAI,CAACE,QAAQ,IAAIa,MAAM,CAACE,UAAU,EACvDlB,KAAK,CACL;IAAAD,QAAA,GAEDE,OAAO,KAAK,QAAQ,iBACnBN,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CACLV,UAAU,CAAC6B,YAAY,EACvB;QAAEV,eAAe,EAAEhB,gBAAgB,CAACY,MAAM,CAACe,OAAO,EAAE,GAAG;MAAE,CAAC;IAC1D,CACH,CACF,EACArB,QAAQ;EAAA,CACL,CAAC;AAEX;AAEA,MAAMiB,MAAM,GAAG1B,UAAU,CAAC+B,MAAM,CAAC;EAC/BJ,IAAI,EAAE;IAAEK,OAAO,EAAE,EAAE;IAAEC,QAAQ,EAAE;EAAS,CAAC;EACzCL,UAAU,EAAE;IAAEM,WAAW,EAAE;EAAE;AAC/B,CAAC,CAAC","ignoreList":[]}
|
|
@@ -19,6 +19,7 @@ export default function IconButton({
|
|
|
19
19
|
backgroundColor,
|
|
20
20
|
textColor,
|
|
21
21
|
borderColor,
|
|
22
|
+
rounded = false,
|
|
22
23
|
...rest
|
|
23
24
|
}) {
|
|
24
25
|
const iconSize = useMemo(() => {
|
|
@@ -55,6 +56,7 @@ export default function IconButton({
|
|
|
55
56
|
backgroundColor: backgroundColor,
|
|
56
57
|
textColor: textColor,
|
|
57
58
|
borderColor: borderColor,
|
|
59
|
+
rounded: rounded,
|
|
58
60
|
renderContent: colors => loading ? /*#__PURE__*/_jsx(LoadingIndicator, {
|
|
59
61
|
size: iconSize,
|
|
60
62
|
color: colors.textColor
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","backgroundColor","textColor","borderColor","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["useMemo","StyleSheet","ButtonContainer","Icon","LoadingIndicator","meassures","jsx","_jsx","PADDING","IconButton","iconName","onPress","size","disabled","variant","loading","style","backgroundColor","textColor","borderColor","rounded","rest","iconSize","hitSlop","top","left","right","bottom","width","button","contentContainerStyle","styles","container","renderContent","colors","color","name","create","alignItems","justifyContent"],"sourceRoot":"../../../src","sources":["components/IconButton.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SACEC,UAAU,QAIL,cAAc;AAErB,OAAOC,eAAe,MAIf,sBAAmB;AAC1B,OAAOC,IAAI,MAAyB,WAAQ;AAC5C,OAAOC,gBAAgB,MAAM,uBAAoB;AAEjD,OAAOC,SAAS,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAc3C,MAAMC,OAAO,GAAG,CAAC;AAEjB,eAAe,SAASC,UAAUA,CAAC;EACjCC,QAAQ;EACRC,OAAO;EACPC,IAAI,GAAG,QAAQ;EACfC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,MAAM;EAChBC,OAAO,GAAG,KAAK;EACfC,KAAK;EACLC,eAAe;EACfC,SAAS;EACTC,WAAW;EACXC,OAAO,GAAG,KAAK;EACf,GAAGC;AACE,CAAC,EAAE;EACR,MAAMC,QAAQ,GAAGtB,OAAO,CAAC,MAAM;IAC7B,QAAQY,IAAI;MACV,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX,KAAK,OAAO;QACV,OAAO,EAAE;MACX,KAAK,QAAQ;QACX,OAAO,EAAE;MACX;QACE,OAAO,EAAE;IACb;EACF,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEV,oBACEL,IAAA,CAACL,eAAe;IAAA,GACVmB,IAAI;IACRP,OAAO,EAAEA,OAAQ;IACjBF,IAAI,EAAEA,IAAK;IACXG,OAAO,EAAEA,OAAQ;IACjBF,QAAQ,EAAEA,QAAS;IACnBF,OAAO,EAAEA,OAAQ;IACjBY,OAAO,EAAE;MAAEC,GAAG,EAAEhB,OAAO;MAAEiB,IAAI,EAAEjB,OAAO;MAAEkB,KAAK,EAAElB,OAAO;MAAEmB,MAAM,EAAEnB;IAAQ,CAAE;IAC1EQ,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEY,KAAK,EAAEvB,SAAS,CAACwB,MAAM,CAACjB,IAAI;IAAE,CAAC,CAAE;IAClDkB,qBAAqB,EAAEC,MAAM,CAACC,SAAU;IACxCf,eAAe,EAAEA,eAAgB;IACjCC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,OAAO,EAAEA,OAAQ;IACjBa,aAAa,EAAGC,MAAoB,IAClCnB,OAAO,gBACLR,IAAA,CAACH,gBAAgB;MAACQ,IAAI,EAAEU,QAAS;MAACa,KAAK,EAAED,MAAM,CAAChB;IAAU,CAAE,CAAC,gBAE7DX,IAAA,CAACJ,IAAI;MAACiC,IAAI,EAAE1B,QAAS;MAACE,IAAI,EAAEU,QAAS;MAACa,KAAK,EAAED,MAAM,CAAChB;IAAU,CAAE;EAEnE,CACF,CAAC;AAEN;AAEA,MAAMa,MAAM,GAAG9B,UAAU,CAACoC,MAAM,CAAC;EAC/BL,SAAS,EAAE;IAAEM,UAAU,EAAE,QAAQ;IAAEC,cAAc,EAAE;EAAS;AAC9D,CAAC,CAAC","ignoreList":[]}
|
|
@@ -13,7 +13,8 @@ type Props = {
|
|
|
13
13
|
backgroundColor?: string;
|
|
14
14
|
textColor?: string;
|
|
15
15
|
borderColor?: string;
|
|
16
|
+
rounded?: boolean;
|
|
16
17
|
};
|
|
17
|
-
export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, backgroundColor, textColor, borderColor, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export default function Button({ text, style, variant, size, loading, disabled, onPress, iconName, backgroundColor, textColor, borderColor, rounded, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAG3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAe,GAChB,EAAE,KAAK,2CA8DP"}
|
|
@@ -28,7 +28,8 @@ type Props = Omit<PressableProps, 'children'> & {
|
|
|
28
28
|
backgroundColor?: string;
|
|
29
29
|
textColor?: string;
|
|
30
30
|
borderColor?: string;
|
|
31
|
+
rounded?: boolean;
|
|
31
32
|
};
|
|
32
|
-
export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export default function ButtonContainer({ disabled, variant, size, loading, renderContent, onPressIn, onPressOut, contentContainerStyle, backgroundColor, textColor, borderColor, rounded, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
33
34
|
export {};
|
|
34
35
|
//# sourceMappingURL=ButtonContainer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAiB,EAMf,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAOjC,oBAAY,aAAa;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;CAC5B;AAED,oBAAY,UAAU;IACpB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,sBAAsB,EAAE,MAAM,CAAC;CAChC,CAAC;AAEF,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAAG;IAC9C,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,KAAK,CAAC,SAAS,CAAC;IACzD,qBAAqB,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACvE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,OAAgB,EAChB,IAAc,EACd,OAAe,EACf,aAAa,EACb,SAAS,EACT,UAAU,EACV,qBAAqB,EACrB,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,2CAwGP"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
2
|
import { type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
-
export default function Card({ children, style, variant, }: PropsWithChildren<{
|
|
3
|
+
export default function Card({ children, style, variant, noShadow, noBorder, }: PropsWithChildren<{
|
|
4
4
|
style?: StyleProp<ViewStyle>;
|
|
5
5
|
variant?: 'default' | 'alternative' | 'tinted';
|
|
6
|
+
noShadow?: boolean;
|
|
7
|
+
noBorder?: boolean;
|
|
6
8
|
}>): import("react/jsx-runtime").JSX.Element;
|
|
7
9
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAmB,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAKhF,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAmB,EACnB,QAAgB,EAChB,QAAgB,GACjB,EAAE,iBAAiB,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,QAAQ,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC,2CAsCD"}
|
|
@@ -10,7 +10,8 @@ type Props = PressableProps & {
|
|
|
10
10
|
backgroundColor?: string;
|
|
11
11
|
textColor?: string;
|
|
12
12
|
borderColor?: string;
|
|
13
|
+
rounded?: boolean;
|
|
13
14
|
};
|
|
14
|
-
export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, backgroundColor, textColor, borderColor, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default function IconButton({ iconName, onPress, size, disabled, variant, loading, style, backgroundColor, textColor, borderColor, rounded, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export {};
|
|
16
17
|
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAwB,EACtB,KAAK,aAAa,EAClB,KAAK,UAAU,EAEhB,MAAM,mBAAmB,CAAC;AAC3B,OAAa,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAK7C,KAAK,KAAK,GAAG,cAAc,GAAG;IAC5B,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,QAAQ,EACR,OAAO,EACP,IAAe,EACf,QAAgB,EAChB,OAAgB,EAChB,OAAe,EACf,KAAK,EACL,eAAe,EACf,SAAS,EACT,WAAW,EACX,OAAe,EACf,GAAG,IAAI,EACR,EAAE,KAAK,2CAwCP"}
|
package/package.json
CHANGED
|
@@ -22,6 +22,7 @@ type Props = {
|
|
|
22
22
|
backgroundColor?: string;
|
|
23
23
|
textColor?: string;
|
|
24
24
|
borderColor?: string;
|
|
25
|
+
rounded?: boolean;
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
export default function Button({
|
|
@@ -36,6 +37,7 @@ export default function Button({
|
|
|
36
37
|
backgroundColor,
|
|
37
38
|
textColor,
|
|
38
39
|
borderColor,
|
|
40
|
+
rounded = false,
|
|
39
41
|
}: Props) {
|
|
40
42
|
const iconSize = useMemo(() => {
|
|
41
43
|
switch (size) {
|
|
@@ -84,6 +86,7 @@ export default function Button({
|
|
|
84
86
|
backgroundColor={backgroundColor}
|
|
85
87
|
textColor={textColor}
|
|
86
88
|
borderColor={borderColor}
|
|
89
|
+
rounded={rounded}
|
|
87
90
|
renderContent={(colors: ButtonColors) => (
|
|
88
91
|
<>
|
|
89
92
|
{renderIconOrLoader(colors)}
|
|
@@ -52,6 +52,7 @@ type Props = Omit<PressableProps, 'children'> & {
|
|
|
52
52
|
backgroundColor?: string;
|
|
53
53
|
textColor?: string;
|
|
54
54
|
borderColor?: string;
|
|
55
|
+
rounded?: boolean;
|
|
55
56
|
};
|
|
56
57
|
|
|
57
58
|
export default function ButtonContainer({
|
|
@@ -66,6 +67,7 @@ export default function ButtonContainer({
|
|
|
66
67
|
backgroundColor,
|
|
67
68
|
textColor,
|
|
68
69
|
borderColor,
|
|
70
|
+
rounded = false,
|
|
69
71
|
...rest
|
|
70
72
|
}: Props) {
|
|
71
73
|
const { theme, colors } = useTheme();
|
|
@@ -159,7 +161,7 @@ export default function ButtonContainer({
|
|
|
159
161
|
styles.contentContainer,
|
|
160
162
|
{
|
|
161
163
|
height,
|
|
162
|
-
borderRadius: theme.roundness,
|
|
164
|
+
borderRadius: rounded ? height / 2 : theme.roundness,
|
|
163
165
|
borderWidth,
|
|
164
166
|
borderColor: buttonColors.borderColor,
|
|
165
167
|
},
|
package/src/components/Card.tsx
CHANGED
|
@@ -8,31 +8,37 @@ export default function Card({
|
|
|
8
8
|
children,
|
|
9
9
|
style,
|
|
10
10
|
variant = 'default',
|
|
11
|
+
noShadow = false,
|
|
12
|
+
noBorder = false,
|
|
11
13
|
}: PropsWithChildren<{
|
|
12
14
|
style?: StyleProp<ViewStyle>;
|
|
13
15
|
variant?: 'default' | 'alternative' | 'tinted';
|
|
16
|
+
noShadow?: boolean;
|
|
17
|
+
noBorder?: boolean;
|
|
14
18
|
}>) {
|
|
15
19
|
const { theme, colors } = useTheme();
|
|
16
20
|
|
|
17
21
|
const themeStyle = useMemo(() => {
|
|
22
|
+
const showShadow = variant === 'default' && !noShadow;
|
|
23
|
+
const showBorder = variant === 'default' && !noBorder;
|
|
24
|
+
|
|
18
25
|
return {
|
|
19
26
|
backgroundColor:
|
|
20
27
|
variant === 'default'
|
|
21
28
|
? colors.background
|
|
22
29
|
: convertHexToRgba(colors.border, 0.5),
|
|
23
30
|
borderRadius: theme.roundness,
|
|
24
|
-
borderColor:
|
|
25
|
-
boxShadow:
|
|
26
|
-
variant === 'default' ? '0px 0px 1px 1px rgba(0, 0, 0, 0.05)' : 'none',
|
|
31
|
+
borderColor: showBorder ? colors.border : 'transparent',
|
|
32
|
+
boxShadow: showShadow ? '0px 0px 1px 1px rgba(0, 0, 0, 0.05)' : 'none',
|
|
27
33
|
};
|
|
28
|
-
}, [colors, theme, variant]);
|
|
34
|
+
}, [colors, theme, variant, noShadow, noBorder]);
|
|
29
35
|
|
|
30
36
|
return (
|
|
31
37
|
<View
|
|
32
38
|
style={[
|
|
33
39
|
styles.card,
|
|
34
40
|
themeStyle,
|
|
35
|
-
variant === 'default' && styles.withBorder,
|
|
41
|
+
variant === 'default' && !noBorder && styles.withBorder,
|
|
36
42
|
style,
|
|
37
43
|
]}
|
|
38
44
|
>
|
|
@@ -25,6 +25,7 @@ type Props = PressableProps & {
|
|
|
25
25
|
backgroundColor?: string;
|
|
26
26
|
textColor?: string;
|
|
27
27
|
borderColor?: string;
|
|
28
|
+
rounded?: boolean;
|
|
28
29
|
};
|
|
29
30
|
|
|
30
31
|
const PADDING = 8;
|
|
@@ -40,6 +41,7 @@ export default function IconButton({
|
|
|
40
41
|
backgroundColor,
|
|
41
42
|
textColor,
|
|
42
43
|
borderColor,
|
|
44
|
+
rounded = false,
|
|
43
45
|
...rest
|
|
44
46
|
}: Props) {
|
|
45
47
|
const iconSize = useMemo(() => {
|
|
@@ -71,6 +73,7 @@ export default function IconButton({
|
|
|
71
73
|
backgroundColor={backgroundColor}
|
|
72
74
|
textColor={textColor}
|
|
73
75
|
borderColor={borderColor}
|
|
76
|
+
rounded={rounded}
|
|
74
77
|
renderContent={(colors: ButtonColors) =>
|
|
75
78
|
loading ? (
|
|
76
79
|
<LoadingIndicator size={iconSize} color={colors.textColor} />
|