@momentum-design/components 0.129.16 → 0.129.17

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

@@ -109,14 +109,6 @@ declare class Badge extends Badge_base {
      * Otherwise, the role will be null.
      */
     private setRoleByAriaLabel;
-    /**
-     * Generates the badge content based on the badge type.
-     * Utilizes various helper methods to create the appropriate badge template based on the
-     * current badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'
-     * types, returning the corresponding template result for each type.
-     * @returns the TemplateResult for the current badge type.
-     */
-    private getBadgeContentBasedOnType;
     update(changedProperties: PropertyValues): void;
     render(): TemplateResult;
     static styles: Array<CSSResult>;

package/dist/components/badge/badge.component.js

@@ -78,7 +78,7 @@ class Badge extends IconNameMixin(Component) {
          * where the badge will be layered on top of a button.
          * @default false
          */
-        this.overlay = false;
+        this.overlay = DEFAULTS.OVERLAY;
         /**
          * Aria-label attribute to be set for accessibility
          * @default null
@@ -156,14 +156,13 @@ class Badge extends IconNameMixin(Component) {
             this.role = null;
         }
     }
-    /**
-     * Generates the badge content based on the badge type.
-     * Utilizes various helper methods to create the appropriate badge template based on the
-     * current badge type. Supports 'dot', 'icon', 'counter', 'success', 'warning', and 'error'
-     * types, returning the corresponding template result for each type.
-     * @returns the TemplateResult for the current badge type.
-     */
-    getBadgeContentBasedOnType() {
+    update(changedProperties) {
+        super.update(changedProperties);
+        if (changedProperties.has('ariaLabel')) {
+            this.setRoleByAriaLabel();
+        }
+    }
+    render() {
         if (this.variant && !Object.values(ICON_VARIANT).includes(this.variant)) {
             this.variant = DEFAULTS.VARIANT;
         }
@@ -185,15 +184,6 @@ class Badge extends IconNameMixin(Component) {
                 return this.getBadgeDot();
         }
     }
-    update(changedProperties) {
-        super.update(changedProperties);
-        if (changedProperties.has('ariaLabel')) {
-            this.setRoleByAriaLabel();
-        }
-    }
-    render() {
-        return this.getBadgeContentBasedOnType();
-    }
 }
 Badge.styles = [...Component.styles, ...styles];
 __decorate([
@@ -214,7 +204,7 @@ __decorate([
 ], Badge.prototype, "maxCounter", void 0);
 __decorate([
     property({ type: Boolean }),
-    __metadata("design:type", Object)
+    __metadata("design:type", Boolean)
 ], Badge.prototype, "overlay", void 0);
 __decorate([
     property({ type: String, attribute: 'aria-label' }),

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

@@ -23,5 +23,6 @@ declare const DEFAULTS: {
     readonly MAX_COUNTER_LIMIT: 999;
     readonly VARIANT: "primary";
     readonly ICON_SIZE: 1;
+    readonly OVERLAY: false;
 };
-export { TAG_NAME, DEFAULTS, TYPE, ICON_VARIANT, ICON_NAMES_LIST };
+export { DEFAULTS, ICON_NAMES_LIST, ICON_VARIANT, TAG_NAME, TYPE };

package/dist/components/badge/badge.constants.js

@@ -23,5 +23,6 @@ const DEFAULTS = {
     MAX_COUNTER_LIMIT: 999,
     VARIANT: ICON_VARIANT.PRIMARY,
     ICON_SIZE: 1,
+    OVERLAY: false,
 };
-export { TAG_NAME, DEFAULTS, TYPE, ICON_VARIANT, ICON_NAMES_LIST };
+export { DEFAULTS, ICON_NAMES_LIST, ICON_VARIANT, TAG_NAME, TYPE };

package/dist/custom-elements.json

@@ -4496,17 +4496,6 @@
               "description": "Counter is the number which can be provided in the badge.",
               "attribute": "counter"
             },
-            {
-              "kind": "method",
-              "name": "getBadgeContentBasedOnType",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "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": "method",
               "name": "getBadgeCounterText",
@@ -4607,8 +4596,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
               "description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
+              "default": "false",
               "attribute": "overlay"
             },
             {
@@ -4684,8 +4673,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
               "description": "Overlay is to add a thin outline to the badge.\nThis will help distinguish between the badge and the button,\nwhere the badge will be layered on top of a button.",
+              "default": "false",
               "fieldName": "overlay"
             },
             {

package/package.json

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