@phillips/seldon 1.67.1 → 1.68.0

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AccordionItemVariant } from './types';
 export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement> {
     /**
      * When true, prevents border bottom style from being applied to the item.
@@ -9,9 +10,9 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     isLocked?: boolean;
     /**
-     * Determines whether the variation on text style is large or small.
+     * Determines whether the variant on text style is large or small.
      */
-    variation: string;
+    variant?: AccordionItemVariant;
     /**
      * Uniqueid for the Accordion Item.
      */
@@ -29,5 +30,5 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      */
     hasTransition?: boolean;
 }
-declare const AccordionItem: ({ isLocked, variation, id, label, isLastItem, hasTransition, children, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: ({ isLocked, variant, id, label, isLastItem, hasTransition, children, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/dist/components/Accordion/AccordionItem.js

@@ -1,12 +1,13 @@
-import { jsxs as h, jsx as o, Fragment as g } from "react/jsx-runtime";
+import { jsxs as g, jsx as o, Fragment as f } from "react/jsx-runtime";
 import { getCommonProps as v } from "../../utils/index.js";
 import $ from "../../assets/plus.svg.js";
-import f from "../../assets/minus.svg.js";
-import I from "../../assets/lock.svg.js";
-import m from "../../node_modules/classnames/index.js";
-import { Item as _, Trigger as C, Content as N } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-import { getIconClasses as p } from "./utils.js";
-const x = ({
+import I from "../../assets/minus.svg.js";
+import _ from "../../assets/lock.svg.js";
+import d from "../../node_modules/classnames/index.js";
+import { Item as C, Trigger as N, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import { AccordionItemVariant as h } from "./types.js";
+import { getIconClasses as u } from "./utils.js";
+const A = ({
   children: n,
   className: s,
   baseClassName: t,
@@ -14,97 +15,97 @@ const x = ({
   isLargeVariation: e,
   id: r
 }) => {
-  const a = c, l = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    I,
+  const i = c, l = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    _,
     {
-      className: p(t, e, "lock"),
+      className: u(t, e, "lock"),
       "data-testid": `${r}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), u = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+  ) }), p = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
     $,
     {
-      className: p(t, e, "plus"),
+      className: u(t, e, "plus"),
       "data-testid": `${r}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), i = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
-    f,
+  ) }), a = /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(
+    I,
     {
-      className: p(t, e, "minus"),
+      className: u(t, e, "minus"),
       "data-testid": `${r}-minusIcon`,
       "aria-hidden": !0
     }
   ) });
   return /* @__PURE__ */ o(
-    C,
+    N,
     {
       "data-disabled": c,
       asChild: !0,
-      className: m(t, { [`${t}--hoverable`]: !c }, s),
-      children: /* @__PURE__ */ h("div", { "data-testid": `${r}-trigger`, children: [
-        /* @__PURE__ */ o("div", { className: m(`${t}__text`, { [`${t}__text--lg`]: e }), children: n }),
-        a && l,
-        !a && u,
-        !a && i
+      className: d(t, { [`${t}--hoverable`]: !c }, s),
+      children: /* @__PURE__ */ g("div", { "data-testid": `${r}-trigger`, children: [
+        /* @__PURE__ */ o("div", { className: d(`${t}__text`, { [`${t}__text--lg`]: e }), children: n }),
+        i && l,
+        !i && p,
+        !i && a
       ] })
     }
   );
-}, A = ({
+}, k = ({
   children: n,
   baseClassName: s,
   disable: t,
   hasTransition: c,
   isLargeVariation: e,
   className: r
-}) => /* @__PURE__ */ o(g, { children: t && n ? /* @__PURE__ */ o("div", { children: n }) : /* @__PURE__ */ o(
-  N,
+}) => /* @__PURE__ */ o(f, { children: t && n ? /* @__PURE__ */ o("div", { children: n }) : /* @__PURE__ */ o(
+  x,
   {
     asChild: !0,
-    className: m(
+    className: d(
       { [`${s}__content--lg`]: e },
       { [`${s}--transition`]: c },
       r
     ),
     children: n
   }
-) }), H = ({
+) }), q = ({
   isLocked: n = !1,
-  variation: s,
+  variant: s = h.sm,
   id: t,
   label: c,
   isLastItem: e,
   hasTransition: r = !1,
-  children: a,
+  children: i,
   ...l
 }) => {
-  const { className: u } = v({ id: t }, "Accordion"), i = s === "lg", d = `${u}-item`;
-  return /* @__PURE__ */ h(
-    _,
+  const { className: p } = v({ id: t }, "Accordion"), a = s === h.lg, m = `${p}-item`;
+  return /* @__PURE__ */ g(
+    C,
     {
       disabled: n,
       value: t,
-      className: m(d, { [`${d}__border-bottom`]: !e }),
+      className: d(m, { [`${m}__border-bottom`]: !e }),
       ...l,
       children: [
         /* @__PURE__ */ o(
-          x,
+          A,
           {
             disable: n,
-            isLargeVariation: i,
+            isLargeVariation: a,
             id: t,
-            baseClassName: `${d}-label`,
+            baseClassName: `${m}-label`,
             children: c
           }
         ),
         /* @__PURE__ */ o(
-          A,
+          k,
           {
             disable: n,
             hasTransition: r,
-            isLargeVariation: i,
-            baseClassName: d,
-            children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: a })
+            isLargeVariation: a,
+            baseClassName: m,
+            children: /* @__PURE__ */ o("div", { className: "radix-accordion-content", children: i })
           }
         )
       ]
@@ -112,5 +113,5 @@ const x = ({
   );
 };
 export {
-  H as default
+  q as default
 };

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

@@ -1,2 +1,3 @@
 export { default as Accordion, type AccordionProps } from './Accordion';
 export { default as AccordionItem, type AccordionItemProps } from './AccordionItem';
+export { AccordionItemVariant, AccordionVariants } from './types';

package/dist/components/Accordion/types.d.ts

@@ -44,3 +44,22 @@ export declare enum AccordionVariants {
     singleNonCollapsible = "singleNonCollapsible"
 }
 export type AccordionVariantKey = keyof typeof AccordionVariants;
+export declare enum AccordionType {
+    single = "single",
+    multiple = "multiple"
+}
+export interface AccordionVariantProps {
+    /**
+     * Determines whether multiple elements can be opened at the same time or not.
+     */
+    type: AccordionType;
+    /**
+     * Determines if an open element can be closed by clicking on it.
+     * Only applicable to the `single` variants.
+     */
+    collapsible?: boolean;
+}
+export declare enum AccordionItemVariant {
+    lg = "lg",
+    sm = "sm"
+}

package/dist/components/Accordion/types.js

@@ -1,4 +1,6 @@
-var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {});
+var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.single = "single", l.multiple = "multiple", l))(s || {}), g = /* @__PURE__ */ ((l) => (l.lg = "lg", l.sm = "sm", l))(g || {});
 export {
+  g as AccordionItemVariant,
+  s as AccordionType,
   e as AccordionVariants
 };

package/dist/components/Accordion/utils.d.ts

@@ -1,15 +1,4 @@
-import { AccordionVariantKey } from './types';
-export interface AccordionVariantProps {
-    /**
-     * Determines whether multiple elements can be opened at the same time or not.
-     */
-    type: 'single' | 'multiple';
-    /**
-     * Determines if an open element can be closed by clicking on it.
-     * Only applicable to the `single` variants.
-     */
-    collapsible?: boolean;
-}
+import { AccordionVariantKey, AccordionVariantProps } from './types';
 /**
  * Sets the type and collapsible props based on the variant prop
  * The collapsible prop should only be passed when the variant is single

package/dist/components/Accordion/utils.js

@@ -1,12 +1,12 @@
-import n from "../../node_modules/classnames/index.js";
-import { AccordionVariants as l } from "./types.js";
-const r = (i) => {
-  const o = { type: "multiple" };
-  return i === l.singleCollapsible && (o.type = "single", o.collapsible = !0), i === l.singleNonCollapsible && (o.type = "single", o.collapsible = !1), o;
-}, p = (i, o, e) => n(`${i}__icon`, `${i}-${e}__icon`, {
+import s from "../../node_modules/classnames/index.js";
+import { AccordionType as l, AccordionVariants as e } from "./types.js";
+const c = (i) => {
+  const o = { type: l.multiple };
+  return i === e.singleCollapsible && (o.type = l.single, o.collapsible = !0), i === e.singleNonCollapsible && (o.type = l.single, o.collapsible = !1), o;
+}, p = (i, o, n) => s(`${i}__icon`, `${i}-${n}__icon`, {
   [`${i}__icon--lg`]: o
 });
 export {
-  r as getAccordionVariantProps,
+  c as getAccordionVariantProps,
   p as getIconClasses
 };

package/dist/components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js

@@ -8,36 +8,35 @@ import M from "../NavigationList/NavigationList.js";
 import O from "../../Accordion/Accordion.js";
 import y from "../../Accordion/AccordionItem.js";
 import { SSRMediaQuery as u } from "../../../providers/utils.js";
-const S = ({ id: i, label: r, children: a }) => /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
+const S = ({ id: i, label: r, children: t }) => /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(
   y,
   {
-    variation: "sm",
     hasTransition: !0,
     id: `accordion-item-${i}`,
     label: /* @__PURE__ */ e(f, { variant: p.snwHeaderLink, children: r }),
-    children: a
+    children: t
   },
   `accordion-key-${r}`
 ) }), C = $(
-  ({ id: i, label: r, children: a, className: g, onClick: v, ...h }, N) => {
-    const { className: n, ...t } = _({ id: i }, "NavigationItemTrigger"), [m, s] = I(!1), o = b(a, M);
+  ({ id: i, label: r, children: t, className: g, onClick: h, ...v }, N) => {
+    const { className: n, ...a } = _({ id: i }, "NavigationItemTrigger"), [m, s] = I(!1), o = b(t, M);
     return /* @__PURE__ */ d(T, { children: [
-      /* @__PURE__ */ e(u.Media, { lessThan: "md", children: /* @__PURE__ */ e(S, { id: i, label: r, ...t, children: o ? l.cloneElement(o[0], {
+      /* @__PURE__ */ e(u.Media, { lessThan: "md", children: /* @__PURE__ */ e(S, { id: i, label: r, ...a, children: o ? l.cloneElement(o[0], {
         className: `${n}__submenu--mobile`
       }) : void 0 }) }),
       /* @__PURE__ */ e(u.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ d(
         "li",
         {
-          ...t,
+          ...a,
           ref: N,
           "aria-expanded": m,
           className: x(g, n, `${c}-nav__item`, {
             [`${n}--hovered`]: m
           }),
-          onClick: v,
+          onClick: h,
           onMouseOver: () => s(!0),
           onMouseOut: () => s(!1),
-          ...h,
+          ...v,
           children: [
             /* @__PURE__ */ e("button", { className: `${c}-nav__item-trigger`, type: "button", children: /* @__PURE__ */ e(f, { variant: p.snwHeaderLink, children: r }) }),
             o ? l.cloneElement(o[0], { className: `${n}__submenu` }) : void 0

package/dist/components/Search/Search.d.ts

@@ -7,6 +7,10 @@ export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
      * @returns void
      */
     onSearch?: (searchQuery: string) => void;
+    /**
+     * called when the search is cancelled
+     */
+    onCancel?: () => void;
     /**
      * The search results to display
      */
@@ -40,5 +44,5 @@ export interface SearchProps extends React.HTMLAttributes<HTMLDivElement> {
      */
     invalidText?: string;
 }
-declare const Search: ({ onSearch, searchResults, state, defaultValue, className, placeholder, searchButtonText, loadingText, invalidText, getAllResultsText, getAllResultsLink, ...props }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Search: ({ onSearch, onCancel, searchResults, state, defaultValue, className, placeholder, searchButtonText, loadingText, invalidText, getAllResultsText, getAllResultsLink, ...props }: React.PropsWithChildren<SearchProps>) => import("react/jsx-runtime").JSX.Element;
 export default Search;

package/dist/components/Search/Search.js

@@ -1,145 +1,149 @@
 import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import i, { useEffect as y } from "react";
-import { getCommonProps as V, px as j, encodeURLSearchParams as g } from "../../utils/index.js";
+import c, { useEffect as V } from "react";
+import { getCommonProps as j, px as D, encodeURLSearchParams as I } from "../../utils/index.js";
 import f from "../../node_modules/classnames/index.js";
-import D from "../Input/Input.js";
-import H from "../Link/Link.js";
-import O from "./SearchResults/SearchResults.js";
-import { TextVariants as A } from "../Text/types.js";
-import F from "../Text/Text.js";
-import { useOnClickOutside as K } from "../../node_modules/usehooks-ts/dist/index.js";
-import { HeaderContext as M } from "../../site-furniture/Header/Header.js";
-import { SearchButton as U } from "./SearchButton.js";
-import q from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+import H from "../Input/Input.js";
+import O from "../Link/Link.js";
+import A from "./SearchResults/SearchResults.js";
+import { TextVariants as F } from "../Text/types.js";
+import K from "../Text/Text.js";
+import { useOnClickOutside as M } from "../../node_modules/usehooks-ts/dist/index.js";
+import { HeaderContext as U } from "../../site-furniture/Header/Header.js";
+import { SearchButton as q } from "./SearchButton.js";
+import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
 const ne = ({
-  onSearch: p,
-  searchResults: C = [],
-  state: c = "idle",
-  defaultValue: I = "",
-  className: E,
-  placeholder: R = "",
-  searchButtonText: l = "Search",
-  loadingText: b = "Search In Progress...",
-  invalidText: w = "Invalid search",
-  getAllResultsText: k = (e) => `View all results for ${e}`,
-  getAllResultsLink: _ = (e) => `/Search?Search=${e}`,
-  ...S
+  onSearch: _,
+  onCancel: i,
+  searchResults: E = [],
+  state: l = "idle",
+  defaultValue: R = "",
+  className: b,
+  placeholder: w = "",
+  searchButtonText: d = "Search",
+  loadingText: C = "Search In Progress...",
+  invalidText: k = "Invalid search",
+  getAllResultsText: L = (r) => `View all results for ${r}`,
+  getAllResultsLink: S = (r) => `/Search?Search=${r}`,
+  ...v
 }) => {
   var N;
-  const { className: e, "data-testid": d, ...L } = V(S, "Search"), o = i.useContext(M), m = i.useRef(null), h = i.useRef(null), v = i.useRef(null), t = o.isSearchExpanded, n = (N = m.current) == null ? void 0 : N.value, T = p ? (r) => {
-    p(r.target.value);
+  const { className: r, "data-testid": m, ...P } = j(v, "Search"), o = c.useContext(U), h = c.useRef(null), p = c.useRef(null), x = c.useRef(null), t = o.isSearchExpanded, s = (N = h.current) == null ? void 0 : N.value, T = _ ? (e) => {
+    _(e.target.value);
   } : void 0;
-  K(v, () => $(!1));
-  const x = (r) => {
-    var s;
-    if (r.stopPropagation(), r.key === "Enter") {
-      if (r.preventDefault(), n && n.length > 2) {
-        const P = g(_(n));
-        window.location.href = P;
+  M(x, (e) => {
+    i == null || i(), g(!1), e.stopPropagation();
+  });
+  const $ = (e) => {
+    var n;
+    if (e.stopPropagation(), e.key === "Enter") {
+      if (e.preventDefault(), s && s.length > 2) {
+        const y = I(S(s));
+        window.location.href = y;
       }
-      r.currentTarget instanceof HTMLAnchorElement && r.currentTarget.click();
+      e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.click();
     }
-    r.key === "Escape" && (o.setIsSearchExpanded(!1), (s = h.current) == null || s.reset());
+    e.key === "Escape" && (o.setIsSearchExpanded(!1), (n = p.current) == null || n.reset());
   };
-  y(() => {
-    var r;
+  V(() => {
+    var e;
     if (t) {
-      (r = m.current) == null || r.focus();
+      (e = h.current) == null || e.focus();
       return;
     }
   }, [t]);
-  const $ = (r) => {
-    var s;
-    o.setIsSearchExpanded(r), (s = h.current) == null || s.reset();
+  const g = (e) => {
+    var n;
+    o.setIsSearchExpanded(e), (n = p.current) == null || n.reset();
   };
-  return /* @__PURE__ */ a("div", { className: `${e}__container`, children: /* @__PURE__ */ u(
+  return /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ u(
     "div",
     {
       onClick: () => o.setIsSearchExpanded(!0),
-      className: `${e}__container__inner`,
-      ref: v,
+      className: `${r}__container__inner`,
+      ref: x,
       children: [
-        /* @__PURE__ */ a(F, { variant: A.heading4, className: `${e}__container__inner__label`, children: l }),
+        /* @__PURE__ */ a(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: d }),
         /* @__PURE__ */ a(
           "div",
           {
-            ...L,
-            className: f(e, E, { [`${e}--active`]: t }),
-            "data-testid": d,
+            ...P,
+            className: f(r, b, { [`${r}--active`]: t }),
+            "data-testid": m,
             role: "search",
-            ...S,
+            ...v,
             children: /* @__PURE__ */ u(
               "form",
               {
-                "data-testid": `${d}-form`,
-                className: f(`${e}__form`, {
-                  [`${e}__form--active`]: t
+                "data-testid": `${m}-form`,
+                className: f(`${r}__form`, {
+                  [`${r}__form--active`]: t
                 }),
-                ref: h,
+                ref: p,
                 children: [
                   /* @__PURE__ */ u(
                     "div",
                     {
-                      className: f(`${e}__content-wrapper`, {
-                        [`${e}__content-wrapper--active`]: t
+                      className: f(`${r}__content-wrapper`, {
+                        [`${r}__content-wrapper--active`]: t
                       }),
                       role: "combobox",
                       "aria-haspopup": "listbox",
                       children: [
                         /* @__PURE__ */ a(
-                          q,
+                          z,
                           {
                             in: t,
-                            classNames: `${j}-input`,
+                            classNames: `${D}-input`,
                             addEndListener: () => {
                             },
                             children: /* @__PURE__ */ a(
-                              D,
+                              H,
                               {
                                 "aria-hidden": !t,
-                                className: `${e}__input`,
+                                className: `${r}__input`,
                                 id: "search-input",
                                 hideLabel: !0,
-                                labelText: l,
-                                placeholder: t ? R : "",
+                                labelText: d,
+                                placeholder: t ? w : "",
                                 type: "text",
-                                defaultValue: I,
-                                invalid: c === "invalid",
-                                invalidText: w,
-                                onKeyDown: x,
+                                defaultValue: R,
+                                invalid: l === "invalid",
+                                invalidText: k,
+                                onKeyDown: $,
                                 onChange: T,
-                                ref: m
+                                ref: h
                               }
                             )
                           }
                         ),
                         /* @__PURE__ */ a(
-                          U,
+                          q,
                           {
-                            className: e,
-                            searchButtonText: l,
-                            state: c,
-                            testId: d,
+                            className: r,
+                            searchButtonText: d,
+                            state: l,
+                            testId: m,
                             isSearchExpanded: t,
-                            setIsSearchExpanded: $
+                            setIsSearchExpanded: g,
+                            onCancel: i
                           }
                         )
                       ]
                     }
                   ),
-                  n && n.length > 2 ? /* @__PURE__ */ a(
-                    O,
+                  s && s.length > 2 ? /* @__PURE__ */ a(
+                    A,
                     {
-                      autoCompleteResults: C,
-                      isLoading: c === "loading",
-                      loadingText: b,
-                      onKeyDown: x,
-                      userInputValue: n,
-                      children: /* @__PURE__ */ a("li", { className: `${e}__result`, children: /* @__PURE__ */ a(
-                        H,
+                      autoCompleteResults: E,
+                      isLoading: l === "loading",
+                      loadingText: C,
+                      onKeyDown: $,
+                      userInputValue: s,
+                      children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
+                        O,
                         {
-                          href: ((r) => g(_(r)))(n),
-                          children: /* @__PURE__ */ a("p", { children: k(n) })
+                          href: ((e) => I(S(e)))(s),
+                          children: /* @__PURE__ */ a("p", { children: L(s) })
                         }
                       ) }, "viewAllSearchResults")
                     }

package/dist/components/Search/SearchButton.d.ts

@@ -1,7 +1,7 @@
 import { SearchProps } from './Search';
 import { ComponentProps } from 'react';
-export declare const SearchButton: ({ state, isSearchExpanded, setIsSearchExpanded, searchButtonText, className, testId, ...props }: {
+export declare const SearchButton: ({ state, isSearchExpanded, setIsSearchExpanded, searchButtonText, className, testId, onCancel, ...props }: {
     testId: string;
     isSearchExpanded: boolean;
     setIsSearchExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-} & Pick<SearchProps, "state" | "searchButtonText"> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;
+} & Pick<SearchProps, "onCancel" | "state" | "searchButtonText"> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Search/SearchButton.js

@@ -1,41 +1,42 @@
-import { jsx as n } from "react/jsx-runtime";
-import _ from "../../assets/search.svg.js";
-import b from "../../assets/close.svg.js";
-const m = ({
-  state: l,
-  isSearchExpanded: i,
-  setIsSearchExpanded: u,
-  searchButtonText: e,
+import { jsx as r } from "react/jsx-runtime";
+import e from "../../assets/search.svg.js";
+import l from "../../assets/close.svg.js";
+const p = ({
+  state: $,
+  isSearchExpanded: u,
+  setIsSearchExpanded: _,
+  searchButtonText: a,
   className: t,
   testId: o,
-  ...a
-}) => i ? i ? /* @__PURE__ */ n(
+  onCancel: i,
+  ...b
+}) => u ? u ? /* @__PURE__ */ r(
   "button",
   {
-    ...a,
+    ...b,
     type: "button",
     "data-testid": `${o}-close-button`,
     "aria-label": "Close Search",
     className: `${t}__button ${t}__button--close`,
-    onClick: (r) => {
-      u(!1), r.stopPropagation();
+    onClick: (n) => {
+      i == null || i(), _(!1), n.stopPropagation();
     },
-    children: /* @__PURE__ */ n(b, { "data-testid": `${o}-form-icon`, className: `${t}__button__icon` })
+    children: /* @__PURE__ */ r(l, { "data-testid": `${o}-form-icon`, className: `${t}__button__icon` })
   }
-) : null : /* @__PURE__ */ n(
+) : null : /* @__PURE__ */ r(
   "button",
   {
-    ...a,
+    ...b,
     type: "button",
     "data-testid": `${o}-button`,
-    "aria-label": e,
+    "aria-label": a,
     className: `${t}__button ${t}__button--search`,
-    onClick: (r) => {
-      u(!0), r.stopPropagation();
+    onClick: (n) => {
+      _(!0), n.stopPropagation();
     },
-    children: /* @__PURE__ */ n(_, { "data-testid": `${o}-button-icon`, className: `${t}__button__icon` })
+    children: /* @__PURE__ */ r(e, { "data-testid": `${o}-button-icon`, className: `${t}__button__icon` })
   }
 );
 export {
-  m as SearchButton
+  p as SearchButton
 };

package/dist/index.js

@@ -1,12 +1,12 @@
-import { PaddingTokens as f, SpacingTokens as l, defaultYear as p, emailValidation as s, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as p, defaultYear as l, emailValidation as s, encodeURLSearchParams as m, findChildrenExcludingTypes as d, findChildrenOfType as u, generatePaddingClassName as i, getCommonProps as n, noOp as x, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as C } from "./pages/Page.js";
 import { default as P } from "./components/Button/Button.js";
-import { ButtonVariants as b } from "./components/Button/types.js";
-import { default as k } from "./components/IconButton/IconButton.js";
+import { ButtonVariants as T } from "./components/Button/types.js";
+import { default as b } from "./components/IconButton/IconButton.js";
 import { default as B } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as h } from "./site-furniture/Footer/Footer.js";
-import { Grid as w } from "./components/Grid/Grid.js";
-import { default as A } from "./site-furniture/Header/Header.js";
+import { default as N } from "./site-furniture/Footer/Footer.js";
+import { Grid as v } from "./components/Grid/Grid.js";
+import { default as y } from "./site-furniture/Header/Header.js";
 import { default as G } from "./components/Navigation/Navigation.js";
 import { default as H } from "./components/Navigation/NavigationItem/NavigationItem.js";
 import { default as O } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
@@ -20,70 +20,73 @@ import { default as _ } from "./components/LinkList/LinkList.js";
 import { default as ee } from "./components/Row/Row.js";
 import { default as re } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as ae } from "./components/GridItem/types.js";
-import { default as le } from "./components/Search/Search.js";
+import { default as pe } from "./components/Search/Search.js";
 import { default as se } from "./components/Select/Select.js";
 import { default as de } from "./components/SplitPanel/SplitPanel.js";
-import { default as xe } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as ne } from "./patterns/Subscribe/types.js";
+import { default as ie } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as xe } from "./patterns/Subscribe/types.js";
 import { default as ce } from "./patterns/Social/Social.js";
 import { default as Ce } from "./patterns/ViewingsList/ViewingsList.js";
 import { default as Pe } from "./components/Modal/Modal.js";
-import { default as be } from "./components/Drawer/Drawer.js";
-import { default as ke } from "./components/Pagination/Pagination.js";
+import { default as Te } from "./components/Drawer/Drawer.js";
+import { default as be } from "./components/Pagination/Pagination.js";
 import { default as Be } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as he } from "./components/Text/types.js";
-import { default as we } from "./components/Text/Text.js";
-import { TextSymbolVariants as Ae } from "./components/TextSymbol/types.js";
+import { TextVariants as Ne } from "./components/Text/types.js";
+import { default as ve } from "./components/Text/Text.js";
+import { TextSymbolVariants as ye } from "./components/TextSymbol/types.js";
 import { default as Ge } from "./components/TextSymbol/TextSymbol.js";
 import { default as He } from "./components/Accordion/Accordion.js";
 import { default as Oe } from "./components/Accordion/AccordionItem.js";
-import { default as Ue } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as Fe } from "./patterns/UserManagement/types.js";
-import { SupportedLanguages as Ye } from "./types/commonTypes.js";
-import { default as qe } from "./components/Breadcrumb/Breadcrumb.js";
+import { AccordionItemVariant as Ue, AccordionVariants as ze } from "./components/Accordion/types.js";
+import { default as We } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as je } from "./patterns/UserManagement/types.js";
+import { SupportedLanguages as Je } from "./types/commonTypes.js";
+import { default as Qe } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
 import "react";
-import { default as Ke } from "./components/Dropdown/Dropdown.js";
-import { default as Xe } from "./components/Video/Video.js";
-import { default as _e } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as eo } from "./components/ContentPeek/ContentPeek.js";
-import { default as ro } from "./components/Collapsible/Collapsible.js";
-import { default as ao } from "./components/Collapsible/CollapsibleContent.js";
-import { default as lo } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as so } from "./providers/SeldonProvider.js";
-import { default as uo } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as io } from "./components/Carousel/Carousel.js";
-import { default as go } from "./components/Carousel/CarouselContent.js";
-import { default as So } from "./components/Carousel/CarouselItem.js";
-import { default as Lo } from "./components/Carousel/CarouselDots.js";
+import { default as Ze } from "./components/Dropdown/Dropdown.js";
+import { default as $e } from "./components/Video/Video.js";
+import { default as oo } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as to } from "./components/ContentPeek/ContentPeek.js";
+import { default as fo } from "./components/Collapsible/Collapsible.js";
+import { default as lo } from "./components/Collapsible/CollapsibleContent.js";
+import { default as mo } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as io } from "./providers/SeldonProvider.js";
+import { default as xo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as co } from "./components/Carousel/Carousel.js";
+import { default as Co } from "./components/Carousel/CarouselContent.js";
+import { default as Po } from "./components/Carousel/CarouselItem.js";
+import { default as To } from "./components/Carousel/CarouselDots.js";
 export {
   He as Accordion,
   Oe as AccordionItem,
-  Fe as AuthState,
-  qe as Breadcrumb,
+  Ue as AccordionItemVariant,
+  ze as AccordionVariants,
+  je as AuthState,
+  Qe as Breadcrumb,
   P as Button,
-  b as ButtonVariants,
-  io as Carousel,
-  go as CarouselContent,
-  Lo as CarouselDots,
-  So as CarouselItem,
-  ro as Collapsible,
-  ao as CollapsibleContent,
-  lo as CollapsibleTrigger,
-  eo as ContentPeek,
-  be as Drawer,
-  Ke as Dropdown,
+  T as ButtonVariants,
+  co as Carousel,
+  Co as CarouselContent,
+  To as CarouselDots,
+  Po as CarouselItem,
+  fo as Collapsible,
+  lo as CollapsibleContent,
+  mo as CollapsibleTrigger,
+  to as ContentPeek,
+  Te as Drawer,
+  Ze as Dropdown,
   B as ErrorBoundary,
-  h as Footer,
-  w as Grid,
+  N as Footer,
+  v as Grid,
   re as GridItem,
   ae as GridItemAlign,
-  A as Header,
+  y as Header,
   F as HeroBanner,
-  k as IconButton,
+  b as IconButton,
   Y as Input,
-  _e as LanguageSelector,
+  oo as LanguageSelector,
   q as Link,
   X as LinkBlock,
   _ as LinkList,
@@ -95,34 +98,34 @@ export {
   U as NavigationList,
   f as PaddingTokens,
   C as Page,
-  uo as PageContentWrapper,
-  ke as Pagination,
+  xo as PageContentWrapper,
+  be as Pagination,
   ee as Row,
-  le as Search,
-  so as SeldonProvider,
+  pe as Search,
+  io as SeldonProvider,
   se as Select,
   ce as Social,
-  l as SpacingTokens,
+  p as SpacingTokens,
   de as SplitPanel,
   Be as StatefulViewingsList,
-  xe as Subscribe,
-  ne as SubscriptionState,
-  Ye as SupportedLanguages,
-  we as Text,
-  Ae as TextSymbolVariants,
+  ie as Subscribe,
+  xe as SubscriptionState,
+  Je as SupportedLanguages,
+  ve as Text,
+  ye as TextSymbolVariants,
   Ge as TextSymbols,
-  he as TextVariants,
-  Ue as UserManagement,
-  Xe as Video,
+  Ne as TextVariants,
+  We as UserManagement,
+  $e as Video,
   Ce as ViewingsList,
-  p as defaultYear,
+  l as defaultYear,
   s as emailValidation,
   m as encodeURLSearchParams,
   d as findChildrenExcludingTypes,
   u as findChildrenOfType,
-  x as generatePaddingClassName,
-  i as getCommonProps,
-  n as noOp,
+  i as generatePaddingClassName,
+  n as getCommonProps,
+  x as noOp,
   g as px,
   c as useNormalizedInputProps
 };

package/dist/patterns/LanguageSelector/LanguageSelector.js

@@ -23,7 +23,6 @@ const j = ({
 }) => /* @__PURE__ */ e(k, { ...m, children: /* @__PURE__ */ e(
   w,
   {
-    variation: "sm",
     hasTransition: !0,
     id: a != null ? a : "language-selector-accordion",
     label: /* @__PURE__ */ e(P, { variant: E.snwHeaderLink, children: t }),

package/dist/scss/components/Accordion/_accordion.scss

@@ -1,13 +1,13 @@
 @use '../../allPartials' as *;
 
 .#{$px}-accordion {
-  border-top: 1px solid $keyline-gray;
+  border-top: 1px solid $light-gray;
   margin-bottom: 10px;
   width: 100%;
 }
 
 .#{$px}-accordion-item {
-  padding: $spacing-sm;
+  padding: $spacing-sm 0;
   width: 100%;
 
   svg {
@@ -15,7 +15,7 @@
   }
 
   &__border-bottom {
-    border-bottom: 1px solid $keyline-gray;
+    border-bottom: 1px solid $light-gray;
   }
 
   &[data-state='open'] {
@@ -105,12 +105,12 @@
   &__text {
     flex: auto;
 
-    @include text($body1);
+    @include text($body2);
     @include DistinctDisplay;
   }
 
   &__text--lg {
-    @include text($heading3);
+    @include text($body1);
   }
 
   &__icon {

package/package.json

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