@phillips/seldon 1.195.0 → 1.195.2

package/dist/patterns/FavoritesCollectionTile/FavoritesCollectionTile.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { Root as q, Trigger as B, Portal as G, Content as H } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
-import l from "../../node_modules/classnames/index.js";
+import d from "../../node_modules/classnames/index.js";
 import { memo as J, forwardRef as Q, useRef as U } from "react";
 import $ from "../../components/Icon/Icon.js";
 import W from "../../components/Link/Link.js";
@@ -10,9 +10,9 @@ import v from "../../components/Text/Text.js";
 import { getCommonProps as Z } from "../../utils/index.js";
 const S = ({
   baseClassName: e,
-  iconSize: o,
+  iconSize: r,
   createFirstListText: a,
-  onClick: r
+  onClick: o
 }) => /* @__PURE__ */ t(
   "button",
   {
@@ -21,17 +21,17 @@ const S = ({
     "data-testid": "create-list",
     "aria-label": a,
     onClick: (n) => {
-      n.stopPropagation(), r?.(n);
+      n.stopPropagation(), o?.(n);
     },
-    children: /* @__PURE__ */ t("span", { className: l(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ c("span", { className: `${e}__empty__content`, children: [
+    children: /* @__PURE__ */ t("span", { className: d(`${e}__empty`, `${e}__empty--create-list`), children: /* @__PURE__ */ c("span", { className: `${e}__empty__content`, children: [
       /* @__PURE__ */ t(
         $,
         {
           icon: "Add",
-          width: o,
-          height: o,
-          color: "$dark-gray",
-          className: l(`${e}__icon`, `${e}__icon-circle`),
+          width: r,
+          height: r,
+          color: "$gray-75",
+          className: d(`${e}__icon`, `${e}__icon-circle`),
           "aria-hidden": "true"
         }
       ),
@@ -40,41 +40,41 @@ const S = ({
   }
 ), N = ({
   baseClassName: e,
-  iconSize: o,
+  iconSize: r,
   text: a,
-  ariaLabel: r,
+  ariaLabel: o,
   dataTestId: n
-}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": r, role: "region", children: /* @__PURE__ */ t("div", { className: l(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ c("div", { className: `${e}__empty__content`, children: [
+}) => /* @__PURE__ */ t("div", { className: `${e}__media-container`, "data-testid": n, "aria-label": o, role: "region", children: /* @__PURE__ */ t("div", { className: d(`${e}__empty`, `${e}__empty--bg`), children: /* @__PURE__ */ c("div", { className: `${e}__empty__content`, children: [
   /* @__PURE__ */ t(
     $,
     {
       icon: "Favorite",
-      width: o,
-      height: o,
-      color: "$dark-gray",
-      className: l(`${e}__icon`),
+      width: r,
+      height: r,
+      color: "$gray-75",
+      className: d(`${e}__icon`),
       "aria-hidden": "true"
     }
   ),
   /* @__PURE__ */ t("div", { className: `${e}__text`, children: a })
 ] }) }) }), z = ({
   baseClassName: e,
-  imageRef: o,
+  imageRef: r,
   listAriaLabel: a,
-  name: r,
+  name: o,
   imageSrc: n
 }) => /* @__PURE__ */ t(
   "div",
   {
     className: `${e}__media-container`,
-    ref: o,
+    ref: r,
     "aria-label": a,
     "data-testid": "list",
     role: "region",
     children: /* @__PURE__ */ t(
       X,
       {
-        alt: r,
+        alt: o,
         aspectRatio: "1/1",
         className: `${e}__media`,
         objectFit: "contain",
@@ -85,48 +85,48 @@ const S = ({
       }
     )
   }
-), lt = J(
+), dt = J(
   Q(
     ({
       id: e,
-      className: o,
+      className: r,
       count: a,
-      name: r,
+      name: o,
       imageSrc: n,
       variant: _,
       element: L = W,
-      href: k,
-      emptyFavoritesText: w = "You have not added any objects to your Favorites yet.",
-      emptyListsText: b = "You have not added any objects to your List yet.",
-      createFirstListText: x = "Create your first List.",
+      href: w,
+      emptyFavoritesText: b = "You have not added any objects to your Favorites yet.",
+      emptyListsText: x = "You have not added any objects to your List yet.",
+      createFirstListText: k = "Create your first List.",
       editListText: I = "Edit List",
       deleteListText: T = "Delete List",
       onEdit: E,
       onDelete: F,
       formatlotStr: u = (i, p = i === 1 ? "LOT" : "LOTS") => `${i} ${p}`,
       linkClassName: P,
-      iconSize: d = 22,
+      iconSize: l = 22,
       menuAriaLabel: R = "Manage List",
       favoritesAriaLabel: V = "Favorites",
       emptyListAriaLabel: j = "Empty List",
       listAriaLabel: C = "List",
       ...y
     }, O) => {
-      const { className: i, ...p } = Z({ id: e, ...y }, "FavoritesCollectionTile"), D = U(null), m = r && a !== null && a !== void 0, h = a === 0, f = _ === "lists", A = _ === "create", M = _ === "favorites" && h, Y = m && h && f, K = () => A ? /* @__PURE__ */ t(
+      const { className: i, ...p } = Z({ id: e, ...y }, "FavoritesCollectionTile"), D = U(null), m = o && a !== null && a !== void 0, h = a === 0, f = _ === "lists", A = _ === "create", M = _ === "favorites" && h, Y = m && h && f, K = () => A ? /* @__PURE__ */ t(
         S,
         {
           baseClassName: i,
-          iconSize: d,
-          createFirstListText: x,
+          iconSize: l,
+          createFirstListText: k,
           onClick: y.onClick
         }
-      ) : /* @__PURE__ */ c(L, { href: k, className: l(`${i}__media-link`, P), tabIndex: 0, children: [
+      ) : /* @__PURE__ */ c(L, { href: w, className: d(`${i}__media-link`, P), tabIndex: 0, children: [
         M && /* @__PURE__ */ t(
           N,
           {
             baseClassName: i,
-            iconSize: d,
-            text: w,
+            iconSize: l,
+            text: b,
             ariaLabel: V,
             dataTestId: "favorites"
           }
@@ -135,8 +135,8 @@ const S = ({
           N,
           {
             baseClassName: i,
-            iconSize: d,
-            text: b,
+            iconSize: l,
+            text: x,
             ariaLabel: j,
             dataTestId: "empty-list"
           }
@@ -147,17 +147,17 @@ const S = ({
             baseClassName: i,
             imageRef: D,
             listAriaLabel: C,
-            name: r,
+            name: o,
             imageSrc: n,
-            iconSize: d
+            iconSize: l
           }
         )
       ] });
-      return /* @__PURE__ */ t("div", { ...p, className: l(i, o), ref: O, id: e, children: /* @__PURE__ */ c("div", { className: `${i}__content`, children: [
+      return /* @__PURE__ */ t("div", { ...p, className: d(i, r), ref: O, id: e, children: /* @__PURE__ */ c("div", { className: `${i}__content`, children: [
         /* @__PURE__ */ c("div", { className: `${i}__header`, children: [
           /* @__PURE__ */ c("div", { className: `${i}__info`, children: [
             m && /* @__PURE__ */ t(v, { element: "span", className: `${i}__count`, variant: g.body3, children: u && m && u(a) }),
-            r && /* @__PURE__ */ t(v, { element: "h3", className: `${i}__title`, variant: g.heading5, children: r })
+            o && /* @__PURE__ */ t(v, { element: "h3", className: `${i}__title`, variant: g.heading5, children: o })
           ] }),
           m && f && /* @__PURE__ */ c(q, { children: [
             /* @__PURE__ */ t(B, { asChild: !0, children: /* @__PURE__ */ t(
@@ -176,9 +176,9 @@ const S = ({
                   $,
                   {
                     icon: "Icon",
-                    width: d,
-                    height: d,
-                    color: "$dark-gray",
+                    width: l,
+                    height: l,
+                    color: "$gray-75",
                     className: `${i}__icon-button`,
                     "aria-hidden": "true"
                   }
@@ -224,5 +224,5 @@ const S = ({
   )
 );
 export {
-  lt as default
+  dt as default
 };

package/dist/scss/_vars.scss

@@ -505,3 +505,8 @@ $mobile-minimum-clickable-area: 44px;
 ///
 $search-size: var(--search-size);
 $header-height: var(--header-height);
+
+/// Drawer min height Token
+/// Used to ensure the drawer button area is always at least the minimum height
+/// This is calculated as the (button label height) + (Drawer panel padding) + (Button's internal padding)
+$drawer-button-area-min-height: calc($button-label-line-height + $spacing-md * 2 + $spacing-sm * 2);

package/dist/scss/_vars.scss.js

@@ -505,6 +505,11 @@ $mobile-minimum-clickable-area: 44px;
 ///
 $search-size: var(--search-size);
 $header-height: var(--header-height);
+
+/// Drawer min height Token
+/// Used to ensure the drawer button area is always at least the minimum height
+/// This is calculated as the (button label height) + (Drawer panel padding) + (Button's internal padding)
+$drawer-button-area-min-height: calc($button-label-line-height + $spacing-md * 2 + $spacing-sm * 2);
 `;
 export {
   e as default

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

@@ -36,6 +36,10 @@
       padding: $spacing-md;
       width: 100%;
 
+      @media (min-width: $breakpoint-md) {
+        min-height: $drawer-button-area-min-height;
+      }
+
       @media (min-width: $breakpoint-xl) {
         gap: 0;
       }

package/package.json

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