@nova-design-system/nova-react 3.24.0 → 3.26.0

package/dist/generated/components.server.js

@@ -1,4 +1,4 @@
-import * as clientComponents from '@nova-design-system/nova-react';
+import * as clientComponents from '@nova-design-system/nova-react/client';
 import { createComponent } from '@stencil/react-output-target/ssr';
 export const serializeShadowRoot = { default: "declarative-shadow-dom" };
 export const NvAccordion = createComponent({
@@ -6,7 +6,7 @@ export const NvAccordion = createComponent({
     properties: { mode: 'mode' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAccordion,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAccordionItem = createComponent({
     tagName: 'nv-accordion-item',
@@ -20,7 +20,7 @@ export const NvAccordionItem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAccordionItem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAlert = createComponent({
     tagName: 'nv-alert',
@@ -37,7 +37,7 @@ export const NvAlert = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAlert,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvAvatar = createComponent({
     tagName: 'nv-avatar',
@@ -57,7 +57,7 @@ export const NvAvatar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvAvatar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBadge = createComponent({
     tagName: 'nv-badge',
@@ -75,7 +75,7 @@ export const NvBadge = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBadge,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBreadcrumb = createComponent({
     tagName: 'nv-breadcrumb',
@@ -86,14 +86,14 @@ export const NvBreadcrumb = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBreadcrumb,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvBreadcrumbs = createComponent({
     tagName: 'nv-breadcrumbs',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvBreadcrumbs,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvButton = createComponent({
     tagName: 'nv-button',
@@ -111,7 +111,7 @@ export const NvButton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvButton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvButtongroup = createComponent({
     tagName: 'nv-buttongroup',
@@ -123,7 +123,7 @@ export const NvButtongroup = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvButtongroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvCalendar = createComponent({
     tagName: 'nv-calendar',
@@ -145,14 +145,14 @@ export const NvCalendar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvCalendar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvCol = createComponent({
     tagName: 'nv-col',
     properties: { size: 'size' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvCol,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDatagrid = createComponent({
     tagName: 'nv-datagrid',
@@ -170,7 +170,7 @@ export const NvDatagrid = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDatagrid,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDatagridcolumn = createComponent({
     tagName: 'nv-datagridcolumn',
@@ -182,7 +182,7 @@ export const NvDatagridcolumn = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDatagridcolumn,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialog = createComponent({
     tagName: 'nv-dialog',
@@ -196,7 +196,7 @@ export const NvDialog = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialog,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialogfooter = createComponent({
     tagName: 'nv-dialogfooter',
@@ -213,7 +213,7 @@ export const NvDialogfooter = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialogfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDialogheader = createComponent({
     tagName: 'nv-dialogheader',
@@ -223,7 +223,7 @@ export const NvDialogheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDialogheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawer = createComponent({
     tagName: 'nv-drawer',
@@ -240,7 +240,7 @@ export const NvDrawer = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawer,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawerfooter = createComponent({
     tagName: 'nv-drawerfooter',
@@ -257,7 +257,7 @@ export const NvDrawerfooter = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawerfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvDrawerheader = createComponent({
     tagName: 'nv-drawerheader',
@@ -267,7 +267,7 @@ export const NvDrawerheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvDrawerheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldcheckbox = createComponent({
     tagName: 'nv-fieldcheckbox',
@@ -294,7 +294,7 @@ export const NvFieldcheckbox = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldcheckbox,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddate = createComponent({
     tagName: 'nv-fielddate',
@@ -326,7 +326,7 @@ export const NvFielddate = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddate,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddaterange = createComponent({
     tagName: 'nv-fielddaterange',
@@ -361,7 +361,7 @@ export const NvFielddaterange = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddaterange,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdown = createComponent({
     tagName: 'nv-fielddropdown',
@@ -397,7 +397,7 @@ export const NvFielddropdown = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdown,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdownitem = createComponent({
     tagName: 'nv-fielddropdownitem',
@@ -410,7 +410,7 @@ export const NvFielddropdownitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdownitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFielddropdownitemcheck = createComponent({
     tagName: 'nv-fielddropdownitemcheck',
@@ -424,7 +424,7 @@ export const NvFielddropdownitemcheck = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFielddropdownitemcheck,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldmultiselect = createComponent({
     tagName: 'nv-fieldmultiselect',
@@ -463,7 +463,7 @@ export const NvFieldmultiselect = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldmultiselect,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldnumber = createComponent({
     tagName: 'nv-fieldnumber',
@@ -491,7 +491,7 @@ export const NvFieldnumber = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldnumber,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldpassword = createComponent({
     tagName: 'nv-fieldpassword',
@@ -521,7 +521,7 @@ export const NvFieldpassword = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldpassword,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldradio = createComponent({
     tagName: 'nv-fieldradio',
@@ -542,7 +542,7 @@ export const NvFieldradio = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldradio,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldselect = createComponent({
     tagName: 'nv-fieldselect',
@@ -568,7 +568,7 @@ export const NvFieldselect = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldselect,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldslider = createComponent({
     tagName: 'nv-fieldslider',
@@ -599,7 +599,7 @@ export const NvFieldslider = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldslider,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtext = createComponent({
     tagName: 'nv-fieldtext',
@@ -631,7 +631,7 @@ export const NvFieldtext = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtext,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtextarea = createComponent({
     tagName: 'nv-fieldtextarea',
@@ -656,12 +656,13 @@ export const NvFieldtextarea = createComponent({
         rows: 'rows',
         resize: 'resize',
         autosize: 'autosize',
+        maxAutoHeight: 'max-auto-height',
         autofocus: 'autofocus',
         fluid: 'fluid'
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtextarea,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvFieldtime = createComponent({
     tagName: 'nv-fieldtime',
@@ -687,7 +688,7 @@ export const NvFieldtime = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvFieldtime,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvIcon = createComponent({
     tagName: 'nv-icon',
@@ -703,7 +704,7 @@ export const NvIcon = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvIcon,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvIconbutton = createComponent({
     tagName: 'nv-iconbutton',
@@ -720,7 +721,7 @@ export const NvIconbutton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvIconbutton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvLoader = createComponent({
     tagName: 'nv-loader',
@@ -730,7 +731,7 @@ export const NvLoader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvLoader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvMenu = createComponent({
     tagName: 'nv-menu',
@@ -742,7 +743,7 @@ export const NvMenu = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvMenu,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvMenuitem = createComponent({
     tagName: 'nv-menuitem',
@@ -756,7 +757,7 @@ export const NvMenuitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvMenuitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotification = createComponent({
     tagName: 'nv-notification',
@@ -773,7 +774,7 @@ export const NvNotification = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotification,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotificationBullet = createComponent({
     tagName: 'nv-notification-bullet',
@@ -786,14 +787,32 @@ export const NvNotificationBullet = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotificationBullet,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvNotificationcontainer = createComponent({
     tagName: 'nv-notificationcontainer',
     properties: { position: 'position' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvNotificationcontainer,
-    serializeShadowRoot,
+    serializeShadowRoot
+});
+export const NvPaginationtable = createComponent({
+    tagName: 'nv-paginationtable',
+    properties: {
+        pageIndex: 'page-index',
+        pageSize: 'page-size',
+        pageCount: 'page-count',
+        rowCount: 'row-count',
+        hideControls: 'hide-controls',
+        hidePrevNext: 'hide-prev-next',
+        hideFirstLast: 'hide-first-last',
+        labelPage: 'label-page',
+        labelTotal: 'label-total',
+        labelPageSizeOption: 'label-page-size-option'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvPaginationtable,
+    serializeShadowRoot
 });
 export const NvPopover = createComponent({
     tagName: 'nv-popover',
@@ -812,14 +831,14 @@ export const NvPopover = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvPopover,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvRow = createComponent({
     tagName: 'nv-row',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvRow,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebar = createComponent({
     tagName: 'nv-sidebar',
@@ -832,42 +851,42 @@ export const NvSidebar = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebar,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarcontent = createComponent({
     tagName: 'nv-sidebarcontent',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarcontent,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebardivider = createComponent({
     tagName: 'nv-sidebardivider',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebardivider,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarfooter = createComponent({
     tagName: 'nv-sidebarfooter',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarfooter,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebargroup = createComponent({
     tagName: 'nv-sidebargroup',
     properties: { label: 'label' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebargroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarheader = createComponent({
     tagName: 'nv-sidebarheader',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarlogo = createComponent({
     tagName: 'nv-sidebarlogo',
@@ -878,7 +897,7 @@ export const NvSidebarlogo = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarlogo,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarnavitem = createComponent({
     tagName: 'nv-sidebarnavitem',
@@ -891,14 +910,14 @@ export const NvSidebarnavitem = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarnavitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSidebarnavsubitem = createComponent({
     tagName: 'nv-sidebarnavsubitem',
     properties: { active: 'active' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSidebarnavsubitem,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvSplit = createComponent({
     tagName: 'nv-split',
@@ -908,7 +927,7 @@ export const NvSplit = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvSplit,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvStack = createComponent({
     tagName: 'nv-stack',
@@ -921,14 +940,14 @@ export const NvStack = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvStack,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTable = createComponent({
     tagName: 'nv-table',
     properties: {},
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTable,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTableheader = createComponent({
     tagName: 'nv-tableheader',
@@ -938,7 +957,7 @@ export const NvTableheader = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTableheader,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvToggle = createComponent({
     tagName: 'nv-toggle',
@@ -956,7 +975,7 @@ export const NvToggle = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvToggle,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTogglebutton = createComponent({
     tagName: 'nv-togglebutton',
@@ -969,7 +988,7 @@ export const NvTogglebutton = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTogglebutton,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTogglebuttongroup = createComponent({
     tagName: 'nv-togglebuttongroup',
@@ -981,7 +1000,7 @@ export const NvTogglebuttongroup = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTogglebuttongroup,
-    serializeShadowRoot,
+    serializeShadowRoot
 });
 export const NvTooltip = createComponent({
     tagName: 'nv-tooltip',
@@ -993,5 +1012,5 @@ export const NvTooltip = createComponent({
     },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     clientModule: clientComponents.NvTooltip,
-    serializeShadowRoot,
+    serializeShadowRoot
 });

package/dist/providers/NotificationProvider.js

@@ -91,14 +91,15 @@ export const NotificationProvider = ({ children, position = DEFAULT_POSITION, ma
     };
     return (React.createElement(NotificationContext.Provider, { value: contextValue },
         children,
-        createPortal(React.createElement(NvNotificationcontainer, { position: position, className: className, "data-testid": "notification-container" }, notifications.map((notification) => (React.createElement(NvNotification, { key: notification.id, uid: notification.id, heading: notification.heading, message: notification.message, dismissible: notification.dismissible, emphasis: notification.emphasis, feedback: notification.feedback, icon: notification.icon, onHiddenChanged: (event) => {
-                if (event.detail) {
-                    handleNotificationClose(notification.id);
-                }
-            }, initiallyHidden: true, ref: notification.ref }, (Boolean(notification.actionSlot) ||
-            Boolean(notification.actions.length)) && (React.createElement("div", { slot: "actions" },
-            notification.actions.map((action) => (React.createElement(NvButton, { key: action.label, emphasis: "low", size: "md", onClick: action.onClick }, action.label))),
-            notification.actionSlot)))))), document.body)));
+        typeof document !== 'undefined' &&
+            createPortal(React.createElement(NvNotificationcontainer, { position: position, className: className, "data-testid": "notification-container" }, notifications.map((notification) => (React.createElement(NvNotification, { key: notification.id, uid: notification.id, heading: notification.heading, message: notification.message, dismissible: notification.dismissible, emphasis: notification.emphasis, feedback: notification.feedback, icon: notification.icon, onHiddenChanged: (event) => {
+                    if (event.detail) {
+                        handleNotificationClose(notification.id);
+                    }
+                }, initiallyHidden: true, ref: notification.ref }, (Boolean(notification.actionSlot) ||
+                Boolean(notification.actions.length)) && (React.createElement("div", { slot: "actions" },
+                notification.actions.map((action) => (React.createElement(NvButton, { key: action.label, emphasis: "low", size: "md", onClick: action.onClick }, action.label))),
+                notification.actionSlot)))))), document.body)));
 };
 export const useNotifications = () => {
     const context = useContext(NotificationContext);

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

@@ -11,6 +11,7 @@ export type NvDatatableProps<T> = {
     renderPagination?: (api: NvDatatableRenderPaginationAPI) => React.ReactNode;
     renderFiltering?: (api: NvDatatableRenderFilteringAPI) => React.ReactNode;
     stickyHeader?: boolean;
+    suppressHydrationWarning?: boolean;
 } & Pick<ComponentProps<'div'>, 'className' | 'style'>;
 export interface NvDatatableColumn<Row, K extends keyof Row = keyof Row, F = Row[K]> {
     field: K;
@@ -46,6 +47,11 @@ export interface NvDatatablePaginationConfig {
     infinite?: boolean;
     initialPageSize?: number;
     pageSizeOptions?: number[];
+    labels?: {
+        page?: string;
+        total?: string;
+        pageSizeOption?: string;
+    };
     totalRowCount?: number;
     totalPageCount?: number;
     onPaginationChange?: (state: {