@progress/kendo-theme-default 9.0.1-dev.2 → 9.1.0-dev.0

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "9.0.1-dev.2",
+    "version": "9.1.0-dev.0",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "9.0.1-dev.2",
+  "version": "9.1.0-dev.0",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "3.0.0",
-    "@progress/kendo-theme-core": "9.0.1-dev.2",
-    "@progress/kendo-theme-utils": "9.0.1-dev.2"
+    "@progress/kendo-theme-core": "9.1.0-dev.0",
+    "@progress/kendo-theme-utils": "9.1.0-dev.0"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "9a112b4828a2d760609c9a134b25bfb00eedd3fd"
+  "gitHead": "58a4e9c2c83c12c468f5dc6d0350bec05b84217d"
 }

package/scss/adaptive/_layout.scss

@@ -454,28 +454,23 @@
             }
 
         }
+    }
 
-        // RTL
-        .k-rtl &,
-        &[dir="rtl"],
-        [dir="rtl"] & {
-
-            .k-scheduler-mobile {
-
-                .k-scheduler-toolbar {
-                    > ul > li {
-                        border: 0;
-                    }
+    // RTL
+    :is(.k-rtl .k-pane-wrapper, [dir="rtl"] .k-pane-wrapper, .k-pane-wrapper[dir="rtl"]) {
+        .k-scheduler-mobile {
+            .k-scheduler-toolbar {
+                > ul > li {
+                    border: 0;
                 }
+            }
 
-                .k-task .k-i-reload {
-                    margin-left: .5em;
-                    margin-right: 0;
-                }
+            .k-task .k-i-reload {
+                margin-left: .5em;
+                margin-right: 0;
             }
         }
     }
-
 }
 
 

package/scss/calendar/_theme.scss

@@ -123,14 +123,6 @@
             );
         }
 
-
-        &[dir="rtl"],
-        .k-rtl & {
-            .k-calendar-navigation {
-                box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
-            }
-        }
-
         // Invalid
         &.k-invalid,
         &.k-invalid:hover,
@@ -140,6 +132,12 @@
         }
     }
 
+    .k-rtl .k-calendar,
+    .k-calendar[dir="rtl"] {
+        .k-calendar-navigation {
+            box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
+        }
+    }
 
     // Scheduler integration
     .k-scheduler .k-calendar .k-other-month {

package/scss/card/_layout.scss

@@ -116,11 +116,11 @@
         max-width: 100%;
         flex-shrink: 0;
         overflow: hidden;
+    }
 
-        .k-card-horizontal & {
-            max-width: $kendo-card-img-max-width;
-            object-fit: cover;
-        }
+    .k-card-horizontal .k-card-media {
+        max-width: $kendo-card-img-max-width;
+        object-fit: cover;
     }
 
 

package/scss/chat/_layout.scss

@@ -300,17 +300,19 @@
                 fill: currentColor;
                 display: inline-block;
             }
+        }
+    }
 
-            .k-rtl &,
-            [dir="rtl"] & {
+    .k-rtl,
+    [dir="rtl"] {
+        .k-message-box {
+            .k-button {
                 transform: scaleX(-1);
             }
         }
     }
 
 
-
-
     // Card list
     .k-chat .k-card-list {
         margin: $kendo-chat-bubble-spacing 0 0;

package/scss/datetimepicker/_layout.scss

@@ -41,13 +41,9 @@
         transform: translateX(-100%);
     }
 
-    .k-time-tab .k-datetime-selector {
-        &.k-rtl,
-        &[dir="rtl"],
-        .k-rtl &,
-        [dir="rtl"] & {
-            transform: translateX(100%);
-        }
+    :is(.k-rtl, [dir="rtl"]) .k-time-tab .k-datetime-selector,
+    .k-time-tab .k-datetime-selector:is(.k-rtl, [dir="rtl"]) {
+        transform: translateX(100%);
     }
 }
 

package/scss/expansion-panel/_layout.scss

@@ -20,15 +20,15 @@
         *::after {
             box-sizing: border-box;
         }
+    }
 
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            // Expand / collapse icon
-            .k-expander-indicator {
-                margin-left: 0;
-                margin-right: $kendo-expander-indicator-margin-x;
-            }
+    .k-rtl .k-expander,
+    .k-expander.k-rtl,
+    .k-expander[dir="rtl"] {
+        // Expand / collapse icon
+        .k-expander-indicator {
+            margin-left: 0;
+            margin-right: $kendo-expander-indicator-margin-x;
         }
     }
 

package/scss/fab/_layout.scss

@@ -39,14 +39,13 @@
         padding-inline: $kendo-fab-icon-padding-x;
         padding-block: $kendo-fab-icon-padding-y;
         box-sizing: content-box;
-
-        .k-icon-wrapper-host:not(:only-child) &,
-        &:not(:only-child) {
-            margin-inline-end: $kendo-fab-icon-spacing;
-            margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
-        }
     }
 
+    .k-icon-wrapper-host:not(:only-child) .k-fab-icon,
+    .k-fab-icon:not(:only-child) {
+        margin-inline-end: $kendo-fab-icon-spacing;
+        margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
+    }
 
     // Sizes
     @each $size, $size-props in $kendo-fab-sizes {

package/scss/floating-label/_layout.scss

@@ -57,33 +57,32 @@
         &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
             color: transparent;
         }
+    }
 
-        [dir="rtl"] &,
-        .k-rtl &,
-        &[dir="rtl"] {
+    [dir="rtl"] .k-floating-label-container,
+    .k-rtl .k-floating-label-container,
+    .k-floating-label-container[dir="rtl"] {
+        > .k-floating-label {
+            transform-origin: right center;
+            transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
+        }
 
+        &.k-empty {
             > .k-floating-label {
-                transform-origin: right center;
-                transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
-            }
-
-            &.k-empty {
-                > .k-floating-label {
-                    left: auto;
-                    right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
-                }
-            }
-
-            > .k-floating-label,
-            &.k-focus > .k-floating-label {
                 left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
-            }
-            &:focus-within > .k-floating-label {
-                left: auto;
-                right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+                right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
             }
         }
+
+        > .k-floating-label,
+        &.k-focus > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
+        &:focus-within > .k-floating-label {
+            left: auto;
+            right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
+        }
     }
 
 }

package/scss/forms/_layout.scss

@@ -197,27 +197,23 @@
     }
 
     // RTL Adjustments
-    .k-form {
-        [dir="rtl"],
-        .k-rtl & {
-            .k-label-optional {
-                margin-left: 0;
-                margin-right: $kendo-label-optional-margin-x;
-            }
+    .k-form [dir="rtl"],
+    .k-rtl .k-form {
+        .k-label-optional {
+            margin-left: 0;
+            margin-right: $kendo-label-optional-margin-x;
         }
     }
 
-    .k-form-horizontal {
-        [dir="rtl"],
-        .k-rtl & {
-            &.k-form-field,
-            .k-form-field {
-                > .k-label,
-                > kendo-label,
-                > .k-form-label {
-                    margin-right: 0;
-                    margin-left: $kendo-horizontal-form-label-margin-x;
-                }
+    .k-form-horizontal [dir="rtl"],
+    .k-rtl .k-form-horizontal {
+        &.k-form-field,
+        .k-form-field {
+            > .k-label,
+            > kendo-label,
+            > .k-form-label {
+                margin-right: 0;
+                margin-left: $kendo-horizontal-form-label-margin-x;
             }
         }
     }

package/scss/input/_layout.scss

@@ -65,14 +65,14 @@
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
+
+    :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
     textarea.k-textarea {
         overflow: auto;
     }
@@ -90,15 +90,14 @@
         &:disabled,
         &[disabled] {
             @include disabled( $kendo-disabled-styling... );
-
-            [disabled] &,
-            .k-disabled & {
-                opacity: 1;
-                filter: grayscale(0);
-            }
         }
     }
 
+    :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) {
+        opacity: 1;
+        filter: grayscale(0);
+    }
+
 
     // Input inner
     .k-input-inner {

package/scss/map/_layout.scss

@@ -75,8 +75,6 @@
         border-radius: 50%;
         position: relative;
 
-        .k-pdf-export & { display: none; }
-
 
         // Buttons
         .k-button {
@@ -125,10 +123,15 @@
         border: 0;
         background: none;
         display: flex;
-
-        .k-pdf-export & { display: none; }
     }
 
+
+    .k-pdf-export {
+        .k-navigator,
+        .k-zoom-control {
+            display: none;
+        }
+    }
 }
 
 

package/scss/pager/_layout.scss

@@ -88,9 +88,13 @@
         @if ($kendo-pager-item-spacing) {
             margin-left: $kendo-pager-item-spacing;
         }
+    }
 
-        .k-rtl &,
-        [dir="rtl"] & {
+    .k-rtl,
+    [dir="rtl"] {
+        .k-pager-nav + .k-pager-nav,
+        .k-pager-nav + .k-pager-numbers-wrap,
+        .k-pager-numbers-wrap + .k-pager-nav {
             @if ($kendo-pager-item-spacing) {
                 margin-left: 0;
                 margin-right: $kendo-pager-item-spacing;

package/scss/panelbar/_layout.scss

@@ -116,24 +116,22 @@
         .k-panelbar-group .k-panelbar-toggle {
             margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
         }
+    }
 
-
-        .k-rtl &,
-        &.k-rtl,
-        &[dir = "rtl"] {
-            .k-panelbar-group > .k-panelbar-item {
-                // Hierarchy items
-                @for $i from 1 through $kendo-panelbar-item-level-count {
-                    &.k-level-#{$i} {
-                        .k-link {
-                            padding-left: $kendo-panelbar-item-padding-x;
-                            padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
-                        }
+    .k-rtl .k-panelbar,
+    .k-panelbar.k-rtl,
+    .k-panelbar [dir = "rtl"] {
+        .k-panelbar-group > .k-panelbar-item {
+            // Hierarchy items
+            @for $i from 1 through $kendo-panelbar-item-level-count {
+                &.k-level-#{$i} {
+                    .k-link {
+                        padding-left: $kendo-panelbar-item-padding-x;
+                        padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
                     }
                 }
             }
         }
-
     }
 
 }

package/scss/pivotgrid/_layout.scss

@@ -188,25 +188,9 @@
         cursor: pointer;
         user-select: none;
 
-        .k-flex-row &,
-        .k-flex-row-reverse & {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            writing-mode: vertical-rl;
-
-            .k-icon {
-                vertical-align: baseline;
-            }
-        }
         .k-flex-row-reverse & > span {
             transform: rotate(-180deg);
         }
-
-        .k-flex-col &,
-        .k-flex-col-reverse & {
-            text-align: center;
-        }
     }
 
 
@@ -215,22 +199,8 @@
         position: absolute;
         overflow: hidden;
         z-index: 2;
-
-        .k-flex-row & {
-            right: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-row-reverse & {
-            left: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-col & {
-            bottom: $kendo-pivotgrid-configurator-button-size;
-        }
-        .k-flex-col-reverse & {
-            top: $kendo-pivotgrid-configurator-button-size;
-        }
     }
 
-
     // Panel Content
     .k-pivotgrid-configurator-header {
         padding-block: $kendo-pivotgrid-configurator-header-padding-y;
@@ -371,15 +341,35 @@
         min-width: $kendo-pivotgrid-configurator-vertical-width;
     }
 
-    .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-        .k-flex-row &,
-        .k-flex-row-reverse & {
+    .k-flex-row {
+        .k-pivotgrid-configurator-overlay {
+            right: $kendo-pivotgrid-configurator-button-size;
+        }
+
+        &-reverse .k-pivotgrid-configurator-overlay {
+            left: $kendo-pivotgrid-configurator-button-size;
+        }
+    }
+
+    .k-flex-row,
+    .k-flex-row-reverse {
+        .k-pivotgrid-configurator-button {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            writing-mode: vertical-rl;
+
+            .k-icon {
+                vertical-align: baseline;
+            }
+        }
+
+        .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
             border-right-width: 0;
             border-left-width: 0;
         }
     }
 
-
     // Horizontal Layout
     .k-pivotgrid-configurator-horizontal {
         width: 100%;
@@ -426,17 +416,31 @@
                 overflow-y: auto;
             }
         }
+    }
 
-        &.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
-            .k-flex-col &,
-            .k-flex-col-reverse & {
-                border-top-width: 0;
-                border-bottom-width: 0;
-            }
+    .k-flex-col {
+        .k-pivotgrid-configurator-overlay {
+            bottom: $kendo-pivotgrid-configurator-button-size;
+        }
+
+        &-reverse .k-pivotgrid-configurator-overlay {
+            top: $kendo-pivotgrid-configurator-button-size;
         }
     }
 
 
+    .k-flex-col,
+    .k-flex-col-reverse {
+        .k-pivotgrid-configurator-button {
+            text-align: center;
+        }
+
+        .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
+            border-top-width: 0;
+            border-bottom-width: 0;
+        }
+    }
+
 
     // Pivotgrid export
     .k-pdf-export-shadow {