@material/web 1.0.0-pre.1 → 1.0.0-pre.11

package/iconbutton/standard-icon-button-toggle.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { IconButtonToggle } from './lib/icon-button-toggle.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { styles } from './lib/standard-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This variant can toggle between icons.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdStandardIconButtonToggle = class MdStandardIconButtonToggle extends IconButtonToggle {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--standard': true,
-        };
-    }
-};
-MdStandardIconButtonToggle.styles = [sharedStyles, styles];
-MdStandardIconButtonToggle = __decorate([
-    customElement('md-standard-icon-button-toggle')
-], MdStandardIconButtonToggle);
-export { MdStandardIconButtonToggle };
-//# sourceMappingURL=standard-icon-button-toggle.js.map

package/iconbutton/standard-icon-button-toggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard-icon-button-toggle.js","sourceRoot":"","sources":["standard-icon-button-toggle.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AAQpD;;;;;;;;;;;;;;GAcG;AAEH,IAAa,0BAA0B,GAAvC,MAAa,0BAA2B,SAAQ,gBAAgB;IAG3C,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;CACF,CAAA;AARiB,iCAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,0BAA0B;IADtC,aAAa,CAAC,gCAAgC,CAAC;GACnC,0BAA0B,CAStC;SATY,0BAA0B","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {IconButtonToggle} from './lib/icon-button-toggle.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {styles} from './lib/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-icon-button-toggle': MdStandardIconButtonToggle;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This variant can toggle between icons.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-standard-icon-button-toggle')\nexport class MdStandardIconButtonToggle extends IconButtonToggle {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--standard': true,\n    };\n  }\n}\n"]}

package/iconbutton/standard-link-icon-button.d.ts

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

package/iconbutton/standard-link-icon-button.js

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { LinkIconButton } from './lib/link-icon-button.js';
-import { styles as sharedStyles } from './lib/shared-styles.css.js';
-import { styles } from './lib/standard-styles.css.js';
-/**
- * @summary Icon buttons help people take supplementary actions with a single
- * tap. This is a linkable variant.
- *
- * @description
- * __Emphasis:__ Low emphasis – For optional or supplementary actions with the
- * least amount of prominence.
- *
- * __Rationale:__ The most compact and unobtrusive type of button, icon buttons
- * are used for optional supplementary actions such as "Bookmark" or "Star."
- *
- * __Example usages:__
- * - Add to Favorites
- * - Print
- */
-let MdStandardLinkIconButton = class MdStandardLinkIconButton extends LinkIconButton {
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'md3-icon-button--standard': true,
-        };
-    }
-};
-MdStandardLinkIconButton.styles = [sharedStyles, styles];
-MdStandardLinkIconButton = __decorate([
-    customElement('md-standard-link-icon-button')
-], MdStandardLinkIconButton);
-export { MdStandardLinkIconButton };
-//# sourceMappingURL=standard-link-icon-button.js.map

package/iconbutton/standard-link-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard-link-icon-button.js","sourceRoot":"","sources":["standard-link-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAC,cAAc,EAAC,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,MAAM,EAAC,MAAM,8BAA8B,CAAC;AAQpD;;;;;;;;;;;;;;GAcG;AAEH,IAAa,wBAAwB,GAArC,MAAa,wBAAyB,SAAQ,cAAc;IAGvC,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,2BAA2B,EAAE,IAAI;SAClC,CAAC;IACJ,CAAC;CACF,CAAA;AARiB,+BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,wBAAwB;IADpC,aAAa,CAAC,8BAA8B,CAAC;GACjC,wBAAwB,CASpC;SATY,wBAAwB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\nimport {ClassInfo} from 'lit/directives/class-map.js';\n\nimport {LinkIconButton} from './lib/link-icon-button.js';\nimport {styles as sharedStyles} from './lib/shared-styles.css.js';\nimport {styles} from './lib/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-link-icon-button': MdStandardLinkIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap. This is a linkable variant.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-standard-link-icon-button')\nexport class MdStandardLinkIconButton extends LinkIconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses(): ClassInfo {\n    return {\n      ...super.getRenderClasses(),\n      'md3-icon-button--standard': true,\n    };\n  }\n}\n"]}

package/list/lib/_tokens.scss

@@ -1,80 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use 'sass:string';
-
-// TODO(b/238627779): Replace with Sass tokens when list tokens are final.
-@function md-comp-list-values() {
-  @return (
-    list-item-one-line-container-height: 56px,
-    list-item-two-line-container-height: 72px,
-    list-item-three-line-container-height: 88px,
-    list-item-container-color: #fff,
-    list-item-label-text-font: string.unquote('Roboto, sans-serif'),
-    list-item-label-text-size: 16px,
-    list-item-label-text-tracking: 0.03125rem,
-    list-item-label-text-weight: 400,
-    list-item-label-text-color: #1f1f1f,
-    list-item-supporting-text-font: string.unquote('Roboto, sans-serif'),
-    list-item-supporting-text-size: 14px,
-    list-item-supporting-text-tracking: 0.015625rem,
-    list-item-supporting-text-weight: 300,
-    list-item-supporting-text-color: #444746,
-    list-item-trailing-supporting-text-font:
-      string.unquote('Roboto, sans-serif'),
-    list-item-trailing-supporting-text-size: 12px,
-    list-item-trailing-supporting-text-tracking: 0.015625rem,
-    list-item-trailing-supporting-text-weight: 300,
-    list-item-trailing-supporting-text-color: #646766,
-    list-item-leading-icon-color: #444746,
-    list-item-container-shape: null,
-    list-item-label-text-line-height: null,
-    list-item-supporting-text-line-height: 20px,
-    list-item-overline-color: null,
-    list-item-overline-font: null,
-    list-item-overline-line-height: null,
-    list-item-overline-size: null,
-    list-item-overline-tracking: null,
-    list-item-overline-weight: null,
-    list-item-leading-icon-size: 24px,
-    list-item-leading-video-shape: 0px,
-    list-item-leading-video-width: 114px,
-    list-item-leading-video-height: 64px,
-    list-item-leading-avatar-color: null,
-    list-item-leading-avatar-shape: 9999px,
-    list-item-leading-avatar-size: 40px,
-    list-item-leading-avatar-label-color: null,
-    list-item-leading-avatar-label-font: null,
-    list-item-leading-avatar-label-line-height: null,
-    list-item-leading-avatar-label-size: null,
-    list-item-leading-avatar-label-tracking: null,
-    list-item-leading-avatar-label-weight: null,
-    list-item-leading-image-width: 56px,
-    list-item-leading-image-height: 56px,
-    list-item-leading-image-shape: 0,
-    list-item-trailing-supporting-text-line-height: null,
-    list-item-trailing-icon-color: #444746,
-    list-item-trailing-icon-size: 24px,
-    list-item-selected-trailing-icon-color: null,
-    list-item-unselected-trailing-icon-color: null,
-    list-item-disabled-label-text-color: #1c1b1f,
-    list-item-disabled-label-text-opacity: 0.38,
-    list-item-disabled-supporting-text-color: #1c1b1f,
-    list-item-disabled-supporting-text-opacity: 0.38,
-    list-item-disabled-state-layer-color: null,
-    list-item-disabled-state-layer-opacity: null,
-    list-item-disabled-leading-icon-color: #1c1b1f,
-    list-item-disabled-leading-icon-opacity: 0.38,
-    list-item-disabled-trailing-icon-color: #1c1b1f,
-    list-item-disabled-trailing-icon-opacity: 0.38,
-    list-item-hover-state-layer-color: null,
-    list-item-hover-state-layer-opacity: null,
-    list-item-hover-label-text-color: null,
-    list-item-hover-leading-icon-color: #444746,
-    list-item-hover-trailing-icon-color: #444746,
-    list-divider-color: #c4c7c5,
-    list-divider-height: 1px
-  );
-}

package/list/lib/avatar/_list-item-avatar.scss

@@ -1,38 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use '../../../sass/map-ext';
-@use '../../../sass/theme';
-@use '../tokens';
-
-@mixin styles() {
-  $tokens: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (
-      list-item-leading-avatar-color,
-      list-item-leading-avatar-shape,
-      list-item-leading-avatar-size
-    )
-  );
-
-  $tokens: theme.create-theme-vars($tokens, list);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-list-item__avatar {
-    border-radius: var(--_list-item-leading-avatar-shape);
-    display: inline-flex;
-    height: var(--_list-item-leading-avatar-size);
-    margin-inline-start: 16px;
-    width: var(--_list-item-leading-avatar-size);
-  }
-}

package/list/lib/avatar/list-item-avatar-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{--_list-item-leading-avatar-color: ;--_list-item-leading-avatar-shape: var(--md-list-list-item-leading-avatar-shape, 9999px);--_list-item-leading-avatar-size: var(--md-list-list-item-leading-avatar-size, 40px)}.md3-list-item__avatar{border-radius:var(--_list-item-leading-avatar-shape);display:inline-flex;height:var(--_list-item-leading-avatar-size);margin-inline-start:16px;width:var(--_list-item-leading-avatar-size)}/*# sourceMappingURL=list-item-avatar-styles.css.map */
-`;
-//# sourceMappingURL=list-item-avatar-styles.css.js.map

package/list/lib/avatar/list-item-avatar-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-avatar-styles.css.js","sourceRoot":"","sources":["list-item-avatar-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{--_list-item-leading-avatar-color: ;--_list-item-leading-avatar-shape: var(--md-list-list-item-leading-avatar-shape, 9999px);--_list-item-leading-avatar-size: var(--md-list-list-item-leading-avatar-size, 40px)}.md3-list-item__avatar{border-radius:var(--_list-item-leading-avatar-shape);display:inline-flex;height:var(--_list-item-leading-avatar-size);margin-inline-start:16px;width:var(--_list-item-leading-avatar-size)}/*# sourceMappingURL=list-item-avatar-styles.css.map */\n`;\n "]}

package/list/lib/avatar/list-item-avatar-styles.scss

@@ -1,8 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use './list-item-avatar';
-
-@include list-item-avatar.styles;

package/list/lib/avatar/list-item-avatar.d.ts

@@ -1,16 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement, TemplateResult } from 'lit';
-/** @soyCompatible */
-export declare class ListItemAvatar extends LitElement {
-    avatar: string;
-    altText?: string;
-    /**
-     * @soyTemplate
-     * @soyClasses imageClasses: .md3-list-item__avatar
-     */
-    render(): TemplateResult;
-}

package/list/lib/avatar/list-item-avatar.js

@@ -1,35 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-/** @soyCompatible */
-export class ListItemAvatar extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.avatar = '';
-    }
-    /**
-     * @soyTemplate
-     * @soyClasses imageClasses: .md3-list-item__avatar
-     */
-    render() {
-        return html `
-       <img src="${this.avatar}" alt="${ifDefined(this.altText)}"
-        class="md3-list-item__avatar" />
-     `;
-    }
-}
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", Object)
-], ListItemAvatar.prototype, "avatar", void 0);
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", String)
-], ListItemAvatar.prototype, "altText", void 0);
-//# sourceMappingURL=list-item-avatar.js.map

package/list/lib/avatar/list-item-avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-avatar.js","sourceRoot":"","sources":["list-item-avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAC2C,WAAM,GAAG,EAAE,CAAC;IAavD,CAAC;IAVC;;;OAGG;IACM,MAAM;QACb,OAAO,IAAI,CAAA;mBACI,IAAI,CAAC,MAAM,UAAU,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;MAEzD,CAAC;IACL,CAAC;CACF;AAb0C;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;8CAAa;AACZ;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;+CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/** @soyCompatible */\nexport class ListItemAvatar extends LitElement {\n  @property({type: String, reflect: true}) avatar = '';\n  @property({type: String, reflect: true}) altText?: string;\n\n  /**\n   * @soyTemplate\n   * @soyClasses imageClasses: .md3-list-item__avatar\n   */\n  override render(): TemplateResult {\n    return html`\n       <img src=\"${this.avatar}\" alt=\"${ifDefined(this.altText)}\"\n        class=\"md3-list-item__avatar\" />\n     `;\n  }\n}\n"]}

package/list/lib/divider/_list-divider.scss

@@ -1,46 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use '../../../sass/map-ext';
-@use '../../../sass/theme';
-@use '../tokens';
-
-$_custom-property-prefix: 'list-divider';
-
-@mixin theme($tokens) {
-  $reference: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (list-divider-color, list-divider-height)
-  );
-  $tokens: theme.validate-theme($reference, $tokens);
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (list-divider-color, list-divider-height)
-  );
-
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-list__divider {
-    background-clip: content-box;
-    background-color: var(--_list-divider-color);
-    height: var(--_list-divider-height);
-    padding: 0;
-  }
-}

package/list/lib/divider/list-divider-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{--_list-divider-color: var(--md-list-divider-list-divider-color, #c4c7c5);--_list-divider-height: var(--md-list-divider-list-divider-height, 1px)}.md3-list__divider{background-clip:content-box;background-color:var(--_list-divider-color);height:var(--_list-divider-height);padding:0}/*# sourceMappingURL=list-divider-styles.css.map */
-`;
-//# sourceMappingURL=list-divider-styles.css.js.map

package/list/lib/divider/list-divider-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-divider-styles.css.js","sourceRoot":"","sources":["list-divider-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{--_list-divider-color: var(--md-list-divider-list-divider-color, #c4c7c5);--_list-divider-height: var(--md-list-divider-list-divider-height, 1px)}.md3-list__divider{background-clip:content-box;background-color:var(--_list-divider-color);height:var(--_list-divider-height);padding:0}/*# sourceMappingURL=list-divider-styles.css.map */\n`;\n "]}

package/list/lib/divider/list-divider-styles.scss

@@ -1,8 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use './list-divider';
-
-@include list-divider.styles;

package/list/lib/divider/list-divider.d.ts

@@ -1,13 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement, TemplateResult } from 'lit';
-import { ARIARole } from '../../../types/aria.js';
-/** @soyCompatible */
-export declare class ListDivider extends LitElement {
-    role: ARIARole;
-    /** @soyTemplate */
-    render(): TemplateResult;
-}

package/list/lib/divider/list-divider.js

@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ariaProperty } from '../../../decorators/aria-property.js';
-/** @soyCompatible */
-export class ListDivider extends LitElement {
-    constructor() {
-        super(...arguments);
-        // @ts-ignore(b/264292293): Use `override` with TS 4.9+
-        this.role = 'separator';
-    }
-    /** @soyTemplate */
-    render() {
-        return html `
-       <li role="separator" class="md3-list__divider">
-       </li>
-     `;
-    }
-}
-__decorate([
-    ariaProperty // tslint:disable-line:no-new-decorators
-    // tslint:disable-next-line:decorator-placement
-    ,
-    property({ type: String, attribute: 'data-role', noAccessor: true }),
-    __metadata("design:type", String)
-], ListDivider.prototype, "role", void 0);
-//# sourceMappingURL=list-divider.js.map

package/list/lib/divider/list-divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-divider.js","sourceRoot":"","sources":["list-divider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,sCAAsC,CAAC;AAGlE,qBAAqB;AACrB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAKE,AADA,uDAAuD;QACvD,SAAI,GAAa,WAAW,CAAC;IAS/B,CAAC;IAPC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;;;MAGT,CAAC;IACL,CAAC;CACF;AATC;IAJC,YAAY,CAAE,wCAAwC;IACvD,+CAA+C;;IAC9C,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;;yCAEtC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ariaProperty} from '../../../decorators/aria-property.js';\nimport {ARIARole} from '../../../types/aria.js';\n\n/** @soyCompatible */\nexport class ListDivider extends LitElement {\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  // tslint:disable-next-line:decorator-placement\n  @property({type: String, attribute: 'data-role', noAccessor: true})\n  // @ts-ignore(b/264292293): Use `override` with TS 4.9+\n  role: ARIARole = 'separator';\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n       <li role=\"separator\" class=\"md3-list__divider\">\n       </li>\n     `;\n  }\n}\n"]}

package/list/lib/icon/_list-item-icon.scss

@@ -1,65 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use 'sass:map';
-@use '../../../sass/map-ext';
-@use '../../../sass/theme';
-
-$_custom-property-prefix: 'list-item-icon';
-
-$_reference: (
-  list-item-icon-color: #000,
-  list-item-icon-size: 0,
-  list-item-icon-opacity: 1,
-);
-
-@mixin theme($tokens) {
-  $tokens: theme.validate-theme($_reference, $tokens);
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: $_reference;
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-list-item__icon {
-    color: var(--_list-item-icon-color);
-    opacity: var(--_list-item-icon-opacity);
-    font-family: 'Material Icons';
-    font-weight: normal;
-    font-style: normal;
-    font-size: var(--_list-item-icon-size);
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    height: 100%;
-    width: 100%;
-    padding-inline-start: 16px;
-
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-    text-rendering: optimizeLegibility;
-    /* Support for Firefox. */
-    -moz-osx-font-smoothing: grayscale;
-    /* Support for IE. */
-    font-feature-settings: 'liga';
-  }
-}

package/list/lib/icon/list-item-icon-styles.css.js

@@ -1,9 +0,0 @@
-/**
-  * @license
-  * Copyright 2022 Google LLC
-  * SPDX-License-Identifier: Apache-2.0
-  */
-import { css } from 'lit';
-export const styles = css `:host{--_list-item-icon-color: var(--md-list-item-icon-list-item-icon-color, #000);--_list-item-icon-size: var(--md-list-item-icon-list-item-icon-size, 0);--_list-item-icon-opacity: var(--md-list-item-icon-list-item-icon-opacity, 1)}.md3-list-item__icon{color:var(--_list-item-icon-color);opacity:var(--_list-item-icon-opacity);font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:var(--_list-item-icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;height:100%;width:100%;padding-inline-start:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}/*# sourceMappingURL=list-item-icon-styles.css.map */
-`;
-//# sourceMappingURL=list-item-icon-styles.css.js.map

package/list/lib/icon/list-item-icon-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-icon-styles.css.js","sourceRoot":"","sources":["list-item-icon-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{--_list-item-icon-color: var(--md-list-item-icon-list-item-icon-color, #000);--_list-item-icon-size: var(--md-list-item-icon-list-item-icon-size, 0);--_list-item-icon-opacity: var(--md-list-item-icon-list-item-icon-opacity, 1)}.md3-list-item__icon{color:var(--_list-item-icon-color);opacity:var(--_list-item-icon-opacity);font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:var(--_list-item-icon-size);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;height:100%;width:100%;padding-inline-start:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}/*# sourceMappingURL=list-item-icon-styles.css.map */\n`;\n "]}

package/list/lib/icon/list-item-icon-styles.scss

@@ -1,8 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@use './list-item-icon';
-
-@include list-item-icon.styles;

package/list/lib/icon/list-item-icon.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement, TemplateResult } from 'lit';
-/** @soyCompatible */
-export declare class ListItemIcon extends LitElement {
-    media: string;
-    /** @soyTemplate */
-    render(): TemplateResult;
-}

package/list/lib/icon/list-item-icon.js

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-/** @soyCompatible */
-export class ListItemIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.media = 'icon';
-    }
-    /** @soyTemplate */
-    render() {
-        return html `
-      <span class="md3-list-item__icon"><slot></slot></span>
-    `;
-    }
-}
-__decorate([
-    property({ type: String, reflect: true }),
-    __metadata("design:type", Object)
-], ListItemIcon.prototype, "media", void 0);
-//# sourceMappingURL=list-item-icon.js.map

package/list/lib/icon/list-item-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-icon.js","sourceRoot":"","sources":["list-item-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,qBAAqB;AACrB,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAC2C,UAAK,GAAG,MAAM,CAAC;IAQ1D,CAAC;IANC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;CACF;AAR0C;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;2CAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\n/** @soyCompatible */\nexport class ListItemIcon extends LitElement {\n  @property({type: String, reflect: true}) media = 'icon';\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n      <span class=\"md3-list-item__icon\"><slot></slot></span>\n    `;\n  }\n}\n"]}

package/list/lib/image/_list-item-image.scss

@@ -1,59 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// stylelint-disable selector-class-pattern --
-// Selector '.md3-*' should only be used in this project.
-
-@use 'sass:map';
-@use '../../../sass/theme';
-@use '../../../sass/map-ext';
-@use '../tokens';
-
-$_custom-property-prefix: 'list-item-image';
-
-@mixin theme($tokens) {
-  $reference: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (
-      list-item-leading-image-height,
-      list-item-leading-image-width,
-      list-item-leading-image-shape
-    )
-  );
-
-  $tokens: theme.validate-theme($reference, $tokens);
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: map-ext.pick(
-    tokens.md-comp-list-values(),
-    (
-      list-item-leading-image-height,
-      list-item-leading-image-width,
-      list-item-leading-image-shape
-    )
-  );
-
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-  }
-
-  .md3-list-item__image {
-    display: inline-flex;
-    margin-block-end: 8px;
-    margin-block-start: 8px;
-    margin-inline-start: 16px;
-    height: var(--_list-item-leading-image-height);
-    width: var(--_list-item-leading-image-width);
-    border-radius: var(--_list-item-leading-image-shape);
-  }
-}