@progress/kendo-theme-default 8.0.0-dev.9 → 8.0.0

package/dist/all.css

@@ -31492,7 +31492,7 @@ kendo-badge-container {
 
 .k-badge-outline {
     border-color: currentColor;
-    background-color: var(--kendo-color-surface-alt, #ffffff);
+    background-color: transparent;
 }
 
 .k-badge-outline-primary {
@@ -31802,9 +31802,9 @@ kendo-badge-container {
 }
 
 .k-chip-outline-base {
-    border-color: var(--kendo-color-on-base, #3d3d3d);
-    color: var(--kendo-color-on-base, #3d3d3d);
-    background-color: var(--kendo-color-surface-alt, #ffffff);
+    border-color: var(--kendo-color-base-on-surface, #3d3d3d);
+    color: var(--kendo-color-base-on-surface, #3d3d3d);
+    background-color: transparent;
 }
 
 .k-chip-outline-base:focus, .k-chip-outline-base.k-focus {
@@ -31813,18 +31813,18 @@ kendo-badge-container {
 
 .k-chip-outline-base:hover, .k-chip-outline-base.k-hover {
     color: var(--kendo-color-base, #f5f5f5);
-    background-color: var(--kendo-color-on-base, #3d3d3d);
+    background-color: var(--kendo-color-base-on-surface, #3d3d3d);
 }
 
 .k-chip-outline-base.k-selected {
     color: var(--kendo-color-base, #f5f5f5);
-    background-color: var(--kendo-color-on-base, #3d3d3d);
+    background-color: var(--kendo-color-base-on-surface, #3d3d3d);
 }
 
 .k-chip-outline-error {
     border-color: var(--kendo-color-error-on-surface, #ca1400);
     color: var(--kendo-color-error-on-surface, #ca1400);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
@@ -31846,7 +31846,7 @@ kendo-badge-container {
 .k-chip-outline-info {
     border-color: var(--kendo-color-info-on-surface, #004ac2);
     color: var(--kendo-color-info-on-surface, #004ac2);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
@@ -31867,8 +31867,8 @@ kendo-badge-container {
 
 .k-chip-outline-warning {
     border-color: var(--kendo-color-warning, #ffc000);
-    color: var(--kendo-color-on-base, #3d3d3d);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    color: var(--kendo-color-on-app-surface, #3d3d3d);
+    background-color: transparent;
 }
 
 .k-chip-outline-warning:focus, .k-chip-outline-warning.k-focus {
@@ -31888,7 +31888,7 @@ kendo-badge-container {
 .k-chip-outline-success {
     border-color: var(--kendo-color-success-on-surface, #2d9600);
     color: var(--kendo-color-success-on-surface, #2d9600);
-    background-color: var(--kendo-color-app-surface, #ffffff);
+    background-color: transparent;
 }
 
 .k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
@@ -33487,9 +33487,9 @@ kendo-badge-container {
 }
 
 .k-button-outline-base:hover, .k-button-outline-base.k-hover {
-    border-color: var(--kendo-color-on-app-surface, #3d3d3d);
-    color: var(--kendo-color-surface, #fafafa);
-    background-color: var(--kendo-color-on-app-surface, #3d3d3d);
+    border-color: var(--kendo-color-on-base, #3d3d3d);
+    color: var(--kendo-color-base, #f5f5f5);
+    background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 
 .k-button-outline-base:focus, .k-button-outline-base.k-focus {
@@ -33497,55 +33497,55 @@ kendo-badge-container {
 }
 
 .k-button-outline-base:active, .k-button-outline-base.k-active {
-    border-color: var(--kendo-color-on-app-surface, #3d3d3d);
-    color: var(--kendo-color-surface, #fafafa);
-    background-color: var(--kendo-color-on-app-surface, #3d3d3d);
+    border-color: var(--kendo-color-on-base, #3d3d3d);
+    color: var(--kendo-color-base, #f5f5f5);
+    background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 
 .k-button-outline-base.k-selected {
-    border-color: var(--kendo-color-on-app-surface, #3d3d3d);
-    color: var(--kendo-color-surface, #fafafa);
-    background-color: var(--kendo-color-on-app-surface, #3d3d3d);
+    border-color: var(--kendo-color-on-base, #3d3d3d);
+    color: var(--kendo-color-base, #f5f5f5);
+    background-color: var(--kendo-color-on-base, #3d3d3d);
 }
 
 .k-button-flat-primary {
-    color: var(--kendo-color-primary, #ff6358);
+    color: var(--kendo-color-primary-on-surface, #ff6358);
 }
 
 .k-button-flat-secondary {
-    color: var(--kendo-color-secondary, #666666);
+    color: var(--kendo-color-secondary-on-surface, #292929);
 }
 
 .k-button-flat-tertiary {
-    color: var(--kendo-color-tertiary, #03a9f4);
+    color: var(--kendo-color-tertiary-on-surface, #028ccb);
 }
 
 .k-button-flat-info {
-    color: var(--kendo-color-info, #0058e9);
+    color: var(--kendo-color-info-on-surface, #004ac2);
 }
 
 .k-button-flat-success {
-    color: var(--kendo-color-success, #37b400);
+    color: var(--kendo-color-success-on-surface, #2d9600);
 }
 
 .k-button-flat-warning {
-    color: var(--kendo-color-warning, #ffc000);
+    color: var(--kendo-color-warning-on-surface, #ffc000);
 }
 
 .k-button-flat-error {
-    color: var(--kendo-color-error, #f31700);
+    color: var(--kendo-color-error-on-surface, #ca1400);
 }
 
 .k-button-flat-dark {
-    color: var(--kendo-color-dark, #3d3d3d);
+    color: var(--kendo-color-dark-on-surface, #141414);
 }
 
 .k-button-flat-light {
-    color: var(--kendo-color-light, #ebebeb);
+    color: var(--kendo-color-light-on-surface, #e0e0e0);
 }
 
 .k-button-flat-inverse {
-    color: var(--kendo-color-dark, #3d3d3d);
+    color: var(--kendo-color-inverse-on-surface, #141414);
 }
 
 .k-button-flat-base {
@@ -33773,7 +33773,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-primary {
-    color: var(--kendo-color-primary, #ff6358);
+    color: var(--kendo-color-primary-on-surface, #ff6358);
 }
 
 .k-button-clear-primary:focus::after, .k-button-clear-primary.k-focus::after, .k-button-clear-primary:active::after {
@@ -33783,7 +33783,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-secondary {
-    color: var(--kendo-color-secondary, #666666);
+    color: var(--kendo-color-secondary-on-surface, #292929);
 }
 
 .k-button-clear-secondary:focus::after, .k-button-clear-secondary.k-focus::after, .k-button-clear-secondary:active::after {
@@ -33793,7 +33793,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-tertiary {
-    color: var(--kendo-color-tertiary, #03a9f4);
+    color: var(--kendo-color-tertiary-on-surface, #028ccb);
 }
 
 .k-button-clear-tertiary:focus::after, .k-button-clear-tertiary.k-focus::after, .k-button-clear-tertiary:active::after {
@@ -33803,7 +33803,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-info {
-    color: var(--kendo-color-info, #0058e9);
+    color: var(--kendo-color-info-on-surface, #004ac2);
 }
 
 .k-button-clear-info:focus::after, .k-button-clear-info.k-focus::after, .k-button-clear-info:active::after {
@@ -33813,7 +33813,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-success {
-    color: var(--kendo-color-success, #37b400);
+    color: var(--kendo-color-success-on-surface, #2d9600);
 }
 
 .k-button-clear-success:focus::after, .k-button-clear-success.k-focus::after, .k-button-clear-success:active::after {
@@ -33823,7 +33823,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-warning {
-    color: var(--kendo-color-warning, #ffc000);
+    color: var(--kendo-color-warning-on-surface, #ffc000);
 }
 
 .k-button-clear-warning:focus::after, .k-button-clear-warning.k-focus::after, .k-button-clear-warning:active::after {
@@ -33833,7 +33833,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-error {
-    color: var(--kendo-color-error, #f31700);
+    color: var(--kendo-color-error-on-surface, #ca1400);
 }
 
 .k-button-clear-error:focus::after, .k-button-clear-error.k-focus::after, .k-button-clear-error:active::after {
@@ -33843,7 +33843,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-dark {
-    color: var(--kendo-color-dark, #3d3d3d);
+    color: var(--kendo-color-dark-on-surface, #141414);
 }
 
 .k-button-clear-dark:focus::after, .k-button-clear-dark.k-focus::after, .k-button-clear-dark:active::after {
@@ -33853,7 +33853,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-light {
-    color: var(--kendo-color-light, #ebebeb);
+    color: var(--kendo-color-light-on-surface, #e0e0e0);
 }
 
 .k-button-clear-light:focus::after, .k-button-clear-light.k-focus::after, .k-button-clear-light:active::after {
@@ -33863,7 +33863,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-inverse {
-    color: var(--kendo-color-dark, #3d3d3d);
+    color: var(--kendo-color-inverse-on-surface, #141414);
 }
 
 .k-button-clear-inverse:focus::after, .k-button-clear-inverse.k-focus::after, .k-button-clear-inverse:active::after {
@@ -33873,7 +33873,7 @@ kendo-badge-container {
 }
 
 .k-button-clear-base {
-    color: var(--kendo-color-on-app-surface, #3d3d3d);
+    color: var(--kendo-color-base-on-surface, #3d3d3d);
 }
 
 .k-button-clear-base:focus::after, .k-button-clear-base.k-focus::after, .k-button-clear-base:active::after {
@@ -37833,23 +37833,35 @@ select.k-picker-lg {
     outline: 0;
 }
 
-.k-calendar-range .k-range-start .k-calendar-cell-inner, .k-calendar-range .k-range-start .k-link,
-.k-calendar-range .k-range-start .k-link {
-    border-color: inherit;
+.k-range-start {
     border-radius: var(--kendo-border-radius-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
 }
 
-.k-calendar-range .k-range-end .k-calendar-cell-inner, .k-calendar-range .k-range-end .k-link,
-.k-calendar-range .k-range-end .k-link {
+.k-range-start .k-calendar-cell-inner, .k-range-start .k-link,
+.k-range-start .k-link {
     border-color: inherit;
+    border-radius: inherit;
+}
+
+.k-range-end {
     border-radius: 0 var(--kendo-border-radius-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 0;
 }
 
-.k-calendar-range .k-range-mid {
+.k-range-end .k-calendar-cell-inner, .k-range-end .k-link,
+.k-range-end .k-link {
+    border-color: inherit;
+    border-radius: inherit;
+}
+
+.k-range-mid {
     border-color: inherit;
     border-radius: 0;
 }
 
+.k-range-start.k-range-end {
+    border-radius: var(--kendo-border-radius-lg, 0.375rem);
+}
+
 .k-rtl .k-calendar .k-content.k-scrollable,
 .k-rtl .k-calendar .k-calendar-content.k-scrollable,
 [dir="rtl"] .k-calendar .k-content.k-scrollable,
@@ -37864,31 +37876,17 @@ select.k-picker-lg {
     margin-right: -100px;
 }
 
-.k-rtl .k-calendar-range .k-range-start .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-start .k-link,
-.k-rtl .k-calendar-range .k-range-start .k-link,
-[dir="rtl"] .k-calendar-range .k-range-start .k-calendar-cell-inner,
-[dir="rtl"] .k-calendar-range .k-range-start .k-link,
-[dir="rtl"] .k-calendar-range .k-range-start .k-link,
-.k-calendar-range.k-rtl .k-range-start .k-calendar-cell-inner,
-.k-calendar-range.k-rtl .k-range-start .k-link,
-.k-calendar-range.k-rtl .k-range-start .k-link,
-.k-calendar-range[dir="rtl"] .k-range-start .k-calendar-cell-inner,
-.k-calendar-range[dir="rtl"] .k-range-start .k-link,
-.k-calendar-range[dir="rtl"] .k-range-start .k-link {
+.k-rtl .k-calendar .k-range-start,
+[dir="rtl"] .k-calendar .k-range-start,
+.k-calendar.k-rtl .k-range-start,
+.k-calendar[dir="rtl"] .k-range-start {
     border-radius: 0 var(--kendo-border-radius-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 0;
 }
 
-.k-rtl .k-calendar-range .k-range-end .k-calendar-cell-inner, .k-rtl .k-calendar-range .k-range-end .k-link,
-.k-rtl .k-calendar-range .k-range-end .k-link,
-[dir="rtl"] .k-calendar-range .k-range-end .k-calendar-cell-inner,
-[dir="rtl"] .k-calendar-range .k-range-end .k-link,
-[dir="rtl"] .k-calendar-range .k-range-end .k-link,
-.k-calendar-range.k-rtl .k-range-end .k-calendar-cell-inner,
-.k-calendar-range.k-rtl .k-range-end .k-link,
-.k-calendar-range.k-rtl .k-range-end .k-link,
-.k-calendar-range[dir="rtl"] .k-range-end .k-calendar-cell-inner,
-.k-calendar-range[dir="rtl"] .k-range-end .k-link,
-.k-calendar-range[dir="rtl"] .k-range-end .k-link {
+.k-rtl .k-calendar .k-range-end,
+[dir="rtl"] .k-calendar .k-range-end,
+.k-calendar.k-rtl .k-range-end,
+.k-calendar[dir="rtl"] .k-range-end {
     border-radius: var(--kendo-border-radius-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
 }
 
@@ -37995,11 +37993,6 @@ select.k-picker-lg {
     background-color: color-mix(in srgb, var(--kendo-color-primary, #ff6358) 25%, transparent);
 }
 
-.k-calendar .k-range-start.k-range-end {
-    background-image: none;
-    background-color: transparent;
-}
-
 .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
 .k-calendar .k-range-end .k-calendar-cell-inner,
 .k-calendar .k-range-end .k-link {
@@ -47067,6 +47060,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected::before
     font-family: var(--kendo-font-family, inherit);
     font-size: var(--kendo-font-size, inherit);
     line-height: var(--kendo-line-height, normal);
+    display: flex;
     flex-flow: column nowrap;
     position: relative;
     -webkit-touch-callout: none;
@@ -54731,6 +54725,10 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     height: 100%;
 }
 
+.k-sankey text {
+    pointer-events: none;
+}
+
 .k-treemap {
     height: 400px;
     box-sizing: border-box;

package/dist/all.scss

@@ -19378,7 +19378,7 @@ $kendo-badge-sizes: (
     // Outline badges
     .k-badge-outline {
         border-color: currentColor;
-        background-color: $kendo-component-bg;
+        background-color: transparent;
     }
 
     @each $name, $color in $kendo-theme-colors {
@@ -19851,7 +19851,7 @@ $kendo-chip-solid-selected-text: null !default;
 $kendo-chip-outline-bg: $kendo-component-bg !default;
 /// The base text color of the outline Chip.
 /// @group chip
-$kendo-chip-outline-text: $kendo-chip-solid-text !default;
+$kendo-chip-outline-text: if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-chip-solid-text) !default;
 /// The base border color of the outline Chip.
 /// @group chip
 $kendo-chip-outline-border: $kendo-chip-outline-text !default;
@@ -20114,7 +20114,7 @@ $kendo-chip-list-sizes: (
             @if ($name == "base") {
                 @include fill(
                     $kendo-chip-outline-text,
-                    $kendo-chip-outline-bg,
+                    transparent,
                     $kendo-chip-outline-border
                 );
 
@@ -20139,8 +20139,8 @@ $kendo-chip-list-sizes: (
                 }
             } @else if ($name == "warning") {
                 @include fill(
-                    if($kendo-enable-color-system, $kendo-chip-outline-text, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
-                    if($kendo-enable-color-system, k-color( app-surface ), if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
+                    if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
+                    if($kendo-enable-color-system, transparent, if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
                     if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
                 );
 
@@ -20166,7 +20166,7 @@ $kendo-chip-list-sizes: (
             } @else {
                 @include fill(
                     if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% )),
-                    if($kendo-enable-color-system, k-color( app-surface ), if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
+                    if($kendo-enable-color-system, transparent, if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
                     if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% ))
                 );
 
@@ -21903,9 +21903,9 @@ $_kendo-module-meta: (
             &.k-hover {
                 @if $name == "base" {
                     @include fill(
-                        if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
-                        $color,
-                        $color
+                        if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
                     );
                 } @else {
                     @include fill(
@@ -21933,9 +21933,9 @@ $_kendo-module-meta: (
             &.k-active {
                 @if $name == "base" {
                     @include fill(
-                        if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
-                        $color,
-                        $color
+                        if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
                     );
                 } @else {
                     @include fill(
@@ -21950,9 +21950,9 @@ $_kendo-module-meta: (
             &.k-selected {
                 @if $name == "base" {
                     @include fill(
-                        if($kendo-enable-color-system, $kendo-base-bg, k-contrast-legacy( $color )),
-                        $color,
-                        $color
+                        if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
+                        if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
                     );
                 } @else {
                     @include fill(
@@ -21975,7 +21975,11 @@ $_kendo-module-meta: (
     // Flat button
     @each $name, $color in k-map-merge( $kendo-button-theme-colors, ( "base": inherit ) ) {
         .k-button-flat-#{$name} {
-            color: $color;
+            @if $name == "base" {
+                color: inherit;
+            } @else {
+                color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color);
+            }
 
             // Disabled state
             &:disabled,
@@ -22044,7 +22048,7 @@ $_kendo-module-meta: (
     // Clear button
     @each $name, $color in k-map-merge( $kendo-button-theme-colors, ( "base": $kendo-base-text ) ) {
         .k-button-clear-#{$name} {
-            color: $color;
+            color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color);
 
             &:focus,
             &.k-focus,
@@ -28759,8 +28763,15 @@ $_kendo-module-meta: (
 /// The width of the border around the Calendar.
 /// @group calendar
 $kendo-calendar-border-width: 1px !default;
+
+/// The font family of the Calendar.
+/// @group calendar
 $kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Calendar.
+/// @group calendar
 $kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Calendar.
+/// @group calendar
 $kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
 
 /// The size of the cells in the Calendar.
@@ -28843,7 +28854,11 @@ $kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
 /// The height of the header cells in the Calendar.
 /// @group calendar
 $kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
+/// The font size of the header cells in the Calendar.
+/// @group calendar
 $kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the header cells in the Calendar.
+/// @group calendar
 $kendo-calendar-header-cell-line-height: 2 !default;
 
 /// The background color of the header cells in the Calendar.
@@ -28871,6 +28886,8 @@ $kendo-calendar-caption-font-size: null !default;
 /// The line height of the caption in the Calendar.
 /// @group calendar
 $kendo-calendar-caption-line-height: null !default;
+/// The font weight of the caption in the Calendar.
+/// @group calendar
 $kendo-calendar-caption-font-weight: var( --kendo-font-weight-bold, normal ) !default;
 
 /// The font size of the week number cells in the Calendar.
@@ -29551,9 +29568,6 @@ $kendo-calendar-sizes: (
         // }
     }
 
-
-
-
     // Multiview calendar
     .k-calendar-range {
         width: auto;
@@ -29570,25 +29584,34 @@ $kendo-calendar-sizes: (
                 outline: 0;
             }
         }
+    }
 
-        .k-range-start .k-calendar-cell-inner,
-        .k-range-start .k-link {
-            border-color: inherit;
-            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
-        }
-        .k-range-end .k-calendar-cell-inner,
-        .k-range-end .k-link {
+    // Range Selection
+    .k-range-start {
+        border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
+
+        .k-calendar-cell-inner,
+        .k-link {
             border-color: inherit;
-            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
+            border-radius: inherit;
         }
-        .k-range-mid {
+    }
+    .k-range-end {
+        border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
+
+        .k-calendar-cell-inner,
+        .k-link {
             border-color: inherit;
-            border-radius: 0;
+            border-radius: inherit;
         }
     }
-
-
-
+    .k-range-mid {
+        border-color: inherit;
+        border-radius: 0;
+    }
+    .k-range-start.k-range-end {
+        border-radius: $kendo-calendar-range-cell-border-radius;
+    }
 
     // RTL
     .k-rtl .k-calendar,
@@ -29601,21 +29624,14 @@ $kendo-calendar-sizes: (
             @include hide-scrollbar("left");
         }
 
-    }
-
-    .k-rtl .k-calendar-range,
-    [dir="rtl"] .k-calendar-range,
-    .k-calendar-range.k-rtl,
-    .k-calendar-range[dir="rtl"] {
-
-        .k-range-start .k-calendar-cell-inner,
-        .k-range-start .k-link {
+        // Range Selection RTL
+        .k-range-start {
             border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
         }
-        .k-range-end .k-calendar-cell-inner,
-        .k-range-end .k-link {
+        .k-range-end {
             border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
         }
+
     }
 
 }
@@ -29794,11 +29810,6 @@ $kendo-calendar-sizes: (
             background-color: $kendo-calendar-range-bg;
         }
 
-        .k-range-start.k-range-end {
-            background-image: none;
-            background-color: transparent;
-        }
-
         .k-range-start,
         .k-range-end {
             .k-calendar-cell-inner {
@@ -37226,13 +37237,24 @@ $kendo-drawer-border: $kendo-component-border !default;
 /// The border width of the Drawer.
 /// @group drawer
 $kendo-drawer-border-width: 1px !default;
+
+/// The font family of the Drawer.
+/// @group drawer
 $kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Drawer.
+/// @group drawer
 $kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Drawer.
+/// @group drawer
 $kendo-drawer-line-height: var( --kendo-line-height, normal ) !default;
-$kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
+
+/// The horizontal padding of the Drawer content.
+/// @group drawer
+$kendo-drawer-content-padding-x: null !default;
+
 /// The vertical padding of the Drawer content.
 /// @group drawer
-$kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
+$kendo-drawer-content-padding-y: null !default;
 
 /// The width of the Drawer scrollbar.
 /// @group drawer
@@ -37377,6 +37399,8 @@ $kendo-drawer-selected-hover-text: $kendo-selected-hover-text !default;
     .k-drawer-content {
         flex: 1 1 auto;
         overflow: auto;
+        padding-block: $kendo-drawer-content-padding-y;
+        padding-inline: $kendo-drawer-content-padding-x;
     }
 
 
@@ -47121,6 +47145,7 @@ $kendo-listview-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
         font-family: $kendo-listview-font-family;
         font-size: $kendo-listview-font-size;
         line-height: $kendo-listview-line-height;
+        display: flex;
         flex-flow: column nowrap;
         position: relative;
         -webkit-touch-callout: none;
@@ -59475,7 +59500,10 @@ $kendo-treemap-line-height: var( --kendo-line-height, normal ) !default;
     }
 
 
-
+    // Sankey labels
+    .k-sankey text {
+        pointer-events: none;
+    }
 
     // Treemap
     .k-treemap {