@material/web 0.1.0-alpha.0 → 0.1.0-alpha.2

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

@@ -3,15 +3,20 @@
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
+import '../../elevation/elevation.js';
+import { html } from 'lit';
 import { LinkButton } from './link-button.js';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class FilledLinkButton extends LinkButton {
-    /** @soyTemplate */
     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 +1 @@
-{"version":3,"file":"filled-link-button.js","sourceRoot":"","sources":["filled-link-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,UAAU,EAAC,MAAM,kBAAkB,CAAC;AAE5C,qBAAqB;AACrB,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAC9C,mBAAmB;IACA,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,oBAAoB,EAAE,IAAI;SAC3B,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 FilledLinkButton extends LinkButton {\n  /** @soyTemplate */\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-button--filled': true,\n    };\n  }\n}\n"]}
+{"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/filled-styles.css.js

@@ -4,6 +4,6 @@
   * SPDX-License-Identifier: Apache-2.0
   */
 import { css } from 'lit';
-export const styles = css `.md3-button--filled{font-family:var(--md-filled-button-label-text-font, Roboto);font-size:var(--md-filled-button-label-text-size, 0.875rem);letter-spacing:var(--md-filled-button-label-text-tracking, 0.00625rem);font-weight:var(--md-filled-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-focus-state-layer-color:var(--md-filled-button-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-pressed-state-layer-color:var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-hover-state-layer-opacity:var(--md-filled-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-filled-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-filled-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-filled-button-container-height, 40px);padding-inline-start:var(--md-filled-button-spacing-leading, 24px);padding-inline-end:var(--md-filled-button-spacing-trailing, 24px)}.md3-button--filled:not(:disabled){background-color:var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4))}.md3-button--filled:disabled{background-color:var(--md-filled-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--filled:not(:disabled){color:var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active){color:var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):focus:not(:active){color:var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):active{color:var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:disabled{color:var(--md-filled-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--filled,.md3-button--filled .md3-button__ripple{border-radius:var(--md-filled-button-container-shape, 9999px)}.md3-button--filled.md3-button--icon-leading{padding-inline-start:var(--md-filled-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-filled-button-with-icon-spacing-trailing, 24px)}.md3-button--filled.md3-button--icon-trailing{padding-inline-start:var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--filled:not(:disabled) ::slotted([slot=icon]),.md3-button--filled:not(:disabled) .md3-button__icon{color:var(--md-filled-button-with-icon-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-filled-button-with-icon-hover-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--filled:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-filled-button-with-icon-focus-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):active ::slotted([slot=icon]),.md3-button--filled:not(:disabled):active .md3-button__icon{color:var(--md-filled-button-with-icon-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:disabled ::slotted([slot=icon]),.md3-button--filled:disabled .md3-button__icon{color:var(--md-filled-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--filled ::slotted([slot=icon]),.md3-button--filled .md3-button__icon{font-size:var(--md-filled-button-with-icon-icon-size, 18px);inline-size:var(--md-filled-button-with-icon-icon-size, 18px);block-size:var(--md-filled-button-with-icon-icon-size, 18px)}.md3-button--filled:not(:disabled){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled) .md3-elevation-overlay{opacity:var(--md-filled-button-container-elevation-overlay-opacity, 0)}.md3-button--filled: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-filled-button-hover-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) .md3-elevation-overlay{opacity:var(--md-filled-button-hover-container-elevation-overlay-opacity, 0.05)}.md3-button--filled:not(:disabled):focus:not(:active){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-focus-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):focus:not(:active) .md3-elevation-overlay{opacity:var(--md-filled-button-focus-container-elevation-overlay-opacity, 0)}.md3-button--filled:not(:disabled):active{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-pressed-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):active .md3-elevation-overlay{opacity:var(--md-filled-button-pressed-container-elevation-overlay-opacity, 0)}.md3-button--filled:disabled{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-disabled-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:disabled .md3-elevation-overlay{opacity:var(--md-filled-button-disabled-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=filled-styles.css.map */
+export const styles = css `:host{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-filled-button-container-shape, 9999px);--_disabled-container-color: var(--md-filled-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_dragged-container-elevation: var(--md-filled-button-dragged-container-elevation, 6);--_dragged-label-text-color: var(--md-filled-button-dragged-label-text-color, var(--md-sys-color-on-primary, #fff));--_dragged-state-layer-color: var(--md-filled-button-dragged-state-layer-color, var(--md-sys-color-on-primary, #fff));--_dragged-state-layer-opacity: var(--md-filled-button-dragged-state-layer-opacity, 0.16);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-color: var(--md-filled-button-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-opacity: var(--md-filled-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, Roboto);--_label-text-line-height: var(--md-filled-button-label-text-line-height, 1.25rem);--_label-text-size: var(--md-filled-button-label-text-size, 0.875rem);--_label-text-tracking: var(--md-filled-button-label-text-tracking, 0.006rem);--_label-text-type: var(--md-filled-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_label-text-weight: var(--md-filled-button-label-text-weight, 500);--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-filled-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_with-icon-dragged-icon-color: var(--md-filled-button-with-icon-dragged-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-focus-icon-color: var(--md-filled-button-with-icon-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-hover-icon-color: var(--md-filled-button-with-icon-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-icon-color: var(--md-filled-button-with-icon-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-icon-size: var(--md-filled-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-filled-button-with-icon-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_spacing-leading: var(--md-filled-button-spacing-leading, 24px);--_spacing-trailing: var(--md-filled-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-filled-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-filled-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=filled-styles.css.map */
 `;
 //# sourceMappingURL=filled-styles.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-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--filled{font-family:var(--md-filled-button-label-text-font, Roboto);font-size:var(--md-filled-button-label-text-size, 0.875rem);letter-spacing:var(--md-filled-button-label-text-tracking, 0.00625rem);font-weight:var(--md-filled-button-label-text-weight, 500);--md-ripple-hover-state-layer-color:var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-focus-state-layer-color:var(--md-filled-button-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-pressed-state-layer-color:var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--md-ripple-hover-state-layer-opacity:var(--md-filled-button-hover-state-layer-opacity, 0.08);--md-ripple-focus-state-layer-opacity:var(--md-filled-button-focus-state-layer-opacity, 0.12);--md-ripple-pressed-state-layer-opacity:var(--md-filled-button-pressed-state-layer-opacity, 0.12);block-size:var(--md-filled-button-container-height, 40px);padding-inline-start:var(--md-filled-button-spacing-leading, 24px);padding-inline-end:var(--md-filled-button-spacing-trailing, 24px)}.md3-button--filled:not(:disabled){background-color:var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4))}.md3-button--filled:disabled{background-color:var(--md-filled-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12))}.md3-button--filled:not(:disabled){color:var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active){color:var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):focus:not(:active){color:var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):active{color:var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:disabled{color:var(--md-filled-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--filled,.md3-button--filled .md3-button__ripple{border-radius:var(--md-filled-button-container-shape, 9999px)}.md3-button--filled.md3-button--icon-leading{padding-inline-start:var(--md-filled-button-with-icon-spacing-leading, 16px);padding-inline-end:var(--md-filled-button-with-icon-spacing-trailing, 24px)}.md3-button--filled.md3-button--icon-trailing{padding-inline-start:var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);padding-inline-end:var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button--filled:not(:disabled) ::slotted([slot=icon]),.md3-button--filled:not(:disabled) .md3-button__icon{color:var(--md-filled-button-with-icon-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) ::slotted([slot=icon]),.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) .md3-button__icon{color:var(--md-filled-button-with-icon-hover-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):focus:not(:active) ::slotted([slot=icon]),.md3-button--filled:not(:disabled):focus:not(:active) .md3-button__icon{color:var(--md-filled-button-with-icon-focus-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:not(:disabled):active ::slotted([slot=icon]),.md3-button--filled:not(:disabled):active .md3-button__icon{color:var(--md-filled-button-with-icon-pressed-icon-color, var(--md-sys-color-on-primary, #fff))}.md3-button--filled:disabled ::slotted([slot=icon]),.md3-button--filled:disabled .md3-button__icon{color:var(--md-filled-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38))}.md3-button--filled ::slotted([slot=icon]),.md3-button--filled .md3-button__icon{font-size:var(--md-filled-button-with-icon-icon-size, 18px);inline-size:var(--md-filled-button-with-icon-icon-size, 18px);block-size:var(--md-filled-button-with-icon-icon-size, 18px)}.md3-button--filled:not(:disabled){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled) .md3-elevation-overlay{opacity:var(--md-filled-button-container-elevation-overlay-opacity, 0)}.md3-button--filled: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-filled-button-hover-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):hover:not(:focus):not(:active) .md3-elevation-overlay{opacity:var(--md-filled-button-hover-container-elevation-overlay-opacity, 0.05)}.md3-button--filled:not(:disabled):focus:not(:active){--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-focus-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):focus:not(:active) .md3-elevation-overlay{opacity:var(--md-filled-button-focus-container-elevation-overlay-opacity, 0)}.md3-button--filled:not(:disabled):active{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-pressed-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:not(:disabled):active .md3-elevation-overlay{opacity:var(--md-filled-button-pressed-container-elevation-overlay-opacity, 0)}.md3-button--filled:disabled{--md-elevation-box-shadow-for-gss:none;box-shadow:var(--md-filled-button-disabled-container-elevation-shadow, var(--md-elevation-box-shadow-for-gss))}.md3-button--filled:disabled .md3-elevation-overlay{opacity:var(--md-filled-button-disabled-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}
+{"version":3,"file":"filled-styles.css.js","sourceRoot":"","sources":["filled-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{--_container-color: var(--md-filled-button-container-color, var(--md-sys-color-primary, #6750a4));--_container-elevation: var(--md-filled-button-container-elevation, 0);--_container-height: var(--md-filled-button-container-height, 40px);--_container-shadow-color: var(--md-filled-button-container-shadow-color, var(--md-sys-color-shadow, #000));--_container-shape: var(--md-filled-button-container-shape, 9999px);--_disabled-container-color: var(--md-filled-button-disabled-container-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_disabled-container-elevation: var(--md-filled-button-disabled-container-elevation, 0);--_disabled-label-text-color: var(--md-filled-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_dragged-container-elevation: var(--md-filled-button-dragged-container-elevation, 6);--_dragged-label-text-color: var(--md-filled-button-dragged-label-text-color, var(--md-sys-color-on-primary, #fff));--_dragged-state-layer-color: var(--md-filled-button-dragged-state-layer-color, var(--md-sys-color-on-primary, #fff));--_dragged-state-layer-opacity: var(--md-filled-button-dragged-state-layer-opacity, 0.16);--_focus-container-elevation: var(--md-filled-button-focus-container-elevation, 0);--_focus-label-text-color: var(--md-filled-button-focus-label-text-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-color: var(--md-filled-button-focus-state-layer-color, var(--md-sys-color-on-primary, #fff));--_focus-state-layer-opacity: var(--md-filled-button-focus-state-layer-opacity, 0.12);--_hover-container-elevation: var(--md-filled-button-hover-container-elevation, 1);--_hover-label-text-color: var(--md-filled-button-hover-label-text-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-color: var(--md-filled-button-hover-state-layer-color, var(--md-sys-color-on-primary, #fff));--_hover-state-layer-opacity: var(--md-filled-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-filled-button-label-text-color, var(--md-sys-color-on-primary, #fff));--_label-text-font: var(--md-filled-button-label-text-font, Roboto);--_label-text-line-height: var(--md-filled-button-label-text-line-height, 1.25rem);--_label-text-size: var(--md-filled-button-label-text-size, 0.875rem);--_label-text-tracking: var(--md-filled-button-label-text-tracking, 0.006rem);--_label-text-type: var(--md-filled-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_label-text-weight: var(--md-filled-button-label-text-weight, 500);--_pressed-container-elevation: var(--md-filled-button-pressed-container-elevation, 0);--_pressed-label-text-color: var(--md-filled-button-pressed-label-text-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-color: var(--md-filled-button-pressed-state-layer-color, var(--md-sys-color-on-primary, #fff));--_pressed-state-layer-opacity: var(--md-filled-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-filled-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_with-icon-dragged-icon-color: var(--md-filled-button-with-icon-dragged-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-focus-icon-color: var(--md-filled-button-with-icon-focus-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-hover-icon-color: var(--md-filled-button-with-icon-hover-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-icon-color: var(--md-filled-button-with-icon-icon-color, var(--md-sys-color-on-primary, #fff));--_with-icon-icon-size: var(--md-filled-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-filled-button-with-icon-pressed-icon-color, var(--md-sys-color-on-primary, #fff));--_spacing-leading: var(--md-filled-button-spacing-leading, 24px);--_spacing-trailing: var(--md-filled-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-filled-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-filled-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-filled-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-filled-button-with-trailing-icon-spacing-trailing, 16px)}/*# sourceMappingURL=filled-styles.css.map */\n`;\n "]}

package/button/lib/filled-styles.scss

@@ -3,14 +3,6 @@
 // SPDX-License-Identifier: Apache-2.0
 //
 
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
 @use './filled-button';
-@use './filled-button-theme';
-
-@include filled-button.static-styles();
 
-.md3-button--filled {
-  @include filled-button-theme.theme-styles(filled-button-theme.$light-theme);
-}
+@include filled-button.styles;

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

@@ -4,14 +4,22 @@
  * 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 abstract class LinkButton extends Button {
+    /**
+     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
+     */
     href: string;
+    /**
+     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
+     */
     target: string;
     /**
-     * @soyTemplate
-     * @soyAttributes buttonAttributes: .md3-button
+     * Link buttons cannot be disabled.
      */
+    disabled: boolean;
+    protected getRenderClasses(): ClassInfo;
+    protected getIconContainerClasses(): ClassInfo;
     protected render(): TemplateResult;
 }

package/button/lib/link-button.js

@@ -8,38 +8,49 @@ 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';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class LinkButton extends Button {
-    /**
-     * @soyTemplate
-     * @soyAttributes buttonAttributes: .md3-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,
+        };
+    }
+    getIconContainerClasses() {
+        return {
+            'md3-button__icon--leading': true,
+        };
+    }
     render() {
         return html `
-      <span class="md3-link-button-wrapper"
+      <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}"
-          @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)}">
+          ${ripple(this.getRipple)}>
             ${this.renderFocusRing()}
-            ${this.renderOverlay()}
-            ${this.renderRipple()}
+            ${this.renderElevation()}
+            ${when(this.showRipple, this.renderRipple)}
             ${this.renderOutline()}
             ${this.renderTouchTarget()}
             ${this.renderIcon()}
             ${this.renderLabel()}</a>
       </span>`;
-        // Note: link buttons cannot have trailing icons.
     }
 }
 __decorate([

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

@@ -1 +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"]}
+{"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;IAoC5B,CAAC;IAlCC,iDAAiD;IAC9B,gBAAgB;QACjC,OAAO;YACL,0BAA0B,EAAE,IAAI,CAAC,OAAO;SACzC,CAAC;IACJ,CAAC;IAEkB,uBAAuB;QACxC,OAAO;YACL,2BAA2B,EAAE,IAAI;SAClC,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;AA9C2B;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;wCAAe;AAKd;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 {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 getIconContainerClasses(): ClassInfo {\n    return {\n      'md3-button__icon--leading': true,\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-button.d.ts

@@ -6,10 +6,7 @@
 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

@@ -5,16 +5,14 @@
  */
 import { html } from 'lit';
 import { Button } from './button.js';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class OutlinedButton extends Button {
-    /** @soyTemplate */
     getRenderClasses() {
         return {
             ...super.getRenderClasses(),
             'md3-button--outlined': true,
         };
     }
-    /** @soyTemplate */
     renderOutline() {
         return html `<span class="md3-button__outline"></span>`;
     }

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

@@ -1 +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"]}
+{"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,gEAAgE;AAChE,MAAM,OAAO,cAAe,SAAQ,MAAM;IACrB,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 {Button} from './button.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class OutlinedButton extends Button {\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/outlined-link-button.d.ts

@@ -6,10 +6,7 @@
 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

@@ -5,16 +5,14 @@
  */
 import { html } from 'lit';
 import { LinkButton } from './link-button.js';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class OutlinedLinkButton extends LinkButton {
-    /** @soyTemplate */
     getRenderClasses() {
         return {
             ...super.getRenderClasses(),
             'md3-button--outlined': true,
         };
     }
-    /** @soyTemplate */
     renderOutline() {
         return html `<span class="md3-button__outline"></span>`;
     }

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

@@ -1 +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"]}
+{"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/outlined-styles.css.js

@@ -4,6 +4,6 @@
   * 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 */
+export const styles = css `:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_container-shape: var(--md-outlined-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-color: var(--md-outlined-button-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-outlined-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-outlined-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-outline-color: var(--md-outlined-button-hover-outline-color, var(--md-sys-color-outline, #79747e));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, Roboto);--_label-text-line-height: var(--md-outlined-button-label-text-line-height, 1.25rem);--_label-text-size: var(--md-outlined-button-label-text-size, 0.875rem);--_label-text-tracking: var(--md-outlined-button-label-text-tracking, 0.006rem);--_label-text-type: var(--md-outlined-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_label-text-weight: var(--md-outlined-button-label-text-weight, 500);--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-outlined-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_with-icon-focus-icon-color: var(--md-outlined-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-outlined-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-outlined-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-outlined-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-outlined-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-outlined-button-spacing-leading, 24px);--_spacing-trailing: var(--md-outlined-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-outlined-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-outlined-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button__outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-radius:var(--_container-shape)}.md3-button:active .md3-button__outline{border-color:var(--_pressed-outline-color)}.md3-button:disabled .md3-button__outline{border-color:var(--_disabled-outline-color)}.md3-button__outline,.md3-button__ripple{border-width:var(--_outline-width)}.md3-button__ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}/*# sourceMappingURL=outlined-styles.css.map */
 `;
 //# sourceMappingURL=outlined-styles.css.js.map

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

@@ -1 +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 "]}
+{"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`:host{--_container-height: var(--md-outlined-button-container-height, 40px);--_container-shape: var(--md-outlined-button-container-shape, 9999px);--_disabled-label-text-color: var(--md-outlined-button-disabled-label-text-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_disabled-outline-color: var(--md-outlined-button-disabled-outline-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.12));--_focus-label-text-color: var(--md-outlined-button-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_focus-outline-color: var(--md-outlined-button-focus-outline-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-color: var(--md-outlined-button-focus-state-layer-color, var(--md-sys-color-primary, #6750a4));--_focus-state-layer-opacity: var(--md-outlined-button-focus-state-layer-opacity, 0.12);--_hover-label-text-color: var(--md-outlined-button-hover-label-text-color, var(--md-sys-color-primary, #6750a4));--_hover-outline-color: var(--md-outlined-button-hover-outline-color, var(--md-sys-color-outline, #79747e));--_hover-state-layer-color: var(--md-outlined-button-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--_hover-state-layer-opacity: var(--md-outlined-button-hover-state-layer-opacity, 0.08);--_label-text-color: var(--md-outlined-button-label-text-color, var(--md-sys-color-primary, #6750a4));--_label-text-font: var(--md-outlined-button-label-text-font, Roboto);--_label-text-line-height: var(--md-outlined-button-label-text-line-height, 1.25rem);--_label-text-size: var(--md-outlined-button-label-text-size, 0.875rem);--_label-text-tracking: var(--md-outlined-button-label-text-tracking, 0.006rem);--_label-text-type: var(--md-outlined-button-label-text-type, 500 0.875rem / 1.25rem Roboto);--_label-text-weight: var(--md-outlined-button-label-text-weight, 500);--_outline-color: var(--md-outlined-button-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width: var(--md-outlined-button-outline-width, 1px);--_pressed-label-text-color: var(--md-outlined-button-pressed-label-text-color, var(--md-sys-color-primary, #6750a4));--_pressed-outline-color: var(--md-outlined-button-pressed-outline-color, var(--md-sys-color-outline, #79747e));--_pressed-state-layer-color: var(--md-outlined-button-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--_pressed-state-layer-opacity: var(--md-outlined-button-pressed-state-layer-opacity, 0.12);--_with-icon-disabled-icon-color: var(--md-outlined-button-with-icon-disabled-icon-color, rgb(var(--md-sys-color-on-surface-rgb, 28, 27, 31), 0.38));--_with-icon-focus-icon-color: var(--md-outlined-button-with-icon-focus-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-hover-icon-color: var(--md-outlined-button-with-icon-hover-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-color: var(--md-outlined-button-with-icon-icon-color, var(--md-sys-color-primary, #6750a4));--_with-icon-icon-size: var(--md-outlined-button-with-icon-icon-size, 18px);--_with-icon-pressed-icon-color: var(--md-outlined-button-with-icon-pressed-icon-color, var(--md-sys-color-primary, #6750a4));--_spacing-leading: var(--md-outlined-button-spacing-leading, 24px);--_spacing-trailing: var(--md-outlined-button-spacing-trailing, 24px);--_with-icon-spacing-leading: var(--md-outlined-button-with-icon-spacing-leading, 16px);--_with-icon-spacing-trailing: var(--md-outlined-button-with-icon-spacing-trailing, 24px);--_with-trailing-icon-spacing-leading: var(--md-outlined-button-with-trailing-icon-spacing-leading, 24px);--_with-trailing-icon-spacing-trailing: var(--md-outlined-button-with-trailing-icon-spacing-trailing, 16px)}.md3-button__outline{inset:0;border-style:solid;position:absolute;box-sizing:border-box;border-color:var(--_outline-color);border-radius:var(--_container-shape)}.md3-button:active .md3-button__outline{border-color:var(--_pressed-outline-color)}.md3-button:disabled .md3-button__outline{border-color:var(--_disabled-outline-color)}.md3-button__outline,.md3-button__ripple{border-width:var(--_outline-width)}.md3-button__ripple{inline-size:calc(100% - 2*var(--_outline-width));block-size:calc(100% - 2*var(--_outline-width));border-style:solid;border-color:rgba(0,0,0,0)}/*# sourceMappingURL=outlined-styles.css.map */\n`;\n "]}

package/button/lib/outlined-styles.scss

@@ -3,16 +3,6 @@
 // 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
-  );
-}
+@include outlined-button.styles;

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

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

package/button/lib/shared-elevation-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 `md-elevation{inset:0;position:absolute}.md3-button{--md-elevation-duration:280ms;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-elevation-surface-tint-color:var(--_container-surface-tint-layer-color)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */
+`;
+//# sourceMappingURL=shared-elevation-styles.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shared-elevation-styles.css.js","sourceRoot":"","sources":["shared-elevation-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`md-elevation{inset:0;position:absolute}.md3-button{--md-elevation-duration:280ms;--md-elevation-level:var(--_container-elevation);--md-elevation-shadow-color:var(--_container-shadow-color);--md-elevation-surface-tint-color:var(--_container-surface-tint-layer-color)}.md3-button:hover{--md-elevation-level:var(--_hover-container-elevation)}.md3-button:focus{--md-elevation-level:var(--_focus-container-elevation)}.md3-button:active{--md-elevation-level:var(--_pressed-container-elevation)}.md3-button:disabled{--md-elevation-level:var(--_disabled-container-elevation)}/*# sourceMappingURL=shared-elevation-styles.css.map */\n`;\n "]}

package/{ripple/_index.scss → button/lib/shared-elevation-styles.scss}

@@ -3,4 +3,6 @@
 // SPDX-License-Identifier: Apache-2.0
 //
 
-@forward './ripple-theme';
+@use './elevation';
+
+@include elevation.styles;

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

@@ -4,6 +4,6 @@
   * 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 */
+export const styles = css `:host{display:inline-flex;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:top;--md-ripple-hover-state-layer-color:var(--_hover-state-layer-color);--md-ripple-focus-state-layer-color:var(--_focus-state-layer-color);--md-ripple-pressed-state-layer-color:var(--_pressed-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-ripple-focus-state-layer-opacity:var(--_focus-state-layer-opacity);--md-ripple-pressed-state-layer-opacity:var(--_pressed-state-layer-opacity)}:host([disabled]){cursor:default;pointer-events:none;border-start-start-radius:var(--md-comp-button-shape-start-start, var(--md-comp-button-shape))}.md3-button{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%;position:relative;z-index:0;block-size:var(--_container-height);font-family:var(--_label-text-font);font-size:var(--_label-text-size);letter-spacing:var(--_label-text-tracking);font-weight:var(--_label-text-weight);background-color:var(--_container-color);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing)}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled{background-color:var(--_disabled-container-color);color:var(--_disabled-label-text-color)}@media(forced-colors: active){.md3-button::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:"";pointer-events:none}}.md3-button,.md3-button__ripple{border-radius:var(--_container-shape)}md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.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;color:var(--_with-icon-icon-color);font-size:var(--_with-icon-icon-size);inline-size:var(--_with-icon-icon-size);block-size:var(--_with-icon-icon-size)}.md3-button:hover .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:hover .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-hover-icon-color)}.md3-button:focus .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:focus .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-focus-icon-color)}.md3-button:active .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:active .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-pressed-icon-color)}.md3-button:disabled .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:disabled .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-disabled-icon-color)}.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

@@ -1 +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 "]}
+{"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;--md-ripple-hover-state-layer-color:var(--_hover-state-layer-color);--md-ripple-focus-state-layer-color:var(--_focus-state-layer-color);--md-ripple-pressed-state-layer-color:var(--_pressed-state-layer-color);--md-ripple-hover-state-layer-opacity:var(--_hover-state-layer-opacity);--md-ripple-focus-state-layer-opacity:var(--_focus-state-layer-opacity);--md-ripple-pressed-state-layer-opacity:var(--_pressed-state-layer-opacity)}:host([disabled]){cursor:default;pointer-events:none;border-start-start-radius:var(--md-comp-button-shape-start-start, var(--md-comp-button-shape))}.md3-button{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%;position:relative;z-index:0;block-size:var(--_container-height);font-family:var(--_label-text-font);font-size:var(--_label-text-size);letter-spacing:var(--_label-text-tracking);font-weight:var(--_label-text-weight);background-color:var(--_container-color);color:var(--_label-text-color);padding-inline-start:var(--_spacing-leading);padding-inline-end:var(--_spacing-trailing)}.md3-button::-moz-focus-inner{padding:0;border:0}.md3-button:hover{color:var(--_hover-label-text-color);cursor:pointer}.md3-button:focus{color:var(--_focus-label-text-color)}.md3-button:active{color:var(--_pressed-label-text-color);outline:none}.md3-button:disabled{background-color:var(--_disabled-container-color);color:var(--_disabled-label-text-color)}@media(forced-colors: active){.md3-button::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid rgba(0,0,0,0);border-radius:inherit;content:\"\";pointer-events:none}}.md3-button,.md3-button__ripple{border-radius:var(--_container-shape)}md-elevation,.md3-button__ripple{z-index:-1}.md3-button--icon-leading{padding-inline-start:var(--_with-icon-spacing-leading);padding-inline-end:var(--_with-icon-spacing-trailing)}.md3-button--icon-trailing{padding-inline-start:var(--_with-trailing-icon-spacing-leading);padding-inline-end:var(--_with-trailing-icon-spacing-trailing)}.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;color:var(--_with-icon-icon-color);font-size:var(--_with-icon-icon-size);inline-size:var(--_with-icon-icon-size);block-size:var(--_with-icon-icon-size)}.md3-button:hover .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:hover .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-hover-icon-color)}.md3-button:focus .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:focus .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-focus-icon-color)}.md3-button:active .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:active .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-pressed-icon-color)}.md3-button:disabled .md3-button__icon-slot-container ::slotted([slot=icon]),.md3-button:disabled .md3-button__icon-slot-container .md3-button__icon{color:var(--_with-icon-disabled-icon-color)}.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

@@ -3,10 +3,10 @@
 // SPDX-License-Identifier: Apache-2.0
 //
 
-@use './button';
 @use './icon';
+@use './shared';
 @use './touch-target';
 
-@include button.static-styles;
-@include icon.static-styles;
-@include touch-target.static-styles;
+@include shared.styles;
+@include icon.styles;
+@include touch-target.styles;

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

@@ -5,8 +5,6 @@
  */
 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

@@ -4,9 +4,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { Button } from './button.js';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class TextButton extends Button {
-    /** @soyTemplate */
     getRenderClasses() {
         return {
             ...super.getRenderClasses(),

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

@@ -1 +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"]}
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["text-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,gEAAgE;AAChE,MAAM,OAAO,UAAW,SAAQ,MAAM;IACjB,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// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class TextButton extends Button {\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

@@ -5,8 +5,6 @@
  */
 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

@@ -4,9 +4,8 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { LinkButton } from './link-button.js';
-/** @soyCompatible */
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
 export class TextLinkButton extends LinkButton {
-    /** @soyTemplate */
     getRenderClasses() {
         return {
             ...super.getRenderClasses(),

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

@@ -1 +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"]}
+{"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"]}