@momentum-design/components 0.39.2 → 0.39.4

package/dist/components/coachmark/coachmark.component.d.ts

@@ -8,6 +8,12 @@ import type { PopoverTrigger } from '../popover/popover.types';
  *
  * @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

package/dist/components/coachmark/coachmark.component.js

@@ -18,6 +18,12 @@ import { DEFAULTS } from './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

package/dist/components/inputchip/inputchip.component.js

@@ -84,7 +84,7 @@ class InputChip extends IconNameMixin(DisabledMixin(Component)) {
     render() {
         return html `
         ${this.renderIcon()}
-        <mdc-text type="${DEFAULTS.TEXT_TYPE}" tagname="${DEFAULTS.TAG_NAME}">${this.label}</mdc-text>
+        <mdc-text part="label" type="${DEFAULTS.TEXT_TYPE}" tagname="${DEFAULTS.TAG_NAME}">${this.label}</mdc-text>
         <mdc-button 
           ?disabled="${this.disabled}"
           variant="tertiary"

package/dist/components/inputchip/inputchip.styles.js

@@ -29,9 +29,5 @@ const styles = css `
     --mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
     cursor: auto;
   }
-
-  :host::part(close-icon){
-    border-radius: 0.25rem;
-  }
 `;
 export default [hostFitContentStyles, styles];

package/dist/components/popover/popover.component.d.ts

@@ -12,6 +12,12 @@ declare const Popover_base: import("../../utils/mixins/index.types").Constructor
  *
  * @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

package/dist/components/popover/popover.component.js

@@ -28,6 +28,12 @@ import { PopoverUtils } from './popover.utils';
  *
  * @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

package/dist/components/popover/popover.events.js

@@ -18,7 +18,7 @@ export class PopoverEventManager {
      * @param instance - The popover instance.
      */
     static onShowPopover(instance) {
-        this.dispatchPopoverEvent('popover-on-show', instance);
+        this.dispatchPopoverEvent('shown', instance);
     }
     /**
      * Custom event that is fired when the popover is hidden.
@@ -26,7 +26,7 @@ export class PopoverEventManager {
      * @param instance - The popover instance.
      */
     static onHidePopover(instance) {
-        this.dispatchPopoverEvent('popover-on-hide', instance);
+        this.dispatchPopoverEvent('hidden', instance);
     }
     /**
      * Custom event that is fired when the popover is created.
@@ -34,7 +34,7 @@ export class PopoverEventManager {
      * @param instance - The popover instance.
      */
     static onCreatedPopover(instance) {
-        this.dispatchPopoverEvent('popover-on-created', instance);
+        this.dispatchPopoverEvent('created', instance);
     }
     /**
      * Custom event that is fired when the popover is destroyed.
@@ -42,6 +42,6 @@ export class PopoverEventManager {
      * @param instance - The popover instance.
      */
     static onDestroyedPopover(instance) {
-        this.dispatchPopoverEvent('popover-on-destroyed', instance);
+        this.dispatchPopoverEvent('destroyed', instance);
     }
 }

package/dist/components/tooltip/tooltip.component.d.ts

@@ -10,6 +10,11 @@ import type { TooltipType } from './tooltip.types';
  *
  * @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.

package/dist/components/tooltip/tooltip.component.js

@@ -21,6 +21,11 @@ import { POPOVER_PLACEMENT } from '../popover/popover.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.

package/dist/custom-elements.json

@@ -1634,77 +1634,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/bullet/bullet.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
-          "name": "Bullet",
-          "cssProperties": [
-            {
-              "description": "background color of the bullet",
-              "name": "--mdc-bullet-background-color"
-            },
-            {
-              "description": "small size value of the bullet",
-              "name": "--mdc-bullet-size-small"
-            },
-            {
-              "description": "medium size value of the bullet",
-              "name": "--mdc-bullet-size-medium"
-            },
-            {
-              "description": "large size value of the bullet",
-              "name": "--mdc-bullet-size-large"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "Size"
-              },
-              "privacy": "public",
-              "description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
-              "default": "small",
-              "attribute": "size",
-              "reflects": true
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "Size"
-              },
-              "description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
-              "default": "small",
-              "fieldName": "size"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-bullet",
-          "jsDoc": "/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Bullet",
-            "module": "components/bullet/bullet.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/button/button.component.js",
@@ -4917,6 +4846,48 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "(React: onShown) This event is dispatched when the coachmark is shown",
+              "name": "shown",
+              "reactName": "onShown",
+              "eventName": "ShownEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onHidden) This event is dispatched when the coachmark is hidden",
+              "name": "hidden",
+              "reactName": "onHidden",
+              "eventName": "HiddenEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)",
+              "name": "created",
+              "reactName": "onCreated",
+              "eventName": "CreatedEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onDestroyed) This event is dispatched when the coachmark is destroyed (removed from the DOM)",
+              "name": "destroyed",
+              "reactName": "onDestroyed",
+              "eventName": "DestroyedEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "trigger",
@@ -5301,7 +5272,7 @@
             "module": "/src/components/popover/popover.component"
           },
           "tagName": "mdc-coachmark",
-          "jsDoc": "/**\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n *\n */",
+          "jsDoc": "/**\n * Coachmark component based on top of the popover component,\n * with the default value of certain properties changed.\n *\n * @dependency mdc-popover\n *\n * @tagname mdc-coachmark\n *\n * @event shown - (React: onShown) This event is dispatched when the coachmark is shown\n * @event hidden - (React: onHidden) This event is dispatched when the coachmark is hidden\n * @event created - (React: onCreated) This event is dispatched when the coachmark is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the coachmark is\n * destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for modal container\n *\n */",
           "customElement": true
         }
       ],
@@ -6919,6 +6890,77 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/bullet/bullet.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Bullet component, which is a visual marker\nand be used to organize and present items in a list format.",
+          "name": "Bullet",
+          "cssProperties": [
+            {
+              "description": "background color of the bullet",
+              "name": "--mdc-bullet-background-color"
+            },
+            {
+              "description": "small size value of the bullet",
+              "name": "--mdc-bullet-size-small"
+            },
+            {
+              "description": "medium size value of the bullet",
+              "name": "--mdc-bullet-size-medium"
+            },
+            {
+              "description": "large size value of the bullet",
+              "name": "--mdc-bullet-size-large"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "privacy": "public",
+              "description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
+              "default": "small",
+              "attribute": "size",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "Size"
+              },
+              "description": "Size of the bullet\n\nPossible values: 'small', 'medium', 'large'",
+              "default": "small",
+              "fieldName": "size"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-bullet",
+          "jsDoc": "/**\n * Bullet component, which is a visual marker\n * and be used to organize and present items in a list format.\n *\n * @tagname mdc-bullet\n *\n * @cssproperty --mdc-bullet-background-color - background color of the bullet\n * @cssproperty --mdc-bullet-size-small - small size value of the bullet\n * @cssproperty --mdc-bullet-size-medium - medium size value of the bullet\n * @cssproperty --mdc-bullet-size-large - large size value of the bullet\n*/",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Bullet",
+            "module": "components/bullet/bullet.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/iconprovider/iconprovider.component.js",
@@ -10991,6 +11033,32 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "(React: onShown) This event is dispatched when the popover is shown",
+              "name": "shown",
+              "reactName": "onShown",
+              "eventName": "ShownEvent"
+            },
+            {
+              "description": "(React: onHidden) This event is dispatched when the popover is hidden",
+              "name": "hidden",
+              "reactName": "onHidden",
+              "eventName": "HiddenEvent"
+            },
+            {
+              "description": "(React: onCreated) This event is dispatched when the popover is created (added to the DOM)",
+              "name": "created",
+              "reactName": "onCreated",
+              "eventName": "CreatedEvent"
+            },
+            {
+              "description": "(React: onDestroyed) This event is dispatched when the popover is destroyed (removed from the DOM)",
+              "name": "destroyed",
+              "reactName": "onDestroyed",
+              "eventName": "DestroyedEvent"
+            }
+          ],
           "attributes": [
             {
               "name": "id",
@@ -11273,7 +11341,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-popover",
-          "jsDoc": "/**\n * Popover component is a lightweight floating UI element that displays additional content when triggered.\n * It can be used for tooltips, dropdowns, or contextual menus.\n * The popover automatically positions itself based on available space and\n * supports dynamic height adjustments with scrollable content when needed。\n *\n * @dependency mdc-button\n *\n * @tagname mdc-popover\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for the popover content\n *\n */",
+          "jsDoc": "/**\n * Popover component is a lightweight floating UI element that displays additional content when triggered.\n * It can be used for tooltips, dropdowns, or contextual menus.\n * The popover automatically positions itself based on available space and\n * supports dynamic height adjustments with scrollable content when needed。\n *\n * @dependency mdc-button\n *\n * @tagname mdc-popover\n *\n *\n * @event shown - (React: onShown) This event is dispatched when the popover is shown\n * @event hidden - (React: onHidden) This event is dispatched when the popover is hidden\n * @event created - (React: onCreated) This event is dispatched when the popover is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the popover is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-popover-arrow-border-radius - radius of the arrow border\n * @cssproperty --mdc-popover-arrow-border - border of the arrow\n * @cssproperty --mdc-popover-primary-background-color - primary background color of the popover\n * @cssproperty --mdc-popover-border-color - border color of the popover\n * @cssproperty --mdc-popover-inverted-background-color - inverted background color of the popover\n * @cssproperty --mdc-popover-inverted-border-color - inverted border color of the popover\n * @cssproperty --mdc-popover-inverted-text-color - inverted text color of the popover\n * @cssproperty --mdc-popover-elevation-3 - elevation of the popover\n *\n * @slot - Default slot for the popover content\n *\n */",
           "customElement": true
         }
       ],
@@ -16391,6 +16459,48 @@
               }
             }
           ],
+          "events": [
+            {
+              "description": "(React: onShown) This event is dispatched when the tooltip is shown",
+              "name": "shown",
+              "reactName": "onShown",
+              "eventName": "ShownEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onHidden) This event is dispatched when the tooltip is hidden",
+              "name": "hidden",
+              "reactName": "onHidden",
+              "eventName": "HiddenEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)",
+              "name": "created",
+              "reactName": "onCreated",
+              "eventName": "CreatedEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            },
+            {
+              "description": "(React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)",
+              "name": "destroyed",
+              "reactName": "onDestroyed",
+              "eventName": "DestroyedEvent",
+              "inheritedFrom": {
+                "name": "Popover",
+                "module": "src/components/popover/popover.component.ts"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "tooltip-type",
@@ -16784,7 +16894,7 @@
             "module": "/src/components/popover/popover.component"
           },
           "tagName": "mdc-tooltip",
-          "jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
+          "jsDoc": "/**\n * A tooltip is triggered by mouse hover or by keyboard focus\n * and will disappear upon mouse exit or focus change.\n *\n * Note: Tooltips cannot contain content that can be focused or interacted with.\n *\n * @tagname mdc-tooltip\n *\n * @event shown - (React: onShown) This event is dispatched when the tooltip is shown\n * @event hidden - (React: onHidden) This event is dispatched when the tooltip is hidden\n * @event created - (React: onCreated) This event is dispatched when the tooltip is created (added to the DOM)\n * @event destroyed - (React: onDestroyed) This event is dispatched when the tooltip is destroyed (removed from the DOM)\n *\n * @cssproperty --mdc-tooltip-max-width - The maximum width of the tooltip.\n * @cssproperty --mdc-tooltip-padding - The padding of the tooltip.\n * @cssproperty --mdc-tooltip-text-color - The text color of the tooltip.\n * @cssproperty --mdc-tooltip-text-color-contrast - The text color of the tooltip when the color is contrast.\n *\n */",
           "customElement": true,
           "slots": [
             {

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

@@ -2,7 +2,6 @@ export { default as AlertChip } from './alertchip';
 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';
@@ -13,6 +12,7 @@ export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
+export { default as Bullet } from './bullet';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';

package/dist/react/index.js

@@ -2,7 +2,6 @@ export { default as AlertChip } from './alertchip';
 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';
@@ -13,6 +12,7 @@ export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
+export { default as Bullet } from './bullet';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';

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.2"
+  "version": "0.39.4"
 }