@phillips/seldon 1.248.0 → 1.250.0

package/dist/components/Carousel/CarouselDots.js

@@ -1,14 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
-import E from "../../_virtual/index.js";
-import { forwardRef as G, useState as S, useRef as L, useCallback as l, useEffect as M, useMemo as q } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import B from "../../_virtual/index.js";
+import { forwardRef as E, useState as S, useRef as L, useCallback as l, useEffect as M, useMemo as q } from "react";
 import { useCarousel as z } from "./utils.js";
 import { getCommonProps as A } from "../../utils/index.js";
 import { CarouselDot as F } from "./CarouselDot.js";
-const h = 10, C = 12, H = (h + C) / 2, J = G(
-  ({ className: v, maxDots: g = 9, position: V = "inline", numberOfSlides: b = 0, id: I, ...D }, k) => {
-    const { className: c, ...y } = A({ id: I, ...D }, "CarouselDots"), { api: t, onSlideChange: a } = z(), [R, T] = S(0), [i, O] = S(
-      Array.from({ length: b }, (e, o) => o)
-    ), r = L(null), [$, w] = S([]), N = l((e) => {
+const h = 10, C = 12, H = (h + C) / 2, J = E(
+  ({ className: b, maxDots: g = 9, position: V = "inline", numberOfSlides: k = 0, id: I, ...D }, y) => {
+    const { className: c, ...R } = A({ id: I, ...D }, "CarouselDots"), { api: t, onSlideChange: a } = z(), [T, G] = S(0), [i, O] = S(
+      Array.from({ length: k }, (e, o) => o)
+    ), r = L(null), [$, w] = S([]), v = l((e) => {
       r.current && r.current.scrollTo?.({
         left: e * (h + C) - r.current.offsetWidth / 2 + H,
         // Center dot in container
@@ -23,10 +23,10 @@ const h = 10, C = 12, H = (h + C) / 2, J = G(
       O(e.scrollSnapList());
     }, []), n = l(
       (e) => {
-        T(e.selectedScrollSnap()), N(e.selectedScrollSnap());
+        G(e.selectedScrollSnap()), v(e.selectedScrollSnap());
       },
-      [N]
-    ), u = l(
+      [v]
+    ), m = l(
       (e) => {
         a?.(e.selectedScrollSnap());
       },
@@ -34,45 +34,47 @@ const h = 10, C = 12, H = (h + C) / 2, J = G(
     );
     M(() => {
       if (t)
-        return f(t), n(t), t.on("reInit", f).on("reInit", n).on("select", n).on("settle", u), () => {
-          t.off("reInit", f).off("reInit", n).off("select", n).off("settle", u);
+        return f(t), n(t), t.on("reInit", f).on("reInit", n).on("select", n).on("settle", m), () => {
+          t.off("reInit", f).off("reInit", n).off("select", n).off("settle", m);
         };
-    }, [t, f, n, u]);
+    }, [t, f, n, m]);
     const s = q(() => $.sort((e, o) => e - o), [$]);
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ u(
       "div",
       {
-        ref: k,
+        ref: y,
         role: "group",
         "aria-roledescription": "pagination",
         "aria-label": "pagination",
-        className: E(`${c}`, v, `${c}-${V}`),
+        className: B(`${c}`, b, `${c}-${V}`),
         ...D,
-        ...y,
-        children: /* @__PURE__ */ m("div", { className: `${c}-container`, children: /* @__PURE__ */ m(
+        ...R,
+        children: /* @__PURE__ */ u("div", { className: `${c}-container`, children: /* @__PURE__ */ u(
           "div",
           {
             style: { "--max-width": `${g * h + (g - 1) * C + 2}px` },
             className: `${c}-container-inner`,
             ref: r,
             children: i.map((e, o) => {
-              const W = R === o, d = s.indexOf(o), _ = (
+              const N = T === o, d = s.indexOf(o), W = (
                 // The dot is out of view
                 d === -1 || // The dot must be either among the first two or last two visible dots
                 (d <= 1 || d >= s.length - 2) && // Don't shrink if we're showing the first two dots (index 0,1) and both are visible
                 !(o <= 1 && s.includes(0) && s.includes(1)) && // Don't shrink if we're showing the last two dots and both are visible
                 !(o >= i.length - 2 && s.includes(i.length - 1) && s.includes(i.length - 2))
               );
-              return /* @__PURE__ */ m(
+              return /* @__PURE__ */ u(
                 F,
                 {
                   onClick: () => P(o),
-                  isSelected: W,
+                  isSelected: N,
+                  "aria-label": `Go to slide ${o + 1}`,
+                  "aria-current": N ? "true" : void 0,
                   scrollableContainerRef: r,
-                  onInViewChange: (j) => {
-                    w(j ? (p) => [...p, o] : (p) => p.filter((B) => B !== o));
+                  onInViewChange: (_) => {
+                    w(_ ? (p) => [...p, o] : (p) => p.filter((j) => j !== o));
                   },
-                  variant: _ ? "sm" : "md"
+                  variant: W ? "sm" : "md"
                 },
                 `${I}-dot-${o}`
               );

package/dist/components/Carousel/CarouselItem.js

@@ -1,28 +1,28 @@
-import { jsx as n } from "react/jsx-runtime";
-import i from "../../_virtual/index.js";
-import { forwardRef as c } from "react";
-import { getCommonProps as u } from "../../utils/index.js";
-import { useCarousel as p } from "./utils.js";
-const C = c(
-  ({ element: m, className: s, ...o }, a) => {
-    const t = m || "div", { className: e, ...l } = u(o, "CarouselItem"), { columnGap: r } = p();
-    return /* @__PURE__ */ n(
-      t,
+import { jsx as i } from "react/jsx-runtime";
+import c from "../../_virtual/index.js";
+import { forwardRef as u } from "react";
+import { getCommonProps as p } from "../../utils/index.js";
+import { useCarousel as C } from "./utils.js";
+const f = u(
+  ({ element: r, className: t, ...o }, a) => {
+    const m = r || "div", l = m === "li", { className: e, ...n } = p(o, "CarouselItem"), { columnGap: s } = C();
+    return /* @__PURE__ */ i(
+      m,
       {
         ref: a,
-        role: o.onClick ? "button" : "group",
+        role: l ? void 0 : o.onClick ? "button" : "group",
         "aria-roledescription": "slide",
-        className: i(`${e}`, s, {
-          [`${e}--gap-${r}`]: !!r,
+        className: c(`${e}`, t, {
+          [`${e}--gap-${s}`]: !!s,
           [`${e}--cursor-pointer`]: !!o.onClick
         }),
         ...o,
-        ...l
+        ...n
       }
     );
   }
 );
-C.displayName = "CarouselItem";
+f.displayName = "CarouselItem";
 export {
-  C as default
+  f as default
 };

package/dist/components/ComboBox/ComboBox.js

@@ -89,22 +89,22 @@ import "../../assets/formatted/WeChat.js";
 import "../../assets/formatted/Clock.js";
 import "../../assets/formatted/LiveNow.js";
 import { getCommonProps as Ot, useNormalizedInputProps as kt } from "../../utils/index.js";
-import U from "../IconButton/IconButton.js";
-import { ButtonVariants as W } from "../Button/types.js";
+import W from "../IconButton/IconButton.js";
+import { ButtonVariants as X } from "../Button/types.js";
 import { usePrevious as Lt } from "../../utils/usePrevious.js";
 import { TextVariants as Vt } from "../Text/types.js";
 import Dt from "../Text/Text.js";
 const Mt = Nt.forwardRef(function({
   options: n = [],
-  className: X,
-  id: s,
-  labelText: H,
+  className: H,
+  id: l,
+  labelText: S,
   placeholder: J,
   name: k,
   value: p,
   onChange: u,
   onBlur: Q,
-  renderOption: S,
+  renderOption: j,
   ariaLabelDropdown: L,
   ariaLabelInput: Y,
   ariaLabelClear: Z,
@@ -114,15 +114,15 @@ const Mt = Nt.forwardRef(function({
   noOptionsMessage: ot = "No Options.",
   invalid: N = !1,
   invalidText: it,
-  countOfCharsBeforeDropdown: j = 0,
+  countOfCharsBeforeDropdown: q = 0,
   ...at
 }, V) {
-  const { className: e, ...lt } = Ot({ id: s }, "ComboBox"), st = Tt, nt = xt, q = kt({
-    id: s,
+  const { className: e, ...lt } = Ot({ id: l }, "ComboBox"), st = Tt, nt = xt, z = kt({
+    id: l,
     invalid: N,
     invalidText: it,
     type: "text"
-  }), [f, z] = B(!1), [mt, ct] = B(""), G = Lt(p), D = g((t) => t.label || t.value, []), [o, b] = B(() => {
+  }), [f, G] = B(!1), [mt, ct] = B(""), K = Lt(p), D = g((t) => t.label || t.value, []), [o, b] = B(() => {
     if (p !== void 0) {
       const t = n.find((r) => r.value === p);
       return t ? t.displayValue || D(t) : "";
@@ -137,37 +137,37 @@ const Mt = Nt.forwardRef(function({
       let v = !1;
       return r.filterTerms && r.filterTerms.length > 0 && (v = r.filterTerms.some((dt) => dt.toLowerCase().includes(t))), w || P || A || v;
     });
-  }, [o, _, a, m, n]), l = g(
+  }, [o, _, a, m, n]), s = g(
     (t, r) => {
-      const w = (r?.length || o.length) >= j;
-      (!t || t && w) && z(t), t && a && c.length > 5 && requestAnimationFrame(() => {
+      const w = (r?.length || o.length) >= q;
+      (!t || t && w) && G(t), t && a && c.length > 5 && requestAnimationFrame(() => {
         M.current && M.current.scrollIntoView({
           block: "nearest",
           behavior: "auto"
         });
       });
     },
-    [j, o.length, a, c.length]
+    [q, o.length, a, c.length]
   ), I = g(
     (t) => {
       h || ct(t.value);
       const r = t.displayValue || m(t);
-      b(r), u && u(t.value, t), l(!1), $.current = !0, requestAnimationFrame(() => {
+      b(r), u && u(t.value, t), s(!1), $.current = !0, requestAnimationFrame(() => {
         $.current = !1;
       });
     },
-    [h, u, l, m]
+    [h, u, s, m]
   ), pt = (t) => {
-    l(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
+    s(!1), $.current = !0, t.preventDefault(), t.stopPropagation(), u && h && u("", null), b(""), y.current?.focus(), requestAnimationFrame(() => {
       $.current = !1;
     });
   }, ut = () => {
-    z(!f), y.current?.focus();
+    G(!f), y.current?.focus();
   }, ft = (t) => {
-    b(t), t !== "" && c.length > 0 && l(!0, t);
-  }, K = O(() => {
+    b(t), t !== "" && c.length > 0 && s(!0, t);
+  }, U = O(() => {
     if (h) {
-      if (p !== G)
+      if (p !== K)
         return a ? _ : o;
       if (a) {
         const t = _;
@@ -176,10 +176,10 @@ const Mt = Nt.forwardRef(function({
         return o;
     }
     return o;
-  }, [h, o, p, G, a, _]), E = (t) => {
+  }, [h, o, p, K, a, _]), E = (t) => {
     if (a) {
       const r = _;
-      r !== K && b(r);
+      r !== U && b(r);
     } else
       b("");
   }, F = g(() => {
@@ -190,8 +190,8 @@ const Mt = Nt.forwardRef(function({
     t.length === 1 && I(t[0]);
   }, [o, n, I, m]);
   return It(C, (t) => {
-    t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || C.current?.contains(t.target) || t.target === C.current || (F(), E(), l(!1));
-  }), /* @__PURE__ */ T("div", { ref: V, className: d(e, X), id: s, ...lt, ...at, children: [
+    t.target.closest(`.${e}__item`) || t.target.closest(`.${e}__content`) || C.current?.contains(t.target) || t.target === C.current || (F(), E(), s(!1));
+  }), /* @__PURE__ */ T("div", { ref: V, className: d(e, H), id: l, ...lt, ...at, children: [
     k && /* @__PURE__ */ i(
       "input",
       {
@@ -210,13 +210,13 @@ const Mt = Nt.forwardRef(function({
         {
           element: "label",
           variant: Vt.labelMedium,
-          htmlFor: `${s}-input`,
+          htmlFor: `${l}-input`,
           className: d(`${e}__label`, {
             [`${e}__label--hidden`]: et,
             [`${e}__label--invalid`]: N
           }),
-          "data-testid": `${s}-label`,
-          children: H
+          "data-testid": `${l}-label`,
+          children: S
         }
       ),
       /* @__PURE__ */ i(
@@ -225,7 +225,7 @@ const Mt = Nt.forwardRef(function({
           loop: !0,
           onKeyDown: (t) => {
             setTimeout(() => {
-              t.key === "Escape" && l(!1);
+              t.key === "Escape" && s(!1);
             }, 0);
           },
           shouldFilter: !1,
@@ -237,42 +237,45 @@ const Mt = Nt.forwardRef(function({
                 className: d(`${e}__input-wrapper`, {
                   [`${e}__input-wrapper--invalid`]: N
                 }),
+                role: "combobox",
+                "aria-label": S,
                 children: [
                   /* @__PURE__ */ i(
                     yt,
                     {
-                      id: `${s}-input`,
+                      id: `${l}-input`,
                       placeholder: J,
-                      value: K,
+                      value: U,
                       onValueChange: ft,
                       tabIndex: 0,
                       onFocus: () => {
-                        c.length > 0 && !$.current && !f && l(!0);
+                        c.length > 0 && !$.current && !f && s(!0);
                       },
                       onClick: (t) => {
-                        l(!0), t.preventDefault(), t.currentTarget.focus();
+                        s(!0), t.preventDefault(), t.currentTarget.focus();
                       },
                       onKeyDown: (t) => {
-                        t.key === "Tab" ? (l(!1), F(), E()) : t.key === "Enter" && !f ? (u && u(o, null), c.length === 1 && I(c[0])) : t.key === "Escape" ? (l(!1), t.preventDefault(), F(), E()) : (t.key === "ArrowDown" || t.key === "ArrowUp") && !f && c.length > 0 && (l(!0), t.preventDefault());
+                        t.key === "Tab" ? (s(!1), F(), E()) : t.key === "Enter" && !f ? (u && u(o, null), c.length === 1 && I(c[0])) : t.key === "Escape" ? (s(!1), t.preventDefault(), F(), E()) : (t.key === "ArrowDown" || t.key === "ArrowUp") && !f && c.length > 0 && (s(!0), t.preventDefault());
                       },
                       onBlur: Q,
                       className: d(`${e}__input`, {
                         [`${e}__input--invalid`]: N
                       }),
                       "aria-label": Y,
-                      "data-testid": `${s}-input`,
+                      "aria-controls": `${l}-content`,
+                      "data-testid": `${l}-input`,
                       ref: y
                     }
                   ),
                   o && /* @__PURE__ */ i(
-                    U,
+                    W,
                     {
                       className: `${e}__close-button`,
-                      "data-testid": `${s}-clear-button`,
+                      "data-testid": `${l}-clear-button`,
                       onClick: pt,
                       "aria-label": Z,
                       tabIndex: -1,
-                      variant: W.tertiary,
+                      variant: X.tertiary,
                       children: /* @__PURE__ */ i(
                         nt,
                         {
@@ -285,16 +288,16 @@ const Mt = Nt.forwardRef(function({
                     }
                   ),
                   /* @__PURE__ */ i(
-                    U,
+                    W,
                     {
                       "aria-label": L,
                       className: d(`${e}__dropdown-button`, {
                         [`${e}__dropdown-button--open`]: f
                       }),
                       onClick: ut,
-                      "data-testid": `${s}-dropdown`,
+                      "data-testid": `${l}-dropdown`,
                       tabIndex: -1,
-                      variant: W.tertiary,
+                      variant: X.tertiary,
                       children: /* @__PURE__ */ i(
                         st,
                         {
@@ -302,7 +305,7 @@ const Mt = Nt.forwardRef(function({
                           height: 18,
                           width: 18,
                           className: `${e}__icon-button`,
-                          title: L || `${s}-dropdown`
+                          title: L || `${l}-dropdown`
                         }
                       )
                     }
@@ -313,6 +316,7 @@ const Mt = Nt.forwardRef(function({
             f && /* @__PURE__ */ i(vt, { container: rt?.current || document.body, children: /* @__PURE__ */ i(
               bt,
               {
+                id: `${l}-content`,
                 className: `${e}__content`,
                 "aria-label": tt,
                 side: "bottom",
@@ -334,7 +338,7 @@ const Mt = Nt.forwardRef(function({
                     value: t.value,
                     onSelect: () => I(t),
                     ...a?.value === t.value ? { ref: M } : {},
-                    children: S ? S(t) : m(t)
+                    children: j ? j(t) : m(t)
                   },
                   t.value
                 )) }) : /* @__PURE__ */ i("div", { className: `${e}__no-options`, children: ot }) })
@@ -343,7 +347,7 @@ const Mt = Nt.forwardRef(function({
           ] })
         }
       ),
-      q.validation ? q.validation : /* @__PURE__ */ i("p", { className: d(`${e}__empty-validation`), children: " " })
+      z.validation ? z.validation : /* @__PURE__ */ i("p", { className: d(`${e}__empty-validation`), children: " " })
     ] })
   ] });
 });

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

@@ -4,6 +4,16 @@ import { ComboBoxOption } from './types';
 declare const meta: {
     title: string;
     component: React.ForwardRefExoticComponent<ComboBoxProps & React.RefAttributes<HTMLDivElement>>;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
 };
 export default meta;
 export declare const Playground: {

package/dist/components/Dropdown/Dropdown.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { forwardRef as p, useState as C } from "react";
 import { getCommonProps as D } from "../../utils/index.js";
 import i from "../../_virtual/index.js";
-import { Root as $, Trigger as v, Value as I, Icon as b, Portal as x, Content as S, ScrollUpButton as O, Viewport as P, ScrollDownButton as R, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
+import { Root as $, Trigger as v, Value as I, Icon as b, Portal as S, Content as x, ScrollUpButton as O, Viewport as P, ScrollDownButton as R, Item as V, ItemText as j } from "../../node_modules/@radix-ui/react-select/dist/index.js";
 import c from "../Icon/Icon.js";
 const y = p(
   ({ options: a, value: n, onValueChange: l, label: s, className: h, id: m, disabled: _, ...w }, N) => {
@@ -20,7 +20,7 @@ const y = p(
             v,
             {
               className: `${o}__trigger`,
-              "aria-label": s,
+              "aria-label": s ?? "Select option",
               ref: N,
               disabled: _,
               children: [
@@ -37,7 +37,7 @@ const y = p(
               ]
             }
           ),
-          /* @__PURE__ */ e(x, { children: /* @__PURE__ */ t(S, { className: `${o}__content`, position: "popper", children: [
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ t(x, { className: `${o}__content`, position: "popper", children: [
             /* @__PURE__ */ e(O, { className: `${o}__scroll-button__up`, children: /* @__PURE__ */ e(c, { icon: "ChevronDown" }) }),
             /* @__PURE__ */ e(P, { className: `${o}__viewport`, children: a.map((r) => /* @__PURE__ */ e(
               d,

package/dist/components/FavoritingTileButton/FavoritingTileButton.js

@@ -1,14 +1,14 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
 import { getCommonProps as N } from "../../utils/index.js";
-import h from "../../_virtual/index.js";
+import _ from "../../_virtual/index.js";
 import o from "../Text/Text.js";
-const _ = u(
+const $ = u(
   ({
     className: n,
     actionAddText: m = "Add to",
     actionRemoveText: t = "Remove from",
-    isLotInList: e,
+    isLotInList: a,
     listTitle: s,
     numberOfObjects: c,
     onClick: d,
@@ -19,27 +19,26 @@ const _ = u(
       "button",
       {
         ...p,
-        className: h(r, n, {
-          [`${r}--lot-in-list`]: e
+        className: _(r, n, {
+          [`${r}--lot-in-list`]: a
         }),
         onClick: d,
         ref: f,
         id: l?.id,
-        "aria-label": `${e ? t : m} ${s}`,
-        "aria-pressed": e,
-        role: "switch",
+        "aria-label": `${a ? t : m} ${s}`,
+        "aria-pressed": a,
         children: [
           /* @__PURE__ */ i("div", { className: `${r}__text`, children: [
-            /* @__PURE__ */ a(o, { className: `${r}__text--action`, children: e ? t : m }),
-            /* @__PURE__ */ a(o, { children: s })
+            /* @__PURE__ */ e(o, { className: `${r}__text--action`, children: a ? t : m }),
+            /* @__PURE__ */ e(o, { children: s })
           ] }),
-          /* @__PURE__ */ a(o, { className: `${r}__text--number`, children: c })
+          /* @__PURE__ */ e(o, { className: `${r}__text--number`, children: c })
         ]
       }
     );
   }
 );
-_.displayName = "FavoritingTileButton";
+$.displayName = "FavoritingTileButton";
 export {
-  _ as default
+  $ as default
 };

package/dist/components/IconButton/IconButton.js

@@ -1,21 +1,22 @@
-import { jsx as f } from "react/jsx-runtime";
-import c from "../../_virtual/index.js";
-import p from "../Button/Button.js";
-import { getCommonProps as i } from "../../utils/index.js";
-import { ButtonVariants as l } from "../Button/types.js";
-import { forwardRef as u } from "react";
-const B = u(
-  ({ children: r, variant: o = l.primary, isDisabled: s = !1, className: a, ...t }, n) => {
-    const { className: m, ...e } = i(t, "IconButton");
-    return /* @__PURE__ */ f(
-      p,
+import { jsx as c } from "react/jsx-runtime";
+import i from "../../_virtual/index.js";
+import f from "../Button/Button.js";
+import { getCommonProps as u } from "../../utils/index.js";
+import { ButtonVariants as p } from "../Button/types.js";
+import { forwardRef as b } from "react";
+const B = b(
+  ({ children: r, variant: t = p.primary, isDisabled: m = !1, className: s, ...o }, n) => {
+    const { className: a, ...e } = u(o, "IconButton"), l = o["aria-label"] ?? "Icon button";
+    return /* @__PURE__ */ c(
+      f,
       {
         ...e,
-        variant: o,
-        className: c(m, `${m}--${o}`, a),
-        isDisabled: s,
+        variant: t,
+        className: i(a, `${a}--${t}`, s),
+        isDisabled: m,
         ref: n,
-        ...t,
+        ...o,
+        "aria-label": l,
         children: r
       }
     );

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

@@ -8,6 +8,7 @@ export declare const Playground: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
+        alt: string;
         aspectRatio: string;
     };
     argTypes: {};
@@ -16,6 +17,7 @@ export declare const CircleImage: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
+        alt: string;
         aspectRatio: string;
         objectFit: string;
         imageStyle: {
@@ -28,6 +30,7 @@ export declare const BlurBackground: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
+        alt: string;
         aspectRatio: string;
         objectFit: string;
         hasBlurBackground: boolean;
@@ -38,6 +41,7 @@ export declare const BrokenImage: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
+        alt: string;
         aspectRatio: string;
         objectFit: string;
     };
@@ -47,6 +51,7 @@ export declare const ImageBlocked: {
     (props: React.ComponentProps<typeof SeldonImage>): import("react/jsx-runtime").JSX.Element;
     args: {
         src: string;
+        alt: string;
         aspectRatio: string;
         objectFit: string;
         imageBlocked: boolean;

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

@@ -11,6 +11,14 @@ export declare const Playground: {
                 story: string;
             };
         };
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
     };
 };
 export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Video/Video.d.ts

@@ -16,6 +16,10 @@ export interface VideoProps extends ComponentProps<'div'> {
      * The class name for the iframe
      */
     iframeClassName?: string;
+    /**
+     * Accessible name for the iframe.
+     */
+    iframeTitle?: string;
 }
 /**
  * ## Overview

package/dist/components/Video/Video.js

@@ -1,23 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { getCommonProps as N } from "../../utils/index.js";
+import { forwardRef as N } from "react";
+import { getCommonProps as u } from "../../utils/index.js";
 import t from "../../_virtual/index.js";
-const u = p(
-  ({ aspectRatio: s, className: m, videoSource: i, iframeRef: d, iframeClassName: l, ...e }, c) => {
-    const { className: r, "data-testid": a, ...f } = N(e, "Video"), n = {
+const y = N(
+  ({ aspectRatio: s, className: m, videoSource: d, iframeRef: i, iframeClassName: l, iframeTitle: c = "Embedded video", ...e }, f) => {
+    const { className: r, "data-testid": a, ...n } = u(e, "Video"), p = {
       className: t(r, m),
       "data-testid": a,
       style: { "--aspect-ratio": s },
-      ...f,
+      ...n,
       ...e
     };
-    return /* @__PURE__ */ o("div", { ...n, ref: c, children: /* @__PURE__ */ o(
+    return /* @__PURE__ */ o("div", { ...p, ref: f, children: /* @__PURE__ */ o(
       "iframe",
       {
-        ref: d,
+        ref: i,
         "data-testid": `${a}-iframe`,
         className: t(`${r}__iframe`, l),
-        src: i,
+        src: d,
+        title: c,
         allowFullScreen: !0,
         allow: "encrypted-media",
         referrerPolicy: "no-referrer"
@@ -25,7 +26,7 @@ const u = p(
     ) });
   }
 );
-u.displayName = "Video";
+y.displayName = "Video";
 export {
-  u as default
+  y as default
 };