@space-uy/pulsar-ui 0.10.0 → 0.11.1

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.
@@ -10,6 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
10
10
  export let ButtonVariant = /*#__PURE__*/function (ButtonVariant) {
11
11
  ButtonVariant["flat"] = "flat";
12
12
  ButtonVariant["outline"] = "outline";
13
+ ButtonVariant["secondary"] = "secondary";
13
14
  ButtonVariant["transparent"] = "transparent";
14
15
  ButtonVariant["destructive"] = "destructive";
15
16
  return ButtonVariant;
@@ -64,7 +65,12 @@ export default function ButtonContainer({
64
65
  flat: {
65
66
  backgroundColor: colors.primary,
66
67
  textColor: colors.altForeground,
67
- pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8)
68
+ pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8)
69
+ },
70
+ secondary: {
71
+ backgroundColor: convertHexToRgba(colors.foreground, 0.1),
72
+ textColor: colors.foreground,
73
+ pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2)
68
74
  }
69
75
  }[variant];
70
76
  return {
@@ -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","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":[]}
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","secondary","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":[]}
@@ -9,6 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
9
  const HEADER_BASE_HEIGHT = 52;
10
10
  export default function Header({
11
11
  title,
12
+ variant = 'default',
12
13
  leftButton,
13
14
  rightButton,
14
15
  style,
@@ -20,13 +21,15 @@ export default function Header({
20
21
  theme
21
22
  } = useTheme();
22
23
  const topInset = useInsets ? theme.insets?.top || 0 : 0;
24
+ const isSecondary = variant === 'secondary';
23
25
  const renderButton = button => {
24
26
  return /*#__PURE__*/_jsx(IconButton, {
25
27
  iconName: button.iconName,
26
- variant: "transparent",
28
+ variant: button.variant ?? 'transparent',
27
29
  size: "medium",
28
30
  onPress: button.onPress,
29
- disabled: button.disabled
31
+ disabled: button.disabled,
32
+ rounded: button.rounded
30
33
  });
31
34
  };
32
35
  return /*#__PURE__*/_jsxs(View, {
@@ -34,13 +37,13 @@ export default function Header({
34
37
  backgroundColor: colors.background,
35
38
  borderBottomColor: colors.border,
36
39
  paddingTop: topInset
37
- }, !!children && styles.paddingBottom, style],
40
+ }, isSecondary && styles.headerSecondary, !!children && styles.paddingBottom, style],
38
41
  children: [/*#__PURE__*/_jsxs(View, {
39
- style: styles.headerContent,
42
+ style: [styles.headerContent, isSecondary && styles.headerContentSecondary],
40
43
  children: [/*#__PURE__*/_jsx(View, {
41
44
  style: [styles.slot, styles.leftSlot],
42
45
  children: leftButton && renderButton(leftButton)
43
- }), /*#__PURE__*/_jsx(View, {
46
+ }), !isSecondary && /*#__PURE__*/_jsx(View, {
44
47
  style: styles.titleContainer,
45
48
  children: /*#__PURE__*/_jsx(Text, {
46
49
  variant: "h3",
@@ -55,6 +58,17 @@ export default function Header({
55
58
  style: [styles.slot, styles.rightSlot],
56
59
  children: rightButton && renderButton(rightButton)
57
60
  })]
61
+ }), isSecondary && /*#__PURE__*/_jsx(View, {
62
+ style: styles.titleRow,
63
+ children: /*#__PURE__*/_jsx(Text, {
64
+ variant: "h2",
65
+ style: [styles.titleSecondary, {
66
+ color: colors.foreground
67
+ }],
68
+ numberOfLines: 1,
69
+ ellipsizeMode: "tail",
70
+ children: title
71
+ })
58
72
  }), children]
59
73
  });
60
74
  }
@@ -63,11 +77,17 @@ const styles = StyleSheet.create({
63
77
  borderBottomWidth: 1,
64
78
  paddingHorizontal: 16
65
79
  },
80
+ headerSecondary: {
81
+ paddingBottom: 12
82
+ },
66
83
  headerContent: {
67
84
  height: HEADER_BASE_HEIGHT,
68
85
  flexDirection: 'row',
69
86
  alignItems: 'center'
70
87
  },
88
+ headerContentSecondary: {
89
+ justifyContent: 'space-between'
90
+ },
71
91
  slot: {
72
92
  width: meassures.button.medium,
73
93
  justifyContent: 'center'
@@ -84,6 +104,13 @@ const styles = StyleSheet.create({
84
104
  textAlign: 'center',
85
105
  marginHorizontal: 8
86
106
  },
107
+ titleRow: {
108
+ paddingHorizontal: 0,
109
+ paddingTop: 4
110
+ },
111
+ titleSecondary: {
112
+ textAlign: 'left'
113
+ },
87
114
  rightSlot: {
88
115
  alignItems: 'flex-end'
89
116
  },
@@ -1 +1 @@
1
- {"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","renderButton","button","iconName","variant","size","onPress","disabled","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","paddingBottom","headerContent","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","width","medium","justifyContent","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["StyleSheet","View","Text","IconButton","useTheme","meassures","jsx","_jsx","jsxs","_jsxs","HEADER_BASE_HEIGHT","Header","title","variant","leftButton","rightButton","style","useInsets","children","colors","theme","topInset","insets","top","isSecondary","renderButton","button","iconName","size","onPress","disabled","rounded","styles","header","backgroundColor","background","borderBottomColor","border","paddingTop","headerSecondary","paddingBottom","headerContent","headerContentSecondary","slot","leftSlot","titleContainer","color","foreground","numberOfLines","ellipsizeMode","rightSlot","titleRow","titleSecondary","create","borderBottomWidth","paddingHorizontal","height","flexDirection","alignItems","justifyContent","width","medium","flex","textAlign","marginHorizontal"],"sourceRoot":"../../../src","sources":["components/Header.tsx"],"mappings":"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","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAAQ,wBAAqB;AACvD,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
1
+ {"version":3,"names":["default","Button","Tabs","Input","Text","Card","Select","useUIKitTheme","LoadingIndicator","Checkbox","Chip","Icon","IconButton","Header","Switch","ButtonContainer","ButtonVariant","ButtonSize","convertHexToRgba","BottomSheet","TextArea","OtpInputContainer","OtpInput","CalendarPicker","Accordion","AccordionItem","CopyToClipboard","Dialog","DialogHeader","DialogTitle","DialogDescription","DialogFooter","DialogAction","DialogCancel"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,wBAAqB;AACvD,SAASD,OAAO,IAAIE,IAAI,QAAkB,sBAAmB;AAC7D,SAASF,OAAO,IAAIG,KAAK,QAAQ,uBAAoB;AACrD,SAASH,OAAO,IAAII,IAAI,QAAQ,sBAAmB;AACnD,SAASJ,OAAO,IAAIK,IAAI,QAAQ,sBAAmB;AACnD,SAASL,OAAO,IAAIM,MAAM,QAA2B,wBAAqB;AAC1E,SAASN,OAAO,IAAIO,aAAa,QAAQ,qBAAkB;AAE3D,SAASP,OAAO,IAAIQ,gBAAgB,QAAQ,kCAA+B;AAC3E,SAASR,OAAO,IAAIS,QAAQ,QAAQ,0BAAuB;AAC3D,SAAST,OAAO,IAAIU,IAAI,QAAQ,sBAAmB;AACnD,SAASV,OAAO,IAAIW,IAAI,QAAuB,sBAAmB;AAClE,SAASX,OAAO,IAAIY,UAAU,QAAQ,4BAAyB;AAC/D,SAASZ,OAAO,IAAIa,MAAM,QAA4B,wBAAqB;AAC3E,SAASb,OAAO,IAAIc,MAAM,QAAQ,wBAAqB;AACvD,SACEd,OAAO,IAAIe,eAAe,EAC1BC,aAAa,EACbC,UAAU,QACL,iCAA8B;AACrC,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASlB,OAAO,IAAImB,WAAW,QAAQ,6BAA0B;AACjE,SAASnB,OAAO,IAAIoB,QAAQ,QAAQ,0BAAuB;AAC3D,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,QAAQ,QAAQ,0BAAuB;AAEhD,SAAStB,OAAO,IAAIuB,cAAc,QAAQ,gCAA6B;AACvE,SAASvB,OAAO,IAAIwB,SAAS,EAAEC,aAAa,QAAQ,2BAAwB;AAC5E,SAASC,eAAe,QAAQ,iCAA8B;AAC9D,SACE1B,OAAO,IAAI2B,MAAM,EACjBC,YAAY,EACZC,WAAW,EACXC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,YAAY,QACP,wBAAqB","ignoreList":[]}
@@ -4,6 +4,7 @@ import { type AnimatedStyle } from 'react-native-reanimated';
4
4
  export declare enum ButtonVariant {
5
5
  flat = "flat",
6
6
  outline = "outline",
7
+ secondary = "secondary",
7
8
  transparent = "transparent",
8
9
  destructive = "destructive"
9
10
  }
@@ -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;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
+ {"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,SAAS,cAAc;IACvB,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,2CA6GP"}
@@ -1,18 +1,23 @@
1
1
  import { type PropsWithChildren } from 'react';
2
2
  import { type ViewStyle, type StyleProp } from 'react-native';
3
3
  import { type IconName } from './Icon';
4
+ import type { ButtonVariant } from './ButtonContainer';
5
+ export type HeaderVariant = 'default' | 'secondary';
4
6
  type HeaderButtonProps = {
5
7
  iconName: IconName;
6
8
  onPress?: () => void;
7
9
  disabled?: boolean;
10
+ variant?: keyof typeof ButtonVariant;
11
+ rounded?: boolean;
8
12
  };
9
13
  type Props = PropsWithChildren & {
10
14
  title: string;
15
+ variant?: HeaderVariant;
11
16
  leftButton?: HeaderButtonProps;
12
17
  rightButton?: HeaderButtonProps;
13
18
  style?: StyleProp<ViewStyle>;
14
19
  useInsets?: boolean;
15
20
  };
16
- export default function Header({ title, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
21
+ export default function Header({ title, variant, leftButton, rightButton, style, useInsets, children, }: Props): import("react/jsx-runtime").JSX.Element;
17
22
  export {};
18
23
  //# sourceMappingURL=Header.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAMvC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,KAAK,2CAkDP"}
1
+ {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../src/components/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAoB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAIhF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAKvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,KAAK,KAAK,GAAG,iBAAiB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,OAAmB,EACnB,UAAU,EACV,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,QAAQ,GACT,EAAE,KAAK,2CAwEP"}
@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
11
11
  export { default as Chip } from './components/Chip';
12
12
  export { default as Icon, type IconName } from './components/Icon';
13
13
  export { default as IconButton } from './components/IconButton';
14
- export { default as Header } from './components/Header';
14
+ export { default as Header, type HeaderVariant } from './components/Header';
15
15
  export { default as Switch } from './components/Switch';
16
16
  export { default as ButtonContainer, ButtonVariant, ButtonSize, } from './components/ButtonContainer';
17
17
  export { convertHexToRgba } from './utils/uiUtils';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACL,OAAO,IAAI,eAAe,EAC1B,aAAa,EACb,UAAU,GACX,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EACL,OAAO,IAAI,MAAM,EACjB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,qBAAqB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@space-uy/pulsar-ui",
3
- "version": "0.10.0",
3
+ "version": "0.11.1",
4
4
  "description": "react native ui kit for spacedev",
5
5
  "source": "./src/index.tsx",
6
6
  "main": "./lib/module/index.js",
@@ -25,6 +25,7 @@ import meassures from '../theme/meassures';
25
25
  export enum ButtonVariant {
26
26
  flat = 'flat',
27
27
  outline = 'outline',
28
+ secondary = 'secondary',
28
29
  transparent = 'transparent',
29
30
  destructive = 'destructive',
30
31
  }
@@ -97,7 +98,12 @@ export default function ButtonContainer({
97
98
  flat: {
98
99
  backgroundColor: colors.primary,
99
100
  textColor: colors.altForeground,
100
- pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.8),
101
+ pressedBackgroundColor: convertHexToRgba(colors.primary, 0.8),
102
+ },
103
+ secondary: {
104
+ backgroundColor: convertHexToRgba(colors.foreground, 0.1),
105
+ textColor: colors.foreground,
106
+ pressedBackgroundColor: convertHexToRgba(colors.foreground, 0.2),
101
107
  },
102
108
  }[variant];
103
109
 
@@ -8,15 +8,21 @@ import { type IconName } from './Icon';
8
8
  import useTheme from '../hooks/useTheme';
9
9
 
10
10
  import meassures from '../theme/meassures';
11
+ import type { ButtonVariant } from './ButtonContainer';
12
+
13
+ export type HeaderVariant = 'default' | 'secondary';
11
14
 
12
15
  type HeaderButtonProps = {
13
16
  iconName: IconName;
14
17
  onPress?: () => void;
15
18
  disabled?: boolean;
19
+ variant?: keyof typeof ButtonVariant;
20
+ rounded?: boolean;
16
21
  };
17
22
 
18
23
  type Props = PropsWithChildren & {
19
24
  title: string;
25
+ variant?: HeaderVariant;
20
26
  leftButton?: HeaderButtonProps;
21
27
  rightButton?: HeaderButtonProps;
22
28
  style?: StyleProp<ViewStyle>;
@@ -27,6 +33,7 @@ const HEADER_BASE_HEIGHT = 52;
27
33
 
28
34
  export default function Header({
29
35
  title,
36
+ variant = 'default',
30
37
  leftButton,
31
38
  rightButton,
32
39
  style,
@@ -35,15 +42,17 @@ export default function Header({
35
42
  }: Props) {
36
43
  const { colors, theme } = useTheme();
37
44
  const topInset = useInsets ? theme.insets?.top || 0 : 0;
45
+ const isSecondary = variant === 'secondary';
38
46
 
39
47
  const renderButton = (button: HeaderButtonProps) => {
40
48
  return (
41
49
  <IconButton
42
50
  iconName={button.iconName}
43
- variant="transparent"
51
+ variant={button.variant ?? 'transparent'}
44
52
  size="medium"
45
53
  onPress={button.onPress}
46
54
  disabled={button.disabled}
55
+ rounded={button.rounded}
47
56
  />
48
57
  );
49
58
  };
@@ -57,28 +66,48 @@ export default function Header({
57
66
  borderBottomColor: colors.border,
58
67
  paddingTop: topInset,
59
68
  },
69
+ isSecondary && styles.headerSecondary,
60
70
  !!children && styles.paddingBottom,
61
71
  style,
62
72
  ]}
63
73
  >
64
- <View style={styles.headerContent}>
74
+ <View
75
+ style={[
76
+ styles.headerContent,
77
+ isSecondary && styles.headerContentSecondary,
78
+ ]}
79
+ >
65
80
  <View style={[styles.slot, styles.leftSlot]}>
66
81
  {leftButton && renderButton(leftButton)}
67
82
  </View>
68
- <View style={styles.titleContainer}>
83
+ {!isSecondary && (
84
+ <View style={styles.titleContainer}>
85
+ <Text
86
+ variant="h3"
87
+ style={[styles.title, { color: colors.foreground }]}
88
+ numberOfLines={1}
89
+ ellipsizeMode="tail"
90
+ >
91
+ {title}
92
+ </Text>
93
+ </View>
94
+ )}
95
+ <View style={[styles.slot, styles.rightSlot]}>
96
+ {rightButton && renderButton(rightButton)}
97
+ </View>
98
+ </View>
99
+ {isSecondary && (
100
+ <View style={styles.titleRow}>
69
101
  <Text
70
- variant="h3"
71
- style={[styles.title, { color: colors.foreground }]}
102
+ variant="h2"
103
+ style={[styles.titleSecondary, { color: colors.foreground }]}
72
104
  numberOfLines={1}
73
105
  ellipsizeMode="tail"
74
106
  >
75
107
  {title}
76
108
  </Text>
77
109
  </View>
78
- <View style={[styles.slot, styles.rightSlot]}>
79
- {rightButton && renderButton(rightButton)}
80
- </View>
81
- </View>
110
+ )}
82
111
  {children}
83
112
  </View>
84
113
  );
@@ -86,15 +115,19 @@ export default function Header({
86
115
 
87
116
  const styles = StyleSheet.create({
88
117
  header: { borderBottomWidth: 1, paddingHorizontal: 16 },
118
+ headerSecondary: { paddingBottom: 12 },
89
119
  headerContent: {
90
120
  height: HEADER_BASE_HEIGHT,
91
121
  flexDirection: 'row',
92
122
  alignItems: 'center',
93
123
  },
124
+ headerContentSecondary: { justifyContent: 'space-between' },
94
125
  slot: { width: meassures.button.medium, justifyContent: 'center' },
95
126
  leftSlot: { alignItems: 'flex-start' },
96
127
  titleContainer: { flex: 1, alignItems: 'center', justifyContent: 'center' },
97
128
  title: { textAlign: 'center', marginHorizontal: 8 },
129
+ titleRow: { paddingHorizontal: 0, paddingTop: 4 },
130
+ titleSecondary: { textAlign: 'left' },
98
131
  rightSlot: { alignItems: 'flex-end' },
99
132
  paddingBottom: { paddingBottom: 16 },
100
133
  });
package/src/index.tsx CHANGED
@@ -11,7 +11,7 @@ export { default as Checkbox } from './components/Checkbox';
11
11
  export { default as Chip } from './components/Chip';
12
12
  export { default as Icon, type IconName } from './components/Icon';
13
13
  export { default as IconButton } from './components/IconButton';
14
- export { default as Header } from './components/Header';
14
+ export { default as Header, type HeaderVariant } from './components/Header';
15
15
  export { default as Switch } from './components/Switch';
16
16
  export {
17
17
  default as ButtonContainer,