@scripso-homepad/ui 0.4.3 → 0.4.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.
- package/dist/index.cjs +3 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -7
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button.tsx +0 -3
- package/src/components/Select.tsx +5 -2
- package/src/theme/select.ts +0 -2
package/package.json
CHANGED
|
@@ -75,7 +75,6 @@ const sizeConfig = {
|
|
|
75
75
|
paddingBottom: 8,
|
|
76
76
|
paddingLeft: 24,
|
|
77
77
|
paddingHorizontalCentered: 24,
|
|
78
|
-
minHeight: 52,
|
|
79
78
|
text: buttonTypography.lg,
|
|
80
79
|
iconContainerSize: 36,
|
|
81
80
|
iconContainerRadius: 12,
|
|
@@ -89,7 +88,6 @@ const sizeConfig = {
|
|
|
89
88
|
paddingBottom: 8,
|
|
90
89
|
paddingLeft: 16,
|
|
91
90
|
paddingHorizontalCentered: 16,
|
|
92
|
-
minHeight: 48,
|
|
93
91
|
text: buttonTypography.sm,
|
|
94
92
|
iconContainerSize: 32,
|
|
95
93
|
iconContainerRadius: 8,
|
|
@@ -135,7 +133,6 @@ export function Button({
|
|
|
135
133
|
{
|
|
136
134
|
borderRadius: metrics.borderRadius,
|
|
137
135
|
backgroundColor: preset.backgroundColor,
|
|
138
|
-
minHeight: metrics.minHeight,
|
|
139
136
|
paddingTop: metrics.paddingTop,
|
|
140
137
|
paddingBottom: metrics.paddingBottom,
|
|
141
138
|
paddingLeft: hasIcon ? metrics.paddingLeft : metrics.paddingHorizontalCentered,
|
|
@@ -13,6 +13,7 @@ import {
|
|
|
13
13
|
Animated,
|
|
14
14
|
Easing,
|
|
15
15
|
Modal,
|
|
16
|
+
Platform,
|
|
16
17
|
Pressable,
|
|
17
18
|
ScrollView,
|
|
18
19
|
StyleSheet,
|
|
@@ -93,6 +94,7 @@ interface SelectBaseProps {
|
|
|
93
94
|
invalid?: boolean;
|
|
94
95
|
hint?: string;
|
|
95
96
|
containerStyle?: StyleProp<ViewStyle>;
|
|
97
|
+
fieldStyle?: StyleProp<ViewStyle>;
|
|
96
98
|
className?: string;
|
|
97
99
|
fieldClassName?: string;
|
|
98
100
|
menuClassName?: string;
|
|
@@ -143,6 +145,7 @@ export function Select({
|
|
|
143
145
|
invalid,
|
|
144
146
|
hint,
|
|
145
147
|
containerStyle,
|
|
148
|
+
fieldStyle,
|
|
146
149
|
className,
|
|
147
150
|
fieldClassName,
|
|
148
151
|
menuClassName,
|
|
@@ -176,7 +179,7 @@ export function Select({
|
|
|
176
179
|
toValue: open ? 1 : 0,
|
|
177
180
|
duration: SELECT_CHEVRON_ROTATION_MS,
|
|
178
181
|
easing: Easing.out(Easing.ease),
|
|
179
|
-
useNativeDriver:
|
|
182
|
+
useNativeDriver: Platform.OS !== "web",
|
|
180
183
|
}).start();
|
|
181
184
|
}, [chevronRotation, open]);
|
|
182
185
|
|
|
@@ -331,7 +334,7 @@ export function Select({
|
|
|
331
334
|
accessibilityState={{ disabled, expanded: open }}
|
|
332
335
|
disabled={disabled}
|
|
333
336
|
onPress={open ? closeMenu : openMenu}
|
|
334
|
-
style={[selectFieldMetrics.container, fieldStyles.container]}
|
|
337
|
+
style={[selectFieldMetrics.container, fieldStyles.container, fieldStyle]}
|
|
335
338
|
>
|
|
336
339
|
{leftIcon ? (
|
|
337
340
|
<View style={styles.iconSlot}>
|
package/src/theme/select.ts
CHANGED
|
@@ -138,8 +138,6 @@ export const selectFieldMetrics = StyleSheet.create({
|
|
|
138
138
|
flexDirection: "row",
|
|
139
139
|
alignItems: "center",
|
|
140
140
|
height: SELECT_HEIGHT,
|
|
141
|
-
minHeight: SELECT_HEIGHT,
|
|
142
|
-
maxHeight: SELECT_HEIGHT,
|
|
143
141
|
borderRadius: radii.lg,
|
|
144
142
|
padding: SELECT_PADDING,
|
|
145
143
|
gap: SELECT_INNER_GAP,
|