@progress/kendo-theme-bootstrap 6.4.0-dev.2 → 6.4.0-dev.4

package/dist/all.scss

@@ -10,8 +10,10 @@ $wcag-min-contrast-ratio: 4.5 !default;
 // #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
 // #region @import "../_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
 // Equilateral triangle variables
+// stylelint-disable number-max-precision
 $equilateral-index: 1.7320508076 !default;
 $equilateral-height: .8660254038 !default;
+// stylelint-enable number-max-precision
 
 // #endregion
 
@@ -192,15 +194,13 @@ $equilateral-height: .8660254038 !default;
 
 //  Precomputed linear color channel values, for use in contrast calculations.
 //  See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-//
 //  Algorithm, for c in 0 to 255:
 //  f(c) {
 //    c = c / 255;
 //    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 //  }
-//
 //  This lookup table is needed since there is no `pow` in SASS.
-// stylelint-disable-next-line scss/dollar-variable-default
+// stylelint-disable number-max-precision
 $_linear-channel-values: (
     0
     .0003035269835488375
@@ -459,6 +459,7 @@ $_linear-channel-values: (
     .9911020971138298
     1
 );
+// stylelint-enable number-max-precision
 
 /// The contrast ratio to reach against white, to determine if color changes from "light" to "dark".
 /// Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
@@ -503,7 +504,6 @@ $wcag-light: white !default;
 /// @link https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
 /// @link https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 @function k-color-contrast-ratio( $background, $foreground ) {
-    // sass-lint:disable-block variable-name-format
     $backLum: k-color-luminance( $background ) + .05;
     $foreLum: k-color-luminance( $foreground ) + .05;
 
@@ -554,7 +554,6 @@ $wcag-light: white !default;
         }
     }
 
-    // sass-lint:disable-block no-warn
     @warn "Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...";
 
     @return $max-ratio-color;
@@ -738,7 +737,7 @@ $kendo-color-level-step: 8% !default;
         @return null;
     }
 
-    @if $_prefix == null {
+    @if $_prefix == null { // stylelint-disable-line
         $_prefix: "";
     }
 
@@ -931,7 +930,6 @@ $_kendo-escape-class-name: (
         @return $result;
     }
 
-    // sass-lint:disable-block no-warn
     @warn "No list passed.";
     @return $result;
 }
@@ -1143,7 +1141,7 @@ $_kendo-escape-class-name: (
 /// @example scss - Usage
 ///   @debug k-math-random(); // => 0.123456789
 @function k-math-random( $limit: null ) {
-    @if ( $limit == null ) {
+    @if ( $limit == null ) { // stylelint-disable-line
         @return random();
     }
 
@@ -1203,7 +1201,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-get( ( "foo": "bar" ), "foo" ); // => "bar"
 @function k-map-get( $map, $keys... ) {
     @each $key in $keys {
-        $map: map-get( $map, $key );
+        $map: map-get( $map, $key ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1239,7 +1237,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-merge( ( "foo": "bar" ), ( "baz": "qux" ) ); // => ( "foo": "bar", "baz": "qux" )
 @function k-map-merge( $map, $args... ) {
     @each $arg in $args {
-        $map: map-merge( $map, $arg );
+        $map: map-merge( $map, $arg ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1697,7 +1695,6 @@ $_kendo-escape-class-name: (
         $outline: $outline-prop;
 
         $result: k-map-merge($result, (
-            // sass-lint:disable-block indentation
             #{$prefix}bg: $bg,
             #{$prefix}text: $text,
             #{$prefix}border: $border,
@@ -1727,7 +1724,7 @@ $_kendo-escape-class-name: (
         $src-palette-name: k-map-get( $definition, PALETTE );
         $matrix: k-map-remove( $definition, PALETTE );
 
-        @if ($tc-index == null ) {
+        @if ($tc-index == null ) { // stylelint-disable-line
             $tmp-result: k-generate-theme-variant( $variant, $matrix, $src-palette-name );
             $result: k-map-merge( $result, $tmp-result);
         } @else {
@@ -2898,7 +2895,6 @@ $_kendo-data-uris: () !default;
 /// @require $_kendo-data-uris
 @mixin register-data-uri( $name, $content ) {
     @if ( k-map-has-key( $_kendo-data-uris, $name ) ) {
-        // sass-lint:disable-block no-warn
         @warn "Attempt to redefine data URI of file `#{$name}`.";
     }
 
@@ -2948,7 +2944,6 @@ $_kendo-data-uris: () !default;
 }
 
 @mixin checkerboard-gradient( $primary-color: white, $secondary-color: rgba( black, .09 ), $size: 10px ) {
-    // sass-lint:disable-block indentation
     $_position: calc( #{$size} / 2 );
 
     background:
@@ -2998,7 +2993,7 @@ $_kendo-imported-modules: () !default;
 /// @param {String} $name - The name of the exported module.
 /// @require $_kendo-imported-modules
 @mixin exports( $name ) {
-    @if (k-list-index( $_kendo-imported-modules, $name ) == null) {
+    @if (k-list-index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line
         $_kendo-imported-modules: k-list-append( $_kendo-imported-modules, $name ) !global;
         @content;
     }
@@ -3663,6 +3658,7 @@ $_kendo-dependencies: (
 $_deps: () !default;
 $_imported: () !default;
 
+// stylelint-disable scss/at-if-no-null
 @mixin module-register( $name: null, $dependencies: null ) {
     @if (k-list-index( $kendo-components, $name) != null) {
         $_deps: k-map-merge( $_deps, ( $name: $dependencies ) );
@@ -3670,7 +3666,6 @@ $_imported: () !default;
         @if $dependencies {
             @each $dep in $dependencies {
                 @if ( k-list-index( $kendo-components, $dep ) == null ) {
-                    // sass-lint:disable-block no-warn
                     @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles will not be loaded!";
                 }
             }
@@ -3684,7 +3679,6 @@ $_imported: () !default;
     @if $dependencies {
         @each $dep in $dependencies {
             @if ( k-list-index( $_imported, $dep ) == null ) {
-                // sass-lint:disable-block no-warn
                 @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles have not been loaded yet!";
             }
         }
@@ -3699,7 +3693,6 @@ $_imported: () !default;
 @mixin verify-dependencies() {
     @each $component in $kendo-components {
         @if (k-map-has-key( $_kendo-dependencies, $component ) == false) {
-            // sass-lint:disable-block no-warn
             @error "Module '#{$component}' is not defined.";
         }
     }
@@ -3709,11 +3702,11 @@ $_imported: () !default;
 @mixin verify-rendered() {
     @each $component in $kendo-components {
         @if (k-list-index( $_imported, $component ) == null) {
-            // sass-lint:disable-block no-warn
             @error "Module '#{$component}' has not been rendered.";
         }
     }
 }
+// stylelint-enable scss/at-if-no-null
 
 // #endregion
 
@@ -3750,7 +3743,7 @@ $_imported: () !default;
 }
 
 // #endregion
-// #region @import "./_layout"; -> node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
+// #region @import "./_layout.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
 @mixin kendo-core--styles--layout() {
 
     // Basic layout
@@ -3804,8 +3797,8 @@ $_imported: () !default;
         border-style: solid;
         border-color: inherit;
         display: block;
-        flex-grow: 0 !important; // sass-lint:disable-line no-important
-        flex-shrink: 0 !important; // sass-lint:disable-line no-important
+        flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
+        flex-shrink: 0 !important; // stylelint-disable-line declaration-no-important
         align-self: stretch;
     }
     .k-separator-horizontal,
@@ -3829,7 +3822,7 @@ $_imported: () !default;
 
     // Hidden
     .k-hidden {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -3853,14 +3846,14 @@ $_imported: () !default;
 
     // Hidden attribute
     [hidden] {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
     // Hide script tags
     // see https://github.com/telerik/kendo-themes/issues/2360
     script {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 }
@@ -5870,7 +5863,6 @@ $kendo-auto-bootstrap: true !default;
 
 // Spacing
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -6277,8 +6269,7 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
     // PDF export icons fix
     .kendo-pdf-hide-pseudo-elements::before,
     .kendo-pdf-hide-pseudo-elements::after {
-        // sass-lint:disable-block no-important
-        display: none !important;
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 }
 
@@ -6777,9 +6768,8 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
         }
 
         &-exit-active {
-            // sass-lint:disable-block no-important
             // override any max-height set to element to allow animation
-            max-height: 0 !important;
+            max-height: 0 !important; // stylelint-disable-line declaration-no-important
             transition: max-height 300ms ease-in-out;
         }
     }
@@ -6796,9 +6786,8 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
         }
 
         &-exit-active {
-            // sass-lint:disable-block no-important
             // override any max-height set to element to allow animation
-            max-width: 0 !important;
+            max-width: 0 !important; // stylelint-disable-line declaration-no-important
             transition: max-width 300ms ease-in-out;
         }
     }
@@ -6810,7 +6799,7 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
 
     .k-fx-end .k-fx-next,
     .k-fx-end .k-fx-current {
-        transition: all $fx-duration ease-out; // sass-lint:disable-line no-transition-all
+        transition: all $fx-duration ease-out;
     }
 
     .k-fx {
@@ -6827,8 +6816,7 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
 
     .k-fx-hidden,
     .k-fx-hidden * {
-        // sass-lint:disable-block no-important
-        visibility: hidden !important;
+        visibility: hidden !important; // stylelint-disable-line declaration-no-important
     }
 
     .k-fx-reverse {
@@ -6842,8 +6830,8 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
     }
 
     // Zoom
+    // stylelint-disable declaration-no-important
     .k-fx-zoom {
-        // sass-lint:disable-block no-important
         &.k-fx-start .k-fx-next {
             transform: scale(0) !important;
         }
@@ -6867,6 +6855,7 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
             }
         }
     }
+    // stylelint-enable declaration-no-important
 
     // Fade
     .k-fx-fade {
@@ -6905,7 +6894,7 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
         &.k-fx-end .k-fx-current .km-content,
         &.k-fx-end .k-fx-current .km-header,
         &.k-fx-end .k-fx-current .km-footer {
-            transition: all $fx-duration ease-out; // sass-lint:disable-line no-transition-all
+            transition: all $fx-duration ease-out;
         }
 
         // left
@@ -7379,7 +7368,6 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -7417,7 +7405,6 @@ $kendo-spacing: (
 ) !default;
 
 $kendo-sizing: k-map-merge( $kendo-spacing, (
-    // sass-lint:disable-block indentation
     "auto": auto,
     "1/2": 50%,
     "1/3": 33.333333%,
@@ -7460,8 +7447,6 @@ $kendo-border-radii: (
     full: 9999px
 ) !default;
 
-//
-
 $kendo-utils: (
 
     // Accessibility
@@ -7554,7 +7539,6 @@ $kendo-utils: (
     ),
     "overscroll": (),
     "placement": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         -1: -1px
     )),
     "position": (
@@ -7827,14 +7811,13 @@ $kendo-utils: (
         fr: minmax( 0, 1fr ),
     ),
     "gap": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px )
     )),
     "align-content": (
@@ -7971,33 +7954,30 @@ $kendo-utils: (
     // Spacing
     "margin": k-map-merge( $kendo-spacing,
         k-map-negate( $kendo-spacing), (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px ),
         auto: auto
     )),
     "padding": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         // TODO: remove this extension once we fix docs
         xs: k-map-get( $kendo-spacing, 1 ),
         sm: k-map-get( $kendo-spacing, 2 ),
         md: k-map-get( $kendo-spacing, 3 ),
         lg: k-map-get( $kendo-spacing, 4 ),
         xl: k-map-get( $kendo-spacing, 6 ),
-        thin: k-map-get( $kendo-spacing, 0.5 ), // sass-lint:disable-line leading-zero
+        thin: k-map-get( $kendo-spacing, 0.5 ),
         hair: k-map-get( $kendo-spacing, 1px )
     )),
     "space-between": (),
 
     // Sizing
     "width": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vw
     )),
     "min-width": (
@@ -8018,7 +7998,6 @@ $kendo-utils: (
         fit: fit-content
     ),
     "height": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vh
     )),
     "min-height": (
@@ -8076,7 +8055,6 @@ $kendo-utils: (
         end
     ),
     "text-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -8132,7 +8110,6 @@ $kendo-utils: (
         text: text
     ),
     "background-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "transparent": transparent,
         "black": black,
@@ -8176,7 +8153,6 @@ $kendo-utils: (
         none
     ),
     "border-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -8203,7 +8179,6 @@ $kendo-utils: (
         none
     ),
     "outline-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -8222,7 +8197,6 @@ $kendo-utils: (
     "box-shadow": (),
     "box-shadow-color": (),
     "opacity": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         5: 0.05,
         10: 0.1,
@@ -8261,7 +8235,6 @@ $kendo-utils: (
     // Transform
     "flip": true,
     "scale": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         0.25: .25,
         0.5: .5,
@@ -8445,7 +8418,7 @@ $kendo-utils: (
             @if $important {
                 .\!#{$_selector} {
                     @each $prop in $_props {
-                        #{$prop}:  if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // sass-lint:disable-line no-important
+                        #{$prop}:  if( $_fn, k-meta-call($_fn, $_val), $_val ) !important; // stylelint-disable-line declaration-no-important
                     }
                 }
             }
@@ -8776,9 +8749,9 @@ $kendo-utils: (
     // Legacy aliases
     @include generate-utils( display, display, $kendo-utils-display );
     .#{$kendo-prefix}d-flex-row { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-row !optional; }
-    .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; } // sass-lint:disable-line class-name-format
+    .\!#{$kendo-prefix}d-flex-row { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
     .#{$kendo-prefix}d-flex-col { @extend .#{$kendo-prefix}d-flex, .#{$kendo-prefix}flex-col !optional; }
-    .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; } // sass-lint:disable-line class-name-format
+    .\!#{$kendo-prefix}d-flex-col { @extend .\!#{$kendo-prefix}d-flex, .\!#{$kendo-prefix}flex-row !optional; }
 
 }
 
@@ -9125,7 +9098,7 @@ $kendo-utils: (
     // placement length utility classes
     @each $side in (top, right, bottom, left) {
         .#{$kendo-prefix}#{$side},
-        .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; } // sass-lint:disable-line brace-style
+        .#{$kendo-prefix}pos-#{$side} { #{$side}: 0; }
     }
 
     // Inset utility classes
@@ -10130,8 +10103,8 @@ $kendo-utils: (
 
     // Legacy aliases
     @include generate-utils( colspan, grid-column, $kendo-utils-grid-column-span );
-    .#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; } // sass-lint:disable-line class-name-format
-    .\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; } // sass-lint:disable-line class-name-format
+    .#{$kendo-prefix}colspan-all { @extend .#{$kendo-prefix}colspan-full !optional; }
+    .\!#{$kendo-prefix}colspan-all { @extend .\!#{$kendo-prefix}colspan-full !optional; }
 
 }
 
@@ -10174,8 +10147,8 @@ $kendo-utils: (
 
     // Legacy aliases
     @include generate-utils( rowspan, grid-row, $kendo-utils-grid-row-span );
-    .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; } // sass-lint:disable-line class-name-format
-    .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; } // sass-lint:disable-line class-name-format
+    .#{$kendo-prefix}rowspan-all { @extend .#{$kendo-prefix}rowspan-full !optional; }
+    .\!#{$kendo-prefix}rowspan-all { @extend .\!#{$kendo-prefix}rowspan-full !optional; }
 
 }
 
@@ -10324,7 +10297,7 @@ $kendo-utils: (
 
     // Custom justify-content classes
     .#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0%; }
-    .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // sass-lint:disable-line no-important class-name-format
+    .\!.#{$kendo-prefix}justify-content-stretch > * { flex: 1 0 0% !important; } // stylelint-disable-line declaration-no-important
 
 }
 
@@ -12576,9 +12549,9 @@ $kendo-utils: (
         text-overflow: ellipsis;
     }
     .\!#{$kendo-prefix}text-truncate {
-        white-space: nowrap !important; // sass-lint:disable-line no-important
-        overflow: hidden !important; // sass-lint:disable-line no-important
-        text-overflow: ellipsis !important; // sass-lint:disable-line no-important
+        white-space: nowrap !important; // stylelint-disable-line declaration-no-important
+        overflow: hidden !important; // stylelint-disable-line declaration-no-important
+        text-overflow: ellipsis !important; // stylelint-disable-line declaration-no-important
     }
 
     // Legacy aliases
@@ -14138,11 +14111,11 @@ $kendo-utils: (
     $kendo-utils-flip: k-map-get( $kendo-utils, "flip" ) !default;
     @if $kendo-utils-flip {
         .#{$kendo-prefix}flip-h { transform: scaleX( -1 ); }
-        .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-h { transform: scaleX( -1 ) !important; } // stylelint-disable-line declaration-no-important
         .#{$kendo-prefix}flip-v { transform: scaleY( -1 ); }
-        .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-v { transform: scaleY( -1 ) !important; } // stylelint-disable-line declaration-no-important
         .#{$kendo-prefix}flip-h.#{$kendo-prefix}flip-v { transform: scale( -1, -1 ); }
-        .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // sass-lint:disable-line no-important
+        .\!#{$kendo-prefix}flip-h.\!#{$kendo-prefix}flip-v { transform: scale( -1, -1 ) !important; } // stylelint-disable-line declaration-no-important
 
         // Legacy aliases
         .#{$kendo-prefix}flip-x { @extend .#{$kendo-prefix}flip-h !optional; }
@@ -14267,11 +14240,11 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __rotate( $val ) {
     @return rotate( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--rotate() {
 
@@ -14301,7 +14274,7 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __scale( $val ) {
     @return scale( $val );
 }
@@ -14311,7 +14284,7 @@ $kendo-utils: (
 @function __scale-y( $val ) {
     @return scaleY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--scale() {
 
@@ -14349,14 +14322,14 @@ $kendo-utils: (
 /// @group skew
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __skew-x( $val ) {
     @return skewX( $val );
 }
 @function __skew-y( $val ) {
     @return skewY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--skew() {
 
@@ -14423,7 +14396,7 @@ $kendo-utils: (
 /// @group transform
 /// @contextType css
 
-// sass-lint:disable function-name-format
+// stylelint-disable scss/at-function-pattern
 @function __translate( $val ) {
     @return translate( $val );
 }
@@ -14433,7 +14406,7 @@ $kendo-utils: (
 @function __translate-y( $val ) {
     @return translateY( $val );
 }
-// sass-lint:enable function-name-format
+// stylelint-enable scss/at-function-pattern
 
 @mixin kendo-utils--transform--translate() {
 
@@ -16939,6 +16912,10 @@ $ki-rotate-map: (
         right: 0;
         margin: 0 -.5em -.5em 0;
     }
+    .k-svg-icon.k-icon-modifier {
+        width: 1em;
+        height: 1em;
+    }
 
     .k-i-none::before {
         content: "";
@@ -16950,19 +16927,6 @@ $ki-rotate-map: (
         cursor: pointer;
     }
 
-    // RTL icons
-    .k-rtl,
-    [dir="rtl"] {
-        .k-i-indent-increase,
-        .k-i-indent-decrease,
-        .k-i-caret-alt-right,
-        .k-i-caret-alt-left,
-        .k-svg-i-caret-alt-right,
-        .k-svg-i-caret-alt-left {
-            transform: scaleX(-1);
-        }
-    }
-
     .k-sprite {
         display: inline-block;
         width: 16px;
@@ -17548,7 +17512,7 @@ $kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 /// The vertical padding of the List group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
-$kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
@@ -17718,7 +17682,7 @@ $kendo-checkbox-border-width: 1px !default;
 /// The size of a small CheckBox.
 /// @group checkbox
 $kendo-checkbox-sm-size: k-map-get( $kendo-spacing, 3 ) !default;
-///The size of a medium CheckBox.
+/// The size of a medium CheckBox.
 /// @group checkbox
 $kendo-checkbox-md-size: k-map-get( $kendo-spacing, 4 ) !default;
 /// The size of a large CheckBox.
@@ -18016,7 +17980,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
         .k-ripple {
             // Hide ripple temporarily
-            visibility: hidden !important; // sass-lint:disable-line no-important
+            visibility: hidden !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-checkbox + .k-label,
@@ -18030,7 +17994,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
     // Empty label
     .k-checkbox-label:empty {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
     .k-checkbox-label.k-no-text {
         min-width: 1px;
@@ -18085,7 +18049,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
         .k-checkbox:focus,
         .k-checkbox.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-checkbox:disabled::after,
@@ -18147,7 +18111,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 // #endregion
 // #region @import "./_theme.scss"; -> scss/checkbox/_theme.scss
 // #region @import "@progress/kendo-theme-default/scss/checkbox/_theme.scss"; -> node_modules/@progress/kendo-theme-default/scss/checkbox/_theme.scss
-@mixin kendo-checkbox--theme-base () {
+@mixin kendo-checkbox--theme-base() {
 
     // Checkbox
     .k-checkbox {
@@ -18340,7 +18304,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
         padding-block: $kendo-list-header-padding-y;
         padding-inline: $kendo-list-header-padding-x;
         border-width: 0;
-        border-width: $kendo-list-header-border-width; // sass-lint:disable-line no-duplicate-properties
+        border-width: $kendo-list-header-border-width;
         border-style: solid;
         font-size: $kendo-list-header-font-size;
         line-height: $kendo-list-header-line-height;
@@ -18425,7 +18389,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
         padding-block: $kendo-list-group-item-padding-y;
         padding-inline: $kendo-list-group-item-padding-x;
         border-width: 0;
-        border-width: $kendo-list-group-item-border-width; // sass-lint:disable-line no-duplicate-properties
+        border-width: $kendo-list-group-item-border-width;
         border-style: solid;
         font-size: $kendo-list-group-item-font-size;
         line-height: $kendo-list-group-item-line-height;
@@ -18903,11 +18867,6 @@ $kendo-listgroup-item-border-width: $kendo-listgroup-border-width !default;
                 > .k-select {
                     right: auto;
                     left: 0;
-
-                    .k-icon,
-                    .k-svg-icon {
-                        transform: scaleX(-1);
-                    }
                 }
             }
         }
@@ -18923,11 +18882,6 @@ $kendo-listgroup-item-border-width: $kendo-listgroup-border-width !default;
                 margin-left: -$kendo-listgroup-item-padding-x;
                 border-right-width: 1px;
                 border-left-width: 0;
-
-                .k-icon,
-                .k-svg-icon {
-                    transform: scaleX(-1);
-                }
             }
         }
     }
@@ -19706,7 +19660,7 @@ $kendo-table-selected-border: null !default;
     // Table header
     .k-table-header {
         padding-inline-end: var(--kendo-scrollbar-width);
-        border-width: 0 0 1px 0;
+        border-width: 0 0 1px;
         border-style: solid;
         box-sizing: border-box;
 
@@ -19792,18 +19746,19 @@ $kendo-table-selected-border: null !default;
             }
         }
 
+        // stylelint-disable declaration-no-important
         .k-table-spacer-td {
-            padding: 0 !important; // sass-lint:disable-line no-important
-            width: 0 !important; // sass-lint:disable-line no-important
-            border-left-width: 0 !important; // sass-lint:disable-line no-important
-            border-right-width: 0 !important; // sass-lint:disable-line no-important
+            padding: 0 !important;
+            width: 0 !important;
+            border-left-width: 0 !important;
+            border-right-width: 0 !important;
         }
         .k-table-group-td {
-            padding: 0 !important; // sass-lint:disable-line no-important
-            width: 0 !important; // sass-lint:disable-line no-important
-            border-left-width: 0 !important; // sass-lint:disable-line no-important
-            border-right-width: 0 !important; // sass-lint:disable-line no-important
-            overflow: visible; // sass-lint:disable-line no-important
+            padding: 0 !important;
+            width: 0 !important;
+            border-left-width: 0 !important;
+            border-right-width: 0 !important;
+            overflow: visible;
 
             > span {
                 font-size: .75em;
@@ -19812,6 +19767,7 @@ $kendo-table-selected-border: null !default;
                 right: 0;
             }
         }
+        // stylelint-enable declaration-no-important
     }
 
 
@@ -19837,7 +19793,7 @@ $kendo-table-selected-border: null !default;
     // Table footer
     .k-table-footer {
         padding-inline-end: var(--kendo-scrollbar-width);
-        border-width: 1px 0 0 0;
+        border-width: 1px 0 0;
         border-style: solid;
         box-sizing: border-box;
 
@@ -20829,7 +20785,7 @@ $kendo-button-sm-line-height: k-math-div( 20, 14 ) !default;
 /// @group button
 $kendo-button-md-line-height: $kendo-line-height-md !default;
 /// The line height used along with the $kendo-font-size variable of the large Button.
-///@group button
+/// @group button
 $kendo-button-lg-line-height: $kendo-line-height-md !default;
 
 /// The calculated height of the Button.
@@ -21054,7 +21010,7 @@ $kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Chip.
 /// @group chip
-$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Chip.
 /// @group chip
 $kendo-chip-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
@@ -21236,7 +21192,7 @@ $kendo-chip-list-sizes: (
         }
 
         .k-selected-icon-wrapper {
-            display: none !important; // sass-lint:disable-line no-important
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
     }
 
@@ -21380,7 +21336,7 @@ $kendo-chip-list-sizes: (
 // #endregion
 // #region @import "./_theme.scss"; -> scss/chip/_theme.scss
 // #region @import "@progress/kendo-theme-default/scss/chip/_theme.scss"; -> node_modules/@progress/kendo-theme-default/scss/chip/_theme.scss
-@mixin kendo-chip--theme-base () {
+@mixin kendo-chip--theme-base() {
 
     // Solid
     @each $name, $color in $kendo-chip-theme-colors {
@@ -21635,8 +21591,7 @@ $kendo-color-preview-transparent-color-image: url("data:image/png;base64,iVBORw0
         box-sizing: border-box;
         border-style: solid;
         display: inline-flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
+        flex-flow: row nowrap;
         position: relative;
         overflow: hidden;
 
@@ -22406,7 +22361,7 @@ $kendo-loading-opacity: .3 !default;
         content: "";
         // See https://github.com/telerik/kendo-themes/issues/1925
         border-width: 1px; // TODO: Remove once we drop IE support
-        border-width: clamp( .015em, 1px, 1px ); // sass-lint:disable-line no-duplicate-properties
+        border-width: clamp( .015em, 1px, 1px );
         font-size: 4em;
     }
 
@@ -22454,11 +22409,11 @@ $kendo-loading-opacity: .3 !default;
 
         &::before {
             border-color: currentColor;
-            border-right-color: transparent !important; // sass-lint:disable-line no-important
+            border-right-color: transparent !important; // stylelint-disable-line declaration-no-important
         }
 
         &::after {
-            display: none !important; // sass-lint:disable-line no-important
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
     }
 
@@ -22489,11 +22444,9 @@ $kendo-loading-opacity: .3 !default;
     }
 
     .k-loader-container-inner {
-        // sass-lint:disable-block no-important
-        // sass-lint:disable-block class-name-format
         .k-text-secondary,
-        .\!k-text-secondary {
-            color: $kendo-loader-secondary-bg !important;
+        .\!k-text-secondary { // stylelint-disable-line
+            color: $kendo-loader-secondary-bg !important; // stylelint-disable-line declaration-no-important
         }
     }
 
@@ -23026,20 +22979,20 @@ $_kendo-module-meta: (
 
     // Flat button
     .k-button-flat {
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         color: inherit;
-        background: none !important; // sass-lint:disable-line no-important
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
+        box-shadow: none !important; // stylelint-disable-line declaration-no-important
 
         // Overlay background
         &::before {
-            display: block !important; // sass-lint:disable-line no-important
+            display: block !important; // stylelint-disable-line declaration-no-important
         }
 
         // Focus ring
         &::after {
             box-shadow: inset 0 0 0 2px currentColor;
-            display: block !important; // sass-lint:disable-line no-important
+            display: block !important; // stylelint-disable-line declaration-no-important
         }
 
         &:focus::after,
@@ -23073,10 +23026,10 @@ $_kendo-module-meta: (
 
     // Clear button
     .k-button-clear {
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         color: inherit;
-        background: none !important; // sass-lint:disable-line no-important
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
+        box-shadow: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -23100,7 +23053,7 @@ $_kendo-module-meta: (
     }
 
 
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::before {
             @extend .k-button-overlay !optional;
@@ -23149,7 +23102,7 @@ $_kendo-module-meta: (
 
 
     // Button focus ring
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::after {
             @include border-radius( inherit );
@@ -23643,7 +23596,7 @@ $kendo-menu-popup-lg-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 /// Vertical padding of the menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-menu-popup-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-menu-popup-lg-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
@@ -23808,7 +23761,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         flex-direction: row;
 
         > .k-menu-item + .k-menu-item {
-            margin-left: $kendo-menu-item-spacing;
+            margin-inline-start: $kendo-menu-item-spacing;
         }
 
         > .k-separator {
@@ -23833,7 +23786,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         > .k-menu-item > .k-menu-link {
             padding-block: $kendo-menu-popup-item-padding-y;
             padding-inline: $kendo-menu-popup-item-padding-x;
-            padding-right: $kendo-menu-popup-item-padding-end;
+            padding-inline-end: $kendo-menu-popup-item-padding-end;
         }
 
         > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
@@ -23986,7 +23939,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     }
     .k-animation-container .k-context-menu.k-menu-horizontal {
         // kendo-jquery adds `display: block` via js and we need to override it.
-        display: flex !important; // sass-lint:disable-line no-important
+        display: flex !important; // stylelint-disable-line declaration-no-important
         flex-wrap: nowrap;
     }
     .k-context-menu-popup {
@@ -24025,28 +23978,28 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
 
             &.k-scroll-left {
                 top: 0;
-                left: 0;
+                inset-inline-start: 0;
                 height: 100%;
                 width: 16px;
                 border-right-width: 1px;
             }
             &.k-scroll-right {
                 top: 0;
-                right: 0;
+                inset-inline-end: 0;
                 height: 100%;
                 width: 16px;
                 border-left-width: 1px;
             }
             &.k-scroll-up {
                 top: 0;
-                left: 0;
+                inset-inline-start: 0;
                 width: 100%;
                 height: 16px;
                 border-bottom-width: 1px;
             }
             &.k-scroll-down {
                 bottom: 0;
-                left: 0;
+                inset-inline-start: 0;
                 width: 100%;
                 height: 16px;
                 border-top-width: 1px;
@@ -24054,43 +24007,6 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         }
     }
 
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-
-        // Orientation -- horizontal
-        .k-menu-horizontal {
-
-            > .k-menu-item + .k-menu-item {
-                margin-right: $kendo-menu-item-spacing;
-                margin-left: 0;
-            }
-        }
-
-
-        // Orientation -- vertical
-        .k-menu-vertical {
-
-            > .k-menu-item > .k-menu-link {
-                padding-right: $kendo-menu-popup-item-padding-x;
-                padding-left: $kendo-menu-popup-item-padding-end;
-            }
-        }
-
-
-        // Sub menu
-        .k-menu-group {
-
-            .k-menu-link {
-                padding-right: $kendo-menu-popup-item-padding-x;
-                padding-left: $kendo-menu-popup-item-padding-end;
-            }
-
-        }
-
-    }
-
 }
 
 
@@ -24563,13 +24479,10 @@ $kendo-toolbar-sizes: (
         height: $kendo-button-lg-calc-size;
     }
 
-
-
-    // sass-lint:disable class-name-format
     .k-floating-toolbar,
-    .editorToolbarWindow.k-window-content {
-        padding-block: $kendo-toolbar-md-padding-y !important; // sass-lint:disable-line no-important
-        padding-inline: $kendo-toolbar-md-padding-x !important; // sass-lint:disable-line no-important
+    .editorToolbarWindow.k-window-content { // stylelint-disable-line
+        padding-block: $kendo-toolbar-md-padding-y !important; // stylelint-disable-line declaration-no-important
+        padding-inline: $kendo-toolbar-md-padding-x !important; // stylelint-disable-line declaration-no-important
         border-width: $kendo-toolbar-border-width;
         border-style: solid;
         display: flex;
@@ -24585,14 +24498,14 @@ $kendo-toolbar-sizes: (
             background: none;
         }
     }
-    .k-editortoolbar-dragHandle {
+    .k-editortoolbar-dragHandle { // stylelint-disable-line
         cursor: move;
         display: flex;
         align-items: center;
         align-self: stretch;
         flex-shrink: 0;
     }
-    // sass-lint:enable class-name-format
+
 
 
     // Remove once the Overflow Popup uses
@@ -24711,9 +24624,8 @@ $kendo-toolbar-sizes: (
 
     }
 
-    // sass-lint:disable-block class-name-format
     .k-floating-toolbar,
-    .editorToolbarWindow.k-window-content {
+    .editorToolbarWindow.k-window-content { // stylelint-disable-line
         @include fill(
             $kendo-toolbar-text,
             $kendo-toolbar-bg,
@@ -25222,10 +25134,10 @@ $kendo-input-clear-value-hover-text: null !default;
 /// @group input
 $kendo-input-clear-value-hover-opacity: 1 !default;
 
-///The vertical margin of the clear value icon.
+/// The vertical margin of the clear value icon.
 /// @group input
-$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-///The horizontal margin of the clear value icon.
+$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default;
+/// The horizontal margin of the clear value icon.
 /// @group input
 $kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
 
@@ -25744,8 +25656,8 @@ $kendo-form-sizes: (
     .k-form {
         border: 0;
 
-        .k-label,
-        kendo-label,
+        .k-form-field > .k-label,
+        .k-form-field > kendo-label,
         .k-form-label {
             margin-bottom: $kendo-form-label-margin-bottom;
             display: flex;
@@ -26697,7 +26609,7 @@ $_kendo-module-meta: (
 
         > .k-input,
         > .k-picker {
-            border-width: 0 !important; // sass-lint:disable-line no-important
+            border-width: 0 !important; // stylelint-disable-line declaration-no-important
             color: inherit;
             background: none;
             font: inherit;
@@ -26966,8 +26878,8 @@ $_kendo-module-meta: (
         box-shadow: none;
 
         > .k-button-icon {
-            min-width: auto !important; // sass-lint:disable-line no-important
-            // min-height: auto !important; // sass-lint:disable-line no-important
+            min-width: auto !important; // stylelint-disable-line declaration-no-important
+            // min-height: auto !important; // stylelint-disable-line declaration-no-important
         }
 
         &:focus {
@@ -27000,8 +26912,8 @@ $_kendo-module-meta: (
             .k-button-icon {
                 margin-block: -1em;
                 margin-inline: 0;
-                min-width: auto !important; // sass-lint:disable-line no-important
-                min-height: auto !important; // sass-lint:disable-line no-important
+                min-width: auto !important; // stylelint-disable-line declaration-no-important
+                min-height: auto !important; // stylelint-disable-line declaration-no-important
             }
         }
         .k-spinner-increase .k-icon,
@@ -27044,14 +26956,14 @@ $_kendo-module-meta: (
     // Fill mode
     .k-input-flat,
     .k-picker-flat {
-        @include border-bottom-radius( 0 !important ); // sass-lint:disable-line no-important
+        @include border-bottom-radius( 0 !important ); // stylelint-disable-line declaration-no-important
         border-width: $kendo-input-border-width 0;
-        border-top-color: transparent !important; // sass-lint:disable-line no-important
-        background-image: none !important; // sass-lint:disable-line no-important
+        border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
+        background-image: none !important; // stylelint-disable-line declaration-no-important
     }
 
     .k-input-outline {
-        background: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -27104,8 +27016,8 @@ $_kendo-module-meta: (
             }
 
             &.k-icon-picker .k-input-inner {
-                width: calc( #{$_line-height * 1em} );
-                height: calc( #{$_line-height * 1em} );
+                width: calc( #{ $_line-height * 1em } );
+                height: calc( #{ $_line-height * 1em } );
                 padding: $_padding-y;
                 box-sizing: content-box;
             }
@@ -27132,11 +27044,11 @@ $_kendo-module-meta: (
 
 
     // This is needed for the textbox container to capture browser autofill
-    @keyframes autoFillStart {
+    @keyframes autoFillStart { // stylelint-disable-line
         from {}
         to {}
     }
-    @keyframes autoFillEnd {
+    @keyframes autoFillEnd { // stylelint-disable-line
         from {}
         to {}
     }
@@ -27696,7 +27608,7 @@ $_kendo-module-meta: (
 /// The transformation scale of the Floating Label.
 /// @group floating-label
 $kendo-floating-label-scale: 1 !default;
-///The font size of the Floating Label.
+/// The font size of the Floating Label.
 /// @group floating-label
 $kendo-floating-label-font-size: $kendo-input-font-size !default;
 /// The maximum width of the Floating Label.
@@ -28454,9 +28366,6 @@ $_kendo-module-meta: (
 // #region @import "../icons/_index.scss"; -> scss/icons/_index.scss
 // File already imported_once. Skipping output.
 // #endregion
-// #region @import "../list/_index.scss"; -> scss/list/_index.scss
-// File already imported_once. Skipping output.
-// #endregion
 
 
 // Component
@@ -28587,15 +28496,6 @@ $kendo-listbox-drop-hint-width: 1px !default;
         .k-ghost {
             opacity: .5;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-listbox-actions .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-item {
@@ -28869,7 +28769,7 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
         }
 
         > .k-progressbar-value {
-            width: calc( var( --kendo-progressbar-value, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
+            width: calc( var( --kendo-progressbar-value, 0 ) * 1% );
             flex-direction: row;
 
             > .k-progress-status-wrap {
@@ -28914,13 +28814,13 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
         }
 
         > .k-progressbar-value {
-            height: calc( var( --kendo-progressbar-value, 0 ) * 1% ); // sass-lint:disable-line no-duplicate-properties
+            height: calc( var( --kendo-progressbar-value, 0 ) * 1% );
             flex-direction: column-reverse;
             align-self: flex-end;
             align-items: flex-end;
 
             > .k-progress-status-wrap {
-                height: calc( 100% * ( 100 / var( --kendo-progressbar-value, 1 ) ) ); // sass-lint:disable-line no-duplicate-properties
+                height: calc( 100% * ( 100 / var( --kendo-progressbar-value, 1 ) ) );
             }
         }
 
@@ -29433,7 +29333,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
         .k-ripple {
             // Hide ripple temporarily
-            visibility: hidden !important; // sass-lint:disable-line no-important
+            visibility: hidden !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-radio + .k-label,
@@ -29447,7 +29347,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
     // Empty label
     .k-radio-label:empty {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
     .k-radio-label.k-no-text {
         min-width: 1px;
@@ -29502,7 +29402,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
         .k-radio:focus,
         .k-radio.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-radio:disabled::after,
@@ -29772,7 +29672,7 @@ $kendo-slider-draghandle-pressed-text: k-contrast-color( $kendo-color-primary )
 $kendo-slider-draghandle-pressed-border: k-try-darken( $kendo-color-primary, 12.5% ) !default;
 $kendo-slider-draghandle-pressed-gradient: null !default;
 
-$kendo-slider-draghandle-focus-shadow:  0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
+$kendo-slider-draghandle-focus-shadow: 0 0 0 3px rgba( $kendo-color-primary, .5 ) !default;
 
 $kendo-slider-transition-speed: .3s !default;
 $kendo-slider-transition-function: ease-out !default;
@@ -29839,16 +29739,6 @@ $kendo-slider-disabled-opacity: null !default;
                 cursor: default;
             }
         }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-slider-selection {
-                left: auto;
-                right: 0;
-            }
-        }
     }
 
 
@@ -29931,36 +29821,13 @@ $kendo-slider-disabled-opacity: null !default;
 
                 .k-slider-selection {
                     width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1% );
-                    left: calc( var(--kendo-slider-start, 0) * 1% );
+                    inset-inline-start: calc( var(--kendo-slider-start, 0) * 1% );
                 }
                 .k-draghandle-start {
-                    left: calc( var(--kendo-slider-start, 0) * 1% );
+                    inset-inline-start: calc( var(--kendo-slider-start, 0) * 1% );
                 }
                 .k-draghandle-end {
-                    left: calc( var(--kendo-slider-end, 0) * 1% );
-                }
-
-                [dir="rtl"] & {
-                    .k-slider-selection {
-                        left: unset;
-                        right: calc( var(--kendo-slider-start, 0) * 1% );
-                    }
-                    .k-draghandle-start {
-                        left: unset;
-                        right: calc( var(--kendo-slider-start, 0) * 1% );
-                    }
-                    .k-draghandle-end {
-                        left: unset;
-                        right: calc( var(--kendo-slider-end, 0) * 1% );
-                    }
-
-                    .k-draghandle {
-                        transform: translate(50%, -50%);
-                    }
-                    .k-draghandle:focus,
-                    .k-draghandle:active {
-                        transform: translate(50%, -50%) scale($kendo-slider-draghandle-active-scale);
-                    }
+                    inset-inline-start: calc( var(--kendo-slider-end, 0) * 1% );
                 }
             }
         }
@@ -30044,7 +29911,7 @@ $kendo-slider-disabled-opacity: null !default;
 
         .k-label {
             text-align: start;
-            left: 120%;
+            inset-inline-start: 120%;
             top: 50%;
             transform: translateY(-50%);
         }
@@ -30052,23 +29919,8 @@ $kendo-slider-disabled-opacity: null !default;
         .k-last .k-label { top: 0; }
 
         .k-slider-topleft .k-label {
-            left: auto;
-            right: 120%;
-        }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-label {
-                left: auto;
-                right: 120%;
-            }
-
-            .k-slider-topleft .k-label {
-                left: 120%;
-                right: auto;
-            }
+            inset-inline-start: auto;
+            inset-inline-end: 120%;
         }
 
     }
@@ -30104,34 +29956,16 @@ $kendo-slider-disabled-opacity: null !default;
         // labels
 
         .k-label {
-            left: 50%;
+            inset-inline-start: 50%;
             bottom: -1.2em;
             transform: translateX(-50%);
         }
-        .k-first .k-label { left: 0; }
-        .k-last .k-label { left: 100%; }
+        .k-first .k-label { inset-inline-start: 0; }
+        .k-last .k-label { inset-inline-start: 100%; }
 
         .k-slider-topleft .k-label {
             top: -1.2em;
         }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-slider-track,
-            .k-slider-selection {
-                right: 0;
-                left: auto;
-            }
-
-            .k-button-increase .k-icon,
-            .k-button-increase .k-svg-icon,
-            .k-button-decrease .k-icon,
-            .k-button-decrease .k-svg-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-slider-track,
@@ -30211,7 +30045,7 @@ $kendo-slider-disabled-opacity: null !default;
     .k-slider-tooltip {
         .k-callout-n,
         .k-callout-s {
-            margin-left: - k-math-div( $kendo-tooltip-callout-size, 2 );
+            margin-inline-start: - k-math-div( $kendo-tooltip-callout-size, 2 );
         }
 
         .k-callout-w,
@@ -30220,20 +30054,50 @@ $kendo-slider-disabled-opacity: null !default;
         }
     }
 
+    // RTL
+    .k-slider-rtl {
+        &.k-slider-horizontal {
+
+            .k-draghandle {
+                transform: translate(50%, -50%);
+            }
+
+            .k-draghandle:focus,
+            .k-draghandle:active {
+                transform: if( $kendo-slider-draghandle-active-scale, translate(50%, -50%) scale($kendo-slider-draghandle-active-scale), null );
+            }
+
+            .k-label {
+                transform: translateX(50%);
+            }
+        }
+    }
+
+    .k-slider[dir="rtl"],
+    [dir="rtl"] .k-slider,
+    .k-slider.k-rtl,
+    .k-rtl .k-slider {
+        @extend .k-slider-rtl !optional;
+    }
+
 
     // Angular specific
     .k-slider kendo-resize-sensor {
         position: absolute;
     }
     .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
-        padding-left: calc( #{$kendo-slider-draghandle-size} / 2 );
-        padding-right: calc( #{$kendo-slider-draghandle-size} / 2 );
+        padding-inline-start: calc( #{$kendo-slider-draghandle-size} / 2 );
+        padding-inline-end: calc( #{$kendo-slider-draghandle-size} / 2 );
     }
     .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
         padding-top: calc( #{$kendo-slider-draghandle-size} / 2 );
         padding-bottom: calc( #{$kendo-slider-draghandle-size} / 2 );
     }
 
+    // Aliases
+    .k-draghandle { @extend .k-slider-thumb !optional; }
+    .k-draghandle-start { @extend .k-slider-thumb-start !optional; }
+    .k-draghandle-end { @extend .k-slider-thumb-end !optional; }
 }
 
 
@@ -31059,11 +30923,6 @@ $kendo-calendar-sizes: (
     .k-calendar.k-rtl,
     .k-calendar[dir="rtl"] {
 
-        .k-calendar-nav-prev,
-        .k-calendar-nav-next {
-            transform: scaleX(-1);
-        }
-
         .k-content.k-scrollable,
         .k-calendar-content.k-scrollable {
             @include hide-scrollbar("left");
@@ -31245,7 +31104,7 @@ $kendo-calendar-sizes: (
 
 
     // Multiview calendar
-    .k-calendar {
+    .k-calendar { // stylelint-disable-line
 
         $kendo-calendar-range-gap: 1px !default;
         $kendo-calendar-range-bg: rgba( $kendo-calendar-cell-selected-bg, .25 );
@@ -36668,7 +36527,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
 
         input {
             // font should not depend on outside styles, otherwise upload may break
-            font: 170px monospace !important; // sass-lint:disable-block no-important
+            font: 170px monospace !important; // stylelint-disable-line declaration-no-important
             margin: 0;
             padding: 0;
             width: 100%;
@@ -37182,7 +37041,7 @@ $kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
 /// The spacing of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default;
 
 /// The horizontal padding of the FAB items.
 /// @group floating-action-button
@@ -37621,9 +37480,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
     @each $name, $color in $kendo-fab-theme-colors {
         .k-fab-solid-#{$name}:focus,
         .k-fab-solid-#{$name}.k-focus {
-            outline-style: $kendo-fab-outline-style;
-            outline-width: $kendo-fab-outline-width;
-            outline-color: rgba( $color, .5 );
+            outline: $kendo-fab-outline-width $kendo-fab-outline-style rgba( $color, .5 );
         }
     }
 
@@ -37686,9 +37543,7 @@ $kendo-fab-item-outline-color: $kendo-button-bg !default;
     .k-fab-item.k-focus .k-fab-item-text,
     .k-fab-item:focus .k-fab-item-icon,
     .k-fab-item.k-focus .k-fab-item-icon {
-        outline-style: $kendo-fab-item-outline-style;
-        outline-width: $kendo-fab-item-outline-width;
-        outline-color: rgba( $kendo-fab-item-icon-border, .5 );
+        outline: $kendo-fab-item-outline-width $kendo-fab-item-outline-style rgba( $kendo-fab-item-icon-border, .5 );
     }
 
     // Active state
@@ -37892,11 +37747,6 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-map-get( $kendo-spacing, 4 ) !de
         z-index: 9999;
         overflow: hidden;
         transform: translateZ(0);
-    }
-
-
-    // Animation container
-    .k-actionsheet-container {
 
         // Overlay
         > .k-overlay {
@@ -38626,7 +38476,7 @@ $_kendo-module-meta: (
     }
 
     // Resize Handles
-    .k-window {
+    .k-window { // stylelint-disable-line
         .k-resize-n { top: 0; }
         .k-resize-e { right: 0; }
         .k-resize-s { bottom: 0; }
@@ -38662,11 +38512,9 @@ $_kendo-module-meta: (
         @include box-shadow( $kendo-window-shadow );
     }
 
-    .k-window {
-        &:focus,
-        &.k-focus {
-            @include focus-indicator( $kendo-window-focus-shadow );
-        }
+    .k-window:focus,
+    .k-window.k-focus {
+        @include focus-indicator( $kendo-window-focus-shadow );
     }
 
 
@@ -38997,7 +38845,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
         display: flex;
         flex-direction: column;
         flex: 0 0 auto;
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
         overflow: hidden;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
@@ -39085,7 +38933,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-text !default;
         overflow-x: hidden;
         overflow-y: auto;
         scrollbar-width: thin; // Scrollbar styles for Mozilla
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
 
         // Scrollbar styles for Chrome, Safari and Opera
         &::-webkit-scrollbar {
@@ -39406,7 +39254,6 @@ $kendo-notification-border: $kendo-component-border !default;
 @function notification-theme( $colors ) {
     $_theme: ();
 
-    // sass-lint:disable-block indentation
     @each $name, $color in $colors {
         $_theme: k-map-merge(( $name: (
             color: k-color-shade( $color, 6 ),
@@ -40531,9 +40378,7 @@ $_kendo-module-meta: (
     }
     .k-rpanel-top.k-rpanel-expanded {
         max-height: 568px;
-        // sass-lint:disable no-important
-        overflow: visible !important;
-        // sass-lint:enable no-important
+        overflow: visible !important; // stylelint-disable-line declaration-no-important
     }
 
     // Toggle button
@@ -41507,15 +41352,6 @@ $kendo-pager-sizes: (
         *::after {
             box-sizing: border-box;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-pager-nav .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
-
     }
 
 
@@ -42370,9 +42206,6 @@ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0m
         .k-step-success .k-step-label .k-svg-icon {
             @include fill( $color: $kendo-stepper-label-success-text );
         }
-        .k-step-error .k-step-label {
-            @include fill( $color: $kendo-stepper-label-error-text );
-        }
 
         .k-step-error {
             .k-step-label {
@@ -42707,7 +42540,7 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
     // Tabstrip content
     .k-tabstrip-content,
     .k-tabstrip > .k-content {
-        margin: 0 !important; // sass-lint:disable-line no-important
+        margin: 0 !important; // stylelint-disable-line declaration-no-important
         padding-block: $kendo-tabstrip-content-padding-y;
         padding-inline: $kendo-tabstrip-content-padding-x;
         box-sizing: border-box;
@@ -42806,14 +42639,14 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
             .k-item.k-active {
                 margin-bottom: if( $kendo-tabstrip-border-width, -$kendo-tabstrip-border-width, null );
                 border-bottom-width: $kendo-tabstrip-border-width;
-                border-bottom-color: transparent !important; // sass-lint:disable-line no-important
+                border-bottom-color: transparent !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         > .k-content,
         > .k-tabstrip-content {
             @include border-bottom-radius( $kendo-tabstrip-item-border-radius );
-            border-top-width: 0 !important; // sass-lint:disable-line no-important
+            border-top-width: 0 !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-tabstrip-bottom {
@@ -42829,14 +42662,14 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
             .k-item.k-active {
                 margin-top: if( $kendo-tabstrip-border-width, -$kendo-tabstrip-border-width, null );
                 border-top-width: $kendo-tabstrip-border-width;
-                border-top-color: transparent !important; // sass-lint:disable-line no-important
+                border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         > .k-content,
         > .k-tabstrip-content {
             @include border-top-radius( $kendo-tabstrip-item-border-radius );
-            border-bottom-width: 0 !important; // sass-lint:disable-line no-important
+            border-bottom-width: 0 !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-tabstrip-left {
@@ -42854,14 +42687,14 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
             .k-item.k-active {
                 margin-right: if( $kendo-tabstrip-border-width, -$kendo-tabstrip-border-width, null );
                 border-right-width: $kendo-tabstrip-border-width;
-                border-right-color: transparent !important; // sass-lint:disable-line no-important
+                border-right-color: transparent !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         > .k-content,
         > .k-tabstrip-content {
             @include border-right-radius( $kendo-tabstrip-item-border-radius );
-            border-left-width: 0 !important; // sass-lint:disable-line no-important
+            border-left-width: 0 !important; // stylelint-disable-line declaration-no-important
         }
 
     }
@@ -42880,7 +42713,7 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
             .k-item.k-active {
                 margin-left: if( $kendo-tabstrip-border-width, -$kendo-tabstrip-border-width, null );
                 border-left-width: $kendo-tabstrip-border-width;
-                border-left-color: transparent !important; // sass-lint:disable-line no-important
+                border-left-color: transparent !important; // stylelint-disable-line declaration-no-important
             }
         }
 
@@ -42956,7 +42789,7 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
         // Hide tabstrip indicator when dragging
         .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging {
             &::after {
-                display: none !important; // sass-lint:disable-line no-important
+                display: none !important; // stylelint-disable-line declaration-no-important
             }
         }
 
@@ -42977,11 +42810,6 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
             > .k-tabstrip-content { order: 0; }
         }
 
-        .k-tabstrip-prev .k-button-icon,
-        .k-tabstrip-next .k-button-icon {
-            transform: scaleX(-1);
-        }
-
     }
 
 }
@@ -43300,6 +43128,7 @@ $kendo-wizard-step-focus-border: #656565 !default;
     .k-wizard-vertical {
 
         .k-wizard-steps {
+            margin-left: $kendo-wizard-content-padding-x;
             flex: 1 0 0%;
         }
 
@@ -43307,9 +43136,6 @@ $kendo-wizard-step-focus-border: #656565 !default;
             flex: 1 1 0%;
         }
 
-        .k-wizard-steps {
-            margin-left: $kendo-wizard-content-padding-x;
-        }
     }
 
     .k-wizard-left {
@@ -44421,25 +44247,15 @@ $kendo-splitbar-selected-text: $kendo-selected-text !default;
         .k-pane-flex {
             &.k-hidden,
             &[hidden] {
-                // sass-lint:disable-block no-important
                 // hidden panes need to be zero-width to allow pane animation
-                flex: 0 1 0% !important;
-                overflow: hidden !important;
-                display: block !important;
+                flex: 0 1 0% !important; // stylelint-disable-line declaration-no-important
+                overflow: hidden !important; // stylelint-disable-line declaration-no-important
+                display: block !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         &.k-splitter-horizontal {
             flex-direction: row;
-
-            &[dir="rtl"] {
-                > .k-splitbar {
-                    > .k-collapse-next,
-                    > .k-collapse-prev {
-                        transform: scaleX(-1);
-                    }
-                }
-            }
         }
         &.k-splitter-vertical {
             flex-direction: column;
@@ -44880,7 +44696,7 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
 
 
     // Grid specific styles
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         > div.k-pane {
             box-shadow: none;
@@ -44940,7 +44756,7 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
 
 
     // Scheduler specific styles
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         .k-scheduler-edit-form {
 
@@ -45167,7 +44983,7 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
 
 
     // Common styles for the Adaptive Layout
-    .k-pane-wrapper {
+    .k-pane-wrapper { // stylelint-disable-line
 
         .k-appbar {
             padding: k-map-get( $kendo-spacing, 1 );
@@ -45282,24 +45098,12 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
         &[dir="rtl"],
         [dir="rtl"] & {
 
-            .k-header-cancel .k-button-icon,
-            .k-listgroup-item .k-select .k-svg-icon,
-            .k-listgroup-item .k-select .k-icon {
-                transform: scaleX( -1 );
-            }
-
             .k-scheduler-mobile {
 
                 .k-scheduler-toolbar {
-
                     > ul > li {
                         border: 0;
                     }
-
-                    .k-nav-prev,
-                    .k-nav-next {
-                        transform: scaleX(-1);
-                    }
                 }
 
                 .k-task .k-i-reload {
@@ -45403,7 +45207,7 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
             .k-clear,
             .k-select-all,
             .k-scheduler-delete,
-            .k-scheduler-resetSeries { // sass-lint:disable-line class-name-format
+            .k-scheduler-resetSeries { // stylelint-disable-line
                 color: $kendo-adaptive-menu-clear-text;
             }
 
@@ -45789,6 +45593,7 @@ $kendo-grid-sticky-hover-bg: k-try-shade( $kendo-grid-bg ) !default;
 $kendo-grid-sticky-selected-hover-bg: k-color-shade( $kendo-grid-sticky-selected-bg, .7 ) !default;
 
 $kendo-grid-column-menu-width: 250px !default;
+$kendo-grid-column-menu-max-width: 320px !default;
 
 $kendo-grid-filter-menu-check-all-border-bottom-width: 1px !default;
 
@@ -46373,7 +46178,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
     }
 
     .k-grid-filter-popup {
-        min-width: 200px;
+        min-width: $kendo-grid-column-menu-width;
+        max-width: $kendo-grid-column-menu-max-width;
     }
 
     // Standalone column menu
@@ -46944,17 +46750,18 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
     }
 
     // Remove Grid scrollbar during built-in export
+    // stylelint-disable declaration-no-important
     .k-pdf-export-shadow {
         .k-grid {
             float: left;
-            width: auto !important; // sass-lint:disable-line no-important
+            width: auto !important;
         }
 
         // Remove all sizes and scrolling
         .k-grid,
         .k-grid-content,
         .k-grid-content-locked {
-            height: auto !important; // sass-lint:disable-line no-important
+            height: auto !important;
             overflow: visible;
         }
 
@@ -46962,21 +46769,23 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
             & + .k-grid-header-wrap,
             & + .k-grid-content,
             & + .k-grid-footer-wrap {
-                width: auto !important; // sass-lint:disable-line no-important
+                width: auto !important;
             }
         }
 
         // Remove empty space reserved above .k-table-the scrollbar
         .k-grid-header,
         .k-grid[data-role="grid"] .k-grid-footer {
-            padding: 0 !important; // sass-lint:disable-line no-important
+            padding: 0 !important;
         }
     }
+    // stylelint-enable declaration-no-important
 
 
     // Filter menu
     .k-filter-menu-popup {
-        width: $kendo-grid-column-menu-width;
+        min-width: $kendo-grid-column-menu-width;
+        max-width: $kendo-grid-column-menu-max-width;
     }
     .k-filter-menu {
         box-sizing: border-box;
@@ -47020,7 +46829,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
     .k-grid-filter-popup.k-popup {
 
         .k-filter-menu-container {
-            width: $kendo-grid-column-menu-width;
+            min-width: $kendo-grid-column-menu-width;
+            max-width: $kendo-grid-column-menu-max-width;
         }
     }
 
@@ -47051,19 +46861,17 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
 
     // autofitting requires automatic table layout to measure sizes
     .k-autofitting {
-        // sass-lint:disable-block no-important
-
-        width: auto !important;
-        table-layout: auto !important;
+        width: auto !important; // stylelint-disable-line declaration-no-important
+        table-layout: auto !important; // stylelint-disable-line declaration-no-important
 
         .k-table-th,
         td,
         .k-table-td {
-            white-space: nowrap !important;
+            white-space: nowrap !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-detail-row {
-            display: none !important;
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
     }
 
@@ -47072,13 +46880,13 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
     // Column menu
     .k-column-menu-popup,
     .k-grid-columnmenu-popup {
-        width: $kendo-grid-column-menu-width;
+        min-width: $kendo-grid-column-menu-width;
         box-sizing: border-box;
 
         &.k-popup {
             padding-block: $kendo-grid-column-menu-popup-padding-y;
             padding-inline: $kendo-grid-column-menu-popup-padding-x;
-            max-width: 100%;
+            max-width: $kendo-grid-column-menu-max-width;
         }
 
         .k-actions {
@@ -47200,6 +47008,18 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
         flex: 1 1 auto;
     }
 
+    .k-rtl .k-grid-virtual .k-grid-content,
+    [dir="rtl"] .k-grid-virtual .k-grid-content,
+    .k-rtl.k-grid-virtual .k-grid-content,
+    [dir="rtl"].k-grid-virtual .k-grid-content {
+
+        .k-grid-table-wrap,
+        .k-grid-table,
+        > .k-height-container {
+            float: right;
+        }
+    }
+
 }
 
 
@@ -47895,14 +47715,6 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
         }
     }
 
-    // Grid footer
-    .k-grid-footer {
-        .k-grid-footer-sticky {
-            @include fill(
-                $bg: $kendo-grid-sticky-footer-bg
-            );
-        }
-    }
 
     // Selection Aggregates
     .k-selection-aggregates {
@@ -48195,7 +48007,7 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
         border-color: $kendo-grid-border;
     }
 
-    //Row resize indicator
+    // Row resize indicator
     .k-resizer-wrap {
 
         &.k-hover .k-row-resizer {
@@ -48913,9 +48725,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
 
 
     // Spreadsheet view
-    // sass-lint:disable no-important
     .k-spreadsheet-view {
-        height: auto !important;
+        height: auto !important; // stylelint-disable-line declaration-no-important
         border-color: inherit;
         font-size: 12px;
         font-family: Arial, Verdana, Sans-serif;
@@ -48928,7 +48739,7 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
             pointer-events: auto;
         }
     }
-    // sass-lint:enable no-important
+
     .k-spreadsheet-fixed-container {
         width: 100%;
         height: 100%;
@@ -49124,9 +48935,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
     }
 
     .k-spreadsheet-active-cell {
-        // sass-lint:disable-block no-important
         // always show exact active cell border, regardless of inline cell styles
-        outline-color: transparent !important;
+        outline-color: transparent !important; // stylelint-disable-line declaration-no-important
         z-index: 10;
     }
 
@@ -49521,7 +49331,7 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
             position: absolute;
             transform: translate(-50%, -50%);
 
-            // sass-lint:disable class-name-format, one-declaration-per-line
+            // stylelint-disable declaration-block-single-line-max-declarations, selector-class-pattern
             &.N { left: 50%; top: 0; cursor: ns-resize; }
             &.NE { left: 100%; top: 0; cursor: nesw-resize; }
             &.E { left: 100%; top: 50%; cursor: ew-resize; }
@@ -49530,7 +49340,7 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
             &.SW { left: 0; top: 100%; cursor: nesw-resize; }
             &.W { left: 0; top: 50%; cursor: ew-resize; }
             &.NW { left: 0; top: 0; cursor: nwse-resize; }
-            // sass-lint:enable class-name-format, one-declaration-per-line
+            // stylelint-enable declaration-block-single-line-max-declarations, selector-class-pattern
         }
 
         .k-spreadsheet-insert-image-dialog {
@@ -50733,7 +50543,7 @@ $kendo-pivotgrid-remove-text: null !default;
     .k-pdf-export-shadow {
 
         .k-pivotgrid {
-            height: auto !important; // sass-lint:disable-line no-important
+            height: auto !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-pivotgrid-values  {
@@ -52590,7 +52400,7 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
         border-width: $kendo-taskboard-card-border-width;
 
         &.k-taskboard-card-category {
-            border-left-width: $kendo-taskboard-card-category-border-width;
+            border-inline-start-width: $kendo-taskboard-card-category-border-width;
         }
 
         .k-card-header
@@ -52631,20 +52441,6 @@ $kendo-taskboard-drag-placeholder-border: $kendo-component-border !default;
         position: relative;
     }
 
-
-
-
-    // RTL
-    .k-taskboard-card.k-taskboard-card-category {
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            border-left-width: $kendo-taskboard-card-border-width;
-            border-right-width: $kendo-taskboard-card-category-border-width;
-        }
-    }
-
 }
 
 
@@ -52890,7 +52686,7 @@ $kendo-editor-resize-handle-border: #000000 !default;
 $kendo-editor-resize-handle-bg: #ffffff !default;
 
 $kendo-editor-selectednode-outline-width: 2px !default;
-$kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-line hex-length
+$kendo-editor-selectednode-outline-color: #88ccff !default;
 
 // #endregion
 // #region @import "./_layout.scss"; -> scss/editor/_layout.scss
@@ -53014,12 +52810,13 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
         }
     }
 
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+    // stylelint-disable selector-no-vendor-prefix, selector-class-pattern
+    .ProseMirror-selectednode {
         outline-width: $kendo-editor-selectednode-outline-width;
         outline-style: solid;
 
     }
-    .ProseMirror-hideselection { // sass-lint:disable-line class-name-format
+    .ProseMirror-hideselection {
         caret-color: transparent;
 
         *::selection,
@@ -53027,7 +52824,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
             background: transparent;
         }
     }
-
+    // stylelint-enable selector-no-vendor-prefix, selector-class-pattern
 
     // Toolbar
     .k-editor-toolbar {
@@ -53060,7 +52857,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
             display: block;
         }
 
-        > .ProseMirror { // sass-lint:disable-line class-name-format
+        > .ProseMirror { // stylelint-disable-line
             padding: $kendo-padding-md-x;
             width: 100%;
             height: 100%;
@@ -53085,7 +52882,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
             }
 
             &[contenteditable="false"] {
-                cursor: unset !important; // sass-lint:disable-line no-important
+                cursor: unset !important; // stylelint-disable-line declaration-no-important
 
                 .k-editor-resize-handles-wrapper,
                 .k-editor-resize-handle,
@@ -53099,7 +52896,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
                     pointer-events: none;
                 }
 
-                & .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+                & .ProseMirror-selectednode { // stylelint-disable-line
                     outline: none;
                 }
             }
@@ -53144,7 +52941,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
         }
 
         // Give selected cells a blue overlay
-        .selectedCell::after { // sass-lint:disable-line class-name-format
+        .selectedCell::after { // stylelint-disable-line
             z-index: 2;
             position: absolute;
             content: "";
@@ -53607,7 +53404,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
         background-color: $kendo-editor-resize-handle-bg;
         border-color: $kendo-editor-resize-handle-border;
     }
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+    .ProseMirror-selectednode { // stylelint-disable-line
         outline-color: $kendo-editor-selectednode-outline-color;
     }
 
@@ -53643,7 +53440,7 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
             border-color: #dddddd;
         }
 
-        .selectedCell::after { // sass-lint:disable-line class-name-format
+        .selectedCell::after { // stylelint-disable-line
             background-color: rgba(200, 200, 255, .4);
         }
     }
@@ -54413,7 +54210,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
 
 
     // Responsive gantt toolbar
-    @media (max-width: 480px) {
+    @media (max-width: 480px) { // stylelint-disable-line
 
         .k-gantt-toolbar {
             .k-gantt-toggle {
@@ -54434,7 +54231,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
 
     }
 
-    @media (max-width: 1024px) {
+    @media (max-width: 1024px) { // stylelint-disable-line
         .k-gantt-views-wrapper .k-gantt-views { display: none; }
         .k-gantt-views-wrapper .k-views-dropdown { display: flex; }
     }
@@ -54459,7 +54256,7 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
         }
         .k-grid-header,
         .k-grid-footer {
-            padding: 0 !important; // sass-lint:disable-line no-important
+            padding: 0 !important; // stylelint-disable-line declaration-no-important
         }
         .k-grid-header tr {
             height: calc( #{$kendo-line-height-em} * 2 + #{$kendo-grid-header-padding-y * 4} + 2px );
@@ -54968,9 +54765,9 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
         .k-gantt,
         .k-gantt-timeline,
         .k-gantt-dependencies {
-            width: auto !important; // sass-lint:disable-line no-important
-            height: auto !important; // sass-lint:disable-line no-important
-            overflow: visible !important; // sass-lint:disable-line no-important
+            width: auto !important; // stylelint-disable-line declaration-no-important
+            height: auto !important; // stylelint-disable-line declaration-no-important
+            overflow: visible !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-gantt-treelist .k-treelist {
@@ -56174,8 +55971,8 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
         }
     }
 
-    // sass-lint:disable no-important
     // remove scrollbars during PDF export
+    // stylelint-disable declaration-no-important
     .k-pdf-export-shadow .k-scheduler,
     .k-scheduler-pdf-export .k-scheduler-content,
     .k-scheduler-pdf-export .k-scheduler-times {
@@ -56199,7 +55996,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
             width: 100% !important;
         }
     }
-    // sass-lint:enable no-important
+    // stylelint-enable declaration-no-important
 
 
     // TODO: add this class to jQuery rendering
@@ -56218,9 +56015,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 
 
     // Workweek view
-    // sass-lint:disable class-name-format
-    .k-scheduler-workWeekview {}
-    // sass-lint:enable class-name-format
+    .k-scheduler-workWeekview {} // stylelint-disable-line
 
 
     // Week view
@@ -56241,14 +56036,12 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
             min-height: 80px;
         }
 
-        // sass-lint:disable no-important
         // hidden cells must have no layout
         .k-hidden {
-            padding-left: 0 !important;
-            padding-right: 0 !important;
-            border-right-width: 0 !important;
+            padding-left: 0 !important; // stylelint-disable-line declaration-no-important
+            padding-right: 0 !important; // stylelint-disable-line declaration-no-important
+            border-right-width: 0 !important; // stylelint-disable-line declaration-no-important
         }
-        // sass-lint:enable no-important
 
         .k-scheduler-table-auto,
         .k-scheduler-table-auto td,
@@ -56574,13 +56367,6 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 
         .k-scheduler,
         &.k-scheduler {
-            .k-i-caret-alt-left,
-            .k-i-caret-alt-right,
-            .k-i-arrow-60-left,
-            .k-i-arrow-60-right,
-            .k-current-time-arrow-right {
-                transform: scaleX(-1);
-            }
 
             .k-scheduler-header-wrap {
                 border-right-width: 0;
@@ -56644,9 +56430,9 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
             }
         }
 
+        // Angular fix for stronger selector and smaller padding
         .k-event-template {
-            // Angular fix for stronger selector and smaller padding
-            & {
+            & { // stylelint-disable-line
                 padding-block: $kendo-padding-sm-y;
                 padding-inline: $kendo-padding-sm-x;
                 font-size: $kendo-font-size-sm;
@@ -56722,7 +56508,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
     }
 
 
-    //Scheduler navigation
+    // Scheduler navigation
     .k-scheduler-navigation {}
 
 
@@ -56828,9 +56614,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 
 
     // Workweek view
-    // sass-lint:disable class-name-format
-    .k-scheduler-workWeekview {}
-    // sass-lint:enable class-name-format
+    .k-scheduler-workWeekview {} // stylelint-disable-line
 
 
     // Week view
@@ -57354,8 +57138,8 @@ $kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
         box-sizing: border-box;
         border-width: 1px 0 0;
         border-style: solid;
-        border-color: inherit !important; // sass-lint:disable-line no-important
-        border-radius: 0 !important; // sass-lint:disable-line no-important
+        border-color: inherit !important; // stylelint-disable-line declaration-no-important
+        border-radius: 0 !important; // stylelint-disable-line declaration-no-important
         flex: none;
         display: flex;
         flex-flow: row nowrap;
@@ -57862,9 +57646,7 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
     }
     .k-mediaplayer-toolbar {
         border-width: 0;
-        // sass-lint:disable no-important
-        width: 100% !important;
-        // sass-lint:enable no-important
+        width: 100% !important; // stylelint-disable-line declaration-no-important
         box-shadow: none;
 
 
@@ -57895,9 +57677,7 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
         transform: translateY( -50% );
     }
     .k-mediaplayer-seekbar .k-slider-track {
-        // sass-lint:disable no-important
-        width: 100% !important;
-        // sass-lint:enable no-important
+        width: 100% !important; // stylelint-disable-line declaration-no-important
         border-radius: 0;
     }
     .k-mediaplayer-seekbar .k-slider-selection {
@@ -57909,10 +57689,8 @@ $kendo-media-player-titlebar-gradient: rgba( $kendo-media-player-text, .7 ), rgb
         position: fixed;
         top: 0;
         left: 0;
-        // sass-lint:disable no-important
-        width: 100% !important;
-        height: 100% !important;
-        // sass-lint:enable no-important
+        width: 100% !important; // stylelint-disable-line declaration-no-important
+        height: 100% !important; // stylelint-disable-line declaration-no-important
     }
 
 }
@@ -58874,7 +58652,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
             height: 100%;
             align-items: center;
             justify-content: center;
-            background-color: inherit !important; // sass-lint:disable-line no-important
+            background-color: inherit !important; // stylelint-disable-line declaration-no-important
 
             .k-upload,
             .k-dropzone,
@@ -58888,7 +58666,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
 
     // Search
     .k-pdf-viewer-search-dialog {
-        padding: 0 !important; // sass-lint:disable-line no-important
+        padding: 0 !important; // stylelint-disable-line declaration-no-important
     }
 
     .k-search-panel {
@@ -58928,6 +58706,7 @@ $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
         border-style: solid;
         border-radius: $kendo-pdf-viewer-search-panel-border-radius;
         z-index: 10;
+        cursor: default;
     }
 
     // Alias
@@ -59512,17 +59291,6 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
         }
     }
 
-    .k-rtl,
-    [dir="rtl"] {
-        .k-scrollview-prev,
-        .k-scrollview-next {
-            .k-icon,
-            .k-svg-icon {
-                transform: scaleX(-1);
-            }
-        }
-    }
-
 }
 
 
@@ -59956,6 +59724,7 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
 
 
     // Exported variables
+    // stylelint-disable selector-class-pattern
     .k-var--chart-font {
         font-size: $kendo-chart-font-size;
     }
@@ -59972,6 +59741,7 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
     .k-var--chart-label-font {
         font-size: $kendo-chart-label-font-size;
     }
+    // stylelint-enable selector-class-pattern
 
     // Elements
     .k-chart,
@@ -60433,6 +60203,7 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
 @mixin kendo-dataviz--theme-base() {
 
     // Exported variables
+    // stylelint-disable  selector-class-pattern
     .k-var--chart-inactive {
         background-color: $kendo-chart-inactive;
     }
@@ -60476,6 +60247,7 @@ $kendo-treemap-line-height: $kendo-line-height-md !default;
     .k-var--chart-error-bars-background {
         background-color: $kendo-chart-error-bars-background;
     }
+    // stylelint-enable  selector-class-pattern
 
     // Elements
     .k-chart,
@@ -61286,7 +61058,7 @@ $kendo-signature-md-padding-x: $kendo-signature-padding-x !default;
 $kendo-signature-lg-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 
 $kendo-signature-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-signature-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-signature-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-signature-md-padding-y: $kendo-signature-padding-y !default;
 $kendo-signature-lg-padding-y: k-map-get( $kendo-spacing, 2 ) !default;