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

package/dist/meta/variables.scss

@@ -5,6 +5,6 @@ $_vars: meta.module-variables("all");
 
 body {
     @each $key, $val in $_vars {
-        var: k-resolve-var( unquote($key), meta.type-of( $val ), $val );
+        var: k-resolve-var( unquote($key), meta.type-of( $val ), $val ); // stylelint-disable-line
     }
 }

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.4.0-dev.2",
+    "version": "6.4.0-dev.4",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "6.4.0-dev.2",
+    "version": "6.4.0-dev.4",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "6.4.0-dev.2",
+  "version": "6.4.0-dev.4",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -51,8 +51,8 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "1.5.0",
-    "@progress/kendo-theme-core": "6.4.0-dev.2",
-    "@progress/kendo-theme-utils": "6.4.0-dev.2"
+    "@progress/kendo-theme-core": "6.4.0-dev.4",
+    "@progress/kendo-theme-utils": "6.4.0-dev.4"
   },
-  "gitHead": "f915877b18051b4fdbf50faad26b14ec73852e46"
+  "gitHead": "f1697f6f332595856450d44528bc344d6d4c728c"
 }

package/scss/action-sheet/_variables.scss

@@ -48,7 +48,7 @@ $kendo-actionsheet-text: var( --kendo-component-text, initial ) !default;
 $kendo-actionsheet-border: var( --kendo-component-border, initial ) !default;
 /// Box shadow of the action sheet.
 /// @group action-sheet
-$kendo-actionsheet-shadow:  var( --kendo-box-shadow-depth-4, none ) !default;
+$kendo-actionsheet-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
 
 /// Horizontal padding of the action sheet header.
 /// @group action-sheet

package/scss/adaptive/_theme.scss

@@ -73,7 +73,7 @@
             .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: var( --kendo-adaptive-menu-clear-text, #{$kendo-adaptive-menu-clear-text} );
             }
         }

package/scss/badge/_variables.scss

@@ -21,7 +21,7 @@ $kendo-badge-font-weight: var( --kendo-font-weight, normal ) !default;
 
 /// Horizontal padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-x: map.get( $kendo-spacing, 0.5 ) !default;
 /// Horizontal padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-x: map.get( $kendo-spacing, 1 ) !default;
@@ -31,7 +31,7 @@ $kendo-badge-lg-padding-x: map.get( $kendo-spacing, 1.5 ) !default;
 
 /// Vertical padding of the small Badge.
 /// @group badge
-$kendo-badge-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-badge-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 /// Vertical padding of the medium Badge.
 /// @group badge
 $kendo-badge-md-padding-y: map.get( $kendo-spacing, 1 ) !default;

package/scss/bottom-navigation/_variables.scss

@@ -31,7 +31,7 @@ $kendo-bottom-nav-letter-spacing: .2px !default;
 $kendo-bottom-nav-item-padding-x: map.get( $kendo-spacing, 2 ) !default;
 /// Vertical padding of the bottom navigation item.
 /// @group bottom-navigation
-$kendo-bottom-nav-item-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-bottom-nav-item-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 /// Minimum width of the bottom navigation item.
 /// @group bottom-navigation
 $kendo-bottom-nav-item-min-width: 72px !default;
@@ -49,7 +49,7 @@ $kendo-bottom-nav-item-border-radius: var( --kendo-border-radius-md, 0 ) !defaul
 $kendo-bottom-nav-item-gap: map.get( $kendo-spacing, 1 ) !default;
 /// Offset of the focused bottom navigation item.
 /// @group bottom-nav
-$kendo-bottom-nav-item-focus-offset: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-bottom-nav-item-focus-offset: map.get( $kendo-spacing, 0.5 ) !default;
 /// Outline width of the focused bottom navigation item.
 /// @group bottom-nav
 $kendo-bottom-nav-item-focus-outline-width: 1px !default;

package/scss/button/_layout.scss

@@ -158,7 +158,7 @@
     // Flat button
     .k-button-flat {
         color: inherit;
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         box-shadow: none;
 
         &:focus::after,
@@ -171,8 +171,8 @@
 
     .k-button-flat-base {
         color: inherit;
-        background: none !important;
-        border-color: transparent !important;
+        background: none !important; // stylelint-disable-line declaration-no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
 
         // Overlay
         &::before {
@@ -207,7 +207,7 @@
             }
 
             &::after {
-                outline-color: currentColor !important;
+                outline-color: currentColor !important; // stylelint-disable-line declaration-no-important
                 opacity: .13;
             }
 
@@ -273,7 +273,7 @@
 
     // Link button
     .k-button-link {
-        border-color: transparent !important; // sass-lint:disable-line no-important
+        border-color: transparent !important; // stylelint-disable-line declaration-no-important
         text-decoration: none;
         background: none;
 
@@ -295,7 +295,7 @@
 
     // 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;
 
@@ -336,7 +336,7 @@
             z-index: 2;
         }
 
-        .k-button:not(:first-child):not(:last-child) {
+        .k-button:not(:first-child, :last-child) {
             border-start-end-radius: 0;
             border-end-end-radius: 0;
             border-start-start-radius: 0;

package/scss/button/_variables.scss

@@ -97,7 +97,7 @@ $kendo-button-spacing: map.get( $kendo-spacing, 2 ) !default;
 
 /// The offset of the focused Button.
 /// @group button
-$kendo-button-focus-offset: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-button-focus-offset: map.get( $kendo-spacing, 0.5 ) !default;
 /// The Outline width of the focused Button.
 /// @group button
 $kendo-button-focus-outline-width: 1px !default;
@@ -110,7 +110,7 @@ $kendo-button-focus-outline-style: solid !default;
 $kendo-button-flat-focus-offset: 1px !default;
 /// The outline width of the flat focused Button.
 /// @group button
-$kendo-button-flat-focus-outline-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-button-flat-focus-outline-width: map.get( $kendo-spacing, 0.5 ) !default;
 
 /// The offset of the link focused Button.
 /// @group button

package/scss/calendar/_layout.scss

@@ -515,17 +515,4 @@
             }
         }
     }
-
-
-    // RTL
-    .k-rtl .k-calendar,
-    [dir="rtl"] .k-calendar,
-    .k-calendar.k-rtl,
-    .k-calendar[dir="rtl"] {
-
-        .k-calendar-nav-prev,
-        .k-calendar-nav-next {
-            transform: scaleX(-1);
-        }
-    }
 }

package/scss/calendar/_variables.scss

@@ -94,7 +94,7 @@ $kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !def
 /// Line height of the calendar header cell.
 /// @group calendar
 $kendo-calendar-header-cell-line-height: 2 !default;
-///Background color of the calendar header cell.
+/// Background color of the calendar header cell.
 /// @group calendar
 $kendo-calendar-header-cell-bg: inherit !default;
 /// Text color of the calendar header cell.
@@ -202,7 +202,7 @@ $kendo-calendar-cell-selected-shadow: inset 0 0 0 1px $kendo-calendar-cell-selec
 $kendo-calendar-cell-selected-hover-bg: var( --kendo-selected-hover-bg, inherit ) !default;
 /// Text color of the selected calendar cell when hovered.
 /// @group calendar
-$kendo-calendar-cell-selected-hover-text:var( --kendo-selected-hover-text, inherit ) !default;
+$kendo-calendar-cell-selected-hover-text: var( --kendo-selected-hover-text, inherit ) !default;
 
 /// Shadow of the selected calendar cell when focused.
 /// @group calendar
@@ -275,8 +275,8 @@ $kendo-calendar-end-range-hover-shadow: inset -1px -1px 0 0 get-theme-color-var(
 $kendo-calendar-sm-font-size: $kendo-font-size-sm !default;
 $kendo-calendar-sm-line-height: $kendo-line-height-sm !default;
 $kendo-calendar-sm-cell-size: 24px !default;
-$kendo-calendar-sm-cell-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
-$kendo-calendar-sm-cell-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-calendar-sm-cell-padding-x: map.get( $kendo-spacing, 0.5 ) !default;
+$kendo-calendar-sm-cell-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-calendar-sm-cell-font-size: $kendo-font-size-sm !default;
 
 $kendo-calendar-md-font-size: $kendo-font-size-md !default;

package/scss/chat/_layout.scss

@@ -191,7 +191,7 @@
             }
         }
         .k-avatars {
-            .k-message-group:not(.k-alt):not(.k-no-avatar) {
+            .k-message-group:not(.k-alt, .k-no-avatar) {
                 padding-inline-start: calc( #{$kendo-chat-avatar-size} + #{ $kendo-chat-avatar-spacing } );
             }
             .k-message-group.k-alt:not(.k-no-avatar) {
@@ -276,8 +276,8 @@
         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;

package/scss/chat/_variables.scss

@@ -86,7 +86,7 @@ $kendo-chat-bubble-padding-x: map.get( $kendo-spacing, 3 ) !default;
 $kendo-chat-bubble-padding-y: map.get( $kendo-spacing, 2 ) !default;
 /// The spacing of the bubble message.
 /// @group chat
-$kendo-chat-bubble-spacing: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-chat-bubble-spacing: map.get( $kendo-spacing, 0.5 ) !default;
 /// The line height of the bubble message.
 /// @group chat
 $kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;

package/scss/checkbox/_layout.scss

@@ -191,7 +191,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-checkbox + .k-label,
@@ -205,7 +205,7 @@
 
     // 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;
@@ -262,8 +262,8 @@
 
         .k-checkbox:focus,
         .k-checkbox.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-checkbox:disabled::after,

package/scss/chip/_layout.scss

@@ -31,7 +31,7 @@
         }
 
         .k-selected-icon-wrapper {
-            display: none !important; // sass-lint:disable-line no-important
+            display: none !important; // stylelint-disable-line declaration-no-important
         }
 
         &:hover,
@@ -97,7 +97,6 @@
         border-radius: 50%;
         background-size: cover;
         background-position: center;
-        flex: none;
     }
 
 

package/scss/chip/_variables.scss

@@ -41,7 +41,7 @@ $kendo-chip-outline-disabled-border: get-theme-color-var( neutral-90 ) !default;
 
 /// The offset of the outline focused Chip.
 /// @group chip
-$kendo-chip-focus-offset: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-chip-focus-offset: map.get( $kendo-spacing, 0.5 ) !default;
 /// The outline width of the outline focused Chip.
 /// @group chip
 $kendo-chip-focus-outline-width: 1px !default;
@@ -61,7 +61,7 @@ $kendo-chip-lg-padding-x: map.get( $kendo-spacing, 2 ) !default;
 
 /// The vertical padding of the small Chip.
 /// @group chip
-$kendo-chip-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-chip-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 /// The vertical padding of the medium Chip.
 /// @group chip
 $kendo-chip-md-padding-y: map.get( $kendo-spacing, 1 ) !default;

package/scss/color-preview/_layout.scss

@@ -12,8 +12,7 @@
         box-sizing: border-box;
         border-style: solid;
         display: inline-flex;
-        flex-direction: row;
-        flex-wrap: nowrap;
+        flex-flow: row nowrap;
         position: relative;
         overflow: hidden;
 

package/scss/core/_variables.scss

@@ -13,7 +13,6 @@ $kendo-use-input-spinner-width: true !default;
 $kendo-use-input-spinner-icon-offset: false !default;
 
 $kendo-spacing: (
-    // sass-lint:disable-block leading-zero
     0: 0,
     1px: 1px,
     0.5: .125rem,
@@ -91,7 +90,7 @@ $kendo-letter-spacing: normal !default;
 $kendo-scrollbar-width: 17px !default;
 
 /// Border radius for all components.
-$kendo-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-border-radius-sm: math.div( $kendo-border-radius, 2 ) !default;
 $kendo-border-radius-md: $kendo-border-radius !default;
 $kendo-border-radius-lg: ( $kendo-border-radius * 2 ) !default;
@@ -115,7 +114,7 @@ $kendo-padding-sm-y: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-padding-md-x: map.get( $kendo-spacing, 2 ) !default;
 $kendo-padding-md-y: map.get( $kendo-spacing, 1 ) !default;
 $kendo-padding-lg-x: map.get( $kendo-spacing, 3 ) !default;
-$kendo-padding-lg-y: map.get( $kendo-spacing, 1.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-padding-lg-y: map.get( $kendo-spacing, 1.5 ) !default;
 
 // Default transition
 $kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out !default;

package/scss/core/color-system/_variables.scss

@@ -151,8 +151,6 @@ $kendo-theme-colors: (
 
     // Text colors
     @each $theme-color, $color-props in $kendo-theme-colors {
-        // sass-lint:disable-line no-important
-        // sass-lint:disable-line class-name-format
         $_color: map.get( $color-props, text );
 
         .k-text-#{$theme-color},
@@ -161,14 +159,14 @@ $kendo-theme-colors: (
         }
         .\!k-text-#{$theme-color},
         .\!k-color-#{$theme-color} {
-            color: var( --kendo-text-#{$theme-color}, #{$_color} ) !important;
+            color: var( --kendo-text-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
         }
 
         .k-bg-#{$theme-color} {
             background-color: var( --kendo-bg-#{$theme-color}, #{$_color} );
         }
         .\!k-bg-#{$theme-color} {
-            background-color: var( --kendo-bg-#{$theme-color}, #{$_color} ) !important;
+            background-color: var( --kendo-bg-#{$theme-color}, #{$_color} ) !important; // stylelint-disable-line declaration-no-important
         }
     };
 }

package/scss/core/helpers/_animations.scss

@@ -348,9 +348,8 @@
     }
 
     &-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;
     }
 }
@@ -367,9 +366,8 @@
     }
 
     &-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;
     }
 }
@@ -380,7 +378,7 @@ $fx-duration: 350ms;
 
 .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 {
@@ -397,8 +395,7 @@ $fx-duration: 350ms;
 
 .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 {
@@ -412,8 +409,8 @@ $fx-duration: 350ms;
 }
 
 // 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;
     }
@@ -437,6 +434,7 @@ $fx-duration: 350ms;
         }
     }
 }
+// stylelint-enable declaration-no-important
 
 // Fade
 .k-fx-fade {
@@ -475,7 +473,7 @@ $fx-duration: 350ms;
     &.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

package/scss/core/helpers/_base.scss

@@ -115,8 +115,7 @@ kendo-sortable {
 // 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
 }
 
 // Dirty indicator

package/scss/core/helpers/_extra.scss

@@ -1,6 +1,6 @@
 // Hidden
 .k-hidden {
-    display: none !important; // sass-lint:disable-line no-important
+    display: none !important; // stylelint-disable-line declaration-no-important
 }
 
 

package/scss/core/helpers/_layout.scss

@@ -41,8 +41,8 @@
     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,

package/scss/core/helpers/_loading.scss

@@ -105,7 +105,7 @@
     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;
 }
 

package/scss/core/helpers/_normalize.scss

@@ -1,11 +1,11 @@
 // 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
 }

package/scss/core/mixins/_decoration.scss

@@ -19,8 +19,7 @@
     @if $gradient and $kendo-enable-gradients {
         @if $gradient == none {
             background-image: none;
-        }
-        @else {
+        } @else {
             background-image: linear-gradient( $gradient );
         }
     }

package/scss/core/module-system/index.scss

@@ -6,6 +6,7 @@ $components: _.$components !default;
 $_deps: ();
 $_imported: ();
 
+// stylelint-disable scss/at-if-no-null
 @mixin register( $name: null, $dependencies: null ) {
     @if ( list.index( $components, $name) != null ) {
         $_deps: map.set( $_deps, $name, $dependencies );
@@ -36,3 +37,4 @@ $_imported: ();
         @content;
     }
 }
+// stylelint-enable scss/at-if-no-null

package/scss/dataviz/_layout.scss

@@ -14,8 +14,9 @@
         }
     }
 
-     // Exported variables
-     .k-var--chart-font {
+    // Exported variables
+    // stylelint-disable selector-class-pattern
+    .k-var--chart-font {
         font-size: var( --kendo-chart-font-size, #{$kendo-chart-font-size} );
     }
 
@@ -31,6 +32,7 @@
     .k-var--chart-label-font {
         font-size: var( --kendo-chart-label-font-size, #{$kendo-chart-label-font-size} );
     }
+    // stylelint-enable selector-class-pattern
 
     // Elements
     .k-chart,

package/scss/dataviz/_theme.scss

@@ -4,6 +4,7 @@
 @mixin kendo-dataviz--theme() {
 
     // Exported variables
+    // stylelint-disable selector-class-pattern
     .k-var--chart-inactive {
         @include fill( $bg: var( --kendo-chart-inactive-bg, #{$kendo-chart-inactive-bg} ) );
     }
@@ -47,6 +48,7 @@
     .k-var--chart-error-bars-background {
         @include fill( $bg: var( --kendo-error-bars-background, #{$kendo-color-error-bars-background} ) );
     }
+    // stylelint-enable selector-class-pattern
 
     // Elements
     .k-chart,

package/scss/drawer/_layout.scss

@@ -25,7 +25,7 @@
         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;
@@ -111,7 +111,7 @@
         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 {

package/scss/drawer/_variables.scss

@@ -78,7 +78,7 @@ $kendo-drawer-mini-initial-width: calc( 2 * #{$kendo-drawer-item-padding-x} + va
 
 /// The border width of the drawer item ripple
 /// @group drawer
-$kendo-drawer-item-ripple-border-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-drawer-item-ripple-border-width: map.get( $kendo-spacing, 0.5 ) !default;
 /// The border color of the drawer item ripple
 /// @group drawer
 $kendo-drawer-item-ripple-border: get-theme-color-var( primary-100 ) !default;

package/scss/editor/_layout.scss

@@ -127,12 +127,13 @@
         }
     }
 
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+    .ProseMirror-selectednode { // stylelint-disable-line
         outline-width: var( --kendo-editor-selectednode-outline-width, #{$kendo-editor-selectednode-outline-width} );
         outline-style: solid;
     }
 
-    .ProseMirror-hideselection { // sass-lint:disable-line class-name-format
+    // stylelint-disable selector-no-vendor-prefix ,selector-class-pattern
+    .ProseMirror-hideselection {
         caret-color: transparent;
 
         *::selection,
@@ -140,6 +141,7 @@
             background: transparent;
         }
     }
+    // stylelint-enable selector-no-vendor-prefix ,selector-class-pattern
 
 
     // Тoolbar
@@ -174,7 +176,7 @@
             display: block;
         }
 
-        > .ProseMirror { // sass-lint:disable-line class-name-format
+        > .ProseMirror { // stylelint-disable-line
             padding: $kendo-padding-md-x;
             width: 100%;
             height: 100%;
@@ -238,7 +240,7 @@
         }
 
         // 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: "";