@progress/kendo-theme-default 7.2.1-dev.6 → 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 (48) hide show
  1. package/dist/all.css +0 -48
  2. package/dist/all.scss +75 -189
  3. package/dist/meta/sassdoc-data.json +426 -534
  4. package/dist/meta/sassdoc-raw-data.json +213 -263
  5. package/dist/meta/variables.json +0 -8
  6. package/lib/swatches/default-blue.json +1 -1
  7. package/lib/swatches/default-dataviz-v4.json +1 -1
  8. package/lib/swatches/default-green.json +1 -1
  9. package/lib/swatches/default-main-dark.json +1 -1
  10. package/lib/swatches/default-main.json +1 -1
  11. package/lib/swatches/default-nordic.json +1 -1
  12. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  13. package/lib/swatches/default-ocean-blue.json +1 -1
  14. package/lib/swatches/default-orange.json +1 -1
  15. package/lib/swatches/default-purple.json +1 -1
  16. package/lib/swatches/default-turquoise.json +1 -1
  17. package/lib/swatches/default-urban.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/bottom-navigation/_theme.scss +3 -3
  20. package/scss/button/_theme.scss +5 -5
  21. package/scss/button/_variables.scss +1 -1
  22. package/scss/calendar/_theme.scss +1 -1
  23. package/scss/checkbox/_variables.scss +1 -1
  24. package/scss/chip/_theme.scss +3 -3
  25. package/scss/chip/_variables.scss +2 -2
  26. package/scss/dataviz/_variables.scss +11 -11
  27. package/scss/dock-manager/_variables.scss +1 -1
  28. package/scss/fab/_theme.scss +6 -6
  29. package/scss/gantt/_variables.scss +1 -1
  30. package/scss/grid/_variables.scss +5 -5
  31. package/scss/input/_theme.scss +0 -102
  32. package/scss/input/_variables.scss +5 -12
  33. package/scss/listview/_variables.scss +1 -1
  34. package/scss/map/_variables.scss +1 -1
  35. package/scss/mediaplayer/_theme.scss +1 -1
  36. package/scss/mediaplayer/_variables.scss +1 -1
  37. package/scss/pivotgrid/_variables.scss +1 -1
  38. package/scss/progressbar/_theme.scss +1 -1
  39. package/scss/scheduler/_theme.scss +2 -2
  40. package/scss/signature/_variables.scss +1 -1
  41. package/scss/skeleton/_variables.scss +1 -1
  42. package/scss/slider/_variables.scss +1 -1
  43. package/scss/spreadsheet/_variables.scss +4 -4
  44. package/scss/stepper/_variables.scss +3 -3
  45. package/scss/switch/_theme.scss +2 -2
  46. package/scss/switch/_variables.scss +2 -2
  47. package/scss/table/_variables.scss +3 -3
  48. package/scss/timeline/_variables.scss +2 -2
package/dist/meta/sassdoc-data.json CHANGED
@@ -4653,7 +4653,7 @@
4653
4653
  "context": {
4654
4654
  "type": "variable",
4655
4655
  "name": "kendo-button-focus-shadow",
4656
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08), rgba( $kendo-button-border, .08 ))",
4656
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-border, .08 ))",
4657
4657
  "scope": "default",
4658
4658
  "line": {
4659
4659
  "start": 189,
@@ -7029,7 +7029,7 @@
7029
7029
  "context": {
7030
7030
  "type": "variable",
7031
7031
  "name": "kendo-chart-major-lines",
7032
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 )",
7032
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ))",
7033
7033
  "scope": "default",
7034
7034
  "line": {
7035
7035
  "start": 103,
@@ -7056,7 +7056,7 @@
7056
7056
  "context": {
7057
7057
  "type": "variable",
7058
7058
  "name": "kendo-chart-minor-lines",
7059
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 )",
7059
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ))",
7060
7060
  "scope": "default",
7061
7061
  "line": {
7062
7062
  "start": 107,
@@ -9297,7 +9297,7 @@
9297
9297
  "context": {
9298
9298
  "type": "variable",
9299
9299
  "name": "kendo-checkbox-focus-checked-shadow",
9300
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary, .3 ))",
9300
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary, .3 ))",
9301
9301
  "scope": "default",
9302
9302
  "line": {
9303
9303
  "start": 110,
@@ -10566,7 +10566,7 @@
10566
10566
  "context": {
10567
10567
  "type": "variable",
10568
10568
  "name": "kendo-chip-solid-shadow",
10569
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10569
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10570
10570
  "scope": "default",
10571
10571
  "line": {
10572
10572
  "start": 118,
@@ -10863,7 +10863,7 @@
10863
10863
  "context": {
10864
10864
  "type": "variable",
10865
10865
  "name": "kendo-chip-outline-shadow",
10866
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10866
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
10867
10867
  "scope": "default",
10868
10868
  "line": {
10869
10869
  "start": 155,
@@ -15627,7 +15627,7 @@
15627
15627
  "context": {
15628
15628
  "type": "variable",
15629
15629
  "name": "kendo-dock-manager-dock-preview-bg",
15630
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
15630
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
15631
15631
  "scope": "default",
15632
15632
  "line": {
15633
15633
  "start": 110,
@@ -22944,7 +22944,7 @@
22944
22944
  "context": {
22945
22945
  "type": "variable",
22946
22946
  "name": "kendo-grid-row-resizer-hover-bg",
22947
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22947
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
22948
22948
  "scope": "default",
22949
22949
  "line": {
22950
22950
  "start": 310,
@@ -23889,7 +23889,7 @@
23889
23889
  "context": {
23890
23890
  "type": "variable",
23891
23891
  "name": "kendo-input-focus-shadow",
23892
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-input-focus-border, .08 ))",
23892
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-input-focus-border, .08 ))",
23893
23893
  "scope": "default",
23894
23894
  "line": {
23895
23895
  "start": 137,
@@ -24159,7 +24159,7 @@
24159
24159
  "context": {
24160
24160
  "type": "variable",
24161
24161
  "name": "kendo-input-outline-border",
24162
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-button-text, .5))",
24162
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-button-text, .5))",
24163
24163
  "scope": "default",
24164
24164
  "line": {
24165
24165
  "start": 170,
@@ -24240,7 +24240,7 @@
24240
24240
  "context": {
24241
24241
  "type": "variable",
24242
24242
  "name": "kendo-input-outline-hover-border",
24243
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .8 ), rgba( $kendo-button-text, .8))",
24243
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 80%, transparent), rgba( $kendo-button-text, .8))",
24244
24244
  "scope": "default",
24245
24245
  "line": {
24246
24246
  "start": 180,
@@ -25176,60 +25176,6 @@
25176
25176
  "resolvedValue": "null",
25177
25177
  "resolvedType": "Null"
25178
25178
  },
25179
- {
25180
- "description": "The border color of the valid Input components.\n",
25181
- "commentRange": {
25182
- "start": 296,
25183
- "end": 297
25184
- },
25185
- "context": {
25186
- "type": "variable",
25187
- "name": "kendo-input-valid-border",
25188
- "value": "$kendo-valid-border",
25189
- "scope": "default",
25190
- "line": {
25191
- "start": 298,
25192
- "end": 298
25193
- }
25194
- },
25195
- "group": [
25196
- "input"
25197
- ],
25198
- "access": "public",
25199
- "file": {
25200
- "path": "input/_variables.scss",
25201
- "name": "_variables.scss"
25202
- },
25203
- "resolvedValue": "#37b400",
25204
- "resolvedType": "Color"
25205
- },
25206
- {
25207
- "description": "The shadow of the valid Input components.\n",
25208
- "commentRange": {
25209
- "start": 299,
25210
- "end": 300
25211
- },
25212
- "context": {
25213
- "type": "variable",
25214
- "name": "kendo-input-valid-shadow",
25215
- "value": "$kendo-valid-shadow",
25216
- "scope": "default",
25217
- "line": {
25218
- "start": 301,
25219
- "end": 301
25220
- }
25221
- },
25222
- "group": [
25223
- "input"
25224
- ],
25225
- "access": "public",
25226
- "file": {
25227
- "path": "input/_variables.scss",
25228
- "name": "_variables.scss"
25229
- },
25230
- "resolvedValue": "null",
25231
- "resolvedType": "Null"
25232
- },
25233
25179
  {
25234
25180
  "description": "The font family of the List components.\n",
25235
25181
  "commentRange": {
@@ -27102,7 +27048,7 @@
27102
27048
  "context": {
27103
27049
  "type": "variable",
27104
27050
  "name": "kendo-listview-item-selected-bg",
27105
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
27051
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
27106
27052
  "scope": "default",
27107
27053
  "line": {
27108
27054
  "start": 44,
@@ -32712,8 +32658,8 @@
32712
32658
  {
32713
32659
  "description": "The background color of the Picker components.\n",
32714
32660
  "commentRange": {
32715
- "start": 303,
32716
- "end": 304
32661
+ "start": 296,
32662
+ "end": 297
32717
32663
  },
32718
32664
  "context": {
32719
32665
  "type": "variable",
@@ -32721,8 +32667,8 @@
32721
32667
  "value": "$kendo-button-bg",
32722
32668
  "scope": "default",
32723
32669
  "line": {
32724
- "start": 305,
32725
- "end": 305
32670
+ "start": 298,
32671
+ "end": 298
32726
32672
  }
32727
32673
  },
32728
32674
  "group": [
@@ -32739,8 +32685,8 @@
32739
32685
  {
32740
32686
  "description": "The text color of the Picker components.\n",
32741
32687
  "commentRange": {
32742
- "start": 306,
32743
- "end": 307
32688
+ "start": 299,
32689
+ "end": 300
32744
32690
  },
32745
32691
  "context": {
32746
32692
  "type": "variable",
@@ -32748,8 +32694,8 @@
32748
32694
  "value": "$kendo-button-text",
32749
32695
  "scope": "default",
32750
32696
  "line": {
32751
- "start": 308,
32752
- "end": 308
32697
+ "start": 301,
32698
+ "end": 301
32753
32699
  }
32754
32700
  },
32755
32701
  "group": [
@@ -32766,8 +32712,8 @@
32766
32712
  {
32767
32713
  "description": "The border color of the Picker components.\n",
32768
32714
  "commentRange": {
32769
- "start": 309,
32770
- "end": 310
32715
+ "start": 302,
32716
+ "end": 303
32771
32717
  },
32772
32718
  "context": {
32773
32719
  "type": "variable",
@@ -32775,8 +32721,8 @@
32775
32721
  "value": "$kendo-button-border",
32776
32722
  "scope": "default",
32777
32723
  "line": {
32778
- "start": 311,
32779
- "end": 311
32724
+ "start": 304,
32725
+ "end": 304
32780
32726
  }
32781
32727
  },
32782
32728
  "group": [
@@ -32793,8 +32739,8 @@
32793
32739
  {
32794
32740
  "description": "The gradient of the Picker components.\n",
32795
32741
  "commentRange": {
32796
- "start": 312,
32797
- "end": 313
32742
+ "start": 305,
32743
+ "end": 306
32798
32744
  },
32799
32745
  "context": {
32800
32746
  "type": "variable",
@@ -32802,8 +32748,8 @@
32802
32748
  "value": "$kendo-button-gradient",
32803
32749
  "scope": "default",
32804
32750
  "line": {
32805
- "start": 314,
32806
- "end": 314
32751
+ "start": 307,
32752
+ "end": 307
32807
32753
  }
32808
32754
  },
32809
32755
  "group": [
@@ -32820,8 +32766,8 @@
32820
32766
  {
32821
32767
  "description": "The shadow of the Picker components.\n",
32822
32768
  "commentRange": {
32823
- "start": 315,
32824
- "end": 316
32769
+ "start": 308,
32770
+ "end": 309
32825
32771
  },
32826
32772
  "context": {
32827
32773
  "type": "variable",
@@ -32829,8 +32775,8 @@
32829
32775
  "value": "$kendo-button-shadow",
32830
32776
  "scope": "default",
32831
32777
  "line": {
32832
- "start": 317,
32833
- "end": 317
32778
+ "start": 310,
32779
+ "end": 310
32834
32780
  }
32835
32781
  },
32836
32782
  "group": [
@@ -32847,8 +32793,8 @@
32847
32793
  {
32848
32794
  "description": "The background color of the hovered Picker components.\n",
32849
32795
  "commentRange": {
32850
- "start": 319,
32851
- "end": 320
32796
+ "start": 312,
32797
+ "end": 313
32852
32798
  },
32853
32799
  "context": {
32854
32800
  "type": "variable",
@@ -32856,8 +32802,8 @@
32856
32802
  "value": "$kendo-button-hover-bg",
32857
32803
  "scope": "default",
32858
32804
  "line": {
32859
- "start": 321,
32860
- "end": 321
32805
+ "start": 314,
32806
+ "end": 314
32861
32807
  }
32862
32808
  },
32863
32809
  "group": [
@@ -32874,8 +32820,8 @@
32874
32820
  {
32875
32821
  "description": "The text color of the hovered Picker components.\n",
32876
32822
  "commentRange": {
32877
- "start": 322,
32878
- "end": 323
32823
+ "start": 315,
32824
+ "end": 316
32879
32825
  },
32880
32826
  "context": {
32881
32827
  "type": "variable",
@@ -32883,8 +32829,8 @@
32883
32829
  "value": "$kendo-button-hover-text",
32884
32830
  "scope": "default",
32885
32831
  "line": {
32886
- "start": 324,
32887
- "end": 324
32832
+ "start": 317,
32833
+ "end": 317
32888
32834
  }
32889
32835
  },
32890
32836
  "group": [
@@ -32901,8 +32847,8 @@
32901
32847
  {
32902
32848
  "description": "The border color of the hovered Picker components.\n",
32903
32849
  "commentRange": {
32904
- "start": 325,
32905
- "end": 326
32850
+ "start": 318,
32851
+ "end": 319
32906
32852
  },
32907
32853
  "context": {
32908
32854
  "type": "variable",
@@ -32910,8 +32856,8 @@
32910
32856
  "value": "$kendo-button-hover-border",
32911
32857
  "scope": "default",
32912
32858
  "line": {
32913
- "start": 327,
32914
- "end": 327
32859
+ "start": 320,
32860
+ "end": 320
32915
32861
  }
32916
32862
  },
32917
32863
  "group": [
@@ -32928,8 +32874,8 @@
32928
32874
  {
32929
32875
  "description": "The gradient of the hovered Picker components.\n",
32930
32876
  "commentRange": {
32931
- "start": 328,
32932
- "end": 329
32877
+ "start": 321,
32878
+ "end": 322
32933
32879
  },
32934
32880
  "context": {
32935
32881
  "type": "variable",
@@ -32937,8 +32883,8 @@
32937
32883
  "value": "$kendo-button-hover-gradient",
32938
32884
  "scope": "default",
32939
32885
  "line": {
32940
- "start": 330,
32941
- "end": 330
32886
+ "start": 323,
32887
+ "end": 323
32942
32888
  }
32943
32889
  },
32944
32890
  "group": [
@@ -32955,8 +32901,8 @@
32955
32901
  {
32956
32902
  "description": "The shadow of the hovered Picker components.\n",
32957
32903
  "commentRange": {
32958
- "start": 331,
32959
- "end": 332
32904
+ "start": 324,
32905
+ "end": 325
32960
32906
  },
32961
32907
  "context": {
32962
32908
  "type": "variable",
@@ -32964,8 +32910,8 @@
32964
32910
  "value": "$kendo-button-hover-shadow",
32965
32911
  "scope": "default",
32966
32912
  "line": {
32967
- "start": 333,
32968
- "end": 333
32913
+ "start": 326,
32914
+ "end": 326
32969
32915
  }
32970
32916
  },
32971
32917
  "group": [
@@ -32982,8 +32928,8 @@
32982
32928
  {
32983
32929
  "description": "The background color of the focused Picker components.\n",
32984
32930
  "commentRange": {
32985
- "start": 335,
32986
- "end": 336
32931
+ "start": 328,
32932
+ "end": 329
32987
32933
  },
32988
32934
  "context": {
32989
32935
  "type": "variable",
@@ -32991,8 +32937,8 @@
32991
32937
  "value": "$kendo-button-focus-bg",
32992
32938
  "scope": "default",
32993
32939
  "line": {
32994
- "start": 337,
32995
- "end": 337
32940
+ "start": 330,
32941
+ "end": 330
32996
32942
  }
32997
32943
  },
32998
32944
  "group": [
@@ -33009,8 +32955,8 @@
33009
32955
  {
33010
32956
  "description": "The text color of the focused Picker components.\n",
33011
32957
  "commentRange": {
33012
- "start": 338,
33013
- "end": 339
32958
+ "start": 331,
32959
+ "end": 332
33014
32960
  },
33015
32961
  "context": {
33016
32962
  "type": "variable",
@@ -33018,8 +32964,8 @@
33018
32964
  "value": "$kendo-button-focus-text",
33019
32965
  "scope": "default",
33020
32966
  "line": {
33021
- "start": 340,
33022
- "end": 340
32967
+ "start": 333,
32968
+ "end": 333
33023
32969
  }
33024
32970
  },
33025
32971
  "group": [
@@ -33036,8 +32982,8 @@
33036
32982
  {
33037
32983
  "description": "The border color of the focused Picker components.\n",
33038
32984
  "commentRange": {
33039
- "start": 341,
33040
- "end": 342
32985
+ "start": 334,
32986
+ "end": 335
33041
32987
  },
33042
32988
  "context": {
33043
32989
  "type": "variable",
@@ -33045,8 +32991,8 @@
33045
32991
  "value": "$kendo-button-focus-border",
33046
32992
  "scope": "default",
33047
32993
  "line": {
33048
- "start": 343,
33049
- "end": 343
32994
+ "start": 336,
32995
+ "end": 336
33050
32996
  }
33051
32997
  },
33052
32998
  "group": [
@@ -33063,8 +33009,8 @@
33063
33009
  {
33064
33010
  "description": "The gradient of the focused Picker components.\n",
33065
33011
  "commentRange": {
33066
- "start": 344,
33067
- "end": 345
33012
+ "start": 337,
33013
+ "end": 338
33068
33014
  },
33069
33015
  "context": {
33070
33016
  "type": "variable",
@@ -33072,8 +33018,8 @@
33072
33018
  "value": "$kendo-button-focus-gradient",
33073
33019
  "scope": "default",
33074
33020
  "line": {
33075
- "start": 346,
33076
- "end": 346
33021
+ "start": 339,
33022
+ "end": 339
33077
33023
  }
33078
33024
  },
33079
33025
  "group": [
@@ -33090,8 +33036,8 @@
33090
33036
  {
33091
33037
  "description": "The shadow of the focused Picker components.\n",
33092
33038
  "commentRange": {
33093
- "start": 347,
33094
- "end": 348
33039
+ "start": 340,
33040
+ "end": 341
33095
33041
  },
33096
33042
  "context": {
33097
33043
  "type": "variable",
@@ -33099,8 +33045,8 @@
33099
33045
  "value": "$kendo-button-focus-shadow",
33100
33046
  "scope": "default",
33101
33047
  "line": {
33102
- "start": 349,
33103
- "end": 349
33048
+ "start": 342,
33049
+ "end": 342
33104
33050
  }
33105
33051
  },
33106
33052
  "group": [
@@ -33117,8 +33063,8 @@
33117
33063
  {
33118
33064
  "description": "The background color of the disabled Picker components.\n",
33119
33065
  "commentRange": {
33120
- "start": 351,
33121
- "end": 352
33066
+ "start": 344,
33067
+ "end": 345
33122
33068
  },
33123
33069
  "context": {
33124
33070
  "type": "variable",
@@ -33126,8 +33072,8 @@
33126
33072
  "value": "null",
33127
33073
  "scope": "default",
33128
33074
  "line": {
33129
- "start": 353,
33130
- "end": 353
33075
+ "start": 346,
33076
+ "end": 346
33131
33077
  }
33132
33078
  },
33133
33079
  "group": [
@@ -33144,8 +33090,8 @@
33144
33090
  {
33145
33091
  "description": "The text color of the disabled Picker components.\n",
33146
33092
  "commentRange": {
33147
- "start": 354,
33148
- "end": 355
33093
+ "start": 347,
33094
+ "end": 348
33149
33095
  },
33150
33096
  "context": {
33151
33097
  "type": "variable",
@@ -33153,8 +33099,8 @@
33153
33099
  "value": "null",
33154
33100
  "scope": "default",
33155
33101
  "line": {
33156
- "start": 356,
33157
- "end": 356
33102
+ "start": 349,
33103
+ "end": 349
33158
33104
  }
33159
33105
  },
33160
33106
  "group": [
@@ -33171,8 +33117,8 @@
33171
33117
  {
33172
33118
  "description": "The border color of the disabled Picker components.\n",
33173
33119
  "commentRange": {
33174
- "start": 357,
33175
- "end": 358
33120
+ "start": 350,
33121
+ "end": 351
33176
33122
  },
33177
33123
  "context": {
33178
33124
  "type": "variable",
@@ -33180,8 +33126,8 @@
33180
33126
  "value": "null",
33181
33127
  "scope": "default",
33182
33128
  "line": {
33183
- "start": 359,
33184
- "end": 359
33129
+ "start": 352,
33130
+ "end": 352
33185
33131
  }
33186
33132
  },
33187
33133
  "group": [
@@ -33198,8 +33144,8 @@
33198
33144
  {
33199
33145
  "description": "The gradient of the disabled Picker components.\n",
33200
33146
  "commentRange": {
33201
- "start": 360,
33202
- "end": 361
33147
+ "start": 353,
33148
+ "end": 354
33203
33149
  },
33204
33150
  "context": {
33205
33151
  "type": "variable",
@@ -33207,8 +33153,8 @@
33207
33153
  "value": "null",
33208
33154
  "scope": "default",
33209
33155
  "line": {
33210
- "start": 362,
33211
- "end": 362
33156
+ "start": 355,
33157
+ "end": 355
33212
33158
  }
33213
33159
  },
33214
33160
  "group": [
@@ -33225,8 +33171,8 @@
33225
33171
  {
33226
33172
  "description": "The shadow of the disabled Picker components.\n",
33227
33173
  "commentRange": {
33228
- "start": 363,
33229
- "end": 364
33174
+ "start": 356,
33175
+ "end": 357
33230
33176
  },
33231
33177
  "context": {
33232
33178
  "type": "variable",
@@ -33234,8 +33180,8 @@
33234
33180
  "value": "null",
33235
33181
  "scope": "default",
33236
33182
  "line": {
33237
- "start": 365,
33238
- "end": 365
33183
+ "start": 358,
33184
+ "end": 358
33239
33185
  }
33240
33186
  },
33241
33187
  "group": [
@@ -33252,8 +33198,8 @@
33252
33198
  {
33253
33199
  "description": "The background color of the outline Picker components.\n",
33254
33200
  "commentRange": {
33255
- "start": 367,
33256
- "end": 368
33201
+ "start": 360,
33202
+ "end": 361
33257
33203
  },
33258
33204
  "context": {
33259
33205
  "type": "variable",
@@ -33261,8 +33207,8 @@
33261
33207
  "value": "null",
33262
33208
  "scope": "default",
33263
33209
  "line": {
33264
- "start": 369,
33265
- "end": 369
33210
+ "start": 362,
33211
+ "end": 362
33266
33212
  }
33267
33213
  },
33268
33214
  "group": [
@@ -33279,8 +33225,8 @@
33279
33225
  {
33280
33226
  "description": "The text color of the outline Picker components.\n",
33281
33227
  "commentRange": {
33282
- "start": 370,
33283
- "end": 371
33228
+ "start": 363,
33229
+ "end": 364
33284
33230
  },
33285
33231
  "context": {
33286
33232
  "type": "variable",
@@ -33288,8 +33234,8 @@
33288
33234
  "value": "$kendo-button-text",
33289
33235
  "scope": "default",
33290
33236
  "line": {
33291
- "start": 372,
33292
- "end": 372
33237
+ "start": 365,
33238
+ "end": 365
33293
33239
  }
33294
33240
  },
33295
33241
  "group": [
@@ -33306,17 +33252,17 @@
33306
33252
  {
33307
33253
  "description": "The border color of the outline Picker components.\n",
33308
33254
  "commentRange": {
33309
- "start": 373,
33310
- "end": 374
33255
+ "start": 366,
33256
+ "end": 367
33311
33257
  },
33312
33258
  "context": {
33313
33259
  "type": "variable",
33314
33260
  "name": "kendo-picker-outline-border",
33315
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
33261
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
33316
33262
  "scope": "default",
33317
33263
  "line": {
33318
- "start": 375,
33319
- "end": 375
33264
+ "start": 368,
33265
+ "end": 368
33320
33266
  }
33321
33267
  },
33322
33268
  "group": [
@@ -33333,8 +33279,8 @@
33333
33279
  {
33334
33280
  "description": "The background color of the outline hovered Picker components.\n",
33335
33281
  "commentRange": {
33336
- "start": 377,
33337
- "end": 378
33282
+ "start": 370,
33283
+ "end": 371
33338
33284
  },
33339
33285
  "context": {
33340
33286
  "type": "variable",
@@ -33342,8 +33288,8 @@
33342
33288
  "value": "$kendo-picker-outline-text",
33343
33289
  "scope": "default",
33344
33290
  "line": {
33345
- "start": 379,
33346
- "end": 379
33291
+ "start": 372,
33292
+ "end": 372
33347
33293
  }
33348
33294
  },
33349
33295
  "group": [
@@ -33360,8 +33306,8 @@
33360
33306
  {
33361
33307
  "description": "The text color of the outline hovered Picker components.\n",
33362
33308
  "commentRange": {
33363
- "start": 380,
33364
- "end": 381
33309
+ "start": 373,
33310
+ "end": 374
33365
33311
  },
33366
33312
  "context": {
33367
33313
  "type": "variable",
@@ -33369,8 +33315,8 @@
33369
33315
  "value": "if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $kendo-picker-outline-hover-bg ))",
33370
33316
  "scope": "default",
33371
33317
  "line": {
33372
- "start": 382,
33373
- "end": 382
33318
+ "start": 375,
33319
+ "end": 375
33374
33320
  }
33375
33321
  },
33376
33322
  "group": [
@@ -33387,8 +33333,8 @@
33387
33333
  {
33388
33334
  "description": "The border color of the outline hovered Picker components.\n",
33389
33335
  "commentRange": {
33390
- "start": 383,
33391
- "end": 384
33336
+ "start": 376,
33337
+ "end": 377
33392
33338
  },
33393
33339
  "context": {
33394
33340
  "type": "variable",
@@ -33396,8 +33342,8 @@
33396
33342
  "value": "$kendo-picker-outline-hover-bg",
33397
33343
  "scope": "default",
33398
33344
  "line": {
33399
- "start": 385,
33400
- "end": 385
33345
+ "start": 378,
33346
+ "end": 378
33401
33347
  }
33402
33348
  },
33403
33349
  "group": [
@@ -33414,8 +33360,8 @@
33414
33360
  {
33415
33361
  "description": "The background color of the outline focused Picker components.\n",
33416
33362
  "commentRange": {
33417
- "start": 387,
33418
- "end": 388
33363
+ "start": 380,
33364
+ "end": 381
33419
33365
  },
33420
33366
  "context": {
33421
33367
  "type": "variable",
@@ -33423,8 +33369,8 @@
33423
33369
  "value": "null",
33424
33370
  "scope": "default",
33425
33371
  "line": {
33426
- "start": 389,
33427
- "end": 389
33372
+ "start": 382,
33373
+ "end": 382
33428
33374
  }
33429
33375
  },
33430
33376
  "group": [
@@ -33441,8 +33387,8 @@
33441
33387
  {
33442
33388
  "description": "The text color of the outline focused Picker components.\n",
33443
33389
  "commentRange": {
33444
- "start": 390,
33445
- "end": 391
33390
+ "start": 383,
33391
+ "end": 384
33446
33392
  },
33447
33393
  "context": {
33448
33394
  "type": "variable",
@@ -33450,8 +33396,8 @@
33450
33396
  "value": "null",
33451
33397
  "scope": "default",
33452
33398
  "line": {
33453
- "start": 392,
33454
- "end": 392
33399
+ "start": 385,
33400
+ "end": 385
33455
33401
  }
33456
33402
  },
33457
33403
  "group": [
@@ -33468,8 +33414,8 @@
33468
33414
  {
33469
33415
  "description": "The border color of the outline focused Picker components.\n",
33470
33416
  "commentRange": {
33471
- "start": 393,
33472
- "end": 394
33417
+ "start": 386,
33418
+ "end": 387
33473
33419
  },
33474
33420
  "context": {
33475
33421
  "type": "variable",
@@ -33477,8 +33423,8 @@
33477
33423
  "value": "null",
33478
33424
  "scope": "default",
33479
33425
  "line": {
33480
- "start": 395,
33481
- "end": 395
33426
+ "start": 388,
33427
+ "end": 388
33482
33428
  }
33483
33429
  },
33484
33430
  "group": [
@@ -33495,8 +33441,8 @@
33495
33441
  {
33496
33442
  "description": "The shadow of the outline focused Picker components.\n",
33497
33443
  "commentRange": {
33498
- "start": 396,
33499
- "end": 397
33444
+ "start": 389,
33445
+ "end": 390
33500
33446
  },
33501
33447
  "context": {
33502
33448
  "type": "variable",
@@ -33504,8 +33450,8 @@
33504
33450
  "value": "$kendo-picker-focus-shadow",
33505
33451
  "scope": "default",
33506
33452
  "line": {
33507
- "start": 398,
33508
- "end": 398
33453
+ "start": 391,
33454
+ "end": 391
33509
33455
  }
33510
33456
  },
33511
33457
  "group": [
@@ -33522,8 +33468,8 @@
33522
33468
  {
33523
33469
  "description": "The background color of the outline hovered and focused Picker components.\n",
33524
33470
  "commentRange": {
33525
- "start": 400,
33526
- "end": 401
33471
+ "start": 393,
33472
+ "end": 394
33527
33473
  },
33528
33474
  "context": {
33529
33475
  "type": "variable",
@@ -33531,8 +33477,8 @@
33531
33477
  "value": "null",
33532
33478
  "scope": "default",
33533
33479
  "line": {
33534
- "start": 402,
33535
- "end": 402
33480
+ "start": 395,
33481
+ "end": 395
33536
33482
  }
33537
33483
  },
33538
33484
  "group": [
@@ -33549,8 +33495,8 @@
33549
33495
  {
33550
33496
  "description": "The text color of the outline hovered and focused Picker components.\n",
33551
33497
  "commentRange": {
33552
- "start": 403,
33553
- "end": 404
33498
+ "start": 396,
33499
+ "end": 397
33554
33500
  },
33555
33501
  "context": {
33556
33502
  "type": "variable",
@@ -33558,8 +33504,8 @@
33558
33504
  "value": "null",
33559
33505
  "scope": "default",
33560
33506
  "line": {
33561
- "start": 405,
33562
- "end": 405
33507
+ "start": 398,
33508
+ "end": 398
33563
33509
  }
33564
33510
  },
33565
33511
  "group": [
@@ -33576,8 +33522,8 @@
33576
33522
  {
33577
33523
  "description": "The border color of the outline hovered and focused Picker components.\n",
33578
33524
  "commentRange": {
33579
- "start": 406,
33580
- "end": 407
33525
+ "start": 399,
33526
+ "end": 400
33581
33527
  },
33582
33528
  "context": {
33583
33529
  "type": "variable",
@@ -33585,8 +33531,8 @@
33585
33531
  "value": "null",
33586
33532
  "scope": "default",
33587
33533
  "line": {
33588
- "start": 408,
33589
- "end": 408
33534
+ "start": 401,
33535
+ "end": 401
33590
33536
  }
33591
33537
  },
33592
33538
  "group": [
@@ -33603,8 +33549,8 @@
33603
33549
  {
33604
33550
  "description": "The background color of the flat Picker components.\n",
33605
33551
  "commentRange": {
33606
- "start": 410,
33607
- "end": 411
33552
+ "start": 403,
33553
+ "end": 404
33608
33554
  },
33609
33555
  "context": {
33610
33556
  "type": "variable",
@@ -33612,8 +33558,8 @@
33612
33558
  "value": "null",
33613
33559
  "scope": "default",
33614
33560
  "line": {
33615
- "start": 412,
33616
- "end": 412
33561
+ "start": 405,
33562
+ "end": 405
33617
33563
  }
33618
33564
  },
33619
33565
  "group": [
@@ -33630,8 +33576,8 @@
33630
33576
  {
33631
33577
  "description": "The text color of the flat Picker components.\n",
33632
33578
  "commentRange": {
33633
- "start": 413,
33634
- "end": 414
33579
+ "start": 406,
33580
+ "end": 407
33635
33581
  },
33636
33582
  "context": {
33637
33583
  "type": "variable",
@@ -33639,8 +33585,8 @@
33639
33585
  "value": "$kendo-button-text",
33640
33586
  "scope": "default",
33641
33587
  "line": {
33642
- "start": 415,
33643
- "end": 415
33588
+ "start": 408,
33589
+ "end": 408
33644
33590
  }
33645
33591
  },
33646
33592
  "group": [
@@ -33657,8 +33603,8 @@
33657
33603
  {
33658
33604
  "description": "The border color of the flat Picker components.\n",
33659
33605
  "commentRange": {
33660
- "start": 416,
33661
- "end": 417
33606
+ "start": 409,
33607
+ "end": 410
33662
33608
  },
33663
33609
  "context": {
33664
33610
  "type": "variable",
@@ -33666,8 +33612,8 @@
33666
33612
  "value": "$kendo-button-border",
33667
33613
  "scope": "default",
33668
33614
  "line": {
33669
- "start": 418,
33670
- "end": 418
33615
+ "start": 411,
33616
+ "end": 411
33671
33617
  }
33672
33618
  },
33673
33619
  "group": [
@@ -33684,17 +33630,17 @@
33684
33630
  {
33685
33631
  "description": "The background color of the flat hovered Picker components.\n",
33686
33632
  "commentRange": {
33687
- "start": 420,
33688
- "end": 421
33633
+ "start": 413,
33634
+ "end": 414
33689
33635
  },
33690
33636
  "context": {
33691
33637
  "type": "variable",
33692
33638
  "name": "kendo-picker-flat-hover-bg",
33693
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .04 ), rgba( $kendo-button-text, .04 ))",
33639
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
33694
33640
  "scope": "default",
33695
33641
  "line": {
33696
- "start": 422,
33697
- "end": 422
33642
+ "start": 415,
33643
+ "end": 415
33698
33644
  }
33699
33645
  },
33700
33646
  "group": [
@@ -33711,8 +33657,8 @@
33711
33657
  {
33712
33658
  "description": "The text color of the flat hovered Picker components.\n",
33713
33659
  "commentRange": {
33714
- "start": 423,
33715
- "end": 424
33660
+ "start": 416,
33661
+ "end": 417
33716
33662
  },
33717
33663
  "context": {
33718
33664
  "type": "variable",
@@ -33720,8 +33666,8 @@
33720
33666
  "value": "null",
33721
33667
  "scope": "default",
33722
33668
  "line": {
33723
- "start": 425,
33724
- "end": 425
33669
+ "start": 418,
33670
+ "end": 418
33725
33671
  }
33726
33672
  },
33727
33673
  "group": [
@@ -33738,8 +33684,8 @@
33738
33684
  {
33739
33685
  "description": "The border color of the flat hovered Picker components.\n",
33740
33686
  "commentRange": {
33741
- "start": 426,
33742
- "end": 427
33687
+ "start": 419,
33688
+ "end": 420
33743
33689
  },
33744
33690
  "context": {
33745
33691
  "type": "variable",
@@ -33747,8 +33693,8 @@
33747
33693
  "value": "if($kendo-enable-color-system, k-color( border-alt ), rgba( $kendo-button-border, .16 ))",
33748
33694
  "scope": "default",
33749
33695
  "line": {
33750
- "start": 428,
33751
- "end": 428
33696
+ "start": 421,
33697
+ "end": 421
33752
33698
  }
33753
33699
  },
33754
33700
  "group": [
@@ -33765,8 +33711,8 @@
33765
33711
  {
33766
33712
  "description": "The background color of the flat focused Picker components.\n",
33767
33713
  "commentRange": {
33768
- "start": 430,
33769
- "end": 431
33714
+ "start": 423,
33715
+ "end": 424
33770
33716
  },
33771
33717
  "context": {
33772
33718
  "type": "variable",
@@ -33774,8 +33720,8 @@
33774
33720
  "value": "null",
33775
33721
  "scope": "default",
33776
33722
  "line": {
33777
- "start": 432,
33778
- "end": 432
33723
+ "start": 425,
33724
+ "end": 425
33779
33725
  }
33780
33726
  },
33781
33727
  "group": [
@@ -33792,8 +33738,8 @@
33792
33738
  {
33793
33739
  "description": "The text color of the flat focused Picker components.\n",
33794
33740
  "commentRange": {
33795
- "start": 433,
33796
- "end": 434
33741
+ "start": 426,
33742
+ "end": 427
33797
33743
  },
33798
33744
  "context": {
33799
33745
  "type": "variable",
@@ -33801,8 +33747,8 @@
33801
33747
  "value": "null",
33802
33748
  "scope": "default",
33803
33749
  "line": {
33804
- "start": 435,
33805
- "end": 435
33750
+ "start": 428,
33751
+ "end": 428
33806
33752
  }
33807
33753
  },
33808
33754
  "group": [
@@ -33819,8 +33765,8 @@
33819
33765
  {
33820
33766
  "description": "The border color of the flat focused Picker components.\n",
33821
33767
  "commentRange": {
33822
- "start": 436,
33823
- "end": 437
33768
+ "start": 429,
33769
+ "end": 430
33824
33770
  },
33825
33771
  "context": {
33826
33772
  "type": "variable",
@@ -33828,8 +33774,8 @@
33828
33774
  "value": "null",
33829
33775
  "scope": "default",
33830
33776
  "line": {
33831
- "start": 438,
33832
- "end": 438
33777
+ "start": 431,
33778
+ "end": 431
33833
33779
  }
33834
33780
  },
33835
33781
  "group": [
@@ -33846,8 +33792,8 @@
33846
33792
  {
33847
33793
  "description": "The shadow of the flat focused Picker components.\n",
33848
33794
  "commentRange": {
33849
- "start": 439,
33850
- "end": 440
33795
+ "start": 432,
33796
+ "end": 433
33851
33797
  },
33852
33798
  "context": {
33853
33799
  "type": "variable",
@@ -33855,8 +33801,8 @@
33855
33801
  "value": "$kendo-picker-focus-shadow",
33856
33802
  "scope": "default",
33857
33803
  "line": {
33858
- "start": 441,
33859
- "end": 441
33804
+ "start": 434,
33805
+ "end": 434
33860
33806
  }
33861
33807
  },
33862
33808
  "group": [
@@ -33873,8 +33819,8 @@
33873
33819
  {
33874
33820
  "description": "The background color of the flat hovered and focused Picker components.\n",
33875
33821
  "commentRange": {
33876
- "start": 443,
33877
- "end": 444
33822
+ "start": 436,
33823
+ "end": 437
33878
33824
  },
33879
33825
  "context": {
33880
33826
  "type": "variable",
@@ -33882,8 +33828,8 @@
33882
33828
  "value": "null",
33883
33829
  "scope": "default",
33884
33830
  "line": {
33885
- "start": 445,
33886
- "end": 445
33831
+ "start": 438,
33832
+ "end": 438
33887
33833
  }
33888
33834
  },
33889
33835
  "group": [
@@ -33900,8 +33846,8 @@
33900
33846
  {
33901
33847
  "description": "The text color of the flat hovered and focused Picker components.\n",
33902
33848
  "commentRange": {
33903
- "start": 446,
33904
- "end": 447
33849
+ "start": 439,
33850
+ "end": 440
33905
33851
  },
33906
33852
  "context": {
33907
33853
  "type": "variable",
@@ -33909,8 +33855,8 @@
33909
33855
  "value": "null",
33910
33856
  "scope": "default",
33911
33857
  "line": {
33912
- "start": 448,
33913
- "end": 448
33858
+ "start": 441,
33859
+ "end": 441
33914
33860
  }
33915
33861
  },
33916
33862
  "group": [
@@ -33927,8 +33873,8 @@
33927
33873
  {
33928
33874
  "description": "The border color of the flat hovered and focused Picker components.\n",
33929
33875
  "commentRange": {
33930
- "start": 449,
33931
- "end": 450
33876
+ "start": 442,
33877
+ "end": 443
33932
33878
  },
33933
33879
  "context": {
33934
33880
  "type": "variable",
@@ -33936,8 +33882,8 @@
33936
33882
  "value": "null",
33937
33883
  "scope": "default",
33938
33884
  "line": {
33939
- "start": 451,
33940
- "end": 451
33885
+ "start": 444,
33886
+ "end": 444
33941
33887
  }
33942
33888
  },
33943
33889
  "group": [
@@ -39360,7 +39306,7 @@
39360
39306
  "context": {
39361
39307
  "type": "variable",
39362
39308
  "name": "kendo-slider-draghandle-focus-shadow",
39363
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary , .3 ))",
39309
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary , .3 ))",
39364
39310
  "scope": "default",
39365
39311
  "line": {
39366
39312
  "start": 96,
@@ -41064,7 +41010,7 @@
41064
41010
  "context": {
41065
41011
  "type": "variable",
41066
41012
  "name": "kendo-spreadsheet-selection-bg",
41067
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41013
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41068
41014
  "scope": "default",
41069
41015
  "line": {
41070
41016
  "start": 97,
@@ -41253,7 +41199,7 @@
41253
41199
  "context": {
41254
41200
  "type": "variable",
41255
41201
  "name": "kendo-spreadsheet-partial-selection-bg",
41256
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41202
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41257
41203
  "scope": "default",
41258
41204
  "line": {
41259
41205
  "start": 120,
@@ -41334,7 +41280,7 @@
41334
41280
  "context": {
41335
41281
  "type": "variable",
41336
41282
  "name": "kendo-spreadsheet-auto-fill-bg",
41337
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
41283
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
41338
41284
  "scope": "default",
41339
41285
  "line": {
41340
41286
  "start": 131,
@@ -42414,7 +42360,7 @@
42414
42360
  "context": {
42415
42361
  "type": "variable",
42416
42362
  "name": "kendo-spreadsheet-drawing-anchor-bg",
42417
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
42363
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
42418
42364
  "scope": "default",
42419
42365
  "line": {
42420
42366
  "start": 259,
@@ -43305,7 +43251,7 @@
43305
43251
  "context": {
43306
43252
  "type": "variable",
43307
43253
  "name": "kendo-stepper-indicator-disabled-text",
43308
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
43254
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
43309
43255
  "scope": "default",
43310
43256
  "line": {
43311
43257
  "start": 106,
@@ -43521,7 +43467,7 @@
43521
43467
  "context": {
43522
43468
  "type": "variable",
43523
43469
  "name": "kendo-stepper-indicator-done-disabled-bg",
43524
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
43470
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
43525
43471
  "scope": "default",
43526
43472
  "line": {
43527
43473
  "start": 133,
@@ -43953,7 +43899,7 @@
43953
43899
  "context": {
43954
43900
  "type": "variable",
43955
43901
  "name": "kendo-stepper-label-disabled-text",
43956
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
43902
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
43957
43903
  "scope": "default",
43958
43904
  "line": {
43959
43905
  "start": 185,
@@ -44790,7 +44736,7 @@
44790
44736
  "context": {
44791
44737
  "type": "variable",
44792
44738
  "name": "kendo-switch-off-track-focus-ring",
44793
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
44739
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
44794
44740
  "scope": "default",
44795
44741
  "line": {
44796
44742
  "start": 71,
@@ -45465,7 +45411,7 @@
45465
45411
  "context": {
45466
45412
  "type": "variable",
45467
45413
  "name": "kendo-switch-on-track-focus-ring",
45468
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
45414
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
45469
45415
  "scope": "default",
45470
45416
  "line": {
45471
45417
  "start": 153,
@@ -46383,7 +46329,7 @@
46383
46329
  "context": {
46384
46330
  "type": "variable",
46385
46331
  "name": "kendo-table-alt-row-bg",
46386
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
46332
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
46387
46333
  "scope": "default",
46388
46334
  "line": {
46389
46335
  "start": 113,
@@ -46464,7 +46410,7 @@
46464
46410
  "context": {
46465
46411
  "type": "variable",
46466
46412
  "name": "kendo-table-hover-bg",
46467
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-color-darken($kendo-table-bg, 7%))",
46413
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-color-darken($kendo-table-bg, 7%))",
46468
46414
  "scope": "default",
46469
46415
  "line": {
46470
46416
  "start": 124,
@@ -46653,7 +46599,7 @@
46653
46599
  "context": {
46654
46600
  "type": "variable",
46655
46601
  "name": "kendo-table-selected-bg",
46656
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
46602
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
46657
46603
  "scope": "default",
46658
46604
  "line": {
46659
46605
  "start": 149,
@@ -50028,7 +49974,7 @@
50028
49974
  "context": {
50029
49975
  "type": "variable",
50030
49976
  "name": "kendo-timeline-track-arrow-disabled-bg",
50031
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .6 ), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
49977
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 60%, transparent), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
50032
49978
  "scope": "default",
50033
49979
  "line": {
50034
49980
  "start": 39,
@@ -50055,7 +50001,7 @@
50055
50001
  "context": {
50056
50002
  "type": "variable",
50057
50003
  "name": "kendo-timeline-track-arrow-disabled-text",
50058
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
50004
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 60%, transparent), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
50059
50005
  "scope": "default",
50060
50006
  "line": {
50061
50007
  "start": 42,
@@ -62494,7 +62440,7 @@
62494
62440
  "context": {
62495
62441
  "type": "variable",
62496
62442
  "name": "kendo-button-focus-shadow",
62497
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08), rgba( $kendo-button-border, .08 ))",
62443
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-button-border, .08 ))",
62498
62444
  "scope": "default",
62499
62445
  "line": {
62500
62446
  "start": 189,
@@ -64888,7 +64834,7 @@
64888
64834
  "context": {
64889
64835
  "type": "variable",
64890
64836
  "name": "kendo-chart-major-lines",
64891
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .08 )",
64837
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .08 ))",
64892
64838
  "scope": "default",
64893
64839
  "line": {
64894
64840
  "start": 103,
@@ -64915,7 +64861,7 @@
64915
64861
  "context": {
64916
64862
  "type": "variable",
64917
64863
  "name": "kendo-chart-minor-lines",
64918
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .04 )",
64864
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .04 ))",
64919
64865
  "scope": "default",
64920
64866
  "line": {
64921
64867
  "start": 107,
@@ -67168,7 +67114,7 @@
67168
67114
  "context": {
67169
67115
  "type": "variable",
67170
67116
  "name": "kendo-checkbox-focus-checked-shadow",
67171
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary, .3 ))",
67117
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary, .3 ))",
67172
67118
  "scope": "default",
67173
67119
  "line": {
67174
67120
  "start": 110,
@@ -68443,7 +68389,7 @@
68443
68389
  "context": {
68444
68390
  "type": "variable",
68445
68391
  "name": "kendo-chip-solid-shadow",
68446
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68392
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68447
68393
  "scope": "default",
68448
68394
  "line": {
68449
68395
  "start": 118,
@@ -68740,7 +68686,7 @@
68740
68686
  "context": {
68741
68687
  "type": "variable",
68742
68688
  "name": "kendo-chip-outline-shadow",
68743
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68689
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), if( $kendo-is-dark-theme, rgba( $kendo-color-white, .16 ), rgba( $kendo-color-black, .08 ) ))",
68744
68690
  "scope": "default",
68745
68691
  "line": {
68746
68692
  "start": 155,
@@ -72871,7 +72817,7 @@
72871
72817
  "context": {
72872
72818
  "type": "variable",
72873
72819
  "name": "kendo-dock-manager-dock-preview-bg",
72874
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .16 ), rgba( $kendo-color-primary, .16 ))",
72820
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 16%, transparent), rgba( $kendo-color-primary, .16 ))",
72875
72821
  "scope": "default",
72876
72822
  "line": {
72877
72823
  "start": 110,
@@ -80248,7 +80194,7 @@
80248
80194
  "context": {
80249
80195
  "type": "variable",
80250
80196
  "name": "kendo-grid-row-resizer-hover-bg",
80251
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .2 ), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
80197
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 20%, transparent), rgba( k-contrast-color( $kendo-grid-bg ), .12 ))",
80252
80198
  "scope": "default",
80253
80199
  "line": {
80254
80200
  "start": 310,
@@ -81199,7 +81145,7 @@
81199
81145
  "context": {
81200
81146
  "type": "variable",
81201
81147
  "name": "kendo-input-focus-shadow",
81202
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( $kendo-input-focus-border, .08 ))",
81148
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( $kendo-input-focus-border, .08 ))",
81203
81149
  "scope": "default",
81204
81150
  "line": {
81205
81151
  "start": 137,
@@ -81469,7 +81415,7 @@
81469
81415
  "context": {
81470
81416
  "type": "variable",
81471
81417
  "name": "kendo-input-outline-border",
81472
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-button-text, .5))",
81418
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-button-text, .5))",
81473
81419
  "scope": "default",
81474
81420
  "line": {
81475
81421
  "start": 170,
@@ -81550,7 +81496,7 @@
81550
81496
  "context": {
81551
81497
  "type": "variable",
81552
81498
  "name": "kendo-input-outline-hover-border",
81553
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .8 ), rgba( $kendo-button-text, .8))",
81499
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 80%, transparent), rgba( $kendo-button-text, .8))",
81554
81500
  "scope": "default",
81555
81501
  "line": {
81556
81502
  "start": 180,
@@ -82485,60 +82431,6 @@
82485
82431
  },
82486
82432
  "resolvedValue": "null",
82487
82433
  "resolvedType": "Null"
82488
- },
82489
- {
82490
- "description": "The border color of the valid Input components.\n",
82491
- "commentRange": {
82492
- "start": 296,
82493
- "end": 297
82494
- },
82495
- "context": {
82496
- "type": "variable",
82497
- "name": "kendo-input-valid-border",
82498
- "value": "$kendo-valid-border",
82499
- "scope": "default",
82500
- "line": {
82501
- "start": 298,
82502
- "end": 298
82503
- }
82504
- },
82505
- "group": [
82506
- "input"
82507
- ],
82508
- "access": "public",
82509
- "file": {
82510
- "path": "input/_variables.scss",
82511
- "name": "_variables.scss"
82512
- },
82513
- "resolvedValue": "#37b400",
82514
- "resolvedType": "Color"
82515
- },
82516
- {
82517
- "description": "The shadow of the valid Input components.\n",
82518
- "commentRange": {
82519
- "start": 299,
82520
- "end": 300
82521
- },
82522
- "context": {
82523
- "type": "variable",
82524
- "name": "kendo-input-valid-shadow",
82525
- "value": "$kendo-valid-shadow",
82526
- "scope": "default",
82527
- "line": {
82528
- "start": 301,
82529
- "end": 301
82530
- }
82531
- },
82532
- "group": [
82533
- "input"
82534
- ],
82535
- "access": "public",
82536
- "file": {
82537
- "path": "input/_variables.scss",
82538
- "name": "_variables.scss"
82539
- },
82540
- "resolvedValue": "null",
82541
- "resolvedType": "Null"
82542
82434
  }
82543
82435
  ]
82544
82436
  },
@@ -84430,7 +84322,7 @@
84430
84322
  "context": {
84431
84323
  "type": "variable",
84432
84324
  "name": "kendo-listview-item-selected-bg",
84433
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
84325
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
84434
84326
  "scope": "default",
84435
84327
  "line": {
84436
84328
  "start": 44,
@@ -90094,8 +89986,8 @@
90094
89986
  {
90095
89987
  "description": "The background color of the Picker components.\n",
90096
89988
  "commentRange": {
90097
- "start": 303,
90098
- "end": 304
89989
+ "start": 296,
89990
+ "end": 297
90099
89991
  },
90100
89992
  "context": {
90101
89993
  "type": "variable",
@@ -90103,8 +89995,8 @@
90103
89995
  "value": "$kendo-button-bg",
90104
89996
  "scope": "default",
90105
89997
  "line": {
90106
- "start": 305,
90107
- "end": 305
89998
+ "start": 298,
89999
+ "end": 298
90108
90000
  }
90109
90001
  },
90110
90002
  "group": [
@@ -90121,8 +90013,8 @@
90121
90013
  {
90122
90014
  "description": "The text color of the Picker components.\n",
90123
90015
  "commentRange": {
90124
- "start": 306,
90125
- "end": 307
90016
+ "start": 299,
90017
+ "end": 300
90126
90018
  },
90127
90019
  "context": {
90128
90020
  "type": "variable",
@@ -90130,8 +90022,8 @@
90130
90022
  "value": "$kendo-button-text",
90131
90023
  "scope": "default",
90132
90024
  "line": {
90133
- "start": 308,
90134
- "end": 308
90025
+ "start": 301,
90026
+ "end": 301
90135
90027
  }
90136
90028
  },
90137
90029
  "group": [
@@ -90148,8 +90040,8 @@
90148
90040
  {
90149
90041
  "description": "The border color of the Picker components.\n",
90150
90042
  "commentRange": {
90151
- "start": 309,
90152
- "end": 310
90043
+ "start": 302,
90044
+ "end": 303
90153
90045
  },
90154
90046
  "context": {
90155
90047
  "type": "variable",
@@ -90157,8 +90049,8 @@
90157
90049
  "value": "$kendo-button-border",
90158
90050
  "scope": "default",
90159
90051
  "line": {
90160
- "start": 311,
90161
- "end": 311
90052
+ "start": 304,
90053
+ "end": 304
90162
90054
  }
90163
90055
  },
90164
90056
  "group": [
@@ -90175,8 +90067,8 @@
90175
90067
  {
90176
90068
  "description": "The gradient of the Picker components.\n",
90177
90069
  "commentRange": {
90178
- "start": 312,
90179
- "end": 313
90070
+ "start": 305,
90071
+ "end": 306
90180
90072
  },
90181
90073
  "context": {
90182
90074
  "type": "variable",
@@ -90184,8 +90076,8 @@
90184
90076
  "value": "$kendo-button-gradient",
90185
90077
  "scope": "default",
90186
90078
  "line": {
90187
- "start": 314,
90188
- "end": 314
90079
+ "start": 307,
90080
+ "end": 307
90189
90081
  }
90190
90082
  },
90191
90083
  "group": [
@@ -90202,8 +90094,8 @@
90202
90094
  {
90203
90095
  "description": "The shadow of the Picker components.\n",
90204
90096
  "commentRange": {
90205
- "start": 315,
90206
- "end": 316
90097
+ "start": 308,
90098
+ "end": 309
90207
90099
  },
90208
90100
  "context": {
90209
90101
  "type": "variable",
@@ -90211,8 +90103,8 @@
90211
90103
  "value": "$kendo-button-shadow",
90212
90104
  "scope": "default",
90213
90105
  "line": {
90214
- "start": 317,
90215
- "end": 317
90106
+ "start": 310,
90107
+ "end": 310
90216
90108
  }
90217
90109
  },
90218
90110
  "group": [
@@ -90229,8 +90121,8 @@
90229
90121
  {
90230
90122
  "description": "The background color of the hovered Picker components.\n",
90231
90123
  "commentRange": {
90232
- "start": 319,
90233
- "end": 320
90124
+ "start": 312,
90125
+ "end": 313
90234
90126
  },
90235
90127
  "context": {
90236
90128
  "type": "variable",
@@ -90238,8 +90130,8 @@
90238
90130
  "value": "$kendo-button-hover-bg",
90239
90131
  "scope": "default",
90240
90132
  "line": {
90241
- "start": 321,
90242
- "end": 321
90133
+ "start": 314,
90134
+ "end": 314
90243
90135
  }
90244
90136
  },
90245
90137
  "group": [
@@ -90256,8 +90148,8 @@
90256
90148
  {
90257
90149
  "description": "The text color of the hovered Picker components.\n",
90258
90150
  "commentRange": {
90259
- "start": 322,
90260
- "end": 323
90151
+ "start": 315,
90152
+ "end": 316
90261
90153
  },
90262
90154
  "context": {
90263
90155
  "type": "variable",
@@ -90265,8 +90157,8 @@
90265
90157
  "value": "$kendo-button-hover-text",
90266
90158
  "scope": "default",
90267
90159
  "line": {
90268
- "start": 324,
90269
- "end": 324
90160
+ "start": 317,
90161
+ "end": 317
90270
90162
  }
90271
90163
  },
90272
90164
  "group": [
@@ -90283,8 +90175,8 @@
90283
90175
  {
90284
90176
  "description": "The border color of the hovered Picker components.\n",
90285
90177
  "commentRange": {
90286
- "start": 325,
90287
- "end": 326
90178
+ "start": 318,
90179
+ "end": 319
90288
90180
  },
90289
90181
  "context": {
90290
90182
  "type": "variable",
@@ -90292,8 +90184,8 @@
90292
90184
  "value": "$kendo-button-hover-border",
90293
90185
  "scope": "default",
90294
90186
  "line": {
90295
- "start": 327,
90296
- "end": 327
90187
+ "start": 320,
90188
+ "end": 320
90297
90189
  }
90298
90190
  },
90299
90191
  "group": [
@@ -90310,8 +90202,8 @@
90310
90202
  {
90311
90203
  "description": "The gradient of the hovered Picker components.\n",
90312
90204
  "commentRange": {
90313
- "start": 328,
90314
- "end": 329
90205
+ "start": 321,
90206
+ "end": 322
90315
90207
  },
90316
90208
  "context": {
90317
90209
  "type": "variable",
@@ -90319,8 +90211,8 @@
90319
90211
  "value": "$kendo-button-hover-gradient",
90320
90212
  "scope": "default",
90321
90213
  "line": {
90322
- "start": 330,
90323
- "end": 330
90214
+ "start": 323,
90215
+ "end": 323
90324
90216
  }
90325
90217
  },
90326
90218
  "group": [
@@ -90337,8 +90229,8 @@
90337
90229
  {
90338
90230
  "description": "The shadow of the hovered Picker components.\n",
90339
90231
  "commentRange": {
90340
- "start": 331,
90341
- "end": 332
90232
+ "start": 324,
90233
+ "end": 325
90342
90234
  },
90343
90235
  "context": {
90344
90236
  "type": "variable",
@@ -90346,8 +90238,8 @@
90346
90238
  "value": "$kendo-button-hover-shadow",
90347
90239
  "scope": "default",
90348
90240
  "line": {
90349
- "start": 333,
90350
- "end": 333
90241
+ "start": 326,
90242
+ "end": 326
90351
90243
  }
90352
90244
  },
90353
90245
  "group": [
@@ -90364,8 +90256,8 @@
90364
90256
  {
90365
90257
  "description": "The background color of the focused Picker components.\n",
90366
90258
  "commentRange": {
90367
- "start": 335,
90368
- "end": 336
90259
+ "start": 328,
90260
+ "end": 329
90369
90261
  },
90370
90262
  "context": {
90371
90263
  "type": "variable",
@@ -90373,8 +90265,8 @@
90373
90265
  "value": "$kendo-button-focus-bg",
90374
90266
  "scope": "default",
90375
90267
  "line": {
90376
- "start": 337,
90377
- "end": 337
90268
+ "start": 330,
90269
+ "end": 330
90378
90270
  }
90379
90271
  },
90380
90272
  "group": [
@@ -90391,8 +90283,8 @@
90391
90283
  {
90392
90284
  "description": "The text color of the focused Picker components.\n",
90393
90285
  "commentRange": {
90394
- "start": 338,
90395
- "end": 339
90286
+ "start": 331,
90287
+ "end": 332
90396
90288
  },
90397
90289
  "context": {
90398
90290
  "type": "variable",
@@ -90400,8 +90292,8 @@
90400
90292
  "value": "$kendo-button-focus-text",
90401
90293
  "scope": "default",
90402
90294
  "line": {
90403
- "start": 340,
90404
- "end": 340
90295
+ "start": 333,
90296
+ "end": 333
90405
90297
  }
90406
90298
  },
90407
90299
  "group": [
@@ -90418,8 +90310,8 @@
90418
90310
  {
90419
90311
  "description": "The border color of the focused Picker components.\n",
90420
90312
  "commentRange": {
90421
- "start": 341,
90422
- "end": 342
90313
+ "start": 334,
90314
+ "end": 335
90423
90315
  },
90424
90316
  "context": {
90425
90317
  "type": "variable",
@@ -90427,8 +90319,8 @@
90427
90319
  "value": "$kendo-button-focus-border",
90428
90320
  "scope": "default",
90429
90321
  "line": {
90430
- "start": 343,
90431
- "end": 343
90322
+ "start": 336,
90323
+ "end": 336
90432
90324
  }
90433
90325
  },
90434
90326
  "group": [
@@ -90445,8 +90337,8 @@
90445
90337
  {
90446
90338
  "description": "The gradient of the focused Picker components.\n",
90447
90339
  "commentRange": {
90448
- "start": 344,
90449
- "end": 345
90340
+ "start": 337,
90341
+ "end": 338
90450
90342
  },
90451
90343
  "context": {
90452
90344
  "type": "variable",
@@ -90454,8 +90346,8 @@
90454
90346
  "value": "$kendo-button-focus-gradient",
90455
90347
  "scope": "default",
90456
90348
  "line": {
90457
- "start": 346,
90458
- "end": 346
90349
+ "start": 339,
90350
+ "end": 339
90459
90351
  }
90460
90352
  },
90461
90353
  "group": [
@@ -90472,8 +90364,8 @@
90472
90364
  {
90473
90365
  "description": "The shadow of the focused Picker components.\n",
90474
90366
  "commentRange": {
90475
- "start": 347,
90476
- "end": 348
90367
+ "start": 340,
90368
+ "end": 341
90477
90369
  },
90478
90370
  "context": {
90479
90371
  "type": "variable",
@@ -90481,8 +90373,8 @@
90481
90373
  "value": "$kendo-button-focus-shadow",
90482
90374
  "scope": "default",
90483
90375
  "line": {
90484
- "start": 349,
90485
- "end": 349
90376
+ "start": 342,
90377
+ "end": 342
90486
90378
  }
90487
90379
  },
90488
90380
  "group": [
@@ -90499,8 +90391,8 @@
90499
90391
  {
90500
90392
  "description": "The background color of the disabled Picker components.\n",
90501
90393
  "commentRange": {
90502
- "start": 351,
90503
- "end": 352
90394
+ "start": 344,
90395
+ "end": 345
90504
90396
  },
90505
90397
  "context": {
90506
90398
  "type": "variable",
@@ -90508,8 +90400,8 @@
90508
90400
  "value": "null",
90509
90401
  "scope": "default",
90510
90402
  "line": {
90511
- "start": 353,
90512
- "end": 353
90403
+ "start": 346,
90404
+ "end": 346
90513
90405
  }
90514
90406
  },
90515
90407
  "group": [
@@ -90526,8 +90418,8 @@
90526
90418
  {
90527
90419
  "description": "The text color of the disabled Picker components.\n",
90528
90420
  "commentRange": {
90529
- "start": 354,
90530
- "end": 355
90421
+ "start": 347,
90422
+ "end": 348
90531
90423
  },
90532
90424
  "context": {
90533
90425
  "type": "variable",
@@ -90535,8 +90427,8 @@
90535
90427
  "value": "null",
90536
90428
  "scope": "default",
90537
90429
  "line": {
90538
- "start": 356,
90539
- "end": 356
90430
+ "start": 349,
90431
+ "end": 349
90540
90432
  }
90541
90433
  },
90542
90434
  "group": [
@@ -90553,8 +90445,8 @@
90553
90445
  {
90554
90446
  "description": "The border color of the disabled Picker components.\n",
90555
90447
  "commentRange": {
90556
- "start": 357,
90557
- "end": 358
90448
+ "start": 350,
90449
+ "end": 351
90558
90450
  },
90559
90451
  "context": {
90560
90452
  "type": "variable",
@@ -90562,8 +90454,8 @@
90562
90454
  "value": "null",
90563
90455
  "scope": "default",
90564
90456
  "line": {
90565
- "start": 359,
90566
- "end": 359
90457
+ "start": 352,
90458
+ "end": 352
90567
90459
  }
90568
90460
  },
90569
90461
  "group": [
@@ -90580,8 +90472,8 @@
90580
90472
  {
90581
90473
  "description": "The gradient of the disabled Picker components.\n",
90582
90474
  "commentRange": {
90583
- "start": 360,
90584
- "end": 361
90475
+ "start": 353,
90476
+ "end": 354
90585
90477
  },
90586
90478
  "context": {
90587
90479
  "type": "variable",
@@ -90589,8 +90481,8 @@
90589
90481
  "value": "null",
90590
90482
  "scope": "default",
90591
90483
  "line": {
90592
- "start": 362,
90593
- "end": 362
90484
+ "start": 355,
90485
+ "end": 355
90594
90486
  }
90595
90487
  },
90596
90488
  "group": [
@@ -90607,8 +90499,8 @@
90607
90499
  {
90608
90500
  "description": "The shadow of the disabled Picker components.\n",
90609
90501
  "commentRange": {
90610
- "start": 363,
90611
- "end": 364
90502
+ "start": 356,
90503
+ "end": 357
90612
90504
  },
90613
90505
  "context": {
90614
90506
  "type": "variable",
@@ -90616,8 +90508,8 @@
90616
90508
  "value": "null",
90617
90509
  "scope": "default",
90618
90510
  "line": {
90619
- "start": 365,
90620
- "end": 365
90511
+ "start": 358,
90512
+ "end": 358
90621
90513
  }
90622
90514
  },
90623
90515
  "group": [
@@ -90634,8 +90526,8 @@
90634
90526
  {
90635
90527
  "description": "The background color of the outline Picker components.\n",
90636
90528
  "commentRange": {
90637
- "start": 367,
90638
- "end": 368
90529
+ "start": 360,
90530
+ "end": 361
90639
90531
  },
90640
90532
  "context": {
90641
90533
  "type": "variable",
@@ -90643,8 +90535,8 @@
90643
90535
  "value": "null",
90644
90536
  "scope": "default",
90645
90537
  "line": {
90646
- "start": 369,
90647
- "end": 369
90538
+ "start": 362,
90539
+ "end": 362
90648
90540
  }
90649
90541
  },
90650
90542
  "group": [
@@ -90661,8 +90553,8 @@
90661
90553
  {
90662
90554
  "description": "The text color of the outline Picker components.\n",
90663
90555
  "commentRange": {
90664
- "start": 370,
90665
- "end": 371
90556
+ "start": 363,
90557
+ "end": 364
90666
90558
  },
90667
90559
  "context": {
90668
90560
  "type": "variable",
@@ -90670,8 +90562,8 @@
90670
90562
  "value": "$kendo-button-text",
90671
90563
  "scope": "default",
90672
90564
  "line": {
90673
- "start": 372,
90674
- "end": 372
90565
+ "start": 365,
90566
+ "end": 365
90675
90567
  }
90676
90568
  },
90677
90569
  "group": [
@@ -90688,17 +90580,17 @@
90688
90580
  {
90689
90581
  "description": "The border color of the outline Picker components.\n",
90690
90582
  "commentRange": {
90691
- "start": 373,
90692
- "end": 374
90583
+ "start": 366,
90584
+ "end": 367
90693
90585
  },
90694
90586
  "context": {
90695
90587
  "type": "variable",
90696
90588
  "name": "kendo-picker-outline-border",
90697
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .5 ), rgba( $kendo-picker-outline-text, .5))",
90589
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 50%, transparent), rgba( $kendo-picker-outline-text, .5))",
90698
90590
  "scope": "default",
90699
90591
  "line": {
90700
- "start": 375,
90701
- "end": 375
90592
+ "start": 368,
90593
+ "end": 368
90702
90594
  }
90703
90595
  },
90704
90596
  "group": [
@@ -90715,8 +90607,8 @@
90715
90607
  {
90716
90608
  "description": "The background color of the outline hovered Picker components.\n",
90717
90609
  "commentRange": {
90718
- "start": 377,
90719
- "end": 378
90610
+ "start": 370,
90611
+ "end": 371
90720
90612
  },
90721
90613
  "context": {
90722
90614
  "type": "variable",
@@ -90724,8 +90616,8 @@
90724
90616
  "value": "$kendo-picker-outline-text",
90725
90617
  "scope": "default",
90726
90618
  "line": {
90727
- "start": 379,
90728
- "end": 379
90619
+ "start": 372,
90620
+ "end": 372
90729
90621
  }
90730
90622
  },
90731
90623
  "group": [
@@ -90742,8 +90634,8 @@
90742
90634
  {
90743
90635
  "description": "The text color of the outline hovered Picker components.\n",
90744
90636
  "commentRange": {
90745
- "start": 380,
90746
- "end": 381
90637
+ "start": 373,
90638
+ "end": 374
90747
90639
  },
90748
90640
  "context": {
90749
90641
  "type": "variable",
@@ -90751,8 +90643,8 @@
90751
90643
  "value": "if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $kendo-picker-outline-hover-bg ))",
90752
90644
  "scope": "default",
90753
90645
  "line": {
90754
- "start": 382,
90755
- "end": 382
90646
+ "start": 375,
90647
+ "end": 375
90756
90648
  }
90757
90649
  },
90758
90650
  "group": [
@@ -90769,8 +90661,8 @@
90769
90661
  {
90770
90662
  "description": "The border color of the outline hovered Picker components.\n",
90771
90663
  "commentRange": {
90772
- "start": 383,
90773
- "end": 384
90664
+ "start": 376,
90665
+ "end": 377
90774
90666
  },
90775
90667
  "context": {
90776
90668
  "type": "variable",
@@ -90778,8 +90670,8 @@
90778
90670
  "value": "$kendo-picker-outline-hover-bg",
90779
90671
  "scope": "default",
90780
90672
  "line": {
90781
- "start": 385,
90782
- "end": 385
90673
+ "start": 378,
90674
+ "end": 378
90783
90675
  }
90784
90676
  },
90785
90677
  "group": [
@@ -90796,8 +90688,8 @@
90796
90688
  {
90797
90689
  "description": "The background color of the outline focused Picker components.\n",
90798
90690
  "commentRange": {
90799
- "start": 387,
90800
- "end": 388
90691
+ "start": 380,
90692
+ "end": 381
90801
90693
  },
90802
90694
  "context": {
90803
90695
  "type": "variable",
@@ -90805,8 +90697,8 @@
90805
90697
  "value": "null",
90806
90698
  "scope": "default",
90807
90699
  "line": {
90808
- "start": 389,
90809
- "end": 389
90700
+ "start": 382,
90701
+ "end": 382
90810
90702
  }
90811
90703
  },
90812
90704
  "group": [
@@ -90823,8 +90715,8 @@
90823
90715
  {
90824
90716
  "description": "The text color of the outline focused Picker components.\n",
90825
90717
  "commentRange": {
90826
- "start": 390,
90827
- "end": 391
90718
+ "start": 383,
90719
+ "end": 384
90828
90720
  },
90829
90721
  "context": {
90830
90722
  "type": "variable",
@@ -90832,8 +90724,8 @@
90832
90724
  "value": "null",
90833
90725
  "scope": "default",
90834
90726
  "line": {
90835
- "start": 392,
90836
- "end": 392
90727
+ "start": 385,
90728
+ "end": 385
90837
90729
  }
90838
90730
  },
90839
90731
  "group": [
@@ -90850,8 +90742,8 @@
90850
90742
  {
90851
90743
  "description": "The border color of the outline focused Picker components.\n",
90852
90744
  "commentRange": {
90853
- "start": 393,
90854
- "end": 394
90745
+ "start": 386,
90746
+ "end": 387
90855
90747
  },
90856
90748
  "context": {
90857
90749
  "type": "variable",
@@ -90859,8 +90751,8 @@
90859
90751
  "value": "null",
90860
90752
  "scope": "default",
90861
90753
  "line": {
90862
- "start": 395,
90863
- "end": 395
90754
+ "start": 388,
90755
+ "end": 388
90864
90756
  }
90865
90757
  },
90866
90758
  "group": [
@@ -90877,8 +90769,8 @@
90877
90769
  {
90878
90770
  "description": "The shadow of the outline focused Picker components.\n",
90879
90771
  "commentRange": {
90880
- "start": 396,
90881
- "end": 397
90772
+ "start": 389,
90773
+ "end": 390
90882
90774
  },
90883
90775
  "context": {
90884
90776
  "type": "variable",
@@ -90886,8 +90778,8 @@
90886
90778
  "value": "$kendo-picker-focus-shadow",
90887
90779
  "scope": "default",
90888
90780
  "line": {
90889
- "start": 398,
90890
- "end": 398
90781
+ "start": 391,
90782
+ "end": 391
90891
90783
  }
90892
90784
  },
90893
90785
  "group": [
@@ -90904,8 +90796,8 @@
90904
90796
  {
90905
90797
  "description": "The background color of the outline hovered and focused Picker components.\n",
90906
90798
  "commentRange": {
90907
- "start": 400,
90908
- "end": 401
90799
+ "start": 393,
90800
+ "end": 394
90909
90801
  },
90910
90802
  "context": {
90911
90803
  "type": "variable",
@@ -90913,8 +90805,8 @@
90913
90805
  "value": "null",
90914
90806
  "scope": "default",
90915
90807
  "line": {
90916
- "start": 402,
90917
- "end": 402
90808
+ "start": 395,
90809
+ "end": 395
90918
90810
  }
90919
90811
  },
90920
90812
  "group": [
@@ -90931,8 +90823,8 @@
90931
90823
  {
90932
90824
  "description": "The text color of the outline hovered and focused Picker components.\n",
90933
90825
  "commentRange": {
90934
- "start": 403,
90935
- "end": 404
90826
+ "start": 396,
90827
+ "end": 397
90936
90828
  },
90937
90829
  "context": {
90938
90830
  "type": "variable",
@@ -90940,8 +90832,8 @@
90940
90832
  "value": "null",
90941
90833
  "scope": "default",
90942
90834
  "line": {
90943
- "start": 405,
90944
- "end": 405
90835
+ "start": 398,
90836
+ "end": 398
90945
90837
  }
90946
90838
  },
90947
90839
  "group": [
@@ -90958,8 +90850,8 @@
90958
90850
  {
90959
90851
  "description": "The border color of the outline hovered and focused Picker components.\n",
90960
90852
  "commentRange": {
90961
- "start": 406,
90962
- "end": 407
90853
+ "start": 399,
90854
+ "end": 400
90963
90855
  },
90964
90856
  "context": {
90965
90857
  "type": "variable",
@@ -90967,8 +90859,8 @@
90967
90859
  "value": "null",
90968
90860
  "scope": "default",
90969
90861
  "line": {
90970
- "start": 408,
90971
- "end": 408
90862
+ "start": 401,
90863
+ "end": 401
90972
90864
  }
90973
90865
  },
90974
90866
  "group": [
@@ -90985,8 +90877,8 @@
90985
90877
  {
90986
90878
  "description": "The background color of the flat Picker components.\n",
90987
90879
  "commentRange": {
90988
- "start": 410,
90989
- "end": 411
90880
+ "start": 403,
90881
+ "end": 404
90990
90882
  },
90991
90883
  "context": {
90992
90884
  "type": "variable",
@@ -90994,8 +90886,8 @@
90994
90886
  "value": "null",
90995
90887
  "scope": "default",
90996
90888
  "line": {
90997
- "start": 412,
90998
- "end": 412
90889
+ "start": 405,
90890
+ "end": 405
90999
90891
  }
91000
90892
  },
91001
90893
  "group": [
@@ -91012,8 +90904,8 @@
91012
90904
  {
91013
90905
  "description": "The text color of the flat Picker components.\n",
91014
90906
  "commentRange": {
91015
- "start": 413,
91016
- "end": 414
90907
+ "start": 406,
90908
+ "end": 407
91017
90909
  },
91018
90910
  "context": {
91019
90911
  "type": "variable",
@@ -91021,8 +90913,8 @@
91021
90913
  "value": "$kendo-button-text",
91022
90914
  "scope": "default",
91023
90915
  "line": {
91024
- "start": 415,
91025
- "end": 415
90916
+ "start": 408,
90917
+ "end": 408
91026
90918
  }
91027
90919
  },
91028
90920
  "group": [
@@ -91039,8 +90931,8 @@
91039
90931
  {
91040
90932
  "description": "The border color of the flat Picker components.\n",
91041
90933
  "commentRange": {
91042
- "start": 416,
91043
- "end": 417
90934
+ "start": 409,
90935
+ "end": 410
91044
90936
  },
91045
90937
  "context": {
91046
90938
  "type": "variable",
@@ -91048,8 +90940,8 @@
91048
90940
  "value": "$kendo-button-border",
91049
90941
  "scope": "default",
91050
90942
  "line": {
91051
- "start": 418,
91052
- "end": 418
90943
+ "start": 411,
90944
+ "end": 411
91053
90945
  }
91054
90946
  },
91055
90947
  "group": [
@@ -91066,17 +90958,17 @@
91066
90958
  {
91067
90959
  "description": "The background color of the flat hovered Picker components.\n",
91068
90960
  "commentRange": {
91069
- "start": 420,
91070
- "end": 421
90961
+ "start": 413,
90962
+ "end": 414
91071
90963
  },
91072
90964
  "context": {
91073
90965
  "type": "variable",
91074
90966
  "name": "kendo-picker-flat-hover-bg",
91075
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .04 ), rgba( $kendo-button-text, .04 ))",
90967
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 4%, transparent), rgba( $kendo-button-text, .04 ))",
91076
90968
  "scope": "default",
91077
90969
  "line": {
91078
- "start": 422,
91079
- "end": 422
90970
+ "start": 415,
90971
+ "end": 415
91080
90972
  }
91081
90973
  },
91082
90974
  "group": [
@@ -91093,8 +90985,8 @@
91093
90985
  {
91094
90986
  "description": "The text color of the flat hovered Picker components.\n",
91095
90987
  "commentRange": {
91096
- "start": 423,
91097
- "end": 424
90988
+ "start": 416,
90989
+ "end": 417
91098
90990
  },
91099
90991
  "context": {
91100
90992
  "type": "variable",
@@ -91102,8 +90994,8 @@
91102
90994
  "value": "null",
91103
90995
  "scope": "default",
91104
90996
  "line": {
91105
- "start": 425,
91106
- "end": 425
90997
+ "start": 418,
90998
+ "end": 418
91107
90999
  }
91108
91000
  },
91109
91001
  "group": [
@@ -91120,8 +91012,8 @@
91120
91012
  {
91121
91013
  "description": "The border color of the flat hovered Picker components.\n",
91122
91014
  "commentRange": {
91123
- "start": 426,
91124
- "end": 427
91015
+ "start": 419,
91016
+ "end": 420
91125
91017
  },
91126
91018
  "context": {
91127
91019
  "type": "variable",
@@ -91129,8 +91021,8 @@
91129
91021
  "value": "if($kendo-enable-color-system, k-color( border-alt ), rgba( $kendo-button-border, .16 ))",
91130
91022
  "scope": "default",
91131
91023
  "line": {
91132
- "start": 428,
91133
- "end": 428
91024
+ "start": 421,
91025
+ "end": 421
91134
91026
  }
91135
91027
  },
91136
91028
  "group": [
@@ -91147,8 +91039,8 @@
91147
91039
  {
91148
91040
  "description": "The background color of the flat focused Picker components.\n",
91149
91041
  "commentRange": {
91150
- "start": 430,
91151
- "end": 431
91042
+ "start": 423,
91043
+ "end": 424
91152
91044
  },
91153
91045
  "context": {
91154
91046
  "type": "variable",
@@ -91156,8 +91048,8 @@
91156
91048
  "value": "null",
91157
91049
  "scope": "default",
91158
91050
  "line": {
91159
- "start": 432,
91160
- "end": 432
91051
+ "start": 425,
91052
+ "end": 425
91161
91053
  }
91162
91054
  },
91163
91055
  "group": [
@@ -91174,8 +91066,8 @@
91174
91066
  {
91175
91067
  "description": "The text color of the flat focused Picker components.\n",
91176
91068
  "commentRange": {
91177
- "start": 433,
91178
- "end": 434
91069
+ "start": 426,
91070
+ "end": 427
91179
91071
  },
91180
91072
  "context": {
91181
91073
  "type": "variable",
@@ -91183,8 +91075,8 @@
91183
91075
  "value": "null",
91184
91076
  "scope": "default",
91185
91077
  "line": {
91186
- "start": 435,
91187
- "end": 435
91078
+ "start": 428,
91079
+ "end": 428
91188
91080
  }
91189
91081
  },
91190
91082
  "group": [
@@ -91201,8 +91093,8 @@
91201
91093
  {
91202
91094
  "description": "The border color of the flat focused Picker components.\n",
91203
91095
  "commentRange": {
91204
- "start": 436,
91205
- "end": 437
91096
+ "start": 429,
91097
+ "end": 430
91206
91098
  },
91207
91099
  "context": {
91208
91100
  "type": "variable",
@@ -91210,8 +91102,8 @@
91210
91102
  "value": "null",
91211
91103
  "scope": "default",
91212
91104
  "line": {
91213
- "start": 438,
91214
- "end": 438
91105
+ "start": 431,
91106
+ "end": 431
91215
91107
  }
91216
91108
  },
91217
91109
  "group": [
@@ -91228,8 +91120,8 @@
91228
91120
  {
91229
91121
  "description": "The shadow of the flat focused Picker components.\n",
91230
91122
  "commentRange": {
91231
- "start": 439,
91232
- "end": 440
91123
+ "start": 432,
91124
+ "end": 433
91233
91125
  },
91234
91126
  "context": {
91235
91127
  "type": "variable",
@@ -91237,8 +91129,8 @@
91237
91129
  "value": "$kendo-picker-focus-shadow",
91238
91130
  "scope": "default",
91239
91131
  "line": {
91240
- "start": 441,
91241
- "end": 441
91132
+ "start": 434,
91133
+ "end": 434
91242
91134
  }
91243
91135
  },
91244
91136
  "group": [
@@ -91255,8 +91147,8 @@
91255
91147
  {
91256
91148
  "description": "The background color of the flat hovered and focused Picker components.\n",
91257
91149
  "commentRange": {
91258
- "start": 443,
91259
- "end": 444
91150
+ "start": 436,
91151
+ "end": 437
91260
91152
  },
91261
91153
  "context": {
91262
91154
  "type": "variable",
@@ -91264,8 +91156,8 @@
91264
91156
  "value": "null",
91265
91157
  "scope": "default",
91266
91158
  "line": {
91267
- "start": 445,
91268
- "end": 445
91159
+ "start": 438,
91160
+ "end": 438
91269
91161
  }
91270
91162
  },
91271
91163
  "group": [
@@ -91282,8 +91174,8 @@
91282
91174
  {
91283
91175
  "description": "The text color of the flat hovered and focused Picker components.\n",
91284
91176
  "commentRange": {
91285
- "start": 446,
91286
- "end": 447
91177
+ "start": 439,
91178
+ "end": 440
91287
91179
  },
91288
91180
  "context": {
91289
91181
  "type": "variable",
@@ -91291,8 +91183,8 @@
91291
91183
  "value": "null",
91292
91184
  "scope": "default",
91293
91185
  "line": {
91294
- "start": 448,
91295
- "end": 448
91186
+ "start": 441,
91187
+ "end": 441
91296
91188
  }
91297
91189
  },
91298
91190
  "group": [
@@ -91309,8 +91201,8 @@
91309
91201
  {
91310
91202
  "description": "The border color of the flat hovered and focused Picker components.\n",
91311
91203
  "commentRange": {
91312
- "start": 449,
91313
- "end": 450
91204
+ "start": 442,
91205
+ "end": 443
91314
91206
  },
91315
91207
  "context": {
91316
91208
  "type": "variable",
@@ -91318,8 +91210,8 @@
91318
91210
  "value": "null",
91319
91211
  "scope": "default",
91320
91212
  "line": {
91321
- "start": 451,
91322
- "end": 451
91213
+ "start": 444,
91214
+ "end": 444
91323
91215
  }
91324
91216
  },
91325
91217
  "group": [
@@ -96796,7 +96688,7 @@
96796
96688
  "context": {
96797
96689
  "type": "variable",
96798
96690
  "name": "kendo-slider-draghandle-focus-shadow",
96799
- "value": "0 0 0 2px if($kendo-enable-color-system, rgba( k-color( primary, true ), .3 ), rgba( $kendo-color-primary , .3 ))",
96691
+ "value": "0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 30%, transparent), rgba( $kendo-color-primary , .3 ))",
96800
96692
  "scope": "default",
96801
96693
  "line": {
96802
96694
  "start": 96,
@@ -98518,7 +98410,7 @@
98518
98410
  "context": {
98519
98411
  "type": "variable",
98520
98412
  "name": "kendo-spreadsheet-selection-bg",
98521
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98413
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98522
98414
  "scope": "default",
98523
98415
  "line": {
98524
98416
  "start": 97,
@@ -98707,7 +98599,7 @@
98707
98599
  "context": {
98708
98600
  "type": "variable",
98709
98601
  "name": "kendo-spreadsheet-partial-selection-bg",
98710
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98602
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98711
98603
  "scope": "default",
98712
98604
  "line": {
98713
98605
  "start": 120,
@@ -98788,7 +98680,7 @@
98788
98680
  "context": {
98789
98681
  "type": "variable",
98790
98682
  "name": "kendo-spreadsheet-auto-fill-bg",
98791
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
98683
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
98792
98684
  "scope": "default",
98793
98685
  "line": {
98794
98686
  "start": 131,
@@ -99868,7 +99760,7 @@
99868
99760
  "context": {
99869
99761
  "type": "variable",
99870
99762
  "name": "kendo-spreadsheet-drawing-anchor-bg",
99871
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
99763
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
99872
99764
  "scope": "default",
99873
99765
  "line": {
99874
99766
  "start": 259,
@@ -100765,7 +100657,7 @@
100765
100657
  "context": {
100766
100658
  "type": "variable",
100767
100659
  "name": "kendo-stepper-indicator-disabled-text",
100768
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
100660
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
100769
100661
  "scope": "default",
100770
100662
  "line": {
100771
100663
  "start": 106,
@@ -100981,7 +100873,7 @@
100981
100873
  "context": {
100982
100874
  "type": "variable",
100983
100875
  "name": "kendo-stepper-indicator-done-disabled-bg",
100984
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
100876
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 60%, transparent), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%))",
100985
100877
  "scope": "default",
100986
100878
  "line": {
100987
100879
  "start": 133,
@@ -101413,7 +101305,7 @@
101413
101305
  "context": {
101414
101306
  "type": "variable",
101415
101307
  "name": "kendo-stepper-label-disabled-text",
101416
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text)",
101308
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), $kendo-disabled-text)",
101417
101309
  "scope": "default",
101418
101310
  "line": {
101419
101311
  "start": 185,
@@ -102256,7 +102148,7 @@
102256
102148
  "context": {
102257
102149
  "type": "variable",
102258
102150
  "name": "kendo-switch-off-track-focus-ring",
102259
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .08 ), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
102151
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 8%, transparent), rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ))",
102260
102152
  "scope": "default",
102261
102153
  "line": {
102262
102154
  "start": 71,
@@ -102931,7 +102823,7 @@
102931
102823
  "context": {
102932
102824
  "type": "variable",
102933
102825
  "name": "kendo-switch-on-track-focus-ring",
102934
- "value": "2px solid if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-switch-on-track-border, .25 ))",
102826
+ "value": "2px solid if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba( $kendo-switch-on-track-border, .25 ))",
102935
102827
  "scope": "default",
102936
102828
  "line": {
102937
102829
  "start": 153,
@@ -103855,7 +103747,7 @@
103855
103747
  "context": {
103856
103748
  "type": "variable",
103857
103749
  "name": "kendo-table-alt-row-bg",
103858
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
103750
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 5%, transparent), rgba( k-contrast-legacy( $kendo-table-bg ), .04 ))",
103859
103751
  "scope": "default",
103860
103752
  "line": {
103861
103753
  "start": 113,
@@ -103936,7 +103828,7 @@
103936
103828
  "context": {
103937
103829
  "type": "variable",
103938
103830
  "name": "kendo-table-hover-bg",
103939
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-color-darken($kendo-table-bg, 7%))",
103831
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 11%, transparent), k-color-darken($kendo-table-bg, 7%))",
103940
103832
  "scope": "default",
103941
103833
  "line": {
103942
103834
  "start": 124,
@@ -104125,7 +104017,7 @@
104125
104017
  "context": {
104126
104018
  "type": "variable",
104127
104019
  "name": "kendo-table-selected-bg",
104128
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba($kendo-selected-bg, .25))",
104020
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 25%, transparent), rgba($kendo-selected-bg, .25))",
104129
104021
  "scope": "default",
104130
104022
  "line": {
104131
104023
  "start": 149,
@@ -107524,7 +107416,7 @@
107524
107416
  "context": {
107525
107417
  "type": "variable",
107526
107418
  "name": "kendo-timeline-track-arrow-disabled-bg",
107527
- "value": "if($kendo-enable-color-system, rgba( k-color( base-subtle, true ), .6 ), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
107419
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( base-subtle ) 60%, transparent), k-true-mix($kendo-button-bg, $kendo-body-bg, 65%))",
107528
107420
  "scope": "default",
107529
107421
  "line": {
107530
107422
  "start": 39,
@@ -107551,7 +107443,7 @@
107551
107443
  "context": {
107552
107444
  "type": "variable",
107553
107445
  "name": "kendo-timeline-track-arrow-disabled-text",
107554
- "value": "if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
107446
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-base ) 60%, transparent), k-true-mix($kendo-button-text, $kendo-body-bg, 65%))",
107555
107447
  "scope": "default",
107556
107448
  "line": {
107557
107449
  "start": 42,