@nova-design-system/nova-react 3.0.0-beta.24 → 3.0.0-beta.27
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/generated/components.js +42 -23
- package/dist/index.js +1 -1
- package/dist/types/generated/components.d.ts +35 -24
- package/dist/types/index.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1,27 +1,29 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { NvAlert as NvAlertElement, defineCustomElement as defineNvAlert } from "@
|
|
3
|
-
import { NvAvatar as NvAvatarElement, defineCustomElement as defineNvAvatar } from "@
|
|
4
|
-
import { NvBadge as NvBadgeElement, defineCustomElement as defineNvBadge } from "@
|
|
5
|
-
import { NvBase as NvBaseElement, defineCustomElement as defineNvBase } from "@
|
|
6
|
-
import { NvButton as NvButtonElement, defineCustomElement as defineNvButton } from "@
|
|
7
|
-
import { NvCol as NvColElement, defineCustomElement as defineNvCol } from "@
|
|
8
|
-
import { NvFieldcheckbox as NvFieldcheckboxElement, defineCustomElement as defineNvFieldcheckbox } from "@
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
2
|
+
import { NvAlert as NvAlertElement, defineCustomElement as defineNvAlert } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
|
|
3
|
+
import { NvAvatar as NvAvatarElement, defineCustomElement as defineNvAvatar } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
|
|
4
|
+
import { NvBadge as NvBadgeElement, defineCustomElement as defineNvBadge } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
|
|
5
|
+
import { NvBase as NvBaseElement, defineCustomElement as defineNvBase } from "@nova-design-system/nova-webcomponents/dist/components/nv-base.js";
|
|
6
|
+
import { NvButton as NvButtonElement, defineCustomElement as defineNvButton } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
|
|
7
|
+
import { NvCol as NvColElement, defineCustomElement as defineNvCol } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
|
|
8
|
+
import { NvFieldcheckbox as NvFieldcheckboxElement, defineCustomElement as defineNvFieldcheckbox } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
|
|
9
|
+
import { NvFielddropdown as NvFielddropdownElement, defineCustomElement as defineNvFielddropdown } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
|
|
10
|
+
import { NvFielddropdownitem as NvFielddropdownitemElement, defineCustomElement as defineNvFielddropdownitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
|
|
11
|
+
import { NvFieldnumber as NvFieldnumberElement, defineCustomElement as defineNvFieldnumber } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
|
|
12
|
+
import { NvFieldpassword as NvFieldpasswordElement, defineCustomElement as defineNvFieldpassword } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
|
|
13
|
+
import { NvFieldradio as NvFieldradioElement, defineCustomElement as defineNvFieldradio } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
|
|
14
|
+
import { NvFieldselect as NvFieldselectElement, defineCustomElement as defineNvFieldselect } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldselect.js";
|
|
15
|
+
import { NvFieldtext as NvFieldtextElement, defineCustomElement as defineNvFieldtext } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtext.js";
|
|
16
|
+
import { NvFieldtextarea as NvFieldtextareaElement, defineCustomElement as defineNvFieldtextarea } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtextarea.js";
|
|
17
|
+
import { NvFieldtoggle as NvFieldtoggleElement, defineCustomElement as defineNvFieldtoggle } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtoggle.js";
|
|
18
|
+
import { NvIcon as NvIconElement, defineCustomElement as defineNvIcon } from "@nova-design-system/nova-webcomponents/dist/components/nv-icon.js";
|
|
19
|
+
import { NvIconbutton as NvIconbuttonElement, defineCustomElement as defineNvIconbutton } from "@nova-design-system/nova-webcomponents/dist/components/nv-iconbutton.js";
|
|
20
|
+
import { NvLoader as NvLoaderElement, defineCustomElement as defineNvLoader } from "@nova-design-system/nova-webcomponents/dist/components/nv-loader.js";
|
|
21
|
+
import { NvMenu as NvMenuElement, defineCustomElement as defineNvMenu } from "@nova-design-system/nova-webcomponents/dist/components/nv-menu.js";
|
|
22
|
+
import { NvMenuitem as NvMenuitemElement, defineCustomElement as defineNvMenuitem } from "@nova-design-system/nova-webcomponents/dist/components/nv-menuitem.js";
|
|
23
|
+
import { NvPopover as NvPopoverElement, defineCustomElement as defineNvPopover } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
|
|
24
|
+
import { NvRow as NvRowElement, defineCustomElement as defineNvRow } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
|
|
25
|
+
import { NvStack as NvStackElement, defineCustomElement as defineNvStack } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
|
|
26
|
+
import { NvTooltip as NvTooltipElement, defineCustomElement as defineNvTooltip } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
|
|
25
27
|
import { createComponent } from '@stencil/react-output-target/runtime';
|
|
26
28
|
import React from 'react';
|
|
27
29
|
export const NvAlert = createComponent({
|
|
@@ -81,6 +83,23 @@ export const NvFieldcheckbox = createComponent({
|
|
|
81
83
|
events: { onCheckedChanged: 'checkedChanged' },
|
|
82
84
|
defineCustomElement: defineNvFieldcheckbox
|
|
83
85
|
});
|
|
86
|
+
export const NvFielddropdown = createComponent({
|
|
87
|
+
tagName: 'nv-fielddropdown',
|
|
88
|
+
elementClass: NvFielddropdownElement,
|
|
89
|
+
react: React,
|
|
90
|
+
events: {
|
|
91
|
+
onDropdownItemSelected: 'dropdownItemSelected',
|
|
92
|
+
onValueChanged: 'valueChanged'
|
|
93
|
+
},
|
|
94
|
+
defineCustomElement: defineNvFielddropdown
|
|
95
|
+
});
|
|
96
|
+
export const NvFielddropdownitem = createComponent({
|
|
97
|
+
tagName: 'nv-fielddropdownitem',
|
|
98
|
+
elementClass: NvFielddropdownitemElement,
|
|
99
|
+
react: React,
|
|
100
|
+
events: { onItemSelected: 'itemSelected' },
|
|
101
|
+
defineCustomElement: defineNvFielddropdownitem
|
|
102
|
+
});
|
|
84
103
|
export const NvFieldnumber = createComponent({
|
|
85
104
|
tagName: 'nv-fieldnumber',
|
|
86
105
|
elementClass: NvFieldnumberElement,
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './generated/components';
|
|
2
|
-
export { defineCustomElements } from '@
|
|
2
|
+
export { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
|
|
@@ -1,27 +1,29 @@
|
|
|
1
|
-
import { type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvMenuCustomEvent } from "@
|
|
2
|
-
import { NvAlert as NvAlertElement } from "@
|
|
3
|
-
import { NvAvatar as NvAvatarElement } from "@
|
|
4
|
-
import { NvBadge as NvBadgeElement } from "@
|
|
5
|
-
import { NvBase as NvBaseElement } from "@
|
|
6
|
-
import { NvButton as NvButtonElement } from "@
|
|
7
|
-
import { NvCol as NvColElement } from "@
|
|
8
|
-
import { NvFieldcheckbox as NvFieldcheckboxElement } from "@
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
1
|
+
import { type DropdownItemSelectedEventDetail, type MenuitemSelectedEventDetail, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvMenuCustomEvent } from "@nova-design-system/nova-webcomponents";
|
|
2
|
+
import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
|
|
3
|
+
import { NvAvatar as NvAvatarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-avatar.js";
|
|
4
|
+
import { NvBadge as NvBadgeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-badge.js";
|
|
5
|
+
import { NvBase as NvBaseElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-base.js";
|
|
6
|
+
import { NvButton as NvButtonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-button.js";
|
|
7
|
+
import { NvCol as NvColElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-col.js";
|
|
8
|
+
import { NvFieldcheckbox as NvFieldcheckboxElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldcheckbox.js";
|
|
9
|
+
import { NvFielddropdown as NvFielddropdownElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdown.js";
|
|
10
|
+
import { NvFielddropdownitem as NvFielddropdownitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fielddropdownitem.js";
|
|
11
|
+
import { NvFieldnumber as NvFieldnumberElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldnumber.js";
|
|
12
|
+
import { NvFieldpassword as NvFieldpasswordElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldpassword.js";
|
|
13
|
+
import { NvFieldradio as NvFieldradioElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldradio.js";
|
|
14
|
+
import { NvFieldselect as NvFieldselectElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldselect.js";
|
|
15
|
+
import { NvFieldtext as NvFieldtextElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtext.js";
|
|
16
|
+
import { NvFieldtextarea as NvFieldtextareaElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtextarea.js";
|
|
17
|
+
import { NvFieldtoggle as NvFieldtoggleElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtoggle.js";
|
|
18
|
+
import { NvIcon as NvIconElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-icon.js";
|
|
19
|
+
import { NvIconbutton as NvIconbuttonElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-iconbutton.js";
|
|
20
|
+
import { NvLoader as NvLoaderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-loader.js";
|
|
21
|
+
import { NvMenu as NvMenuElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menu.js";
|
|
22
|
+
import { NvMenuitem as NvMenuitemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-menuitem.js";
|
|
23
|
+
import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
|
|
24
|
+
import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
|
|
25
|
+
import { NvStack as NvStackElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-stack.js";
|
|
26
|
+
import { NvTooltip as NvTooltipElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
|
|
25
27
|
import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
|
|
26
28
|
type NvAlertEvents = {
|
|
27
29
|
onHiddenChanged: EventName<CustomEvent<boolean>>;
|
|
@@ -47,6 +49,15 @@ type NvFieldcheckboxEvents = {
|
|
|
47
49
|
onCheckedChanged: EventName<CustomEvent<boolean>>;
|
|
48
50
|
};
|
|
49
51
|
export declare const NvFieldcheckbox: StencilReactComponent<NvFieldcheckboxElement, NvFieldcheckboxEvents>;
|
|
52
|
+
type NvFielddropdownEvents = {
|
|
53
|
+
onDropdownItemSelected: EventName<NvFielddropdownCustomEvent<DropdownItemSelectedEventDetail>>;
|
|
54
|
+
onValueChanged: EventName<CustomEvent<string>>;
|
|
55
|
+
};
|
|
56
|
+
export declare const NvFielddropdown: StencilReactComponent<NvFielddropdownElement, NvFielddropdownEvents>;
|
|
57
|
+
type NvFielddropdownitemEvents = {
|
|
58
|
+
onItemSelected: EventName<NvFielddropdownitemCustomEvent<DropdownItemSelectedEventDetail>>;
|
|
59
|
+
};
|
|
60
|
+
export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;
|
|
50
61
|
type NvFieldnumberEvents = {
|
|
51
62
|
onValueChanged: EventName<CustomEvent<number>>;
|
|
52
63
|
};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export * from './generated/components';
|
|
2
|
-
export { defineCustomElements } from '@
|
|
2
|
+
export { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-react",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.27",
|
|
4
4
|
"description": "Nova is a design system created by Elia Group to empower creators to efficiently build solutions that people love to use.",
|
|
5
5
|
"author": "Elia Group",
|
|
6
6
|
"homepage": "https://nova.eliagroup.io",
|
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"react": "^18.3.1",
|
|
32
32
|
"react-dom": "^18.3.1",
|
|
33
|
-
"@storybook/react": "8.
|
|
34
|
-
"@storybook/react-vite": "8.
|
|
33
|
+
"@storybook/react": "8.4.7",
|
|
34
|
+
"@storybook/react-vite": "8.4.7",
|
|
35
35
|
"nova-storybook-utils": "*",
|
|
36
36
|
"@nova-design-system/nova-webcomponents": "*"
|
|
37
37
|
},
|