@nova-design-system/nova-vue 3.0.0-beta.28 → 3.0.0-beta.30
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/README.md +5 -2
- package/dist/generated/components.d.ts +2 -0
- package/dist/generated/components.js +34 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -25,7 +25,6 @@ import { createApp } from 'vue';
|
|
|
25
25
|
import App from './App.vue';
|
|
26
26
|
|
|
27
27
|
import '@nova-design-system/nova-base/dist/css/nova-utils.css';
|
|
28
|
-
import '@nova-design-system/nova-base/assets/nova-fonts.css';
|
|
29
28
|
import '@nova-design-system/nova-base/dist/css/spark.css'; // or ocean.css
|
|
30
29
|
import { NovaComponents } from '@nova-design-system/nova-vue/plugin';
|
|
31
30
|
|
|
@@ -36,7 +35,11 @@ This setup makes Nova's web components available throughout your Vue application
|
|
|
36
35
|
|
|
37
36
|
## Nova Font Pro Integration
|
|
38
37
|
|
|
39
|
-
|
|
38
|
+
> [!WARNING]
|
|
39
|
+
> 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.
|
|
40
|
+
> 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).
|
|
41
|
+
|
|
42
|
+
Once you have the URL, you can integrate it using any of these methods:
|
|
40
43
|
|
|
41
44
|
### Option 1: Import in Main Entry (Recommended)
|
|
42
45
|
In your `main.ts` or `main.js`:
|
|
@@ -14,6 +14,8 @@ export declare const NvDatagridrow: import("vue").DefineSetupFnComponent<JSX.NvD
|
|
|
14
14
|
export declare const NvFieldcheckbox: import("vue").DefineSetupFnComponent<JSX.NvFieldcheckbox & import("./vue-component-lib/utils").InputProps<boolean>, {}, {}, JSX.NvFieldcheckbox & import("./vue-component-lib/utils").InputProps<boolean> & {}, import("vue").PublicProps>;
|
|
15
15
|
export declare const NvFielddropdown: import("vue").DefineSetupFnComponent<JSX.NvFielddropdown & import("./vue-component-lib/utils").InputProps<string>, {}, {}, JSX.NvFielddropdown & import("./vue-component-lib/utils").InputProps<string> & {}, import("vue").PublicProps>;
|
|
16
16
|
export declare const NvFielddropdownitem: import("vue").DefineSetupFnComponent<JSX.NvFielddropdownitem & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvFielddropdownitem & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
17
|
+
export declare const NvFielddropdownitemcheck: import("vue").DefineSetupFnComponent<JSX.NvFielddropdownitemcheck & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvFielddropdownitemcheck & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
|
|
18
|
+
export declare const NvFieldmultiselect: import("vue").DefineSetupFnComponent<JSX.NvFieldmultiselect & import("./vue-component-lib/utils").InputProps<string>, {}, {}, JSX.NvFieldmultiselect & import("./vue-component-lib/utils").InputProps<string> & {}, import("vue").PublicProps>;
|
|
17
19
|
export declare const NvFieldnumber: import("vue").DefineSetupFnComponent<JSX.NvFieldnumber & import("./vue-component-lib/utils").InputProps<number>, {}, {}, JSX.NvFieldnumber & import("./vue-component-lib/utils").InputProps<number> & {}, import("vue").PublicProps>;
|
|
18
20
|
export declare const NvFieldpassword: import("vue").DefineSetupFnComponent<JSX.NvFieldpassword & import("./vue-component-lib/utils").InputProps<string>, {}, {}, JSX.NvFieldpassword & import("./vue-component-lib/utils").InputProps<string> & {}, import("vue").PublicProps>;
|
|
19
21
|
export declare const NvFieldradio: import("vue").DefineSetupFnComponent<JSX.NvFieldradio & import("./vue-component-lib/utils").InputProps<boolean>, {}, {}, JSX.NvFieldradio & import("./vue-component-lib/utils").InputProps<boolean> & {}, import("vue").PublicProps>;
|
|
@@ -120,6 +120,40 @@ export const NvFielddropdownitem = /*@__PURE__*/ defineContainer('nv-fielddropdo
|
|
|
120
120
|
'label',
|
|
121
121
|
'itemSelected'
|
|
122
122
|
]);
|
|
123
|
+
export const NvFielddropdownitemcheck = /*@__PURE__*/ defineContainer('nv-fielddropdownitemcheck', undefined, [
|
|
124
|
+
'checked',
|
|
125
|
+
'value',
|
|
126
|
+
'label',
|
|
127
|
+
'description',
|
|
128
|
+
'group',
|
|
129
|
+
'disabled',
|
|
130
|
+
'itemChecked'
|
|
131
|
+
]);
|
|
132
|
+
export const NvFieldmultiselect = /*@__PURE__*/ defineContainer('nv-fieldmultiselect', undefined, [
|
|
133
|
+
'inputId',
|
|
134
|
+
'name',
|
|
135
|
+
'label',
|
|
136
|
+
'description',
|
|
137
|
+
'placeholder',
|
|
138
|
+
'maxHeight',
|
|
139
|
+
'badgeLabel',
|
|
140
|
+
'emptyresult',
|
|
141
|
+
'required',
|
|
142
|
+
'error',
|
|
143
|
+
'errorDescription',
|
|
144
|
+
'readonly',
|
|
145
|
+
'disabled',
|
|
146
|
+
'autocomplete',
|
|
147
|
+
'filterable',
|
|
148
|
+
'value',
|
|
149
|
+
'open',
|
|
150
|
+
'mode',
|
|
151
|
+
'options',
|
|
152
|
+
'debounceDelay',
|
|
153
|
+
'dropdownItemSelected',
|
|
154
|
+
'valueChanged',
|
|
155
|
+
'multiselectChange'
|
|
156
|
+
], 'value', 'value-changed');
|
|
123
157
|
export const NvFieldnumber = /*@__PURE__*/ defineContainer('nv-fieldnumber', undefined, [
|
|
124
158
|
'message',
|
|
125
159
|
'validation',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nova-design-system/nova-vue",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.30",
|
|
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",
|