@phillips/seldon 1.213.0 → 1.214.0-beta.0

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/index.d.ts

@@ -78,4 +78,3 @@ 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 LiveNow } from './LiveNow';

package/dist/assets/formatted/index.js

@@ -6,7 +6,7 @@ import { default as s } from "./AdminLiveOnline.js";
 import { default as x } from "./AdminPerson.js";
 import { default as n } from "./AdminTelephone.js";
 import { default as A } from "./AdminPlay.js";
-import { default as h } from "./AdminFullscreen.js";
+import { default as v } from "./AdminFullscreen.js";
 import { default as w } from "./AdminFullscreenExit.js";
 import { default as S } from "./AdminCheck.js";
 import { default as F } from "./AdminChevronLeft.js";
@@ -18,10 +18,10 @@ import { default as U } from "./AdminPencil.js";
 import { default as B } from "./AdminSearch.js";
 import { default as b } from "./AppleAppStoreBadge.js";
 import { default as X } from "./ArrowDown.js";
-import { default as O } from "./ArrowLeft.js";
-import { default as j } from "./ArrowRight.js";
-import { default as z } from "./ArrowUp.js";
-import { default as K } from "./Bag.js";
+import { default as W } from "./ArrowLeft.js";
+import { default as q } from "./ArrowRight.js";
+import { default as J } from "./ArrowUp.js";
+import { default as N } from "./Bag.js";
 import { default as Y } from "./Calendar.js";
 import { default as _ } from "./ChevronDown.js";
 import { default as ee } from "./ChevronLeft.js";
@@ -33,7 +33,7 @@ import { default as se } from "./Delete.js";
 import { default as xe } from "./Download.js";
 import { default as ne } from "./Edit.js";
 import { default as Ae } from "./Email.js";
-import { default as he } from "./Error.js";
+import { default as ve } from "./Error.js";
 import { default as we } from "./ExternalLink.js";
 import { default as Se } from "./Facebook.js";
 import { default as Fe } from "./FavoriteActive.js";
@@ -45,10 +45,10 @@ import { default as Ue } from "./GavelActive.js";
 import { default as Be } from "./Gavel.js";
 import { default as be } from "./Grid.js";
 import { default as Xe } from "./Hide.js";
-import { default as Oe } from "./HomeActive.js";
-import { default as je } from "./Home.js";
-import { default as ze } from "./IconGreenCircle.js";
-import { default as Ke } from "./IconBlueCircle.js";
+import { default as We } from "./HomeActive.js";
+import { default as qe } from "./Home.js";
+import { default as Je } from "./IconGreenCircle.js";
+import { default as Ne } from "./IconBlueCircle.js";
 import { default as Ye } from "./IconRedCircle.js";
 import { default as _e } from "./Icon.js";
 import { default as eo } from "./Instagram.js";
@@ -59,7 +59,7 @@ import { default as uo } from "./MagnificentSeven.js";
 import { default as po } from "./Menu.js";
 import { default as io } from "./Mute.js";
 import { default as co } from "./Pause.js";
-import { default as vo } from "./PhillipsAppIcon.js";
+import { default as ho } from "./PhillipsAppIcon.js";
 import { default as Co } from "./PhillipsLogo.js";
 import { default as Lo } from "./Play.js";
 import { default as go } from "./Red.js";
@@ -71,14 +71,13 @@ import { default as Ho } from "./Share.js";
 import { default as Vo } from "./Subtract.js";
 import { default as To } from "./Success.js";
 import { default as yo } from "./Tooltip.js";
-import { default as No } from "./TwitterX.js";
-import { default as Wo } from "./Upload.js";
-import { default as qo } from "./View.js";
-import { default as Jo } from "./VolumeMaximum.js";
+import { default as Oo } from "./TwitterX.js";
+import { default as jo } from "./Upload.js";
+import { default as zo } from "./View.js";
+import { default as Ko } 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";
 export {
   a as Account,
   r as AccountActive,
@@ -88,7 +87,7 @@ export {
   P as AdminChevronRight,
   E as AdminChevronUp,
   k as AdminClose,
-  h as AdminFullscreen,
+  v as AdminFullscreen,
   w as AdminFullscreenExit,
   m as AdminGavel,
   D as AdminHome,
@@ -100,10 +99,10 @@ export {
   n as AdminTelephone,
   b as AppleAppStoreBadge,
   X as ArrowDown,
-  O as ArrowLeft,
-  j as ArrowRight,
-  z as ArrowUp,
-  K as Bag,
+  W as ArrowLeft,
+  q as ArrowRight,
+  J as ArrowUp,
+  N as Bag,
   Y as Calendar,
   _ as ChevronDown,
   ee as ChevronLeft,
@@ -115,7 +114,7 @@ export {
   xe as Download,
   ne as Edit,
   Ae as Email,
-  he as Error,
+  ve as Error,
   we as ExternalLink,
   Se as Facebook,
   Pe as Favorite,
@@ -127,22 +126,21 @@ export {
   Ue as GavelActive,
   be as Grid,
   Xe as Hide,
-  je as Home,
-  Oe as HomeActive,
+  qe as Home,
+  We as HomeActive,
   _e as Icon,
-  Ke as IconBlueCircle,
-  ze as IconGreenCircle,
+  Ne as IconBlueCircle,
+  Je as IconGreenCircle,
   Ye as IconRedCircle,
   eo as Instagram,
   ro as LinkedIn,
   ao as List,
-  or as LiveNow,
   lo as Lock,
   uo as MagnificentSeven,
   po as Menu,
   io as Mute,
   co as Pause,
-  vo as PhillipsAppIcon,
+  ho as PhillipsAppIcon,
   Co as PhillipsLogo,
   Lo as Play,
   go as Red,
@@ -154,10 +152,10 @@ export {
   Vo as Subtract,
   To as Success,
   yo as Tooltip,
-  No as TwitterX,
-  Wo as Upload,
-  qo as View,
-  Jo as VolumeMaximum,
+  Oo as TwitterX,
+  jo as Upload,
+  zo as View,
+  Ko as VolumeMaximum,
   Qo as VolumeMid,
   Zo as VolumeMinimum,
   $o as WeChat

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/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: {