@phillips/seldon 1.278.0 → 1.279.0

package/dist/_virtual/index10.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/_virtual/index10.js

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

package/dist/_virtual/index9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/_virtual/index9.js

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

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

@@ -29,6 +29,9 @@ export interface PrimitiveToastProps extends Omit<PrimitiveToast.ToastProps, 'ti
  * This component requires a `ToastProvider` to be present in your application. Make sure to
  * wrap your application or the relevant section with the `ToastProvider` component.
  *
+ * Pass `offset={{ x, y }}` to `ToastProvider` for an initial viewport inset (mount-only),
+ * or call `useToast().setOffset({ x, y })` / destructure `{ show, setOffset }` for runtime updates.
+ *
  * [Figma Link](https://www.figma.com/design/f3vm6hItGjnsmkJxLLbe3P/MANAGE---MUI-v5.9.0--24?node-id=6586-47081&m=dev)
  *
  * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-toast--overview)

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

@@ -6,11 +6,24 @@ export default meta;
 export declare const Playground: {
     (): import("react/jsx-runtime").JSX.Element;
     parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
         docs: {
             description: {
                 story: string;
             };
         };
+    };
+};
+export declare const Interactive: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
         a11y: {
             config: {
                 rules: {
@@ -21,4 +34,21 @@ export declare const Playground: {
         };
     };
 };
-export declare const Interactive: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithOffset: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};

package/dist/components/Toast/ToastContextProvider.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),s=require("react"),v=require("./Toast.cjs"),T=require("../../utils/index.cjs"),j=require("../../node_modules/uuid/dist/v4.cjs"),d=s.createContext(void 0),p=({children:u})=>{const[i,n]=s.useState([]),l=s.useCallback(e=>{const t=j.default();n(r=>[...r,{...e,id:t}])},[]),a=s.useCallback(e=>{n(t=>t.filter(r=>r.id!==e))},[]),x={toasts:i,addToast:l,removeToast:a};return o.jsx(d.Provider,{value:x,children:o.jsxs(c.Provider,{children:[u,o.jsx(c.Viewport,{className:`${T.px}-toast-viewport`}),i.map(e=>o.jsx(v.default,{...e,onOpenChange:t=>!t&&a(e.id),title:e.title??""},e.id))]})})};exports.ToastContext=d;exports.ToastProvider=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../node_modules/@radix-ui/react-toast/dist/index.cjs"),t=require("react"),p=require("./Toast.cjs"),m=require("../../utils/index.cjs"),O=require("../../node_modules/uuid/dist/v4.cjs"),j={x:0,y:0},l=t.createContext(void 0),q=({children:x,offset:T=j})=>{const[r,a]=t.useState([]),[c,f]=t.useState(T),d=t.useCallback(e=>{const s=O.default();a(n=>[...n,{...e,id:s}])},[]),i=t.useCallback(e=>{a(s=>s.filter(n=>n.id!==e))},[]),v=t.useMemo(()=>({toasts:r,addToast:d,removeToast:i,setOffset:f}),[r,d,i]);return o.jsx(l.Provider,{value:v,children:o.jsxs(u.Provider,{children:[x,o.jsx(u.Viewport,{className:`${m.px}-toast-viewport`,style:{bottom:c.y,left:c.x}}),r.map(e=>o.jsx(p.default,{...e,onOpenChange:s=>!s&&i(e.id),title:e.title??""},e.id))]})})};exports.ToastContext=l;exports.ToastProvider=q;

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

@@ -3,10 +3,27 @@ import { default as Toast, PrimitiveToastProps } from './Toast';
 interface Toast extends PrimitiveToastProps {
     id: string;
 }
+/**
+ * Extra distance (px) added to the toast viewport's default bottom-left spacing.
+ */
+export interface ToastOffset {
+    x: number;
+    y: number;
+}
+export interface ToastProviderProps extends PropsWithChildren {
+    /**
+     * Initial viewport offset (px). Mount-only — use `useToast().setOffset` for later updates.
+     *
+     * @example
+     * <ToastProvider offset={{ x: 16, y: 24 }}>...</ToastProvider>
+     */
+    offset?: ToastOffset;
+}
 export interface ToastContextType {
     toasts: Toast[];
     addToast: (toast: Omit<Toast, 'id'>) => void;
     removeToast: (id: string) => void;
+    setOffset: (offset: ToastOffset) => void;
 }
 /**
  * Context for managing toast notifications
@@ -15,5 +32,5 @@ export declare const ToastContext: import('react').Context<ToastContextType | un
 /**
  * Provider component that manages toast notifications state and operations
  */
-export declare const ToastProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const ToastProvider: ({ children, offset }: ToastProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Toast/ToastContextProvider.js

@@ -1,35 +1,45 @@
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { Provider as l, Viewport as v } from "../../node_modules/@radix-ui/react-toast/dist/index.js";
-import { useState as f, useCallback as m, createContext as x } from "react";
-import T from "./Toast.js";
-import { px as u } from "../../utils/index.js";
-import C from "../../node_modules/uuid/dist/v4.js";
-const h = x(void 0), N = ({ children: n }) => {
-  const [s, i] = f([]), c = m((o) => {
-    const t = C();
-    i((r) => [...r, { ...o, id: t }]);
-  }, []), a = m((o) => {
-    i((t) => t.filter((r) => r.id !== o));
-  }, []), d = {
-    toasts: s,
-    addToast: c,
-    removeToast: a
-  };
-  return /* @__PURE__ */ e(h.Provider, { value: d, children: /* @__PURE__ */ p(l, { children: [
-    n,
-    /* @__PURE__ */ e(v, { className: `${u}-toast-viewport` }),
-    s.map((o) => /* @__PURE__ */ e(
-      T,
+import { jsx as i, jsxs as v } from "react/jsx-runtime";
+import { Provider as x, Viewport as O } from "../../node_modules/@radix-ui/react-toast/dist/index.js";
+import { useState as c, useCallback as f, useMemo as u, createContext as w } from "react";
+import C from "./Toast.js";
+import { px as h } from "../../utils/index.js";
+import y from "../../node_modules/uuid/dist/v4.js";
+const F = { x: 0, y: 0 }, P = w(void 0), _ = ({ children: p, offset: d = F }) => {
+  const [e, m] = c([]), [n, l] = c(d), a = f((t) => {
+    const o = y();
+    m((r) => [...r, { ...t, id: o }]);
+  }, []), s = f((t) => {
+    m((o) => o.filter((r) => r.id !== t));
+  }, []), T = u(
+    () => ({
+      toasts: e,
+      addToast: a,
+      removeToast: s,
+      setOffset: l
+    }),
+    [e, a, s]
+  );
+  return /* @__PURE__ */ i(P.Provider, { value: T, children: /* @__PURE__ */ v(x, { children: [
+    p,
+    /* @__PURE__ */ i(
+      O,
       {
-        ...o,
-        onOpenChange: (t) => !t && a(o.id),
-        title: o.title ?? ""
+        className: `${h}-toast-viewport`,
+        style: { bottom: n.y, left: n.x }
+      }
+    ),
+    e.map((t) => /* @__PURE__ */ i(
+      C,
+      {
+        ...t,
+        onOpenChange: (o) => !o && s(t.id),
+        title: t.title ?? ""
       },
-      o.id
+      t.id
     ))
   ] }) });
 };
 export {
-  h as ToastContext,
-  N as ToastProvider
+  P as ToastContext,
+  _ as ToastProvider
 };

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

@@ -1,3 +1,3 @@
 export { default as Toast } from './Toast';
-export { ToastProvider } from './ToastContextProvider';
-export { useToast } from './useToast';
+export { ToastProvider, type ToastOffset, type ToastProviderProps } from './ToastContextProvider';
+export { useToast, type ToastFn } from './useToast';

package/dist/components/Toast/useToast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./useToastContext.cjs"),a=require("react"),o=()=>{const{addToast:e}=s.useToastContext();return a.useCallback(t=>{typeof t=="object"&&t!==null&&"title"in t?e(t):e({title:t})},[e])};exports.useToast=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./useToastContext.cjs"),c=require("react"),o=()=>{const{addToast:t,setOffset:a}=u.useToastContext(),s=c.useCallback(e=>{typeof e=="object"&&e!==null&&"title"in e?t(e):t({title:e})},[t]);return Object.assign(s,{show:s,setOffset:a})};exports.useToast=o;

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

@@ -1,3 +1,26 @@
 import { PrimitiveToastProps as ToastProps } from './Toast';
+import { ToastOffset } from './ToastContextProvider';
 import { ReactNode } from 'react';
-export declare const useToast: () => (options: ToastProps | ReactNode) => void;
+export type ToastFn = ((options: ToastProps | ReactNode) => void) & {
+    /** Same as calling the toast function — for `const { show, setOffset } = useToast()`. */
+    show: (options: ToastProps | ReactNode) => void;
+    /**
+     * Updates the toast viewport offset from the bottom-left corner.
+     * Values are pixels added to the existing viewport spacing.
+     */
+    setOffset: (offset: ToastOffset) => void;
+};
+/**
+ * Trigger toasts and update viewport offset.
+ *
+ * @example
+ * const toast = useToast();
+ * toast('Saved');
+ * toast.setOffset({ x: 0, y: 24 });
+ *
+ * @example
+ * const { show, setOffset } = useToast();
+ * show('Saved');
+ * setOffset({ x: 0, y: 24 });
+ */
+export declare const useToast: () => ToastFn;

package/dist/components/Toast/useToast.js

@@ -1,14 +1,14 @@
-import { useToastContext as a } from "./useToastContext.js";
+import { useToastContext as l } from "./useToastContext.js";
 import { useCallback as o } from "react";
-const c = () => {
-  const { addToast: e } = a();
-  return o(
+const f = () => {
+  const { addToast: e, setOffset: a } = l(), s = o(
     (t) => {
       typeof t == "object" && t !== null && "title" in t ? e(t) : e({ title: t });
     },
     [e]
   );
+  return Object.assign(s, { show: s, setOffset: a });
 };
 export {
-  c as useToast
+  f as useToast
 };

package/dist/components/Toast/useToastContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("./ToastContextProvider.cjs"),o={toasts:[],addToast:()=>{},removeToast:()=>{}},n=()=>{const t=e.useContext(s.ToastContext);return t===void 0?(console.warn("useToastContext must be used within a ToastProvider"),o):t};exports.fallbackContext=o;exports.useToastContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),s=require("./ToastContextProvider.cjs"),e={toasts:[],addToast:()=>{},removeToast:()=>{},setOffset:()=>{}},n=()=>{const t=o.useContext(s.ToastContext);return t===void 0?(console.warn("useToastContext must be used within a ToastProvider"),e):t};exports.fallbackContext=e;exports.useToastContext=n;

package/dist/components/Toast/useToastContext.js

@@ -5,6 +5,8 @@ const s = {
   addToast: () => {
   },
   removeToast: () => {
+  },
+  setOffset: () => {
   }
 }, a = () => {
   const t = o(e);

package/dist/node_modules/ics/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/index10.cjs"),q=require("./pipeline/index.cjs");var h;function U(){if(h)return o.__exports;h=1,Object.defineProperty(o.__exports,"__esModule",{value:!0}),o.__exports.convertTimestampToArray=T,o.__exports.createEvent=E,o.__exports.createEvents=d,o.__exports.isValidURL=j;var u=q.__require();function a(e){"@babel/helpers - typeof";return a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},a(e)}function s(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),n.push.apply(n,t)}return n}function i(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function O(e,r,n){return r=P(r),r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function P(e){var r=S(e,"string");return a(r)==="symbol"?r:String(r)}function S(e,r){if(a(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var t=n.call(e,r);if(a(t)!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function w(e){return(0,u.validateHeader)((0,u.buildHeader)(e))}function v(e){return(0,u.validateHeaderAndEvent)(i(i({},(0,u.buildHeader)(e)),(0,u.buildEvent)(e)))}function T(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"local",n=[],t=new Date(e);return n.push(r==="local"?t.getFullYear():t.getUTCFullYear()),n.push((r==="local"?t.getMonth():t.getUTCMonth())+1),n.push(r==="local"?t.getDate():t.getUTCDate()),n.push(r==="local"?t.getHours():t.getUTCHours()),n.push(r==="local"?t.getMinutes():t.getUTCMinutes()),n}function E(e,r){return d([e],r)}function d(e,r,n){var t=a(r)==="object"?r:{},c=arguments.length===3?n:typeof r=="function"?r:null,x=function(){if(!e)return{error:new Error("one argument is required"),value:null};var g=e.length===0?w(t):v(i(i({},e[0]),t)),m=g.error,D=g.value;if(m)return{error:m,value:null};var f="";f+=(0,u.formatHeader)(D);for(var p=0;p<e.length;p++){var b=v(e[p]),_=b.error,H=b.value;if(_)return{error:_,value:null};f+=(0,u.formatEvent)(H)}return f+=(0,u.formatFooter)(),{error:null,value:f}},l;try{l=x()}catch(y){l={error:y,value:null}}return c?c(l.error,l.value):l}function j(e){return u.urlRegex.test(e)}return o.__exports}exports.__require=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../_virtual/index9.cjs"),q=require("./pipeline/index.cjs");var h;function U(){if(h)return o.__exports;h=1,Object.defineProperty(o.__exports,"__esModule",{value:!0}),o.__exports.convertTimestampToArray=T,o.__exports.createEvent=E,o.__exports.createEvents=d,o.__exports.isValidURL=j;var u=q.__require();function a(e){"@babel/helpers - typeof";return a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(r){return typeof r}:function(r){return r&&typeof Symbol=="function"&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r},a(e)}function s(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),n.push.apply(n,t)}return n}function i(e){for(var r=1;r<arguments.length;r++){var n=arguments[r]!=null?arguments[r]:{};r%2?s(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):s(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function O(e,r,n){return r=P(r),r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n,e}function P(e){var r=S(e,"string");return a(r)==="symbol"?r:String(r)}function S(e,r){if(a(e)!=="object"||e===null)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var t=n.call(e,r);if(a(t)!=="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(r==="string"?String:Number)(e)}function w(e){return(0,u.validateHeader)((0,u.buildHeader)(e))}function v(e){return(0,u.validateHeaderAndEvent)(i(i({},(0,u.buildHeader)(e)),(0,u.buildEvent)(e)))}function T(e){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"local",n=[],t=new Date(e);return n.push(r==="local"?t.getFullYear():t.getUTCFullYear()),n.push((r==="local"?t.getMonth():t.getUTCMonth())+1),n.push(r==="local"?t.getDate():t.getUTCDate()),n.push(r==="local"?t.getHours():t.getUTCHours()),n.push(r==="local"?t.getMinutes():t.getUTCMinutes()),n}function E(e,r){return d([e],r)}function d(e,r,n){var t=a(r)==="object"?r:{},c=arguments.length===3?n:typeof r=="function"?r:null,x=function(){if(!e)return{error:new Error("one argument is required"),value:null};var g=e.length===0?w(t):v(i(i({},e[0]),t)),m=g.error,D=g.value;if(m)return{error:m,value:null};var f="";f+=(0,u.formatHeader)(D);for(var p=0;p<e.length;p++){var b=v(e[p]),_=b.error,H=b.value;if(_)return{error:_,value:null};f+=(0,u.formatEvent)(H)}return f+=(0,u.formatFooter)(),{error:null,value:f}},l;try{l=x()}catch(y){l={error:y,value:null}}return c?c(l.error,l.value):l}function j(e){return u.urlRegex.test(e)}return o.__exports}exports.__require=U;

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.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index9.cjs"),t=require("./cjs/react-is.production.min.cjs"),o=require("./cjs/react-is.development.cjs");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/index10.cjs"),t=require("./cjs/react-is.production.min.cjs"),o=require("./cjs/react-is.development.cjs");var r;function u(){return r||(r=1,process.env.NODE_ENV==="production"?e.__module.exports=t.__require():e.__module.exports=o.__require()),e.__module.exports}exports.__require=u;

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

@@ -17,7 +17,7 @@ export interface SubscribeProps extends React.HTMLAttributes<HTMLFormElement> {
     /**
      * Optional element to render in place of a form e.g. Remix Form, etc
      */
-    element?: React.ElementType<SubscribeProps>;
+    element?: React.ElementType<React.ComponentProps<'form'>>;
     /**
      * A unique `id` for the `<Subscribe>`
      */

package/dist/scss/_vars.scss

@@ -245,12 +245,11 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens:
-  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
-  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
-  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
-  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
-  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
+  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.cjs

@@ -245,12 +245,11 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens:
-  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
-  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
-  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
-  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
-  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
+  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/_vars.scss.js

@@ -245,12 +245,11 @@ $linkSmall: 'linkSmall';
 $badgeSmall: 'badgeSmall';
 $badgeMedium: 'badgeMedium';
 $stringSmall: 'stringSmall';
-$text-tokens:
-  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
-  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
-  $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium, $headingSmall,
-  $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall, $linkStylised,
-  $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
+$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
+  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
+  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2, $displayMedium, $displaySmall, $headingLarge, $headingMedium,
+  $headingSmall, $headingExtraSmall, $bodyLarge, $bodyMedium, $bodySmall, $labelLarge, $labelMedium, $labelSmall,
+  $linkStylised, $linkLarge, $linkMedium, $linkSmall, $badgeSmall, $badgeMedium, $stringSmall;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/dist/scss/components/Toast/_toast.scss

@@ -10,11 +10,13 @@
   grid-template-areas: 'title action';
   grid-template-columns: auto max-content;
   padding: $spacing-xsm $spacing-sm;
+
   // Viewport is pointer-events: none so empty space doesn't block the page; re-enable on
   // each toast so actions stay clickable (including when DismissableLayer sets body to none).
   pointer-events: auto;
 
   &__content {
+    align-items: center;
     display: flex;
     gap: $spacing-sm;
   }
@@ -92,6 +94,7 @@
   max-width: 100vw;
   outline: none;
   padding: $spacing-lg;
+
   // Pass clicks through empty viewport space; individual toasts re-enable pointer events.
   pointer-events: none;
   position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.278.0",
+  "version": "1.279.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"