@momentum-design/components 0.118.3 → 0.118.4

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

@@ -44,11 +44,11 @@ import type { Events as EventsInherited } from '../../components/accordionbutton
  * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.
  * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.
  *
+ * @csspart body-section - The body section of the accordion.
  * @csspart header-section - The header section of the accordion.
  * @csspart leading-header - The leading header of the accordion.
  * @csspart trailing-header - The trailing header of the accordion.
  * @csspart trailing-header__button - The trailing header button of the accordion.
- * @csspart body-section - The body section of the accordion.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onShown: EventName<EventsInherited["onShownEvent"]>;

package/dist/react/accordion/index.js

@@ -45,11 +45,11 @@ import { TAG_NAME } from '../../components/accordion/accordion.constants';
  * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion.
  * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion.
  *
+ * @csspart body-section - The body section of the accordion.
  * @csspart header-section - The header section of the accordion.
  * @csspart leading-header - The leading header of the accordion.
  * @csspart trailing-header - The trailing header of the accordion.
  * @csspart trailing-header__button - The trailing header button of the accordion.
- * @csspart body-section - The body section of the accordion.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -40,12 +40,12 @@ import type { Events } from '../../components/accordionbutton/accordionbutton.ty
  * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.
  * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.
  *
- * @csspart header-section - The header section of the accordion button.
+ * @csspart body-section - The body section of the accordion button.
  * @csspart header-button-section - The header button section of the accordion button.
+ * @csspart header-section - The header section of the accordion button.
  * @csspart leading-header - The leading header of the accordion button.
  * @csspart trailing-header - The trailing header of the accordion button.
  * @csspart trailing-header__icon - The trailing header icon of the accordion button.
- * @csspart body-section - The body section of the accordion button.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onShown: EventName<Events["onShownEvent"]>;

package/dist/react/accordionbutton/index.js

@@ -41,12 +41,12 @@ import { TAG_NAME } from '../../components/accordionbutton/accordionbutton.const
  * @cssproperty --mdc-accordionbutton-active-color - The active color of the accordion button.
  * @cssproperty --mdc-accordionbutton-disabled-color - The disabled color of the accordion button.
  *
- * @csspart header-section - The header section of the accordion button.
+ * @csspart body-section - The body section of the accordion button.
  * @csspart header-button-section - The header button section of the accordion button.
+ * @csspart header-section - The header section of the accordion button.
  * @csspart leading-header - The leading header of the accordion button.
  * @csspart trailing-header - The trailing header of the accordion button.
  * @csspart trailing-header__icon - The trailing header icon of the accordion button.
- * @csspart body-section - The body section of the accordion button.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -32,6 +32,16 @@ import Component from '../../components/badge';
  * @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
  * @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
  * @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
+ *
+ * @csspart badge-dot - The dot notification badge.
+ * @csspart badge-icon - The icon badge.
+ * @csspart badge-icon__error - The error icon badge.
+ * @csspart badge-icon__primary - The primary icon badge.
+ * @csspart badge-icon__secondary - The secondary icon badge.
+ * @csspart badge-icon__success - The success icon badge.
+ * @csspart badge-icon__warning - The warning icon badge.
+ * @csspart badge-overlay - The overlay badge.
+ * @csspart badge-text - The text badge.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/badge/index.js

@@ -35,6 +35,16 @@ import { TAG_NAME } from '../../components/badge/badge.constants';
  * @cssproperty --mdc-badge-error-foreground-color - The foreground color of the error badge.
  * @cssproperty --mdc-badge-error-background-color - The background color of the error badge.
  * @cssproperty --mdc-badge-overlay-background-color - The background color of the badge overlay.
+ *
+ * @csspart badge-dot - The dot notification badge.
+ * @csspart badge-icon - The icon badge.
+ * @csspart badge-icon__error - The error icon badge.
+ * @csspart badge-icon__primary - The primary icon badge.
+ * @csspart badge-icon__secondary - The secondary icon badge.
+ * @csspart badge-icon__success - The success icon badge.
+ * @csspart badge-icon__warning - The warning icon badge.
+ * @csspart badge-overlay - The overlay badge.
+ * @csspart badge-text - The text badge.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -11,6 +11,8 @@ import Component from '../../components/buttongroup';
  * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
  * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
  * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
+ *
+ * @csspart container - The container of the buttongroup.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/buttongroup/index.js

@@ -14,6 +14,8 @@ import { TAG_NAME } from '../../components/buttongroup/buttongroup.constants';
  * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
  * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
  * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
+ *
+ * @csspart container - The container of the buttongroup.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -47,6 +47,13 @@ import type { Events } from '../../components/dialog/dialog.types';
  * @cssproperty --mdc-dialog-width - width of the dialog
  * @cssproperty --mdc-dialog-height - height of the dialog
  *
+ * @csspart body - The body section of the dialog.
+ * @csspart description-text - The description text of the dialog.
+ * @csspart dialog-close-btn - The close button of the dialog.
+ * @csspart header - The header of the dialog.
+ * @csspart header-section - The header section of the dialog.
+ * @csspart header-text - The header text of the dialog.
+ *
  * @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
  * @slot dialog-body - Slot for the dialog body content
  * @slot footer-link - This slot is for passing `mdc-link` component within the footer section.

package/dist/react/dialog/index.js

@@ -48,6 +48,13 @@ import { TAG_NAME } from '../../components/dialog/dialog.constants';
  * @cssproperty --mdc-dialog-width - width of the dialog
  * @cssproperty --mdc-dialog-height - height of the dialog
  *
+ * @csspart body - The body section of the dialog.
+ * @csspart description-text - The description text of the dialog.
+ * @csspart dialog-close-btn - The close button of the dialog.
+ * @csspart header - The header of the dialog.
+ * @csspart header-section - The header section of the dialog.
+ * @csspart header-text - The header text of the dialog.
+ *
  * @slot header-prefix - Slot for the dialog header content. This can be used to pass custom header content.
  * @slot dialog-body - Slot for the dialog body content
  * @slot footer-link - This slot is for passing `mdc-link` component within the footer section.

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
+export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
-export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';
@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
+export { default as Brandvisual } from './brandvisual';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -55,10 +55,10 @@ export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
+export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
-export { default as Progressspinner } from './progressspinner';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';

package/dist/react/index.js

@@ -1,6 +1,6 @@
+export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
-export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';
@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
+export { default as Brandvisual } from './brandvisual';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -55,10 +55,10 @@ export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
+export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
-export { default as Progressspinner } from './progressspinner';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
 export { default as Selectlistbox } from './selectlistbox';

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

@@ -10,6 +10,10 @@ import Component from '../../components/listheader';
  * @cssproperty --mdc-listheader-height - height of the header
  * @cssproperty --mdc-listheader-padding - padding around the header content
  * @cssproperty --mdc-listheader-gap - gap between content
+ *
+ * @csspart header-text - The header text of list header
+ * @csspart postfix-icon - The postfix icon of list header
+ * @csspart prefix-icon - The prefix icon of list header
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/listheader/index.js

@@ -13,6 +13,10 @@ import { TAG_NAME } from '../../components/listheader/listheader.constants';
  * @cssproperty --mdc-listheader-height - height of the header
  * @cssproperty --mdc-listheader-padding - padding around the header content
  * @cssproperty --mdc-listheader-gap - gap between content
+ *
+ * @csspart header-text - The header text of list header
+ * @csspart postfix-icon - The postfix icon of list header
+ * @csspart prefix-icon - The prefix icon of list header
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -44,6 +44,11 @@ import type { Events } from '../../components/listitem/listitem.types';
  * @cssproperty --mdc-listitem-width - Allows customization of the width of the list item.
  * @cssproperty --mdc-listitem-height - Allows customization of the height of the list item.
  *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-text - Allows customization of the trailing text part.
+ *
  * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.

package/dist/react/listitem/index.js

@@ -45,6 +45,11 @@ import { TAG_NAME } from '../../components/listitem/listitem.constants';
  * @cssproperty --mdc-listitem-width - Allows customization of the width of the list item.
  * @cssproperty --mdc-listitem-height - Allows customization of the height of the list item.
  *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-text - Allows customization of the trailing text part.
+ *
  * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.

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

@@ -37,6 +37,13 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
  * @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
  * @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
  * @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
+ *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<EventsInherited["onClickEvent"]>;

package/dist/react/menuitem/index.js

@@ -38,6 +38,13 @@ import { TAG_NAME } from '../../components/menuitem/menuitem.constants';
  * @event disabled - (React: onDisabled) This event is dispatched after the menuitem is disabled
  * @event created - (React: onCreated) This event is dispatched after the menuitem is created (added to the DOM)
  * @event destroyed - (React: onDestroyed) This event is dispatched after the menuitem is destroyed (removed from the DOM)
+ *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -44,6 +44,16 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
  * @event change - (React: onChange) This event is dispatched when the menuitemcheckbox changes.
  * @event click - (React: onClick) This event is dispatched when the menuitemcheckbox is clicked.
  * @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.
+ *
+ * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemcheckbox.
+ *
+ * @csspart checkmark-icon - Allows customization of the checkmark icon.
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/menuitemcheckbox/index.js

@@ -44,6 +44,16 @@ import { TAG_NAME } from '../../components/menuitemcheckbox/menuitemcheckbox.con
  * @event change - (React: onChange) This event is dispatched when the menuitemcheckbox changes.
  * @event click - (React: onClick) This event is dispatched when the menuitemcheckbox is clicked.
  * @event focus - (React: onFocus) This event is dispatched when the menuitemcheckbox receives focus.
+ *
+ * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemcheckbox.
+ *
+ * @csspart checkmark-icon - Allows customization of the checkmark icon.
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -46,6 +46,16 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
  * @event change - (React: onChange) This event is dispatched when the menuitemradio changes.
  * @event click - (React: onClick) This event is dispatched when the menuitemradio is clicked.
  * @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.
+ *
+ * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemradio.
+ *
+ * @csspart checkmark-icon - Allows customization of the checkmark icon.
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/menuitemradio/index.js

@@ -46,6 +46,16 @@ import { TAG_NAME } from '../../components/menuitemradio/menuitemradio.constants
  * @event change - (React: onChange) This event is dispatched when the menuitemradio changes.
  * @event click - (React: onClick) This event is dispatched when the menuitemradio is clicked.
  * @event focus - (React: onFocus) This event is dispatched when the menuitemradio receives focus.
+ *
+ * @cssproperty --mdc-listitem-padding-left-and-right - Controls the padding on the left and right of the menuitemradio.
+ *
+ * @csspart checkmark-icon - Allows customization of the checkmark icon.
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-arrow - Allows customization of leading arrow icon.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-arrow - Allows customization of trailing arrow icon.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -45,6 +45,10 @@ import type { Events as EventsInherited } from '../../components/popover/popover
  * @event action - (React: onAction) This event is dispatched when a menuItem selected and the menu closes.
  *
  * @slot default - Contains the menu items to be displayed in the popover
+ *
+ * @csspart popover-close - The close button of the menupopover.
+ * @csspart popover-content - The content of the menupopover.
+ * @csspart popover-hover-bridge - The hover bridge of the menupopover.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/menupopover/index.js

@@ -45,6 +45,10 @@ import { TAG_NAME } from '../../components/menupopover/menupopover.constants';
  * @event action - (React: onAction) This event is dispatched when a menuItem selected and the menu closes.
  *
  * @slot default - Contains the menu items to be displayed in the popover
+ *
+ * @csspart popover-close - The close button of the menupopover.
+ * @csspart popover-content - The content of the menupopover.
+ * @csspart popover-hover-bridge - The hover bridge of the menupopover.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -16,6 +16,11 @@ import type { Events } from '../../components/menusection/menusection.types';
  *
  * @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.
  * @event action - (React: onAction) This event is dispatched when a `menuitem` selected.
+ *
+ * @csspart header - The header of the menusection.
+ * @csspart align-header - The header of the menusection when it is aligned to the start.
+ * @csspart container - The container of the menusection.
+ * @csspart divider - The divider of the menusection.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/menusection/index.js

@@ -17,6 +17,11 @@ import { TAG_NAME } from '../../components/menusection/menusection.constants';
  *
  * @event change - (React: onChange) This event is dispatched when a `menuitemcheckbox`, or `menuitemradio` changes.
  * @event action - (React: onAction) This event is dispatched when a `menuitem` selected.
+ *
+ * @csspart header - The header of the menusection.
+ * @csspart align-header - The header of the menusection when it is aligned to the start.
+ * @csspart container - The container of the menusection.
+ * @csspart divider - The divider of the menusection.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -36,6 +36,12 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
  * @cssproperty --mdc-navmenuitem-disabled-background-color - Background color of the navmenuitem when disabled.
  * @cssproperty --mdc-navmenuitem-disabled-active-background-color - Background color of the active navmenuitem when disabled.
  * @cssproperty --mdc-navmenuitem-rest-active-background-color - Background color of the active nav item in its rest state.
+ *
+ * @csspart arrow - The arrow of the navmenuitem.
+ * @csspart badge - The badge of the navmenuitem.
+ * @csspart icon-container - The container of the icon.
+ * @csspart text-container - The container of the text.
+ * @csspart trailing-arrow - The trailing arrow of the navmenuitem.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onActiveChange: EventName<Events["onActiveChangeEvent"]>;

package/dist/react/navmenuitem/index.js

@@ -36,6 +36,12 @@ import { TAG_NAME } from '../../components/navmenuitem/navmenuitem.constants';
  * @cssproperty --mdc-navmenuitem-disabled-background-color - Background color of the navmenuitem when disabled.
  * @cssproperty --mdc-navmenuitem-disabled-active-background-color - Background color of the active navmenuitem when disabled.
  * @cssproperty --mdc-navmenuitem-rest-active-background-color - Background color of the active nav item in its rest state.
+ *
+ * @csspart arrow - The arrow of the navmenuitem.
+ * @csspart badge - The badge of the navmenuitem.
+ * @csspart icon-container - The container of the icon.
+ * @csspart text-container - The container of the text.
+ * @csspart trailing-arrow - The trailing arrow of the navmenuitem.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -9,6 +9,8 @@ import Component from '../../components/optgroup';
  * @slot default - This is a default slot for mdc-option elements.
  *
  * @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.
+ *
+ * @csspart header-text - The header text of the optgroup.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/optgroup/index.js

@@ -12,6 +12,8 @@ import { TAG_NAME } from '../../components/optgroup/optgroup.constants';
  * @slot default - This is a default slot for mdc-option elements.
  *
  * @cssproperty --mdc-optgroup-disabled-color - Allows customization of the disabled option color.
+ *
+ * @csspart header-text - The header text of the optgroup.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -25,6 +25,14 @@ import type { Events as EventsInherited } from '../../components/listitem/listit
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the option.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the option.
  * @event focus - (React: onFocus) This event is dispatched when the option receives focus.
+ *
+ * @cssproperty --mdc-listitem-column-gap - gap between columns in the option
+ * @cssproperty --mdc-option-icon-width - width of the icon in the option
+ *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<EventsInherited["onClickEvent"]>;

package/dist/react/option/index.js

@@ -26,6 +26,14 @@ import { TAG_NAME } from '../../components/option/option.constants';
  * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the option.
  * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the option.
  * @event focus - (React: onFocus) This event is dispatched when the option receives focus.
+ *
+ * @cssproperty --mdc-listitem-column-gap - gap between columns in the option
+ * @cssproperty --mdc-option-icon-width - width of the icon in the option
+ *
+ * @csspart leading - Allows customization of the leading part.
+ * @csspart leading-text - Allows customization of the leading text part.
+ * @csspart trailing - Allows customization of the trailing part.
+ * @csspart trailing-text - Allows customization of the trailing text part.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -35,6 +35,9 @@ import type { Events } from '../../components/popover/popover.types';
  *
  * @slot - Default slot for the popover content
  *
+ * @csspart popover-close - The close button of the popover.
+ * @csspart popover-content - The content of the popover.
+ * @csspart popover-hover-bridge - The hover bridge of the popover.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onShown: EventName<Events["onShownEvent"]>;

package/dist/react/popover/index.js

@@ -36,6 +36,9 @@ import { TAG_NAME } from '../../components/popover/popover.constants';
  *
  * @slot - Default slot for the popover content
  *
+ * @csspart popover-close - The close button of the popover.
+ * @csspart popover-content - The content of the popover.
+ * @csspart popover-hover-bridge - The hover bridge of the popover.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -25,6 +25,23 @@ import Component from '../../components/presence';
  * @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
  * @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
  * @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
+ *
+ * @csspart presence-content - The presence content.
+ * @csspart mdc-presence-icon - The presence icon.
+ * @csspart mdc-presence-icon__active - The presence icon for active.
+ * @csspart mdc-presence-icon__away - The presence icon for away.
+ * @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.
+ * @csspart mdc-presence-icon__busy - The presence icon for busy.
+ * @csspart mdc-presence-icon__dnd - The presence icon for dnd.
+ * @csspart mdc-presence-icon__meeting - The presence icon for meeting.
+ * @csspart mdc-presence-icon__on-call - The presence icon for on-call.
+ * @csspart mdc-presence-icon__on-device - The presence icon for on-device.
+ * @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.
+ * @csspart mdc-presence-icon__pause - The presence icon for pause.
+ * @csspart mdc-presence-icon__pto - The presence icon for pto.
+ * @csspart mdc-presence-icon__presenting - The presence icon for presenting.
+ * @csspart mdc-presence-icon__quiet - The presence icon for quiet.
+ * @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/presence/index.js

@@ -28,6 +28,23 @@ import { TAG_NAME } from '../../components/presence/presence.constants';
  * @cssproperty --mdc-presence-quiet-background-color - The background color of the presence type quiet.
  * @cssproperty --mdc-presence-scheduled-background-color - The background color of the presence type scheduled.
  * @cssproperty --mdc-presence-overlay-background-color - The background color of the presence type overlay.
+ *
+ * @csspart presence-content - The presence content.
+ * @csspart mdc-presence-icon - The presence icon.
+ * @csspart mdc-presence-icon__active - The presence icon for active.
+ * @csspart mdc-presence-icon__away - The presence icon for away.
+ * @csspart mdc-presence-icon__away-calling - The presence icon for away-calling.
+ * @csspart mdc-presence-icon__busy - The presence icon for busy.
+ * @csspart mdc-presence-icon__dnd - The presence icon for dnd.
+ * @csspart mdc-presence-icon__meeting - The presence icon for meeting.
+ * @csspart mdc-presence-icon__on-call - The presence icon for on-call.
+ * @csspart mdc-presence-icon__on-device - The presence icon for on-device.
+ * @csspart mdc-presence-icon__on-mobile - The presence icon for on-mobile.
+ * @csspart mdc-presence-icon__pause - The presence icon for pause.
+ * @csspart mdc-presence-icon__pto - The presence icon for pto.
+ * @csspart mdc-presence-icon__presenting - The presence icon for presenting.
+ * @csspart mdc-presence-icon__quiet - The presence icon for quiet.
+ * @csspart mdc-presence-icon__scheduled - The presence icon for scheduled.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -25,6 +25,14 @@ import Component from '../../components/progressbar';
  * @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.
  * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
  * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
+ *
+ * @csspart gap - The gap between the label and the progressbar.
+ * @csspart inline-label-container - The container of the label in inline variant.
+ * @csspart label-container - The container of the label in inline variant.
+ * @csspart percentage - The container of the label in inline variant.
+ * @csspart progress-bar - The container of the label in inline variant.
+ * @csspart progress-container - The container of the label in inline variant.
+ * @csspart remaining - The container of the remaining progressbar portion.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/progressbar/index.js

@@ -28,6 +28,14 @@ import { TAG_NAME } from '../../components/progressbar/progressbar.constants';
  * @cssproperty --mdc-progressbar-label-font-size - Font size of the label text.
  * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
  * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
+ *
+ * @csspart gap - The gap between the label and the progressbar.
+ * @csspart inline-label-container - The container of the label in inline variant.
+ * @csspart label-container - The container of the label in inline variant.
+ * @csspart percentage - The container of the label in inline variant.
+ * @csspart progress-bar - The container of the label in inline variant.
+ * @csspart progress-container - The container of the label in inline variant.
+ * @csspart remaining - The container of the remaining progressbar portion.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -25,6 +25,12 @@ import Component from '../../components/progressspinner';
  * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.
  * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.
  *
+ * @csspart error-icon - The error icon of the progressspinner.
+ * @csspart spinner-base - The base of the progressspinner.
+ * @csspart spinner-container - The container of the progressspinner.
+ * @csspart spinner-progress - The progress of the progressspinner.
+ * @csspart spinner-track - The track of the progressspinner.
+ * @csspart success-icon - The success icon of the progressspinner.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/progressspinner/index.js

@@ -28,6 +28,12 @@ import { TAG_NAME } from '../../components/progressspinner/progressspinner.const
  * @cssproperty --mdc-progress-success-color - The color of the spinner when in success state.
  * @cssproperty --mdc-progress-error-color - The color of the spinner when in error state.
  *
+ * @csspart error-icon - The error icon of the progressspinner.
+ * @csspart spinner-base - The base of the progressspinner.
+ * @csspart spinner-container - The container of the progressspinner.
+ * @csspart spinner-progress - The progress of the progressspinner.
+ * @csspart spinner-track - The track of the progressspinner.
+ * @csspart success-icon - The success icon of the progressspinner.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,