@material/web 1.0.0-pre.13 → 1.0.0-pre.15

package/focus/lib/_focus-ring.scss

@@ -1,129 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../tokens';
-// go/keep-sorted end
-
-$_md-sys-motion: tokens.md-sys-motion-values();
-
-@mixin theme($tokens) {
-  $supported-tokens: list.join(
-    tokens.$md-comp-focus-ring-supported-tokens,
-    ('shape-start-start', 'shape-start-end', 'shape-end-end', 'shape-end-start')
-  );
-
-  @each $token, $value in $tokens {
-    @if list.index($supported-tokens, $token) == null {
-      @error 'Token `#{$token}` is not a supported token.';
-    }
-
-    @if $value {
-      --md-focus-ring-#{$token}: #{$value};
-    }
-  }
-}
-
-@mixin styles() {
-  $tokens: tokens.md-comp-focus-ring-values();
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: var(--md-focus-ring-#{$token}, #{$value});
-    }
-
-    // Support logical shape properties
-    --_shape-start-start: var(--md-focus-ring-shape-start-start, var(--_shape));
-    --_shape-start-end: var(--md-focus-ring-shape-start-end, var(--_shape));
-    --_shape-end-end: var(--md-focus-ring-shape-end-end, var(--_shape));
-    --_shape-end-start: var(--md-focus-ring-shape-end-start, var(--_shape));
-
-    animation-delay: 0s, calc(var(--_duration) * 0.25);
-    animation-duration: calc(var(--_duration) * 0.25),
-      calc(var(--_duration) * 0.75);
-    animation-timing-function: map.get($_md-sys-motion, 'easing-emphasized');
-    box-sizing: border-box;
-    color: var(--_color);
-    display: none;
-    pointer-events: none;
-    position: absolute;
-  }
-
-  :host([visible]) {
-    display: flex;
-  }
-
-  :host(:not([inward])) {
-    animation-name: outward-grow, outward-shrink;
-    border-end-end-radius: calc(var(--_shape-end-end) + var(--_outward-offset));
-    border-end-start-radius: calc(
-      var(--_shape-end-start) + var(--_outward-offset)
-    );
-    border-start-end-radius: calc(
-      var(--_shape-start-end) + var(--_outward-offset)
-    );
-    border-start-start-radius: calc(
-      var(--_shape-start-start) + var(--_outward-offset)
-    );
-    inset: calc(-1 * (var(--_outward-offset)));
-    outline: var(--_width) solid currentColor;
-  }
-
-  :host([inward]) {
-    animation-name: inward-grow, inward-shrink;
-    border-end-end-radius: calc(var(--_shape-end-end) - var(--_inward-offset));
-    border-end-start-radius: calc(
-      var(--_shape-end-start) - var(--_inward-offset)
-    );
-    border-start-end-radius: calc(
-      var(--_shape-start-end) - var(--_inward-offset)
-    );
-    border-start-start-radius: calc(
-      var(--_shape-start-start) - var(--_inward-offset)
-    );
-    border: var(--_width) solid currentColor;
-    inset: var(--_inward-offset);
-  }
-
-  @keyframes outward-grow {
-    from {
-      outline-width: 0;
-    }
-    to {
-      outline-width: var(--_active-width);
-    }
-  }
-
-  @keyframes outward-shrink {
-    from {
-      outline-width: var(--_active-width);
-    }
-  }
-
-  @keyframes inward-grow {
-    from {
-      border-width: 0;
-    }
-    to {
-      border-width: var(--_active-width);
-    }
-  }
-
-  @keyframes inward-shrink {
-    from {
-      border-width: var(--_active-width);
-    }
-  }
-
-  @media (prefers-reduced-motion) {
-    :host {
-      animation: none;
-    }
-  }
-}

package/focus/lib/focus-ring-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{--_active-width: var(--md-focus-ring-active-width, 8px);--_color: var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));--_duration: var(--md-focus-ring-duration, 600ms);--_inward-offset: var(--md-focus-ring-inward-offset, 0px);--_outward-offset: var(--md-focus-ring-outward-offset, 2px);--_shape: var(--md-focus-ring-shape, 9999px);--_width: var(--md-focus-ring-width, 3px);--_shape-start-start: var(--md-focus-ring-shape-start-start, var(--_shape));--_shape-start-end: var(--md-focus-ring-shape-start-end, var(--_shape));--_shape-end-end: var(--md-focus-ring-shape-end-end, var(--_shape));--_shape-end-start: var(--md-focus-ring-shape-end-start, var(--_shape));animation-delay:0s,calc(var(--_duration)*.25);animation-duration:calc(var(--_duration)*.25),calc(var(--_duration)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--_color);display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--_shape-end-end) + var(--_outward-offset));border-end-start-radius:calc(var(--_shape-end-start) + var(--_outward-offset));border-start-end-radius:calc(var(--_shape-start-end) + var(--_outward-offset));border-start-start-radius:calc(var(--_shape-start-start) + var(--_outward-offset));inset:calc(-1*(var(--_outward-offset)));outline:var(--_width) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--_shape-end-end) - var(--_inward-offset));border-end-start-radius:calc(var(--_shape-end-start) - var(--_inward-offset));border-start-end-radius:calc(var(--_shape-start-end) - var(--_inward-offset));border-start-start-radius:calc(var(--_shape-start-start) - var(--_inward-offset));border:var(--_width) solid currentColor;inset:var(--_inward-offset)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@keyframes outward-shrink{from{outline-width:var(--_active-width)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@keyframes inward-shrink{from{border-width:var(--_active-width)}}@media(prefers-reduced-motion){:host{animation:none}}/*# sourceMappingURL=focus-ring-styles.css.map */
-`;
-//# sourceMappingURL=focus-ring-styles.css.js.map

package/focus/lib/focus-ring-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-ring-styles.css.js","sourceRoot":"","sources":["focus-ring-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{--_active-width: var(--md-focus-ring-active-width, 8px);--_color: var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));--_duration: var(--md-focus-ring-duration, 600ms);--_inward-offset: var(--md-focus-ring-inward-offset, 0px);--_outward-offset: var(--md-focus-ring-outward-offset, 2px);--_shape: var(--md-focus-ring-shape, 9999px);--_width: var(--md-focus-ring-width, 3px);--_shape-start-start: var(--md-focus-ring-shape-start-start, var(--_shape));--_shape-start-end: var(--md-focus-ring-shape-start-end, var(--_shape));--_shape-end-end: var(--md-focus-ring-shape-end-end, var(--_shape));--_shape-end-start: var(--md-focus-ring-shape-end-start, var(--_shape));animation-delay:0s,calc(var(--_duration)*.25);animation-duration:calc(var(--_duration)*.25),calc(var(--_duration)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--_color);display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--_shape-end-end) + var(--_outward-offset));border-end-start-radius:calc(var(--_shape-end-start) + var(--_outward-offset));border-start-end-radius:calc(var(--_shape-start-end) + var(--_outward-offset));border-start-start-radius:calc(var(--_shape-start-start) + var(--_outward-offset));inset:calc(-1*(var(--_outward-offset)));outline:var(--_width) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--_shape-end-end) - var(--_inward-offset));border-end-start-radius:calc(var(--_shape-end-start) - var(--_inward-offset));border-start-end-radius:calc(var(--_shape-start-end) - var(--_inward-offset));border-start-start-radius:calc(var(--_shape-start-start) - var(--_inward-offset));border:var(--_width) solid currentColor;inset:var(--_inward-offset)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--_active-width)}}@keyframes outward-shrink{from{outline-width:var(--_active-width)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--_active-width)}}@keyframes inward-shrink{from{border-width:var(--_active-width)}}@media(prefers-reduced-motion){:host{animation:none}}/*# sourceMappingURL=focus-ring-styles.css.map */\n`;\n "]}

package/focus/lib/focus-ring.d.ts

@@ -1,34 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-import { Attachable } from '../../internal/controller/attachable-controller.js';
-/**
- * A focus ring component.
- */
-export declare class FocusRing extends LitElement implements Attachable {
-    /**
-     * Makes the focus ring visible.
-     */
-    visible: boolean;
-    /**
-     * Makes the focus ring animate inwards instead of outwards.
-     */
-    inward: boolean;
-    get htmlFor(): string | null;
-    set htmlFor(htmlFor: string | null);
-    get control(): HTMLElement;
-    private readonly attachableController;
-    attach(control: HTMLElement): void;
-    detach(): void;
-    /** @private */
-    handleEvent(event: FocusRingEvent): void;
-    private onControlChange;
-}
-declare const HANDLED_BY_FOCUS_RING: unique symbol;
-interface FocusRingEvent extends Event {
-    [HANDLED_BY_FOCUS_RING]: true;
-}
-export {};

package/focus/lib/focus-ring.js

@@ -1,79 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { LitElement } from 'lit';
-import { property } from 'lit/decorators.js';
-import { AttachableController } from '../../internal/controller/attachable-controller.js';
-/**
- * Events that the focus ring listens to.
- */
-const EVENTS = ['focusin', 'focusout', 'pointerdown'];
-/**
- * A focus ring component.
- */
-export class FocusRing extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Makes the focus ring visible.
-         */
-        this.visible = false;
-        /**
-         * Makes the focus ring animate inwards instead of outwards.
-         */
-        this.inward = false;
-        this.attachableController = new AttachableController(this, this.onControlChange.bind(this));
-    }
-    get htmlFor() {
-        return this.attachableController.htmlFor;
-    }
-    set htmlFor(htmlFor) {
-        this.attachableController.htmlFor = htmlFor;
-    }
-    get control() {
-        return this.attachableController.control;
-    }
-    attach(control) {
-        this.attachableController.attach(control);
-    }
-    detach() {
-        this.attachableController.detach();
-    }
-    /** @private */
-    handleEvent(event) {
-        if (event[HANDLED_BY_FOCUS_RING]) {
-            // This ensures the focus ring does not activate when multiple focus rings
-            // are used within a single component.
-            return;
-        }
-        switch (event.type) {
-            default:
-                return;
-            case 'focusin':
-                this.visible = this.control?.matches(':focus-visible') ?? false;
-                break;
-            case 'focusout':
-            case 'pointerdown':
-                this.visible = false;
-                break;
-        }
-        event[HANDLED_BY_FOCUS_RING] = true;
-    }
-    onControlChange(prev, next) {
-        for (const event of EVENTS) {
-            prev?.removeEventListener(event, this);
-            next?.addEventListener(event, this);
-        }
-    }
-}
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FocusRing.prototype, "visible", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FocusRing.prototype, "inward", void 0);
-const HANDLED_BY_FOCUS_RING = Symbol('handledByFocusRing');
-//# sourceMappingURL=focus-ring.js.map

package/focus/lib/focus-ring.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"focus-ring.js","sourceRoot":"","sources":["focus-ring.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAC/B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAa,oBAAoB,EAAC,MAAM,oDAAoD,CAAC;AAEpG;;GAEG;AACH,MAAM,MAAM,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;AAEtD;;GAEG;AACH,MAAM,OAAO,SAAU,SAAQ,UAAU;IAAzC;;QACE;;WAEG;QACuC,YAAO,GAAG,KAAK,CAAC;QAE1D;;WAEG;QACuC,WAAM,GAAG,KAAK,CAAC;QAcxC,yBAAoB,GACjC,IAAI,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IAuCtE,CAAC;IApDC,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;IAC3C,CAAC;IAED,IAAI,OAAO,CAAC,OAAoB;QAC9B,IAAI,CAAC,oBAAoB,CAAC,OAAO,GAAG,OAAO,CAAC;IAC9C,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;IAC3C,CAAC;IAKD,MAAM,CAAC,OAAoB;QACzB,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,CAAC;IACrC,CAAC;IAED,eAAe;IACf,WAAW,CAAC,KAAqB;QAC/B,IAAI,KAAK,CAAC,qBAAqB,CAAC,EAAE;YAChC,0EAA0E;YAC1E,sCAAsC;YACtC,OAAO;SACR;QAED,QAAQ,KAAK,CAAC,IAAI,EAAE;YAClB;gBACE,OAAO;YACT,KAAK,SAAS;gBACZ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,CAAC,gBAAgB,CAAC,IAAI,KAAK,CAAC;gBAChE,MAAM;YACR,KAAK,UAAU,CAAC;YAChB,KAAK,aAAa;gBAChB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;gBACrB,MAAM;SACT;QAED,KAAK,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;IAEO,eAAe,CAAC,IAAsB,EAAE,IAAsB;QACpE,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;YAC1B,IAAI,EAAE,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YACvC,IAAI,EAAE,gBAAgB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;SACrC;IACH,CAAC;CACF;AA3D2C;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;0CAAiB;AAKhB;IAAzC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;yCAAgB;AAwD3D,MAAM,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {LitElement} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {Attachable, AttachableController} from '../../internal/controller/attachable-controller.js';\n\n/**\n * Events that the focus ring listens to.\n */\nconst EVENTS = ['focusin', 'focusout', 'pointerdown'];\n\n/**\n * A focus ring component.\n */\nexport class FocusRing extends LitElement implements Attachable {\n  /**\n   * Makes the focus ring visible.\n   */\n  @property({type: Boolean, reflect: true}) visible = false;\n\n  /**\n   * Makes the focus ring animate inwards instead of outwards.\n   */\n  @property({type: Boolean, reflect: true}) inward = false;\n\n  get htmlFor() {\n    return this.attachableController.htmlFor;\n  }\n\n  set htmlFor(htmlFor: string|null) {\n    this.attachableController.htmlFor = htmlFor;\n  }\n\n  get control() {\n    return this.attachableController.control;\n  }\n\n  private readonly attachableController =\n      new AttachableController(this, this.onControlChange.bind(this));\n\n  attach(control: HTMLElement) {\n    this.attachableController.attach(control);\n  }\n\n  detach() {\n    this.attachableController.detach();\n  }\n\n  /** @private */\n  handleEvent(event: FocusRingEvent) {\n    if (event[HANDLED_BY_FOCUS_RING]) {\n      // This ensures the focus ring does not activate when multiple focus rings\n      // are used within a single component.\n      return;\n    }\n\n    switch (event.type) {\n      default:\n        return;\n      case 'focusin':\n        this.visible = this.control?.matches(':focus-visible') ?? false;\n        break;\n      case 'focusout':\n      case 'pointerdown':\n        this.visible = false;\n        break;\n    }\n\n    event[HANDLED_BY_FOCUS_RING] = true;\n  }\n\n  private onControlChange(prev: HTMLElement|null, next: HTMLElement|null) {\n    for (const event of EVENTS) {\n      prev?.removeEventListener(event, this);\n      next?.addEventListener(event, this);\n    }\n  }\n}\n\nconst HANDLED_BY_FOCUS_RING = Symbol('handledByFocusRing');\n\ninterface FocusRingEvent extends Event {\n  [HANDLED_BY_FOCUS_RING]: true;\n}\n"]}

package/icon/lib/_icon.scss

@@ -1,61 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use '../../internal/sass/theme';
-@use './md-comp-icon';
-// go/keep-sorted end
-
-$_custom-property-prefix: 'icon';
-
-@mixin theme($tokens) {
-  $tokens: theme.validate-theme(md-comp-icon.values(), $tokens);
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  @include theme.emit-theme-vars($tokens);
-}
-
-@mixin styles() {
-  $tokens: md-comp-icon.values();
-  $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: #{$value};
-    }
-
-    display: inline-flex;
-    color: var(--_color);
-    font-family: var(--_font);
-    font-weight: var(--_weight);
-    font-style: normal;
-    font-size: var(--_size);
-    font-variation-settings: var(--_font-variation-settings);
-    line-height: 1;
-    // Avoid displaying overflowing text if font ligatures have not loaded.
-    overflow: hidden;
-    letter-spacing: normal;
-    text-transform: none;
-    white-space: nowrap;
-    word-wrap: normal;
-
-    /* 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;
-  }
-
-  span {
-    ::slotted(svg) {
-      fill: currentColor;
-    }
-    ::slotted(*) {
-      height: var(--_size);
-      width: var(--_size);
-    }
-  }
-}

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

@@ -1,18 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@function values($exclude-hardcoded-values: false) {
-  $values: (
-    (
-      color: if($exclude-hardcoded-values, null, inherit),
-      font: if($exclude-hardcoded-values, null, 'Material Symbols Outlined'),
-      font-variation-settings: if($exclude-hardcoded-values, null, inherit),
-      size: if($exclude-hardcoded-values, null, 24px),
-      weight: if($exclude-hardcoded-values, null, 400),
-    )
-  );
-
-  @return $values;
-}

package/icon/lib/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{--_color: var(--md-icon-color, inherit);--_font: var(--md-icon-font, "Material Symbols Outlined");--_font-variation-settings: var(--md-icon-font-variation-settings, inherit);--_size: var(--md-icon-size, 24px);--_weight: var(--md-icon-weight, 400);display:inline-flex;color:var(--_color);font-family:var(--_font);font-weight:var(--_weight);font-style:normal;font-size:var(--_size);font-variation-settings:var(--_font-variation-settings);line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}span ::slotted(svg){fill:currentColor}span ::slotted(*){height:var(--_size);width:var(--_size)}/*# sourceMappingURL=icon-styles.css.map */
-`;
-//# sourceMappingURL=icon-styles.css.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon-styles.css.js","sourceRoot":"","sources":["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{--_color: var(--md-icon-color, inherit);--_font: var(--md-icon-font, \"Material Symbols Outlined\");--_font-variation-settings: var(--md-icon-font-variation-settings, inherit);--_size: var(--md-icon-size, 24px);--_weight: var(--md-icon-weight, 400);display:inline-flex;color:var(--_color);font-family:var(--_font);font-weight:var(--_weight);font-style:normal;font-size:var(--_size);font-variation-settings:var(--_font-variation-settings);line-height:1;overflow:hidden;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}span ::slotted(svg){fill:currentColor}span ::slotted(*){height:var(--_size);width:var(--_size)}/*# sourceMappingURL=icon-styles.css.map */\n`;\n "]}

package/icon/lib/icon.d.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-/**
- * TODO(b/265336902): add docs
- */
-export declare class Icon extends LitElement {
-    protected render(): import("lit-html").TemplateResult<1>;
-}

package/icon/lib/icon.js

@@ -1,15 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { html, LitElement } from 'lit';
-/**
- * TODO(b/265336902): add docs
- */
-export class Icon extends LitElement {
-    render() {
-        return html `<span><slot></slot></span>`;
-    }
-}
-//# sourceMappingURL=icon.js.map

package/icon/lib/icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon.js","sourceRoot":"","sources":["icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAC,MAAM,KAAK,CAAC;AAErC;;GAEG;AACH,MAAM,OAAO,IAAK,SAAQ,UAAU;IACf,MAAM;QACvB,OAAO,IAAI,CAAA,4BAA4B,CAAC;IAC1C,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement} from 'lit';\n\n/**\n * TODO(b/265336902): add docs\n */\nexport class Icon extends LitElement {\n  protected override render() {\n    return html`<span><slot></slot></span>`;\n  }\n}\n"]}

package/iconbutton/_standard-icon-button.scss

@@ -1,6 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@forward './lib/standard-icon-button' show theme;

package/iconbutton/lib/_filled-icon-button.scss

@@ -1,169 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../ripple/ripple';
-@use '../../tokens';
-// go/keep-sorted end
-
-@mixin theme($tokens) {
-  $supported-tokens: list.join(
-    tokens.$md-comp-filled-icon-button-supported-tokens,
-    (
-      'container-shape-start-start',
-      'container-shape-start-end',
-      'container-shape-end-end',
-      'container-shape-end-start'
-    )
-  );
-
-  @each $token, $value in $tokens {
-    @if list.index($supported-tokens, $token) == null {
-      @error 'Token `#{$token}` is not a supported token.';
-    }
-
-    @if $value {
-      --md-filled-icon-button-#{$token}: #{$value};
-    }
-  }
-}
-
-@mixin styles() {
-  $tokens: tokens.md-comp-filled-icon-button-values();
-
-  :host {
-    @each $token, $value in $tokens {
-      --_#{$token}: var(--md-filled-icon-button-#{$token}, #{$value});
-    }
-
-    // Support logical shape properties
-    --_container-shape-start-start: var(
-      --md-filled-icon-button-container-shape-start-start,
-      var(--_container-shape)
-    );
-    --_container-shape-start-end: var(
-      --md-filled-icon-button-container-shape-start-end,
-      var(--_container-shape)
-    );
-    --_container-shape-end-end: var(
-      --md-filled-icon-button-container-shape-end-end,
-      var(--_container-shape)
-    );
-    --_container-shape-end-start: var(
-      --md-filled-icon-button-container-shape-end-start,
-      var(--_container-shape)
-    );
-  }
-
-  .icon-button {
-    color: var(--_icon-color);
-
-    &:hover {
-      color: var(--_hover-icon-color);
-    }
-
-    &:focus {
-      color: var(--_focus-icon-color);
-    }
-
-    &:active {
-      color: var(--_pressed-icon-color);
-    }
-
-    &:disabled {
-      color: var(--_disabled-icon-color);
-    }
-
-    @include ripple.theme(
-      (
-        hover-color: var(--_hover-state-layer-color),
-        hover-opacity: var(--_hover-state-layer-opacity),
-        pressed-color: var(--_pressed-state-layer-color),
-        pressed-opacity: var(--_pressed-state-layer-opacity),
-      )
-    );
-  }
-
-  .icon-button::before {
-    // Background color, separate node for opacity changes
-    background-color: var(--_container-color);
-    border-radius: inherit;
-    content: '';
-    inset: 0;
-    position: absolute;
-    z-index: -1; // place behind content
-  }
-
-  .icon-button:disabled::before {
-    background-color: var(--_disabled-container-color);
-    opacity: var(--_disabled-container-opacity);
-  }
-
-  .icon-button:disabled .icon {
-    opacity: var(--_disabled-icon-opacity);
-  }
-
-  .toggle-filled {
-    &:not(:disabled) {
-      color: var(--_toggle-unselected-icon-color);
-
-      &:hover {
-        color: var(--_toggle-unselected-hover-icon-color);
-      }
-
-      &:focus {
-        color: var(--_toggle-unselected-focus-icon-color);
-      }
-
-      &:active {
-        color: var(--_toggle-unselected-pressed-icon-color);
-      }
-    }
-
-    @include ripple.theme(
-      (
-        hover-color: var(--_toggle-unselected-hover-state-layer-color),
-        pressed-color: var(--_toggle-unselected-pressed-state-layer-color),
-      )
-    );
-  }
-
-  .toggle-filled:not(:disabled)::before {
-    background-color: var(--_unselected-container-color);
-  }
-
-  .selected {
-    &:not(:disabled) {
-      color: var(--_toggle-selected-icon-color);
-
-      &:hover {
-        color: var(--_toggle-selected-hover-icon-color);
-      }
-
-      &:focus {
-        color: var(--_toggle-selected-focus-icon-color);
-      }
-
-      &:active {
-        color: var(--_toggle-selected-pressed-icon-color);
-      }
-    }
-
-    @include ripple.theme(
-      (
-        hover-color: var(--_toggle-selected-hover-state-layer-color),
-        pressed-color: var(--_toggle-selected-pressed-state-layer-color),
-      )
-    );
-  }
-
-  .selected:not(:disabled)::before {
-    background-color: var(--_selected-container-color);
-  }
-}