@momentum-design/components 0.22.4 → 0.22.6

package/dist/index.d.ts

@@ -14,8 +14,9 @@ import Input from './components/input';
 import Link from './components/link';
 import Toggle from './components/toggle';
 import Checkbox from './components/checkbox';
+import CheckboxGroup from './components/checkboxgroup';
 import Radio from './components/radio';
 import Tab from './components/tab';
 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, Radio, Tab, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, CheckboxGroup, Radio, Tab, };
 export type { TextType, };

package/dist/index.js

@@ -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 CheckboxGroup from './components/checkboxgroup';
 import Radio from './components/radio';
 import Tab from './components/tab';
-export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, Tab, };
+export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, CheckboxGroup, Radio, Tab, };

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

@@ -0,0 +1,17 @@
+import Component from '../../components/checkboxgroup';
+/**
+ * `mdc-checkboxgroup` component allows you to select multiple options from a predefined list.
+ * It is commonly used in forms where multiple selections are required, such as preferences, filters, or categories.
+ *
+ * A checkbox group typically consists of multiple checkboxes grouped together,
+ * each representing a selectable option. You can check or uncheck options based on their preferences.
+ *
+ * @dependency mdc-text
+ *
+ * @tagname mdc-checkboxgroup
+ *
+ * @slot help-text - This is a help text slot.
+ * @slot default - This is a default slot for children.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/checkboxgroup/index.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/checkboxgroup';
+import { TAG_NAME } from '../../components/checkboxgroup/checkboxgroup.constants';
+/**
+ * `mdc-checkboxgroup` component allows you to select multiple options from a predefined list.
+ * It is commonly used in forms where multiple selections are required, such as preferences, filters, or categories.
+ *
+ * A checkbox group typically consists of multiple checkboxes grouped together,
+ * each representing a selectable option. You can check or uncheck options based on their preferences.
+ *
+ * @dependency mdc-text
+ *
+ * @tagname mdc-checkboxgroup
+ *
+ * @slot help-text - This is a help text slot.
+ * @slot default - This is a default slot for children.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'Checkboxgroup',
+});
+export default reactWrapper;

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

@@ -7,6 +7,12 @@ import Component from '../../components/iconprovider';
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
+ * If `shouldCache` is set to true, the IconProvider will cache the icons
+ * in a Map to avoid fetching the same icon multiple times over the network.
+ * This is useful when the same icon is used multiple times in the application.
+ * Keep in mind that this cache is not persisted and will be lost when the
+ * IconProvider is removed from the DOM.
+ *
  * @tagname mdc-iconprovider
  *
  * @slot - children

package/dist/react/iconprovider/index.js

@@ -10,6 +10,12 @@ import { TAG_NAME } from '../../components/iconprovider/iconprovider.constants';
  * that only a url has to be passed in from which the icons will be
  * fetched.
  *
+ * If `shouldCache` is set to true, the IconProvider will cache the icons
+ * in a Map to avoid fetching the same icon multiple times over the network.
+ * This is useful when the same icon is used multiple times in the application.
+ * Keep in mind that this cache is not persisted and will be lost when the
+ * IconProvider is removed from the DOM.
+ *
  * @tagname mdc-iconprovider
  *
  * @slot - children

package/dist/react/index.d.ts

@@ -1,10 +1,11 @@
+export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
-export { default as Avatar } from './avatar';
 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 Buttonsimple } from './buttonsimple';
+export { default as Button } from './button';
+export { default as Checkboxgroup } from './checkboxgroup';
 export { default as Divider } from './divider';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';

package/dist/react/index.js

@@ -1,10 +1,11 @@
+export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
-export { default as Avatar } from './avatar';
 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 Buttonsimple } from './buttonsimple';
+export { default as Button } from './button';
+export { default as Checkboxgroup } from './checkboxgroup';
 export { default as Divider } from './divider';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';

package/package.json

@@ -36,5 +36,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.22.4"
+  "version": "0.22.6"
 }