@phillips/seldon 1.249.0 → 1.250.0

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
 };

package/dist/node_modules/ics/dist/index.js

@@ -1,4 +1,4 @@
-import { __exports as o } from "../../../_virtual/index10.js";
+import { __exports as o } from "../../../_virtual/index9.js";
 import { __require as q } from "./pipeline/index.js";
 var O;
 function R() {

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index9.js";
+import { __module as e } from "../../../../_virtual/index10.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/components/Countdown/_countdown.scss

@@ -41,7 +41,7 @@
   &--closing-lot {
     .#{$px}-duration,
     .#{$px}-countdown__label {
-      color: $countdown-compact;
+      color: $warning-default;
     }
   }
 }

package/dist/scss/pages/_page.scss

@@ -22,8 +22,8 @@
 }
 
 .storybook-page a {
-  color: #1ea7fd;
-  text-decoration: none;
+  color: #0b63c6;
+  text-decoration: underline;
 }
 
 .storybook-page ul {
@@ -38,7 +38,7 @@
 .storybook-page .tip {
   background: #e7fdd8;
   border-radius: 1em;
-  color: #66bf3c;
+  color: #2f6f1a;
   display: inline-block;
   font-size: 11px;
   font-variation-settings: 'wght' 700;
@@ -65,5 +65,5 @@
 }
 
 .storybook-page .tip-wrapper svg path {
-  fill: #1ea7fd;
+  fill: #0b63c6;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.249.0",
+  "version": "1.250.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -28,8 +28,10 @@
   },
   "scripts": {
     "start": "storybook dev -p 6006",
-    "test": "vitest",
-    "coverage": "vitest run --coverage",
+    "test": "vitest --project=unit",
+    "test:all": "vitest",
+    "coverage": "vitest run --project=unit --coverage",
+    "test-storybook": "vitest run --project=storybook",
     "build": "npm run clean && tsc && vite build",
     "chromatic": "STORYBOOK=1 chromatic",
     "build:storybook": "storybook build",
@@ -95,6 +97,7 @@
     "@storybook/addon-a11y": "^10.2.8",
     "@storybook/addon-docs": "^10.2.8",
     "@storybook/addon-links": "^10.2.8",
+    "@storybook/addon-vitest": "^10.2.8",
     "@storybook/react": "^10.2.8",
     "@storybook/react-vite": "^10.2.8",
     "@svgr/cli": "^8.1.0",
@@ -113,7 +116,8 @@
     "@typescript-eslint/eslint-plugin": "^8.18.0",
     "@typescript-eslint/parser": "^8.18.0",
     "@vitejs/plugin-react": "^5.1.4",
-    "@vitest/coverage-v8": "^4.0.18",
+    "@vitest/browser-playwright": "^4.1.0",
+    "@vitest/coverage-v8": "^4.1.0",
     "chromatic": "^13.1.4",
     "color": "^4.2.3",
     "eslint": "^9.15.0",
@@ -125,6 +129,7 @@
     "husky": "^9.1.6",
     "jsdom": "^26.1.0",
     "markdownlint-cli": "^0.41.0",
+    "playwright": "^1.58.2",
     "prettier": "3.3.3",
     "react": "^18.3.1",
     "react-docgen-typescript": "^2.2.2",
@@ -149,7 +154,7 @@
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^6.1.0",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",