@progress/kendo-theme-bootstrap 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 +100 -101
  3. package/dist/meta/sassdoc-data.json +70 -70
  4. package/dist/meta/sassdoc-raw-data.json +35 -35
  5. package/lib/swatches/bootstrap-3-dark.json +1 -1
  6. package/lib/swatches/bootstrap-3.json +1 -1
  7. package/lib/swatches/bootstrap-4-dark.json +1 -1
  8. package/lib/swatches/bootstrap-4.json +1 -1
  9. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  10. package/lib/swatches/bootstrap-main-dark.json +1 -1
  11. package/lib/swatches/bootstrap-main.json +1 -1
  12. package/lib/swatches/bootstrap-nordic.json +1 -1
  13. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  14. package/lib/swatches/bootstrap-turquoise.json +1 -1
  15. package/lib/swatches/bootstrap-urban.json +1 -1
  16. package/lib/swatches/bootstrap-vintage.json +1 -1
  17. package/package.json +5 -5
  18. package/scss/breadcrumb/_variables.scss +1 -1
  19. package/scss/button/_variables.scss +1 -1
  20. package/scss/calendar/_variables.scss +1 -1
  21. package/scss/checkbox/_variables.scss +1 -1
  22. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  23. package/scss/dataviz/_variables.scss +11 -11
  24. package/scss/dock-manager/_variables.scss +1 -1
  25. package/scss/fab/_theme.scss +6 -6
  26. package/scss/filter/_variables.scss +1 -1
  27. package/scss/gantt/_variables.scss +1 -1
  28. package/scss/grid/_variables.scss +6 -6
  29. package/scss/input/_variables.scss +3 -3
  30. package/scss/list/_variables.scss +1 -1
  31. package/scss/listview/_variables.scss +2 -2
  32. package/scss/map/_variables.scss +1 -1
  33. package/scss/mediaplayer/_variables.scss +1 -1
  34. package/scss/menu/_variables.scss +6 -6
  35. package/scss/pager/_variables.scss +1 -1
  36. package/scss/pivotgrid/_variables.scss +1 -1
  37. package/scss/signature/_variables.scss +1 -1
  38. package/scss/skeleton/_variables.scss +1 -1
  39. package/scss/slider/_variables.scss +1 -1
  40. package/scss/spreadsheet/_variables.scss +4 -4
  41. package/scss/stepper/_variables.scss +3 -3
  42. package/scss/switch/_variables.scss +2 -2
  43. package/scss/table/_variables.scss +3 -3
  44. package/scss/taskboard/_variables.scss +1 -1
  45. package/scss/timeline/_variables.scss +3 -3
  46. package/scss/toolbar/_variables.scss +1 -1
  47. package/scss/treeview/_variables.scss +1 -1
package/dist/meta/sassdoc-data.json CHANGED
@@ -2979,7 +2979,7 @@
2979
2979
  "context": {
2980
2980
  "type": "variable",
2981
2981
  "name": "kendo-breadcrumb-link-focus-shadow",
2982
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .25 ), rgba( $kendo-breadcrumb-text, .25 ))",
2982
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( $kendo-breadcrumb-text, .25 ))",
2983
2983
  "scope": "default",
2984
2984
  "line": {
2985
2985
  "start": 159,
@@ -4653,7 +4653,7 @@
4653
4653
  "context": {
4654
4654
  "type": "variable",
4655
4655
  "name": "kendo-button-focus-shadow",
4656
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( border, true ), .5), rgba( $kendo-button-border, .5 ))",
4656
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 50%, transparent), rgba( $kendo-button-border, .5 ))",
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,
@@ -9243,7 +9243,7 @@
9243
9243
  "context": {
9244
9244
  "type": "variable",
9245
9245
  "name": "kendo-checkbox-focus-shadow",
9246
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
9246
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
9247
9247
  "scope": "default",
9248
9248
  "line": {
9249
9249
  "start": 104,
@@ -14601,7 +14601,7 @@
14601
14601
  "context": {
14602
14602
  "type": "variable",
14603
14603
  "name": "kendo-dock-manager-dock-preview-bg",
14604
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
14604
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
14605
14605
  "scope": "default",
14606
14606
  "line": {
14607
14607
  "start": 110,
@@ -18003,7 +18003,7 @@
18003
18003
  "context": {
18004
18004
  "type": "variable",
18005
18005
  "name": "kendo-filter-toolbar-focus-shadow",
18006
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
18006
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
18007
18007
  "scope": "default",
18008
18008
  "line": {
18009
18009
  "start": 30,
@@ -21945,7 +21945,7 @@
21945
21945
  "context": {
21946
21946
  "type": "variable",
21947
21947
  "name": "kendo-grid-row-resizer-hover-bg",
21948
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
21948
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
21949
21949
  "scope": "default",
21950
21950
  "line": {
21951
21951
  "start": 311,
@@ -23160,7 +23160,7 @@
23160
23160
  "context": {
23161
23161
  "type": "variable",
23162
23162
  "name": "kendo-input-outline-border",
23163
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-base-text, .5 ))",
23163
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-base-text, .5 ))",
23164
23164
  "scope": "default",
23165
23165
  "line": {
23166
23166
  "start": 170,
@@ -25023,7 +25023,7 @@
25023
25023
  "context": {
25024
25024
  "type": "variable",
25025
25025
  "name": "kendo-list-item-focus-shadow",
25026
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-list-text, .15 ))",
25026
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-list-text, .15 ))",
25027
25027
  "scope": "default",
25028
25028
  "line": {
25029
25029
  "start": 223,
@@ -25995,7 +25995,7 @@
25995
25995
  "context": {
25996
25996
  "type": "variable",
25997
25997
  "name": "kendo-listview-item-selected-bg",
25998
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
25998
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
25999
25999
  "scope": "default",
26000
26000
  "line": {
26001
26001
  "start": 44,
@@ -26130,7 +26130,7 @@
26130
26130
  "context": {
26131
26131
  "type": "variable",
26132
26132
  "name": "kendo-listview-item-focus-shadow",
26133
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-listview-text, .15 ))",
26133
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-listview-text, .15 ))",
26134
26134
  "scope": "default",
26135
26135
  "line": {
26136
26136
  "start": 60,
@@ -30558,7 +30558,7 @@
30558
30558
  "context": {
30559
30559
  "type": "variable",
30560
30560
  "name": "kendo-pager-item-focus-shadow",
30561
- "value": "0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-color-primary, .25))",
30561
+ "value": "0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-color-primary, .25))",
30562
30562
  "scope": "default",
30563
30563
  "line": {
30564
30564
  "start": 126,
@@ -32232,7 +32232,7 @@
32232
32232
  "context": {
32233
32233
  "type": "variable",
32234
32234
  "name": "kendo-picker-outline-border",
32235
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5 ))",
32235
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-picker-outline-text, .5 ))",
32236
32236
  "scope": "default",
32237
32237
  "line": {
32238
32238
  "start": 361,
@@ -32610,7 +32610,7 @@
32610
32610
  "context": {
32611
32611
  "type": "variable",
32612
32612
  "name": "kendo-picker-flat-hover-bg",
32613
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-button-text, .08 ))",
32613
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-text, .08 ))",
32614
32614
  "scope": "default",
32615
32615
  "line": {
32616
32616
  "start": 408,
@@ -37524,7 +37524,7 @@
37524
37524
  "context": {
37525
37525
  "type": "variable",
37526
37526
  "name": "kendo-skeleton-item-bg",
37527
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
37527
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
37528
37528
  "scope": "default",
37529
37529
  "line": {
37530
37530
  "start": 20,
@@ -38307,7 +38307,7 @@
38307
38307
  "context": {
38308
38308
  "type": "variable",
38309
38309
  "name": "kendo-slider-draghandle-focus-shadow",
38310
- "value": "0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 ))",
38310
+ "value": "0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 50%, transparent), rgba( $kendo-color-primary, .5 ))",
38311
38311
  "scope": "default",
38312
38312
  "line": {
38313
38313
  "start": 96,
@@ -40011,7 +40011,7 @@
40011
40011
  "context": {
40012
40012
  "type": "variable",
40013
40013
  "name": "kendo-spreadsheet-selection-bg",
40014
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40014
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40015
40015
  "scope": "default",
40016
40016
  "line": {
40017
40017
  "start": 97,
@@ -40200,7 +40200,7 @@
40200
40200
  "context": {
40201
40201
  "type": "variable",
40202
40202
  "name": "kendo-spreadsheet-partial-selection-bg",
40203
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40203
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40204
40204
  "scope": "default",
40205
40205
  "line": {
40206
40206
  "start": 120,
@@ -40281,7 +40281,7 @@
40281
40281
  "context": {
40282
40282
  "type": "variable",
40283
40283
  "name": "kendo-spreadsheet-auto-fill-bg",
40284
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
40284
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
40285
40285
  "scope": "default",
40286
40286
  "line": {
40287
40287
  "start": 131,
@@ -41361,7 +41361,7 @@
41361
41361
  "context": {
41362
41362
  "type": "variable",
41363
41363
  "name": "kendo-spreadsheet-drawing-anchor-bg",
41364
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
41364
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
41365
41365
  "scope": "default",
41366
41366
  "line": {
41367
41367
  "start": 261,
@@ -42252,7 +42252,7 @@
42252
42252
  "context": {
42253
42253
  "type": "variable",
42254
42254
  "name": "kendo-stepper-indicator-disabled-text",
42255
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text)",
42255
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text)",
42256
42256
  "scope": "default",
42257
42257
  "line": {
42258
42258
  "start": 106,
@@ -42468,7 +42468,7 @@
42468
42468
  "context": {
42469
42469
  "type": "variable",
42470
42470
  "name": "kendo-stepper-indicator-done-disabled-bg",
42471
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
42471
+ "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%))",
42472
42472
  "scope": "default",
42473
42473
  "line": {
42474
42474
  "start": 133,
@@ -42900,7 +42900,7 @@
42900
42900
  "context": {
42901
42901
  "type": "variable",
42902
42902
  "name": "kendo-stepper-label-disabled-text",
42903
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text)",
42903
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text)",
42904
42904
  "scope": "default",
42905
42905
  "line": {
42906
42906
  "start": 185,
@@ -43737,7 +43737,7 @@
43737
43737
  "context": {
43738
43738
  "type": "variable",
43739
43739
  "name": "kendo-switch-off-track-focus-ring",
43740
- "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
43740
+ "value": ".25rem solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
43741
43741
  "scope": "default",
43742
43742
  "line": {
43743
43743
  "start": 71,
@@ -44412,7 +44412,7 @@
44412
44412
  "context": {
44413
44413
  "type": "variable",
44414
44414
  "name": "kendo-switch-on-track-focus-ring",
44415
- "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
44415
+ "value": ".25rem solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
44416
44416
  "scope": "default",
44417
44417
  "line": {
44418
44418
  "start": 153,
@@ -45330,7 +45330,7 @@
45330
45330
  "context": {
45331
45331
  "type": "variable",
45332
45332
  "name": "kendo-table-alt-row-bg",
45333
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
45333
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
45334
45334
  "scope": "default",
45335
45335
  "line": {
45336
45336
  "start": 114,
@@ -45411,7 +45411,7 @@
45411
45411
  "context": {
45412
45412
  "type": "variable",
45413
45413
  "name": "kendo-table-hover-bg",
45414
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), rgba( k-contrast-color( $kendo-table-bg ), .08 ))",
45414
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .08 ))",
45415
45415
  "scope": "default",
45416
45416
  "line": {
45417
45417
  "start": 125,
@@ -45600,7 +45600,7 @@
45600
45600
  "context": {
45601
45601
  "type": "variable",
45602
45602
  "name": "kendo-table-selected-bg",
45603
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
45603
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
45604
45604
  "scope": "default",
45605
45605
  "line": {
45606
45606
  "start": 150,
@@ -48381,7 +48381,7 @@
48381
48381
  "context": {
48382
48382
  "type": "variable",
48383
48383
  "name": "kendo-taskboard-drag-placeholder-bg",
48384
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .1 )",
48384
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 10%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ))",
48385
48385
  "scope": "default",
48386
48386
  "line": {
48387
48387
  "start": 242,
@@ -48975,7 +48975,7 @@
48975
48975
  "context": {
48976
48976
  "type": "variable",
48977
48977
  "name": "kendo-timeline-track-arrow-disabled-bg",
48978
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .65 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
48978
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 65%, transparent), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
48979
48979
  "scope": "default",
48980
48980
  "line": {
48981
48981
  "start": 39,
@@ -49002,7 +49002,7 @@
49002
49002
  "context": {
49003
49003
  "type": "variable",
49004
49004
  "name": "kendo-timeline-track-arrow-disabled-text",
49005
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
49005
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 65%, transparent), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
49006
49006
  "scope": "default",
49007
49007
  "line": {
49008
49008
  "start": 42,
@@ -49029,7 +49029,7 @@
49029
49029
  "context": {
49030
49030
  "type": "variable",
49031
49031
  "name": "kendo-timeline-track-arrow-disabled-border",
49032
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ))",
49032
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 15%, transparent), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ))",
49033
49033
  "scope": "default",
49034
49034
  "line": {
49035
49035
  "start": 45,
@@ -50703,7 +50703,7 @@
50703
50703
  "context": {
50704
50704
  "type": "variable",
50705
50705
  "name": "kendo-toolbar-item-shadow",
50706
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
50706
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
50707
50707
  "scope": "default",
50708
50708
  "line": {
50709
50709
  "start": 85,
@@ -52242,7 +52242,7 @@
52242
52242
  "context": {
52243
52243
  "type": "variable",
52244
52244
  "name": "kendo-treeview-item-focus-shadow",
52245
- "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-treeview-text, .15 ))",
52245
+ "value": "inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-treeview-text, .15 ))",
52246
52246
  "scope": "default",
52247
52247
  "line": {
52248
52248
  "start": 154,
@@ -58357,7 +58357,7 @@
58357
58357
  "context": {
58358
58358
  "type": "variable",
58359
58359
  "name": "kendo-breadcrumb-link-focus-shadow",
58360
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .25 ), rgba( $kendo-breadcrumb-text, .25 ))",
58360
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 25%, transparent), rgba( $kendo-breadcrumb-text, .25 ))",
58361
58361
  "scope": "default",
58362
58362
  "line": {
58363
58363
  "start": 159,
@@ -60037,7 +60037,7 @@
60037
60037
  "context": {
60038
60038
  "type": "variable",
60039
60039
  "name": "kendo-button-focus-shadow",
60040
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( border, true ), .5), rgba( $kendo-button-border, .5 ))",
60040
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 50%, transparent), rgba( $kendo-button-border, .5 ))",
60041
60041
  "scope": "default",
60042
60042
  "line": {
60043
60043
  "start": 189,
@@ -62431,7 +62431,7 @@
62431
62431
  "context": {
62432
62432
  "type": "variable",
62433
62433
  "name": "kendo-chart-major-lines",
62434
- "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 )",
62434
+ "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 ))",
62435
62435
  "scope": "default",
62436
62436
  "line": {
62437
62437
  "start": 103,
@@ -62458,7 +62458,7 @@
62458
62458
  "context": {
62459
62459
  "type": "variable",
62460
62460
  "name": "kendo-chart-minor-lines",
62461
- "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 )",
62461
+ "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 ))",
62462
62462
  "scope": "default",
62463
62463
  "line": {
62464
62464
  "start": 107,
@@ -64657,7 +64657,7 @@
64657
64657
  "context": {
64658
64658
  "type": "variable",
64659
64659
  "name": "kendo-checkbox-focus-shadow",
64660
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
64660
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
64661
64661
  "scope": "default",
64662
64662
  "line": {
64663
64663
  "start": 104,
@@ -70063,7 +70063,7 @@
70063
70063
  "context": {
70064
70064
  "type": "variable",
70065
70065
  "name": "kendo-dock-manager-dock-preview-bg",
70066
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
70066
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
70067
70067
  "scope": "default",
70068
70068
  "line": {
70069
70069
  "start": 110,
@@ -73507,7 +73507,7 @@
73507
73507
  "context": {
73508
73508
  "type": "variable",
73509
73509
  "name": "kendo-filter-toolbar-focus-shadow",
73510
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
73510
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
73511
73511
  "scope": "default",
73512
73512
  "line": {
73513
73513
  "start": 30,
@@ -77473,7 +77473,7 @@
77473
77473
  "context": {
77474
77474
  "type": "variable",
77475
77475
  "name": "kendo-grid-row-resizer-hover-bg",
77476
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
77476
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
77477
77477
  "scope": "default",
77478
77478
  "line": {
77479
77479
  "start": 311,
@@ -78694,7 +78694,7 @@
78694
78694
  "context": {
78695
78695
  "type": "variable",
78696
78696
  "name": "kendo-input-outline-border",
78697
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-base-text, .5 ))",
78697
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-base-text, .5 ))",
78698
78698
  "scope": "default",
78699
78699
  "line": {
78700
78700
  "start": 170,
@@ -80563,7 +80563,7 @@
80563
80563
  "context": {
80564
80564
  "type": "variable",
80565
80565
  "name": "kendo-list-item-focus-shadow",
80566
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-list-text, .15 ))",
80566
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-list-text, .15 ))",
80567
80567
  "scope": "default",
80568
80568
  "line": {
80569
80569
  "start": 223,
@@ -81547,7 +81547,7 @@
81547
81547
  "context": {
81548
81548
  "type": "variable",
81549
81549
  "name": "kendo-listview-item-selected-bg",
81550
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
81550
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
81551
81551
  "scope": "default",
81552
81552
  "line": {
81553
81553
  "start": 44,
@@ -81682,7 +81682,7 @@
81682
81682
  "context": {
81683
81683
  "type": "variable",
81684
81684
  "name": "kendo-listview-item-focus-shadow",
81685
- "value": "inset 0 0 0 3px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-listview-text, .15 ))",
81685
+ "value": "inset 0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-listview-text, .15 ))",
81686
81686
  "scope": "default",
81687
81687
  "line": {
81688
81688
  "start": 60,
@@ -86152,7 +86152,7 @@
86152
86152
  "context": {
86153
86153
  "type": "variable",
86154
86154
  "name": "kendo-pager-item-focus-shadow",
86155
- "value": "0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-color-primary, .25))",
86155
+ "value": "0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-color-primary, .25))",
86156
86156
  "scope": "default",
86157
86157
  "line": {
86158
86158
  "start": 126,
@@ -87838,7 +87838,7 @@
87838
87838
  "context": {
87839
87839
  "type": "variable",
87840
87840
  "name": "kendo-picker-outline-border",
87841
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .5 ), rgba( $kendo-picker-outline-text, .5 ))",
87841
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 50%, transparent), rgba( $kendo-picker-outline-text, .5 ))",
87842
87842
  "scope": "default",
87843
87843
  "line": {
87844
87844
  "start": 361,
@@ -88216,7 +88216,7 @@
88216
88216
  "context": {
88217
88217
  "type": "variable",
88218
88218
  "name": "kendo-picker-flat-hover-bg",
88219
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-button-text, .08 ))",
88219
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-text, .08 ))",
88220
88220
  "scope": "default",
88221
88221
  "line": {
88222
88222
  "start": 408,
@@ -93178,7 +93178,7 @@
93178
93178
  "context": {
93179
93179
  "type": "variable",
93180
93180
  "name": "kendo-skeleton-item-bg",
93181
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .2 ), rgba( $kendo-color-inverse, .2 ))",
93181
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 20%, transparent), rgba( $kendo-color-inverse, .2 ))",
93182
93182
  "scope": "default",
93183
93183
  "line": {
93184
93184
  "start": 20,
@@ -93967,7 +93967,7 @@
93967
93967
  "context": {
93968
93968
  "type": "variable",
93969
93969
  "name": "kendo-slider-draghandle-focus-shadow",
93970
- "value": "0 0 0 3px if($kendo-enable-color-system, rgba( k-color( primary, true ), .5 ), rgba( $kendo-color-primary, .5 ))",
93970
+ "value": "0 0 0 3px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 50%, transparent), rgba( $kendo-color-primary, .5 ))",
93971
93971
  "scope": "default",
93972
93972
  "line": {
93973
93973
  "start": 96,
@@ -95689,7 +95689,7 @@
95689
95689
  "context": {
95690
95690
  "type": "variable",
95691
95691
  "name": "kendo-spreadsheet-selection-bg",
95692
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
95692
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
95693
95693
  "scope": "default",
95694
95694
  "line": {
95695
95695
  "start": 97,
@@ -95878,7 +95878,7 @@
95878
95878
  "context": {
95879
95879
  "type": "variable",
95880
95880
  "name": "kendo-spreadsheet-partial-selection-bg",
95881
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
95881
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
95882
95882
  "scope": "default",
95883
95883
  "line": {
95884
95884
  "start": 120,
@@ -95959,7 +95959,7 @@
95959
95959
  "context": {
95960
95960
  "type": "variable",
95961
95961
  "name": "kendo-spreadsheet-auto-fill-bg",
95962
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
95962
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
95963
95963
  "scope": "default",
95964
95964
  "line": {
95965
95965
  "start": 131,
@@ -97039,7 +97039,7 @@
97039
97039
  "context": {
97040
97040
  "type": "variable",
97041
97041
  "name": "kendo-spreadsheet-drawing-anchor-bg",
97042
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
97042
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
97043
97043
  "scope": "default",
97044
97044
  "line": {
97045
97045
  "start": 261,
@@ -97936,7 +97936,7 @@
97936
97936
  "context": {
97937
97937
  "type": "variable",
97938
97938
  "name": "kendo-stepper-indicator-disabled-text",
97939
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text)",
97939
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text)",
97940
97940
  "scope": "default",
97941
97941
  "line": {
97942
97942
  "start": 106,
@@ -98152,7 +98152,7 @@
98152
98152
  "context": {
98153
98153
  "type": "variable",
98154
98154
  "name": "kendo-stepper-indicator-done-disabled-bg",
98155
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
98155
+ "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%))",
98156
98156
  "scope": "default",
98157
98157
  "line": {
98158
98158
  "start": 133,
@@ -98584,7 +98584,7 @@
98584
98584
  "context": {
98585
98585
  "type": "variable",
98586
98586
  "name": "kendo-stepper-label-disabled-text",
98587
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .65 ), $kendo-disabled-text)",
98587
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 65%, transparent), $kendo-disabled-text)",
98588
98588
  "scope": "default",
98589
98589
  "line": {
98590
98590
  "start": 185,
@@ -99427,7 +99427,7 @@
99427
99427
  "context": {
99428
99428
  "type": "variable",
99429
99429
  "name": "kendo-switch-off-track-focus-ring",
99430
- "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
99430
+ "value": ".25rem solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
99431
99431
  "scope": "default",
99432
99432
  "line": {
99433
99433
  "start": 71,
@@ -100102,7 +100102,7 @@
100102
100102
  "context": {
100103
100103
  "type": "variable",
100104
100104
  "name": "kendo-switch-on-track-focus-ring",
100105
- "value": ".25rem solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
100105
+ "value": ".25rem solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
100106
100106
  "scope": "default",
100107
100107
  "line": {
100108
100108
  "start": 153,
@@ -101026,7 +101026,7 @@
101026
101026
  "context": {
101027
101027
  "type": "variable",
101028
101028
  "name": "kendo-table-alt-row-bg",
101029
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
101029
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .04 ))",
101030
101030
  "scope": "default",
101031
101031
  "line": {
101032
101032
  "start": 114,
@@ -101107,7 +101107,7 @@
101107
101107
  "context": {
101108
101108
  "type": "variable",
101109
101109
  "name": "kendo-table-hover-bg",
101110
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), rgba( k-contrast-color( $kendo-table-bg ), .08 ))",
101110
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), rgba( k-contrast-color( $kendo-table-bg ), .08 ))",
101111
101111
  "scope": "default",
101112
101112
  "line": {
101113
101113
  "start": 125,
@@ -101296,7 +101296,7 @@
101296
101296
  "context": {
101297
101297
  "type": "variable",
101298
101298
  "name": "kendo-table-selected-bg",
101299
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 ))",
101299
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-selected-bg, .25 ))",
101300
101300
  "scope": "default",
101301
101301
  "line": {
101302
101302
  "start": 150,
@@ -104089,7 +104089,7 @@
104089
104089
  "context": {
104090
104090
  "type": "variable",
104091
104091
  "name": "kendo-taskboard-drag-placeholder-bg",
104092
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .1 )",
104092
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 10%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .1 ))",
104093
104093
  "scope": "default",
104094
104094
  "line": {
104095
104095
  "start": 242,
@@ -104695,7 +104695,7 @@
104695
104695
  "context": {
104696
104696
  "type": "variable",
104697
104697
  "name": "kendo-timeline-track-arrow-disabled-bg",
104698
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .65 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
104698
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 65%, transparent), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ))",
104699
104699
  "scope": "default",
104700
104700
  "line": {
104701
104701
  "start": 39,
@@ -104722,7 +104722,7 @@
104722
104722
  "context": {
104723
104723
  "type": "variable",
104724
104724
  "name": "kendo-timeline-track-arrow-disabled-text",
104725
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .65 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
104725
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 65%, transparent), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ))",
104726
104726
  "scope": "default",
104727
104727
  "line": {
104728
104728
  "start": 42,
@@ -104749,7 +104749,7 @@
104749
104749
  "context": {
104750
104750
  "type": "variable",
104751
104751
  "name": "kendo-timeline-track-arrow-disabled-border",
104752
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ))",
104752
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 15%, transparent), k-true-mix( $kendo-button-border, $kendo-body-bg, 65% ))",
104753
104753
  "scope": "default",
104754
104754
  "line": {
104755
104755
  "start": 45,
@@ -106429,7 +106429,7 @@
106429
106429
  "context": {
106430
106430
  "type": "variable",
106431
106431
  "name": "kendo-toolbar-item-shadow",
106432
- "value": "0 0 0 .25rem if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-color-primary, .25 ))",
106432
+ "value": "0 0 0 .25rem if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-color-primary, .25 ))",
106433
106433
  "scope": "default",
106434
106434
  "line": {
106435
106435
  "start": 85,
@@ -107980,7 +107980,7 @@
107980
107980
  "context": {
107981
107981
  "type": "variable",
107982
107982
  "name": "kendo-treeview-item-focus-shadow",
107983
- "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .15 ), rgba( $kendo-treeview-text, .15 ))",
107983
+ "value": "inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 15%, transparent), rgba( $kendo-treeview-text, .15 ))",
107984
107984
  "scope": "default",
107985
107985
  "line": {
107986
107986
  "start": 154,