//
// Copyright 2023 Google LLC
// SPDX-License-Identifier: Apache-2.0
//

@use 'sass:map';
@use './internal/validate';
@use './md-sys-color';
@use './md-sys-elevation';
@use './md-sys-shape';
@use './md-sys-state';
@use './v0_192/md-comp-outlined-card';

// prettier-ignore
$supported-tokens: (
    'container-color',
    'container-elevation',
    'container-shadow-color',
    'container-shape',
    'outline-color',
    'outline-width',
);

// TODO(b/307362112): Add interactive card tokens (hover, focus, pressed)
// TODO(b/307361748): Add disabled cards tokens.
$unsupported-tokens: (
    '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'
);

$_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, $exclude-custom-properties: false) {
    $tokens: validate.values(md-comp-outlined-card.values($deps, $exclude-hardcoded-values), $supported-tokens: $supported-tokens, $unsupported-tokens: $unsupported-tokens);

    @if not $exclude-custom-properties {
        @each $token, $value in $tokens {
            $tokens: map.set($tokens, $token, var(--md-outlined-card-#{$token}, #{$value}));
        }
    }

    @return $tokens;
}