@phillips/seldon 1.203.0 → 1.204.1

package/dist/patterns/FiltersInline/FilterDropdownMenuDesktop.js

@@ -1,30 +1,27 @@
-import { jsxs as p, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { jsxs as p, jsx as r, Fragment as w } from "react/jsx-runtime";
 import e from "../../node_modules/classnames/index.js";
-import F from "react";
+import C from "react";
 import n from "../../components/Button/Button.js";
-import { ButtonVariants as s } from "../../components/Button/types.js";
-import v from "../../components/Filter/FilterHeader.js";
-import D from "../../components/Filter/FilterInput.js";
+import { ButtonVariants as l } from "../../components/Button/types.js";
+import g from "../../components/Filter/FilterInput.js";
 import m from "../../components/Text/Text.js";
 import { TextVariants as c } from "../../components/Text/types.js";
-import { px as B } from "../../utils/index.js";
-import { getFilterButtonLabel as S, getFilterDimensions as j, handleInputChange as A } from "./utils.js";
-const I = F.forwardRef(
+import { px as v } from "../../utils/index.js";
+import { getFilterDimensions as D, handleInputChange as F } from "./utils.js";
+const B = C.forwardRef(
   ({
     className: f,
     buttonType: i,
     filters: _,
     filterIndex: h,
     onSelectFilter: b,
-    onClickClear: u,
+    onClickClear: $,
     onApplyFilter: d,
-    resultsCount: $,
+    resultsCount: x,
     ariaLabels: N,
-    filterButtonLabel: x,
-    filterButtonLabelTranslated: g,
     dropdownMenuTranslation: o
   }, k) => {
-    const l = i === "Sort", t = `${B}-filter-dropdown-menu`;
+    const s = i === "Sort", t = `${v}-filter-dropdown-menu`;
     return /* @__PURE__ */ p(
       "div",
       {
@@ -33,41 +30,34 @@ const I = F.forwardRef(
         "data-testid": "filter-dropdown-desktop",
         "aria-label": N || `${i} dropdown desktop`,
         children: [
-          /* @__PURE__ */ r(
-            v,
-            {
-              heading: S(x, null, g || null),
-              className: e(`${t}__header`)
-            }
-          ),
-          /* @__PURE__ */ r("div", { className: e(`${t}__filters`), children: j(_, h).map((a) => /* @__PURE__ */ r(
-            D,
+          /* @__PURE__ */ r("div", { className: e(`${t}__filters`), children: D(_, h).map((a) => /* @__PURE__ */ r(
+            g,
             {
               id: a.label,
               labelText: a.label,
               name: a.label,
-              type: l ? "radio" : "checkbox",
+              type: s ? "radio" : "checkbox",
               checked: a.active,
               disabled: a?.disabled,
-              onChange: (w) => A(w, i ?? "", b)
+              onChange: (u) => F(u, i ?? "", b)
             },
             a.label
           )) }),
-          /* @__PURE__ */ r("div", { className: e(l ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: l ? /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: e(s ? `${t}__button-wrap` : `${t}__buttons-wrap`), children: s ? /* @__PURE__ */ r(
             n,
             {
               className: e(`${t}__button`),
-              variant: s.primary,
+              variant: l.primary,
               onClick: () => d?.(!1),
               children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.confirm || "Confirm" })
             }
-          ) : /* @__PURE__ */ p(C, { children: [
+          ) : /* @__PURE__ */ p(w, { children: [
             /* @__PURE__ */ r(
               n,
               {
                 className: e(`${t}__buttons`),
-                variant: s.secondary,
-                onClick: () => u?.(i ?? ""),
+                variant: l.secondary,
+                onClick: () => $?.(i ?? ""),
                 children: /* @__PURE__ */ r(m, { variant: c.string2, children: o?.clearAll || "Clear all" })
               }
             ),
@@ -75,9 +65,9 @@ const I = F.forwardRef(
               n,
               {
                 className: e(`${t}__buttons`),
-                variant: s.primary,
+                variant: l.primary,
                 onClick: () => d?.(!1),
-                children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.showAuctions || `Show ${$} Auctions` })
+                children: /* @__PURE__ */ r(m, { variant: c.string2, className: `${t}__button-text`, children: o?.showAuctions || `Show ${x} Auctions` })
               }
             )
           ] }) })
@@ -86,7 +76,7 @@ const I = F.forwardRef(
     );
   }
 );
-I.displayName = "FilterDropdownMenuDesktop";
+B.displayName = "FilterDropdownMenuDesktop";
 export {
-  I as FilterDropdownMenuDesktop
+  B as FilterDropdownMenuDesktop
 };

package/dist/scss/patterns/FiltersInline/_filterDropdownMenu.scss

@@ -13,7 +13,8 @@
     display: flex;
     flex-direction: column;
     gap: $spacing-xsm;
-    padding-bottom: var(--spacing-sm);
+    max-height: 25vh;
+    overflow-y: auto;
 
     &--mobile {
       padding: 0 $spacing-md $spacing-md;
@@ -29,6 +30,7 @@
     display: flex;
     gap: $spacing-sm;
     justify-content: space-between;
+    margin-top: $spacing-sm;
 
     &--drawer {
       box-shadow: 0 -4px 8px -4px $medium-gray;

package/dist/scss/patterns/SaleCard/_saleCard.scss

@@ -45,12 +45,12 @@
   &__ctas {
     flex: 0 0 0%;
 
-    @include media($breakpoint-snw-mobile) {
-      flex-basis: 191px;
+    @media (min-width: $breakpoint-snw-mobile) {
+      flex-basis: 250px;
     }
 
-    @include media($breakpoint-lg) {
-      flex-basis: 280px;
+    @media (min-width: $breakpoint-lg) {
+      flex-basis: 400px;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.203.0",
+  "version": "1.204.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"