@phillips/seldon 1.245.0 → 1.247.0

package/dist/_virtual/index10.js

@@ -1,4 +1,4 @@
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/_virtual/index11.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index6.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/ics/dist/index.js";
-var i = r();
+import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
+import { __require as o } from "../node_modules/prop-types/index.js";
+var p = /* @__PURE__ */ o();
+const s = /* @__PURE__ */ r(p);
 export {
-  i as d
+  s as default
 };

package/dist/_virtual/index7.js

@@ -1,7 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../node_modules/prop-types/index.js";
-var p = /* @__PURE__ */ o();
-const s = /* @__PURE__ */ r(p);
+import { __require as r } from "../node_modules/ics/dist/index.js";
+var i = r();
 export {
-  s as default
+  i as d
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var r = {};
+var p = { exports: {} };
 export {
-  r as __exports
+  p as __module
 };

package/dist/_virtual/index9.js

@@ -1,4 +1,4 @@
-var p = { exports: {} };
+var r = {};
 export {
-  p as __module
+  r as __exports
 };

package/dist/assets/formatted/Search.js

@@ -1,9 +1,9 @@
 import { jsxs as s, jsx as i } from "react/jsx-runtime";
 import { memo as m, forwardRef as f } from "react";
-import { kebabCase as c } from "../../node_modules/change-case/dist/index.js";
-const g = m(
-  f((l, o) => {
-    const { color: r, height: d, width: a, title: e, titleId: n } = l, t = n || c(e || "");
+import { kebabCase as h } from "../../node_modules/change-case/dist/index.js";
+const u = m(
+  f((t, o) => {
+    const { color: r, height: d, width: a, title: e, titleId: n } = t, l = e ? n || h(e) : void 0;
     return /* @__PURE__ */ s(
       "svg",
       {
@@ -12,12 +12,11 @@ const g = m(
         viewBox: "0 0 24 24",
         height: d,
         width: a,
-        role: "img",
         ref: o,
-        "aria-labelledby": t,
-        ...l,
+        ...l ? { role: "img", "aria-labelledby": l } : { "aria-hidden": !0 },
+        ...t,
         children: [
-          e ? /* @__PURE__ */ i("title", { id: t, children: e }) : null,
+          e && l ? /* @__PURE__ */ i("title", { id: l, children: e }) : null,
           /* @__PURE__ */ i(
             "path",
             {
@@ -33,5 +32,5 @@ const g = m(
   })
 );
 export {
-  g as default
+  u as default
 };

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

@@ -15,7 +15,6 @@ declare const meta: {
 };
 export default meta;
 export declare const Default: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AccordionSmall: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionSubmenu: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ControlledAccordion: ({ items, ...props }: AccordionProps & {
     items: AccordionItemProps[];

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

@@ -1,5 +1,4 @@
 import { default as 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,10 +8,6 @@ export interface AccordionItemProps extends React.HTMLAttributes<HTMLDivElement>
      * When true, prevents the user from interacting with the item.
      */
     isLocked?: boolean;
-    /**
-     * Determines whether the variant on text style is large or small.
-     */
-    variant?: AccordionItemVariant;
     /**
      * Uniqueid for the Accordion Item.
      */

package/dist/components/Accordion/AccordionItem.js

@@ -1,140 +1,112 @@
-import { jsxs as N, jsx as t } from "react/jsx-runtime";
-import { Item as A, Trigger as _, Content as k } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
-import C from "../../_virtual/index.js";
-import { forwardRef as v, useRef as w, useCallback as y } from "react";
-import I from "../Icon/Icon.js";
-import { getCommonProps as T, px as R } from "../../utils/index.js";
-import { AccordionItemVariant as d } from "./types.js";
-import { getIconClasses as $ } from "./utils.js";
-import { TextVariants as h } from "../Text/types.js";
-import x from "../Text/Text.js";
-const S = ({
-  children: e,
-  className: n,
-  baseClassName: o,
-  disable: r,
-  id: c,
-  variant: i = d.md,
-  onOpen: l,
-  onClose: m
-}) => {
-  const u = w(null), s = r, p = i === d.md ? h.labelMedium : h.labelSmall, f = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    I,
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import { Item as C, Trigger as N, Content as x } from "../../node_modules/@radix-ui/react-accordion/dist/index.js";
+import $ from "../../_virtual/index.js";
+import { forwardRef as _, useRef as A, useCallback as k } from "react";
+import f from "../Icon/Icon.js";
+import { getCommonProps as w, px as T } from "../../utils/index.js";
+import { getIconClasses as g } from "./utils.js";
+import { TextVariants as I } from "../Text/types.js";
+import v from "../Text/Text.js";
+const y = ({ children: e, className: o, baseClassName: n, disable: a, id: i, onOpen: s, onClose: d }) => {
+  const l = A(null), r = a, m = I.labelMedium, u = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    f,
     {
       icon: "Lock",
       height: 24,
       width: 24,
-      className: $(o, i, "lock"),
-      "data-testid": `${c}-lockedIcon`,
+      className: g(n, "lock"),
+      "data-testid": `${i}-lockedIcon`,
       "aria-hidden": !0
     }
-  ) }), g = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    I,
+  ) }), h = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    f,
     {
       icon: "Add",
       height: 24,
       width: 24,
-      className: $(o, i, "plus"),
-      "data-testid": `${c}-plusIcon`,
+      className: g(n, "plus"),
+      "data-testid": `${i}-plusIcon`,
       "aria-hidden": !0
     }
-  ) }), b = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
-    I,
+  ) }), p = /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+    f,
     {
       icon: "Subtract",
       height: 24,
       width: 24,
-      className: $(o, i, "minus"),
-      "data-testid": `${c}-minusIcon`,
+      className: g(n, "minus"),
+      "data-testid": `${i}-minusIcon`,
       "aria-hidden": !0
     }
-  ) }), a = y(() => {
-    u.current?.getAttribute("data-state") === "closed" ? l?.() : m?.();
-  }, [l, m]);
+  ) }), c = k(() => {
+    l.current?.getAttribute("data-state") === "closed" ? s?.() : d?.();
+  }, [s, d]);
   return /* @__PURE__ */ t(
-    _,
+    N,
     {
-      "data-disabled": r,
+      "data-disabled": a,
       asChild: !0,
-      className: C(o, { [`${o}--hoverable`]: !r }, n),
-      ref: u,
-      onClick: a,
-      children: /* @__PURE__ */ N("button", { type: "button", "data-testid": `${c}-trigger`, children: [
-        /* @__PURE__ */ t(x, { className: `${R}-accordion-item-label__text`, variant: p, children: e }),
-        s && f,
-        !s && g,
-        !s && b
+      className: $(n, { [`${n}--hoverable`]: !a }, o),
+      ref: l,
+      onClick: c,
+      children: /* @__PURE__ */ b("button", { type: "button", "data-testid": `${i}-trigger`, children: [
+        /* @__PURE__ */ t(v, { className: `${T}-accordion-item-label__text`, variant: m, children: e }),
+        r && u,
+        !r && h,
+        !r && p
       ] })
     }
   );
-}, V = ({
-  children: e,
-  baseClassName: n,
-  disable: o,
-  hasTransition: r,
-  className: c,
-  variant: i = d.md
-}) => o && e ? /* @__PURE__ */ t("div", { className: `${n}__content--locked`, children: e }) : /* @__PURE__ */ t(
-  k,
+}, R = ({ children: e, baseClassName: o, disable: n, hasTransition: a, className: i }) => n && e ? /* @__PURE__ */ t("div", { className: `${o}__content--locked`, children: e }) : /* @__PURE__ */ t(
+  x,
   {
     asChild: !0,
-    className: C(
-      `${n}__content`,
-      { [`${n}--transition`]: r },
-      c
+    className: $(
+      `${o}__content`,
+      { [`${o}--transition`]: a },
+      i
     ),
-    children: /* @__PURE__ */ t(x, { variant: i === d.md ? h.bodyMedium : h.bodySmall, children: e })
+    children: /* @__PURE__ */ t(v, { variant: I.bodyMedium, children: e })
   }
-), j = v(
+), j = _(
   ({
     isLocked: e = !1,
-    variant: n = d.md,
     id: o,
-    label: r,
-    isLastItem: c,
+    label: n,
+    isLastItem: a,
     hasTransition: i = !1,
-    children: l,
-    className: m,
-    transitionTimeInMs: u = 250,
-    onOpen: s,
-    onClose: p,
-    ...f
-  }, g) => {
-    const { className: b } = T({ id: o }, "Accordion"), a = `${b}-item`;
-    return /* @__PURE__ */ N(
-      A,
+    children: s,
+    className: d,
+    transitionTimeInMs: l = 250,
+    onOpen: r,
+    onClose: m,
+    ...u
+  }, h) => {
+    const { className: p } = w({ id: o }, "Accordion"), c = `${p}-item`;
+    return /* @__PURE__ */ b(
+      C,
       {
         disabled: e,
         value: o,
-        style: { "--seldon-accordion-transition-time": `${u}ms` },
-        className: C(a, m, {
-          [`${a}__border-bottom`]: !c
+        style: { "--seldon-accordion-transition-time": `${l}ms` },
+        className: $(c, d, {
+          [`${c}__border-bottom`]: !a
         }),
-        ref: g,
-        ...f,
+        ref: h,
+        ...u,
         children: [
           /* @__PURE__ */ t(
-            S,
+            y,
             {
-              variant: n,
               disable: e,
               id: o,
-              baseClassName: `${a}-label`,
-              onOpen: s,
-              onClose: p,
-              children: r
+              baseClassName: `${c}-label`,
+              onOpen: r,
+              onClose: m,
+              children: n
             }
           ),
-          /* @__PURE__ */ t(
-            V,
-            {
-              disable: e,
-              hasTransition: i,
-              variant: n,
-              baseClassName: a,
-              children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: l })
-            }
-          )
+          /* @__PURE__ */ t(R, { disable: e, hasTransition: i, baseClassName: c, children: /* @__PURE__ */ t("div", { className: "radix-accordion-content", children: s }) })
         ]
       }
     );

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

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

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

@@ -25,10 +25,6 @@ export interface AccordionHeaderType {
      * Callback function that is called when the header is closed.
      */
     onClose?: () => void;
-    /**
-     * Determines whether the variant on text style is large or small.
-     */
-    variant?: AccordionItemVariant;
 }
 export interface AccordionContentType {
     /**
@@ -48,10 +44,6 @@ export interface AccordionContentType {
      * When true applied the transition keyframe animation on item expand. Default as false.
      */
     hasTransition?: boolean;
-    /**
-     * Determines whether the variant on text style is larger or smaller.
-     */
-    variant?: AccordionItemVariant;
 }
 export declare enum AccordionVariants {
     multiple = "multiple",
@@ -70,7 +62,3 @@ export interface AccordionVariantProps {
      */
     collapsible?: boolean;
 }
-export declare enum AccordionItemVariant {
-    md = "md",
-    sm = "sm"
-}

package/dist/components/Accordion/types.js

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

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

@@ -1,4 +1,4 @@
-import { AccordionVariantKey, AccordionItemVariant } from './types';
+import { AccordionVariantKey } from './types';
 import { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
 /**
  * Sets the type and collapsible props based on the variant prop
@@ -8,8 +8,7 @@ export declare const getAccordionVariantProps: (variant?: AccordionVariantKey, v
 /**
  * A helper for getting the classes of the Accordion icons
  * @param className - The className of the component
- * @param variant - The size variant of the accordion item
  * @param iconName - The name of the icon to be displayed
  * @returns the classes that should be applied for the icon
  */
-export declare const getIconClasses: (className: string, variant: AccordionItemVariant | undefined, iconName: string) => string;
+export declare const getIconClasses: (className: string, iconName: string) => string;

package/dist/components/Accordion/utils.js

@@ -1,12 +1,10 @@
-import s from "../../_virtual/index.js";
-import { AccordionVariants as n, AccordionItemVariant as i } from "./types.js";
-const p = (o, e) => {
+import l from "../../_virtual/index.js";
+import { AccordionVariants as e } from "./types.js";
+const t = (o, n) => {
   const r = { type: "multiple" };
-  return (o === n.singleCollapsible || o === n.singleNonCollapsible) && Array.isArray(e) && console.error("The value prop should not be an array when using a single variant"), o === n.singleCollapsible ? { type: "single" } : o === n.singleNonCollapsible ? { type: "single" } : r;
-}, a = (o, e = i.md, r) => s(`${o}__icon`, `${o}-${r}__icon`, {
-  [`${o}__icon--sm`]: e === i.sm
-});
+  return (o === e.singleCollapsible || o === e.singleNonCollapsible) && Array.isArray(n) && console.error("The value prop should not be an array when using a single variant"), o === e.singleCollapsible ? { type: "single" } : o === e.singleNonCollapsible ? { type: "single" } : r;
+}, p = (o, n) => l(`${o}__icon`, `${o}-${n}__icon`);
 export {
-  p as getAccordionVariantProps,
-  a as getIconClasses
+  t as getAccordionVariantProps,
+  p as getIconClasses
 };

package/dist/components/AddToCalendar/calendarLinks.js

@@ -1,4 +1,4 @@
-import { d as u } from "../../_virtual/index6.js";
+import { d as u } from "../../_virtual/index7.js";
 import { isValid as p } from "../../node_modules/date-fns/isValid.js";
 import { toZonedTime as m } from "../../node_modules/date-fns-tz/dist/esm/toZonedTime/index.js";
 import { addHours as i } from "../../node_modules/date-fns/addHours.js";

package/dist/components/Input/utils.js

@@ -30,8 +30,10 @@ import "../LinkList/LinkList.js";
 import "../Modal/Modal.js";
 import "../Navigation/Navigation.js";
 import "../Navigation/NavigationItem/NavigationItem.js";
-import "../Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import "../Navigation/NavigationItemWithSubmenu/NavigationItemWithSubmenu.js";
+import "../Navigation/NavigationItemWithSubmenu/NavigationDesktopSubmenu.js";
 import "../Navigation/NavigationList/NavigationList.js";
+import "../Navigation/NavigationSubmenu/NavigationSubmenu.js";
 import "../Pagination/Pagination.js";
 import "../PinchZoom/PinchZoom.js";
 import "../Row/Row.js";
@@ -92,7 +94,7 @@ import "../../patterns/CountryPicker/CountryPicker.js";
 import "../../patterns/ProgressWizard/ProgressWizard.js";
 import "../../patterns/ProgressWizard/types.js";
 import "../../patterns/PhoneNumberInput/PhoneNumberInput.js";
-const Lp = () => ({
+const Op = () => ({
   adornment: `${p}-input__wrapper__adornment`,
   emptyValidation: `${p}-input__empty-validation`,
   input: `${p}-input__input`,
@@ -104,5 +106,5 @@ const Lp = () => ({
   wrapperInput: `${p}-input__wrapper__input`
 });
 export {
-  Lp as getInputClassNames
+  Op as getInputClassNames
 };

package/dist/components/Navigation/Navigation.js

@@ -1,36 +1,60 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import e, { forwardRef as u } from "react";
-import { findChildrenOfType as s, findChildrenExcludingTypes as x, px as l } from "../../utils/index.js";
-import E from "../../_virtual/index.js";
-import { HeaderContext as N } from "../../site-furniture/Header/Header.js";
-import d from "./NavigationList/NavigationList.js";
-import m from "../../patterns/LanguageSelector/LanguageSelector.js";
-import { SSRMediaQuery as S } from "../../providers/SeldonProvider/utils.js";
-const y = u(
-  ({ children: i, className: c, id: a, visible: f = !0, ...p }, v) => {
-    const { isSearchExpanded: n } = e.useContext(N), o = s(i, d)?.[0], g = x(i, [d, m]), t = s(i, m)?.[0];
-    return /* @__PURE__ */ r(
-      "nav",
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import e, { forwardRef as C } from "react";
+import { findChildrenOfType as f, findChildrenExcludingTypes as M, px as a } from "../../utils/index.js";
+import u from "../../_virtual/index.js";
+import { HeaderContext as R } from "../../site-furniture/Header/Header.js";
+import p from "./NavigationList/NavigationList.js";
+import v from "../../patterns/LanguageSelector/LanguageSelector.js";
+import { SSRMediaQuery as l } from "../../providers/SeldonProvider/utils.js";
+import V from "../../node_modules/react-remove-scroll/dist/es2015/Combination.js";
+import { Viewport as T, Root as $ } from "../../node_modules/@radix-ui/react-navigation-menu/dist/index.js";
+const w = C(
+  ({ "aria-label": h, children: t, className: S, id: s, visible: g = !0, dir: O, ...x }, _) => {
+    const { isSearchExpanded: n, activeSubmenuId: b, setActiveSubmenuId: E } = e.useContext(R), o = f(t, p)?.[0], N = M(t, [p, v]), r = f(t, v)?.[0], d = b ?? "", y = /* @__PURE__ */ c(
+      "div",
       {
-        role: "navigation",
-        "data-testid": a,
-        id: a,
-        style: { "--visible": f ? "visible" : "hidden" },
-        className: E(`${l}-nav`, c),
-        ...p,
-        ref: v,
-        children: /* @__PURE__ */ h("div", { className: `${l}-nav__list-container`, children: [
-          g,
-          e.isValidElement(o) ? e.cloneElement(o, { isOffScreen: n }) : void 0,
-          /* @__PURE__ */ r(S.Media, { lessThan: "md", children: e.isValidElement(t) && t ? e.cloneElement(t, {
+        className: u(`${a}-nav__list-container`, {
+          [`${a}-nav__list-container--search-expanded`]: n
+        }),
+        children: [
+          N,
+          /* @__PURE__ */ i(l.Media, { lessThan: "md", children: e.isValidElement(o) ? e.cloneElement(o, {
+            isOffScreen: n,
+            isMobile: !0
+          }) : void 0 }),
+          /* @__PURE__ */ i(l.Media, { greaterThanOrEqual: "md", children: e.isValidElement(o) ? /* @__PURE__ */ c(V, { enabled: !!d, allowPinchZoom: !0, removeScrollBar: !1, children: [
+            e.cloneElement(o, {
+              isOffScreen: n,
+              isMobile: !1
+            }),
+            /* @__PURE__ */ i(T, { className: `${a}-nav__radix-viewport` })
+          ] }) : void 0 }),
+          /* @__PURE__ */ i(l.Media, { lessThan: "md", children: e.isValidElement(r) && r ? e.cloneElement(r, {
             isHidden: n
           }) : void 0 })
-        ] })
+        ]
+      }
+    );
+    return /* @__PURE__ */ i(
+      $,
+      {
+        "aria-label": h ?? "Main navigation",
+        "data-testid": s,
+        id: s,
+        style: { "--visible": g ? "visible" : "hidden" },
+        className: u(`${a}-nav`, `${a}-nav__radix-root`, S),
+        delayDuration: 0,
+        skipDelayDuration: 300,
+        value: d,
+        onValueChange: (m) => E(m === "" ? null : m),
+        ref: _,
+        ...x,
+        children: y
       }
     );
   }
 );
-y.displayName = "Navigation";
+w.displayName = "Navigation";
 export {
-  y as default
+  w as default
 };

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

@@ -1,7 +1,6 @@
-import { default as React } from 'react';
 declare const meta: {
     title: string;
-    component: React.ForwardRefExoticComponent<Omit<import('./Navigation').NavigationProps, "ref"> & React.RefAttributes<HTMLElement>>;
+    component: import('react').ForwardRefExoticComponent<Omit<import('./Navigation').NavigationProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
     tags: string[];
     parameters: {
         docs: {

package/dist/components/Navigation/NavigationItem/NavigationItem.d.ts

@@ -30,6 +30,14 @@ export interface NavigationItemProps extends ComponentProps<'li'> {
      * Element to render within the navigation item, renders <Link> by default
      */
     element?: ElementType<LinkProps>;
+    /**
+     * When false (desktop), render as NavigationMenu.Item + Link for arrow-key navigation. Set by NavigationList.
+     */
+    isMobile?: boolean;
+    /**
+     * When true (desktop submenu), wrap link in NavigationMenu.Link so Radix closes the submenu on click
+     */
+    asRadixSubmenuLink?: boolean;
 }
 /**
  * ## Overview