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

package/CHANGELOG.md

@@ -8,6 +8,64 @@ 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
+
+- **VAT toggle (incl./excl. tax) had no effect on catalog cards.** `ProductGrid`,
+  `ProductCard` and `ClusterCard` ignored the `<PropellerProvider>` `includeTax`
+  flag, so prices stayed gross (excl. VAT) regardless of the toggle. Two stacked
+  causes:
+  - **Vue Boolean-prop coercion** — an absent `includeTax?: boolean` prop is cast
+    to `false` (never `undefined`), so `useInfraProps`' "explicit prop wins"
+    precedence treated the coerced `false` as an override and never consulted the
+    provider. The grid now resolves `includeTax` from the provider context
+    directly (`usePropellerContext()`), treating only an explicit `true` as a host
+    opt-in, and passes the resolved value down to every card.
+  - **`inject()` inside a `computed`** — `ProductCard` / `ClusterCard` resolved
+    props via `computed(() => useResolvedProps(...))`, where `inject()` returns a
+    null context (it is setup-only). Infra is now resolved once at setup via
+    `useInfraProps(props)`, so the reactive provider value (the VAT toggle) is
+    honoured. Same class of bug as the 0.3.1 provider fix.
+
+  Brings the Vue cards to parity with `propeller-v2-react-ui`, whose `ProductCard`
+  already resolves `includeTax` from infra. Standalone `ProductPrice` /
+  `ProductBulkPrices` / `ProductInfo` keep the React contract (the consumer passes
+  `includeTax`); the propeller-vue PDP / cluster views were updated accordingly.
+
 ## [0.3.14] - 2026-06-09
 
 ### 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/ClusterCard.vue.d.ts

@@ -90,8 +90,6 @@ export interface ClusterCardProps {
 }
 interface ClusterCardState {
     isFavorite: boolean;
-    includeTax: boolean;
-    priceListener: any;
     isRow: () => boolean;
     getClusterName: () => string;
     getClusterSku: () => string;

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

@@ -171,8 +171,6 @@ export interface ProductCardProps {
 }
 interface ProductCardState {
     isFavorite: boolean;
-    includeTax: boolean;
-    priceListener: any;
     getProductName: () => string;
     getProductSku: () => string;
     getProductImageUrl: () => string;
@@ -282,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;