@propeller-commerce/propeller-v2-react-ui 0.26.0 → 0.26.1

package/CHANGELOG.md

@@ -8,6 +8,32 @@ 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.26.1] - 2026-09-28
+
+### Fixed
+
+- **A quoted-price product could still be added to the cart from a grid.**
+  0.26.0 guarded the PRICE on `ProductCard` but not the ACTION beside it, so a
+  listing showed "Price on request" next to a working quantity stepper and
+  add-to-cart button — and the line went in at 0. The card now offers
+  "Request a price", linking to the product page that owns the quote flow;
+  `FavoriteListItem` suppresses add-to-cart for these products outright. The
+  check sits before the injected-component branch, so a host-supplied control
+  is gated too.
+
+- **Popovers inherited the host header’s text colour.** The search input, the
+  autosuggest dropdown, the cart sidebar and the cart popover each set their own
+  background but not their own text colour, so a shop with a dark header — which
+  has to colour that bar to style the triggers inside it — got white text on
+  their light surfaces. They are DOM children of those triggers, so the colour
+  cascaded straight in. Each now sets `text-foreground` explicitly, as
+  `AccountIconAndMenu` already did.
+
+### Changed
+
+- `RequestPriceButton` uses a price-tag icon rather than a quote bubble, which
+  read as a comment action.
+
 ## [0.26.0] - 2026-09-28
 
 ### Added
@@ -42,15 +68,15 @@ between minor versions; breaking changes are called out below and in
   `priceOnRequest` renders in its place, and a card for such a product may
   carry no price object at all. Existing callers are unaffected.
 
-- **The PDP gates add-to-cart in the WordPress plugin's order**: `orderable`
-  first, then the display mode. A non-orderable product gets neither control, a
-  quoted one gets the request button, and an anonymous visitor gets the log-in
-  action rather than a list they cannot be quoted from.
+- **The PDP gates add-to-cart on `orderable` before the display mode.** A
+  non-orderable product gets neither control, a quoted one gets the request
+  button, and an anonymous visitor gets the log-in action rather than a list they
+  cannot be quoted from.
 
 - **Quick order excludes quoted products.** A bulk upload reports the code as
   unresolved instead of adding a line priced at 0; picking one from the
-  typeahead clears the row with a notice. Matches the plugin, which drops them
-  from quick-order search results server-side.
+  typeahead clears the row with a notice. Bulk flows have nowhere to show a
+  price and would submit the line at 0.
 
 ## [0.25.0] - 2026-09-25
 

package/dist/index.cjs

@@ -7658,7 +7658,7 @@ function CartIconAndSidebar(rawProps) {
               ]
             }
           ),
-          props.showTotals && isHovered && totalItems > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-popover border border-border rounded-container shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap", children: [
+          props.showTotals && isHovered && totalItems > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__popover absolute top-full right-0 mt-1 z-40 bg-popover text-foreground border border-border rounded-container shadow-lg px-3 py-2 min-w-[140px] text-sm whitespace-nowrap", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-label text-muted-foreground", children: totalLabel("totalLabel") }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "propeller-cart-icon__popover-total font-semibold text-foreground", children: totalPrice })
@@ -7686,7 +7686,7 @@ function CartIconAndSidebar(rawProps) {
         "aria-modal": "true",
         "aria-label": sidebarTitle,
         "data-open": sidebarOpen ? "true" : "false",
-        className: cn(`propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`),
+        className: cn(`propeller-cart-icon__sidebar fixed inset-y-0 right-0 z-[70] w-full max-w-md bg-card text-foreground shadow-2xl transform transition-transform duration-300 ease-in-out border-l border-border${sidebarOpen ? " translate-x-0" : " translate-x-full"}${props.sidebarClassName ? " " + props.sidebarClassName : ""}`),
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col h-full", children: isMounted ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-cart-icon__sidebar-header flex items-center justify-between px-5 py-4 border-b border-border", children: [
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -9347,7 +9347,7 @@ function ProductCardPrice(props) {
   ) });
 }
 function ProductCardAddToCart(props) {
-  const { product, resolved } = useProductCard();
+  const { product, derived, resolved, handleProductClick } = useProductCard();
   if (propellerV2CoreUi.isContentHidden(resolved.portalMode, resolved.user, resolved.isAuthenticated)) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       LoginToOrderButton_default,
@@ -9358,6 +9358,19 @@ function ProductCardAddToCart(props) {
       }
     );
   }
+  if (isPriceOnRequest(product)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: derived.productUrl,
+        onClick: handleProductClick,
+        className: cn(
+          `propeller-product-card__view-product inline-flex h-10 w-full items-center justify-center rounded-control bg-primary px-4 text-sm font-medium text-primary-foreground transition-opacity hover:opacity-90 ${props.className || ""}`
+        ),
+        children: propellerV2CoreUi.getLabel(resolved.priceLabels, "requestPrice", "Request a price")
+      }
+    );
+  }
   const InjectedAddToCart = resolved.addToCartComponent;
   if (InjectedAddToCart) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -11913,7 +11926,7 @@ function FavoriteListItemActions(props) {
       className: props.className ?? "propeller-favorite-list-item__actions flex items-center gap-2 flex-shrink-0",
       onClick: (e) => e.stopPropagation(),
       children: [
-        resolved.allowAddToCart !== false && isProduct && !!resolved.graphqlClient ? /* @__PURE__ */ jsxRuntime.jsx(
+        resolved.allowAddToCart !== false && isProduct && !!resolved.graphqlClient && !isPriceOnRequest(product) ? /* @__PURE__ */ jsxRuntime.jsx(
           AddToCart_default,
           {
             className: "flex items-center gap-2",
@@ -14676,7 +14689,7 @@ function RequestPriceButton(props) {
         if (props.onRequestPrice) props.onRequestPrice();
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MessageSquareQuote, { className: "propeller-request-price__icon w-4 h-4", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tag, { className: "propeller-request-price__icon w-4 h-4", "aria-hidden": "true" }),
         label
       ]
     }
@@ -19352,7 +19365,7 @@ function SearchBar(rawProps) {
                 // boilerplate's dark header band happened to make work: on a
                 // light header `bg-white/95 border-white/20` rendered as an
                 // invisible input.
-                "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-card border border-input rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
+                "propeller-search-bar__input w-full pl-10 pr-10 py-2 bg-card text-foreground border border-input rounded-container focus:outline-none focus:ring-2 focus:ring-secondary placeholder:text-muted-foreground",
                 props.inputClassName
               ),
               placeholder: props.placeholder || "Search products...",
@@ -19362,7 +19375,7 @@ function SearchBar(rawProps) {
           ),
           searchLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__spinner-wrapper absolute right-3 top-1/2 transform -translate-y-1/2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__spinner animate-spin rounded-full h-5 w-5 border-b-2 border-primary" }) }) : null
         ] }) }),
-        showDropdown ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__dropdown absolute top-full left-0 right-0 mt-2 bg-card rounded-container shadow-xl border border-border z-50 flex flex-col max-h-96", children: [
+        showDropdown ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "propeller-search-bar__dropdown absolute top-full left-0 right-0 mt-2 bg-card text-foreground rounded-container shadow-xl border border-border z-50 flex flex-col max-h-96", children: [
           results.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "propeller-search-bar__results flex-1 overflow-y-auto", children: results?.map((result, index) => {
               const ResultTag = props.getResultHref ? "a" : "div";