@momentum-design/components 0.29.1 → 0.30.1

package/dist/react/index.d.ts

@@ -2,6 +2,7 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 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 Divider } from './divider';
@@ -20,7 +21,6 @@ export { default as Presence } from './presence';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as Spinner } from './spinner';
-export { default as Button } from './button';
 export { default as Tab } from './tab';
 export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';

package/dist/react/index.js

@@ -2,6 +2,7 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 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 Divider } from './divider';
@@ -20,7 +21,6 @@ export { default as Presence } from './presence';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
 export { default as Spinner } from './spinner';
-export { default as Button } from './button';
 export { default as Tab } from './tab';
 export { default as Text } from './text';
 export { default as ThemeProvider } from './themeprovider';

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

@@ -29,6 +29,17 @@ import Component from '../../components/listitem';
  *  - Allows customization of the primary label, side header and subline text slot color.
  * @cssproperty --mdc-listitem-secondary-label-color
  *  - Allows customization of the secondary and teritary label text slot color.
+ * @cssproperty --mdc-listitem-disabled-color - Allows customization of the disabled color.
+ *
+ * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
+ * @event focus - (React: onFocus) This event is dispatched when the listitem receives focus.
  */
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onClick: string;
+    onKeyDown: string;
+    onKeyUp: string;
+    onFocus: string;
+}>;
 export default reactWrapper;

package/dist/react/listitem/index.js

@@ -32,12 +32,23 @@ import { TAG_NAME } from '../../components/listitem/listitem.constants';
  *  - Allows customization of the primary label, side header and subline text slot color.
  * @cssproperty --mdc-listitem-secondary-label-color
  *  - Allows customization of the secondary and teritary label text slot color.
+ * @cssproperty --mdc-listitem-disabled-color - Allows customization of the disabled color.
+ *
+ * @event click - (React: onClick) This event is dispatched when the listitem is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the listitem.
+ * @event focus - (React: onFocus) This event is dispatched when the listitem receives focus.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
-    events: {},
+    events: {
+        onClick: 'click',
+        onKeyDown: 'keydown',
+        onKeyUp: 'keyup',
+        onFocus: 'focus',
+    },
     displayName: 'ListItem',
 });
 export default reactWrapper;

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

@@ -6,6 +6,20 @@ import Component from '../../components/themeprovider';
  *
  * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
  *
+ * Available Momentum theme classes:
+ *
+ * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
+ *
+ * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
+ *
+ * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
+ *
+ * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
+ *
+ * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
+ *
+ * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
+ *
  * Themeclass context can be be consumed from Lit child components
  * (see providerUtils.consume for how to consume)
  *

package/dist/react/themeprovider/index.js

@@ -9,6 +9,20 @@ import { TAG_NAME } from '../../components/themeprovider/themeprovider.constants
  *
  * CSS variables defined in the themeclass will be used for the styling of child dom nodes.
  *
+ * Available Momentum theme classes:
+ *
+ * `mds-theme-stable-darkWebex`, `mds-theme-stable-lightWebex`
+ *
+ * `mds-theme-stable-darkBronzeWebex`, `mds-theme-stable-lightBronzeWebex`
+ *
+ * `mds-theme-stable-darkIndigoWebex`, `mds-theme-stable-lightIndigoWebex`
+ *
+ * `mds-theme-stable-darkJadeWebex`, `mds-theme-stable-lightJadeWebex`
+ *
+ * `mds-theme-stable-darkLavenderWebex`, `mds-theme-stable-lightLavenderWebex`
+ *
+ * `mds-theme-stable-darkRoseWebex`, `mds-theme-stable-lightRoseWebex`
+ *
  * Themeclass context can be be consumed from Lit child components
  * (see providerUtils.consume for how to consume)
  *

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.29.1"
+  "version": "0.30.1"
 }