@progress/kendo-theme-fluent 5.7.0

package/scss/filemanager/_theme.scss

@@ -0,0 +1,110 @@
+@use "../core/mixins" as *;
+@use "_variables.scss" as *;
+
+@mixin kendo-filemanager--theme() {
+
+    // Filemanager
+    .k-filemanager {
+        @include fill(
+            var( --kendo-filemanager-text, #{$kendo-filemanager-text} ),
+            var( --kendo-filemanager-bg, #{$kendo-filemanager-bg} ),
+            var( --kendo-filemanager-border, #{$kendo-filemanager-border} )
+        );
+    }
+
+
+    // Filemanager toolbar
+    .k-filemanager-toolbar {
+        @include fill(
+            var( --kendo-filemanager-toolbar-text, #{$kendo-filemanager-toolbar-text} ),
+            var( --kendo-filemanager-toolbar-bg, #{$kendo-filemanager-toolbar-bg} ),
+            var( --kendo-filemanager-toolbar-border, #{$kendo-filemanager-toolbar-border} )
+        );
+    }
+
+
+    // Filemanager navigation
+    .k-filemanager-navigation {
+        @include fill(
+            var( --kendo-filemanager-navigation-text, #{$kendo-filemanager-navigation-text} ),
+            var( --kendo-filemanager-navigation-bg, #{$kendo-filemanager-navigation-bg} ),
+            var( --kendo-filemanager-navigation-border, #{$kendo-filemanager-navigation-border} )
+        );
+    }
+
+
+    // Filemanager breadcrumb
+    .k-filemanager-breadcrumb {
+        @include fill(
+            var( --kendo-filemanager-breadcrumb-text, #{$kendo-filemanager-breadcrumb-text} ),
+            var( --kendo-filemanager-breadcrumb-bg, #{$kendo-filemanager-breadcrumb-bg} ),
+            var( --kendo-filemanager-breadcrumb-border, #{$kendo-filemanager-breadcrumb-border} )
+        );
+    }
+
+
+    // Filemanager listview
+    .k-filemanager-listview {
+        @include fill(
+            var( --kendo-filemanager-listview-text, #{$kendo-filemanager-listview-text} ),
+            var( --kendo-filemanager-listview-bg, #{$kendo-filemanager-listview-bg} ),
+            var( --kendo-filemanager-listview-border, #{$kendo-filemanager-listview-border} )
+        );
+
+        .k-listview-item {
+            .k-file-icon {
+                @include fill(
+                    var( --kendo-filemanager-listview-item-icon-text, #{$kendo-filemanager-listview-item-icon-text} ),
+                    var( --kendo-filemanager-listview-item-icon-bg, #{$kendo-filemanager-listview-item-icon-bg} ),
+                    var( --kendo-filemanager-listview-item-icon-border, #{$kendo-filemanager-listview-item-icon-border} )
+                );
+            }
+
+            &.k-focus .k-file-icon {
+                @include fill(
+                    var( --kendo-filemanager-listview-item-icon-focus-text, #{$kendo-filemanager-listview-item-icon-focus-text} ),
+                    var( --kendo-filemanager-listview-item-icon-focus-bg, #{$kendo-filemanager-listview-item-icon-focus-bg} ),
+                    var( --kendo-filemanager-listview-item-icon-focus-border, #{$kendo-filemanager-listview-item-icon-focus-border} )
+                );
+            }
+
+            &.k-selected .k-file-icon {
+                @include fill(
+                    var( --kendo-filemanager-listview-item-icon-selected-text, #{$kendo-filemanager-listview-item-icon-selected-text} ),
+                    var( --kendo-filemanager-listview-item-icon-selected-bg, #{$kendo-filemanager-listview-item-icon-selected-bg} ),
+                    var( --kendo-filemanager-listview-item-icon-selected-border, #{$kendo-filemanager-listview-item-icon-selected-border} )
+                );
+            }
+        }
+
+    }
+
+
+    // Filemanager grid
+    .k-filemanager-grid {
+        @include fill(
+            var( --kendo-filemanager-grid-text, #{$kendo-filemanager-grid-text} ),
+            var( --kendo-filemanager-grid-bg, #{$kendo-filemanager-grid-bg} ),
+            var( --kendo-filemanager-grid-border, #{$kendo-filemanager-grid-border} )
+        );
+    }
+
+
+    // Filemanager preview
+    .k-filemanager-preview {
+        @include fill(
+            var( --kendo-filemanager-preview-text, #{$kendo-filemanager-preview-text} ),
+            var( --kendo-filemanager-preview-bg, #{$kendo-filemanager-preview-bg} ),
+            var( --kendo-filemanager-preview-border, #{$kendo-filemanager-preview-border} )
+        );
+
+        .k-file-icon {
+            @include fill(
+                var( --kendo-filemanager-preview-icon-text, #{$kendo-filemanager-preview-icon-text} ),
+                var( --kendo-filemanager-preview-icon-bg, #{$kendo-filemanager-preview-icon-bg} ),
+                var( --kendo-filemanager-preview-icon-border, #{$kendo-filemanager-preview-icon-border} )
+            );
+        }
+    }
+
+}

package/scss/filemanager/_variables.scss

@@ -0,0 +1,185 @@
+@use "../core/color-system" as *;
+@use "../core/_variables.scss" as *;
+@use "../toolbar/_variables.scss" as *;
+@use "../icon/_variables.scss" as *;
+
+/// The space between the filemanger items.
+/// @group filemanger
+$kendo-filemanager-spacer: map-get( $kendo-spacing, 4 ) !default;
+/// Border width of the filemanger.
+/// @group filemanger
+$kendo-filemanager-border-width: 1px !default;
+/// Font family of the filemanger.
+/// @group filemanger
+$kendo-filemanager-font-family: var( --kendo-font-family, normal ) !default;
+/// Font size of the filemanger.
+/// @group filemanger
+$kendo-filemanager-font-size: var( --kendo-font-size, inherit ) !default;
+/// Line height of the filemanger.
+/// @group filemanger
+$kendo-filemanager-line-height: var( --kendo-line-height, normal ) !default;
+/// Background color of the filemanager component.
+/// @group filemanager
+$kendo-filemanager-bg: var( --kendo-component-bg, transparent ) !default;
+/// Text color of the filemanager component.
+/// @group filemanager
+$kendo-filemanager-text: var( --kendo-component-text, inherit ) !default;
+/// Border color of the filemanager component.
+/// @group filemanager
+$kendo-filemanager-border: var( --kendo-component-border, inherit ) !default;
+
+/// Border width of the toolbar.
+/// @group filemanger
+$kendo-filemanager-toolbar-border-width: $kendo-filemanager-border-width !default;
+/// Background color of the toolbar.
+/// @group filemanager
+$kendo-filemanager-toolbar-bg: $kendo-toolbar-bg !default;
+/// Text color of the toolbar.
+/// @group filemanager
+$kendo-filemanager-toolbar-text: $kendo-toolbar-text !default;
+/// Border color of the toolbar.
+/// @group filemanager
+$kendo-filemanager-toolbar-border: $kendo-toolbar-border !default;
+
+/// Horizontal padding of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-padding-x: $kendo-filemanager-spacer !default;
+/// Vertical padding of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-padding-y: $kendo-filemanager-spacer !default;
+/// Width of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-width: 20% !default;
+/// Border width of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-border-width: $kendo-filemanager-border-width !default;
+/// Background color of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-bg: transparent !default;
+/// Text color of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-text: inherit !default;
+/// Border color of the navigation.
+/// @group filemanager
+$kendo-filemanager-navigation-border: inherit !default;
+
+/// Horizontal padding of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-padding-x: map-get( $kendo-spacing, 2 ) !default;
+/// Vertical padding of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-padding-y: map-get( $kendo-spacing, 2 ) !default;
+/// Border width of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-border-width: $kendo-filemanager-border-width !default;
+/// Background color of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-bg: $kendo-toolbar-bg !default;
+/// Text color of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-text: inherit !default;
+/// Border color of the breadcrumb.
+/// @group filemanager
+$kendo-filemanager-breadcrumb-border: inherit !default;
+
+/// Background color of the listview.
+/// @group filemanager
+$kendo-filemanager-listview-bg: transparent !default;
+/// Text color of the listview.
+/// @group filemanager
+$kendo-filemanager-listview-text: inherit !default;
+/// Border color of the listview.
+/// @group filemanager
+$kendo-filemanager-listview-border: inherit !default;
+
+/// Horizontal padding of the listview item.
+/// @group filemanager
+$kendo-filemanager-listview-item-padding-x: map-get( $kendo-spacing, 4 ) !default;
+/// Vertical padding of the listview item.
+/// @group filemanager
+$kendo-filemanager-listview-item-padding-y: map-get( $kendo-spacing, 4 ) !default;
+/// Width of the listview item.
+/// @group filemanager
+$kendo-filemanager-listview-item-width: 120px !default;
+/// Height of the listview item.
+/// @group filemanager
+$kendo-filemanager-listview-item-height: 120px !default;
+
+/// Size of the listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-size: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
+/// Background color of the listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-bg: transparent !default;
+/// Text color of the listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-text: var( --kendo-subtle-text, inherit ) !default;
+/// Border color of the listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-border: inherit !default;
+/// Background color of the focused listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-focus-bg: transparent !default;
+/// Text color of the focused listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-focus-text: inherit !default;
+/// Border color of the focused listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-focus-border: inherit !default;
+/// Background color of the selected listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-selected-bg: transparent !default;
+/// Text color of the selected listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-selected-text: inherit !default;
+/// Border color of the selected listview item icon.
+/// @group filemanager
+$kendo-filemanager-listview-item-icon-selected-border: inherit !default;
+
+/// Background color of the grid.
+/// @group filemanager
+$kendo-filemanager-grid-bg: transparent !default;
+/// Text color of the grid.
+/// @group filemanager
+$kendo-filemanager-grid-text: inherit !default;
+/// Border color of the grid.
+/// @group filemanager
+$kendo-filemanager-grid-border: inherit !default;
+
+/// Horizontal padding of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-padding-x: $kendo-filemanager-spacer !default;
+/// Vertical padding of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-padding-y: $kendo-filemanager-spacer !default;
+/// Width of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-width: 20% !default;
+/// Border width of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-border-width: $kendo-filemanager-border-width !default;
+/// Spacing of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-spacing: $kendo-filemanager-spacer !default;
+/// Background color of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-bg: transparent !default;
+/// Text color of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-text: inherit !default;
+/// Border color of the preview.
+/// @group filemanager
+$kendo-filemanager-preview-border: inherit !default;
+
+/// Size of the preview icon.
+/// @group filemanager
+$kendo-filemanager-preview-icon-size: calc( var( --kendo-icon-size, 1rem ) * 6 ) !default;
+/// Background color of the preview icon.
+/// @group filemanager
+$kendo-filemanager-preview-icon-bg: transparent !default;
+/// Text color of the preview icon.
+/// @group filemanager
+$kendo-filemanager-preview-icon-text: var( --kendo-subtle-text, inherit ) !default;
+/// Border color of the preview icon.
+/// @group filemanager
+$kendo-filemanager-preview-icon-border: inherit !default;

package/scss/filemanager/index.scss

@@ -0,0 +1,35 @@
+// Module meta
+$_kendo-module-meta: (
+    name: "filemanager",
+    dependencies: (
+        "input",
+        "toolbar",
+        "upload",
+        "switch",
+        "menu",
+        "dialog",
+        "breadcrumb",
+        "treeview",
+        "splitter",
+        "grid",
+        "listview"
+    )
+);
+
+
+// Component
+@forward "_variables.scss";
+@use "_layout.scss" as *;
+@use "_theme.scss" as *;
+
+// Register
+@use "../core/module-system/" as module;
+@include module.register( $_kendo-module-meta... );
+
+// Expose
+@mixin styles() {
+    @include module.render( "filemanager" ) {
+        @include kendo-filemanager--layout();
+        @include kendo-filemanager--theme();
+    }
+}

package/scss/filter/_layout.scss

@@ -0,0 +1,93 @@
+@use "_variables.scss" as *;
+
+@mixin kendo-filter--layout() {
+
+    .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: var( --kendo-filter-bottom-margin, #{$kendo-filter-bottom-margin} );
+        }
+
+        .k-filter-lines,
+        .k-filter-item {
+            padding-inline-start: var( --kendo-filter-padding-x, #{$kendo-filter-padding-x} );
+        }
+
+        .k-filter-toolbar {
+            display: inline-flex;
+            position: relative;
+            padding-inline: 0;
+            padding-block: var( --kendo-filter-padding-y, #{$kendo-filter-padding-y} );
+
+            &::before {
+                content: "";
+                position: absolute;
+                width: var( --kendo-filter-padding-x, #{$kendo-filter-padding-x} );
+                height: var( --kendo-filter-line-size, #{$kendo-filter-line-size} );
+                top: 50%;
+                inset-inline-start: calc( var( --kendo-filter-padding-x, #{$kendo-filter-padding-x} ) * -1 );
+            }
+
+            .k-toolbar {
+                border-style: solid;
+            }
+        }
+        .k-filter-operator .k-dropdown-list {
+            width: var( --kendo-filter-operator-dropdown-width, #{$kendo-filter-operator-dropdown-width} );
+        }
+
+        .k-filter-item {
+            position: relative;
+
+            &::before {
+                content: "";
+                position: absolute;
+                width: var( --kendo-filter-line-size, #{$kendo-filter-line-size} );
+                height: 100%;
+                top: calc( var( --kendo-filter-padding-y, #{$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: var( --kendo-filter-line-size, #{$kendo-filter-line-size} );
+            top: calc( calc( var( --kendo-filter-padding-y, #{$kendo-filter-padding-y} ) * -1 ) - var( --kendo-filter-line-size, #{$kendo-filter-line-size} ) );
+            bottom: 50%;
+            inset-inline-start: calc( var( --kendo-filter-padding-x, #{$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;
+        }
+    }
+
+}

package/scss/filter/_theme.scss

@@ -0,0 +1,25 @@
+@use "_variables.scss" as *;
+
+@mixin kendo-filter--theme() {
+
+    .k-filter {
+        color: var( --kendo-filter-text, #{$kendo-filter-text} );
+
+        .k-filter-preview-field {
+            color: var( --kendo-filter-preview-field-text, #{$kendo-filter-preview-field-text} );
+        }
+
+        .k-filter-preview-operator {
+            color: var( --kendo-filter-preview-operator-text, #{$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: var( --kendo-filter-line-bg, #{$kendo-filter-line-bg} );
+        }
+    }
+
+}

package/scss/filter/_variables.scss

@@ -0,0 +1,35 @@
+@use "../core/color-system" as *;
+@use "../core/_variables.scss" as *;
+
+/// Horizontal padding of the filter.
+/// @group filter
+$kendo-filter-padding-x: $kendo-padding-x !default;
+/// Vertical padding of the filter.
+/// @group filter
+$kendo-filter-padding-y: $kendo-padding-y !default;
+
+/// Bottom margin of the filter.
+/// @group filter
+$kendo-filter-bottom-margin: 30px !default;
+/// Width of the line that connects the filter items.
+/// @group filter
+$kendo-filter-line-size: 1px !default;
+
+/// Width of the dropdown elements in the filter items.
+/// @group filter
+$kendo-filter-operator-dropdown-width: 15em !default;
+
+/// Text color of the preview field.
+/// @group filter
+$kendo-filter-preview-field-text: get-theme-color-var( primary-100 ) !default;
+/// Text color of the preview operator.
+/// @group filter
+$kendo-filter-preview-operator-text: get-theme-color-var( neutral-130 ) !default;
+
+/// Text color of the filter.
+/// @group filter
+$kendo-filter-text: var( --kendo-component-text, initial ) !default;
+
+/// Background color of the line that connects the filter items.
+/// @group filter
+$kendo-filter-line-bg: var( --kendo-component-border, initial ) !default;

package/scss/filter/index.scss

@@ -0,0 +1,31 @@
+// Module meta
+$_kendo-module-meta: (
+    name: "filter",
+    dependencies: (
+        "button",
+        "input",
+        "checkbox",
+        "datetimepicker",
+        "dropdownlist",
+        "numerictextbox",
+        "toolbar"
+    )
+);
+
+
+// Component
+@forward "_variables.scss";
+@use "_layout.scss" as *;
+@use "_theme.scss" as *;
+
+// Register
+@use "../core/module-system/" as module;
+@include module.register( $_kendo-module-meta... );
+
+// Expose
+@mixin styles() {
+    @include module.render( "filter" ) {
+        @include kendo-filter--layout();
+        @include kendo-filter--theme();
+    }
+}

package/scss/floating-label/_layout.scss

@@ -0,0 +1,94 @@
+@use "_variables.scss" as *;
+
+@mixin kendo-floating-label--layout() {
+
+    // Floating label
+    .k-floating-label-container {
+        padding-top: var( --kendo-floating-label-height, #{$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-label {
+            max-width: 90%;
+            font-size: var( --kendo-floating-label-font-size, #{$kendo-floating-label-font-size} );
+            font-weight: var( --kendo-floating-label-font-weight, #{$kendo-floating-label-font-weight} );
+            line-height: var( --kendo-floating-label-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 var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), color var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), top var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), left var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} );
+        }
+
+        > .k-widget {
+            flex: 1 1 auto;
+            width: auto;
+        }
+
+        &.k-empty {
+            > .k-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( var( --kendo-floating-label-scale, #{$kendo-floating-label-scale} ) );
+                pointer-events: none;
+            }
+        }
+
+        > .k-label,
+        &:focus-within > .k-label,
+        &.k-focus > .k-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( var( --kendo-floating-label-focus-scale, #{$kendo-floating-label-focus-scale} ) );
+        }
+
+
+        &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
+            color: transparent;
+        }
+
+        [dir="rtl"] &,
+        .k-rtl &,
+        &[dir="rtl"] {
+
+            > .k-label {
+                transform-origin: right center;
+                transition: transform var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), color var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), top var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} ), right var( --kendo-floating-label-transition, #{$kendo-floating-label-transition} );
+            }
+
+            &.k-empty {
+                > .k-label {
+                    left: auto;
+                    right: var( --kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x} );
+                }
+            }
+
+            > .k-label,
+            &:focus-within > .k-label,
+            &.k-focus > .k-label {
+                left: auto;
+                right: var( --kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x} );
+            }
+        }
+
+        &:disabled,
+        &[disabled],
+        &.k-disabled  {
+            background: none;
+        }
+    }
+}

package/scss/floating-label/_theme.scss

@@ -0,0 +1,31 @@
+@use "_variables.scss" as *;
+@use "../core/mixins/" as *;
+
+@mixin kendo-floating-label--theme() {
+
+     // Floating label
+     .k-floating-label-container {
+
+        > .k-label {
+            @include fill(
+                $color: var( --kendo-floating-label-text, #{$kendo-floating-label-text} ),
+                $bg: var( --kendo-floating-label-bg, #{$kendo-floating-label-bg} )
+            );
+        }
+
+        &.k-focus > .k-label {
+            @include fill(
+                $color: var( --kendo-floating-label-focus-text, #{$kendo-floating-label-focus-text} ),
+                $bg: var( --kendo-floating-label-focus-bg, #{$kendo-floating-label-focus-bg} )
+            );
+        }
+
+        &.k-invalid > .k-label,
+        &.ng-invalid.ng-touched > .k-label,
+        &.ng-invalid.ng-dirty > .k-label {
+            @include fill ( $color: var( --kendo-floating-label-invalid-text, #{$kendo-floating-label-invalid-text} ) );
+        }
+
+    }
+
+}