@scripso-homepad/ui 0.4.36 → 0.4.38

package/dist/index.js

@@ -1,5 +1,5 @@
-import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-AOBKWDGW.js';
-export { Button, Input, Label, announcementStatusBadge, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-AOBKWDGW.js';
+import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-4FBZM62E.js';
+export { Button, Input, Label, announcementStatusBadge, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-4FBZM62E.js';
 import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
 import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, Image, TextInput, Dimensions } from 'react-native';
 import Svg2, { Path } from 'react-native-svg';
@@ -107,7 +107,10 @@ function getSelectFieldStyles(state) {
           borderColor: colors.stormGray50,
           backgroundColor: colors.stormGray50
         },
-        value: { ...valueBase, color: colors.stormGray300 },
+        value: {
+          ...valueBase,
+          color: colors.stormGray300
+        },
         placeholder: colors.stormGray300,
         icon: colors.stormGray150
       };
@@ -161,7 +164,8 @@ var selectFieldMetrics = StyleSheet.create({
     padding: SELECT_PADDING,
     gap: SELECT_INNER_GAP,
     ...Platform.OS === "web" ? {
-      boxSizing: "border-box"
+      boxSizing: "border-box",
+      cursor: "pointer"
     } : null
   },
   value: {
@@ -173,7 +177,8 @@ var selectFieldMetrics = StyleSheet.create({
     margin: 0,
     ...Platform.OS === "android" ? { includeFontPadding: false } : null,
     ...Platform.OS === "web" ? {
-      outlineStyle: "none"
+      outlineStyle: "none",
+      cursor: "pointer"
     } : null
   }
 });
@@ -184,7 +189,8 @@ var selectDropdownMetrics = StyleSheet.create({
     borderColor: colors.stormGray50,
     backgroundColor: colors.white,
     padding: SELECT_DROPDOWN_PADDING,
-    overflow: "hidden"
+    overflow: "hidden",
+    ...Platform.OS === "web" ? { cursor: "pointer" } : null
   },
   option: {
     width: "100%",
@@ -196,7 +202,8 @@ var selectDropdownMetrics = StyleSheet.create({
     paddingBottom: 12,
     paddingLeft: spacing.sm,
     justifyContent: "center",
-    alignItems: "flex-start"
+    alignItems: "flex-start",
+    ...Platform.OS === "web" ? { cursor: "pointer" } : null
   },
   optionLabel: {
     fontFamily: fonts.sans,
@@ -206,7 +213,8 @@ var selectDropdownMetrics = StyleSheet.create({
     letterSpacing: 0,
     textAlign: "left",
     color: colors.slateBlue,
-    width: "100%"
+    width: "100%",
+    ...Platform.OS === "web" ? { cursor: "pointer" } : null
   },
   optionLabelSelected: {
     fontWeight: fontWeight.medium,
@@ -777,7 +785,8 @@ var styles = StyleSheet.create({
     ...Platform.OS === "web" ? {
       overflow: "hidden",
       textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
+      whiteSpace: "nowrap",
+      cursor: "pointer"
     } : null
   },
   optionLabelDisabled: {
@@ -1254,12 +1263,15 @@ function PhoneInput({
 var styles4 = StyleSheet.create({
   wrapper: {
     width: "100%",
+    minWidth: 0,
     gap: spacing.sm
   },
   row: {
     flexDirection: "row",
     alignItems: "center",
-    gap: INPUT_ICON_GAP
+    gap: INPUT_ICON_GAP,
+    minWidth: 0,
+    width: "100%"
   },
   countryOutline: {
     flexShrink: 0
@@ -1268,10 +1280,12 @@ var styles4 = StyleSheet.create({
     flexShrink: 0
   },
   phoneOutline: {
-    flex: 1
+    flex: 1,
+    minWidth: 0
   },
   phoneField: {
-    flex: 1
+    flex: 1,
+    minWidth: 0
   },
   error: {
     fontSize: 12,