@momentum-design/components 0.10.3 → 0.10.4

package/dist/components/button/button.component.js

@@ -259,7 +259,7 @@ class Button extends Component {
      */
     setAriaPressed(element, active) {
         if (active) {
-            element.setAttribute('aria-pressed', 'true');
+            element.setAttribute('aria-pressed', '');
         }
         else {
             element.removeAttribute('aria-pressed');
@@ -275,7 +275,7 @@ class Button extends Component {
      */
     setSoftDisabled(element, softDisabled) {
         if (softDisabled) {
-            element.setAttribute('aria-disabled', 'true');
+            element.setAttribute('aria-disabled', '');
         }
         else {
             element.removeAttribute('aria-disabled');
@@ -292,7 +292,7 @@ class Button extends Component {
      */
     setDisabled(element, disabled) {
         if (disabled) {
-            element.setAttribute('aria-disabled', 'true');
+            element.setAttribute('aria-disabled', '');
             this.prevTabindex = this.tabIndex;
             this.tabIndex = -1;
         }
@@ -396,11 +396,11 @@ __decorate([
     __metadata("design:type", Object)
 ], Button.prototype, "softDisabled", void 0);
 __decorate([
-    property({ type: String, attribute: 'prefix-icon' }),
+    property({ type: String, attribute: 'prefix-icon', reflect: true }),
     __metadata("design:type", String)
 ], Button.prototype, "prefixIcon", void 0);
 __decorate([
-    property({ type: String, attribute: 'postfix-icon' }),
+    property({ type: String, attribute: 'postfix-icon', reflect: true }),
     __metadata("design:type", String)
 ], Button.prototype, "postfixIcon", void 0);
 __decorate([

package/dist/components/presence/presence.component.js

@@ -10,8 +10,9 @@ var __metadata = (this && this.__metadata) || function (k, v) {
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import { Component } from '../../models';
-import { DEFAULTS, SIZE, TYPE } from './presence.constants';
+import { DEFAULTS, SIZE } from './presence.constants';
 import styles from './presence.styles';
+import { getIconValue } from './presence.utils';
 /**
  * The `mdc-presence` component is a versatile UI element used to
  * display the presence status of a user or entity within an avatar component.
@@ -86,38 +87,11 @@ class Presence extends Component {
      * Get the icon name based on the presence type
      */
     get icon() {
-        switch (this.type) {
-            case TYPE.AWAY:
-                return 'recents-presence-badge-filled';
-            case TYPE.AWAY_CALLING:
-                return 'away-calling-presence-filled';
-            case TYPE.BUSY:
-                return 'busy-presence-bold';
-            case TYPE.DND:
-                return 'dnd-presence-badge-filled';
-            case TYPE.MEETING:
-                return 'camera-filled';
-            case TYPE.ON_CALL:
-                return 'handset-filled';
-            case TYPE.ON_DEVICE:
-                return 'generic-device-video-badge-filled';
-            case TYPE.ON_MOBILE:
-                return 'phone-badge-filled';
-            case TYPE.PAUSE:
-                return 'pause-badge-filled';
-            case TYPE.PTO:
-                return 'pto-presence-filled';
-            case TYPE.PRESENTING:
-                return 'share-screen-badge-filled';
-            case TYPE.QUIET:
-                return 'quiet-hours-presence-filled';
-            case TYPE.SCHEDULED:
-                return 'meetings-presence-badge-filled';
-            case TYPE.ACTIVE:
-            default:
-                this.type = DEFAULTS.TYPE;
-                return 'active-presence-small-filled';
+        const iconName = getIconValue(this.type);
+        if (iconName === 'active-presence-small-filled') {
+            this.type = DEFAULTS.TYPE;
         }
+        return iconName;
     }
     render() {
         return html `

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

@@ -0,0 +1,2 @@
+import type { PresenceType } from './presence.types';
+export declare const getIconValue: (type: PresenceType) => "active-presence-small-filled" | "away-calling-presence-filled" | "busy-presence-bold" | "camera-filled" | "dnd-presence-badge-filled" | "generic-device-video-badge-filled" | "handset-filled" | "meetings-presence-badge-filled" | "pause-badge-filled" | "phone-badge-filled" | "pto-presence-filled" | "quiet-hours-presence-filled" | "recents-presence-badge-filled" | "share-screen-badge-filled";

package/dist/components/presence/presence.utils.js

@@ -0,0 +1,34 @@
+import { TYPE } from './presence.constants';
+export const getIconValue = (type) => {
+    switch (type) {
+        case TYPE.AWAY:
+            return 'recents-presence-badge-filled';
+        case TYPE.AWAY_CALLING:
+            return 'away-calling-presence-filled';
+        case TYPE.BUSY:
+            return 'busy-presence-bold';
+        case TYPE.DND:
+            return 'dnd-presence-badge-filled';
+        case TYPE.MEETING:
+            return 'camera-filled';
+        case TYPE.ON_CALL:
+            return 'handset-filled';
+        case TYPE.ON_DEVICE:
+            return 'generic-device-video-badge-filled';
+        case TYPE.ON_MOBILE:
+            return 'phone-badge-filled';
+        case TYPE.PAUSE:
+            return 'pause-badge-filled';
+        case TYPE.PTO:
+            return 'pto-presence-filled';
+        case TYPE.PRESENTING:
+            return 'share-screen-badge-filled';
+        case TYPE.QUIET:
+            return 'quiet-hours-presence-filled';
+        case TYPE.SCHEDULED:
+            return 'meetings-presence-badge-filled';
+        case TYPE.ACTIVE:
+        default:
+            return 'active-presence-small-filled';
+    }
+};

package/dist/custom-elements.json

@@ -498,7 +498,8 @@
                 "text": "string | undefined"
               },
               "description": "The name of the icon to display as a prefix.\nThe icon is displayed on the left side of the button.",
-              "attribute": "prefix-icon"
+              "attribute": "prefix-icon",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -507,7 +508,8 @@
                 "text": "string | undefined"
               },
               "description": "The name of the icon to display as a postfix.\nThe icon is displayed on the right side of the button.",
-              "attribute": "postfix-icon"
+              "attribute": "postfix-icon",
+              "reflects": true
             },
             {
               "kind": "field",

package/package.json

@@ -35,5 +35,5 @@
     "@momentum-design/tokens": "*",
     "lit": "^3.2.0"
   },
-  "version": "0.10.3"
+  "version": "0.10.4"
 }