@momentum-ui/web-components 2.5.7 → 2.6.0

package/dist/types/mixins/FocusMixin.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.
+ *
+ */
+/** This mixin provide a different way to show what element is focused.
+ * (https://html.spec.whatwg.org/multipage/interaction.html#focus-management-apis)
+ * By hiding the native browser outline from component style, we can manage alternative focusing style.
+ * Using keyboard this mixin toggle `focus-visible` attribute on compoenent root to show focus ring.
+ * This mixin handle `focusin` and `focusout` events because due to this specification
+ * (https://w3c.github.io/uievents/#event-type-focusin) this events are composable
+ * and they can be handled by one of the target’s ancestors, which can help us in Shadow DOM event propagation case.
+ *
+ * Example:
+ *
+ * @customElements("custom-element")
+ * class CustomElement extends FocusMixin(LitElement) {
+ *    protected handleFocusIn(event: Event) { <---- You override this with corresponding name in component directly.
+        // super.handleFocusIn && super.handleFocusIn(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
+        // Do your method work here.
+      }
+ *    protected handleFocusOut(event: Event) { <---- You override this with corresponding name in component directly.
+        // super.handleFocusIn && super.handleFocusIn(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
+        // Do your method work here.
+      }
+ * }
+ * */
+import { LitElement } from "lit-element";
+export declare type AnyConstructor<A = LitElement> = new (...input: any[]) => A;
+export declare type FocusEventDetail = {
+    sourceEvent: Event;
+};
+export declare abstract class FocusClass extends LitElement {
+    protected setFocus?(force: boolean): void;
+    protected handleFocusIn?(event: Event): void;
+    protected handleFocusOut?(event: Event): void;
+    protected getDeepActiveElement?(): Element;
+    protected isElementFocused?(element: HTMLElement): boolean;
+    protected manageAutoFocus?(element?: Element): void;
+    protected getActiveElement?(): Element | null;
+}
+export declare const FocusMixin: <T extends AnyConstructor<FocusClass>>(base: T) => T & AnyConstructor<FocusClass>;

package/dist/types/mixins/FocusTrapMixin.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from "lit-element";
+import { FocusClass } from "./FocusMixin";
+export declare type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
+export declare abstract class FocusTrapClass extends LitElement {
+    protected deactivateFocusTrap?(): void;
+    protected activateFocusTrap?(): void;
+    protected focusableElements?: HTMLElement[];
+    protected initialFocusComplete?: boolean;
+    protected setFocusableElements?(): void;
+    protected setInitialFocus?(prefferableElement?: HTMLElement | number, ignoreAutoFocus?: boolean): void;
+}
+export interface FocusTrapInterface {
+    activeFocusTrap: boolean;
+    preventClickOutside: boolean;
+    preventScroll: boolean;
+    focusTrapIndex: number;
+}
+export declare const FocusTrapMixin: <T extends AnyConstructor<FocusClass & FocusTrapClass>>(base: T) => T & AnyConstructor<FocusTrapClass & FocusTrapInterface & FocusClass>;

package/dist/types/mixins/ResizeMixin.d.ts

@@ -0,0 +1,52 @@
+/**
+ * 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.
+ *
+ */
+/** This mixin provides a performant mechanism by which component can monitor changes to its size.
+ * For performance purpose, resizeObserver instance is static mixin property, and its shared across
+ * all components that applied ResizeMixin. (The `observe` method, which adds element as a new target to the list of observed elements,
+ * can pass either one element or multiple, so this mixin can manage mutliple elements that need's to be observed).
+ * When observed element's size changed, mixin dispatch `resize` event to handle it outside component tree.
+ *
+ * Example:
+ * @customElements("custom-element")
+ * class CustomElement extends ResizeMixin(LitElement) {
+ *    protected handleResize(contentRect: DOMRect) { <---- You override this with corresponding name in component directly.
+        // super.handleResize && super.handleResize(event); <---- Check to see whether the superclass defines a method of the same name, and if so, invoke that method.
+        // Do your listener work here.
+      }
+ * }
+ */
+import { LitElement } from "lit-element";
+export declare type AnyConstructor<A = LitElement> = new (...input: any[]) => A;
+export declare abstract class ResizeClass extends LitElement {
+    protected handleResize?(contentRect: DOMRect): void;
+    protected unobserveAll?(): void;
+}
+declare type ResizeObserverBoxOptions = "border-box" | "content-box" | "device-pixel-content-box";
+export interface ResizeObserverOptions {
+    box?: ResizeObserverBoxOptions;
+}
+export declare class ResizeObserver {
+    constructor(callback: ResizeObserverCallback);
+    observe: (target: Element, options?: ResizeObserverOptions) => void;
+    unobserve: (target: Element) => void;
+    disconnect: () => void;
+}
+export declare type ResizeObserverCallback = (entries: ResizeObserverEntry[], observer: ResizeObserver) => void;
+export interface ResizeObserverEntry {
+    readonly target: Element;
+    readonly contentRect: DOMRectReadOnly;
+    readonly borderBoxSize: ResizeObserverSize[];
+    readonly contentBoxSize: ResizeObserverSize[];
+    readonly devicePixelContentBoxSize: ResizeObserverSize[];
+}
+interface ResizeObserverSize {
+    readonly inlineSize: number;
+    readonly blockSize: number;
+}
+export declare const ResizeMixin: <T extends AnyConstructor<ResizeClass>>(base: T) => T & AnyConstructor<ResizeClass>;
+export {};

package/dist/types/mixins/RovingTabIndexMixin.d.ts

@@ -0,0 +1,31 @@
+/**
+ * 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.
+ *
+ */
+/**This mixin using roving tabindex strategy to manage focus in a composite UI component,
+ * the element that is to be included in the tab sequence has tabindex of "0" and all other focusable elements contained in the composite have tabindex of "-1".
+ * Benefit of using roving tabindex to manage focus is that the user agent will scroll the newly focused element into view.
+ *
+ * @property({ type: Number, reflect: true }) selected <--- index of focusable activeElement
+ *
+ * Example:
+ *
+ * @customElements("custom-element")
+ * class CustomElement extends RovingTabIndexMixin(LitElement) {
+      //custom element class implementation
+ * }
+ *  */
+import { LitElement } from "lit-element";
+import { SlotableClass, SlotableInterface } from "./SlottedMixin";
+export declare type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
+export declare abstract class RovingTabIndexClass extends LitElement {
+    protected getAvailableSelectedIndex?(index: number, increment?: number): number;
+}
+export interface RovingTabIndexInterface {
+    selected: number;
+    rovingPreventFocus: boolean;
+}
+export declare const RovingTabIndexMixin: <T extends AnyConstructor<SlotableClass & RovingTabIndexClass>>(base: T) => T & AnyConstructor<RovingTabIndexInterface & SlotableInterface & SlotableClass & RovingTabIndexClass>;

package/dist/types/mixins/SlottedMixin.d.ts

@@ -0,0 +1,43 @@
+/**
+ * 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.
+ *
+ */
+/** This mixin help to manage slottable nodes (light DOM children) that become the contents of `<slot>` element.
+ *
+ * @property({ type: Array, attribute: false }) slotted <--- when an element is inserted in a slot.
+ *
+ * Example:
+ *
+ * @customElements("custom-element")
+ * class CustomElement extends SlottedMixin(LitElement) {
+ *  @query('slot[name="custom"]') tabSlot?: HTMLSlotElement;
+ *  get slotElement() { <--- You need to override this getter in parent component class to return specific slot (default or named) from your component’s render root.
+      return this.tabSlot;
+    }
+    protected filterSlotted() { <--- You need to override this method in parent component class to return filtered elements from slotted. (See tab implementation for example)
+      return Array.from(this.children) as HTMLElement[]; <--- By default this method return all children of custom component render root.
+    }
+    protected slottedChanged() { <--- You can override this method to handle when the node(s) contained in slotElement change.
+
+    }
+    render() {
+      return html`
+        <slot name="custom"></slot>
+      `;
+    }
+ * }
+ */
+import { LitElement } from "lit-element";
+export declare type AnyConstructor<A = LitElement> = new (...args: any[]) => A;
+export interface SlotableInterface {
+    slotted: HTMLElement[];
+}
+export declare abstract class SlotableClass extends LitElement {
+    protected handleSlotted?(): void;
+    protected slottedChanged?(): void;
+    protected filterSlotted?(): HTMLElement[];
+}
+export declare const SlottedMixin: <T extends AnyConstructor<SlotableClass>>(base: T) => T & AnyConstructor<SlotableClass & SlotableInterface>;

package/dist/types/mixins/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ *
+ */
+export { DedupeMixin } from "./DedupeMixin";
+export { FocusMixin } from "./FocusMixin";
+export { FocusTrapMixin } from "./FocusTrapMixin";
+export { ResizeMixin } from "./ResizeMixin";
+export { RovingTabIndexMixin } from "./RovingTabIndexMixin";
+export { SlottedMixin } from "./SlottedMixin";
+export { customElementWithCheck } from "./CustomElementCheck";

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

@@ -0,0 +1,31 @@
+import { DateTime } from "luxon";
+export interface DayFilters {
+    minDate: DateTime | undefined;
+    maxDate: DateTime | undefined;
+    filterDate: Function | undefined;
+}
+export interface DatePickerProps {
+    locale: string | undefined;
+    selected: DateTime;
+    focused: DateTime;
+    weekStart: string;
+}
+export declare function now(): DateTime;
+export declare function getStartOfWeek(date: DateTime, startDay?: string): DateTime;
+export declare function getStartOfMonth(date: DateTime): DateTime;
+export declare function getDate(date: DateTime): number;
+export declare function getMonth(date: DateTime): number;
+export declare function addDays(date: DateTime, amount: number): DateTime;
+export declare function addWeeks(date: DateTime, amount: number): DateTime;
+export declare function addMonths(date: DateTime, amount: number): DateTime;
+export declare function subtractDays(date: DateTime, amount: number): DateTime;
+export declare function subtractWeeks(date: DateTime, amount: number): DateTime;
+export declare function subtractMonths(date: DateTime, amount: number): DateTime;
+export declare function getLocaleData(date: DateTime): string;
+export declare function getWeekdayNameInLocale(locale: string, date: DateTime): string;
+export declare function localizeDate(date: DateTime, locale: string): DateTime;
+export declare function isSameDay(date1: DateTime, date2: DateTime): boolean;
+export declare function isSameMonth(date1: DateTime, date2: DateTime): boolean;
+export declare function isDayDisabled(day: DateTime, params: DayFilters): boolean;
+export declare function shouldPrevMonthDisable(day: DateTime, minDate: DateTime): boolean;
+export declare function shouldNextMonthDisable(day: DateTime, maxDate: DateTime): boolean;

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

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+export declare const alertTypes: string[];
+export declare const messageType: string[];
+export declare const numInputTypes: string[];
+export declare const badgeColor: string[];
+export declare const BarFormat: string[];
+export declare const BarType: string[];
+export declare const coachPlacement: string[];
+export declare const TooltipDirection: string[];
+export declare const iconColorSample: string[];
+export declare const iconSamples: string[];

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

@@ -0,0 +1,17 @@
+/**
+ * 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.
+ *
+ */
+export declare const indicesOf: (text: string, searchString: string) => number[][];
+export declare const mergeRange: ([...ranges]: Iterable<any>) => any[][];
+export declare const findHighlight: (text: string, query: string) => {
+    range: number[];
+    matching: boolean;
+    text: string;
+}[];
+export declare function debounce<T>(func: Function, wait: number, immediate?: boolean): (this: T, ...args: any[]) => void;
+export declare const throttle: (fn: (...args: any[]) => unknown, delay?: number) => (...args: any[]) => void;
+export declare function closestElement(selector: string, base: HTMLElement): HTMLElement | null;

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

@@ -0,0 +1,25 @@
+/**
+ * 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.
+ *
+ */
+export declare const ValidationRegex: {
+    textString: string;
+    integerString: string;
+    decimalString: string;
+    dateString: string;
+    dateRangeString: string;
+    ISODateString: string;
+    ISOTimeString: string;
+    ISOString: string;
+    noPrecedingZerosString: string;
+    allLeadingZeros: string;
+    timeString: string;
+    hourString: string;
+    twentyFourHourString: string;
+    minuteSecondString: string;
+    amPmString: string;
+    booleanString: string;
+};

package/dist/types/wc_scss/colors/vars/color-table-data-string.d.ts

@@ -0,0 +1 @@
+export declare const colorTableData = "\n--md-button-primary-bg-color, $md-blue-60 _$mdblue60_, $md-blue-60 _$mdblue60_\n--md-button-primary-hover-bg-color, $md-blue-70 _$mdblue70_, $md-blue-70 _$mdblue70_\n--md-button-primary-pressed-bg-color, $md-blue-80 _$mdblue80_, $md-blue-80 _$mdblue80_\n--md-button-primary-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-primary-outline-color, $md-blue-70 _$mdblue70_, $md-blue-40 _$mdblue40_\n--md-button-primary-outline-text-color, $md-blue-70 _$mdblue70_, $md-blue-40 _$mdblue40_\n--md-button-secondary-bg-color, $md-gray-20 _$mdgray20_, $md-gray-60 _$mdgray60_\n--md-button-secondary-hover-bg-color, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-button-secondary-pressed-bg-color, $md-gray-40 _$mdgray40_, $md-gray-80 _$mdgray80_\n--md-button-secondary-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-secondary-outline-color, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-button-secondary-outline-text-color, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-button-tertiary-bg-color, $md-gray-80 _$mdgray80_, $md-gray-20 _$mdgray20_\n--md-button-tertiary-hover-bg-color, $md-gray-90 _$mdgray90_, $md-gray-30 _$mdgray30_\n--md-button-tertiary-pressed-bg-color, $md-gray-95 _$mdgray95_, $md-gray-40 _$mdgray40_\n--md-button-tertiary-text-color, $md-gray-05 _$mdgray05_, $md-gray-100 _$mdgray100_\n--md-button-tertiary-outline-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-tertiary-outline-text-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-join-bg-color, $md-green-60 _$mdgreen60_, $md-green-60 _$mdgreen60_\n--md-button-join-hover-bg-color, $md-green-70 _$mdgreen70_, $md-green-70 _$mdgreen70_\n--md-button-join-pressed-bg-color, $md-green-80 _$mdgreen80_, $md-green-80 _$mdgreen80_\n--md-button-join-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-join-outline-color, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-button-join-outline-text-color, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-button-cancel-bg-color, $md-red-60 _$mdred60_, $md-red-60 _$mdred60_\n--md-button-cancel-hover-bg-color, $md-red-70 _$mdred70_, $md-red-70 _$mdred70_\n--md-button-cancel-pressed-bg-color, $md-red-80 _$mdred80_, $md-red-80 _$mdred80_\n--md-button-cancel-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-cancel-outline-color, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-button-cancel-outline-text-color, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-button-ghost-bg-color, none _none_, none _none_\n--md-button-ghost-hover-bg-color, $md-gray-70 _$mdgray70_, $md-gray-70 _$mdgray70_\n--md-button-ghost-pressed-bg-color, $md-gray-80 _$mdgray80_, $md-gray-60 _$mdgray60_\n--md-button-ghost-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-focus-ring-color, $md-blue-60 _$mdblue60_, $md-blue-40 _$mdblue40_\n--md-button-disabled-bg-color, $md-gray-20 _$mdgray20_, $md-gray-90 _$mdgray90_\n--md-button-disabled-text-color, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-button-files-normal-bg-color, none _none_, none _none_\n--md-button-files-normal-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-files-hover-bg-color, $md-yellow-70 _$mdyellow70_, $md-gray-80 _$mdgray80_\n--md-button-files-hover-text-color, $md-white-100 _$mdwhite100_, $md-gray-05 _$mdgray05_\n--md-button-files-pressed-bg-color, $md-yellow-80 _$mdyellow80_, $md-yellow-50 _$mdyellow50_\n--md-button-files-pressed-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-normal-bg-color, none _none_, none _none_\n--md-button-whiteboards-normal-text-color, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-hover-bg-color, $md-purple-70 _$mdpurple70_, $md-gray-80 _$mdgray80_\n--md-button-whiteboards-hover-text-color, $md-white-100 _$mdwhite100_, $md-gray-05 _$mdgray05_\n--md-button-whiteboards-pressed-bg-color, $md-purple-80 _$mdpurple80_, $md-purple-50 _$mdpurple50_\n--md-button-whiteboards-pressed-text-color, $md-gray-05 _$mdgray05_, $md-gray-05 _$mdgray05_\n--md-input-background-color, $md-white _$mdwhite_, $md-gray-100 _$mdgray100_\n--md-input-background-hover, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-input-background-pressed, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-input-background-active, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-input-background-theme-color, $md-theme-60 _$mdtheme60_, $md-theme-40 _$mdtheme40_\n--md-input-background-theme-hover, $md-theme-70 _$mdtheme70_, $md-theme-50 _$mdtheme50_\n--md-input-background-theme-pressed, $md-theme-80 _$mdtheme80_, $md-theme-60 _$mdtheme60_\n--md-input-background-theme-active, $md-theme-80 _$mdtheme80_, $md-theme-60 _$mdtheme60_\n--md-input-background-theme-disabled, $md-theme-05 _$mdtheme05_, $md-theme-90 _$mdtheme90_\n--md-input-background-error, $md-red-05 _$mdred05_, $md-red-90 _$mdred90_\n--md-input-disabled, $md-gray-10 _$mdgray10_, $md-gray-90 _$mdgray90_\n--md-input-focusRing, $md-theme-60 _$mdtheme60_, $md-theme-40 _$mdtheme40_\n--md-input-outline-color, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-input-outline-active, $md-gray-40 _$mdgray40_, $md-gray-60 _$mdgray60_\n--md-input-outline-error, $md-red-50 _$mdred50_, $md-red-50 _$mdred50_\n--md-input-text-primary, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-input-text-secondary, $md-gray-70 _$mdgray70_, $md-gray-70 _$mdgray70_\n--md-input-text-disabled, $md-gray-40 _$mdgray40_, $md-gray-40 _$mdgray40_\n--md-input-text-error, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-textColor-primary, $md-gray-100 _$mdgray100_, $md-gray-05 _$mdgray05_\n--md-textColor-secondary, $md-gray-70 _$mdgray70_, $md-gray-40 _$mdgray40_\n--md-textColor-disabled, $md-gray-40 _$mdgray40_, $md-gray-70 _$mdgray70_\n--md-textColor-highlight, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-textColor-hyperlink-color, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-textColor-hyperlink-hover, $md-theme-90 _$mdtheme90_, $md-theme-20 _$mdtheme20_\n--md-textColor-hyperlink-focus, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-background-primary, $md-white _$mdwhite_, $md-gray-100 _$mdgray100_\n--md-background-secondary, $md-gray-05 _$mdgray05_, $md-gray-95 _$mdgray95_\n--md-background-tertiary, $md-gray-10 _$mdgray10_, $md-gray-90 _$mdgray90_\n--md-background-quaternary, $md-gray-20 _$mdgray20_, $md-gray-80 _$mdgray80_\n--md-presence-busy, $md-yellow-40 _$mdyellow40_, $md-yellow-40 _$mdyellow40_\n--md-presence-doNotDisturb, $md-red-60 _$mdred60_, $md-red-60 _$mdred60_\n--md-presence-active, $md-green-50 _$mdgreen50_, $md-green-50 _$mdgreen50_\n--md-presence-away, $md-gray-30 _$mdgray30_, $md-gray-30 _$mdgray30_\n--md-alert-background-warning, $md-yellow-10 _$mdyellow10_, $md-yellow-80 _$mdyellow80_\n--md-alert-background-error, $md-red-10 _$mdred10_, $md-red-80 _$mdred80_\n--md-alert-background-theme, $md-theme-10 _$mdtheme10_, $md-theme-80 _$mdtheme80_\n--md-alert-background-success, $md-green-10 _$mdgreen10_, $md-green-80 _$mdgreen80_\n--md-alert-text-warning, $md-yellow-70 _$mdyellow70_, $md-yellow-40 _$mdyellow40_\n--md-alert-text-error, $md-red-70 _$mdred70_, $md-red-40 _$mdred40_\n--md-alert-text-theme, $md-theme-70 _$mdtheme70_, $md-theme-40 _$mdtheme40_\n--md-alert-text-success, $md-green-70 _$mdgreen70_, $md-green-40 _$mdgreen40_\n--md-avatar-cobalt, $md-cobalt-30 _$mdcobalt30_, $md-cobalt-30 _$mdcobalt30_\n--md-avatar-cyan, $md-cyan-30 _$mdcyan30_, $md-cyan-30 _$mdcyan30_\n--md-avatar-gold, $md-gold-30 _$mdgold30_, $md-gold-30 _$mdgold30_\n--md-avatar-gray, $md-gray-30 _$mdgray30_, $md-gray-30 _$mdgray30_\n--md-avatar-lime, $md-lime-30 _$mdlime30_, $md-lime-30 _$mdlime30_\n--md-avatar-mint, $md-mint-30 _$mdmint30_, $md-mint-30 _$mdmint30_\n--md-avatar-orange, $md-orange-30 _$mdorange30_, $md-orange-30 _$mdorange30_\n--md-avatar-pink, $md-pink-30 _$mdpink30_, $md-pink-30 _$mdpink30_\n--md-avatar-purple, $md-purple-30 _$mdpurple30_, $md-purple-30 _$mdpurple30_\n--md-avatar-slate, $md-slate-30 _$mdslate30_, $md-slate-30 _$mdslate30_\n--md-avatar-violet, $md-violet-30 _$mdviolet30_, $md-violet-30 _$mdviolet30_\n--md-separator-primary, $md-gray-30 _$mdgray30_, $md-gray-70 _$mdgray70_\n--md-separator-secondary, $md-gray-40 _$mdgray40_, $md-gray-60 _$mdgray60_\n";

package/package.json

@@ -1,53 +1,11 @@
 {
   "name": "@momentum-ui/web-components",
-  "version": "2.5.7",
+  "version": "2.6.0",
   "author": "Yana Harris",
   "license": "MIT",
   "repository": "https://github.com/momentum-design/momentum-ui.git",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
-  "scripts": {
-    "start": "npm run dev",
-    "dev": "npm run check && webpack-dev-server --config ./webpack.config.dev.server.ts",
-    "dev:build": "npm run check && webpack --config-name=dev",
-    "dist": "npm run check && webpack --config-name=distProd",
-    "dist:dev": "npm run check && webpack --config-name=distDev",
-    "dist:watch": "npm run check && webpack --config-name=distDevWatch",
-    "check": "check-peer-dependencies --yarn",
-    "npm:auth": "uuip-publish-auth [momentum-ui-private]",
-    "npm:publish": "npm run npm:auth && npm run dist && uuip-publish dist momentum-ui-private && npm run npm:publish:external",
-    "npm:publish:external": "cp -R ./README.md ./publish/ && cd ./publish && json -I -f package.json -e 'this.publishConfig={\"registry\": \"https://registry.npmjs.org\"}' && npm publish",
-    "test": "jest",
-    "test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
-    "test:ci": "jest --coverage --updateSnapshot --maxWorkers=4",
-    "storybook:resource": "npx web-component-analyzer src/*components/**/*.ts --outFile .storybook/custom-elements.json",
-    "storybook:dist": "npm run storybook:resource && build-storybook -c .storybook -o .out",
-    "storybook:local": "npm run storybook:resource && storybook-to-ghpages --dry-run --out=.out && npx http-server .out",
-    "storybook": "npm run storybook:resource && start-storybook -p 1234",
-    "deploy-storybook": "storybook-to-ghpages",
-    "storybook:deploy": "npm run deploy-storybook",
-    "storybook:deploy-ci": "storybook-to-ghpages --ci",
-    "snapshot": "npm run storybook:resource && build-storybook && percy-storybook --widths=1280",
-    "postinstall": "npm run build:tokens",
-    "clearVars": "node ./src/utils/clearVars.js",
-    "createTokensModule": "node ./src/utils/createTokenFilesModule.js",
-    "build:tokens": "yarn createTokensModule && node ./src/utils/generateScssFromTokens.js && node ./src/utils/generateColorTableData.js",
-    "sonar": "yarn install && yarn test && node sonar.config.js"
-  },
-  "resolutions": {
-    "jest": "^26.4.2",
-    "jest-config": "^26.4.2",
-    "lit-element": "2.3.1",
-    "lit-html": "1.2.1"
-  },
-  "peerDependencies": {
-    "@momentum-ui/core": "^19.15.14",
-    "@momentum-ui/icons": "^8.27.0",
-    "@momentum-ui/tokens": "^1.7.1",
-    "@momentum-ui/utils": "^6.2.15",
-    "lit-element": "2.3.1",
-    "lit-html": "1.2.1"
-  },
   "dependencies": {
     "@interactjs/actions": "1.10.3",
     "@interactjs/auto-start": "1.10.3",
@@ -65,86 +23,15 @@
     "papaparse": "^5.3.0",
     "sortablejs": "^1.13.0"
   },
-  "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.0",
-    "@interactjs/types": "1.10.3",
+  "peerDependencies": {
     "@momentum-ui/core": "^19.15.14",
     "@momentum-ui/icons": "^8.27.0",
     "@momentum-ui/tokens": "^1.7.1",
     "@momentum-ui/utils": "^6.2.15",
-    "@open-wc/testing-helpers": "1.8.9",
-    "@percy/storybook": "^3.3.0",
-    "@storybook/addon-a11y": "^5.3.18",
-    "@storybook/addon-docs": "^6.0.28",
-    "@storybook/addon-essentials": "^6.0.28",
-    "@storybook/addon-knobs": "^5.3.18",
-    "@storybook/api": "^6.1.10",
-    "@storybook/storybook-deployer": "^2.8.7",
-    "@storybook/theming": "^6.1.10",
-    "@storybook/web-components": "6.2.9",
-    "@types/copy-webpack-plugin": "^5.0.0",
-    "@types/dompurify": "^2.2.1",
-    "@types/highlight.js": "^10.1.0",
-    "@types/html-webpack-plugin": "^3.2.2",
-    "@types/jest": "26.0.10",
-    "@types/luxon": "^1.25.0",
-    "@types/node": "^13.7.7",
-    "@types/papaparse": "^5.2.4",
-    "@types/sortablejs": "^1.10.6",
-    "@types/webpack": "^4.41.7",
-    "@types/webpack-dev-server": "^3.10.0",
-    "@types/webpack-merge": "^5.0.0",
-    "@types/webpack-node-externals": "^1.7.1",
-    "@typescript-eslint/eslint-plugin": "^2.22.0",
-    "@typescript-eslint/parser": "^2.22.0",
-    "alias-resolve-loader": "^2.0.4",
-    "babel-jest": "26.3.0",
-    "babel-loader": "^8.1.0",
-    "check-peer-dependencies": "2.0.1",
-    "clean-webpack-plugin": "^3.0.0",
-    "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.4.2",
-    "cssstats": "^3.4.1",
-    "elix": "^12.1.4",
-    "eslint": "^6.8.0",
-    "eslint-plugin-prettier": "^3.1.2",
-    "extract-loader": "^4.0.3",
-    "file-loader": "^4.3.0",
-    "fs-extra": "^9.0.1",
-    "fs-path": "^0.0.24",
-    "handlebars": "^4.7.6",
-    "html-webpack-plugin": "^3.2.0",
-    "husky": "3.1.0",
-    "jest": "26.4.2",
-    "jest-config": "26.4.2",
     "lit-element": "2.3.1",
-    "lit-html": "1.2.1",
-    "lit-scss-loader": "1.0.1",
-    "node-sass": "^4.13.1",
-    "node-sass-tilde-importer": "^1.0.2",
-    "papaparse": "^5.3.0",
-    "prettier": "^1.19.1",
-    "properties-reader": "^2.2.0",
-    "query-selector-shadow-dom": "^0.4.6",
-    "remove-files-webpack-plugin": "^1.4.0",
-    "sass-loader": "^8.0.2",
-    "sonarqube-scanner": "^2.8.1",
-    "string-replace-loader": "^2.3.0",
-    "strip-css-comments": "^4.1.0",
-    "stylelint": "^13.0.0",
-    "stylelint-config-sass-guidelines": "^7.0.0",
-    "stylelint-prettier": "^1.1.2",
-    "ts-jest": "26.3.0",
-    "ts-loader": "^6.2.1",
-    "ts-node": "^8.6.2",
-    "typescript": "^3.8.3",
-    "wc-sass-render": "^1.2.3",
-    "wcag-color": "^1.1.1",
-    "webpack": "^4.42.0",
-    "webpack-cli": "^3.3.11",
-    "webpack-dev-server": "^3.10.3",
-    "webpack-merge": "^5.7.3",
-    "webpack-node-externals": "^1.7.2"
+    "lit-html": "1.2.1"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
   }
 }

package/.eslintignore

@@ -1,6 +0,0 @@
-/node_modules
-/coverage
-/build
-/dist
-/publish
-publish.auth.js

package/.eslintrc.js

@@ -1,20 +0,0 @@
-module.exports = {
-  root: true,
-  parser: "@typescript-eslint/parser",
-  plugins: [
-    "@typescript-eslint", 
-    "prettier"
-  ],
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/eslint-recommended",
-    "plugin:@typescript-eslint/recommended"
-  ],
-  rules: {
-    "prettier/prettier": "error",
-    "@typescript-eslint/explicit-function-return-type": "off",
-    "@typescript-eslint/no-non-null-assertion": "off",
-    "@typescript-eslint/no-namespace": "off",
-    "@typescript-eslint/camelcase": "off",
-  }
-};

package/.github/CODEOWNERS

@@ -1,5 +0,0 @@
-# These owners will be the default owners for everything in
-# the repo. Unless a later match takes precedence,
-# @global-owner1 and @global-owner2 will be requested for
-# review when someone opens a pull request.
-*       @yanaha @rosts @manro @kehyde @egiere

package/.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,38 +0,0 @@
----
-name: Bug report
-about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Describe the bug**
-A clear and concise description of what the bug is.
-
-**To Reproduce**
-Steps to reproduce the behavior:
-1. Go to '...'
-2. Click on '....'
-3. Scroll down to '....'
-4. See error
-
-**Expected behavior**
-A clear and concise description of what you expected to happen.
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
-
-**Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
-
-**Additional context**
-Add any other context about the problem here.

package/.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,20 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
----
-
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
-
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
-
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
-
-**Additional context**
-Add any other context or screenshots about the feature request here.