@nova-design-system/nova-react 3.0.0-beta.28 → 3.0.0-beta.30

package/README.md

@@ -30,7 +30,6 @@ After installing the packages, you'll need to include the Nova UI CSS and define
 
 ```typescript
 import '@nova-design-system/nova-base/dist/css/nova-utils.css';
-import '@nova-design-system/nova-base/assets/nova-fonts.css';
 import '@nova-design-system/nova-base/dist/css/spark.css'; // or ocean.css
 import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
 
@@ -41,7 +40,11 @@ This setup ensures that all the necessary Nova web-components are available in y
 
 ## Nova Font Pro Integration
 
-To use Nova fonts in your React application, you'll need to contact the Nova team via Teams, email, or check the [Nova Wiki](https://dev.azure.com/elia-digitization/Nova/_wiki/wikis/Nova.wiki/30245/Nova-Font-Pro) to obtain the full CDN URL. Once you have the URL, you can integrate it using any of these methods:
+> [!WARNING]
+> Nova Fonts is a protected asset and is not included in the Nova Base package. You need to include the Nova Fonts CSS file in your project.
+> To get the Nova Fonts URL, please contact us via Teams or get the URL in the Nova Design System [internal wiki](https://dev.azure.com/elia-digitization/Nova/_wiki/wikis/Nova.wiki/30245/Nova-Font-Pro).
+
+ Once you have the URL, you can integrate it using any of these methods:
 
 ### Option 1: Import in Global CSS (Recommended)
 In your main CSS file (e.g., `src/index.css` or `src/App.css`):

package/dist/generated/components.js

@@ -14,6 +14,8 @@ import { NvDatagridrow as NvDatagridrowElement, defineCustomElement as defineNvD
 import { NvFieldcheckbox as NvFieldcheckboxElement, defineCustomElement as defineNvFieldcheckbox } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
 import { NvFielddropdown as NvFielddropdownElement, defineCustomElement as defineNvFielddropdown } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
 import { NvFielddropdownitem as NvFielddropdownitemElement, defineCustomElement as defineNvFielddropdownitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
+import { NvFielddropdownitemcheck as NvFielddropdownitemcheckElement, defineCustomElement as defineNvFielddropdownitemcheck } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitemcheck.js";
+import { NvFieldmultiselect as NvFieldmultiselectElement, defineCustomElement as defineNvFieldmultiselect } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldmultiselect.js";
 import { NvFieldnumber as NvFieldnumberElement, defineCustomElement as defineNvFieldnumber } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
 import { NvFieldpassword as NvFieldpasswordElement, defineCustomElement as defineNvFieldpassword } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
 import { NvFieldradio as NvFieldradioElement, defineCustomElement as defineNvFieldradio } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
@@ -154,6 +156,24 @@ export const NvFielddropdownitem = createComponent({
     events: { onItemSelected: 'itemSelected' },
     defineCustomElement: defineNvFielddropdownitem
 });
+export const NvFielddropdownitemcheck = createComponent({
+    tagName: 'nv-fielddropdownitemcheck',
+    elementClass: NvFielddropdownitemcheckElement,
+    react: React,
+    events: { onItemChecked: 'itemChecked' },
+    defineCustomElement: defineNvFielddropdownitemcheck
+});
+export const NvFieldmultiselect = createComponent({
+    tagName: 'nv-fieldmultiselect',
+    elementClass: NvFieldmultiselectElement,
+    react: React,
+    events: {
+        onDropdownItemSelected: 'dropdownItemSelected',
+        onValueChanged: 'valueChanged',
+        onMultiselectChange: 'multiselectChange'
+    },
+    defineCustomElement: defineNvFieldmultiselect
+});
 export const NvFieldnumber = createComponent({
     tagName: 'nv-fieldnumber',
     elementClass: NvFieldnumberElement,

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

@@ -1,4 +1,4 @@
-import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvMenuCustomEvent } from "@nova-design-system/nova-webcomponents";
+import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFieldmultiselectCustomEvent, type NvMenuCustomEvent } from "@nova-design-system/nova-webcomponents";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
 import { NvAvatar as NvAvatarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
 import { NvBadge as NvBadgeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
@@ -14,6 +14,8 @@ import { NvDatagridrow as NvDatagridrowElement } from "@nova-design-system/nova-
 import { NvFieldcheckbox as NvFieldcheckboxElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
 import { NvFielddropdown as NvFielddropdownElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
 import { NvFielddropdownitem as NvFielddropdownitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
+import { NvFielddropdownitemcheck as NvFielddropdownitemcheckElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitemcheck.js";
+import { NvFieldmultiselect as NvFieldmultiselectElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldmultiselect.js";
 import { NvFieldnumber as NvFieldnumberElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
 import { NvFieldpassword as NvFieldpasswordElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
 import { NvFieldradio as NvFieldradioElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
@@ -82,6 +84,20 @@ type NvFielddropdownitemEvents = {
     onItemSelected: EventName<NvFielddropdownitemCustomEvent<DropdownItemSelectedEventDetail>>;
 };
 export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
+type NvFielddropdownitemcheckEvents = {
+    onItemChecked: EventName<CustomEvent<{
+        value: string | undefined;
+        checked: boolean;
+        group?: string | undefined;
+    }>>;
+};
+export declare const NvFielddropdownitemcheck: StencilReactComponent<NvFielddropdownitemcheckElement, NvFielddropdownitemcheckEvents>;
+type NvFieldmultiselectEvents = {
+    onDropdownItemSelected: EventName<NvFieldmultiselectCustomEvent<DropdownItemSelectedEventDetail>>;
+    onValueChanged: EventName<CustomEvent<string>>;
+    onMultiselectChange: EventName<CustomEvent<string[]>>;
+};
+export declare const NvFieldmultiselect: StencilReactComponent<NvFieldmultiselectElement, NvFieldmultiselectEvents>;
 type NvFieldnumberEvents = {
     onValueChanged: EventName<CustomEvent<number>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.0.0-beta.28",
+  "version": "3.0.0-beta.30",
   "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",
@@ -37,6 +37,6 @@
   },
   "peerDependencies": {
     "@nova-design-system/nova-webcomponents": ">=3.0.0-beta.0",
-    "@stencil/react-output-target": "^0.7.1"
+    "@stencil/react-output-target": "0.8.1"
   }
 }