@momentum-design/components 0.22.0 → 0.22.2

package/dist/custom-elements.json

@@ -87,19 +87,6 @@
                 "module": "utils/mixins/AvatarComponentMixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "AvatarComponentMixin",
-                "module": "utils/mixins/AvatarComponentMixin.js"
-              }
-            },
             {
               "kind": "field",
               "name": "counter",
@@ -126,12 +113,29 @@
                 "name": "AvatarComponentMixin",
                 "module": "utils/mixins/AvatarComponentMixin.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
             }
           ],
           "mixins": [
             {
               "name": "AvatarComponentMixin",
               "module": "/src/utils/mixins/AvatarComponentMixin"
+            },
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
             }
           ],
           "superclass": {
@@ -191,18 +195,6 @@
                 "module": "src/utils/mixins/AvatarComponentMixin.ts"
               }
             },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "AvatarComponentMixin",
-                "module": "src/utils/mixins/AvatarComponentMixin.ts"
-              }
-            },
             {
               "name": "counter",
               "type": {
@@ -227,6 +219,18 @@
                 "name": "AvatarComponentMixin",
                 "module": "src/utils/mixins/AvatarComponentMixin.ts"
               }
+            },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
             }
           ]
         }
@@ -401,19 +405,6 @@
                 "module": "components/buttonsimple/buttonsimple.component.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "attribute": "icon-name",
-              "inheritedFrom": {
-                "name": "AvatarComponentMixin",
-                "module": "utils/mixins/AvatarComponentMixin.js"
-              }
-            },
             {
               "kind": "field",
               "name": "counter",
@@ -441,6 +432,19 @@
                 "module": "utils/mixins/AvatarComponentMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "tabIndex",
@@ -650,18 +654,6 @@
                 "module": "src/components/buttonsimple/buttonsimple.component.ts"
               }
             },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "fieldName": "iconName",
-              "inheritedFrom": {
-                "name": "AvatarComponentMixin",
-                "module": "src/utils/mixins/AvatarComponentMixin.ts"
-              }
-            },
             {
               "name": "counter",
               "type": {
@@ -687,6 +679,18 @@
                 "module": "src/utils/mixins/AvatarComponentMixin.ts"
               }
             },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
+            },
             {
               "name": "tabIndex",
               "type": {
@@ -767,6 +771,10 @@
             {
               "name": "AvatarComponentMixin",
               "module": "/src/utils/mixins/AvatarComponentMixin"
+            },
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
             }
           ],
           "superclass": {
@@ -854,15 +862,6 @@
               "attribute": "type",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "attribute": "icon-name"
-            },
             {
               "kind": "field",
               "name": "variant",
@@ -1012,6 +1011,19 @@
                 }
               },
               "description": "Generates the badge content based on the badge type.\nUtilizes various helper methods to create the appropriate badge template based on the\ncurrent badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'\ntypes, returning the corresponding template result for each type."
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
             }
           ],
           "attributes": [
@@ -1023,14 +1035,6 @@
               "description": "Type of the badge\nCan be `dot` (notification) , `icon`, `counter`, `success`, `warning` or `error`.",
               "fieldName": "type"
             },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
-              "fieldName": "iconName"
-            },
             {
               "name": "variant",
               "type": {
@@ -1074,6 +1078,24 @@
               "default": "null",
               "description": "Aria-label attribute to be set for accessibility",
               "fieldName": "ariaLabel"
+            },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
+            }
+          ],
+          "mixins": [
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
             }
           ],
           "superclass": {
@@ -1960,7 +1982,7 @@
             "module": "/src/models"
           },
           "tagName": "mdc-buttonsimple",
-          "jsDoc": "/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @tagname mdc-buttonsimple\n *\n */",
+          "jsDoc": "/**\n * `mdc-buttonsimple` is a component that can be configured in various ways to suit different use cases.\n * It is used as an internal component and is not intended to be used directly by consumers.\n * Consumers should use the `mdc-button` component instead.\n *\n * @tagname mdc-buttonsimple\n */",
           "customElement": true
         }
       ],
@@ -3518,6 +3540,21 @@
               ],
               "description": "Handles the change event of the input field.\nUpdates the value and sets the validity of the input field.\n\nThe 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed"
             },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  },
+                  "description": "Keyboard event"
+                }
+              ],
+              "description": "Handles the keydown event of the input field.\nIf the key pressed is 'Enter', it submits the form."
+            },
             {
               "kind": "method",
               "name": "renderLeadingIcon",
@@ -4089,15 +4126,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon (= filename) to be used as trailing icon for link.\n\nIf no `icon` is provided, no icon will be rendered.",
-              "attribute": "icon-name"
-            },
             {
               "kind": "field",
               "name": "inline",
@@ -4177,17 +4205,22 @@
                 "name": "DisabledMixin",
                 "module": "utils/mixins/DisabledMixin.js"
               }
-            }
-          ],
-          "attributes": [
+            },
             {
-              "name": "icon-name",
+              "kind": "field",
+              "name": "iconName",
               "type": {
                 "text": "IconNames | undefined"
               },
-              "description": "Name of the icon (= filename) to be used as trailing icon for link.\n\nIf no `icon` is provided, no icon will be rendered.",
-              "fieldName": "iconName"
-            },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "utils/mixins/IconNameMixin.js"
+              }
+            }
+          ],
+          "attributes": [
             {
               "name": "inline",
               "type": {
@@ -4227,12 +4260,28 @@
                 "name": "DisabledMixin",
                 "module": "src/utils/mixins/DisabledMixin.ts"
               }
+            },
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName",
+              "inheritedFrom": {
+                "name": "IconNameMixin",
+                "module": "src/utils/mixins/IconNameMixin.ts"
+              }
             }
           ],
           "mixins": [
             {
               "name": "DisabledMixin",
               "module": "/src/utils/mixins/DisabledMixin"
+            },
+            {
+              "name": "IconNameMixin",
+              "module": "/src/utils/mixins/IconNameMixin"
             }
           ],
           "superclass": {
@@ -5911,15 +5960,6 @@
               "attribute": "size",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "attribute": "icon-name"
-            },
             {
               "kind": "field",
               "name": "counter",
@@ -5974,14 +6014,6 @@
               "default": "32",
               "fieldName": "size"
             },
-            {
-              "name": "icon-name",
-              "type": {
-                "text": "IconNames | undefined"
-              },
-              "description": "Name of the icon to be displayed inside the Avatar.\nMust be a valid icon name.",
-              "fieldName": "iconName"
-            },
             {
               "name": "counter",
               "type": {
@@ -6127,6 +6159,56 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "utils/mixins/IconNameMixin.js",
+      "declarations": [
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "IconNameMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "attribute": "icon-name"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "icon-name",
+              "type": {
+                "text": "IconNames | undefined"
+              },
+              "description": "Name of the icon (= filename).\n\nIf no `icon-name` is provided, no icon will be rendered.",
+              "fieldName": "iconName"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "IconNameMixin",
+          "declaration": {
+            "name": "IconNameMixin",
+            "module": "utils/mixins/IconNameMixin.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "utils/mixins/NameMixin.js",

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

@@ -5,7 +5,6 @@ import Component from '../../components/buttonsimple';
  * Consumers should use the `mdc-button` component instead.
  *
  * @tagname mdc-buttonsimple
- *
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
 export default reactWrapper;

package/dist/react/buttonsimple/index.js

@@ -8,7 +8,6 @@ import { TAG_NAME } from '../../components/buttonsimple/buttonsimple.constants';
  * Consumers should use the `mdc-button` component instead.
  *
  * @tagname mdc-buttonsimple
- *
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

package/dist/utils/mixins/AvatarComponentMixin.d.ts

@@ -1,5 +1,4 @@
 import type { AvatarSize } from '../../components/avatar/avatar.types';
-import type { IconNames } from '../../components/icon/icon.types';
 import type { PresenceType } from '../../components/presence/presence.types';
 import type { Component } from '../../models';
 import type { Constructor } from './index.types';
@@ -8,7 +7,6 @@ export interface AvatarComponentMixinInterface {
     initials?: string;
     presence?: PresenceType;
     size: AvatarSize;
-    iconName?: IconNames;
     counter?: number;
     isTyping: boolean;
 }

package/dist/utils/mixins/AvatarComponentMixin.js

@@ -49,10 +49,6 @@ export const AvatarComponentMixin = (superClass) => {
         property({ type: Number, reflect: true, attribute: 'size' }),
         __metadata("design:type", Number)
     ], InnerMixinClass.prototype, "size", void 0);
-    __decorate([
-        property({ type: String, attribute: 'icon-name' }),
-        __metadata("design:type", String)
-    ], InnerMixinClass.prototype, "iconName", void 0);
     __decorate([
         property({ type: Number }),
         __metadata("design:type", Number)

package/dist/utils/mixins/IconNameMixin.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+import type { Constructor } from './index.types';
+import type { IconNames } from '../../components/icon/icon.types';
+export interface IconNameMixinInterface {
+    iconName: IconNames;
+}
+export declare const IconNameMixin: <T extends Constructor<LitElement>>(superClass: T) => Constructor<IconNameMixinInterface> & T;

package/dist/utils/mixins/IconNameMixin.js

@@ -0,0 +1,20 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { property } from 'lit/decorators.js';
+export const IconNameMixin = (superClass) => {
+    class InnerMixinClass extends superClass {
+    }
+    __decorate([
+        property({ type: String, attribute: 'icon-name' }),
+        __metadata("design:type", String)
+    ], InnerMixinClass.prototype, "iconName", void 0);
+    // Cast return type to your mixin's interface intersected with the superClass type
+    return InnerMixinClass;
+};

package/package.json

@@ -36,5 +36,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.22.0"
+  "version": "0.22.2"
 }