@material/web 0.1.0-alpha.0

package/button/lib/link-button.js

@@ -0,0 +1,53 @@
+/**
+ * @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 { Button } from './button.js';
+/** @soyCompatible */
+export class LinkButton extends Button {
+    /**
+     * @soyTemplate
+     * @soyAttributes buttonAttributes: .md3-button
+     */
+    render() {
+        return html `
+      <span class="md3-link-button-wrapper"
+          @focus="${this.handleFocus}"
+          @blur="${this.handleBlur}"
+          @pointerdown="${this.handlePointerDown}"
+          @pointerup="${this.handlePointerUp}"
+          @pointercancel="${this.handlePointerCancel}"
+          @pointerleave="${this.handlePointerLeave}"
+          @pointerenter="${this.handlePointerEnter}"
+          @click="${this.handleClick}"
+          @contextmenu="${this.handleContextMenu}">
+        <a class="md3-button ${classMap(this.getRenderClasses())}"
+          href="${ifDefined(this.href)}"
+          target="${ifDefined(this.target)}"
+          aria-label="${ifDefined(this.ariaLabel)}">
+            ${this.renderFocusRing()}
+            ${this.renderOverlay()}
+            ${this.renderRipple()}
+            ${this.renderOutline()}
+            ${this.renderTouchTarget()}
+            ${this.renderIcon()}
+            ${this.renderLabel()}</a>
+      </span>`;
+        // Note: link buttons cannot have trailing icons.
+    }
+}
+__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

@@ -0,0 +1 @@
+{"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,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAInC,qBAAqB;AACrB,MAAM,OAAgB,UAAW,SAAQ,MAAM;IAK7C;;;OAGG;IACgB,MAAM;QACvB,OAAO,IAAI,CAAA;;oBAEK,IAAI,CAAC,WAAW;mBACjB,IAAI,CAAC,UAAU;0BACR,IAAI,CAAC,iBAAiB;wBACxB,IAAI,CAAC,eAAe;4BAChB,IAAI,CAAC,mBAAmB;2BACzB,IAAI,CAAC,kBAAkB;2BACvB,IAAI,CAAC,kBAAkB;oBAC9B,IAAI,CAAC,WAAW;0BACV,IAAI,CAAC,iBAAiB;+BACjB,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;cACnC,IAAI,CAAC,eAAe,EAAE;cACtB,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,YAAY,EAAE;cACnB,IAAI,CAAC,aAAa,EAAE;cACpB,IAAI,CAAC,iBAAiB,EAAE;cACxB,IAAI,CAAC,UAAU,EAAE;cACjB,IAAI,CAAC,WAAW,EAAE;cAClB,CAAC;QACX,iDAAiD;IACnD,CAAC;CACF;AAlC2B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAEd;IAAzB,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 {classMap} from 'lit/directives/class-map.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\nimport {Button} from './button.js';\n\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n/** @soyCompatible */\nexport abstract class LinkButton extends Button {\n  @property({type: String}) href!: string;\n\n  @property({type: String}) target!: string;\n\n  /**\n   * @soyTemplate\n   * @soyAttributes buttonAttributes: .md3-button\n   */\n  protected override render(): TemplateResult {\n    return html`\n      <span class=\"md3-link-button-wrapper\"\n          @focus=\"${this.handleFocus}\"\n          @blur=\"${this.handleBlur}\"\n          @pointerdown=\"${this.handlePointerDown}\"\n          @pointerup=\"${this.handlePointerUp}\"\n          @pointercancel=\"${this.handlePointerCancel}\"\n          @pointerleave=\"${this.handlePointerLeave}\"\n          @pointerenter=\"${this.handlePointerEnter}\"\n          @click=\"${this.handleClick}\"\n          @contextmenu=\"${this.handleContextMenu}\">\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            ${this.renderFocusRing()}\n            ${this.renderOverlay()}\n            ${this.renderRipple()}\n            ${this.renderOutline()}\n            ${this.renderTouchTarget()}\n            ${this.renderIcon()}\n            ${this.renderLabel()}</a>\n      </span>`;\n    // Note: link buttons cannot have trailing icons.\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+/**
+ * @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';
+/** @soyCompatible */
+export declare class OutlinedButton extends Button {
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+    /** @soyTemplate */
+    protected renderOutline(): TemplateResult;
+}

package/button/lib/outlined-button.js

@@ -0,0 +1,22 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { html } from 'lit';
+import { Button } from './button.js';
+/** @soyCompatible */
+export class OutlinedButton extends Button {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-button--outlined': true,
+        };
+    }
+    /** @soyTemplate */
+    renderOutline() {
+        return html `<span class="md3-button__outline"></span>`;
+    }
+}
+//# sourceMappingURL=outlined-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-button.js","sourceRoot":"","sources":["outlined-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAiB,MAAM,KAAK,CAAC;AAGzC,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,MAAM;IACxC,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,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 {Button} from './button.js';\n\n/** @soyCompatible */\nexport class OutlinedButton extends Button {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--outlined': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override renderOutline(): TemplateResult {\n    return html`<span class=\"md3-button__outline\"></span>`;\n  }\n}\n"]}

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

@@ -0,0 +1,15 @@
+/**
+ * @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';
+/** @soyCompatible */
+export declare class OutlinedLinkButton extends LinkButton {
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+    /** @soyTemplate */
+    protected renderOutline(): TemplateResult;
+}

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

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

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

@@ -0,0 +1 @@
+{"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,qBAAqB;AACrB,MAAM,OAAO,kBAAmB,SAAQ,UAAU;IAChD,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,sBAAsB,EAAE,IAAI;SAC7B,CAAC;IACJ,CAAC;IAED,mBAAmB;IACA,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/** @soyCompatible */\nexport class OutlinedLinkButton extends LinkButton {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--outlined': true,\n    };\n  }\n\n  /** @soyTemplate */\n  protected override renderOutline(): TemplateResult {\n    return html`<span class=\"md3-button__outline\"></span>`;\n  }\n}\n"]}

package/button/lib/outlined-styles.css.d.ts

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

package/button/lib/outlined-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `.md3-button__outline{inset:0;position:absolute;border-style:solid;box-sizing:border-box}.md3-button--outlined .md3-button__ripple{border-style:solid;border-color:rgba(0,0,0,0)}.md3-button--outlined{font-family:var(--md-outlined-button-label-text-font, Roboto);font-size:var(--md-outlined-button-label-text-size, 0.875rem);letter-spacing:var(--md-outlined-button-label-text-tracking, 0.00625rem);font-weight:var(--md-outlined-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-outlined-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-outlined-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-outlined-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-outlined-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-outlined-button-container-height, 40px);padding-inline-start:var(--md-outlined-button-spacing-leading, 24px);padding-inline-end:var(--md-outlined-button-spacing-trailing, 24px)}.md3-button--outlined:not(:disabled){color:var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active){color:var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):focus:not(:active){color:var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):active{color:var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:disabled{color:var(--md-outlined-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--outlined,.md3-button--outlined .md3-button__ripple{border-radius:var(--md-outlined-button-container-shape, 9999px)}.md3-button--outlined.md3-button--icon-leading{padding-inline-start:var(--md-outlined-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-outlined-button-with-icon-spacing-trailing, 24px)}.md3-button--outlined.md3-button--icon-trailing{padding-inline-start:var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--outlined:not(:disabled) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled) .md3-button__icon{color:var(--md-outlined-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-outlined-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-outlined-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):active ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):active .md3-button__icon{color:var(--md-outlined-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:disabled ::slotted([slot=icon]),.md3-button--outlined:disabled .md3-button__icon{color:var(--md-outlined-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--outlined ::slotted([slot=icon]),.md3-button--outlined .md3-button__icon{font-size:var(--md-outlined-button-with-icon-icon-size, 18px);inline-size:var(--md-outlined-button-with-icon-icon-size, 18px);block-size:var(--md-outlined-button-with-icon-icon-size, 18px)}.md3-button--outlined .md3-button__outline{border-radius:var(--md-outlined-button-container-shape, 9999px)}.md3-button--outlined:not(:disabled) .md3-button__outline{border-color:var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e))}.md3-button--outlined:not(:disabled):active .md3-button__outline{border-color:var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e))}.md3-button--outlined:disabled .md3-button__outline{border-color:var(--md-outlined-button-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--outlined .md3-button__outline,.md3-button--outlined .md3-button__ripple{border-width:var(--md-outlined-button-outline-width, 1px)}.md3-button--outlined .md3-button__ripple{inline-size:calc(100% - 2 * var(--md-outlined-button-outline-width, 1px));block-size:calc(100% - 2 * var(--md-outlined-button-outline-width, 1px))}/*# sourceMappingURL=outlined-styles.css.map */
+`;
+//# sourceMappingURL=outlined-styles.css.js.map

package/button/lib/outlined-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-styles.css.js","sourceRoot":"","sources":["outlined-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`.md3-button__outline{inset:0;position:absolute;border-style:solid;box-sizing:border-box}.md3-button--outlined .md3-button__ripple{border-style:solid;border-color:rgba(0,0,0,0)}.md3-button--outlined{font-family:var(--md-outlined-button-label-text-font, Roboto);font-size:var(--md-outlined-button-label-text-size, 0.875rem);letter-spacing:var(--md-outlined-button-label-text-tracking, 0.00625rem);font-weight:var(--md-outlined-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-outlined-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-outlined-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-outlined-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-outlined-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-outlined-button-container-height, 40px);padding-inline-start:var(--md-outlined-button-spacing-leading, 24px);padding-inline-end:var(--md-outlined-button-spacing-trailing, 24px)}.md3-button--outlined:not(:disabled){color:var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active){color:var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):focus:not(:active){color:var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):active{color:var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:disabled{color:var(--md-outlined-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--outlined,.md3-button--outlined .md3-button__ripple{border-radius:var(--md-outlined-button-container-shape, 9999px)}.md3-button--outlined.md3-button--icon-leading{padding-inline-start:var(--md-outlined-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-outlined-button-with-icon-spacing-trailing, 24px)}.md3-button--outlined.md3-button--icon-trailing{padding-inline-start:var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--outlined:not(:disabled) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled) .md3-button__icon{color:var(--md-outlined-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-outlined-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-outlined-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:not(:disabled):active ::slotted([slot=icon]),.md3-button--outlined:not(:disabled):active .md3-button__icon{color:var(--md-outlined-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--outlined:disabled ::slotted([slot=icon]),.md3-button--outlined:disabled .md3-button__icon{color:var(--md-outlined-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--outlined ::slotted([slot=icon]),.md3-button--outlined .md3-button__icon{font-size:var(--md-outlined-button-with-icon-icon-size, 18px);inline-size:var(--md-outlined-button-with-icon-icon-size, 18px);block-size:var(--md-outlined-button-with-icon-icon-size, 18px)}.md3-button--outlined .md3-button__outline{border-radius:var(--md-outlined-button-container-shape, 9999px)}.md3-button--outlined:not(:disabled) .md3-button__outline{border-color:var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e))}.md3-button--outlined:not(:disabled):active .md3-button__outline{border-color:var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e))}.md3-button--outlined:disabled .md3-button__outline{border-color:var(--md-outlined-button-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--outlined .md3-button__outline,.md3-button--outlined .md3-button__ripple{border-width:var(--md-outlined-button-outline-width, 1px)}.md3-button--outlined .md3-button__ripple{inline-size:calc(100% - 2 * var(--md-outlined-button-outline-width, 1px));block-size:calc(100% - 2 * var(--md-outlined-button-outline-width, 1px))}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}

package/button/lib/outlined-styles.scss

@@ -0,0 +1,18 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './outlined-button';
+@use './outlined-button-theme';
+
+@include outlined-button.static-styles;
+
+.md3-button--outlined {
+  @include outlined-button-theme.theme-styles(
+    outlined-button-theme.$light-theme
+  );
+}

package/button/lib/shared-styles.css.d.ts

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

package/button/lib/shared-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top}:host([disabled]){cursor:default;pointer-events:none}.md3-button{position:relative;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);z-index:0;--mdc-ripple-z-index:-1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:active{outline:none}.md3-button:hover{cursor:pointer}.md3-link-button-wrapper{inline-size:100%}.md3-button__icon-slot-container{display:inline-flex}.md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button__icon-slot-container .md3-button__icon{display:inline-flex;position:relative;writing-mode:horizontal-tb}.md3-button__icon--leading ::slotted([slot=icon]),.md3-button__icon--leading .md3-button__icon{margin-inline-end:8px}.md3-button__icon--trailing ::slotted([slot=icon]),.md3-button__icon--trailing .md3-button__icon{margin-inline-start:8px}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */
+`;
+//# sourceMappingURL=shared-styles.css.js.map

package/button/lib/shared-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared-styles.css.js","sourceRoot":"","sources":["shared-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top}:host([disabled]){cursor:default;pointer-events:none}.md3-button{position:relative;transition:border 280ms cubic-bezier(0.4, 0, 0.2, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);z-index:0;--mdc-ripple-z-index:-1;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-inline-size:64px;border:none;outline:none;line-height:inherit;user-select:none;-webkit-appearance:none;vertical-align:middle;background:rgba(0,0,0,0);text-decoration:none;inline-size:100%}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:active{outline:none}.md3-button:hover{cursor:pointer}.md3-link-button-wrapper{inline-size:100%}.md3-button__icon-slot-container{display:inline-flex}.md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button__icon-slot-container .md3-button__icon{display:inline-flex;position:relative;writing-mode:horizontal-tb}.md3-button__icon--leading ::slotted([slot=icon]),.md3-button__icon--leading .md3-button__icon{margin-inline-end:8px}.md3-button__icon--trailing ::slotted([slot=icon]),.md3-button__icon--trailing .md3-button__icon{margin-inline-start:8px}.md3-button__touch{position:absolute;top:50%;height:48px;left:0;right:0;transform:translateY(-50%)}/*# sourceMappingURL=shared-styles.css.map */\n`;\n "]}

package/button/lib/shared-styles.scss

@@ -0,0 +1,12 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use './button';
+@use './icon';
+@use './touch-target';
+
+@include button.static-styles;
+@include icon.static-styles;
+@include touch-target.static-styles;

package/button/lib/state.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export interface ButtonState {
+    disabled: boolean;
+    label: string;
+    trailingIcon: boolean;
+}

package/button/lib/state.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};
+//# sourceMappingURL=state.js.map

package/button/lib/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["state.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport interface ButtonState {\n  disabled: boolean;\n  label: string;\n  trailingIcon: boolean;\n}\n"]}

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

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

package/button/lib/text-button.js

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Button } from './button.js';
+/** @soyCompatible */
+export class TextButton extends Button {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-button--text': true,
+        };
+    }
+}
+//# sourceMappingURL=text-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,qBAAqB;AACrB,MAAM,OAAO,UAAW,SAAQ,MAAM;IACpC,mBAAmB;IACA,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 {Button} from './button.js';\n\n/** @soyCompatible */\nexport class TextButton extends Button {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--text': true,\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/**
+ * @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';
+/** @soyCompatible */
+export declare class TextLinkButton extends LinkButton {
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LinkButton } from './link-button.js';
+/** @soyCompatible */
+export class TextLinkButton extends LinkButton {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-button--text': true,
+        };
+    }
+}
+//# sourceMappingURL=text-link-button.js.map

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

@@ -0,0 +1 @@
+{"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,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,UAAU;IAC5C,mBAAmB;IACA,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/** @soyCompatible */\nexport class TextLinkButton extends LinkButton {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--text': true,\n    };\n  }\n}\n"]}

package/button/lib/text-styles.css.d.ts

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

package/button/lib/text-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `.md3-button--text{font-family:var(--md-text-button-label-text-font, Roboto);font-size:var(--md-text-button-label-text-size, 0.875rem);letter-spacing:var(--md-text-button-label-text-tracking, 0.00625rem);font-weight:var(--md-text-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-text-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-text-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-text-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-text-button-container-height, 40px);padding-inline-start:var(--md-text-button-spacing-leading, 12px);padding-inline-end:var(--md-text-button-spacing-trailing, 12px)}.md3-button--text:not(:disabled){color:var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):hover:not(:focus):not(:active){color:var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):focus:not(:active){color:var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):active{color:var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:disabled{color:var(--md-text-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--text,.md3-button--text .md3-button__ripple{border-radius:var(--md-text-button-container-shape, 9999px)}.md3-button--text.md3-button--icon-leading{padding-inline-start:var(--md-text-button-with-icon-spacing-leading, 12px);padding-inline-end:var(--md-text-button-with-icon-spacing-trailing, 16px)}.md3-button--text.md3-button--icon-trailing{padding-inline-start:var(--md-text-button-with-trailing-icon-spacing-leading, 16px);padding-inline-end:var(--md-text-button-with-trailing-icon-spacing-trailing, 12px)}.md3-button--text:not(:disabled) ::slotted([slot=icon]),.md3-button--text:not(:disabled) .md3-button__icon{color:var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--text:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--text:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):active ::slotted([slot=icon]),.md3-button--text:not(:disabled):active .md3-button__icon{color:var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:disabled ::slotted([slot=icon]),.md3-button--text:disabled .md3-button__icon{color:var(--md-text-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--text ::slotted([slot=icon]),.md3-button--text .md3-button__icon{font-size:var(--md-text-button-with-icon-icon-size, 18px);inline-size:var(--md-text-button-with-icon-icon-size, 18px);block-size:var(--md-text-button-with-icon-icon-size, 18px)}/*# sourceMappingURL=text-styles.css.map */
+`;
+//# sourceMappingURL=text-styles.css.js.map

package/button/lib/text-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-styles.css.js","sourceRoot":"","sources":["text-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`.md3-button--text{font-family:var(--md-text-button-label-text-font, Roboto);font-size:var(--md-text-button-label-text-size, 0.875rem);letter-spacing:var(--md-text-button-label-text-tracking, 0.00625rem);font-weight:var(--md-text-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-text-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-focus-state-layer-color:var(--md-text-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-state-layer-color:var(--md-text-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-state-layer-opacity:var(--md-text-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-text-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-text-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-text-button-container-height, 40px);padding-inline-start:var(--md-text-button-spacing-leading, 12px);padding-inline-end:var(--md-text-button-spacing-trailing, 12px)}.md3-button--text:not(:disabled){color:var(--md-text-button-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):hover:not(:focus):not(:active){color:var(--md-text-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):focus:not(:active){color:var(--md-text-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):active{color:var(--md-text-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:disabled{color:var(--md-text-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--text,.md3-button--text .md3-button__ripple{border-radius:var(--md-text-button-container-shape, 9999px)}.md3-button--text.md3-button--icon-leading{padding-inline-start:var(--md-text-button-with-icon-spacing-leading, 12px);padding-inline-end:var(--md-text-button-with-icon-spacing-trailing, 16px)}.md3-button--text.md3-button--icon-trailing{padding-inline-start:var(--md-text-button-with-trailing-icon-spacing-leading, 16px);padding-inline-end:var(--md-text-button-with-trailing-icon-spacing-trailing, 12px)}.md3-button--text:not(:disabled) ::slotted([slot=icon]),.md3-button--text:not(:disabled) .md3-button__icon{color:var(--md-text-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--text:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-text-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--text:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-text-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:not(:disabled):active ::slotted([slot=icon]),.md3-button--text:not(:disabled):active .md3-button__icon{color:var(--md-text-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}.md3-button--text:disabled ::slotted([slot=icon]),.md3-button--text:disabled .md3-button__icon{color:var(--md-text-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--text ::slotted([slot=icon]),.md3-button--text .md3-button__icon{font-size:var(--md-text-button-with-icon-icon-size, 18px);inline-size:var(--md-text-button-with-icon-icon-size, 18px);block-size:var(--md-text-button-with-icon-icon-size, 18px)}/*# sourceMappingURL=text-styles.css.map */\n`;\n "]}

package/button/lib/text-styles.scss

@@ -0,0 +1,16 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './text-button';
+@use './text-button-theme';
+
+@include text-button.static-styles();
+
+.md3-button--text {
+  @include text-button-theme.theme-styles(text-button-theme.$light-theme);
+}

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

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

package/button/lib/tonal-button.js

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Button } from './button.js';
+/** @soyCompatible */
+export class TonalButton extends Button {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-button--tonal': true,
+        };
+    }
+}
+//# sourceMappingURL=tonal-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-button.js","sourceRoot":"","sources":["tonal-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,qBAAqB;AACrB,MAAM,OAAO,WAAY,SAAQ,MAAM;IACrC,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,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 {Button} from './button.js';\n\n/** @soyCompatible */\nexport class TonalButton extends Button {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--tonal': true,\n    };\n  }\n}\n"]}

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

@@ -0,0 +1,12 @@
+/**
+ * @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';
+/** @soyCompatible */
+export declare class TonalLinkButton extends LinkButton {
+    /** @soyTemplate */
+    protected getRenderClasses(): ClassInfo;
+}

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

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LinkButton } from './link-button.js';
+/** @soyCompatible */
+export class TonalLinkButton extends LinkButton {
+    /** @soyTemplate */
+    getRenderClasses() {
+        return {
+            ...super.getRenderClasses(),
+            'md3-button--tonal': true,
+        };
+    }
+}
+//# sourceMappingURL=tonal-link-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-link-button.js","sourceRoot":"","sources":["tonal-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,qBAAqB;AACrB,MAAM,OAAO,eAAgB,SAAQ,UAAU;IAC7C,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,mBAAmB,EAAE,IAAI;SAC1B,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/** @soyCompatible */\nexport class TonalLinkButton extends LinkButton {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--tonal': true,\n    };\n  }\n}\n"]}

package/button/lib/tonal-styles.css.d.ts

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

package/button/lib/tonal-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `.md3-button--tonal{font-family:var(--md-tonal-button-label-text-font, Roboto);font-size:var(--md-tonal-button-label-text-size, 0.875rem);letter-spacing:var(--md-tonal-button-label-text-tracking, 0.00625rem);font-weight:var(--md-tonal-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-focus-state-layer-color:var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-pressed-state-layer-color:var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-hover-state-layer-opacity:var(--md-tonal-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-tonal-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-tonal-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-tonal-button-container-height, 40px);padding-inline-start:var(--md-tonal-button-spacing-leading, 24px);padding-inline-end:var(--md-tonal-button-spacing-trailing, 24px)}.md3-button--tonal:not(:disabled){background-color:var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8))}.md3-button--tonal:disabled{background-color:var(--md-tonal-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--tonal:not(:disabled){color:var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active){color:var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):focus:not(:active){color:var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):active{color:var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:disabled{color:var(--md-tonal-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--tonal,.md3-button--tonal .md3-button__ripple{border-radius:var(--md-tonal-button-container-shape, 9999px)}.md3-button--tonal.md3-button--icon-leading{padding-inline-start:var(--md-tonal-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-tonal-button-with-icon-spacing-trailing, 24px)}.md3-button--tonal.md3-button--icon-trailing{padding-inline-start:var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--tonal:not(:disabled) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled) .md3-button__icon{color:var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):active ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):active .md3-button__icon{color:var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:disabled ::slotted([slot=icon]),.md3-button--tonal:disabled .md3-button__icon{color:var(--md-tonal-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--tonal ::slotted([slot=icon]),.md3-button--tonal .md3-button__icon{font-size:var(--md-tonal-button-with-icon-icon-size, 18px);inline-size:var(--md-tonal-button-with-icon-icon-size, 18px);block-size:var(--md-tonal-button-with-icon-icon-size, 18px)}.md3-button--tonal:not(:disabled){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled) .md3-elevation-overlay{opacity:var(--md-tonal-button-container-elevation-overlay-opacity, 0)}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active){--md-elevation-box-shadow-for-gss:0px 1px 2px 0px rgb(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.3), 0px 1px 3px 1px rgb(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.15);box-shadow:var(--md-tonal-button-hover-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) .md3-elevation-overlay{opacity:var(--md-tonal-button-hover-container-elevation-overlay-opacity, 0.05)}.md3-button--tonal:not(:disabled):focus:not(:active){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-focus-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):focus:not(:active) .md3-elevation-overlay{opacity:var(--md-tonal-button-focus-container-elevation-overlay-opacity, 0)}.md3-button--tonal:not(:disabled):active{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-pressed-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):active .md3-elevation-overlay{opacity:var(--md-tonal-button-pressed-container-elevation-overlay-opacity, 0)}.md3-button--tonal:disabled{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-disabled-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:disabled .md3-elevation-overlay{opacity:var(--md-tonal-button-disabled-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=tonal-styles.css.map */
+`;
+//# sourceMappingURL=tonal-styles.css.js.map

package/button/lib/tonal-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tonal-styles.css.js","sourceRoot":"","sources":["tonal-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n  * @license\n  * Copyright 2022 Google LLC\n  * SPDX-License-Identifier: Apache-2.0\n  */\n import {css} from 'lit';\n export const styles = css`.md3-button--tonal{font-family:var(--md-tonal-button-label-text-font, Roboto);font-size:var(--md-tonal-button-label-text-size, 0.875rem);letter-spacing:var(--md-tonal-button-label-text-tracking, 0.00625rem);font-weight:var(--md-tonal-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-tonal-button-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-focus-state-layer-color:var(--md-tonal-button-focus-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-pressed-state-layer-color:var(--md-tonal-button-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--md-ripple-hover-state-layer-opacity:var(--md-tonal-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-tonal-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-tonal-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-tonal-button-container-height, 40px);padding-inline-start:var(--md-tonal-button-spacing-leading, 24px);padding-inline-end:var(--md-tonal-button-spacing-trailing, 24px)}.md3-button--tonal:not(:disabled){background-color:var(--md-tonal-button-container-color, var(--md-sys-color-secondary-container, #e8def8))}.md3-button--tonal:disabled{background-color:var(--md-tonal-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--tonal:not(:disabled){color:var(--md-tonal-button-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active){color:var(--md-tonal-button-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):focus:not(:active){color:var(--md-tonal-button-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):active{color:var(--md-tonal-button-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:disabled{color:var(--md-tonal-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--tonal,.md3-button--tonal .md3-button__ripple{border-radius:var(--md-tonal-button-container-shape, 9999px)}.md3-button--tonal.md3-button--icon-leading{padding-inline-start:var(--md-tonal-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-tonal-button-with-icon-spacing-trailing, 24px)}.md3-button--tonal.md3-button--icon-trailing{padding-inline-start:var(--md-tonal-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-tonal-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--tonal:not(:disabled) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled) .md3-button__icon{color:var(--md-tonal-button-with-icon-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-tonal-button-with-icon-hover-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-tonal-button-with-icon-focus-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:not(:disabled):active ::slotted([slot=icon]),.md3-button--tonal:not(:disabled):active .md3-button__icon{color:var(--md-tonal-button-with-icon-pressed-icon-color, var(--md-sys-color-on-secondary-container, #1d192b))}.md3-button--tonal:disabled ::slotted([slot=icon]),.md3-button--tonal:disabled .md3-button__icon{color:var(--md-tonal-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--tonal ::slotted([slot=icon]),.md3-button--tonal .md3-button__icon{font-size:var(--md-tonal-button-with-icon-icon-size, 18px);inline-size:var(--md-tonal-button-with-icon-icon-size, 18px);block-size:var(--md-tonal-button-with-icon-icon-size, 18px)}.md3-button--tonal:not(:disabled){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled) .md3-elevation-overlay{opacity:var(--md-tonal-button-container-elevation-overlay-opacity, 0)}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active){--md-elevation-box-shadow-for-gss:0px 1px 2px 0px rgb(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.3), 0px 1px 3px 1px rgb(var(--md-sys-color-shadow-rgb, 0, 0, 0), 0.15);box-shadow:var(--md-tonal-button-hover-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):hover:not(:focus):not(:active) .md3-elevation-overlay{opacity:var(--md-tonal-button-hover-container-elevation-overlay-opacity, 0.05)}.md3-button--tonal:not(:disabled):focus:not(:active){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-focus-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):focus:not(:active) .md3-elevation-overlay{opacity:var(--md-tonal-button-focus-container-elevation-overlay-opacity, 0)}.md3-button--tonal:not(:disabled):active{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-pressed-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:not(:disabled):active .md3-elevation-overlay{opacity:var(--md-tonal-button-pressed-container-elevation-overlay-opacity, 0)}.md3-button--tonal:disabled{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-tonal-button-disabled-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--tonal:disabled .md3-elevation-overlay{opacity:var(--md-tonal-button-disabled-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=tonal-styles.css.map */\n`;\n "]}

package/button/lib/tonal-styles.scss

@@ -0,0 +1,16 @@
+//
+// Copyright 2021 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './tonal-button';
+@use './tonal-button-theme';
+
+@include tonal-button.static-styles();
+
+.md3-button--tonal {
+  @include tonal-button-theme.theme-styles(tonal-button-theme.$light-theme);
+}

package/button/outlined-button.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { OutlinedButton } from './lib/outlined-button.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-outlined-button': MdOutlinedButton;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdOutlinedButton extends OutlinedButton {
+    static styles: import("lit").CSSResult[];
+}

package/button/outlined-button.js

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { OutlinedButton } from './lib/outlined-button.js';
+import { styles as outlinedStyles } from './lib/outlined-styles.css.js';
+import { styles as sharedStyles } from './lib/shared-styles.css.js';
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+let MdOutlinedButton = class MdOutlinedButton extends OutlinedButton {
+};
+MdOutlinedButton.styles = [sharedStyles, outlinedStyles];
+MdOutlinedButton = __decorate([
+    customElement('md-outlined-button')
+], MdOutlinedButton);
+export { MdOutlinedButton };
+//# sourceMappingURL=outlined-button.js.map

package/button/outlined-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-button.js","sourceRoot":"","sources":["outlined-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,cAAc,EAAC,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAQlE;;;;GAIG;AAEH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,cAAc;CAEnD,CAAA;AADiB,uBAAM,GAAG,CAAC,YAAY,EAAE,cAAc,CAAE,CAAA;AAD7C,gBAAgB;IAD5B,aAAa,CAAC,oBAAoB,CAAC;GACvB,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 {OutlinedButton} from './lib/outlined-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-button': MdOutlinedButton;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-outlined-button')\nexport class MdOutlinedButton extends OutlinedButton {\n  static override styles = [sharedStyles, outlinedStyles];\n}\n"]}

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

@@ -0,0 +1,19 @@
+/**
+ * @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;
+    }
+}
+/**
+ * @soyCompatible
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdOutlinedLinkButton extends OutlinedLinkButton {
+    static styles: import("lit").CSSResult[];
+}

package/button/outlined-link-button.js

@@ -0,0 +1,23 @@
+/**
+ * @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';
+/**
+ * @soyCompatible
+ * @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