@nvidia-elements/core 2.13.0 → 2.15.0

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [2.15.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.14.0...@nvidia-elements/core-v2.15.0) (2026-10-09)
+
+### Features
+
+* **core:** drag handle ([cc6d5b1](https://github.com/NVIDIA/elements/commit/cc6d5b17aac74e65163d581d8525897762d714c2))
+
+### Bug Fixes
+
+* **forms:** missing key event check ([3854d5f](https://github.com/NVIDIA/elements/commit/3854d5fb614912eb225612bcdf308badc832093d))
+
+## [2.14.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.13.0...@nvidia-elements/core-v2.14.0) (2026-10-08)
+
+### Features
+
+* **core:** tree node prefix and suffix ([bc0f2f1](https://github.com/NVIDIA/elements/commit/bc0f2f13bbc4119b1941a8102d09e3eba41f278b))
+
+### Bug Fixes
+
+* **cli:** update dependencies ([2a84274](https://github.com/NVIDIA/elements/commit/2a842746f3cd4055ab53414dd263511d74bad10f))
+* **core:** nested background styles ([66d44e7](https://github.com/NVIDIA/elements/commit/66d44e7549f25f096d71c5fc662d805b4267bc72))
+
 ## [2.13.0](https://github.com/NVIDIA/elements/compare/@nvidia-elements/core-v2.12.2...@nvidia-elements/core-v2.13.0) (2026-10-08)
 
 ### Features

package/dist/accordion/accordion.js

@@ -1,5 +1,5 @@
 //#region src/accordion/accordion.css?inline
-var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--border-radius: 0;--header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--cursor: pointer;--transition: height var(--nve-ref-animation-duration-200) ease-in-out;width:100%;width:stretch;contain:none}[internal-host]{border-radius:var(--border-radius);background:var(--background);color:var(--color);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:start;height:100%}#header{cursor:var(--cursor);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--header-padding)}#content{display:block;height:0;transition:var(--transition)}:host(:state(expanded)) #content{height:auto;height:calc-size(max-content,size)}:host([container=\"inset\"]){--border-radius: var(--nve-ref-border-radius-md)}:host([container=\"flat\"]){--background: inherit}:host([disabled]){--cursor: not-allowed}:host([disabled]) ::slotted(nve-accordion-header){--cursor: not-allowed}:host(:not([disabled])) #header:hover nve-icon-button{--color: var(--nve-sys-text-emphasis-color)}nve-icon-button::part(icon){transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}";
+var e = ":host{--nve-sys-interaction-background: var(--nve-sys-interaction-background-200);--nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);--background: var(--nve-sys-layer-container-background);--color: var(--nve-sys-layer-canvas-color);--border-radius: 0;--header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);--cursor: pointer;--transition: height var(--nve-ref-animation-duration-200) ease-in-out;width:100%;width:stretch;contain:none}[internal-host]{border-radius:var(--border-radius);background:var(--background);color:var(--color);overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:start;height:100%}#header{cursor:var(--cursor);display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--header-padding)}#content{display:block;height:0;transition:var(--transition)}:host(:state(expanded)) #content{height:auto;height:calc-size(max-content,size)}:host([container=\"inset\"]){--border-radius: var(--nve-ref-border-radius-md)}:host([container=\"flat\"]){--background: inherit;--header-padding: var(--nve-ref-size-200) var(--nve-ref-size-400)}:host([container=\"flat\"]) ::slotted(nve-accordion-content){--padding: var(--nve-ref-size-50) var(--nve-ref-size-400) var(--nve-ref-size-300) var(--nve-ref-size-400)}:host([disabled]){--cursor: not-allowed}:host([disabled]) ::slotted(nve-accordion-header){--cursor: not-allowed}:host(:not([disabled])) #header:hover nve-icon-button{--color: var(--nve-sys-text-emphasis-color)}nve-icon-button::part(icon){transition:transform var(--nve-ref-animation-duration-200) cubic-bezier(.4,0,.2,1)}";
 //#endregion
 export { e as default };
 

package/dist/accordion/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","names":[],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback safari */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}
+{"version":3,"file":"accordion.js","names":[],"sources":["../../src/accordion/accordion.css?inline"],"sourcesContent":["/* SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved. */\n/* SPDX-License-Identifier: Apache-2.0 */\n\n:host {\n  --nve-sys-interaction-background: var(--nve-sys-interaction-background-200);\n  --nve-sys-interaction-field-background: var(--nve-sys-interaction-background-200);\n  --background: var(--nve-sys-layer-container-background);\n  --color: var(--nve-sys-layer-canvas-color);\n  --border-radius: 0;\n  --header-padding: var(--nve-ref-size-300) var(--nve-ref-size-400);\n  --cursor: pointer;\n  --transition: height var(--nve-ref-animation-duration-200) ease-in-out;\n  width: 100%; /* fallback safari */\n  width: stretch;\n  contain: none;\n}\n\n[internal-host] {\n  border-radius: var(--border-radius);\n  background: var(--background);\n  color: var(--color);\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  justify-content: start;\n  height: 100%;\n}\n\n#header {\n  cursor: var(--cursor);\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--header-padding);\n}\n\n#content {\n  display: block;\n  height: 0;\n  transition: var(--transition);\n}\n\n:host(:state(expanded)) #content {\n  /* fallback for browsers that do not support intrinsic sizing keywords with calc-size() */\n  height: auto;\n\n  /* https://developer.chrome.com/docs/css-ui/animate-to-height-auto#animate_to_and_from_intrinsic_sizing_keywords_with_calc-size */\n  height: calc-size(max-content, size);\n}\n\n:host([container='inset']) {\n  --border-radius: var(--nve-ref-border-radius-md);\n}\n\n:host([container='flat']) {\n  --background: inherit;\n  --header-padding: var(--nve-ref-size-200) var(--nve-ref-size-400);\n}\n\n:host([container='flat']) ::slotted(nve-accordion-content) {\n  --padding: var(--nve-ref-size-50) var(--nve-ref-size-400) var(--nve-ref-size-300) var(--nve-ref-size-400);\n}\n\n:host([disabled]) {\n  --cursor: not-allowed;\n}\n\n:host([disabled]) ::slotted(nve-accordion-header) {\n  --cursor: not-allowed;\n}\n\n:host(:not([disabled])) #header:hover nve-icon-button {\n  --color: var(--nve-sys-text-emphasis-color);\n}\n\nnve-icon-button::part(icon) {\n  transition: transform var(--nve-ref-animation-duration-200) cubic-bezier(0.4, 0, 0.2, 1);\n}\n"],"mappings":""}

package/dist/accordion/accordion2.js

@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	render() {
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "2.13.0",
+			version: "2.15.0",
 			children: [
 				b.metadata.tag,
 				x.metadata.tag,
@@ -120,7 +120,7 @@ var C = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-group",
-			version: "2.13.0",
+			version: "2.15.0",
 			children: [S.metadata.tag]
 		};
 	}

package/dist/alert/alert-group2.js

@@ -19,7 +19,7 @@ var f = class extends c {
 	static {
 		this.metadata = {
 			tag: "nve-alert-group",
-			version: "2.13.0",
+			version: "2.15.0",
 			children: [o.metadata.tag]
 		};
 	}

package/dist/alert/alert2.js

@@ -28,7 +28,7 @@ var v = class extends m {
 	static {
 		this.metadata = {
 			tag: "nve-alert",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	static {

package/dist/avatar/avatar-group2.js

@@ -10,7 +10,7 @@ var a = class extends r {
 	static {
 		this.metadata = {
 			tag: "nve-avatar-group",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	render() {

package/dist/avatar/avatar2.js

@@ -11,7 +11,7 @@ var s = class extends i {
 	static {
 		this.metadata = {
 			tag: "nve-avatar",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	render() {

package/dist/badge/badge2.js

@@ -25,7 +25,7 @@ var g = class extends f {
 	static {
 		this.metadata = {
 			tag: "nve-badge",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	static {

package/dist/breadcrumb/breadcrumb2.js

@@ -24,7 +24,7 @@ var m = class extends u {
 	static {
 		this.metadata = {
 			tag: "nve-breadcrumb",
-			version: "2.13.0"
+			version: "2.15.0"
 		};
 	}
 	static {

package/dist/bundle.d.ts

@@ -16,6 +16,7 @@ import '@nvidia-elements/core/datetime/define.js';
 import '@nvidia-elements/core/dialog/define.js';
 import '@nvidia-elements/core/divider/define.js';
 import '@nvidia-elements/core/dot/define.js';
+import '@nvidia-elements/core/drag-handle/define.js';
 import '@nvidia-elements/core/drawer/define.js';
 import '@nvidia-elements/core/dropdown/define.js';
 import '@nvidia-elements/core/dropdown-group/define.js';
@@ -87,6 +88,7 @@ export * from '@nvidia-elements/core/datetime';
 export * from '@nvidia-elements/core/dialog';
 export * from '@nvidia-elements/core/divider';
 export * from '@nvidia-elements/core/dot';
+export * from '@nvidia-elements/core/drag-handle';
 export * from '@nvidia-elements/core/drawer';
 export * from '@nvidia-elements/core/dropdown';
 export * from '@nvidia-elements/core/dropdown-group';

package/dist/bundles/index.d.ts

@@ -2731,6 +2731,36 @@ export declare class Dot extends LitElement {
 	render(): TemplateResult<1>;
 	connectedCallback(): void;
 }
+declare const DragHandle_base: ButtonFormControlMixinReturn<typeof LitElement>;
+/**
+ * @element nve-drag-handle
+ * @description A draggable grip button with a native drag preview. Activation toggles the pressed state; the application controls movement.
+ * @documentation https://nvidia.github.io/elements/docs/elements/drag-handle/
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/drag-handle
+ * @cssprop --cursor - The cursor over the handle.
+ * @cssprop --color - The grip color.
+ * @cssprop --width - The horizontal size of the pointer target.
+ * @cssprop --height - The vertical size of the pointer target.
+ * @cssprop --border-radius - The handle corner radius.
+ * @csspart icon - The fixed grip icon.
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+export declare class DragHandle extends DragHandle_base {
+	#private;
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+	};
+	static elementDefinitions: {
+		[Icon.metadata.tag]: typeof Icon;
+	};
+	constructor();
+	render(): TemplateResult<1>;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+}
 /**
  * @element nve-drawer
  * @description A drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.
@@ -5483,6 +5513,8 @@ export declare class Toolbar extends LitElement implements ContainerElement {
  * @command --close - use to close the node
  * @command --toggle - use to toggle open / closed state of the node
  * @slot - Use default slot for basic text content or nested <nve-tree-node> elements.
+ * @slot prefix - Use for prefix content before the node title.
+ * @slot suffix - Use for suffix content after the node title.
  * @slot content - Use only for extended long form content containing interactive elements or form inputs.
  * @cssprop --color
  * @cssprop --border-radius