functions.get-background-color($name: light, $type: well)
// ”f7f8fa”

functions.get-scrim-background-color()
// ”rgba(0, 0, 0, 0.32)”

functions.get-border-color($brightness: light, $name: high_emphasis)
// ”rgba(57, 60, 65, 0.3)”

functions.get-avatar-border-color()
// ”rgba(0, 0, 0, 0)”

functions.get-button-border-color($appearance: flat, $color: neutral, $state: enabled)
// ”transparent”

functions.get-checkbox-border-color($states: (enabled))
//”rgba(57, 60, 65, 0.2)”

functions.get-interactive-list-border-color()
// ”rgba(57, 60, 65, 0.2)”

functions.get-interactive-table-border-color($element: header)
// “rgba(57, 60, 65, 0.3)”

functions.get-radio-border-color($states: (enabled))
// ”rgba(57, 60, 65, 0.2)”

functions.get-side-navigation-border-color()
// ”rgba(57, 60, 65, 0.2)”

functions.get-field-border-color(neutral, enabled)
// ”#afb3ba”

functions.get-button-color(neutral)
// “#585c63”

functions.get-implication-color(interactive, 600)
// ”#1f7acc”

functions.get-background-overlay-color(light, enabled)
// “rgba(0, 0, 0, 0)”

functions.get-image-overlay-color(enabled)
// “rgba(0, 0, 0, 0)”

functions.get-primitive-color($name: blue, $level: 600)
// “#1f7acc”

functions.get-semantic-color(informative, 600)
// “#1f7acc”

functions.get-surface-color(light, secondary)
// “#f7f8fa”

functions.get-avatar-surface-color()
// “#f7f8fa”

function get-bottom-navigation-surface-color(filled)
// “#1f7acc”

function.get-solid-button-scrim-color(start)
// “rgba(255, 255, 255, 0.25)”

function.get-button-surface-color($appearance: flat, $brightness: light, $color: neutral, $state: enabled)
// “#585c63”

function.get-button-surface-image($appearance: flat, $brightness: light, $color: neutral, $own-brightness: light, $state: enabled)
// “linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), linear-gradient(#585c63, #585c63)”

function.get-checkbox-surface-color(enabled)
// “#ffffff”

functions.get-header-surface-color($appearance: filled)
// #1f7acc

functions.get-progress-indicator-track-surface-color()
// #e5f3ff

functions.get-progress-indicator-indicator-surface-color()
// #3e93de

functions.get-skeleton-surface-color()
// rgba(0, 0, 0, 0.2)

functions.get-field-surface-color(
  $color: neutral,
  $state: enabled
)
// #f7f8fa

functions.get-text-color($brightness: light, $name: high_emphasis),
// #393c41

functions.get-bottom-navigation-text-color(
  $appearance: white,
  $state: enabled
),
// rgba(57, 60, 65, 0.6)

functions.get-button-text-color(
  $appearance: flat,
  $brightness: light,
  $color: neutral,
  $state: enabled
),
// #ffffff

functions.get-checkbox-text-color($states: (enabled)),
// #ffffff

functions.get-interactive-list-title-text-color(),
// #393c41

functions.interactive-list-edge-element-text-color(enabled)

functions.interactive-list-body-title-text-color(enabled)

functions.interactive-list-body-description-text-color(enabled)

functions.get-interactive-table-text-color()

functions.get-radio-text-color($states: (enabled)),
// #ffffff

functions.get-field-text-color(
  $color: neutral,
  $state: enabled
),
// #393c41

functions.get-states()
// enabled, hover, focused, selected, activated, dragged, disabled, mixed,

functions.get-semantic-intentions()
// informative, neutral, positive, notice, negative, attention,

functions.get-implications()
// interactive, favorite, rate

functions.get-densities()
// dense,normal,comfort

functions.get-emphasises()
// high_emphasis, mid_emphasis, low_emphasis

functions.get-sizes()
// xxs, xs, s, m, l, xl, xxl, xxxl

functions.get-transition-value()
// 0

functions.get-priorities()
// primary, secondary, tertiary

functions.get-shapes()
// circle, square

functions.get-brightnesses()
// light, dark

functions.get-widths()
// auto, full, half, third

functions.get-orders()
// asc, desc

functions.get-positions()
// relative, fixed, sticky

function.get-elevation-levels
// 0, 1, 2, 3, 4, 5, 6

function.get-layer-levels()
// 1, 2, 3, 4, 5, 6

functions.get-minor-stack-types()
// over, on

functions.get-header-appearances()
// white, filled, transparent

functions.get-scrim-appearances()
// hollow, transparent

functions.get-bottom-navigation-appearances()
// white, outline

functions.get-bottom-navigation-item-min-length()
// 3

functions.get-bottom-navigation-item-max-length()
// 5

functions.get-button-appearances()
// flat, outlined, solid, white, transparent, hollow

functions.get-button-colors()
// neutral, negative, interactive, favorit

functions.get-cell-sizes()
// s, m, l

functions.get-avatar-sizes()
// xs, s, m, l

function.get-interactive-table-align-values()
// start, end

functions.get-table-align-values()
// start, end

functions.get-thumbnail-sizes()
// s, m, l

functions.get-background-brightness(#ffffff)
// light

functions.get-major-stack-range()
10000

functions.get-major-stack-z-index($layer: 2)
20000

functions.get-minor-stack-over-range()
// 1000

functions.get-minor-stack-on-range()
// 10

functions.get-minor-stack-z-index($type: over, $level: 2)
// 2000

functions.get-button-background-overlay-brightness(flat,  light,  light)
// light

functions.is-number(3)
// true

functions.is-color-code(#000000)
// true

functions.get-disabled-surface-opacity()
// 0.38

functions.get-hollow-button-surface-opacity()
// 0.15

outline: functions.get-focus-ring-outline()
// outline: 0.25rem solid #3e93de

outline-offset: functions.get-focus-ring-outline-offset()
// outline-offset: 0.125rem

.container {
  @include mq-boundary(up, m) {
    max-width: 960px;
  }
}

.sidebar {
  @include mq-boundary(down, s) {
    display: none;
  }
}

.card {
  @include elevation($level: 2);
}

.card {
  @include elevation();
}

functions.get-solid-button-highlight-box-shadow()
// 0px 1px 1px 0px rgba(255, 255, 255, 0.5)

functions.get-solid-button-shadow-box-shadow()
// 0px -1px 1px 0px rgba(0, 0, 0, 0.1)

functions.get-elevation-box-shadow($level: 1)
// 0px -0.1px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0)

functions.get-border-size(m)
// ”0.0625rem”

get-avatar-border-size()
// ”0”

functions.get-button-border-size($appearance: flat)
// ”0.0625rem”

functions.get-checkbox-border-size()
// ”0.0625rem”

functions.get-focus-ring-size()
// 0.25rem

functions.get-progress-indicator-border-size()
// 0.25rem

functions.get-radio-border-size()
// 0.0625rem

functions.get-table-border-size()
// 0.0625rem

functions.get-boundary-sizes()
// "xxs, xs, s, m, l, xl”

functions.get-boundary-size-first-key()
// ”xxs”

functions.get-boundary-size(m)
// ”800px”

functions.get-content-sizes()
// "xs, s, m, l, xl”

functions.get-content-size(m)
// “960px”

functions.get-gap-size($level: m)

functions.get-interactive-component-height-keys()
// "xs, s, m, l, xl”

functions.get-interactive-component-height($level: m)
// “2.5rem”

functions.get-avatar-height($level: m)
// “2.5rem”

functions.get-bottom-navigation-body-height()
// ”3.5rem”

functions.get-bottom-navigation-pict-height()
// “1.5rem”

functions.get-icon-only-button-pict-height(m)
// “1.5rem”

functions.get-checkbox-parent-height()
// “1.5rem”

functions.get-checkbox-child-height()
// “1.25rem”

functions.get-header-height()
// “3.5rem”

functions.get-interactive-list-pict-height()
// “1.5rem”

functions.get-interactive-list-edge-element-height()
// ”2rem”

functions.get-interactive-table-pict-height()
// 1.5rem

functions.get-circular-progress-indicator-height()
// 3

functions.get-radio-parent-height()
// 1.5rem

functions.get-radio-child-background-height()
// 1.25rem

functions.get-radio-child-foreground-height()
// 0.75rem

functions.get-thumbnail-height($level: m)
// 3.5rem

functions.get-radius-size($level: m)
// 0.25rem

functions.get-avatar-radius-size($level: m)
// 1.25rem

functions.get-button-radius-size()
// 0.25rem

functions.get-thumbnail-radius-size()
// 0rem

functions.get-sizing-scale-size()
// 1rem

functions.get-cell-vertical-spacing-size($density: normal)
// 0.75rem

functions.get-interactive-list-spacing-size()
// 0.5rem

functions.get-width($width: third)
// calc(100% / 3)

functions.get-avatar-width($level: m)
// 2.5rem

functions.get-bottom-navigation-pict-width()
// 1.5rem

functions.get-icon-only-button-pict-width($level: m)
// 1.5rem

functions.get-checkbox-parent-width()
// 1.5rem

functions.get-checkbox-child-width()
// 1.25rem

functions.get-description-list-leading-width()
// 3rem

functions.get-interactive-list-pict-width()
// 1.5rem

functions.get-interactive-list-edge-element-width()
// 2rem

functions.get-interactive-table-pict-width()
// 1.5rem

functions.get-list-leading-width()
// 3rem

functions.get-circular-progress-indicator-width()
// 3rem

functions.get-radio-parent-width()
// 1.5rem

functions.get-radio-child-background-width()
// 1.25rem

functions.get-radio-child-foreground-width()
// 0.75rem

functions.get-side-navigation-width()
// 16rem

functions.get-thumbnail-width($level: m)
// 3.5rem

.text {
  @include text($level: l, $density: comfort);
}

.text {
  @include text();
}

functions.get-font-family($name: sans-japanese)
// "'Noto Sans JP'”

functions.compose-font-stack($name: japanese)
// "'Open Sans', 'Noto Sans JP', apple-system, BlinkMacSystemFont, Roboto, 'Lucida Grande', Helvetica, Arial, sans-serif”

functions.get-font-size($level: m)
// 1rem

functions.get-line-height($level: m, $density: normal)
// 1.5rem

functions.get-text-style($level: m, $density: normal)
// (font-size: 1rem, line-height: 1.5rem)