material-web/tokens/_md-comp-outlined-field.scss

//
// Copyright 2021 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-state';
@use './md-sys-typescale';
@use './v0_192/md-comp-outlined-text-field';
@use './values';
// go/keep-sorted end

$supported-tokens: (
  // go/keep-sorted start
  'bottom-space',
  'container-shape',
  'content-color',
  'content-font',
  'content-line-height',
  'content-size',
  'content-weight',
  'disabled-content-color',
  'disabled-content-opacity',
  'disabled-label-text-color',
  'disabled-label-text-opacity',
  'disabled-leading-content-color',
  'disabled-leading-content-opacity',
  'disabled-outline-color',
  'disabled-outline-opacity',
  'disabled-outline-width',
  'disabled-supporting-text-color',
  'disabled-supporting-text-opacity',
  'disabled-trailing-content-color',
  'disabled-trailing-content-opacity',
  'error-content-color',
  'error-focus-content-color',
  'error-focus-label-text-color',
  'error-focus-leading-content-color',
  'error-focus-outline-color',
  'error-focus-supporting-text-color',
  'error-focus-trailing-content-color',
  'error-hover-content-color',
  'error-hover-label-text-color',
  'error-hover-leading-content-color',
  'error-hover-outline-color',
  'error-hover-supporting-text-color',
  'error-hover-trailing-content-color',
  'error-label-text-color',
  'error-leading-content-color',
  'error-outline-color',
  'error-supporting-text-color',
  'error-trailing-content-color',
  'focus-content-color',
  'focus-label-text-color',
  'focus-leading-content-color',
  'focus-outline-color',
  'focus-outline-width',
  'focus-supporting-text-color',
  'focus-trailing-content-color',
  'hover-content-color',
  'hover-label-text-color',
  'hover-leading-content-color',
  'hover-outline-color',
  'hover-outline-width',
  'hover-supporting-text-color',
  'hover-trailing-content-color',
  'label-text-color',
  'label-text-font',
  'label-text-line-height',
  'label-text-padding-bottom',
  'label-text-populated-line-height',
  'label-text-populated-size',
  'label-text-size',
  'label-text-weight',
  'leading-content-color',
  'leading-space',
  'outline-color',
  'outline-label-padding',
  'outline-width',
  'supporting-text-color',
  'supporting-text-font',
  'supporting-text-leading-space',
  'supporting-text-line-height',
  'supporting-text-size',
  'supporting-text-top-space',
  'supporting-text-trailing-space',
  'supporting-text-weight',
  'top-space',
  'trailing-content-color',
  'trailing-space',
  // 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) {
  $text-field: md-comp-outlined-text-field.values(
    $deps,
    $exclude-hardcoded-values
  );

  $tokens: (
    // go/keep-sorted start
    'bottom-space': if($exclude-hardcoded-values, null, 16px),
    'container-shape': map.get($text-field, 'container-shape'),
    'content-color': map.get($text-field, 'input-text-color'),
    'content-font': map.get($text-field, 'input-text-font'),
    'content-line-height': map.get($text-field, 'input-text-line-height'),
    'content-size': map.get($text-field, 'input-text-size'),
    'content-weight': map.get($text-field, 'input-text-weight'),
    'disabled-content-color': map.get($text-field, 'disabled-input-text-color'),
    'disabled-content-opacity':
      map.get($text-field, 'disabled-input-text-opacity'),
    'disabled-label-text-color':
      map.get($text-field, 'disabled-label-text-color'),
    'disabled-label-text-opacity':
      map.get($text-field, 'disabled-label-text-opacity'),
    'disabled-leading-content-color':
      map.get($text-field, 'disabled-leading-icon-color'),
    'disabled-leading-content-opacity':
      map.get($text-field, 'disabled-leading-icon-opacity'),
    'disabled-outline-color': map.get($text-field, 'disabled-outline-color'),
    'disabled-outline-opacity': map.get($text-field, 'disabled-outline-opacity'),
    'disabled-outline-width': map.get($text-field, 'disabled-outline-width'),
    'disabled-supporting-text-color':
      map.get($text-field, 'disabled-supporting-text-color'),
    'disabled-supporting-text-opacity':
      map.get($text-field, 'disabled-supporting-text-opacity'),
    'disabled-trailing-content-color':
      map.get($text-field, 'disabled-trailing-icon-color'),
    'disabled-trailing-content-opacity':
      map.get($text-field, 'disabled-trailing-icon-opacity'),
    'error-content-color': map.get($text-field, 'error-input-text-color'),
    'error-focus-content-color':
      map.get($text-field, 'error-focus-input-text-color'),
    'error-focus-label-text-color':
      map.get($text-field, 'error-focus-label-text-color'),
    'error-focus-leading-content-color':
      map.get($text-field, 'error-focus-leading-icon-color'),
    'error-focus-outline-color':
      map.get($text-field, 'error-focus-outline-color'),
    'error-focus-supporting-text-color':
      map.get($text-field, 'error-focus-supporting-text-color'),
    'error-focus-trailing-content-color':
      map.get($text-field, 'error-focus-trailing-icon-color'),
    'error-hover-content-color':
      map.get($text-field, 'error-hover-input-text-color'),
    'error-hover-label-text-color':
      map.get($text-field, 'error-hover-label-text-color'),
    'error-hover-leading-content-color':
      map.get($text-field, 'error-hover-leading-icon-color'),
    'error-hover-outline-color':
      map.get($text-field, 'error-hover-outline-color'),
    'error-hover-supporting-text-color':
      map.get($text-field, 'error-hover-supporting-text-color'),
    'error-hover-trailing-content-color':
      map.get($text-field, 'error-hover-trailing-icon-color'),
    'error-label-text-color': map.get($text-field, 'error-label-text-color'),
    'error-leading-content-color':
      map.get($text-field, 'error-leading-icon-color'),
    'error-outline-color': map.get($text-field, 'error-outline-color'),
    'error-supporting-text-color':
      map.get($text-field, 'error-supporting-text-color'),
    'error-trailing-content-color':
      map.get($text-field, 'error-trailing-icon-color'),
    'focus-content-color': map.get($text-field, 'focus-input-text-color'),
    'focus-label-text-color': map.get($text-field, 'focus-label-text-color'),
    'focus-leading-content-color':
      map.get($text-field, 'focus-leading-icon-color'),
    'focus-outline-color': map.get($text-field, 'focus-outline-color'),
    // TODO(b/259455114): remove when focus tokens update to 3px
    'focus-outline-width': if($exclude-hardcoded-values, null, 3px),
    'focus-supporting-text-color':
      map.get($text-field, 'focus-supporting-text-color'),
    'focus-trailing-content-color':
      map.get($text-field, 'focus-trailing-icon-color'),
    'hover-content-color': map.get($text-field, 'hover-input-text-color'),
    'hover-label-text-color': map.get($text-field, 'hover-label-text-color'),
    'hover-leading-content-color':
      map.get($text-field, 'hover-leading-icon-color'),
    'hover-outline-color': map.get($text-field, 'hover-outline-color'),
    'hover-outline-width': map.get($text-field, 'hover-outline-width'),
    'hover-supporting-text-color':
      map.get($text-field, 'hover-supporting-text-color'),
    'hover-trailing-content-color':
      map.get($text-field, 'hover-trailing-icon-color'),
    'label-text-color': map.get($text-field, 'label-text-color'),
    'label-text-font': map.get($text-field, 'label-text-font'),
    'label-text-line-height': map.get($text-field, 'label-text-line-height'),
    'label-text-padding-bottom': if($exclude-hardcoded-values, null, 8px),
    'label-text-populated-line-height':
      map.get($text-field, 'label-text-populated-line-height'),
    'label-text-populated-size':
      map.get($text-field, 'label-text-populated-size'),
    'label-text-size': map.get($text-field, 'label-text-size'),
    'label-text-weight': map.get($text-field, 'label-text-weight'),
    'leading-content-color': map.get($text-field, 'leading-icon-color'),
    'leading-space': if($exclude-hardcoded-values, null, 16px),
    'outline-color': map.get($text-field, 'outline-color'),
    'outline-label-padding': if($exclude-hardcoded-values, null, 4px),
    'outline-width': map.get($text-field, 'outline-width'),
    'supporting-text-color': map.get($text-field, 'supporting-text-color'),
    'supporting-text-font': map.get($text-field, 'supporting-text-font'),
    'supporting-text-leading-space': if($exclude-hardcoded-values, null, 16px),
    'supporting-text-line-height':
      map.get($text-field, 'supporting-text-line-height'),
    'supporting-text-size': map.get($text-field, 'supporting-text-size'),
    'supporting-text-top-space': if($exclude-hardcoded-values, null, 4px),
    'supporting-text-trailing-space': if($exclude-hardcoded-values, null, 16px),
    'supporting-text-weight': map.get($text-field, 'supporting-text-weight'),
    'top-space': if($exclude-hardcoded-values, null, 16px),
    'trailing-content-color': map.get($text-field, 'trailing-icon-color'),
    'trailing-space': if($exclude-hardcoded-values, null, 16px),
    // go/keep-sorted end
  );

  @return values.validate($tokens, $supported-tokens: $supported-tokens);
}