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

package/scss/editor/_theme.scss

@@ -63,7 +63,7 @@
             $border: var( --kendo-editor-resize-handle-border, #{$kendo-editor-resize-handle-border} )
        );
     }
-    .ProseMirror-selectednode { // sass-lint:disable-line class-name-format
+    .ProseMirror-selectednode { // stylelint-disable-line
         outline-color: var( --kendo-editor-selectednode-outline-color, #{$kendo-editor-selectednode-outline-color} );
     }
 
@@ -79,7 +79,7 @@
         }
 
         .k-disabled:not(.k-selected) {
-            @include disabled(
+            @include fill (
                 $bg: var( --kendo-disabled-bg, inherit ),
                 $border: var( --kendo-disabled-border, inherit )
             );
@@ -110,7 +110,7 @@
             border-color: #dddddd;
         }
 
-        .selectedCell::after { // sass-lint:disable-line class-name-format
+        .selectedCell::after { // stylelint-disable-line
             background-color: rgba(200, 200, 255, .4);
         }
     }

package/scss/editor/_variables.scss

@@ -43,7 +43,7 @@ $kendo-editor-resize-handle-border-width: 1px !default;
 $kendo-editor-export-tool-icon-margin-x: map.get( $kendo-spacing, 1 ) !default;
 ///  The outline width of the editor selected node
 /// @group editor
-$kendo-editor-selectednode-outline-width: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-editor-selectednode-outline-width: map.get( $kendo-spacing, 0.5 ) !default;
 
 // Cell size
 $ct-cell-size: 20px !default;

package/scss/fab/_variables.scss

@@ -57,13 +57,13 @@ $kendo-fab-focus-outline-style: $kendo-button-focus-outline-style !default;
 
 /// The horizontal padding of the FAB icon.
 /// @group floating-action-button
-$kendo-fab-icon-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-icon-padding-x: 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: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-fab-icon-spacing: map.get( $kendo-spacing, 0.5 ) !default;
 
 /// The horizontal padding of the FAB items.
 /// @group floating-action-button

package/scss/floating-label/_layout.scss

@@ -57,7 +57,7 @@
         }
 
 
-        &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
+        &.k-empty:not(.k-focus, :focus-within) ::placeholder {
             color: transparent;
         }
 

package/scss/forms/_layout.scss

@@ -47,8 +47,8 @@
     .k-form {
         border: 0;
 
-        .k-label,
-        kendo-label,
+        .k-form-field > .k-label,
+        .k-form-field > kendo-label,
         .k-form-label {
             margin-block-end: var( --kendo-form-label-margin-bottom, #{$kendo-form-label-margin-bottom} );
             display: flex;
@@ -251,7 +251,7 @@
                 align-self: center;
             }
 
-            > input:not(.k-checkbox):not(.k-radio) {
+            > input:not(.k-checkbox, .k-radio) {
                 flex: 1 1 auto;
             }
 

package/scss/forms/_variables.scss

@@ -40,7 +40,7 @@ $kendo-form-legend-padding: 0px !default;
 
 /// The border width of the Form legend.
 /// @group form
-$kendo-form-legend-border-width: 0 0 map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-form-legend-border-width: 0 0 map.get( $kendo-spacing, 0.5 ) !default;
 
 /// The border style of the Form legend.
 /// @group form

package/scss/gantt/_layout.scss

@@ -193,7 +193,7 @@
         z-index: 6;
     }
     .k-gantt-footer {
-        border-width: 1px 0 0 0;
+        border-width: 1px 0 0;
         flex-shrink: 0;
     }
 
@@ -216,7 +216,7 @@
         display: none;
     }
 
-    @media (max-width: 480px) {
+    @media (max-width: 480px) { // stylelint-disable-line
 
         .k-gantt-toolbar {
             .k-gantt-toggle {
@@ -237,7 +237,7 @@
 
     }
 
-    @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; }
     }
@@ -262,7 +262,7 @@
         }
         .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 );
@@ -763,7 +763,7 @@
         text-overflow: ellipsis;
     }
 
-    //PDF Export
+    // PDF Export
     .k-pdf-export-shadow {
         .k-gantt {
             float: left;
@@ -772,9 +772,9 @@
         .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 {

package/scss/gantt/_variables.scss

@@ -49,7 +49,7 @@ $kendo-gantt-line-selected-fill: get-theme-color-var( primary-120 ) !default;
 $kendo-gantt-dot-size: 8px !default;
 /// Spacing of the gantt task dot.
 /// @group gantt
-$kendo-gantt-dot-spacing: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-gantt-dot-spacing: map.get( $kendo-spacing, 0.5 ) !default;
 /// Background color of the gantt task dot.
 /// @group gantt
 $kendo-gantt-dot-bg: $kendo-color-black !default;

package/scss/grid/_layout.scss

@@ -326,7 +326,7 @@
             height: var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} );
             border-radius: 50%;
             top: 0;
-            left: calc( var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} )  / 2 );
+            left: calc( var( --kendo-grid-group-drop-hint-dot-size, #{$kendo-grid-group-drop-hint-dot-size} ) / 2 );
         }
 
         &::after {
@@ -518,7 +518,8 @@
     }
 
     .k-grid-filter-popup {
-        min-width: 230px;
+        min-width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+        max-width: var( --kendo-grid-column-menu-max-width, #{$kendo-grid-column-menu-max-width} );
     }
 
     // Standalone column menu
@@ -651,7 +652,7 @@
     .k-grid .k-grid-edit-row td,
     .k-grid .k-grid-edit-row .k-table-td {
 
-        > input:not([type="checkbox"]):not([type="radio"]),
+        > input:not([type="checkbox"], [type="radio"]),
         > select,
         > .k-widget:not(.k-switch) {
             width: 100%;
@@ -1094,14 +1095,14 @@
     .k-pdf-export-shadow {
         .k-grid {
             float: left;
-            width: auto !important; // sass-lint:disable-line no-important
+            width: auto !important; // stylelint-disable-line declaration-no-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; // stylelint-disable-line declaration-no-important
             overflow: visible;
         }
 
@@ -1109,20 +1110,21 @@
             & + .k-grid-header-wrap,
             & + .k-grid-content,
             & + .k-grid-footer-wrap {
-                width: auto !important; // sass-lint:disable-line no-important
+                width: auto !important; // stylelint-disable-line declaration-no-important
             }
         }
 
         // Remove empty space reserved above 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-disable-line declaration-no-important
         }
     }
 
     // Filter menu
     .k-filter-menu-popup {
-        width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+        min-width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+        max-width: var( --kendo-grid-column-menu-max-width, #{$kendo-grid-column-menu-max-width} );
     }
     .k-filter-menu {
         box-sizing: border-box;
@@ -1168,7 +1170,8 @@
     .k-filter-menu.k-popup,
     .k-grid-filter-popup.k-popup {
         .k-filter-menu-container {
-            width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+            min-width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+            max-width: var( --kendo-grid-column-menu-max-width, #{$kendo-grid-column-menu-max-width} );
         }
     }
 
@@ -1198,9 +1201,8 @@
     }
 
     // autofitting requires automatic table layout to measure sizes
+    // stylelint-disable declaration-no-important
     .k-autofitting {
-        // sass-lint:disable-block no-important
-
         width: auto !important;
         table-layout: auto !important;
 
@@ -1214,15 +1216,16 @@
             display: none !important;
         }
     }
+    // stylelint-enable declaration-no-important
 
     // Column menu
     .k-column-menu-popup,
     .k-grid-columnmenu-popup {
-        width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
+        min-width: var( --kendo-grid-column-menu-width, #{$kendo-grid-column-menu-width} );
         box-sizing: border-box;
 
         &.k-popup {
-            max-width: 100%;
+            max-width: var( --kendo-grid-column-menu-max-width, #{$kendo-grid-column-menu-max-width} );
         }
 
         .k-actions {
@@ -1344,4 +1347,16 @@
         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;
+        }
+    }
+
 }

package/scss/grid/_variables.scss

@@ -93,7 +93,7 @@ $kendo-grid-sm-cell-padding-y: $kendo-grid-sm-padding-y !default;
 $kendo-grid-sm-filter-cell-padding-x: $kendo-grid-sm-padding-x !default;
 $kendo-grid-sm-filter-cell-padding-y: map.get( $kendo-spacing, 2 ) !default;
 $kendo-grid-sm-edit-cell-padding-x: $kendo-grid-sm-padding-x !default;
-$kendo-grid-sm-edit-cell-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-grid-sm-edit-cell-padding-y: 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;
@@ -334,7 +334,7 @@ $kendo-grid-sort-index-height: var( --kendo-icon-size, 1rem ) !default;
 $kendo-grid-sort-index-spacing-y: calc( var( --kendo-icon-spacing, .5rem ) / 4 ) !default;
 /// Vertical offset of the grid sort index.
 /// @group grid
-$kendo-grid-sort-index-spacing-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-grid-sort-index-spacing-x: map.get( $kendo-spacing, 0.5 ) !default;
 /// Spacing of the grid sort icon.
 /// @group grid
 $kendo-grid-sort-icon-spacing: var( --kendo-icon-lg-spacing, .5rem ) !default;
@@ -450,6 +450,9 @@ $kendo-filter-menu-container-padding-x: map.get( $kendo-spacing, 3 ) !default;
 /// Default width of the grid column menu.
 /// @group grid
 $kendo-grid-column-menu-width: 230px !default;
+/// Max width of the grid column menu.
+/// @group grid
+$kendo-grid-column-menu-max-width: 320px !default;
 /// Spacing of the grid column menu.
 /// @group grid
 $kendo-grid-column-menu-spacing: map.get( $kendo-spacing, 2 ) !default;
@@ -581,4 +584,4 @@ $kendo-grid-row-resizer-hover-bg: get-theme-color-var( neutral-90 ) !default;
 $kendo-grid-row-resizer-active-bg: get-theme-color-var( primary-100 ) !default;
 /// Height of the grid row resize indicator
 /// @group grid
-$kendo-grid-row-resizer-height: map-get( $kendo-spacing, 0.5 ) !default;
+$kendo-grid-row-resizer-height: map.get( $kendo-spacing, 0.5 ) !default;

package/scss/icon/_layout.scss

@@ -26,18 +26,9 @@
         right: 0;
         margin: 0 -.5em -.5em 0;
     }
-
-    // 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-svg-icon.k-icon-modifier {
+        width: 1em;
+        height: 1em;
     }
 
     .k-icon-action {

package/scss/input/_layout.scss

@@ -38,7 +38,7 @@
 
         > .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;
@@ -315,8 +315,8 @@
         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::after {
@@ -355,8 +355,8 @@
             .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,
@@ -397,9 +397,9 @@
     // 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: var( --kendo-input-border-width, #{$kendo-input-border-width} ) 0;
-        border-top-color: transparent !important; // sass-lint:disable-line no-important
+        border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
 
         &:focus,
         &.k-focus,
@@ -428,7 +428,7 @@
 
     .k-input-flat,
     .k-input-outline {
-        background: none !important; // sass-lint:disable-line no-important
+        background: none !important; // stylelint-disable-line declaration-no-important
     }
 
     // Sizing
@@ -473,11 +473,11 @@
     }
 
     // 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 {}
     }

package/scss/list/_layout.scss

@@ -48,7 +48,7 @@
         padding-inline: var( --INTERNAL--kendo-list-header-padding-x, 0 );
         padding-block: var( --INTERNAL--kendo-list-header-padding-y, 0 );
         border-width: 0;
-        border-width: var( --kendo-list-header-border-width, #{$kendo-list-header-border-width} ); // sass-lint:disable-line no-duplicate-properties
+        border-width: var( --kendo-list-header-border-width, #{$kendo-list-header-border-width} );
         border-style: solid;
         font-size: var( --INTERNAL--kendo-list-header-font-size, 1rem );
         line-height: var( --INTERNAL--kendo-list-header-line-height, normal );
@@ -134,7 +134,7 @@
         padding-inline: var( --INTERNAL--kendo-list-group-item-padding-x, 0 );
         padding-block: var( --INTERNAL--kendo-list-group-item-padding-y, 0 );
         border-width: 0;
-        border-width: var( --kendo-list-group-item-border-width, #{$kendo-list-group-item-border-width} ); // sass-lint:disable-line no-duplicate-properties
+        border-width: var( --kendo-list-group-item-border-width, #{$kendo-list-group-item-border-width} );
         border-style: solid;
         font-size: var( --INTERNAL--kendo-list-group-item-font-size, 1rem );
         line-height: var( --INTERNAL--kendo-list-group-item-line-height, normal );

package/scss/list/_variables.scss

@@ -93,13 +93,13 @@ $kendo-list-lg-group-item-padding-y: map.get( $kendo-spacing, 2.5 ) !default;
 
 /// The horizontal padding of the List item group label.
 /// @group list
-$kendo-list-item-group-label-sm-padding-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-item-group-label-sm-padding-x: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-item-group-label-md-padding-x: map.get( $kendo-spacing, 1 ) !default;
 $kendo-list-item-group-label-lg-padding-x: map.get( $kendo-spacing, 1.5 ) !default;
 
 /// The vertical padding of the List item group label.
 /// @group list
-$kendo-list-item-group-label-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-list-item-group-label-sm-padding-y: map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-list-item-group-label-md-padding-y: map.get( $kendo-spacing, 1 ) !default;
 $kendo-list-item-group-label-lg-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
 

package/scss/listbox/_layout.scss

@@ -74,15 +74,6 @@
         .k-ghost {
             opacity: .5;
         }
-
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-listbox-actions .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
     }
 
     .k-item {

package/scss/listgroup/_layout.scss

@@ -162,11 +162,6 @@
                 > .k-select {
                     right: auto;
                     left: 0;
-
-                    .k-icon,
-                    .k-svg-icon {
-                        transform: scaleX(-1);
-                    }
                 }
 
             }
@@ -177,11 +172,6 @@
             > .k-select {
                 border-right-width: 1px;
                 border-left-width: 0;
-
-                .k-icon,
-                .k-svg-icon {
-                    transform: scaleX(-1);
-                }
             }
 
         }

package/scss/loader/_variables.scss

@@ -26,7 +26,7 @@ $kendo-loader-lg-padding-y: math.div( $kendo-loader-lg-segment-size, 2 ) !defaul
 
 /// Equilateral height of the loader.
 /// @group loader
-$kendo-loader-equilateral-height: .8660254038 !default;
+$kendo-loader-equilateral-height: .8660 !default;
 
 /// Width of the spinner-3 loader.
 /// @group loader

package/scss/map/_variables.scss

@@ -37,7 +37,7 @@ $kendo-map-navigator-margin-x: map.get( $kendo-spacing, 4 ) !default;
 $kendo-map-navigator-margin-y: map.get( $kendo-spacing, 4 ) !default;
 /// Map navigator padding.
 /// @group map
-$kendo-map-navigator-padding: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-map-navigator-padding: map.get( $kendo-spacing, 0.5 ) !default;
 /// Map navigator width.
 /// @group map
 $kendo-map-navigator-width: calc( var( --kendo-icon-size) * 3 + #{$kendo-map-navigator-padding * 2} ) !default;

package/scss/mediaplayer/_layout.scss

@@ -61,9 +61,7 @@
     }
     .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;
 
         .k-dropdown-list {
@@ -94,10 +92,8 @@
         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
     }
 
 }

package/scss/menu/_layout.scss

@@ -262,7 +262,7 @@
     }
     .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 {
@@ -306,7 +306,7 @@
                 height: var( --kendo-icon-size, 1rem );
                 border-bottom-width: 1px;
 
-                .k-icon:before {
+                .k-icon::before {
                     content: "\e013";
                 }
             }
@@ -318,7 +318,7 @@
                 width: var( --kendo-icon-size, 1rem );
                 border-left-width: 1px;
 
-                .k-icon:before {
+                .k-icon::before {
                     content: "\e014";
                 }
             }
@@ -330,7 +330,7 @@
                 height: var( --kendo-icon-size, 1rem );
                 border-top-width: 1px;
 
-                .k-icon:before {
+                .k-icon::before {
                     content: "\e015";
                 }
             }
@@ -342,7 +342,7 @@
                 width: var( --kendo-icon-size, 1rem );
                 border-right-width: 1px;
 
-                .k-icon:before {
+                .k-icon::before {
                     content: "\e016";
                 }
             }

package/scss/menu/_variables.scss

@@ -37,7 +37,7 @@ $kendo-menu-separator-width: 1px !default;
 
 /// The base outline of focused menu item.
 /// @group menu
-$kendo-menu-item-focus-outline-offset: - map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-menu-item-focus-outline-offset: - map.get( $kendo-spacing, 0.5 ) !default;
 $kendo-menu-item-focus-outline-width: 1px !default;
 $kendo-menu-item-focus-outline-style: solid !default;
 
@@ -249,6 +249,6 @@ $kendo-menu-scroll-button-hover-bg: null !default;
 /// @group menu
 $kendo-menu-scroll-button-hover-border: null !default;
 
-///The color of menu items icon.
+/// The color of menu items icon.
 /// @group menu
 $kendo-menu-icon-color: get-theme-color-var( primary-100 ) !default;

package/scss/notification/_variables.scss

@@ -16,7 +16,7 @@ $kendo-notification-padding-y: map.get( $kendo-spacing, 2 ) !default;
 $kendo-notification-border-width: 1px !default;
 /// Border radius of the notification.
 /// @group notification
-$kendo-notification-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
+$kendo-notification-border-radius: map.get( $kendo-spacing, 0.5 ) !default;
 /// Font family of the notification.
 /// @group notification
 $kendo-notification-font-family: var( --kendo-font-family, inherit ) !default;

package/scss/pager/_layout.scss

@@ -32,14 +32,6 @@
             box-sizing: border-box;
         }
 
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-            .k-pager-nav .k-button-icon {
-                transform: scaleX(-1);
-            }
-        }
-
     }
 
 

package/scss/panelbar/_layout.scss

@@ -54,7 +54,7 @@
                 &.k-selected {
                     font-weight: var( --kendo-font-weight-bold, #{$kendo-font-weight-bold} );
 
-                    &:before {
+                    &::before {
                         content: '';
                         width: 2px;
                         height: 100%;
@@ -112,7 +112,7 @@
                 &.k-selected {
                     font-weight: var( --kendo-font-weight-bold, #{$kendo-font-weight-bold} );
 
-                    &:before {
+                    &::before {
                         content: '';
                         width: 2px;
                         height: 100%;

package/scss/panelbar/_theme.scss

@@ -90,7 +90,7 @@
                         color: inherit;
                     }
 
-                    &:before {
+                    &::before {
                         background-color: var( --kendo-panelbar-selected-marker, #{$kendo-panelbar-selected-marker} );
                     }
 
@@ -195,7 +195,7 @@
                     --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-bg, #{$kendo-panelbar-item-selected-bg} );
                     --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-border, #{$kendo-panelbar-item-selected-border} );
 
-                    &:before {
+                    &::before {
                         background-color: var( --kendo-panelbar-selected-marker, #{$kendo-panelbar-selected-marker} );
                     }