@nvidia-elements/core 0.2.3 → 2.0.0

package/dist/custom-elements-jsx.d.ts

@@ -389,7 +389,8 @@ export type ButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -569,10 +570,6 @@ export type ComboboxProps = {
   /** Demonstrates different container styles to accommodate visual weight and context.
 - `flat` Element has white space bounds but reduced visual container. */
   container?: "flat";
-  /** @deprecated Use `tagLayout = 'hidden'` or `tag-layout="hidden"` instead.
-
-Disable rendering of inline tags for many-item select */
-  notags?: boolean;
   /** Manage inline tag rendering for many-item select */
   "tag-layout"?: "hidden" | "wrap";
   /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
@@ -643,7 +640,8 @@ export type CopyButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -995,7 +993,8 @@ export type DropzoneProps = {
   "max-file-size"?: number;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -1595,7 +1594,8 @@ Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -2039,7 +2039,8 @@ export type MenuItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -2235,13 +2236,6 @@ export type PagePanelProps = {
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
   size?: "sm" | "md" | "lg" | "default";
-  /** @deprecated use the `actions` slot instead - Indicates whether the user can dismiss or close the element.
-- `true` The element displays a close control and the user can dismiss it.
-
-- `false` The user cannot close the element and must dismiss it programmatically. */
-  closable?: boolean;
-  /** @deprecated use the `actions` slot instead - Determines if a expandable button should render within page panel. */
-  expandable?: boolean;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 
@@ -2274,7 +2268,8 @@ export type PaginationProps = {
   container?: "flat" | "inline" | "default";
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2408,7 +2403,8 @@ export type PasswordProps = {
 export type PreferencesInputProps = {
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2637,7 +2633,8 @@ export type ResizeHandleProps = {
   step?: number;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2784,7 +2781,8 @@ export type SortButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -2988,7 +2986,8 @@ Demonstrates different container styles to accommodate visual weight and context
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3113,7 +3112,8 @@ export type TabsItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3210,7 +3210,8 @@ export type TagProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3365,7 +3366,7 @@ Determines if popover visibility behavior should be automatically controlled by
 - `success` Represents positive outcomes, confirmations, or constructive actions.
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "muted";
+  status?: "accent" | "warning" | "success" | "danger";
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 
@@ -3775,11 +3776,6 @@ export type CustomElements = {
    * - **--icon-width** - undefined _(default: undefined)_
    * - **--icon-height** - undefined _(default: undefined)_
    * - **--text-decoration** - undefined _(default: undefined)_
-   * - **--breadcrumb-height** - deprecated _(default: undefined)_
-   * - **--item-text-size** - deprecated _(default: undefined)_
-   * - **--item-color** - deprecated _(default: undefined)_
-   * - **--item-active-color** - deprecated _(default: undefined)_
-   * - **--item-active-font-weight** - deprecated _(default: undefined)_
    */
   "nve-breadcrumb": Partial<BreadcrumbProps & BaseProps & BaseEvents>;
 
@@ -5089,9 +5085,6 @@ export type CustomElements = {
    * - **--max-width** - undefined _(default: undefined)_
    * - **--max-height** - undefined _(default: undefined)_
    * - **--animation-duration** - Duration of panel open/close animations _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **icon-button** - The close/collapse icon button element
    */
   "nve-page-panel": Partial<PagePanelProps & BaseProps & BaseEvents>;
 
@@ -5164,7 +5157,7 @@ export type CustomElements = {
   "nve-pagination": Partial<PaginationProps & BaseProps & BaseEvents>;
 
   /**
-   * @deprecated use `nve-page-panel` with `nve-page` instead
+   * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead
    *
    * Displays the title, subtitle, and optional action controls at the top of a panel.
    * ---
@@ -5183,6 +5176,8 @@ export type CustomElements = {
   "nve-panel-header": Partial<PanelHeaderProps & BaseProps & BaseEvents>;
 
   /**
+   * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead
+   *
    * Contains the main body content within a panel, providing a structured region for detailed information.
    * ---
    *
@@ -5196,6 +5191,8 @@ export type CustomElements = {
   "nve-panel-content": Partial<PanelContentProps & BaseProps & BaseEvents>;
 
   /**
+   * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead
+   *
    * Provides a designated area at the bottom of a panel for actions or supplementary controls.
    * ---
    *
@@ -5211,6 +5208,8 @@ export type CustomElements = {
   "nve-panel-footer": Partial<PanelFooterProps & BaseProps & BaseEvents>;
 
   /**
+   * @deprecated use `nve-page-panel` with `nve-page` instead
+   *
    * Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).
    * ---
    *
@@ -5799,10 +5798,6 @@ export type CustomElements = {
    *
    * ### **CSS Properties:**
    *  - **--font-size** - undefined _(default: undefined)_
-   * - **--border-width** - undefined _(default: undefined)_
-   * - **--border-height** - undefined _(default: undefined)_
-   * - **--border-top** - undefined _(default: undefined)_
-   * - **--border-background** - undefined _(default: undefined)_
    * - **--width** - undefined _(default: undefined)_
    * - **--padding** - undefined _(default: undefined)_
    * - **--font-size** - undefined _(default: undefined)_

package/dist/custom-elements-vue.d.ts

@@ -316,7 +316,8 @@ type ButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -496,10 +497,6 @@ type ComboboxProps = {
   /** Demonstrates different container styles to accommodate visual weight and context.
 - `flat` Element has white space bounds but reduced visual container. */
   container?: "flat";
-  /** @deprecated Use `tagLayout = 'hidden'` or `tag-layout="hidden"` instead.
-
-Disable rendering of inline tags for many-item select */
-  notags?: boolean;
   /** Manage inline tag rendering for many-item select */
   "tag-layout"?: "hidden" | "wrap";
   /** Enable creation of new options when the input value doesn't match any existing option. Dispatches a `create` event with `{ value }` detail. */
@@ -570,7 +567,8 @@ type CopyButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -922,7 +920,8 @@ type DropzoneProps = {
   "max-file-size"?: number;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -1522,7 +1521,8 @@ Only supported by expand-panel/collapse-panel (horizontal axis) and arrow/caret/
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -1966,7 +1966,8 @@ type MenuItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -2162,13 +2163,6 @@ type PagePanelProps = {
 
 - `lg` Larger size for emphasizing important elements or improving touch targets in spacious layouts. */
   size?: "sm" | "md" | "lg" | "default";
-  /** @deprecated use the `actions` slot instead - Indicates whether the user can dismiss or close the element.
-- `true` The element displays a close control and the user can dismiss it.
-
-- `false` The user cannot close the element and must dismiss it programmatically. */
-  closable?: boolean;
-  /** @deprecated use the `actions` slot instead - Determines if a expandable button should render within page panel. */
-  expandable?: boolean;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 
@@ -2201,7 +2195,8 @@ type PaginationProps = {
   container?: "flat" | "inline" | "default";
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2335,7 +2330,8 @@ type PasswordProps = {
 type PreferencesInputProps = {
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2564,7 +2560,8 @@ type ResizeHandleProps = {
   step?: number;
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
-  /**  */
+  /** Prevents the user from changing the control value.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** This Boolean attribute prevents the user from interacting with the element: it cannot receive press or focus events. [MDN](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled)
 - `true` The element has a disabled state and does not accept interaction.
@@ -2711,7 +2708,8 @@ type SortButtonProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -2915,7 +2913,8 @@ Demonstrates different container styles to accommodate visual weight and context
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3040,7 +3039,8 @@ type TabsItemProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3137,7 +3137,8 @@ type TagProps = {
 
 - `false` The associated content collapses and hides from the user. */
   expanded?: boolean;
-  /**  */
+  /** Like input readonly, sets a button semantically as visual treatment only.
+https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly */
   readonly?: boolean;
   /** Like input form, sets a button to submit a form outside its parent form.
 Returns a reference to the form element if available.
@@ -3292,7 +3293,7 @@ Determines if popover visibility behavior should be automatically controlled by
 - `success` Represents positive outcomes, confirmations, or constructive actions.
 
 - `danger` Signals destructive or irreversible actions that need extra attention and confirmation. */
-  status?: "accent" | "warning" | "success" | "danger" | "muted";
+  status?: "accent" | "warning" | "success" | "danger";
   /** Enables updating internal string values for internationalization. */
   i18n?: string;
 
@@ -3702,11 +3703,6 @@ export type CustomElements = {
    * - **--icon-width** - undefined _(default: undefined)_
    * - **--icon-height** - undefined _(default: undefined)_
    * - **--text-decoration** - undefined _(default: undefined)_
-   * - **--breadcrumb-height** - deprecated _(default: undefined)_
-   * - **--item-text-size** - deprecated _(default: undefined)_
-   * - **--item-color** - deprecated _(default: undefined)_
-   * - **--item-active-color** - deprecated _(default: undefined)_
-   * - **--item-active-font-weight** - deprecated _(default: undefined)_
    */
   "nve-breadcrumb": DefineComponent<BreadcrumbProps>;
 
@@ -5016,9 +5012,6 @@ export type CustomElements = {
    * - **--max-width** - undefined _(default: undefined)_
    * - **--max-height** - undefined _(default: undefined)_
    * - **--animation-duration** - Duration of panel open/close animations _(default: undefined)_
-   *
-   * ### **CSS Parts:**
-   *  - **icon-button** - The close/collapse icon button element
    */
   "nve-page-panel": DefineComponent<PagePanelProps>;
 
@@ -5091,7 +5084,7 @@ export type CustomElements = {
   "nve-pagination": DefineComponent<PaginationProps>;
 
   /**
-   * @deprecated use `nve-page-panel` with `nve-page` instead
+   * @deprecated use `nve-page-panel-header` with `nve-page-panel` instead
    *
    * Displays the title, subtitle, and optional action controls at the top of a panel.
    * ---
@@ -5110,6 +5103,8 @@ export type CustomElements = {
   "nve-panel-header": DefineComponent<PanelHeaderProps>;
 
   /**
+   * @deprecated use `nve-page-panel-content` with `nve-page-panel` instead
+   *
    * Contains the main body content within a panel, providing a structured region for detailed information.
    * ---
    *
@@ -5123,6 +5118,8 @@ export type CustomElements = {
   "nve-panel-content": DefineComponent<PanelContentProps>;
 
   /**
+   * @deprecated use `nve-page-panel-footer` with `nve-page-panel` instead
+   *
    * Provides a designated area at the bottom of a panel for actions or supplementary controls.
    * ---
    *
@@ -5138,6 +5135,8 @@ export type CustomElements = {
   "nve-panel-footer": DefineComponent<PanelFooterProps>;
 
   /**
+   * @deprecated use `nve-page-panel` with `nve-page` instead
+   *
    * Panel is inline container for content that couples to the content on the page (details, extra actions/options). Or [Drawer](./docs/elements/drawer/) is out of context of the rest of the page (notifications, navigations, settings).
    * ---
    *
@@ -5726,10 +5725,6 @@ export type CustomElements = {
    *
    * ### **CSS Properties:**
    *  - **--font-size** - undefined _(default: undefined)_
-   * - **--border-width** - undefined _(default: undefined)_
-   * - **--border-height** - undefined _(default: undefined)_
-   * - **--border-top** - undefined _(default: undefined)_
-   * - **--border-background** - undefined _(default: undefined)_
    * - **--width** - undefined _(default: undefined)_
    * - **--padding** - undefined _(default: undefined)_
    * - **--font-size** - undefined _(default: undefined)_