@momentum-design/components 0.19.1 → 0.20.1

package/dist/index.d.ts

@@ -14,6 +14,7 @@ import Input from './components/input';
 import Link from './components/link';
 import Toggle from './components/toggle';
 import Checkbox from './components/checkbox';
+import Radio from './components/radio';
 import type { TextType } from './components/text/text.types';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };
 export type { TextType, };

package/dist/index.js

@@ -14,4 +14,5 @@ import Input from './components/input';
 import Link from './components/link';
 import Toggle from './components/toggle';
 import Checkbox from './components/checkbox';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
+import Radio from './components/radio';
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };

package/dist/react/index.d.ts

@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
-export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Divider } from './divider';
+export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
@@ -14,6 +14,7 @@ export { default as Link } from './link';
 export { default as Marker } from './marker';
 export { default as Modalcontainer } from './modalcontainer';
 export { default as Presence } from './presence';
+export { default as Radio } from './radio';
 export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';

package/dist/react/index.js

@@ -5,8 +5,8 @@ export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
-export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Divider } from './divider';
+export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
@@ -14,6 +14,7 @@ export { default as Link } from './link';
 export { default as Marker } from './marker';
 export { default as Modalcontainer } from './modalcontainer';
 export { default as Presence } from './presence';
+export { default as Radio } from './radio';
 export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';
 export { default as Toggle } from './toggle';

package/dist/react/radio/index.d.ts

@@ -0,0 +1,30 @@
+import Component from '../../components/radio';
+/**
+ * Radio allow users to select single options from a list or turn an item/feature on or off.
+ * These are often used in forms, settings, and selection in lists.
+ *
+ * A radio component contains an optional label, optional info icon and an optional helper text.
+ * @dependency mdc-formfieldwrapper
+ *
+ * @tagname mdc-radio
+ *
+ * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
+ * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled
+ * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled
+ * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal
+ * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal
+ * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled
+ * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive
+ * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered
+ * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed
+ * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when
+ *  inactive and disabled
+ * @cssproperty --mdc-radio-control-active-color - color of the radio button when active
+ * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered
+ * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed
+ * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button
+ *  when active and disabled
+ *
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/radio/index.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/radio';
+import { TAG_NAME } from '../../components/radio/radio.constants';
+/**
+ * Radio allow users to select single options from a list or turn an item/feature on or off.
+ * These are often used in forms, settings, and selection in lists.
+ *
+ * A radio component contains an optional label, optional info icon and an optional helper text.
+ * @dependency mdc-formfieldwrapper
+ *
+ * @tagname mdc-radio
+ *
+ * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
+ * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled
+ * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled
+ * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal
+ * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal
+ * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled
+ * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive
+ * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered
+ * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed
+ * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when
+ *  inactive and disabled
+ * @cssproperty --mdc-radio-control-active-color - color of the radio button when active
+ * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered
+ * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed
+ * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button
+ *  when active and disabled
+ *
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'Radio',
+});
+export default reactWrapper;

package/package.json

@@ -36,5 +36,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.19.1"
+  "version": "0.20.1"
 }