@momentum-design/components 0.118.3 → 0.118.5

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

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

package/dist/react/staticcheckbox/index.js

@@ -23,6 +23,7 @@ import { TAG_NAME } from '../../components/staticcheckbox/staticcheckbox.constan
  * @cssproperty --mdc-staticcheckbox-icon-border-color - Default background color for an unselected checkbox.
  * @cssproperty --mdc-staticcheckbox-icon-color - Icon color for an unselected checkbox.
  *
+ * @csspart icon-container - The container for the checkbox icon.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -15,6 +15,7 @@ import Component from '../../components/staticchip';
  * @cssproperty --mdc-chip-border-color - The border color of the static chip.
  * @cssproperty --mdc-chip-background-color - The background color of the static chip.
  *
+ * @csspart label - The label of the static chip.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/staticchip/index.js

@@ -18,6 +18,7 @@ import { TAG_NAME } from '../../components/staticchip/staticchip.constants';
  * @cssproperty --mdc-chip-border-color - The border color of the static chip.
  * @cssproperty --mdc-chip-background-color - The background color of the static chip.
  *
+ * @csspart label - The label of the static chip.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -98,6 +98,11 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @cssproperty --mdc-tab-pill-inactive-background-color-normal - Background color for inactive pill tab in rest state.
  * @cssproperty --mdc-tab-pill-inactive-color - Text and icon color for inactive pill tab.
  * @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.
+ *
+ * @csspart container - The container of the tab.
+ * @csspart icon - The icon of the tab.
+ * @csspart indicator - The indicator of the tab.
+ * @csspart text - The text of the tab.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onActiveChange: EventName<Events["onActiveChangeEvent"]>;

package/dist/react/tab/index.js

@@ -98,6 +98,11 @@ import { TAG_NAME } from '../../components/tab/tab.constants';
  * @cssproperty --mdc-tab-pill-inactive-background-color-normal - Background color for inactive pill tab in rest state.
  * @cssproperty --mdc-tab-pill-inactive-color - Text and icon color for inactive pill tab.
  * @cssproperty --mdc-tab-pill-inactive-color-disabled - Text and icon color for inactive pill tab in disabled state.
+ *
+ * @csspart container - The container of the tab.
+ * @csspart icon - The icon of the tab.
+ * @csspart indicator - The indicator of the tab.
+ * @csspart text - The text of the tab.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -42,7 +42,9 @@ import type { Events } from '../../components/tablist/tablist.types';
  *
  * @cssproperty --mdc-tablist-gap - Gap between tabs
  * @cssproperty --mdc-tablist-width - Width of the tablist
- * @cssproperty  --mdc-tablist-arrow-button-margin - Margin value for the arrow button
+ * @cssproperty --mdc-tablist-arrow-button-margin - Margin value for the arrow button
+ *
+ * @csspart container - The tablist container.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onChange: EventName<Events["onChangeEvent"]>;

package/dist/react/tablist/index.js

@@ -43,7 +43,9 @@ import { TAG_NAME } from '../../components/tablist/tablist.constants';
  *
  * @cssproperty --mdc-tablist-gap - Gap between tabs
  * @cssproperty --mdc-tablist-width - Width of the tablist
- * @cssproperty  --mdc-tablist-arrow-button-margin - Margin value for the arrow button
+ * @cssproperty --mdc-tablist-arrow-button-margin - Margin value for the arrow button
+ *
+ * @csspart container - The tablist container.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -49,6 +49,8 @@ import type { Events } from '../../components/textarea/textarea.types';
  * @cssproperty --mdc-textarea-hover-background-color - Background color for the textarea container when hover
  * @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 textarea-container - The textarea container
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onLimitExceeded: EventName<Events["onLimitExceededEvent"]>;

package/dist/react/textarea/index.js

@@ -50,6 +50,8 @@ import { TAG_NAME } from '../../components/textarea/textarea.constants';
  * @cssproperty --mdc-textarea-hover-background-color - Background color for the textarea container when hover
  * @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 textarea-container - The textarea container
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -26,9 +26,6 @@ import type { Events } from '../../components/toggle/toggle.types';
  * @cssproperty --mdc-toggle-height - Height of the toggle
  * @cssproperty --mdc-toggle-width-compact - Width of the toggle when it's size is compact
  * @cssproperty --mdc-toggle-height-compact - Height of the toggle when it's size is compact
- * @cssproperty --mdc-toggle-label-lineheight - Line height of the toggle label
- * @cssproperty --mdc-toggle-label-fontsize - Font size of the toggle label
- * @cssproperty --mdc-toggle-label-fontweight - Font weight of the toggle label
  * @cssproperty --mdc-toggle-label-color-disabled - Color of the toggle label and help text in disabled state
  * @cssproperty --mdc-toggle-help-text-color - Color of the help text label
  * @cssproperty --mdc-toggle-active-hover-color - Background color of the active toggle in hover state

package/dist/react/toggle/index.js

@@ -27,9 +27,6 @@ import { TAG_NAME } from '../../components/toggle/toggle.constants';
  * @cssproperty --mdc-toggle-height - Height of the toggle
  * @cssproperty --mdc-toggle-width-compact - Width of the toggle when it's size is compact
  * @cssproperty --mdc-toggle-height-compact - Height of the toggle when it's size is compact
- * @cssproperty --mdc-toggle-label-lineheight - Line height of the toggle label
- * @cssproperty --mdc-toggle-label-fontsize - Font size of the toggle label
- * @cssproperty --mdc-toggle-label-fontweight - Font weight of the toggle label
  * @cssproperty --mdc-toggle-label-color-disabled - Color of the toggle label and help text in disabled state
  * @cssproperty --mdc-toggle-help-text-color - Color of the help text label
  * @cssproperty --mdc-toggle-active-hover-color - Background color of the active toggle in hover state

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

@@ -39,6 +39,7 @@ import type { Events } from '../../components/typewriter/typewriter.types';
  *
  * @csspart container - Container for the text element
  * @csspart text - The text element (forwarded to mdc-text)
+ * @csspart typewriter-hidden - The hidden typewriter text
  *
  * @event typing-complete - (React: onTypingComplete) Fired when the typewriter finishes typing all content.
  *   Detail: \{ finalContent: string \}

package/dist/react/typewriter/index.js

@@ -40,6 +40,7 @@ import { TAG_NAME } from '../../components/typewriter/typewriter.constants';
  *
  * @csspart container - Container for the text element
  * @csspart text - The text element (forwarded to mdc-text)
+ * @csspart typewriter-hidden - The hidden typewriter text
  *
  * @event typing-complete - (React: onTypingComplete) Fired when the typewriter finishes typing all content.
  *   Detail: \{ finalContent: string \}

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

@@ -14,6 +14,9 @@ import type { Events } from '../../components/virtualizedlist/virtualizedlist.ty
  * @event scroll - (React: onScroll) Event that gets called when user scrolls inside of list.
  *
  * @slot - Client side List with nested list items.
+ *
+ * @csspart container - The container of the virtualized list.
+ * @csspart scroll - The scrollable area of the virtualized list.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onScroll: EventName<Events["onScrollEvent"]>;

package/dist/react/virtualizedlist/index.js

@@ -15,6 +15,9 @@ import { TAG_NAME } from '../../components/virtualizedlist/virtualizedlist.const
  * @event scroll - (React: onScroll) Event that gets called when user scrolls inside of list.
  *
  * @slot - Client side List with nested list items.
+ *
+ * @csspart container - The container of the virtualized list.
+ * @csspart scroll - The scrollable area of the virtualized list.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/package.json

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