@ncino/web-components 5.0.0-preview.2 → 5.0.0-preview.4

package/dist/services/toaster-service.js

@@ -0,0 +1 @@
+class o{findToaster(){const t=document.querySelectorAll("ngc-toaster");for(const r of t)if(r.checkVisibility())return r;return null}createToast(t){const r=this.findToaster();return r?r.addToast(t):(console.warn("[ToasterService] No <ngc-toaster> found in the DOM. Make sure to add <ngc-toaster> to your application."),null)}success(t,r,e){return this.createToast({...e,title:t,subtitle:r,variant:"success"})}error(t,r,e){return this.createToast({...e,title:t,subtitle:r,variant:"error"})}warning(t,r,e){return this.createToast({...e,title:t,subtitle:r,variant:"warning"})}info(t,r,e){return this.createToast({...e,title:t,subtitle:r,variant:"info"})}removeToast(t){const r=this.findToaster();r&&r.removeToast(t)}clearAll(){const t=this.findToaster();t&&t.clearAll()}}const a=new o;export{a as toasterService};

package/dist/types/components/modal/gator/modal.gator.d.ts

@@ -10,7 +10,7 @@ export declare class NgcModal extends NjcModal {
     get footerWarningMessageMarkup(): import('lit').TemplateResult<1> | null;
     get footerPrimaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
     get footerSecondaryActionButtonMarkup(): import('lit').TemplateResult<1> | null;
-    get actionButtonLoaderMarkup(): import('lit').TemplateResult<1>;
+    get buttonSize(): "medium" | "large" | "xlarge";
     handleKeyDown(event: KeyboardEvent): void;
     handleCloseClick(event: Event): void;
     handleCloseKeydown(event: KeyboardEvent): void;

package/dist/types/components/text-detail/gator/text-detail.gator.d.ts

@@ -1,11 +1,13 @@
 import { NjcTextDetail } from '../text-detail.ts';
+import { nothing } from 'lit';
 export declare class NgcTextDetail extends NjcTextDetail {
     static styles: import('lit').CSSResult[];
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
     render(): import('lit').TemplateResult<1>;
     get textDetailMarkup(): import('lit').TemplateResult<1>;
     get verticalClass(): "" | "gator-text-detail_vertical";
     get invertTitleClass(): "" | "gator-text-detail-content_invert-title";
-    get textDetailLoadingMarkup(): import('lit').TemplateResult<1>;
     get textDetailSubtitleIconMarkup(): import('lit').TemplateResult<1> | null;
-    get textDetailSubtitleMarkup(): import('lit').TemplateResult<1> | null;
+    get textDetailSubtitleMarkup(): import('lit').TemplateResult<1> | typeof nothing;
+    assignSlottedElementsSkeletonState(): void;
 }

package/dist/types/components/toast/toast.d.ts

@@ -1,6 +1,20 @@
 import { LitElement } from 'lit';
 export type NJC_TOAST_VARIANTS = 'info' | 'warning' | 'error' | 'success' | 'inverse';
+export type NJC_TOAST_OPTIONS = {
+    id: string;
+    variant?: NJC_TOAST_VARIANTS;
+    title?: string;
+    subtitle?: string;
+    dismissible?: boolean;
+    sticky?: boolean;
+    exitIconLabel?: string;
+    statusIconLabel?: string;
+};
 export declare class NjcToast extends LitElement {
+    /**
+     * Unique identifier for the toast.
+     */
+    id: string;
     /**
         @property variant - The variant of the toast
         @type {NJC_ALERT_VARIANTS}

package/dist/types/components/toast-container/gator/toast-container.gator.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+import { NJC_TOAST_OPTIONS } from '../../toast/toast.ts';
+export declare class NgcToastContainer extends LitElement {
+    static styles: import('lit').CSSResult[];
+    toasts: NJC_TOAST_OPTIONS[];
+    private _renderedToasts;
+    updated(changedProperties: Map<string, any>): void;
+    private handleAnimationEnd;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-toast-container': NgcToastContainer;
+    }
+}

package/dist/types/components/toast-container/index.d.ts

@@ -0,0 +1 @@
+export * as NgcToastContainer from './gator/toast-container.gator';

package/dist/types/components/toaster/gator/toaster.gator.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { NJC_TOAST_OPTIONS } from '../../toast/toast.ts';
+export type ToastContainerPositions = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type DefaultToastOptions = Omit<NJC_TOAST_OPTIONS, 'id' | 'sticky' | 'title' | 'subtitle'> & {
+    duration?: number;
+};
+export declare class NgcToaster extends LitElement {
+    static styles: import('lit').CSSResult[];
+    static defaultDuration: number;
+    /**
+     * Fixed position of the toast container on the screen
+     */
+    position: ToastContainerPositions;
+    /**
+     * Default options for toasts created by this toaster. Can be overridden by the `addToast` method.
+     */
+    defaultToastOptions: DefaultToastOptions;
+    private _toasts;
+    addToast(options: Partial<DefaultToastOptions> & {
+        title?: string;
+        subtitle?: string;
+    }): `${string}-${string}-${string}-${string}-${string}`;
+    removeToast(id: string): void;
+    clearAll(): void;
+    private handleToastDismiss;
+    render(): import('lit').TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'ngc-toaster': NgcToaster;
+    }
+}

package/dist/types/components/toaster/index.d.ts

@@ -0,0 +1 @@
+export * as NgcToaster from './gator/toaster.gator';

package/dist/types/index.d.ts

@@ -37,4 +37,6 @@ export * from './components/tabs';
 export * from './components/text-detail';
 export * from './components/text-link';
 export * from './components/toast';
+export * from './components/toast-container';
+export * from './components/toaster';
 export * from './components/tooltip';

package/dist/types/index.gator.d.ts

@@ -38,5 +38,7 @@ export { NgcTextDetail } from './components/text-detail';
 export { NgcTextLink } from './components/text-link';
 export { NgcTimePicker } from './components/time-picker/gator';
 export { NgcToast } from './components/toast';
+export { NgcToastContainer } from './components/toast-container';
+export { NgcToaster } from './components/toaster';
 export { NgcTooltip } from './components/tooltip';
 export * from './components/table';

package/dist/types/index.services.d.ts

@@ -0,0 +1 @@
+export { toasterService } from './services/toaster-service';

package/dist/types/services/toaster-service.d.ts

@@ -0,0 +1,117 @@
+import { DefaultToastOptions } from '../components/toaster/gator/toaster.gator.js';
+export type ToastCreateOptions = Partial<DefaultToastOptions> & {
+    title?: string;
+    subtitle?: string;
+};
+declare class ToasterService {
+    /**
+     * Find the toaster component in the DOM
+     * @private
+     * @returns The first visible toaster component or null if none found
+     */
+    private findToaster;
+    /**
+     * Create a toast using the toaster found in the DOM
+     * @param options - Configuration options for the toast
+     * @param options.title - The main title text for the toast
+     * @param options.subtitle - Optional subtitle text for the toast
+     * @param options.variant - The visual variant of the toast ('info' | 'success' | 'warning' | 'error' | 'inverse')
+     * @param options.duration - Duration in milliseconds before auto-dismiss (0 = sticky, >0 = auto-dismiss)
+     * @param options.dismissible - Whether the toast can be manually dismissed by the user
+     * @param options.exitIconLabel - Aria label for the dismiss button, default is 'Close Notification'
+     * @param options.statusIconLabel - Aria label for the status icon, default is the variant name (info, success, warning, error)
+     * @returns The unique ID of the created toast, or null if no toaster is found
+     * @example
+     * ```typescript
+     * // Simple usage
+     * const toastId = toasterService.createToast({
+     *   title: 'Hello World',
+     *   subtitle: 'This is a toast message'
+     * });
+     *
+     * // Advanced usage
+     * const toastId = toasterService.createToast({
+     *   title: 'Custom Toast',
+     *   variant: 'warning',
+     *   duration: 10000,
+     *   dismissible: false
+     * });
+     * ```
+     */
+    createToast(options: ToastCreateOptions): string | null;
+    /**
+     * Create a success toast with green styling
+     * @param title - The main title text for the toast
+     * @param subtitle - Optional subtitle text for the toast
+     * @param options - Additional configuration options (variant will be overridden to 'success')
+     * @returns The unique ID of the created toast, or null if no toaster is found
+     * @example
+     * ```typescript
+     * toasterService.success('Operation Complete', 'The file was saved successfully');
+     *
+     * // With custom options
+     * toasterService.success('Saved!', 'File saved', { duration: 2000 });
+     * ```
+     */
+    success(title: string, subtitle?: string, options?: Omit<ToastCreateOptions, 'title' | 'subtitle' | 'variant'>): string | null;
+    /**
+     * Create an error toast with red styling
+     * @param title - The main title text for the toast
+     * @param subtitle - Optional subtitle text for the toast
+     * @param options - Additional configuration options (variant will be overridden to 'error')
+     * @returns The unique ID of the created toast, or null if no toaster is found
+     * @example
+     * ```typescript
+     * toasterService.error('Failed to Save', 'Please check your connection and try again');
+     *
+     * // Sticky error that doesn't auto-dismiss
+     * toasterService.error('Critical Error', 'System malfunction detected', { duration: 0 });
+     * ```
+     */
+    error(title: string, subtitle?: string, options?: Omit<ToastCreateOptions, 'title' | 'subtitle' | 'variant'>): string | null;
+    /**
+     * Create a warning toast with yellow/orange styling
+     * @param title - The main title text for the toast
+     * @param subtitle - Optional subtitle text for the toast
+     * @param options - Additional configuration options (variant will be overridden to 'warning')
+     * @returns The unique ID of the created toast, or null if no toaster is found
+     * @example
+     * ```typescript
+     * toasterService.warning('Unsaved Changes', 'You have unsaved changes that will be lost');
+     *
+     * // Non-dismissible warning
+     * toasterService.warning('Low Storage', 'Running low on space', { dismissible: false });
+     * ```
+     */
+    warning(title: string, subtitle?: string, options?: Omit<ToastCreateOptions, 'title' | 'subtitle' | 'variant'>): string | null;
+    /**
+     * Create an info toast with blue styling (default variant)
+     * @param title - The main title text for the toast
+     * @param subtitle - Optional subtitle text for the toast
+     * @param options - Additional configuration options (variant will be overridden to 'info')
+     * @returns The unique ID of the created toast, or null if no toaster is found
+     * @example
+     * ```typescript
+     * toasterService.info('New Feature Available', 'Check out the new dashboard widgets');
+     *
+     * // Long-lasting info toast
+     * toasterService.info('Tip', 'Use Ctrl+S to save', { duration: 15000 });
+     * ```
+     */
+    info(title: string, subtitle?: string, options?: Omit<ToastCreateOptions, 'title' | 'subtitle' | 'variant'>): string | null;
+    /**
+     * Remove a specific toast by its ID
+     * @param id - The unique ID of the toast to remove (returned from createToast methods)
+     * @example
+     * ```typescript
+     * const toastId = toasterService.success('Uploading...', 'Please wait');
+     * // Later, when upload completes:
+     * toasterService.removeToast(toastId);
+     * toasterService.success('Upload Complete', 'File uploaded successfully');
+     * ```
+     */
+    removeToast(id: string): void;
+    clearAll(): void;
+}
+export declare const toasterService: ToasterService;
+export {};

package/dist/types/services/toaster-service.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/accessibility-utils.js

@@ -1 +1 @@
-function a(t){var n;if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return((n=t.shadowRoot)==null?void 0:n.querySelector(e.join(",")))||null}function l(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'];return Array.from(t.querySelectorAll(e.join(",")))}export{a as getFirstFocusableElement,l as getFocusableElements};
+function o(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'];return t.shadowRoot?.querySelector(e.join(","))||null}function a(t){if(!t)return null;const e=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","ngc-button","ngc-icon-button",'[tabindex]:not([tabindex="-1"])'];return Array.from(t.querySelectorAll(e.join(",")))}export{o as getFirstFocusableElement,a as getFocusableElements};

package/dist/utils/datatestid-utils.js

@@ -1 +1 @@
-import{isNotNullOrWhitespace as t}from"./string-utils.js";function d(i,r,s){r&&t(r)?i==null||i.setAttribute("data-testid",`${r}-${s}`):i==null||i.removeAttribute("data-testid")}export{d as handleDataTestid};
+import{isNotNullOrWhitespace as r}from"./string-utils.js";function a(i,t,e){t&&r(t)?i?.setAttribute("data-testid",`${t}-${e}`):i?.removeAttribute("data-testid")}export{a as handleDataTestid};

package/dist/utils/lightdom-utils.js

@@ -1 +1 @@
-function c(e){return e.content.cloneNode(!0)}function u(e,r){var o,l;const t=e.querySelector(`[slot="${r}"]`);if(!t)return null;const n=t.cloneNode(!0);return t.remove(),(l=(o=n.firstChild)==null?void 0:o.parentElement)==null||l.removeAttribute("slot"),n}export{u as cloneNamedSlotContent,c as cloneTemplateContent};
+function l(e){return e.content.cloneNode(!0)}function r(e,o){const t=e.querySelector(`[slot="${o}"]`);if(!t)return null;const n=t.cloneNode(!0);return t.remove(),n.firstChild?.parentElement?.removeAttribute("slot"),n}export{r as cloneNamedSlotContent,l as cloneTemplateContent};

package/dist/utils/vitest-a11y-utils.js

@@ -1 +1 @@
-import{page as n}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.1_5fd2997ee9a97429a51e07bc2023c338/node_modules/@vitest/browser/context.js";import a from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.10_@vitest_browser@3.2.4_@vitest_ui@3_8c34ee540b1f52c214debce201d1e515/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const p="Supercalifragilisticexpialidocious".repeat(10);async function u(e){return(await a.run(e)).violations}async function x(e){const t=await u(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function h(){return n.viewport(320,256)}function g(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function w(e,t,r){var l;let i=e.querySelector(":focus-visible");if(i||(i=(l=e.shadowRoot)==null?void 0:l.querySelector(":focus-visible")),i){const s=getComputedStyle(i).getPropertyValue(t);return o(s).toContain(r)}return o(!0).toBe(!1)}export{w as expectComponentFocusStyle,g as expectComponentNotToHaveHorizontalScrollbar,x as expectNoAxeViolations,h as resizeWindowForReflowTest,u as runAxeAndGetViolations,p as superLongStringForReflowTest};
+import{page as s}from"../node_modules/.pnpm/@vitest_browser@3.2.4_msw@2.7.3_@types_node@24.0.10_typescript@5.8.3__playwright@1.53.2_77c47ac19cbe97978028e1e5ac862536/node_modules/@vitest/browser/context.js";import n from"../_virtual/axe.js";import{a as o}from"../node_modules/.pnpm/vitest@3.2.4_@types_debug@4.1.12_@types_node@24.0.10_@vitest_browser@3.2.4_@vitest_ui@3_8c34ee540b1f52c214debce201d1e515/node_modules/vitest/dist/chunks/vi.bdSIJ99Y.js";const d="Supercalifragilisticexpialidocious".repeat(10);async function a(e){return(await n.run(e)).violations}async function p(e){const t=await a(e);o(t,`Expected no axe core violations, but got ${t.length}`).toHaveLength(0)}function x(){return s.viewport(320,256)}function h(e){let t;if(e.scrollWidth!==0?t=e:e.shadowRoot?t=e.shadowRoot.firstElementChild:t=e.firstElementChild,t){const r=t.scrollWidth>t.clientWidth;return o(r).toBe(!1)}return o(!0).toBe(!1)}function g(e,t,r){let i=e.querySelector(":focus-visible");if(i||(i=e.shadowRoot?.querySelector(":focus-visible")),i){const l=getComputedStyle(i).getPropertyValue(t);return o(l).toContain(r)}return o(!0).toBe(!1)}export{g as expectComponentFocusStyle,h as expectComponentNotToHaveHorizontalScrollbar,p as expectNoAxeViolations,x as resizeWindowForReflowTest,a as runAxeAndGetViolations,d as superLongStringForReflowTest};

package/dist/utils/vitest-utils.js

@@ -1 +1 @@
-async function e(t){document.body.innerHTML=t,await new Promise(r=>setTimeout(r,0))}function c(t){return document.body.querySelector(t)}function a(t,r){return t.querySelector(r)}function d(t,r){return t.querySelectorAll(r)}function i(t){return document.body.querySelectorAll(t)}function f(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelectorAll(r)}function g(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(r)}function S(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(`[data-testid="${r}"]`)}function y(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector(r)}function h(t,r){var o;return(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelectorAll(r)}function w(t){var n;const r=(n=t==null?void 0:t.shadowRoot)==null?void 0:n.querySelectorAll("slot"),o=Array.from(r).find(u=>u.name==="");return o==null?void 0:o.assignedNodes({flatten:!0}).filter(u=>{var s;return((s=u.textContent)==null?void 0:s.trim())!==""})[0].textContent}function l(t,r){var u;const o=(u=t==null?void 0:t.shadowRoot)==null?void 0:u.querySelector(`slot[name="${r}"]`),n=o!=null&&o.assignedNodes().length?o==null?void 0:o.assignedNodes({flatten:!0})[0]:o==null?void 0:o.assignedElements({flatten:!0})[0];return n==null?void 0:n.textContent}function R(t){var o;const r=(o=t==null?void 0:t.shadowRoot)==null?void 0:o.querySelector("slot");return r==null?void 0:r.assignedElements({flatten:!0})}function q(t,r){var n,u;const o=(n=t==null?void 0:t.shadowRoot)==null?void 0:n.querySelector(`slot[name=${r}]`);return Array.from(((u=o==null?void 0:o.assignedElements({flatten:!0}))==null?void 0:u[0].children)??[])}function T(t=0){return new Promise(r=>setTimeout(r,t))}function E(t){const r=/<!--\?lit\$[^\$]*\$-->/g;return t.replace(r,"").replace(/\s+/g," ").trim()}export{e as addTestableElement,E as cleanInnerHTML,T as flushPromises,c as getElement,a as getElementInsideElement,i as getElements,d as getElementsInsideElement,l as getNamedSlotTextContent,q as getNamedSlottedElements,y as getShadowRootElement,S as getShadowRootElementByDataTestId,h as getShadowRootElements,g as getShadowRootHTMLElement,f as getShadowRootHTMLElements,w as getSlotTextContent,R as getSlottedElements};
+async function r(e){document.body.innerHTML=e,await new Promise(t=>setTimeout(t,0))}function l(e){return document.body.querySelector(e)}function s(e,t){return e.querySelector(t)}function u(e,t){return e.querySelectorAll(t)}function a(e){return document.body.querySelectorAll(e)}function d(e,t){return e?.shadowRoot?.querySelectorAll(t)}function c(e,t){return e?.shadowRoot?.querySelector(t)}function i(e,t){return e?.shadowRoot?.querySelector(`[data-testid="${t}"]`)}function m(e,t){return e?.shadowRoot?.querySelector(t)}function f(e,t){return e?.shadowRoot?.querySelectorAll(t)}function S(e){const t=e?.shadowRoot?.querySelectorAll("slot");return Array.from(t).find(o=>o.name==="")?.assignedNodes({flatten:!0}).filter(o=>o.textContent?.trim()!=="")[0].textContent}function g(e,t){const n=e?.shadowRoot?.querySelector(`slot[name="${t}"]`);return(n?.assignedNodes().length?n?.assignedNodes({flatten:!0})[0]:n?.assignedElements({flatten:!0})[0])?.textContent}function E(e){return e?.shadowRoot?.querySelector("slot")?.assignedElements({flatten:!0})}function y(e,t){const n=e?.shadowRoot?.querySelector(`slot[name=${t}]`);return Array.from(n?.assignedElements({flatten:!0})?.[0].children??[])}function h(e=0){return new Promise(t=>setTimeout(t,e))}function w(e){const t=/<!--\?lit\$[^\$]*\$-->/g;return e.replace(t,"").replace(/\s+/g," ").trim()}export{r as addTestableElement,w as cleanInnerHTML,h as flushPromises,l as getElement,s as getElementInsideElement,a as getElements,u as getElementsInsideElement,g as getNamedSlotTextContent,y as getNamedSlottedElements,m as getShadowRootElement,i as getShadowRootElementByDataTestId,f as getShadowRootElements,c as getShadowRootHTMLElement,d as getShadowRootHTMLElements,S as getSlotTextContent,E as getSlottedElements};

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ncino/web-components",
     "author": "nCino",
-    "version": "5.0.0-preview.2",
+    "version": "5.0.0-preview.4",
     "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
     "publishConfig": {
         "registry": "https://registry.npmjs.org/"
@@ -15,7 +15,7 @@
     "module": "dist/index.js",
     "engineStrict": false,
     "private": false,
-    "packageManager": "pnpm@10.12.3",
+    "packageManager": "pnpm@10.12.4",
     "exports": {
         ".": {
             "import": "./dist/index.js",
@@ -36,6 +36,10 @@
             "import": "./dist/index.data.js",
             "types": "./dist/types/index.data.d.ts"
         },
+        "./services": {
+            "import": "./dist/index.services.js",
+            "types": "./dist/types/index.services.d.ts"
+        },
         "./gator-global-styles.css": {
             "import": "./dist/styles/gator/gator-global-styles.css"
         }
@@ -69,7 +73,7 @@
     },
     "dependencies": {
         "@deltablot/dropzone": "^7.3.1",
-        "@floating-ui/dom": "^1.7.1",
+        "@floating-ui/dom": "^1.7.2",
         "@lit/localize": "^0.12.2",
         "ckeditor5": "^45.2.1",
         "libphonenumber-js": "^1.12.9",
@@ -79,10 +83,10 @@
         "@actions/core": "^1.11.1",
         "@actions/exec": "^1.1.1",
         "@custom-elements-manifest/analyzer": "0.10.4",
-        "@figma/code-connect": "1.3.3",
+        "@figma/code-connect": "1.3.4",
         "@geometricpanda/storybook-addon-badges": "^2.0.5",
         "@lit/localize-tools": "^0.8.0",
-        "@salesforce-ux/design-system": "^2.27.1",
+        "@salesforce-ux/design-system": "^2.27.2",
         "@storybook/addon-a11y": "^8.6.14",
         "@storybook/addon-actions": "^8.6.14",
         "@storybook/addon-designs": "^8.2.1",
@@ -97,17 +101,17 @@
         "@storybook/web-components": "^8.6.14",
         "@storybook/web-components-vite": "^8.6.14",
         "@types/react": "^19.1.8",
-        "@typescript-eslint/parser": "^8.35.0",
+        "@typescript-eslint/parser": "^8.36.0",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "@vitest/ui": "3.2.4",
         "axe-core": "^4.10.3",
         "cem-plugin-expanded-types": "^1.4.0",
-        "chromatic": "^12.2.0",
+        "chromatic": "^13.1.2",
         "conventional-changelog-conventionalcommits": "^9.0.0",
         "custom-element-jet-brains-integration": "^1.7.0",
         "custom-elements-manifest": "^2.1.0",
-        "eslint": "^9.30.0",
+        "eslint": "^9.30.1",
         "eslint-config-standard": "^17.1.0",
         "eslint-plugin-import": "^2.32.0",
         "eslint-plugin-json": "^4.0.1",
@@ -117,7 +121,7 @@
         "eslint-plugin-yml": "1.18.0",
         "glob": "^11.0.3",
         "jsdom": "26.1.0",
-        "playwright": "1.53.1",
+        "playwright": "1.53.2",
         "postcss": "^8.5.6",
         "rimraf": "^6.0.1",
         "sass": "1.89.2",
@@ -126,9 +130,9 @@
         "storybook-dark-mode": "^4.0.2",
         "storybook-design-token": "^3.3.0",
         "typescript": "^5.8.3",
-        "vite": "6.3.5",
+        "vite": "7.0.3",
         "vite-plugin-dts": "4.5.4",
-        "vite-plugin-static-copy": "^3.0.2",
+        "vite-plugin-static-copy": "^3.1.0",
         "vitest": "^3.2.4",
         "wc-storybook-helpers": "2.0.4",
         "yaml-eslint-parser": "^1.3.0"