@momentum-ui/web-components 2.13.8 → 2.13.10

package/dist/types/components/form/Form.d.ts

@@ -1,13 +1,6 @@
-/**
- * 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 { LitElement } from "lit-element";
 export declare namespace Form {
-    export type Method = "GET" | "POST" | "dialog";
+    export type Method = "GET" | "get" | "POST" | "post" | "dialog";
     export type Enctype = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
     export type Target = "_self" | "_blank" | "_parent" | "_top";
     export type SubmittableElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
@@ -28,6 +21,7 @@ export declare namespace Form {
         autofillname: string;
         protected form: HTMLFormElement;
         private formElement;
+        private get formMethod();
         private isSubmittable;
         private isDisabled;
         private findSubmittable;

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

@@ -22,7 +22,7 @@ export declare namespace Grabber {
         disconnectedCallback(): void;
         static get styles(): import("lit-element").CSSResult[];
         toggleGrabber(): void;
-        handleMouseDownn(e: MouseEvent): void;
+        handleMouseDownn(): void;
         handleKeyDown(e: KeyboardEvent): void;
         handleMouseEnter(): void;
         handleMouseLeave(): void;
@@ -36,7 +36,7 @@ export declare namespace Grabber {
             "md-grabber--disabled": boolean;
             visible: boolean;
         };
-        get iconName(): "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "arrow-up-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold";
         render(): import("lit-element").TemplateResult;
     }
     export {};

package/dist/types/components/help-text/HelpText.d.ts

@@ -17,7 +17,7 @@ export declare namespace HelpText {
             [x: string]: boolean;
         };
         static get styles(): import("lit-element").CSSResult[];
-        getIconName(): "" | "check_12" | "error_12" | "warning_12";
+        getIconName(): "" | "clear-bold" | "check-bold" | "warning-bold";
         render(): import("lit-element").TemplateResult;
     }
 }

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

@@ -6,12 +6,14 @@
  *
  */
 import "@/components/button/Button";
-import { LitElement } from "lit-element";
+import { LitElement, PropertyValues } from "lit-element";
 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 const iconSet: readonly ["momentumUI", "preferMomentumDesign", "momentumDesign"];
 export declare namespace Icon {
-    type Size = typeof iconSize[number];
-    type Type = typeof iconType[number];
+    type Size = (typeof iconSize)[number];
+    type Type = (typeof iconType)[number];
+    type IconSet = (typeof iconSet)[number];
     type ButtonProperty = {
         [key: string]: string;
     };
@@ -24,13 +26,22 @@ export declare namespace Icon {
         sizeOverrided: boolean;
         title: string;
         type: string;
-        ariaHidden: any;
+        ariaHidden: "true" | "false" | null;
         isActive: boolean;
         isComboBoxIcon: boolean;
-        designEnabled: boolean;
-        override: boolean;
+        iconSet: IconSet;
         private static designLookup;
-        private design;
+        private svgIcon;
+        isPath(importedIcon: string): boolean;
+        decodeIfBase64EncodedSvg(data: string): string;
+        getSvgContentFromFile(importedIcon: string): Promise<HTMLElement | null>;
+        getSvgContentFromInline(importedIcon: string): HTMLElement | null;
+        parseSvgContent(svgContent: string): HTMLElement | null;
+        isSvgAlreadyLoaded(iconName: string): boolean | undefined;
+        loadSvgIcon(iconName: string): Promise<void>;
+        setSvgIconAttributes(): void;
+        private get svgIconName();
+        updated(changedProperties: PropertyValues): void;
         _ariaLabel: string;
         get ariaLabel(): string;
         set ariaLabel(value: string);
@@ -44,11 +55,8 @@ export declare namespace Icon {
             [x: string]: boolean;
             "md-combobox-input__icon": boolean;
             "md-combobox-input__icon--active": boolean;
-            "design-font": boolean;
         };
         getIconName(): string;
-        handleOverride(iconName: string): string;
-        handleEnabled(iconName: string): string | null;
         handleSizeOverride(iconName: string): string;
         get iconName(): string | void;
         get iconStyleMap(): {
@@ -57,7 +65,11 @@ export declare namespace Icon {
         };
         static get styles(): import("lit-element").CSSResult[];
         handleIconClick(event: MouseEvent): void;
+        private get doesIconSetSupportSVG();
+        private get isSVGRender();
         render(): import("lit-element").TemplateResult;
+        renderFontIcon(): import("lit-element").TemplateResult;
+        renderSVGIcon(): import("lit-element").TemplateResult;
     }
 }
 declare global {

package/dist/types/components/input/Input.d.ts

@@ -27,11 +27,11 @@ export declare namespace Input {
         id?: string;
         ariaLive?: "off" | "assertive" | "polite";
     };
-    export type ContainerSize = typeof containerSize[number];
-    export type InputSize = typeof inputSize[number];
+    export type ContainerSize = (typeof containerSize)[number];
+    export type InputSize = (typeof inputSize)[number];
     export type InputType = typeof inputSize;
     export type shape = typeof inputShape;
-    export type AriaInvalidType = typeof ariaInvalidType[number];
+    export type AriaInvalidType = (typeof ariaInvalidType)[number];
     export class MessageController {
         determineMessageType(array: Input.Message[]): MessageType;
         filterMessagesByType(array: Input.Message[], value: string): string[];

package/dist/types/components/link/Link.d.ts

@@ -10,9 +10,9 @@ export declare const linkTag: readonly ["a", "div", "span"];
 export declare const linkColor: readonly ["", "blue", "red", "green", "yellow", "orange"];
 export declare const linkRole: readonly ["button", "checkbox", "link", "menuitem", "menuitemcheckbox", "menuitemradio", "option", "radio", "switch", "tab"];
 export declare namespace Link {
-    type Tag = typeof linkTag[number];
-    type Color = typeof linkColor[number];
-    type Role = typeof linkRole[number];
+    type Tag = (typeof linkTag)[number];
+    type Color = (typeof linkColor)[number];
+    type Role = (typeof linkRole)[number];
     class ELEMENT extends LitElement {
         color: Color;
         ariaLabel: string;

package/dist/types/components/list/List.d.ts

@@ -11,9 +11,9 @@ export declare namespace List {
     export class ELEMENT extends ELEMENT_base {
         alignment: "horizontal" | "vertical";
         label: string;
-        role: "list" | "listbox";
         activated: number;
         listItemSlot?: HTMLSlotElement;
+        private _role;
         protected firstUpdated(changedProperties: PropertyValues): void;
         private notifySelectedChange;
         /**

package/dist/types/components/meeting-alert/MeetingAlert.d.ts

@@ -11,7 +11,7 @@ import "@/components/icon/Icon";
 import { LitElement, TemplateResult } from "lit-element";
 export declare const MeetingAlertRole: readonly ["alert", "alertdialog", "button", "checkbox", "dialog", "link", "option", "status"];
 export declare namespace MeetingAlert {
-    type Role = typeof MeetingAlertRole[number];
+    type Role = (typeof MeetingAlertRole)[number];
     class ELEMENT extends LitElement {
         attendees: {
             title: string;

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

@@ -14,9 +14,9 @@ export declare const menuOverlaySize: readonly ["small", "large"];
 export declare const menuOverlayPlacement: readonly ["left-start", "left", "left-end", "right-start", "right", "right-end", "top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"];
 export declare const menuOverlayRole: readonly ["menu", "dialog"];
 export declare namespace MenuOverlay {
-    export type Size = typeof menuOverlaySize[number];
-    export type Placement = typeof menuOverlayPlacement[number];
-    export type Role = typeof menuOverlayRole[number];
+    export type Size = (typeof menuOverlaySize)[number];
+    export type Placement = (typeof menuOverlayPlacement)[number];
+    export type Role = (typeof menuOverlayRole)[number];
     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;
@@ -33,6 +33,7 @@ export declare namespace MenuOverlay {
         ariaRole: Role;
         ariaLabel: string;
         isDatePicker: boolean;
+        overlayOffset: number;
         overlayContainer: HTMLDivElement;
         arrow: HTMLDivElement;
         trigger?: NodeListOf<HTMLElement>;

package/dist/types/components/modal/Modal.d.ts

@@ -17,7 +17,7 @@ export declare const modalType: readonly ["default", "full", "large", "small", "
  * MIT: http://news.mit.edu/2014/in-the-blink-of-an-eye-0116
  */
 export declare namespace Modal {
-    export type Type = typeof modalType[number];
+    export type Type = (typeof modalType)[number];
     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 {
         show: boolean;

package/dist/types/components/pagination/Pagination.d.ts

@@ -1,3 +1,5 @@
+import "@/components/button/Button";
+import "@/components/icon/Icon";
 import { LitElement } from "lit-element";
 export declare namespace Pagination {
     class ELEMENT extends LitElement {

package/dist/types/components/table/Table.d.ts

@@ -11,7 +11,7 @@ type Warn = {
     [key: number]: any;
 };
 export declare namespace Table {
-    type Format = typeof formatType[number];
+    type Format = (typeof formatType)[number];
     class ELEMENT extends LitElement {
         tabledata: string;
         zebra: boolean;

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

@@ -1,3 +1,4 @@
+import "@/components/combobox/ComboBox";
 import "@/components/input/Input";
 import { LitElement, PropertyValues } from "lit-element";
 import { DateTime } from "luxon";
@@ -5,8 +6,8 @@ import { TIME_UNIT } from "../../constants";
 export declare const timeUnits: readonly [TIME_UNIT.HOUR, TIME_UNIT.MINUTE, TIME_UNIT.SECOND, TIME_UNIT.AM_PM];
 export declare const timeSpecificity: TIME_UNIT[];
 export declare namespace TimePicker {
-    type TimeUnit = typeof timeUnits[number];
-    type TimeSpecificity = typeof timeSpecificity[number];
+    type TimeUnit = (typeof timeUnits)[number];
+    type TimeSpecificity = (typeof timeSpecificity)[number];
     class ELEMENT extends LitElement {
         twoDigitAutoTab: boolean;
         twentyFourHourFormat: boolean;
@@ -36,7 +37,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/components/toggle-switch/ToggleSwitch.d.ts

@@ -9,7 +9,7 @@ import "@/components/label/Label";
 import { LitElement } from "lit-element";
 export declare const alignLabel: readonly ["left", "right"];
 export declare namespace ToggleSwitch {
-    export type alignLabel = typeof alignLabel[number];
+    export type alignLabel = (typeof alignLabel)[number];
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         htmlId: string;

package/dist/types/components/tooltip/Tooltip.d.ts

@@ -15,8 +15,8 @@ export type TooltipEvent = {
     slotContent?: Element[] | undefined | null;
 };
 export declare namespace Tooltip {
-    export type Placement = typeof tooltipPlacement[number];
-    export type Strategy = typeof tooltipStrategy[number];
+    export type Placement = (typeof tooltipPlacement)[number];
+    export type Strategy = (typeof tooltipStrategy)[number];
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         message: string;

package/dist/types/utils/keyboard.d.ts

@@ -0,0 +1 @@
+export declare function isActionKey(keyCode: string): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.13.8",
+  "version": "2.13.10",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
@@ -9,10 +9,12 @@
   "dependencies": {
     "@interactjs/actions": "1.10.3",
     "@interactjs/auto-start": "1.10.3",
+    "@interactjs/core": "1.10.3",
     "@interactjs/interact": "1.10.3",
     "@interactjs/modifiers": "1.10.3",
     "@interactjs/utils": "1.10.3",
-    "@interactjs/core": "1.10.3",
+    "@momentum-design/icons": "0.0.154",
+    "@momentum-design/tokens": "0.0.73",
     "@popperjs/core": "^2.4.4",
     "country-codes-list": "1.6.8",
     "country-flags-svg": "1.1.4",
@@ -20,13 +22,11 @@
     "highlight.js": "^10.5.0",
     "json": "^11.0.0",
     "libphonenumber-js": "^1.7.57",
+    "lit-virtualizer": "0.4.2",
     "luxon": "^1.25.0",
     "nanoid": "^3.1.16",
     "papaparse": "^5.3.0",
-    "sortablejs": "^1.13.0",
-    "lit-virtualizer": "0.4.2",
-    "@momentum-design/tokens": "0.0.67",
-    "@momentum-design/icons": "0.0.145"
+    "sortablejs": "^1.13.0"
   },
   "peerDependencies": {
     "@momentum-ui/core": "19.16.0",