@progress/kendo-theme-classic 8.0.0-dev.3 → 8.0.0-dev.5

package/dist/all.css

@@ -37833,16 +37833,16 @@ select.k-picker-lg {
     outline: 0;
 }
 
-.k-calendar-range .k-range-start {
+.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;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+    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-range .k-range-end .k-calendar-cell-inner, .k-calendar-range .k-range-end .k-link,
+.k-calendar-range .k-range-end .k-link {
     border-color: inherit;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
+    border-radius: 0 var(--kendo-border-radius-lg, 0.375rem) var(--kendo-border-radius-lg, 0.375rem) 0;
 }
 
 .k-calendar-range .k-range-mid {
@@ -37864,6 +37864,34 @@ 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 {
+    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 {
+    border-radius: var(--kendo-border-radius-lg, 0.375rem) 0 0 var(--kendo-border-radius-lg, 0.375rem);
+}
+
 .k-calendar {
     border-color: var(--kendo-color-border, #cacaca);
     color: var(--kendo-color-on-app-surface, #272727);
@@ -54269,8 +54297,8 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-scrollview-nav > .k-link::before {
     content: "";
-    width: 10pxvar(--kendo-spacing-5, 1.25rem);
-    height: 10pxvar(--kendo-spacing-5, 1.25rem);
+    width: calc(10px + var(--kendo-spacing-5, 1.25rem));
+    height: calc(10px + var(--kendo-spacing-5, 1.25rem));
     display: block;
     position: absolute;
     top: 50%;
@@ -54557,7 +54585,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 
 .k-chart-tooltip {
     border-radius: var(--kendo-border-radius-md, 0.25rem);
-    font-size: calc(var( --kendo-font-size, inherit )*0.929);
+    font-size: 0.812875rem;
     line-height: var(--kendo-line-height, normal);
     padding-block: var(--kendo-spacing-1, 0.25rem);
     padding-inline: var(--kendo-spacing-2, 0.5rem);

package/dist/all.scss

@@ -29408,12 +29408,21 @@ $kendo-infinite-calendar-view-height: ( $kendo-calendar-cell-size * 9 ) !default
 
 // Multiview calendar
 
+/// The border radius of the range cells in the Multiview Calendar.
+/// @group calendar
+$kendo-calendar-range-cell-border-radius: k-border-radius(lg) !default;
 
 // Calendar sizes
+
+/// The font size of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the small Calendar.
+/// @group calendar
 $kendo-calendar-sm-cell-size: 28px !default;
-
 /// The horizontal padding of the cells in the small Calendar.
 /// @group calendar
 $kendo-calendar-sm-cell-padding-x: k-spacing(0.5) !default;
@@ -29421,10 +29430,15 @@ $kendo-calendar-sm-cell-padding-x: k-spacing(0.5) !default;
 /// @group calendar
 $kendo-calendar-sm-cell-padding-y: k-spacing(0.5) !default;
 
+/// The font size of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-line-height: var( --kendo-line-height, normal ) !default;
+/// The size of the cells in the medium Calendar.
+/// @group calendar
 $kendo-calendar-md-cell-size: 32px !default;
-
 /// The horizontal padding of the cells in the medium Calendar.
 /// @group calendar
 $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
@@ -29432,10 +29446,15 @@ $kendo-calendar-md-cell-padding-x: k-spacing(1) !default;
 /// @group calendar
 $kendo-calendar-md-cell-padding-y: k-spacing(1) !default;
 
+/// The font size of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
+/// The size of the cells in the large Calendar.
+/// @group calendar
 $kendo-calendar-lg-cell-size: 40px !default;
-
 /// The horizontal padding of the cells in the large Calendar.
 /// @group calendar
 $kendo-calendar-lg-cell-padding-x: k-spacing(2) !default;
@@ -29943,15 +29962,15 @@ $kendo-calendar-sizes: (
             }
         }
 
-        .k-range-start {
+        .k-range-start .k-calendar-cell-inner,
+        .k-range-start .k-link {
             border-color: inherit;
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
         }
-        .k-range-end {
+        .k-range-end .k-calendar-cell-inner,
+        .k-range-end .k-link {
             border-color: inherit;
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
+            border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
         }
         .k-range-mid {
             border-color: inherit;
@@ -29975,6 +29994,21 @@ $kendo-calendar-sizes: (
 
     }
 
+    .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 {
+            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 {
+            border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
+        }
+    }
+
 }
 
 
@@ -59856,8 +59890,8 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
 
         &::before {
             content: "";
-            width: ($kendo-scrollview-pagebutton-size + $kendo-scrollview-pager-item-spacing);
-            height: ($kendo-scrollview-pagebutton-size + $kendo-scrollview-pager-item-spacing);
+            width: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-spacing} );
+            height: calc( #{$kendo-scrollview-pagebutton-size} + #{$kendo-scrollview-pager-item-spacing} );
             display: block;
             position: absolute;
             top: 50%;
@@ -60423,7 +60457,7 @@ $kendo-chart-line-height: var( --kendo-line-height, normal ) !default;
 $kendo-chart-sm-font-size: 11px !default;
 $kendo-chart-md-font-size: 12px !default;
 $kendo-chart-lg-font-size: 16px !default;
-$kendo-chart-tooltip-font-size: calc( var( --kendo-font-size, inherit ) * .929) !default;
+$kendo-chart-tooltip-font-size: calc( #{$kendo-font-size} * .929) !default;
 $kendo-chart-label-font-size: .857em !default;
 $kendo-chart-title-font-size: 1.143em !default;
 $kendo-chart-pane-title-font-size: $kendo-chart-label-font-size !default;