@momentum-ui/web-components 2.18.1 → 2.19.0

package/dist/types/components/avatar/Avatar.constants.d.ts

@@ -1,4 +1,6 @@
 import "@/components/icon/Icon";
-declare const AvatarType: readonly ["active", "away", "away-calling", "busy", "bot", "call", "dnd", "group", "inactive", "meeting", "ooo", "on-mobile", "on-device", "on-hold", "presenting", "self", "schedule", "typing", "engaged", "idle", "rona", "quiet-hours", ""];
+declare const AvatarState: readonly ["active", "rest"];
+declare const AvatarStyle: readonly ["default", "table"];
+declare const AvatarType: readonly ["active", "away", "away-calling", "busy", "bot", "call", "dnd", "group", "inactive", "meeting", "ooo", "on-mobile", "on-device", "on-hold", "presenting", "self", "schedule", "typing", "engaged", "idle", "rona", "quiet-hours", "channel-chat", "channel-sms-inbound", "channel-sms-outbound", "channel-email-inbound", "channel-email-outbound", "channel-call", "channel-callback", "channel-headset", "channel-campaign", "channel-emoji", "channel-webex", "channel-fb-messenger", "channel-apple-chat", "channel-line", "channel-twitter-x", "channel-viber", "channel-whats-app", "channel-we-chat", "channel-spam", "channel-custom", ""];
 declare const AvatarSize: number[];
-export { AvatarSize, AvatarType };
+export { AvatarSize, AvatarState, AvatarStyle, AvatarType };

package/dist/types/components/avatar/Avatar.d.ts

@@ -9,10 +9,12 @@ import "@/components/avatar/Presence";
 import "@/components/icon/Icon";
 import "@/components/loading/Loading";
 import { LitElement, PropertyValues } from "lit-element";
-import { AvatarSize, AvatarType } from "./Avatar.constants";
+import { AvatarSize, AvatarState, AvatarStyle, AvatarType } from "./Avatar.constants";
 export declare namespace Avatar {
     type Type = (typeof AvatarType)[number];
     type Size = (typeof AvatarSize)[number];
+    type State = (typeof AvatarState)[number];
+    type Style = (typeof AvatarStyle)[number];
     type Role = "img" | "button";
     class ELEMENT extends LitElement {
         private _tabIndex;
@@ -34,6 +36,23 @@ export declare namespace Avatar {
         hasNotification: boolean;
         clickable: boolean;
         clickFunction?: () => void;
+        /**
+         * The style of the avatar based on where it is used.
+         * Currently only affects channel avatars.
+         * @type {Avatar.Style}
+         * @default "default"
+         * @property {Avatar.Style} avatarStyle - Options: "default" | "table"
+         */
+        avatarStyle: Style;
+        /**
+         * The state determines the background color of channel avatars,
+         * in combination with the avatar style.
+         * Currently only affects channel avatars.
+         * @type {Avatar.State}
+         * @default "rest"
+         * @property {Avatar.State} state - Options: "rest" | "active"
+         */
+        state: State;
         private imageLoaded;
         private imageErrored;
         private presenceColor;
@@ -46,6 +65,8 @@ export declare namespace Avatar {
         private get avatarStyleMap();
         private get pretifyTitle();
         private get chatIconName();
+        private readonly iconNameMap;
+        private getIconName;
         private get chatIconSize();
         private get iconSize();
         get renderIsTyping(): {};
@@ -57,8 +78,10 @@ export declare namespace Avatar {
         private handleImageError;
         handleKeyDown(event: KeyboardEvent): void;
         handleClick(event: MouseEvent): void;
+        private getBrandOrDesignIconSet;
         get avatarContent(): {};
         renderPresence(): {};
+        private renderAvatarContent;
         render(): import("lit-element").TemplateResult;
     }
 }

package/dist/types/components/menu-overlay/MenuOverlay.d.ts

@@ -20,7 +20,7 @@ export declare namespace MenuOverlay {
     const ELEMENT_base: typeof LitElement & import("@/mixins/FocusTrapMixin").AnyConstructor<import("@/mixins/FocusTrapMixin").FocusTrapClass & import("@/mixins/FocusTrapMixin").FocusTrapInterface & import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         private _isOpen;
-        private static activeOverlay;
+        private static readonly activeOverlay;
         get isOpen(): boolean;
         set isOpen(newValue: boolean);
         size: MenuOverlay.Size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.18.1",
+  "version": "2.19.0",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",