@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/chip/_theme.scss" as *;

@mixin kendo-chip--theme() {

    @include kendo-chip--theme-base();

    @each $name, $color in $kendo-chip-theme-colors {
        .k-chip-outline-#{$name} {

            @if ($name == "info") {
                @include fill (
                    $color: if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
                    $border: if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
                );

                &:hover,
                &.k-hover,
                &.k-selected {
                    @include fill(
                        if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-contrast-color($color), $kendo-chip-outline-text)),
                        $color,
                        $color
                    );
                }

            }
        }
    }

}