@momentum-design/components 0.120.12 → 0.120.14

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

@@ -38,6 +38,14 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @csspart button-text - Text label of the button, passed in default slot
  * @csspart prefix - Content before the text label, passed in `prefix` slot
  * @csspart postfix - Content after the text label, passed in `postfix` slot
+ *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
+ * @cssproperty --mdc-button-line-height - Line height of the button text
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<EventsInherited["onClickEvent"]>;

package/dist/react/button/index.js

@@ -39,6 +39,14 @@ import { TAG_NAME } from '../../components/button/button.constants';
  * @csspart button-text - Text label of the button, passed in default slot
  * @csspart prefix - Content before the text label, passed in `prefix` slot
  * @csspart postfix - Content after the text label, passed in `postfix` slot
+ *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
+ * @cssproperty --mdc-button-line-height - Line height of the button text
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -26,6 +26,13 @@ import type { Events as EventsInherited } from '../../components/linksimple/link
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background color of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
+ * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<EventsInherited["onClickEvent"]>;

package/dist/react/buttonlink/index.js

@@ -27,6 +27,13 @@ import { TAG_NAME } from '../../components/buttonlink/buttonlink.constants';
  * @csspart button-text - The slot containing the buttonlink text.
  * @csspart postfix-icon - The postfix icon element.
  *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background color of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
+ * @cssproperty --mdc-button-line-height - Line height of the button text
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -12,6 +12,11 @@ import type { Events } from '../../components/buttonsimple/buttonsimple.types';
  * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
  *
  * @tagname mdc-buttonsimple
+ *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background color of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<Events["onClickEvent"]>;

package/dist/react/buttonsimple/index.js

@@ -13,6 +13,11 @@ import { TAG_NAME } from '../../components/buttonsimple/buttonsimple.constants';
  * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
  *
  * @tagname mdc-buttonsimple
+ *
+ * @cssproperty --mdc-button-height - Height for button size
+ * @cssproperty --mdc-button-background - Background color of the button
+ * @cssproperty --mdc-button-border-color - Borer color of the button
+ * @cssproperty --mdc-button-text-color - Text color of the button
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -19,6 +19,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @cssproperty --mdc-chip-color - The color of the chip.
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
+ * @cssproperty --mdc-button-height - Height for button size
  *
  * @csspart label - The label part of the chip.
  *

package/dist/react/chip/index.js

@@ -20,6 +20,7 @@ import { TAG_NAME } from '../../components/chip/chip.constants';
  * @cssproperty --mdc-chip-color - The color of the chip.
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
+ * @cssproperty --mdc-button-height - Height for button size
  *
  * @csspart label - The label part of the chip.
  *

package/dist/react/index.d.ts

@@ -1,12 +1,12 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
-export { default as Animation } from './animation';
+export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
+export { default as Animation } from './animation';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
-export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -60,10 +60,10 @@ export { default as Radio } from './radio';
 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 Select } from './select';
 export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

package/dist/react/index.js

@@ -1,12 +1,12 @@
 export { default as Accordion } from './accordion';
-export { default as AccordionGroup } from './accordiongroup';
 export { default as AccordionButton } from './accordionbutton';
-export { default as Animation } from './animation';
+export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
+export { default as Animation } from './animation';
+export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
-export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -60,10 +60,10 @@ export { default as Radio } from './radio';
 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 Select } from './select';
 export { default as Slider } from './slider';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';

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

@@ -29,6 +29,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.
  * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
+ * @cssproperty --mdc-button-height - Height for button size
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<EventsInherited["onClickEvent"]>;

package/dist/react/linkbutton/index.js

@@ -30,6 +30,7 @@ import { TAG_NAME } from '../../components/linkbutton/linkbutton.constants';
  * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.
  * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
+ * @cssproperty --mdc-button-height - Height for button size
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -34,6 +34,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
  *
  * @tagname mdc-tab
  *
+ * @cssproperty --mdc-button-height - Height for button size
  * @cssproperty --mdc-tab-content-gap - Gap between the badge(if provided), icon and text.
  * @cssproperty --mdc-tab-height - Height of the tab.
  * @cssproperty --mdc-tab-glass-active-background-color-disabled - Background color for active glass tab

package/dist/react/tab/index.js

@@ -34,6 +34,7 @@ import { TAG_NAME } from '../../components/tab/tab.constants';
  *
  * @tagname mdc-tab
  *
+ * @cssproperty --mdc-button-height - Height for button size
  * @cssproperty --mdc-tab-content-gap - Gap between the badge(if provided), icon and text.
  * @cssproperty --mdc-tab-height - Height of the tab.
  * @cssproperty --mdc-tab-glass-active-background-color-disabled - Background color for active glass tab

package/package.json

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