@progress/kendo-theme-material 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 +79 -80
  3. package/dist/meta/sassdoc-data.json +48 -48
  4. package/dist/meta/sassdoc-raw-data.json +24 -24
  5. package/lib/swatches/material-aqua-dark.json +1 -1
  6. package/lib/swatches/material-arctic.json +1 -1
  7. package/lib/swatches/material-burnt-teal.json +1 -1
  8. package/lib/swatches/material-dataviz-v4.json +1 -1
  9. package/lib/swatches/material-eggplant.json +1 -1
  10. package/lib/swatches/material-lime-dark.json +1 -1
  11. package/lib/swatches/material-lime.json +1 -1
  12. package/lib/swatches/material-main-dark.json +1 -1
  13. package/lib/swatches/material-main.json +1 -1
  14. package/lib/swatches/material-nova.json +1 -1
  15. package/lib/swatches/material-pacific-dark.json +1 -1
  16. package/lib/swatches/material-pacific.json +1 -1
  17. package/lib/swatches/material-sky-dark.json +1 -1
  18. package/lib/swatches/material-sky.json +1 -1
  19. package/lib/swatches/material-smoke.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/checkbox/_variables.scss +1 -1
  22. package/scss/dataviz/_variables.scss +11 -11
  23. package/scss/dock-manager/_variables.scss +1 -1
  24. package/scss/fab/_theme.scss +2 -2
  25. package/scss/gantt/_variables.scss +1 -1
  26. package/scss/grid/_variables.scss +5 -5
  27. package/scss/input/_variables.scss +4 -4
  28. package/scss/map/_variables.scss +1 -1
  29. package/scss/mediaplayer/_variables.scss +1 -1
  30. package/scss/orgchart/_variables.scss +1 -1
  31. package/scss/pivotgrid/_variables.scss +2 -2
  32. package/scss/scheduler/_theme.scss +2 -2
  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 +2 -2
  40. package/scss/treeview/_variables.scss +1 -1
@@ -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,
@@ -8946,7 +8946,7 @@
8946
8946
  "context": {
8947
8947
  "type": "variable",
8948
8948
  "name": "kendo-checkbox-border",
8949
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .54 )",
8949
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 54%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .54 ))",
8950
8950
  "scope": "default",
8951
8951
  "line": {
8952
8952
  "start": 67,
@@ -14628,7 +14628,7 @@
14628
14628
  "context": {
14629
14629
  "type": "variable",
14630
14630
  "name": "kendo-dock-manager-dock-preview-bg",
14631
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
14631
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
14632
14632
  "scope": "default",
14633
14633
  "line": {
14634
14634
  "start": 110,
@@ -21837,7 +21837,7 @@
21837
21837
  "context": {
21838
21838
  "type": "variable",
21839
21839
  "name": "kendo-grid-row-resizer-hover-bg",
21840
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .24 ))",
21840
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .24 ))",
21841
21841
  "scope": "default",
21842
21842
  "line": {
21843
21843
  "start": 312,
@@ -22539,7 +22539,7 @@
22539
22539
  "context": {
22540
22540
  "type": "variable",
22541
22541
  "name": "kendo-input-border",
22542
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .44 ), rgba( $kendo-component-border, .38 ))",
22542
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 44%, transparent), rgba( $kendo-component-border, .38 ))",
22543
22543
  "scope": "default",
22544
22544
  "line": {
22545
22545
  "start": 108,
@@ -22863,7 +22863,7 @@
22863
22863
  "context": {
22864
22864
  "type": "variable",
22865
22865
  "name": "kendo-input-disabled-bg",
22866
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .03 ), k-try-shade( $kendo-component-bg, .25 ))",
22866
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), k-try-shade( $kendo-component-bg, .25 ))",
22867
22867
  "scope": "default",
22868
22868
  "line": {
22869
22869
  "start": 147,
@@ -22890,7 +22890,7 @@
22890
22890
  "context": {
22891
22891
  "type": "variable",
22892
22892
  "name": "kendo-input-disabled-text",
22893
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .27 ), $kendo-disabled-text)",
22893
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 27%, transparent), $kendo-disabled-text)",
22894
22894
  "scope": "default",
22895
22895
  "line": {
22896
22896
  "start": 150,
@@ -22917,7 +22917,7 @@
22917
22917
  "context": {
22918
22918
  "type": "variable",
22919
22919
  "name": "kendo-input-disabled-border",
22920
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .03 ), rgba( $kendo-component-border, k-math-div( k-color-alpha( $kendo-component-border ), 2 ) ))",
22920
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), rgba( $kendo-component-border, k-math-div( k-color-alpha( $kendo-component-border ), 2 ) ))",
22921
22921
  "scope": "default",
22922
22922
  "line": {
22923
22923
  "start": 153,
@@ -28749,7 +28749,7 @@
28749
28749
  "context": {
28750
28750
  "type": "variable",
28751
28751
  "name": "kendo-orgchart-node-group-focus-shadow",
28752
- "value": "0 2px 4px -1px rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .2 ), 0 4px 5px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .14 ), 0 1px 10px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .12 )",
28752
+ "value": "0 2px 4px -1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $elevation, .2 )), 0 4px 5px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 14%, transparent), rgba( $elevation, .14 )), 0 1px 10px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 12%, transparent), rgba( $elevation, .12 ))",
28753
28753
  "scope": "default",
28754
28754
  "line": {
28755
28755
  "start": 68,
@@ -37668,7 +37668,7 @@
37668
37668
  "context": {
37669
37669
  "type": "variable",
37670
37670
  "name": "kendo-skeleton-item-bg",
37671
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
37671
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
37672
37672
  "scope": "default",
37673
37673
  "line": {
37674
37674
  "start": 20,
@@ -38451,7 +38451,7 @@
38451
38451
  "context": {
38452
38452
  "type": "variable",
38453
38453
  "name": "kendo-slider-draghandle-focus-shadow",
38454
- "value": "0 0 0 11px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
38454
+ "value": "0 0 0 11px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
38455
38455
  "scope": "default",
38456
38456
  "line": {
38457
38457
  "start": 96,
@@ -40155,7 +40155,7 @@
40155
40155
  "context": {
40156
40156
  "type": "variable",
40157
40157
  "name": "kendo-spreadsheet-selection-bg",
40158
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
40158
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
40159
40159
  "scope": "default",
40160
40160
  "line": {
40161
40161
  "start": 97,
@@ -40425,7 +40425,7 @@
40425
40425
  "context": {
40426
40426
  "type": "variable",
40427
40427
  "name": "kendo-spreadsheet-auto-fill-bg",
40428
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
40428
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
40429
40429
  "scope": "default",
40430
40430
  "line": {
40431
40431
  "start": 131,
@@ -40533,7 +40533,7 @@
40533
40533
  "context": {
40534
40534
  "type": "variable",
40535
40535
  "name": "kendo-spreadsheet-auto-fill-punch-bg",
40536
- "value": "if($kendo-enable-color-system, rgba( k-color( app-surface, true ), .5 ), rgba( $kendo-component-bg, .5 ))",
40536
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 50%, transparent), rgba( $kendo-component-bg, .5 ))",
40537
40537
  "scope": "default",
40538
40538
  "line": {
40539
40539
  "start": 143,
@@ -41505,7 +41505,7 @@
41505
41505
  "context": {
41506
41506
  "type": "variable",
41507
41507
  "name": "kendo-spreadsheet-drawing-anchor-bg",
41508
- "value": "if($kendo-enable-color-system, rgba( k-color( secondary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
41508
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( secondary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
41509
41509
  "scope": "default",
41510
41510
  "line": {
41511
41511
  "start": 261,
@@ -42396,7 +42396,7 @@
42396
42396
  "context": {
42397
42397
  "type": "variable",
42398
42398
  "name": "kendo-stepper-indicator-disabled-text",
42399
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), $kendo-disabled-text)",
42399
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), $kendo-disabled-text)",
42400
42400
  "scope": "default",
42401
42401
  "line": {
42402
42402
  "start": 106,
@@ -42612,7 +42612,7 @@
42612
42612
  "context": {
42613
42613
  "type": "variable",
42614
42614
  "name": "kendo-stepper-indicator-done-disabled-bg",
42615
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
42615
+ "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%))",
42616
42616
  "scope": "default",
42617
42617
  "line": {
42618
42618
  "start": 133,
@@ -43044,7 +43044,7 @@
43044
43044
  "context": {
43045
43045
  "type": "variable",
43046
43046
  "name": "kendo-stepper-label-disabled-text",
43047
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), k-map-get( $theme, disabled-text ))",
43047
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-map-get( $theme, disabled-text ))",
43048
43048
  "scope": "default",
43049
43049
  "line": {
43050
43050
  "start": 185,
@@ -43557,7 +43557,7 @@
43557
43557
  "context": {
43558
43558
  "type": "variable",
43559
43559
  "name": "kendo-switch-off-track-bg",
43560
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .38 )",
43560
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 38%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .38 ))",
43561
43561
  "scope": "default",
43562
43562
  "line": {
43563
43563
  "start": 33,
@@ -44232,7 +44232,7 @@
44232
44232
  "context": {
44233
44233
  "type": "variable",
44234
44234
  "name": "kendo-switch-on-track-bg",
44235
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .54 ), rgba( $kendo-color-primary, .54 ))",
44235
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 54%, transparent), rgba( $kendo-color-primary, .54 ))",
44236
44236
  "scope": "default",
44237
44237
  "line": {
44238
44238
  "start": 115,
@@ -45555,7 +45555,7 @@
45555
45555
  "context": {
45556
45556
  "type": "variable",
45557
45557
  "name": "kendo-table-hover-bg",
45558
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( k-contrast-color( $kendo-table-bg ), .07 ))",
45558
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .07 ))",
45559
45559
  "scope": "default",
45560
45560
  "line": {
45561
45561
  "start": 125,
@@ -45744,7 +45744,7 @@
45744
45744
  "context": {
45745
45745
  "type": "variable",
45746
45746
  "name": "kendo-table-selected-bg",
45747
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .12 ), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
45747
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 12%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
45748
45748
  "scope": "default",
45749
45749
  "line": {
45750
45750
  "start": 150,
@@ -52170,7 +52170,7 @@
52170
52170
  "context": {
52171
52171
  "type": "variable",
52172
52172
  "name": "kendo-treeview-item-hover-bg",
52173
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .07 ), rgba( $kendo-treeview-text, .07 ))",
52173
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 7%, transparent), rgba( $kendo-treeview-text, .07 ))",
52174
52174
  "scope": "default",
52175
52175
  "line": {
52176
52176
  "start": 127,
@@ -62602,7 +62602,7 @@
62602
62602
  "context": {
62603
62603
  "type": "variable",
62604
62604
  "name": "kendo-chart-major-lines",
62605
- "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 )",
62605
+ "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 ))",
62606
62606
  "scope": "default",
62607
62607
  "line": {
62608
62608
  "start": 103,
@@ -62629,7 +62629,7 @@
62629
62629
  "context": {
62630
62630
  "type": "variable",
62631
62631
  "name": "kendo-chart-minor-lines",
62632
- "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 )",
62632
+ "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 ))",
62633
62633
  "scope": "default",
62634
62634
  "line": {
62635
62635
  "start": 107,
@@ -64531,7 +64531,7 @@
64531
64531
  "context": {
64532
64532
  "type": "variable",
64533
64533
  "name": "kendo-checkbox-border",
64534
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .54 )",
64534
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 54%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .54 ))",
64535
64535
  "scope": "default",
64536
64536
  "line": {
64537
64537
  "start": 67,
@@ -70261,7 +70261,7 @@
70261
70261
  "context": {
70262
70262
  "type": "variable",
70263
70263
  "name": "kendo-dock-manager-dock-preview-bg",
70264
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
70264
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
70265
70265
  "scope": "default",
70266
70266
  "line": {
70267
70267
  "start": 110,
@@ -77536,7 +77536,7 @@
77536
77536
  "context": {
77537
77537
  "type": "variable",
77538
77538
  "name": "kendo-grid-row-resizer-hover-bg",
77539
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .24 ))",
77539
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .24 ))",
77540
77540
  "scope": "default",
77541
77541
  "line": {
77542
77542
  "start": 312,
@@ -78244,7 +78244,7 @@
78244
78244
  "context": {
78245
78245
  "type": "variable",
78246
78246
  "name": "kendo-input-border",
78247
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .44 ), rgba( $kendo-component-border, .38 ))",
78247
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 44%, transparent), rgba( $kendo-component-border, .38 ))",
78248
78248
  "scope": "default",
78249
78249
  "line": {
78250
78250
  "start": 108,
@@ -78568,7 +78568,7 @@
78568
78568
  "context": {
78569
78569
  "type": "variable",
78570
78570
  "name": "kendo-input-disabled-bg",
78571
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .03 ), k-try-shade( $kendo-component-bg, .25 ))",
78571
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), k-try-shade( $kendo-component-bg, .25 ))",
78572
78572
  "scope": "default",
78573
78573
  "line": {
78574
78574
  "start": 147,
@@ -78595,7 +78595,7 @@
78595
78595
  "context": {
78596
78596
  "type": "variable",
78597
78597
  "name": "kendo-input-disabled-text",
78598
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .27 ), $kendo-disabled-text)",
78598
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 27%, transparent), $kendo-disabled-text)",
78599
78599
  "scope": "default",
78600
78600
  "line": {
78601
78601
  "start": 150,
@@ -78622,7 +78622,7 @@
78622
78622
  "context": {
78623
78623
  "type": "variable",
78624
78624
  "name": "kendo-input-disabled-border",
78625
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .03 ), rgba( $kendo-component-border, k-math-div( k-color-alpha( $kendo-component-border ), 2 ) ))",
78625
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 3%, transparent), rgba( $kendo-component-border, k-math-div( k-color-alpha( $kendo-component-border ), 2 ) ))",
78626
78626
  "scope": "default",
78627
78627
  "line": {
78628
78628
  "start": 153,
@@ -84508,7 +84508,7 @@
84508
84508
  "context": {
84509
84509
  "type": "variable",
84510
84510
  "name": "kendo-orgchart-node-group-focus-shadow",
84511
- "value": "0 2px 4px -1px rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .2 ), 0 4px 5px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .14 ), 0 1px 10px 0 rgba( if($kendo-enable-color-system, k-color( on-light, true ), $elevation), .12 )",
84511
+ "value": "0 2px 4px -1px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $elevation, .2 )), 0 4px 5px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 14%, transparent), rgba( $elevation, .14 )), 0 1px 10px 0 if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 12%, transparent), rgba( $elevation, .12 ))",
84512
84512
  "scope": "default",
84513
84513
  "line": {
84514
84514
  "start": 68,
@@ -93505,7 +93505,7 @@
93505
93505
  "context": {
93506
93506
  "type": "variable",
93507
93507
  "name": "kendo-skeleton-item-bg",
93508
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
93508
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
93509
93509
  "scope": "default",
93510
93510
  "line": {
93511
93511
  "start": 20,
@@ -94294,7 +94294,7 @@
94294
94294
  "context": {
94295
94295
  "type": "variable",
94296
94296
  "name": "kendo-slider-draghandle-focus-shadow",
94297
- "value": "0 0 0 11px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
94297
+ "value": "0 0 0 11px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
94298
94298
  "scope": "default",
94299
94299
  "line": {
94300
94300
  "start": 96,
@@ -96016,7 +96016,7 @@
96016
96016
  "context": {
96017
96017
  "type": "variable",
96018
96018
  "name": "kendo-spreadsheet-selection-bg",
96019
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
96019
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
96020
96020
  "scope": "default",
96021
96021
  "line": {
96022
96022
  "start": 97,
@@ -96286,7 +96286,7 @@
96286
96286
  "context": {
96287
96287
  "type": "variable",
96288
96288
  "name": "kendo-spreadsheet-auto-fill-bg",
96289
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
96289
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
96290
96290
  "scope": "default",
96291
96291
  "line": {
96292
96292
  "start": 131,
@@ -96394,7 +96394,7 @@
96394
96394
  "context": {
96395
96395
  "type": "variable",
96396
96396
  "name": "kendo-spreadsheet-auto-fill-punch-bg",
96397
- "value": "if($kendo-enable-color-system, rgba( k-color( app-surface, true ), .5 ), rgba( $kendo-component-bg, .5 ))",
96397
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 50%, transparent), rgba( $kendo-component-bg, .5 ))",
96398
96398
  "scope": "default",
96399
96399
  "line": {
96400
96400
  "start": 143,
@@ -97366,7 +97366,7 @@
97366
97366
  "context": {
97367
97367
  "type": "variable",
97368
97368
  "name": "kendo-spreadsheet-drawing-anchor-bg",
97369
- "value": "if($kendo-enable-color-system, rgba( k-color( secondary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
97369
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( secondary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
97370
97370
  "scope": "default",
97371
97371
  "line": {
97372
97372
  "start": 261,
@@ -98263,7 +98263,7 @@
98263
98263
  "context": {
98264
98264
  "type": "variable",
98265
98265
  "name": "kendo-stepper-indicator-disabled-text",
98266
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), $kendo-disabled-text)",
98266
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), $kendo-disabled-text)",
98267
98267
  "scope": "default",
98268
98268
  "line": {
98269
98269
  "start": 106,
@@ -98479,7 +98479,7 @@
98479
98479
  "context": {
98480
98480
  "type": "variable",
98481
98481
  "name": "kendo-stepper-indicator-done-disabled-bg",
98482
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
98482
+ "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%))",
98483
98483
  "scope": "default",
98484
98484
  "line": {
98485
98485
  "start": 133,
@@ -98911,7 +98911,7 @@
98911
98911
  "context": {
98912
98912
  "type": "variable",
98913
98913
  "name": "kendo-stepper-label-disabled-text",
98914
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .32 ), k-map-get( $theme, disabled-text ))",
98914
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-map-get( $theme, disabled-text ))",
98915
98915
  "scope": "default",
98916
98916
  "line": {
98917
98917
  "start": 185,
@@ -99430,7 +99430,7 @@
99430
99430
  "context": {
99431
99431
  "type": "variable",
99432
99432
  "name": "kendo-switch-off-track-bg",
99433
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .38 )",
99433
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 38%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .38 ))",
99434
99434
  "scope": "default",
99435
99435
  "line": {
99436
99436
  "start": 33,
@@ -100105,7 +100105,7 @@
100105
100105
  "context": {
100106
100106
  "type": "variable",
100107
100107
  "name": "kendo-switch-on-track-bg",
100108
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .54 ), rgba( $kendo-color-primary, .54 ))",
100108
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 54%, transparent), rgba( $kendo-color-primary, .54 ))",
100109
100109
  "scope": "default",
100110
100110
  "line": {
100111
100111
  "start": 115,
@@ -101434,7 +101434,7 @@
101434
101434
  "context": {
101435
101435
  "type": "variable",
101436
101436
  "name": "kendo-table-hover-bg",
101437
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( k-contrast-color( $kendo-table-bg ), .07 ))",
101437
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .07 ))",
101438
101438
  "scope": "default",
101439
101439
  "line": {
101440
101440
  "start": 125,
@@ -101623,7 +101623,7 @@
101623
101623
  "context": {
101624
101624
  "type": "variable",
101625
101625
  "name": "kendo-table-selected-bg",
101626
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .12 ), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
101626
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 12%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
101627
101627
  "scope": "default",
101628
101628
  "line": {
101629
101629
  "start": 150,
@@ -108091,7 +108091,7 @@
108091
108091
  "context": {
108092
108092
  "type": "variable",
108093
108093
  "name": "kendo-treeview-item-hover-bg",
108094
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .07 ), rgba( $kendo-treeview-text, .07 ))",
108094
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 7%, transparent), rgba( $kendo-treeview-text, .07 ))",
108095
108095
  "scope": "default",
108096
108096
  "line": {
108097
108097
  "start": 127,