@loadsmart/miranda-wc 2.0.1 → 3.0.0-alpha.1

package/dist/components/accordion/accordion-content.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class AccordionContent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-accordion-content': AccordionContent;
+    }
+}

package/dist/components/accordion/accordion-title.d.ts

@@ -0,0 +1,18 @@
+import { Component } from '../component';
+export declare class AccordionTitle extends Component {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-accordion-title': AccordionTitle;
+    }
+}

package/dist/components/accordion/accordion.d.ts

@@ -0,0 +1,51 @@
+import type { PropertyValues } from 'lit';
+import { Component } from '../component';
+import '../icon';
+export interface AccordionProps {
+    disabled?: boolean;
+    expanded?: boolean;
+}
+export interface AccordionToggleEventDetails {
+    name: 'accordion';
+    value: boolean;
+}
+export declare class Accordion extends Component implements AccordionProps {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+        expanded: {
+            type: BooleanConstructor;
+            reflect: boolean;
+        };
+    };
+    /**
+     * Should the accordion be disabled
+     */
+    disabled: AccordionProps['disabled'];
+    /**
+     * Accordion expand status
+     */
+    expanded: AccordionProps['expanded'];
+    /**
+     * Scrollable height for Accordion Panel
+     */
+    private panelHeight;
+    /**
+     * Resize observer for panel height changes
+     */
+    private resizeObserver;
+    constructor();
+    firstUpdated(): void;
+    update(changedProperties: PropertyValues): void;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-accordion': Accordion;
+    }
+}

package/dist/components/accordion/accordion.styles.d.ts

@@ -0,0 +1,4 @@
+declare function styles(): import("lit").CSSResult;
+export declare function accordionTitleStyles(): import("lit").CSSResult;
+export declare function accordionContentStyles(): import("lit").CSSResult;
+export default styles;

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,4 @@
+export type { AccordionProps, AccordionToggleEventDetails } from './accordion';
+export { Accordion } from './accordion';
+export { AccordionTitle } from './accordion-title';
+export { AccordionContent } from './accordion-content';

package/dist/components/back-button/back-button.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+import '../icon';
+import '../button';
+export declare class BackButton extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-back-button': BackButton;
+    }
+}

package/dist/components/{radio-group/radio-button.styles.d.ts → back-button/back-button.styles.d.ts}

@@ -1,3 +1,2 @@
 declare function styles(): import("lit").CSSResult;
 export default styles;
-//# sourceMappingURL=radio-button.styles.d.ts.map

package/dist/components/back-button/index.d.ts

@@ -0,0 +1 @@
+export { BackButton } from './back-button';

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,45 @@
+import { LitElement } from 'lit';
+export type BadgeSize = 'small' | 'default';
+export type BadgeCountPlacement = 'top-left' | 'top-right';
+export interface BadgeProps {
+    counter: number;
+    placement?: BadgeCountPlacement;
+    size?: BadgeSize;
+}
+export declare class Badge extends LitElement {
+    #private;
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        counter: {
+            type: NumberConstructor;
+            reflect: boolean;
+        };
+        placement: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        size: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    /**
+     * Number count.
+     */
+    counter: BadgeProps['counter'];
+    /**
+     * Number count placement.
+     */
+    placement?: BadgeProps['placement'];
+    /**
+     * Badge size.
+     */
+    size?: BadgeProps['size'];
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-badge': Badge;
+    }
+}

package/dist/components/badge/badge.styles.d.ts

@@ -0,0 +1,2 @@
+declare function styles(): import("lit").CSSResult;
+export default styles;

package/dist/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export { Badge } from './badge';
+export type { BadgeProps } from './badge';

package/dist/components/banner/banner-action-primary.d.ts

@@ -8,4 +8,3 @@ declare global {
         'm-banner-action-primary': BannerActionPrimary;
     }
 }
-//# sourceMappingURL=banner-action-primary.d.ts.map

package/dist/components/banner/banner-action-secondary.d.ts

@@ -8,4 +8,3 @@ declare global {
         'm-banner-action-secondary': BannerActionSecondary;
     }
 }
-//# sourceMappingURL=banner-action-secondary.d.ts.map

package/dist/components/banner/banner-actions.d.ts

@@ -9,4 +9,3 @@ declare global {
         'm-banner-actions': BannerActions;
     }
 }
-//# sourceMappingURL=banner-actions.d.ts.map

package/dist/components/banner/banner-actions.styles.d.ts

@@ -1,2 +1 @@
 export declare function styles(): import("lit").CSSResult;
-//# sourceMappingURL=banner-actions.styles.d.ts.map

package/dist/components/banner/banner-description.d.ts

@@ -9,4 +9,3 @@ declare global {
         'm-banner-description': BannerDescription;
     }
 }
-//# sourceMappingURL=banner-description.d.ts.map

package/dist/components/banner/banner-description.styles.d.ts

@@ -1,2 +1 @@
 export declare function styles(): import("lit").CSSResult;
-//# sourceMappingURL=banner-description.styles.d.ts.map

package/dist/components/banner/banner-icon.d.ts

@@ -8,4 +8,3 @@ declare global {
         'm-banner-icon': BannerIcon;
     }
 }
-//# sourceMappingURL=banner-icon.d.ts.map

package/dist/components/banner/banner-title.d.ts

@@ -9,4 +9,3 @@ declare global {
         'm-banner-title': BannerTitle;
     }
 }
-//# sourceMappingURL=banner-title.d.ts.map

package/dist/components/banner/banner-title.styles.d.ts

@@ -1,2 +1 @@
 export declare function styles(): import("lit").CSSResult;
-//# sourceMappingURL=banner-title.styles.d.ts.map

package/dist/components/banner/banner.d.ts

@@ -12,7 +12,7 @@ export interface BannerProps {
     dismissible?: boolean;
     dismissed?: boolean;
 }
-export declare class Banner extends Component {
+export declare class Banner extends Component implements BannerProps {
     #private;
     static styles: import("lit").CSSResult[];
     static get properties(): {
@@ -43,11 +43,10 @@ export declare class Banner extends Component {
     constructor();
     get primaryAction(): BannerActionPrimary | null;
     updated(changedProperties: PropertyValues): void;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'm-banner': Banner;
     }
 }
-//# sourceMappingURL=banner.d.ts.map

package/dist/components/banner/banner.styles.d.ts

@@ -1,2 +1 @@
 export declare function styles(): import("lit").CSSResult;
-//# sourceMappingURL=banner.styles.d.ts.map

package/dist/components/banner/index.d.ts

@@ -6,4 +6,3 @@ export { BannerIcon } from './banner-icon';
 export { BannerTitle } from './banner-title';
 export { Banner } from './banner';
 export type { BannerProps, BannerVariant } from './banner';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/body/body.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+export declare class Body extends LitElement {
+    static styles: import("lit").CSSResult[];
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    slot: string;
+    constructor();
+    render(): import("lit-html").TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-body': Body;
+    }
+}

package/dist/components/body/body.styles.d.ts

@@ -0,0 +1,2 @@
+declare function styles(): import("lit").CSSResult;
+export default styles;

package/dist/components/body/index.d.ts

@@ -0,0 +1 @@
+export { Body } from './body';

package/dist/components/button/base-button.styles.d.ts

@@ -1,3 +1,2 @@
-declare function styles(): import("lit").CSSResult;
+declare function styles(selector?: string): import("lit").CSSResult;
 export default styles;
-//# sourceMappingURL=base-button.styles.d.ts.map

package/dist/components/button/button.d.ts

@@ -1,38 +1,38 @@
 import type { PropertyValues } from 'lit';
-import { FormControl } from '../form-control';
+import { FormComponent } from '../component';
+import type { FormComponentProps } from '../component';
 export type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'warning' | 'danger' | 'icon' | 'icon-secondary';
 export type ButtonSize = 'small' | 'default' | 'large';
-export type ButtonType = 'button' | 'reset' | 'submit';
-type ButtonTarget = '_blank' | '_parent' | '_self' | '_top';
-export interface ButtonProps {
-    disabled?: boolean;
-    form?: string;
+export type ButtonType = HTMLButtonElement['type'];
+export type ButtonTarget = HTMLAnchorElement['target'];
+export interface ButtonProps extends FormComponentProps {
     loading?: boolean;
     size?: ButtonSize;
-    type: ButtonType;
-    variant: ButtonVariant;
+    type?: ButtonType;
+    variant?: ButtonVariant;
     href?: string;
     download?: string;
-    tabindex?: string;
     target?: ButtonTarget;
+    form?: string;
+    formaction?: HTMLButtonElement['formAction'];
+    formenctype?: HTMLButtonElement['formEnctype'];
+    formmethod?: HTMLButtonElement['formMethod'];
+    formnovalidate?: HTMLButtonElement['formNoValidate'];
+    formtarget?: HTMLButtonElement['formTarget'];
 }
-declare const Button_base: import("../../mixins/polymorphic-tag/polymorphic-tag.types").Constructor<import("../../mixins/polymorphic-tag/polymorphic-tag.types").PolymorphicTagInterface> & typeof FormControl;
-export declare class Button extends Button_base {
+export declare class Button extends FormComponent implements ButtonProps {
     #private;
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        mode: ShadowRootMode;
+        slotAssignment?: SlotAssignmentMode | undefined;
+    };
     static styles: import("lit").CSSResult[][];
     static get properties(): {
-        role: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
         loading: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        disabled: {
-            type: BooleanConstructor;
-            reflect: boolean;
-        };
         variant: {
             type: StringConstructor;
             reflect: boolean;
@@ -41,34 +41,43 @@ export declare class Button extends Button_base {
             type: StringConstructor;
             reflect: boolean;
         };
-        tabindex: {
+        type: {
             type: StringConstructor;
+            reflect: boolean;
         };
-        type: {
+        form: {
             type: StringConstructor;
         };
-        href: {
+        formaction: {
             type: StringConstructor;
         };
-        target: {
+        formenctype: {
             type: StringConstructor;
         };
-        download: {
+        formmethod: {
             type: StringConstructor;
         };
-        form: {
+        formnovalidate: {
+            type: BooleanConstructor;
+        };
+        formtarget: {
+            type: StringConstructor;
+        };
+        href: {
             type: StringConstructor;
             reflect: boolean;
         };
+        target: {
+            type: StringConstructor;
+        };
+        download: {
+            type: StringConstructor;
+        };
     };
     /**
      * The button is waiting for some operation to be finished.
      */
     loading: ButtonProps['loading'];
-    /**
-     * Should the button be disabled.
-     */
-    disabled: ButtonProps['disabled'];
     /**
      * Button variant.
      */
@@ -77,12 +86,6 @@ export declare class Button extends Button_base {
      * Button size.
      */
     size: ButtonProps['size'];
-    /**
-     * Allow making HTML elements focusable, allow or prevent them from being sequentially
-     * focusable (usually with the Tab key, hence the name) and determine their relative ordering
-     * for sequential focus navigation
-     */
-    tabindex: ButtonProps['tabindex'];
     /**
      * Specifies the type of button.
      */
@@ -99,18 +102,42 @@ export declare class Button extends Button_base {
      * Causes the browser to treat the linked URL as a download. Only used when `href` is set.
      */
     download: ButtonProps['download'];
+    /**
+     * The <form> element to associate the button with (its form owner). The value of
+     * this attribute must be the id of a <form> in the same document. (If this attribute
+     * is not set, the <button> is associated with its ancestor <form> element, if any.)
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form|MDN docs}
+     */
+    form: ButtonProps['form'];
+    formaction: ButtonProps['formaction'];
+    formenctype: ButtonProps['formenctype'];
+    formmethod: ButtonProps['formmethod'];
+    formnovalidate: ButtonProps['formnovalidate'];
+    formtarget: ButtonProps['formtarget'];
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
     protected update(changedProperties: PropertyValues<this>): void;
-    protected updated(changedProperties: PropertyValues<this>): void;
-    render(): import("lit-html").TemplateResult<2 | 1>;
-    focus(options?: FocusOptions | undefined): void;
+    renderContent(): import("lit-html").TemplateResult<1>;
+    renderAsButton(): import("lit-html").TemplateResult<1>;
+    renderAsLink(): import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1>;
+    get button(): HTMLButtonElement | null;
+    get anchor(): HTMLAnchorElement | null;
+    /**
+     * A button can be associated with a form either via the `form` attribute (`associatedForm` property)
+     * or by being a descendant of a form element (in which case the form instance will be available via the
+     * `ElementInternals` API). Here, we return the form that the button is actually associated with so
+     * other parts of the component can use it.
+     *
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form|MDN button element, form attribute}
+     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/form|MDN ElementInternals, form property}
+     */
+    getActualForm: () => HTMLFormElement | null;
+    formDisabledCallback(disabled: boolean): void;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'm-button': Button;
     }
 }
-export {};
-//# sourceMappingURL=button.d.ts.map

package/dist/components/button/button.styles.d.ts

@@ -1,3 +1,2 @@
 declare function styles(): import("lit").CSSResult[];
 export default styles;
-//# sourceMappingURL=button.styles.d.ts.map

package/dist/components/button/index.d.ts

@@ -1,3 +1,2 @@
 export { Button } from './button';
 export type { ButtonProps, ButtonSize, ButtonType, ButtonVariant, } from './button';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/card/card-action-primary.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '../button';
+export declare class CardActionPrimary extends Button {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-card-action-primary': CardActionPrimary;
+    }
+}

package/dist/components/card/card-action-secondary.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '../button';
+export declare class CardActionSecondary extends Button {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-card-action-secondary': CardActionSecondary;
+    }
+}

package/dist/components/card/card-action-tertiary.d.ts

@@ -0,0 +1,9 @@
+import { Button } from '../button';
+export declare class CardActionTertiary extends Button {
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-card-action-tertiary': CardActionTertiary;
+    }
+}

package/dist/components/card/card-body.d.ts

@@ -4,10 +4,11 @@ export declare class CardBody extends LitElement {
     static get properties(): {
         slot: {
             type: StringConstructor;
+            reflect: boolean;
         };
     };
     slot: string;
-    connectedCallback(): void;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -15,4 +16,3 @@ declare global {
         'm-card-body': CardBody;
     }
 }
-//# sourceMappingURL=card-body.d.ts.map

package/dist/components/card/card-divider.d.ts

@@ -16,4 +16,3 @@ declare global {
         'm-card-divider': CardDivider;
     }
 }
-//# sourceMappingURL=card-divider.d.ts.map

package/dist/components/card/card-footer.d.ts

@@ -0,0 +1,35 @@
+import { LitElement } from 'lit';
+import type { SpacingTokenWithNone } from '@loadsmart/miranda-tokens';
+import type { JustifyContentValue, AlignItemsValue } from '../layout';
+export interface CardFooterProps {
+    gap?: SpacingTokenWithNone;
+    align?: AlignItemsValue;
+    justify?: JustifyContentValue;
+}
+export declare class CardFooter extends LitElement implements CardFooterProps {
+    static get properties(): {
+        slot: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        gap: {
+            type: StringConstructor;
+        };
+        align: {
+            type: StringConstructor;
+        };
+        justify: {
+            type: StringConstructor;
+        };
+    };
+    gap: CardFooterProps['gap'];
+    align: CardFooterProps['align'];
+    justify: CardFooterProps['justify'];
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'm-card-footer': CardFooter;
+    }
+}

package/dist/components/card/card-subtitle.d.ts

@@ -4,10 +4,11 @@ export declare class CardSubtitle extends LitElement {
     static get properties(): {
         slot: {
             type: StringConstructor;
+            reflect: boolean;
         };
     };
     slot: string;
-    connectedCallback(): void;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -15,4 +16,3 @@ declare global {
         'm-card-subtitle': CardSubtitle;
     }
 }
-//# sourceMappingURL=card-subtitle.d.ts.map

package/dist/components/card/card-title.d.ts

@@ -4,10 +4,11 @@ export declare class CardTitle extends LitElement {
     static get properties(): {
         slot: {
             type: StringConstructor;
+            reflect: boolean;
         };
     };
     slot: string;
-    connectedCallback(): void;
+    constructor();
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -15,4 +16,3 @@ declare global {
         'm-card-title': CardTitle;
     }
 }
-//# sourceMappingURL=card-title.d.ts.map