@scripso-homepad/ui 0.4.37 → 0.4.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scripso-homepad/ui",
-  "version": "0.4.37",
+  "version": "0.4.38",
   "type": "module",
   "description": "Cross-platform UI components for Homepad (React Web + React Native)",
   "license": "MIT",

package/src/components/Select.tsx

@@ -598,6 +598,7 @@ const styles = StyleSheet.create({
           overflow: "hidden",
           textOverflow: "ellipsis",
           whiteSpace: "nowrap",
+          cursor: "pointer",
         } as const)
       : null),
   },

package/src/theme/select.ts

@@ -98,7 +98,10 @@ export function getSelectFieldStyles(state: InputVisualState): SelectFieldStyleS
           borderColor: colors.stormGray50,
           backgroundColor: colors.stormGray50,
         },
-        value: { ...valueBase, color: colors.stormGray300 },
+        value: {
+          ...valueBase,
+          color: colors.stormGray300,
+        },
         placeholder: colors.stormGray300,
         icon: colors.stormGray150,
       };
@@ -155,6 +158,7 @@ export const selectFieldMetrics = StyleSheet.create({
     ...(Platform.OS === "web"
       ? ({
           boxSizing: "border-box",
+          cursor: "pointer",
         } as ViewStyle)
       : null),
   },
@@ -169,6 +173,7 @@ export const selectFieldMetrics = StyleSheet.create({
     ...(Platform.OS === "web"
       ? ({
           outlineStyle: "none",
+          cursor: "pointer",
         } as TextStyle)
       : null),
   },
@@ -182,6 +187,7 @@ export const selectDropdownMetrics = StyleSheet.create({
     backgroundColor: colors.white,
     padding: SELECT_DROPDOWN_PADDING,
     overflow: "hidden",
+    ...(Platform.OS === "web" ? ({ cursor: "pointer" } as ViewStyle) : null),
   },
   option: {
     width: "100%",
@@ -194,6 +200,7 @@ export const selectDropdownMetrics = StyleSheet.create({
     paddingLeft: spacing.sm,
     justifyContent: "center",
     alignItems: "flex-start",
+    ...(Platform.OS === "web" ? ({ cursor: "pointer" } as ViewStyle) : null),
   },
   optionLabel: {
     fontFamily: fonts.sans,
@@ -204,6 +211,7 @@ export const selectDropdownMetrics = StyleSheet.create({
     textAlign: "left",
     color: colors.slateBlue,
     width: "100%",
+    ...(Platform.OS === "web" ? ({ cursor: "pointer" } as TextStyle) : null),
   },
   optionLabelSelected: {
     fontWeight: fontWeight.medium,