@progress/kendo-theme-fluent 7.2.1-dev.7 → 7.2.1-dev.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/meta/sassdoc-data.json +120 -120
  2. package/dist/meta/sassdoc-raw-data.json +60 -60
  3. package/lib/swatches/all.json +1 -1
  4. package/lib/swatches/fluent-main.json +1 -1
  5. package/package.json +4 -4
  6. package/scss/bottom-navigation/_variables.scss +5 -5
  7. package/scss/breadcrumb/_variables.scss +1 -1
  8. package/scss/button/_variables.scss +24 -24
  9. package/scss/chat/_variables.scss +1 -1
  10. package/scss/checkbox/_variables.scss +5 -5
  11. package/scss/chip/_variables.scss +7 -7
  12. package/scss/color-preview/_variables.scss +2 -2
  13. package/scss/coloreditor/_variables.scss +1 -1
  14. package/scss/colorgradient/_variables.scss +3 -3
  15. package/scss/colorpalette/_variables.scss +1 -1
  16. package/scss/core/color-system/_swatch-legacy.scss +4 -4
  17. package/scss/dataviz/_variables.scss +2 -2
  18. package/scss/dock-manager/_variables.scss +1 -1
  19. package/scss/drawer/_variables.scss +2 -2
  20. package/scss/editor/_variables.scss +1 -1
  21. package/scss/expansion-panel/_variables.scss +1 -1
  22. package/scss/gantt/_variables.scss +1 -1
  23. package/scss/grid/_theme.scss +1 -1
  24. package/scss/grid/_variables.scss +2 -2
  25. package/scss/imageeditor/_variables.scss +2 -2
  26. package/scss/input/_variables.scss +1 -1
  27. package/scss/list/_variables.scss +1 -1
  28. package/scss/mediaplayer/_variables.scss +1 -1
  29. package/scss/orgchart/_variables.scss +2 -2
  30. package/scss/progressbar/_variables.scss +2 -2
  31. package/scss/radio/_variables.scss +2 -2
  32. package/scss/signature/_variables.scss +2 -2
  33. package/scss/skeleton/_variables.scss +1 -1
  34. package/scss/slider/_variables.scss +7 -7
  35. package/scss/split-button/_variables.scss +1 -1
  36. package/scss/stepper/_variables.scss +1 -1
  37. package/scss/switch/_variables.scss +5 -5
  38. package/scss/table/_variables.scss +2 -2
  39. package/scss/taskboard/_variables.scss +1 -1
  40. package/scss/timeline/_variables.scss +2 -2
  41. package/scss/toolbar/_variables.scss +1 -1
  42. package/scss/upload/_variables.scss +1 -1
package/dist/meta/sassdoc-data.json CHANGED
@@ -3759,7 +3759,7 @@
3759
3759
  "context": {
3760
3760
  "type": "variable",
3761
3761
  "name": "kendo-breadcrumb-focus-shadow",
3762
- "value": "0 0 0 1px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
3762
+ "value": "0 0 0 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
3763
3763
  "scope": "default",
3764
3764
  "line": {
3765
3765
  "start": 63,
@@ -9884,7 +9884,7 @@
9884
9884
  "context": {
9885
9885
  "type": "variable",
9886
9886
  "name": "kendo-chart-major-lines",
9887
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
9887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
9888
9888
  "scope": "default",
9889
9889
  "line": {
9890
9890
  "start": 130,
@@ -9909,7 +9909,7 @@
9909
9909
  "context": {
9910
9910
  "type": "variable",
9911
9911
  "name": "kendo-chart-minor-lines",
9912
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
9912
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
9913
9913
  "scope": "default",
9914
9914
  "line": {
9915
9915
  "start": 133,
@@ -11884,7 +11884,7 @@
11884
11884
  "context": {
11885
11885
  "type": "variable",
11886
11886
  "name": "kendo-chat-border",
11887
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
11887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
11888
11888
  "scope": "default",
11889
11889
  "line": {
11890
11890
  "start": 155,
@@ -12959,7 +12959,7 @@
12959
12959
  "context": {
12960
12960
  "type": "variable",
12961
12961
  "name": "kendo-checkbox-disabled-text",
12962
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
12962
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
12963
12963
  "scope": "default",
12964
12964
  "line": {
12965
12965
  "start": 116,
@@ -12984,7 +12984,7 @@
12984
12984
  "context": {
12985
12985
  "type": "variable",
12986
12986
  "name": "kendo-checkbox-disabled-border",
12987
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
12987
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
12988
12988
  "scope": "default",
12989
12989
  "line": {
12990
12990
  "start": 119,
@@ -13009,7 +13009,7 @@
13009
13009
  "context": {
13010
13010
  "type": "variable",
13011
13011
  "name": "kendo-checkbox-disabled-checked-bg",
13012
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
13012
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
13013
13013
  "scope": "default",
13014
13014
  "line": {
13015
13015
  "start": 123,
@@ -13109,7 +13109,7 @@
13109
13109
  "context": {
13110
13110
  "type": "variable",
13111
13111
  "name": "kendo-checkbox-disabled-indeterminate-text",
13112
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color( neutral, 60 ))",
13112
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color( neutral, 60 ))",
13113
13113
  "scope": "default",
13114
13114
  "line": {
13115
13115
  "start": 136,
@@ -13134,7 +13134,7 @@
13134
13134
  "context": {
13135
13135
  "type": "variable",
13136
13136
  "name": "kendo-checkbox-disabled-indeterminate-border",
13137
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
13137
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
13138
13138
  "scope": "default",
13139
13139
  "line": {
13140
13140
  "start": 139,
@@ -13909,7 +13909,7 @@
13909
13909
  "context": {
13910
13910
  "type": "variable",
13911
13911
  "name": "kendo-chip-outline-disabled-border",
13912
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
13912
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
13913
13913
  "scope": "default",
13914
13914
  "line": {
13915
13915
  "start": 40,
@@ -14734,7 +14734,7 @@
14734
14734
  "context": {
14735
14735
  "type": "variable",
14736
14736
  "name": "kendo-color-gradient-focus-border",
14737
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
14737
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
14738
14738
  "scope": "default",
14739
14739
  "line": {
14740
14740
  "start": 52,
@@ -14884,7 +14884,7 @@
14884
14884
  "context": {
14885
14885
  "type": "variable",
14886
14886
  "name": "kendo-color-gradient-canvas-rectangle-border",
14887
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
14887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
14888
14888
  "scope": "default",
14889
14889
  "line": {
14890
14890
  "start": 71,
@@ -15009,7 +15009,7 @@
15009
15009
  "context": {
15010
15010
  "type": "variable",
15011
15011
  "name": "kendo-color-gradient-slider-border",
15012
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
15012
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
15013
15013
  "scope": "default",
15014
15014
  "line": {
15015
15015
  "start": 87,
@@ -15684,7 +15684,7 @@
15684
15684
  "context": {
15685
15685
  "type": "variable",
15686
15686
  "name": "kendo-color-preview-border",
15687
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
15687
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
15688
15688
  "scope": "default",
15689
15689
  "line": {
15690
15690
  "start": 17,
@@ -15709,7 +15709,7 @@
15709
15709
  "context": {
15710
15710
  "type": "variable",
15711
15711
  "name": "kendo-color-preview-hover-border",
15712
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
15712
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
15713
15713
  "scope": "default",
15714
15714
  "line": {
15715
15715
  "start": 20,
@@ -16109,7 +16109,7 @@
16109
16109
  "context": {
16110
16110
  "type": "variable",
16111
16111
  "name": "kendo-color-editor-focus-border",
16112
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
16112
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
16113
16113
  "scope": "default",
16114
16114
  "line": {
16115
16115
  "start": 42,
@@ -16759,7 +16759,7 @@
16759
16759
  "context": {
16760
16760
  "type": "variable",
16761
16761
  "name": "kendo-color-palette-tile-hover-outline",
16762
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
16762
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
16763
16763
  "scope": "default",
16764
16764
  "line": {
16765
16765
  "start": 37,
@@ -18109,7 +18109,7 @@
18109
18109
  "context": {
18110
18110
  "type": "variable",
18111
18111
  "name": "kendo-dock-manager-dock-preview-bg",
18112
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .2 ), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
18112
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 20%, transparent), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
18113
18113
  "scope": "default",
18114
18114
  "line": {
18115
18115
  "start": 116,
@@ -18959,7 +18959,7 @@
18959
18959
  "context": {
18960
18960
  "type": "variable",
18961
18961
  "name": "kendo-drawer-scrollbar-color",
18962
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
18962
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
18963
18963
  "scope": "default",
18964
18964
  "line": {
18965
18965
  "start": 37,
@@ -19034,7 +19034,7 @@
19034
19034
  "context": {
19035
19035
  "type": "variable",
19036
19036
  "name": "kendo-drawer-scrollbar-hover-color",
19037
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), k-get-theme-color-var( neutral-110 ))",
19037
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), k-get-theme-color-var( neutral-110 ))",
19038
19038
  "scope": "default",
19039
19039
  "line": {
19040
19040
  "start": 46,
@@ -20684,7 +20684,7 @@
20684
20684
  "context": {
20685
20685
  "type": "variable",
20686
20686
  "name": "kendo-editor-highlighted-bg",
20687
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .55 ), k-get-theme-color-var( primary-60 ))",
20687
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 55%, transparent), k-get-theme-color-var( primary-60 ))",
20688
20688
  "scope": "default",
20689
20689
  "line": {
20690
20690
  "start": 50,
@@ -21209,7 +21209,7 @@
21209
21209
  "context": {
21210
21210
  "type": "variable",
21211
21211
  "name": "kendo-expander-shadow",
21212
- "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
21212
+ "value": "inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
21213
21213
  "scope": "default",
21214
21214
  "line": {
21215
21215
  "start": 31,
@@ -26459,7 +26459,7 @@
26459
26459
  "context": {
26460
26460
  "type": "variable",
26461
26461
  "name": "kendo-gantt-nonwork-bg",
26462
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .04 )",
26462
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-color-black, .04 ))",
26463
26463
  "scope": "default",
26464
26464
  "line": {
26465
26465
  "start": 29,
@@ -30559,7 +30559,7 @@
30559
30559
  "context": {
30560
30560
  "type": "variable",
30561
30561
  "name": "kendo-grid-sticky-border",
30562
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .8 ), k-get-theme-color-var( neutral-90 ))",
30562
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 80%, transparent), k-get-theme-color-var( neutral-90 ))",
30563
30563
  "scope": "default",
30564
30564
  "line": {
30565
30565
  "start": 404,
@@ -31884,7 +31884,7 @@
31884
31884
  "context": {
31885
31885
  "type": "variable",
31886
31886
  "name": "kendo-grid-row-resizer-hover-bg",
31887
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
31887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
31888
31888
  "scope": "default",
31889
31889
  "line": {
31890
31890
  "start": 577,
@@ -32084,7 +32084,7 @@
32084
32084
  "context": {
32085
32085
  "type": "variable",
32086
32086
  "name": "kendo-image-editor-border",
32087
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
32087
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
32088
32088
  "scope": "default",
32089
32089
  "line": {
32090
32090
  "start": 13,
@@ -32309,7 +32309,7 @@
32309
32309
  "context": {
32310
32310
  "type": "variable",
32311
32311
  "name": "kendo-image-editor-content-bg",
32312
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
32312
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
32313
32313
  "scope": "default",
32314
32314
  "line": {
32315
32315
  "start": 42,
@@ -34884,7 +34884,7 @@
34884
34884
  "context": {
34885
34885
  "type": "variable",
34886
34886
  "name": "kendo-picker-solid-disabled-bg",
34887
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), k-get-theme-color-var( neutral-30 ))",
34887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-get-theme-color-var( neutral-30 ))",
34888
34888
  "scope": "default",
34889
34889
  "line": {
34890
34890
  "start": 326,
@@ -37184,7 +37184,7 @@
37184
37184
  "context": {
37185
37185
  "type": "variable",
37186
37186
  "name": "kendo-list-item-disabled-text",
37187
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
37187
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
37188
37188
  "scope": "default",
37189
37189
  "line": {
37190
37190
  "start": 261,
@@ -40584,7 +40584,7 @@
40584
40584
  "context": {
40585
40585
  "type": "variable",
40586
40586
  "name": "kendo-media-player-titlebar-bg",
40587
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .4 )",
40587
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 40%, transparent), rgba( $kendo-color-black, .4 ))",
40588
40588
  "scope": "default",
40589
40589
  "line": {
40590
40590
  "start": 46,
@@ -43234,7 +43234,7 @@
43234
43234
  "context": {
43235
43235
  "type": "variable",
43236
43236
  "name": "kendo-orgchart-node-group-border",
43237
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
43237
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
43238
43238
  "scope": "default",
43239
43239
  "line": {
43240
43240
  "start": 63,
@@ -43884,7 +43884,7 @@
43884
43884
  "context": {
43885
43885
  "type": "variable",
43886
43886
  "name": "kendo-orgchart-line-text",
43887
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
43887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
43888
43888
  "scope": "default",
43889
43889
  "line": {
43890
43890
  "start": 149,
@@ -50359,7 +50359,7 @@
50359
50359
  "context": {
50360
50360
  "type": "variable",
50361
50361
  "name": "kendo-progressbar-disabled-bg",
50362
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
50362
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
50363
50363
  "scope": "default",
50364
50364
  "line": {
50365
50365
  "start": 70,
@@ -50384,7 +50384,7 @@
50384
50384
  "context": {
50385
50385
  "type": "variable",
50386
50386
  "name": "kendo-progressbar-disabled-text",
50387
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
50387
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
50388
50388
  "scope": "default",
50389
50389
  "line": {
50390
50390
  "start": 73,
@@ -51709,7 +51709,7 @@
51709
51709
  "context": {
51710
51710
  "type": "variable",
51711
51711
  "name": "kendo-radio-disabled-text",
51712
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
51712
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
51713
51713
  "scope": "default",
51714
51714
  "line": {
51715
51715
  "start": 97,
@@ -51734,7 +51734,7 @@
51734
51734
  "context": {
51735
51735
  "type": "variable",
51736
51736
  "name": "kendo-radio-disabled-border",
51737
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
51737
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
51738
51738
  "scope": "default",
51739
51739
  "line": {
51740
51740
  "start": 100,
@@ -55534,7 +55534,7 @@
55534
55534
  "context": {
55535
55535
  "type": "variable",
55536
55536
  "name": "kendo-signature-line-color",
55537
- "value": "rgba( if($kendo-enable-color-system, k-color( info, true ), k-get-theme-color( info, 100 )), .4 )",
55537
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( info ) 40%, transparent), rgba( k-get-theme-color( info, 100 ), .4 ))",
55538
55538
  "scope": "default",
55539
55539
  "line": {
55540
55540
  "start": 41,
@@ -55559,7 +55559,7 @@
55559
55559
  "context": {
55560
55560
  "type": "variable",
55561
55561
  "name": "kendo-signature-line-disabled-color",
55562
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
55562
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
55563
55563
  "scope": "default",
55564
55564
  "line": {
55565
55565
  "start": 44,
@@ -55834,7 +55834,7 @@
55834
55834
  "context": {
55835
55835
  "type": "variable",
55836
55836
  "name": "kendo-skeleton-item-bg",
55837
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
55837
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
55838
55838
  "scope": "default",
55839
55839
  "line": {
55840
55840
  "start": 20,
@@ -56109,7 +56109,7 @@
56109
56109
  "context": {
56110
56110
  "type": "variable",
56111
56111
  "name": "kendo-slider-track-bg",
56112
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56112
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56113
56113
  "scope": "default",
56114
56114
  "line": {
56115
56115
  "start": 36,
@@ -56159,7 +56159,7 @@
56159
56159
  "context": {
56160
56160
  "type": "variable",
56161
56161
  "name": "kendo-slider-track-hover-bg",
56162
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56162
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56163
56163
  "scope": "default",
56164
56164
  "line": {
56165
56165
  "start": 42,
@@ -56209,7 +56209,7 @@
56209
56209
  "context": {
56210
56210
  "type": "variable",
56211
56211
  "name": "kendo-slider-track-focus-bg",
56212
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56212
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56213
56213
  "scope": "default",
56214
56214
  "line": {
56215
56215
  "start": 48,
@@ -56809,7 +56809,7 @@
56809
56809
  "context": {
56810
56810
  "type": "variable",
56811
56811
  "name": "kendo-slider-disabled-text",
56812
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), k-get-theme-color-var( neutral-130 ))",
56812
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), k-get-theme-color-var( neutral-130 ))",
56813
56813
  "scope": "default",
56814
56814
  "line": {
56815
56815
  "start": 127,
@@ -56834,7 +56834,7 @@
56834
56834
  "context": {
56835
56835
  "type": "variable",
56836
56836
  "name": "kendo-slider-track-disabled-bg",
56837
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
56837
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
56838
56838
  "scope": "default",
56839
56839
  "line": {
56840
56840
  "start": 130,
@@ -56859,7 +56859,7 @@
56859
56859
  "context": {
56860
56860
  "type": "variable",
56861
56861
  "name": "kendo-slider-selection-disabled-bg",
56862
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
56862
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
56863
56863
  "scope": "default",
56864
56864
  "line": {
56865
56865
  "start": 133,
@@ -56884,7 +56884,7 @@
56884
56884
  "context": {
56885
56885
  "type": "variable",
56886
56886
  "name": "kendo-slider-thumb-disabled-border",
56887
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56887
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56888
56888
  "scope": "default",
56889
56889
  "line": {
56890
56890
  "start": 136,
@@ -57209,7 +57209,7 @@
57209
57209
  "context": {
57210
57210
  "type": "variable",
57211
57211
  "name": "kendo-split-button-arrow-delimiter-bg",
57212
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
57212
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
57213
57213
  "scope": "default",
57214
57214
  "line": {
57215
57215
  "start": 32,
@@ -61109,7 +61109,7 @@
61109
61109
  "context": {
61110
61110
  "type": "variable",
61111
61111
  "name": "kendo-stepper-indicator-done-disabled-bg",
61112
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .22 ), k-get-theme-color-var( primary-30 ))",
61112
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 22%, transparent), k-get-theme-color-var( primary-30 ))",
61113
61113
  "scope": "default",
61114
61114
  "line": {
61115
61115
  "start": 122,
@@ -62184,7 +62184,7 @@
62184
62184
  "context": {
62185
62185
  "type": "variable",
62186
62186
  "name": "kendo-switch-off-track-disabled-border",
62187
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62187
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62188
62188
  "scope": "default",
62189
62189
  "line": {
62190
62190
  "start": 73,
@@ -62359,7 +62359,7 @@
62359
62359
  "context": {
62360
62360
  "type": "variable",
62361
62361
  "name": "kendo-switch-off-thumb-disabled-bg",
62362
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62362
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62363
62363
  "scope": "default",
62364
62364
  "line": {
62365
62365
  "start": 97,
@@ -62409,7 +62409,7 @@
62409
62409
  "context": {
62410
62410
  "type": "variable",
62411
62411
  "name": "kendo-switch-off-thumb-disabled-border",
62412
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62412
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62413
62413
  "scope": "default",
62414
62414
  "line": {
62415
62415
  "start": 103,
@@ -62659,7 +62659,7 @@
62659
62659
  "context": {
62660
62660
  "type": "variable",
62661
62661
  "name": "kendo-switch-on-track-disabled-bg",
62662
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62662
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62663
62663
  "scope": "default",
62664
62664
  "line": {
62665
62665
  "start": 138,
@@ -62934,7 +62934,7 @@
62934
62934
  "context": {
62935
62935
  "type": "variable",
62936
62936
  "name": "kendo-switch-on-thumb-disabled-border",
62937
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
62937
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
62938
62938
  "scope": "default",
62939
62939
  "line": {
62940
62940
  "start": 174,
@@ -63834,7 +63834,7 @@
63834
63834
  "context": {
63835
63835
  "type": "variable",
63836
63836
  "name": "kendo-table-selected-bg",
63837
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .13 ), k-get-theme-color-var( primary-20 ))",
63837
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 13%, transparent), k-get-theme-color-var( primary-20 ))",
63838
63838
  "scope": "default",
63839
63839
  "line": {
63840
63840
  "start": 171,
@@ -63909,7 +63909,7 @@
63909
63909
  "context": {
63910
63910
  "type": "variable",
63911
63911
  "name": "kendo-table-selected-hover-bg",
63912
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .26 ), k-get-theme-color-var( primary-30 ))",
63912
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 26%, transparent), k-get-theme-color-var( primary-30 ))",
63913
63913
  "scope": "default",
63914
63914
  "line": {
63915
63915
  "start": 181,
@@ -66609,7 +66609,7 @@
66609
66609
  "context": {
66610
66610
  "type": "variable",
66611
66611
  "name": "kendo-taskboard-drag-placeholder-bg",
66612
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
66612
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
66613
66613
  "scope": "default",
66614
66614
  "line": {
66615
66615
  "start": 205,
@@ -68084,7 +68084,7 @@
68084
68084
  "context": {
68085
68085
  "type": "variable",
68086
68086
  "name": "kendo-timeline-track-border-color",
68087
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
68087
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
68088
68088
  "scope": "default",
68089
68089
  "line": {
68090
68090
  "start": 68,
@@ -68659,7 +68659,7 @@
68659
68659
  "context": {
68660
68660
  "type": "variable",
68661
68661
  "name": "kendo-timeline-card-body-scroll-border",
68662
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
68662
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
68663
68663
  "scope": "default",
68664
68664
  "line": {
68665
68665
  "start": 141,
@@ -69509,7 +69509,7 @@
69509
69509
  "context": {
69510
69510
  "type": "variable",
69511
69511
  "name": "kendo-toolbar-separator-border",
69512
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
69512
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
69513
69513
  "scope": "default",
69514
69514
  "line": {
69515
69515
  "start": 60,
@@ -72243,7 +72243,7 @@
72243
72243
  "context": {
72244
72244
  "type": "variable",
72245
72245
  "name": "kendo-upload-dropzone-border",
72246
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
72246
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
72247
72247
  "scope": "default",
72248
72248
  "line": {
72249
72249
  "start": 44,
@@ -78252,7 +78252,7 @@
78252
78252
  "context": {
78253
78253
  "type": "variable",
78254
78254
  "name": "kendo-breadcrumb-focus-shadow",
78255
- "value": "0 0 0 1px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
78255
+ "value": "0 0 0 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
78256
78256
  "scope": "default",
78257
78257
  "line": {
78258
78258
  "start": 63,
@@ -84413,7 +84413,7 @@
84413
84413
  "context": {
84414
84414
  "type": "variable",
84415
84415
  "name": "kendo-chart-major-lines",
84416
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
84416
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
84417
84417
  "scope": "default",
84418
84418
  "line": {
84419
84419
  "start": 130,
@@ -84438,7 +84438,7 @@
84438
84438
  "context": {
84439
84439
  "type": "variable",
84440
84440
  "name": "kendo-chart-minor-lines",
84441
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
84441
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
84442
84442
  "scope": "default",
84443
84443
  "line": {
84444
84444
  "start": 133,
@@ -86419,7 +86419,7 @@
86419
86419
  "context": {
86420
86420
  "type": "variable",
86421
86421
  "name": "kendo-chat-border",
86422
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
86422
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
86423
86423
  "scope": "default",
86424
86424
  "line": {
86425
86425
  "start": 155,
@@ -87500,7 +87500,7 @@
87500
87500
  "context": {
87501
87501
  "type": "variable",
87502
87502
  "name": "kendo-checkbox-disabled-text",
87503
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
87503
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
87504
87504
  "scope": "default",
87505
87505
  "line": {
87506
87506
  "start": 116,
@@ -87525,7 +87525,7 @@
87525
87525
  "context": {
87526
87526
  "type": "variable",
87527
87527
  "name": "kendo-checkbox-disabled-border",
87528
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
87528
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
87529
87529
  "scope": "default",
87530
87530
  "line": {
87531
87531
  "start": 119,
@@ -87550,7 +87550,7 @@
87550
87550
  "context": {
87551
87551
  "type": "variable",
87552
87552
  "name": "kendo-checkbox-disabled-checked-bg",
87553
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
87553
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
87554
87554
  "scope": "default",
87555
87555
  "line": {
87556
87556
  "start": 123,
@@ -87650,7 +87650,7 @@
87650
87650
  "context": {
87651
87651
  "type": "variable",
87652
87652
  "name": "kendo-checkbox-disabled-indeterminate-text",
87653
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color( neutral, 60 ))",
87653
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color( neutral, 60 ))",
87654
87654
  "scope": "default",
87655
87655
  "line": {
87656
87656
  "start": 136,
@@ -87675,7 +87675,7 @@
87675
87675
  "context": {
87676
87676
  "type": "variable",
87677
87677
  "name": "kendo-checkbox-disabled-indeterminate-border",
87678
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
87678
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
87679
87679
  "scope": "default",
87680
87680
  "line": {
87681
87681
  "start": 139,
@@ -88456,7 +88456,7 @@
88456
88456
  "context": {
88457
88457
  "type": "variable",
88458
88458
  "name": "kendo-chip-outline-disabled-border",
88459
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
88459
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
88460
88460
  "scope": "default",
88461
88461
  "line": {
88462
88462
  "start": 40,
@@ -89287,7 +89287,7 @@
89287
89287
  "context": {
89288
89288
  "type": "variable",
89289
89289
  "name": "kendo-color-gradient-focus-border",
89290
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
89290
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
89291
89291
  "scope": "default",
89292
89292
  "line": {
89293
89293
  "start": 52,
@@ -89437,7 +89437,7 @@
89437
89437
  "context": {
89438
89438
  "type": "variable",
89439
89439
  "name": "kendo-color-gradient-canvas-rectangle-border",
89440
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
89440
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
89441
89441
  "scope": "default",
89442
89442
  "line": {
89443
89443
  "start": 71,
@@ -89562,7 +89562,7 @@
89562
89562
  "context": {
89563
89563
  "type": "variable",
89564
89564
  "name": "kendo-color-gradient-slider-border",
89565
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
89565
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
89566
89566
  "scope": "default",
89567
89567
  "line": {
89568
89568
  "start": 87,
@@ -90274,7 +90274,7 @@
90274
90274
  "context": {
90275
90275
  "type": "variable",
90276
90276
  "name": "kendo-color-preview-border",
90277
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
90277
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
90278
90278
  "scope": "default",
90279
90279
  "line": {
90280
90280
  "start": 17,
@@ -90299,7 +90299,7 @@
90299
90299
  "context": {
90300
90300
  "type": "variable",
90301
90301
  "name": "kendo-color-preview-hover-border",
90302
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
90302
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
90303
90303
  "scope": "default",
90304
90304
  "line": {
90305
90305
  "start": 20,
@@ -90680,7 +90680,7 @@
90680
90680
  "context": {
90681
90681
  "type": "variable",
90682
90682
  "name": "kendo-color-editor-focus-border",
90683
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
90683
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
90684
90684
  "scope": "default",
90685
90685
  "line": {
90686
90686
  "start": 42,
@@ -91336,7 +91336,7 @@
91336
91336
  "context": {
91337
91337
  "type": "variable",
91338
91338
  "name": "kendo-color-palette-tile-hover-outline",
91339
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
91339
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
91340
91340
  "scope": "default",
91341
91341
  "line": {
91342
91342
  "start": 37,
@@ -92698,7 +92698,7 @@
92698
92698
  "context": {
92699
92699
  "type": "variable",
92700
92700
  "name": "kendo-dock-manager-dock-preview-bg",
92701
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .2 ), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
92701
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 20%, transparent), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
92702
92702
  "scope": "default",
92703
92703
  "line": {
92704
92704
  "start": 116,
@@ -93560,7 +93560,7 @@
93560
93560
  "context": {
93561
93561
  "type": "variable",
93562
93562
  "name": "kendo-drawer-scrollbar-color",
93563
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
93563
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
93564
93564
  "scope": "default",
93565
93565
  "line": {
93566
93566
  "start": 37,
@@ -93635,7 +93635,7 @@
93635
93635
  "context": {
93636
93636
  "type": "variable",
93637
93637
  "name": "kendo-drawer-scrollbar-hover-color",
93638
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), k-get-theme-color-var( neutral-110 ))",
93638
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), k-get-theme-color-var( neutral-110 ))",
93639
93639
  "scope": "default",
93640
93640
  "line": {
93641
93641
  "start": 46,
@@ -95303,7 +95303,7 @@
95303
95303
  "context": {
95304
95304
  "type": "variable",
95305
95305
  "name": "kendo-editor-highlighted-bg",
95306
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .55 ), k-get-theme-color-var( primary-60 ))",
95306
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 55%, transparent), k-get-theme-color-var( primary-60 ))",
95307
95307
  "scope": "default",
95308
95308
  "line": {
95309
95309
  "start": 50,
@@ -95840,7 +95840,7 @@
95840
95840
  "context": {
95841
95841
  "type": "variable",
95842
95842
  "name": "kendo-expander-shadow",
95843
- "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
95843
+ "value": "inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
95844
95844
  "scope": "default",
95845
95845
  "line": {
95846
95846
  "start": 31,
@@ -101126,7 +101126,7 @@
101126
101126
  "context": {
101127
101127
  "type": "variable",
101128
101128
  "name": "kendo-gantt-nonwork-bg",
101129
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .04 )",
101129
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-color-black, .04 ))",
101130
101130
  "scope": "default",
101131
101131
  "line": {
101132
101132
  "start": 29,
@@ -105232,7 +105232,7 @@
105232
105232
  "context": {
105233
105233
  "type": "variable",
105234
105234
  "name": "kendo-grid-sticky-border",
105235
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .8 ), k-get-theme-color-var( neutral-90 ))",
105235
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 80%, transparent), k-get-theme-color-var( neutral-90 ))",
105236
105236
  "scope": "default",
105237
105237
  "line": {
105238
105238
  "start": 404,
@@ -106557,7 +106557,7 @@
106557
106557
  "context": {
106558
106558
  "type": "variable",
106559
106559
  "name": "kendo-grid-row-resizer-hover-bg",
106560
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
106560
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
106561
106561
  "scope": "default",
106562
106562
  "line": {
106563
106563
  "start": 577,
@@ -106769,7 +106769,7 @@
106769
106769
  "context": {
106770
106770
  "type": "variable",
106771
106771
  "name": "kendo-image-editor-border",
106772
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
106772
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
106773
106773
  "scope": "default",
106774
106774
  "line": {
106775
106775
  "start": 13,
@@ -106994,7 +106994,7 @@
106994
106994
  "context": {
106995
106995
  "type": "variable",
106996
106996
  "name": "kendo-image-editor-content-bg",
106997
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
106997
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
106998
106998
  "scope": "default",
106999
106999
  "line": {
107000
107000
  "start": 42,
@@ -109575,7 +109575,7 @@
109575
109575
  "context": {
109576
109576
  "type": "variable",
109577
109577
  "name": "kendo-picker-solid-disabled-bg",
109578
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), k-get-theme-color-var( neutral-30 ))",
109578
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-get-theme-color-var( neutral-30 ))",
109579
109579
  "scope": "default",
109580
109580
  "line": {
109581
109581
  "start": 326,
@@ -111881,7 +111881,7 @@
111881
111881
  "context": {
111882
111882
  "type": "variable",
111883
111883
  "name": "kendo-list-item-disabled-text",
111884
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
111884
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
111885
111885
  "scope": "default",
111886
111886
  "line": {
111887
111887
  "start": 261,
@@ -115317,7 +115317,7 @@
115317
115317
  "context": {
115318
115318
  "type": "variable",
115319
115319
  "name": "kendo-media-player-titlebar-bg",
115320
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .4 )",
115320
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 40%, transparent), rgba( $kendo-color-black, .4 ))",
115321
115321
  "scope": "default",
115322
115322
  "line": {
115323
115323
  "start": 46,
@@ -117991,7 +117991,7 @@
117991
117991
  "context": {
117992
117992
  "type": "variable",
117993
117993
  "name": "kendo-orgchart-node-group-border",
117994
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
117994
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
117995
117995
  "scope": "default",
117996
117996
  "line": {
117997
117997
  "start": 63,
@@ -118641,7 +118641,7 @@
118641
118641
  "context": {
118642
118642
  "type": "variable",
118643
118643
  "name": "kendo-orgchart-line-text",
118644
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
118644
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
118645
118645
  "scope": "default",
118646
118646
  "line": {
118647
118647
  "start": 149,
@@ -125164,7 +125164,7 @@
125164
125164
  "context": {
125165
125165
  "type": "variable",
125166
125166
  "name": "kendo-progressbar-disabled-bg",
125167
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
125167
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
125168
125168
  "scope": "default",
125169
125169
  "line": {
125170
125170
  "start": 70,
@@ -125189,7 +125189,7 @@
125189
125189
  "context": {
125190
125190
  "type": "variable",
125191
125191
  "name": "kendo-progressbar-disabled-text",
125192
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
125192
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
125193
125193
  "scope": "default",
125194
125194
  "line": {
125195
125195
  "start": 73,
@@ -126526,7 +126526,7 @@
126526
126526
  "context": {
126527
126527
  "type": "variable",
126528
126528
  "name": "kendo-radio-disabled-text",
126529
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
126529
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
126530
126530
  "scope": "default",
126531
126531
  "line": {
126532
126532
  "start": 97,
@@ -126551,7 +126551,7 @@
126551
126551
  "context": {
126552
126552
  "type": "variable",
126553
126553
  "name": "kendo-radio-disabled-border",
126554
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
126554
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
126555
126555
  "scope": "default",
126556
126556
  "line": {
126557
126557
  "start": 100,
@@ -130381,7 +130381,7 @@
130381
130381
  "context": {
130382
130382
  "type": "variable",
130383
130383
  "name": "kendo-signature-line-color",
130384
- "value": "rgba( if($kendo-enable-color-system, k-color( info, true ), k-get-theme-color( info, 100 )), .4 )",
130384
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( info ) 40%, transparent), rgba( k-get-theme-color( info, 100 ), .4 ))",
130385
130385
  "scope": "default",
130386
130386
  "line": {
130387
130387
  "start": 41,
@@ -130406,7 +130406,7 @@
130406
130406
  "context": {
130407
130407
  "type": "variable",
130408
130408
  "name": "kendo-signature-line-disabled-color",
130409
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
130409
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
130410
130410
  "scope": "default",
130411
130411
  "line": {
130412
130412
  "start": 44,
@@ -130687,7 +130687,7 @@
130687
130687
  "context": {
130688
130688
  "type": "variable",
130689
130689
  "name": "kendo-skeleton-item-bg",
130690
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
130690
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
130691
130691
  "scope": "default",
130692
130692
  "line": {
130693
130693
  "start": 20,
@@ -130968,7 +130968,7 @@
130968
130968
  "context": {
130969
130969
  "type": "variable",
130970
130970
  "name": "kendo-slider-track-bg",
130971
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
130971
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
130972
130972
  "scope": "default",
130973
130973
  "line": {
130974
130974
  "start": 36,
@@ -131018,7 +131018,7 @@
131018
131018
  "context": {
131019
131019
  "type": "variable",
131020
131020
  "name": "kendo-slider-track-hover-bg",
131021
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
131021
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
131022
131022
  "scope": "default",
131023
131023
  "line": {
131024
131024
  "start": 42,
@@ -131068,7 +131068,7 @@
131068
131068
  "context": {
131069
131069
  "type": "variable",
131070
131070
  "name": "kendo-slider-track-focus-bg",
131071
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
131071
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
131072
131072
  "scope": "default",
131073
131073
  "line": {
131074
131074
  "start": 48,
@@ -131668,7 +131668,7 @@
131668
131668
  "context": {
131669
131669
  "type": "variable",
131670
131670
  "name": "kendo-slider-disabled-text",
131671
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), k-get-theme-color-var( neutral-130 ))",
131671
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), k-get-theme-color-var( neutral-130 ))",
131672
131672
  "scope": "default",
131673
131673
  "line": {
131674
131674
  "start": 127,
@@ -131693,7 +131693,7 @@
131693
131693
  "context": {
131694
131694
  "type": "variable",
131695
131695
  "name": "kendo-slider-track-disabled-bg",
131696
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
131696
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
131697
131697
  "scope": "default",
131698
131698
  "line": {
131699
131699
  "start": 130,
@@ -131718,7 +131718,7 @@
131718
131718
  "context": {
131719
131719
  "type": "variable",
131720
131720
  "name": "kendo-slider-selection-disabled-bg",
131721
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
131721
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
131722
131722
  "scope": "default",
131723
131723
  "line": {
131724
131724
  "start": 133,
@@ -131743,7 +131743,7 @@
131743
131743
  "context": {
131744
131744
  "type": "variable",
131745
131745
  "name": "kendo-slider-thumb-disabled-border",
131746
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
131746
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
131747
131747
  "scope": "default",
131748
131748
  "line": {
131749
131749
  "start": 136,
@@ -132074,7 +132074,7 @@
132074
132074
  "context": {
132075
132075
  "type": "variable",
132076
132076
  "name": "kendo-split-button-arrow-delimiter-bg",
132077
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
132077
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
132078
132078
  "scope": "default",
132079
132079
  "line": {
132080
132080
  "start": 32,
@@ -135992,7 +135992,7 @@
135992
135992
  "context": {
135993
135993
  "type": "variable",
135994
135994
  "name": "kendo-stepper-indicator-done-disabled-bg",
135995
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .22 ), k-get-theme-color-var( primary-30 ))",
135995
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 22%, transparent), k-get-theme-color-var( primary-30 ))",
135996
135996
  "scope": "default",
135997
135997
  "line": {
135998
135998
  "start": 122,
@@ -137073,7 +137073,7 @@
137073
137073
  "context": {
137074
137074
  "type": "variable",
137075
137075
  "name": "kendo-switch-off-track-disabled-border",
137076
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
137076
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
137077
137077
  "scope": "default",
137078
137078
  "line": {
137079
137079
  "start": 73,
@@ -137248,7 +137248,7 @@
137248
137248
  "context": {
137249
137249
  "type": "variable",
137250
137250
  "name": "kendo-switch-off-thumb-disabled-bg",
137251
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
137251
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
137252
137252
  "scope": "default",
137253
137253
  "line": {
137254
137254
  "start": 97,
@@ -137298,7 +137298,7 @@
137298
137298
  "context": {
137299
137299
  "type": "variable",
137300
137300
  "name": "kendo-switch-off-thumb-disabled-border",
137301
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
137301
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
137302
137302
  "scope": "default",
137303
137303
  "line": {
137304
137304
  "start": 103,
@@ -137548,7 +137548,7 @@
137548
137548
  "context": {
137549
137549
  "type": "variable",
137550
137550
  "name": "kendo-switch-on-track-disabled-bg",
137551
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
137551
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
137552
137552
  "scope": "default",
137553
137553
  "line": {
137554
137554
  "start": 138,
@@ -137823,7 +137823,7 @@
137823
137823
  "context": {
137824
137824
  "type": "variable",
137825
137825
  "name": "kendo-switch-on-thumb-disabled-border",
137826
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
137826
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
137827
137827
  "scope": "default",
137828
137828
  "line": {
137829
137829
  "start": 174,
@@ -138729,7 +138729,7 @@
138729
138729
  "context": {
138730
138730
  "type": "variable",
138731
138731
  "name": "kendo-table-selected-bg",
138732
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .13 ), k-get-theme-color-var( primary-20 ))",
138732
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 13%, transparent), k-get-theme-color-var( primary-20 ))",
138733
138733
  "scope": "default",
138734
138734
  "line": {
138735
138735
  "start": 171,
@@ -138804,7 +138804,7 @@
138804
138804
  "context": {
138805
138805
  "type": "variable",
138806
138806
  "name": "kendo-table-selected-hover-bg",
138807
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .26 ), k-get-theme-color-var( primary-30 ))",
138807
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 26%, transparent), k-get-theme-color-var( primary-30 ))",
138808
138808
  "scope": "default",
138809
138809
  "line": {
138810
138810
  "start": 181,
@@ -141516,7 +141516,7 @@
141516
141516
  "context": {
141517
141517
  "type": "variable",
141518
141518
  "name": "kendo-taskboard-drag-placeholder-bg",
141519
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
141519
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
141520
141520
  "scope": "default",
141521
141521
  "line": {
141522
141522
  "start": 205,
@@ -143009,7 +143009,7 @@
143009
143009
  "context": {
143010
143010
  "type": "variable",
143011
143011
  "name": "kendo-timeline-track-border-color",
143012
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
143012
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
143013
143013
  "scope": "default",
143014
143014
  "line": {
143015
143015
  "start": 68,
@@ -143584,7 +143584,7 @@
143584
143584
  "context": {
143585
143585
  "type": "variable",
143586
143586
  "name": "kendo-timeline-card-body-scroll-border",
143587
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
143587
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
143588
143588
  "scope": "default",
143589
143589
  "line": {
143590
143590
  "start": 141,
@@ -144440,7 +144440,7 @@
144440
144440
  "context": {
144441
144441
  "type": "variable",
144442
144442
  "name": "kendo-toolbar-separator-border",
144443
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
144443
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
144444
144444
  "scope": "default",
144445
144445
  "line": {
144446
144446
  "start": 60,
@@ -146670,7 +146670,7 @@
146670
146670
  "context": {
146671
146671
  "type": "variable",
146672
146672
  "name": "kendo-upload-dropzone-border",
146673
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
146673
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
146674
146674
  "scope": "default",
146675
146675
  "line": {
146676
146676
  "start": 44,