@material/web 1.0.0-pre.4 → 1.0.0-pre.5

package/tokens/_md-comp-outlined-segmented-button.scss

@@ -0,0 +1,38 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Ide
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-outlined-segmented-button';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-outlined-segmented-button.values(
+    $deps,
+    $exclude-hardcoded-values
+  );
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @return $tokens;
+}

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

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-outlined-select';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-outlined-select.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-outlined-text-field.scss

@@ -0,0 +1,44 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-outlined-text-field';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'input-text-font',
+  'input-text-line-height',
+  'input-text-size',
+  'input-text-tracking',
+  'input-text-weight',
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight',
+  'supporting-text-font',
+  'supporting-text-line-height',
+  'supporting-text-size',
+  'supporting-text-tracking',
+  'supporting-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-outlined-text-field.values($deps, $exclude-hardcoded-values);
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @return $tokens;
+}

package/tokens/_md-comp-plain-tooltip.scss

@@ -0,0 +1,21 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-plain-tooltip';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-plain-tooltip.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-primary-navigation-tab.scss

@@ -0,0 +1,41 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-primary-navigation-tab';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'with-label-text-label-text-font',
+  'with-label-text-label-text-line-height',
+  'with-label-text-label-text-size',
+  'with-label-text-label-text-tracking',
+  'with-label-text-label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-primary-navigation-tab.values(
+    $deps,
+    $exclude-hardcoded-values
+  );
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @return $tokens;
+}

package/tokens/_md-comp-radio-button.scss

@@ -0,0 +1,19 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-state';
+@use './v0_161/md-comp-radio-button';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-state': md-sys-state.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-radio-button.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-rich-tooltip.scss

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-rich-tooltip';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-rich-tooltip.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-scrim.scss

@@ -0,0 +1,17 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './v0_161/md-comp-scrim';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-scrim.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-search-bar.scss

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-search-bar';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-search-bar.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-search-view.scss

@@ -0,0 +1,23 @@
+//
+// 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-typescale';
+@use './v0_161/md-comp-search-view';
+// 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-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-search-view.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-secondary-navigation-tab.scss

@@ -0,0 +1,41 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-secondary-navigation-tab';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-secondary-navigation-tab.values(
+    $deps,
+    $exclude-hardcoded-values
+  );
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @return $tokens;
+}

package/tokens/_md-comp-sheet-bottom.scss

@@ -0,0 +1,21 @@
+//
+// 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 './v0_161/md-comp-sheet-bottom';
+// 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(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-sheet-bottom.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-sheet-floating.scss

@@ -0,0 +1,21 @@
+//
+// 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 './v0_161/md-comp-sheet-floating';
+// 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(),
+);
+
+@function values($deps: $_default) {
+  @return md-comp-sheet-floating.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-sheet-side.scss

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-sheet-side';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-sheet-side.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-slider.scss

@@ -0,0 +1,38 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-slider';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'label-label-text-font',
+  'label-label-text-line-height',
+  'label-label-text-size',
+  'label-label-text-tracking',
+  'label-label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-slider.values($deps, $exclude-hardcoded-values);
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @return $tokens;
+}

package/tokens/_md-comp-snackbar.scss

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-snackbar';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-snackbar.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-standard-menu-button.scss

@@ -0,0 +1,23 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-standard-menu-button';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-standard-menu-button.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-suggestion-chip.scss

@@ -0,0 +1,72 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../sass/shape';
+@use './md-sys-color';
+@use './md-sys-elevation';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-suggestion-chip';
+// go/keep-sorted end
+
+$_unsupported-tokens: (
+  // go/keep-sorted start
+  'dragged-leading-icon-color',
+  'dragged-state-layer-color',
+  'dragged-state-layer-opacity',
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight',
+  // go/keep-sorted end
+);
+
+$_renamed-tokens: (
+  // go/keep-sorted start
+  'with-leading-icon-disabled-leading-icon-color': 'disabled-leading-icon-color',
+  'with-leading-icon-disabled-leading-icon-opacity':
+    'disabled-leading-icon-opacity',
+  'with-leading-icon-dragged-leading-icon-color': 'dragged-leading-icon-color',
+  'with-leading-icon-focus-leading-icon-color': 'focus-leading-icon-color',
+  'with-leading-icon-hover-leading-icon-color': 'hover-leading-icon-color',
+  'with-leading-icon-leading-icon-color': 'leading-icon-color',
+  'with-leading-icon-leading-icon-size': 'leading-icon-size',
+  'with-leading-icon-pressed-leading-icon-color': 'pressed-leading-icon-color',
+  // go/keep-sorted end
+);
+
+$_default: (
+  // go/keep-sorted start
+  '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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+  // go/keep-sorted end
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-suggestion-chip.values($deps, $exclude-hardcoded-values);
+  @each $old-token, $new-token in $_renamed-tokens {
+    $tokens: map.set($tokens, $new-token, map.get($tokens, $old-token));
+    $tokens: map.remove($tokens, $old-token);
+  }
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @each $token, $value in $tokens {
+    $tokens: map.set(
+      $tokens,
+      $token,
+      var(--md-suggestion-chip-#{$token}, #{$value})
+    );
+  }
+  $tokens: shape.resolve-tokens($tokens, 'container-shape');
+  @return $tokens;
+}

package/tokens/_md-comp-switch.scss

@@ -0,0 +1,21 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './v0_161/md-comp-switch';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-switch.values($deps, $exclude-hardcoded-values);
+}

package/tokens/_md-comp-text-button.scss

@@ -0,0 +1,56 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// go/keep-sorted start
+@use 'sass:map';
+// go/keep-sorted end
+// go/keep-sorted start
+@use '../sass/shape';
+@use './md-sys-color';
+@use './md-sys-shape';
+@use './md-sys-state';
+@use './md-sys-typescale';
+@use './v0_161/md-comp-text-button';
+// go/keep-sorted end
+
+$_default: (
+  'md-sys-color': md-sys-color.values-light(),
+  'md-sys-shape': md-sys-shape.values(),
+  'md-sys-state': md-sys-state.values(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+$_unsupported-tokens: (
+  'label-text-font',
+  'label-text-line-height',
+  'label-text-size',
+  'label-text-tracking',
+  'label-text-weight'
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  $tokens: md-comp-text-button.values($deps, $exclude-hardcoded-values);
+  @if not $exclude-hardcoded-values {
+    // TODO(b/198759625): Remove once spacing tokens are formally added
+    $tokens: map.set($tokens, 'spacing-leading', 12px);
+    $tokens: map.set($tokens, 'spacing-trailing', 12px);
+    $tokens: map.set($tokens, 'with-icon-spacing-leading', 12px);
+    $tokens: map.set($tokens, 'with-icon-spacing-trailing', 16px);
+    $tokens: map.set($tokens, 'with-trailing-icon-spacing-leading', 16px);
+    $tokens: map.set($tokens, 'with-trailing-icon-spacing-trailing', 12px);
+  }
+
+  $tokens: map.remove($tokens, $_unsupported-tokens...);
+  @each $token, $value in $tokens {
+    $tokens: map.set(
+      $tokens,
+      $token,
+      var(--md-text-button-#{$token}, #{$value})
+    );
+  }
+
+  $tokens: shape.resolve-tokens($tokens, 'container-shape');
+  @return $tokens;
+}

package/tokens/_md-comp-time-input.scss

@@ -0,0 +1,25 @@
+//
+// 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 './md-sys-typescale';
+@use './v0_161/md-comp-time-input';
+// 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(),
+  'md-sys-typescale': md-sys-typescale.values(),
+);
+
+@function values($deps: $_default, $exclude-hardcoded-values: false) {
+  @return md-comp-time-input.values($deps, $exclude-hardcoded-values);
+}