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

@mixin kendo-upload--theme() {
    @include kendo-upload--theme-base();

    .k-upload {
        .k-file {
            &.k-focus {
                box-shadow: $kendo-upload-focus-shadow;
            }
        }

        &.k-invalid,
        &.ng-invalid.ng-touched,
        &.ng-invalid.ng-dirty {
            border-color: k-color(error-emphasis);
        }

        &:disabled,
        &.k-disabled {
            .k-upload-dropzone {
                @include fill(
                    color-mix(in srgb, k-color(on-app-surface) 30%, transparent),
                    color-mix(in srgb, k-color(on-app-surface) 7%, transparent),
                    color-mix(in srgb, k-color(on-app-surface) 14%, transparent)
                );

                .k-button {
                    @include fill(
                        $kendo-button-disabled-text,
                        $kendo-button-disabled-bg,
                        $kendo-button-disabled-border
                    );
                }

                .k-dropzone-hint {
                    color: $kendo-button-disabled-text;
                }
            }
        }
    }
}