@momentum-design/components 0.48.0 → 0.49.0

package/dist/custom-elements.json

@@ -415,7 +415,6 @@
               "description": "(React: onClick) This event is dispatched when the button is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -425,7 +424,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -435,7 +433,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -445,7 +442,6 @@
               "description": "(React: onFocus) This event is dispatched when the button receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -1132,7 +1128,6 @@
               "description": "(React: onClick) This event is dispatched when the avatarbutton is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -1142,7 +1137,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the avatarbutton.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -1152,7 +1146,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the avatarbutton.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -1162,7 +1155,6 @@
               "description": "(React: onFocus) This event is dispatched when the avatarbutton receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -1371,183 +1363,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/brandvisual/brandvisual.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
-          "name": "Brandvisual",
-          "members": [
-            {
-              "kind": "field",
-              "name": "brandVisualData",
-              "type": {
-                "text": "HTMLElement | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "type": {
-                "text": "BrandVisualNames | undefined"
-              },
-              "description": "Name of the brandVisual (= filename)",
-              "attribute": "name",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "getBrandVisualData",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBrandVisualLoadedSuccess",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "brandVisualHtml",
-                  "type": {
-                    "text": "HTMLElement"
-                  },
-                  "description": "The brandvisual html element which has been fetched from the brandvisual provider."
-                }
-              ],
-              "description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
-            },
-            {
-              "kind": "method",
-              "name": "handleBrandVisualLoadedFailure",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "error",
-                  "type": {
-                    "text": "unknown"
-                  }
-                }
-              ],
-              "description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
-            }
-          ],
-          "events": [
-            {
-              "description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
-              "name": "load",
-              "reactName": "onLoad",
-              "eventName": "LoadEvent"
-            },
-            {
-              "description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
-              "name": "error",
-              "reactName": "onError",
-              "eventName": "ErrorEvent"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "name",
-              "type": {
-                "text": "BrandVisualNames | undefined"
-              },
-              "description": "Name of the brandVisual (= filename)",
-              "fieldName": "name"
-            }
-          ],
-          "superclass": {
-            "name": "Component",
-            "module": "/src/models"
-          },
-          "tagName": "mdc-brandvisual",
-          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "Brandvisual",
-            "module": "components/brandvisual/brandvisual.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "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/badge/badge.component.js",
@@ -1869,6 +1684,181 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/brandvisual/brandvisual.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
+          "name": "Brandvisual",
+          "members": [
+            {
+              "kind": "field",
+              "name": "brandVisualData",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "BrandVisualNames | undefined"
+              },
+              "description": "Name of the brandVisual (= filename)",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "getBrandVisualData",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBrandVisualLoadedSuccess",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "brandVisualHtml",
+                  "type": {
+                    "text": "HTMLElement"
+                  },
+                  "description": "The brandvisual html element which has been fetched from the brandvisual provider."
+                }
+              ],
+              "description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
+            },
+            {
+              "kind": "method",
+              "name": "handleBrandVisualLoadedFailure",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "error",
+                  "type": {
+                    "text": "unknown"
+                  }
+                }
+              ],
+              "description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
+            }
+          ],
+          "events": [
+            {
+              "description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
+              "name": "load",
+              "reactName": "onLoad"
+            },
+            {
+              "description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
+              "name": "error",
+              "reactName": "onError"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "BrandVisualNames | undefined"
+              },
+              "description": "Name of the brandVisual (= filename)",
+              "fieldName": "name"
+            }
+          ],
+          "superclass": {
+            "name": "Component",
+            "module": "/src/models"
+          },
+          "tagName": "mdc-brandvisual",
+          "jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "Brandvisual",
+            "module": "components/brandvisual/brandvisual.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "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",
@@ -2245,48 +2235,6 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "(React: onClick) This event is dispatched when the button is clicked.",
-              "name": "click",
-              "reactName": "onClick",
-              "eventName": "ClickEvent",
-              "inheritedFrom": {
-                "name": "Buttonsimple",
-                "module": "src/components/buttonsimple/buttonsimple.component.ts"
-              }
-            },
-            {
-              "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
-              "name": "keydown",
-              "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
-              "inheritedFrom": {
-                "name": "Buttonsimple",
-                "module": "src/components/buttonsimple/buttonsimple.component.ts"
-              }
-            },
-            {
-              "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
-              "name": "keyup",
-              "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
-              "inheritedFrom": {
-                "name": "Buttonsimple",
-                "module": "src/components/buttonsimple/buttonsimple.component.ts"
-              }
-            },
-            {
-              "description": "(React: onFocus) This event is dispatched when the button receives focus.",
-              "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent",
-              "inheritedFrom": {
-                "name": "Buttonsimple",
-                "module": "src/components/buttonsimple/buttonsimple.component.ts"
-              }
-            }
-          ],
           "attributes": [
             {
               "name": "prefix-icon",
@@ -2419,8 +2367,46 @@
             "module": "/src/components/buttonsimple/buttonsimple.component"
           },
           "tagName": "mdc-button",
-          "jsDoc": "/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @event click - (React: onClick) This event is dispatched when the button is clicked.\n * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the button.\n * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the button.\n * @event focus - (React: onFocus) This event is dispatched when the button receives focus.\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */",
-          "customElement": true
+          "jsDoc": "/**\n * `mdc-button` is a component that can be configured in various ways to suit different use cases.\n *\n * Button Variants:\n * - **Primary**: Solid background color.\n * - **Secondary**: Transparent background with a solid border.\n * - **Tertiary**: No background or border, appears as plain text but retains all button functionalities.\n *\n * Button Colors:\n * - **Positive**: Green color.\n * - **Negative**: Red color.\n * - **Accent**: Blue color.\n * - **Promotional**: Purple color.\n * - **Default**: White color.\n *\n * Button Sizes (in REM units):\n * - **Pill button**: 40, 32, 28, 24.\n * - **Icon button**: 64, 52, 40, 32, 28, 24.\n * - **Tertiary icon button**: 20.\n *\n * Button Types:\n * - **Pill button**: A button that contains text value. Commonly used for call to action, tags, or filters.\n * - **Pill button with icons**: A button containing an icon either on the left or right side of the button.\n * - **Icon button**: A button represented by just an icon without any text.\n * The type of button is inferred based on the presence of slot and/or prefix and postfix icons.\n *\n * @dependency mdc-icon\n *\n * @tagname mdc-button\n *\n * @slot - Text label of the button.\n */",
+          "customElement": true,
+          "events": [
+            {
+              "description": "(React: onClick) This event is dispatched when the button is clicked.",
+              "name": "click",
+              "reactName": "onClick",
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "src/components/buttonsimple/buttonsimple.component.ts"
+              }
+            },
+            {
+              "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
+              "name": "keydown",
+              "reactName": "onKeyDown",
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "src/components/buttonsimple/buttonsimple.component.ts"
+              }
+            },
+            {
+              "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
+              "name": "keyup",
+              "reactName": "onKeyUp",
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "src/components/buttonsimple/buttonsimple.component.ts"
+              }
+            },
+            {
+              "description": "(React: onFocus) This event is dispatched when the button receives focus.",
+              "name": "focus",
+              "reactName": "onFocus",
+              "inheritedFrom": {
+                "name": "Buttonsimple",
+                "module": "src/components/buttonsimple/buttonsimple.component.ts"
+              }
+            }
+          ]
         }
       ],
       "exports": [
@@ -2641,26 +2627,22 @@
             {
               "description": "(React: onClick) This event is dispatched when the button is clicked.",
               "name": "click",
-              "reactName": "onClick",
-              "eventName": "ClickEvent"
+              "reactName": "onClick"
             },
             {
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
               "name": "keydown",
-              "reactName": "onKeyDown",
-              "eventName": "KeydownEvent"
+              "reactName": "onKeyDown"
             },
             {
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
               "name": "keyup",
-              "reactName": "onKeyUp",
-              "eventName": "KeyupEvent"
+              "reactName": "onKeyUp"
             },
             {
               "description": "(React: onFocus) This event is dispatched when the button receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             }
           ],
           "attributes": [
@@ -3220,14 +3202,12 @@
             {
               "description": "(React: onChange) Event that gets dispatched when the checkbox state changes.",
               "name": "change",
-              "reactName": "onChange",
-              "eventName": "ChangeEvent"
+              "reactName": "onChange"
             },
             {
               "description": "(React: onFocus) Event that gets dispatched when the checkbox receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             }
           ],
           "attributes": [
@@ -3876,7 +3856,6 @@
               "description": "(React: onClick) This event is dispatched when the button is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -3886,7 +3865,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -3896,7 +3874,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -3906,7 +3883,6 @@
               "description": "(React: onFocus) This event is dispatched when the button receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -5085,7 +5061,6 @@
               "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"
@@ -5095,7 +5070,6 @@
               "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"
@@ -5105,7 +5079,6 @@
               "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"
@@ -5115,7 +5088,6 @@
               "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"
@@ -6285,7 +6257,6 @@
               "description": "(React: onClick) This event is dispatched when the button is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -6295,7 +6266,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the button.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -6305,7 +6275,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the button.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -6315,7 +6284,6 @@
               "description": "(React: onFocus) This event is dispatched when the button receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -7945,26 +7913,22 @@
             {
               "description": "(React: onInput) This event is dispatched when the value of the input field changes (every press).",
               "name": "input",
-              "reactName": "onInput",
-              "eventName": "InputEvent"
+              "reactName": "onInput"
             },
             {
               "description": "(React: onChange) This event is dispatched when the value of the input field changes (on blur).",
               "name": "change",
-              "reactName": "onChange",
-              "eventName": "ChangeEvent"
+              "reactName": "onChange"
             },
             {
               "description": "(React: onFocus) This event is dispatched when the input receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             },
             {
               "description": "(React: onBlur) This event is dispatched when the input loses focus.",
               "name": "blur",
-              "reactName": "onBlur",
-              "eventName": "BlurEvent"
+              "reactName": "onBlur"
             }
           ],
           "attributes": [
@@ -8374,8 +8338,7 @@
                 "text": "CustomEvent"
               },
               "description": "This event is dispatched when the close button is activated. It bubbles and is composed.",
-              "reactName": "onRemove",
-              "eventName": "RemoveEvent"
+              "reactName": "onRemove"
             }
           ],
           "attributes": [
@@ -9132,26 +9095,22 @@
             {
               "description": "(React: onClick) This event is dispatched when the listitem is clicked.",
               "name": "click",
-              "reactName": "onClick",
-              "eventName": "ClickEvent"
+              "reactName": "onClick"
             },
             {
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the listitem.",
               "name": "keydown",
-              "reactName": "onKeyDown",
-              "eventName": "KeydownEvent"
+              "reactName": "onKeyDown"
             },
             {
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the listitem.",
               "name": "keyup",
-              "reactName": "onKeyUp",
-              "eventName": "KeyupEvent"
+              "reactName": "onKeyUp"
             },
             {
               "description": "(React: onFocus) This event is dispatched when the listitem receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             }
           ],
           "attributes": [
@@ -9929,7 +9888,6 @@
               "description": "(React: onClick) This event is dispatched when the option is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "ListItem",
                 "module": "src/components/listitem/listitem.component.ts"
@@ -9939,7 +9897,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the option.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "ListItem",
                 "module": "src/components/listitem/listitem.component.ts"
@@ -9949,7 +9906,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the option.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "ListItem",
                 "module": "src/components/listitem/listitem.component.ts"
@@ -9959,7 +9915,6 @@
               "description": "(React: onFocus) This event is dispatched when the option receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "ListItem",
                 "module": "src/components/listitem/listitem.component.ts"
@@ -11170,26 +11125,22 @@
             {
               "description": "(React: onShown) This event is dispatched when the popover is shown",
               "name": "shown",
-              "reactName": "onShown",
-              "eventName": "ShownEvent"
+              "reactName": "onShown"
             },
             {
               "description": "(React: onHidden) This event is dispatched when the popover is hidden",
               "name": "hidden",
-              "reactName": "onHidden",
-              "eventName": "HiddenEvent"
+              "reactName": "onHidden"
             },
             {
               "description": "(React: onCreated) This event is dispatched when the popover is created (added to the DOM)",
               "name": "created",
-              "reactName": "onCreated",
-              "eventName": "CreatedEvent"
+              "reactName": "onCreated"
             },
             {
               "description": "(React: onDestroyed) This event is dispatched when the popover is destroyed (removed from the DOM)",
               "name": "destroyed",
-              "reactName": "onDestroyed",
-              "eventName": "DestroyedEvent"
+              "reactName": "onDestroyed"
             }
           ],
           "attributes": [
@@ -12629,14 +12580,12 @@
             {
               "description": "(React: onChange) Event that gets dispatched when the radio state changes.",
               "name": "change",
-              "reactName": "onChange",
-              "eventName": "ChangeEvent"
+              "reactName": "onChange"
             },
             {
               "description": "(React: onFocus) Event that gets dispatched when the radio receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             }
           ],
           "attributes": [
@@ -14506,7 +14455,6 @@
               "description": "(React: onInput) This event is dispatched when the value of the input field changes (every press).",
               "name": "input",
               "reactName": "onInput",
-              "eventName": "InputEvent",
               "inheritedFrom": {
                 "name": "Input",
                 "module": "src/components/input/input.component.ts"
@@ -14516,7 +14464,6 @@
               "description": "(React: onChange) This event is dispatched when the value of the input field changes (on blur).",
               "name": "change",
               "reactName": "onChange",
-              "eventName": "ChangeEvent",
               "inheritedFrom": {
                 "name": "Input",
                 "module": "src/components/input/input.component.ts"
@@ -14526,7 +14473,6 @@
               "description": "(React: onFocus) This event is dispatched when the input receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Input",
                 "module": "src/components/input/input.component.ts"
@@ -14536,7 +14482,6 @@
               "description": "(React: onBlur) This event is dispatched when the input loses focus.",
               "name": "blur",
               "reactName": "onBlur",
-              "eventName": "BlurEvent",
               "inheritedFrom": {
                 "name": "Input",
                 "module": "src/components/input/input.component.ts"
@@ -15225,7 +15170,6 @@
               "description": "(React: onClick) This event is dispatched when the tab is clicked.",
               "name": "click",
               "reactName": "onClick",
-              "eventName": "ClickEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -15235,7 +15179,6 @@
               "description": "(React: onKeyDown) This event is dispatched when a key is pressed down on the tab.",
               "name": "keydown",
               "reactName": "onKeyDown",
-              "eventName": "KeydownEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -15245,7 +15188,6 @@
               "description": "(React: onKeyUp) This event is dispatched when a key is released on the tab.",
               "name": "keyup",
               "reactName": "onKeyUp",
-              "eventName": "KeyupEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -15255,7 +15197,6 @@
               "description": "(React: onFocus) This event is dispatched when the tab receives focus.",
               "name": "focus",
               "reactName": "onFocus",
-              "eventName": "FocusEvent",
               "inheritedFrom": {
                 "name": "Buttonsimple",
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
@@ -16050,8 +15991,7 @@
                 "text": "CustomEvent"
               },
               "description": "(React: onLimitExceeded) This event is dispatched once when the character limit exceeds or restored.",
-              "reactName": "onLimitExceeded",
-              "eventName": "LimitexceededEvent"
+              "reactName": "onLimitExceeded"
             },
             {
               "type": {
@@ -16061,26 +16001,22 @@
             {
               "description": "(React: onInput) This event is dispatched when the value of the textarea field changes (every press).",
               "name": "input",
-              "reactName": "onInput",
-              "eventName": "InputEvent"
+              "reactName": "onInput"
             },
             {
               "description": "(React: onChange) This event is dispatched when the value of the textarea field changes (on blur).",
               "name": "change",
-              "reactName": "onChange",
-              "eventName": "ChangeEvent"
+              "reactName": "onChange"
             },
             {
               "description": "(React: onFocus) This event is dispatched when the textarea receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             },
             {
               "description": "(React: onBlur) This event is dispatched when the textarea loses focus.",
               "name": "blur",
-              "reactName": "onBlur",
-              "eventName": "BlurEvent"
+              "reactName": "onBlur"
             }
           ],
           "attributes": [
@@ -16943,14 +16879,12 @@
             {
               "description": "(React: onChange) Event that gets dispatched when the toggle state changes.",
               "name": "change",
-              "reactName": "onChange",
-              "eventName": "ChangeEvent"
+              "reactName": "onChange"
             },
             {
               "description": "(React: onFocus) Event that gets dispatched when the toggle receives focus.",
               "name": "focus",
-              "reactName": "onFocus",
-              "eventName": "FocusEvent"
+              "reactName": "onFocus"
             }
           ],
           "attributes": [
@@ -18403,7 +18337,6 @@
               "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"
@@ -18413,7 +18346,6 @@
               "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"
@@ -18423,7 +18355,6 @@
               "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"
@@ -18433,7 +18364,6 @@
               "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"
@@ -18941,8 +18871,7 @@
             {
               "description": "(React: onScroll) Event that gets called when user scrolls inside of list.",
               "name": "onscroll",
-              "reactName": "onScroll",
-              "eventName": "OnscrollEvent"
+              "reactName": "onScroll"
             }
           ],
           "attributes": [