@scripso-homepad/ui 0.4.29 → 0.4.31

package/dist/index.cjs

@@ -1889,6 +1889,8 @@ function CountryCodeSelector({
   onValueChange,
   options = countries,
   disabled = false,
+  height = TRIGGER_HEIGHT,
+  borderColor = colors.stormGray50,
   style,
   className
 }) {
@@ -1914,8 +1916,8 @@ function CountryCodeSelector({
   }
   function handleOpen() {
     if (disabled) return;
-    triggerRef.current?.measureInWindow((x, y, width, height) => {
-      setAnchor({ x, y, width, height });
+    triggerRef.current?.measureInWindow((x, y, width, height2) => {
+      setAnchor({ x, y, width, height: height2 });
       setOpen(true);
     });
   }
@@ -1968,6 +1970,7 @@ function CountryCodeSelector({
         onPress: handleOpen,
         style: [
           styles6.trigger,
+          { height, borderColor },
           disabled ? styles6.triggerDisabled : styles6.triggerEnabled,
           reactNative.Platform.OS === "web" ? styles6.triggerWeb : null
         ],
@@ -2017,15 +2020,14 @@ var styles6 = reactNative.StyleSheet.create({
     height: TRIGGER_HEIGHT,
     borderRadius: radii.lg,
     borderWidth: 1,
-    padding: spacing.lg,
+    paddingHorizontal: spacing.lg,
+    paddingVertical: 0,
     gap: spacing.sm
   },
   triggerEnabled: {
-    borderColor: colors.stormGray50,
     backgroundColor: colors.white
   },
   triggerDisabled: {
-    borderColor: colors.stormGray50,
     backgroundColor: colors.stormGray50
   },
   triggerWeb: {
@@ -2096,6 +2098,7 @@ function PhoneInput({
   onCountryCodeChange,
   error,
   hint,
+  height = INPUT_HEIGHT,
   containerStyle,
   style,
   className,
@@ -2153,6 +2156,7 @@ function PhoneInput({
           value: countryCode,
           onValueChange: onCountryCodeChange,
           disabled: isDisabled,
+          height,
           style: styles7.countrySelector
         }
       ) }),
@@ -2162,6 +2166,7 @@ function PhoneInput({
           style: [
             inputFieldMetrics.containerBase,
             inputFieldMetrics.container,
+            { height },
             phoneFieldStyles.container,
             styles7.phoneField
           ],
@@ -2287,7 +2292,7 @@ var CALENDAR_NAV_ICON_COLOR = colors.stormGray850;
 var CALENDAR_FIELD_ICON_SIZE = 20;
 var CALENDAR_FIELD_WIDTH = CALENDAR_PANEL_WIDTH;
 var CALENDAR_FIELD_HEIGHT = 52;
-var CALENDAR_FIELD_PADDING = spacing.lg;
+var CALENDAR_FIELD_PADDING = 14;
 var CALENDAR_FIELD_GAP = spacing.sm;
 var CALENDAR_FIELD_PLACEHOLDER_COLOR = colors.stormGray200;
 var CALENDAR_PANEL_TOTAL_HEIGHT = CALENDAR_PANEL_PADDING * 2 + CALENDAR_HEADER_HEIGHT + CALENDAR_PANEL_GAP * 2 + CALENDAR_WEEKDAY_CELL_SIZE + CALENDAR_DAY_GRID_HEIGHT;
@@ -2449,19 +2454,20 @@ var calendarDropdownMetrics = reactNative.StyleSheet.create({
     color: colors.stormGray300
   },
   dayLabelDisabled: {
-    color: colors.stormGray300,
-    opacity: 0.5
+    color: colors.stormGray300
   },
-  todayDot: {
+  todayDotWrap: {
     position: "absolute",
-    bottom: 5,
-    left: "50%",
+    bottom: 4,
+    left: 0,
+    right: 0,
+    alignItems: "center"
+  },
+  todayDot: {
     width: CALENDAR_DAY_DOT_SIZE,
     height: CALENDAR_DAY_DOT_SIZE,
-    borderRadius: 15,
-    backgroundColor: CALENDAR_TODAY_DOT_COLOR,
-    marginLeft: -1.5,
-    zIndex: 1
+    borderRadius: CALENDAR_DAY_DOT_SIZE / 2,
+    backgroundColor: CALENDAR_TODAY_DOT_COLOR
   },
   pickerBody: {
     width: CALENDAR_DAY_GRID_WIDTH,
@@ -2562,7 +2568,8 @@ var calendarFieldMetrics = reactNative.StyleSheet.create({
     paddingVertical: 0,
     paddingHorizontal: 0,
     margin: 0,
-    ...reactNative.Platform.OS === "android" ? { includeFontPadding: false } : null,
+    includeFontPadding: false,
+    ...reactNative.Platform.OS === "android" ? { textAlignVertical: "center" } : null,
     ...reactNative.Platform.OS === "web" ? {
       outlineStyle: "none"
     } : null
@@ -2949,21 +2956,16 @@ function useCalendarLocale(locale) {
   );
 }
 function resolveDayCellStyle(day) {
-  if (day.isDisabled) {
-    return [calendarDropdownMetrics.dayCell];
-  }
   if (day.isSelected) {
     return [calendarDropdownMetrics.dayCell, calendarDropdownMetrics.dayCellSelected];
   }
+  const useMutedBackground = day.inCurrentMonth && !day.isToday && (day.isPast || day.isDisabled);
   return [
     calendarDropdownMetrics.dayCell,
-    day.inCurrentMonth && day.isPast && !day.isToday ? calendarDropdownMetrics.dayCellPast : null
+    useMutedBackground ? calendarDropdownMetrics.dayCellPast : null
   ];
 }
 function resolveDayLabelStyle(day) {
-  if (day.isDisabled) {
-    return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelDisabled];
-  }
   if (day.isSelected) {
     return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelSelected];
   }
@@ -2973,7 +2975,7 @@ function resolveDayLabelStyle(day) {
   if (day.isToday) {
     return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelToday];
   }
-  if (day.isPast) {
+  if (day.isPast || day.isDisabled) {
     return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelMuted];
   }
   return [calendarDropdownMetrics.dayLabel, calendarDropdownMetrics.dayLabelFuture];
@@ -3164,7 +3166,7 @@ function Calendar(props) {
           style: resolveDayCellStyle(day),
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: resolveDayLabelStyle(day), children: day.date.getDate() }),
-            day.isToday && day.inCurrentMonth && !day.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: calendarDropdownMetrics.todayDot }) : null
+            day.isToday && day.inCurrentMonth && !day.isSelected ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: calendarDropdownMetrics.todayDotWrap, children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: calendarDropdownMetrics.todayDot }) }) : null
           ]
         },
         day.date.toISOString()