@material/web 1.0.0-pre.5 → 1.0.0-pre.6

package/button/lib/elevated-link-button.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class ElevatedLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    protected renderElevation(): TemplateResult;
-}

package/button/lib/elevated-link-button.js

@@ -1,21 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ElevatedLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--elevated': true,
-        };
-    }
-    renderElevation() {
-        return html `<md-elevation shadow surface></md-elevation>`;
-    }
-}
-//# sourceMappingURL=elevated-link-button.js.map

package/button/lib/elevated-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"elevated-link-button.js","sourceRoot":"","sources":["elevated-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,eAAe;QAChC,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ElevatedLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--elevated': true,\n    };\n  }\n\n  protected override renderElevation(): TemplateResult {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n}\n"]}

package/button/lib/filled-link-button.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class FilledLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    /** @soyTemplate */
-    protected renderElevation(): TemplateResult;
-}

package/button/lib/filled-link-button.js

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class FilledLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--filled': true,
-        };
-    }
-    /** @soyTemplate */
-    renderElevation() {
-        return html `<md-elevation shadow surface></md-elevation>`;
-    }
-}
-//# sourceMappingURL=filled-link-button.js.map

package/button/lib/filled-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filled-link-button.js","sourceRoot":"","sources":["filled-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC3B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,oBAAoB,EAAE,IAAI;SAC3B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,8CAA8C,CAAC;IAC5D,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class FilledLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--filled': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override renderElevation(): TemplateResult {\n    return html`<md-elevation shadow surface></md-elevation>`;\n  }\n}\n"]}

package/button/lib/link-button.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { Button } from './button.js';
-export declare abstract class LinkButton extends Button {
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-     */
-    href: string;
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
-     */
-    target: string;
-    /**
-     * Link buttons cannot be disabled.
-     */
-    disabled: boolean;
-    protected getRenderClasses(): ClassInfo;
-    protected render(): TemplateResult;
-}

package/button/lib/link-button.js

@@ -1,59 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { when } from 'lit/directives/when.js';
-import { ripple } from '../../ripple/directive.js';
-import { Button } from './button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class LinkButton extends Button {
-    constructor() {
-        super(...arguments);
-        /**
-         * Link buttons cannot be disabled.
-         */
-        this.disabled = false;
-    }
-    // Note: link buttons cannot have trailing icons.
-    getRenderClasses() {
-        return {
-            'md3-button--icon-leading': this.hasIcon,
-        };
-    }
-    render() {
-        return html `
-      <span class="md3-link-button-wrapper">
-        <a class="md3-button ${classMap(this.getRenderClasses())}"
-          href="${ifDefined(this.href)}"
-          target="${ifDefined(this.target)}"
-          aria-label="${ifDefined(this.ariaLabel)}"
-          @focus="${this.handleFocus}"
-          @blur="${this.handleBlur}"
-          @pointerdown="${this.handlePointerDown}"
-          @click="${this.handleClick}"
-          ${ripple(this.getRipple)}>
-            ${this.renderFocusRing()}
-            ${this.renderElevation()}
-            ${when(this.showRipple, this.renderRipple)}
-            ${this.renderOutline()}
-            ${this.renderTouchTarget()}
-            ${this.renderIcon()}
-            ${this.renderLabel()}</a>
-      </span>`;
-    }
-}
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], LinkButton.prototype, "href", void 0);
-__decorate([
-    property({ type: String }),
-    __metadata("design:type", String)
-], LinkButton.prototype, "target", void 0);
-//# sourceMappingURL=link-button.js.map

package/button/lib/link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"link-button.js","sourceRoot":"","sources":["link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AACzC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAY,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAC,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAE5C,OAAO,EAAC,MAAM,EAAC,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAUnC,gEAAgE;AAChE,MAAM,OAAgB,UAAW,SAAQ,MAAM;IAA/C;;QAWE;;WAEG;QACM,aAAQ,GAAG,KAAK,CAAC;IA8B5B,CAAC;IA5BC,iDAAiD;IAC9B,gBAAgB;QACjC,OAAO;YACL,0BAA0B,EAAE,IAAI,CAAC,OAAO;SACzC,CAAC;IACJ,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;+BAEgB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;kBAC9C,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC;oBAClB,SAAS,CAAC,IAAI,CAAC,MAAoB,CAAC;wBAChC,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;oBAC7B,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;0BACR,IAAI,CAAC,iBAAiB;oBAC5B,IAAI,CAAC,WAAW;YACxB,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;cACpB,IAAI,CAAC,eAAe,EAAE;cACtB,IAAI,CAAC,eAAe,EAAE;cACtB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,YAAY,CAAC;cACxC,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,iBAAiB,EAAE;cACxB,IAAI,CAAC,UAAU,EAAE;cACjB,IAAI,CAAC,WAAW,EAAE;cAClB,CAAC;IACb,CAAC;CACF;AAxCC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAKxC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;0CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ClassInfo, classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\nimport {when} from 'lit/directives/when.js';\n\nimport {ripple} from '../../ripple/directive.js';\n\nimport {Button} from './button.js';\n\n/**\n * Note that we cast `linkTarget` to this type, below. The Lit compiler\n * enforces the `target` attribute value to be of this type, but this is not\n * compatible with the generated Wit Soy/JS, which expects `linkTarget`\n * to be a string type.\n */\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport abstract class LinkButton extends Button {\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.\n   */\n  @property({type: String}) href!: string;\n\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `target` attribute.\n   */\n  @property({type: String}) target!: string;\n\n  /**\n   * Link buttons cannot be disabled.\n   */\n  override disabled = false;\n\n  // Note: link buttons cannot have trailing icons.\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      'md3-button--icon-leading': this.hasIcon,\n    };\n  }\n\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"md3-link-button-wrapper\">\n        <a class=\"md3-button ${classMap(this.getRenderClasses())}\"\n          href=\"${ifDefined(this.href)}\"\n          target=\"${ifDefined(this.target as LinkTarget)}\"\n          aria-label=\"${ifDefined(this.ariaLabel)}\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @click=\"${this.handleClick}\"\n          ${ripple(this.getRipple)}>\n            ${this.renderFocusRing()}\n            ${this.renderElevation()}\n            ${when(this.showRipple, this.renderRipple)}\n            ${this.renderOutline()}\n            ${this.renderTouchTarget()}\n            ${this.renderIcon()}\n            ${this.renderLabel()}</a>\n      </span>`;\n  }\n}\n"]}

package/button/lib/outlined-link-button.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class OutlinedLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    protected renderOutline(): TemplateResult;
-}

package/button/lib/outlined-link-button.js

@@ -1,20 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class OutlinedLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--outlined': true,
-        };
-    }
-    renderOutline() {
-        return html `<span class="md3-button__outline"></span>`;
-    }
-}
-//# sourceMappingURL=outlined-link-button.js.map

package/button/lib/outlined-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAC7B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAEkB,aAAa;QAC9B,OAAO,IAAI,CAAA,2CAA2C,CAAC;IACzD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class OutlinedLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--outlined': true,\n    };\n  }\n\n  protected override renderOutline(): TemplateResult {\n    return html`<span class=\"md3-button__outline\"></span>`;\n  }\n}\n"]}

package/button/lib/text-link-button.d.ts

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class TextLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-}

package/button/lib/text-link-button.js

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class TextLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--text': true,
-        };
-    }
-}
-//# sourceMappingURL=text-link-button.js.map

package/button/lib/text-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,UAAU;IACzB,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,kBAAkB,EAAE,IAAI;SACzB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--text': true,\n    };\n  }\n}\n"]}

package/button/lib/tonal-link-button.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { TemplateResult } from 'lit';
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { LinkButton } from './link-button.js';
-export declare class TonalLinkButton extends LinkButton {
-    protected getRenderClasses(): ClassInfo;
-    /** @soyTemplate */
-    protected renderElevation(): TemplateResult;
-}

package/button/lib/tonal-link-button.js

@@ -1,22 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import '../../elevation/elevation.js';
-import { html } from 'lit';
-import { LinkButton } from './link-button.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class TonalLinkButton extends LinkButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-button--tonal': true,
-        };
-    }
-    /** @soyTemplate */
-    renderElevation() {
-        return html `<md-elevation shadow></md-elevation>`;
-    }
-}
-//# sourceMappingURL=tonal-link-button.js.map

package/button/lib/tonal-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,8BAA8B,CAAC;AAEtC,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,gEAAgE;AAChE,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC1B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,eAAe;QAChC,OAAO,IAAI,CAAA,sCAAsC,CAAC;IACpD,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../elevation/elevation.js';\n\nimport {html, TemplateResult} from 'lit';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkButton} from './link-button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TonalLinkButton extends LinkButton {\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--tonal': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override renderElevation(): TemplateResult {\n    return html`<md-elevation shadow></md-elevation>`;\n  }\n}\n"]}

package/button/outlined-link-button.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { OutlinedLinkButton } from './lib/outlined-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-outlined-link-button': MdOutlinedLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Use an outlined button for actions that need attention but
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
- * the button to use for giving someone the opportunity to change their mind or
- * escape a flow.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdOutlinedLinkButton extends OutlinedLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/outlined-link-button.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { OutlinedLinkButton } from './lib/outlined-link-button.js';
-import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Use an outlined button for actions that need attention but
- * aren’t the primary action, such as “See all” or “Add to cart.” This is also
- * the button to use for giving someone the opportunity to change their mind or
- * escape a flow.
- *
- * __Example usages:__
- * - Reply
- * - View all
- * - Add to cart
- * - Take out of trash
- *
- * @final
- * @suppress {visibility}
- */
-let MdOutlinedLinkButton = class MdOutlinedLinkButton extends OutlinedLinkButton {
-};
-MdOutlinedLinkButton.styles = [sharedStyles, outlinedStyles];
-MdOutlinedLinkButton = __decorate([
-    customElement('md-outlined-link-button')
-], MdOutlinedLinkButton);
-export { MdOutlinedLinkButton };
-//# sourceMappingURL=outlined-link-button.js.map

package/button/outlined-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-link-button.js","sourceRoot":"","sources":["outlined-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,kBAAkB,EAAC,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,kBAAkB;;AAC1C,2BAAM,GAAG,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;AAD7C,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAEhC;SAFY,oBAAoB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {OutlinedLinkButton} from './lib/outlined-link-button.js';\nimport {styles as outlinedStyles} from './lib/outlined-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-outlined-link-button': MdOutlinedLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Use an outlined button for actions that need attention but\n * aren’t the primary action, such as “See all” or “Add to cart.” This is also\n * the button to use for giving someone the opportunity to change their mind or\n * escape a flow.\n *\n * __Example usages:__\n * - Reply\n * - View all\n * - Add to cart\n * - Take out of trash\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-link-button')\nexport class MdOutlinedLinkButton extends OutlinedLinkButton {\n  static override styles = [sharedStyles, outlinedStyles];\n}\n"]}

package/button/text-link-button.d.ts

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TextLinkButton } from './lib/text-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-text-link-button': MdTextLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence
- *
- * __Rationale:__ Text buttons have less visual prominence, so should be used
- * for low emphasis actions, such as an alternative option.
- *
- * __Example usages:__
- * - Learn more
- * - View all
- * - Change account
- * - Turn on
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdTextLinkButton extends TextLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/text-link-button.js

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { TextLinkButton } from './lib/text-link-button.js';
-import { styles as textStyles } from './lib/text-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence
- *
- * __Rationale:__ Text buttons have less visual prominence, so should be used
- * for low emphasis actions, such as an alternative option.
- *
- * __Example usages:__
- * - Learn more
- * - View all
- * - Change account
- * - Turn on
- *
- * @final
- * @suppress {visibility}
- */
-let MdTextLinkButton = class MdTextLinkButton extends TextLinkButton {
-};
-MdTextLinkButton.styles = [sharedStyles, textStyles];
-MdTextLinkButton = __decorate([
-    customElement('md-text-link-button')
-], MdTextLinkButton);
-export { MdTextLinkButton };
-//# sourceMappingURL=text-link-button.js.map

package/button/text-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-link-button.js","sourceRoot":"","sources":["text-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,0BAA0B,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;GAmBG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;AADzC,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TextLinkButton} from './lib/text-link-button.js';\nimport {styles as textStyles} from './lib/text-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-text-link-button': MdTextLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence\n *\n * __Rationale:__ Text buttons have less visual prominence, so should be used\n * for low emphasis actions, such as an alternative option.\n *\n * __Example usages:__\n * - Learn more\n * - View all\n * - Change account\n * - Turn on\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-text-link-button')\nexport class MdTextLinkButton extends TextLinkButton {\n  static override styles = [sharedStyles, textStyles];\n}\n"]}

package/button/tonal-link-button.d.ts

@@ -1,35 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { TonalLinkButton } from './lib/tonal-link-button.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-tonal-link-button': MdTonalLinkButton;
-    }
-}
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Filled tonal buttons have a lighter background color and
- * darker label color, making them less visually prominent than a regular,
- * filled button. They’re still used for final or unblocking actions in a flow,
- * but do so with less emphasis.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdTonalLinkButton extends TonalLinkButton {
-    static styles: import("lit").CSSResult[];
-}

package/button/tonal-link-button.js

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles as sharedElevationStyles } from './lib/shared-elevation-styles.css.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { TonalLinkButton } from './lib/tonal-link-button.js';
-import { styles as tonalStyles } from './lib/tonal-styles.css.js';
-/**
- * @summary Buttons help people take action, such as sending an email, sharing a
- * document, or liking a comment. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Medium emphasis – For important actions that don’t distract
- * from other onscreen elements.
- *
- * __Rationale:__ Filled tonal buttons have a lighter background color and
- * darker label color, making them less visually prominent than a regular,
- * filled button. They’re still used for final or unblocking actions in a flow,
- * but do so with less emphasis.
- *
- * __Example usages:__
- * - Save
- * - Confirm
- * - Done
- *
- * @final
- * @suppress {visibility}
- */
-let MdTonalLinkButton = class MdTonalLinkButton extends TonalLinkButton {
-};
-MdTonalLinkButton.styles = [sharedStyles, sharedElevationStyles, tonalStyles];
-MdTonalLinkButton = __decorate([
-    customElement('md-tonal-link-button')
-], MdTonalLinkButton);
-export { MdTonalLinkButton };
-//# sourceMappingURL=tonal-link-button.js.map

package/button/tonal-link-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAC,MAAM,IAAI,WAAW,EAAC,MAAM,2BAA2B,CAAC;AAQhE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEI,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,eAAe;;AACpC,wBAAM,GAAG,CAAC,YAAY,EAAE,qBAAqB,EAAE,WAAW,CAAC,CAAC;AADjE,iBAAiB;IAD7B,aAAa,CAAC,sBAAsB,CAAC;GACzB,iBAAiB,CAE7B;SAFY,iBAAiB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as sharedElevationStyles} from './lib/shared-elevation-styles.css.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {TonalLinkButton} from './lib/tonal-link-button.js';\nimport {styles as tonalStyles} from './lib/tonal-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-tonal-link-button': MdTonalLinkButton;\n  }\n}\n\n/**\n * @summary Buttons help people take action, such as sending an email, sharing a\n * document, or liking a comment. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Medium emphasis – For important actions that don’t distract\n * from other onscreen elements.\n *\n * __Rationale:__ Filled tonal buttons have a lighter background color and\n * darker label color, making them less visually prominent than a regular,\n * filled button. They’re still used for final or unblocking actions in a flow,\n * but do so with less emphasis.\n *\n * __Example usages:__\n * - Save\n * - Confirm\n * - Done\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-tonal-link-button')\nexport class MdTonalLinkButton extends TonalLinkButton {\n  static override styles = [sharedStyles, sharedElevationStyles, tonalStyles];\n}\n"]}

package/elevation/lib/_md-comp-elevation.scss

@@ -1,27 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-$_default-deps: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-elevation: tokens.md-sys-elevation-values(),
-  md-sys-motion: tokens.md-sys-motion-values(),
-);
-
-@function values($deps: $_default-deps, $exclude-hardcoded-values: false) {
-  @return (
-    duration: if($exclude-hardcoded-values, null, 0s),
-    easing: map.get($deps, md-sys-motion, easing-emphasized),
-    level: map.get($deps, md-sys-elevation, level0),
-    shadow-color: map.get($deps, md-sys-color, shadow),
-    surface-tint: map.get($deps, md-sys-color, surface-tint)
-  );
-}

package/focus/lib/_md-comp-focus-ring.scss

@@ -1,30 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-$_default: (
-  md-sys-color: tokens.md-sys-color-values-light(),
-  md-sys-shape: tokens.md-sys-shape-values(),
-);
-
-@function values($deps: $_default, $exclude-hardcoded-values: false) {
-  @return (
-    shape:
-      if(
-        $exclude-hardcoded-values,
-        null,
-        map.get($deps, md-sys-shape, corner-full)
-      ),
-    offset: if($exclude-hardcoded-values, null, 2px),
-    width: if($exclude-hardcoded-values, null, 3px),
-    color: map.get($deps, md-sys-color, secondary)
-  );
-}

package/iconbutton/filled-icon-button-toggle.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ClassInfo } from 'lit/directives/class-map.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-filled-icon-button-toggle': MdFilledIconButtonToggle;
-    }
-}
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-export declare class MdFilledIconButtonToggle extends IconButtonToggle {
-    static styles: import("lit").CSSResult[];
-    protected getRenderClasses(): ClassInfo;
-}