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

package/sass/_shape.scss

@@ -1,154 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './string-ext';
-@use './var';
-// go/keep-sorted end
-
-/// Resolves one or more shape tokens and expands them into 4 separate logical
-/// tokens for each corner.
-///
-/// Must be called after `theme.create-theme-vars()`
-///
-/// @example - scss
-///   $theme: (container-shape: (4px 4px 0 0));
-///   $tokens: theme.create-theme-vars($theme, component);
-///   $tokens: shape.resolve-tokens(
-///     $tokens,
-///     container-shape,
-///   );
-///
-///   // (
-///   //   container-shape-start-start: var(--md-component-container-shape-start-start, var(--md-component-container-shape, 4px)),
-///   //   container-shape-start-end: var(--md-component-container-shape-start-end, var(--md-component-container-shape, 4px)),
-///   //   container-shape-end-end: var(--md-component-container-shape-end-start, var(--md-component-container-shape, 0)),
-///   //   container-shape-end-start: var(--md-component-container-shape-end-end, var(--md-component-container-shape, 0)),
-///   // )
-///
-/// @param {Map} $tokens - The theme to resolve tokens for.
-/// @param {String...} $shape-tokens - The shape tokens to resolve.
-/// @return {Map} The theme with resolved shape tokens.
-@function resolve-tokens($tokens, $shape-tokens...) {
-  @each $token in $shape-tokens {
-    $shape: map.get($tokens, $token);
-    @if $shape != null {
-      @if not var.is-var($shape) {
-        @error 'resolve-tokens() must be called after theme.create-theme-vars()';
-      }
-      $shape-name: var.name($shape);
-      // fallback may be a stringified list, split into sass list again
-      $shape: string-ext.split(var.fallback($shape));
-      $shape-theme: resolver(
-        $shape: $shape,
-      );
-
-      @each $key, $value in $shape-theme {
-        $corner-name: '#{$shape-name}-#{$key}';
-        $shape-theme: map.set(
-          $shape-theme,
-          $key,
-          var.create($corner-name, var.create($shape-name, $value))
-        );
-      }
-
-      // Add resolved values, but allow $theme to override the results if needed.
-      $tokens: map.merge(
-        (
-          '#{$token}-start-start': map.get($shape-theme, start-start),
-          '#{$token}-start-end': map.get($shape-theme, start-end),
-          '#{$token}-end-end': map.get($shape-theme, end-end),
-          '#{$token}-end-start': map.get($shape-theme, end-start),
-        ),
-        $tokens
-      );
-
-      $tokens: map.remove($tokens, $token);
-    }
-  }
-
-  @return $tokens;
-}
-
-/// Generate a shape token list from the expanded corners.
-///
-/// @example - scss
-///   $shape: shape.corners-to-shape-token(--md-component-container-shape);
-///   // (
-///   //   var(--md-component-container-shape-start-start),
-///   //   var(--md-component-container-shape-start-end),
-///   //   var(--md-component-container-shape-end-end),
-///   //   var(--md-component-container-shape-end-start),
-///   // )
-///   foo.theme((shape: $shape))
-///
-/// @param {String} $shape-token - The shape variable the corners are generated from
-/// @return {List} A list that can be processed by `expand-corners`
-@function corners-to-shape-token($shape-token) {
-  // NOTE: use a space separated list to avoid confusing `string-ext.split()`
-  @return (
-    var.create('#{$shape-token}-start-start')
-      var.create('#{$shape-token}-start-end')
-      var.create('#{$shape-token}-end-end')
-      var.create('#{$shape-token}-end-start')
-  );
-}
-
-/// Resolves a shape value by expanding it into logical values for each corner.
-///
-/// @param {Number|List} $shape - The shape token's value.
-/// @return {Map} A map with logical tokens for each corner's value.
-@function resolver($args...) {
-  $args: meta.keywords($args);
-  $shape: map.get($args, shape);
-  @if meta.type-of($shape) != 'list' {
-    @return (
-      start-start: $shape,
-      start-end: $shape,
-      end-end: $shape,
-      end-start: $shape
-    );
-  }
-
-  @if list.length($shape) == 1 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 1),
-      end-end: list.nth($shape, 1),
-      end-start: list.nth($shape, 1)
-    );
-  }
-
-  @if list.length($shape) == 2 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 2),
-      end-end: list.nth($shape, 1),
-      end-start: list.nth($shape, 2)
-    );
-  }
-
-  @if list.length($shape) == 3 {
-    @return (
-      start-start: list.nth($shape, 1),
-      start-end: list.nth($shape, 2),
-      end-end: list.nth($shape, 3),
-      end-start: list.nth($shape, 2)
-    );
-  }
-
-  @return (
-    start-start: list.nth($shape, 1),
-    start-end: list.nth($shape, 2),
-    end-end: list.nth($shape, 3),
-    end-start: list.nth($shape, 4)
-  );
-}

package/slider/lib/_tokens.scss

@@ -1,65 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../sass/color';
-@use '../../sass/shape';
-@use '../../sass/theme';
-@use '../../sass/var';
-@use '../../tokens';
-// go/keep-sorted end
-
-$baseTokens: tokens.md-comp-slider-values();
-
-$_tokens: (
-  'container-min-inline-size': 200px,
-  'label-container-shape': map.get(tokens.md-sys-shape-values(), 'corner-full'),
-  'handle-motion-duration':
-    map.get(tokens.md-sys-motion-values(), 'duration-short1'),
-  'label-motion-duration':
-    map.get(tokens.md-sys-motion-values(), 'duration-short2'),
-  'label-motion-easing':
-    map.get(tokens.md-sys-motion-values(), 'easing-emphasized'),
-);
-
-@function remove-unsupported-tokens($tokens) {
-  $unsupported-tokens: (
-    'disabled-handle-opacity',
-    'label-container-elevation',
-    'label-label-text-font',
-    'label-label-text-line-height',
-    'label-label-text-size',
-    'label-label-text-tracking',
-    'label-label-text-weight',
-    'track-elevation',
-    // for efficiency, tick marks are rendered as radial-gradients and
-    // have more limited customization
-    'with-tick-marks-active-container-opacity',
-    'with-tick-marks-container-shape',
-    'with-tick-marks-disabled-container-opacity',
-    'with-tick-marks-inactive-container-opacity',
-    // focus tokens no longer used.
-    'focus-state-layer-color',
-    'focus-state-layer-opacity'
-  );
-  @return map.remove($tokens, $unsupported-tokens...);
-}
-
-/**
- *
- * Extended token set for slider.
- */
-@function md-comp-slider-values() {
-  $tokens: remove-unsupported-tokens($baseTokens);
-  @return map.merge($tokens, $_tokens);
-}
-
-@function md-sys-shape-values() {
-  @return tokens.md-sys-shape-values();
-}

package/tokens/_md-comp-extended-fab-branded.scss

@@ -1,45 +0,0 @@
-//
-// 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_172/md-comp-extended-fab-branded';
-// 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) {
-  @return md-comp-extended-fab-branded.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-primary.scss

@@ -1,45 +0,0 @@
-//
-// 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_172/md-comp-extended-fab-primary';
-// 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) {
-  @return md-comp-extended-fab-primary.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-secondary.scss

@@ -1,48 +0,0 @@
-//
-// 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_172/md-comp-extended-fab-secondary';
-// 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) {
-  @return md-comp-extended-fab-secondary.values(
-    $deps,
-    $exclude-hardcoded-values
-  );
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-surface.scss

@@ -1,45 +0,0 @@
-//
-// 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_172/md-comp-extended-fab-surface';
-// 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) {
-  @return md-comp-extended-fab-surface.values($deps, $exclude-hardcoded-values);
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-extended-fab-tertiary.scss

@@ -1,48 +0,0 @@
-//
-// 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_172/md-comp-extended-fab-tertiary';
-// 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-extended-fab-tertiary.values(
-    $deps,
-    $exclude-hardcoded-values
-  );
-  $tokens: map.remove($tokens, $_unsupported-tokens...);
-  // TODO(b/271876162): remove when tokens compiler emits typescale tokens
-  $tokens: map.merge(
-    $tokens,
-    (
-      'label-text-type': map.get($deps, 'md-sys-typescale', 'label-large'),
-    )
-  );
-  @return $tokens;
-}

package/tokens/_md-comp-fab-branded-large.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-branded-large';
-// 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) {
-  @return md-comp-fab-branded-large.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-primary-large.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-primary-large';
-// 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) {
-  @return md-comp-fab-primary-large.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-primary-small.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-primary-small';
-// 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) {
-  @return md-comp-fab-primary-small.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-primary.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-primary';
-// 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) {
-  @return md-comp-fab-primary.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-secondary-large.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-secondary-large';
-// 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) {
-  @return md-comp-fab-secondary-large.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-secondary-small.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-secondary-small';
-// 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) {
-  @return md-comp-fab-secondary-small.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-secondary.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-secondary';
-// 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) {
-  @return md-comp-fab-secondary.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-surface-large.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-surface-large';
-// 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) {
-  @return md-comp-fab-surface-large.values($deps, $exclude-hardcoded-values);
-}

package/tokens/_md-comp-fab-surface-small.scss

@@ -1,23 +0,0 @@
-//
-// 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_172/md-comp-fab-surface-small';
-// 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) {
-  @return md-comp-fab-surface-small.values($deps, $exclude-hardcoded-values);
-}