@momentum-design/components 0.19.1 → 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.
package/dist/index.d.ts CHANGED
@@ -14,6 +14,7 @@ import Input from './components/input';
14
14
  import Link from './components/link';
15
15
  import Toggle from './components/toggle';
16
16
  import Checkbox from './components/checkbox';
17
+ import Radio from './components/radio';
17
18
  import type { TextType } from './components/text/text.types';
18
- export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
19
+ export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };
19
20
  export type { TextType, };
package/dist/index.js CHANGED
@@ -14,4 +14,5 @@ import Input from './components/input';
14
14
  import Link from './components/link';
15
15
  import Toggle from './components/toggle';
16
16
  import Checkbox from './components/checkbox';
17
- export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
17
+ import Radio from './components/radio';
18
+ export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
5
5
  export { default as Button } from './button';
6
6
  export { default as Buttonsimple } from './buttonsimple';
7
7
  export { default as Checkbox } from './checkbox';
8
- export { default as FormfieldWrapper } from './formfieldwrapper';
9
8
  export { default as Divider } from './divider';
9
+ export { default as FormfieldWrapper } from './formfieldwrapper';
10
10
  export { default as Icon } from './icon';
11
11
  export { default as IconProvider } from './iconprovider';
12
12
  export { default as Input } from './input';
@@ -14,6 +14,7 @@ export { default as Link } from './link';
14
14
  export { default as Marker } from './marker';
15
15
  export { default as Modalcontainer } from './modalcontainer';
16
16
  export { default as Presence } from './presence';
17
+ export { default as Radio } from './radio';
17
18
  export { default as Text } from './text';
18
19
  export { default as ThemeProvider } from './themeprovider';
19
20
  export { default as Toggle } from './toggle';
@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
5
5
  export { default as Button } from './button';
6
6
  export { default as Buttonsimple } from './buttonsimple';
7
7
  export { default as Checkbox } from './checkbox';
8
- export { default as FormfieldWrapper } from './formfieldwrapper';
9
8
  export { default as Divider } from './divider';
9
+ export { default as FormfieldWrapper } from './formfieldwrapper';
10
10
  export { default as Icon } from './icon';
11
11
  export { default as IconProvider } from './iconprovider';
12
12
  export { default as Input } from './input';
@@ -14,6 +14,7 @@ export { default as Link } from './link';
14
14
  export { default as Marker } from './marker';
15
15
  export { default as Modalcontainer } from './modalcontainer';
16
16
  export { default as Presence } from './presence';
17
+ export { default as Radio } from './radio';
17
18
  export { default as Text } from './text';
18
19
  export { default as ThemeProvider } from './themeprovider';
19
20
  export { default as Toggle } from './toggle';
@@ -0,0 +1,30 @@
1
+ import Component from '../../components/radio';
2
+ /**
3
+ * Radio allow users to select single options from a list or turn an item/feature on or off.
4
+ * These are often used in forms, settings, and selection in lists.
5
+ *
6
+ * A radio component contains an optional label, optional info icon and an optional helper text.
7
+ * @dependency mdc-formfieldwrapper
8
+ *
9
+ * @tagname mdc-radio
10
+ *
11
+ * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
12
+ * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled
13
+ * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled
14
+ * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal
15
+ * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal
16
+ * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled
17
+ * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive
18
+ * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered
19
+ * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed
20
+ * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when
21
+ * inactive and disabled
22
+ * @cssproperty --mdc-radio-control-active-color - color of the radio button when active
23
+ * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered
24
+ * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed
25
+ * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button
26
+ * when active and disabled
27
+ *
28
+ */
29
+ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
30
+ export default reactWrapper;
@@ -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.19.1"
39
+ "version": "0.20.1"
40
40
  }