@momentum-ui/web-components 2.12.5 → 2.13.1

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

@@ -0,0 +1,5 @@
+import "@/components/icon/Icon";
+declare const AvatarType: readonly ["active", "away", "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 AvatarSize: number[];
+declare const AVATAR_PRESENCE_ICON_SIZE_MAPPING: Record<number, number>;
+export { AvatarType, AvatarSize, AVATAR_PRESENCE_ICON_SIZE_MAPPING };

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

@@ -7,9 +7,9 @@
  */
 import "@/components/icon/Icon";
 import "@/components/loading/Loading";
-import { LitElement } from "lit-element";
-export declare const AvatarType: readonly ["active", "bot", "call", "dnd", "group", "inactive", "meeting", "ooo", "presenting", "self", "typing", "engaged", "idle", "rona", ""];
-export declare const AvatarSize: number[];
+import "@/components/avatar/Presence";
+import { LitElement, PropertyValues } from "lit-element";
+import { AvatarSize, AvatarType } from "./Avatar.constants";
 export declare namespace Avatar {
     type Type = typeof AvatarType[number];
     type Size = typeof AvatarSize[number];
@@ -22,11 +22,18 @@ export declare namespace Avatar {
         decrypting: boolean;
         iconName: string;
         type: Type;
+        newMomentum: boolean;
+        typing: boolean;
         size: Size;
         hasNotification: boolean;
         private imageLoaded;
         private imageErrored;
+        presenceColor: string;
+        presenceIcon: string;
+        isCircularWrapper: boolean;
         static get styles(): import("lit-element").CSSResult[];
+        firstUpdated(): void;
+        updated(changedProperties: PropertyValues): void;
         private get avatarClassMap();
         private get avatarLetterClassMap();
         private get avatarStyleMap();

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

@@ -6,7 +6,7 @@
  *
 */
 import { LitElement } from "lit-element";
-import { AvatarSize } from "./Avatar";
+import { AvatarSize } from "./Avatar.constants";
 export declare namespace CompositeAvatar {
     type Size = typeof AvatarSize[number];
     class ELEMENT extends LitElement {

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

@@ -0,0 +1,20 @@
+import "@/components/icon/Icon";
+import { LitElement } from "lit-element";
+import { AvatarSize } from "./Avatar.constants";
+export declare namespace Presence {
+    type Size = typeof AvatarSize[number];
+    class ELEMENT extends LitElement {
+        name: string;
+        size: Size;
+        title: string;
+        color: string;
+        isCircularWrapper: boolean;
+        static get styles(): import("lit-element").CSSResult[];
+        render(): import("lit-element").TemplateResult;
+    }
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-presence": Presence.ELEMENT;
+    }
+}

package/dist/types/components/avatar/Presence.utils.d.ts

@@ -0,0 +1,7 @@
+type ReturnType = {
+    presenceIcon?: string | undefined;
+    presenceColor?: string | undefined;
+    isCircularWrapper?: boolean;
+};
+export declare const getPresenceIconColor: (presenceType: string, failureBadge: boolean) => ReturnType;
+export {};

package/dist/types/components/grabber/Grabber.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Cisco Systems, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import "@/components/icon/Icon";
+import { LitElement } from "lit-element";
+export declare namespace Grabber {
+    const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
+    export class ELEMENT extends ELEMENT_base {
+        label: string;
+        checkedLabel: string;
+        hovered: boolean;
+        disabled: boolean;
+        checked: boolean;
+        visible: boolean;
+        alignment: "leading" | "trailing" | "top" | "bottom";
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+        static get styles(): import("lit-element").CSSResult[];
+        toggleGrabber(): void;
+        handleKeyDown(e: KeyboardEvent): void;
+        handleMouseEnter(): void;
+        handleMouseLeave(): void;
+        dispatchHoverEvent(): void;
+        get collapsed(): boolean;
+        get grabberClassMap(): {
+            [x: string]: boolean | "top" | "bottom" | "leading" | "trailing";
+            "md-grabber--active": boolean;
+            "md-grabber--disabled": boolean;
+            visible: boolean;
+        };
+        get iconName(): "arrow-down-optical_12" | "arrow-left-optical_12" | "arrow-right-optical_12" | "arrow-up-optical_12";
+        render(): import("lit-element").TemplateResult;
+    }
+    export {};
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "md-grabber": Grabber.ELEMENT;
+    }
+}

package/dist/types/components/icon/Icon.d.ts

@@ -7,7 +7,7 @@
  */
 import { LitElement } from "lit-element";
 import "@/components/button/Button";
-export declare const iconSize: readonly ["16", "20", "36", "56", 16, 20, 36, 56];
+export declare const iconSize: readonly ["14", "16", "18", "20", "28", "36", "56", 14, 16, 18, 20, 28, 36, 56];
 export declare const iconType: readonly ["", "white"];
 export declare namespace Icon {
     type Size = typeof iconSize[number];

package/dist/types/components/theme/Theme.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { TooltipEvent } from "../tooltip/Tooltip";
 import { LitElement, PropertyValues } from "lit-element";
+import { TooltipEvent } from "../tooltip/Tooltip";
 declare global {
     interface Window {
         ShadyCSS: {

package/dist/types/components/timepicker/TimePicker.d.ts

@@ -36,7 +36,7 @@ export declare namespace TimePicker {
         handleTimeBlur(event: CustomEvent, unit: TimePicker.TimeUnit): void;
         static get styles(): import("lit-element").CSSResult[];
         formatTimeUnit: (unit: TimePicker.TimeUnit) => void;
-        messageType: (isValid: boolean) => "" | "error";
+        messageType: (isValid: boolean) => "error" | "";
         generateTimeBox: (unit: TimePicker.TimeUnit) => import("lit-element").TemplateResult;
         generateAmPmComboBox: () => import("lit-element").TemplateResult;
         render(): import("lit-element").TemplateResult;

package/dist/types/constants.d.ts

@@ -19,7 +19,8 @@ export declare enum Key {
     Digit6 = "Digit6",
     Digit7 = "Digit7",
     Digit8 = "Digit8",
-    Digit9 = "Digit9"
+    Digit9 = "Digit9",
+    NumpadEnter = "NumpadEnter"
 }
 export declare enum TIME_UNIT {
     HOUR = "hour",

package/dist/types/index.d.ts

@@ -37,9 +37,10 @@ export { DraggableItem } from "./components/draggable/DraggableItem";
 export { Dropdown } from "./components/dropdown/Dropdown";
 export { EditableTextfield } from "./components/editable-textfield/EditableTextfield";
 export { Favorite } from "./components/favorite/Favorite";
-export { FloatingModal } from "./components/floating-modal/FloatingModal";
 export { FloatingMinimizedModal } from "./components/floating-modal/FloatingMinimizedModal";
+export { FloatingModal } from "./components/floating-modal/FloatingModal";
 export { Form } from "./components/form/Form";
+export { Grabber } from "./components/grabber/Grabber";
 export { HelpText } from "./components/help-text/HelpText";
 export { Icon } from "./components/icon/Icon";
 export { InputFile } from "./components/input-file/InputFile";
@@ -61,8 +62,8 @@ export { Radio } from "./components/radio/Radio";
 export { RadioGroup } from "./components/radio/RadioGroup";
 export { Slider } from "./components/slider/Slider";
 export { Spinner } from "./components/spinner/Spinner";
-export { Table } from "./components/table/Table";
 export { TableAdvanced } from "./components/table-advanced/TableAdvanced";
+export { Table } from "./components/table/Table";
 export { Tab } from "./components/tabs/Tab";
 export { TabPanel } from "./components/tabs/TabPanel";
 export { Tabs } from "./components/tabs/Tabs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.12.5",
+  "version": "2.13.1",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -11,6 +11,8 @@
     "@interactjs/auto-start": "1.10.3",
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
+    "@interactjs/utils": "1.10.3",
+    "@interactjs/core": "1.10.3",
     "@popperjs/core": "^2.4.4",
     "country-codes-list": "1.6.8",
     "country-flags-svg": "1.1.4",
@@ -23,7 +25,7 @@
     "papaparse": "^5.3.0",
     "sortablejs": "^1.13.0",
     "lit-virtualizer": "0.4.2",
-    "@momentum-design/tokens": "0.0.60"
+    "@momentum-design/tokens": "0.0.62"
   },
   "peerDependencies": {
     "@momentum-ui/core": "19.16.0",