@progress/kendo-theme-fluent 10.1.1-dev.1 → 10.2.0-dev.1

package/scss/dataviz/_theme.scss

@@ -3,53 +3,6 @@
 
 @mixin kendo-dataviz--theme() {
 
-    // Exported variables
-    // stylelint-disable selector-class-pattern
-    .k-var--chart-inactive {
-        @include fill( $bg: var( --kendo-chart-inactive-bg, #{$kendo-chart-inactive-bg} ) );
-    }
-
-    .k-var--chart-major-lines {
-        @include fill( $bg: var( --kendo-chart-major-lines, #{$kendo-chart-major-lines} ) );
-    }
-
-    .k-var--chart-minor-lines {
-        @include fill( $bg: var( --kendo-chart-minor-lines, #{$kendo-chart-minor-lines} ) );
-    }
-
-    .k-var--chart-area-opacity {
-        opacity: var( --kendo-chart-area-opacity, #{$kendo-chart-area-opacity} );
-    }
-
-    .k-var--chart-area-inactive-opacity {
-        opacity: var( --kendo-chart-area-inactive-opacity, #{$kendo-chart-area-inactive-opacity} );
-    }
-
-    .k-var--chart-line-inactive-opacity {
-        opacity: var( --kendo-chart-line-inactive-opacity, #{$kendo-chart-line-inactive-opacity} );
-    }
-
-    .k-var--chart-notes-background {
-        @include fill( $bg: var( --kendo-chart-notes-background, #{$kendo-chart-notes-background} ) );
-    }
-
-    .k-var--chart-notes-border {
-        @include fill( $bg: var( --kendo-chart-notes-border, #{$kendo-chart-notes-border} ) );
-    }
-
-    .k-var--chart-notes-lines {
-        @include fill( $bg: var( --kendo-chart-notes-lines, #{$kendo-chart-notes-lines} ) );
-    }
-
-    .k-var--chart-crosshair-background {
-        @include fill( $bg: var( --kendo-chart-crosshair-background, #{$kendo-chart-crosshair-background} ) );
-    }
-
-    .k-var--chart-error-bars-background {
-        @include fill( $bg: var( --kendo-error-bars-background, #{$kendo-color-error-bars-background} ) );
-    }
-    // stylelint-enable selector-class-pattern
-
     // Elements
     .k-chart,
     .k-sparkline,

package/scss/dataviz/_variables.scss

@@ -92,9 +92,6 @@ $kendo-chart-font-family: var( --kendo-font-family, inherit ) !default;
 /// The font-size of the chart component.
 /// @group charts
 $kendo-chart-font-size: var( --kendo-font-size, inherit ) !default;
-$kendo-chart-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
-$kendo-chart-md-font-size: var( --kendo-font-size, inherit ) !default;
-$kendo-chart-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
 /// The line-height of the chart component.
 /// @group charts
 $kendo-chart-line-height: var( --kendo-line-height, normal ) !default;
@@ -204,7 +201,7 @@ $kendo-chart-handle-hover-border: var( --kendo-hover-border, initial ) !default;
 
 /// The color of the chart error bars.
 /// @group charts
-$kendo-color-error-bars-background: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( neutral-110 )) !default;
+$kendo-chart-error-bars-background: if($kendo-enable-color-system, k-color( error ), k-get-theme-color-var( neutral-110 )) !default;
 
 /// The size of the selection handle of the chart component.
 /// @group charts

package/scss/tabstrip/_layout.scss

@@ -271,6 +271,10 @@
 
             .k-item {
                 margin-block-end: calc( var( --kendo-tabstrip-border-width, #{$kendo-tabstrip-border-width} ) * -1 );
+
+                .k-link {
+                    justify-content: center;
+                }
             }
 
         }
@@ -282,8 +286,11 @@
 
             .k-item {
                 margin-block-start: calc( var( --kendo-tabstrip-border-width, #{$kendo-tabstrip-border-width} ) * -1 );
-            }
 
+                .k-link {
+                    justify-content: center;
+                }
+            }
         }
     }
     .k-tabstrip-left {
@@ -338,7 +345,6 @@
         flex: 1 0 0;
     }
 
-
     // Selected indicator
     @if ($kendo-tabstrip-indicator-size) {
 

package/scss/toolbar/_layout.scss

@@ -43,30 +43,30 @@
             flex-wrap: nowrap;
             position: relative;
             margin-inline-start: calc( var( --INTERNAL--kendo-toolbar-spacing, 0 ) * -1 );
+        }
+
+        &.k-toolbar-scrollable-overlay {
+
+            &::before,
+            &::after {
+                content: '';
+                height: 100%;
+                aspect-ratio: 1;
+                position: absolute;
+                z-index: 3;
+            }
+
+            &::before {
+                inset-inline-start: var( --INTERNAL--kendo-toolbar-spacing, 0 );
+            }
+
+            &::after {
+                inset-inline-end: 0;
+            }
 
-            &.k-toolbar-scrollable-overlay {
-                &::before {
-                    content: '';
-                    height: 100%;
-                    aspect-ratio: 1;
-                    position: absolute;
-                    inset-inline-start: 0;
-                    z-index: 3;
-                }
-
-                &::after {
-                    content: '';
-                    height: 100%;
-                    aspect-ratio: 1;
-                    position: absolute;
-                    inset-inline-end: 0;
-                    z-index: 3;
-                }
-
-                &.k-toolbar-scrollable-start::before,
-                &.k-toolbar-scrollable-end::after {
-                    display: none;
-                }
+            &.k-toolbar-scrollable-start::before,
+            &.k-toolbar-scrollable-end::after {
+                display: none;
             }
         }