@momentum-design/components 0.20.0 → 0.20.1

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.
@@ -0,0 +1,39 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import Component from '../../components/radio';
4
+ import { TAG_NAME } from '../../components/radio/radio.constants';
5
+ /**
6
+ * Radio allow users to select single options from a list or turn an item/feature on or off.
7
+ * These are often used in forms, settings, and selection in lists.
8
+ *
9
+ * A radio component contains an optional label, optional info icon and an optional helper text.
10
+ * @dependency mdc-formfieldwrapper
11
+ *
12
+ * @tagname mdc-radio
13
+ *
14
+ * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
15
+ * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled
16
+ * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled
17
+ * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal
18
+ * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal
19
+ * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled
20
+ * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive
21
+ * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered
22
+ * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed
23
+ * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when
24
+ * inactive and disabled
25
+ * @cssproperty --mdc-radio-control-active-color - color of the radio button when active
26
+ * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered
27
+ * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed
28
+ * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button
29
+ * when active and disabled
30
+ *
31
+ */
32
+ const reactWrapper = createComponent({
33
+ tagName: TAG_NAME,
34
+ elementClass: Component,
35
+ react: React,
36
+ events: {},
37
+ displayName: 'Radio',
38
+ });
39
+ export default reactWrapper;
package/package.json CHANGED
@@ -36,5 +36,5 @@
36
36
  "lit": "^3.2.0",
37
37
  "uuid": "^11.0.5"
38
38
  },
39
- "version": "0.20.0"
39
+ "version": "0.20.1"
40
40
  }