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

package/CHANGELOG.md

@@ -8,6 +8,58 @@ 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.19] - 2026-06-23
+
+### Fixed
+
+- **`GridFiltersPanel` rendered full-width on desktop, pushing the product
+  grid off-screen.** The panel root carries `w-full lg:w-64 lg:flex-shrink-0`
+  in the markup, but a consumer's Tailwind sheet re-emits `.w-full`
+  (`width: 100%`) and — loading after this package's CSS — won the cascade on
+  equal specificity, leaving the panel at full width and causing horizontal
+  overflow on category/search pages. The desktop sidebar width is now restated
+  on the `.propeller-grid-filters-panel` BEM hook inside the `@media
+  (min-width: 64rem)` block (`width: 16rem; flex-shrink: 0`), so the package
+  stays authoritative for its own width regardless of sheet order. Same
+  cross-Tailwind cascade hardening already applied to the card row layouts in
+  0.3.17 — the panel root was the one element it missed. Mirrors the
+  `propeller-v2-react-ui` 0.4.10 fix.
+
+## [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;