@progress/kendo-theme-default 6.4.0-dev.3 → 6.4.0-dev.4

package/dist/all.scss

@@ -10,8 +10,10 @@ $wcag-min-contrast-ratio: 4.5 !default;
 // #region @import "@progress/kendo-theme-core/scss/functions/index.import.scss"; -> node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
 // #region @import "../_variables.scss"; -> node_modules/@progress/kendo-theme-core/scss/_variables.scss
 // Equilateral triangle variables
+// stylelint-disable number-max-precision
 $equilateral-index: 1.7320508076 !default;
 $equilateral-height: .8660254038 !default;
+// stylelint-enable number-max-precision
 
 // #endregion
 
@@ -192,15 +194,13 @@ $equilateral-height: .8660254038 !default;
 
 //  Precomputed linear color channel values, for use in contrast calculations.
 //  See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
-//
 //  Algorithm, for c in 0 to 255:
 //  f(c) {
 //    c = c / 255;
 //    return c < 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
 //  }
-//
 //  This lookup table is needed since there is no `pow` in SASS.
-// stylelint-disable-next-line scss/dollar-variable-default
+// stylelint-disable number-max-precision
 $_linear-channel-values: (
     0
     .0003035269835488375
@@ -459,6 +459,7 @@ $_linear-channel-values: (
     .9911020971138298
     1
 );
+// stylelint-enable number-max-precision
 
 /// The contrast ratio to reach against white, to determine if color changes from "light" to "dark".
 /// Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
@@ -503,7 +504,6 @@ $wcag-light: white !default;
 /// @link https://www.w3.org/TR/WCAG/#dfn-contrast-ratio
 /// @link https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 @function k-color-contrast-ratio( $background, $foreground ) {
-    // sass-lint:disable-block variable-name-format
     $backLum: k-color-luminance( $background ) + .05;
     $foreLum: k-color-luminance( $foreground ) + .05;
 
@@ -554,7 +554,6 @@ $wcag-light: white !default;
         }
     }
 
-    // sass-lint:disable-block no-warn
     @warn "Found no color leading to #{$min-ratio}:1 contrast ratio against #{$background}...";
 
     @return $max-ratio-color;
@@ -738,7 +737,7 @@ $kendo-color-level-step: 8% !default;
         @return null;
     }
 
-    @if $_prefix == null {
+    @if $_prefix == null { // stylelint-disable-line
         $_prefix: "";
     }
 
@@ -931,7 +930,6 @@ $_kendo-escape-class-name: (
         @return $result;
     }
 
-    // sass-lint:disable-block no-warn
     @warn "No list passed.";
     @return $result;
 }
@@ -1143,7 +1141,7 @@ $_kendo-escape-class-name: (
 /// @example scss - Usage
 ///   @debug k-math-random(); // => 0.123456789
 @function k-math-random( $limit: null ) {
-    @if ( $limit == null ) {
+    @if ( $limit == null ) { // stylelint-disable-line
         @return random();
     }
 
@@ -1203,7 +1201,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-get( ( "foo": "bar" ), "foo" ); // => "bar"
 @function k-map-get( $map, $keys... ) {
     @each $key in $keys {
-        $map: map-get( $map, $key );
+        $map: map-get( $map, $key ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1239,7 +1237,7 @@ $_kendo-escape-class-name: (
 ///   @debug k-map-merge( ( "foo": "bar" ), ( "baz": "qux" ) ); // => ( "foo": "bar", "baz": "qux" )
 @function k-map-merge( $map, $args... ) {
     @each $arg in $args {
-        $map: map-merge( $map, $arg );
+        $map: map-merge( $map, $arg ); // stylelint-disable-line
     }
     @return $map;
 }
@@ -1697,7 +1695,6 @@ $_kendo-escape-class-name: (
         $outline: $outline-prop;
 
         $result: k-map-merge($result, (
-            // sass-lint:disable-block indentation
             #{$prefix}bg: $bg,
             #{$prefix}text: $text,
             #{$prefix}border: $border,
@@ -1727,7 +1724,7 @@ $_kendo-escape-class-name: (
         $src-palette-name: k-map-get( $definition, PALETTE );
         $matrix: k-map-remove( $definition, PALETTE );
 
-        @if ($tc-index == null ) {
+        @if ($tc-index == null ) { // stylelint-disable-line
             $tmp-result: k-generate-theme-variant( $variant, $matrix, $src-palette-name );
             $result: k-map-merge( $result, $tmp-result);
         } @else {
@@ -2898,7 +2895,6 @@ $_kendo-data-uris: () !default;
 /// @require $_kendo-data-uris
 @mixin register-data-uri( $name, $content ) {
     @if ( k-map-has-key( $_kendo-data-uris, $name ) ) {
-        // sass-lint:disable-block no-warn
         @warn "Attempt to redefine data URI of file `#{$name}`.";
     }
 
@@ -2948,7 +2944,6 @@ $_kendo-data-uris: () !default;
 }
 
 @mixin checkerboard-gradient( $primary-color: white, $secondary-color: rgba( black, .09 ), $size: 10px ) {
-    // sass-lint:disable-block indentation
     $_position: calc( #{$size} / 2 );
 
     background:
@@ -2998,7 +2993,7 @@ $_kendo-imported-modules: () !default;
 /// @param {String} $name - The name of the exported module.
 /// @require $_kendo-imported-modules
 @mixin exports( $name ) {
-    @if (k-list-index( $_kendo-imported-modules, $name ) == null) {
+    @if (k-list-index( $_kendo-imported-modules, $name ) == null) { // stylelint-disable-line
         $_kendo-imported-modules: k-list-append( $_kendo-imported-modules, $name ) !global;
         @content;
     }
@@ -3663,6 +3658,7 @@ $_kendo-dependencies: (
 $_deps: () !default;
 $_imported: () !default;
 
+// stylelint-disable scss/at-if-no-null
 @mixin module-register( $name: null, $dependencies: null ) {
     @if (k-list-index( $kendo-components, $name) != null) {
         $_deps: k-map-merge( $_deps, ( $name: $dependencies ) );
@@ -3670,7 +3666,6 @@ $_imported: () !default;
         @if $dependencies {
             @each $dep in $dependencies {
                 @if ( k-list-index( $kendo-components, $dep ) == null ) {
-                    // sass-lint:disable-block no-warn
                     @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles will not be loaded!";
                 }
             }
@@ -3684,7 +3679,6 @@ $_imported: () !default;
     @if $dependencies {
         @each $dep in $dependencies {
             @if ( k-list-index( $_imported, $dep ) == null ) {
-                // sass-lint:disable-block no-warn
                 @warn "The module \"#{$name}\" depends on module \"#{$dep}\", but the styles have not been loaded yet!";
             }
         }
@@ -3699,7 +3693,6 @@ $_imported: () !default;
 @mixin verify-dependencies() {
     @each $component in $kendo-components {
         @if (k-map-has-key( $_kendo-dependencies, $component ) == false) {
-            // sass-lint:disable-block no-warn
             @error "Module '#{$component}' is not defined.";
         }
     }
@@ -3709,11 +3702,11 @@ $_imported: () !default;
 @mixin verify-rendered() {
     @each $component in $kendo-components {
         @if (k-list-index( $_imported, $component ) == null) {
-            // sass-lint:disable-block no-warn
             @error "Module '#{$component}' has not been rendered.";
         }
     }
 }
+// stylelint-enable scss/at-if-no-null
 
 // #endregion
 
@@ -3750,7 +3743,7 @@ $_imported: () !default;
 }
 
 // #endregion
-// #region @import "./_layout"; -> node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
+// #region @import "./_layout.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_layout.scss
 @mixin kendo-core--styles--layout() {
 
     // Basic layout
@@ -3804,8 +3797,8 @@ $_imported: () !default;
         border-style: solid;
         border-color: inherit;
         display: block;
-        flex-grow: 0 !important; // sass-lint:disable-line no-important
-        flex-shrink: 0 !important; // sass-lint:disable-line no-important
+        flex-grow: 0 !important; // stylelint-disable-line declaration-no-important
+        flex-shrink: 0 !important; // stylelint-disable-line declaration-no-important
         align-self: stretch;
     }
     .k-separator-horizontal,
@@ -3829,7 +3822,7 @@ $_imported: () !default;
 
     // Hidden
     .k-hidden {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
@@ -3853,14 +3846,14 @@ $_imported: () !default;
 
     // Hidden attribute
     [hidden] {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 
     // Hide script tags
     // see https://github.com/telerik/kendo-themes/issues/2360
     script {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
 
 }
@@ -3906,7 +3899,6 @@ $kendo-auto-bootstrap: true !default;
 
 // Spacing
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: 2px,
@@ -3983,7 +3975,7 @@ $kendo-padding-y: 4px !default;
 $kendo-padding-sm-x: k-map-get( $kendo-spacing, 1 ) !default;
 /// Small vertical padding.
 /// @group common
-$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;
 /// Medium horizontal padding.
 /// @group common
 $kendo-padding-md-x: k-map-get( $kendo-spacing, 2 ) !default;
@@ -4002,13 +3994,13 @@ $kendo-padding-lg-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
 /// Small border radius.
 /// @group common
-$kendo-border-radius-sm: $kendo-border-radius - k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-border-radius-sm: $kendo-border-radius - k-map-get( $kendo-spacing, 0.5 ) !default;
 /// Medium border radius.
 /// @group common
 $kendo-border-radius-md: $kendo-border-radius !default;
 /// Large border radius.
 /// @group common
-$kendo-border-radius-lg: $kendo-border-radius + k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-border-radius-lg: $kendo-border-radius + k-map-get( $kendo-spacing, 0.5 ) !default;
 
 $kendo-border-radii: (
     DEFAULT: $kendo-border-radius-md,
@@ -4403,8 +4395,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
     }
 }
 
@@ -4900,9 +4891,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;
         }
     }
@@ -4919,9 +4909,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;
         }
     }
@@ -4933,7 +4922,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 {
@@ -4950,8 +4939,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 {
@@ -4965,8 +4953,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;
         }
@@ -4990,6 +4978,7 @@ $kendo-invalid-shadow: null !default;
             }
         }
     }
+    // stylelint-enable declaration-no-important
 
     // Fade
     .k-fx-fade {
@@ -5028,7 +5017,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
@@ -5491,7 +5480,6 @@ $kendo-theme-colors: () !default;
 $kendo-font-sizes: () !default;
 
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -5529,7 +5517,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%,
@@ -5572,8 +5559,6 @@ $kendo-border-radii: (
     full: 9999px
 ) !default;
 
-//
-
 $kendo-utils: (
 
     // Accessibility
@@ -5666,7 +5651,6 @@ $kendo-utils: (
     ),
     "overscroll": (),
     "placement": k-map-merge( $kendo-spacing, (
-        // sass-lint:disable-block indentation
         -1: -1px
     )),
     "position": (
@@ -5939,14 +5923,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": (
@@ -6083,33 +6066,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": (
@@ -6130,7 +6110,6 @@ $kendo-utils: (
         fit: fit-content
     ),
     "height": k-map-merge( $kendo-sizing, (
-        // sass-lint:disable-block indentation
         screen: 100vh
     )),
     "min-height": (
@@ -6188,7 +6167,6 @@ $kendo-utils: (
         end
     ),
     "text-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -6244,7 +6222,6 @@ $kendo-utils: (
         text: text
     ),
     "background-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "transparent": transparent,
         "black": black,
@@ -6288,7 +6265,6 @@ $kendo-utils: (
         none
     ),
     "border-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -6315,7 +6291,6 @@ $kendo-utils: (
         none
     ),
     "outline-color": k-map-merge( $kendo-theme-colors, (
-        // sass-lint:disable-block indentation
         "inherit": inherit,
         "current": currentColor,
         "transparent": transparent,
@@ -6334,7 +6309,6 @@ $kendo-utils: (
     "box-shadow": (),
     "box-shadow-color": (),
     "opacity": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         5: 0.05,
         10: 0.1,
@@ -6373,7 +6347,6 @@ $kendo-utils: (
     // Transform
     "flip": true,
     "scale": (
-        // sass-lint:disable-block leading-zero
         0: 0,
         0.25: .25,
         0.5: .5,
@@ -6557,7 +6530,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
                     }
                 }
             }
@@ -6888,9 +6861,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; }
 
 }
 
@@ -7237,7 +7210,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
@@ -8242,8 +8215,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; }
 
 }
 
@@ -8286,8 +8259,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; }
 
 }
 
@@ -8436,7 +8409,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
 
 }
 
@@ -10688,9 +10661,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
@@ -12250,11 +12223,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; }
@@ -12379,11 +12352,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() {
 
@@ -12413,7 +12386,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 );
 }
@@ -12423,7 +12396,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() {
 
@@ -12461,14 +12434,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() {
 
@@ -12535,7 +12508,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 );
 }
@@ -12545,7 +12518,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() {
 
@@ -15034,6 +15007,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: "";
@@ -15045,19 +15022,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;
@@ -15532,7 +15496,7 @@ $kendo-list-lg-header-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// The vertical padding of the List header, if no size is set.
 /// @group list
 $kendo-list-header-padding-y: null !default;
-$kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-sm-header-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-md-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-header-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
@@ -15568,7 +15532,7 @@ $kendo-list-lg-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// The vertical padding of the List items, when no size is set.
 /// @group list
 $kendo-list-item-padding-y: null !default;
-$kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 
@@ -15596,7 +15560,7 @@ $kendo-list-lg-group-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// The vertical padding of the List group items, when no size is set.
 /// @group list
 $kendo-list-group-item-padding-y: null !default;
-$kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-sm-group-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-md-group-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-list-lg-group-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
@@ -16063,7 +16027,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
         .k-ripple {
             // Hide ripple temporarily
-            visibility: hidden !important; // sass-lint:disable-line no-important
+            visibility: hidden !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-checkbox + .k-label,
@@ -16077,7 +16041,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
     // Empty label
     .k-checkbox-label:empty {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
     .k-checkbox-label.k-no-text {
         min-width: 1px;
@@ -16132,7 +16096,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
         .k-checkbox:focus,
         .k-checkbox.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-checkbox:disabled::after,
@@ -16173,7 +16137,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
 
 // #endregion
 // #region @import "./_theme.scss"; -> scss/checkbox/_theme.scss
-@mixin kendo-checkbox--theme-base () {
+@mixin kendo-checkbox--theme-base() {
 
     // Checkbox
     .k-checkbox {
@@ -16358,7 +16322,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
         padding-block: $kendo-list-header-padding-y;
         padding-inline: $kendo-list-header-padding-x;
         border-width: 0;
-        border-width: $kendo-list-header-border-width; // sass-lint:disable-line no-duplicate-properties
+        border-width: $kendo-list-header-border-width;
         border-style: solid;
         font-size: $kendo-list-header-font-size;
         line-height: $kendo-list-header-line-height;
@@ -16443,7 +16407,7 @@ $kendo-checkbox-ripple-opacity: .25 !default;
         padding-block: $kendo-list-group-item-padding-y;
         padding-inline: $kendo-list-group-item-padding-x;
         border-width: 0;
-        border-width: $kendo-list-group-item-border-width; // sass-lint:disable-line no-duplicate-properties
+        border-width: $kendo-list-group-item-border-width;
         border-style: solid;
         font-size: $kendo-list-group-item-font-size;
         line-height: $kendo-list-group-item-line-height;
@@ -16905,11 +16869,6 @@ $kendo-listgroup-item-border-width: 1px !default;
                 > .k-select {
                     right: auto;
                     left: 0;
-
-                    .k-icon,
-                    .k-svg-icon {
-                        transform: scaleX(-1);
-                    }
                 }
             }
         }
@@ -16925,11 +16884,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);
-                }
             }
         }
     }
@@ -17638,7 +17592,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;
 
@@ -17724,18 +17678,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;
@@ -17744,6 +17699,7 @@ $kendo-table-selected-border: null !default;
                 right: 0;
             }
         }
+        // stylelint-enable declaration-no-important
     }
 
 
@@ -17769,7 +17725,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;
 
@@ -18313,7 +18269,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;
@@ -18326,7 +18282,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;
@@ -18663,7 +18619,7 @@ $kendo-button-lg-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Button.
 /// @group button
-$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-button-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Button.
 /// @group button
 $kendo-button-md-padding-y: $kendo-button-padding-y !default;
@@ -18923,7 +18879,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: $kendo-chip-padding-y !default;
@@ -19104,7 +19060,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
         }
     }
 
@@ -19240,7 +19196,7 @@ $kendo-chip-list-sizes: (
 
 // #endregion
 // #region @import "./_theme.scss"; -> scss/chip/_theme.scss
-@mixin kendo-chip--theme-base () {
+@mixin kendo-chip--theme-base() {
 
     // Solid
     @each $name, $color in $kendo-chip-theme-colors {
@@ -19464,8 +19420,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;
 
@@ -20219,7 +20174,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;
     }
 
@@ -20275,11 +20230,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
         }
     }
 
@@ -20788,20 +20741,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,
@@ -20835,10 +20788,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
     }
 
 
@@ -20862,7 +20815,7 @@ $_kendo-module-meta: (
     }
 
 
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::before {
             @extend .k-button-overlay !optional;
@@ -20911,7 +20864,7 @@ $_kendo-module-meta: (
 
 
     // Button focus ring
-    .k-button {
+    .k-button { // stylelint-disable-line
 
         &::after {
             @include border-radius( inherit );
@@ -21393,7 +21346,7 @@ $kendo-menu-popup-lg-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of the menu item in popup.
 /// @group menu
 $kendo-menu-popup-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
-$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-menu-popup-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-menu-popup-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-menu-popup-lg-item-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
 
@@ -21557,7 +21510,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         flex-direction: row;
 
         > .k-menu-item + .k-menu-item {
-            margin-left: $kendo-menu-item-spacing;
+            margin-inline-start: $kendo-menu-item-spacing;
         }
 
         > .k-separator {
@@ -21582,7 +21535,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         > .k-menu-item > .k-menu-link {
             padding-block: $kendo-menu-popup-item-padding-y;
             padding-inline: $kendo-menu-popup-item-padding-x;
-            padding-right: $kendo-menu-popup-item-padding-end;
+            padding-inline-end: $kendo-menu-popup-item-padding-end;
         }
 
         > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
@@ -21735,7 +21688,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
     }
     .k-animation-container .k-context-menu.k-menu-horizontal {
         // kendo-jquery adds `display: block` via js and we need to override it.
-        display: flex !important; // sass-lint:disable-line no-important
+        display: flex !important; // stylelint-disable-line declaration-no-important
         flex-wrap: nowrap;
     }
     .k-context-menu-popup {
@@ -21774,28 +21727,28 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
 
             &.k-scroll-left {
                 top: 0;
-                left: 0;
+                inset-inline-start: 0;
                 height: 100%;
                 width: 16px;
                 border-right-width: 1px;
             }
             &.k-scroll-right {
                 top: 0;
-                right: 0;
+                inset-inline-end: 0;
                 height: 100%;
                 width: 16px;
                 border-left-width: 1px;
             }
             &.k-scroll-up {
                 top: 0;
-                left: 0;
+                inset-inline-start: 0;
                 width: 100%;
                 height: 16px;
                 border-bottom-width: 1px;
             }
             &.k-scroll-down {
                 bottom: 0;
-                left: 0;
+                inset-inline-start: 0;
                 width: 100%;
                 height: 16px;
                 border-top-width: 1px;
@@ -21803,43 +21756,6 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
         }
     }
 
-
-    // RTL
-    .k-rtl,
-    [dir="rtl"] {
-
-        // Orientation -- horizontal
-        .k-menu-horizontal {
-
-            > .k-menu-item + .k-menu-item {
-                margin-right: $kendo-menu-item-spacing;
-                margin-left: 0;
-            }
-        }
-
-
-        // Orientation -- vertical
-        .k-menu-vertical {
-
-            > .k-menu-item > .k-menu-link {
-                padding-right: $kendo-menu-popup-item-padding-x;
-                padding-left: $kendo-menu-popup-item-padding-end;
-            }
-        }
-
-
-        // Sub menu
-        .k-menu-group {
-
-            .k-menu-link {
-                padding-right: $kendo-menu-popup-item-padding-x;
-                padding-left: $kendo-menu-popup-item-padding-end;
-            }
-
-        }
-
-    }
-
 }
 
 
@@ -22263,13 +22179,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;
@@ -22285,14 +22198,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
@@ -22403,9 +22316,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,
@@ -22677,7 +22589,7 @@ $kendo-input-lg-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-input-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small Input components.
 /// @group input
-$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-input-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Input components.
 /// @group input
 $kendo-input-md-padding-y: $kendo-input-padding-y !default;
@@ -22894,7 +22806,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;
@@ -23412,8 +23324,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;
@@ -24273,7 +24185,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;
@@ -24542,8 +24454,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 {
@@ -24576,8 +24488,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,
@@ -24620,14 +24532,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
     }
 
 
@@ -24680,8 +24592,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;
             }
@@ -24708,11 +24620,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 {}
     }
@@ -25251,7 +25163,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.
@@ -25929,9 +25841,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
@@ -26061,15 +25970,6 @@ $kendo-listbox-drop-hint-width: 1px !default;
         .k-ghost {
             opacity: .5;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-listbox-actions .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-item {
@@ -26327,7 +26227,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 {
@@ -26372,13 +26272,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 ) ) );
             }
         }
 
@@ -26876,7 +26776,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
         .k-ripple {
             // Hide ripple temporarily
-            visibility: hidden !important; // sass-lint:disable-line no-important
+            visibility: hidden !important; // stylelint-disable-line declaration-no-important
         }
     }
     .k-radio + .k-label,
@@ -26890,7 +26790,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
     // Empty label
     .k-radio-label:empty {
-        display: none !important; // sass-lint:disable-line no-important
+        display: none !important; // stylelint-disable-line declaration-no-important
     }
     .k-radio-label.k-no-text {
         min-width: 1px;
@@ -26945,7 +26845,7 @@ $kendo-radio-ripple-opacity: .25 !default;
 
         .k-radio:focus,
         .k-radio.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-radio:disabled::after,
@@ -27260,16 +27160,6 @@ $kendo-slider-disabled-opacity: null !default;
                 cursor: default;
             }
         }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-slider-selection {
-                left: auto;
-                right: 0;
-            }
-        }
     }
 
 
@@ -27352,36 +27242,13 @@ $kendo-slider-disabled-opacity: null !default;
 
                 .k-slider-selection {
                     width: calc( (var(--kendo-slider-end, 0) - var(--kendo-slider-start, 0)) * 1% );
-                    left: calc( var(--kendo-slider-start, 0) * 1% );
+                    inset-inline-start: calc( var(--kendo-slider-start, 0) * 1% );
                 }
                 .k-draghandle-start {
-                    left: calc( var(--kendo-slider-start, 0) * 1% );
+                    inset-inline-start: calc( var(--kendo-slider-start, 0) * 1% );
                 }
                 .k-draghandle-end {
-                    left: calc( var(--kendo-slider-end, 0) * 1% );
-                }
-
-                [dir="rtl"] & {
-                    .k-slider-selection {
-                        left: unset;
-                        right: calc( var(--kendo-slider-start, 0) * 1% );
-                    }
-                    .k-draghandle-start {
-                        left: unset;
-                        right: calc( var(--kendo-slider-start, 0) * 1% );
-                    }
-                    .k-draghandle-end {
-                        left: unset;
-                        right: calc( var(--kendo-slider-end, 0) * 1% );
-                    }
-
-                    .k-draghandle {
-                        transform: translate(50%, -50%);
-                    }
-                    .k-draghandle:focus,
-                    .k-draghandle:active {
-                        transform: translate(50%, -50%) scale($kendo-slider-draghandle-active-scale);
-                    }
+                    inset-inline-start: calc( var(--kendo-slider-end, 0) * 1% );
                 }
             }
         }
@@ -27465,7 +27332,7 @@ $kendo-slider-disabled-opacity: null !default;
 
         .k-label {
             text-align: start;
-            left: 120%;
+            inset-inline-start: 120%;
             top: 50%;
             transform: translateY(-50%);
         }
@@ -27473,23 +27340,8 @@ $kendo-slider-disabled-opacity: null !default;
         .k-last .k-label { top: 0; }
 
         .k-slider-topleft .k-label {
-            left: auto;
-            right: 120%;
-        }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-label {
-                left: auto;
-                right: 120%;
-            }
-
-            .k-slider-topleft .k-label {
-                left: 120%;
-                right: auto;
-            }
+            inset-inline-start: auto;
+            inset-inline-end: 120%;
         }
 
     }
@@ -27525,34 +27377,16 @@ $kendo-slider-disabled-opacity: null !default;
         // labels
 
         .k-label {
-            left: 50%;
+            inset-inline-start: 50%;
             bottom: -1.2em;
             transform: translateX(-50%);
         }
-        .k-first .k-label { left: 0; }
-        .k-last .k-label { left: 100%; }
+        .k-first .k-label { inset-inline-start: 0; }
+        .k-last .k-label { inset-inline-start: 100%; }
 
         .k-slider-topleft .k-label {
             top: -1.2em;
         }
-
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            .k-slider-track,
-            .k-slider-selection {
-                right: 0;
-                left: auto;
-            }
-
-            .k-button-increase .k-icon,
-            .k-button-increase .k-svg-icon,
-            .k-button-decrease .k-icon,
-            .k-button-decrease .k-svg-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-slider-track,
@@ -27632,7 +27466,7 @@ $kendo-slider-disabled-opacity: null !default;
     .k-slider-tooltip {
         .k-callout-n,
         .k-callout-s {
-            margin-left: - k-math-div( $kendo-tooltip-callout-size, 2 );
+            margin-inline-start: - k-math-div( $kendo-tooltip-callout-size, 2 );
         }
 
         .k-callout-w,
@@ -27641,20 +27475,50 @@ $kendo-slider-disabled-opacity: null !default;
         }
     }
 
+    // RTL
+    .k-slider-rtl {
+        &.k-slider-horizontal {
+
+            .k-draghandle {
+                transform: translate(50%, -50%);
+            }
+
+            .k-draghandle:focus,
+            .k-draghandle:active {
+                transform: if( $kendo-slider-draghandle-active-scale, translate(50%, -50%) scale($kendo-slider-draghandle-active-scale), null );
+            }
+
+            .k-label {
+                transform: translateX(50%);
+            }
+        }
+    }
+
+    .k-slider[dir="rtl"],
+    [dir="rtl"] .k-slider,
+    .k-slider.k-rtl,
+    .k-rtl .k-slider {
+        @extend .k-slider-rtl !optional;
+    }
+
 
     // Angular specific
     .k-slider kendo-resize-sensor {
         position: absolute;
     }
     .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
-        padding-left: calc( #{$kendo-slider-draghandle-size} / 2 );
-        padding-right: calc( #{$kendo-slider-draghandle-size} / 2 );
+        padding-inline-start: calc( #{$kendo-slider-draghandle-size} / 2 );
+        padding-inline-end: calc( #{$kendo-slider-draghandle-size} / 2 );
     }
     .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
         padding-top: calc( #{$kendo-slider-draghandle-size} / 2 );
         padding-bottom: calc( #{$kendo-slider-draghandle-size} / 2 );
     }
 
+    // Aliases
+    .k-draghandle { @extend .k-slider-thumb !optional; }
+    .k-draghandle-start { @extend .k-slider-thumb-start !optional; }
+    .k-draghandle-end { @extend .k-slider-thumb-end !optional; }
 }
 
 
@@ -27929,8 +27793,8 @@ $kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default
 $kendo-calendar-sm-font-size: $kendo-font-size-md !default;
 $kendo-calendar-sm-line-height: $kendo-line-height-md !default;
 $kendo-calendar-sm-cell-size: 28px !default;
-$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-calendar-sm-cell-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
+$kendo-calendar-sm-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 
 $kendo-calendar-md-font-size: $kendo-font-size-md !default;
 $kendo-calendar-md-line-height: $kendo-line-height-md !default;
@@ -28464,11 +28328,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");
@@ -28642,7 +28501,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 );
@@ -31672,7 +31531,7 @@ $kendo-treeview-lg-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-treeview-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 /// The vertical padding of the small TreeView items.
 /// @group treeview
-$kendo-treeview-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-treeview-sm-item-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium TreeView items.
 /// @group treeview
 $kendo-treeview-md-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
@@ -33641,7 +33500,7 @@ $kendo-upload-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .13) !default;
 
         input {
             // font should not depend on outside styles, otherwise upload may break
-            font: 170px monospace !important; // sass-lint:disable-block no-important
+            font: 170px monospace !important; // stylelint-disable-line declaration-no-important
             margin: 0;
             padding: 0;
             width: 100%;
@@ -34119,13 +33978,13 @@ $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;
 /// The spacing of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-icon-spacing: k-map-get( $kendo-spacing, 0.5 ) !default;
 
 /// The horizontal padding of the FAB items.
 /// @group floating-action-button
@@ -34201,7 +34060,7 @@ $kendo-fab-active-shadow: null !default;
 $kendo-fab-outline-style: solid !default;
 /// The outline width of the FAB.
 /// @group floating-action-button
-$kendo-fab-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default;
 
 /// The base text color of the FAB item.
 /// @group floating-action-button
@@ -34237,7 +34096,7 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
 $kendo-fab-item-outline-style: solid !default;
 /// The outline width of the FAB item.
 /// @group floating-action-button
-$kendo-fab-item-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-item-outline-width: k-map-get( $kendo-spacing, 0.5 ) !default;
 /// The outline color of the FAB item.
 /// @group floating-action-button
 $kendo-fab-item-outline-color: rgba(0, 0, 0, .08) !default;
@@ -34694,11 +34553,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 {
@@ -35412,7 +35266,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; }
@@ -35440,11 +35294,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 );
     }
 
 
@@ -35751,7 +35603,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
         display: flex;
         flex-direction: column;
         flex: 0 0 auto;
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
         overflow: hidden;
         -webkit-touch-callout: none;
         -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
@@ -35839,7 +35691,7 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
         overflow-x: hidden;
         overflow-y: auto;
         scrollbar-width: thin; // Scrollbar styles for Mozilla
-        transition: all 300ms ease-in-out; // sass-lint:disable-line no-transition-all
+        transition: all 300ms ease-in-out;
 
         // Scrollbar styles for Chrome, Safari and Opera
         &::-webkit-scrollbar {
@@ -36145,7 +35997,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-legacy( $color ),
@@ -37220,9 +37071,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
@@ -38132,15 +37981,6 @@ $kendo-pager-sizes: (
         *::after {
             box-sizing: border-box;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-pager-nav .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
-
     }
 
 
@@ -38959,9 +38799,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 {
@@ -39288,7 +39125,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;
@@ -39387,14 +39224,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 {
@@ -39410,14 +39247,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 {
@@ -39435,14 +39272,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
         }
 
     }
@@ -39461,7 +39298,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
             }
         }
 
@@ -39537,7 +39374,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
             }
         }
 
@@ -39558,11 +39395,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);
-        }
-
     }
 
 }
@@ -39865,6 +39697,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%;
         }
 
@@ -39872,9 +39705,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 {
@@ -40938,25 +40768,15 @@ $kendo-splitbar-selected-text: $kendo-selected-text !default;
         .k-pane-flex {
             &.k-hidden,
             &[hidden] {
-                // sass-lint:disable-block no-important
                 // hidden panes need to be zero-width to allow pane animation
-                flex: 0 1 0% !important;
-                overflow: hidden !important;
-                display: block !important;
+                flex: 0 1 0% !important; // stylelint-disable-line declaration-no-important
+                overflow: hidden !important; // stylelint-disable-line declaration-no-important
+                display: block !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         &.k-splitter-horizontal {
             flex-direction: row;
-
-            &[dir="rtl"] {
-                > .k-splitbar {
-                    > .k-collapse-next,
-                    > .k-collapse-prev {
-                        transform: scaleX(-1);
-                    }
-                }
-            }
         }
         &.k-splitter-vertical {
             flex-direction: column;
@@ -41367,7 +41187,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;
@@ -41427,7 +41247,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 {
 
@@ -41654,7 +41474,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 );
@@ -41769,24 +41589,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 {
@@ -41882,7 +41690,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;
             }
 
@@ -42064,7 +41872,7 @@ $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
 $kendo-grid-sm-filter-cell-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
 $kendo-grid-sm-filter-cell-padding-y: $kendo-grid-sm-filter-cell-padding-x !default;
 $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-cell-padding-x !default;
-$kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-grid-sm-edit-cell-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
 $kendo-grid-sm-group-dropclue-height: calc( #{$kendo-chip-sm-calc-size} + #{$kendo-grid-group-drop-hint-size}) !default;
 $kendo-grid-sm-selection-aggregates-padding-x: $kendo-grid-sm-padding-y !default;
 $kendo-grid-sm-selection-aggregates-padding-y: $kendo-grid-sm-padding-y !default;
@@ -42261,6 +42069,7 @@ $kendo-grid-sticky-hover-bg: k-color-darken($kendo-grid-bg, 8%) !default;
 $kendo-grid-sticky-selected-hover-bg: k-color-shade($kendo-grid-sticky-selected-bg, .7) !default;
 
 $kendo-grid-column-menu-width: 230px !default;
+$kendo-grid-column-menu-max-width: 320px !default;
 
 $kendo-grid-filter-menu-check-all-border-bottom-width: 1px !default;
 
@@ -42844,7 +42653,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
@@ -43415,17 +43225,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;
         }
 
@@ -43433,21 +43244,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;
@@ -43491,7 +43304,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;
         }
     }
 
@@ -43522,19 +43336,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
         }
     }
 
@@ -43543,13 +43355,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 {
@@ -43671,6 +43483,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;
+        }
+    }
+
 }
 
 
@@ -44876,9 +44700,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;
@@ -44891,7 +44714,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%;
@@ -45087,9 +44910,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;
     }
 
@@ -45484,7 +45306,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; }
@@ -45493,7 +45315,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 {
@@ -46433,7 +46255,7 @@ $kendo-pivotgrid-remove-text: null !default;
     .k-pdf-export-shadow {
 
         .k-pivotgrid {
-            height: auto !important; // sass-lint:disable-line no-important
+            height: auto !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-pivotgrid-values  {
@@ -48192,7 +48014,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
@@ -48233,20 +48055,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;
-        }
-    }
-
 }
 
 
@@ -48477,7 +48285,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
@@ -48600,12 +48408,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,
@@ -48613,7 +48422,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 {
@@ -48646,7 +48455,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%;
@@ -48671,7 +48480,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,
@@ -48685,7 +48494,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;
                 }
             }
@@ -48730,7 +48539,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: "";
@@ -49185,7 +48994,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;
     }
 
@@ -49221,7 +49030,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);
         }
     }
@@ -49973,7 +49782,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 {
@@ -49994,7 +49803,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; }
     }
@@ -50019,7 +49828,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 );
@@ -50528,9 +50337,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 {
@@ -51718,8 +51527,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 {
@@ -51743,7 +51552,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
@@ -51762,9 +51571,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
@@ -51785,14 +51592,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,
@@ -52118,13 +51923,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;
@@ -52226,7 +52024,7 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
     }
 
 
-    //Scheduler navigation
+    // Scheduler navigation
     .k-scheduler-navigation {}
 
 
@@ -52332,9 +52130,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
@@ -52850,8 +52646,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;
@@ -53342,9 +53138,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;
 
 
@@ -53375,9 +53169,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 {
@@ -53389,10 +53181,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
     }
 
 }
@@ -54316,7 +54106,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,
@@ -54330,7 +54120,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 {
@@ -54370,6 +54160,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
@@ -54922,17 +54713,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);
-            }
-        }
-    }
-
 }
 
 
@@ -55260,6 +55040,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;
     }
@@ -55276,6 +55057,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,
@@ -55729,6 +55511,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;
     }
@@ -55772,6 +55555,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,
@@ -56538,7 +56322,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, 2 ) !default;