@butternutbox/pawprint-native 0.24.1 → 0.24.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@butternutbox/pawprint-native",
-  "version": "0.24.1",
+  "version": "0.24.2",
   "type": "module",
   "description": "ButternutBox Pawprint Design System - React Native Components",
   "main": "./dist/index.cjs",

package/src/components/molecules/ProductDisplayCard/ProductDisplayCard.tsx

@@ -27,6 +27,7 @@ export type ProductDisplayCardProps = ViewProps & {
   incrementDisabled?: boolean
   decrementDisabled?: boolean
   minQuantity?: number
+  quantityStep?: number
   image?: string | React.ReactNode
   imageBackgroundColor?: string
   thumbnailWidth?: number
@@ -196,6 +197,7 @@ const StyledNoneBanner = styled(View)(({ theme }) => {
  * @param quantityBadge - *(optional)* Show a quantity badge over the image instead
  *   of the picker (renders the current `quantity`). Mutually exclusive with the
  *   quantity picker; defaults to `false`. Used on OOB recipe and Extras cards.
+ * @param quantityStep - *(optional)* Increment/decrement amount (default: 1)
  * @param image - *(optional)* Image URL string or React element
  * @param banner - *(optional)* Banner content string or React element to show below card
  * @param showBanner - *(optional)* Show/hide banner
@@ -220,6 +222,7 @@ export const ProductDisplayCard = React.forwardRef<
       incrementDisabled = false,
       decrementDisabled = false,
       minQuantity = 1,
+      quantityStep = 1,
       image,
       imageBackgroundColor,
       thumbnailWidth,
@@ -294,8 +297,12 @@ export const ProductDisplayCard = React.forwardRef<
                     handleQuantityChange(value)
                   }
                 }}
-                onIncrement={() => handleQuantityChange(quantity + 1)}
-                onDecrement={() => handleQuantityChange(quantity - 1)}
+                onIncrement={() =>
+                  handleQuantityChange(quantity + quantityStep)
+                }
+                onDecrement={() =>
+                  handleQuantityChange(quantity - quantityStep)
+                }
                 min={minQuantity}
                 accessible
                 accessibilityLabel={`Quantity: ${quantity}`}