@phillips/seldon 1.213.0 → 1.214.0-beta.1

package/dist/_virtual/index4.js

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

package/dist/_virtual/index5.js

@@ -1,4 +1,4 @@
-var e = {};
+var r = {};
 export {
-  e as __exports
+  r as __exports
 };

package/dist/_virtual/index6.js

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

package/dist/assets/formatted/Clock.d.ts

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

package/dist/assets/formatted/Clock.js

@@ -0,0 +1,35 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import { memo as n, forwardRef as f } from "react";
+import { kebabCase as h } from "../../node_modules/change-case/dist/index.js";
+const g = n(
+  f((t, i) => {
+    const { color: r, height: a, width: d, title: l, titleId: m } = t, e = m || h(l || "");
+    return /* @__PURE__ */ s(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 19 19",
+        height: a,
+        width: d,
+        role: "img",
+        ref: i,
+        "aria-labelledby": e,
+        ...t,
+        children: [
+          l ? /* @__PURE__ */ o("title", { id: e, children: l }) : null,
+          /* @__PURE__ */ o(
+            "path",
+            {
+              fill: r,
+              d: "M9.906 1.595A7.917 7.917 0 0 1 17.415 9.5l-.01.407A7.917 7.917 0 0 1 9.5 17.417l-.408-.01a7.917 7.917 0 0 1-7.498-7.499l-.011-.407a7.92 7.92 0 0 1 7.917-7.917zM9.5 3.084A6.418 6.418 0 1 0 9.5 15.919 6.418 6.418 0 0 0 9.5 3.084m.79 6.874L6.716 13.46l-1.177-1.153 3.085-3.024v-3.74h1.665z"
+            }
+          )
+        ]
+      }
+    );
+  })
+);
+export {
+  g as default
+};

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

@@ -78,4 +78,5 @@ export { default as VolumeMaximum } from './VolumeMaximum';
 export { default as VolumeMid } from './VolumeMid';
 export { default as VolumeMinimum } from './VolumeMinimum';
 export { default as WeChat } from './WeChat';
+export { default as Clock } from './Clock';
 export { default as LiveNow } from './LiveNow';

package/dist/assets/formatted/index.js

@@ -11,8 +11,8 @@ import { default as w } from "./AdminFullscreenExit.js";
 import { default as S } from "./AdminCheck.js";
 import { default as F } from "./AdminChevronLeft.js";
 import { default as P } from "./AdminChevronRight.js";
-import { default as E } from "./AdminChevronUp.js";
-import { default as k } from "./AdminClose.js";
+import { default as k } from "./AdminChevronUp.js";
+import { default as M } from "./AdminClose.js";
 import { default as D } from "./AdminHome.js";
 import { default as U } from "./AdminPencil.js";
 import { default as B } from "./AdminSearch.js";
@@ -38,8 +38,8 @@ import { default as we } from "./ExternalLink.js";
 import { default as Se } from "./Facebook.js";
 import { default as Fe } from "./FavoriteActive.js";
 import { default as Pe } from "./Favorite.js";
-import { default as Ee } from "./Filters.js";
-import { default as ke } from "./Fullscreen.js";
+import { default as ke } from "./Filters.js";
+import { default as Me } from "./Fullscreen.js";
 import { default as De } from "./FullscreenExit.js";
 import { default as Ue } from "./GavelActive.js";
 import { default as Be } from "./Gavel.js";
@@ -65,7 +65,7 @@ import { default as Lo } from "./Play.js";
 import { default as go } from "./Red.js";
 import { default as Io } from "./Refresh.js";
 import { default as Ro } from "./Search.js";
-import { default as Mo } from "./SellActive.js";
+import { default as Eo } from "./SellActive.js";
 import { default as Go } from "./Sell.js";
 import { default as Ho } from "./Share.js";
 import { default as Vo } from "./Subtract.js";
@@ -78,7 +78,8 @@ import { default as Jo } from "./VolumeMaximum.js";
 import { default as Qo } from "./VolumeMid.js";
 import { default as Zo } from "./VolumeMinimum.js";
 import { default as $o } from "./WeChat.js";
-import { default as or } from "./LiveNow.js";
+import { default as or } from "./Clock.js";
+import { default as tr } from "./LiveNow.js";
 export {
   a as Account,
   r as AccountActive,
@@ -86,8 +87,8 @@ export {
   S as AdminCheck,
   F as AdminChevronLeft,
   P as AdminChevronRight,
-  E as AdminChevronUp,
-  k as AdminClose,
+  k as AdminChevronUp,
+  M as AdminClose,
   h as AdminFullscreen,
   w as AdminFullscreenExit,
   m as AdminGavel,
@@ -109,6 +110,7 @@ export {
   ee as ChevronLeft,
   re as ChevronRight,
   ae as ChevronUp,
+  or as Clock,
   le as CloseX,
   me as ConditionReport,
   se as Delete,
@@ -120,8 +122,8 @@ export {
   Se as Facebook,
   Pe as Favorite,
   Fe as FavoriteActive,
-  Ee as Filters,
-  ke as Fullscreen,
+  ke as Filters,
+  Me as Fullscreen,
   De as FullscreenExit,
   Be as Gavel,
   Ue as GavelActive,
@@ -136,7 +138,7 @@ export {
   eo as Instagram,
   ro as LinkedIn,
   ao as List,
-  or as LiveNow,
+  tr as LiveNow,
   lo as Lock,
   uo as MagnificentSeven,
   po as Menu,
@@ -149,7 +151,7 @@ export {
   Io as Refresh,
   Ro as Search,
   Go as Sell,
-  Mo as SellActive,
+  Eo as SellActive,
   Ho as Share,
   Vo as Subtract,
   To as Success,

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

package/dist/components/Button/Button.js

@@ -1,78 +1,96 @@
-import { jsxs as N, Fragment as k, jsx as o } from "react/jsx-runtime";
-import $ from "../../node_modules/classnames/index.js";
-import { getCommonProps as b, px as P } from "../../utils/index.js";
-import { ButtonVariants as j } from "./types.js";
-import { forwardRef as y, useState as H } from "react";
-const L = y(
+import { jsxs as P, Fragment as B, jsx as n } from "react/jsx-runtime";
+import C from "../../node_modules/classnames/index.js";
+import { getCommonProps as V, px as j } from "../../utils/index.js";
+import { ButtonVariants as s } from "./types.js";
+import { forwardRef as v, useState as w } from "react";
+import { LinkVariants as l } from "../Link/types.js";
+import H from "../Link/Link.js";
+const g = v(
   ({
-    variant: s = j.primary,
-    children: a,
-    className: l,
-    isIconLast: m = !1,
-    type: v = "button",
-    isDisabled: t = !1,
-    href: n,
-    target: i,
-    prefetch: c = "none",
-    isSkeletonLoading: x,
-    ...r
-  }, f) => {
-    const { className: e, ...u } = b(r, "Button"), [B, C] = H(!1);
-    if (n) {
-      const d = () => /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o("link", { "data-testid": "prefetch-link", rel: "prefetch", href: n }) });
-      return /* @__PURE__ */ N(k, { children: [
-        /* @__PURE__ */ o(
-          "a",
+    variant: t = s.primary,
+    children: k,
+    className: c,
+    isIconLast: u = !1,
+    type: N = "button",
+    isDisabled: a = !1,
+    href: o,
+    target: f,
+    prefetch: d = "none",
+    isSkeletonLoading: i,
+    linkSize: y = "md",
+    ...m
+  }, p) => {
+    const { className: e, ...$ } = V(m, "Button"), [L, M] = w(!1);
+    if (o || t === s.link) {
+      const b = () => /* @__PURE__ */ n(B, { children: /* @__PURE__ */ n("link", { "data-testid": "prefetch-link", rel: "prefetch", href: o }) });
+      let r = l.linkMedium;
+      switch (y) {
+        case "lg":
+          r = l.linkLarge;
+          break;
+        case "md":
+          r = l.linkMedium;
+          break;
+        case "sm":
+          r = l.linkSmall;
+          break;
+      }
+      return /* @__PURE__ */ P(B, { children: [
+        /* @__PURE__ */ n(
+          H,
           {
-            ...u,
-            ref: f,
-            href: n,
-            className: $(
+            ...$,
+            variant: r,
+            ref: p,
+            href: o,
+            className: C(
               `${e}`,
-              `${e}--${s}`,
+              { [`${e}--${t}`]: t !== s.link },
+              { [`${e}--link`]: t === s.link },
               {
-                [`${e}--icon-last`]: m
+                [`${e}--icon-last`]: u
               },
-              l
+              c
             ),
-            target: i,
-            rel: i === "_blank" ? "noopener noreferrer" : void 0,
+            target: f,
+            rel: f === "_blank" ? "noopener noreferrer" : void 0,
             onMouseOver: () => {
-              t || C(!0);
+              a || M(!0);
             },
-            onClick: (p) => {
-              t ? p.preventDefault() : r.onClick?.(p);
+            onClick: (x) => {
+              a ? x.preventDefault() : m.onClick?.(x);
             },
-            children: a
+            children: k
           }
         ),
-        c === "intent" && B && /* @__PURE__ */ o(d, {}),
-        c === "render" && /* @__PURE__ */ o(d, {})
+        d === "intent" && o && L && /* @__PURE__ */ n(b, {}),
+        d === "render" && o && /* @__PURE__ */ n(b, {})
       ] });
     } else
-      return /* @__PURE__ */ o(
+      return /* @__PURE__ */ n(
         "button",
         {
-          ...u,
-          ref: f,
-          type: v,
-          className: $(
+          ...$,
+          ref: p,
+          type: N,
+          "aria-busy": i,
+          className: C(
             `${e}`,
-            `${e}--${s}`,
+            `${e}--${t}`,
             {
-              [`${e}--icon-last`]: m,
-              [`${P}-skeleton`]: x
+              [`${e}--icon-last`]: u,
+              [`${j}-skeleton`]: i
             },
-            l
+            c
           ),
-          disabled: t,
-          ...r,
-          children: a
+          disabled: i || a,
+          ...m,
+          children: k
         }
       );
   }
 );
-L.displayName = "Button";
+g.displayName = "Button";
 export {
-  L as default
+  g as default
 };

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

@@ -10,12 +10,19 @@ declare const meta: {
                 type: "select";
             };
         };
+        linkSize: {
+            options: string[];
+            control: {
+                type: "select";
+            };
+        };
         isIconLast: {
             control: "boolean";
         };
     };
 };
 export default meta;
+export declare const Default: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonWithIcon: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ButtonWithIconDisabled: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -23,7 +30,6 @@ export declare const ButtonAsLink: {
     (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     args: {
         variant: ButtonVariants;
-        size: string;
     };
 };
 export declare const ButtonAsLinkWithPrefetch: {