@phillips/seldon 1.215.0 → 1.217.0

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

@@ -14,7 +14,7 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const AccordionLarge: ({ transitionTimeInMs, ...props }: AccordionProps & AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
+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 & {

package/dist/components/Accordion/AccordionItem.js

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

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

@@ -13,7 +13,6 @@ export interface AccordionHeaderType {
      */
     baseClassName: string;
     disable: boolean;
-    isLargeVariation: boolean;
     /**
      * Unique id for icon component testing
      */
@@ -26,6 +25,10 @@ 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 {
     /**
@@ -45,7 +48,10 @@ export interface AccordionContentType {
      * When true applied the transition keyframe animation on item expand. Default as false.
      */
     hasTransition?: boolean;
-    isLargeVariation: boolean;
+    /**
+     * Determines whether the variant on text style is larger or smaller.
+     */
+    variant?: AccordionItemVariant;
 }
 export declare enum AccordionVariants {
     multiple = "multiple",
@@ -65,6 +71,6 @@ export interface AccordionVariantProps {
     collapsible?: boolean;
 }
 export declare enum AccordionItemVariant {
-    lg = "lg",
+    md = "md",
     sm = "sm"
 }

package/dist/components/Accordion/types.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((l) => (l.multiple = "multiple", l.singleCollapsible = "singleCollapsible", l.singleNonCollapsible = "singleNonCollapsible", l))(e || {}), s = /* @__PURE__ */ ((l) => (l.lg = "lg", l.sm = "sm", l))(s || {});
+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 || {});
 export {
   s as AccordionItemVariant,
   e as AccordionVariants

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

@@ -1,4 +1,4 @@
-import { AccordionVariantKey } from './types';
+import { AccordionVariantKey, AccordionItemVariant } from './types';
 import { AccordionMultipleProps, AccordionSingleProps } from '@radix-ui/react-accordion';
 /**
  * Sets the type and collapsible props based on the variant prop
@@ -8,8 +8,8 @@ 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 isLargeVariation - Determines whether the variation on text style is large or small.
+ * @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, isLargeVariation: boolean, iconName: string) => string;
+export declare const getIconClasses: (className: string, variant: AccordionItemVariant | undefined, iconName: string) => string;

package/dist/components/Accordion/utils.js

@@ -1,12 +1,12 @@
-import i from "../../node_modules/classnames/index.js";
-import { AccordionVariants as n } from "./types.js";
-const t = (o, e) => {
+import s from "../../node_modules/classnames/index.js";
+import { AccordionVariants as n, AccordionItemVariant as i } from "./types.js";
+const p = (o, e) => {
   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;
-}, p = (o, e, r) => i(`${o}__icon`, `${o}-${r}__icon`, {
-  [`${o}__icon--lg`]: e
+}, a = (o, e = i.md, r) => s(`${o}__icon`, `${o}-${r}__icon`, {
+  [`${o}__icon--sm`]: e === i.sm
 });
 export {
-  t as getAccordionVariantProps,
-  p as getIconClasses
+  p as getAccordionVariantProps,
+  a as getIconClasses
 };

package/dist/components/AddToCalendar/AddToCalendar.js

@@ -1,30 +1,29 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as C, useState as h } from "react";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as b, useState as h } from "react";
 import { getCommonProps as g } from "../../utils/index.js";
 import u from "../../node_modules/classnames/index.js";
-import { TextVariants as N } from "../Text/types.js";
-import O from "../Text/Text.js";
-import { Root as T, Trigger as x, Portal as I, Content as A, Item as L } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
-import P from "../Icon/Icon.js";
+import N from "../Text/Text.js";
+import { Root as O, Trigger as I, Portal as T, Content as x, Item as A } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import L from "../Icon/Icon.js";
 import "../Link/types.js";
-import $ from "../Link/Link.js";
-import { generateGoogleCalendarLink as w, generateOutlookOnlineLink as R, generateYahooCalendarLink as S, generateCalendarFile as j } from "./calendarLinks.js";
-import y from "../IconButton/IconButton.js";
-const G = C(
-  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = $, ...n }, m) => {
-    const { className: l, ...c } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (a, i) => {
-      a === "file" ? j(o) : a === "link" && i && window.open(i, "_blank");
+import P from "../Link/Link.js";
+import { generateGoogleCalendarLink as $, generateOutlookOnlineLink as w, generateYahooCalendarLink as R, generateCalendarFile as S } from "./calendarLinks.js";
+import j from "../IconButton/IconButton.js";
+const G = b(
+  ({ className: r, event: o, label: s = "Add to calendar", linkElement: d = P, ...n }, c) => {
+    const { className: l, ...m } = g(n, "AddToCalendar"), [t, f] = h(!1), k = (e, i) => {
+      e === "file" ? S(o) : e === "link" && i && window.open(i, "_blank");
     }, p = [
       { label: "iCalendar", action: "file" },
-      { label: "Google Calendar", action: "link", link: w(o) },
+      { label: "Google Calendar", action: "link", link: $(o) },
       { label: "Outlook", action: "file" },
-      { label: "Outlook Online", action: "link", link: R(o) },
-      { label: "Yahoo Calendar", action: "link", link: S(o) }
+      { label: "Outlook Online", action: "link", link: w(o) },
+      { label: "Yahoo Calendar", action: "link", link: R(o) }
     ];
-    return /* @__PURE__ */ e("div", { ...c, className: u(l, r), ...n, ref: m, children: /* @__PURE__ */ b(T, { open: t, onOpenChange: f, children: [
-      /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(P, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
-      /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e(
-        A,
+    return /* @__PURE__ */ a("div", { ...m, className: u(l, r), ...n, ref: c, children: /* @__PURE__ */ C(O, { open: t, onOpenChange: f, children: [
+      /* @__PURE__ */ a(I, { asChild: !0, children: /* @__PURE__ */ a(j, { children: /* @__PURE__ */ a(L, { icon: t ? "CloseX" : "Calendar", title: s }) }) }),
+      /* @__PURE__ */ a(T, { children: /* @__PURE__ */ a(
+        x,
         {
           sideOffset: 5,
           align: "start",
@@ -32,14 +31,14 @@ const G = C(
           "data-side": "bottom",
           avoidCollisions: !1,
           className: `${l}-atcb-list`,
-          children: p.map((a) => /* @__PURE__ */ e(
-            L,
+          children: p.map((e) => /* @__PURE__ */ a(
+            A,
             {
               className: `${l}-atcb-item`,
-              onSelect: () => k(a.action, a.link),
-              children: a.action === "link" ? /* @__PURE__ */ e(d, { className: `${l}-atcb-item-link`, href: a.link, children: a.label }) : /* @__PURE__ */ e("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ e(O, { variant: N.body2, children: a.label }) })
+              onSelect: () => k(e.action, e.link),
+              children: e.action === "link" ? /* @__PURE__ */ a(d, { className: `${l}-atcb-item-link`, href: e.link, children: e.label }) : /* @__PURE__ */ a("button", { className: `${l}-atcb-item-link`, children: /* @__PURE__ */ a(N, { children: e.label }) })
             },
-            a.label
+            e.label
           ))
         }
       ) })

package/dist/components/Article/Article.js

@@ -1,27 +1,27 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
+import { jsxs as s, jsx as l } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
 import { getCommonProps as h } from "../../utils/index.js";
 import x from "../../node_modules/classnames/index.js";
 import $ from "../SeldonImage/SeldonImage.js";
-import { TextVariants as l } from "../Text/types.js";
-import n from "../Text/Text.js";
-import "../Link/types.js";
+import { TextVariants as c } from "../Text/types.js";
+import t from "../Text/Text.js";
+import { LinkVariants as k } from "../Link/types.js";
 import v from "../Link/Link.js";
-const b = u(
-  ({ className: p, imageSrc: r, label: a, header: o, description: m, linkElement: d = v, linkLabel: s, linkHref: f, ...i }, _) => {
-    const { className: t, ...N } = h(i, "Article");
-    return /* @__PURE__ */ c("article", { ...N, className: x(t, p), ...i, ref: _, children: [
-      r ? /* @__PURE__ */ e($, { aspectRatio: "16/9", src: r, alt: "bull" }) : null,
-      /* @__PURE__ */ c("div", { className: `${t}__content`, children: [
-        a ? /* @__PURE__ */ e(n, { variant: l.label, className: `${t}__content-label`, children: a }) : null,
-        o ? /* @__PURE__ */ e(n, { variant: l.heading3, className: `${t}__content-title`, children: o }) : null,
-        m ? /* @__PURE__ */ e(n, { variant: l.body2, className: `${t}__content-description`, element: "p", children: m }) : null,
-        s ? /* @__PURE__ */ e(d, { href: f, className: `${t}__content-link`, children: s }) : null
+const A = N(
+  ({ className: d, imageSrc: n, label: a, header: r, description: m, linkElement: f = v, linkLabel: i, linkHref: p, ...o }, u) => {
+    const { className: e, ..._ } = h(o, "Article");
+    return /* @__PURE__ */ s("article", { ..._, className: x(e, d), ...o, ref: u, children: [
+      n ? /* @__PURE__ */ l($, { aspectRatio: "16/9", src: n, alt: "bull" }) : null,
+      /* @__PURE__ */ s("div", { className: `${e}__content`, children: [
+        a ? /* @__PURE__ */ l(t, { variant: c.labelSmall, className: `${e}__content-label`, children: a }) : null,
+        r ? /* @__PURE__ */ l(t, { variant: c.headingMedium, className: `${e}__content-title`, children: r }) : null,
+        m ? /* @__PURE__ */ l(t, { className: `${e}__content-description`, element: "p", children: m }) : null,
+        i ? /* @__PURE__ */ l(f, { href: p, variant: k.linkMedium, className: `${e}__content-link`, children: i }) : null
       ] })
     ] });
   }
 );
-b.displayName = "Article";
+A.displayName = "Article";
 export {
-  b as default
+  A as default
 };

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1,36 +1,36 @@
-import { jsxs as p, jsx as m } from "react/jsx-runtime";
+import { jsxs as h, jsx as m } from "react/jsx-runtime";
 import { getCommonProps as d } from "../../utils/index.js";
 import o from "../../node_modules/classnames/index.js";
 import u from "../Icon/Icon.js";
 const b = ({
   className: c,
   href: s,
-  label: a,
+  label: r,
   isCurrent: e = !1,
   isTruncateText: t = !1,
   element: n = "a",
   ...l
 }) => {
-  const { className: r, ...i } = d(l, "Breadcrumb"), f = e ? "page" : !1, h = e ? "" : s;
-  return /* @__PURE__ */ p(
+  const { className: a, ...i } = d(l, "Breadcrumb"), p = e ? "page" : !1, f = e ? "" : s;
+  return /* @__PURE__ */ h(
     "li",
     {
-      "aria-label": a,
-      className: o(`${r}__item`, { [`${r}--truncate`]: t }),
+      "aria-label": r,
+      className: o(`${a}__item`, { [`${a}--truncate`]: t }),
       children: [
-        e ? /* @__PURE__ */ m("span", { className: o(r, c, { [`${r}--current`]: e }), children: a }) : /* @__PURE__ */ m(
+        e ? /* @__PURE__ */ m("span", { className: o(a, c, { [`${a}--current`]: e }), children: r }) : /* @__PURE__ */ m(
           n,
           {
-            "aria-current": f,
-            className: o(r, c, {
-              [`${r}--current`]: e
+            "aria-current": p,
+            className: o(a, c, {
+              [`${a}--current`]: e
             }),
-            href: h,
+            href: f,
             ...i,
-            children: a
+            children: r
           }
         ),
-        e ? null : /* @__PURE__ */ m(u, { icon: "ChevronRight", height: "1.5rem", width: "1.5rem" })
+        e ? null : /* @__PURE__ */ m(u, { icon: "ChevronRight", height: "20px", width: "20px" })
       ]
     }
   );

package/dist/components/Button/Button.d.ts

@@ -40,6 +40,10 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement | HT
      * Boolean to specify whether we need to display skeleton loader
      */
     isSkeletonLoading?: boolean;
+    /**
+     * This is only used when a button is rendered as a link. It controls the size of the link.
+     */
+    linkSize?: 'sm' | 'md' | 'lg';
 }
 /**
  * ## Overview