@progress/kendo-theme-bootstrap 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 (34) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/bootstrap-3-dark.css +1 -1
  3. package/dist/bootstrap-3.css +1 -1
  4. package/dist/bootstrap-4-dark.css +1 -1
  5. package/dist/bootstrap-4.css +1 -1
  6. package/dist/bootstrap-dataviz-v4.css +1 -1
  7. package/dist/bootstrap-main-dark.css +1 -1
  8. package/dist/bootstrap-main.css +1 -1
  9. package/dist/bootstrap-nordic.css +1 -1
  10. package/dist/bootstrap-turquoise-dark.css +1 -1
  11. package/dist/bootstrap-turquoise.css +1 -1
  12. package/dist/bootstrap-urban.css +1 -1
  13. package/dist/bootstrap-vintage.css +1 -1
  14. package/dist/meta/sassdoc-data.json +2030 -2030
  15. package/dist/meta/sassdoc-raw-data.json +1019 -1019
  16. package/lib/swatches/bootstrap-3-dark.json +1 -1
  17. package/lib/swatches/bootstrap-3.json +1 -1
  18. package/lib/swatches/bootstrap-4-dark.json +1 -1
  19. package/lib/swatches/bootstrap-4.json +1 -1
  20. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  21. package/lib/swatches/bootstrap-main-dark.json +1 -1
  22. package/lib/swatches/bootstrap-main.json +1 -1
  23. package/lib/swatches/bootstrap-nordic.json +1 -1
  24. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  25. package/lib/swatches/bootstrap-turquoise.json +1 -1
  26. package/lib/swatches/bootstrap-urban.json +1 -1
  27. package/lib/swatches/bootstrap-vintage.json +1 -1
  28. package/package.json +5 -5
  29. package/scss/dataviz/_variables.scss +25 -24
  30. package/scss/editor/_variables.scss +2 -2
  31. package/scss/gantt/_variables.scss +5 -4
  32. package/scss/grid/_variables.scss +2 -1
  33. package/scss/stepper/_variables.scss +2 -1
  34. package/scss/switch/_variables.scss +2 -1
package/lib/swatches/bootstrap-3-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#000000",
package/lib/swatches/bootstrap-3.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-4-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#000000",
package/lib/swatches/bootstrap-4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-dataviz-v4.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#0275d8",
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#000000",
package/lib/swatches/bootstrap-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-nordic.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-turquoise-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "10.1.0-dev.2",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#000000",
package/lib/swatches/bootstrap-turquoise.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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/bootstrap-vintage.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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-bootstrap",
3
3
  "description": "Bootstrap 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": [
@@ -52,13 +52,13 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-svg-icons": "^4.0.0",
55
- "@progress/kendo-theme-core": "10.1.0-dev.2",
56
- "@progress/kendo-theme-default": "10.1.0-dev.2",
57
- "@progress/kendo-theme-utils": "10.1.0-dev.2"
55
+ "@progress/kendo-theme-core": "10.1.0-dev.3",
56
+ "@progress/kendo-theme-default": "10.1.0-dev.3",
57
+ "@progress/kendo-theme-utils": "10.1.0-dev.3"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "3bdbfbae6356962c8f37ba63b38f124e37f00e1a"
63
+ "gitHead": "a33add5dbf946b4fbaa83b9b2016ed1836a9fa0e"
64
64
  }
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
 
@@ -6,50 +7,50 @@
6
7
  /// The first base series color and its light and dark shades.
7
8
  /// @group charts
8
9
  $kendo-series-a: if($kendo-enable-color-system, k-color( series-a ), $kendo-color-primary) !default;
9
- $kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), k-color-mix( black, $kendo-series-a, 25% )) !default;
10
- $kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), k-color-mix( black, $kendo-series-a, 50% )) !default;
11
- $kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), k-color-mix( white, $kendo-series-a, 25% )) !default;
12
- $kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), k-color-mix( white, $kendo-series-a, 50% )) !default;
10
+ $kendo-series-a-dark: if($kendo-enable-color-system, k-color( series-a-bold ), color.mix( black, $kendo-series-a, 25% )) !default;
11
+ $kendo-series-a-darker: if($kendo-enable-color-system, k-color( series-a-bolder ), color.mix( black, $kendo-series-a, 50% )) !default;
12
+ $kendo-series-a-light: if($kendo-enable-color-system, k-color( series-a-subtle ), color.mix( white, $kendo-series-a, 25% )) !default;
13
+ $kendo-series-a-lighter: if($kendo-enable-color-system, k-color( series-a-subtler ), color.mix( white, $kendo-series-a, 50% )) !default;
13
14
 
14
15
  /// The second base series color and its light and dark shades.
15
16
  /// @group charts
16
17
  $kendo-series-b: if($kendo-enable-color-system, k-color( series-b ), $kendo-color-tertiary) !default;
17
- $kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), k-color-mix( black, $kendo-series-b, 25% )) !default;
18
- $kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), k-color-mix( black, $kendo-series-b, 50% )) !default;
19
- $kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), k-color-mix( white, $kendo-series-b, 25% )) !default;
20
- $kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), k-color-mix( white, $kendo-series-b, 50% )) !default;
18
+ $kendo-series-b-dark: if($kendo-enable-color-system, k-color( series-b-bold ), color.mix( black, $kendo-series-b, 25% )) !default;
19
+ $kendo-series-b-darker: if($kendo-enable-color-system, k-color( series-b-bolder ), color.mix( black, $kendo-series-b, 50% )) !default;
20
+ $kendo-series-b-light: if($kendo-enable-color-system, k-color( series-b-subtle ), color.mix( white, $kendo-series-b, 25% )) !default;
21
+ $kendo-series-b-lighter: if($kendo-enable-color-system, k-color( series-b-subtler ), color.mix( white, $kendo-series-b, 50% )) !default;
21
22
 
22
23
  /// The third base series color and its light and dark shades.
23
24
  /// @group charts
24
25
  $kendo-series-c: if($kendo-enable-color-system, k-color( series-c ), #20c997) !default;
25
- $kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), k-color-mix( black, $kendo-series-c, 25% )) !default;
26
- $kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), k-color-mix( black, $kendo-series-c, 50% )) !default;
27
- $kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), k-color-mix( white, $kendo-series-c, 25% )) !default;
28
- $kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), k-color-mix( white, $kendo-series-c, 50% )) !default;
26
+ $kendo-series-c-dark: if($kendo-enable-color-system, k-color( series-c-bold ), color.mix( black, $kendo-series-c, 25% )) !default;
27
+ $kendo-series-c-darker: if($kendo-enable-color-system, k-color( series-c-bolder ), color.mix( black, $kendo-series-c, 50% )) !default;
28
+ $kendo-series-c-light: if($kendo-enable-color-system, k-color( series-c-subtle ), color.mix( white, $kendo-series-c, 25% )) !default;
29
+ $kendo-series-c-lighter: if($kendo-enable-color-system, k-color( series-c-subtler ), color.mix( white, $kendo-series-c, 50% )) !default;
29
30
 
30
31
  /// The fourth base series color and its light and dark shades.
31
32
  /// @group charts
32
33
  $kendo-series-d: if($kendo-enable-color-system, k-color( series-d ), $kendo-color-success) !default;
33
- $kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), k-color-mix( black, $kendo-series-d, 25% )) !default;
34
- $kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), k-color-mix( black, $kendo-series-d, 50% )) !default;
35
- $kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), k-color-mix( white, $kendo-series-d, 25% )) !default;
36
- $kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), k-color-mix( white, $kendo-series-d, 50% )) !default;
34
+ $kendo-series-d-dark: if($kendo-enable-color-system, k-color( series-d-bold ), color.mix( black, $kendo-series-d, 25% )) !default;
35
+ $kendo-series-d-darker: if($kendo-enable-color-system, k-color( series-d-bolder ), color.mix( black, $kendo-series-d, 50% )) !default;
36
+ $kendo-series-d-light: if($kendo-enable-color-system, k-color( series-d-subtle ), color.mix( white, $kendo-series-d, 25% )) !default;
37
+ $kendo-series-d-lighter: if($kendo-enable-color-system, k-color( series-d-subtler ), color.mix( white, $kendo-series-d, 50% )) !default;
37
38
 
38
39
  /// The fifth base series color and its light and dark shades.
39
40
  /// @group charts
40
41
  $kendo-series-e: if($kendo-enable-color-system, k-color( series-e ), $kendo-color-warning) !default;
41
- $kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), k-color-mix( black, $kendo-series-e, 25% )) !default;
42
- $kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), k-color-mix( black, $kendo-series-e, 50% )) !default;
43
- $kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), k-color-mix( white, $kendo-series-e, 25% )) !default;
44
- $kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), k-color-mix( white, $kendo-series-e, 50% )) !default;
42
+ $kendo-series-e-dark: if($kendo-enable-color-system, k-color( series-e-bold ), color.mix( black, $kendo-series-e, 25% )) !default;
43
+ $kendo-series-e-darker: if($kendo-enable-color-system, k-color( series-e-bolder ), color.mix( black, $kendo-series-e, 50% )) !default;
44
+ $kendo-series-e-light: if($kendo-enable-color-system, k-color( series-e-subtle ), color.mix( white, $kendo-series-e, 25% )) !default;
45
+ $kendo-series-e-lighter: if($kendo-enable-color-system, k-color( series-e-subtler ), color.mix( white, $kendo-series-e, 50% )) !default;
45
46
 
46
47
  /// The sixth base series color and its light and dark shades.
47
48
  /// @group charts
48
49
  $kendo-series-f: if($kendo-enable-color-system, k-color( series-f ), $kendo-color-error) !default;
49
- $kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), k-color-mix( black, $kendo-series-f, 25% )) !default;
50
- $kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), k-color-mix( black, $kendo-series-f, 50% )) !default;
51
- $kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), k-color-mix( white, $kendo-series-f, 25% )) !default;
52
- $kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), k-color-mix( white, $kendo-series-f, 50% )) !default;
50
+ $kendo-series-f-dark: if($kendo-enable-color-system, k-color( series-f-bold ), color.mix( black, $kendo-series-f, 25% )) !default;
51
+ $kendo-series-f-darker: if($kendo-enable-color-system, k-color( series-f-bolder ), color.mix( black, $kendo-series-f, 50% )) !default;
52
+ $kendo-series-f-light: if($kendo-enable-color-system, k-color( series-f-subtle ), color.mix( white, $kendo-series-f, 25% )) !default;
53
+ $kendo-series-f-lighter: if($kendo-enable-color-system, k-color( series-f-subtler ), color.mix( white, $kendo-series-f, 50% )) !default;
53
54
 
54
55
  /// The series colors in order:
55
56
  /// base, light, dark, lighter, darker
package/scss/editor/_variables.scss CHANGED
@@ -1,4 +1,4 @@
1
- // @use "sass:map";
1
+ @use "sass:color";
2
2
  @use "../core/_index.scss" as *;
3
3
  @use "../input/_variables.scss" as *;
4
4
  @use "../core/functions/index.import.scss" as *;
@@ -34,7 +34,7 @@ $kendo-editor-selected-bg: $kendo-color-primary !default;
34
34
 
35
35
  /// The highlighted background color of the Editor.
36
36
  /// @group editor
37
- $kendo-editor-highlighted-bg: if($kendo-enable-color-system, k-color( primary-subtle ), k-color-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;
38
38
 
39
39
  /// The horizontal margin of the Editor's export tool icon.
40
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 *;
@@ -53,7 +54,7 @@ $kendo-gantt-nonwork-border: null !default;
53
54
  $kendo-gantt-line-size: 2px !default;
54
55
  /// The background fill color of the Gantt connecting lines.
55
56
  /// @group gantt
56
- $kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
57
+ $kendo-gantt-line-fill: if($kendo-enable-color-system, k-color( on-base ), color.mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
57
58
  /// The background fill of the selected Gantt connecting lines.
58
59
  /// @group gantt
59
60
  $kendo-gantt-line-selected-fill: $kendo-selected-bg !default;
@@ -92,13 +93,13 @@ $kendo-gantt-milestone-selected-border: $kendo-selected-border !default;
92
93
 
93
94
  /// The background color of the Gantt summary.
94
95
  /// @group gantt
95
- $kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), k-color-mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
96
+ $kendo-gantt-summary-bg: if($kendo-enable-color-system, k-color( subtle ), color.mix( $kendo-gantt-text, $kendo-gantt-bg )) !default;
96
97
  /// The background color of the Gantt summary progress.
97
98
  /// @group gantt
98
99
  $kendo-gantt-summary-progress-bg: $kendo-gantt-text !default;
99
100
  /// The background color of the selected Gantt summary.
100
101
  /// @group gantt
101
- $kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
102
+ $kendo-gantt-summary-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), color.mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
102
103
  /// The background color of the selected Gantt summary progress.
103
104
  /// @group gantt
104
105
  $kendo-gantt-summary-progress-selected-bg: $kendo-selected-bg !default;
@@ -126,7 +127,7 @@ $kendo-gantt-task-border: if($kendo-enable-color-system, k-color( border-alt ),
126
127
  $kendo-gantt-task-progress-bg: if($kendo-enable-color-system, k-color( border-alt ), if( k-is-light( $kendo-gantt-bg ), #ced4da, #6c757d )) !default;
127
128
  /// The background color of selected the Gantt task.
128
129
  /// @group gantt
129
- $kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), k-color-mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
130
+ $kendo-gantt-task-selected-bg: if($kendo-enable-color-system, k-color( primary-subtle-active ), color.mix( $kendo-selected-bg, $kendo-gantt-bg )) !default;
130
131
  /// The text color of the selected Gantt task.
131
132
  /// @group gantt
132
133
  $kendo-gantt-task-selected-text: $kendo-selected-text !default;
package/scss/grid/_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 "../table/_variables.scss" as *;
@@ -263,7 +264,7 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
263
264
  $kendo-grid-sticky-footer-bg: $kendo-grid-header-bg !default;
264
265
  $kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
265
266
 
266
- $kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), k-color-mix( $kendo-selected-bg, $kendo-grid-bg, 25% )) !default;
267
+ $kendo-grid-sticky-selected-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), color.mix( $kendo-selected-bg, $kendo-grid-bg, 25% )) !default;
267
268
  $kendo-grid-sticky-selected-alt-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 24%, transparent), k-color-shade( $kendo-grid-sticky-selected-bg, .4 )) !default;
268
269
 
269
270
  // Must be a solid color
package/scss/stepper/_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
 
@@ -136,7 +137,7 @@ $kendo-stepper-indicator-done-hover-border: null !default;
136
137
 
137
138
  /// The background color of the Stepper's disabled done indicator.
138
139
  /// @group stepper
139
- $kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%)) !default;
140
+ $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;
140
141
  /// The text color of the Stepper's disabled done indicator.
141
142
  /// @group stepper
142
143
  $kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-stepper-indicator-done-bg )) !default;
package/scss/switch/_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
 
@@ -65,7 +66,7 @@ $kendo-switch-off-track-focus-bg: null !default;
65
66
  $kendo-switch-off-track-focus-text: null !default;
66
67
  /// The border color of the track when the focused Switch is not checked.
67
68
  /// @group switch
68
- $kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), k-color-mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
69
+ $kendo-switch-off-track-focus-border: if($kendo-enable-color-system, k-color( primary-emphasis ), color.mix( $kendo-switch-off-track-bg, $kendo-color-primary )) !default;
69
70
  /// The background gradient of the track when the focused Switch is not checked.
70
71
  /// @group switch
71
72
  $kendo-switch-off-track-focus-gradient: null !default;