@use "../../mixins/index.scss" as *;
@use "../../color-system/_functions.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-floating-label--theme-base() {

    // Floating label
    .k-floating-label-container {

        > .k-floating-label {
            @include fill(
                $color: $kendo-floating-label-text,
                $bg: $kendo-floating-label-bg
            );
        }

        &.k-focus > .k-floating-label {
            @include fill(
                $color: $kendo-floating-label-focus-text,
                $bg: $kendo-floating-label-focus-bg
            );
        }

        &.k-invalid > .k-floating-label,
        &.ng-invalid.ng-touched > .k-floating-label,
        &.ng-invalid.ng-dirty > .k-floating-label {
            @include fill ( $color: k-color(error-on-surface) );
        }
    }

}