@nova-design-system/nova-vue 3.0.0-beta.30 → 3.0.0-beta.33

package/dist/generated/components.d.ts

@@ -3,6 +3,8 @@ export declare const NvAlert: import("vue").DefineSetupFnComponent<JSX.NvAlert &
 export declare const NvAvatar: import("vue").DefineSetupFnComponent<JSX.NvAvatar & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvAvatar & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
 export declare const NvBadge: import("vue").DefineSetupFnComponent<JSX.NvBadge & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvBadge & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
 export declare const NvBase: import("vue").DefineSetupFnComponent<JSX.NvBase & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvBase & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
+export declare const NvBreadcrumb: import("vue").DefineSetupFnComponent<JSX.NvBreadcrumb & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvBreadcrumb & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
+export declare const NvBreadcrumbs: import("vue").DefineSetupFnComponent<JSX.NvBreadcrumbs & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvBreadcrumbs & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
 export declare const NvButton: import("vue").DefineSetupFnComponent<JSX.NvButton & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvButton & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
 export declare const NvCol: import("vue").DefineSetupFnComponent<JSX.NvCol & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvCol & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
 export declare const NvDatagrid: import("vue").DefineSetupFnComponent<JSX.NvDatagrid & import("./vue-component-lib/utils").InputProps<string | number | boolean>, {}, {}, JSX.NvDatagrid & import("./vue-component-lib/utils").InputProps<string | number | boolean> & {}, import("vue").PublicProps>;
@@ -14,8 +16,6 @@ export declare const NvDatagridrow: import("vue").DefineSetupFnComponent<JSX.NvD
 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>;
 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>;
 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>;
-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>;
-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>;
 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>;
 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>;
 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>;

package/dist/generated/components.js

@@ -44,6 +44,12 @@ export const NvBadge = /*@__PURE__*/ defineContainer('nv-badge', undefined, [
     'hiddenChangedComplete'
 ]);
 export const NvBase = /*@__PURE__*/ defineContainer('nv-base', undefined);
+export const NvBreadcrumb = /*@__PURE__*/ defineContainer('nv-breadcrumb', undefined, [
+    'type',
+    'tooltip',
+    'current'
+]);
+export const NvBreadcrumbs = /*@__PURE__*/ defineContainer('nv-breadcrumbs', undefined);
 export const NvButton = /*@__PURE__*/ defineContainer('nv-button', undefined, [
     'size',
     'emphasis',
@@ -120,40 +126,6 @@ export const NvFielddropdownitem = /*@__PURE__*/ defineContainer('nv-fielddropdo
     'label',
     'itemSelected'
 ]);
-export const NvFielddropdownitemcheck = /*@__PURE__*/ defineContainer('nv-fielddropdownitemcheck', undefined, [
-    'checked',
-    'value',
-    'label',
-    'description',
-    'group',
-    'disabled',
-    'itemChecked'
-]);
-export const NvFieldmultiselect = /*@__PURE__*/ defineContainer('nv-fieldmultiselect', undefined, [
-    'inputId',
-    'name',
-    'label',
-    'description',
-    'placeholder',
-    'maxHeight',
-    'badgeLabel',
-    'emptyresult',
-    'required',
-    'error',
-    'errorDescription',
-    'readonly',
-    'disabled',
-    'autocomplete',
-    'filterable',
-    'value',
-    'open',
-    'mode',
-    'options',
-    'debounceDelay',
-    'dropdownItemSelected',
-    'valueChanged',
-    'multiselectChange'
-], 'value', 'value-changed');
 export const NvFieldnumber = /*@__PURE__*/ defineContainer('nv-fieldnumber', undefined, [
     'message',
     'validation',
@@ -214,7 +186,7 @@ export const NvFieldradio = /*@__PURE__*/ defineContainer('nv-fieldradio', undef
 export const NvFieldselect = /*@__PURE__*/ defineContainer('nv-fieldselect', undefined, [
     'message',
     'validation',
-    'selectId',
+    'inputId',
     'label',
     'description',
     'name',
@@ -256,7 +228,7 @@ export const NvFieldtext = /*@__PURE__*/ defineContainer('nv-fieldtext', undefin
 export const NvFieldtextarea = /*@__PURE__*/ defineContainer('nv-fieldtextarea', undefined, [
     'message',
     'validation',
-    'textareaId',
+    'inputId',
     'label',
     'description',
     'placeholder',
@@ -323,7 +295,9 @@ export const NvMenuitem = /*@__PURE__*/ defineContainer('nv-menuitem', undefined
     'icon',
     'disabled',
     'shortcut',
-    'hasSubmenu'
+    'hasSubmenu',
+    'name',
+    'menuitemSelected'
 ]);
 export const NvPopover = /*@__PURE__*/ defineContainer('nv-popover', undefined, [
     'triggerElement',
@@ -371,6 +345,7 @@ export const NvTabledatacell = /*@__PURE__*/ defineContainer('nv-tabledatacell',
 export const NvTablehead = /*@__PURE__*/ defineContainer('nv-tablehead', undefined);
 export const NvTablerow = /*@__PURE__*/ defineContainer('nv-tablerow', undefined);
 export const NvTooltip = /*@__PURE__*/ defineContainer('nv-tooltip', undefined, [
+    'triggerElement',
     'message',
     'placement',
     'enterDelay'

package/dist/plugin.js

@@ -9,14 +9,16 @@
  * properly transformed, allowing Stencil components to work seamlessly in Vue.
  */
 import { defineCustomElements } from '@nova-design-system/nova-webcomponents/loader';
-import * as stringUtils from 'nova-utils/lib/string.utils';
 /**
  * Transforms the event name to kebab-case.
  * @param {string} eventName - The name of the event.
  * @returns {string} The transformed event name.
  */
 const transformEventName = (eventName) => {
-    return stringUtils.toKebabCase(eventName);
+    return eventName
+        .replace(/([a-z])([A-Z])/g, '$1-$2')
+        .replace(/[\s_]+/g, '-')
+        .toLowerCase();
 };
 /**
  * Custom add event listener function that transforms the event name

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-vue",
-  "version": "3.0.0-beta.30",
+  "version": "3.0.0-beta.33",
   "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",
@@ -39,8 +39,7 @@
   },
   "devDependencies": {
     "vue": "3.4.36",
-    "@storybook/vue3": "8.2.8",
-    "@storybook/vue3-vite": "8.2.8",
+    "nova-utils": "*",
     "nova-storybook-utils": "*",
     "@nova-design-system/nova-webcomponents": "*"
   },