@propeller-commerce/propeller-v2-vue-ui 0.3.15 → 0.3.16

package/CHANGELOG.md

@@ -8,6 +8,39 @@ once it reaches 1.0. Until then (the `0.x` line) the public API may change
 between minor versions; breaking changes are called out below and in
 [MIGRATION.md](./MIGRATION.md).
 
+## [0.3.16] - 2026-06-19
+
+### Changed
+
+- **Mobile product card layout (below 768px).** On narrow viewports the
+  `ProductCard` action area no longer overflows the card edge — the quantity
+  stepper and "Add to cart" button were clipped. Below `md` (768px):
+  - **List view** (`columns === 1`): the footer becomes two rows — stock and
+    price share the first row (`justify-between`), and the full-width
+    `AddToCart` (stepper + button) sits on the second row.
+  - **Grid view** (`columns > 1`): the footer becomes three rows — stock ↔
+    price, then a full-width stepper, then a full-width button.
+
+  At `md` and up the previous desktop layout is unchanged. This flows through
+  every surface that renders `ProductCard` / `ProductGrid` (catalog, search,
+  product slider). Implemented purely with responsive Tailwind classes — no
+  JavaScript width detection.
+
+### Added
+
+- **Cart icon in the `AddToCart` button.** The submit button now renders a
+  built-in cart glyph (`.propeller-add-to-cart__icon`) before its label, drawn
+  with `currentColor` and `em` sizing so consumers can restyle its size,
+  colour and stroke via CSS.
+
+### Fixed
+
+- **`CartItem` lost its card border and delete button.** Vue coerces an
+  unpassed `Boolean` prop to `false`, so the on-by-default `cardFrame` and
+  `showDelete` props evaluated to `false` and hid the card frame and the
+  delete (trash) button. Both now default to `true` explicitly via
+  `withDefaults`.
+
 ## [0.3.15] - 2026-06-11
 
 ### Fixed

package/dist/components/CartItem.vue.d.ts

@@ -168,6 +168,8 @@ declare const __VLS_component: import('vue').DefineComponent<CartItemProps, {},
     titleLinkable: boolean;
     showSku: boolean;
     enableIncrementDecrement: boolean;
+    cardFrame: boolean;
+    showDelete: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/ProductCard.vue.d.ts

@@ -280,6 +280,19 @@ declare function __VLS_template(): {
             showAvailability: boolean;
             labels: Record<string, string> | undefined;
         }): any;
+        stock?(_: {
+            product: Product;
+            inventory: import('@propeller-commerce/propeller-sdk-v2').ProductInventory | undefined;
+            showAvailability: boolean;
+            labels: Record<string, string> | undefined;
+        }): any;
+        price?(_: {
+            product: Product;
+            price: import('@propeller-commerce/propeller-sdk-v2').ProductPrice;
+            includeTax: boolean;
+            currency: string | undefined;
+            labels: Record<string, string> | undefined;
+        }): any;
         price?(_: {
             product: Product;
             price: import('@propeller-commerce/propeller-sdk-v2').ProductPrice;