@momentum-design/components 0.120.2 → 0.120.4

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

@@ -30,6 +30,17 @@ import type { Events } from '../../components/checkbox/checkbox.types';
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart checkbox-input - The native checkbox input element.
+ * @csspart text-container - The container for the label and helper text elements.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/checkbox/index.js

@@ -31,6 +31,17 @@ import { TAG_NAME } from '../../components/checkbox/checkbox.constants';
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart checkbox-input - The native checkbox input element.
+ * @csspart text-container - The container for the label and helper text elements.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -57,8 +57,16 @@ import type { Events } from '../../components/combobox/combobox.types';
  * @cssproperty --mdc-combobox-text-color-disabled - The text color of the combobox when disabled
  * @cssproperty --mdc-combobox-focused-border-color - The border color of the combobox when focused
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  * @csspart internal-native-input - The internal native input element of the combobox.
- * @csspart mdc-input - The input element of the combobox.
+ * @csspart input-text - The input element of the combobox.
  * @csspart no-result-text - The no result text element of the combobox.
  * @csspart combobox__base - The base container element of the combobox.
  * @csspart combobox__button - The button element of the combobox.

package/dist/react/combobox/index.js

@@ -58,8 +58,16 @@ import { TAG_NAME } from '../../components/combobox/combobox.constants';
  * @cssproperty --mdc-combobox-text-color-disabled - The text color of the combobox when disabled
  * @cssproperty --mdc-combobox-focused-border-color - The border color of the combobox when focused
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  * @csspart internal-native-input - The internal native input element of the combobox.
- * @csspart mdc-input - The input element of the combobox.
+ * @csspart input-text - The input element of the combobox.
  * @csspart no-result-text - The no result text element of the combobox.
  * @csspart combobox__base - The base container element of the combobox.
  * @csspart combobox__button - The button element of the combobox.

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

@@ -27,6 +27,17 @@ import Component from '../../components/formfieldgroup';
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - Formfieldgroup host container
+ * @csspart group-header - This contains the label and help text for the group
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/formfieldgroup/index.js

@@ -30,6 +30,17 @@ import { TAG_NAME } from '../../components/formfieldgroup/formfieldgroup.constan
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - Formfieldgroup host container
+ * @csspart group-header - This contains the label and help text for the group
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -15,6 +15,15 @@ import Component from '../../components/formfieldwrapper';
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/formfieldwrapper/index.js

@@ -18,6 +18,15 @@ import { TAG_NAME } from '../../components/formfieldwrapper/formfieldwrapper.con
  * @slot toggletip - Slot for the toggletip info icon button. If not provided, the `toggletip-text` property will be used to render the info icon button and toggletip.
  * @slot help-icon - Slot for the helper/validation icon. If not provided, the icon will be rendered based on the `helpTextType` property.
  * @slot help-text - Slot for the helper/validation text. If not provided, the `helpText` property will be used to render the helper/validation text.
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/dist/react/index.d.ts

@@ -61,10 +61,10 @@ export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
+export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as Selectlistbox } from './selectlistbox';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
@@ -74,10 +74,10 @@ export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
 export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
+export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
-export { default as TabList } from './tablist';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

package/dist/react/index.js

@@ -61,10 +61,10 @@ export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
+export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as Selectlistbox } from './selectlistbox';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
@@ -74,10 +74,10 @@ export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
 export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
+export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
-export { default as TabList } from './tablist';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

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

@@ -52,6 +52,20 @@ import type { Events } from '../../components/input/input.types';
  * @cssproperty --mdc-input-success-border-color - Border color for the input container when success
  * @cssproperty --mdc-input-primary-border-color - Border color for the input container when primary
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart leading-icon - The leading icon element that is displayed before the input field.
+ * @csspart prefix-text - The prefix text element that is displayed before the input field.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClear: EventName<Events["onClearEvent"]>;

package/dist/react/input/index.js

@@ -53,6 +53,20 @@ import { TAG_NAME } from '../../components/input/input.constants';
  * @cssproperty --mdc-input-success-border-color - Border color for the input container when success
  * @cssproperty --mdc-input-primary-border-color - Border color for the input container when primary
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart leading-icon - The leading icon element that is displayed before the input field.
+ * @csspart prefix-text - The prefix text element that is displayed before the input field.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -41,6 +41,18 @@ import type { Events as EventsInherited } from '../../components/input/input.typ
  * @cssproperty --mdc-input-success-border-color - Border color for the password container when success
  * @cssproperty --mdc-input-primary-border-color - Border color for the password container when primary
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onInput: EventName<EventsInherited["onInputEvent"]>;

package/dist/react/password/index.js

@@ -42,6 +42,18 @@ import { TAG_NAME } from '../../components/password/password.constants';
  * @cssproperty --mdc-input-success-border-color - Border color for the password container when success
  * @cssproperty --mdc-input-primary-border-color - Border color for the password container when primary
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -26,6 +26,12 @@ import Component from '../../components/progressbar';
  * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
  * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  * @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.

package/dist/react/progressbar/index.js

@@ -29,6 +29,12 @@ import { TAG_NAME } from '../../components/progressbar/progressbar.constants';
  * @cssproperty --mdc-progressbar-label-font-weight - Font weight of the label text.
  * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
  * @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.

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

@@ -27,6 +27,16 @@ import type { Events } from '../../components/radio/radio.types';
  * @cssproperty --mdc-radio-control-active-disabled-background - color of the radio button when active and disabled
  * @cssproperty --mdc-radio-control-inactive-disabled-background - color of the radio button when inactive and disabled
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart radio-input - The native radio input element.
+ * @csspart text-container - The container for the label and helper text elements.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/radio/index.js

@@ -28,6 +28,16 @@ import { TAG_NAME } from '../../components/radio/radio.constants';
  * @cssproperty --mdc-radio-control-active-disabled-background - color of the radio button when active and disabled
  * @cssproperty --mdc-radio-control-inactive-disabled-background - color of the radio button when inactive and disabled
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart radio-input - The native radio input element.
+ * @csspart text-container - The container for the label and helper text elements.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -17,6 +17,14 @@ import type { Events as EventsInherited } from '../../components/input/input.typ
  * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
  *
  * @slot filters - Slot for input chips
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart leading-icon - The leading icon element that is displayed before the input field.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onInput: EventName<EventsInherited["onInputEvent"]>;

package/dist/react/searchfield/index.js

@@ -18,6 +18,14 @@ import { TAG_NAME } from '../../components/searchfield/searchfield.constants';
  * @event clear - (React: onClear) This event is dispatched when the input text is cleared.
  *
  * @slot filters - Slot for input chips
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart leading-icon - The leading icon element that is displayed before the input field.
+ * @csspart input-container - The container for the input field, leading icon, prefix text, and trailing button elements.
+ * @csspart input-section - The container for the input field, leading icon, and prefix text elements.
+ * @csspart input-text - The input field element.
+ * @csspart trailing-button - The trailing button element that is displayed to clear the input field when the `trailingButton` property is set to true.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -45,6 +45,21 @@ import type { Events } from '../../components/select/select.types';
  * @cssproperty --mdc-select-width - The width of the select.
  * @cssproperty --mdc-select-listbox-height - The height of the listbox inside the select.
  * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - The container element that wraps the visual combobox and the dropdown icon.
+ * @csspart base-container - The container element that wraps the visual combobox, dropdown icon, and the popover.
+ * @csspart selected-icon - The icon element that is displayed next to the selected option in the dropdown list.
+ * @csspart base-text - The text element that displays the selected option or placeholder in the visual combobox.
+ * @csspart icon-container - The container element that wraps the dropdown icon.
+ * @csspart native-input - The native hidden input element.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/select/index.js

@@ -46,6 +46,21 @@ import { TAG_NAME } from '../../components/select/select.constants';
  * @cssproperty --mdc-select-width - The width of the select.
  * @cssproperty --mdc-select-listbox-height - The height of the listbox inside the select.
  * @cssproperty --mdc-select-listbox-width - The width of the listbox inside the select (default: `--mdc-select-width`).
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - The container element that wraps the visual combobox and the dropdown icon.
+ * @csspart base-container - The container element that wraps the visual combobox, dropdown icon, and the popover.
+ * @csspart selected-icon - The icon element that is displayed next to the selected option in the dropdown list.
+ * @csspart base-text - The text element that displays the selected option or placeholder in the visual combobox.
+ * @csspart icon-container - The container element that wraps the dropdown icon.
+ * @csspart native-input - The native hidden input element.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -21,6 +21,9 @@ import Component from '../../components/staticcheckbox';
  * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
  *
  * @csspart icon-container - The container for the checkbox icon.
+ * @csspart checkbox-icon - The checkbox icon.
+ *
+ * @slot - Default slot for adding label text.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/staticcheckbox/index.js

@@ -24,6 +24,9 @@ import { TAG_NAME } from '../../components/staticcheckbox/staticcheckbox.constan
  * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
  *
  * @csspart icon-container - The container for the checkbox icon.
+ * @csspart checkbox-icon - The checkbox icon.
+ *
+ * @slot - Default slot for adding label text.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -19,6 +19,10 @@ import Component from '../../components/staticradio';
  * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active
  * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button
  *  when active and disabled
+ *
+ * @csspart radio-icon - The radio icon.
+ *
+ * @slot - Default slot for the label of the radio.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/staticradio/index.js

@@ -22,6 +22,10 @@ import { TAG_NAME } from '../../components/staticradio/staticradio.constants';
  * @cssproperty --mdc-staticradio-control-active-color - color of the radio button when active
  * @cssproperty --mdc-staticradio-control-active-disabled-background - background color of the radio button
  *  when active and disabled
+ *
+ * @csspart radio-icon - The radio icon.
+ *
+ * @slot - Default slot for the label of the radio.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -25,6 +25,11 @@ import Component from '../../components/statictoggle';
  * @cssproperty --mdc-statictoggle-icon-color-disabled - Color of the icon in disabled state
  * @cssproperty --mdc-statictoggle-icon-background-color-normal - Background color of the icon in normal state
  * @cssproperty --mdc-statictoggle-icon-background-color-disabled - Background color of the icon in disabled state
+ *
+ * @csspart slider - The slider part of the toggle
+ * @csspart toggle-icon - The icon part of the toggle
+ *
+ * @slot - Default slot for adding label text.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/statictoggle/index.js

@@ -28,6 +28,11 @@ import { TAG_NAME } from '../../components/statictoggle/statictoggle.constants';
  * @cssproperty --mdc-statictoggle-icon-color-disabled - Color of the icon in disabled state
  * @cssproperty --mdc-statictoggle-icon-background-color-normal - Background color of the icon in normal state
  * @cssproperty --mdc-statictoggle-icon-background-color-disabled - Background color of the icon in disabled state
+ *
+ * @csspart slider - The slider part of the toggle
+ * @csspart toggle-icon - The icon part of the toggle
+ *
+ * @slot - Default slot for adding label text.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -50,7 +50,18 @@ import type { Events } from '../../components/textarea/textarea.types';
  * @cssproperty --mdc-textarea-focused-background-color - Background color for the textarea container when focused
  * @cssproperty --mdc-textarea-focused-border-color - Border color for the textarea container when focused
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart character-counter - The character counter element that is displayed when the `max-character-limit` property is set.
+ * @csspart textarea-footer - The container for the help text and character counter elements.
  * @csspart textarea-container - The textarea container
+ * @csspart textarea - The textarea field element.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onLimitExceeded: EventName<Events["onLimitExceededEvent"]>;

package/dist/react/textarea/index.js

@@ -51,7 +51,18 @@ import { TAG_NAME } from '../../components/textarea/textarea.constants';
  * @cssproperty --mdc-textarea-focused-background-color - Background color for the textarea container when focused
  * @cssproperty --mdc-textarea-focused-border-color - Border color for the textarea container when focused
  *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart character-counter - The character counter element that is displayed when the `max-character-limit` property is set.
+ * @csspart textarea-footer - The container for the help text and character counter elements.
  * @csspart textarea-container - The textarea container
+ * @csspart textarea - The textarea field element.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -30,6 +30,7 @@ import type { Events } from '../../components/toast/toast.types';
  * @csspart footer - The container for the toast's footer, including toggle and action buttons.
  * @csspart footer-button-toggle - The toggle button for showing/hiding detailed content.
  * @csspart toast-close-btn - The close button for the toast.
+ * @csspart has-footer-buttons - Applied to the footer when it contains buttons or a toggle button.
  *
  * @cssproperty --mdc-toast-background-color - Background color of the toast.
  * @cssproperty --mdc-toast-border-color - Border color of the toast.

package/dist/react/toast/index.js

@@ -31,6 +31,7 @@ import { TAG_NAME } from '../../components/toast/toast.constants';
  * @csspart footer - The container for the toast's footer, including toggle and action buttons.
  * @csspart footer-button-toggle - The toggle button for showing/hiding detailed content.
  * @csspart toast-close-btn - The close button for the toast.
+ * @csspart has-footer-buttons - Applied to the footer when it contains buttons or a toggle button.
  *
  * @cssproperty --mdc-toast-background-color - Background color of the toast.
  * @cssproperty --mdc-toast-border-color - Border color of the toast.

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

@@ -32,6 +32,17 @@ import type { Events } from '../../components/toggle/toggle.types';
  * @cssproperty --mdc-toggle-active-pressed-color - Background color of the active toggle in pressed state
  * @cssproperty --mdc-toggle-inactive-hover-color - Background color of the inactive toggle in hover state
  * @cssproperty --mdc-toggle-inactive-pressed-color - Background color of the inactive toggle in pressed state
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - The container element that wraps the toggle input.
+ * @csspart toggle-input - The native checkbox input element styled as a toggle switch.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/toggle/index.js

@@ -33,6 +33,17 @@ import { TAG_NAME } from '../../components/toggle/toggle.constants';
  * @cssproperty --mdc-toggle-active-pressed-color - Background color of the active toggle in pressed state
  * @cssproperty --mdc-toggle-inactive-hover-color - Background color of the inactive toggle in hover state
  * @cssproperty --mdc-toggle-inactive-pressed-color - Background color of the inactive toggle in pressed state
+ *
+ * @csspart label - The label element.
+ * @csspart label-text - The container for the label and required indicator elements.
+ * @csspart required-indicator - The required indicator element that is displayed next to the label when the `required` property is set to true.
+ * @csspart info-icon-btn - The info icon button element that is displayed next to the label when the `toggletip-text` property is set.
+ * @csspart label-toggletip - The toggletip element that is displayed when the info icon button is clicked.
+ * @csspart help-text - The helper/validation text element.
+ * @csspart helper-icon - The helper/validation icon element that is displayed next to the helper/validation text.
+ * @csspart help-text-container - The container for the helper/validation icon and text elements.
+ * @csspart container - The container element that wraps the toggle input.
+ * @csspart toggle-input - The native checkbox input element styled as a toggle switch.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/package.json

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