@momentum-ui/web-components 2.24.2 → 2.25.0

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

@@ -83,7 +83,7 @@ export declare namespace Grabber {
         };
         private get grabberContainerClassMap();
         private get isRtl();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "list-menu-bold" | "arrow-right-bold" | "arrow-left-bold";
+        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
         get iconSize(): "10" | "12";
         render(): import("lit-element").TemplateResult;
     }

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

@@ -154,6 +154,7 @@ export declare namespace Icon {
         loadSvgIcon(iconName: string): Promise<void>;
         setSvgIconAttributes(): void;
         private get computedSvgPath();
+        private getIsMomentumDesignName;
         private get svgIconName();
         updated(changedProperties: PropertyValues): void;
         _ariaLabel: string;

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

@@ -37,6 +37,29 @@ export declare namespace Input {
         determineMessageType(array: Input.Message[]): MessageType;
         filterMessagesByType(array: Input.Message[], value: string): string[];
     }
+    export interface InputChangeEventDetail {
+        srcEvent: Event;
+        value: string;
+    }
+    export interface InputFocusEventDetail {
+        srcEvent: FocusEvent;
+    }
+    export interface InputBlurEventDetail {
+        srcEvent: FocusEvent;
+    }
+    export interface InputKeydownEventDetail {
+        srcEvent: KeyboardEvent;
+    }
+    export interface InputMousedownEventDetail {
+        srcEvent: MouseEvent;
+    }
+    export interface InputClearEventDetail {
+        srcEvent: MouseEvent | KeyboardEvent;
+    }
+    export interface InputDropdownClickEventDetail {
+        srcEvent: MouseEvent;
+        expanded: boolean;
+    }
     const ELEMENT_base: typeof LitElement & import("@/mixins/FocusMixin").AnyConstructor<import("@/mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         ariaDescribedBy: string;
@@ -80,6 +103,9 @@ export declare namespace Input {
         newMomentum: boolean;
         control?: FormControl<unknown>;
         disableUserTextInput: boolean;
+        showDropdown: boolean;
+        dropdownExpanded: boolean;
+        dropdownAriaLabel: string;
         input: HTMLInputElement;
         private isEditing;
         private readonly inputSectionRightSlot;
@@ -88,6 +114,7 @@ export declare namespace Input {
         connectedCallback(): void;
         disconnectedCallback(): void;
         select(): void;
+        focus(): void;
         handleOutsideClick(event: MouseEvent): void;
         handleKeyDown(event: KeyboardEvent): void;
         handleFocus(event: FocusEvent): void;
@@ -97,6 +124,7 @@ export declare namespace Input {
         handleClear(event: MouseEvent | KeyboardEvent): void;
         handleLabelClick(): void;
         handleRighSlotChange(): void;
+        handleDropdownClick(event: MouseEvent): void;
         get messageType(): Input.MessageType | null;
         get messages(): string[] | null;
         get inputClassMap(): {
@@ -127,12 +155,13 @@ export declare namespace Input {
             "md-dirty": boolean;
             "md-has-right-icon": boolean;
         };
-        get ariaExpandedValue(): "undefined" | "true" | "false";
+        get ariaExpandedValue(): "true" | "false" | undefined;
         get hasRightIcon(): boolean;
         inputTemplate(): import("lit-element").TemplateResult;
         inputLeftTemplate(): {};
         private get inputRightTemplateClassMap();
         inputRightTemplate(): import("lit-element").TemplateResult | undefined;
+        private get comboBoxButtonTemplate();
         secondaryLabelTemplate(): {};
         helpTextTemplate(): {};
         messagesTemplate(): {};
@@ -146,4 +175,13 @@ declare global {
     interface HTMLElementTagNameMap {
         "md-input": Input.ELEMENT;
     }
+    interface HTMLElementEventMap {
+        "input-change": CustomEvent<Input.InputChangeEventDetail>;
+        "input-focus": CustomEvent<Input.InputFocusEventDetail>;
+        "input-blur": CustomEvent<Input.InputBlurEventDetail>;
+        "input-keydown": CustomEvent<Input.InputKeydownEventDetail>;
+        "input-mousedown": CustomEvent<Input.InputMousedownEventDetail>;
+        "input-clear": CustomEvent<Input.InputClearEventDetail>;
+        "input-dropdown-click": CustomEvent<Input.InputDropdownClickEventDetail>;
+    }
 }

package/dist/types/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from "lit-element";
+export declare const skeletonAnimationTypes: readonly ["none", "pulse"];
+export declare const skeletonVariants: readonly ["circle", "rectangular", "rounded"];
+export declare namespace Skeleton {
+    type AnimationType = (typeof skeletonAnimationTypes)[number];
+    type Variant = (typeof skeletonVariants)[number];
+    class ELEMENT extends LitElement {
+        width?: string;
+        height?: string;
+        variant?: Variant;
+        animation?: AnimationType;
+        render(): import("lit-element").TemplateResult;
+        static get styles(): import("lit-element").CSSResult[];
+    }
+}

package/dist/types/index.d.ts

@@ -72,6 +72,7 @@ export type { PresenceState } from "./components/presence/Presence.utils";
 export { ProgressBar } from "./components/progress-bar/ProgressBar";
 export { Radio } from "./components/radio/Radio";
 export { RadioGroup } from "./components/radio/RadioGroup";
+export { Skeleton } from "./components/skeleton/Skeleton";
 export { Slider } from "./components/slider/Slider";
 export { Spinner } from "./components/spinner/Spinner";
 export { TableAdvanced } from "./components/table-advanced/TableAdvanced";

package/package.json

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