@momentum-design/components 0.129.29 → 0.129.30

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 (14) hide show
  1. package/dist/browser/index.js +43 -47
  2. package/dist/browser/index.js.map +2 -2
  3. package/dist/components/radio/radio.component.d.ts +46 -20
  4. package/dist/components/radio/radio.component.js +46 -20
  5. package/dist/components/radio/radio.styles.js +9 -13
  6. package/dist/components/staticradio/staticradio.component.d.ts +17 -16
  7. package/dist/components/staticradio/staticradio.component.js +17 -16
  8. package/dist/components/staticradio/staticradio.styles.js +34 -34
  9. package/dist/custom-elements.json +107 -230
  10. package/dist/react/radio/index.d.ts +24 -10
  11. package/dist/react/radio/index.js +24 -10
  12. package/dist/react/staticradio/index.d.ts +11 -10
  13. package/dist/react/staticradio/index.js +11 -10
  14. package/package.json +1 -1
package/dist/react/staticradio/index.d.ts CHANGED
@@ -1,21 +1,22 @@
1
1
  import Component from '../../components/staticradio';
2
2
  /**
3
- * This is a decorative component that is styled to look as a radio.
4
- * It has 4 properties - checked, disabled, readonly and soft-disabled.
3
+ * StaticRadio is a decorative component styled as a radio button for visual presentation.
4
+ * Unlike the interactive `mdc-radio`, this component does not handle user interactions or form submissions.
5
+ * It is used purely for displaying radio button states in read-only scenarios.
5
6
  *
6
- * We are using the same styling that has been created for the `mdc-radio` component.
7
+ * This component supports four display states: checked, disabled, readonly, and soft-disabled.
7
8
  *
8
9
  * @tagname mdc-staticradio
9
10
  *
10
- * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
11
- * @cssproperty --mdc-radio-outer-circle-size - size of the outer circle
12
- * @cssproperty --mdc-radio-inner-circle-background-color - background color of the inner circle
13
- * @cssproperty --mdc-radio-outer-circle-border-color - border color of the outer circle
14
- * @cssproperty --mdc-radio-outer-circle-background-color - background color of the outer circle
11
+ * @cssproperty --mdc-staticradio-inner-circle-size - The size of the inner circle when checked.
12
+ * @cssproperty --mdc-staticradio-outer-circle-size - The size of the outer circle border.
13
+ * @cssproperty --mdc-staticradio-inner-circle-background-color - The background color of the inner circle when checked.
14
+ * @cssproperty --mdc-staticradio-outer-circle-border-color - The border color of the outer circle.
15
+ * @cssproperty --mdc-staticradio-outer-circle-background-color - The background color of the outer circle.
15
16
  *
16
- * @csspart radio-icon - The radio icon.
17
+ * @csspart radio-icon - The radio icon element
17
18
  *
18
- * @slot - Default slot for the label of the radio.
19
+ * @slot - Default slot for the label of the radio
19
20
  */
20
21
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
21
22
  export default reactWrapper;
package/dist/react/staticradio/index.js CHANGED
@@ -3,22 +3,23 @@ import { createComponent } from '@lit/react';
3
3
  import Component from '../../components/staticradio';
4
4
  import { TAG_NAME } from '../../components/staticradio/staticradio.constants';
5
5
  /**
6
- * This is a decorative component that is styled to look as a radio.
7
- * It has 4 properties - checked, disabled, readonly and soft-disabled.
6
+ * StaticRadio is a decorative component styled as a radio button for visual presentation.
7
+ * Unlike the interactive `mdc-radio`, this component does not handle user interactions or form submissions.
8
+ * It is used purely for displaying radio button states in read-only scenarios.
8
9
  *
9
- * We are using the same styling that has been created for the `mdc-radio` component.
10
+ * This component supports four display states: checked, disabled, readonly, and soft-disabled.
10
11
  *
11
12
  * @tagname mdc-staticradio
12
13
  *
13
- * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
14
- * @cssproperty --mdc-radio-outer-circle-size - size of the outer circle
15
- * @cssproperty --mdc-radio-inner-circle-background-color - background color of the inner circle
16
- * @cssproperty --mdc-radio-outer-circle-border-color - border color of the outer circle
17
- * @cssproperty --mdc-radio-outer-circle-background-color - background color of the outer circle
14
+ * @cssproperty --mdc-staticradio-inner-circle-size - The size of the inner circle when checked.
15
+ * @cssproperty --mdc-staticradio-outer-circle-size - The size of the outer circle border.
16
+ * @cssproperty --mdc-staticradio-inner-circle-background-color - The background color of the inner circle when checked.
17
+ * @cssproperty --mdc-staticradio-outer-circle-border-color - The border color of the outer circle.
18
+ * @cssproperty --mdc-staticradio-outer-circle-background-color - The background color of the outer circle.
18
19
  *
19
- * @csspart radio-icon - The radio icon.
20
+ * @csspart radio-icon - The radio icon element
20
21
  *
21
- * @slot - Default slot for the label of the radio.
22
+ * @slot - Default slot for the label of the radio
22
23
  */
23
24
  const reactWrapper = createComponent({
24
25
  tagName: TAG_NAME,
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.129.29",
4
+ "version": "0.129.30",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"