@material/web 1.0.1 → 1.0.2-nightly.33c1afe.0

package/tokens/_md-comp-filled-card.scss

@@ -0,0 +1,63 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './v0_192/md-comp-filled-card';
+@use './values';
+// go/keep-sorted end
+
+$supported-tokens: (
+  // go/keep-sorted start
+  'container-color',
+  'container-elevation',
+  'container-shadow-color',
+  'container-shape',
+  // go/keep-sorted end
+);
+
+// TODO(b/307362112): Add interactive card tokens (hover, focus, pressed)
+// TODO(b/307361748): Add disabled cards tokens.
+$unsupported-tokens: (
+  // go/keep-sorted start
+  'disabled-container-color',
+  'disabled-container-elevation',
+  'disabled-container-opacity',
+  'dragged-container-elevation',
+  'dragged-state-layer-color',
+  'dragged-state-layer-opacity',
+  'focus-container-elevation',
+  'focus-state-layer-color',
+  'focus-state-layer-opacity',
+  'hover-container-elevation',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'icon-color',
+  'icon-size',
+  'pressed-container-elevation',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
+  // go/keep-sorted end
+);
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-elevation': md-sys-elevation.values(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: values.validate(
+    md-comp-filled-card.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $unsupported-tokens
+  );
+
+  @return $tokens;
+}

package/tokens/_md-comp-icon.scss

@@ -10,6 +10,7 @@
 $supported-tokens: (
   // go/keep-sorted start
   'font',
+  'size',
   // go/keep-sorted end
 );
 
@@ -17,6 +18,7 @@ $supported-tokens: (
   @return (
     // go/keep-sorted start
     font: if($exclude-hardcoded-values, null, 'Material Symbols Outlined'),
+    size: if($exclude-hardcoded-values, null, 24px),
     // go/keep-sorted end
   );
 }

package/tokens/_md-comp-outlined-card.scss

@@ -0,0 +1,69 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './v0_192/md-comp-outlined-card';
+@use './values';
+// go/keep-sorted end
+
+$supported-tokens: (
+  // go/keep-sorted start
+  'container-color',
+  'container-elevation',
+  'container-shadow-color',
+  'container-shape',
+  'outline-color',
+  'outline-width',
+  // go/keep-sorted end
+);
+
+// TODO(b/307362112): Add interactive card tokens (hover, focus, pressed)
+// TODO(b/307361748): Add disabled cards tokens.
+$unsupported-tokens: (
+  // go/keep-sorted start
+  'disabled-container-elevation',
+  'disabled-outline-color',
+  'disabled-outline-opacity',
+  'dragged-container-elevation',
+  'dragged-outline-color',
+  'dragged-state-layer-color',
+  'dragged-state-layer-opacity',
+  'focus-container-elevation',
+  'focus-outline-color',
+  'focus-state-layer-color',
+  'focus-state-layer-opacity',
+  'hover-container-elevation',
+  'hover-outline-color',
+  'hover-state-layer-color',
+  'hover-state-layer-opacity',
+  'icon-color',
+  'icon-size',
+  'pressed-container-elevation',
+  'pressed-outline-color',
+  'pressed-state-layer-color',
+  'pressed-state-layer-opacity',
+  // go/keep-sorted end
+);
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-elevation': md-sys-elevation.values(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: values.validate(
+    md-comp-outlined-card.values($deps, $exclude-hardcoded-values),
+    $supported-tokens: $supported-tokens,
+    $unsupported-tokens: $unsupported-tokens
+  );
+
+  @return $tokens;
+}

package/tokens/_md-comp-test-table.scss

@@ -19,6 +19,7 @@ $_default: (
 @function values($deps: $_default) {
   @return (
     'cell-color': map.get($deps, 'md-sys-color', 'surface-container-lowest'),
+    'cell-position': 'relative',
     'cell-text-color': map.get($deps, 'md-sys-color', 'on-surface'),
     'cell-text-font': map.get($deps, 'md-sys-typescale', 'body-medium-font'),
     'cell-text-size': map.get($deps, 'md-sys-typescale', 'body-medium-size'),

package/internal/controller/element-internals.d.ts

@@ -1,35 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * A unique symbol used for protected access to an instance's
- * `ElementInternals`.
- *
- * @example
- * ```ts
- * class MyElement extends LitElement {
- *   static formAssociated = true;
- *
- *   [internals] = this.attachInternals();
- * }
- *
- * function getForm(element: MyElement) {
- *   return element[internals].form;
- * }
- * ```
- */
-export declare const internals: unique symbol;
-/**
- * An instance with `ElementInternals`.
- *
- * Use this when protected access is needed for an instance's `ElementInternals`
- * from other files. A unique symbol is used to access the internals.
- */
-export interface WithInternals {
-    /**
-     * An instance's `ElementInternals`.
-     */
-    [internals]: ElementInternals;
-}

package/internal/controller/element-internals.js

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * A unique symbol used for protected access to an instance's
- * `ElementInternals`.
- *
- * @example
- * ```ts
- * class MyElement extends LitElement {
- *   static formAssociated = true;
- *
- *   [internals] = this.attachInternals();
- * }
- *
- * function getForm(element: MyElement) {
- *   return element[internals].form;
- * }
- * ```
- */
-export const internals = Symbol('internals');
-//# sourceMappingURL=element-internals.js.map

package/internal/controller/element-internals.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"element-internals.js","sourceRoot":"","sources":["element-internals.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * A unique symbol used for protected access to an instance's\n * `ElementInternals`.\n *\n * @example\n * ```ts\n * class MyElement extends LitElement {\n *   static formAssociated = true;\n *\n *   [internals] = this.attachInternals();\n * }\n *\n * function getForm(element: MyElement) {\n *   return element[internals].form;\n * }\n * ```\n */\nexport const internals = Symbol('internals');\n\n/**\n * An instance with `ElementInternals`.\n *\n * Use this when protected access is needed for an instance's `ElementInternals`\n * from other files. A unique symbol is used to access the internals.\n */\nexport interface WithInternals {\n  /**\n   * An instance's `ElementInternals`.\n   */\n  [internals]: ElementInternals;\n}\n"]}

package/select/internal/filled-forced-colors-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 `@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/internal/filled-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"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/internal/filled-forced-colors-styles.scss

@@ -1,29 +0,0 @@
-//
-// 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/internal/outlined-forced-colors-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 `@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

package/select/internal/outlined-forced-colors-styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outlined-forced-colors-styles.css.js","sourceRoot":"","sources":["outlined-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-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 */\n`;\n "]}

package/select/internal/outlined-forced-colors-styles.scss

@@ -1,29 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use './outlined-select';
-// go/keep-sorted end
-
-@media (forced-colors: active) {
-  :host {
-    @include outlined-select.theme(
-      (
-        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-outline-color: GrayText,
-        text-field-disabled-outline-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/textfield/internal/filled-forced-colors-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 `@media(forced-colors: active){:host{--md-filled-text-field-disabled-active-indicator-color: GrayText;--md-filled-text-field-disabled-active-indicator-opacity: 1;--md-filled-text-field-disabled-input-text-color: GrayText;--md-filled-text-field-disabled-input-text-opacity: 1;--md-filled-text-field-disabled-label-text-color: GrayText;--md-filled-text-field-disabled-label-text-opacity: 1;--md-filled-text-field-disabled-leading-icon-color: GrayText;--md-filled-text-field-disabled-leading-icon-opacity: 1;--md-filled-text-field-disabled-supporting-text-color: GrayText;--md-filled-text-field-disabled-supporting-text-opacity: 1;--md-filled-text-field-disabled-trailing-icon-color: GrayText;--md-filled-text-field-disabled-trailing-icon-opacity: 1}}/*# sourceMappingURL=filled-forced-colors-styles.css.map */
-`;
-//# sourceMappingURL=filled-forced-colors-styles.css.js.map

package/textfield/internal/filled-forced-colors-styles.css.js.map

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

package/textfield/internal/filled-forced-colors-styles.scss

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

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

package/textfield/internal/outlined-forced-colors-styles.css.js.map

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

package/textfield/internal/outlined-forced-colors-styles.scss

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