@momentum-design/components 0.134.15 → 0.134.16

package/dist/components/accordion/accordion.component.d.ts

@@ -1,32 +1,6 @@
 import type { CSSResult, PropertyValues } from 'lit';
 import AccordionButton from '../accordionbutton/accordionbutton.component';
 /**
- * An accordion is a vertically stacked component with a header and expandable/collapsible body section.
- * The header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.
- * Unlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.
- *
- * ## Header contains
- * - Optional prefix icon
- * - Header text (default H3, customizable via `data-aria-level`)
- * - Leading slot for controls (placed after header text)
- * - Trailing slot for controls (placed before expand/collapse button)
- * - Expand/collapse button (automatically positioned at the end)
- *
- * ## Body contains
- * - Default slot for any content
- *
- * The accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.
- * An accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.
- *
- * ## When to use
- * - Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.
- * - Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.
- *
- * ## Accessibility
- * - Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support
- * - Adjust `data-aria-level` based on heading hierarchy in your page
- * - Note: Screen readers may lose focus when toggling if accordion is expanded by default
- *
  * @tagname mdc-accordion
  *
  * @dependency mdc-button

package/dist/components/accordion/accordion.component.js

@@ -16,32 +16,6 @@ import { TOGGLE_POSITION } from '../accordionbutton/accordionbutton.constants';
 import { BUTTON_VARIANTS, ICON_BUTTON_SIZES } from '../button/button.constants';
 import styles from './accordion.styles';
 /**
- * An accordion is a vertically stacked component with a header and expandable/collapsible body section.
- * The header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.
- * Unlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.
- *
- * ## Header contains
- * - Optional prefix icon
- * - Header text (default H3, customizable via `data-aria-level`)
- * - Leading slot for controls (placed after header text)
- * - Trailing slot for controls (placed before expand/collapse button)
- * - Expand/collapse button (automatically positioned at the end)
- *
- * ## Body contains
- * - Default slot for any content
- *
- * The accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.
- * An accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.
- *
- * ## When to use
- * - Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.
- * - Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.
- *
- * ## Accessibility
- * - Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support
- * - Adjust `data-aria-level` based on heading hierarchy in your page
- * - Note: Screen readers may lose focus when toggling if accordion is expanded by default
- *
  * @tagname mdc-accordion
  *
  * @dependency mdc-button

package/dist/custom-elements.json

@@ -8,7 +8,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "An accordion is a vertically stacked component with a header and expandable/collapsible body section.\nThe header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.\nUnlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.\n\n## Header contains\n- Optional prefix icon\n- Header text (default H3, customizable via `data-aria-level`)\n- Leading slot for controls (placed after header text)\n- Trailing slot for controls (placed before expand/collapse button)\n- Expand/collapse button (automatically positioned at the end)\n\n## Body contains\n- Default slot for any content\n\nThe accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.\nAn accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.\n\n## When to use\n- Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.\n- Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.\n\n## Accessibility\n- Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support\n- Adjust `data-aria-level` based on heading hierarchy in your page\n- Note: Screen readers may lose focus when toggling if accordion is expanded by default",
+          "description": "",
           "name": "Accordion",
           "cssProperties": [
             {
@@ -592,7 +592,7 @@
             "module": "/src/components/accordionbutton/accordionbutton.component"
           },
           "tagName": "mdc-accordion",
-          "jsDoc": "/**\n * An accordion is a vertically stacked component with a header and expandable/collapsible body section.\n * The header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.\n * Unlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.\n *\n * ## Header contains\n * - Optional prefix icon\n * - Header text (default H3, customizable via `data-aria-level`)\n * - Leading slot for controls (placed after header text)\n * - Trailing slot for controls (placed before expand/collapse button)\n * - Expand/collapse button (automatically positioned at the end)\n *\n * ## Body contains\n * - Default slot for any content\n *\n * The accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.\n * An accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.\n *\n * ## When to use\n * - Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.\n * - Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.\n *\n * ## Accessibility\n * - Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support\n * - Adjust `data-aria-level` based on heading hierarchy in your page\n * - Note: Screen readers may lose focus when toggling if accordion is expanded by default\n *\n * @tagname mdc-accordion\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot leading-header-text - The leading header text slot of the accordion on the header section. Placed after the prefix icon.\n * @slot leading-controls - The leading controls slot of the accordion on the header section. Placed after the header text.\n * @slot trailing-controls - The trailing controls slot of the accordion on the header section. Placed before the expand/collapse button.\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion is toggled (expanded or collapsed).\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled text color of the accordion.\n *\n * @csspart body-section - The body section of the accordion.\n * @csspart header-section - The header section of the accordion.\n * @csspart leading-header - The leading header of the accordion.\n * @csspart leading-header-text - The leading header text of the accordion button.\n * @csspart trailing-header - The trailing header of the accordion.\n * @csspart toggle-button - The expand/collapse toggle button of the accordion.\n */",
+          "jsDoc": "/**\n * @tagname mdc-accordion\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-text\n *\n * @slot leading-header-text - The leading header text slot of the accordion on the header section. Placed after the prefix icon.\n * @slot leading-controls - The leading controls slot of the accordion on the header section. Placed after the header text.\n * @slot trailing-controls - The trailing controls slot of the accordion on the header section. Placed before the expand/collapse button.\n * @slot default - The default slot contains the body section of the accordion. User can place anything inside this body slot.\n *\n * @event shown - (React: onShown) This event is triggered when the accordion is toggled (expanded or collapsed).\n *\n * @cssproperty --mdc-accordionbutton-border-color - The border color of the accordion.\n * @cssproperty --mdc-accordionbutton-disabled-color - The disabled text color of the accordion.\n *\n * @csspart body-section - The body section of the accordion.\n * @csspart header-section - The header section of the accordion.\n * @csspart leading-header - The leading header of the accordion.\n * @csspart leading-header-text - The leading header text of the accordion button.\n * @csspart trailing-header - The trailing header of the accordion.\n * @csspart toggle-button - The expand/collapse toggle button of the accordion.\n */",
           "customElement": true
         }
       ],

package/dist/react/accordion/index.d.ts

@@ -2,32 +2,6 @@ import { type EventName } from '@lit/react';
 import Component from '../../components/accordion';
 import type { Events as EventsInherited } from '../../components/accordionbutton/accordionbutton.types';
 /**
- * An accordion is a vertically stacked component with a header and expandable/collapsible body section.
- * The header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.
- * Unlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.
- *
- * ## Header contains
- * - Optional prefix icon
- * - Header text (default H3, customizable via `data-aria-level`)
- * - Leading slot for controls (placed after header text)
- * - Trailing slot for controls (placed before expand/collapse button)
- * - Expand/collapse button (automatically positioned at the end)
- *
- * ## Body contains
- * - Default slot for any content
- *
- * The accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.
- * An accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.
- *
- * ## When to use
- * - Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.
- * - Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.
- *
- * ## Accessibility
- * - Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support
- * - Adjust `data-aria-level` based on heading hierarchy in your page
- * - Note: Screen readers may lose focus when toggling if accordion is expanded by default
- *
  * @tagname mdc-accordion
  *
  * @dependency mdc-button

package/dist/react/accordion/index.js

@@ -3,32 +3,6 @@ import { createComponent } from '@lit/react';
 import Component from '../../components/accordion';
 import { TAG_NAME } from '../../components/accordion/accordion.constants';
 /**
- * An accordion is a vertically stacked component with a header and expandable/collapsible body section.
- * The header displays a prefix icon, header text, optional control slots (leading and trailing), and a dedicated expand/collapse button.
- * Unlike `accordionbutton`, only the expand/collapse button is clickable and not the entire header.
- *
- * ## Header contains
- * - Optional prefix icon
- * - Header text (default H3, customizable via `data-aria-level`)
- * - Leading slot for controls (placed after header text)
- * - Trailing slot for controls (placed before expand/collapse button)
- * - Expand/collapse button (automatically positioned at the end)
- *
- * ## Body contains
- * - Default slot for any content
- *
- * The accordion supports different border styles through the `variant` attribute and different spacing through the `size` attribute.
- * An accordion can be disabled, which prevents all interactions including the expand/collapse button and any slotted controls.
- *
- * ## When to use
- * - Use `mdc-accordion` when you need additional interactive controls (chips, badges, buttons, icons) in the header.
- * - Use `mdc-accordionbutton` if you only need a simple clickable header without extra controls.
- *
- * ## Accessibility
- * - Always provide `open-button-aria-label` and `close-button-aria-label` for screen reader support
- * - Adjust `data-aria-level` based on heading hierarchy in your page
- * - Note: Screen readers may lose focus when toggling if accordion is expanded by default
- *
  * @tagname mdc-accordion
  *
  * @dependency mdc-button

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.134.15",
+  "version": "0.134.16",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"