@momentum-design/components 0.120.13 → 0.120.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/dist/browser/index.js +282 -251
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/button/button.component.d.ts +8 -0
  4. package/dist/components/button/button.component.js +8 -0
  5. package/dist/components/button/button.styles.js +152 -116
  6. package/dist/components/buttonlink/buttonlink.component.d.ts +7 -0
  7. package/dist/components/buttonlink/buttonlink.component.js +7 -0
  8. package/dist/components/buttonlink/buttonlink.styles.js +2 -2
  9. package/dist/components/buttonsimple/buttonsimple.component.d.ts +5 -0
  10. package/dist/components/buttonsimple/buttonsimple.component.js +5 -0
  11. package/dist/components/buttonsimple/buttonsimple.styles.js +20 -25
  12. package/dist/components/chip/chip.component.d.ts +1 -0
  13. package/dist/components/chip/chip.component.js +1 -0
  14. package/dist/components/linkbutton/linkbutton.component.d.ts +1 -0
  15. package/dist/components/linkbutton/linkbutton.component.js +1 -0
  16. package/dist/components/tab/tab.component.d.ts +1 -0
  17. package/dist/components/tab/tab.component.js +1 -0
  18. package/dist/custom-elements.json +399 -83
  19. package/dist/react/button/index.d.ts +8 -0
  20. package/dist/react/button/index.js +8 -0
  21. package/dist/react/buttonlink/index.d.ts +7 -0
  22. package/dist/react/buttonlink/index.js +7 -0
  23. package/dist/react/buttonsimple/index.d.ts +5 -0
  24. package/dist/react/buttonsimple/index.js +5 -0
  25. package/dist/react/chip/index.d.ts +1 -0
  26. package/dist/react/chip/index.js +1 -0
  27. package/dist/react/linkbutton/index.d.ts +1 -0
  28. package/dist/react/linkbutton/index.js +1 -0
  29. package/dist/react/tab/index.d.ts +1 -0
  30. package/dist/react/tab/index.js +1 -0
  31. package/package.json +1 -1
package/dist/react/button/index.d.ts CHANGED
@@ -38,6 +38,14 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
38
38
  * @csspart button-text - Text label of the button, passed in default slot
39
39
  * @csspart prefix - Content before the text label, passed in `prefix` slot
40
40
  * @csspart postfix - Content after the text label, passed in `postfix` slot
41
+ *
42
+ * @cssproperty --mdc-button-height - Height for button size
43
+ * @cssproperty --mdc-button-background - Background of the button
44
+ * @cssproperty --mdc-button-border-color - Borer color of the button
45
+ * @cssproperty --mdc-button-text-color - Text color of the button
46
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
47
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
48
+ * @cssproperty --mdc-button-line-height - Line height of the button text
41
49
  */
42
50
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
43
51
  onClick: EventName<EventsInherited["onClickEvent"]>;
package/dist/react/button/index.js CHANGED
@@ -39,6 +39,14 @@ import { TAG_NAME } from '../../components/button/button.constants';
39
39
  * @csspart button-text - Text label of the button, passed in default slot
40
40
  * @csspart prefix - Content before the text label, passed in `prefix` slot
41
41
  * @csspart postfix - Content after the text label, passed in `postfix` slot
42
+ *
43
+ * @cssproperty --mdc-button-height - Height for button size
44
+ * @cssproperty --mdc-button-background - Background of the button
45
+ * @cssproperty --mdc-button-border-color - Borer color of the button
46
+ * @cssproperty --mdc-button-text-color - Text color of the button
47
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
48
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
49
+ * @cssproperty --mdc-button-line-height - Line height of the button text
42
50
  */
43
51
  const reactWrapper = createComponent({
44
52
  tagName: TAG_NAME,
package/dist/react/buttonlink/index.d.ts CHANGED
@@ -26,6 +26,13 @@ import type { Events as EventsInherited } from '../../components/linksimple/link
26
26
  * @csspart button-text - The slot containing the buttonlink text.
27
27
  * @csspart postfix-icon - The postfix icon element.
28
28
  *
29
+ * @cssproperty --mdc-button-height - Height for button size
30
+ * @cssproperty --mdc-button-background - Background color of the button
31
+ * @cssproperty --mdc-button-border-color - Borer color of the button
32
+ * @cssproperty --mdc-button-text-color - Text color of the button
33
+ * @cssproperty --mdc-button-line-height - Line height of the button text
34
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
35
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
29
36
  */
30
37
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
31
38
  onClick: EventName<EventsInherited["onClickEvent"]>;
package/dist/react/buttonlink/index.js CHANGED
@@ -27,6 +27,13 @@ import { TAG_NAME } from '../../components/buttonlink/buttonlink.constants';
27
27
  * @csspart button-text - The slot containing the buttonlink text.
28
28
  * @csspart postfix-icon - The postfix icon element.
29
29
  *
30
+ * @cssproperty --mdc-button-height - Height for button size
31
+ * @cssproperty --mdc-button-background - Background color of the button
32
+ * @cssproperty --mdc-button-border-color - Borer color of the button
33
+ * @cssproperty --mdc-button-text-color - Text color of the button
34
+ * @cssproperty --mdc-button-line-height - Line height of the button text
35
+ * @cssproperty --mdc-button-prefix-icon-size - Size of the prefix icon
36
+ * @cssproperty --mdc-button-postfix-icon-size - Size of the postfix icon
30
37
  */
31
38
  const reactWrapper = createComponent({
32
39
  tagName: TAG_NAME,
package/dist/react/buttonsimple/index.d.ts CHANGED
@@ -12,6 +12,11 @@ import type { Events } from '../../components/buttonsimple/buttonsimple.types';
12
12
  * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
13
13
  *
14
14
  * @tagname mdc-buttonsimple
15
+ *
16
+ * @cssproperty --mdc-button-height - Height for button size
17
+ * @cssproperty --mdc-button-background - Background color of the button
18
+ * @cssproperty --mdc-button-border-color - Borer color of the button
19
+ * @cssproperty --mdc-button-text-color - Text color of the button
15
20
  */
16
21
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
17
22
  onClick: EventName<Events["onClickEvent"]>;
package/dist/react/buttonsimple/index.js CHANGED
@@ -13,6 +13,11 @@ import { TAG_NAME } from '../../components/buttonsimple/buttonsimple.constants';
13
13
  * @event focus - (React: onFocus) This event is dispatched when the button receives focus.
14
14
  *
15
15
  * @tagname mdc-buttonsimple
16
+ *
17
+ * @cssproperty --mdc-button-height - Height for button size
18
+ * @cssproperty --mdc-button-background - Background color of the button
19
+ * @cssproperty --mdc-button-border-color - Borer color of the button
20
+ * @cssproperty --mdc-button-text-color - Text color of the button
16
21
  */
17
22
  const reactWrapper = createComponent({
18
23
  tagName: TAG_NAME,
package/dist/react/chip/index.d.ts CHANGED
@@ -19,6 +19,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
19
19
  * @cssproperty --mdc-chip-color - The color of the chip.
20
20
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
21
21
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
22
+ * @cssproperty --mdc-button-height - Height for button size
22
23
  *
23
24
  * @csspart label - The label part of the chip.
24
25
  *
package/dist/react/chip/index.js CHANGED
@@ -20,6 +20,7 @@ import { TAG_NAME } from '../../components/chip/chip.constants';
20
20
  * @cssproperty --mdc-chip-color - The color of the chip.
21
21
  * @cssproperty --mdc-chip-border-color - The border color of the chip.
22
22
  * @cssproperty --mdc-chip-background-color - The background color of the chip.
23
+ * @cssproperty --mdc-button-height - Height for button size
23
24
  *
24
25
  * @csspart label - The label part of the chip.
25
26
  *
package/dist/react/linkbutton/index.d.ts CHANGED
@@ -29,6 +29,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
29
29
  * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.
30
30
  * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.
31
31
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
32
+ * @cssproperty --mdc-button-height - Height for button size
32
33
  */
33
34
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
34
35
  onClick: EventName<EventsInherited["onClickEvent"]>;
package/dist/react/linkbutton/index.js CHANGED
@@ -30,6 +30,7 @@ import { TAG_NAME } from '../../components/linkbutton/linkbutton.constants';
30
30
  * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted linkbutton’s child content in the disabled state.
31
31
  * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted linkbutton’s child content in the hover state.
32
32
  * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted linkbutton’s child content in the normal state.
33
+ * @cssproperty --mdc-button-height - Height for button size
33
34
  */
34
35
  const reactWrapper = createComponent({
35
36
  tagName: TAG_NAME,
package/dist/react/tab/index.d.ts CHANGED
@@ -34,6 +34,7 @@ import type { Events as EventsInherited } from '../../components/buttonsimple/bu
34
34
  *
35
35
  * @tagname mdc-tab
36
36
  *
37
+ * @cssproperty --mdc-button-height - Height for button size
37
38
  * @cssproperty --mdc-tab-content-gap - Gap between the badge(if provided), icon and text.
38
39
  * @cssproperty --mdc-tab-height - Height of the tab.
39
40
  * @cssproperty --mdc-tab-glass-active-background-color-disabled - Background color for active glass tab
package/dist/react/tab/index.js CHANGED
@@ -34,6 +34,7 @@ import { TAG_NAME } from '../../components/tab/tab.constants';
34
34
  *
35
35
  * @tagname mdc-tab
36
36
  *
37
+ * @cssproperty --mdc-button-height - Height for button size
37
38
  * @cssproperty --mdc-tab-content-gap - Gap between the badge(if provided), icon and text.
38
39
  * @cssproperty --mdc-tab-height - Height of the tab.
39
40
  * @cssproperty --mdc-tab-glass-active-background-color-disabled - Background color for active glass tab
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.120.13",
4
+ "version": "0.120.14",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"