@progress/kendo-theme-default 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 (47) hide show
  1. package/dist/all.css +8 -1
  2. package/dist/all.scss +80 -81
  3. package/dist/meta/sassdoc-data.json +58 -58
  4. package/dist/meta/sassdoc-raw-data.json +29 -29
  5. package/lib/swatches/default-blue.json +1 -1
  6. package/lib/swatches/default-dataviz-v4.json +1 -1
  7. package/lib/swatches/default-green.json +1 -1
  8. package/lib/swatches/default-main-dark.json +1 -1
  9. package/lib/swatches/default-main.json +1 -1
  10. package/lib/swatches/default-nordic.json +1 -1
  11. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  12. package/lib/swatches/default-ocean-blue.json +1 -1
  13. package/lib/swatches/default-orange.json +1 -1
  14. package/lib/swatches/default-purple.json +1 -1
  15. package/lib/swatches/default-turquoise.json +1 -1
  16. package/lib/swatches/default-urban.json +1 -1
  17. package/package.json +4 -4
  18. package/scss/bottom-navigation/_theme.scss +3 -3
  19. package/scss/button/_theme.scss +5 -5
  20. package/scss/button/_variables.scss +1 -1
  21. package/scss/calendar/_theme.scss +1 -1
  22. package/scss/checkbox/_variables.scss +1 -1
  23. package/scss/chip/_theme.scss +3 -3
  24. package/scss/chip/_variables.scss +2 -2
  25. package/scss/dataviz/_variables.scss +11 -11
  26. package/scss/dock-manager/_variables.scss +1 -1
  27. package/scss/fab/_theme.scss +6 -6
  28. package/scss/gantt/_variables.scss +1 -1
  29. package/scss/grid/_variables.scss +5 -5
  30. package/scss/input/_variables.scss +5 -5
  31. package/scss/listview/_variables.scss +1 -1
  32. package/scss/map/_variables.scss +1 -1
  33. package/scss/mediaplayer/_theme.scss +1 -1
  34. package/scss/mediaplayer/_variables.scss +1 -1
  35. package/scss/pivotgrid/_variables.scss +1 -1
  36. package/scss/progressbar/_theme.scss +1 -1
  37. package/scss/scheduler/_theme.scss +2 -2
  38. package/scss/signature/_variables.scss +1 -1
  39. package/scss/skeleton/_variables.scss +1 -1
  40. package/scss/slider/_variables.scss +1 -1
  41. package/scss/spreadsheet/_variables.scss +4 -4
  42. package/scss/stepper/_variables.scss +3 -3
  43. package/scss/switch/_theme.scss +2 -2
  44. package/scss/switch/_variables.scss +2 -2
  45. package/scss/table/_layout.scss +5 -1
  46. package/scss/table/_variables.scss +3 -3
  47. package/scss/timeline/_variables.scss +2 -2
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 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08), rgba( $kendo-button-border, .08 ))",
4656
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-border, .08 ))",
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 ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10569
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
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 ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10866
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10867
10867
  "scope": "default",
10868
10868
  "line": {
10869
10869
  "start": 155,
@@ -15627,7 +15627,7 @@
15627
15627
  "context": {
15628
15628
  "type": "variable",
15629
15629
  "name": "kendo-dock-manager-dock-preview-bg",
15630
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
15630
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
15631
15631
  "scope": "default",
15632
15632
  "line": {
15633
15633
  "start": 110,
@@ -22944,7 +22944,7 @@
22944
22944
  "context": {
22945
22945
  "type": "variable",
22946
22946
  "name": "kendo-grid-row-resizer-hover-bg",
22947
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22947
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22948
22948
  "scope": "default",
22949
22949
  "line": {
22950
22950
  "start": 310,
@@ -23889,7 +23889,7 @@
23889
23889
  "context": {
23890
23890
  "type": "variable",
23891
23891
  "name": "kendo-input-focus-shadow",
23892
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-input-focus-border, .08 ))",
23892
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-input-focus-border, .08 ))",
23893
23893
  "scope": "default",
23894
23894
  "line": {
23895
23895
  "start": 137,
@@ -24159,7 +24159,7 @@
24159
24159
  "context": {
24160
24160
  "type": "variable",
24161
24161
  "name": "kendo-input-outline-border",
24162
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-button-text, .5))",
24162
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-button-text, .5))",
24163
24163
  "scope": "default",
24164
24164
  "line": {
24165
24165
  "start": 170,
@@ -24240,7 +24240,7 @@
24240
24240
  "context": {
24241
24241
  "type": "variable",
24242
24242
  "name": "kendo-input-outline-hover-border",
24243
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .8 ), rgba( $kendo-button-text, .8))",
24243
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 80%, transparent), rgba( $kendo-button-text, .8))",
24244
24244
  "scope": "default",
24245
24245
  "line": {
24246
24246
  "start": 180,
@@ -27048,7 +27048,7 @@
27048
27048
  "context": {
27049
27049
  "type": "variable",
27050
27050
  "name": "kendo-listview-item-selected-bg",
27051
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
27051
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
27052
27052
  "scope": "default",
27053
27053
  "line": {
27054
27054
  "start": 44,
@@ -33258,7 +33258,7 @@
33258
33258
  "context": {
33259
33259
  "type": "variable",
33260
33260
  "name": "kendo-picker-outline-border",
33261
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
33261
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
33262
33262
  "scope": "default",
33263
33263
  "line": {
33264
33264
  "start": 368,
@@ -33636,7 +33636,7 @@
33636
33636
  "context": {
33637
33637
  "type": "variable",
33638
33638
  "name": "kendo-picker-flat-hover-bg",
33639
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .04 ), rgba( $kendo-button-text, .04 ))",
33639
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
33640
33640
  "scope": "default",
33641
33641
  "line": {
33642
33642
  "start": 415,
@@ -39306,7 +39306,7 @@
39306
39306
  "context": {
39307
39307
  "type": "variable",
39308
39308
  "name": "kendo-slider-draghandle-focus-shadow",
39309
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary , .3 ))",
39309
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary , .3 ))",
39310
39310
  "scope": "default",
39311
39311
  "line": {
39312
39312
  "start": 96,
@@ -41010,7 +41010,7 @@
41010
41010
  "context": {
41011
41011
  "type": "variable",
41012
41012
  "name": "kendo-spreadsheet-selection-bg",
41013
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41013
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41014
41014
  "scope": "default",
41015
41015
  "line": {
41016
41016
  "start": 97,
@@ -41199,7 +41199,7 @@
41199
41199
  "context": {
41200
41200
  "type": "variable",
41201
41201
  "name": "kendo-spreadsheet-partial-selection-bg",
41202
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41202
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41203
41203
  "scope": "default",
41204
41204
  "line": {
41205
41205
  "start": 120,
@@ -41280,7 +41280,7 @@
41280
41280
  "context": {
41281
41281
  "type": "variable",
41282
41282
  "name": "kendo-spreadsheet-auto-fill-bg",
41283
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41283
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41284
41284
  "scope": "default",
41285
41285
  "line": {
41286
41286
  "start": 131,
@@ -42360,7 +42360,7 @@
42360
42360
  "context": {
42361
42361
  "type": "variable",
42362
42362
  "name": "kendo-spreadsheet-drawing-anchor-bg",
42363
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
42363
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
42364
42364
  "scope": "default",
42365
42365
  "line": {
42366
42366
  "start": 259,
@@ -43251,7 +43251,7 @@
43251
43251
  "context": {
43252
43252
  "type": "variable",
43253
43253
  "name": "kendo-stepper-indicator-disabled-text",
43254
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
43254
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
43255
43255
  "scope": "default",
43256
43256
  "line": {
43257
43257
  "start": 106,
@@ -43467,7 +43467,7 @@
43467
43467
  "context": {
43468
43468
  "type": "variable",
43469
43469
  "name": "kendo-stepper-indicator-done-disabled-bg",
43470
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
43470
+ "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%))",
43471
43471
  "scope": "default",
43472
43472
  "line": {
43473
43473
  "start": 133,
@@ -43899,7 +43899,7 @@
43899
43899
  "context": {
43900
43900
  "type": "variable",
43901
43901
  "name": "kendo-stepper-label-disabled-text",
43902
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
43902
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
43903
43903
  "scope": "default",
43904
43904
  "line": {
43905
43905
  "start": 185,
@@ -44736,7 +44736,7 @@
44736
44736
  "context": {
44737
44737
  "type": "variable",
44738
44738
  "name": "kendo-switch-off-track-focus-ring",
44739
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
44739
+ "value": "2px solid 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 ))",
44740
44740
  "scope": "default",
44741
44741
  "line": {
44742
44742
  "start": 71,
@@ -45411,7 +45411,7 @@
45411
45411
  "context": {
45412
45412
  "type": "variable",
45413
45413
  "name": "kendo-switch-on-track-focus-ring",
45414
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
45414
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
45415
45415
  "scope": "default",
45416
45416
  "line": {
45417
45417
  "start": 153,
@@ -46329,7 +46329,7 @@
46329
46329
  "context": {
46330
46330
  "type": "variable",
46331
46331
  "name": "kendo-table-alt-row-bg",
46332
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
46332
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
46333
46333
  "scope": "default",
46334
46334
  "line": {
46335
46335
  "start": 113,
@@ -46410,7 +46410,7 @@
46410
46410
  "context": {
46411
46411
  "type": "variable",
46412
46412
  "name": "kendo-table-hover-bg",
46413
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-color-darken($kendo-table-bg, 7%))",
46413
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-color-darken($kendo-table-bg, 7%))",
46414
46414
  "scope": "default",
46415
46415
  "line": {
46416
46416
  "start": 124,
@@ -46599,7 +46599,7 @@
46599
46599
  "context": {
46600
46600
  "type": "variable",
46601
46601
  "name": "kendo-table-selected-bg",
46602
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
46602
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
46603
46603
  "scope": "default",
46604
46604
  "line": {
46605
46605
  "start": 149,
@@ -49974,7 +49974,7 @@
49974
49974
  "context": {
49975
49975
  "type": "variable",
49976
49976
  "name": "kendo-timeline-track-arrow-disabled-bg",
49977
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .6 ), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
49977
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 60%, transparent), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
49978
49978
  "scope": "default",
49979
49979
  "line": {
49980
49980
  "start": 39,
@@ -50001,7 +50001,7 @@
50001
50001
  "context": {
50002
50002
  "type": "variable",
50003
50003
  "name": "kendo-timeline-track-arrow-disabled-text",
50004
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
50004
+ "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%))",
50005
50005
  "scope": "default",
50006
50006
  "line": {
50007
50007
  "start": 42,
@@ -62440,7 +62440,7 @@
62440
62440
  "context": {
62441
62441
  "type": "variable",
62442
62442
  "name": "kendo-button-focus-shadow",
62443
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08), rgba( $kendo-button-border, .08 ))",
62443
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-border, .08 ))",
62444
62444
  "scope": "default",
62445
62445
  "line": {
62446
62446
  "start": 189,
@@ -64834,7 +64834,7 @@
64834
64834
  "context": {
64835
64835
  "type": "variable",
64836
64836
  "name": "kendo-chart-major-lines",
64837
- "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 )",
64837
+ "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 ))",
64838
64838
  "scope": "default",
64839
64839
  "line": {
64840
64840
  "start": 103,
@@ -64861,7 +64861,7 @@
64861
64861
  "context": {
64862
64862
  "type": "variable",
64863
64863
  "name": "kendo-chart-minor-lines",
64864
- "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 )",
64864
+ "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 ))",
64865
64865
  "scope": "default",
64866
64866
  "line": {
64867
64867
  "start": 107,
@@ -67114,7 +67114,7 @@
67114
67114
  "context": {
67115
67115
  "type": "variable",
67116
67116
  "name": "kendo-checkbox-focus-checked-shadow",
67117
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary, .3 ))",
67117
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary, .3 ))",
67118
67118
  "scope": "default",
67119
67119
  "line": {
67120
67120
  "start": 110,
@@ -68389,7 +68389,7 @@
68389
68389
  "context": {
68390
68390
  "type": "variable",
68391
68391
  "name": "kendo-chip-solid-shadow",
68392
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68392
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68393
68393
  "scope": "default",
68394
68394
  "line": {
68395
68395
  "start": 118,
@@ -68686,7 +68686,7 @@
68686
68686
  "context": {
68687
68687
  "type": "variable",
68688
68688
  "name": "kendo-chip-outline-shadow",
68689
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68689
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68690
68690
  "scope": "default",
68691
68691
  "line": {
68692
68692
  "start": 155,
@@ -72817,7 +72817,7 @@
72817
72817
  "context": {
72818
72818
  "type": "variable",
72819
72819
  "name": "kendo-dock-manager-dock-preview-bg",
72820
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
72820
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
72821
72821
  "scope": "default",
72822
72822
  "line": {
72823
72823
  "start": 110,
@@ -80194,7 +80194,7 @@
80194
80194
  "context": {
80195
80195
  "type": "variable",
80196
80196
  "name": "kendo-grid-row-resizer-hover-bg",
80197
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
80197
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
80198
80198
  "scope": "default",
80199
80199
  "line": {
80200
80200
  "start": 310,
@@ -81145,7 +81145,7 @@
81145
81145
  "context": {
81146
81146
  "type": "variable",
81147
81147
  "name": "kendo-input-focus-shadow",
81148
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-input-focus-border, .08 ))",
81148
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-input-focus-border, .08 ))",
81149
81149
  "scope": "default",
81150
81150
  "line": {
81151
81151
  "start": 137,
@@ -81415,7 +81415,7 @@
81415
81415
  "context": {
81416
81416
  "type": "variable",
81417
81417
  "name": "kendo-input-outline-border",
81418
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-button-text, .5))",
81418
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-button-text, .5))",
81419
81419
  "scope": "default",
81420
81420
  "line": {
81421
81421
  "start": 170,
@@ -81496,7 +81496,7 @@
81496
81496
  "context": {
81497
81497
  "type": "variable",
81498
81498
  "name": "kendo-input-outline-hover-border",
81499
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .8 ), rgba( $kendo-button-text, .8))",
81499
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 80%, transparent), rgba( $kendo-button-text, .8))",
81500
81500
  "scope": "default",
81501
81501
  "line": {
81502
81502
  "start": 180,
@@ -84322,7 +84322,7 @@
84322
84322
  "context": {
84323
84323
  "type": "variable",
84324
84324
  "name": "kendo-listview-item-selected-bg",
84325
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
84325
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
84326
84326
  "scope": "default",
84327
84327
  "line": {
84328
84328
  "start": 44,
@@ -90586,7 +90586,7 @@
90586
90586
  "context": {
90587
90587
  "type": "variable",
90588
90588
  "name": "kendo-picker-outline-border",
90589
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
90589
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
90590
90590
  "scope": "default",
90591
90591
  "line": {
90592
90592
  "start": 368,
@@ -90964,7 +90964,7 @@
90964
90964
  "context": {
90965
90965
  "type": "variable",
90966
90966
  "name": "kendo-picker-flat-hover-bg",
90967
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .04 ), rgba( $kendo-button-text, .04 ))",
90967
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
90968
90968
  "scope": "default",
90969
90969
  "line": {
90970
90970
  "start": 415,
@@ -96688,7 +96688,7 @@
96688
96688
  "context": {
96689
96689
  "type": "variable",
96690
96690
  "name": "kendo-slider-draghandle-focus-shadow",
96691
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary , .3 ))",
96691
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary , .3 ))",
96692
96692
  "scope": "default",
96693
96693
  "line": {
96694
96694
  "start": 96,
@@ -98410,7 +98410,7 @@
98410
98410
  "context": {
98411
98411
  "type": "variable",
98412
98412
  "name": "kendo-spreadsheet-selection-bg",
98413
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98413
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98414
98414
  "scope": "default",
98415
98415
  "line": {
98416
98416
  "start": 97,
@@ -98599,7 +98599,7 @@
98599
98599
  "context": {
98600
98600
  "type": "variable",
98601
98601
  "name": "kendo-spreadsheet-partial-selection-bg",
98602
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98602
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98603
98603
  "scope": "default",
98604
98604
  "line": {
98605
98605
  "start": 120,
@@ -98680,7 +98680,7 @@
98680
98680
  "context": {
98681
98681
  "type": "variable",
98682
98682
  "name": "kendo-spreadsheet-auto-fill-bg",
98683
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98683
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98684
98684
  "scope": "default",
98685
98685
  "line": {
98686
98686
  "start": 131,
@@ -99760,7 +99760,7 @@
99760
99760
  "context": {
99761
99761
  "type": "variable",
99762
99762
  "name": "kendo-spreadsheet-drawing-anchor-bg",
99763
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
99763
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
99764
99764
  "scope": "default",
99765
99765
  "line": {
99766
99766
  "start": 259,
@@ -100657,7 +100657,7 @@
100657
100657
  "context": {
100658
100658
  "type": "variable",
100659
100659
  "name": "kendo-stepper-indicator-disabled-text",
100660
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
100660
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
100661
100661
  "scope": "default",
100662
100662
  "line": {
100663
100663
  "start": 106,
@@ -100873,7 +100873,7 @@
100873
100873
  "context": {
100874
100874
  "type": "variable",
100875
100875
  "name": "kendo-stepper-indicator-done-disabled-bg",
100876
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
100876
+ "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%))",
100877
100877
  "scope": "default",
100878
100878
  "line": {
100879
100879
  "start": 133,
@@ -101305,7 +101305,7 @@
101305
101305
  "context": {
101306
101306
  "type": "variable",
101307
101307
  "name": "kendo-stepper-label-disabled-text",
101308
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
101308
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
101309
101309
  "scope": "default",
101310
101310
  "line": {
101311
101311
  "start": 185,
@@ -102148,7 +102148,7 @@
102148
102148
  "context": {
102149
102149
  "type": "variable",
102150
102150
  "name": "kendo-switch-off-track-focus-ring",
102151
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
102151
+ "value": "2px solid 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 ))",
102152
102152
  "scope": "default",
102153
102153
  "line": {
102154
102154
  "start": 71,
@@ -102823,7 +102823,7 @@
102823
102823
  "context": {
102824
102824
  "type": "variable",
102825
102825
  "name": "kendo-switch-on-track-focus-ring",
102826
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
102826
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
102827
102827
  "scope": "default",
102828
102828
  "line": {
102829
102829
  "start": 153,
@@ -103747,7 +103747,7 @@
103747
103747
  "context": {
103748
103748
  "type": "variable",
103749
103749
  "name": "kendo-table-alt-row-bg",
103750
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
103750
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
103751
103751
  "scope": "default",
103752
103752
  "line": {
103753
103753
  "start": 113,
@@ -103828,7 +103828,7 @@
103828
103828
  "context": {
103829
103829
  "type": "variable",
103830
103830
  "name": "kendo-table-hover-bg",
103831
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-color-darken($kendo-table-bg, 7%))",
103831
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-color-darken($kendo-table-bg, 7%))",
103832
103832
  "scope": "default",
103833
103833
  "line": {
103834
103834
  "start": 124,
@@ -104017,7 +104017,7 @@
104017
104017
  "context": {
104018
104018
  "type": "variable",
104019
104019
  "name": "kendo-table-selected-bg",
104020
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
104020
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
104021
104021
  "scope": "default",
104022
104022
  "line": {
104023
104023
  "start": 149,
@@ -107416,7 +107416,7 @@
107416
107416
  "context": {
107417
107417
  "type": "variable",
107418
107418
  "name": "kendo-timeline-track-arrow-disabled-bg",
107419
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .6 ), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
107419
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 60%, transparent), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
107420
107420
  "scope": "default",
107421
107421
  "line": {
107422
107422
  "start": 39,
@@ -107443,7 +107443,7 @@
107443
107443
  "context": {
107444
107444
  "type": "variable",
107445
107445
  "name": "kendo-timeline-track-arrow-disabled-text",
107446
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
107446
+ "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%))",
107447
107447
  "scope": "default",
107448
107448
  "line": {
107449
107449
  "start": 42,