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

package/CHANGELOG.md

@@ -8,6 +8,41 @@ 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.18] - 2026-06-19
+
+### Added
+
+- **`GridFiltersPanel`** — a responsive wrapper around `GridFilters`. At `lg`
+  (1024px) and up it renders the filters as the inline sidebar; below `lg` it
+  collapses them behind a "Filters" button that opens a left slide-in drawer
+  (dimmed backdrop, close button, "Show results" to dismiss). A single
+  `GridFilters` instance backs both layouts — no duplicate fetch or state.
+  Replaces the host's `<aside><GridFilters/></aside>`. New label keys:
+  `filtersButton`, `applyFilters`, `closeFilters`. Optional `activeFilterCount`
+  shows a badge on the button.
+
+## [0.3.17] - 2026-06-19
+
+### Fixed
+
+- **Product card list view broke on desktop after the 0.3.16 mobile
+  redesign.** The mobile-first footer (`flex-col`, full-width `AddToCart`
+  controls) leaked into the desktop row layout because the `md:` overrides
+  lost the cross-Tailwind cascade. The desktop (≥768px) row intent is now
+  restated on the BEM hook classes in `styles.css` — footer back to a row,
+  `__footer-meta` to `display: contents`, and the `AddToCart` controls back to
+  a single nowrap row with a fixed-width quantity input.
+- **Price clipped in the mobile grid card.** The stock + price meta row could
+  overflow a narrow (~190px) grid card. The row now wraps and the price is
+  allowed to shrink (`min-w-0`, right-aligned) instead of being cut off.
+
+### Changed
+
+- **`ClusterCard` gets the same responsive footer as `ProductCard`.** Below
+  768px the list view uses a 2-row footer (stock/price, then full-width "View
+  cluster" button) and the grid view pairs stock/price in a wrapping meta row;
+  desktop (≥768px) is unchanged.
+
 ## [0.3.16] - 2026-06-19
 
 ### Changed

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

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

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

@@ -0,0 +1,13 @@
+import { GridFiltersProps } from './GridFilters.vue';
+export interface GridFiltersPanelProps extends GridFiltersProps {
+    /**
+     * Number of active filters, shown as a badge on the mobile trigger button.
+     * The host computes this from its active filter state. Omit or 0 to hide
+     * the badge.
+     */
+    activeFilterCount?: number;
+    /** Extra CSS class on the outer panel root. */
+    wrapperClassName?: string;
+}
+declare const _default: import('vue').DefineComponent<GridFiltersPanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GridFiltersPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;