@phillips/seldon 1.171.0 → 1.172.0

package/dist/components/Text/Text.js

@@ -1,38 +1,35 @@
 import { jsx as s } from "react/jsx-runtime";
-import { getCommonProps as f, px as i } from "../../utils/index.js";
-import { TextVariants as d } from "./types.js";
-import { determineDefaultTextElement as N, determineTextClassName as T } from "./utils.js";
+import { forwardRef as x } from "react";
+import { getCommonProps as d, px as N } from "../../utils/index.js";
+import { TextVariants as T } from "./types.js";
+import { determineDefaultTextElement as C, determineTextClassName as u } from "./utils.js";
 import r from "../../node_modules/classnames/index.js";
-const h = ({
-  children: a,
-  className: n,
-  element: l,
-  variant: e = d.body2,
-  align: m,
-  isSkeletonLoading: c,
-  ...t
-}) => {
-  const p = l || N(e), { className: o, ...x } = f(t, "Text");
-  return /* @__PURE__ */ s(
-    p,
-    {
-      ...x,
-      className: r(o, n, T(e), {
-        [`${o}--${m}`]: !!m
-      }),
-      ...t,
-      children: /* @__PURE__ */ s(
-        "span",
-        {
-          className: r({
-            [`${i}-skeleton`]: c
-          }),
-          children: a
-        }
-      )
-    }
-  );
-};
+const $ = x(
+  ({ children: a, className: n, element: l, variant: e = T.body2, align: m, isSkeletonLoading: p, ...o }, f) => {
+    const c = l || C(e), { className: t, ...i } = d(o, "Text");
+    return /* @__PURE__ */ s(
+      c,
+      {
+        ...i,
+        className: r(t, n, u(e), {
+          [`${t}--${m}`]: !!m
+        }),
+        ref: f,
+        ...o,
+        children: /* @__PURE__ */ s(
+          "span",
+          {
+            className: r({
+              [`${N}-skeleton`]: p
+            }),
+            children: a
+          }
+        )
+      }
+    );
+  }
+);
+$.displayName = "Text";
 export {
-  h as default
+  $ as default
 };

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

@@ -2,7 +2,7 @@ import { TextProps } from './Text';
 import { TextAlignments, TextVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ children, className, element: CustomElement, variant, align, isSkeletonLoading, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<TextProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/components/TextSymbol/TextSymbol.d.ts

@@ -9,5 +9,5 @@ export interface TextSymbolProps extends React.HTMLAttributes<HTMLElement> {
      */
     variant?: TextSymbolVariants;
 }
-declare const TextSymbol: ({ symbols, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextSymbol: import('react').ForwardRefExoticComponent<TextSymbolProps & import('react').RefAttributes<HTMLSpanElement>>;
 export default TextSymbol;

package/dist/components/TextSymbol/TextSymbol.js

@@ -1,11 +1,24 @@
 import { jsx as a } from "react/jsx-runtime";
-import l from "../../node_modules/classnames/index.js";
+import { forwardRef as p } from "react";
+import i from "../../node_modules/classnames/index.js";
 import { getCommonProps as c } from "../../utils/index.js";
-import { TextSymbolVariants as p } from "./types.js";
-const N = ({ symbols: r = [], variant: e = p.lotNumber, className: t, ...m }) => {
-  const { className: o, ...n } = c(m, "TextSymbol");
-  return /* @__PURE__ */ a("span", { ...n, className: l(o, t, `${o}--${e}`), ...m, children: r.map((s) => /* @__PURE__ */ a("span", { children: s }, s)) });
-};
+import { TextSymbolVariants as f } from "./types.js";
+const x = p(
+  ({ symbols: e = [], variant: s = f.lotNumber, className: t, ...m }, l) => {
+    const { className: o, ...n } = c(m, "TextSymbol");
+    return /* @__PURE__ */ a(
+      "span",
+      {
+        ...n,
+        className: i(o, t, `${o}--${s}`),
+        ref: l,
+        ...m,
+        children: e.map((r) => /* @__PURE__ */ a("span", { children: r }, r))
+      }
+    );
+  }
+);
+x.displayName = "TextSymbol";
 export {
-  N as default
+  x as default
 };

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

@@ -2,7 +2,7 @@ import { TextSymbolProps } from './TextSymbol';
 import { TextSymbolVariants } from './types';
 declare const meta: {
     title: string;
-    component: ({ symbols, variant, className, ...props }: TextSymbolProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<TextSymbolProps & import('react').RefAttributes<HTMLSpanElement>>;
 };
 export default meta;
 export declare const Playground: {

package/dist/index.js

@@ -27,7 +27,7 @@ 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 Pe } from "./components/Grid/Grid.js";
+import { default as Pe } from "./components/Grid/Grid.js";
 import { default as Ae } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as Le } from "./components/GridItem/types.js";
 import { default as be } from "./components/Input/Input.js";

package/dist/patterns/FiltersInline/MainFilterDropdown.js

@@ -1,8 +1,8 @@
 import { jsxs as l, Fragment as A, jsx as o } from "react/jsx-runtime";
 import N from "../../node_modules/classnames/index.js";
-import x from "react";
+import g from "react";
 import c from "../../components/Button/Button.js";
-import { ButtonVariants as g } from "../../components/Button/types.js";
+import { ButtonVariants as x } from "../../components/Button/types.js";
 import k from "../../components/Drawer/Drawer.js";
 import B from "../../components/Filter/Filter.js";
 import D from "../../components/Filter/FilterHeader.js";
@@ -12,7 +12,7 @@ import j from "../FilterMenu/FilterMenu.js";
 import { FilterButton as H } from "./FilterButton.js";
 import { FilterButtonIconType as I } from "./types.js";
 import { countActiveFilters as O, getFilterButtonClickHandler as R, resetAllFilters as S } from "./utils.js";
-const T = x.forwardRef(
+const T = g.forwardRef(
   ({
     className: f,
     filterButtonLabel: n,
@@ -24,22 +24,22 @@ const T = x.forwardRef(
     onClickClear: w,
     resultsCount: F,
     dropdownMenuTranslation: d,
-    ariaLabels: s = {},
+    ariaLabels: p = {},
     id: h
   }, _) => {
-    const p = i?.[0] ?? !1, { totalCount: y, filterCount: C } = O(m, n);
+    const s = i?.[0] ?? !1, { totalCount: y, filterCount: C } = O(m, n);
     return /* @__PURE__ */ l(A, { children: [
       /* @__PURE__ */ o(
         H,
         {
           ref: _,
           className: f,
-          isSelected: p,
+          isSelected: s,
           count: C,
           label: n,
           totalCount: y,
           id: h,
-          ariaLabel: s.button || `${n} button`,
+          ariaLabel: p.button || `${n} button`,
           onClick: R(i, a, 0),
           isMobile: !1,
           type: I.Filter
@@ -48,28 +48,29 @@ const T = x.forwardRef(
       /* @__PURE__ */ l(
         k,
         {
-          isOpen: p,
+          isOpen: s,
           drawerOpenSide: "left",
           onClose: () => S(i, a),
           className: `${t}-filter-drawer`,
-          "aria-label": s.drawer || "Filter drawer",
+          "aria-label": p.drawer || "Filter drawer",
+          paddingLevel: 0,
           children: [
-            /* @__PURE__ */ o(j, { className: `${t}-filter-drawer-menu`, children: m?.map((r) => /* @__PURE__ */ l(B, { name: r.label, children: [
-              /* @__PURE__ */ o(D, { heading: r.label }),
-              Array.from(r.filterDimensions).map((e) => /* @__PURE__ */ o(
+            /* @__PURE__ */ o(j, { className: `${t}-filter-drawer-menu`, children: m?.map((e) => /* @__PURE__ */ l(B, { name: e.label, children: [
+              /* @__PURE__ */ o(D, { heading: e.label }),
+              Array.from(e.filterDimensions).map((r) => /* @__PURE__ */ o(
                 M,
                 {
-                  id: e.label,
-                  labelText: e.label,
-                  onChange: ($) => u?.($, r.buttonType),
-                  type: r.type,
-                  disabled: e?.disabled,
-                  name: e.label,
-                  checked: e.active
+                  id: r.label,
+                  labelText: r.label,
+                  onChange: ($) => u?.($, e.buttonType),
+                  type: e.type,
+                  disabled: r?.disabled,
+                  name: r.label,
+                  checked: r.active
                 },
-                e.label
+                r.label
               ))
-            ] }, r.id)) }),
+            ] }, e.id)) }),
             /* @__PURE__ */ l(
               "div",
               {
@@ -82,7 +83,7 @@ const T = x.forwardRef(
                     c,
                     {
                       className: `${t}-filter-dropdown-menu__button`,
-                      variant: g.secondary,
+                      variant: x.secondary,
                       onClick: () => w?.("all"),
                       children: d?.clearAll || "Clear all"
                     }

package/dist/patterns/FiltersInline/SubFilterDropdown.js

@@ -1,103 +1,104 @@
 import { jsxs as g, Fragment as S, jsx as o } from "react/jsx-runtime";
-import { Root as f, Trigger as j, Portal as v, Content as P } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
+import { Root as f, Trigger as v, Portal as j, Content as P } from "../../node_modules/@radix-ui/react-popover/dist/index.js";
 import _ from "react";
 import q from "../../components/Drawer/Drawer.js";
-import { SSRMediaQuery as D } from "../../providers/SeldonProvider/utils.js";
+import { SSRMediaQuery as O } from "../../providers/SeldonProvider/utils.js";
 import { px as E } from "../../utils/index.js";
-import { FilterButton as O } from "./FilterButton.js";
+import { FilterButton as C } from "./FilterButton.js";
 import { FilterDropdownMenuDesktop as H } from "./FilterDropdownMenuDesktop.js";
 import { FilterDropdownMenuMobile as N } from "./FilterDropdownMenuMobile.js";
 import { FilterButtonType as Q } from "./types.js";
-import { countActiveFilters as k, getFilterButtonClickHandler as d, getFilterButtonLabel as z } from "./utils.js";
+import { countActiveFilters as k, getFilterButtonClickHandler as l, getFilterButtonLabel as z } from "./utils.js";
 const A = _.forwardRef(
   ({
     filterId: e = 0,
-    className: w,
+    className: h,
     filterButtonLabel: r,
-    buttonType: n,
+    buttonType: i,
     handleClick: m,
     filtersListState: a,
-    filters: l,
-    onSelectFilter: b,
-    onApplyFilter: h,
-    onClickClear: F,
-    resultsCount: $,
-    filterButtonLabelTranslated: c,
-    dropdownMenuTranslation: M,
-    ariaLabels: i = {},
+    filters: t,
+    onSelectFilter: w,
+    onApplyFilter: F,
+    onClickClear: $,
+    resultsCount: b,
+    filterButtonLabelTranslated: p,
+    dropdownMenuTranslation: x,
+    ariaLabels: n = {},
     hideDesktopSortButton: R,
-    id: p
-  }, x) => {
-    const t = a?.[e] ?? !1, { totalCount: C, filterCount: s } = k(l, n), u = z(r, s, c || null);
-    return R && n === Q.Sort ? null : /* @__PURE__ */ g(S, { children: [
-      /* @__PURE__ */ g(D.Media, { lessThan: "md", children: [
+    id: c
+  }, M) => {
+    const d = a?.[e] ?? !1, { totalCount: D, filterCount: s } = k(t, i), u = z(r, s, p || null);
+    return R && i === Q.Sort ? null : /* @__PURE__ */ g(S, { children: [
+      /* @__PURE__ */ g(O.Media, { lessThan: "md", children: [
         /* @__PURE__ */ o(
-          O,
+          C,
           {
-            ref: x,
-            className: w,
-            isSelected: t,
+            ref: M,
+            className: h,
+            isSelected: d,
             count: s,
             label: u,
-            id: p,
-            totalCount: C,
-            ariaLabel: i.button || `${r} button`,
-            onClick: d(a, m, e),
+            id: c,
+            totalCount: D,
+            ariaLabel: n.button || `${r} button`,
+            onClick: l(a, m, e),
             isMobile: !0,
-            type: n
+            type: i
           }
         ),
         /* @__PURE__ */ o(
           q,
           {
             drawerOpenSide: "bottom",
-            isOpen: t,
-            onClose: d(a, m, e),
-            "aria-label": i.drawer || `${r} drawer`,
+            isOpen: d,
+            onClose: l(a, m, e),
+            "aria-label": n.drawer || `${r} drawer`,
             className: `${E}-filter-drawer-mobile`,
-            bottomContentLabel: `${u} Filter`,
+            headerText: `${u} Filter`,
+            paddingLevel: 0,
             children: /* @__PURE__ */ o(
               N,
               {
-                buttonType: n,
-                filters: l,
+                buttonType: i,
+                filters: t,
                 filterIndex: e,
-                onSelectFilter: b,
-                onApplyFilter: h,
-                onClickClear: F,
-                resultsCount: $,
-                ariaLabels: i?.ariaLabel,
+                onSelectFilter: w,
+                onApplyFilter: F,
+                onClickClear: $,
+                resultsCount: b,
+                ariaLabels: n?.ariaLabel,
                 filterButtonLabel: r,
-                filterButtonLabelTranslated: c,
-                dropdownMenuTranslation: M
+                filterButtonLabelTranslated: p,
+                dropdownMenuTranslation: x
               }
             )
           }
         )
       ] }),
-      /* @__PURE__ */ o(D.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ g(
+      /* @__PURE__ */ o(O.Media, { greaterThanOrEqual: "md", children: /* @__PURE__ */ g(
         f,
         {
-          open: t,
-          onOpenChange: d(a, m, e),
+          open: d,
+          onOpenChange: l(a, m, e),
           children: [
-            /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(
-              O,
+            /* @__PURE__ */ o(v, { asChild: !0, children: /* @__PURE__ */ o(
+              C,
               {
-                ref: x,
-                className: w,
-                isSelected: t,
+                ref: M,
+                className: h,
+                isSelected: d,
                 count: s,
                 label: u,
-                totalCount: C,
-                id: p,
-                ariaLabel: i.ariaLabel || `${r} button`,
-                onClick: d(a, m, e),
+                totalCount: D,
+                id: c,
+                ariaLabel: n.ariaLabel || `${r} button`,
+                onClick: l(a, m, e),
                 isMobile: !1,
-                type: n
+                type: i
               }
             ) }),
-            /* @__PURE__ */ o(v, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(j, { children: /* @__PURE__ */ o(
               P,
               {
                 avoidCollisions: !0,
@@ -105,28 +106,28 @@ const A = _.forwardRef(
                 sideOffset: 5,
                 align: "start",
                 alignOffset: 5,
-                "aria-label": i.ariaLabel || `${r} dropdown`,
+                "aria-label": n.ariaLabel || `${r} dropdown`,
                 children: /* @__PURE__ */ o(
                   H,
                   {
-                    buttonType: n,
-                    filters: l,
+                    buttonType: i,
+                    filters: t,
                     filterIndex: e,
-                    onSelectFilter: b,
-                    onApplyFilter: h,
-                    onClickClear: F,
-                    resultsCount: $,
-                    ariaLabels: i?.ariaLabel,
+                    onSelectFilter: w,
+                    onApplyFilter: F,
+                    onClickClear: $,
+                    resultsCount: b,
+                    ariaLabels: n?.ariaLabel,
                     filterButtonLabel: r,
-                    filterButtonLabelTranslated: c,
-                    dropdownMenuTranslation: M
+                    filterButtonLabelTranslated: p,
+                    dropdownMenuTranslation: x
                   }
                 )
               }
             ) })
           ]
         },
-        `${p}-${r}-button`
+        `${c}-${r}-button`
       ) })
     ] });
   }

package/dist/patterns/HeroBanner/HeroBanner.d.ts

@@ -38,5 +38,5 @@ export interface HeroBannerProps extends HTMLAttributes<HTMLDivElement> {
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-herobanner--overview)
  */
-declare const HeroBanner: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+declare const HeroBanner: import('react').ForwardRefExoticComponent<HeroBannerProps & import('react').RefAttributes<HTMLElement>>;
 export default HeroBanner;

package/dist/patterns/HeroBanner/HeroBanner.js

@@ -1,38 +1,34 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import { getCommonProps as f } from "../../utils/index.js";
-import u from "../../node_modules/classnames/index.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { getCommonProps as H } from "../../utils/index.js";
+import N from "../../node_modules/classnames/index.js";
 import { TextVariants as c } from "../../components/Text/types.js";
 import i from "../../components/Text/Text.js";
-const w = ({
-  prehead: e,
-  date: a,
-  headerText: t,
-  subHeadText: l,
-  association: s,
-  background: p,
-  className: d,
-  ...o
-}) => {
-  const { className: r, ...h } = f(o, "HeroBanner");
-  return /* @__PURE__ */ n(
-    "header",
-    {
-      ...h,
-      className: u(r, d),
-      style: { "--background": p },
-      ...o,
-      children: /* @__PURE__ */ m("span", { className: `${r}__content-wrapper`, children: [
-        e || a ? /* @__PURE__ */ m("p", { className: `${r}__pre-head`, children: [
-          e ? /* @__PURE__ */ n("span", { children: e }) : null,
-          a ? /* @__PURE__ */ n("span", { children: a }) : null
-        ] }) : null,
-        /* @__PURE__ */ n(i, { variant: c.snwHeadingHero1, children: t }),
-        l ? /* @__PURE__ */ n(i, { variant: c.snwHeadingHero2, children: l }) : null,
-        s ? /* @__PURE__ */ n("p", { className: `${r}__after-head`, children: s }) : null
-      ] })
-    }
-  );
-};
+const _ = u(
+  ({ prehead: e, date: a, headerText: t, subHeadText: l, association: s, background: p, className: d, ...o }, f) => {
+    const { className: n, ...h } = H(o, "HeroBanner");
+    return /* @__PURE__ */ r(
+      "header",
+      {
+        ...h,
+        className: N(n, d),
+        style: { "--background": p },
+        ref: f,
+        ...o,
+        children: /* @__PURE__ */ m("span", { className: `${n}__content-wrapper`, children: [
+          e || a ? /* @__PURE__ */ m("p", { className: `${n}__pre-head`, children: [
+            e ? /* @__PURE__ */ r("span", { children: e }) : null,
+            a ? /* @__PURE__ */ r("span", { children: a }) : null
+          ] }) : null,
+          /* @__PURE__ */ r(i, { variant: c.snwHeadingHero1, children: t }),
+          l ? /* @__PURE__ */ r(i, { variant: c.snwHeadingHero2, children: l }) : null,
+          s ? /* @__PURE__ */ r("p", { className: `${n}__after-head`, children: s }) : null
+        ] })
+      }
+    );
+  }
+);
+_.displayName = "HeroBanner";
 export {
-  w as default
+  _ as default
 };

package/dist/patterns/HeroBanner/HeroBanner.stories.d.ts

@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
 import { HeroBannerProps } from './HeroBanner';
 declare const meta: {
     title: string;
-    component: ({ prehead, date, headerText, subHeadText, association, background, className, ...props }: HeroBannerProps) => import("react/jsx-runtime").JSX.Element;
+    component: import('react').ForwardRefExoticComponent<HeroBannerProps & import('react').RefAttributes<HTMLElement>>;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;