@progress/kendo-theme-classic 7.2.1-dev.7 → 7.2.1

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 (40) hide show
  1. package/dist/all.css +8 -1
  2. package/dist/all.scss +82 -83
  3. package/dist/meta/sassdoc-data.json +62 -62
  4. package/dist/meta/sassdoc-raw-data.json +31 -31
  5. package/lib/swatches/classic-green-dark.json +1 -1
  6. package/lib/swatches/classic-green.json +1 -1
  7. package/lib/swatches/classic-lavender-dark.json +1 -1
  8. package/lib/swatches/classic-lavender.json +1 -1
  9. package/lib/swatches/classic-main-dark.json +1 -1
  10. package/lib/swatches/classic-main.json +1 -1
  11. package/lib/swatches/classic-metro-dark.json +1 -1
  12. package/lib/swatches/classic-metro.json +1 -1
  13. package/lib/swatches/classic-moonlight.json +1 -1
  14. package/lib/swatches/classic-opal-dark.json +1 -1
  15. package/lib/swatches/classic-opal.json +1 -1
  16. package/lib/swatches/classic-silver-dark.json +1 -1
  17. package/lib/swatches/classic-silver.json +1 -1
  18. package/lib/swatches/classic-uniform.json +1 -1
  19. package/package.json +5 -5
  20. package/scss/button/_variables.scss +1 -1
  21. package/scss/checkbox/_variables.scss +1 -1
  22. package/scss/chip/_variables.scss +2 -2
  23. package/scss/dataviz/_variables.scss +11 -11
  24. package/scss/dock-manager/_variables.scss +1 -1
  25. package/scss/gantt/_variables.scss +1 -1
  26. package/scss/grid/_variables.scss +5 -5
  27. package/scss/input/_variables.scss +5 -5
  28. package/scss/listview/_variables.scss +1 -1
  29. package/scss/map/_variables.scss +1 -1
  30. package/scss/mediaplayer/_variables.scss +1 -1
  31. package/scss/menu/_variables.scss +1 -1
  32. package/scss/pivotgrid/_variables.scss +1 -1
  33. package/scss/signature/_variables.scss +1 -1
  34. package/scss/skeleton/_variables.scss +1 -1
  35. package/scss/slider/_variables.scss +1 -1
  36. package/scss/spreadsheet/_variables.scss +4 -4
  37. package/scss/stepper/_variables.scss +3 -3
  38. package/scss/switch/_variables.scss +2 -2
  39. package/scss/table/_variables.scss +3 -3
  40. package/scss/timeline/_variables.scss +3 -3
package/dist/meta/sassdoc-data.json CHANGED
@@ -4653,7 +4653,7 @@
4653
4653
  "context": {
4654
4654
  "type": "variable",
4655
4655
  "name": "kendo-button-focus-shadow",
4656
- "value": "0 0 4px 0 if($kendo-enable-color-system, rgba( k-color( border, true ), .75), rgba( $kendo-button-border, .75 ))",
4656
+ "value": "0 0 4px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 75%, transparent), rgba( $kendo-button-border, .75 ))",
4657
4657
  "scope": "default",
4658
4658
  "line": {
4659
4659
  "start": 189,
@@ -7029,7 +7029,7 @@
7029
7029
  "context": {
7030
7030
  "type": "variable",
7031
7031
  "name": "kendo-chart-major-lines",
7032
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 )",
7032
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ))",
7033
7033
  "scope": "default",
7034
7034
  "line": {
7035
7035
  "start": 103,
@@ -7056,7 +7056,7 @@
7056
7056
  "context": {
7057
7057
  "type": "variable",
7058
7058
  "name": "kendo-chart-minor-lines",
7059
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 )",
7059
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ))",
7060
7060
  "scope": "default",
7061
7061
  "line": {
7062
7062
  "start": 107,
@@ -9297,7 +9297,7 @@
9297
9297
  "context": {
9298
9298
  "type": "variable",
9299
9299
  "name": "kendo-checkbox-focus-checked-shadow",
9300
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary, .3 ))",
9300
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary, .3 ))",
9301
9301
  "scope": "default",
9302
9302
  "line": {
9303
9303
  "start": 110,
@@ -10566,7 +10566,7 @@
10566
10566
  "context": {
10567
10567
  "type": "variable",
10568
10568
  "name": "kendo-chip-solid-shadow",
10569
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .16 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
10569
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 16%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
10570
10570
  "scope": "default",
10571
10571
  "line": {
10572
10572
  "start": 118,
@@ -10863,7 +10863,7 @@
10863
10863
  "context": {
10864
10864
  "type": "variable",
10865
10865
  "name": "kendo-chip-outline-shadow",
10866
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .16 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
10866
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 16%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
10867
10867
  "scope": "default",
10868
10868
  "line": {
10869
10869
  "start": 155,
@@ -15087,7 +15087,7 @@
15087
15087
  "context": {
15088
15088
  "type": "variable",
15089
15089
  "name": "kendo-dock-manager-dock-preview-bg",
15090
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
15090
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
15091
15091
  "scope": "default",
15092
15092
  "line": {
15093
15093
  "start": 110,
@@ -22431,7 +22431,7 @@
22431
22431
  "context": {
22432
22432
  "type": "variable",
22433
22433
  "name": "kendo-grid-row-resizer-hover-bg",
22434
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22434
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22435
22435
  "scope": "default",
22436
22436
  "line": {
22437
22437
  "start": 317,
@@ -23646,7 +23646,7 @@
23646
23646
  "context": {
23647
23647
  "type": "variable",
23648
23648
  "name": "kendo-input-outline-border",
23649
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-button-text, .5))",
23649
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-button-text, .5))",
23650
23650
  "scope": "default",
23651
23651
  "line": {
23652
23652
  "start": 171,
@@ -23727,7 +23727,7 @@
23727
23727
  "context": {
23728
23728
  "type": "variable",
23729
23729
  "name": "kendo-input-outline-hover-border",
23730
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .8 ), rgba( $kendo-button-text, .8))",
23730
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 80%, transparent), rgba( $kendo-button-text, .8))",
23731
23731
  "scope": "default",
23732
23732
  "line": {
23733
23733
  "start": 181,
@@ -26481,7 +26481,7 @@
26481
26481
  "context": {
26482
26482
  "type": "variable",
26483
26483
  "name": "kendo-listview-item-selected-bg",
26484
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
26484
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
26485
26485
  "scope": "default",
26486
26486
  "line": {
26487
26487
  "start": 44,
@@ -32718,7 +32718,7 @@
32718
32718
  "context": {
32719
32719
  "type": "variable",
32720
32720
  "name": "kendo-picker-outline-border",
32721
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
32721
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
32722
32722
  "scope": "default",
32723
32723
  "line": {
32724
32724
  "start": 365,
@@ -33096,7 +33096,7 @@
33096
33096
  "context": {
33097
33097
  "type": "variable",
33098
33098
  "name": "kendo-picker-flat-hover-bg",
33099
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .04 ), rgba( $kendo-button-text, .04 ))",
33099
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
33100
33100
  "scope": "default",
33101
33101
  "line": {
33102
33102
  "start": 412,
@@ -33150,7 +33150,7 @@
33150
33150
  "context": {
33151
33151
  "type": "variable",
33152
33152
  "name": "kendo-picker-flat-hover-border",
33153
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), rgba( $kendo-button-border, .16 ))",
33153
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), rgba( $kendo-button-border, .16 ))",
33154
33154
  "scope": "default",
33155
33155
  "line": {
33156
33156
  "start": 418,
@@ -38010,7 +38010,7 @@
38010
38010
  "context": {
38011
38011
  "type": "variable",
38012
38012
  "name": "kendo-skeleton-item-bg",
38013
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
38013
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
38014
38014
  "scope": "default",
38015
38015
  "line": {
38016
38016
  "start": 20,
@@ -38793,7 +38793,7 @@
38793
38793
  "context": {
38794
38794
  "type": "variable",
38795
38795
  "name": "kendo-slider-draghandle-focus-shadow",
38796
- "value": "0 0 4px 0 if($kendo-enable-color-system, rgba( k-color( primary, true ), .75 ), rgba( $kendo-slider-draghandle-border, .75 ))",
38796
+ "value": "0 0 4px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 75%, transparent), rgba( $kendo-slider-draghandle-border, .75 ))",
38797
38797
  "scope": "default",
38798
38798
  "line": {
38799
38799
  "start": 96,
@@ -40497,7 +40497,7 @@
40497
40497
  "context": {
40498
40498
  "type": "variable",
40499
40499
  "name": "kendo-spreadsheet-selection-bg",
40500
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40500
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40501
40501
  "scope": "default",
40502
40502
  "line": {
40503
40503
  "start": 97,
@@ -40686,7 +40686,7 @@
40686
40686
  "context": {
40687
40687
  "type": "variable",
40688
40688
  "name": "kendo-spreadsheet-partial-selection-bg",
40689
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40689
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40690
40690
  "scope": "default",
40691
40691
  "line": {
40692
40692
  "start": 120,
@@ -40767,7 +40767,7 @@
40767
40767
  "context": {
40768
40768
  "type": "variable",
40769
40769
  "name": "kendo-spreadsheet-auto-fill-bg",
40770
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40770
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40771
40771
  "scope": "default",
40772
40772
  "line": {
40773
40773
  "start": 131,
@@ -41847,7 +41847,7 @@
41847
41847
  "context": {
41848
41848
  "type": "variable",
41849
41849
  "name": "kendo-spreadsheet-drawing-anchor-bg",
41850
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
41850
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
41851
41851
  "scope": "default",
41852
41852
  "line": {
41853
41853
  "start": 261,
@@ -42738,7 +42738,7 @@
42738
42738
  "context": {
42739
42739
  "type": "variable",
42740
42740
  "name": "kendo-stepper-indicator-disabled-text",
42741
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
42741
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
42742
42742
  "scope": "default",
42743
42743
  "line": {
42744
42744
  "start": 106,
@@ -42954,7 +42954,7 @@
42954
42954
  "context": {
42955
42955
  "type": "variable",
42956
42956
  "name": "kendo-stepper-indicator-done-disabled-bg",
42957
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% ))",
42957
+ "value": "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% ))",
42958
42958
  "scope": "default",
42959
42959
  "line": {
42960
42960
  "start": 133,
@@ -43386,7 +43386,7 @@
43386
43386
  "context": {
43387
43387
  "type": "variable",
43388
43388
  "name": "kendo-stepper-label-disabled-text",
43389
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
43389
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
43390
43390
  "scope": "default",
43391
43391
  "line": {
43392
43392
  "start": 185,
@@ -44223,7 +44223,7 @@
44223
44223
  "context": {
44224
44224
  "type": "variable",
44225
44225
  "name": "kendo-switch-off-track-focus-ring",
44226
- "value": "0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 )",
44226
+ "value": "0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ))",
44227
44227
  "scope": "default",
44228
44228
  "line": {
44229
44229
  "start": 71,
@@ -44898,7 +44898,7 @@
44898
44898
  "context": {
44899
44899
  "type": "variable",
44900
44900
  "name": "kendo-switch-on-track-focus-ring",
44901
- "value": "0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 )",
44901
+ "value": "0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ))",
44902
44902
  "scope": "default",
44903
44903
  "line": {
44904
44904
  "start": 153,
@@ -45816,7 +45816,7 @@
45816
45816
  "context": {
45817
45817
  "type": "variable",
45818
45818
  "name": "kendo-table-alt-row-bg",
45819
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), k-try-shade( $kendo-table-bg, .5 ))",
45819
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), k-try-shade( $kendo-table-bg, .5 ))",
45820
45820
  "scope": "default",
45821
45821
  "line": {
45822
45822
  "start": 114,
@@ -45897,7 +45897,7 @@
45897
45897
  "context": {
45898
45898
  "type": "variable",
45899
45899
  "name": "kendo-table-hover-bg",
45900
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-try-shade( $kendo-table-bg, 1 ))",
45900
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-try-shade( $kendo-table-bg, 1 ))",
45901
45901
  "scope": "default",
45902
45902
  "line": {
45903
45903
  "start": 125,
@@ -46086,7 +46086,7 @@
46086
46086
  "context": {
46087
46087
  "type": "variable",
46088
46088
  "name": "kendo-table-selected-bg",
46089
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
46089
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
46090
46090
  "scope": "default",
46091
46091
  "line": {
46092
46092
  "start": 150,
@@ -49461,7 +49461,7 @@
49461
49461
  "context": {
49462
49462
  "type": "variable",
49463
49463
  "name": "kendo-timeline-track-arrow-disabled-bg",
49464
- "value": "if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
49464
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base ) 60%, transparent), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
49465
49465
  "scope": "default",
49466
49466
  "line": {
49467
49467
  "start": 39,
@@ -49488,7 +49488,7 @@
49488
49488
  "context": {
49489
49489
  "type": "variable",
49490
49490
  "name": "kendo-timeline-track-arrow-disabled-text",
49491
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
49491
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 60%, transparent), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
49492
49492
  "scope": "default",
49493
49493
  "line": {
49494
49494
  "start": 42,
@@ -49515,7 +49515,7 @@
49515
49515
  "context": {
49516
49516
  "type": "variable",
49517
49517
  "name": "kendo-timeline-track-arrow-disabled-border",
49518
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( #000000, $kendo-body-bg, 4.8% ))",
49518
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 15%, transparent), k-true-mix( #000000, $kendo-body-bg, 4.8% ))",
49519
49519
  "scope": "default",
49520
49520
  "line": {
49521
49521
  "start": 45,
@@ -60820,7 +60820,7 @@
60820
60820
  "context": {
60821
60821
  "type": "variable",
60822
60822
  "name": "kendo-button-focus-shadow",
60823
- "value": "0 0 4px 0 if($kendo-enable-color-system, rgba( k-color( border, true ), .75), rgba( $kendo-button-border, .75 ))",
60823
+ "value": "0 0 4px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 75%, transparent), rgba( $kendo-button-border, .75 ))",
60824
60824
  "scope": "default",
60825
60825
  "line": {
60826
60826
  "start": 189,
@@ -63214,7 +63214,7 @@
63214
63214
  "context": {
63215
63215
  "type": "variable",
63216
63216
  "name": "kendo-chart-major-lines",
63217
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 )",
63217
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ))",
63218
63218
  "scope": "default",
63219
63219
  "line": {
63220
63220
  "start": 103,
@@ -63241,7 +63241,7 @@
63241
63241
  "context": {
63242
63242
  "type": "variable",
63243
63243
  "name": "kendo-chart-minor-lines",
63244
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 )",
63244
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ))",
63245
63245
  "scope": "default",
63246
63246
  "line": {
63247
63247
  "start": 107,
@@ -65494,7 +65494,7 @@
65494
65494
  "context": {
65495
65495
  "type": "variable",
65496
65496
  "name": "kendo-checkbox-focus-checked-shadow",
65497
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary, .3 ))",
65497
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary, .3 ))",
65498
65498
  "scope": "default",
65499
65499
  "line": {
65500
65500
  "start": 110,
@@ -66769,7 +66769,7 @@
66769
66769
  "context": {
66770
66770
  "type": "variable",
66771
66771
  "name": "kendo-chip-solid-shadow",
66772
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .16 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
66772
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 16%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
66773
66773
  "scope": "default",
66774
66774
  "line": {
66775
66775
  "start": 118,
@@ -67066,7 +67066,7 @@
67066
67066
  "context": {
67067
67067
  "type": "variable",
67068
67068
  "name": "kendo-chip-outline-shadow",
67069
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .16 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
67069
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 16%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .16 ) ))",
67070
67070
  "scope": "default",
67071
67071
  "line": {
67072
67072
  "start": 155,
@@ -71197,7 +71197,7 @@
71197
71197
  "context": {
71198
71198
  "type": "variable",
71199
71199
  "name": "kendo-dock-manager-dock-preview-bg",
71200
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
71200
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
71201
71201
  "scope": "default",
71202
71202
  "line": {
71203
71203
  "start": 110,
@@ -78601,7 +78601,7 @@
78601
78601
  "context": {
78602
78602
  "type": "variable",
78603
78603
  "name": "kendo-grid-row-resizer-hover-bg",
78604
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
78604
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
78605
78605
  "scope": "default",
78606
78606
  "line": {
78607
78607
  "start": 317,
@@ -79822,7 +79822,7 @@
79822
79822
  "context": {
79823
79823
  "type": "variable",
79824
79824
  "name": "kendo-input-outline-border",
79825
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-button-text, .5))",
79825
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-button-text, .5))",
79826
79826
  "scope": "default",
79827
79827
  "line": {
79828
79828
  "start": 171,
@@ -79903,7 +79903,7 @@
79903
79903
  "context": {
79904
79904
  "type": "variable",
79905
79905
  "name": "kendo-input-outline-hover-border",
79906
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .8 ), rgba( $kendo-button-text, .8))",
79906
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 80%, transparent), rgba( $kendo-button-text, .8))",
79907
79907
  "scope": "default",
79908
79908
  "line": {
79909
79909
  "start": 181,
@@ -82675,7 +82675,7 @@
82675
82675
  "context": {
82676
82676
  "type": "variable",
82677
82677
  "name": "kendo-listview-item-selected-bg",
82678
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
82678
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
82679
82679
  "scope": "default",
82680
82680
  "line": {
82681
82681
  "start": 44,
@@ -88966,7 +88966,7 @@
88966
88966
  "context": {
88967
88967
  "type": "variable",
88968
88968
  "name": "kendo-picker-outline-border",
88969
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
88969
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
88970
88970
  "scope": "default",
88971
88971
  "line": {
88972
88972
  "start": 365,
@@ -89344,7 +89344,7 @@
89344
89344
  "context": {
89345
89345
  "type": "variable",
89346
89346
  "name": "kendo-picker-flat-hover-bg",
89347
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .04 ), rgba( $kendo-button-text, .04 ))",
89347
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
89348
89348
  "scope": "default",
89349
89349
  "line": {
89350
89350
  "start": 412,
@@ -89398,7 +89398,7 @@
89398
89398
  "context": {
89399
89399
  "type": "variable",
89400
89400
  "name": "kendo-picker-flat-hover-border",
89401
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), rgba( $kendo-button-border, .16 ))",
89401
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), rgba( $kendo-button-border, .16 ))",
89402
89402
  "scope": "default",
89403
89403
  "line": {
89404
89404
  "start": 418,
@@ -94306,7 +94306,7 @@
94306
94306
  "context": {
94307
94307
  "type": "variable",
94308
94308
  "name": "kendo-skeleton-item-bg",
94309
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
94309
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
94310
94310
  "scope": "default",
94311
94311
  "line": {
94312
94312
  "start": 20,
@@ -95095,7 +95095,7 @@
95095
95095
  "context": {
95096
95096
  "type": "variable",
95097
95097
  "name": "kendo-slider-draghandle-focus-shadow",
95098
- "value": "0 0 4px 0 if($kendo-enable-color-system, rgba( k-color( primary, true ), .75 ), rgba( $kendo-slider-draghandle-border, .75 ))",
95098
+ "value": "0 0 4px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 75%, transparent), rgba( $kendo-slider-draghandle-border, .75 ))",
95099
95099
  "scope": "default",
95100
95100
  "line": {
95101
95101
  "start": 96,
@@ -96817,7 +96817,7 @@
96817
96817
  "context": {
96818
96818
  "type": "variable",
96819
96819
  "name": "kendo-spreadsheet-selection-bg",
96820
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
96820
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
96821
96821
  "scope": "default",
96822
96822
  "line": {
96823
96823
  "start": 97,
@@ -97006,7 +97006,7 @@
97006
97006
  "context": {
97007
97007
  "type": "variable",
97008
97008
  "name": "kendo-spreadsheet-partial-selection-bg",
97009
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
97009
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
97010
97010
  "scope": "default",
97011
97011
  "line": {
97012
97012
  "start": 120,
@@ -97087,7 +97087,7 @@
97087
97087
  "context": {
97088
97088
  "type": "variable",
97089
97089
  "name": "kendo-spreadsheet-auto-fill-bg",
97090
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
97090
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
97091
97091
  "scope": "default",
97092
97092
  "line": {
97093
97093
  "start": 131,
@@ -98167,7 +98167,7 @@
98167
98167
  "context": {
98168
98168
  "type": "variable",
98169
98169
  "name": "kendo-spreadsheet-drawing-anchor-bg",
98170
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
98170
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
98171
98171
  "scope": "default",
98172
98172
  "line": {
98173
98173
  "start": 261,
@@ -99064,7 +99064,7 @@
99064
99064
  "context": {
99065
99065
  "type": "variable",
99066
99066
  "name": "kendo-stepper-indicator-disabled-text",
99067
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
99067
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
99068
99068
  "scope": "default",
99069
99069
  "line": {
99070
99070
  "start": 106,
@@ -99280,7 +99280,7 @@
99280
99280
  "context": {
99281
99281
  "type": "variable",
99282
99282
  "name": "kendo-stepper-indicator-done-disabled-bg",
99283
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% ))",
99283
+ "value": "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% ))",
99284
99284
  "scope": "default",
99285
99285
  "line": {
99286
99286
  "start": 133,
@@ -99712,7 +99712,7 @@
99712
99712
  "context": {
99713
99713
  "type": "variable",
99714
99714
  "name": "kendo-stepper-label-disabled-text",
99715
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
99715
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
99716
99716
  "scope": "default",
99717
99717
  "line": {
99718
99718
  "start": 185,
@@ -100555,7 +100555,7 @@
100555
100555
  "context": {
100556
100556
  "type": "variable",
100557
100557
  "name": "kendo-switch-off-track-focus-ring",
100558
- "value": "0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 )",
100558
+ "value": "0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ))",
100559
100559
  "scope": "default",
100560
100560
  "line": {
100561
100561
  "start": 71,
@@ -101230,7 +101230,7 @@
101230
101230
  "context": {
101231
101231
  "type": "variable",
101232
101232
  "name": "kendo-switch-on-track-focus-ring",
101233
- "value": "0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 )",
101233
+ "value": "0 0 3px 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ))",
101234
101234
  "scope": "default",
101235
101235
  "line": {
101236
101236
  "start": 153,
@@ -102154,7 +102154,7 @@
102154
102154
  "context": {
102155
102155
  "type": "variable",
102156
102156
  "name": "kendo-table-alt-row-bg",
102157
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), k-try-shade( $kendo-table-bg, .5 ))",
102157
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), k-try-shade( $kendo-table-bg, .5 ))",
102158
102158
  "scope": "default",
102159
102159
  "line": {
102160
102160
  "start": 114,
@@ -102235,7 +102235,7 @@
102235
102235
  "context": {
102236
102236
  "type": "variable",
102237
102237
  "name": "kendo-table-hover-bg",
102238
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-try-shade( $kendo-table-bg, 1 ))",
102238
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-try-shade( $kendo-table-bg, 1 ))",
102239
102239
  "scope": "default",
102240
102240
  "line": {
102241
102241
  "start": 125,
@@ -102424,7 +102424,7 @@
102424
102424
  "context": {
102425
102425
  "type": "variable",
102426
102426
  "name": "kendo-table-selected-bg",
102427
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
102427
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
102428
102428
  "scope": "default",
102429
102429
  "line": {
102430
102430
  "start": 150,
@@ -105823,7 +105823,7 @@
105823
105823
  "context": {
105824
105824
  "type": "variable",
105825
105825
  "name": "kendo-timeline-track-arrow-disabled-bg",
105826
- "value": "if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
105826
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base ) 60%, transparent), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
105827
105827
  "scope": "default",
105828
105828
  "line": {
105829
105829
  "start": 39,
@@ -105850,7 +105850,7 @@
105850
105850
  "context": {
105851
105851
  "type": "variable",
105852
105852
  "name": "kendo-timeline-track-arrow-disabled-text",
105853
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
105853
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 60%, transparent), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
105854
105854
  "scope": "default",
105855
105855
  "line": {
105856
105856
  "start": 42,
@@ -105877,7 +105877,7 @@
105877
105877
  "context": {
105878
105878
  "type": "variable",
105879
105879
  "name": "kendo-timeline-track-arrow-disabled-border",
105880
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( #000000, $kendo-body-bg, 4.8% ))",
105880
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 15%, transparent), k-true-mix( #000000, $kendo-body-bg, 4.8% ))",
105881
105881
  "scope": "default",
105882
105882
  "line": {
105883
105883
  "start": 45,