@momentum-design/components 0.39.3 → 0.39.5

package/dist/index.d.ts

@@ -36,6 +36,7 @@ import Textarea from './components/textarea';
 import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.types';
 import type { TextType } from './components/text/text.types';
 import type { PopoverPlacement } from './components/popover/popover.types';
+import type { BadgeType } from './components/badge/badge.types';
 export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Textarea, Tooltip, };
-export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, };
+export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, BadgeType, };
 export { inMemoryCache, webAPIIconsCache };

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

@@ -7,6 +7,12 @@ import Component from '../../components/coachmark';
  *
  * @tagname mdc-coachmark
  *
+ * @event shown - (React: onShown) This event is dispatched when the coachmark is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden
+ * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is
+ * destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
  * @cssproperty --mdc-popover-arrow-border - border of the arrow
  * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
@@ -19,5 +25,10 @@ import Component from '../../components/coachmark';
  * @slot - Default slot for modal container
  *
  */
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onShown: string;
+    onHidden: string;
+    onCreated: string;
+    onDestroyed: string;
+}>;
 export default reactWrapper;

package/dist/react/coachmark/index.js

@@ -10,6 +10,12 @@ import { TAG_NAME } from '../../components/coachmark/coachmark.constants';
  *
  * @tagname mdc-coachmark
  *
+ * @event shown - (React: onShown) This event is dispatched when the coachmark is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden
+ * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is
+ * destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
  * @cssproperty --mdc-popover-arrow-border - border of the arrow
  * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
@@ -26,7 +32,12 @@ const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
-    events: {},
+    events: {
+        onShown: 'shown',
+        onHidden: 'hidden',
+        onCreated: 'created',
+        onDestroyed: 'destroyed',
+    },
     displayName: 'Coachmark',
 });
 export default reactWrapper;

package/dist/react/index.d.ts

@@ -6,8 +6,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 Chip } from './chip';
 export { default as Coachmark } from './coachmark';
+export { default as Chip } from './chip';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';

package/dist/react/index.js

@@ -6,8 +6,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 Chip } from './chip';
 export { default as Coachmark } from './coachmark';
+export { default as Chip } from './chip';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';

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

@@ -9,6 +9,12 @@ import Component from '../../components/popover';
  *
  * @tagname mdc-popover
  *
+ *
+ * @event shown - (React: onShown) This event is dispatched when the popover is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the popover is hidden
+ * @event created - (React: onCreated) This event is dispatched when the popover is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the popover is destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
  * @cssproperty --mdc-popover-arrow-border - border of the arrow
  * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
@@ -21,5 +27,10 @@ import Component from '../../components/popover';
  * @slot - Default slot for the popover content
  *
  */
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onShown: string;
+    onHidden: string;
+    onCreated: string;
+    onDestroyed: string;
+}>;
 export default reactWrapper;

package/dist/react/popover/index.js

@@ -12,6 +12,12 @@ import { TAG_NAME } from '../../components/popover/popover.constants';
  *
  * @tagname mdc-popover
  *
+ *
+ * @event shown - (React: onShown) This event is dispatched when the popover is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the popover is hidden
+ * @event created - (React: onCreated) This event is dispatched when the popover is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the popover is destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border
  * @cssproperty --mdc-popover-arrow-border - border of the arrow
  * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover
@@ -28,7 +34,12 @@ const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
-    events: {},
+    events: {
+        onShown: 'shown',
+        onHidden: 'hidden',
+        onCreated: 'created',
+        onDestroyed: 'destroyed',
+    },
     displayName: 'Popover',
 });
 export default reactWrapper;

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

@@ -7,11 +7,21 @@ import Component from '../../components/tooltip';
  *
  * @tagname mdc-tooltip
  *
+ * @event shown - (React: onShown) This event is dispatched when the tooltip is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden
+ * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.
  * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.
  * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.
  * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.
  *
  */
-declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onShown: string;
+    onHidden: string;
+    onCreated: string;
+    onDestroyed: string;
+}>;
 export default reactWrapper;

package/dist/react/tooltip/index.js

@@ -10,6 +10,11 @@ import { TAG_NAME } from '../../components/tooltip/tooltip.constants';
  *
  * @tagname mdc-tooltip
  *
+ * @event shown - (React: onShown) This event is dispatched when the tooltip is shown
+ * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden
+ * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)
+ * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)
+ *
  * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.
  * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.
  * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.
@@ -20,7 +25,12 @@ const reactWrapper = createComponent({
     tagName: TAG_NAME,
     elementClass: Component,
     react: React,
-    events: {},
+    events: {
+        onShown: 'shown',
+        onHidden: 'hidden',
+        onCreated: 'created',
+        onDestroyed: 'destroyed',
+    },
     displayName: 'Tooltip',
 });
 export default reactWrapper;

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.39.3"
+  "version": "0.39.5"
 }