@momentum-design/components 0.129.11 → 0.129.12

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

@@ -1,4 +1,4 @@
-import type { CSSResult } from 'lit';
+import type { CSSResult, TemplateResult } from 'lit';
 import { Component } from '../../models';
 import type { BannerVariant } from './banner.types';
 /**
@@ -51,7 +51,7 @@ declare class Banner extends Component {
     /**
      * Banner label text
      */
-    label: string;
+    label?: string;
     /**
      * Banner secondary label text
      *
@@ -74,7 +74,7 @@ declare class Banner extends Component {
      * @returns Template result containing label and optional secondary label elements
      */
     private getTextLabel;
-    render(): import("lit-html").TemplateResult<1>;
+    render(): TemplateResult<1>;
     static styles: Array<CSSResult>;
 }
 export default Banner;

package/dist/components/banner/banner.component.js

@@ -63,10 +63,6 @@ class Banner extends Component {
          * @default 'custom'
          */
         this.variant = DEFAULTS.VARIANT;
-        /**
-         * Banner label text
-         */
-        this.label = '';
     }
     /**
      * @internal
@@ -79,12 +75,7 @@ class Banner extends Component {
         if (!iconName)
             return nothing;
         return html `
-      <mdc-icon
-        name="${iconName}"
-        size="${DEFAULTS.PREFIX_ICON_SIZE}"
-        part="leading-icon"
-        length-unit="rem"
-      ></mdc-icon>
+      <mdc-icon name="${iconName}" size="${DEFAULTS.PREFIX_ICON_SIZE}" part="leading-icon" length-unit="rem"></mdc-icon>
     `;
     }
     /**
@@ -115,12 +106,11 @@ class Banner extends Component {
     `;
     }
     render() {
-        var _a;
         return html `
       <slot name="content">
         <div part="leading">
           <slot name="leading-icon">
-            ${this.variant !== DEFAULTS.VARIANT ? this.renderIcon((_a = getIconNameForVariant(this.variant)) !== null && _a !== void 0 ? _a : '') : nothing}
+            ${this.variant !== DEFAULTS.VARIANT ? this.renderIcon(getIconNameForVariant(this.variant)) : nothing}
           </slot>
           <slot name="leading-text">
             <div part="leading-text">${this.getTextLabel()}</div>

package/dist/components/banner/banner.constants.d.ts

@@ -1,3 +1,4 @@
+import type { IconNames } from '../icon/icon.types';
 declare const TAG_NAME: "mdc-banner";
 /**
  * Banner variants
@@ -13,10 +14,10 @@ declare const BANNER_VARIANT: {
  * Icon names for variants
  */
 declare const VARIANT_ICON_NAMES: {
-    readonly INFORMATIONAL_ICON_NAME: "info-circle-bold";
-    readonly SUCCESS_ICON_NAME: "check-circle-bold";
-    readonly WARNING_ICON_NAME: "warning-bold";
-    readonly ERROR_ICON_NAME: "error-legacy-bold";
+    readonly INFORMATIONAL_ICON_NAME: Extract<IconNames, "info-circle-bold">;
+    readonly SUCCESS_ICON_NAME: Extract<IconNames, "check-circle-bold">;
+    readonly WARNING_ICON_NAME: Extract<IconNames, "warning-bold">;
+    readonly ERROR_ICON_NAME: Extract<IconNames, "error-legacy-bold">;
 };
 /**
  * Default values
@@ -25,4 +26,4 @@ declare const DEFAULTS: {
     readonly VARIANT: "custom";
     readonly PREFIX_ICON_SIZE: 1.25;
 };
-export { TAG_NAME, BANNER_VARIANT, DEFAULTS, VARIANT_ICON_NAMES };
+export { BANNER_VARIANT, DEFAULTS, TAG_NAME, VARIANT_ICON_NAMES };

package/dist/components/banner/banner.constants.js

@@ -26,4 +26,4 @@ const DEFAULTS = {
     VARIANT: BANNER_VARIANT.CUSTOM,
     PREFIX_ICON_SIZE: 1.25,
 };
-export { TAG_NAME, BANNER_VARIANT, DEFAULTS, VARIANT_ICON_NAMES };
+export { BANNER_VARIANT, DEFAULTS, TAG_NAME, VARIANT_ICON_NAMES };

package/dist/components/banner/banner.utils.d.ts

@@ -1,3 +1,4 @@
+import type { IconNames } from '../icon/icon.types';
 import type { BannerVariant } from './banner.types';
-declare const getIconNameForVariant: (variant: BannerVariant) => string | null;
+declare const getIconNameForVariant: (variant: BannerVariant) => IconNames | null;
 export { getIconNameForVariant };

package/dist/custom-elements.json

@@ -4797,9 +4797,8 @@
               "kind": "field",
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "Banner label text",
               "attribute": "label",
               "reflects": true
@@ -4839,9 +4838,8 @@
             {
               "name": "label",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
               "description": "Banner label text",
               "fieldName": "label"
             },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.129.11",
+  "version": "0.129.12",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"