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

package/scss/pdf-viewer/_layout.scss

@@ -106,7 +106,7 @@
             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,
@@ -120,7 +120,7 @@
 
     // 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 {
@@ -160,6 +160,7 @@
         border-style: solid;
         border-radius: var( --kendo-pdf-viewer-search-panel-border-radius, #{$kendo-pdf-viewer-search-panel-border-radius} );
         z-index: 10;
+        cursor: default;
     }
 
     // Alias

package/scss/pdf-viewer/_variables.scss

@@ -30,10 +30,10 @@ $kendo-pdf-viewer-border: var( --kendo-component-border, initial ) !default;
 $kendo-pdf-viewer-canvas-bg: get-theme-color-var( neutral-10 ) !default;
 /// Text color of the PDF viewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-text:  var( --kendo-component-text, inherit ) !default;
+$kendo-pdf-viewer-canvas-text: var( --kendo-component-text, inherit ) !default;
 /// Border color of the PDF viewer canvas.
 /// @group pdf-viewer
-$kendo-pdf-viewer-canvas-border:  var( --kendo-component-border, inherit ) !default;
+$kendo-pdf-viewer-canvas-border: var( --kendo-component-border, inherit ) !default;
 
 /// Spacing of the PDF viewer page.
 /// @group pdf-viewer

package/scss/pivotgrid/_layout.scss

@@ -450,7 +450,7 @@
 
     .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  {

package/scss/pivotgrid/_variables.scss

@@ -20,7 +20,7 @@ $kendo-pivotgrid-padding-y: 0px !default;
 $kendo-pivotgrid-font-family: var( --kendo-font-family, inherit ) !default;
 ///  Font size of the PivotGrid.
 /// @group pivotgrid
-$kendo-pivotgrid-font-size:  var( --kendo-font-size, inherit ) !default;
+$kendo-pivotgrid-font-size: var( --kendo-font-size, inherit ) !default;
 ///  Line height of the PivotGrid.
 /// @group pivotgrid
 $kendo-pivotgrid-line-height: var( --kendo-line-height, normal ) !default;

package/scss/popover/_variables.scss

@@ -27,10 +27,10 @@ $kendo-popover-line-height: $kendo-window-line-height !default;
 $kendo-popover-bg: var( --kendo-component-bg, initial ) !default;
 /// Text color of the popover.
 /// @group popover
-$kendo-popover-text:  var( --kendo-component-text, initial ) !default;
+$kendo-popover-text: var( --kendo-component-text, initial ) !default;
 /// Border color of the popover.
 /// @group popover
-$kendo-popover-border:  var( --kendo-component-border, initial ) !default;
+$kendo-popover-border: var( --kendo-component-border, initial ) !default;
 /// Shadow of the popover.
 /// @group popover
 $kendo-popover-shadow: var( --kendo-box-shadow-depth-3, none ) !default;

package/scss/progressbar/_layout.scss

@@ -97,7 +97,7 @@
 
         > .k-progressbar-value {
             width: 0;
-            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 {
@@ -146,13 +146,13 @@
         }
 
         > .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 ) ) );
             }
 
             .k-progress-status {

package/scss/progressbar/_variables.scss

@@ -115,4 +115,4 @@ $kendo-circular-progressbar-arc-stroke: get-theme-color-var( primary-100 ) !defa
 /// @group progressbar
 $kendo-circular-progressbar-scale-stroke: $kendo-progressbar-bg !default;
 
-$kendo-progressbar-item-border-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-progressbar-item-border-width: map.get( $kendo-spacing, 0.5 ) !default;

package/scss/radio/_layout.scss

@@ -157,7 +157,7 @@
 
         .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,
@@ -171,7 +171,7 @@
 
     // 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;
@@ -232,8 +232,8 @@
 
         .k-radio:focus,
         .k-radio.k-focus {
-            box-shadow: none !important; // sass-lint:disable-line no-important
-            outline: none !important; // sass-lint:disable-line no-important
+            box-shadow: none !important; // stylelint-disable-line declaration-no-important
+            outline: none !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-radio:disabled::after,

package/scss/rating/_variables.scss

@@ -17,7 +17,7 @@ $kendo-rating-spacing: map.get( $kendo-spacing, 1 ) !default;
 
 /// Horizontal padding of the rating item.
 /// @group rating
-$kendo-rating-item-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-rating-item-padding-x: map.get( $kendo-spacing, 0.5 ) !default;
 /// Vertical padding of the rating item.
 /// @group rating
 $kendo-rating-item-padding-y: map.get( $kendo-spacing, 2 ) !default;

package/scss/responsivepanel/_layout.scss

@@ -38,9 +38,7 @@
     }
     .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

package/scss/scheduler/_layout.scss

@@ -600,8 +600,8 @@
         }
     }
 
-    // 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 {
@@ -625,7 +625,7 @@
             width: 100% !important;
         }
     }
-    // sass-lint:enable no-important
+    // stylelint-enable declaration-no-important
 
 
     // TODO: add this class to jQuery rendering
@@ -644,9 +644,7 @@
 
 
     // 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
@@ -669,14 +667,12 @@
             min-height: 80px;
         }
 
-        // sass-lint:disable no-important
         // hidden cells must have no layout
         .k-hidden {
-            padding-inline: 0 !important;
-            border-inline-end-width: 0 !important;
+            padding-inline: 0 !important; // stylelint-disable-line declaration-no-important
+            border-inline-end-width: 0 !important; // stylelint-disable-line declaration-no-important
         }
 
-        // sass-lint:enable no-important
         .k-scheduler-table-auto,
         .k-scheduler-table-auto td,
         .k-scheduler-content .k-scheduler-table-auto {
@@ -701,7 +697,7 @@
             display: flex;
             flex: 1 1 100%;
             align-items: center;
-            gap: map.get( $kendo-spacing, 0.5 ); // sass-lint:disable-line leading-zero
+            gap: map.get( $kendo-spacing, 0.5 );
         }
 
         .k-scheduler-mark {
@@ -932,14 +928,6 @@
    .k-rtl {
         .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-agendaday {
                 float: right;
                 margin: 0 0 0 .2em;

package/scss/scheduler/_theme.scss

@@ -55,7 +55,7 @@
     }
 
 
-    //Scheduler navigation
+    // Scheduler navigation
     .k-scheduler-navigation {}
 
 
@@ -162,9 +162,7 @@
 
 
     // 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

package/scss/scheduler/_variables.scss

@@ -73,7 +73,7 @@ $kendo-scheduler-event-line-height: $kendo-scheduler-line-height !default;
 $kendo-scheduler-event-padding-x: map.get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of the scheduler event.
 /// @group scheduler
-$kendo-scheduler-event-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-scheduler-event-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 /// Minumum height of the scheduler event.
 /// @group scheduler
 $kendo-scheduler-event-min-height: calc( #{$kendo-scheduler-line-height} + 2 * #{$kendo-scheduler-event-padding-y} ) !default;
@@ -251,7 +251,7 @@ $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-event-padding-y !defa
 $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-event-border-radius !default;
 /// Spacing between the events items inside the scheduler tooltip.
 /// @group scheduler
-$kendo-scheduler-tooltip-event-gap:  map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-scheduler-tooltip-event-gap: map.get( $kendo-spacing, 0.5 ) !default;
 
 /// Color of the scheduler tooltip callout.
 /// @group scheduler

package/scss/scrollview/_layout.scss

@@ -191,15 +191,4 @@
             pointer-events: none;
         }
     }
-
-    .k-rtl,
-    [dir="rtl"] {
-        .k-scrollview-prev,
-        .k-scrollview-next {
-            .k-icon,
-            .k-svg-icon {
-                transform: scaleX(-1);
-            }
-        }
-    }
 }

package/scss/signature/_variables.scss

@@ -22,8 +22,8 @@ $kendo-signature-lg-padding-x: $kendo-signature-padding-x !default;
 /// The vertical paddings of the signature component.
 /// @group signature
 $kendo-signature-padding-y: $kendo-signature-padding-x !default;
-$kendo-signature-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-signature-md-padding-y: map-get( $kendo-spacing, 1 ) !default;
+$kendo-signature-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
+$kendo-signature-md-padding-y: map.get( $kendo-spacing, 1 ) !default;
 $kendo-signature-lg-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 
 /// The opacity of the disabled signature component.

package/scss/slider/_layout.scss

@@ -348,13 +348,6 @@
             .k-label {
                 transform: translateX(50%);
             }
-
-            .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-vertical-slider {
 

package/scss/slider/_variables.scss

@@ -30,7 +30,7 @@ $kendo-slider-text: inherit !default;
 $kendo-slider-track-size: map.get( $kendo-spacing, 1 ) !default;
 /// The border radius of the slider track.
 /// @group slider
-$kendo-slider-track-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-slider-track-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
 /// The background color of the slider track.
 /// @group slider
 $kendo-slider-track-bg: get-theme-color-var( neutral-60 ) !default;
@@ -59,7 +59,7 @@ $kendo-slider-selection-bg: get-theme-color-var( primary-100 ) !default;
 $kendo-slider-thumb-size: 16px !default;
 /// The default border width of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-border-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-slider-thumb-border-width: map.get( $kendo-spacing, 0.5 ) !default;
 /// The border radius of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-border-radius: 999em !default;

package/scss/splitter/_layout.scss

@@ -173,25 +173,15 @@
         .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;

package/scss/splitter/_variables.scss

@@ -60,4 +60,4 @@ $kendo-splitbar-selected-text: var( --kendo-component-bg, inherit ) !default;
 
 /// Size of the splitter static splitbar.
 /// @group splitter
-$kendo-splitter-splitbar-static-size: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-splitter-splitbar-static-size: map.get( $kendo-spacing, 0.5 ) !default;

package/scss/spreadsheet/_layout.scss

@@ -263,9 +263,8 @@
 
 
     // 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;
@@ -278,7 +277,7 @@
             pointer-events: auto;
         }
     }
-    // sass-lint:enable no-important
+
     .k-spreadsheet-fixed-container {
         width: 100%;
         height: 100%;
@@ -468,9 +467,8 @@
     }
 
     .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;
     }
 
@@ -854,7 +852,7 @@
             position: absolute;
             transform: translate(-50%, -50%);
 
-            // sass-lint:disable class-name-format, one-declaration-per-line
+            // stylelint-disable selector-class-pattern, declaration-block-single-line-max-declarations
             &.N { inset-inline-start: 50%; inset-block-start: 0; cursor: ns-resize; }
             &.NE { inset-inline-start: 100%; inset-block-start: 0; cursor: nesw-resize; }
             &.E { inset-inline-start: 100%; inset-block-start: 50%; cursor: ew-resize; }
@@ -863,7 +861,7 @@
             &.SW { inset-inline-start: 0; inset-block-start: 100%; cursor: nesw-resize; }
             &.W { inset-inline-start: 0; inset-block-start: 50%; cursor: ew-resize; }
             &.NW { inset-inline-start: 0; inset-block-start: 0; cursor: nwse-resize; }
-            // sass-lint:enable class-name-format, one-declaration-per-line
+            // stylelint-enable selector-class-pattern, declaration-block-single-line-max-declarations
         }
 
         .k-spreadsheet-insert-image-dialog {

package/scss/spreadsheet/_variables.scss

@@ -35,7 +35,7 @@ $kendo-spreadsheet-sheets-bar-padding-y: 0 !default;
 $kendo-spreadsheet-sheets-remove-inline-start: - map.get( $kendo-spacing, 2 ) !default;
 /// Vertical margin of the spreadsheet sheets remove.
 /// @group spreadsheet
-$kendo-spreadsheet-sheets-remove-inline-end:  map.get( $kendo-spacing, 2 ) !default;
+$kendo-spreadsheet-sheets-remove-inline-end: map.get( $kendo-spacing, 2 ) !default;
 
 /// Left padding of the spreadsheet sheets menu.
 /// @group spreadsheet
@@ -120,7 +120,7 @@ $kendo-spreadsheet-error-border: get-theme-color-var( error-190 ) !default;
 $kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
 /// Border width of the spreadsheet image dialog.
 /// @group spreadsheet
-$kendo-spreadsheet-insert-image-dialog-border-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-spreadsheet-insert-image-dialog-border-width: map.get( $kendo-spacing, 0.5 ) !default;
 /// Bottom margin of the spreadsheet image dialog.
 /// @group spreadsheet
 $kendo-spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
@@ -179,7 +179,7 @@ $kendo-spreadsheet-drawing-handle-border-radius: var( --kendo-border-radius-lg,
 $kendo-spreadsheet-drawing-outline-style: solid !default;
 /// Outline width of the spreadsheet drawing.
 /// @group spreadsheet
-$kendo-spreadsheet-drawing-outline-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-spreadsheet-drawing-outline-width: map.get( $kendo-spacing, 0.5 ) !default;
 
 /// Bacground color of the spreadsheet drawing anchor.
 /// @group spreadsheet

package/scss/stepper/_variables.scss

@@ -59,7 +59,7 @@ $kendo-stepper-indicator-border-radius: 50% !default;
 $kendo-stepper-indicator-focus-border-width: $kendo-stepper-indicator-border-width !default;
 /// The focus size of the stepper indicator.
 /// @group stepper
-$kendo-stepper-indicator-focus-size: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-stepper-indicator-focus-size: map.get( $kendo-spacing, 0.5 ) !default;
 /// The focus offset of the stepper indicator.
 /// @group stepper
 $kendo-stepper-indicator-focus-offset: 3px !default;
@@ -188,7 +188,7 @@ $kendo-stepper-optional-label-font-style: italic !default;
 
 /// The size of the stepper progress bar.
 /// @group stepper
-$kendo-stepper-progressbar-size: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-stepper-progressbar-size: map.get( $kendo-spacing, 0.5 ) !default;
 
 /// The property name of the stepper transition.
 /// @group stepper

package/scss/table/_layout.scss

@@ -180,18 +180,18 @@
         }
 
         .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; // stylelint-disable-line declaration-no-important
+            width: 0 !important; // stylelint-disable-line declaration-no-important
+            border-left-width: 0 !important; // stylelint-disable-line declaration-no-important
+            border-right-width: 0 !important; // stylelint-disable-line declaration-no-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; // stylelint-disable-line declaration-no-important
+            width: 0 !important; // stylelint-disable-line declaration-no-important
+            border-left-width: 0 !important; // stylelint-disable-line declaration-no-important
+            border-right-width: 0 !important; // stylelint-disable-line declaration-no-important
+            overflow: visible; // stylelint-disable-line declaration-no-important
 
             > span {
                 padding-inline: var( --INTERNAL--kendo-table-group-label-padding-x, 0 );

package/scss/tabstrip/_layout.scss

@@ -111,7 +111,7 @@
     // 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-inline: var( --kendo-tabstrip-content-padding-x, #{$kendo-tabstrip-content-padding-x} );
         padding-block: var( --kendo-tabstrip-content-padding-y, #{$kendo-tabstrip-content-padding-y} );
         box-sizing: border-box;
@@ -318,7 +318,7 @@
         // 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
             }
         }
 
@@ -339,11 +339,6 @@
             > .k-tabstrip-content { order: 0; }
         }
 
-        .k-tabstrip-prev .k-button-icon,
-        .k-tabstrip-next .k-button-icon {
-            transform: scaleX(-1);
-        }
-
     }
 
 }

package/scss/tabstrip/_variables.scss

@@ -110,7 +110,7 @@ $kendo-tabstrip-item-dragging-text: get-theme-color-var( primary-100 ) !default;
 // Indicator
 /// The border width of the tabstrip indicator
 /// @group tabstrip
-$kendo-tabstrip-indicator-size: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-tabstrip-indicator-size: map.get( $kendo-spacing, 0.5 ) !default;
 /// The border color of the tabstrip ripple
 /// @group tabstrip
 $kendo-tabstrip-indicator-color: get-theme-color-var( primary-100 ) !default;

package/scss/taskboard/_layout.scss

@@ -184,8 +184,6 @@
         }
 
         .k-card-title {
-            font-size: inherit;
-            font-weight: inherit;
             word-break: normal;
             overflow-wrap: anywhere;
             font-size: var( --kendo-taskboard-card-title-font-size, #{$kendo-taskboard-card-title-font-size} );

package/scss/timeline/_layout.scss

@@ -23,7 +23,7 @@
         }
 
         ul {
-            margin: 0 0 1px 0;
+            margin: 0 0 1px;
             padding: 0;
 
             li {

package/scss/timeline/_variables.scss

@@ -92,7 +92,7 @@ $kendo-timeline-flag-padding-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-timeline-flag-padding-y: map.get( $kendo-spacing, 2 ) !default;
 /// The border radius of the flag in the timeline.
 /// @group timeline
-$kendo-timeline-flag-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-timeline-flag-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
 /// The line height of the flag in the timeline.
 /// @group timeline
 $kendo-timeline-flag-line-height: var( --kendo-line-height, normal ) !default;
@@ -151,7 +151,7 @@ $kendo-timeline-card-scroll-thumb-hover: var( --kendo-hover-border, initial ) !d
 $kendo-timeline-date-body-text: var( --kendo-body-text, initial ) !default;
 /// The width of the date in the timeline.
 /// @group timeline
-$kendo-timeline-date-width: map.get( $kendo-spacing, 12 ) + map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-timeline-date-width: map.get( $kendo-spacing, 12 ) + map.get( $kendo-spacing, 0.5 ) !default;
 /// The bottom margin of the date in the timeline.
 /// @group timeline
 $kendo-timeline-date-margin-bottom: map.get( $kendo-spacing, 2 ) !default;

package/scss/timeselector/_variables.scss

@@ -10,7 +10,7 @@ $kendo-time-selector-border-width: 1px !default;
 $kendo-time-selector-font-family: var( --kendo-font-family, inherit ) !default;
 /// Font size of the time-selector.
 /// @group time-selector
-$kendo-time-selector-font-size:  var( --kendo-font-size, inherit ) !default;
+$kendo-time-selector-font-size: var( --kendo-font-size, inherit ) !default;
 /// Line height of the time-selector.
 /// @group time-selector
 $kendo-time-selector-line-height: var( --kendo-line-height, normal ) !default;

package/scss/toolbar/_layout.scss

@@ -127,11 +127,11 @@
         height: var( --kendo-button-lg-inner-calc-size, #{$kendo-button-lg-inner-calc-size} );
     }
 
-    // sass-lint:disable class-name-format
+    // stylelint-disable selector-class-pattern
     .k-floating-toolbar,
     .editorToolbarWindow.k-window-content {
-        padding-inline: var( --kendo-toolbar-md-padding-x, #{$kendo-toolbar-md-padding-x} ) !important; // sass-lint:disable-line no-important
-        padding-block: var( --kendo-toolbar-md-padding-y, #{$kendo-toolbar-md-padding-y} ) !important; // sass-lint:disable-line no-important
+        padding-inline: var( --kendo-toolbar-md-padding-x, #{$kendo-toolbar-md-padding-x} ) !important; // stylelint-disable-line declaration-no-important
+        padding-block: var( --kendo-toolbar-md-padding-y, #{$kendo-toolbar-md-padding-y} ) !important; // stylelint-disable-line declaration-no-important
         border-width: var( --kendo-toolbar-border-width, #{$kendo-toolbar-border-width} );
         border-style: solid;
         display: flex;
@@ -155,6 +155,7 @@
         align-self: stretch;
         flex-shrink: 0;
     }
+    // stylelint-enable selector-class-pattern
 
 
     // Remove once the Overflow Popup uses

package/scss/toolbar/_theme.scss

@@ -22,14 +22,14 @@
 
     }
 
-    // sass-lint:disable-block class-name-format
+    // stylelint-disable selector-class-pattern
     .k-floating-toolbar,
     .editorToolbarWindow.k-window-content {
         color: var( --kendo-toolbar-text, #{$kendo-toolbar-text} );
         background-color: var( --kendo-toolbar-bg, #{$kendo-toolbar-bg} );
         border-color: var( --kendo-toolbar-border, #{$kendo-toolbar-border} );
     }
-
+    // stylelint-enable selector-class-pattern
 
     // Remove once the Overflow Popup uses
     // the proper Menu rendering in all suites.

package/scss/upload/_layout.scss

@@ -228,7 +228,7 @@
 
         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%;