@momentum-design/components 0.20.0 → 0.21.0
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/browser/index.js +244 -61
- package/dist/browser/index.js.map +4 -4
- package/dist/components/radio/index.d.ts +7 -0
- package/dist/components/radio/index.js +4 -0
- package/dist/components/radio/radio.component.d.ts +97 -0
- package/dist/components/radio/radio.component.js +229 -0
- package/dist/components/radio/radio.constants.d.ts +2 -0
- package/dist/components/radio/radio.constants.js +3 -0
- package/dist/components/radio/radio.styles.d.ts +2 -0
- package/dist/components/radio/radio.styles.js +162 -0
- package/dist/custom-elements.json +605 -44
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/index.d.ts +2 -1
- package/dist/react/index.js +2 -1
- package/dist/react/radio/index.d.ts +30 -0
- package/dist/react/radio/index.js +39 -0
- package/package.json +1 -1
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
|
-
|
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, };
|
package/dist/react/index.d.ts
CHANGED
@@ -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
|
17
|
+
export { default as Radio } from './radio';
|
18
18
|
export { default as ThemeProvider } from './themeprovider';
|
19
19
|
export { default as Toggle } from './toggle';
|
20
|
+
export { default as Text } from './text';
|
package/dist/react/index.js
CHANGED
@@ -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
|
17
|
+
export { default as Radio } from './radio';
|
18
18
|
export { default as ThemeProvider } from './themeprovider';
|
19
19
|
export { default as Toggle } from './toggle';
|
20
|
+
export { default as Text } from './text';
|
@@ -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