@progress/kendo-theme-default 10.2.0-dev.1 → 10.2.0-dev.2

package/scss/filemanager/_layout.scss

@@ -1,241 +1,4 @@
-@use "./variables.scss" as *;
-@use "../icons/_variables.scss" as *;
-
-@mixin kendo-file-manager--layout-base() {
-
-    // File Manager
-    .k-filemanager {
-        border-width: $kendo-file-manager-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        font-family: $kendo-file-manager-font-family;
-        font-size: $kendo-file-manager-font-size;
-        line-height: $kendo-file-manager-line-height;
-        display: flex;
-        flex-flow: column nowrap;
-    }
-
-
-    // Toolbar
-    .k-filemanager-header {
-        border-color: inherit;
-    }
-    .k-filemanager-toolbar {
-        border-width: 0;
-        border-bottom-width: $kendo-file-manager-toolbar-border-width;
-        border-color: inherit;
-        flex-shrink: 0;
-        z-index: 1;
-    }
-
-
-    // Content Wrapper
-    .k-filemanager-content-container {
-        border-color: inherit;
-        box-sizing: border-box;
-        flex: 1 1 0%;
-        display: flex;
-        flex-flow: row nowrap;
-        align-items: stretch;
-        overflow: hidden;
-    }
-
-    .k-filemanager-splitter {
-        border-width: 0;
-    }
-
-
-    // Navigation
-    .k-filemanager-navigation {
-        padding-block: $kendo-file-manager-navigation-padding-y;
-        padding-inline: $kendo-file-manager-navigation-padding-x;
-        width: $kendo-file-manager-navigation-width;
-        border-width: 0;
-        border-right-width: $kendo-file-manager-navigation-border-width;
-        border-style: solid;
-        border-color: inherit;
-        box-sizing: border-box;
-        flex-shrink: 0;
-        overflow: auto;
-    }
-    .k-filemanager-treeview {
-        overflow: visible;
-    }
-
-
-    // Content
-    .k-filemanager-content {
-        border-color: inherit;
-        flex: 1 1 0%;
-        display: flex;
-        flex-flow: column nowrap;
-        align-items: stretch;
-        overflow: hidden;
-    }
-
-    // Filemanager view
-    .k-filemanager-view {
-        overflow: auto;
-    }
-
-    // Breadcrumb
-    .k-filemanager-breadcrumb {
-        border-width: 0;
-        border-bottom-width: $kendo-file-manager-breadcrumb-border-width;
-        padding-block: $kendo-file-manager-breadcrumb-padding-y;
-        padding-inline: $kendo-file-manager-breadcrumb-padding-x;
-        flex-shrink: 0;
-    }
-
-
-    // Filemanager listview
-    .k-filemanager-listview {
-        border-width: 0;
-        flex: 1 1 0%;
-
-        // Listview item
-        .k-listview-item {
-            padding-block: $kendo-file-manager-listview-item-padding-y;
-            padding-inline: $kendo-file-manager-listview-item-padding-x;
-            width: $kendo-file-manager-listview-item-width;
-            height: $kendo-file-manager-listview-item-height;
-            text-align: center;
-        }
-
-        // File preview
-        .k-file-preview {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-        }
-
-        // File name
-        .k-file-name {
-            margin-top: calc( #{$kendo-file-manager-spacer} / 2 );
-            display: block;
-            text-align: center;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            white-space: nowrap;
-        }
-
-        // Edit mode
-        .k-file-edit-input input {
-            width: 100%;
-        }
-    }
-
-
-    // Filemanager grid
-    .k-filemanager-grid {
-        border-width: 0;
-        flex: 1 1 0%;
-
-        // File preview
-        .k-file-preview {
-            margin-right: $kendo-icon-spacing;
-            display: inline-flex;
-            flex-direction: row;
-            vertical-align: middle;
-        }
-
-        // File icon
-        .k-file-icon {}
-
-        // File name
-        .k-file-name {
-            display: inline-flex;
-            flex-direction: row;
-            vertical-align: middle;
-        }
-    }
-
-
-    // Filemanager preview
-    .k-filemanager-preview {
-        padding: calc( #{$kendo-file-manager-preview-padding-y} * 3) $kendo-file-manager-preview-padding-x $kendo-file-manager-preview-padding-y;
-        width: $kendo-file-manager-preview-width;
-        min-height: calc( calc( #{$kendo-file-manager-preview-padding-y} * 4 ) + calc( #{$kendo-icon-size-xxxl} * 2 ) + calc( #{$kendo-file-manager-preview-spacing} * 3 ) );
-        border-width: 0;
-        border-left-width: $kendo-file-manager-preview-border-width;
-        border-style: solid;
-        border-color: inherit;
-        box-sizing: border-box;
-        text-align: center;
-        overflow-y: auto;
-        flex-shrink: 0;
-
-        // File preview
-        .k-file-preview {
-            display: flex;
-            flex-direction: row;
-            justify-content: center;
-        }
-
-        // File name
-        .k-file-name {
-            margin-top: $kendo-file-manager-preview-spacing;
-            display: block;
-        }
-        .k-no-file-selected {}
-        .k-single-file-selected { font-weight: bold; }
-        .k-multiple-files-selected { font-weight: bold; }
-
-        // File Meta
-        .k-file-meta {
-            margin: $kendo-file-manager-preview-spacing 0 0;
-            box-sizing: border-box;
-            text-align: start;
-            display: flex;
-            flex-flow: row wrap;
-            grid-column-gap: $kendo-file-manager-preview-column-gap;
-        }
-        .k-file-meta-label {
-            display: inline-block;
-        }
-        .k-file-meta-value {
-            margin: 0;
-        }
-        .k-file-type {
-            text-transform: capitalize;
-        }
-        .k-line-break {
-            margin: $kendo-file-manager-preview-spacing 0 0;
-            width: 100%;
-            flex: 1 1 100%;
-            flex-flow: row nowrap;
-        }
-    }
-
-
-    // Resizing Handle
-    .k-filemanager .k-splitbar {
-        flex-shrink: 0;
-        display: inline-flex;
-        position: relative;
-        border-width: 0 1px;
-        border-style: solid;
-        border-color: inherit;
-    }
-
-
-    // Upload Dialog
-    .k-filemanager-upload-dialog .k-upload-files {
-        max-height: 200px;
-        overflow-y: auto;
-    }
-
-
-    // Drag Hint
-    // TODO: use drag-hint styles
-    .k-filemanager-drag-hint {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        gap: $kendo-icon-spacing;
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/filemanager/_layout.scss" as *;
 
 
 @mixin kendo-file-manager--layout() {

package/scss/filemanager/_theme.scss

@@ -1,115 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-file-manager--theme-base() {
-
-    // Filemanager
-    .k-filemanager {
-        @include fill(
-            $kendo-file-manager-text,
-            $kendo-file-manager-bg,
-            $kendo-file-manager-border
-        );
-    }
-
-
-    // Filemanager toolbar
-    .k-filemanager-toolbar {
-        @include fill(
-            $kendo-file-manager-toolbar-text,
-            $kendo-file-manager-toolbar-bg,
-            $kendo-file-manager-toolbar-border,
-            $kendo-file-manager-toolbar-gradient
-        );
-    }
-
-
-    // Filemanager navigation
-    .k-filemanager-navigation {
-        @include fill(
-            $kendo-file-manager-navigation-text,
-            $kendo-file-manager-navigation-bg,
-            $kendo-file-manager-navigation-border
-        );
-    }
-
-
-    // Filemanager breadcrumb
-    .k-filemanager-breadcrumb {
-        @include fill(
-            $kendo-file-manager-breadcrumb-text,
-            $kendo-file-manager-breadcrumb-bg,
-            $kendo-file-manager-breadcrumb-border
-        );
-    }
-
-
-    // Filemanager listview
-    .k-filemanager-listview {
-        @include fill(
-            $kendo-file-manager-listview-text,
-            $kendo-file-manager-listview-bg,
-            $kendo-file-manager-listview-border
-        );
-
-        .k-listview-item {
-            @include fill(
-                $kendo-file-manager-listview-item-text,
-                $kendo-file-manager-listview-item-bg,
-                $kendo-file-manager-listview-item-border
-            );
-
-            .k-file-icon {
-                @include fill(
-                    $kendo-file-manager-listview-item-icon-text,
-                    $kendo-file-manager-listview-item-icon-bg,
-                    $kendo-file-manager-listview-item-icon-border
-                );
-            }
-
-            &.k-selected .k-file-icon {
-                @include fill(
-                    inherit,
-                    transparent,
-                    transparent
-                );
-            }
-        }
-
-    }
-
-
-    // Filemanager grid
-    .k-filemanager-grid {
-
-        @include fill(
-            $kendo-file-manager-grid-text,
-            $kendo-file-manager-grid-bg,
-            $kendo-file-manager-grid-border
-        );
-
-    }
-
-
-    // Filemanager preview
-    .k-filemanager-preview {
-        @include fill(
-            $kendo-file-manager-preview-text,
-            $kendo-file-manager-preview-bg,
-            $kendo-file-manager-preview-border
-        );
-
-        .k-file-icon {
-            @include fill(
-                $kendo-file-manager-preview-icon-text,
-                $kendo-file-manager-preview-icon-bg,
-                $kendo-file-manager-preview-icon-border
-            );
-        }
-
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/filemanager/_theme.scss" as *;
 
 
 @mixin kendo-file-manager--theme() {

package/scss/filemanager/_variables.scss

@@ -184,3 +184,63 @@ $kendo-file-manager-preview-icon-text: if($kendo-enable-color-system, k-color( s
 /// The border color of the FileManager preview icon.
 /// @group file-manager
 $kendo-file-manager-preview-icon-border: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/filemanager/_variables.scss" with (
+    $kendo-file-manager-spacer: $kendo-file-manager-spacer,
+    $kendo-file-manager-border-width: $kendo-file-manager-border-width,
+    $kendo-file-manager-font-family: $kendo-file-manager-font-family,
+    $kendo-file-manager-font-size: $kendo-file-manager-font-size,
+    $kendo-file-manager-line-height: $kendo-file-manager-line-height,
+    $kendo-file-manager-bg: $kendo-file-manager-bg,
+    $kendo-file-manager-text: $kendo-file-manager-text,
+    $kendo-file-manager-border: $kendo-file-manager-border,
+    $kendo-file-manager-toolbar-border-width: $kendo-file-manager-toolbar-border-width,
+    $kendo-file-manager-toolbar-bg: $kendo-file-manager-toolbar-bg,
+    $kendo-file-manager-toolbar-text: $kendo-file-manager-toolbar-text,
+    $kendo-file-manager-toolbar-border: $kendo-file-manager-toolbar-border,
+    $kendo-file-manager-toolbar-gradient: $kendo-file-manager-toolbar-gradient,
+    $kendo-file-manager-navigation-padding-x: $kendo-file-manager-navigation-padding-x,
+    $kendo-file-manager-navigation-padding-y: $kendo-file-manager-navigation-padding-y,
+    $kendo-file-manager-navigation-width: $kendo-file-manager-navigation-width,
+    $kendo-file-manager-navigation-border-width: $kendo-file-manager-navigation-border-width,
+    $kendo-file-manager-navigation-bg: $kendo-file-manager-navigation-bg,
+    $kendo-file-manager-navigation-text: $kendo-file-manager-navigation-text,
+    $kendo-file-manager-navigation-border: $kendo-file-manager-navigation-border,
+    $kendo-file-manager-breadcrumb-padding-x: $kendo-file-manager-breadcrumb-padding-x,
+    $kendo-file-manager-breadcrumb-padding-y: $kendo-file-manager-breadcrumb-padding-y,
+    $kendo-file-manager-breadcrumb-border-width: $kendo-file-manager-breadcrumb-border-width,
+    $kendo-file-manager-breadcrumb-bg: $kendo-file-manager-breadcrumb-bg,
+    $kendo-file-manager-breadcrumb-text: $kendo-file-manager-breadcrumb-text,
+    $kendo-file-manager-breadcrumb-border: $kendo-file-manager-breadcrumb-border,
+    $kendo-file-manager-listview-bg: $kendo-file-manager-listview-bg,
+    $kendo-file-manager-listview-text: $kendo-file-manager-listview-text,
+    $kendo-file-manager-listview-border: $kendo-file-manager-listview-border,
+    $kendo-file-manager-listview-item-padding-x: $kendo-file-manager-listview-item-padding-x,
+    $kendo-file-manager-listview-item-padding-y: $kendo-file-manager-listview-item-padding-y,
+    $kendo-file-manager-listview-item-width: $kendo-file-manager-listview-item-width,
+    $kendo-file-manager-listview-item-height: $kendo-file-manager-listview-item-height,
+    $kendo-file-manager-listview-item-bg: $kendo-file-manager-listview-item-bg,
+    $kendo-file-manager-listview-item-text: $kendo-file-manager-listview-item-text,
+    $kendo-file-manager-listview-item-border: $kendo-file-manager-listview-item-border,
+    $kendo-file-manager-listview-item-icon-bg: $kendo-file-manager-listview-item-icon-bg,
+    $kendo-file-manager-listview-item-icon-text: $kendo-file-manager-listview-item-icon-text,
+    $kendo-file-manager-listview-item-icon-border: $kendo-file-manager-listview-item-icon-border,
+    $kendo-file-manager-listview-item-icon-selected-bg: $kendo-file-manager-listview-item-icon-selected-bg,
+    $kendo-file-manager-listview-item-icon-selected-text: $kendo-file-manager-listview-item-icon-selected-text,
+    $kendo-file-manager-listview-item-icon-selected-border: $kendo-file-manager-listview-item-icon-selected-border,
+    $kendo-file-manager-grid-bg: $kendo-file-manager-grid-bg,
+    $kendo-file-manager-grid-text: $kendo-file-manager-grid-text,
+    $kendo-file-manager-grid-border: $kendo-file-manager-grid-border,
+    $kendo-file-manager-preview-padding-x: $kendo-file-manager-preview-padding-x,
+    $kendo-file-manager-preview-padding-y: $kendo-file-manager-preview-padding-y,
+    $kendo-file-manager-preview-width: $kendo-file-manager-preview-width,
+    $kendo-file-manager-preview-border-width: $kendo-file-manager-preview-border-width,
+    $kendo-file-manager-preview-spacing: $kendo-file-manager-preview-spacing,
+    $kendo-file-manager-preview-column-gap: $kendo-file-manager-preview-column-gap,
+    $kendo-file-manager-preview-bg: $kendo-file-manager-preview-bg,
+    $kendo-file-manager-preview-text: $kendo-file-manager-preview-text,
+    $kendo-file-manager-preview-border: $kendo-file-manager-preview-border,
+    $kendo-file-manager-preview-icon-bg: $kendo-file-manager-preview-icon-bg,
+    $kendo-file-manager-preview-icon-text: $kendo-file-manager-preview-icon-text,
+    $kendo-file-manager-preview-icon-border: $kendo-file-manager-preview-icon-border
+);

package/scss/filter/_layout.scss

@@ -1,96 +1,4 @@
-@use "./variables.scss" as *;
-
-@mixin kendo-filter--layout-base() {
-
-    .k-filter {
-        box-sizing: border-box;
-        border-width: 0;
-        display: inline-block;
-        background-color: transparent;
-
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-
-        ul {
-            padding: 0;
-
-            li {
-                list-style-type: none;
-            }
-        }
-
-        .k-filter-container,
-        .k-filter-preview {
-            margin-block-end: $kendo-filter-bottom-margin;
-        }
-
-        .k-filter-lines,
-        .k-filter-item {
-            padding-inline-start: $kendo-filter-padding-x;
-        }
-
-        .k-filter-toolbar {
-            display: inline-flex;
-            position: relative;
-            padding-block: $kendo-filter-padding-y;
-            padding-inline: 0;
-
-            &::before {
-                content: "";
-                position: absolute;
-                width: $kendo-filter-padding-x;
-                height: $kendo-filter-line-size;
-                inset-block-start: 50%;
-                inset-inline-start: calc( #{$kendo-filter-padding-x} * -1 );
-            }
-
-            .k-toolbar {
-                border-style: solid;
-            }
-        }
-        .k-filter-operator .k-dropdown-list {
-            width: $kendo-filter-operator-dropdown-width;
-        }
-
-        .k-filter-item {
-            position: relative;
-
-            &::before {
-                content: "";
-                position: absolute;
-                width: $kendo-filter-line-size;
-                height: 100%;
-                inset-block-start: calc( #{$kendo-filter-padding-y} * -1 );
-                inset-inline-start: 0;
-            }
-        }
-
-        // The second selector targets the Angular rendering
-        .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-        .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
-            content: "";
-            position: absolute;
-            width: $kendo-filter-line-size;
-            inset-block-start: calc( calc( #{$kendo-filter-padding-y} * -1 ) - #{$kendo-filter-line-size} );
-            inset-block-end: 50%;
-            inset-inline-start: calc( #{$kendo-filter-padding-x} * -1 );
-        }
-
-        // The forth and fifth selectors targets the Angular rendering
-        .k-filter-group-main::before,
-        .k-filter-group-main > .k-filter-toolbar::before,
-        .k-filter-group-main > .k-filter-toolbar::after,
-        .k-filter-group-main > * > .k-filter-toolbar::before,
-        .k-filter-group-main > * > .k-filter-toolbar::after,
-        .k-filter-lines .k-filter-item:last-child::before {
-            display: none;
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/filter/_layout.scss" as *;
 
 
 @mixin kendo-filter--layout() {

package/scss/filter/_theme.scss

@@ -1,35 +1,4 @@
-@use "../core/_index.scss" as *;
-@use "./variables.scss" as *;
-
-@mixin kendo-filter--theme-base() {
-
-    .k-filter {
-        color: $kendo-component-text;
-
-        .k-filter-preview-field {
-            color: $kendo-filter-preview-field-text;
-        }
-
-        .k-filter-preview-operator {
-            color: $kendo-filter-preview-operator-text;
-        }
-
-        // The last selector targets the Angular rendering
-        .k-filter-item::before,
-        .k-filter-toolbar::before,
-        .k-filter-lines .k-filter-item:last-child > .k-filter-toolbar::after,
-        .k-filter-lines .k-filter-item:last-child > * > .k-filter-toolbar::after {
-            background-color: $kendo-component-border;
-        }
-
-        // Focus
-        .k-toolbar:focus,
-        .k-toolbar.k-focus {
-            @include focus-indicator( $kendo-filter-toolbar-focus-shadow );
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/filter/_theme.scss" as *;
 
 
 @mixin kendo-filter--theme() {

package/scss/filter/_variables.scss

@@ -30,3 +30,14 @@ $kendo-filter-preview-operator-text: $kendo-subtle-text !default;
 /// The box shadow of the focused Filter toolbar.
 /// @group filter
 $kendo-filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/filter/_variables.scss" with (
+    $kendo-filter-padding-x: $kendo-filter-padding-x,
+    $kendo-filter-padding-y: $kendo-filter-padding-y,
+    $kendo-filter-bottom-margin: $kendo-filter-bottom-margin,
+    $kendo-filter-line-size: $kendo-filter-line-size,
+    $kendo-filter-operator-dropdown-width: $kendo-filter-operator-dropdown-width,
+    $kendo-filter-preview-field-text: $kendo-filter-preview-field-text,
+    $kendo-filter-preview-operator-text: $kendo-filter-preview-operator-text,
+    $kendo-filter-toolbar-focus-shadow: $kendo-filter-toolbar-focus-shadow
+);

package/scss/floating-label/_layout.scss

@@ -1,93 +1,4 @@
-@use "./_variables.scss" as *;
-
-@mixin kendo-floating-label--layout-base() {
-
-
-    // Floating label
-    .k-floating-label-container {
-        padding-top: $kendo-floating-label-height;
-        box-sizing: border-box;
-        display: inline-flex;
-        vertical-align: middle;
-        position: relative;
-        flex-direction: column;
-        justify-content: stretch;
-
-        *,
-        *::before,
-        *::after {
-            box-sizing: border-box;
-        }
-
-        > .k-floating-label {
-            max-width: $kendo-floating-label-max-width;
-            font-size: $kendo-floating-label-font-size;
-            line-height: $kendo-floating-label-line-height;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            position: absolute;
-            top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
-            left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-            overflow: hidden;
-            cursor: text;
-            transform-origin: left center;
-            transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, left $kendo-floating-label-transition;
-        }
-
-
-        &.k-empty {
-            > .k-floating-label {
-                top: var(--kendo-floating-label-offset-y, #{$kendo-floating-label-offset-y});
-                left: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-                transform: scale( $kendo-floating-label-scale );
-                pointer-events: none;
-            }
-        }
-
-        > .k-floating-label,
-        &.k-focus > .k-floating-label {
-            top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
-            left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-            transform: scale( $kendo-floating-label-focus-scale );
-        }
-        &:focus-within > .k-floating-label {
-            top: var(--kendo-floating-label-focus-offset-y, #{$kendo-floating-label-focus-offset-y});
-            left: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-            transform: scale( $kendo-floating-label-focus-scale );
-        }
-
-        &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
-            color: transparent;
-        }
-    }
-
-    [dir="rtl"] .k-floating-label-container,
-    .k-rtl .k-floating-label-container,
-    .k-floating-label-container[dir="rtl"] {
-        > .k-floating-label {
-            transform-origin: right center;
-            transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
-        }
-
-        &.k-empty {
-            > .k-floating-label {
-                left: auto;
-                right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-            }
-        }
-
-        > .k-floating-label,
-        &.k-focus > .k-floating-label {
-            left: auto;
-            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-        }
-        &:focus-within > .k-floating-label {
-            left: auto;
-            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/floating-label/_layout.scss" as *;
 
 
 @mixin kendo-floating-label--layout() {

package/scss/floating-label/_theme.scss

@@ -1,33 +1,4 @@
-@use "../core/_index.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: $kendo-invalid-text );
-        }
-    }
-
-}
+@use "@progress/kendo-theme-core/scss/components/floating-label/_theme.scss" as *;
 
 
 @mixin kendo-floating-label--theme() {