@nova-design-system/nova-react 3.0.0-beta.44 → 3.0.0-beta.45

package/dist/cjs/{nv-fieldtext.entry-B1TlZWjU.js → nv-fieldtext.entry-r6oQajRS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 

package/dist/cjs/{nv-fieldtextarea.entry-BwJCUiVW.js → nv-fieldtextarea.entry-CJ2yQkfi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CinzsZ8D.js');
+var index = require('./index-S09Gr7Tw.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-fieldtime.entry-uU-IET2k.js → nv-fieldtime.entry-Bxoj6N53.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CinzsZ8D.js');
+var index = require('./index-S09Gr7Tw.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');

package/dist/cjs/{nv-icon.entry-BfRAl2b6.js → nv-icon.entry-CWKRt8F0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var constants98e2dcc2 = require('./constants-98e2dcc2-C0SBCapP.js');
 require('react');

package/dist/cjs/{nv-iconbutton_2.entry-D8MI5uzP.js → nv-iconbutton_2.entry-CnbscpNn.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 

package/dist/cjs/{nv-menu.entry-D3qvf_0H.js → nv-menu.entry-wC7oSruP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CinzsZ8D.js');
+var index = require('./index-S09Gr7Tw.js');
 require('react');
 
 const nvMenuCss = "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)}nv-menu{display:inline-block;position:relative}nv-menu:has([fluid]:not([fluid=false])){display:block}nv-menu nv-popover{display:unset}nv-menu nv-popover [data-scope=popover]{background-color:transparent !important;padding:0 !important}nv-menu [slot=content]{padding:var(--menu-contextual-padding-y) var(--menu-contextual-padding-x);border-radius:var(--menu-contextual-radius);gap:var(--menu-contextual-gap-y);background-color:var(--components-menu-contextual-background);border-color:var(--components-menu-contextual-border);display:flex;flex-direction:column}nv-menu nv-menu[open]:not([open=false])>nv-menuitem{background-color:var(--components-menu-contextual-item-background-hover);color:var(--components-menu-contextual-item-content-hover)}nv-menu hr{display:block;margin:var(--menu-contextual-divider-padding-top) var(--menu-contextual-divider-padding-x) var(--menu-contextual-divider-padding-bottom) var(--menu-contextual-divider-padding-x)}";

package/dist/cjs/{nv-menuitem.entry-DkIG5z-x.js → nv-menuitem.entry-BVSa1vrS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.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)}";

package/dist/cjs/{nv-popover.entry-C57rfYUn.js → nv-popover.entry-ChP1we3l.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.js');
 var fade_animation2a077983 = require('./fade.animation-2a077983-aKN0EDTo.js');
 var events_utilsFe1d907f = require('./events.utils-fe1d907f-01N__3wY.js');
 require('react');
@@ -1715,9 +1715,11 @@ const NvPopover = class {
                 return;
             if ((_a = this.triggerElement) === null || _a === void 0 ? void 0 : _a.contains(event.target))
                 return;
-            this.hide();
+            this.open = false;
         };
-        this.clickEvents = [['click', this.toggle]];
+        this.clickEvents = [
+            ['click', () => (this.open = !this.open)],
+        ];
         this.outsideClickEvents = [
             ['click', this.handleClickOutside],
             ['touchstart', this.handleClickOutside],
@@ -1727,28 +1729,28 @@ const NvPopover = class {
                 'focus',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'blur',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 50);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 50);
                 },
             ],
             [
                 'mouseenter',
                 () => {
                     clearTimeout(this.hideTimeout);
-                    this.showTimeout = setTimeout(() => this.show(), this.enterDelay);
+                    this.showTimeout = setTimeout(() => (this.open = true), this.enterDelay);
                 },
             ],
             [
                 'mouseleave',
                 () => {
                     clearTimeout(this.showTimeout);
-                    this.hideTimeout = setTimeout(() => this.hide(), 100);
+                    this.hideTimeout = setTimeout(() => (this.open = false), 100);
                 },
             ],
         ];
@@ -1757,7 +1759,7 @@ const NvPopover = class {
                 'keydown',
                 (e) => {
                     if (e.key === 'Escape') {
-                        this.hide();
+                        this.open = false;
                     }
                 },
             ],
@@ -1867,7 +1869,7 @@ const NvPopover = class {
             return;
         // This popover should close when another one is opened.
         if (event.target !== this.el && event.detail === true)
-            this.hide();
+            this.open = false;
     }
     async handleOpenChange(open) {
         // Prevent multiple animations from running at the same time.
@@ -1948,7 +1950,7 @@ const NvPopover = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '73e9ac67507abfcc989fb884e88a53811ad5b706' }, index.h("slot", { key: '287dfb789409b1d4dc1d6f169818bc94bbe5006b', name: "trigger" }), index.h("div", { key: 'b791453a05d2ce5d6a4957a70af251472066fbc5', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: 'ac5fc75d2c4ca23251c3f8e8c295ec8ea14baac2', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '95101eb81f5bd03539a7ac01faa233926825c81d', name: "content" }))));
+        return (index.h(index.Host, { key: '6c72a8b8adc53dea2bd79b4b68afbeebc0281453' }, index.h("slot", { key: 'c9b7c7327346a53a5e0183785c2ae7f908a46826', name: "trigger" }), index.h("div", { key: 'd95998b8efc7e3f1c346d4dc516ccdf08bcceb48', "data-scope": "popover", hidden: true, ref: el => (this.popoverElement = el) }, this.hasArrow && (index.h("div", { key: '59a84c8daa368251b10a1f64a4e1335b9f5716dd', "data-scope": "arrow", ref: el => (this.arrowElement = el) })), index.h("slot", { key: '1ab56763bc4ff602d83042a10c67d633b81e5ae9', name: "content" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-row.entry-Bwzlub3i.js → nv-row.entry-D6FeFpzG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CinzsZ8D.js');
+var index = require('./index-S09Gr7Tw.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)}";

package/dist/cjs/{nv-stack.entry-bhess4lQ.js → nv-stack.entry-zjJmztkO.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-C8UfzrMI.js');
+var index = require('./index-S09Gr7Tw.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 require('react');
 

package/dist/cjs/{nv-table.entry-mEtRfake.js → nv-table.entry-CGX0jsR3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.js');
 var dom_utilsAc71e0ef = require('./dom.utils-ac71e0ef-CmIwRr6O.js');
 require('react');
 

package/dist/cjs/{nv-tablecolumn.entry-BDCw_45v.js → nv-tablecolumn.entry-Cwdmo_RY.js}

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

package/dist/cjs/{nv-toggle.entry-DXpNGkbz.js → nv-toggle.entry-BvToMkI2.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CinzsZ8D.js');
+var index = require('./index-S09Gr7Tw.js');
 var clsx297c1ffe = require('./clsx-297c1ffe-BtxeOLZW.js');
 var v4A79185f4 = require('./v4-a79185f4-2n0dOd_Y.js');
 require('react');
 
-const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
+const nvToggleCss = "nv-toggle{display:inline-flex;align-items:flex-start;gap:var(--form-gap-x);position:relative}nv-toggle:not([disabled],[readonly]) input,nv-toggle:not([disabled],[readonly]) label{cursor:pointer}nv-toggle.label-placement-before{flex-direction:row-reverse}nv-toggle[disabled]{opacity:0.5}nv-toggle label{align-self:stretch;color:var(--components-form-text-label-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:500;line-height:var(--form-label-line-height)}nv-toggle label.visually-hidden{position:absolute;padding:0;border:0;overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;clip:rect(0, 0, 0, 0)}nv-toggle .input-container{position:relative;color:var(--components-form-shape-foreground-default)}nv-toggle .input-container:has(input[type=checkbox]:disabled:not([readonly])){color:var(--components-form-shape-foreground-disabled)}nv-toggle .input-container input[type=checkbox]{appearance:none;position:relative;display:flex;width:var(--form-toggle-width);height:var(--form-toggle-height);flex-direction:column;align-items:flex-start;border-radius:var(--form-toggle-radius);border-width:var(--form-toggle-border-width);border-style:solid;border-color:var(--components-form-field-border-default);background:var(--components-form-field-background-default)}nv-toggle .input-container input[type=checkbox]::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-switch-dot);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:25%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:hover{border-color:var(--components-form-field-border-hover)}nv-toggle .input-container input[type=checkbox]:focus{border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:focus,nv-toggle .input-container input[type=checkbox]:focus-within{outline:none}nv-toggle .input-container input[type=checkbox]:focus-visible,nv-toggle .input-container input[type=checkbox]:has(:focus-visible){outline:calc(var(--focus-outline-stroke) * 1) solid var(--color-focus-brand);outline-offset:calc(var(--focus-outline-offset) * 1)}nv-toggle .input-container input[type=checkbox]:checked{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-background-checked)}nv-toggle .input-container input[type=checkbox]:checked::after{content:\"\";display:block;width:var(--form-toggle-switch-dot-default);height:var(--form-toggle-switch-dot-default);background-color:var(--components-form-shape-foreground-default);border-radius:var(--radius-rounded-full);position:absolute;top:50%;left:75%;transform:translate(-50%, -50%)}nv-toggle .input-container input[type=checkbox]:checked:focus{background:var(--components-form-field-background-checked);border-color:var(--components-form-field-border-focus)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]){box-shadow:unset;background:var(--components-form-field-background-disabled);border-color:var(--components-form-field-border-default)}nv-toggle .input-container input[type=checkbox]:disabled:not([readonly]):checked::after{background-color:var(--components-form-shape-foreground-disabled)}nv-toggle .description{align-self:stretch;color:var(--components-form-text-description-default);font-family:\"TT Norms Pro\", sans-serif;font-size:var(--form-description-font-size);font-style:normal;font-weight:450;line-height:var(--form-description-line-height)}nv-toggle .text-container{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0}";
 const NvToggleStyle0 = nvToggleCss;
 
 const NvToggle = class {

package/dist/cjs/{nv-tooltip.entry-BuSwME_F.js → nv-tooltip.entry-DZ7_lB-p.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIcUUomJ.js');
+var index = require('./index-S09Gr7Tw.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}";

package/dist/generated/components.js

@@ -133,7 +133,7 @@ export const NvDialog = createComponent({
     tagName: 'nv-dialog',
     elementClass: NvDialogElement,
     react: React,
-    events: { onClose: 'close' },
+    events: { onOpenChanged: 'openChanged' },
     defineCustomElement: defineNvDialog
 });
 export const NvDialogfooter = createComponent({

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

@@ -76,7 +76,7 @@ export declare const NvDatagrid: StencilReactComponent<NvDatagridElement, NvData
 type NvDatagridcolumnEvents = NonNullable<unknown>;
 export declare const NvDatagridcolumn: StencilReactComponent<NvDatagridcolumnElement, NvDatagridcolumnEvents>;
 type NvDialogEvents = {
-    onClose: EventName<CustomEvent<void>>;
+    onOpenChanged: EventName<CustomEvent<boolean>>;
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 type NvDialogfooterEvents = {

package/package.json

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