@nvidia-elements/core 2.0.2 → 2.0.4

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+## <small>2.0.4 (2026-07-08)</small>
+
+* chore(release): @nvidia-elements/forms-v2.0.2 [skip ci] ([35e1073](https://github.com/NVIDIA/elements/commit/35e1073))
+* fix(core): coordinate interest and popover interactions ([6f40256](https://github.com/NVIDIA/elements/commit/6f40256))
+* fix(forms): coordinate interest and popover interactions ([168f218](https://github.com/NVIDIA/elements/commit/168f218))
+
+## <small>2.0.3 (2026-07-08)</small>
+
+* fix(cli): correct case sensitive identifiers ([6c8cd2b](https://github.com/NVIDIA/elements/commit/6c8cd2b))
+* fix(cli): correct metadata description length limit ([1682f8d](https://github.com/NVIDIA/elements/commit/1682f8d))
+* fix(cli): improve skills validation ([fe42614](https://github.com/NVIDIA/elements/commit/fe42614))
+* fix(cli): version and updater checks ([e6979e0](https://github.com/NVIDIA/elements/commit/e6979e0))
+* fix(core): restore preferences input label capitalization ([45f9dd1](https://github.com/NVIDIA/elements/commit/45f9dd1))
+* fix(docs): iframe example paths ([eddbd96](https://github.com/NVIDIA/elements/commit/eddbd96))
+* fix(internals): add url length validation for url generation ([1bc197e](https://github.com/NVIDIA/elements/commit/1bc197e))
+* chore(ci): add slack release hook ([4a8fd85](https://github.com/NVIDIA/elements/commit/4a8fd85))
+* chore(ci): update installations via mise ([054992e](https://github.com/NVIDIA/elements/commit/054992e))
+* chore(docs): add adoption metrics generation and service ([29e3795](https://github.com/NVIDIA/elements/commit/29e3795))
+* chore(docs): fix base url paths ([f97acb6](https://github.com/NVIDIA/elements/commit/f97acb6))
+* chore(docs): fix url asset paths ([1cda122](https://github.com/NVIDIA/elements/commit/1cda122))
+* chore(docs): improved site metadata and tests ([c58c856](https://github.com/NVIDIA/elements/commit/c58c856))
+* chore(docs): update minification config ([0ff44a6](https://github.com/NVIDIA/elements/commit/0ff44a6))
+* chore(docs): update notice file ([21da17a](https://github.com/NVIDIA/elements/commit/21da17a))
+* chore(release): @nvidia-elements/cli-v2.1.1 [skip ci] ([4a0c00c](https://github.com/NVIDIA/elements/commit/4a0c00c))
+* chore(release): @nvidia-elements/cli-v2.1.2 [skip ci] ([089acec](https://github.com/NVIDIA/elements/commit/089acec))
+* chore(release): @nvidia-elements/cli-v2.1.3 [skip ci] ([a9a0571](https://github.com/NVIDIA/elements/commit/a9a0571))
+* chore(release): @nvidia-elements/cli-v2.1.4 [skip ci] ([5433ff2](https://github.com/NVIDIA/elements/commit/5433ff2))
+* chore(starters): cleanup starter readme and templates ([e2e225c](https://github.com/NVIDIA/elements/commit/e2e225c))
+* feat(starters): add htmx+go and fix go starter ([d2ecd86](https://github.com/NVIDIA/elements/commit/d2ecd86))
+
 ## <small>2.0.2 (2026-06-23)</small>
 
 * fix(core): memory leaks from connected callback states ([f49c0bd](https://github.com/NVIDIA/elements/commit/f49c0bd))

package/dist/accordion/accordion2.js

@@ -28,7 +28,7 @@ var b = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-header",
-			version: "2.0.2"
+			version: "2.0.4"
 		};
 	}
 	render() {
@@ -46,7 +46,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion-content",
-			version: "2.0.2"
+			version: "2.0.4"
 		};
 	}
 	render() {
@@ -62,7 +62,7 @@ var x = class extends g {
 	static {
 		this.metadata = {
 			tag: "nve-accordion",
-			version: "2.0.2",
+			version: "2.0.4",
 			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.0.2",
+			version: "2.0.4",
 			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.0.2",
+			version: "2.0.4",
 			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.0.2"
+			version: "2.0.4"
 		};
 	}
 	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.0.2"
+			version: "2.0.4"
 		};
 	}
 	render() {

package/dist/avatar/avatar.examples.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.examples.js","names":[],"sources":["../../src/avatar/avatar.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/avatar/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Avatar',\n  component: 'nve-avatar',\n};\n\n/**\n * @summary Basic avatar component with text initials, providing a simple way to represent users when profile images are unavailable.\n */\nexport const Default = {\n  render: () => html`\n    <nve-avatar>AV</nve-avatar>\n`};\n\n/**\n * @summary Avatar with profile image, offering personalized user representation and visual identity in interfaces.\n */\nexport const Image = {\n  render: () => html`\n    <nve-avatar>\n      <img src=\"static/images/test-image-1.svg\" alt=\"User Avatar\" />\n    </nve-avatar>\n`};\n\n/**\n * @summary Avatar with icons for representing system users, bots, or special account types with clear visual indicators.\n */\nexport const Icon = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar>\n        <nve-icon name=\"star\"></nve-icon>\n      </nve-avatar>\n        <nve-avatar>\n        <nve-icon name=\"person\"></nve-icon>\n      </nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Different avatar sizes to accommodate layout contexts from compact lists to prominent user profiles.\n * @tags test-case\n */\nexport const Size = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar size=\"sm\">AV</nve-avatar>\n      <nve-avatar>AV</nve-avatar>\n      <nve-avatar size=\"lg\">AV</nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Avatar group component for displaying many users with overflow indicator, ideal for team displays and collaboration interfaces.\n */\nexport const Group = {\n  render: () => html`\n    <nve-avatar-group>\n      <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n      <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n      <nve-avatar color=\"green-grass\">AV</nve-avatar>\n      <nve-avatar>+3</nve-avatar>\n    </nve-avatar-group>\n`};\n\n/**\n * @summary Comprehensive color palette for avatar backgrounds, enabling visual distinction and brand consistency across user representations.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n  <div nve-layout=\"row gap:sm align:wrap\">\n    <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n    <nve-avatar color=\"gray-slate\">AV</nve-avatar>\n    <nve-avatar color=\"gray-denim\">AV</nve-avatar>\n    <nve-avatar color=\"blue-indigo\">AV</nve-avatar>\n    <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n    <nve-avatar color=\"blue-sky\">AV</nve-avatar>\n    <nve-avatar color=\"teal-cyan\">AV</nve-avatar>\n    <nve-avatar color=\"green-mint\">AV</nve-avatar>\n    <nve-avatar color=\"teal-seafoam\">AV</nve-avatar>\n    <nve-avatar color=\"green-grass\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-amber\">AV</nve-avatar>\n    <nve-avatar color=\"orange-pumpkin\">AV</nve-avatar>\n    <nve-avatar color=\"red-tomato\">AV</nve-avatar>\n    <nve-avatar color=\"pink-magenta\">AV</nve-avatar>\n    <nve-avatar color=\"purple-plum\">AV</nve-avatar>\n    <nve-avatar color=\"purple-violet\">AV</nve-avatar>\n    <nve-avatar color=\"purple-lavender\">AV</nve-avatar>\n    <nve-avatar color=\"pink-rose\">AV</nve-avatar>\n    <nve-avatar color=\"green-jade\">AV</nve-avatar>\n    <nve-avatar color=\"lime-pear\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-nova\">AV</nve-avatar>\n    <nve-avatar color=\"brand-green\">AV</nve-avatar>\n   </div>\n  `\n}"],"mappings":";AAGA,IAAA,IAAS"}
+{"version":3,"file":"avatar.examples.js","names":[],"sources":["../../src/avatar/avatar.examples.ts"],"sourcesContent":["// SPDX-FileCopyrightText: Copyright (c) 2026 NVIDIA CORPORATION & AFFILIATES. All rights reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { html } from 'lit';\nimport '@nvidia-elements/core/avatar/define.js';\nimport '@nvidia-elements/core/icon/define.js';\n\nexport default {\n  title: 'Elements/Avatar',\n  component: 'nve-avatar',\n};\n\n/**\n * @summary Basic avatar component with text initials, providing a simple way to represent users when profile images are unavailable.\n */\nexport const Default = {\n  render: () => html`\n    <nve-avatar>AV</nve-avatar>\n`};\n\n/**\n * @summary Avatar with profile image, offering personalized user representation and visual identity in interfaces.\n */\nexport const Image = {\n  render: () => html`\n    <nve-avatar>\n      <img src=\"/static/images/test-image-1.svg\" alt=\"User Avatar\" />\n    </nve-avatar>\n`};\n\n/**\n * @summary Avatar with icons for representing system users, bots, or special account types with clear visual indicators.\n */\nexport const Icon = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar>\n        <nve-icon name=\"star\"></nve-icon>\n      </nve-avatar>\n        <nve-avatar>\n        <nve-icon name=\"person\"></nve-icon>\n      </nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Different avatar sizes to accommodate layout contexts from compact lists to prominent user profiles.\n * @tags test-case\n */\nexport const Size = {\n  render: () => html`\n    <div nve-layout=\"row gap:sm align:wrap\">\n      <nve-avatar size=\"sm\">AV</nve-avatar>\n      <nve-avatar>AV</nve-avatar>\n      <nve-avatar size=\"lg\">AV</nve-avatar>\n    </div>\n`};\n\n/**\n * @summary Avatar group component for displaying many users with overflow indicator, ideal for team displays and collaboration interfaces.\n */\nexport const Group = {\n  render: () => html`\n    <nve-avatar-group>\n      <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n      <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n      <nve-avatar color=\"green-grass\">AV</nve-avatar>\n      <nve-avatar>+3</nve-avatar>\n    </nve-avatar-group>\n`};\n\n/**\n * @summary Comprehensive color palette for avatar backgrounds, enabling visual distinction and brand consistency across user representations.\n * @tags test-case\n */\nexport const Color = {\n  render: () => html`\n  <div nve-layout=\"row gap:sm align:wrap\">\n    <nve-avatar color=\"red-cardinal\">AV</nve-avatar>\n    <nve-avatar color=\"gray-slate\">AV</nve-avatar>\n    <nve-avatar color=\"gray-denim\">AV</nve-avatar>\n    <nve-avatar color=\"blue-indigo\">AV</nve-avatar>\n    <nve-avatar color=\"blue-cobalt\">AV</nve-avatar>\n    <nve-avatar color=\"blue-sky\">AV</nve-avatar>\n    <nve-avatar color=\"teal-cyan\">AV</nve-avatar>\n    <nve-avatar color=\"green-mint\">AV</nve-avatar>\n    <nve-avatar color=\"teal-seafoam\">AV</nve-avatar>\n    <nve-avatar color=\"green-grass\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-amber\">AV</nve-avatar>\n    <nve-avatar color=\"orange-pumpkin\">AV</nve-avatar>\n    <nve-avatar color=\"red-tomato\">AV</nve-avatar>\n    <nve-avatar color=\"pink-magenta\">AV</nve-avatar>\n    <nve-avatar color=\"purple-plum\">AV</nve-avatar>\n    <nve-avatar color=\"purple-violet\">AV</nve-avatar>\n    <nve-avatar color=\"purple-lavender\">AV</nve-avatar>\n    <nve-avatar color=\"pink-rose\">AV</nve-avatar>\n    <nve-avatar color=\"green-jade\">AV</nve-avatar>\n    <nve-avatar color=\"lime-pear\">AV</nve-avatar>\n    <nve-avatar color=\"yellow-nova\">AV</nve-avatar>\n    <nve-avatar color=\"brand-green\">AV</nve-avatar>\n   </div>\n  `\n}\n"],"mappings":";AAGA,IAAA,IAAS"}

package/dist/avatar/avatar.examples.json

@@ -14,7 +14,7 @@
     {
       "id": "avatar-image",
       "name": "Image",
-      "template": "<nve-avatar>\n  <img src=\"static/images/test-image-1.svg\" alt=\"User Avatar\" />\n</nve-avatar>\n",
+      "template": "<nve-avatar>\n  <img src=\"/static/images/test-image-1.svg\" alt=\"User Avatar\" />\n</nve-avatar>\n",
       "summary": "Avatar with profile image, offering personalized user representation and visual identity in interfaces.",
       "description": "",
       "composition": false,

package/dist/avatar/avatar2.js

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

package/dist/badge/badge2.js

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

package/dist/breadcrumb/breadcrumb2.js

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

package/dist/bundles/index.d.ts

@@ -1572,9 +1572,7 @@ export declare class CardFooter extends LitElement {
  * @cssprop --line-height
  * @cssprop --overflow
  * @cssprop --top-offset - Vertical offset for aligning message with avatar
-
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/alert/
- * @stable false
  */
 export declare class ChatMessage extends LitElement {
 	static styles: CSSResult[];
@@ -2738,7 +2736,6 @@ export declare class DrawerHeader extends LitElement {
  * @cssprop --nve-dropdown-group-transition
  * @cssprop --arrow-transform - Transform applied to the popover arrow
  * @aria https://www.w3.org/WAI/ARIA/apg/patterns/menubar/
- * @stable false
  */
 export declare class DropdownGroup extends LitElement {
 	#private;
@@ -2773,7 +2770,6 @@ declare const Dropzone_base: FormControlMixinReturn<typeof LitElement, File[]>;
  * @slot content - default slot for content
  * @csspart icon - The upload icon element
  * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file
- * @stable false
  */
 export declare class Dropzone extends Dropzone_base {
 	#private;
@@ -2850,6 +2846,7 @@ declare class File$1 extends Control {
  * @since 0.0.0
  * @entrypoint \@nvidia-elements/core/format-datetime
  * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time
  */
 export declare class FormatDatetime extends LitElement {
 	#private;
@@ -2930,6 +2927,7 @@ export type SignDisplayOption = "auto" | "never" | "always" | "exceptZero";
  * @since 0.0.0
  * @entrypoint \@nvidia-elements/core/format-number
  * @slot - Numeric string to format (such as 1234567 or 1234.56). Serves as fallback before hydration.
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data
  */
 export declare class FormatNumber extends LitElement {
 	#private;
@@ -3009,6 +3007,7 @@ export declare class FormatNumber extends LitElement {
  * @since 0.0.0
  * @entrypoint \@nvidia-elements/core/format-relative-time
  * @slot - Date string to format (such as 2023-07-28T04:20:17.434Z). Serves as fallback before hydration.
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time
  */
 export declare class FormatRelativeTime extends LitElement {
 	#private;
@@ -5001,7 +5000,7 @@ export declare class Toggletip extends LitElement {
  * @cssprop --border-top
  * @cssprop --padding
  * @cssprop --gap
- *
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
 export declare class ToggletipFooter extends LitElement {
 	static styles: CSSResult[];
@@ -5022,7 +5021,7 @@ export declare class ToggletipFooter extends LitElement {
  * @cssprop --border-bottom
  * @cssprop --padding
  * @cssprop --border-radius
- *
+ * @aria https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/
  */
 export declare class ToggletipHeader extends LitElement {
 	static styles: CSSResult[];