@butternutbox/pawprint-native 1.0.0 → 1.1.0

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CJS Build start
 ESM Build start
 DTS Build start
-ESM dist/index.js     523.46 KB
-ESM dist/index.js.map 1.08 MB
-ESM ⚡️ Build success in 8053ms
-CJS dist/index.cjs     553.74 KB
+CJS dist/index.cjs     553.93 KB
 CJS dist/index.cjs.map 1.08 MB
-CJS ⚡️ Build success in 8056ms
-DTS ⚡️ Build success in 24238ms
-DTS dist/index.d.cts 103.09 KB
-DTS dist/index.d.ts  103.09 KB
+CJS ⚡️ Build success in 7609ms
+ESM dist/index.js     523.65 KB
+ESM dist/index.js.map 1.08 MB
+ESM ⚡️ Build success in 7611ms
+DTS ⚡️ Build success in 20912ms
+DTS dist/index.d.cts 104.52 KB
+DTS dist/index.d.ts  104.52 KB

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @butternutbox/pawprint-native
 
+## 1.1.0
+
+### Minor Changes
+
+- 99afbc0: `ProductDisplayCard`: add a new `thumbnailBadge` prop for overlaying a `Badge` on the thumbnail image.
+  - `thumbnailBadge` accepts any `BadgeProps` (`variant`, `size`, `icon`, `children`, …) as an object, so consumers can render any badge content (e.g. `"New"`, `"Popular"`, a quantity number) with any Badge variant/size.
+  - Mutually exclusive with the quantity picker: when `thumbnailBadge` is set, the picker is never rendered.
+  - **Native** — `quantityBadge` (boolean) is now marked `@deprecated`. It still works during the deprecation window and behaves the same as before (renders a hardcoded primary/large Badge containing `quantity`). When both `thumbnailBadge` and `quantityBadge` are set, `thumbnailBadge` wins. Migrate with `thumbnailBadge={{ variant: "primary", size: "large", children: String(quantity) }}`. `quantityBadge` will be removed in a future major release.
+  - **Web** — `thumbnailBadge` is a new prop; there was no equivalent before.
+
 ## 1.0.0
 
 ### Major Changes

package/dist/index.cjs

@@ -12262,6 +12262,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
       onQuantityChange,
       showQuantityPicker = false,
       quantityBadge = false,
+      thumbnailBadge,
       disableQuantityButtons = false,
       hideQuantityButtons = false,
       incrementDisabled = false,
@@ -12284,6 +12285,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
       "onQuantityChange",
       "showQuantityPicker",
       "quantityBadge",
+      "thumbnailBadge",
       "disableQuantityButtons",
       "hideQuantityButtons",
       "incrementDisabled",
@@ -12304,6 +12306,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
         onQuantityChange == null ? void 0 : onQuantityChange(newQuantity);
       }
     };
+    const resolvedBadgeProps = thumbnailBadge != null ? thumbnailBadge : quantityBadge ? { variant: "primary", size: "large", children: String(quantity) } : void 0;
     const cardContent = /* @__PURE__ */ jsxRuntime.jsxs(
       StyledCardContainer,
       __spreadProps(__spreadValues({
@@ -12325,7 +12328,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
                     style: { flex: 1, width: "100%" }
                   }
                 ) : image,
-                quantityBadge && /* @__PURE__ */ jsxRuntime.jsx(StyledBadgeOverlay, { pointerEvents: "none", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: "primary", size: "large", children: String(quantity) }) })
+                resolvedBadgeProps && /* @__PURE__ */ jsxRuntime.jsx(StyledBadgeOverlay, { pointerEvents: "none", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, __spreadValues({}, resolvedBadgeProps)) })
               ]
             }
           ) }),
@@ -12334,7 +12337,7 @@ var ProductDisplayCard = React66__default.default.forwardRef(
               /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "heading", size: "2xs", color: "primary", children: title }),
               showSubtext && subtext && /* @__PURE__ */ jsxRuntime.jsx(Typography, { variant: "body", size: "sm", color: "secondary", children: subtext })
             ] }),
-            showQuantityPicker && !quantityBadge && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+            showQuantityPicker && !resolvedBadgeProps && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { marginLeft: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(
               NumberField,
               {
                 size: "sm",