@nova-design-system/nova-react 3.28.0 → 3.30.0

package/dist/components/NvDatatable/paginationState.test.js

@@ -0,0 +1,84 @@
+import { describe, expect, it } from 'vitest';
+import { resolvePaginationRowCount } from './paginationState';
+describe('resolvePaginationRowCount', () => {
+    it('server non-infinite returns totalRowCount when provided', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'server',
+            isInfinite: false,
+            hasFiltering: false,
+            totalRowCount: 123,
+            rowsLength: 10,
+            filteredRowsLength: 10,
+        })).toBe(123);
+    });
+    it('server non-infinite falls back to rows.length when totalRowCount is missing', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'server',
+            isInfinite: false,
+            hasFiltering: false,
+            totalRowCount: undefined,
+            rowsLength: 10,
+            filteredRowsLength: 10,
+        })).toBe(10);
+    });
+    it('server non-infinite falls back to rows.length when totalRowCount is 0', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'server',
+            isInfinite: false,
+            hasFiltering: false,
+            totalRowCount: 0,
+            rowsLength: 5,
+            filteredRowsLength: 5,
+        })).toBe(5);
+    });
+    it('server infinite bypasses the server branch and uses rows.length', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'server',
+            isInfinite: true,
+            hasFiltering: false,
+            totalRowCount: 999,
+            rowsLength: 42,
+            filteredRowsLength: 42,
+        })).toBe(42);
+    });
+    it('client with filtering returns the filtered row count', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'client',
+            isInfinite: false,
+            hasFiltering: true,
+            totalRowCount: undefined,
+            rowsLength: 100,
+            filteredRowsLength: 7,
+        })).toBe(7);
+    });
+    it('client with filtering returns 0 when all rows are filtered out', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'client',
+            isInfinite: false,
+            hasFiltering: true,
+            totalRowCount: undefined,
+            rowsLength: 100,
+            filteredRowsLength: 0,
+        })).toBe(0);
+    });
+    it('client without filtering returns rows.length', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'client',
+            isInfinite: false,
+            hasFiltering: false,
+            totalRowCount: undefined,
+            rowsLength: 25,
+            filteredRowsLength: 25,
+        })).toBe(25);
+    });
+    it('client with filtering takes precedence over rows.length even when filtered count is larger', () => {
+        expect(resolvePaginationRowCount({
+            mode: 'client',
+            isInfinite: false,
+            hasFiltering: true,
+            totalRowCount: undefined,
+            rowsLength: 3,
+            filteredRowsLength: 10,
+        })).toBe(10);
+    });
+});

package/dist/generated/components.js

@@ -58,8 +58,10 @@ import { NvSidebarnavitem as NvSidebarnavitemElement, defineCustomElement as def
 import { NvSidebarnavsubitem as NvSidebarnavsubitemElement, defineCustomElement as defineNvSidebarnavsubitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement, defineCustomElement as defineNvSplit } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement, defineCustomElement as defineNvStack } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
+import { NvStatusindicator as NvStatusindicatorElement, defineCustomElement as defineNvStatusindicator } from "@nova-design-system/nova-webcomponents/dist/components/nv-statusindicator.js";
 import { NvTable as NvTableElement, defineCustomElement as defineNvTable } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
 import { NvTableheader as NvTableheaderElement, defineCustomElement as defineNvTableheader } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTag as NvTagElement, defineCustomElement as defineNvTag } from "@nova-design-system/nova-webcomponents/dist/components/nv-tag.js";
 import { NvTimetest as NvTimetestElement, defineCustomElement as defineNvTimetest } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement, defineCustomElement as defineNvToggle } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement, defineCustomElement as defineNvTogglebutton } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
@@ -452,7 +454,10 @@ export const NvSidebar = createComponent({
     tagName: 'nv-sidebar',
     elementClass: NvSidebarElement,
     react: React,
-    events: { onOpenChanged: 'openChanged' },
+    events: {
+        onOpenChanged: 'openChanged',
+        onWidthChanged: 'widthChanged'
+    },
     defineCustomElement: defineNvSidebar
 });
 export const NvSidebarcontent = createComponent({
@@ -525,6 +530,13 @@ export const NvStack = createComponent({
     events: {},
     defineCustomElement: defineNvStack
 });
+export const NvStatusindicator = createComponent({
+    tagName: 'nv-statusindicator',
+    elementClass: NvStatusindicatorElement,
+    react: React,
+    events: {},
+    defineCustomElement: defineNvStatusindicator
+});
 export const NvTable = createComponent({
     tagName: 'nv-table',
     elementClass: NvTableElement,
@@ -539,6 +551,13 @@ export const NvTableheader = createComponent({
     events: { onSortDirectionChanged: 'sortDirectionChanged' },
     defineCustomElement: defineNvTableheader
 });
+export const NvTag = createComponent({
+    tagName: 'nv-tag',
+    elementClass: NvTagElement,
+    react: React,
+    events: { onDismissed: 'dismissed' },
+    defineCustomElement: defineNvTag
+});
 export const NvTimetest = createComponent({
     tagName: 'nv-timetest',
     elementClass: NvTimetestElement,

package/dist/generated/components.server.js

@@ -879,7 +879,11 @@ export const NvSidebar = createComponent({
         open: 'open',
         activePath: 'active-path',
         notificationIntention: 'notification-intention',
-        notificationEmphasis: 'notification-emphasis'
+        notificationEmphasis: 'notification-emphasis',
+        resizable: 'resizable',
+        minWidth: 'min-width',
+        maxWidth: 'max-width',
+        width: 'width'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebar,
@@ -974,6 +978,17 @@ export const NvStack = createComponent({
     clientModule: clientComponents.NvStack,
     serializeShadowRoot
 });
+export const NvStatusindicator = createComponent({
+    tagName: 'nv-statusindicator',
+    properties: {
+        status: 'status',
+        emphasis: 'emphasis',
+        label: 'label'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvStatusindicator,
+    serializeShadowRoot
+});
 export const NvTable = createComponent({
     tagName: 'nv-table',
     properties: {},
@@ -991,6 +1006,21 @@ export const NvTableheader = createComponent({
     clientModule: clientComponents.NvTableheader,
     serializeShadowRoot
 });
+export const NvTag = createComponent({
+    tagName: 'nv-tag',
+    properties: {
+        color: 'color',
+        label: 'label',
+        dismissible: 'dismissible',
+        href: 'href',
+        target: 'target',
+        rel: 'rel',
+        disabled: 'disabled'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvTag,
+    serializeShadowRoot
+});
 export const NvTimetest = createComponent({
     tagName: 'nv-timetest',
     properties: { lastChange: 'last-change' },

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { NvDatatableProps } from './types';
-declare function NvDatatable<T>({ mode, columns, rows, pagination, sorting, filtering, selection, renderPagination, renderFiltering, stickyHeader, ...htmlProps }: NvDatatableProps<T>): React.JSX.Element;
+declare function NvDatatable<T>({ mode, columns, rows, pagination, sorting, filtering, selection, renderPagination, renderFiltering, onRowClick, expandable, stickyHeader, ...htmlProps }: NvDatatableProps<T>): React.JSX.Element;
 declare namespace NvDatatable {
     var displayName: string;
 }

package/dist/types/components/NvDatatable/expandState.d.ts

@@ -0,0 +1,5 @@
+export declare function shouldShowExpandedContent(params: {
+    hasContent: boolean;
+    isCollapsible: boolean;
+    isExpanded: boolean;
+}): boolean;

package/dist/types/components/NvDatatable/expandState.test.d.ts

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

package/dist/types/components/NvDatatable/paginationState.d.ts

@@ -0,0 +1,9 @@
+export interface ResolvePaginationRowCountOptions {
+    mode: 'client' | 'server';
+    isInfinite: boolean;
+    hasFiltering: boolean;
+    totalRowCount: number | undefined;
+    rowsLength: number;
+    filteredRowsLength: number;
+}
+export declare function resolvePaginationRowCount(opts: ResolvePaginationRowCountOptions): number;

package/dist/types/components/NvDatatable/paginationState.test.d.ts

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

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import type { SortingFn, NoInfer, SortingState, Row } from '@tanstack/react-table';
+import type { SortingFn, NoInfer, SortingState, Row, ExpandedState } from '@tanstack/react-table';
 export type NvDatatableMode = 'client' | 'server';
 export type NvDatatableProps<T> = {
     mode?: NvDatatableMode;
@@ -9,11 +9,17 @@ export type NvDatatableProps<T> = {
     sorting?: NvDatatableSortingConfig;
     filtering?: NvDatatableFilteringConfig<T>;
     selection?: NvDatatableSelectionConfigWithMode<T>;
+    onRowClick?: (args: NvDatatableRowClickEventArgs<T>) => void;
     renderPagination?: (api: NvDatatableRenderPaginationAPI) => React.ReactNode;
     renderFiltering?: (api: NvDatatableRenderFilteringAPI) => React.ReactNode;
+    expandable?: NvDatatableExpandableConfig<T>;
     stickyHeader?: boolean;
     suppressHydrationWarning?: boolean;
 } & Pick<ComponentProps<'div'>, 'className' | 'style'>;
+export interface NvDatatableRowClickEventArgs<T> {
+    row: T;
+    rowIndex: number;
+}
 export type NvDatatableSelectionMode = 'none' | 'single' | 'multiple';
 export interface NvDatatableSelectionConfig<T> {
     mode?: NvDatatableSelectionMode;
@@ -102,6 +108,7 @@ export interface NvDatatableSortingConfig {
     enableSortingRemoval?: boolean;
     maxMultiSortColCount?: number;
     sortDescFirst?: boolean;
+    initialSortState?: NvDataTableSortingState;
     sortState?: NvDataTableSortingState;
     onSortingChange?: (sorting: SortingState) => void;
 }
@@ -118,3 +125,16 @@ export interface NvDatatableRenderFilteringAPI {
     totalRows: number;
     filteredRows: number;
 }
+export interface NvDatatableExpandableConfig<T> {
+    renderExpandedContent: (params: NvDatatableExpandedContentParams<T>) => React.ReactNode | null | undefined;
+    collapsible?: boolean;
+    expandedState?: ExpandedState;
+    onExpandedChange?: (expandedState: ExpandedState) => void;
+    getRowCanExpand?: (row: T) => boolean;
+    toggleColumnWidth?: number;
+}
+export interface NvDatatableExpandedContentParams<T> {
+    row: T;
+    rowIndex: number;
+}
+export type { ExpandedState };

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

@@ -1,4 +1,4 @@
-import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -58,8 +58,10 @@ import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system
 import { NvSidebarnavsubitem as NvSidebarnavsubitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
+import { NvStatusindicator as NvStatusindicatorElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-statusindicator.js";
 import { NvTable as NvTableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
 import { NvTableheader as NvTableheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTag as NvTagElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tag.js";
 import { NvTimetest as NvTimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
@@ -293,6 +295,7 @@ export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
     onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
+    onWidthChanged: EventName<NvSidebarCustomEvent<number>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -317,12 +320,20 @@ export type NvSplitEvents = {
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
 export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvents>;
+export type NvStatusindicatorEvents = NonNullable<unknown>;
+export declare const NvStatusindicator: StencilReactComponent<NvStatusindicatorElement, NvStatusindicatorEvents>;
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTagEvents = {
+    onDismissed: EventName<NvTagCustomEvent<{
+        label?: string;
+    }>>;
+};
+export declare const NvTag: StencilReactComponent<NvTagElement, NvTagEvents>;
 export type NvTimetestEvents = {
     onValueChanged: EventName<NvTimetestCustomEvent<{
         start?: TimeOnly;

package/dist/types/generated/components.server.d.ts

@@ -1,4 +1,4 @@
-import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -58,8 +58,10 @@ import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system
 import { NvSidebarnavsubitem as NvSidebarnavsubitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavsubitem.js";
 import { NvSplit as NvSplitElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-split.js";
 import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
+import { NvStatusindicator as NvStatusindicatorElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-statusindicator.js";
 import { NvTable as NvTableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
 import { NvTableheader as NvTableheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tableheader.js";
+import { NvTag as NvTagElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tag.js";
 import { NvTimetest as NvTimetestElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-timetest.js";
 import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-toggle.js";
 import { NvTogglebutton as NvTogglebuttonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-togglebutton.js";
@@ -295,6 +297,7 @@ export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
 export type NvSidebarEvents = {
     onOpenChanged: EventName<NvSidebarCustomEvent<boolean>>;
+    onWidthChanged: EventName<NvSidebarCustomEvent<number>>;
 };
 export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
 export type NvSidebarcontentEvents = NonNullable<unknown>;
@@ -319,12 +322,20 @@ export type NvSplitEvents = {
 export declare const NvSplit: StencilReactComponent<NvSplitElement, NvSplitEvents>;
 export type NvStackEvents = NonNullable<unknown>;
 export declare const NvStack: StencilReactComponent<NvStackElement, NvStackEvents>;
+export type NvStatusindicatorEvents = NonNullable<unknown>;
+export declare const NvStatusindicator: StencilReactComponent<NvStatusindicatorElement, NvStatusindicatorEvents>;
 export type NvTableEvents = NonNullable<unknown>;
 export declare const NvTable: StencilReactComponent<NvTableElement, NvTableEvents>;
 export type NvTableheaderEvents = {
     onSortDirectionChanged: EventName<NvTableheaderCustomEvent<string>>;
 };
 export declare const NvTableheader: StencilReactComponent<NvTableheaderElement, NvTableheaderEvents>;
+export type NvTagEvents = {
+    onDismissed: EventName<NvTagCustomEvent<{
+        label?: string;
+    }>>;
+};
+export declare const NvTag: StencilReactComponent<NvTagElement, NvTagEvents>;
 export type NvTimetestEvents = {
     onValueChanged: EventName<NvTimetestCustomEvent<{
         start?: TimeOnly;

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 export * from './generated/components';
 export * from '@nova-design-system/nova-webcomponents/constants';
+export { type IconName } from '@nova-design-system/nova-webcomponents';
 export { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 export { useNotifications, NotificationProvider, type NotificationOptions, type NotificationContextValue, type NotificationProviderProps, type Notification, } from './providers/NotificationProvider';
 export * from './components/NvDatatable';

package/dist/types/providers/NotificationProvider.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { type NotificationPosition, type NotificationEmphasis, FeedbackColors } from '../index';
+import { type NotificationPosition, type NotificationEmphasis, type IconName, FeedbackColors } from '../index';
 export interface NotificationAction {
     label: string;
     onClick: () => void;
@@ -11,7 +11,7 @@ export interface NotificationOptions {
     dismissible?: boolean;
     emphasis?: `${NotificationEmphasis}`;
     feedback?: `${FeedbackColors}`;
-    icon?: string;
+    icon?: `${IconName}`;
     actions?: NotificationAction[];
     actionSlot?: React.ReactElement;
     duration?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.28.0",
+  "version": "3.30.0",
   "description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
   "author": "Elia Group",
   "homepage": "https://nova.eliagroup.io",