@particle-network/ui-native 0.5.1-beta.4 → 0.5.1-beta.5

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.
@@ -112,7 +112,7 @@ const useStyles = (props)=>{
112
112
  }
113
113
  if ('solid' === variant) {
114
114
  if (customColorConfig) return customColorConfig.text;
115
- if ('contrast' === color) return 'bg-default';
115
+ if ('contrast' === color) return 'bgDefault';
116
116
  return 'white';
117
117
  }
118
118
  return color;
@@ -138,7 +138,7 @@ const useStyles = (props)=>{
138
138
  'default',
139
139
  'secondary'
140
140
  ].includes(color)) return getColor(color);
141
- return getColor('bg-200');
141
+ return getColor('bg200');
142
142
  }
143
143
  if ('flat' === variant) {
144
144
  if (customColorConfig) return `${getColor(customColorConfig.background)}20`;
@@ -146,7 +146,7 @@ const useStyles = (props)=>{
146
146
  if ([
147
147
  'default',
148
148
  'secondary'
149
- ].includes(color)) return getColor('bg-300');
149
+ ].includes(color)) return getColor('bg300');
150
150
  return `${getColor(color)}20`;
151
151
  }
152
152
  return 'transparent';
@@ -163,7 +163,7 @@ const useStyles = (props)=>{
163
163
  'default',
164
164
  'secondary'
165
165
  ].includes(color)) return getColor('secondary');
166
- if ('contrast' === color) return getColor('bg-default');
166
+ if ('contrast' === color) return getColor('bgDefault');
167
167
  return getColor(color);
168
168
  }
169
169
  return 'transparent';
@@ -44,13 +44,13 @@ const useStyles = ({ size = 'md', color = 'default', variant = 'flat', isDisable
44
44
  if ('solid' === variant) {
45
45
  if ([
46
46
  'default'
47
- ].includes(color)) return getColor('bg-200');
47
+ ].includes(color)) return getColor('bg200');
48
48
  return getColor(color);
49
49
  }
50
50
  if ('flat' === variant) {
51
51
  if ([
52
52
  'default'
53
- ].includes(color)) return getColor('bg-300');
53
+ ].includes(color)) return getColor('bg300');
54
54
  return `${getColor(color)}20`;
55
55
  }
56
56
  return 'transparent';
@@ -18,7 +18,7 @@ const useStyles = ({ color })=>{
18
18
  width: '100%',
19
19
  borderRadius: TRACK_HEIGHT / 2,
20
20
  position: 'absolute',
21
- backgroundColor: colors['bg-200'],
21
+ backgroundColor: colors.bg200,
22
22
  height: TRACK_HEIGHT
23
23
  },
24
24
  fill: {
@@ -80,8 +80,8 @@ const useStyles = (props)=>{
80
80
  ms
81
81
  ]);
82
82
  const wrapperBackgroundColor = useMemo(()=>{
83
- if ('switch' === variant) return getColor('bg-200');
84
- if ('solid' === variant) return getColor('bg-200');
83
+ if ('switch' === variant) return getColor('bg200');
84
+ if ('solid' === variant) return getColor('bg200');
85
85
  return 'transparent';
86
86
  }, [
87
87
  variant,
@@ -125,7 +125,7 @@ const useStyles = (props)=>{
125
125
  if (!isSelected) return 'transparent';
126
126
  if ('text' === variant || 'underlined' === variant) return 'transparent';
127
127
  if ('default' === color) {
128
- if ('light' === variant) return getColor('bg-200');
128
+ if ('light' === variant) return getColor('bg200');
129
129
  return getColor('cursor');
130
130
  }
131
131
  return getColor(color);
@@ -8,8 +8,8 @@ const DateButton = ({ isSelected, text, ...props })=>/*#__PURE__*/ jsx(UXPressab
8
8
  border: 1,
9
9
  h: 30,
10
10
  radius: 4,
11
- borderColor: isSelected ? 'primary' : 'bg-200',
12
- bg: "bg-200",
11
+ borderColor: isSelected ? 'primary' : 'bg200',
12
+ bg: "bg200",
13
13
  ...props,
14
14
  children: /*#__PURE__*/ jsx(Text, {
15
15
  body3Bold: true,
@@ -60,7 +60,7 @@ const useStyles = (props)=>{
60
60
  isColorText,
61
61
  color
62
62
  ]);
63
- const backgroundColor = useMemo(()=>getColor('bg-200'), [
63
+ const backgroundColor = useMemo(()=>getColor('bg200'), [
64
64
  getColor
65
65
  ]);
66
66
  const containerPadding = useMemo(()=>{
@@ -17,11 +17,11 @@ const defaultComponentConfig = {
17
17
  },
18
18
  color: {
19
19
  default: {
20
- background: 'bg-200',
20
+ background: 'bg200',
21
21
  text: 'default'
22
22
  },
23
23
  secondary: {
24
- background: 'bg-200',
24
+ background: 'bg200',
25
25
  text: 'secondary'
26
26
  }
27
27
  }
@@ -20,10 +20,10 @@ const streetComponentConfig = {
20
20
  color: {
21
21
  default: {
22
22
  background: 'foreground',
23
- text: 'bg-default'
23
+ text: 'bgDefault'
24
24
  },
25
25
  secondary: {
26
- background: 'bg-200',
26
+ background: 'bg200',
27
27
  text: 'foreground'
28
28
  }
29
29
  }
@@ -45,7 +45,7 @@ const streetComponentConfig = {
45
45
  },
46
46
  modal: {
47
47
  radius: 34,
48
- bg: 'bg-default',
48
+ bg: 'bgDefault',
49
49
  backdrop: {
50
50
  light: '#00000050',
51
51
  dark: '#1f1f2370'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@particle-network/ui-native",
3
- "version": "0.5.1-beta.4",
3
+ "version": "0.5.1-beta.5",
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/icons": "0.5.1-beta.4",
49
- "@particle-network/ui-shared": "0.4.1-beta.3"
48
+ "@particle-network/icons": "0.5.1-beta.5",
49
+ "@particle-network/ui-shared": "0.4.1-beta.4"
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.5.1-beta.4"
93
+ "@particle-network/icons": "0.5.1-beta.5",
94
+ "@particle-network/lintstaged-config": "0.1.0"
95
95
  },
96
96
  "overrides": {
97
97
  "react-docgen-typescript": "2.2.2",