@momentum-ui/web-components 2.25.0 → 3.0.0-alpha.2

package/dist/types/components/combobox/ComboBox.d.ts

@@ -7,8 +7,7 @@
  */
 import "@/components/help-text/HelpText";
 import "@/components/icon/Icon";
-import { LitElement, PropertyValues } from "lit-element";
-import { TemplateResult } from "lit-html";
+import { LitElement, nothing, PropertyValues, TemplateResult } from "lit";
 export declare namespace ComboBox {
     type OptionMember = {
         [key: string]: string;
@@ -175,7 +174,7 @@ export declare namespace ComboBox {
         handleOutsideClick: (event: MouseEvent) => void;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         get listItemOptionMap(): {
             "md-combobox-multiselect": boolean;
             compact: boolean;
@@ -192,31 +191,32 @@ export declare namespace ComboBox {
             "md-combobox-compact": boolean;
             "md-combobox-dropdown-arrow": boolean;
         };
-        searchIconTemplate(): TemplateResult;
-        filterIconTemplate(): TemplateResult;
-        leadingIconTemplate(iconName: string, iconClass: string): TemplateResult;
-        selectedOptionTemplate(selectedOption: string | OptionMember): TemplateResult;
-        clearButtonTemplate(): TemplateResult;
-        arrowButtonTemplate(): TemplateResult;
-        groupArrowButtonTemplate(data: string): TemplateResult;
-        getSelectAllOption(): TemplateResult;
-        getSelctedCount(): {};
+        searchIconTemplate(): TemplateResult<1>;
+        filterIconTemplate(): TemplateResult<1>;
+        leadingIconTemplate(iconName: string, iconClass: string): TemplateResult<1>;
+        selectedOptionTemplate(selectedOption: string | OptionMember): TemplateResult<1>;
+        clearButtonTemplate(): TemplateResult<1>;
+        arrowButtonTemplate(): TemplateResult<1>;
+        groupArrowButtonTemplate(data: string): TemplateResult<1>;
+        getSelectAllOption(): TemplateResult<1>;
+        getSelctedCount(): TemplateResult<1> | typeof nothing;
         checkForVirtualScroll(): boolean;
         rangeChanged(): void;
         getCustomErrorContent(): DocumentFragment;
-        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult;
-        renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult;
-        renderWithoutVirtualScroll(): import("lit-html").DirectiveFn;
-        highlightingSearchedText(option: OptionMember | string): TemplateResult[];
-        addStyle(): (part: import("lit-html").Part) => void;
-        renderItem(option: OptionMember | string, index: number): TemplateResult;
+        getCustomContent(option: string | OptionMember): DocumentFragment | TemplateResult<1>;
+        renderGroupLabelHeader(option: OptionMember, optionIndex: number): TemplateResult<1>;
+        renderWithoutVirtualScroll(): unknown;
+        highlightingSearchedText(option: OptionMember | string): TemplateResult<1>[];
+        addStyle(): import("lit-html/development/directive").DirectiveResult<typeof import("lit/directives/style-map.js").StyleMapDirective>;
+        readonly renderItem: (option: OptionMember | string, index: number) => TemplateResult;
         inputTitle(): string;
-        helpTextTemplate(): {};
-        messagesTemplate(): {};
-        get newArrowButtonTemplate(): TemplateResult;
+        helpTextTemplate(): TemplateResult<1> | typeof nothing;
+        messagesTemplate(): TemplateResult<1> | typeof nothing;
+        get newArrowButtonTemplate(): TemplateResult<1>;
         get renderNewMomentumArrow(): TemplateResult;
         get renderTrailingInputControls(): TemplateResult;
-        render(): TemplateResult;
+        private get renderVirtualScroll();
+        render(): TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/country-code-picker/CountryCodePicker.d.ts

@@ -1,5 +1,5 @@
 import "@/components/combobox/ComboBox";
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 export declare namespace CountryCodePicker {
     interface Country {
         name: string;
@@ -31,8 +31,8 @@ export declare namespace CountryCodePicker {
         private codeList;
         combobox: HTMLElement;
         connectedCallback(): void;
-        getCountryFlag(code: string): import("lit-element").TemplateResult;
-        countryCodeOptionTemplate(country: CountryCodePicker.Country, index: number): import("lit-element").TemplateResult;
+        getCountryFlag(code: string): import("lit").TemplateResult<1>;
+        countryCodeOptionTemplate(country: CountryCodePicker.Country, index: number): import("lit").TemplateResult<1>;
         handleCountryChange(event: CustomEvent): void;
         get flagClassMap(): {
             "new-momentum": boolean;
@@ -42,8 +42,8 @@ export declare namespace CountryCodePicker {
             id: string;
             value: string;
         };
-        static get styles(): import("lit-element").CSSResult[];
-        render(): import("lit-element").TemplateResult;
+        static get styles(): import("lit").CSSResult[];
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/date-time-picker/DateTimePicker.d.ts

@@ -1,6 +1,6 @@
 import "@/components/input/Input";
 import "@/components/menu-overlay/MenuOverlay";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 import { DatePicker, type DatePickerControlButtons } from "../datepicker/DatePicker";
 import { StrategyType } from "../popover/Popover.types";
 import { TimePicker } from "../timepicker/TimePicker";
@@ -41,9 +41,9 @@ export declare namespace DateTimePicker {
         updateDateTimeObject: () => void;
         combineDateAndTimeValues: (dateString: string | undefined | null, timeString: string | null) => void;
         private get placeholderValue();
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         private get displayValue();
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/datepicker/DatePicker.d.ts

@@ -8,11 +8,11 @@
 import "@/components/datepicker/datepicker-calendar/DatePickerCalendar";
 import "@/components/input/Input";
 import "@/components/menu-overlay/MenuOverlay";
-import { LitElement, PropertyValues, TemplateResult } from "lit-element";
+import { LitElement, PropertyValues, TemplateResult } from "lit";
 import { DateTime } from "luxon";
 import { MenuOverlay } from "../menu-overlay/MenuOverlay";
-import { StrategyType } from "../popover/Popover.types";
 import { Popover } from "../popover/Popover";
+import { StrategyType } from "../popover/Popover.types";
 export interface DatePickerControlButton {
     value: string;
     ariaLabel?: string;
@@ -62,7 +62,7 @@ export declare namespace DatePicker {
         menuOverlay: MenuOverlay.ELEMENT;
         popoverElement: Popover;
         get computedNewMomentum(): boolean;
-        static get styles(): import("lit-element").CSSResult;
+        static get styles(): import("lit").CSSResult;
         connectedCallback(): void;
         firstUpdated(changedProperties: PropertyValues): void;
         updated(changedProperties: PropertyValues): void;
@@ -86,9 +86,9 @@ export declare namespace DatePicker {
         protected getFormattedDate(date: DateTime): string | null;
         private getAriaLabel;
         private get isAriaExpanded();
-        renderPopover(): TemplateResult;
-        renderMenuOverlay(): TemplateResult;
-        render(): TemplateResult;
+        renderPopover(): TemplateResult<1>;
+        renderMenuOverlay(): TemplateResult<1>;
+        render(): TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/datepicker/datepicker-calendar/DatePickerCalendar.d.ts

@@ -7,7 +7,7 @@
  */
 import "@/components/datepicker/datepicker-month/DatePickerMonth";
 import "@/components/icon/Icon";
-import { LitElement, PropertyValues, TemplateResult } from "lit-element";
+import { LitElement, PropertyValues, TemplateResult } from "lit";
 import { DateTime } from "luxon";
 import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
 export declare namespace DatePickerCalendar {
@@ -24,14 +24,14 @@ export declare namespace DatePickerCalendar {
         setDate: (date: DateTime, cb?: Function) => void;
         increaseMonth: (event: MouseEvent) => void;
         decreaseMonth: (event: MouseEvent) => void;
-        renderMonthName: () => TemplateResult;
-        renderPreviousMonthButton: () => TemplateResult;
-        renderNextMonthButton: () => TemplateResult;
+        renderMonthName: () => TemplateResult<1>;
+        renderPreviousMonthButton: () => TemplateResult<1>;
+        renderNextMonthButton: () => TemplateResult<1>;
         private getWeekDayName;
         header: () => TemplateResult[];
-        renderMonth: () => TemplateResult;
-        static get styles(): import("lit-element").CSSResult[];
-        render(): TemplateResult;
+        renderMonth: () => TemplateResult<1>;
+        static get styles(): import("lit").CSSResult[];
+        render(): TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/datepicker/datepicker-day/DatePickerDay.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/button/Button";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 import { DateTime } from "luxon";
 import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
 import { DateRangePicker } from "../../date-range-picker/DateRangePicker";
@@ -45,8 +45,8 @@ export declare namespace DatePickerDay {
             "md-datepicker__day--start-date": boolean;
             "md-datepicker__day--end-date": boolean;
         };
-        static get styles(): import("lit-element").CSSResult[];
-        render(): import("lit-element").TemplateResult;
+        static get styles(): import("lit").CSSResult[];
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/datepicker/datepicker-month/DatePickerMonth.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/datepicker/datepicker-week/DatePickerWeek";
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 import { DateTime } from "luxon";
 import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
 export declare namespace DatePickerMonth {
@@ -14,9 +14,9 @@ export declare namespace DatePickerMonth {
         day: DateTime;
         filterParams: DayFilters | undefined;
         datePickerProps: DatePickerProps | undefined;
-        renderWeeks: () => import("lit-element").TemplateResult[];
-        static get styles(): import("lit-element").CSSResult[];
-        render(): import("lit-element").TemplateResult;
+        renderWeeks: () => import("lit").TemplateResult<1>[];
+        static get styles(): import("lit").CSSResult[];
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/datepicker/datepicker-week/DatePickerWeek.d.ts

@@ -6,18 +6,18 @@
  *
  */
 import "@/components/datepicker/datepicker-day/DatePickerDay";
-import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 import { DateTime } from "luxon";
+import { DatePickerProps, DayFilters } from "../../../utils/dateUtils";
 export declare namespace DatePickerWeek {
     class ELEMENT extends LitElement {
         startOfWeekDay: DateTime;
         viewAnchorMonth: number;
         filterParams: DayFilters | undefined;
         datePickerProps: DatePickerProps | undefined;
-        renderDays: () => import("lit-element").TemplateResult[];
-        static get styles(): import("lit-element").CSSResult[];
-        render(): import("lit-element").TemplateResult;
+        renderDays: () => import("lit").TemplateResult<1>[];
+        static get styles(): import("lit").CSSResult[];
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/draggable/Draggable.d.ts

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 import Sortable from "sortablejs";
 export declare namespace Draggable {
     const ELEMENT_base: typeof LitElement & import("../../mixins/SlottedMixin").AnyConstructor<import("../../mixins/SlottedMixin").SlotableClass & import("../../mixins/SlottedMixin").SlotableInterface>;
@@ -30,7 +30,7 @@ export declare namespace Draggable {
         editable: boolean;
         draggableSlot: HTMLSlotElement;
         private sortableInstance;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         get slotElement(): HTMLSlotElement;
         private generateOptions;
         private initializeSortable;
@@ -51,7 +51,7 @@ export declare namespace Draggable {
         private updateSortableInstance;
         protected updated(changedProperties: PropertyValues): void;
         protected slottedChanged(): void;
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/draggable/DraggableItem.d.ts

@@ -5,20 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 export declare namespace DraggableItem {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
         disabled: boolean;
         extended: boolean;
         editable: boolean;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         get draggableItemClassMap(): {
             extended: boolean;
             default: boolean;
             disabled: boolean;
         };
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/dropdown/Dropdown.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/icon/Icon";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, nothing, PropertyValues } from "lit";
 export declare namespace Dropdown {
     type OptionMember = {
         [key: string]: string;
@@ -69,7 +69,7 @@ export declare namespace Dropdown {
         ariaLabel: string;
         searchResultAriaLabel: string;
         private ariaLabelForDropdown;
-        private renderOptions;
+        private dropdownRenderOptions;
         private selectedKey;
         private expanded;
         private focusedIndex;
@@ -93,7 +93,7 @@ export declare namespace Dropdown {
         resizeDropdownList(): Promise<void>;
         protected handleFocusIn(event: Event): void;
         protected handleFocusOut(event: Event): void;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         get filteredOptions(): RenderOptionMember[] | {
             key: string;
             value: string;
@@ -138,12 +138,12 @@ export declare namespace Dropdown {
         };
         handleInput(event: Event): void;
         private notifyInputValueChanged;
-        helpTextTemplate(): {};
-        messagesTemplate(): {};
-        iconTemplate(): import("lit-element").TemplateResult;
-        clearButtonTemplate(): import("lit-element").TemplateResult;
-        arrowButtonTemplate(): import("lit-element").TemplateResult;
-        render(): import("lit-element").TemplateResult;
+        helpTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        iconTemplate(): import("lit").TemplateResult<1>;
+        clearButtonTemplate(): import("lit").TemplateResult<1>;
+        arrowButtonTemplate(): import("lit").TemplateResult<1>;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/editable-textfield/EditableTextfield.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/input/Input";
-import { CSSResultArray, LitElement, PropertyValues } from "lit-element";
+import { CSSResultArray, LitElement, nothing, PropertyValues } from "lit";
 import { numInputTypes } from "../../utils/enums";
 import { Input } from "../input/Input";
 export declare const alignment: readonly ["left", "right", "center"];
@@ -40,8 +40,8 @@ export declare namespace EditableTextfield {
         showAlert(): void;
         static get styles(): CSSResultArray;
         get overflowStyles(): string | false | 0;
-        messagesTemplate(): {};
-        render(): import("lit-element").TemplateResult;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

package/dist/types/components/favorite/Favorite.d.ts

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/icon/Icon";
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 export declare namespace Favorite {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
@@ -15,9 +15,8 @@ export declare namespace Favorite {
         value: string;
         id: string;
         label: string;
-        private customId;
         connectedCallback(): void;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         handleFavorite(): void;
         handleElectKeyDown(event: KeyboardEvent): void;
         disconnectedCallback(): void;
@@ -25,7 +24,7 @@ export declare namespace Favorite {
             "md-favorite--active": boolean;
             "md-favorite--disabled": boolean;
         };
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/floating-button-bar/FloatingButtonBar.d.ts

@@ -1,8 +1,7 @@
 import "@/components/button/Button";
 import "@/components/icon/Icon";
 import "@/components/tooltip/Tooltip";
-import { LitElement } from "lit-element";
-import { TemplateResult } from "lit-html";
+import { LitElement, TemplateResult } from "lit";
 export type FloatingButtonActionGroup = {
     actions: Array<FloatingButtonBarAction>;
 };
@@ -18,7 +17,7 @@ export declare class FloatingButtonBar extends LitElement {
     closeButtonAriaLabel?: string;
     showCloseButton: boolean;
     actions: Array<FloatingButtonActionGroup>;
-    static get styles(): import("lit-element").CSSResult[];
+    static get styles(): import("lit").CSSResult[];
     private onCancelButttonAction;
     private get closeButtonTemplate();
     private getPrimaryLabelTemplate;
@@ -31,7 +30,7 @@ export declare class FloatingButtonBar extends LitElement {
     private getActionAndLabelTemplate;
     private getActionTemplate;
     private getActionGroupTemplate;
-    render(): TemplateResult;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/types/components/floating-modal/FloatingMinimizedModal.d.ts

@@ -4,7 +4,7 @@ import "@interactjs/actions/drag";
 import "@interactjs/actions/resize";
 import "@interactjs/auto-start";
 import "@interactjs/modifiers";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 export declare namespace FloatingMinimizedModal {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
@@ -23,7 +23,7 @@ export declare namespace FloatingMinimizedModal {
         private dragOccured;
         private containerTransform;
         private applyInitialPosition;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         connectedCallback(): void;
         protected updated(changedProperties: PropertyValues): void;
         private getInitialPosition;
@@ -44,7 +44,7 @@ export declare namespace FloatingMinimizedModal {
         private setTargetPosition;
         private destroyInteractInstance;
         disconnectedCallback(): void;
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/floating-modal/FloatingModal.d.ts

@@ -4,7 +4,7 @@ import "@interactjs/actions/drag";
 import "@interactjs/actions/resize";
 import "@interactjs/auto-start";
 import "@interactjs/modifiers";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 import "./FloatingMinimizedModal";
 export declare namespace FloatingModal {
     const ELEMENT_base: typeof LitElement & import("../../mixins/SlottedMixin").AnyConstructor<import("../../mixins/SlottedMixin").SlotableClass & import("../../mixins/SlottedMixin").SlotableInterface> & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
@@ -41,7 +41,7 @@ export declare namespace FloatingModal {
         headerSlot: HTMLSlotElement;
         private containerTransform;
         private applyInitialPosition;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         protected updated(changedProperties: PropertyValues): void;
         private isNewPositionNotSame;
         private setInitialTargetPosition;
@@ -62,7 +62,7 @@ export declare namespace FloatingModal {
         private destroyInteractInstance;
         disconnectedCallback(): void;
         renderedCallback(): void;
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

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

@@ -1,4 +1,4 @@
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 export declare namespace Form {
     export type Method = "GET" | "get" | "POST" | "post" | "dialog";
     export type Enctype = "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain";
@@ -38,7 +38,7 @@ export declare namespace Form {
         private setupEvents;
         private setupSubmittable;
         protected slottedChanged(): void;
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

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

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/icon/Icon";
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 export declare namespace Grabber {
     const ELEMENT_base: typeof LitElement & import("../../mixins/FocusMixin").AnyConstructor<import("../../mixins/FocusMixin").FocusClass>;
     export class ELEMENT extends ELEMENT_base {
@@ -63,7 +63,7 @@ export declare namespace Grabber {
         shadow: boolean;
         connectedCallback(): void;
         disconnectedCallback(): void;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         toggleGrabber(): void;
         handleMouseDown(): void;
         handleKeyDown(e: KeyboardEvent): void;
@@ -83,9 +83,9 @@ export declare namespace Grabber {
         };
         private get grabberContainerClassMap();
         private get isRtl();
-        get iconName(): "arrow-up-bold" | "arrow-down-bold" | "arrow-left-bold" | "arrow-right-bold" | "list-menu-bold";
+        get iconName(): "list-menu-bold" | "arrow-right-bold" | "arrow-left-bold" | "arrow-up-bold" | "arrow-down-bold";
         get iconSize(): "10" | "12";
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import { LitElement } from "lit-element";
+import { LitElement } from "lit";
 import { Input } from "../input/Input";
 export declare namespace HelpText {
     class ELEMENT extends LitElement {
@@ -16,9 +16,9 @@ export declare namespace HelpText {
         get inputMessageClassMap(): {
             [x: string]: boolean;
         };
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         getIconName(): "" | "check-circle-badge-filled" | "error-legacy-badge-filled" | "warning-badge-filled" | "info-badge-filled";
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

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

@@ -6,7 +6,7 @@
  *
  */
 import "@/components/button/Button";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 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", "momentumBrandVisuals", "svg"];
@@ -179,13 +179,13 @@ export declare namespace Icon {
             color?: any;
             "font-size"?: string | undefined;
         };
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").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;
+        render(): import("lit").TemplateResult<1>;
+        renderFontIcon(): import("lit").TemplateResult<1>;
+        renderSVGIcon(): import("lit").TemplateResult<1>;
     }
 }
 declare global {

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

@@ -9,7 +9,7 @@ import "@/components/help-text/HelpText";
 import "@/components/icon/Icon";
 import "@/components/label/Label";
 import "@/components/spinner/Spinner";
-import { LitElement } from "lit-element";
+import { LitElement, nothing } from "lit";
 import { FormControl } from "../form";
 export declare const containerSize: string[];
 export declare const inputSize: string[];
@@ -157,17 +157,17 @@ export declare namespace Input {
         };
         get ariaExpandedValue(): "true" | "false" | undefined;
         get hasRightIcon(): boolean;
-        inputTemplate(): import("lit-element").TemplateResult;
-        inputLeftTemplate(): {};
+        inputTemplate(): import("lit").TemplateResult<1>;
+        inputLeftTemplate(): import("lit").TemplateResult<1> | typeof nothing;
         private get inputRightTemplateClassMap();
-        inputRightTemplate(): import("lit-element").TemplateResult | undefined;
+        inputRightTemplate(): import("lit").TemplateResult<1> | undefined;
         private get comboBoxButtonTemplate();
-        secondaryLabelTemplate(): {};
-        helpTextTemplate(): {};
-        messagesTemplate(): {};
-        labelTemplate(): {};
-        static get styles(): import("lit-element").CSSResult[];
-        render(): import("lit-element").TemplateResult;
+        secondaryLabelTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        helpTextTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        messagesTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        labelTemplate(): import("lit").TemplateResult<1> | typeof nothing;
+        static get styles(): import("lit").CSSResult[];
+        render(): import("lit").TemplateResult<1>;
     }
     export {};
 }

package/dist/types/components/input-file/InputFile.d.ts

@@ -1,5 +1,5 @@
 import "@/components/button/Button";
-import { LitElement, PropertyValues } from "lit-element";
+import { LitElement, PropertyValues } from "lit";
 export declare namespace InputFile {
     class ELEMENT extends LitElement {
         acceptLanguage: string;
@@ -7,7 +7,7 @@ export declare namespace InputFile {
         input: HTMLInputElement;
         private acceptTypes;
         private fileName;
-        static get styles(): import("lit-element").CSSResult[];
+        static get styles(): import("lit").CSSResult[];
         triggerFileLoad(event: MouseEvent): void;
         handleFile(event: Event): Promise<void>;
         private readFile;
@@ -15,7 +15,7 @@ export declare namespace InputFile {
         private getAllAcceptTypes;
         private setAcceptTypes;
         protected updated(changedProperties: PropertyValues): void;
-        render(): import("lit-element").TemplateResult;
+        render(): import("lit").TemplateResult<1>;
     }
 }
 declare global {