@progress/kendo-theme-fluent 5.8.1 → 5.8.2-dev.1

package/dist/all.css

@@ -26458,10 +26458,16 @@ textarea.k-input-inner {
   --INTERNAL--kendo-slider-selection-bg: var( --kendo-slider-selection-bg, var(--kendo-primary-100, inherit) );
   --INTERNAL--kendo-slider-thumb-bg: var( --kendo-slider-thumb-bg, var(--kendo-component-bg, transparent));
   --INTERNAL--kendo-slider-thumb-text: var( --kendo-slider-thumb-text, inherit);
-  --INTERNAL--kendo-slider-thumb-border: var( --kendo-slider-thumb-border, var(--kendo-neutral-130, inherit));
+  --INTERNAL--kendo-slider-thumb-border: var( --kendo-slider-thumb-border, var(--kendo-primary-100, inherit));
   --INTERNAL--kendo-slider-thumb-gradient: var( --kendo-slider-thumb-gradient, transparent);
   color: var(--INTERNAL--kendo-slider-text, inherit);
 }
+.k-slider.k-disabled {
+  --INTERNAL--kendo-slider-text: var( --kendo-slider-disabled-text, var(--kendo-neutral-130, inherit) );
+  --INTERNAL--kendo-slider-track-bg: var( --kendo-slider-track-disabled-bg, var(--kendo-neutral-20, inherit) );
+  --INTERNAL--kendo-slider-selection-bg: var( --kendo-slider-selection-disabled-bg, var(--kendo-neutral-90, inherit) );
+  --INTERNAL--kendo-slider-thumb-border: var( --kendo-slider-thumb-disabled-border, var(--kendo-neutral-60, inherit));
+}
 
 .k-slider-track {
   background-color: var(--INTERNAL--kendo-slider-track-bg, transparent);
@@ -26480,19 +26486,19 @@ textarea.k-input-inner {
 .k-slider-thumb:hover, .k-draghandle:hover, .k-slider-thumb.k-hover, .k-hover.k-draghandle {
   --INTERNAL--kendo-slider-thumb-bg: var(--kendo-component-bg, transparent);
   --INTERNAL--kendo-slider-thumb-text: inherit;
-  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-100, inherit);
+  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-120, inherit);
   --INTERNAL--kendo-slider-thumb-gradient: transparent;
 }
 .k-slider-thumb:active, .k-draghandle:active, .k-slider-thumb.k-active, .k-active.k-draghandle {
   --INTERNAL--kendo-slider-thumb-bg: var(--kendo-component-bg, transparent);
   --INTERNAL--kendo-slider-thumb-text: inherit;
-  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-100, inherit);
+  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-120, inherit);
   --INTERNAL--kendo-slider-thumb-gradient: transparent;
 }
 .k-slider-thumb:focus, .k-draghandle:focus, .k-slider-thumb.k-focus, .k-focus.k-draghandle {
   --INTERNAL--kendo-slider-thumb-bg: var(--kendo-component-bg, transparent);
   --INTERNAL--kendo-slider-thumb-text: inherit;
-  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-100, inherit);
+  --INTERNAL--kendo-slider-thumb-border: var(--kendo-primary-120, inherit);
   --INTERNAL--kendo-slider-thumb-gradient: transparent;
 }
 
@@ -26777,7 +26783,7 @@ textarea.k-input-inner {
   display: block;
   overflow: hidden;
   position: relative;
-  z-index: 2;
+  z-index: 1;
 }
 .k-calendar-navigation .k-content,
 .k-calendar-navigation .k-calendar-content {
@@ -27428,7 +27434,7 @@ textarea.k-input-inner {
 }
 .k-colorgradient-canvas .k-hsv-rectangle {
   border-radius: var(--kendo-colorgradient-canvas-border-radius, var(--kendo-border-radius-md, 0));
-  border-width: var(--kendo-colorgradient-canvas-border-width, 1px);
+  border-width: var(--kendo-colorgradient-canvas-border-width, 0);
   border-style: solid;
   position: relative;
   flex: 1 1 auto;
@@ -33515,7 +33521,7 @@ kendo-card-footer {
 .k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hovered-text, var(--kendo-primary-110, inherit) );
-  --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-bg, var(--kendo-selected-bg, inherit) default );
+  --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hovered-border, inherit );
 }
 .k-panelbar > .k-item > .k-link.k-selected:focus, .k-panelbar > .k-item > .k-link.k-selected.k-focus,
@@ -33531,7 +33537,7 @@ kendo-card-footer {
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus:hover,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hovered-focused-text, var(--kendo-primary-110, inherit) );
-  --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-focused-bg, var(--kendo-selected-bg, inherit) default );
+  --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-focused-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hovered-focused-border, inherit );
 }
 .k-panelbar > .k-item > .k-link:disabled, .k-panelbar > .k-item > .k-link.k-disabled,
@@ -34548,7 +34554,7 @@ div.k-grid-footer {
 .k-pager-input .k-numerictextbox {
   margin-block: 0;
   margin-inline: calc(var(--kendo-font-size, 14px)/2);
-  width: 3em;
+  width: 5em;
 }
 
 .k-grid-virtual .k-grid-content .k-grid-table-wrap {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "5.8.1",
+  "version": "5.8.2-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -45,10 +45,10 @@
   },
   "dependencies": {
     "@progress/kendo-font-icons": "^0.3.0",
-    "@progress/kendo-theme-utils": "^5.8.1"
+    "@progress/kendo-theme-utils": "^5.8.2-dev.1"
   },
   "devDependencies": {
     "sass-build": "^1.0.0"
   },
-  "gitHead": "d3bcbe18ab0257997cc3e96d054ad84fe84096c9"
+  "gitHead": "bbf620112c6623157eb4fcfd23498b156483263a"
 }

package/scss/calendar/_layout.scss

@@ -332,7 +332,7 @@
         display: block;
         overflow: hidden;
         position: relative;
-        z-index: 2;
+        z-index: 1;
 
         .k-content,
         .k-calendar-content {

package/scss/colorgradient/_variables.scss

@@ -59,7 +59,7 @@ $kendo-colorgradient-focus-shadow: var( --kendo-box-shadow-depth-3, none ) !defa
 $kendo-colorgradient-canvas-border-radius: var( --kendo-border-radius-md, 0 ) !default;
 /// Border width of the color gradient canvas.
 /// @group cologradient
-$kendo-colorgradient-canvas-border-width: 1px !default;
+$kendo-colorgradient-canvas-border-width: 0 !default;
 /// Spacing of the color gradient canvas.
 /// @group cologradient
 $kendo-colorgradient-canvas-spacing: math.div( $kendo-colorgradient-spacer, 2 ) !default;

package/scss/grid/_layout.scss

@@ -703,7 +703,7 @@
         .k-numerictextbox {
             margin-block: 0;
             margin-inline: calc( var( --kendo-font-size, 14px ) / 2 );
-            width: 3em;
+            width: 5em;
         }
     }
 

package/scss/panelbar/_variables.scss

@@ -123,7 +123,7 @@ $kendo-panelbar-selected-marker: get-theme-color-var( primary-100 ) !default;
 
 /// Background color of the panelbar header when selected and hovered.
 /// @group panelbar
-$kendo-panelbar-header-selected-hovered-bg: $kendo-panelbar-header-selected-bg default;
+$kendo-panelbar-header-selected-hovered-bg: $kendo-panelbar-header-selected-bg !default;
 /// Text color of the panelbar header when selected and hovered.
 /// @group panelbar
 $kendo-panelbar-header-selected-hovered-text: $kendo-panelbar-header-hovered-text !default;

package/scss/slider/_theme.scss

@@ -17,6 +17,13 @@
         --INTERNAL--kendo-slider-thumb-gradient: var( --kendo-slider-thumb-gradient,  #{$kendo-slider-thumb-gradient});
 
         color: var( --INTERNAL--kendo-slider-text, inherit );
+
+        &.k-disabled {
+            --INTERNAL--kendo-slider-text: var( --kendo-slider-disabled-text, #{$kendo-slider-disabled-text} );
+            --INTERNAL--kendo-slider-track-bg: var( --kendo-slider-track-disabled-bg, #{$kendo-slider-track-disabled-bg} );
+            --INTERNAL--kendo-slider-selection-bg: var( --kendo-slider-selection-disabled-bg, #{$kendo-slider-selection-disabled-bg} );
+            --INTERNAL--kendo-slider-thumb-border: var( --kendo-slider-thumb-disabled-border, #{$kendo-slider-thumb-disabled-border});
+        }
     }
 
 

package/scss/slider/_variables.scss

@@ -77,7 +77,7 @@ $kendo-slider-thumb-bg: var( --kendo-component-bg, transparent ) !default;
 $kendo-slider-thumb-text: inherit !default;
 /// The border color of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-border: get-theme-color-var( neutral-130 ) !default;
+$kendo-slider-thumb-border: get-theme-color-var( primary-100 ) !default;
 /// The gradient of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-gradient: transparent !default;
@@ -90,7 +90,7 @@ $kendo-slider-thumb-hover-bg: $kendo-slider-thumb-bg !default;
 $kendo-slider-thumb-hover-text: inherit !default;
 /// The hover border color of the slider thumb.
 /// @group slider
-$kendo-slider-thumb-hover-border: get-theme-color-var( primary-100 ) !default;
+$kendo-slider-thumb-hover-border: get-theme-color-var( primary-120 ) !default;
 /// The hover gradient of the slider thumb.
 /// @group slider
 $kendo-slider-thumb-hover-gradient: transparent !default;
@@ -121,6 +121,20 @@ $kendo-slider-thumb-focus-border: $kendo-slider-thumb-hover-border !default;
 /// @group slider
 $kendo-slider-thumb-focus-gradient: transparent !default;
 
+/// The text color of the disabled slider.
+/// @group slider
+$kendo-slider-disabled-text: get-theme-color-var( neutral-130 ) !default;
+/// The background color of the disabled slider track.
+/// @group slider
+$kendo-slider-track-disabled-bg: get-theme-color-var( neutral-20 ) !default;
+/// The selection background color of the disabled slider track.
+/// @group slider
+$kendo-slider-selection-disabled-bg: get-theme-color-var( neutral-90 ) !default;
+/// The background color of the disabled slider thumb.
+/// @group slider
+$kendo-slider-thumb-disabled-border: get-theme-color-var( neutral-60 ) !default;
+
+
 /// The transition speed of the slider.
 /// @group slider
 $kendo-slider-transition-speed: .3s !default;