@nova-design-system/nova-react 3.6.0 → 3.8.0

package/dist/cjs/{nv-menuitem.entry-D3_V7wz6.js → nv-menuitem.entry-CF5tWPyu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvMenuitemCss = "nv-menuitem{display:flex;align-items:center;max-width:300px;width:100vw;font-size:var(--menu-contextual-item-font-size);font-weight:var(--menu-contextual-item-font-weight);color:var(--components-menu-contextual-item-content);border-radius:var(--menu-contextual-item-radius);gap:var(--menu-contextual-item-gap-x);padding:var(--menu-contextual-item-padding-y) var(--menu-contextual-item-padding-x);transition:background-color 150ms ease-out;cursor:pointer}nv-menuitem:hover,nv-menuitem:focus,nv-menuitem:focus-within{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menuitem *{pointer-events:none}nv-menuitem kbd{color:var(--components-menu-contextual-item-shortcut)}nv-menuitem [data-scope=text]{margin-right:auto}nv-menuitem[disabled]:not([disabled=false]){cursor:unset;background-color:unset;color:var(--components-menu-contextual-item-content-disabled)}";
@@ -49,7 +49,7 @@ const NvMenuitem = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'c008da503776b85bec237b25e321e4bba02d153f', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '66341d40e68409b4c0ab6595a67eed1e4354d6ba', name: this.icon }), index.h("slot", { key: 'e3960af26ffbc703a5702981e948013179b1a83b' }), this.label && index.h("span", { key: '9633388dcbad3080b54b83845ced54f9b9d05061', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'da358858336a86a7a49bbd4a52b5f628aadc1c29' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '36a85c271a5dbe2c41eefac33209e5d9a909ae04', name: "chevron-right" })));
+        return (index.h(index.Host, { key: '327165c89f4e5decf8dc4b7b28e18562e528056d', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '4247d922bca3797dc3f2917218749a8d3c038df1', name: this.icon }), index.h("slot", { key: '1f81464ccf47a5bd918873ef70d3d3385e870638' }), this.label && index.h("span", { key: '113358a0cacfa53710ec0049a8e1c5e981de5b15', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'ee7c773b89bf1f55876cf297600247883cd54937' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '70cbe2df51d9fbffe3b474b54e87aa06801acef7', name: "chevron-right" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-popover.entry-VI0JSWEK.js → nv-popover.entry-B0OYp4lU.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 var stylefire_es74da334a = require('./stylefire.es-74da334a-y0piPjlz.js');
 var fade_animation71e8e34c = require('./fade.animation-71e8e34c-BAw_TYsB.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
@@ -1951,7 +1951,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '843ac572358b402d6338945d671446fec1c51a6d' }, index.h("slot", { key: '090f01aea3932cb95357985766a20112c63c4992', name: "trigger" }), index.h("div", { key: '737822dd1539381bb485a389670f09a071441365', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '9d268df3f0e1df7b2a2264154143c3db14619661', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '432aae053b25d2e7d6594203ad0ff3ecee26c059', name: "content" }))));
+        return (index.h(index.Host, { key: '27f6f8acc148b3dc2b16a391c54a4a1de0637a57' }, index.h("slot", { key: 'd25614b3bfc5565d3729da11f6f83b4d92e83e19', name: "trigger" }), index.h("div", { key: '3b777862573405b2bb2a377750d9bb859a4bb20b', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'dda88155630bca69ec06a766e2999ed369d5d6c6', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '51eaf873fe239d3c4106e997f6cdd37b1bb29074', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-Da5sYAGY.js → nv-row.entry-D_OqCwin.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvRowCss = "nv-row{display:flex;flex-wrap:wrap;margin-right:calc(var(--spacing-4) * -1);margin-left:calc(var(--spacing-4) * -1);row-gap:var(--spacing-4)}";
@@ -13,7 +13,7 @@ const NvRow = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '20e40e37c82b00712ed3d60d46d460f5f877e10a' }, index.h("slot", { key: '80ba27becb4d56ff0785054597d88c728fb3eca5' })));
+        return (index.h(index.Host, { key: 'daad5f10b72b95468ac50a3deab7faf87769be42' }, index.h("slot", { key: '16509b69358739997fe97a45ea9476f30682de2b' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/cjs/{nv-stack.entry-CQ8A3wKB.js → nv-stack.entry-Bn_KHqkn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 
@@ -22,7 +22,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '24cca0f7101de5f37d30884983da28a839df9bee', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: '3521e5dd684d2c6185fd434711ae85a6ea0b68ab' })));
+        return (index.h(index.Host, { key: '0a93c321e46c7e17ac0efe09556ee4447fec5f74', class: clsx297c1ffe.clsx(this.fill && 'nv-stack-fill', this.flex && 'nv-stack-flex', this.full && 'w-full', this.gutter && !this.vertical && `gap-x-${this.gutter}`, this.gutter && this.vertical && `gap-y-${this.gutter}`, this.vertical && 'nv-stack-vertical') }, index.h("slot", { key: 'faf55f3f579311c333e1ea66f1a19ace98594377' })));
     }
 };
 NvStack.style = NvStackStyle0;

package/dist/cjs/{nv-table.entry-DkALs4J_.js → nv-table.entry-Cm2muhHl.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
 require('react');
 
@@ -314,14 +314,14 @@ const NvTable = class {
         const rows = !this.table || this.table === undefined || this.parsedData.length === 0
             ? []
             : this.table.data;
-        return (index.h(index.Host, { key: '0e7b7e03592f9f68b9158e8374986986e0f155d4' }, index.h("div", { key: 'eeebf671dde65fcd725fbbe78099816d1c07c65f', class: "hidden" }, index.h("slot", { key: '2ac114cec120874bb0f7bf6ddde9ec9c88d978cf' })), index.h("slot", { key: 'b8dea8ff4c987b679ab78e73c4b7698a608c1ee3', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
+        return (index.h(index.Host, { key: 'a389cee4e6b29cdb852b8b6c0f8fd39926474525' }, index.h("div", { key: 'ea7629bc0cba0ec1cbe59f6f03ac2527095d9abb', class: "hidden" }, index.h("slot", { key: 'b070a8e7f54fd3846744bb659447b97547d1c7cf' })), index.h("slot", { key: 'b0eb0a2d7c98073e88282b1e2e513b9e6a335345', name: "before" }), this.parsedColumns.length === 0 && this.parsedData.length === 0 ? (index.h("div", { class: "no-data" }, this.noColumnsNoDataMessage)) : (index.h("table", { class: "table" }, this.parsedColumns.length > 0 && headerGroups.length > 0 && (index.h("thead", { class: "table-header" }, index.h("tr", null, headerGroups &&
             headerGroups.map(col => {
                 return (index.h("th", { key: col.name }, this.renderTemplate(this.headerTemplateCache.get(col.name), {}) || col.header));
             })))), index.h("tbody", { class: "table-body" }, !rows || rows.length === 0 ? (index.h("tr", null, index.h("td", { colSpan: headerGroups.length || 12, class: "no-data" }, this.noDataMessage))) : (rows.map(row => (index.h("tr", { key: JSON.stringify(row) }, headerGroups.map(col => {
             var _a;
             return (index.h("td", null, this.renderTemplate(this.templateCache.get(col.name), row) ||
                 ((_a = row[col.name]) !== null && _a !== void 0 ? _a : this.fallbackValue)));
-        })))))))), index.h("slot", { key: '4dc0404a05946bc942f65af599fea186166cde9c', name: "after" })));
+        })))))))), index.h("slot", { key: '599e4c1663c3a80375e3c511358be381b06eec2f', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-tablecolumn.entry-C_9y9_Tk.js → nv-tablecolumn.entry-OkY7JWJW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const NvTablecolumn = class {

package/dist/cjs/{nv-toggle.entry-CPvuKc2f.js → nv-toggle.entry-GveVeY_m.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
@@ -65,8 +65,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '9b3a2c50180d17241f514ebfecb2d959d6aaf263', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '70420566c51bb19c3ef9b8718ba0069bd739fd26', class: "input-container" }, index.h("input", { key: '5c1cfd0858a14cf1854de5a09b2daa55c4e781ba', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: 'f4678a7ed5a7e58397aadfe5155b95a395f39fba', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '4d25373b9c782d3016da002d1fa22dd551a1597a', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: 'f297abef15befddc6b180edffe3ab7b0bb39d223', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '97f2b1045c5152fb66da582c7fcf2975cbe10e68', class: "description" }, index.h("slot", { key: 'fae238400ac3a106079a7e361d179598a99363a4', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: '7aac2ef8519d5c033a0e74461755e2286420032a', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: 'fb0f560aff50b9d3c2b75ba2b59dd68012f5af10', class: "input-container" }, index.h("input", { key: '61ff98c20dec0822979f04ad3b3316fc3caac31f', type: "checkbox", id: this.inputId, name: this.name, autocomplete: "off", value: this.value, checked: Boolean(this.checked), disabled: this.disabled || this.readonly, readonly: this.readonly })), index.h("div", { key: '543ad351428f6ae60e94bd31e3a7a6922c02e5d4', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '42f764c9c4454cf5b8b1fa88c2c43654170a5222', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '125247eeea72b68de829f36ad817a4381541ad07', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'a2fcd0d39a8f555e7d6b64879e84ff7f011e4901', class: "description" }, index.h("slot", { key: '4e7af6b6a0a25fcb4d9529dcb1a32cb7c928c7de', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-tooltip.entry-dvTSw6dq.js → nv-tooltip.entry-Dg5r_8bW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-E_eTmclZ.js');
+var index = require('./index-Bb1XKZGx.js');
 require('react');
 
 const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative;user-select:none}nv-tooltip:has([fluid]:not([fluid=false])){display:block}nv-tooltip [data-scope=popover]{background:var(--components-tooltip-background);color:var(--components-tooltip-text);font-weight:var(--font-weight-medium-emphasis);padding:var(--tooltip-padding-y) var(--tooltip-padding-x);font-size:var(--tooltip-font-size);border-radius:var(--tooltip-radius);border:none;box-shadow:0px var(--shadow-y-axis-lg-1) var(--shadow-blur-lg-1) var(--shadow-spread-lg-1) var(--shadow-color-opacity-1), 0px var(--shadow-y-axis-lg-2) var(--shadow-blur-lg-2) var(--shadow-spread-lg-2) var(--shadow-color-opacity-2)}nv-tooltip [data-scope=popover] [data-scope=arrow]{background:var(--components-tooltip-background);box-shadow:none;border:none}";
@@ -36,7 +36,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'eb3e25818bb1e57340ac169d1c40a0e4e9c56668' }, index.h("slot", { key: '7937859bff530ff10a0de9076a77c92afa9ec9e7' }), index.h("nv-popover", { key: 'e825c93c7d90f5598416f1f081c95517c7a27883', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '5a5987e3a04f02be104e5f8fcca2f40b75938a97', slot: "content" }, this.message), index.h("slot", { key: 'd7efc512e29969e7c8c1a693f2fb15f9319e1fa8', name: "content" }))));
+        return (index.h(index.Host, { key: 'ced39f0ebd3ee8eba520e6d6241728e95031dafc' }, index.h("slot", { key: '2b65cb626604a29e1924e7eb2bbb4e937c1a9e9c' }), index.h("nv-popover", { key: 'd4c91e52da651c1545b6d7af98c740e08eeaffbf', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '45805ecf6ffee80f4f81acce2d921ad66585bf2b', slot: "content" }, this.message), index.h("slot", { key: 'e6a7e80c35c3a87627a50b271c86783fab791338', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/generated/components.js

@@ -47,7 +47,7 @@ export const NvAccordion = createComponent({
     tagName: 'nv-accordion',
     elementClass: NvAccordionElement,
     react: React,
-    events: { onNvChange: 'nvChange' },
+    events: { onOpenChanged: 'openChanged' },
     defineCustomElement: defineNvAccordion
 });
 export const NvAccordionItem = createComponent({

package/dist/generated/components.server.js

@@ -2,17 +2,14 @@ import { createComponent } from '@stencil/react-output-target/ssr';
 export const serializeShadowRoot = { default: "declarative-shadow-dom" };
 export const NvAccordion = createComponent({
     tagName: 'nv-accordion',
-    properties: {
-        data: 'data',
-        mode: 'mode'
-    },
+    properties: { mode: 'mode' },
     hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
     serializeShadowRoot
 });
 export const NvAccordionItem = createComponent({
     tagName: 'nv-accordion-item',
     properties: {
-        itemtitle: 'itemtitle',
+        itemTitle: 'item-title',
         subtitle: 'subtitle',
         open: 'open',
         disabled: 'disabled',

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

@@ -43,7 +43,7 @@ import { NvToggle as NvToggleElement } from "@nova-design-system/nova-webcompone
 import { NvTooltip as NvTooltipElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-tooltip.js";
 import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
 export type NvAccordionEvents = {
-    onNvChange: EventName<CustomEvent<{
+    onOpenChanged: EventName<CustomEvent<{
         openIndexes: number[];
     }>>;
 };

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

@@ -45,7 +45,7 @@ import type { EventName, StencilReactComponent } from '@stencil/react-output-tar
 import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
 export declare const serializeShadowRoot: SerializeShadowRootOptions;
 export type NvAccordionEvents = {
-    onNvChange: EventName<CustomEvent<{
+    onOpenChanged: EventName<CustomEvent<{
         openIndexes: number[];
     }>>;
 };

package/package.json

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