@nova-design-system/nova-react 3.31.1-beta.1 → 3.31.2-beta.3

package/dist/cjs/{nv-split.entry-C6dPx365.js → nv-split.entry-TFxGWUX9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -326,7 +326,7 @@ const NvSplit = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'f50ca6495a138622ac8ab8713329cef7318982a3', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: 'fbc1a3606da521c05efdc2a5ef0cfbc295379b7a', name: "pane" }), index.h("slot", { key: '1b3a0df435d2ff8e6457bcead1e9116da84b3140', name: "gutter" }), index.h("slot", { key: 'b8bbb41801d7a9dd13fd50ddd780a64c2f6e4e7a' })));
+        return (index.h(index.Host, { key: '28c22828546ee5e31d7d07adb375d1e17780900a', "data-dragging": this.isDragging.toString() }, index.h("slot", { key: '47929d6f76777619c3856f5e14eafc82e3ed52d2', name: "pane" }), index.h("slot", { key: 'fa6f2edfc712cddc683f9099e8bcebf80d7b751a', name: "gutter" }), index.h("slot", { key: '30c0eeca863ddf3749f579498d5498c0a7d9a711' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-stack.entry-BfpeMdKQ.js → nv-stack.entry-Bh7oNRvH.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -23,7 +23,7 @@ const NvStack = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'bbbb833714e4855450b93ec56a878969699ffc4a', class: clsxChV9xqsO.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: 'df1ad621d3d9f8834848e8f4c5e717a83ebc8c9d' })));
+        return (index.h(index.Host, { key: 'a1ef1909df99c36b818bc66579a5ca6d9624e58a', class: clsxChV9xqsO.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: 'eee424b5481e90b80801fc86af83ae51e7749d6d' })));
     }
 };
 NvStack.style = nvStackCss();

package/dist/cjs/{nv-statusindicator.entry-g6l8mLE4.js → nv-statusindicator.entry-DZQ5jU9e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -34,7 +34,7 @@ const NvStatusindicator = class {
     //#region RENDER
     render() {
         const hasLabel = Boolean(this.label);
-        return (index.h(index.Host, { key: '47deb7af39321cdc397266b6618efc1e45d06302', class: clsxChV9xqsO.clsx(`status-${this.status}`, `emphasis-${this.emphasis}`), ...(!hasLabel ? { 'aria-label': this.status } : {}) }, index.h("nv-icon", { key: '9e2e8e9903c4ea4257d54c9fc286d0b94368066c', name: STATUS_ICONS[this.status], size: "xs", "aria-hidden": "true" }), hasLabel && index.h("span", { key: '0feef750f27a913158857fdd661a5847d7291816', class: "nv-statusindicator-label" }, this.label)));
+        return (index.h(index.Host, { key: 'd8cf80aa90c5dbedf5cddebd775d375f0bf6ef6f', class: clsxChV9xqsO.clsx(`status-${this.status}`, `emphasis-${this.emphasis}`), ...(!hasLabel ? { 'aria-label': this.status } : {}) }, index.h("nv-icon", { key: 'ecaed029da1ef6af10ad50ab0ddd3fec0a5c3d31', name: STATUS_ICONS[this.status], size: "xs", "aria-hidden": "true" }), hasLabel && index.h("span", { key: 'a094dc720a8bdc5efcac8c9c1111374fc87816ea', class: "nv-statusindicator-label" }, this.label)));
     }
 };
 NvStatusindicator.style = nvStatusindicatorCss();

package/dist/cjs/{nv-table.entry-COq1iQnL.js → nv-table.entry-zgAnu_aK.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -236,7 +236,7 @@ const NvTable = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'b5e48658bf7af1793298acc73edbc1473f535397' }, index.h("slot", { key: 'd3893f308eb48d8fc0854c121f3edd2b23405a3e' })));
+        return (index.h(index.Host, { key: '3df49803ba847db54f5d485b1bcd939b8a19aeb8' }, index.h("slot", { key: '43ded7aea3327caaced0acd07966b0ca32784440' })));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/{nv-tableheader.entry-H0_nYDYI.js → nv-tableheader.entry-DA639Bgy.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -43,7 +44,7 @@ const NvTableheader = class {
     handleKeyDown(event) {
         if (!this.sortable)
             return;
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (accessibility_utilsC4Cy9iy8.isToggleKey(event.key)) {
             event.preventDefault();
             this.cycleSortDirection();
         }
@@ -62,7 +63,7 @@ const NvTableheader = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '729de448df598764070ba87ec85efc66ab2b9195', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '50b91ac2025ef216b120757a5d6848950f4fc76f' }), this.sortable && (index.h("span", { key: '61e8b7a4473b0f6f248f6966477c7358370fc228', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '423b47f88ba4fc52a65bbd1fca3148aa21b4ca54', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
+        return (index.h(index.Host, { key: '51664d6db370f7bb22a031aa8a9edbc29bd653b5', role: "columnheader", "aria-sort": this.ariaSort, tabindex: this.sortable ? 0 : undefined, onKeyDown: this.handleKeyDown.bind(this), onClick: this.cycleSortDirection.bind(this) }, index.h("slot", { key: '196ddb958ea6b0e4d27268d9a32ea241b3e26539' }), this.sortable && (index.h("span", { key: '279282cba3643ef51a41d0ea34f315db4fd9be38', class: "sort-icon-wrap", "aria-hidden": "true" }, index.h("nv-iconbutton", { key: '69f4fda379fdbece57025bb6e1d206b88a255ad8', disableTabindex: true, name: "arrow-up", size: "xs", emphasis: this.sortDirection === 'none' ? 'lower' : 'low',
             // prevent mousedown from selecting text
             onMouseDown: (e) => e.preventDefault(), class: {
                 'is-none': this.sortDirection === 'none',

package/dist/cjs/{nv-tag.entry-Cd1HnUDM.js → nv-tag.entry-C2aYljq1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 require('@stencil/react-output-target/runtime');
 require('react');

package/dist/cjs/{nv-timetest.entry-mhbU0vGi.js → nv-timetest.entry-DgyhZ_ec.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var novaDatetimeCyL2J6O4 = require('./nova-datetime-CyL2J6O4-0Y9g3rfI.js');
 require('@stencil/react-output-target/runtime');
 require('react');
@@ -67,7 +67,7 @@ const NvTimetest = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '33ed55531736ead1e5cc19f6c2f1289a692f77d9' }, index.h("label", { key: 'f644f6dbd881d24f2ef0bc2aab7ce2ff69ad0837' }, "Start:", index.h("input", { key: '55d142d1ff69f6ebb0f7bed442a9f5b11f923b52', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '25abb5ef4a9a400a103f525538d2e57198c59d55' }, "End:", index.h("input", { key: '76fddac178659ac044d18023764f4d650134b69d', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: '21a93e0448417f2178e05c5f59b5d8f91df1c669' })));
+        return (index.h(index.Host, { key: 'fca1d9cc2dbb4709cd7621381dd6847d9eea8227' }, index.h("label", { key: 'dddf78b4c3f50b645c91cdf1d57fd78c07d0e23f' }, "Start:", index.h("input", { key: '40246bb99d14a1f852d67ebdffce36448d9c2edb', type: "time", step: "1", value: this.value?.start ?? '', onInput: this.handleStartChange })), index.h("label", { key: '86022907d2e31d56427fac0ebef19e561ffb5f5d' }, "End:", index.h("input", { key: 'c19a51da31a352a71a08811caccd4d0a7c8fb849', type: "time", step: "1", value: this.value?.end ?? '', onInput: this.handleEndChange })), index.h("slot", { key: 'c50aba949ff2a48fcee1249c6da496d232fb1ee7' })));
     }
 };
 NvTimetest.style = nvTimetestCss();

package/dist/cjs/{nv-toggle.entry-DR_EHjwR.js → nv-toggle.entry-HnXIWK6v.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 var clsxChV9xqsO = require('./clsx-ChV9xqsO-BtxeOLZW.js');
 var v4BdYh22OP = require('./v4-BdYh22OP-C1vaJ4yP.js');
 require('@stencil/react-output-target/runtime');
@@ -66,8 +66,8 @@ const NvToggle = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '88599bb11dc4506a3e2416d78eeb672116cee759', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: '07815a153cea26141cfc998c8337bc0933a82f29', class: "input-container" }, index.h("input", { key: '3329cbdeb237fb5eb26b590365ac75417d14b4af', 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: 'a88596dae72ba49bd6bfa1cd7c8b8a127edf550f', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'a9b5d6caec359f7b42a40fd8f8ca9133a5b9e425', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '5b823d72a6e114e695384b67597768398c50a86d', name: "label" }, this.label))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '13c23e6d70be4a2e6654a95d402b985d7b44116d', class: "description" }, index.h("slot", { key: '5a281af80d115ca0e8df5ffc01366fc113f33dc0', name: "description" }, this.description))))));
+        return (index.h(index.Host, { key: 'd6e831dca92210237a3030cf04975f31e2e2c0dd', class: clsxChV9xqsO.clsx(this.labelPlacement === 'before' && 'label-placement-before') }, index.h("div", { key: 'eb6abba696627da46e3229005a425196e5468ce7', class: "input-container" }, index.h("input", { key: 'b7c2dc3acd899fb85ab4f6af70469d7370d90f74', 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: 'eca25273a47ce736ccad50cca2d268f2ce244f05', class: "text-container" }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c602458370913dadd198c7b05c24927cd067a24f', htmlFor: this.inputId, class: clsxChV9xqsO.clsx(this.hideLabel && 'visually-hidden') }, index.h("slot", { key: '30a04d9d3642b81f3612dd187a70fbb666c721d0', name: "label" }, this.label))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '3d1c84edf97b0055c316c71ffe084dda85973436', class: "description" }, index.h("slot", { key: 'a14162023e1f6faeb3c713ff01eae212aa015ff9', name: "description" }, this.description))))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/{nv-togglebutton.entry-Dq_8pE_Q.js → nv-togglebutton.entry-DLgQwvYS.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
+var accessibility_utilsC4Cy9iy8 = require('./accessibility.utils-C4Cy9iy8-CeSsswXF.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -48,7 +49,7 @@ const NvTogglebutton = class {
     /****************************************************************************/
     //#region LISTENERS
     handleKeyDown(event) {
-        if (event.key === 'Enter' || event.key === ' ') {
+        if (accessibility_utilsC4Cy9iy8.isToggleKey(event.key)) {
             event.preventDefault();
             this.el.click();
         }
@@ -57,7 +58,7 @@ const NvTogglebutton = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'a8bc68a6b0d42e47d7875b40f355cf477f1106b2', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, index.h("slot", { key: '164faf0b2258f93055e53201e69a7d893dd239c2' })));
+        return (index.h(index.Host, { key: 'a56ab971d7bc599df65879f79247046b0369e3cd', role: "button", tabindex: "0", "aria-pressed": String(this.active), onClick: this.handleClick }, index.h("slot", { key: '21e528d9090d9d2015fbbd3e1d6631686e926507' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{nv-togglebuttongroup.entry-BvSlDwHV.js → nv-togglebuttongroup.entry-JtEebncS.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -156,7 +156,7 @@ const NvTogglebuttongroup = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: 'fb35370c2726543b4bd4198d7aa877b37231ee2f' }, index.h("slot", { key: 'ec1b09473ea963aea37139b96b298c90aa9443ee' })));
+        return (index.h(index.Host, { key: '14797a5ced5fb74254dcf05ae8e1673ada95fb10' }, index.h("slot", { key: '77a7dc8252103bf259c979b2a41fb3727503b7dd' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/{nv-tooltip.entry-DTE4NTCI.js → nv-tooltip.entry-CieHlmqB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CIduEXxx.js');
+var index = require('./index-DN55EpKb.js');
 require('@stencil/react-output-target/runtime');
 require('react');
 require('react-dom');
@@ -52,7 +52,7 @@ const NvTooltip = class {
     /****************************************************************************/
     //#region RENDER
     render() {
-        return (index.h(index.Host, { key: '8e1e44685881292043f98a33a5840131df0741e0' }, index.h("nv-popover", { key: 'f372df83fe03c6a6ca73c8ab739e8a808e4d3cba', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("p", { key: '7aecd95a851eb34fef77895b64fecd17696ab024', slot: "content" }, this.message), index.h("slot", { key: '1e3118779da63542fa09460d4ee075f0df6b57b3', name: "content" })), index.h("slot", { key: '21ed6408e0126c0fb33e7abed7aa023885f02998', ref: el => (this.defaultSlot = el) })));
+        return (index.h(index.Host, { key: '620c5961fe95f7623a65ceed07a7fb42306189ae' }, index.h("nv-popover", { key: 'a40db9e814ab527f57e625bf5c83c81fba9efe5e', ref: el => (this.popoverElement = el), triggerMode: "hover", hasArrow: true, placement: this.placement, strategy: this.strategy, groupName: 'tooltip', enterDelay: this.enterDelay, onOpenChanged: e => this.openChanged.emit(e.detail) }, index.h("p", { key: '8baf04ff0d82f385e9366e228a942062fca39e45', slot: "content" }, this.message), index.h("slot", { key: '7534cdbf49b6e9eb92156bc9b8bffb447172a273', name: "content" })), index.h("slot", { key: '6a8d93fda3f5e9b2b83c2e7a43356de8d4d5680e', ref: el => (this.defaultSlot = el) })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/generated/components.js

@@ -45,6 +45,7 @@ import { NvNotification as NvNotificationElement, defineCustomElement as defineN
 import { NvNotificationcontainer as NvNotificationcontainerElement, defineCustomElement as defineNvNotificationcontainer } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPaginationNav as NvPaginationNavElement, defineCustomElement as defineNvPaginationNav } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement, defineCustomElement as defineNvPaginationtable } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
+import { NvPill as NvPillElement, defineCustomElement as defineNvPill } from "@nova-design-system/nova-webcomponents/dist/components/nv-pill.js";
 import { NvPopover as NvPopoverElement, defineCustomElement as defineNvPopover } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement, defineCustomElement as defineNvRow } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvSidebar as NvSidebarElement, defineCustomElement as defineNvSidebar } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
@@ -440,6 +441,13 @@ export const NvPaginationtable = createComponent({
     },
     defineCustomElement: defineNvPaginationtable
 });
+export const NvPill = createComponent({
+    tagName: 'nv-pill',
+    elementClass: NvPillElement,
+    react: React,
+    events: { onToggled: 'toggled' },
+    defineCustomElement: defineNvPill
+});
 export const NvPopover = createComponent({
     tagName: 'nv-popover',
     elementClass: NvPopoverElement,

package/dist/generated/components.server.js

@@ -848,6 +848,20 @@ export const NvPaginationtable = createComponent({
     clientModule: clientComponents.NvPaginationtable,
     serializeShadowRoot
 });
+export const NvPill = createComponent({
+    tagName: 'nv-pill',
+    properties: {
+        label: 'label',
+        selected: 'selected',
+        disabled: 'disabled',
+        value: 'value',
+        leadingIcon: 'leading-icon',
+        pillAriaRole: 'pill-aria-role'
+    },
+    hydrateModule: import('@nova-design-system/nova-webcomponents/hydrate'),
+    clientModule: clientComponents.NvPill,
+    serializeShadowRoot
+});
 export const NvPopover = createComponent({
     tagName: 'nv-popover',
     properties: {

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

@@ -1,4 +1,4 @@
-import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPillCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -45,6 +45,7 @@ import { NvNotification as NvNotificationElement } from "@nova-design-system/nov
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPaginationNav as NvPaginationNavElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
+import { NvPill as NvPillElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pill.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
@@ -289,6 +290,14 @@ export type NvPaginationtableEvents = {
     onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
 };
 export declare const NvPaginationtable: StencilReactComponent<NvPaginationtableElement, NvPaginationtableEvents>;
+export type NvPillEvents = {
+    onToggled: EventName<NvPillCustomEvent<{
+        selected: boolean;
+        active: boolean;
+        value?: string;
+    }>>;
+};
+export declare const NvPill: StencilReactComponent<NvPillElement, NvPillEvents>;
 export type NvPopoverEvents = {
     onOpenChanged: EventName<NvPopoverCustomEvent<boolean>>;
 };

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

@@ -1,4 +1,4 @@
-import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
+import { type DateOnly, type NvAccordionCustomEvent, type NvAccordionItemCustomEvent, type NvAlertCustomEvent, type NvBadgeCustomEvent, type NvCalendarCustomEvent, type NvDatagridCustomEvent, type NvDatetestCustomEvent, type NvDatetimetestCustomEvent, type NvDialogCustomEvent, type NvDialogfooterCustomEvent, type NvDrawerCustomEvent, type NvDrawerfooterCustomEvent, type NvFieldcheckboxCustomEvent, type NvFielddateCustomEvent, type NvFielddaterangeCustomEvent, type NvFielddropdownCustomEvent, type NvFielddropdownitemCustomEvent, type NvFielddropdownitemcheckCustomEvent, type NvFieldmultiselectCustomEvent, type NvFieldnumberCustomEvent, type NvFieldpasswordCustomEvent, type NvFieldradioCustomEvent, type NvFieldselectCustomEvent, type NvFieldsliderCustomEvent, type NvFieldtextCustomEvent, type NvFieldtextareaCustomEvent, type NvFieldtimeCustomEvent, type NvMenuCustomEvent, type NvMenuitemCustomEvent, type NvNotificationCustomEvent, type NvPaginationNavCustomEvent, type NvPaginationtableCustomEvent, type NvPillCustomEvent, type NvPopoverCustomEvent, type NvSidebarCustomEvent, type NvSplitCustomEvent, type NvTableheaderCustomEvent, type NvTagCustomEvent, type NvTimetestCustomEvent, type NvToggleCustomEvent, type NvTogglebuttonCustomEvent, type NvTogglebuttongroupCustomEvent, type NvTooltipCustomEvent, type TimeOnly } from "@nova-design-system/nova-webcomponents";
 import { NvAccordionItem as NvAccordionItemElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion-item.js";
 import { NvAccordion as NvAccordionElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-accordion.js";
 import { NvAlert as NvAlertElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-alert.js";
@@ -45,6 +45,7 @@ import { NvNotification as NvNotificationElement } from "@nova-design-system/nov
 import { NvNotificationcontainer as NvNotificationcontainerElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-notificationcontainer.js";
 import { NvPaginationNav as NvPaginationNavElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pagination-nav.js";
 import { NvPaginationtable as NvPaginationtableElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-paginationtable.js";
+import { NvPill as NvPillElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-pill.js";
 import { NvPopover as NvPopoverElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-popover.js";
 import { NvRow as NvRowElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-row.js";
 import { NvSidebar as NvSidebarElement } from "@nova-design-system/nova-webcomponents/dist/components/nv-sidebar.js";
@@ -291,6 +292,14 @@ export type NvPaginationtableEvents = {
     onPageSizeChanged: EventName<NvPaginationtableCustomEvent<number>>;
 };
 export declare const NvPaginationtable: StencilReactComponent<NvPaginationtableElement, NvPaginationtableEvents>;
+export type NvPillEvents = {
+    onToggled: EventName<NvPillCustomEvent<{
+        selected: boolean;
+        active: boolean;
+        value?: string;
+    }>>;
+};
+export declare const NvPill: StencilReactComponent<NvPillElement, NvPillEvents>;
 export type NvPopoverEvents = {
     onOpenChanged: EventName<NvPopoverCustomEvent<boolean>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nova-design-system/nova-react",
-  "version": "3.31.1-beta.1",
+  "version": "3.31.2-beta.3",
   "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",
@@ -13,7 +13,8 @@
     "stories": "stories"
   },
   "files": [
-    "dist"
+    "dist",
+    "THIRD_PARTY_NOTICES.txt"
   ],
   "exports": {
     ".": {