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

package/select/harness.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Field } from '../field/lib/field.js';
+import { Harness } from '../testing/harness.js';
+import { Select } from './lib/select.js';
+import { SelectOptionHarness } from './lib/selectoption/harness.js';
+/**
+ * Test harness for menu.
+ */
+export declare class SelectHarness extends Harness<Select> {
+    protected getField(): Field;
+    /**
+     * Shows the menu and returns the first list item element.
+     */
+    protected getInteractiveElement(): Promise<Field>;
+    startHover(): Promise<void>;
+    /** @return ListItem harnesses for the menu's items. */
+    getItems(): SelectOptionHarness[];
+    click(quick?: boolean): Promise<void>;
+    clickOption(index: number): Promise<void>;
+}

package/select/harness.js

@@ -0,0 +1,53 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { FieldHarness } from '../field/harness.js';
+import { Harness } from '../testing/harness.js';
+import { SelectOptionHarness } from './lib/selectoption/harness.js';
+/**
+ * Test harness for menu.
+ */
+export class SelectHarness extends Harness {
+    getField() {
+        return this.element.renderRoot.querySelector('.field');
+    }
+    /**
+     * Shows the menu and returns the first list item element.
+     */
+    async getInteractiveElement() {
+        await this.element.updateComplete;
+        return this.getField();
+    }
+    async startHover() {
+        const field = await this.getField();
+        const element = await (new SelectFieldHardness(field)).getInteractiveElement();
+        this.simulateStartHover(element);
+    }
+    /** @return ListItem harnesses for the menu's items. */
+    getItems() {
+        return this.element.options.map((item) => new SelectOptionHarness(item));
+    }
+    async click(quick = true) {
+        this.element.quick = quick;
+        await this.element.updateComplete;
+        const field = await this.getField();
+        field.click();
+    }
+    async clickOption(index) {
+        const menu = this.element.renderRoot.querySelector('md-menu');
+        if (!menu.open) {
+            console.warn('Internal menu is not open. Try calling SelectHarness.prototype.click()');
+        }
+        this.getItems()[index].element.click();
+    }
+}
+// Private class (not exported)
+class SelectFieldHardness extends FieldHarness {
+    /* Expose so that we can call it from our internal code in SelectHarness. */
+    getInteractiveElement() {
+        return super.getInteractiveElement();
+    }
+}
+//# sourceMappingURL=harness.js.map

package/select/harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEjD,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAG9C,OAAO,EAAC,mBAAmB,EAAC,MAAM,+BAA+B,CAAC;AAElE;;GAEG;AACH,MAAM,OAAO,aAAc,SAAQ,OAAe;IACtC,QAAQ;QAChB,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAU,CAAC;IAClE,CAAC;IACD;;OAEG;IACgB,KAAK,CAAC,qBAAqB;QAC5C,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC;IACzB,CAAC;IAEQ,KAAK,CAAC,UAAU;QACvB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,mBAAmB,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;QAC/E,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,uDAAuD;IACvD,QAAQ;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3E,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI;QACtB,IAAI,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC3B,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC;QACpC,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,WAAW,CAAC,KAAa;QAC7B,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAE,CAAC;QAC/D,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,CAAC,IAAI,CACR,wEAAwE,CAAC,CAAC;SAC/E;QACD,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACzC,CAAC;CACF;AAED,+BAA+B;AAC/B,MAAM,mBAAoB,SAAQ,YAAY;IAC5C,4EAA4E;IACnE,qBAAqB;QAC5B,OAAO,KAAK,CAAC,qBAAqB,EAAE,CAAC;IACvC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {FieldHarness} from '../field/harness.js';\nimport {Field} from '../field/lib/field.js';\nimport {Harness} from '../testing/harness.js';\n\nimport {Select} from './lib/select.js';\nimport {SelectOptionHarness} from './lib/selectoption/harness.js';\n\n/**\n * Test harness for menu.\n */\nexport class SelectHarness extends Harness<Select> {\n  protected getField() {\n    return this.element.renderRoot.querySelector('.field') as Field;\n  }\n  /**\n   * Shows the menu and returns the first list item element.\n   */\n  protected override async getInteractiveElement() {\n    await this.element.updateComplete;\n    return this.getField();\n  }\n\n  override async startHover() {\n    const field = await this.getField();\n    const element = await (new SelectFieldHardness(field)).getInteractiveElement();\n    this.simulateStartHover(element);\n  }\n\n  /** @return ListItem harnesses for the menu's items. */\n  getItems() {\n    return this.element.options.map((item) => new SelectOptionHarness(item));\n  }\n\n  async click(quick = true) {\n    this.element.quick = quick;\n    await this.element.updateComplete;\n    const field = await this.getField();\n    field.click();\n  }\n\n  async clickOption(index: number) {\n    const menu = this.element.renderRoot.querySelector('md-menu')!;\n    if (!menu.open) {\n      console.warn(\n          'Internal menu is not open. Try calling SelectHarness.prototype.click()');\n    }\n    this.getItems()[index].element.click();\n  }\n}\n\n// Private class (not exported)\nclass SelectFieldHardness extends FieldHarness {\n  /* Expose so that we can call it from our internal code in SelectHarness. */\n  override getInteractiveElement() {\n    return super.getInteractiveElement();\n  }\n}\n"]}

package/select/lib/_filled-select.scss

@@ -0,0 +1,163 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:string';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../../field/filled-field';
+@use '../../sass/shape';
+@use '../../sass/theme';
+@use '../../tokens';
+// go/keep-sorted end
+
+@mixin theme($tokens) {
+  $tokens: theme.validate-theme(tokens.md-comp-filled-select-values(), $tokens);
+
+  @each $token, $value in $tokens {
+    --md-filled-select-#{$token}: #{$value};
+  }
+}
+
+@mixin styles() {
+  $tokens: tokens.md-comp-filled-select-values();
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: #{$value};
+    }
+
+    @include filled-field.theme(
+      (
+        // go/keep-sorted start
+        'active-indicator-color': var(--_text-field-active-indicator-color),
+        'active-indicator-height': var(--_text-field-active-indicator-height),
+        'container-color': var(--_text-field-container-color),
+        'container-shape':
+          shape.corners-to-shape-token('--_text-field-container-shape'),
+        'content-color': var(--_text-field-input-text-color),
+        'content-type': var(--_text-field-input-text-type),
+        'disabled-active-indicator-color':
+          var(--_text-field-disabled-active-indicator-color),
+        'disabled-active-indicator-height':
+          var(--_text-field-disabled-active-indicator-height),
+        'disabled-active-indicator-opacity':
+          var(--_text-field-disabled-active-indicator-opacity),
+        'disabled-container-color': var(--_text-field-disabled-container-color),
+        'disabled-container-opacity':
+          var(--_text-field-disabled-container-opacity),
+        'disabled-content-color': var(--_text-field-disabled-input-text-color),
+        'disabled-content-opacity':
+          var(--_text-field-disabled-input-text-opacity),
+        'disabled-label-text-color':
+          var(--_text-field-disabled-label-text-color),
+        'disabled-label-text-opacity':
+          var(--_text-field-disabled-label-text-opacity),
+        'disabled-leading-content-color':
+          var(--_text-field-disabled-leading-icon-color),
+        'disabled-leading-content-opacity':
+          var(--_text-field-disabled-leading-icon-opacity),
+        'disabled-supporting-text-color':
+          var(--_text-field-disabled-supporting-text-color),
+        'disabled-supporting-text-opacity':
+          var(--_text-field-disabled-supporting-text-opacity),
+        'disabled-trailing-content-color':
+          var(--_text-field-disabled-trailing-icon-color),
+        'disabled-trailing-content-opacity':
+          var(--_text-field-disabled-trailing-icon-opacity),
+        'error-active-indicator-color':
+          var(--_text-field-error-active-indicator-color),
+        'error-content-color': var(--_text-field-error-input-text-color),
+        'error-focus-active-indicator-color':
+          var(--_text-field-error-focus-active-indicator-color),
+        'error-focus-content-color':
+          var(--_text-field-error-focus-input-text-color),
+        'error-focus-label-text-color':
+          var(--_text-field-error-focus-label-text-color),
+        'error-focus-leading-content-color':
+          var(--_text-field-error-focus-leading-icon-color),
+        'error-focus-supporting-text-color':
+          var(--_text-field-error-focus-supporting-text-color),
+        'error-focus-trailing-content-color':
+          var(--_text-field-error-focus-trailing-icon-color),
+        'error-hover-active-indicator-color':
+          var(--_text-field-error-hover-active-indicator-color),
+        'error-hover-content-color':
+          var(--_text-field-error-hover-input-text-color),
+        'error-hover-label-text-color':
+          var(--_text-field-error-hover-label-text-color),
+        'error-hover-leading-content-color':
+          var(--_text-field-error-hover-leading-icon-color),
+        'error-hover-state-layer-color':
+          var(--_text-field-error-hover-state-layer-color),
+        'error-hover-state-layer-opacity':
+          var(--_text-field-error-hover-state-layer-opacity),
+        'error-hover-supporting-text-color':
+          var(--_text-field-error-hover-supporting-text-color),
+        'error-hover-trailing-content-color':
+          var(--_text-field-error-hover-trailing-icon-color),
+        'error-label-text-color': var(--_text-field-error-label-text-color),
+        'error-leading-content-color':
+          var(--_text-field-error-leading-icon-color),
+        'error-supporting-text-color':
+          var(--_text-field-error-supporting-text-color),
+        'error-trailing-content-color':
+          var(--_text-field-error-trailing-icon-color),
+        'focus-active-indicator-color':
+          var(--_text-field-focus-active-indicator-color),
+        'focus-active-indicator-height':
+          var(--_text-field-focus-active-indicator-height),
+        'focus-content-color': var(--_text-field-focus-input-text-color),
+        'focus-label-text-color': var(--_text-field-focus-label-text-color),
+        'focus-leading-content-color':
+          var(--_text-field-focus-leading-icon-color),
+        'focus-supporting-text-color':
+          var(--_text-field-focus-supporting-text-color),
+        'focus-trailing-content-color':
+          var(--_text-field-focus-trailing-icon-color),
+        'hover-active-indicator-color':
+          var(--_text-field-hover-active-indicator-color),
+        'hover-active-indicator-height':
+          var(--_text-field-hover-active-indicator-height),
+        'hover-content-color': var(--_text-field-hover-input-text-color),
+        'hover-label-text-color': var(--_text-field-hover-label-text-color),
+        'hover-leading-content-color':
+          var(--_text-field-hover-leading-icon-color),
+        'hover-state-layer-color': var(--_text-field-hover-state-layer-color),
+        'hover-state-layer-opacity':
+          var(--_text-field-hover-state-layer-opacity),
+        'hover-supporting-text-color':
+          var(--_text-field-hover-supporting-text-color),
+        'hover-trailing-content-color':
+          var(--_text-field-hover-trailing-icon-color),
+        'label-text-color': var(--_text-field-label-text-color),
+        'label-text-populated-line-height':
+          var(--_text-field-label-text-populated-line-height),
+        'label-text-populated-size':
+          var(--_text-field-label-text-populated-size),
+        'label-text-type': var(--_text-field-label-text-type),
+        'leading-content-color': var(--_text-field-leading-icon-color),
+        'supporting-text-color': var(--_text-field-supporting-text-color),
+        'supporting-text-type': var(--_text-field-supporting-text-type),
+        'trailing-content-color': var(--_text-field-trailing-icon-color),
+        // go/keep-sorted end
+      )
+    );
+  }
+
+  [hasstart] .icon.leading {
+    font-size: var(--_text-field-leading-icon-size);
+    height: var(--_text-field-leading-icon-size);
+    width: var(--_text-field-leading-icon-size);
+  }
+
+  [hasend] .icon.trailing {
+    font-size: var(--_text-field-trailing-icon-size);
+    height: var(--_text-field-trailing-icon-size);
+    width: var(--_text-field-trailing-icon-size);
+  }
+}

package/select/lib/_outlined-select.scss

@@ -0,0 +1,146 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:string';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../../field/outlined-field';
+@use '../../sass/shape';
+@use '../../sass/theme';
+@use '../../tokens';
+// go/keep-sorted end
+
+@mixin theme($tokens) {
+  $tokens: theme.validate-theme(
+    tokens.md-comp-outlined-select-values(),
+    $tokens
+  );
+
+  @each $token, $value in $tokens {
+    --md-outlined-select-#{$token}: #{$value};
+  }
+}
+
+@mixin styles() {
+  $tokens: tokens.md-comp-outlined-select-values();
+
+  :host {
+    @each $token, $value in $tokens {
+      --_#{$token}: #{$value};
+    }
+
+    @include outlined-field.theme(
+      (
+        // go/keep-sorted start
+        'container-shape': var(--_text-field-container-shape),
+        'content-color': var(--_text-field-input-text-color),
+        'content-type': var(--_text-field-input-text-type),
+        'disabled-content-color': var(--_text-field-disabled-input-text-color),
+        'disabled-content-opacity':
+          var(--_text-field-disabled-input-text-opacity),
+        'disabled-label-text-color':
+          var(--_text-field-disabled-label-text-color),
+        'disabled-label-text-opacity':
+          var(--_text-field-disabled-label-text-opacity),
+        'disabled-leading-content-color':
+          var(--_text-field-disabled-leading-icon-color),
+        'disabled-leading-content-opacity':
+          var(--_text-field-disabled-leading-icon-opacity),
+        'disabled-outline-color': var(--_text-field-disabled-outline-color),
+        'disabled-outline-opacity': var(--_text-field-disabled-outline-opacity),
+        'disabled-outline-width': var(--_text-field-disabled-outline-width),
+        'disabled-supporting-text-color':
+          var(--_text-field-disabled-supporting-text-color),
+        'disabled-supporting-text-opacity':
+          var(--_text-field-disabled-supporting-text-opacity),
+        'disabled-trailing-content-color':
+          var(--_text-field-disabled-trailing-icon-color),
+        'disabled-trailing-content-opacity':
+          var(--_text-field-disabled-trailing-icon-opacity),
+        'error-content-color': var(--_text-field-error-input-text-color),
+        'error-focus-content-color':
+          var(--_text-field-error-focus-input-text-color),
+        'error-focus-label-text-color':
+          var(--_text-field-error-focus-label-text-color),
+        'error-focus-leading-content-color':
+          var(--_text-field-error-focus-leading-icon-color),
+        'error-focus-outline-color':
+          var(--_text-field-error-focus-outline-color),
+        'error-focus-supporting-text-color':
+          var(--_text-field-error-focus-supporting-text-color),
+        'error-focus-trailing-content-color':
+          var(--_text-field-error-focus-trailing-icon-color),
+        'error-hover-content-color':
+          var(--_text-field-error-hover-input-text-color),
+        'error-hover-label-text-color':
+          var(--_text-field-error-hover-label-text-color),
+        'error-hover-leading-content-color':
+          var(--_text-field-error-hover-leading-icon-color),
+        'error-hover-outline-color':
+          var(--_text-field-error-hover-outline-color),
+        'error-hover-supporting-text-color':
+          var(--_text-field-error-hover-supporting-text-color),
+        'error-hover-trailing-content-color':
+          var(--_text-field-error-hover-trailing-icon-color),
+        'error-label-text-color': var(--_text-field-error-label-text-color),
+        'error-leading-content-color':
+          var(--_text-field-error-leading-icon-color),
+        'error-outline-color': var(--_text-field-error-outline-color),
+        'error-supporting-text-color':
+          var(--_text-field-error-supporting-text-color),
+        'error-trailing-content-color':
+          var(--_text-field-error-trailing-icon-color),
+        'focus-content-color': var(--_text-field-focus-input-text-color),
+        'focus-label-text-color': var(--_text-field-focus-label-text-color),
+        'focus-leading-content-color':
+          var(--_text-field-focus-leading-icon-color),
+        'focus-outline-color': var(--_text-field-focus-outline-color),
+        'focus-outline-width': var(--_text-field-focus-outline-width),
+        'focus-supporting-text-color':
+          var(--_text-field-focus-supporting-text-color),
+        'focus-trailing-content-color':
+          var(--_text-field-focus-trailing-icon-color),
+        'hover-content-color': var(--_text-field-hover-input-text-color),
+        'hover-label-text-color': var(--_text-field-hover-label-text-color),
+        'hover-leading-content-color':
+          var(--_text-field-hover-leading-icon-color),
+        'hover-outline-color': var(--_text-field-hover-outline-color),
+        'hover-outline-width': var(--_text-field-hover-outline-width),
+        'hover-supporting-text-color':
+          var(--_text-field-hover-supporting-text-color),
+        'hover-trailing-content-color':
+          var(--_text-field-hover-trailing-icon-color),
+        'label-text-color': var(--_text-field-label-text-color),
+        'label-text-populated-line-height':
+          var(--_text-field-label-text-populated-line-height),
+        'label-text-populated-size':
+          var(--_text-field-label-text-populated-size),
+        'label-text-type': var(--_text-field-label-text-type),
+        'leading-content-color': var(--_text-field-leading-icon-color),
+        'outline-color': var(--_text-field-outline-color),
+        'outline-width': var(--_text-field-outline-width),
+        'supporting-text-color': var(--_text-field-supporting-text-color),
+        'supporting-text-type': var(--_text-field-supporting-text-type),
+        'trailing-content-color': var(--_text-field-trailing-icon-color),
+        // go/keep-sorted end
+      )
+    );
+  }
+
+  [hasstart] .icon.leading {
+    font-size: var(--_text-field-leading-icon-size);
+    height: var(--_text-field-leading-icon-size);
+    width: var(--_text-field-leading-icon-size);
+  }
+
+  [hasend] .icon.trailing {
+    font-size: var(--_text-field-trailing-icon-size);
+    height: var(--_text-field-trailing-icon-size);
+    width: var(--_text-field-trailing-icon-size);
+  }
+}

package/select/lib/_shared.scss

@@ -0,0 +1,48 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:string';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../../elevation/lib/elevation';
+@use '../../sass/theme';
+@use '../../tokens';
+// go/keep-sorted end
+
+@mixin styles() {
+  :host {
+    color: unset;
+    min-width: 210px;
+  }
+
+  .field {
+    cursor: default;
+    outline: none;
+  }
+
+  .select {
+    position: relative;
+  }
+
+  .field,
+  .select {
+    min-width: inherit;
+  }
+
+  :host {
+    display: inline-flex;
+  }
+
+  .label {
+    width: 100%;
+  }
+
+  :host([disabled]) {
+    pointer-events: none;
+  }
+}

package/select/lib/filled-forced-colors-styles.css.d.ts

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

package/select/lib/filled-forced-colors-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 `@media(forced-colors: active){:host{--md-filled-select-text-field-disabled-active-indicator-color: GrayText;--md-filled-select-text-field-disabled-active-indicator-opacity: 1;--md-filled-select-text-field-disabled-input-text-color: GrayText;--md-filled-select-text-field-disabled-input-text-opacity: 1;--md-filled-select-text-field-disabled-label-text-color: GrayText;--md-filled-select-text-field-disabled-label-text-opacity: 1;--md-filled-select-text-field-disabled-leading-icon-color: GrayText;--md-filled-select-text-field-disabled-leading-icon-opacity: 1;--md-filled-select-text-field-disabled-supporting-text-color: GrayText;--md-filled-select-text-field-disabled-supporting-text-opacity: 1;--md-filled-select-text-field-disabled-trailing-icon-color: GrayText;--md-filled-select-text-field-disabled-trailing-icon-opacity: 1}}/*# sourceMappingURL=filled-forced-colors-styles.css.map */
+`;
+//# sourceMappingURL=filled-forced-colors-styles.css.js.map

package/select/lib/filled-forced-colors-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-forced-colors-styles.css.js","sourceRoot":"","sources":["filled-forced-colors-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`@media(forced-colors: active){:host{--md-filled-select-text-field-disabled-active-indicator-color: GrayText;--md-filled-select-text-field-disabled-active-indicator-opacity: 1;--md-filled-select-text-field-disabled-input-text-color: GrayText;--md-filled-select-text-field-disabled-input-text-opacity: 1;--md-filled-select-text-field-disabled-label-text-color: GrayText;--md-filled-select-text-field-disabled-label-text-opacity: 1;--md-filled-select-text-field-disabled-leading-icon-color: GrayText;--md-filled-select-text-field-disabled-leading-icon-opacity: 1;--md-filled-select-text-field-disabled-supporting-text-color: GrayText;--md-filled-select-text-field-disabled-supporting-text-opacity: 1;--md-filled-select-text-field-disabled-trailing-icon-color: GrayText;--md-filled-select-text-field-disabled-trailing-icon-opacity: 1}}/*# sourceMappingURL=filled-forced-colors-styles.css.map */\n`;\n "]}

package/select/lib/filled-forced-colors-styles.scss

@@ -0,0 +1,29 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './filled-select';
+// go/keep-sorted end
+
+@media (forced-colors: active) {
+  :host {
+    @include filled-select.theme(
+      (
+        text-field-disabled-active-indicator-color: GrayText,
+        text-field-disabled-active-indicator-opacity: 1,
+        text-field-disabled-input-text-color: GrayText,
+        text-field-disabled-input-text-opacity: 1,
+        text-field-disabled-label-text-color: GrayText,
+        text-field-disabled-label-text-opacity: 1,
+        text-field-disabled-leading-icon-color: GrayText,
+        text-field-disabled-leading-icon-opacity: 1,
+        text-field-disabled-supporting-text-color: GrayText,
+        text-field-disabled-supporting-text-opacity: 1,
+        text-field-disabled-trailing-icon-color: GrayText,
+        text-field-disabled-trailing-icon-opacity: 1,
+      )
+    );
+  }
+}

package/select/lib/filled-select-styles.css.d.ts

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

package/select/lib/filled-select-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host{--_text-field-container-shape-start-start: var(--md-filled-select-text-field-container-shape-start-start, var(--md-filled-select-text-field-container-shape, 4px));--_text-field-container-shape-start-end: var(--md-filled-select-text-field-container-shape-start-end, var(--md-filled-select-text-field-container-shape, 4px));--_text-field-container-shape-end-end: var(--md-filled-select-text-field-container-shape-end-end, var(--md-filled-select-text-field-container-shape, 0px));--_text-field-container-shape-end-start: var(--md-filled-select-text-field-container-shape-end-start, var(--md-filled-select-text-field-container-shape, 0px));--_text-field-active-indicator-color: var(--md-filled-select-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-active-indicator-height: var(--md-filled-select-text-field-active-indicator-height, 1px);--_text-field-container-color: var(--md-filled-select-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_text-field-disabled-active-indicator-color: var(--md-filled-select-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-active-indicator-height: var(--md-filled-select-text-field-disabled-active-indicator-height, 1px);--_text-field-disabled-active-indicator-opacity: var(--md-filled-select-text-field-disabled-active-indicator-opacity, 0.38);--_text-field-disabled-container-color: var(--md-filled-select-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-container-opacity: var(--md-filled-select-text-field-disabled-container-opacity, 0.04);--_text-field-disabled-input-text-color: var(--md-filled-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-filled-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-filled-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-filled-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-filled-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-filled-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-supporting-text-color: var(--md-filled-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-filled-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-filled-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-filled-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-active-indicator-color: var(--md-filled-select-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-active-indicator-color: var(--md-filled-select-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-input-text-color: var(--md-filled-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-filled-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-filled-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-supporting-text-color: var(--md-filled-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-filled-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-active-indicator-color: var(--md-filled-select-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-input-text-color: var(--md-filled-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-filled-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-filled-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-state-layer-color: var(--md-filled-select-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-state-layer-opacity: var(--md-filled-select-text-field-error-hover-state-layer-opacity, 0.08);--_text-field-error-hover-supporting-text-color: var(--md-filled-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-filled-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-filled-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-filled-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-filled-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-supporting-text-color: var(--md-filled-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-filled-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-active-indicator-color: var(--md-filled-select-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-active-indicator-height: var(--md-filled-select-text-field-focus-active-indicator-height, 2px);--_text-field-focus-input-text-color: var(--md-filled-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-filled-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-filled-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-supporting-text-color: var(--md-filled-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-filled-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-active-indicator-color: var(--md-filled-select-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-active-indicator-height: var(--md-filled-select-text-field-hover-active-indicator-height, 1px);--_text-field-hover-input-text-color: var(--md-filled-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-filled-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-filled-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-state-layer-color: var(--md-filled-select-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-state-layer-opacity: var(--md-filled-select-text-field-hover-state-layer-opacity, 0.08);--_text-field-hover-supporting-text-color: var(--md-filled-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-filled-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-filled-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-type: var(--md-filled-select-text-field-input-text-type, 400 1rem / 1.5rem var(--md-ref-typeface-plain, Roboto));--_text-field-label-text-color: var(--md-filled-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-populated-line-height: var(--md-filled-select-text-field-label-text-populated-line-height, 1rem);--_text-field-label-text-populated-size: var(--md-filled-select-text-field-label-text-populated-size, 0.75rem);--_text-field-label-text-type: var(--md-filled-select-text-field-label-text-type, 400 1rem / 1.5rem var(--md-ref-typeface-plain, Roboto));--_text-field-leading-icon-color: var(--md-filled-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-filled-select-text-field-leading-icon-size, 20px);--_text-field-supporting-text-color: var(--md-filled-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-type: var(--md-filled-select-text-field-supporting-text-type, 400 0.75rem / 1rem var(--md-ref-typeface-plain, Roboto));--_text-field-trailing-icon-color: var(--md-filled-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-filled-select-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_text-field-container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_text-field-container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_text-field-container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_text-field-container-shape-end-start));--md-filled-field-active-indicator-color:var(--_text-field-active-indicator-color);--md-filled-field-active-indicator-height:var(--_text-field-active-indicator-height);--md-filled-field-container-color:var(--_text-field-container-color);--md-filled-field-content-color:var(--_text-field-input-text-color);--md-filled-field-content-type:var(--_text-field-input-text-type);--md-filled-field-disabled-active-indicator-color:var(--_text-field-disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_text-field-disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_text-field-disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_text-field-disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_text-field-disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_text-field-disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_text-field-disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_text-field-disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_text-field-disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color:var(--_text-field-disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity:var(--_text-field-disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_text-field-disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_text-field-disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color:var(--_text-field-disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity:var(--_text-field-disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_text-field-error-active-indicator-color);--md-filled-field-error-content-color:var(--_text-field-error-input-text-color);--md-filled-field-error-focus-active-indicator-color:var(--_text-field-error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_text-field-error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_text-field-error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color:var(--_text-field-error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_text-field-error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color:var(--_text-field-error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_text-field-error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_text-field-error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_text-field-error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color:var(--_text-field-error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_text-field-error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_text-field-error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_text-field-error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color:var(--_text-field-error-hover-trailing-icon-color);--md-filled-field-error-label-text-color:var(--_text-field-error-label-text-color);--md-filled-field-error-leading-content-color:var(--_text-field-error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_text-field-error-supporting-text-color);--md-filled-field-error-trailing-content-color:var(--_text-field-error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_text-field-focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_text-field-focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_text-field-focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_text-field-focus-label-text-color);--md-filled-field-focus-leading-content-color:var(--_text-field-focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_text-field-focus-supporting-text-color);--md-filled-field-focus-trailing-content-color:var(--_text-field-focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_text-field-hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_text-field-hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_text-field-hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_text-field-hover-label-text-color);--md-filled-field-hover-leading-content-color:var(--_text-field-hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_text-field-hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_text-field-hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_text-field-hover-supporting-text-color);--md-filled-field-hover-trailing-content-color:var(--_text-field-hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_text-field-label-text-color);--md-filled-field-label-text-populated-line-height:var(--_text-field-label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_text-field-label-text-populated-size);--md-filled-field-label-text-type:var(--_text-field-label-text-type);--md-filled-field-leading-content-color:var(--_text-field-leading-icon-color);--md-filled-field-supporting-text-color:var(--_text-field-supporting-text-color);--md-filled-field-supporting-text-type:var(--_text-field-supporting-text-type);--md-filled-field-trailing-content-color:var(--_text-field-trailing-icon-color)}[hasstart] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}[hasend] .icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)}/*# sourceMappingURL=filled-select-styles.css.map */
+`;
+//# sourceMappingURL=filled-select-styles.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filled-select-styles.css.js","sourceRoot":"","sources":["filled-select-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{--_text-field-container-shape-start-start: var(--md-filled-select-text-field-container-shape-start-start, var(--md-filled-select-text-field-container-shape, 4px));--_text-field-container-shape-start-end: var(--md-filled-select-text-field-container-shape-start-end, var(--md-filled-select-text-field-container-shape, 4px));--_text-field-container-shape-end-end: var(--md-filled-select-text-field-container-shape-end-end, var(--md-filled-select-text-field-container-shape, 0px));--_text-field-container-shape-end-start: var(--md-filled-select-text-field-container-shape-end-start, var(--md-filled-select-text-field-container-shape, 0px));--_text-field-active-indicator-color: var(--md-filled-select-text-field-active-indicator-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-active-indicator-height: var(--md-filled-select-text-field-active-indicator-height, 1px);--_text-field-container-color: var(--md-filled-select-text-field-container-color, var(--md-sys-color-surface-container-highest, #e6e0e9));--_text-field-disabled-active-indicator-color: var(--md-filled-select-text-field-disabled-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-active-indicator-height: var(--md-filled-select-text-field-disabled-active-indicator-height, 1px);--_text-field-disabled-active-indicator-opacity: var(--md-filled-select-text-field-disabled-active-indicator-opacity, 0.38);--_text-field-disabled-container-color: var(--md-filled-select-text-field-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-container-opacity: var(--md-filled-select-text-field-disabled-container-opacity, 0.04);--_text-field-disabled-input-text-color: var(--md-filled-select-text-field-disabled-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-input-text-opacity: var(--md-filled-select-text-field-disabled-input-text-opacity, 0.38);--_text-field-disabled-label-text-color: var(--md-filled-select-text-field-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-label-text-opacity: var(--md-filled-select-text-field-disabled-label-text-opacity, 0.38);--_text-field-disabled-leading-icon-color: var(--md-filled-select-text-field-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-leading-icon-opacity: var(--md-filled-select-text-field-disabled-leading-icon-opacity, 0.38);--_text-field-disabled-supporting-text-color: var(--md-filled-select-text-field-disabled-supporting-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-supporting-text-opacity: var(--md-filled-select-text-field-disabled-supporting-text-opacity, 0.38);--_text-field-disabled-trailing-icon-color: var(--md-filled-select-text-field-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-disabled-trailing-icon-opacity: var(--md-filled-select-text-field-disabled-trailing-icon-opacity, 0.38);--_text-field-error-active-indicator-color: var(--md-filled-select-text-field-error-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-active-indicator-color: var(--md-filled-select-text-field-error-focus-active-indicator-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-input-text-color: var(--md-filled-select-text-field-error-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-focus-label-text-color: var(--md-filled-select-text-field-error-focus-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-leading-icon-color: var(--md-filled-select-text-field-error-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-focus-supporting-text-color: var(--md-filled-select-text-field-error-focus-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-focus-trailing-icon-color: var(--md-filled-select-text-field-error-focus-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-active-indicator-color: var(--md-filled-select-text-field-error-hover-active-indicator-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-input-text-color: var(--md-filled-select-text-field-error-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-label-text-color: var(--md-filled-select-text-field-error-hover-label-text-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-hover-leading-icon-color: var(--md-filled-select-text-field-error-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-hover-state-layer-color: var(--md-filled-select-text-field-error-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-hover-state-layer-opacity: var(--md-filled-select-text-field-error-hover-state-layer-opacity, 0.08);--_text-field-error-hover-supporting-text-color: var(--md-filled-select-text-field-error-hover-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-hover-trailing-icon-color: var(--md-filled-select-text-field-error-hover-trailing-icon-color, var(--md-sys-color-on-error-container, #410e0b));--_text-field-error-input-text-color: var(--md-filled-select-text-field-error-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-error-label-text-color: var(--md-filled-select-text-field-error-label-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-leading-icon-color: var(--md-filled-select-text-field-error-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-error-supporting-text-color: var(--md-filled-select-text-field-error-supporting-text-color, var(--md-sys-color-error, #b3261e));--_text-field-error-trailing-icon-color: var(--md-filled-select-text-field-error-trailing-icon-color, var(--md-sys-color-error, #b3261e));--_text-field-focus-active-indicator-color: var(--md-filled-select-text-field-focus-active-indicator-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-active-indicator-height: var(--md-filled-select-text-field-focus-active-indicator-height, 2px);--_text-field-focus-input-text-color: var(--md-filled-select-text-field-focus-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-focus-label-text-color: var(--md-filled-select-text-field-focus-label-text-color, var(--md-sys-color-primary, #6750a4));--_text-field-focus-leading-icon-color: var(--md-filled-select-text-field-focus-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-supporting-text-color: var(--md-filled-select-text-field-focus-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-focus-trailing-icon-color: var(--md-filled-select-text-field-focus-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_text-field-hover-active-indicator-color: var(--md-filled-select-text-field-hover-active-indicator-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-active-indicator-height: var(--md-filled-select-text-field-hover-active-indicator-height, 1px);--_text-field-hover-input-text-color: var(--md-filled-select-text-field-hover-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-label-text-color: var(--md-filled-select-text-field-hover-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-leading-icon-color: var(--md-filled-select-text-field-hover-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-state-layer-color: var(--md-filled-select-text-field-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-hover-state-layer-opacity: var(--md-filled-select-text-field-hover-state-layer-opacity, 0.08);--_text-field-hover-supporting-text-color: var(--md-filled-select-text-field-hover-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-hover-trailing-icon-color: var(--md-filled-select-text-field-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-input-text-color: var(--md-filled-select-text-field-input-text-color, var(--md-sys-color-on-surface, #1d1b20));--_text-field-input-text-type: var(--md-filled-select-text-field-input-text-type, 400 1rem / 1.5rem var(--md-ref-typeface-plain, Roboto));--_text-field-label-text-color: var(--md-filled-select-text-field-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-label-text-populated-line-height: var(--md-filled-select-text-field-label-text-populated-line-height, 1rem);--_text-field-label-text-populated-size: var(--md-filled-select-text-field-label-text-populated-size, 0.75rem);--_text-field-label-text-type: var(--md-filled-select-text-field-label-text-type, 400 1rem / 1.5rem var(--md-ref-typeface-plain, Roboto));--_text-field-leading-icon-color: var(--md-filled-select-text-field-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-leading-icon-size: var(--md-filled-select-text-field-leading-icon-size, 20px);--_text-field-supporting-text-color: var(--md-filled-select-text-field-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-supporting-text-type: var(--md-filled-select-text-field-supporting-text-type, 400 0.75rem / 1rem var(--md-ref-typeface-plain, Roboto));--_text-field-trailing-icon-color: var(--md-filled-select-text-field-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_text-field-trailing-icon-size: var(--md-filled-select-text-field-trailing-icon-size, 24px);--md-filled-field-container-shape-start-start:var(--md-filled-field-container-shape, var(--_text-field-container-shape-start-start));--md-filled-field-container-shape-start-end:var(--md-filled-field-container-shape, var(--_text-field-container-shape-start-end));--md-filled-field-container-shape-end-end:var(--md-filled-field-container-shape, var(--_text-field-container-shape-end-end));--md-filled-field-container-shape-end-start:var(--md-filled-field-container-shape, var(--_text-field-container-shape-end-start));--md-filled-field-active-indicator-color:var(--_text-field-active-indicator-color);--md-filled-field-active-indicator-height:var(--_text-field-active-indicator-height);--md-filled-field-container-color:var(--_text-field-container-color);--md-filled-field-content-color:var(--_text-field-input-text-color);--md-filled-field-content-type:var(--_text-field-input-text-type);--md-filled-field-disabled-active-indicator-color:var(--_text-field-disabled-active-indicator-color);--md-filled-field-disabled-active-indicator-height:var(--_text-field-disabled-active-indicator-height);--md-filled-field-disabled-active-indicator-opacity:var(--_text-field-disabled-active-indicator-opacity);--md-filled-field-disabled-container-color:var(--_text-field-disabled-container-color);--md-filled-field-disabled-container-opacity:var(--_text-field-disabled-container-opacity);--md-filled-field-disabled-content-color:var(--_text-field-disabled-input-text-color);--md-filled-field-disabled-content-opacity:var(--_text-field-disabled-input-text-opacity);--md-filled-field-disabled-label-text-color:var(--_text-field-disabled-label-text-color);--md-filled-field-disabled-label-text-opacity:var(--_text-field-disabled-label-text-opacity);--md-filled-field-disabled-leading-content-color:var(--_text-field-disabled-leading-icon-color);--md-filled-field-disabled-leading-content-opacity:var(--_text-field-disabled-leading-icon-opacity);--md-filled-field-disabled-supporting-text-color:var(--_text-field-disabled-supporting-text-color);--md-filled-field-disabled-supporting-text-opacity:var(--_text-field-disabled-supporting-text-opacity);--md-filled-field-disabled-trailing-content-color:var(--_text-field-disabled-trailing-icon-color);--md-filled-field-disabled-trailing-content-opacity:var(--_text-field-disabled-trailing-icon-opacity);--md-filled-field-error-active-indicator-color:var(--_text-field-error-active-indicator-color);--md-filled-field-error-content-color:var(--_text-field-error-input-text-color);--md-filled-field-error-focus-active-indicator-color:var(--_text-field-error-focus-active-indicator-color);--md-filled-field-error-focus-content-color:var(--_text-field-error-focus-input-text-color);--md-filled-field-error-focus-label-text-color:var(--_text-field-error-focus-label-text-color);--md-filled-field-error-focus-leading-content-color:var(--_text-field-error-focus-leading-icon-color);--md-filled-field-error-focus-supporting-text-color:var(--_text-field-error-focus-supporting-text-color);--md-filled-field-error-focus-trailing-content-color:var(--_text-field-error-focus-trailing-icon-color);--md-filled-field-error-hover-active-indicator-color:var(--_text-field-error-hover-active-indicator-color);--md-filled-field-error-hover-content-color:var(--_text-field-error-hover-input-text-color);--md-filled-field-error-hover-label-text-color:var(--_text-field-error-hover-label-text-color);--md-filled-field-error-hover-leading-content-color:var(--_text-field-error-hover-leading-icon-color);--md-filled-field-error-hover-state-layer-color:var(--_text-field-error-hover-state-layer-color);--md-filled-field-error-hover-state-layer-opacity:var(--_text-field-error-hover-state-layer-opacity);--md-filled-field-error-hover-supporting-text-color:var(--_text-field-error-hover-supporting-text-color);--md-filled-field-error-hover-trailing-content-color:var(--_text-field-error-hover-trailing-icon-color);--md-filled-field-error-label-text-color:var(--_text-field-error-label-text-color);--md-filled-field-error-leading-content-color:var(--_text-field-error-leading-icon-color);--md-filled-field-error-supporting-text-color:var(--_text-field-error-supporting-text-color);--md-filled-field-error-trailing-content-color:var(--_text-field-error-trailing-icon-color);--md-filled-field-focus-active-indicator-color:var(--_text-field-focus-active-indicator-color);--md-filled-field-focus-active-indicator-height:var(--_text-field-focus-active-indicator-height);--md-filled-field-focus-content-color:var(--_text-field-focus-input-text-color);--md-filled-field-focus-label-text-color:var(--_text-field-focus-label-text-color);--md-filled-field-focus-leading-content-color:var(--_text-field-focus-leading-icon-color);--md-filled-field-focus-supporting-text-color:var(--_text-field-focus-supporting-text-color);--md-filled-field-focus-trailing-content-color:var(--_text-field-focus-trailing-icon-color);--md-filled-field-hover-active-indicator-color:var(--_text-field-hover-active-indicator-color);--md-filled-field-hover-active-indicator-height:var(--_text-field-hover-active-indicator-height);--md-filled-field-hover-content-color:var(--_text-field-hover-input-text-color);--md-filled-field-hover-label-text-color:var(--_text-field-hover-label-text-color);--md-filled-field-hover-leading-content-color:var(--_text-field-hover-leading-icon-color);--md-filled-field-hover-state-layer-color:var(--_text-field-hover-state-layer-color);--md-filled-field-hover-state-layer-opacity:var(--_text-field-hover-state-layer-opacity);--md-filled-field-hover-supporting-text-color:var(--_text-field-hover-supporting-text-color);--md-filled-field-hover-trailing-content-color:var(--_text-field-hover-trailing-icon-color);--md-filled-field-label-text-color:var(--_text-field-label-text-color);--md-filled-field-label-text-populated-line-height:var(--_text-field-label-text-populated-line-height);--md-filled-field-label-text-populated-size:var(--_text-field-label-text-populated-size);--md-filled-field-label-text-type:var(--_text-field-label-text-type);--md-filled-field-leading-content-color:var(--_text-field-leading-icon-color);--md-filled-field-supporting-text-color:var(--_text-field-supporting-text-color);--md-filled-field-supporting-text-type:var(--_text-field-supporting-text-type);--md-filled-field-trailing-content-color:var(--_text-field-trailing-icon-color)}[hasstart] .icon.leading{font-size:var(--_text-field-leading-icon-size);height:var(--_text-field-leading-icon-size);width:var(--_text-field-leading-icon-size)}[hasend] .icon.trailing{font-size:var(--_text-field-trailing-icon-size);height:var(--_text-field-trailing-icon-size);width:var(--_text-field-trailing-icon-size)}/*# sourceMappingURL=filled-select-styles.css.map */\n`;\n "]}

package/select/lib/filled-select-styles.scss

@@ -0,0 +1,10 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './filled-select';
+// go/keep-sorted end
+
+@include filled-select.styles();

package/select/lib/filled-select.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '../../field/filled-field.js';
+import { Select } from './select.js';
+export declare abstract class FilledSelect extends Select {
+    protected readonly fieldTag: import("lit-html/static.js").StaticValue;
+}

package/select/lib/filled-select.js

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright 2023 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import '../../field/filled-field.js';
+import { literal } from 'lit/static-html.js';
+import { Select } from './select.js';
+// tslint:disable-next-line:enforce-comments-on-exported-symbols
+export class FilledSelect extends Select {
+    constructor() {
+        super(...arguments);
+        this.fieldTag = literal `md-filled-field`;
+    }
+}
+//# sourceMappingURL=filled-select.js.map

package/select/lib/filled-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-select.js","sourceRoot":"","sources":["filled-select.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,6BAA6B,CAAC;AAErC,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,gEAAgE;AAChE,MAAM,OAAgB,YAAa,SAAQ,MAAM;IAAjD;;QACqB,aAAQ,GAAG,OAAO,CAAA,iBAAiB,CAAC;IACzD,CAAC;CAAA","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport '../../field/filled-field.js';\n\nimport {literal} from 'lit/static-html.js';\n\nimport {Select} from './select.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport abstract class FilledSelect extends Select {\n  protected readonly fieldTag = literal`md-filled-field`;\n}\n"]}

package/select/lib/outlined-forced-colors-styles.css.d.ts

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

package/select/lib/outlined-forced-colors-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 `@media(forced-colors: active){:host{--md-outlined-select-text-field-disabled-input-text-color: GrayText;--md-outlined-select-text-field-disabled-input-text-opacity: 1;--md-outlined-select-text-field-disabled-label-text-color: GrayText;--md-outlined-select-text-field-disabled-label-text-opacity: 1;--md-outlined-select-text-field-disabled-leading-icon-color: GrayText;--md-outlined-select-text-field-disabled-leading-icon-opacity: 1;--md-outlined-select-text-field-disabled-outline-color: GrayText;--md-outlined-select-text-field-disabled-outline-opacity: 1;--md-outlined-select-text-field-disabled-supporting-text-color: GrayText;--md-outlined-select-text-field-disabled-supporting-text-opacity: 1;--md-outlined-select-text-field-disabled-trailing-icon-color: GrayText;--md-outlined-select-text-field-disabled-trailing-icon-opacity: 1}}/*# sourceMappingURL=outlined-forced-colors-styles.css.map */
+`;
+//# sourceMappingURL=outlined-forced-colors-styles.css.js.map