@covalent/components 11.0.0 → 11.0.1-beta.2

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "@covalent/components",
-  "version": "11.0.0",
+  "version": "11.0.1-beta.2",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
       "sass": "./index.scss",
       "style": "./covalent.css",
       "import": "./index.mjs",
@@ -18,282 +17,226 @@
       "sass": "./theme/_index.scss"
     },
     "./action-ribbon": {
-      "types": "./action-ribbon/action-ribbon.d.ts",
       "import": "./action-ribbon.mjs",
       "require": "./action-ribbon.js"
     },
     "./alert": {
-      "types": "./alert/alert.d.ts",
       "import": "./alert.mjs",
       "require": "./alert.js"
     },
     "./app-shell": {
-      "types": "./app-shell/app-shell.d.ts",
       "import": "./app-shell.mjs",
       "require": "./app-shell.js"
     },
     "./badge": {
-      "types": "./badge/badge.d.ts",
       "import": "./badge.mjs",
       "require": "./badge.js"
     },
     "./button": {
-      "types": "./button/button.d.ts",
       "import": "./button.mjs",
       "require": "./button.js"
     },
     "./card": {
-      "types": "./card/card.d.ts",
       "import": "./card.mjs",
       "require": "./card.js"
     },
     "./checkbox": {
-      "types": "./checkbox/checkbox.d.ts",
       "import": "./checkbox.mjs",
       "require": "./checkbox.js"
     },
     "./check-list-item": {
-      "types": "./list/check-list-item.d.ts",
       "import": "./check-list-item.mjs",
       "require": "./check-list-item.js"
     },
     "./chip": {
-      "types": "./chips/chip.d.ts",
       "import": "./chip.mjs",
       "require": "./chip.js"
     },
     "./chip-set": {
-      "types": "./chips/chip-set.d.ts",
       "import": "./chip-set.mjs",
       "require": "./chip-set.js"
     },
     "./circular-progress": {
-      "types": "./circular-progress/circular-progress.d.ts",
       "import": "./circular-progress.mjs",
       "require": "./circular-progress.js"
     },
     "./code-editor": {
-      "types": "./code-editor/code-editor.d.ts",
       "import": "./code-editor.mjs",
       "require": "./code-editor.js"
     },
     "./code-snippet": {
-      "types": "./code-snippet/code-snippet.d.ts",
       "import": "./code-snippet.mjs",
       "require": "./code-snippet.js"
     },
     "./dialog": {
-      "types": "./dialog/dialog.d.ts",
       "import": "./dialog.mjs",
       "require": "./dialog.js"
     },
     "./drawer": {
-      "types": "./drawer/drawer.d.ts",
       "import": "./drawer.mjs",
       "require": "./drawer.js"
     },
     "./empty-state": {
-      "types": "./empty-state/empty-state.d.ts",
       "import": "./empty-state.mjs",
       "require": "./empty-state.js"
     },
     "./expansion-panel": {
-      "types": "./expansion-panel/expansion-panel.d.ts",
       "import": "./expansion-panel.mjs",
       "require": "./expansion-panel.js"
     },
     "./expansion-panel-item": {
-      "types": "./expansion-panel/expansion-panel-item.d.ts",
       "import": "./expansion-panel-item.mjs",
       "require": "./expansion-panel-item.js"
     },
     "./focused-page": {
-      "types": "./focused-page/focused-page.d.ts",
       "import": "./focused-page.mjs",
       "require": "./focused-page.js"
     },
     "./formfield": {
-      "types": "./formfield/formfield.d.ts",
       "import": "./formfield.mjs",
       "require": "./formfield.js"
     },
     "./full-screen-dialog": {
-      "types": "./full-screen-dialog/full-screen-dialog.d.ts",
       "import": "./full-screen-dialog.mjs",
       "require": "./full-screen-dialog.js"
     },
     "./icon": {
-      "types": "./icon/icon.d.ts",
       "import": "./icon.mjs",
       "require": "./icon.js"
     },
     "./icon-button": {
-      "types": "./icon-button/icon-button.d.ts",
       "import": "./icon-button.mjs",
       "require": "./icon-button.js"
     },
     "./icon-button-toggle": {
-      "types": "./icon-button-toggle/icon-button-toggle.d.ts",
       "import": "./icon-button-toggle.mjs",
       "require": "./icon-button-toggle.js"
     },
     "./icon-check-toggle": {
-      "types": "./icon-checkbox/icon-check-toggle.d.ts",
       "import": "./icon-check-toggle.mjs",
       "require": "./icon-check-toggle.js"
     },
     "./icon-lockup": {
-      "types": "./icon-lockup/icon-lockup.d.ts",
       "import": "./icon-lockup.mjs",
       "require": "./icon-lockup.js"
     },
     "./icon-radio-toggle": {
-      "types": "./icon-radio/icon-radio-toggle.d.ts",
       "import": "./icon-radio-toggle.mjs",
       "require": "./icon-radio-toggle.js"
     },
     "./linear-progress": {
-      "types": "./linear-progress/linear-progress.d.ts",
       "import": "./linear-progress.mjs",
       "require": "./linear-progress.js"
     },
     "./list": {
-      "types": "./list/list.d.ts",
       "import": "./list.mjs",
       "require": "./list.js"
     },
     "./list-item": {
-      "types": "./list/list-item.d.ts",
       "import": "./list-item.mjs",
       "require": "./list-item.js"
     },
     "./menu": {
-      "types": "./menu/menu.d.ts",
       "import": "./menu.mjs",
       "require": "./menu.js"
     },
     "./nav-list-item": {
-      "types": "./list/nav-list-item.d.ts",
       "import": "./nav-list-item.mjs",
       "require": "./nav-list-item.js"
     },
     "./notebook-cell": {
-      "types": "./notebook-cell/notebook-cell.d.ts",
       "import": "./notebook-cell.mjs",
       "require": "./notebook-cell.js"
     },
     "./radio": {
-      "types": "./radio/radio.d.ts",
       "import": "./radio.mjs",
       "require": "./radio.js"
     },
     "./radio-list-item": {
-      "types": "./list/radio-list-item.d.ts",
       "import": "./radio-list-item.mjs",
       "require": "./radio-list-item.js"
     },
     "./select": {
-      "types": "./select/select.d.ts",
       "import": "./select.mjs",
       "require": "./select.js"
     },
     "./side-sheet": {
-      "types": "./side-sheet/side-sheet.d.ts",
       "import": "./side-sheet.mjs",
       "require": "./side-sheet.js"
     },
     "./slider": {
-      "types": "./slider/slider.d.ts",
       "import": "./slider.mjs",
       "require": "./slider.js"
     },
     "./slider-range": {
-      "types": "./slider/slider-range.d.ts",
       "import": "./slider-range.mjs",
       "require": "./slider-range.js"
     },
     "./snackbar": {
-      "types": "./snackbar/snackbar.d.ts",
       "import": "./snackbar.mjs",
       "require": "./snackbar.js"
     },
     "./status-dialog": {
-      "types": "./status-dialog/status-dialog.d.ts",
       "import": "./status-dialog.mjs",
       "require": "./status-dialog.js"
     },
     "./status-header": {
-      "types": "./status-header/status-header.d.ts",
       "import": "./status-header.mjs",
       "require": "./status-header.js"
     },
     "./status-header-item": {
-      "types": "./status-header/status-header-item.d.ts",
       "import": "./status-header-item.mjs",
       "require": "./status-header-item.js"
     },
     "./switch": {
-      "types": "./switch/switch.d.ts",
       "import": "./switch.mjs",
       "require": "./switch.js"
     },
     "./tab": {
-      "types": "./tab/tab.d.ts",
       "import": "./tab.mjs",
       "require": "./tab.js"
     },
     "./tab-bar": {
-      "types": "./tab/tab-bar.d.ts",
       "import": "./tab-bar.mjs",
       "require": "./tab-bar.js"
     },
     "./textarea": {
-      "types": "./textarea/textarea.d.ts",
       "import": "./textarea.mjs",
       "require": "./textarea.js"
     },
     "./textfield": {
-      "types": "./textfield/textfield.d.ts",
       "import": "./textfield.mjs",
       "require": "./textfield.js"
     },
     "./text-lockup": {
-      "types": "./text-lockup/text-lockup.d.ts",
       "import": "./text-lockup.mjs",
       "require": "./text-lockup.js"
     },
     "./toolbar": {
-      "types": "./toolbar/toolbar.d.ts",
       "import": "./toolbar.mjs",
       "require": "./toolbar.js"
     },
     "./tooltip": {
-      "types": "./tooltip/tooltip.d.ts",
       "import": "./tooltip.mjs",
       "require": "./tooltip.js"
     },
     "./top-app-bar": {
-      "types": "./top-app-bar/top-app-bar.d.ts",
       "import": "./top-app-bar.mjs",
       "require": "./top-app-bar.js"
     },
     "./top-app-bar-fixed": {
-      "types": "./top-app-bar/top-app-bar-fixed.d.ts",
       "import": "./top-app-bar-fixed.mjs",
       "require": "./top-app-bar-fixed.js"
     },
     "./tree-list": {
-      "types": "./tree-list/tree-list.d.ts",
       "import": "./tree-list.mjs",
       "require": "./tree-list.js"
     },
     "./tree-list-item": {
-      "types": "./tree-list/tree-list-item.d.ts",
       "import": "./tree-list-item.mjs",
       "require": "./tree-list-item.js"
     },
     "./typography": {
-      "types": "./typography/typography.d.ts",
       "import": "./typography.mjs",
       "require": "./typography.js"
     }

package/action-ribbon/action-ribbon-base.d.ts

@@ -1,29 +0,0 @@
-import { MDCBannerAdapter } from '@material/banner/adapter';
-import { CloseReason } from '@material/banner/constants';
-import { MDCBannerFoundation } from '@material/banner';
-import { LitElement, TemplateResult } from 'lit';
-export declare class ActionRibbonBase extends LitElement {
-    protected mdcFoundation: MDCBannerFoundation;
-    protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
-    protected mdcRoot: HTMLElement;
-    protected mdcContent: HTMLElement;
-    protected primaryActionEl: HTMLElement;
-    open: boolean;
-    labelText: string;
-    icon: string;
-    iconAriaLabel: string;
-    centered: boolean;
-    /**
-     * The state representation active|negative|positive|caution|loading|pending|checked
-     */
-    state?: 'active' | 'negative' | 'positive' | 'caution' | 'loading' | 'pending' | 'checked';
-    protected reason: CloseReason;
-    protected render(): TemplateResult<1>;
-    protected renderIcon(): TemplateResult;
-    protected createAdapter(): MDCBannerAdapter;
-    /** @export */
-    show(): void;
-    /** @export */
-    close(reason?: CloseReason): void;
-    protected firstUpdated(): Promise<void>;
-}

package/action-ribbon/action-ribbon.d.ts

@@ -1,15 +0,0 @@
-import { ActionRibbonBase } from './action-ribbon-base';
-/**
- * Action ribbon
- *
- * @slot - This element has a slot
- */
-export declare class CovalentActionRibbon extends ActionRibbonBase {
-    static styles: import("lit").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-action-ribbon': CovalentActionRibbon;
-    }
-}
-export default CovalentActionRibbon;

package/alert/alert-base.d.ts

@@ -1,36 +0,0 @@
-import { MDCBannerFoundation } from '@material/banner/foundation';
-import { MDCBannerAdapter } from '@material/banner/adapter';
-import { CloseReason } from '@material/banner/constants';
-import { LitElement, TemplateResult } from 'lit';
-import '../icon/icon';
-export declare class AlertBase extends LitElement {
-    protected mdcFoundation: MDCBannerFoundation;
-    protected readonly mdcFoundationClass: typeof MDCBannerFoundation;
-    private _resizeObserver;
-    protected mdcRoot: HTMLElement;
-    protected mdcContent: HTMLElement;
-    protected mdcGraphicTextWrapper: HTMLElement;
-    protected currentWidth: number;
-    open: boolean;
-    titleText: string;
-    descriptionText: string;
-    icon: string;
-    iconAriaLabel: string;
-    inline: boolean;
-    /**
-     * The state representation active|negative|positive|caution
-     */
-    state: string;
-    constructor();
-    disconnectedCallback(): void;
-    protected reason: CloseReason;
-    protected render(): TemplateResult<1>;
-    /** @soyTemplate */
-    protected renderIcon(): TemplateResult;
-    protected createAdapter(): MDCBannerAdapter;
-    /** @export */
-    show(): void;
-    /** @export */
-    close(reason?: CloseReason): void;
-    protected firstUpdated(): Promise<void>;
-}

package/alert/alert.d.ts

@@ -1,15 +0,0 @@
-import { AlertBase } from './alert-base';
-/**
- * Action ribbon
- *
- * @slot - This element has a slot
- */
-export declare class CovalentAlert extends AlertBase {
-    static styles: import("lit").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-alert': CovalentAlert;
-    }
-}
-export default CovalentAlert;

package/app-shell/app-shell.d.ts

@@ -1,75 +0,0 @@
-import { nothing } from 'lit';
-import { DrawerBase } from '@material/mwc-drawer/mwc-drawer-base';
-import '../top-app-bar/top-app-bar-fixed';
-import '../icon-button/icon-button';
-import '../card/card';
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-app-shell': CovalentAppShell;
-    }
-}
-/**
- * App Shell element.
- *
- * @slot - This element has a slot
- */
-export declare class CovalentAppShell extends DrawerBase {
-    static styles: import("lit").CSSResult[];
-    element: Element | null;
-    helpWidth: number;
-    private _startX;
-    private _startWidth;
-    private _resizing;
-    navigationListElements: HTMLElement[];
-    userMenuElements: HTMLElement[];
-    /**
-     * The name of the application to show in the small app bar
-     */
-    appName: string;
-    /**
-     * The name of the section shown above the navigation
-     */
-    sectionName: string;
-    drawerOpen: boolean;
-    helpOpen: boolean;
-    /**
-     * Make help resizable with drag/drop handle
-     */
-    helpResizable: boolean;
-    /**
-     * Wrap the main area with a contained card surface
-     */
-    contained: boolean;
-    /**
-     * Force the left navigation visibly open
-     */
-    forcedOpen: boolean;
-    /**
-     * Make the content area full width
-     */
-    fullWidth: boolean;
-    private hovered;
-    private hoverTimeout;
-    private hoverEntryDuration;
-    private hoverExitDuration;
-    constructor();
-    setupHelpPanelListeners(): void;
-    toggleHelpPanel(open?: boolean): void;
-    private _setupEventListeners;
-    private _startResizing;
-    private _resize;
-    private _stopResize;
-    private _toggleOpen;
-    private updateHelpPanelWidth;
-    private _handleMenuClick;
-    private _handleNavMouseOver;
-    private _handleNavMouseOut;
-    private _handleDrawerClosed;
-    resizeEvent(): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected renderSection(): import("lit-html").TemplateResult<1> | typeof nothing;
-    protected renderMain(): import("lit-html").TemplateResult<1>;
-    render(): import("lit-html").TemplateResult<1>;
-}
-export default CovalentAppShell;

package/badge/badge.d.ts

@@ -1,50 +0,0 @@
-import { LitElement } from 'lit';
-export type BadgeSize = 'small' | 'large';
-export type BadgeAlignmentVertical = 'top' | 'bottom';
-export type BadgeAlignmentHorizonatal = 'left' | 'right';
-/**
- * Badge
- *
- * @slot - This element has a slot
- */
-export declare class CovalentBadge extends LitElement {
-    static styles: import("lit").CSSResult[];
-    /**
-     * The content to be displayed in the badge
-     */
-    content?: number | string;
-    /**
-     * Caps the value of badge content
-     */
-    max?: number;
-    /**
-     * Sets the size of the badge
-     * 'small' represents a dot to notify that something has changed without providing content
-     */
-    size?: BadgeSize;
-    /**
-     * Controls the visibility of the badge
-     */
-    hideBadge?: boolean | undefined;
-    /**
-     * Aligns the badge vertically in the wrapped element
-     */
-    verticalAlignment?: BadgeAlignmentVertical;
-    /**
-     * Aligns the badge horizontally in the wrapped element
-     */
-    horizontalAlignment?: BadgeAlignmentHorizonatal;
-    /**
-     * Shows the badge when count is zero
-     */
-    showZero?: boolean;
-    firstUpdated(): void;
-    getContent(): number | string;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-badge': CovalentBadge;
-    }
-}
-export default CovalentBadge;

package/button/button.d.ts

@@ -1,10 +0,0 @@
-import { ButtonBase } from '@material/mwc-button/mwc-button-base';
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-button': CovalentButton;
-    }
-}
-export declare class CovalentButton extends ButtonBase {
-    static styles: import("lit").CSSResult[];
-}
-export default CovalentButton;

package/card/card-base.d.ts

@@ -1,28 +0,0 @@
-import { LitElement } from 'lit';
-export declare class CardBase extends LitElement {
-    /**
-     * The title of the card
-     */
-    cardTitle: string;
-    /**
-     * The sub-title of the card
-     */
-    subTitle: string;
-    /**
-     * Displays the action bar
-     */
-    actionBar: boolean;
-    /**
-     * Displays the ripple affect in primary area
-     */
-    interactive: boolean;
-    /**
-     * Style the card as an outline variant
-     */
-    outlined: boolean;
-    /**
-     * Style the card 100% height
-     */
-    fullHeight: boolean;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/card/card.d.ts

@@ -1,10 +0,0 @@
-import { CardBase } from './card-base';
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-card': CovalentCard;
-    }
-}
-export declare class CovalentCard extends CardBase {
-    static styles: import("lit").CSSResult[];
-}
-export default CovalentCard;

package/checkbox/checkbox.d.ts

@@ -1,10 +0,0 @@
-import { CheckboxBase } from '@material/mwc-checkbox/mwc-checkbox-base';
-declare global {
-    interface HTMLElementTagNameMap {
-        'cv-checkbox': CovalentCheckbox;
-    }
-}
-export declare class CovalentCheckbox extends CheckboxBase {
-    static styles: import("lit").CSSResult[];
-}
-export default CovalentCheckbox;

package/chips/chip-base.d.ts

@@ -1,51 +0,0 @@
-import { MDCChipFoundation } from '@material/chips/chip/foundation';
-import { MDCChipAnimation } from '@material/chips/chip/constants';
-import { MDCChipAction } from '@material/chips/action';
-import { MDCChipActionFocusBehavior, MDCChipActionType } from '@material/chips/action/constants';
-import { MDCChipAdapter } from '@material/chips/chip/adapter';
-import { LitElement } from 'lit';
-export declare class ChipBase extends LitElement {
-    protected mdcFoundation?: MDCChipFoundation;
-    protected readonly mdcFoundationClass: typeof MDCChipFoundation;
-    protected actions: Map<MDCChipActionType, MDCChipAction>;
-    protected chipId: number;
-    protected mdcRoot: HTMLElement;
-    /**
-     * The text label of the chip
-     */
-    label: string;
-    /**
-     * The icon name to use for primary or leading chip
-     */
-    icon: string;
-    trailingIcon: boolean;
-    avatar: boolean;
-    /**
-     * The text label of the chip
-     */
-    disabled: boolean;
-    /**
-     * Set the filter chip varient
-     */
-    filter: boolean;
-    /**
-     * The state representation secondary|negative|positive|caution
-     */
-    state?: 'secondary' | 'negative' | 'positive' | 'caution';
-    constructor();
-    protected render(): import("lit-html").TemplateResult<1>;
-    protected firstUpdated(): Promise<void>;
-    protected renderGraphic(): import("lit-html").TemplateResult<1>;
-    protected renderCheckMark(): import("lit-html").TemplateResult<1>;
-    protected renderIcon(trailing?: boolean): import("lit-html").TemplateResult<1>;
-    protected renderTrailing(): import("lit-html").TemplateResult<1>;
-    protected createAdapter(): MDCChipAdapter;
-    getActions(): MDCChipActionType[];
-    getElementID(): string;
-    isActionFocusable(action: MDCChipActionType): boolean;
-    isActionSelectable(action: MDCChipActionType): boolean;
-    isActionSelected(action: MDCChipActionType): boolean;
-    setActionFocus(action: MDCChipActionType, focus: MDCChipActionFocusBehavior): void | undefined;
-    setActionSelected(actionType: MDCChipActionType, isSelected: boolean): void | undefined;
-    startAnimation(animation: MDCChipAnimation): void | undefined;
-}

package/chips/chip-set-base.d.ts

@@ -1,32 +0,0 @@
-import { MDCChipSetAdapter } from '@material/chips/chip-set/adapter';
-import { MDCChipSetFoundation } from '@material/chips/chip-set/foundation';
-import { LitElement, PropertyValues } from 'lit';
-import { CovalentChip } from './chip';
-export declare class ChipSetBase extends LitElement {
-    protected mdcFoundation: MDCChipSetFoundation;
-    protected mdcRoot: HTMLElement;
-    /**
-     * Set if the chips are selectable/actionable
-     */
-    selectable: boolean;
-    /**
-     * Set the chips are mulit-selectable
-     */
-    multi: boolean;
-    /**
-     * The arial label for the the chip set
-     */
-    label: string;
-    activeIndex: number;
-    protected _previousActiveIndex: number;
-    protected chips: CovalentChip[];
-    render(): import("lit-html").TemplateResult<1>;
-    protected updated(changedProps: PropertyValues): Promise<void>;
-    protected firstUpdated(changedProps: PropertyValues): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected createAdapter(): MDCChipSetAdapter;
-    private _handleChipAnimation;
-    private _handleChipInteraction;
-    private _handleChipNavigation;
-}