@nova-design-system/nova-react 3.1.0 → 3.2.0

package/dist/cjs/{nv-menuitem.entry-B9cjy7O8.js → nv-menuitem.entry-fhnYI91K.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.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: 'c15d6ae403f8857bd133aa7d6b9ac8097927c0ae', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '8a334a5475bc748603865a3b824a6e247a53a8f9', name: this.icon }), index.h("slot", { key: 'fa496a548eb60ad8c61641d44d0a5ba7bf6969a6' }), this.label && index.h("span", { key: '9950f30fb73b2dda05c267e15046372aba70b662', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: '483c283196abe80ac62410b5eb2da71bf78efbeb' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: 'c0244efa7fde567b2d3852141c775d7d818e82b3', name: "chevron-right" })));
+        return (index.h(index.Host, { key: 'b1eeb8aaaab3daf8e247d2ca60ca4ea91828dc25', role: "menuitem", tabindex: this.disabled ? '-1' : '0' }, this.icon && index.h("nv-icon", { key: '48a9145eec4d5fd701fa975000bf29e4f8e7b018', name: this.icon }), index.h("slot", { key: 'a3212c6b899ce3dd2f538d8ea2163355ced9a57e' }), this.label && index.h("span", { key: '9b64bfabd9c2d2e25702e1e06f53dd76a1405a0e', "data-scope": "text" }, this.label), this.shortcut && !this.hasSubmenu && index.h("kbd", { key: 'adca0ce4f6c9c53f965d0d71b7f0a9d7675091b4' }, this.shortcut), this.hasSubmenu && index.h("nv-icon", { key: '5d55fc8fe1b1fc32fef9ee38b8dd53d7617ed0e0', name: "chevron-right" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-popover.entry-ChLYZ3zY.js → nv-popover.entry-CYqBaVbr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.js');
 var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 require('react');
@@ -1950,7 +1950,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'a93404e4346c78d56a2c26f8ec2cb231ffb04523' }, index.h("slot", { key: '5c76fff7d2d99069986575c755955c2e76dbbd7b', name: "trigger" }), index.h("div", { key: '463ca161fbba6d558db76fb4a8f3eaaff901eed0', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'e87e53223fe5cef9bce9e6a4eac465c6aa684ce4', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '5e902c098d6ab1c91286bea5bdf621469591c3c0', name: "content" }))));
+        return (index.h(index.Host, { key: 'af402e7713ddfed886a9965c0bde847be7399f7e' }, index.h("slot", { key: 'bdef517573a37c420109712631120377fb862ab1', name: "trigger" }), index.h("div", { key: '8c2004b6d92bb09a1d19ea1f709b2f104695e111', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '11d1b809fcdfddf55b471e12618ec4b8735d4a31', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '989d8f02e4044d4963d3152f137f691fd80ef818', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-DiLY8Vbc.js → nv-row.entry-BUheLufV.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.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: '09285cba691e1c35f0ddee48f391e4ab992d84f1' }, index.h("slot", { key: '7a2e8f4792e48928ce700ebbab99450ab3c57bd3' })));
+        return (index.h(index.Host, { key: 'f5e01b297dcede0d11045bc52f7f75278bc66c43' }, index.h("slot", { key: '158a47218c5edff393c19207dbb7987a25779e6d' })));
     }
 };
 NvRow.style = NvRowStyle0;

package/dist/cjs/{nv-stack.entry-MpPzmg5_.js → nv-stack.entry-DNPce51E.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.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: '27ed60826e915488c5ee038efb8f96996d5109c7', 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: '944d7afda349c4a2cb3598009c210b6e8823e11c' })));
+        return (index.h(index.Host, { key: 'bc18faae4116df9b3a2f944b97c5e5cf096654ae', 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: 'fe3a07a01bd3a5898bcd1533c7966241cff21b44' })));
     }
 };
 NvStack.style = NvStackStyle0;

package/dist/cjs/{nv-table.entry-cME3Zuq2.js → nv-table.entry-DXQM8l3t.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.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: '60adbba864a3e654bdb5fa15fe2a248876121a55' }, index.h("div", { key: 'ee32010a50621ac0085adf4ee05ffdfe66dd1e37', class: "hidden" }, index.h("slot", { key: 'eb94efbff64a5d658d26854b296a0a724f274d30' })), index.h("slot", { key: 'fc3444819a51080d7418328179b2dcd32d0b9604', 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: 'b1df9cabce9289f174177a6b28851c3fa4788529' }, index.h("div", { key: '5e27d3ad0d34f64c9e9b5c9f43ac025603c08530', class: "hidden" }, index.h("slot", { key: 'aaef162487498f64c21fb1071b2863e8fa4e5a5c' })), index.h("slot", { key: '34325af8079d76a7599c1c4516fa8f371ce2fe75', 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: 'e472198f042669aae6e5db36871421312bd1b02b', name: "after" })));
+        })))))))), index.h("slot", { key: '49cdd7614ab002f5a3de09d414df6bb46c72a28f', name: "after" })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-tablecolumn.entry-DSctDxCS.js → nv-tablecolumn.entry-DROQK_0c.js}

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

package/dist/cjs/{nv-toggle.entry-EBWm3Xy5.js → nv-toggle.entry-fMzTrdte.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.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: '03338b677a603eaa4a6f0046f0df1e3dd007c532', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '753b8153db73d144fe1abd284c7c75d3d6a3c443', class: "input-container" }, index.h("input", { key: 'de3724f0d31bd568070a27d6276e2cd7d9fa8bf1', 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: '74a7b9114b6c9a0cb25abff79b0c789540e2f2d3', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '417e3d25d89310c051f6c1dfb23d6f7ff4ad393d', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '3c7b268641b84b94b7d8f0aebdc9f50276098650', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '330fd1706da4b20d132561cfa7080a2c8be2e6b7', class: "description" }, index.h("slot", { key: '7b64ecc949dd8ee781e67ef5aeb1949c8d10137a', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: 'cb88cfea301859b05adedf15690027b21cd4837e', class: clsx297c1ffe.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '307011c7dcbbe5a6dfc9b2bc1a5bd9842b99f68c', class: "input-container" }, index.h("input", { key: 'ff87395a3a737a1daaae243176975856a571cac1', 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: 'c190ac33b861a5f92869c83249b441e243b2ee21', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'cfd87cc4e3c68bedf4729a0b62f192077c4b4813', htmlFor: this.inputId, class: clsx297c1ffe.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '81de13cc0e98b4bdb494cc20fb1af59be66952b0', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '69647c010b34a94afb215f9e56b5fba0bd114581', class: "description" }, index.h("slot", { key: 'ecf7b68b862976907c2d4605a65ee24875b926d3', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-tooltip.entry-q6rJLq1C.js → nv-tooltip.entry-yB2Ek1Cz.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-Cn-oNJnW.js');
+var index = require('./index-B2jv2KXv.js');
 require('react');
 
-const nvTooltipCss = "nv-tooltip{display:inline-block;position:relative}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}";
+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}";
 const NvTooltipStyle0 = nvTooltipCss;
 
 const NvTooltip = class {
@@ -35,7 +35,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '50e49ff4f1e6d310c0990fb7665aa6f3a2515b73' }, index.h("slot", { key: '27af73eb4b2f453eb9c18248985f7c4c9aa38d18' }), index.h("nv-popover", { key: 'b960bcef2d790d88634490cfc1e3ab87ab00468e', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '7870d90153248b7e7ace5d31a835dde30b5f36ba', slot: "content" }, this.message), index.h("slot", { key: '8f25395b817beaaa6653ce58fe17a8bf29ca2de0', name: "content" }))));
+        return (index.h(index.Host, { key: '893071a64f973b33dccbf3acec95db46e592b717' }, index.h("slot", { key: '010776550ed5f942c02540b12756f0c0f64e31c4' }), index.h("nv-popover", { key: '21a669333da9e55b697f8a0b0962a8328beac55a', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: 'ed89d0bfe1e9e8d12e33e3d7fb0f5b7f2685bbb9', slot: "content" }, this.message), index.h("slot", { key: 'fa2d9602e003f1da5c3d23156db7b2ac482966bd', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/generated/components.js

@@ -23,6 +23,7 @@ import { NvFieldnumber as NvFieldnumberElement, defineCustomElement as defineNvF
 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";
 import { NvFieldselect as NvFieldselectElement, defineCustomElement as defineNvFieldselect } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldselect.js";
+import { NvFieldslider as NvFieldsliderElement, defineCustomElement as defineNvFieldslider } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldslider.js";
 import { NvFieldtext as NvFieldtextElement, defineCustomElement as defineNvFieldtext } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtext.js";
 import { NvFieldtextarea as NvFieldtextareaElement, defineCustomElement as defineNvFieldtextarea } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtextarea.js";
 import { NvFieldtime as NvFieldtimeElement, defineCustomElement as defineNvFieldtime } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtime.js";
@@ -231,6 +232,13 @@ export const NvFieldselect = createComponent({
     events: { onValueChanged: 'valueChanged' },
     defineCustomElement: defineNvFieldselect
 });
+export const NvFieldslider = createComponent({
+    tagName: 'nv-fieldslider',
+    elementClass: NvFieldsliderElement,
+    react: React,
+    events: { onValueChanged: 'valueChanged' },
+    defineCustomElement: defineNvFieldslider
+});
 export const NvFieldtext = createComponent({
     tagName: 'nv-fieldtext',
     elementClass: NvFieldtextElement,

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

@@ -23,6 +23,7 @@ import { NvFieldnumber as NvFieldnumberElement } from "@nova-design-system/nova-
 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";
 import { NvFieldselect as NvFieldselectElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldselect.js";
+import { NvFieldslider as NvFieldsliderElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldslider.js";
 import { NvFieldtext as NvFieldtextElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtext.js";
 import { NvFieldtextarea as NvFieldtextareaElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtextarea.js";
 import { NvFieldtime as NvFieldtimeElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-fieldtime.js";
@@ -142,6 +143,10 @@ type NvFieldselectEvents = {
     onValueChanged: EventName<CustomEvent<string>>;
 };
 export declare const NvFieldselect: StencilReactComponent<NvFieldselectElement, NvFieldselectEvents>;
+type NvFieldsliderEvents = {
+    onValueChanged: EventName<CustomEvent<string>>;
+};
+export declare const NvFieldslider: StencilReactComponent<NvFieldsliderElement, NvFieldsliderEvents>;
 type NvFieldtextEvents = {
     onValueChanged: EventName<CustomEvent<string>>;
 };

package/package.json

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