@particle-network/ui-native 0.4.2-beta.20 → 0.4.2-beta.21

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.
@@ -14,6 +14,7 @@ const useStyles = (props)=>{
14
14
  sm: ms(buttonConfig.size.sm),
15
15
  md: ms(buttonConfig.size.md),
16
16
  lg: ms(buttonConfig.size.lg),
17
+ xl: ms(buttonConfig.size.xl),
17
18
  auto: void 0
18
19
  }), [
19
20
  buttonConfig?.size,
@@ -24,6 +25,7 @@ const useStyles = (props)=>{
24
25
  sm: ms(buttonConfig.fontSize.sm),
25
26
  md: ms(buttonConfig.fontSize.md),
26
27
  lg: ms(buttonConfig.fontSize.lg),
28
+ xl: ms(buttonConfig.fontSize.xl),
27
29
  auto: ms(buttonConfig.fontSize.md)
28
30
  }), [
29
31
  ms,
@@ -33,7 +35,8 @@ const useStyles = (props)=>{
33
35
  xs: ms(14),
34
36
  sm: ms(16),
35
37
  md: ms(18),
36
- lg: ms(24),
38
+ lg: ms(20),
39
+ xl: ms(24),
37
40
  auto: ms(16)
38
41
  }), [
39
42
  ms
@@ -42,14 +45,16 @@ const useStyles = (props)=>{
42
45
  xs: 'xs',
43
46
  sm: 'sm',
44
47
  md: 'sm',
45
- lg: 'md',
48
+ lg: 8,
49
+ xl: 'md',
46
50
  auto: 'sm'
47
51
  };
48
52
  const paddingMap = useMemo(()=>({
49
53
  xs: ms(10),
50
54
  sm: ms(14),
51
55
  md: ms(14),
52
- lg: ms(14)
56
+ lg: ms(14),
57
+ xl: ms(14)
53
58
  }), [
54
59
  ms
55
60
  ]);
@@ -13,7 +13,8 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
13
13
  * | xs | 20 | 36 |
14
14
  * | sm | 24 | 40 |
15
15
  * | md | 30 | 44 |
16
- * | lg | 44 | 48 |
16
+ * | lg | 36 | 46 |
17
+ * | xl | 44 | 48 |
17
18
  *
18
19
  * fontSize
19
20
  * | size | ux | street |
@@ -21,9 +22,10 @@ export interface UXButtonProps extends Omit<UXPressableProps, 'style' | 'disable
21
22
  * | xs | 11 | 12 |
22
23
  * | sm | 10 | 14 |
23
24
  * | md | 12 | 16 |
24
- * | lg | 16 | 18 |
25
+ * | lg | 14 | 16 |
26
+ * | xl | 16 | 18 |
25
27
  */
26
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'auto';
28
+ size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'auto';
27
29
  variant?: 'solid' | 'bordered' | 'flat' | 'text' | 'light';
28
30
  radius?: UXRadius;
29
31
  isDisabled?: boolean;
@@ -70,7 +70,7 @@ const UXDatePicker = ({ title, value, defaultValue, defaultInternalValue, onChan
70
70
  footer: /*#__PURE__*/ jsx(UXButton, {
71
71
  fullWidth: true,
72
72
  color: "primary",
73
- size: "lg",
73
+ size: "xl",
74
74
  onPress: handleConfirm,
75
75
  children: i18n.datePicker.confirm
76
76
  }),
@@ -122,7 +122,7 @@ const UXDateRangePicker = ({ title, value, defaultValue, defaultInternalValue, o
122
122
  /*#__PURE__*/ jsx(UXButton, {
123
123
  fullWidth: true,
124
124
  color: "primary",
125
- size: "lg",
125
+ size: "xl",
126
126
  onPress: handleConfirm,
127
127
  children: i18n.datePicker.confirm
128
128
  })
@@ -5,13 +5,15 @@ const defaultComponentConfig = {
5
5
  xs: 20,
6
6
  sm: 24,
7
7
  md: 30,
8
- lg: 44
8
+ lg: 36,
9
+ xl: 44
9
10
  },
10
11
  fontSize: {
11
12
  xs: 11,
12
13
  sm: 10,
13
14
  md: 12,
14
- lg: 16
15
+ lg: 14,
16
+ xl: 16
15
17
  },
16
18
  color: {
17
19
  default: {
@@ -7,13 +7,15 @@ const streetComponentConfig = {
7
7
  xs: 36,
8
8
  sm: 40,
9
9
  md: 44,
10
- lg: 48
10
+ lg: 46,
11
+ xl: 48
11
12
  },
12
13
  fontSize: {
13
14
  xs: 12,
14
15
  sm: 14,
15
16
  md: 16,
16
- lg: 18
17
+ lg: 16,
18
+ xl: 18
17
19
  },
18
20
  color: {
19
21
  default: {
@@ -10,12 +10,14 @@ export interface CommonComponentConfig {
10
10
  sm: number;
11
11
  md: number;
12
12
  lg: number;
13
+ xl?: number;
13
14
  };
14
15
  fontSize: {
15
16
  xs?: number;
16
17
  sm: number;
17
18
  md: number;
18
19
  lg: number;
20
+ xl?: number;
19
21
  };
20
22
  color: Record<string, {
21
23
  background: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-native",
3
- "version": "0.4.2-beta.20",
3
+ "version": "0.4.2-beta.21",
4
4
  "main": "./entry.js",
5
5
  "react-native": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -45,8 +45,8 @@
45
45
  "react-native-size-matters": "^0.4.2",
46
46
  "react-native-toast-message": "^2.3.3",
47
47
  "react-native-worklets": "0.5.1",
48
- "@particle-network/ui-shared": "0.3.2-beta.3",
49
- "@particle-network/icons": "0.4.2-beta.7"
48
+ "@particle-network/icons": "0.4.2-beta.7",
49
+ "@particle-network/ui-shared": "0.3.2-beta.3"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@babel/core": "^7.24.0",
@@ -90,8 +90,8 @@
90
90
  "vite": "^6.3.5",
91
91
  "zustand": "^5.0.8",
92
92
  "@particle-network/eslint-config": "0.3.0",
93
- "@particle-network/lintstaged-config": "0.1.0",
94
- "@particle-network/icons": "0.4.2-beta.7"
93
+ "@particle-network/icons": "0.4.2-beta.7",
94
+ "@particle-network/lintstaged-config": "0.1.0"
95
95
  },
96
96
  "overrides": {
97
97
  "react-docgen-typescript": "2.2.2",