@progress/kendo-theme-material 10.1.0-dev.2 → 10.1.0-dev.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/material-aqua-dark.css +1 -1
  3. package/dist/material-arctic.css +1 -1
  4. package/dist/material-burnt-teal.css +1 -1
  5. package/dist/material-dataviz-v4.css +1 -1
  6. package/dist/material-eggplant.css +1 -1
  7. package/dist/material-lime-dark.css +1 -1
  8. package/dist/material-lime.css +1 -1
  9. package/dist/material-main-dark.css +1 -1
  10. package/dist/material-main.css +1 -1
  11. package/dist/material-nova.css +1 -1
  12. package/dist/material-pacific-dark.css +1 -1
  13. package/dist/material-pacific.css +1 -1
  14. package/dist/material-sky-dark.css +1 -1
  15. package/dist/material-sky.css +1 -1
  16. package/dist/material-smoke.css +1 -1
  17. package/dist/meta/sassdoc-data.json +3816 -3816
  18. package/dist/meta/sassdoc-raw-data.json +1912 -1912
  19. package/lib/swatches/material-aqua-dark.json +1 -1
  20. package/lib/swatches/material-arctic.json +1 -1
  21. package/lib/swatches/material-burnt-teal.json +1 -1
  22. package/lib/swatches/material-dataviz-v4.json +1 -1
  23. package/lib/swatches/material-eggplant.json +1 -1
  24. package/lib/swatches/material-lime-dark.json +1 -1
  25. package/lib/swatches/material-lime.json +1 -1
  26. package/lib/swatches/material-main-dark.json +1 -1
  27. package/lib/swatches/material-main.json +1 -1
  28. package/lib/swatches/material-nova.json +1 -1
  29. package/lib/swatches/material-pacific-dark.json +1 -1
  30. package/lib/swatches/material-pacific.json +1 -1
  31. package/lib/swatches/material-sky-dark.json +1 -1
  32. package/lib/swatches/material-sky.json +1 -1
  33. package/lib/swatches/material-smoke.json +1 -1
  34. package/package.json +5 -5
  35. package/scss/dataviz/_variables.scss +25 -24
  36. package/scss/dock-manager/_variables.scss +2 -1
  37. package/scss/editor/_variables.scss +2 -1
  38. package/scss/gantt/_variables.scss +6 -5
  39. package/scss/input/_variables.scss +2 -1
  40. package/scss/menu/_variables.scss +3 -2
  41. package/scss/pivotgrid/_variables.scss +2 -1
  42. package/scss/stepper/_variables.scss +2 -1
package/lib/swatches/material-aqua-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-arctic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-burnt-teal.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#3f51b5",
package/lib/swatches/material-eggplant.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-lime-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-lime.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-nova.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-pacific-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-pacific.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-sky-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#121212",
package/lib/swatches/material-sky.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/material-smoke.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "10.1.0-dev.2",
4
+ "version": "10.1.0-dev.3",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,13 +53,13 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "^4.0.0",
56
- "@progress/kendo-theme-core": "10.1.0-dev.2",
57
- "@progress/kendo-theme-default": "10.1.0-dev.2",
58
- "@progress/kendo-theme-utils": "10.1.0-dev.2"
56
+ "@progress/kendo-theme-core": "10.1.0-dev.3",
57
+ "@progress/kendo-theme-default": "10.1.0-dev.3",
58
+ "@progress/kendo-theme-utils": "10.1.0-dev.3"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
62
62
  "lib": "lib"
63
63
  },
64
- "gitHead": "3bdbfbae6356962c8f37ba63b38f124e37f00e1a"
64
+ "gitHead": "a33add5dbf946b4fbaa83b9b2016ed1836a9fa0e"
65
65
  }
package/scss/dataviz/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "../core/_index.scss" as *;
2
3
  @use "../core/functions/index.import.scss" as *;
3
4
  @use "../core/color-system/_functions.scss" as *;
@@ -7,50 +8,50 @@
7
8
  /// The first base series color and its light and dark shades.
8
9
  /// @group charts
9
10
  $kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), get-base-hue( purple, 500 )) !default;
10
- $kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), mix(black, $kendo-series-a, 25%)) !default;
11
- $kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), mix(black, $kendo-series-a, 50%)) !default;
12
- $kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), mix(white, $kendo-series-a, 25%)) !default;
13
- $kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), mix(white, $kendo-series-a, 50%)) !default;
11
+ $kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), color.mix(black, $kendo-series-a, 25%)) !default;
12
+ $kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), color.mix(black, $kendo-series-a, 50%)) !default;
13
+ $kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), color.mix(white, $kendo-series-a, 25%)) !default;
14
+ $kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), color.mix(white, $kendo-series-a, 50%)) !default;
14
15
 
15
16
  /// The second base series color and its light and dark shades.
16
17
  /// @group charts
17
18
  $kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), get-base-hue( blue, 500 )) !default;
18
- $kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), mix(black, $kendo-series-b, 25%)) !default;
19
- $kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), mix(black, $kendo-series-b, 50%)) !default;
20
- $kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), mix(white, $kendo-series-b, 25%)) !default;
21
- $kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), mix(white, $kendo-series-b, 50%)) !default;
19
+ $kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), color.mix(black, $kendo-series-b, 25%)) !default;
20
+ $kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), color.mix(black, $kendo-series-b, 50%)) !default;
21
+ $kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), color.mix(white, $kendo-series-b, 25%)) !default;
22
+ $kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), color.mix(white, $kendo-series-b, 50%)) !default;
22
23
 
23
24
  /// The third base series color and its light and dark shades.
24
25
  /// @group charts
25
26
  $kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), get-base-hue( teal, 500 )) !default;
26
- $kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), mix(black, $kendo-series-c, 25%)) !default;
27
- $kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), mix(black, $kendo-series-c, 50%)) !default;
28
- $kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), mix(white, $kendo-series-c, 25%)) !default;
29
- $kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), mix(white, $kendo-series-c, 50%)) !default;
27
+ $kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), color.mix(black, $kendo-series-c, 25%)) !default;
28
+ $kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), color.mix(black, $kendo-series-c, 50%)) !default;
29
+ $kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), color.mix(white, $kendo-series-c, 25%)) !default;
30
+ $kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), color.mix(white, $kendo-series-c, 50%)) !default;
30
31
 
31
32
  /// The fourth base series color and its light and dark shades.
32
33
  /// @group charts
33
34
  $kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), get-base-hue( yellow, 500 )) !default;
34
- $kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), mix(black, $kendo-series-d, 25%)) !default;
35
- $kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), mix(black, $kendo-series-d, 50%)) !default;
36
- $kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), mix(white, $kendo-series-d, 25%)) !default;
37
- $kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), mix(white, $kendo-series-d, 50%)) !default;
35
+ $kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), color.mix(black, $kendo-series-d, 25%)) !default;
36
+ $kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), color.mix(black, $kendo-series-d, 50%)) !default;
37
+ $kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), color.mix(white, $kendo-series-d, 25%)) !default;
38
+ $kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), color.mix(white, $kendo-series-d, 50%)) !default;
38
39
 
39
40
  /// The fifth base series color and its light and dark shades.
40
41
  /// @group charts
41
42
  $kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), get-base-hue( red, 500 )) !default;
42
- $kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), mix(black, $kendo-series-e, 25%)) !default;
43
- $kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), mix(black, $kendo-series-e, 50%)) !default;
44
- $kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), mix(white, $kendo-series-e, 25%)) !default;
45
- $kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), mix(white, $kendo-series-e, 50%)) !default;
43
+ $kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), color.mix(black, $kendo-series-e, 25%)) !default;
44
+ $kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), color.mix(black, $kendo-series-e, 50%)) !default;
45
+ $kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), color.mix(white, $kendo-series-e, 25%)) !default;
46
+ $kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), color.mix(white, $kendo-series-e, 50%)) !default;
46
47
 
47
48
  /// The sixth base series color and its light and dark shades.
48
49
  /// @group charts
49
50
  $kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), get-base-hue( green, 500 )) !default;
50
- $kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), mix(black, $kendo-series-f, 25%)) !default;
51
- $kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), mix(black, $kendo-series-f, 50%)) !default;
52
- $kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), mix(white, $kendo-series-f, 25%)) !default;
53
- $kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), mix(white, $kendo-series-f, 50%)) !default;
51
+ $kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), color.mix(black, $kendo-series-f, 25%)) !default;
52
+ $kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), color.mix(black, $kendo-series-f, 50%)) !default;
53
+ $kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), color.mix(white, $kendo-series-f, 25%)) !default;
54
+ $kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), color.mix(white, $kendo-series-f, 50%)) !default;
54
55
 
55
56
  /// The series colors in order:
56
57
  /// base, light, dark, lighter, darker
package/scss/dock-manager/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "../core/_index.scss" as *;
2
3
  @use "../core/functions/index.import.scss" as *;
3
4
 
@@ -94,7 +95,7 @@ $kendo-dock-indicator-shadow: drop-shadow( 0px 1px 18px rgba(0, 0, 0, 0.12) ) dr
94
95
 
95
96
  /// The background color of the hovered dock indicator in the DockManager component.
96
97
  /// @group dock-manager
97
- $kendo-dock-indicator-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), mix( $kendo-color-white, $kendo-color-primary, 8% )) !default;
98
+ $kendo-dock-indicator-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), color.mix( $kendo-color-white, $kendo-color-primary, 8% )) !default;
98
99
  /// The text color of the hovered dock indicator in the DockManager component.
99
100
  /// @group dock-manager
100
101
  $kendo-dock-indicator-hover-text: $kendo-color-white !default;
package/scss/editor/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "../core/_index.scss" as *;
2
3
  @use "../input/_variables.scss" as *;
3
4
  @use "../core/functions/index.import.scss" as *;
@@ -33,7 +34,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
33
34
 
34
35
  /// The highlighted background color of the Editor.
35
36
  /// @group editor
36
- $kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), mix($kendo-color-primary, #ffffff, 20%)) !default;
37
+ $kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), color.mix($kendo-color-primary, #ffffff, 20%)) !default;
37
38
 
38
39
  /// The horizontal margin of the Editor's export tool icon.
39
40
  /// @group editor
package/scss/gantt/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "sass:math";
2
3
  @use "../core/_index.scss" as *;
3
4
  @use "../core/functions/index.import.scss" as *;
@@ -52,7 +53,7 @@ $kendo-gantt-nonwork-border: null !default;
52
53
  $kendo-gantt-line-size: 2px !default;
53
54
  /// The background fill color of the Gantt connecting lines.
54
55
  /// @group gantt
55
- $kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( subtle ), mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
56
+ $kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( subtle ), color.mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
56
57
  /// The background fill of the selected Gantt connecting lines.
57
58
  /// @group gantt
58
59
  $kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
@@ -91,13 +92,13 @@ $kendo-gantt-milestone-selected-border: $kendo-color-secondary !default;
91
92
 
92
93
  /// The background color of the Gantt summary.
93
94
  /// @group gantt
94
- $kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( primary-emphasis ), mix( $kendo-color-primary, $kendo-gantt-bg )) !default;
95
+ $kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( primary-emphasis ), color.mix( $kendo-color-primary, $kendo-gantt-bg )) !default;
95
96
  /// The background color of the Gantt summary progress.
96
97
  /// @group gantt
97
98
  $kendo-gantt-summary-progress-bg: $kendo-color-primary !default;
98
99
  /// The background color of the selected Gantt summary.
99
100
  /// @group gantt
100
- $kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( secondary-subtle-active ), mix( $kendo-color-secondary, $kendo-gantt-bg )) !default;
101
+ $kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( secondary-subtle-active ), color.mix( $kendo-color-secondary, $kendo-gantt-bg )) !default;
101
102
  /// The background color of the selected Gantt summary progress.
102
103
  /// @group gantt
103
104
  $kendo-gantt-summary-progress-selected-bg: $kendo-color-secondary !default;
@@ -113,7 +114,7 @@ $kendo-gantt-task-padding-y: k-spacing(1) !default;
113
114
  $kendo-gantt-task-border-width: 0px !default;
114
115
  /// The background color of the Gantt task.
115
116
  /// @group gantt
116
- $kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( primary-emphasis ), mix( $kendo-color-primary, $kendo-gantt-bg )) !default;
117
+ $kendo-gantt-task-bg: if($kendo-enable-color-system, k-color( primary-emphasis ), color.mix( $kendo-color-primary, $kendo-gantt-bg )) !default;
117
118
  /// The text color of the Gantt task.
118
119
  /// @group gantt
119
120
  $kendo-gantt-task-text: $kendo-color-primary-contrast !default;
@@ -125,7 +126,7 @@ $kendo-gantt-task-border: null !default;
125
126
  $kendo-gantt-task-progress-bg: $kendo-color-primary !default;
126
127
  /// The background color of selected the Gantt task.
127
128
  /// @group gantt
128
- $kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( secondary-subtle-active ), mix( $kendo-color-secondary, $kendo-gantt-bg )) !default;
129
+ $kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( secondary-subtle-active ), color.mix( $kendo-color-secondary, $kendo-gantt-bg )) !default;
129
130
  /// The text color of the selected Gantt task.
130
131
  /// @group gantt
131
132
  $kendo-gantt-task-selected-text: $kendo-color-secondary-contrast !default;
package/scss/input/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "sass:math";
2
3
  @use "../core/_index.scss" as *;
3
4
  @use "../core/functions/index.import.scss" as *;
@@ -154,7 +155,7 @@ $kendo-input-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-co
154
155
  $kendo-input-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 27%, transparent), $kendo-disabled-text) !default;
155
156
  /// The border color of the disabled Input components.
156
157
  /// @group input
157
- $kendo-input-disabled-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), rgba( $kendo-component-border, math.div( alpha( $kendo-component-border ), 2 ) )) !default;
158
+ $kendo-input-disabled-border: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), rgba( $kendo-component-border, math.div( color.alpha( $kendo-component-border ), 2 ) )) !default;
158
159
  /// The gradient of the disabled Input components.
159
160
  /// @group input
160
161
  $kendo-input-disabled-gradient: null !default;
package/scss/menu/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "sass:list";
2
3
  @use "../core/_index.scss" as *;
3
4
  @use "../icons/_variables.scss" as *;
@@ -68,7 +69,7 @@ $kendo-menu-item-gradient: null !default;
68
69
 
69
70
  /// The background color of hovered Menu item.
70
71
  /// @group menu
71
- $kendo-menu-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), rgba( $kendo-menu-text, $kendo-flat-button-hover-opacity * alpha( $kendo-menu-text ) )) !default;
72
+ $kendo-menu-item-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), rgba( $kendo-menu-text, $kendo-flat-button-hover-opacity * color.alpha( $kendo-menu-text ) )) !default;
72
73
  /// The text color of hovered Menu item.
73
74
  /// @group menu
74
75
  $kendo-menu-item-hover-text: unset !default;
@@ -81,7 +82,7 @@ $kendo-menu-item-hover-gradient: null !default;
81
82
 
82
83
  /// The background color of active Menu item.
83
84
  /// @group menu
84
- $kendo-menu-item-active-bg: if($kendo-enable-color-system, k-color( base-active ), rgba( $kendo-menu-text, $kendo-flat-button-active-opacity * alpha( $kendo-menu-text ) )) !default;
85
+ $kendo-menu-item-active-bg: if($kendo-enable-color-system, k-color( base-active ), rgba( $kendo-menu-text, $kendo-flat-button-active-opacity * color.alpha( $kendo-menu-text ) )) !default;
85
86
  /// The text color of active Menu item.
86
87
  /// @group menu
87
88
  $kendo-menu-item-active-text: unset !default;
package/scss/pivotgrid/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "../core/_index.scss" as *;
2
3
  @use"../table/_variables.scss" as *;
3
4
  @use "../list/_variables.scss" as *;
@@ -86,7 +87,7 @@ $kendo-pivotgrid-total-border: $kendo-component-header-border !default;
86
87
 
87
88
  /// The hover background color of the PivotGrid.
88
89
  /// @group pivotgrid
89
- $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), darken( $kendo-pivotgrid-bg, 7% )) !default;
90
+ $kendo-pivotgrid-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), color.adjust( $kendo-pivotgrid-bg, $lightness: - 7% )) !default;
90
91
  /// The hover text color of the PivotGrid.
91
92
  /// @group pivotgrid
92
93
  $kendo-pivotgrid-hover-text: null !default;
package/scss/stepper/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:color";
1
2
  @use "sass:math";
2
3
  @use "sass:map";
3
4
  @use "../core/_index.scss" as *;
@@ -138,7 +139,7 @@ $kendo-stepper-indicator-done-hover-border: null !default;
138
139
 
139
140
  /// The background color of the Stepper's disabled done indicator.
140
141
  /// @group stepper
141
- $kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
142
+ $kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), color.mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
142
143
  /// The text color of the Stepper's disabled done indicator.
143
144
  /// @group stepper
144
145
  $kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;