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

package/dist/cjs/nv-tooltip.entry-BrrSQyMx.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-B_VOAJzk.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 NvTooltipStyle0 = nvTooltipCss;
+
+const NvTooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Decides where the tooltip shows up next to the element it’s linked to
+         * (above, below, to the sides). If there isn’t enough room, it will adjust
+         * it's position on the axis to fit on the screen, so users can always see it.
+         */
+        this.placement = 'bottom';
+        /**
+         * Controls how long (in milliseconds) the tooltip waits to show after you
+         * hover over or focus on an element. If you move away before the delay is up,
+         * the tooltip won’t appear.
+         */
+        this.enterDelay = 0;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        if (!this.triggerElement)
+            this.triggerElement = Array.from(this.el.children).find(child => {
+                return child.getAttribute('slot') === null;
+            });
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: 'e11a19bbdd775cb54b054bd502c589d80feacb35' }, index.h("slot", { key: '9fb404ae962570d3b1f5cdd42ed8673f86eeedae' }), index.h("nv-popover", { key: 'd5114554c2e97909b25dfa7ec0d64a7d10d624ec', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '4d675b15e413054b7bd9fd71df6f3c236c175c47', slot: "content" }, this.message), index.h("slot", { key: '2967e58a96ed6d8d4d0fecc195209c8b2f9d1353', name: "content" }))));
+    }
+    get el() { return index.getElement(this); }
+};
+NvTooltip.style = NvTooltipStyle0;
+
+exports.nv_tooltip = NvTooltip;

package/dist/cjs/nv-tooltip.entry-BuSwME_F.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-CIcUUomJ.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 NvTooltipStyle0 = nvTooltipCss;
+
+const NvTooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Decides where the tooltip shows up next to the element it’s linked to
+         * (above, below, to the sides). If there isn’t enough room, it will adjust
+         * it's position on the axis to fit on the screen, so users can always see it.
+         */
+        this.placement = 'bottom';
+        /**
+         * Controls how long (in milliseconds) the tooltip waits to show after you
+         * hover over or focus on an element. If you move away before the delay is up,
+         * the tooltip won’t appear.
+         */
+        this.enterDelay = 0;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        if (!this.triggerElement)
+            this.triggerElement = Array.from(this.el.children).find(child => {
+                return child.getAttribute('slot') === null;
+            });
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '8cd2c98bb131f251183acb9af66c9f6f9756ea95' }, index.h("slot", { key: 'fe6b19ecbf81c75579d2eda7f420dba67d17f6b1' }), index.h("nv-popover", { key: '4bb59ab06f861d3892de8122ef12eacacb8b4ad5', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '1f6eca5114ef857086f1263adb806894d5e8e49e', slot: "content" }, this.message), index.h("slot", { key: '7a359b89785621df4fb4f1c499d4a295f4112aed', name: "content" }))));
+    }
+    get el() { return index.getElement(this); }
+};
+NvTooltip.style = NvTooltipStyle0;
+
+exports.nv_tooltip = NvTooltip;

package/dist/cjs/nv-tooltip.entry-ChQpdQn_.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var index = require('./index-wDACGzKb.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 NvTooltipStyle0 = nvTooltipCss;
+
+const NvTooltip = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Decides where the tooltip shows up next to the element it’s linked to
+         * (above, below, to the sides). If there isn’t enough room, it will adjust
+         * it's position on the axis to fit on the screen, so users can always see it.
+         */
+        this.placement = 'bottom';
+        /**
+         * Controls how long (in milliseconds) the tooltip waits to show after you
+         * hover over or focus on an element. If you move away before the delay is up,
+         * the tooltip won’t appear.
+         */
+        this.enterDelay = 0;
+    }
+    //#endregion PROPERTIES
+    /****************************************************************************/
+    //#region LIFECYCLE
+    componentWillLoad() {
+        if (!this.triggerElement)
+            this.triggerElement = Array.from(this.el.children).find(child => {
+                return child.getAttribute('slot') === null;
+            });
+    }
+    //#endregion LIFECYCLE
+    /****************************************************************************/
+    //#region RENDER
+    render() {
+        return (index.h(index.Host, { key: '42d55bd749a31fc808d6685b75b5002b10575b63' }, index.h("slot", { key: '7ccb801774290a4e47c9bf6e61994936f0cb793e' }), index.h("nv-popover", { key: '6c67ddae0787dbc9e24d239e3b34218dfa997747', triggerMode: "hover", hasArrow: true, placement: this.placement, triggerElement: this.triggerElement, groupName: 'tooltip', enterDelay: this.enterDelay }, index.h("p", { key: '900d3a61fc7adb7aee3f9982d932c6e2f9889ab3', slot: "content" }, this.message), index.h("slot", { key: '3f5e490d760e723271acef897cf4e0247ca7cd44', name: "content" }))));
+    }
+    get el() { return index.getElement(this); }
+};
+NvTooltip.style = NvTooltipStyle0;
+
+exports.nv_tooltip = NvTooltip;

package/dist/generated/components.js

@@ -141,8 +141,8 @@ export const NvDialogfooter = createComponent({
     elementClass: NvDialogfooterElement,
     react: React,
     events: {
-        onNvDialogCanceled: 'nvDialogCanceled',
-        onNvDialogPrimaryClicked: 'nvDialogPrimaryClicked'
+        onDialogCanceled: 'dialogCanceled',
+        onDialogPrimaryClicked: 'dialogPrimaryClicked'
     },
     defineCustomElement: defineNvDialogfooter
 });

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

@@ -80,8 +80,8 @@ type NvDialogEvents = {
 };
 export declare const NvDialog: StencilReactComponent<NvDialogElement, NvDialogEvents>;
 type NvDialogfooterEvents = {
-    onNvDialogCanceled: EventName<CustomEvent<void>>;
-    onNvDialogPrimaryClicked: EventName<CustomEvent<void>>;
+    onDialogCanceled: EventName<CustomEvent<void>>;
+    onDialogPrimaryClicked: EventName<CustomEvent<void>>;
 };
 export declare const NvDialogfooter: StencilReactComponent<NvDialogfooterElement, NvDialogfooterEvents>;
 type NvDialogheaderEvents = NonNullable<unknown>;
@@ -109,8 +109,6 @@ type NvFielddropdownitemEvents = {
     onDropdownItemSelected: EventName<CustomEvent<{
         label?: string;
         value: string;
-        selected: boolean;
-        disabled: boolean;
     }>>;
 };
 export declare const NvFielddropdownitem: StencilReactComponent<NvFielddropdownitemElement, NvFielddropdownitemEvents>;

package/package.json

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