@butternutbox/pawprint-native 0.24.3 → 0.25.1

package/dist/index.d.cts

@@ -1599,6 +1599,7 @@ declare const SelectFieldTrigger: React.ForwardRefExoticComponent<SelectFieldTri
 
 declare const SelectFieldValue: React.ForwardRefExoticComponent<{
     placeholder?: string;
+    hasValue?: boolean;
 } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
 
 declare const SelectFieldContent: React.ForwardRefExoticComponent<{
@@ -2121,6 +2122,7 @@ type DatePickerOwnProps = {
     showNextControl?: boolean;
     locale?: Locale;
     monthLabel?: string;
+    getMonthLabel?: (year: number, month: number, locale?: Locale) => string;
     weekDayLabels?: [string, string, string, string, string, string, string];
     getDateState?: (date: Date) => DateItemState;
     isDateDisabled?: (date: Date) => boolean;

package/dist/index.d.ts

@@ -1599,6 +1599,7 @@ declare const SelectFieldTrigger: React.ForwardRefExoticComponent<SelectFieldTri
 
 declare const SelectFieldValue: React.ForwardRefExoticComponent<{
     placeholder?: string;
+    hasValue?: boolean;
 } & Omit<ViewProps, "children"> & React.RefAttributes<View>>;
 
 declare const SelectFieldContent: React.ForwardRefExoticComponent<{
@@ -2121,6 +2122,7 @@ type DatePickerOwnProps = {
     showNextControl?: boolean;
     locale?: Locale;
     monthLabel?: string;
+    getMonthLabel?: (year: number, month: number, locale?: Locale) => string;
     weekDayLabels?: [string, string, string, string, string, string, string];
     getDateState?: (date: Date) => DateItemState;
     isDateDisabled?: (date: Date) => boolean;

package/dist/index.js

@@ -1262,6 +1262,16 @@ var Button = React66.forwardRef(
       };
     };
     const variantStyles = getVariantStyles(pressed);
+    const renderIcon = (icon) => {
+      if (!React66.isValidElement(icon)) return icon;
+      const iconElement = icon;
+      if (!pressed) {
+        return icon;
+      }
+      return React66.cloneElement(iconElement, {
+        customColour: variantStyles.textColor
+      });
+    };
     return /* @__PURE__ */ jsxs(
       StyledButton,
       __spreadProps(__spreadValues({
@@ -1285,7 +1295,7 @@ var Button = React66.forwardRef(
         buttonFullWidth: fullWidth
       }, rest), {
         children: [
-          startIcon && /* @__PURE__ */ jsx(IconWrapper, { children: startIcon }),
+          startIcon && /* @__PURE__ */ jsx(IconWrapper, { children: renderIcon(startIcon) }),
           /* @__PURE__ */ jsx(
             Typography,
             {
@@ -1301,7 +1311,7 @@ var Button = React66.forwardRef(
               children
             }
           ),
-          endIcon && /* @__PURE__ */ jsx(IconWrapper, { children: endIcon }),
+          endIcon && /* @__PURE__ */ jsx(IconWrapper, { children: renderIcon(endIcon) }),
           loading && /* @__PURE__ */ jsx(StyledSpinnerWrapper, { children: /* @__PURE__ */ jsx(
             Spinner,
             {
@@ -8852,14 +8862,14 @@ var SelectFieldTrigger = React66.forwardRef(
 SelectFieldTrigger.displayName = "SelectField.Trigger";
 var SelectFieldValue = React66.forwardRef(
   (_a, ref) => {
-    var _b = _a, { placeholder } = _b, rest = __objRest(_b, ["placeholder"]);
+    var _b = _a, { placeholder, hasValue = true } = _b, rest = __objRest(_b, ["placeholder", "hasValue"]);
     const theme2 = useTheme();
     const { colour, field } = theme2.tokens.components.inputs;
     return /* @__PURE__ */ jsx(View, __spreadProps(__spreadValues({ ref, style: { flex: 1, minWidth: 0 } }, rest), { children: /* @__PURE__ */ jsx(
       Typography,
       {
         token: field.placeholder.default,
-        color: colour.field.text.default,
+        color: hasValue ? colour.field.text.default : colour.field.text.placeholder,
         align: "left",
         children: /* @__PURE__ */ jsx(SelectPrimitive3.Value, { placeholder: placeholder != null ? placeholder : "" })
       }
@@ -9236,7 +9246,13 @@ var SelectFieldRoot = React66.forwardRef(
                     clearButtonMode: "never",
                     accessibilityLabel: "Search options"
                   }
-                ) : /* @__PURE__ */ jsx(SelectFieldValue, { placeholder })
+                ) : /* @__PURE__ */ jsx(
+                  SelectFieldValue,
+                  {
+                    placeholder,
+                    hasValue: Boolean(currentValue)
+                  }
+                )
               }
             ),
             description && /* @__PURE__ */ jsx(InputDescription, { state, children: description }),
@@ -11112,6 +11128,7 @@ var DatePicker = React66.forwardRef(
       showNextControl = true,
       locale,
       monthLabel,
+      getMonthLabel,
       weekDayLabels = DEFAULT_WEEK_LABELS,
       getDateState,
       isDateDisabled,
@@ -11131,12 +11148,14 @@ var DatePicker = React66.forwardRef(
       "showNextControl",
       "locale",
       "monthLabel",
+      "getMonthLabel",
       "weekDayLabels",
       "getDateState",
       "isDateDisabled",
       "minDate",
       "maxDate"
     ]);
+    var _a2;
     const theme2 = useTheme();
     const { datePicker } = theme2.tokens.components;
     const dt = datePicker.dateItem;
@@ -11171,8 +11190,8 @@ var DatePicker = React66.forwardRef(
     );
     const resolvedGetDateState = useCallback(
       (date) => {
-        var _a2;
-        return (_a2 = getDateState == null ? void 0 : getDateState(date)) != null ? _a2 : defaultGetDateState(date);
+        var _a3;
+        return (_a3 = getDateState == null ? void 0 : getDateState(date)) != null ? _a3 : defaultGetDateState(date);
       },
       [getDateState]
     );
@@ -11200,7 +11219,7 @@ var DatePicker = React66.forwardRef(
       },
       [isDateDisabled, minDate, maxDate]
     );
-    const resolvedMonthLabel = monthLabel != null ? monthLabel : getDefaultMonthLabel(year, month, locale);
+    const resolvedMonthLabel = (_a2 = monthLabel != null ? monthLabel : getMonthLabel == null ? void 0 : getMonthLabel(year, month, locale)) != null ? _a2 : getDefaultMonthLabel(year, month, locale);
     const calendarRows = useMemo(
       () => buildCalendarGrid(year, month),
       [year, month]
@@ -11211,10 +11230,10 @@ var DatePicker = React66.forwardRef(
     );
     const resolveDateCellConfig = useCallback(
       (date) => {
-        var _a2;
+        var _a3;
         const state = resolvedGetDateState(date);
         const isSelectedPrimary = selectedDate != null && isSameDay(date, selectedDate);
-        const isSelectedSecondary = (_a2 = selectedDatesSet == null ? void 0 : selectedDatesSet.has(toDateKey(date))) != null ? _a2 : false;
+        const isSelectedSecondary = (_a3 = selectedDatesSet == null ? void 0 : selectedDatesSet.has(toDateKey(date))) != null ? _a3 : false;
         const isSelected = isSelectedPrimary || isSelectedSecondary;
         let indicatorBg = "transparent";
         let indicatorBorderColor = "transparent";