@phillips/seldon 1.119.0 → 1.121.0

package/dist/patterns/ViewingsList/ViewingsListCardForm.js

@@ -1,266 +1,266 @@
-import { jsxs as T, Fragment as W, jsx as t } from "react/jsx-runtime";
-import f from "../../node_modules/classnames/index.js";
-import * as a from "react";
-import { px as X } from "../../utils/index.js";
-import u from "../../components/Input/Input.js";
-const o = `${X}-viewings-list-card-form`, l = ({
-  address1: g,
-  address1Label: H = "Address ('432 Park Ave', ETC)",
-  addressUrl: V,
-  addressUrlLabel: $ = "URL for map link ('http://www.website.com')",
-  address2: c,
-  address2Label: h = "City, State, Zip ('New York, NY 10019')",
-  address3: z,
-  address3Label: L = "Country (United States)",
-  emailOn: O,
-  emailToggleLabel: D = "Include Email Address",
-  email: C,
-  emailLabel: S = "Email",
-  emailLink: _,
-  emailLinkLabel: k = "Email Address",
-  id: r,
+import { jsxs as d, Fragment as B, jsx as a } from "react/jsx-runtime";
+import w from "../../node_modules/classnames/index.js";
+import * as m from "react";
+import { px as G } from "../../utils/index.js";
+import s from "../../components/Input/Input.js";
+const l = `${G}-viewings-list-card-form`, W = ({
+  address1: o,
+  address1Label: p = "Address ('432 Park Ave', ETC)",
+  addressUrl: x,
+  addressUrlLabel: T = "URL for map link ('http://www.website.com')",
+  address2: b,
+  address2Label: f = "City, State, Zip ('New York, NY 10019')",
+  address3: g,
+  address3Label: H = "Country (United States)",
+  emailOn: V,
+  emailToggleLabel: $ = "Include Email Address",
+  email: c,
+  emailLabel: h = "Email",
+  emailLink: z,
+  emailLinkLabel: L = "Email Address",
+  id: t,
   invalidFields: e,
-  previewDates: y,
-  previewDatesLabel: E = "Date(s)",
-  previewHours1: U,
-  previewHours1Label: A = "Hours1",
-  previewHours2: N,
-  previewHours2Label: P = "Hours2",
-  previewLabel: j = "Label ('Preview', 'Opening Night', etc)",
-  previewLabelValue: I,
-  previewOn: p,
-  previewToggleLabel: R = "Additional Hours",
-  viewingLabel: Y = "Label ('Open to public')",
-  viewingLabelValue: Z,
-  viewingDates: q,
-  viewingDatesLabel: B = "Date(s)",
-  viewingHours1: G,
-  viewingHours1Label: J = "Hours1",
-  viewingHours2: K,
-  viewingHours2Label: M = "Hours2"
+  previewDates: O,
+  previewDatesLabel: D = "Date(s)",
+  previewHours1: C,
+  previewHours1Label: S = "Hours1",
+  previewHours2: _,
+  previewHours2Label: k = "Hours2",
+  previewLabel: y = "Label ('Preview', 'Opening Night', etc)",
+  previewLabelValue: E,
+  previewOn: n,
+  previewToggleLabel: U = "Additional Hours",
+  viewingLabel: A = "Label ('Open to public')",
+  viewingLabelValue: N,
+  viewingDates: P,
+  viewingDatesLabel: j = "Date(s)",
+  viewingHours1: I,
+  viewingHours1Label: R = "Hours1",
+  viewingHours2: Y,
+  viewingHours2Label: Z = "Hours2"
 }) => {
-  const [m, b] = a.useState(p === "true"), [w, Q] = a.useState(O === "true");
-  return a.useEffect(() => {
-    b(p === "true");
-  }, [p]), /* @__PURE__ */ T(W, { children: [
-    /* @__PURE__ */ t(
-      u,
+  const [r, v] = m.useState(n === "true"), [i, q] = m.useState(V === "true");
+  return m.useEffect(() => {
+    v(n === "true");
+  }, [n]), /* @__PURE__ */ d(B, { children: [
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `viewingLabel-${r}`,
+        id: `viewingLabel-${t}`,
         name: "viewingLabelValue",
-        defaultValue: Z,
-        labelText: Y,
+        defaultValue: N,
+        labelText: A,
         size: "sm",
-        invalid: !!(e != null && e.viewingLabelValue),
-        invalidText: e == null ? void 0 : e.viewingLabelValue
+        invalid: !!e?.viewingLabelValue,
+        invalidText: e?.viewingLabelValue
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `viewingDates-${r}`,
+        id: `viewingDates-${t}`,
         name: "viewingDates",
-        defaultValue: q,
-        labelText: B,
+        defaultValue: P,
+        labelText: j,
         size: "sm",
-        invalid: !!(e != null && e.viewingDates),
-        invalidText: e == null ? void 0 : e.viewingDates
+        invalid: !!e?.viewingDates,
+        invalidText: e?.viewingDates
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `viewingHours1-${r}`,
+        id: `viewingHours1-${t}`,
         name: "viewingHours1",
-        defaultValue: G,
-        labelText: J,
+        defaultValue: I,
+        labelText: R,
         size: "sm",
-        invalid: !!(e != null && e.viewingHours1),
-        invalidText: e == null ? void 0 : e.viewingHours1
+        invalid: !!e?.viewingHours1,
+        invalidText: e?.viewingHours1
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `viewingHours2-${r}`,
+        id: `viewingHours2-${t}`,
         name: "viewingHours2",
-        defaultValue: K,
-        labelText: M,
+        defaultValue: Y,
+        labelText: Z,
         size: "sm",
-        invalid: !!(e != null && e.viewingHours2),
-        invalidText: e == null ? void 0 : e.viewingHours2
+        invalid: !!e?.viewingHours2,
+        invalidText: e?.viewingHours2
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `previewOn-${r}`,
+        id: `previewOn-${t}`,
         type: "toggle",
-        labelText: R,
+        labelText: U,
         size: "md",
-        defaultChecked: m,
+        defaultChecked: r,
         inline: !0,
-        invalid: !!(e != null && e.previewOn),
-        invalidText: e == null ? void 0 : e.previewOn,
+        invalid: !!e?.previewOn,
+        invalidText: e?.previewOn,
         name: "previewOn",
-        onChange: () => b((x) => !x)
+        onChange: () => v((u) => !u)
       }
     ),
-    m ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "previewOn", value: "false" }),
-    /* @__PURE__ */ T(
+    r ? null : /* @__PURE__ */ a("input", { type: "hidden", name: "previewOn", value: "false" }),
+    /* @__PURE__ */ d(
       "div",
       {
-        className: f(`${o}__preview-set`, { [`${o}__preview-set--hidden`]: !m }),
+        className: w(`${l}__preview-set`, { [`${l}__preview-set--hidden`]: !r }),
         children: [
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `previewLabel-${r}`,
+              id: `previewLabel-${t}`,
               name: "previewLabelValue",
-              defaultValue: I,
-              labelText: j,
+              defaultValue: E,
+              labelText: y,
               size: "sm",
-              invalid: !!(e != null && e.previewLabelValue),
-              invalidText: e == null ? void 0 : e.previewLabelValue,
-              hidden: !m
+              invalid: !!e?.previewLabelValue,
+              invalidText: e?.previewLabelValue,
+              hidden: !r
             }
           ),
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `previewDates-${r}`,
+              id: `previewDates-${t}`,
               name: "previewDates",
-              defaultValue: y,
-              labelText: E,
+              defaultValue: O,
+              labelText: D,
               size: "sm",
-              invalid: !!(e != null && e.previewDates),
-              invalidText: e == null ? void 0 : e.previewDates,
-              hidden: !m
+              invalid: !!e?.previewDates,
+              invalidText: e?.previewDates,
+              hidden: !r
             }
           ),
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `previewHours1-${r}`,
+              id: `previewHours1-${t}`,
               name: "previewHours1",
-              defaultValue: U,
-              labelText: A,
+              defaultValue: C,
+              labelText: S,
               size: "sm",
-              invalid: !!(e != null && e.previewHours1),
-              invalidText: e == null ? void 0 : e.previewHours1,
-              hidden: !m
+              invalid: !!e?.previewHours1,
+              invalidText: e?.previewHours1,
+              hidden: !r
             }
           ),
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `previewHours2-${r}`,
+              id: `previewHours2-${t}`,
               name: "previewHours2",
-              defaultValue: N,
-              labelText: P,
+              defaultValue: _,
+              labelText: k,
               size: "sm",
-              invalid: !!(e != null && e.previewHours2),
-              invalidText: e == null ? void 0 : e.previewHours2,
-              hidden: !m
+              invalid: !!e?.previewHours2,
+              invalidText: e?.previewHours2,
+              hidden: !r
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `address1-${r}`,
+        id: `address1-${t}`,
         name: "address1",
-        defaultValue: g,
-        labelText: H,
+        defaultValue: o,
+        labelText: p,
         size: "sm",
-        invalid: !!(e != null && e.address1),
-        invalidText: e == null ? void 0 : e.address1
+        invalid: !!e?.address1,
+        invalidText: e?.address1
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `address2-${r}`,
+        id: `address2-${t}`,
         name: "address2",
-        defaultValue: c,
-        labelText: h,
+        defaultValue: b,
+        labelText: f,
         size: "sm",
-        invalid: !!(e != null && e.address2),
-        invalidText: e == null ? void 0 : e.address2
+        invalid: !!e?.address2,
+        invalidText: e?.address2
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `address3-${r}`,
+        id: `address3-${t}`,
         name: "address3",
-        defaultValue: z,
-        labelText: L,
+        defaultValue: g,
+        labelText: H,
         size: "sm",
-        invalid: !!(e != null && e.address3),
-        invalidText: e == null ? void 0 : e.address3
+        invalid: !!e?.address3,
+        invalidText: e?.address3
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `addressUrl-${r}`,
+        id: `addressUrl-${t}`,
         name: "addressUrl",
-        defaultValue: V,
-        labelText: $,
+        defaultValue: x,
+        labelText: T,
         size: "sm",
         type: "url",
-        invalid: !!(e != null && e.addressUrl),
-        invalidText: e == null ? void 0 : e.addressUrl
+        invalid: !!e?.addressUrl,
+        invalidText: e?.addressUrl
       }
     ),
-    /* @__PURE__ */ t(
-      u,
+    /* @__PURE__ */ a(
+      s,
       {
-        id: `emailOn-${r}`,
+        id: `emailOn-${t}`,
         type: "toggle",
-        labelText: D,
+        labelText: $,
         size: "md",
-        defaultChecked: w,
+        defaultChecked: i,
         inline: !0,
-        invalid: !!(e != null && e.emailOn),
-        invalidText: e == null ? void 0 : e.emailOn,
+        invalid: !!e?.emailOn,
+        invalidText: e?.emailOn,
         name: "emailOn",
-        onChange: () => Q((x) => !x)
+        onChange: () => q((u) => !u)
       }
     ),
-    w ? null : /* @__PURE__ */ t("input", { type: "hidden", name: "emailOn", value: "false" }),
-    /* @__PURE__ */ T(
+    i ? null : /* @__PURE__ */ a("input", { type: "hidden", name: "emailOn", value: "false" }),
+    /* @__PURE__ */ d(
       "div",
       {
-        className: f(`${o}__preview-set`, { [`${o}__preview-set--hidden`]: !w }),
+        className: w(`${l}__preview-set`, { [`${l}__preview-set--hidden`]: !i }),
         children: [
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `email-${r}`,
+              id: `email-${t}`,
               name: "email",
-              defaultValue: C,
-              labelText: S,
+              defaultValue: c,
+              labelText: h,
               size: "sm",
-              invalid: !!(e != null && e.address2),
-              invalidText: e == null ? void 0 : e.address2,
-              hidden: !w
+              invalid: !!e?.address2,
+              invalidText: e?.address2,
+              hidden: !i
             }
           ),
-          /* @__PURE__ */ t(
-            u,
+          /* @__PURE__ */ a(
+            s,
             {
-              id: `emailLink-${r}`,
+              id: `emailLink-${t}`,
               name: "emailLink",
-              defaultValue: _,
-              labelText: k,
+              defaultValue: z,
+              labelText: L,
               size: "sm",
-              invalid: !!(e != null && e.address3),
-              invalidText: e == null ? void 0 : e.address3,
-              hidden: !w
+              invalid: !!e?.address3,
+              invalidText: e?.address3,
+              hidden: !i
             }
           )
         ]
@@ -269,5 +269,5 @@ const o = `${X}-viewings-list-card-form`, l = ({
   ] });
 };
 export {
-  l as default
+  W as default
 };

package/dist/scss/patterns/ObjectTile/_objectTile.scss

@@ -30,16 +30,32 @@
   &__lot-number-like {
     position: relative;
 
-    & > :not(.#{$px}-object-tile__lot-number) {
+    & > :not(.#{$px}-object-tile__lot-number):not(.#{$px}-object-tile__lot-badge) {
       position: absolute;
       right: 0;
       top: 50%;
       transform: translateY(-50%);
     }
+
+    .#{$px}-object-tile__lot-badge {
+      display: inline-block;
+      position: absolute;
+      left: 4%;
+
+      svg {
+        height: 100%;
+        width: 100%;
+
+        path {
+          fill: $pure-black;
+        }
+      }
+    } 
   }
 
   & .#{$px}-object-tile__lot-number {
     margin-bottom: $spacing-xsm;
+    display: inline-block;
   }
 
   & .#{$px}-object-tile__maker,

package/dist/site-furniture/Header/Header.js

@@ -1,39 +1,39 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import t, { createContext as j, forwardRef as R, useState as V } from "react";
-import s from "../../node_modules/classnames/index.js";
-import { findChildrenOfType as c, findChildrenExcludingTypes as w, px as e } from "../../utils/index.js";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import r, { createContext as j, forwardRef as R, useState as V } from "react";
+import l from "../../node_modules/classnames/index.js";
+import { findChildrenOfType as s, findChildrenExcludingTypes as w, px as e } from "../../utils/index.js";
 import L from "../../assets/PhillipsLogo.svg.js";
-import f from "../../patterns/UserManagement/UserManagement.js";
-import u from "../../patterns/LanguageSelector/LanguageSelector.js";
+import u from "../../patterns/UserManagement/UserManagement.js";
+import f from "../../patterns/LanguageSelector/LanguageSelector.js";
 import _ from "../../components/Navigation/Navigation.js";
 import { defaultHeaderContext as k } from "./utils.js";
 import { SSRMediaQuery as q } from "../../providers/SeldonProvider/utils.js";
 import { useMobileMenu as A } from "./hooks.js";
 const I = j(k), Q = R(
   ({
-    logo: d = /* @__PURE__ */ a(L, {}),
+    logo: i = /* @__PURE__ */ a(L, {}),
     logoHref: v = "/",
     className: E,
-    children: r,
-    toggleOpenText: x = "Open Menu",
+    children: t,
+    toggleOpenText: C = "Open Menu",
     toggleCloseText: M = "Close Menu",
-    logoText: y = "Home Page",
-    disabled: p,
-    ...$
-  }, b) => {
-    const o = c(r, f), C = t.isValidElement(o == null ? void 0 : o[0]) ? t.cloneElement(o[0], { disabled: p }) : "", n = c(r, u), h = t.isValidElement(n == null ? void 0 : n[0]) ? t.cloneElement(n[0], { disabled: p }) : "", [g, N] = V(!1), S = c(r, _), H = w(r, [_, f, u]), { closeMenu: T, handleMenuToggle: O, isMenuOpen: m, toggleText: P } = A({ toggleOpenText: x, toggleCloseText: M });
-    return /* @__PURE__ */ i("header", { ...$, className: s(`${e}-header`, E), ref: b, children: [
-      /* @__PURE__ */ i("div", { className: `${e}-header__top-row`, children: [
-        /* @__PURE__ */ a(q.Media, { greaterThanOrEqual: "md", children: h }),
-        /* @__PURE__ */ i(
+    logoText: x = "Home Page",
+    disabled: m,
+    ...y
+  }, S) => {
+    const c = s(t, u), $ = r.isValidElement(c?.[0]) ? r.cloneElement(c[0], { disabled: m }) : "", h = s(t, f), p = r.isValidElement(h?.[0]) ? r.cloneElement(h[0], { disabled: m }) : "", [g, b] = V(!1), N = s(t, _), H = w(t, [_, u, f]), { closeMenu: T, handleMenuToggle: O, isMenuOpen: d, toggleText: P } = A({ toggleOpenText: C, toggleCloseText: M });
+    return /* @__PURE__ */ o("header", { ...y, className: l(`${e}-header`, E), ref: S, children: [
+      /* @__PURE__ */ o("div", { className: `${e}-header__top-row`, children: [
+        /* @__PURE__ */ a(q.Media, { greaterThanOrEqual: "md", children: p }),
+        /* @__PURE__ */ o(
           "button",
           {
             "aria-label": P,
             "data-testid": "mobile-menu-toggle",
             type: "button",
             onClick: O,
-            className: s(`${e}-header__toggle-btn`, {
-              [`${e}-header__toggle-btn--open`]: m
+            className: l(`${e}-header__toggle-btn`, {
+              [`${e}-header__toggle-btn--open`]: d
             }),
             children: [
               /* @__PURE__ */ a("span", {}),
@@ -41,27 +41,27 @@ const I = j(k), Q = R(
             ]
           }
         ),
-        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: v, "aria-label": y, children: typeof d == "object" ? d : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: d }) }) }),
-        C
+        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: v, "aria-label": x, children: typeof i == "object" ? i : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: i }) }) }),
+        $
       ] }),
-      /* @__PURE__ */ a("div", { className: s(`${e}-header__nav`, { [`${e}-header__nav--closed`]: !m }), children: /* @__PURE__ */ i(
+      /* @__PURE__ */ a("div", { className: l(`${e}-header__nav`, { [`${e}-header__nav--closed`]: !d }), children: /* @__PURE__ */ o(
         I.Provider,
         {
           value: {
-            isMenuOpen: m,
+            isMenuOpen: d,
             isSearchExpanded: g,
-            setIsSearchExpanded: N,
+            setIsSearchExpanded: b,
             closeMenu: T
           },
           children: [
-            t.Children.map(
-              S,
-              (l) => t.isValidElement(l) ? t.cloneElement(l, {
+            r.Children.map(
+              N,
+              (n) => r.isValidElement(n) ? r.cloneElement(n, {
                 children: [
-                  ...t.Children.toArray(l.props.children),
-                  h
+                  ...r.Children.toArray(n.props.children),
+                  p
                 ]
-              }) : l
+              }) : n
             ),
             H
           ]
@@ -70,7 +70,7 @@ const I = j(k), Q = R(
       /* @__PURE__ */ a(
         "div",
         {
-          className: s(`${e}-header__overlay`, {
+          className: l(`${e}-header__overlay`, {
             [`${e}-header__overlay--active`]: g
           })
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.119.0",
+  "version": "1.121.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -72,6 +72,7 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^10.1.0",
+    "@storybook/addon-a11y": "^8.5.8",
     "@storybook/addon-essentials": "^8.5.0",
     "@storybook/addon-interactions": "^8.5.0",
     "@storybook/addon-links": "^8.5.0",