@momentum-design/components 0.33.1 → 0.33.2

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

@@ -67,6 +67,10 @@ declare class Icon extends Component {
      * Aria-label attribute to be set for accessibility
      */
     ariaLabel: string | null;
+    /**
+     * Aria-labelledby attribute to be set for accessibility
+     */
+    ariaLabelledBy: string | null;
     private readonly iconProviderContext;
     private abortController;
     constructor();

package/dist/components/icon/icon.component.js

@@ -72,6 +72,10 @@ class Icon extends Component {
          * Aria-label attribute to be set for accessibility
          */
         this.ariaLabel = null;
+        /**
+         * Aria-labelledby attribute to be set for accessibility
+         */
+        this.ariaLabelledBy = null;
         this.iconProviderContext = providerUtils.consume({ host: this, context: IconProvider.Context });
         this.abortController = new AbortController(); // Initialize AbortController
     }
@@ -198,8 +202,8 @@ class Icon extends Component {
                 }
             });
         }
-        if (changedProperties.has('ariaLabel')) {
-            this.role = this.ariaLabel ? 'img' : null;
+        if (changedProperties.has('ariaLabel') || changedProperties.has('ariaLabelledBy')) {
+            this.role = (this.ariaLabel || this.ariaLabelledBy) ? 'img' : null;
         }
         if (changedProperties.has('size') || changedProperties.has('lengthUnit')) {
             this.updateSize();
@@ -246,6 +250,10 @@ __decorate([
     property({ type: String, attribute: 'aria-label' }),
     __metadata("design:type", Object)
 ], Icon.prototype, "ariaLabel", void 0);
+__decorate([
+    property({ type: String, attribute: 'aria-labelledby' }),
+    __metadata("design:type", Object)
+], Icon.prototype, "ariaLabelledBy", void 0);
 __decorate([
     state(),
     __metadata("design:type", AbortController)

package/dist/custom-elements.json

@@ -3676,6 +3676,16 @@
               "description": "Aria-label attribute to be set for accessibility",
               "attribute": "aria-label"
             },
+            {
+              "kind": "field",
+              "name": "ariaLabelledBy",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria-labelledby attribute to be set for accessibility",
+              "attribute": "aria-labelledby"
+            },
             {
               "kind": "field",
               "name": "iconProviderContext",
@@ -3792,6 +3802,15 @@
               "default": "null",
               "description": "Aria-label attribute to be set for accessibility",
               "fieldName": "ariaLabel"
+            },
+            {
+              "name": "aria-labelledby",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Aria-labelledby attribute to be set for accessibility",
+              "fieldName": "ariaLabelledBy"
             }
           ],
           "superclass": {

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.33.1"
+  "version": "0.33.2"
 }