@progress/kendo-theme-material 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 {
@@ -3549,7 +3546,6 @@ $material-light-complimentary: (
 
     // stylelint-disable-next-line function-comma-newline-after
     $result: k-map-merge($base-palette, (
-        // sass-lint:disable-block indentation
         main: k-map-get($base-palette, $main),
         lighter: k-map-get($base-palette, $lighter),
         darker: k-map-get($base-palette, $darker),
@@ -3562,7 +3558,6 @@ $material-light-complimentary: (
     @each $hue, $color in $base-palette {
         // stylelint-disable-next-line function-comma-newline-after
         $result: k-map-merge($result, (
-            // sass-lint:disable-block indentation
             "#{$hue}-contrast": material-contrast($base-palette, $hue)
         ));
     }
@@ -3596,7 +3591,6 @@ $material-light-complimentary: (
 @function material-theme($kendo-color-primary, $kendo-color-secondary, $theme-type, $warn: material-palette(red)) {
     $complimentary: if($theme-type == dark, $material-dark-complimentary, $material-light-complimentary);
     @return k-map-merge((
-        // sass-lint:disable-block indentation
         primary: $kendo-color-primary,
         secondary: $kendo-color-secondary,
         warn: $warn
@@ -3691,7 +3685,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}`.";
     }
 
@@ -3741,7 +3734,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:
@@ -3791,7 +3783,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;
     }
@@ -4456,6 +4448,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 ) );
@@ -4463,7 +4456,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!";
                 }
             }
@@ -4477,7 +4469,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!";
             }
         }
@@ -4492,7 +4483,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.";
         }
     }
@@ -4502,11 +4492,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
 
@@ -4543,7 +4533,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
@@ -4597,8 +4587,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,
@@ -4622,7 +4612,7 @@ $_imported: () !default;
 
     // Hidden
     .k-hidden {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -4646,14 +4636,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
     }
 
 }
@@ -4699,7 +4689,6 @@ $kendo-auto-bootstrap: true !default;
 
 // Spacing
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: 2px,
@@ -4800,7 +4789,7 @@ $kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-padding-x: 16px !default;
 $kendo-padding-y: 4px !default;
 $kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
-$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-padding-md-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
@@ -5152,8 +5141,7 @@ $kendo-invalid-shadow: null !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
     }
 }
 
@@ -5652,9 +5640,8 @@ $kendo-invalid-shadow: null !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;
         }
     }
@@ -5671,9 +5658,8 @@ $kendo-invalid-shadow: null !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;
         }
     }
@@ -5685,7 +5671,7 @@ $kendo-invalid-shadow: null !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 {
@@ -5702,8 +5688,7 @@ $kendo-invalid-shadow: null !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 {
@@ -5717,8 +5702,8 @@ $kendo-invalid-shadow: null !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;
         }
@@ -5742,6 +5727,7 @@ $kendo-invalid-shadow: null !default;
             }
         }
     }
+    // stylelint-enable declaration-no-important
 
     // Fade
     .k-fx-fade {
@@ -5780,7 +5766,7 @@ $kendo-invalid-shadow: null !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
@@ -6254,7 +6240,6 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -6292,7 +6277,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%,
@@ -6335,8 +6319,6 @@ $kendo-border-radii: (
     full: 9999px
 ) !default;
 
-//
-
 $kendo-utils: (
 
     // Accessibility
@@ -6429,7 +6411,6 @@ $kendo-utils: (
     ),
     "overscroll": (),
     "placement": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         -1: -1px
     )),
     "position": (
@@ -6702,14 +6683,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": (
@@ -6846,33 +6826,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": (
@@ -6893,7 +6870,6 @@ $kendo-utils: (
         fit: fit-content
     ),
     "height": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vh
     )),
     "min-height": (
@@ -6951,7 +6927,6 @@ $kendo-utils: (
         end
     ),
     "text-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -7007,7 +6982,6 @@ $kendo-utils: (
         text: text
     ),
     "background-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "transparent": transparent,
         "black": black,
@@ -7051,7 +7025,6 @@ $kendo-utils: (
         none
     ),
     "border-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -7078,7 +7051,6 @@ $kendo-utils: (
         none
     ),
     "outline-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -7097,7 +7069,6 @@ $kendo-utils: (
     "box-shadow": (),
     "box-shadow-color": (),
     "opacity": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         5: 0.05,
         10: 0.1,
@@ -7136,7 +7107,6 @@ $kendo-utils: (
     // Transform
     "flip": true,
     "scale": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         0.25: .25,
         0.5: .5,
@@ -7320,7 +7290,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
                     }
                 }
             }
@@ -7651,9 +7621,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; }
 
 }
 
@@ -8000,7 +7970,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
@@ -9005,8 +8975,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; }
 
 }
 
@@ -9049,8 +9019,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; }
 
 }
 
@@ -9199,7 +9169,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
 
 }
 
@@ -11451,9 +11421,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
@@ -13013,11 +12983,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; }
@@ -13142,11 +13112,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() {
 
@@ -13176,7 +13146,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 );
 }
@@ -13186,7 +13156,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() {
 
@@ -13224,14 +13194,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() {
 
@@ -13298,7 +13268,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 );
 }
@@ -13308,7 +13278,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() {
 
@@ -14205,7 +14175,7 @@ $kendo-paragraph-font-size: 1rem !default;
 $kendo-paragraph-font-family: $kendo-font-family !default;
 $kendo-paragraph-line-height: $kendo-line-height-lg !default;
 $kendo-paragraph-font-weight: $kendo-font-weight-normal !default;
-$kendo-paragraph-letter-spacing: .03125em !default;
+$kendo-paragraph-letter-spacing: .0313em !default;
 
 
 // Code
@@ -15814,6 +15784,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: "";
@@ -15825,19 +15799,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;
@@ -16893,7 +16854,7 @@ $kendo-checkbox-ripple-opacity: .2 !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,
@@ -16907,7 +16868,7 @@ $kendo-checkbox-ripple-opacity: .2 !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;
@@ -16962,7 +16923,7 @@ $kendo-checkbox-ripple-opacity: .2 !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,
@@ -17011,7 +16972,7 @@ $kendo-checkbox-ripple-opacity: .2 !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 {
@@ -17217,7 +17178,7 @@ $kendo-checkbox-ripple-opacity: .2 !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;
@@ -17302,7 +17263,7 @@ $kendo-checkbox-ripple-opacity: .2 !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;
@@ -17780,11 +17741,6 @@ $kendo-listgroup-item-border-width: 1px !default;
                 > .k-select {
                     right: auto;
                     left: 0;
-
-                    .k-icon,
-                    .k-svg-icon {
-                        transform: scaleX(-1);
-                    }
                 }
             }
         }
@@ -17800,11 +17756,6 @@ $kendo-listgroup-item-border-width: 1px !default;
                 margin-left: -$kendo-listgroup-item-padding-x;
                 border-right-width: 1px;
                 border-left-width: 0;
-
-                .k-icon,
-                .k-svg-icon {
-                    transform: scaleX(-1);
-                }
             }
         }
     }
@@ -18577,7 +18528,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;
 
@@ -18663,18 +18614,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;
@@ -18683,6 +18635,7 @@ $kendo-table-selected-border: null !default;
                 right: 0;
             }
         }
+        // stylelint-enable declaration-no-important
     }
 
 
@@ -18708,7 +18661,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;
 
@@ -19323,7 +19276,7 @@ $kendo-badge-border-radius: $kendo-border-radius-md !default;
 $kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 /// The horizontal padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The horizontal padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
@@ -19336,7 +19289,7 @@ $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
@@ -19949,7 +19902,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;
@@ -20131,7 +20084,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
         }
     }
 
@@ -20275,7 +20228,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 {
@@ -20452,7 +20405,7 @@ $kendo-chip-list-sizes: (
                     @include box-shadow( none );
                     @include fill( $bg: k-try-tint( $color, 88% ) );
                 }
-            } @else if($name == "warning") {
+            } @else if ($name == "warning") {
                 @include fill(
                     $color: if( $kendo-is-dark-theme, k-try-shade( $color, 50% ), $kendo-chip-outline-text)
                 );
@@ -20587,8 +20540,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;
 
@@ -21358,7 +21310,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;
     }
 
@@ -21422,11 +21374,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
         }
     }
 
@@ -21959,20 +21909,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,
@@ -22006,10 +21956,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
     }
 
 
@@ -22033,7 +21983,7 @@ $_kendo-module-meta: (
     }
 
 
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::before {
             @extend .k-button-overlay !optional;
@@ -22082,7 +22032,7 @@ $_kendo-module-meta: (
 
 
     // Button focus ring
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::after {
             @include border-radius( inherit );
@@ -22124,7 +22074,7 @@ $_kendo-module-meta: (
             transition: opacity .4s cubic-bezier( .25, .8, .25, 1 );
         }
         &::after {
-            display: none !important; // sass-lint:disable-line no-important
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
 
         &:disabled,
@@ -22137,8 +22087,8 @@ $_kendo-module-meta: (
 
     // Outline button
     .k-button-outline {
-        background-color: transparent !important; // sass-lint:disable-line no-important
-        box-shadow: none !important; // sass-lint:disable-line no-important
+        background-color: transparent !important; // stylelint-disable-line declaration-no-important
+        box-shadow: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -22679,7 +22629,7 @@ $kendo-menu-gradient: null !default;
 
 $kendo-menu-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
 $kendo-menu-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-menu-item-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-menu-item-spacing: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
 
 $kendo-menu-item-bg: rgba( $kendo-menu-text, 0 ) !default;
@@ -22931,7 +22881,7 @@ $kendo-menu-popup-item-focus-shadow: null !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 {
@@ -22956,7 +22906,7 @@ $kendo-menu-popup-item-focus-shadow: null !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 {
@@ -23109,7 +23059,7 @@ $kendo-menu-popup-item-focus-shadow: null !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 {
@@ -23148,28 +23098,28 @@ $kendo-menu-popup-item-focus-shadow: null !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;
@@ -23177,43 +23127,6 @@ $kendo-menu-popup-item-focus-shadow: null !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;
-            }
-
-        }
-
-    }
-
 }
 
 
@@ -23737,13 +23650,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;
@@ -23759,14 +23669,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
@@ -23928,9 +23838,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,
@@ -24502,7 +24411,7 @@ $kendo-input-clear-value-hover-opacity: 1 !default;
 
 /// 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
+$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;
@@ -25022,8 +24931,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;
@@ -25968,7 +25877,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;
@@ -26237,8 +26146,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 {
@@ -26271,8 +26180,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,
@@ -26315,14 +26224,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
     }
 
 
@@ -26375,8 +26284,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;
             }
@@ -26403,11 +26312,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 {}
     }
@@ -26445,9 +26354,9 @@ $_kendo-module-meta: (
     // Fill mode
     .k-input-solid,
     .k-picker-solid {
-        @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
+        border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
 
         .k-input-button,
         .k-input-spinner .k-spinner-increase,
@@ -26513,10 +26422,7 @@ $_kendo-module-meta: (
             display: block;
             position: absolute;
             z-index: 2;
-            top: -1px;
-            bottom: -1px;
-            left: -1px;
-            right: -1px;
+            inset: -1px;
             opacity: 0;
             transform: scaleX(0);
             transition: opacity .3s, transform .3s;
@@ -27070,7 +26976,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.
@@ -27861,9 +27767,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
@@ -27994,15 +27897,6 @@ $kendo-listbox-drop-hint-width: 2px !default;
         .k-ghost {
             opacity: .5;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-listbox-actions .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-item {
@@ -28285,7 +28179,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 {
@@ -28330,13 +28224,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 ) ) );
             }
         }
 
@@ -28573,10 +28467,10 @@ $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
 
 // #endregion
 
-@function _translate($direction, $value) {
+@function _translate($direction, $value) { // stylelint-disable-line
     @return if($direction == horizontal, translateX($value), translateY($value));
 }
-@function _scale($direction, $value) {
+@function _scale($direction, $value) { // stylelint-disable-line
     @return if($direction == horizontal, scaleX($value), scaleY($value));
 }
 
@@ -28981,7 +28875,7 @@ $kendo-radio-ripple-opacity: .2 !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,
@@ -28995,7 +28889,7 @@ $kendo-radio-ripple-opacity: .2 !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;
@@ -29050,7 +28944,7 @@ $kendo-radio-ripple-opacity: .2 !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,
@@ -29395,16 +29289,6 @@ $kendo-slider-disabled-opacity: .65 !default;
                 cursor: default;
             }
         }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-slider-selection {
-                left: auto;
-                right: 0;
-            }
-        }
     }
 
 
@@ -29487,36 +29371,13 @@ $kendo-slider-disabled-opacity: .65 !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% );
                 }
             }
         }
@@ -29600,7 +29461,7 @@ $kendo-slider-disabled-opacity: .65 !default;
 
         .k-label {
             text-align: start;
-            left: 120%;
+            inset-inline-start: 120%;
             top: 50%;
             transform: translateY(-50%);
         }
@@ -29608,23 +29469,8 @@ $kendo-slider-disabled-opacity: .65 !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%;
         }
 
     }
@@ -29660,34 +29506,16 @@ $kendo-slider-disabled-opacity: .65 !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,
@@ -29767,7 +29595,7 @@ $kendo-slider-disabled-opacity: .65 !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,
@@ -29776,20 +29604,50 @@ $kendo-slider-disabled-opacity: .65 !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; }
 }
 
 
@@ -30701,11 +30559,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");
@@ -30910,7 +30763,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 );
@@ -36457,7 +36310,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba( black, .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%;
@@ -36976,7 +36829,7 @@ $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
 
 /// The horizontal padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the FAB icon.
 /// @group floating-action-button
 $kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
@@ -37675,11 +37528,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 {
@@ -38409,7 +38257,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; }
@@ -38445,11 +38293,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 );
     }
 
 
@@ -38810,7 +38656,7 @@ $kendo-drawer-selected-hover-text: $kendo-color-secondary !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;
@@ -38898,7 +38744,7 @@ $kendo-drawer-selected-hover-text: $kendo-color-secondary !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 {
@@ -39232,7 +39078,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-contrast-color( $color ),
@@ -40352,9 +40197,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
@@ -41312,15 +41155,6 @@ $kendo-pager-sizes: (
         *::after {
             box-sizing: border-box;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-pager-nav .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
-
     }
 
 
@@ -42195,9 +42029,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 {
@@ -42531,7 +42362,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;
@@ -42630,14 +42461,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 {
@@ -42653,14 +42484,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 {
@@ -42678,14 +42509,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
         }
 
     }
@@ -42704,7 +42535,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
             }
         }
 
@@ -42780,7 +42611,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
             }
         }
 
@@ -42801,11 +42632,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);
-        }
-
     }
 
 }
@@ -43134,6 +42960,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%;
         }
 
@@ -43141,9 +42968,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 {
@@ -44256,25 +44080,15 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !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;
@@ -44715,7 +44529,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;
@@ -44775,7 +44589,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 {
 
@@ -45002,7 +44816,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 );
@@ -45117,24 +44931,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 {
@@ -45238,7 +45040,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;
             }
 
@@ -45623,6 +45425,7 @@ $kendo-grid-sticky-hover-bg: k-try-shade($kendo-grid-bg, 7%) !default;
 $kendo-grid-sticky-selected-hover-bg: k-try-shade($kendo-grid-sticky-selected-bg, .87) !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: 0 !default;
 
@@ -46209,7 +46012,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
@@ -46780,17 +46584,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;
         }
 
@@ -46798,21 +46603,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;
@@ -46856,7 +46663,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;
         }
     }
 
@@ -46887,19 +46695,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
         }
     }
 
@@ -46908,13 +46714,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 {
@@ -47036,6 +46842,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;
+        }
+    }
+
 }
 
 
@@ -47832,15 +47650,13 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
         }
 
         .k-table-thead > .k-table-row:not(:only-child) > .k-table-th {
+            border-inline-start-color: $kendo-grid-border;
+
             &.k-grid-header-sticky {
                 border-inline-color: $kendo-grid-sticky-header-border;
             }
         }
 
-        .k-table-thead > .k-table-row:not(:only-child) > .k-table-th {
-            border-inline-start-color: $kendo-grid-border;
-        }
-
         .k-grid-header-locked .k-table-thead .k-table-row .k-table-th {
             border-inline-color: $kendo-grid-sticky-header-border;
         }
@@ -48628,9 +48444,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;
@@ -48643,7 +48458,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%;
@@ -48839,9 +48654,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;
     }
 
@@ -49236,7 +49050,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; }
@@ -49245,7 +49059,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 {
@@ -50511,7 +50325,7 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !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  {
@@ -52401,7 +52215,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
@@ -52442,20 +52256,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;
-        }
-    }
-
 }
 
 
@@ -52701,7 +52501,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
@@ -52825,12 +52625,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,
@@ -52838,7 +52639,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 {
@@ -52871,7 +52672,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%;
@@ -52896,7 +52697,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,
@@ -52910,7 +52711,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;
                 }
             }
@@ -52955,7 +52756,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: "";
@@ -53438,7 +53239,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;
     }
 
@@ -53474,7 +53275,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);
         }
     }
@@ -54244,7 +54045,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 {
@@ -54265,7 +54066,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; }
     }
@@ -54290,7 +54091,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 );
@@ -54799,9 +54600,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 {
@@ -56036,8 +55837,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 {
@@ -56061,7 +55862,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
@@ -56080,9 +55881,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
@@ -56103,14 +55902,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,
@@ -56436,13 +56233,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;
@@ -56535,9 +56325,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;
             }
@@ -56550,6 +56340,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
 
     $handle-size: 2px;
     $handle-half-size: k-math-div( $handle-size, 2 );
+
     .k-event {
         .k-event-delete {
             border-radius: 50%;
@@ -56708,7 +56499,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
     }
 
 
-    //Scheduler navigation
+    // Scheduler navigation
     .k-scheduler-navigation {}
 
 
@@ -56814,9 +56605,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
@@ -57364,8 +57153,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;
@@ -57872,9 +57661,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;
 
 
@@ -57905,9 +57692,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 {
@@ -57919,10 +57704,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
     }
 
 }
@@ -58897,7 +58680,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,
@@ -58911,7 +58694,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 {
@@ -58951,6 +58734,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
@@ -59535,17 +59319,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);
-            }
-        }
-    }
-
 }
 
 
@@ -59889,6 +59662,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;
     }
@@ -59905,6 +59679,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,
@@ -60366,6 +60141,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;
     }
@@ -60409,6 +60185,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,
@@ -61214,7 +60991,7 @@ $kendo-signature-maximized-width: 750px !default;
 $kendo-signature-maximized-height: 252px !default;
 
 $kendo-signature-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-signature-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-signature-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;