@nova-design-system/nova-react 3.21.0 → 3.21.1-beta.0

package/dist/generated/components.server.js

@@ -668,6 +668,18 @@ export const NvNotification = createComponent({
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
 });
+export const NvNotificationBullet = createComponent({
+    tagName: 'nv-notification-bullet',
+    properties: {
+        count: 'count',
+        intention: 'intention',
+        emphasis: 'emphasis',
+        size: 'size',
+        contrastingBorder: 'contrasting-border'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
 export const NvNotificationcontainer = createComponent({
     tagName: 'nv-notificationcontainer',
     properties: { position: 'position' },
@@ -698,6 +710,76 @@ export const NvRow = createComponent({
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
 });
+export const NvSidebar = createComponent({
+    tagName: 'nv-sidebar',
+    properties: {
+        type: 'type',
+        open: 'open',
+        activePath: 'active-path',
+        notificationIntention: 'notification-intention',
+        notificationEmphasis: 'notification-emphasis'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarcontent = createComponent({
+    tagName: 'nv-sidebarcontent',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebardivider = createComponent({
+    tagName: 'nv-sidebardivider',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarfooter = createComponent({
+    tagName: 'nv-sidebarfooter',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebargroup = createComponent({
+    tagName: 'nv-sidebargroup',
+    properties: { label: 'label' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarheader = createComponent({
+    tagName: 'nv-sidebarheader',
+    properties: {},
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarlogo = createComponent({
+    tagName: 'nv-sidebarlogo',
+    properties: {
+        label: 'label',
+        logo: 'logo',
+        collapsedLogo: 'collapsed-logo'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarnavitem = createComponent({
+    tagName: 'nv-sidebarnavitem',
+    properties: {
+        icon: 'icon',
+        active: 'active',
+        collapsible: 'collapsible',
+        open: 'open',
+        notificationCount: 'notification-count'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
+export const NvSidebarnavsubitem = createComponent({
+    tagName: 'nv-sidebarnavsubitem',
+    properties: { active: 'active' },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    serializeShadowRoot
+});
 export const NvSplit = createComponent({
     tagName: 'nv-split',
     properties: {

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

@@ -35,10 +35,20 @@ import { NvIconbutton as NvIconbuttonElement } from "@nova-design-system/nova-we
 import { NvLoader as NvLoaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-loader.js";
 import { NvMenu as NvMenuElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menu.js";
 import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menuitem.js";
+import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
+import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
+import { NvSidebarcontent as NvSidebarcontentElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarcontent.js";
+import { NvSidebardivider as NvSidebardividerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebardivider.js";
+import { NvSidebarfooter as NvSidebarfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarfooter.js";
+import { NvSidebargroup as NvSidebargroupElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebargroup.js";
+import { NvSidebarheader as NvSidebarheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarheader.js";
+import { NvSidebarlogo as NvSidebarlogoElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarlogo.js";
+import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavitem.js";
+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 { NvTable as NvTableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
@@ -213,6 +223,8 @@ export type NvNotificationEvents = {
     onHiddenChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const NvNotification: StencilReactComponent<NvNotificationElement, NvNotificationEvents>;
+export type NvNotificationBulletEvents = NonNullable<unknown>;
+export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
 export type NvPopoverEvents = {
@@ -221,6 +233,26 @@ export type NvPopoverEvents = {
 export declare const NvPopover: StencilReactComponent<NvPopoverElement, NvPopoverEvents>;
 export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
+export type NvSidebarEvents = {
+    onOpenChanged: EventName<CustomEvent<boolean>>;
+};
+export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
+export type NvSidebarcontentEvents = NonNullable<unknown>;
+export declare const NvSidebarcontent: StencilReactComponent<NvSidebarcontentElement, NvSidebarcontentEvents>;
+export type NvSidebardividerEvents = NonNullable<unknown>;
+export declare const NvSidebardivider: StencilReactComponent<NvSidebardividerElement, NvSidebardividerEvents>;
+export type NvSidebarfooterEvents = NonNullable<unknown>;
+export declare const NvSidebarfooter: StencilReactComponent<NvSidebarfooterElement, NvSidebarfooterEvents>;
+export type NvSidebargroupEvents = NonNullable<unknown>;
+export declare const NvSidebargroup: StencilReactComponent<NvSidebargroupElement, NvSidebargroupEvents>;
+export type NvSidebarheaderEvents = NonNullable<unknown>;
+export declare const NvSidebarheader: StencilReactComponent<NvSidebarheaderElement, NvSidebarheaderEvents>;
+export type NvSidebarlogoEvents = NonNullable<unknown>;
+export declare const NvSidebarlogo: StencilReactComponent<NvSidebarlogoElement, NvSidebarlogoEvents>;
+export type NvSidebarnavitemEvents = NonNullable<unknown>;
+export declare const NvSidebarnavitem: StencilReactComponent<NvSidebarnavitemElement, NvSidebarnavitemEvents>;
+export type NvSidebarnavsubitemEvents = NonNullable<unknown>;
+export declare const NvSidebarnavsubitem: StencilReactComponent<NvSidebarnavsubitemElement, NvSidebarnavsubitemEvents>;
 export type NvSplitEvents = {
     onSizesChanged: EventName<CustomEvent<number[]>>;
 };

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

@@ -35,10 +35,20 @@ import { NvIconbutton as NvIconbuttonElement } from "@nova-design-system/nova-we
 import { NvLoader as NvLoaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-loader.js";
 import { NvMenu as NvMenuElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menu.js";
 import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menuitem.js";
+import { NvNotificationBullet as NvNotificationBulletElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification-bullet.js";
 import { NvNotification as NvNotificationElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notification.js";
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
+import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
+import { NvSidebarcontent as NvSidebarcontentElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarcontent.js";
+import { NvSidebardivider as NvSidebardividerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebardivider.js";
+import { NvSidebarfooter as NvSidebarfooterElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarfooter.js";
+import { NvSidebargroup as NvSidebargroupElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebargroup.js";
+import { NvSidebarheader as NvSidebarheaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarheader.js";
+import { NvSidebarlogo as NvSidebarlogoElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarlogo.js";
+import { NvSidebarnavitem as NvSidebarnavitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebarnavitem.js";
+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 { NvTable as NvTableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-table.js";
@@ -215,6 +225,8 @@ export type NvNotificationEvents = {
     onHiddenChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const NvNotification: StencilReactComponent<NvNotificationElement, NvNotificationEvents>;
+export type NvNotificationBulletEvents = NonNullable<unknown>;
+export declare const NvNotificationBullet: StencilReactComponent<NvNotificationBulletElement, NvNotificationBulletEvents>;
 export type NvNotificationcontainerEvents = NonNullable<unknown>;
 export declare const NvNotificationcontainer: StencilReactComponent<NvNotificationcontainerElement, NvNotificationcontainerEvents>;
 export type NvPopoverEvents = {
@@ -223,6 +235,26 @@ export type NvPopoverEvents = {
 export declare const NvPopover: StencilReactComponent<NvPopoverElement, NvPopoverEvents>;
 export type NvRowEvents = NonNullable<unknown>;
 export declare const NvRow: StencilReactComponent<NvRowElement, NvRowEvents>;
+export type NvSidebarEvents = {
+    onOpenChanged: EventName<CustomEvent<boolean>>;
+};
+export declare const NvSidebar: StencilReactComponent<NvSidebarElement, NvSidebarEvents>;
+export type NvSidebarcontentEvents = NonNullable<unknown>;
+export declare const NvSidebarcontent: StencilReactComponent<NvSidebarcontentElement, NvSidebarcontentEvents>;
+export type NvSidebardividerEvents = NonNullable<unknown>;
+export declare const NvSidebardivider: StencilReactComponent<NvSidebardividerElement, NvSidebardividerEvents>;
+export type NvSidebarfooterEvents = NonNullable<unknown>;
+export declare const NvSidebarfooter: StencilReactComponent<NvSidebarfooterElement, NvSidebarfooterEvents>;
+export type NvSidebargroupEvents = NonNullable<unknown>;
+export declare const NvSidebargroup: StencilReactComponent<NvSidebargroupElement, NvSidebargroupEvents>;
+export type NvSidebarheaderEvents = NonNullable<unknown>;
+export declare const NvSidebarheader: StencilReactComponent<NvSidebarheaderElement, NvSidebarheaderEvents>;
+export type NvSidebarlogoEvents = NonNullable<unknown>;
+export declare const NvSidebarlogo: StencilReactComponent<NvSidebarlogoElement, NvSidebarlogoEvents>;
+export type NvSidebarnavitemEvents = NonNullable<unknown>;
+export declare const NvSidebarnavitem: StencilReactComponent<NvSidebarnavitemElement, NvSidebarnavitemEvents>;
+export type NvSidebarnavsubitemEvents = NonNullable<unknown>;
+export declare const NvSidebarnavsubitem: StencilReactComponent<NvSidebarnavsubitemElement, NvSidebarnavsubitemEvents>;
 export type NvSplitEvents = {
     onSizesChanged: EventName<CustomEvent<number[]>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.21.0",
+  "version": "3.21.1-beta.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",

package/dist/cjs/events.utils-fe1d907f-01N__3wY.js

@@ -1,23 +0,0 @@
-'use strict';
-
-/**
- * Adds a set of event listeners to the given target.
- * @param {EventsAndListeners} events - The events and listeners to add.
- * @param {Element | Window | Document} target  - The target element or window to add the event listeners to.
- * @param {T} context - The class context to bind the event listeners to.
- */
-function addEventListeners(events, target, context) {
-    events.forEach(([event, listener]) => target.addEventListener(event, listener.bind(context)));
-}
-/**
- * Removes a set of event listeners from the given target.
- * @param {EventsAndListeners} events - The events and listeners to remove.
- * @param {Element | Window | Document} target  - The target element or window to remove the event listeners from.
- * @param {T} context - The class context to bind the event listeners to.
- */
-function removeEventListeners(events, target, context) {
-    events.forEach(([event, listener]) => target.removeEventListener(event, listener.bind(context)));
-}
-
-exports.addEventListeners = addEventListeners;
-exports.removeEventListeners = removeEventListeners;