@nvidia-elements/core 2.2.3 → 2.3.0

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 2.3.0 (2026-08-07)
+
+* fix(cli): update dependencies ([ff596a1](https://github.com/NVIDIA/elements/commit/ff596a1))
+* fix(forms): respect event default prevention ([5618862](https://github.com/NVIDIA/elements/commit/5618862))
+* chore(ci): lint rules and skill for component registration and testing ([6c7fea0](https://github.com/NVIDIA/elements/commit/6c7fea0))
+* chore(ci): update metadata ([b7120bf](https://github.com/NVIDIA/elements/commit/b7120bf))
+* chore(docs): add component preview to card list ([c7e16a5](https://github.com/NVIDIA/elements/commit/c7e16a5))
+* chore(release): @nvidia-elements/forms-v2.0.6 [skip ci] ([c977b1a](https://github.com/NVIDIA/elements/commit/c977b1a))
+* feat(core): format-bytes ([bfd2e5e](https://github.com/NVIDIA/elements/commit/bfd2e5e))
+* feat(media): init ([859c8f9](https://github.com/NVIDIA/elements/commit/859c8f9))
+
 ## <small>2.2.3 (2026-08-05)</small>
 
 * fix(cli): workspace dependency ([5ecbd96](https://github.com/NVIDIA/elements/commit/5ecbd96))

package/dist/accordion/accordion2.js

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

package/dist/avatar/avatar2.js

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

package/dist/badge/badge2.js

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

package/dist/breadcrumb/breadcrumb2.js

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

package/dist/bundle.d.ts

@@ -21,6 +21,7 @@ import '@nvidia-elements/core/dropdown/define.js';
 import '@nvidia-elements/core/dropdown-group/define.js';
 import '@nvidia-elements/core/dropzone/define.js';
 import '@nvidia-elements/core/file/define.js';
+import '@nvidia-elements/core/format-bytes/define.js';
 import '@nvidia-elements/core/format-datetime/define.js';
 import '@nvidia-elements/core/format-number/define.js';
 import '@nvidia-elements/core/format-relative-time/define.js';
@@ -89,6 +90,7 @@ export * from '@nvidia-elements/core/dropdown';
 export * from '@nvidia-elements/core/dropdown-group';
 export * from '@nvidia-elements/core/dropzone';
 export * from '@nvidia-elements/core/file';
+export * from '@nvidia-elements/core/format-bytes';
 export * from '@nvidia-elements/core/format-datetime';
 export * from '@nvidia-elements/core/format-number';
 export * from '@nvidia-elements/core/format-relative-time';

package/dist/bundles/index.d.ts

@@ -1898,12 +1898,12 @@ export declare class MenuItem extends MenuItem_base {
 }
 /**
  * @element nve-dropdown
- * @description Generic dropdown element for rendering a variety of different content such as interactive navigation or form controls. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description Generic dropdown element for rendering a variety of different content such as interactive navigation or form controls.
  * @documentation https://nvidia.github.io/elements/docs/elements/dropdown/
  * @since 0.6.0
  * @entrypoint \@nvidia-elements/core/dropdown
- * @event beforetoggle - Dispatched on a popover just before showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/beforetoggle_event)
- * @event toggle - Dispatched on a popover element just after showing or hiding. [MDN](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/toggle_event)
+ * @event beforetoggle - Dispatched on a popover just before showing or hiding.
+ * @event toggle - Dispatched on a popover element just after showing or hiding.
  * @event open - Dispatched when the dropdown opens.
  * @event close - Dispatched when the dropdown closes.
  * @slot - default slot for dropdown content
@@ -2142,7 +2142,7 @@ export declare class Combobox extends Control implements ContainerElement {
 }
 /**
  * @element nve-toast
- * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description A contextual popup that displays a status. Toasts are [triggered](https://w3c.github.io/aria/#tooltip) by clicking, focusing, or tapping an element and cannot have interactive elements within them.
  * @documentation https://nvidia.github.io/elements/docs/elements/toast/
  * @since 0.6.0
  * @entrypoint \@nvidia-elements/core/toast
@@ -2234,7 +2234,7 @@ export declare class Toast extends LitElement {
 }
 /**
  * @element nve-tooltip
- * @description A contextual popup that displays a plaintext description. Tooltips are [triggered](https://w3c.github.io/aria/#tooltip) by hovering, focusing, or tapping an element and cannot have interactive elements within them. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description A contextual popup that displays a plaintext description. Trigger tooltips by hovering, focusing, or tapping an element and cannot have interactive elements within them.
  * @documentation https://nvidia.github.io/elements/docs/elements/tooltip/
  * @since 0.6.0
  * @entrypoint \@nvidia-elements/core/tooltip
@@ -2439,7 +2439,7 @@ export declare class Datetime extends Control implements ContainerElement {
 }
 /**
  * @element nve-dialog
- * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description Dialog is a component that appears above main content. A modal dialog displays critical information that requires user attention and interrupts user flow.
  * @documentation https://nvidia.github.io/elements/docs/elements/dialog/
  * @since 0.6.0
  * @entrypoint \@nvidia-elements/core/dialog
@@ -2635,7 +2635,7 @@ export declare class Dot extends LitElement {
 }
 /**
  * @element nve-drawer
- * @description Drawer are to display content that is out of context of the rest of the page (notifications, navigation, settings). Or use [Panel](./docs/elements/panel/) inline as its content couples with or closely relates to the content on the page (details, extra actions/options). [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description A drawer displays content separate from the rest of the page, such as notifications, navigation, and settings.
  * @documentation https://nvidia.github.io/elements/docs/elements/drawer/
  * @since 0.16.0
  * @entrypoint \@nvidia-elements/core/drawer
@@ -2906,6 +2906,58 @@ declare class File$1 extends Control {
 	};
 	connectedCallback(): void;
 }
+export type FormatBytesDisplay = "decimal" | "binary";
+export type FormatBytesUnit = "b" | "kb" | "mb" | "gb" | "tb" | "pb";
+export type FormatBytesUnitDisplay = "short" | "long";
+/**
+ * @element nve-format-bytes
+ * @description Formats a byte count as localized, human-readable decimal or binary units.
+ * @documentation https://nvidia.github.io/elements/docs/elements/format-bytes/
+ * @since 0.0.0
+ * @entrypoint \@nvidia-elements/core/format-bytes
+ * @slot - Numeric byte count to format (such as 1048576). Serves as fallback before hydration.
+ * @aria https://developer.mozilla.org/en-US/docs/Web/HTML/Element/data
+ */
+export declare class FormatBytes extends LitElement {
+	#private;
+	static styles: CSSResult[];
+	static readonly metadata: {
+		tag: string;
+		version: string;
+	};
+	/**
+	 * Optional byte count for values supplied by JavaScript or bound data.
+	 * By default, the component formats the element's text content, which also serves as the SSR fallback.
+	 * When both are present, this property takes precedence.
+	 */
+	value?: number;
+	/**
+	 * Unit system: 'decimal' uses powers of 1000 and 'binary' uses powers of 1024.
+	 */
+	display: FormatBytesDisplay;
+	/**
+	 * Optional unit magnitude. When omitted, the component selects a unit from the byte count.
+	 */
+	unit?: FormatBytesUnit;
+	/**
+	 * Unit label length: 'short' renders labels such as 'mb'; 'long' renders labels such as 'megabytes'.
+	 */
+	unitDisplay: FormatBytesUnitDisplay;
+	/**
+	 * Language tag (such as en-US or de-DE) used to format the number.
+	 * Defaults to document.documentElement.lang or the runtime default.
+	 */
+	locale?: string;
+	/**
+	 * Pad fraction output to at least this many digits.
+	 */
+	minimumFractionDigits?: number;
+	/**
+	 * Round fraction output to at most this many digits. Defaults to two effective digits after the decimal point.
+	 */
+	maximumFractionDigits?: number;
+	render(): TemplateResult<1>;
+}
 /**
  * @element nve-format-datetime
  * @description Formats a date/time value as localized text using the Intl.DateTimeFormat API. Renders inside a semantic time element.
@@ -3536,7 +3588,7 @@ export declare class Month extends Control implements ContainerElement {
 }
 /**
  * @element nve-notification
- * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status. [MDN Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API)
+ * @description Displays real time updates without interrupting the user's workflow to communicate an important message or status.
  * @documentation https://nvidia.github.io/elements/docs/elements/notification/
  * @since 0.6.0
  * @entrypoint \@nvidia-elements/core/notification