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

package/scss/spreadsheet/_layout.scss

@@ -29,6 +29,7 @@
             transform: translateY( -100% );
         }
 
+
     }
 
 
@@ -110,9 +111,6 @@
     }
     .k-spreadsheet-name-editor {
         width: 10em;
-        border-width: 0 1px 0 0;
-        border-style: solid;
-        border-color: inherit;
     }
     .k-spreadsheet-formula-bar {
         border-color: inherit;
@@ -120,6 +118,7 @@
         flex-direction: row;
         align-items: center;
         flex: 1;
+        gap: $kendo-padding-md-y;
 
         > .k-icon,
         > .k-svg-icon {
@@ -251,9 +250,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;
@@ -266,7 +264,7 @@
             pointer-events: auto;
         }
     }
-    // sass-lint:enable no-important
+
     .k-spreadsheet-fixed-container {
         width: 100%;
         height: 100%;
@@ -462,9 +460,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;
     }
 
@@ -678,14 +675,11 @@
         .k-reset-color { border-bottom-width: 1px; }
         .k-custom-color { border-top-width: 1px; }
         .k-spreadsheet-border-type-palette {
-            width: 12.5rem;
-            height: 5rem;
-            display: flex;
-            flex-flow: row wrap;
-            align-content: space-around;
-            justify-content: space-around;
+            padding: k-map-get( $kendo-spacing, 2 );
+            display: grid;
+            grid-template-columns: repeat(5, max-content);
+            gap: k-map-get( $kendo-spacing, 2 );
         }
-
     }
 
     .k-spreadsheet-format-popup {
@@ -696,7 +690,6 @@
         opacity: .7;
     }
 
-
     .k-spreadsheet-clipboard,
     .k-spreadsheet-clipboard-paste {
         margin: 0;
@@ -714,7 +707,10 @@
 
 
     // Spreadsheet window
-    .k-spreadsheet-window {}
+    .k-spreadsheet-window .k-external-dropzone {
+        margin-block-end: $kendo-spreadsheet-dropzone-spacing-y;
+    }
+
     .k-spreadsheet-window .k-edit-form-container {
         width: auto;
         min-width: 0;
@@ -859,7 +855,7 @@
             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; }
@@ -868,7 +864,7 @@
             &.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 {

package/scss/spreadsheet/_theme.scss

@@ -196,7 +196,6 @@
                 $kendo-list-item-selected-bg
             );
         }
-
     }
 
 

package/scss/spreadsheet/_variables.scss

@@ -36,3 +36,5 @@ $kendo-spreadsheet-drawing-outline-style: solid !default;
 $kendo-spreadsheet-drawing-outline-width: 2px !default;
 
 $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
+
+$kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;

package/scss/stepper/_theme.scss

@@ -161,9 +161,6 @@
         .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 {

package/scss/table/_layout.scss

@@ -64,7 +64,7 @@
     // 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;
 
@@ -150,18 +150,19 @@
             }
         }
 
+        // 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;
@@ -170,6 +171,7 @@
                 right: 0;
             }
         }
+        // stylelint-enable declaration-no-important
     }
 
 
@@ -195,7 +197,7 @@
     // 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;
 

package/scss/tabstrip/_layout.scss

@@ -102,7 +102,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-block: $kendo-tabstrip-content-padding-y;
         padding-inline: $kendo-tabstrip-content-padding-x;
         box-sizing: border-box;
@@ -201,14 +201,14 @@
             .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 {
@@ -224,14 +224,14 @@
             .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 {
@@ -249,14 +249,14 @@
             .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
         }
 
     }
@@ -275,7 +275,7 @@
             .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
             }
         }
 
@@ -351,7 +351,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
             }
         }
 
@@ -372,11 +372,6 @@
             > .k-tabstrip-content { order: 0; }
         }
 
-        .k-tabstrip-prev .k-button-icon,
-        .k-tabstrip-next .k-button-icon {
-            transform: scaleX(-1);
-        }
-
     }
 
 }

package/scss/taskboard/_layout.scss

@@ -170,7 +170,7 @@
         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
@@ -211,20 +211,6 @@
         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;
-        }
-    }
-
 }
 
 

package/scss/toolbar/_layout.scss

@@ -152,13 +152,10 @@
         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;
@@ -174,14 +171,14 @@
             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

package/scss/toolbar/_theme.scss

@@ -30,9 +30,8 @@
 
     }
 
-    // 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,

package/scss/treeview/_variables.scss

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

package/scss/upload/_layout.scss

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

package/scss/window/_layout.scss

@@ -159,7 +159,7 @@
     }
 
     // Resize Handles
-    .k-window {
+    .k-window { // stylelint-disable-line
         .k-resize-n { top: 0; }
         .k-resize-e { right: 0; }
         .k-resize-s { bottom: 0; }

package/scss/window/_theme.scss

@@ -10,11 +10,9 @@
         @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 );
     }
 
 

package/scss/wizard/_layout.scss

@@ -99,6 +99,7 @@
     .k-wizard-vertical {
 
         .k-wizard-steps {
+            margin-left: $kendo-wizard-content-padding-x;
             flex: 1 0 0%;
         }
 
@@ -106,9 +107,6 @@
             flex: 1 1 0%;
         }
 
-        .k-wizard-steps {
-            margin-left: $kendo-wizard-content-padding-x;
-        }
     }
 
     .k-wizard-left {