@phillips/seldon 1.147.0 → 1.149.0

package/dist/assets/pictograms/formatted/Chat.d.ts

@@ -0,0 +1,9 @@
+interface ChatProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Chat: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<ChatProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Chat;

package/dist/assets/pictograms/formatted/Chat.js

@@ -0,0 +1,44 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { memo as v, forwardRef as m } from "react";
+import { kebabCase as s } from "../../../node_modules/change-case/dist/index.js";
+const w = v(
+  m((t, o) => {
+    const { color: a, height: h, width: r, title: l, titleId: d } = t, i = d || s(l || "");
+    return /* @__PURE__ */ n(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: h,
+        width: r,
+        role: "img",
+        ref: o,
+        "aria-labelledby": i,
+        ...t,
+        children: [
+          l ? /* @__PURE__ */ e("title", { id: i, children: l }) : null,
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: a,
+              d: "M17 30a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM29 30a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2zM41 30a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2z"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: a,
+              fillRule: "evenodd",
+              d: "m21.667 50-11.334 8v-8H4V11h56v39zM13 52.853v-5.52H6.667V13.667h50.666v33.666H20.82z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/CreditCard.d.ts

@@ -0,0 +1,9 @@
+interface CreditCardProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const CreditCard: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<CreditCardProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default CreditCard;

package/dist/assets/pictograms/formatted/CreditCard.js

@@ -0,0 +1,31 @@
+import { jsxs as v, jsx as l } from "react/jsx-runtime";
+import { memo as m, forwardRef as a } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const u = m(
+  a((i, o) => {
+    const { color: e, height: r, width: h, title: t, titleId: n } = i, d = n || f(t || "");
+    return /* @__PURE__ */ v(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: h,
+        role: "img",
+        ref: o,
+        "aria-labelledby": d,
+        ...i,
+        children: [
+          t ? /* @__PURE__ */ l("title", { id: d, children: t }) : null,
+          /* @__PURE__ */ l("path", { fill: e, d: "M24 36H10v3h14zM17 42h-7v3h7z" }),
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M42 35h12v10H42zm9 3h-6v4h6z", clipRule: "evenodd" }),
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M4 14h56v36H4zm3 3h50v3H7zm0 6v24h50V23z", clipRule: "evenodd" })
+        ]
+      }
+    );
+  })
+);
+export {
+  u as default
+};

package/dist/assets/pictograms/formatted/Form.d.ts

@@ -0,0 +1,9 @@
+interface FormProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Form: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<FormProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Form;

package/dist/assets/pictograms/formatted/Form.js

@@ -0,0 +1,31 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { memo as m, forwardRef as f } from "react";
+import { kebabCase as a } from "../../../node_modules/change-case/dist/index.js";
+const z = m(
+  f((i, d) => {
+    const { color: e, height: h, width: r, title: t, titleId: v } = i, o = v || a(t || "");
+    return /* @__PURE__ */ n(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: h,
+        width: r,
+        role: "img",
+        ref: d,
+        "aria-labelledby": o,
+        ...i,
+        children: [
+          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M19 39v10h26V39zm23 3H22v4h20z", clipRule: "evenodd" }),
+          /* @__PURE__ */ l("path", { fill: e, d: "M19 16h26v3H19zM19 22h26v3H19zM39 28h6v3h-6zM19 28h16v3H19z" }),
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M10 4v56h44V4zm41 3H13v50h38z", clipRule: "evenodd" })
+        ]
+      }
+    );
+  })
+);
+export {
+  z as default
+};

package/dist/assets/pictograms/formatted/Live.d.ts

@@ -0,0 +1,9 @@
+interface LiveProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Live: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<LiveProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Live;

package/dist/assets/pictograms/formatted/Live.js

@@ -0,0 +1,35 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import { memo as h, forwardRef as m } from "react";
+import { kebabCase as n } from "../../../node_modules/change-case/dist/index.js";
+const p = h(
+  m((a, c) => {
+    const { color: i, height: o, width: r, title: l, titleId: s } = a, t = s || n(l || "");
+    return /* @__PURE__ */ d(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: o,
+        width: r,
+        role: "img",
+        ref: c,
+        "aria-labelledby": t,
+        ...a,
+        children: [
+          l ? /* @__PURE__ */ e("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: i,
+              d: "M11.939 11.94 13 13l1.061 1.06-.012.012a9 9 0 0 0-.284.303c-.201.222-.495.556-.851.993a31.4 31.4 0 0 0-2.624 3.772C8.372 22.376 6.5 26.86 6.5 32s1.872 9.623 3.79 12.86a31.4 31.4 0 0 0 2.624 3.771 24 24 0 0 0 1.08 1.24l.037.038.018.019.012.011L13 51c-1.06 1.061-1.061 1.061-1.062 1.06l-.003-.003-.007-.007-.023-.023a12 12 0 0 1-.358-.382 27 27 0 0 1-.96-1.12A34.4 34.4 0 0 1 7.71 46.39C5.628 42.876 3.5 37.86 3.5 32s2.128-10.877 4.21-14.39a34.4 34.4 0 0 1 2.876-4.135 27 27 0 0 1 1.24-1.42l.079-.08.023-.024.007-.008.002-.002zM19.938 19.94 21 21l1.061 1.06.003-.002-.019.019q-.03.03-.096.105c-.088.1-.223.257-.388.47a13.7 13.7 0 0 0-1.238 1.929C19.415 26.285 18.5 28.794 18.5 32s.915 5.715 1.823 7.419c.455.853.907 1.5 1.238 1.928a9 9 0 0 0 .484.576l.019.02-.002-.002c0-.001-.001-.002-1.062 1.059-1.06 1.06-1.061 1.06-1.062 1.06l-.003-.004-.006-.006-.016-.016a5 5 0 0 1-.206-.223c-.13-.147-.308-.356-.518-.627a16.7 16.7 0 0 1-1.512-2.353C16.585 38.785 15.5 35.793 15.5 32c0-3.794 1.085-6.785 2.177-8.831a16.7 16.7 0 0 1 1.512-2.353 12 12 0 0 1 .676-.8l.048-.05.016-.017.006-.005.002-.003zM49.939 14.06 51 13l1.061-1.06.004.004.007.007.023.023.079.082q.1.105.279.3c.236.258.566.635.96 1.12a34.4 34.4 0 0 1 2.877 4.134c2.082 3.513 4.21 8.53 4.21 14.39s-2.128 10.877-4.21 14.39a34.4 34.4 0 0 1-2.876 4.135 27 27 0 0 1-1.24 1.419l-.079.082-.023.023-.007.007-.004.004L51 51l-1.061-1.06.012-.012.03-.032.025-.025q.076-.08.229-.246c.201-.222.495-.556.851-.994a31.4 31.4 0 0 0 2.624-3.77C55.628 41.622 57.5 37.14 57.5 32s-1.872-9.623-3.79-12.86a31.4 31.4 0 0 0-2.624-3.772 24 24 0 0 0-1.08-1.239l-.055-.057zM41.938 22.06 43 21c1.06-1.06 1.061-1.06 1.062-1.06v.001l.003.003.006.006.016.016a5 5 0 0 1 .206.223c.13.146.308.356.518.627.42.541.967 1.33 1.513 2.353 1.09 2.046 2.176 5.037 2.176 8.83 0 3.795-1.085 6.786-2.176 8.832a16.7 16.7 0 0 1-1.513 2.353 12 12 0 0 1-.676.8l-.048.05-.016.016-.006.006-.003.004L43 43c-1.06-1.06-1.061-1.06-1.062-1.06l.017-.017.096-.105c.088-.1.223-.257.388-.47.33-.428.783-1.076 1.237-1.929.91-1.704 1.824-4.213 1.824-7.42 0-3.205-.915-5.714-1.824-7.418-.454-.853-.906-1.501-1.237-1.928a9 9 0 0 0-.484-.576zM29 30h6v6h-1.5v21h-3V36H29z"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  p as default
+};

package/dist/assets/pictograms/formatted/MobilePhone.d.ts

@@ -0,0 +1,9 @@
+interface MobilePhoneProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const MobilePhone: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<MobilePhoneProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default MobilePhone;

package/dist/assets/pictograms/formatted/MobilePhone.js

@@ -0,0 +1,30 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { memo as s, forwardRef as a } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const w = s(
+  a((t, r) => {
+    const { color: i, height: d, width: h, title: e, titleId: n } = t, o = n || f(e || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: d,
+        width: h,
+        role: "img",
+        ref: r,
+        "aria-labelledby": o,
+        ...t,
+        children: [
+          e ? /* @__PURE__ */ l("title", { id: o, children: e }) : null,
+          /* @__PURE__ */ l("path", { fill: i, d: "M32 12h-6V9h6zM27 55v-3h10v3zM37 12h-3V9h3z" }),
+          /* @__PURE__ */ l("path", { fill: i, fillRule: "evenodd", d: "M16 4h32v56H16zm3 3h26v50H19z", clipRule: "evenodd" })
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Notification.d.ts

@@ -0,0 +1,9 @@
+interface NotificationProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Notification: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<NotificationProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Notification;

package/dist/assets/pictograms/formatted/Notification.js

@@ -0,0 +1,45 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { memo as h, forwardRef as n } from "react";
+import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
+const w = h(
+  n((i, a) => {
+    const { color: t, height: r, width: s, title: e, titleId: d } = i, o = d || m(e || "");
+    return /* @__PURE__ */ c(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: s,
+        role: "img",
+        ref: a,
+        "aria-labelledby": o,
+        ...i,
+        children: [
+          e ? /* @__PURE__ */ l("title", { id: o, children: e }) : null,
+          /* @__PURE__ */ l("path", { fill: t, d: "M32 57.5c4.25 0 5-3 5-3H27s.75 3 5 3" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              stroke: t,
+              strokeLinecap: "square",
+              strokeWidth: 3,
+              d: "M32 12.5c4.614 0 7.05 2.528 8.416 5.186.694 1.35 1.095 2.718 1.321 3.758a16 16 0 0 1 .258 1.569l.008.078v.016l.004.04.006.044v.01q.002.01.004.026l.013.103.052.383a125.507 125.507 0 0 0 .943 5.813c.317 1.686.7 3.5 1.136 5.115.425 1.574.937 3.104 1.553 4.13 1.119 1.866 2.755 3.488 4.054 4.613a29 29 0 0 0 1.68 1.351l.052.038V51.5h-39v-6.727l.052-.038c.43-.32 1.022-.78 1.68-1.351 1.299-1.125 2.935-2.747 4.054-4.612.616-1.027 1.128-2.557 1.553-4.131.436-1.616.82-3.429 1.136-5.115a126 126 0 0 0 .943-5.813l.052-.383.013-.102.003-.027.001-.007v-.003l.006-.043.002-.043h.001l.001-.014.008-.078q.01-.11.039-.331c.039-.294.106-.721.219-1.238.226-1.04.627-2.408 1.321-3.758C24.949 15.028 27.386 12.5 32 12.5Z"
+            }
+          ),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: t,
+              d: "m20.178 11.93-.305.385a18.5 18.5 0 0 0-3.845 9.237l-.069.675-.165 1.971-2.99-.25.166-1.972.08-.786a21.5 21.5 0 0 1 4.468-10.733l.304-.387zM46.482 10.457l.478.629a21.5 21.5 0 0 1 4.07 10.89l.166 1.971-2.99.251-.165-1.97a18.5 18.5 0 0 0-3.503-9.372l-.411-.54-.305-.386 2.356-1.86zM34 6v3h-4V6z"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Phone.d.ts

@@ -0,0 +1,9 @@
+interface PhoneProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Phone: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<PhoneProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Phone;

package/dist/assets/pictograms/formatted/Phone.js

@@ -0,0 +1,56 @@
+import { jsxs as v, jsx as l } from "react/jsx-runtime";
+import { memo as a, forwardRef as f } from "react";
+import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
+const u = a(
+  f((d, o) => {
+    const { color: e, height: h, width: n, title: i, titleId: r } = d, t = r || m(i || "");
+    return /* @__PURE__ */ v(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: h,
+        width: n,
+        role: "img",
+        ref: o,
+        "aria-labelledby": t,
+        ...d,
+        children: [
+          i ? /* @__PURE__ */ l("title", { id: t, children: i }) : null,
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M7 4v15h12.5v-5.684h25V19H57V4zm3 12V7h44v9h-6.5v-5.684h-31V16z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ l("path", { fill: e, d: "M32 39a3 3 0 1 0 0 6 3 3 0 0 0 0-6" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M43 42c0 1.152-.177 2.263-.505 3.306l2.067 1.194-1.5 2.598-1.858-1.072A10.99 10.99 0 0 1 32 53c-6.075 0-11-4.925-11-11s4.925-11 11-11 11 4.925 11 11m-3 0a8 8 0 0 1-.193 1.755L38.5 43 37 45.598l1.6.924A8 8 0 1 1 40 42",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M25 18h3v6h8v-6h3v6h12.252L55 60H9l4.089-36H25zM12.36 57l3.407-30h32.781l3.123 30z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  u as default
+};

package/dist/assets/pictograms/formatted/Photos.d.ts

@@ -0,0 +1,9 @@
+interface PhotosProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Photos: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<PhotosProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Photos;

package/dist/assets/pictograms/formatted/Photos.js

@@ -0,0 +1,39 @@
+import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { memo as s, forwardRef as f } from "react";
+import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
+const w = s(
+  f((i, d) => {
+    const { color: e, height: r, width: a, title: t, titleId: h } = i, o = h || m(t || "");
+    return /* @__PURE__ */ n(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: a,
+        role: "img",
+        ref: d,
+        "aria-labelledby": o,
+        ...i,
+        children: [
+          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
+          /* @__PURE__ */ l("path", { fill: e, d: "M40.667 20.333a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M54 4H4v50h50zm-3 3H7v22.572l11.084-14.483L31.486 35.19l10.373-12.047L51 37.77zM7 51V34.508l10.916-14.263 11.682 17.523a2.167 2.167 0 0 0 3.445.212l8.431-9.791L51 43.43V51z",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ l("path", { fill: e, d: "M55.5 13.5v3H57V57H14.5v-1.5h-3V60H60V13.5z" })
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Search.d.ts

@@ -0,0 +1,9 @@
+interface SearchProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Search: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<SearchProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Search;

package/dist/assets/pictograms/formatted/Search.js

@@ -0,0 +1,44 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { memo as n, forwardRef as c } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const g = n(
+  c((t, r) => {
+    const { color: i, height: d, width: s, title: l, titleId: a } = t, o = a || f(l || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: d,
+        width: s,
+        role: "img",
+        ref: r,
+        "aria-labelledby": o,
+        ...t,
+        children: [
+          l ? /* @__PURE__ */ e("title", { id: o, children: l }) : null,
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: i,
+              d: "M16.02 30.85a10.485 10.485 0 0 1 4.988-17.679l-.57-2.448a13 13 0 0 0-6.03 3.258 13 13 0 0 0-.153 18.658z"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: i,
+              fillRule: "evenodd",
+              d: "M23 41c9.941 0 18-8.059 18-18S32.941 5 23 5 5 13.059 5 23s8.059 18 18 18m0-3c8.284 0 15-6.716 15-15S31.284 8 23 8 8 14.716 8 23s6.716 15 15 15M36.397 38.427s.568-.493 1.098-1.023 1.024-1.098 1.024-1.098l5.344 5.344 1.65-1.65L58.24 52.728l-5.657 5.657-12.728-12.728 1.885-1.886zm9.116 5.816-1.415 1.414 8.486 8.485 1.414-1.414z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  g as default
+};

package/dist/assets/pictograms/formatted/Shipping.d.ts

@@ -0,0 +1,9 @@
+interface ShippingProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Shipping: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<ShippingProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Shipping;

package/dist/assets/pictograms/formatted/Shipping.js

@@ -0,0 +1,37 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { memo as n, forwardRef as s } from "react";
+import { kebabCase as v } from "../../../node_modules/change-case/dist/index.js";
+const w = n(
+  s((e, o) => {
+    const { color: h, height: r, width: d, title: l, titleId: a } = e, t = a || v(l || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: d,
+        role: "img",
+        ref: o,
+        "aria-labelledby": t,
+        ...e,
+        children: [
+          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ i(
+            "path",
+            {
+              fill: h,
+              fillRule: "evenodd",
+              d: "M6 11h38v13h12.097l3.776 12.578a3 3 0 0 1 .127.863V46H49.981q.02.248.019.5a6.5 6.5 0 1 1-12.981-.5H21.98q.02.248.019.5A6.5 6.5 0 1 1 9.019 46H4v-6h2zm4.022 32a6.5 6.5 0 0 1 5.478-3 6.5 6.5 0 0 1 5.478 3h17.044A6.52 6.52 0 0 1 41 40.498V14H9v29zM57 43h-8.022A6.5 6.5 0 0 0 44 40.019V27h4.5v10.5H57zm-5.5-8.5V27h2.403l2.597 7.5zM23 20H11v3h12zm-6 6h-6v3h6zm26.5 24a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7M19 46.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Sign.d.ts

@@ -0,0 +1,9 @@
+interface SignProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Sign: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<SignProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Sign;

package/dist/assets/pictograms/formatted/Sign.js

@@ -0,0 +1,37 @@
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { memo as s, forwardRef as c } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const g = s(
+  c((e, o) => {
+    const { color: r, height: a, width: d, title: l, titleId: n } = e, t = n || f(l || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: a,
+        width: d,
+        role: "img",
+        ref: o,
+        "aria-labelledby": t,
+        ...e,
+        children: [
+          l ? /* @__PURE__ */ i("title", { id: t, children: l }) : null,
+          /* @__PURE__ */ i(
+            "path",
+            {
+              fill: r,
+              fillRule: "evenodd",
+              d: "m53.668 23.516 4.067-4.067a3.333 3.333 0 0 0 0-4.714l-9.428-9.428a3.333 3.333 0 0 0-4.714 0l-4.067 4.067a.5.5 0 0 0-.212.004L26.862 12.32a.5.5 0 0 0-.341.282L7.54 54.8a.5.5 0 0 0 .66.66l42.239-18.94a.5.5 0 0 0 .282-.342l2.943-12.452a.5.5 0 0 0 .004-.211M46.185 7.428l9.429 9.428c.13.13.13.341 0 .472l-3.772 3.77-9.9-9.899 3.772-3.77c.13-.131.341-.131.471 0m1.9 26.86-31.288 14.03 14.898-14.897-2.122-2.121-14.855 14.855L28.75 14.957l9.897-2.339 11.775 11.776z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  g as default
+};

package/dist/assets/pictograms/formatted/Submit.d.ts

@@ -0,0 +1,9 @@
+interface SubmitProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Submit: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<SubmitProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Submit;

package/dist/assets/pictograms/formatted/Submit.js

@@ -0,0 +1,38 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { memo as a, forwardRef as f } from "react";
+import { kebabCase as c } from "../../../node_modules/change-case/dist/index.js";
+const u = a(
+  f((t, r) => {
+    const { color: i, height: d, width: m, title: l, titleId: n } = t, o = n || c(l || "");
+    return /* @__PURE__ */ s(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: d,
+        width: m,
+        role: "img",
+        ref: r,
+        "aria-labelledby": o,
+        ...t,
+        children: [
+          l ? /* @__PURE__ */ e("title", { id: o, children: l }) : null,
+          /* @__PURE__ */ e("path", { fill: i, d: "m40.07 23 2.122 2.121-7.07 7.071L33 30.072z" }),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              fill: i,
+              fillRule: "evenodd",
+              d: "M2.824 29.078 56.93 7.096l-8.964 52.662-11.069-11.99L27.5 57.792V38.051zM30.5 40.837v9.37l4.358-4.649zM11.176 28.922l18.184 6.613c.325.118.617.313.852.567l15.821 17.14 7.036-41.339z",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  u as default
+};

package/dist/assets/pictograms/formatted/Timer.d.ts

@@ -0,0 +1,9 @@
+interface TimerProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Timer: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<TimerProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Timer;

package/dist/assets/pictograms/formatted/Timer.js

@@ -0,0 +1,39 @@
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { memo as n, forwardRef as a } from "react";
+import { kebabCase as f } from "../../../node_modules/change-case/dist/index.js";
+const w = n(
+  a((i, r) => {
+    const { color: e, height: d, width: h, title: t, titleId: s } = i, o = s || f(t || "");
+    return /* @__PURE__ */ m(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: d,
+        width: h,
+        role: "img",
+        ref: r,
+        "aria-labelledby": o,
+        ...i,
+        children: [
+          t ? /* @__PURE__ */ l("title", { id: o, children: t }) : null,
+          /* @__PURE__ */ l("path", { fill: e, d: "M33.5 23h-3v9H29v6h6v-1.5h13v-3H35V32h-1.5z" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M57 35c0 13.807-11.193 25-25 25S7 48.807 7 35s11.193-25 25-25 25 11.193 25 25m-3 0c0 12.15-9.85 22-22 22s-22-9.85-22-22 9.85-22 22-22 22 9.85 22 22",
+              clipRule: "evenodd"
+            }
+          ),
+          /* @__PURE__ */ l("path", { fill: e, d: "M25 4h14v3h-5.5v1.667h-3V7H25zM16.364 13.121 14.243 11 10 15.243l2.121 2.121z" })
+        ]
+      }
+    );
+  })
+);
+export {
+  w as default
+};

package/dist/assets/pictograms/formatted/Verification.d.ts

@@ -0,0 +1,9 @@
+interface VerificationProps extends React.HTMLAttributes<SVGSVGElement> {
+    color?: string;
+    height?: number | string;
+    width?: number | string;
+    title?: string;
+    titleId?: string;
+}
+declare const Verification: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<VerificationProps & import('react').RefAttributes<SVGSVGElement>>>;
+export default Verification;

package/dist/assets/pictograms/formatted/Verification.js

@@ -0,0 +1,39 @@
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
+import { memo as f, forwardRef as v } from "react";
+import { kebabCase as m } from "../../../node_modules/change-case/dist/index.js";
+const u = f(
+  v((t, d) => {
+    const { color: e, height: r, width: h, title: i, titleId: n } = t, o = n || m(i || "");
+    return /* @__PURE__ */ a(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 64 64",
+        height: r,
+        width: h,
+        role: "img",
+        ref: d,
+        "aria-labelledby": o,
+        ...t,
+        children: [
+          i ? /* @__PURE__ */ l("title", { id: o, children: i }) : null,
+          /* @__PURE__ */ l("path", { fill: e, fillRule: "evenodd", d: "M10 29V17h12v12zm3-9h6v6h-6z", clipRule: "evenodd" }),
+          /* @__PURE__ */ l("path", { fill: e, d: "M26 18h19v3H26zM26 24h19v3H26zM55.121 37.5 46 46.621 40.879 41.5 43 39.379l3 3 7-7z" }),
+          /* @__PURE__ */ l(
+            "path",
+            {
+              fill: e,
+              fillRule: "evenodd",
+              d: "M4 43h32.166c.952 5.675 5.888 10 11.834 10 6.627 0 12-5.373 12-12 0-4.843-2.869-9.016-7-10.912V11H4zm46-13.834V14H7v20h31.252c2.178-3.028 5.733-5 9.748-5q1.023.001 2 .166M36.683 37H7v3h29.041a12 12 0 0 1 .642-3M48 50a9 9 0 1 0 0-18 9 9 0 0 0 0 18",
+              clipRule: "evenodd"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  u as default
+};

package/dist/assets/pictograms/formatted/index.d.ts

@@ -0,0 +1,14 @@
+export { default as Chat } from './Chat';
+export { default as CreditCard } from './CreditCard';
+export { default as Form } from './Form';
+export { default as Live } from './Live';
+export { default as MobilePhone } from './MobilePhone';
+export { default as Notification } from './Notification';
+export { default as Phone } from './Phone';
+export { default as Photos } from './Photos';
+export { default as Search } from './Search';
+export { default as Shipping } from './Shipping';
+export { default as Sign } from './Sign';
+export { default as Submit } from './Submit';
+export { default as Timer } from './Timer';
+export { default as Verification } from './Verification';

package/dist/assets/pictograms/formatted/index.js

@@ -0,0 +1,30 @@
+import { default as t } from "./Chat.js";
+import { default as a } from "./CreditCard.js";
+import { default as m } from "./Form.js";
+import { default as p } from "./Live.js";
+import { default as s } from "./MobilePhone.js";
+import { default as i } from "./Notification.js";
+import { default as h } from "./Phone.js";
+import { default as S } from "./Photos.js";
+import { default as C } from "./Search.js";
+import { default as b } from "./Shipping.js";
+import { default as v } from "./Sign.js";
+import { default as L } from "./Submit.js";
+import { default as N } from "./Timer.js";
+import { default as V } from "./Verification.js";
+export {
+  t as Chat,
+  a as CreditCard,
+  m as Form,
+  p as Live,
+  s as MobilePhone,
+  i as Notification,
+  h as Phone,
+  S as Photos,
+  C as Search,
+  b as Shipping,
+  v as Sign,
+  L as Submit,
+  N as Timer,
+  V as Verification
+};

package/dist/components/AuctionTile/AuctionTile.d.ts

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+export type AuctionTileProps = ComponentProps<'div'> & {
+    imageSrc: string;
+    imageAlt?: string;
+    type: string;
+    title: string;
+    date: string;
+    location: string;
+};
+/**
+ * ## Overview
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/RW-Design-System?node-id=22259-4172&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-auctiontile--overview)
+ */
+declare const AuctionTile: import('react').ForwardRefExoticComponent<Omit<AuctionTileProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default AuctionTile;

package/dist/components/AuctionTile/AuctionTile.js

@@ -0,0 +1,27 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { getCommonProps as N } from "../../utils/index.js";
+import g from "../../node_modules/classnames/index.js";
+import { TextVariants as r } from "../Text/types.js";
+import e from "../Text/Text.js";
+const u = v(
+  ({ className: o, imageSrc: n, imageAlt: m = "Auction Image", type: c, title: l, date: d, location: p, ...t }, f) => {
+    const { className: i, ...h } = N(t, "AuctionTile"), _ = { ...h, ...t };
+    return /* @__PURE__ */ s("div", { ..._, className: g(i, o), ref: f, children: [
+      /* @__PURE__ */ a("div", { className: `${i}__image`, children: /* @__PURE__ */ a("img", { src: n, alt: m }) }),
+      /* @__PURE__ */ s("div", { className: `${i}__details`, children: [
+        /* @__PURE__ */ a(e, { variant: r.badge, children: c }),
+        /* @__PURE__ */ a(e, { variant: r.title4, children: l }),
+        /* @__PURE__ */ s("div", { className: `${i}__date_location`, children: [
+          /* @__PURE__ */ a(e, { variant: r.string2, children: d }),
+          /* @__PURE__ */ a("span", { className: `${i}__separator`, children: "•" }),
+          /* @__PURE__ */ a(e, { variant: r.string2, children: p })
+        ] })
+      ] })
+    ] });
+  }
+);
+u.displayName = "AuctionTile";
+export {
+  u as default
+};

package/dist/components/AuctionTile/AuctionTile.stories.d.ts

@@ -0,0 +1,18 @@
+import { AuctionTileProps } from './AuctionTile';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<AuctionTileProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: AuctionTileProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        imageSrc: string;
+        type: string;
+        title: string;
+        date: string;
+        location: string;
+    };
+    argTypes: {};
+};
+export declare const MultipleAuctions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AuctionTile/AuctionTile.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/AuctionTile/index.d.ts

@@ -0,0 +1 @@
+export { default as AuctionTile, type AuctionTileProps } from './AuctionTile';

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,8 @@
 import { default as React } from 'react';
 import * as iconComponents from '../../assets/formatted';
+import * as pictogramComponents from '../../assets/pictograms/formatted';
 export type IconName = keyof typeof iconComponents;
+export type PictogramName = keyof typeof pictogramComponents;
 export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Height of the icon in px (number) or as a string with units (e.g. '1em')
@@ -17,7 +19,11 @@ export interface IconProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * Name of Icon to render
      */
-    icon: IconName;
+    icon: IconName | PictogramName;
+    /**
+     * Tells the Icon component that the icon prop refers to the name of a pictogram. This is only needed when rendering a pictogram that has the same name of an existing icon.
+     */
+    isPictogram?: boolean;
 }
 /**
  * ## Overview

package/dist/components/Icon/Icon.js

@@ -1,21 +1,22 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import d from "../../node_modules/classnames/index.js";
-import { getCommonProps as u, px as x } from "../../utils/index.js";
-import { getScssVar as C } from "../../utils/scssUtils.js";
-import * as N from "../../assets/formatted/index.js";
-const I = i(
-  ({ className: e, height: r, width: m, color: o, icon: s, ...t }, c) => {
-    const { className: p, ...l } = u(t, `Icon-${s}`), n = N[s], f = {
-      color: o === "currentColor" ? o : C(o ?? "", "$pure-black"),
-      ...r ? { height: r } : {},
-      ...m ? { width: m } : {},
-      ...l
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import x from "../../node_modules/classnames/index.js";
+import { getCommonProps as C, px as N } from "../../utils/index.js";
+import { getScssVar as $ } from "../../utils/scssUtils.js";
+import * as I from "../../assets/formatted/index.js";
+import * as n from "../../assets/pictograms/formatted/index.js";
+const P = u(
+  ({ className: t, height: m, width: s, color: r, icon: o, isPictogram: p, ...c }, f) => {
+    const { className: l, ...i } = C(c, `Icon-${o}`), a = p ? n[o] : I[o] || n[o], d = {
+      color: r === "currentColor" ? r : $(r ?? "", "$pure-black"),
+      ...m ? { height: m } : {},
+      ...s ? { width: s } : {},
+      ...i
     };
-    return n ? /* @__PURE__ */ a("div", { className: d(`${x}-icon`, p, e), ref: c, children: /* @__PURE__ */ a(n, { ...f }) }) : null;
+    return a ? /* @__PURE__ */ e("div", { className: x(`${N}-icon`, l, t), ref: f, children: /* @__PURE__ */ e(a, { ...d }) }) : null;
   }
 );
-I.displayName = "Icon";
+P.displayName = "Icon";
 export {
-  I as default
+  P as default
 };

package/dist/components/Icon/index.d.ts

@@ -1 +1 @@
-export { default as Icon, type IconProps, type IconName } from './Icon';
+export { default as Icon, type IconProps, type IconName, type PictogramName } from './Icon';

package/dist/components/Pictogram/Pictogram.d.ts

@@ -0,0 +1,29 @@
+import { ComponentProps } from 'react';
+import { PictogramName } from '../Icon';
+export interface PictogramProps extends ComponentProps<'div'> {
+    /**
+     * Name of Pictogram to render
+     */
+    pictogram: PictogramName;
+    /**
+     * Size of the Pictogram
+     */
+    size: string;
+    /**
+     * Color of the Pictogram
+     */
+    color: string;
+}
+/**
+ * ## Overview
+ *
+ * Component for rendering pictograms. Accepts a pictogram name and renders the corresponding SVG icon at the size specified. Also accepts a color parameter to change the fill color of the pictogram.
+ *
+ * Overview of this widget
+ *
+ * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/RW-Design-System?node-id=22564-5919&m=dev)
+ *
+ * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-pictogram--overview)
+ */
+declare const Pictogram: import('react').ForwardRefExoticComponent<Omit<PictogramProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default Pictogram;

package/dist/components/Pictogram/Pictogram.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { getCommonProps as f } from "../../utils/index.js";
+import P from "../../node_modules/classnames/index.js";
+import g from "../Icon/Icon.js";
+const l = p(({ className: r, pictogram: t, size: o, color: a, ...m }, s) => {
+  const { className: c, ...e } = f(m, "Pictogram"), i = { ...e, ...m };
+  return /* @__PURE__ */ n(
+    g,
+    {
+      ...i,
+      className: P(c, r),
+      icon: t,
+      height: o,
+      width: o,
+      color: a,
+      isPictogram: !0,
+      ref: s
+    }
+  );
+});
+l.displayName = "Pictogram";
+export {
+  l as default
+};

package/dist/components/Pictogram/Pictogram.stories.d.ts

@@ -0,0 +1,21 @@
+import { PictogramProps } from './Pictogram';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<PictogramProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};
+export default meta;
+export declare const Playground: {
+    (props: PictogramProps): import("react/jsx-runtime").JSX.Element;
+    args: {
+        pictogram: string;
+        size: string;
+        color: string;
+    };
+    argTypes: {
+        pictogram: string[];
+        color: {
+            control: string;
+            options: string[];
+        };
+    };
+};

package/dist/components/Pictogram/Pictogram.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Pictogram/index.d.ts

@@ -0,0 +1 @@
+export { default as Pictogram, type PictogramProps } from './Pictogram';

package/dist/design/icons/PictogramGrid.d.ts

@@ -0,0 +1,2 @@
+import { PictogramProps } from '../../components/Pictogram';
+export declare const PictogramGrid: (props: PictogramProps) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -81,3 +81,5 @@ export * from './patterns/BidSnapshot';
 export * from './patterns/FilterMenu';
 export * from './patterns/ObjectTile';
 export * from './utils/hooks';
+export * from './components/Pictogram';
+export * from './components/AuctionTile';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { PaddingTokens as a, SpacingTokens as f, defaultYear as s, emailValidation as l, encodeURLSearchParams as d, findChildrenExcludingTypes as m, findChildrenOfType as p, focusElementById as u, generatePaddingClassName as i, getCommonProps as x, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
-import { SSRMediaQuery as B, ssrMediaQueryStyle as P } from "./providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as P, ssrMediaQueryStyle as A } from "./providers/SeldonProvider/utils.js";
 import { usePendingState as L } from "./utils/hooks.js";
 import { AuctionStatus as b, LotStatus as V, SupportedLanguages as h } from "./types/commonTypes.js";
 import { default as v } from "./components/Button/Button.js";
@@ -27,8 +27,8 @@ import { default as ie } from "./components/Detail/Detail.js";
 import { default as ne } from "./components/Drawer/Drawer.js";
 import { default as ce } from "./components/Dropdown/Dropdown.js";
 import { default as Ce } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { Grid as Be } from "./components/Grid/Grid.js";
-import { default as Ae } from "./components/GridItem/GridItem.js";
+import { Grid as Pe } from "./components/Grid/Grid.js";
+import { default as Be } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Ie } from "./components/GridItem/types.js";
 import { default as Ve } from "./components/Input/Input.js";
 import { default as ke } from "./components/Link/Link.js";
@@ -53,8 +53,8 @@ import { default as pt } from "./components/Tabs/TabsContent.js";
 import { Tag as it, default as xt } from "./components/Tags/Tags.js";
 import { TextAlignments as gt, TextVariants as ct } from "./components/Text/types.js";
 import { default as Ct } from "./components/Text/Text.js";
-import { TextSymbolVariants as Bt } from "./components/TextSymbol/types.js";
-import { default as At } from "./components/TextSymbol/TextSymbol.js";
+import { TextSymbolVariants as Pt } from "./components/TextSymbol/types.js";
+import { default as Bt } from "./components/TextSymbol/TextSymbol.js";
 import { default as It } from "./components/Video/Video.js";
 import { default as Vt } from "./patterns/DetailList/DetailList.js";
 import { DetailListAlignment as kt } from "./patterns/DetailList/types.js";
@@ -80,7 +80,7 @@ import { default as xo } from "./components/Countdown/Countdown.js";
 import { CountdownVariants as go } from "./components/Countdown/types.js";
 import { default as So } from "./components/Divider/Divider.js";
 import { default as To } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Po } from "./components/Filter/Filter.js";
+import { default as Ao } from "./components/Filter/Filter.js";
 import { default as Lo } from "./components/Filter/FilterInput.js";
 import { default as bo } from "./components/Filter/FilterHeader.js";
 import { default as ho } from "./components/TextArea/TextArea.js";
@@ -94,6 +94,8 @@ import { default as Ro } from "./patterns/BidSnapshot/BidMessage.js";
 import { BidMessageVariants as jo, BidStatusEnum as zo } from "./patterns/BidSnapshot/types.js";
 import { default as Yo } from "./patterns/FilterMenu/FilterMenu.js";
 import { default as qo } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Ko } from "./components/Pictogram/Pictogram.js";
+import { default as _o } from "./components/AuctionTile/AuctionTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
@@ -103,6 +105,7 @@ export {
   Mo as AddToCalendar,
   uo as Article,
   b as AuctionStatus,
+  _o as AuctionTile,
   Yt as AuthState,
   Ro as BidMessage,
   jo as BidMessageVariants,
@@ -133,13 +136,13 @@ export {
   Ce as ErrorBoundary,
   wt as FavoritesCollectionTile,
   To as FavoritingTileButton,
-  Po as Filter,
+  Ao as Filter,
   bo as FilterHeader,
   Lo as FilterInput,
   Yo as FilterMenu,
   so as Footer,
-  Be as Grid,
-  Ae as GridItem,
+  Pe as Grid,
+  Be as GridItem,
   Ie as GridItemAlign,
   mo as Header,
   Ht as HeroBanner,
@@ -162,9 +165,10 @@ export {
   C as Page,
   ao as PageContentWrapper,
   Ye as Pagination,
+  Ko as Pictogram,
   qe as PinchZoom,
   Ke as Row,
-  B as SSRMediaQuery,
+  P as SSRMediaQuery,
   Nt as SaleHeaderBanner,
   Ut as SaleHeaderBrowseAuctions,
   _e as Search,
@@ -186,8 +190,8 @@ export {
   Ct as Text,
   gt as TextAlignments,
   ho as TextArea,
-  Bt as TextSymbolVariants,
-  At as TextSymbols,
+  Pt as TextSymbolVariants,
+  Bt as TextSymbols,
   ct as TextVariants,
   vo as Toast,
   yo as ToastProvider,
@@ -204,7 +208,7 @@ export {
   x as getCommonProps,
   n as noOp,
   g as px,
-  P as ssrMediaQueryStyle,
+  A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   L as usePendingState,
   Do as useToast

package/dist/scss/componentStyles.scss

@@ -73,3 +73,4 @@
 @use 'components/Divider/divider';
 @use 'components/TextArea/textArea';
 @use 'components/AddToCalendar/addToCalendar';
+@use 'components/AuctionTile/auctionTile';

package/dist/scss/components/AuctionTile/_auctionTile.scss

@@ -0,0 +1,38 @@
+@use '../../allPartials' as *;
+
+.#{$px}-auction-tile {
+  display: flex;
+  flex-direction: row;
+  gap: $spacing-sm;
+
+  &__image {
+    aspect-ratio: 16/9;
+    max-width: $spacing-xxxl;
+    min-width: 90px;
+
+    @include media($size-xl) {
+      max-width: calc($spacing-xxxl * 1.25);
+    }
+
+    img {
+      object-fit: cover;
+    }
+  }
+
+  &__details {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    gap: $spacing-micro;
+  }
+
+  &__date_info {
+    display: flex;
+    flex-direction: row;
+  }
+
+  &__separator {
+    margin: 0 8px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.147.0",
+  "version": "1.149.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -38,7 +38,8 @@
     "lint:styles": "stylelint \"src/**/*.scss\" --fix",
     "lint:md": "markdownlint \"src/**/*.{md,mdx}\" --fix",
     "prepare": "husky install",
-    "icons:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/formatted --ignore-existing -- src/assets"
+    "icons:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/formatted --ignore-existing -- src/assets",
+    "pictograms:format": "npx @svgr/cli --config-file svgr.config.cjs --out-dir src/assets/pictograms/formatted --ignore-existing -- src/assets/pictograms"
   },
   "dependencies": {
     "@artsy/fresnel": "^7.1.4",