@progress/kendo-theme-fluent 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 (44) hide show
  1. package/dist/all.css +6 -1
  2. package/dist/meta/sassdoc-data.json +120 -120
  3. package/dist/meta/sassdoc-raw-data.json +60 -60
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/bottom-navigation/_variables.scss +5 -5
  8. package/scss/breadcrumb/_variables.scss +1 -1
  9. package/scss/button/_variables.scss +24 -24
  10. package/scss/chat/_variables.scss +1 -1
  11. package/scss/checkbox/_variables.scss +5 -5
  12. package/scss/chip/_variables.scss +7 -7
  13. package/scss/color-preview/_variables.scss +2 -2
  14. package/scss/coloreditor/_variables.scss +1 -1
  15. package/scss/colorgradient/_variables.scss +3 -3
  16. package/scss/colorpalette/_variables.scss +1 -1
  17. package/scss/core/color-system/_swatch-legacy.scss +4 -4
  18. package/scss/dataviz/_variables.scss +2 -2
  19. package/scss/dock-manager/_variables.scss +1 -1
  20. package/scss/drawer/_variables.scss +2 -2
  21. package/scss/editor/_variables.scss +1 -1
  22. package/scss/expansion-panel/_variables.scss +1 -1
  23. package/scss/gantt/_variables.scss +1 -1
  24. package/scss/grid/_theme.scss +1 -1
  25. package/scss/grid/_variables.scss +2 -2
  26. package/scss/imageeditor/_variables.scss +2 -2
  27. package/scss/input/_variables.scss +1 -1
  28. package/scss/list/_variables.scss +1 -1
  29. package/scss/mediaplayer/_variables.scss +1 -1
  30. package/scss/orgchart/_variables.scss +2 -2
  31. package/scss/progressbar/_variables.scss +2 -2
  32. package/scss/radio/_variables.scss +2 -2
  33. package/scss/signature/_variables.scss +2 -2
  34. package/scss/skeleton/_variables.scss +1 -1
  35. package/scss/slider/_variables.scss +7 -7
  36. package/scss/split-button/_variables.scss +1 -1
  37. package/scss/stepper/_variables.scss +1 -1
  38. package/scss/switch/_variables.scss +5 -5
  39. package/scss/table/_layout.scss +6 -1
  40. package/scss/table/_variables.scss +2 -2
  41. package/scss/taskboard/_variables.scss +1 -1
  42. package/scss/timeline/_variables.scss +2 -2
  43. package/scss/toolbar/_variables.scss +1 -1
  44. package/scss/upload/_variables.scss +1 -1
package/dist/meta/sassdoc-raw-data.json CHANGED
@@ -3758,7 +3758,7 @@
3758
3758
  "context": {
3759
3759
  "type": "variable",
3760
3760
  "name": "kendo-breadcrumb-focus-shadow",
3761
- "value": "0 0 0 1px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
3761
+ "value": "0 0 0 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
3762
3762
  "scope": "default",
3763
3763
  "line": {
3764
3764
  "start": 63,
@@ -9883,7 +9883,7 @@
9883
9883
  "context": {
9884
9884
  "type": "variable",
9885
9885
  "name": "kendo-chart-major-lines",
9886
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
9886
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
9887
9887
  "scope": "default",
9888
9888
  "line": {
9889
9889
  "start": 130,
@@ -9908,7 +9908,7 @@
9908
9908
  "context": {
9909
9909
  "type": "variable",
9910
9910
  "name": "kendo-chart-minor-lines",
9911
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
9911
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
9912
9912
  "scope": "default",
9913
9913
  "line": {
9914
9914
  "start": 133,
@@ -11883,7 +11883,7 @@
11883
11883
  "context": {
11884
11884
  "type": "variable",
11885
11885
  "name": "kendo-chat-border",
11886
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
11886
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
11887
11887
  "scope": "default",
11888
11888
  "line": {
11889
11889
  "start": 155,
@@ -12958,7 +12958,7 @@
12958
12958
  "context": {
12959
12959
  "type": "variable",
12960
12960
  "name": "kendo-checkbox-disabled-text",
12961
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
12961
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
12962
12962
  "scope": "default",
12963
12963
  "line": {
12964
12964
  "start": 116,
@@ -12983,7 +12983,7 @@
12983
12983
  "context": {
12984
12984
  "type": "variable",
12985
12985
  "name": "kendo-checkbox-disabled-border",
12986
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
12986
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
12987
12987
  "scope": "default",
12988
12988
  "line": {
12989
12989
  "start": 119,
@@ -13008,7 +13008,7 @@
13008
13008
  "context": {
13009
13009
  "type": "variable",
13010
13010
  "name": "kendo-checkbox-disabled-checked-bg",
13011
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
13011
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
13012
13012
  "scope": "default",
13013
13013
  "line": {
13014
13014
  "start": 123,
@@ -13108,7 +13108,7 @@
13108
13108
  "context": {
13109
13109
  "type": "variable",
13110
13110
  "name": "kendo-checkbox-disabled-indeterminate-text",
13111
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color( neutral, 60 ))",
13111
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color( neutral, 60 ))",
13112
13112
  "scope": "default",
13113
13113
  "line": {
13114
13114
  "start": 136,
@@ -13133,7 +13133,7 @@
13133
13133
  "context": {
13134
13134
  "type": "variable",
13135
13135
  "name": "kendo-checkbox-disabled-indeterminate-border",
13136
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
13136
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
13137
13137
  "scope": "default",
13138
13138
  "line": {
13139
13139
  "start": 139,
@@ -13908,7 +13908,7 @@
13908
13908
  "context": {
13909
13909
  "type": "variable",
13910
13910
  "name": "kendo-chip-outline-disabled-border",
13911
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
13911
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
13912
13912
  "scope": "default",
13913
13913
  "line": {
13914
13914
  "start": 40,
@@ -14733,7 +14733,7 @@
14733
14733
  "context": {
14734
14734
  "type": "variable",
14735
14735
  "name": "kendo-color-gradient-focus-border",
14736
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
14736
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
14737
14737
  "scope": "default",
14738
14738
  "line": {
14739
14739
  "start": 52,
@@ -14883,7 +14883,7 @@
14883
14883
  "context": {
14884
14884
  "type": "variable",
14885
14885
  "name": "kendo-color-gradient-canvas-rectangle-border",
14886
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
14886
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
14887
14887
  "scope": "default",
14888
14888
  "line": {
14889
14889
  "start": 71,
@@ -15008,7 +15008,7 @@
15008
15008
  "context": {
15009
15009
  "type": "variable",
15010
15010
  "name": "kendo-color-gradient-slider-border",
15011
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
15011
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
15012
15012
  "scope": "default",
15013
15013
  "line": {
15014
15014
  "start": 87,
@@ -15683,7 +15683,7 @@
15683
15683
  "context": {
15684
15684
  "type": "variable",
15685
15685
  "name": "kendo-color-preview-border",
15686
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
15686
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
15687
15687
  "scope": "default",
15688
15688
  "line": {
15689
15689
  "start": 17,
@@ -15708,7 +15708,7 @@
15708
15708
  "context": {
15709
15709
  "type": "variable",
15710
15710
  "name": "kendo-color-preview-hover-border",
15711
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
15711
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
15712
15712
  "scope": "default",
15713
15713
  "line": {
15714
15714
  "start": 20,
@@ -16108,7 +16108,7 @@
16108
16108
  "context": {
16109
16109
  "type": "variable",
16110
16110
  "name": "kendo-color-editor-focus-border",
16111
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
16111
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
16112
16112
  "scope": "default",
16113
16113
  "line": {
16114
16114
  "start": 42,
@@ -16758,7 +16758,7 @@
16758
16758
  "context": {
16759
16759
  "type": "variable",
16760
16760
  "name": "kendo-color-palette-tile-hover-outline",
16761
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .1 ), k-get-theme-color-var( neutral-20 ))",
16761
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 10%, transparent), k-get-theme-color-var( neutral-20 ))",
16762
16762
  "scope": "default",
16763
16763
  "line": {
16764
16764
  "start": 37,
@@ -18108,7 +18108,7 @@
18108
18108
  "context": {
18109
18109
  "type": "variable",
18110
18110
  "name": "kendo-dock-manager-dock-preview-bg",
18111
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .2 ), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
18111
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 20%, transparent), color-mix(in srgb, k-get-theme-color-var( primary-100 ) 20%, transparent))",
18112
18112
  "scope": "default",
18113
18113
  "line": {
18114
18114
  "start": 116,
@@ -18958,7 +18958,7 @@
18958
18958
  "context": {
18959
18959
  "type": "variable",
18960
18960
  "name": "kendo-drawer-scrollbar-color",
18961
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
18961
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
18962
18962
  "scope": "default",
18963
18963
  "line": {
18964
18964
  "start": 37,
@@ -19033,7 +19033,7 @@
19033
19033
  "context": {
19034
19034
  "type": "variable",
19035
19035
  "name": "kendo-drawer-scrollbar-hover-color",
19036
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), k-get-theme-color-var( neutral-110 ))",
19036
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 60%, transparent), k-get-theme-color-var( neutral-110 ))",
19037
19037
  "scope": "default",
19038
19038
  "line": {
19039
19039
  "start": 46,
@@ -20683,7 +20683,7 @@
20683
20683
  "context": {
20684
20684
  "type": "variable",
20685
20685
  "name": "kendo-editor-highlighted-bg",
20686
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .55 ), k-get-theme-color-var( primary-60 ))",
20686
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 55%, transparent), k-get-theme-color-var( primary-60 ))",
20687
20687
  "scope": "default",
20688
20688
  "line": {
20689
20689
  "start": 50,
@@ -21208,7 +21208,7 @@
21208
21208
  "context": {
21209
21209
  "type": "variable",
21210
21210
  "name": "kendo-expander-shadow",
21211
- "value": "inset 0 0 0 2px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
21211
+ "value": "inset 0 0 0 2px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
21212
21212
  "scope": "default",
21213
21213
  "line": {
21214
21214
  "start": 31,
@@ -26482,7 +26482,7 @@
26482
26482
  "context": {
26483
26483
  "type": "variable",
26484
26484
  "name": "kendo-gantt-nonwork-bg",
26485
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .04 )",
26485
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 4%, transparent), rgba( $kendo-color-black, .04 ))",
26486
26486
  "scope": "default",
26487
26487
  "line": {
26488
26488
  "start": 29,
@@ -30582,7 +30582,7 @@
30582
30582
  "context": {
30583
30583
  "type": "variable",
30584
30584
  "name": "kendo-grid-sticky-border",
30585
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .8 ), k-get-theme-color-var( neutral-90 ))",
30585
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 80%, transparent), k-get-theme-color-var( neutral-90 ))",
30586
30586
  "scope": "default",
30587
30587
  "line": {
30588
30588
  "start": 404,
@@ -31907,7 +31907,7 @@
31907
31907
  "context": {
31908
31908
  "type": "variable",
31909
31909
  "name": "kendo-grid-row-resizer-hover-bg",
31910
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
31910
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
31911
31911
  "scope": "default",
31912
31912
  "line": {
31913
31913
  "start": 577,
@@ -32107,7 +32107,7 @@
32107
32107
  "context": {
32108
32108
  "type": "variable",
32109
32109
  "name": "kendo-image-editor-border",
32110
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
32110
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
32111
32111
  "scope": "default",
32112
32112
  "line": {
32113
32113
  "start": 13,
@@ -32332,7 +32332,7 @@
32332
32332
  "context": {
32333
32333
  "type": "variable",
32334
32334
  "name": "kendo-image-editor-content-bg",
32335
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
32335
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
32336
32336
  "scope": "default",
32337
32337
  "line": {
32338
32338
  "start": 42,
@@ -34907,7 +34907,7 @@
34907
34907
  "context": {
34908
34908
  "type": "variable",
34909
34909
  "name": "kendo-picker-solid-disabled-bg",
34910
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .09 ), k-get-theme-color-var( neutral-30 ))",
34910
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-get-theme-color-var( neutral-30 ))",
34911
34911
  "scope": "default",
34912
34912
  "line": {
34913
34913
  "start": 326,
@@ -37207,7 +37207,7 @@
37207
37207
  "context": {
37208
37208
  "type": "variable",
37209
37209
  "name": "kendo-list-item-disabled-text",
37210
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
37210
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
37211
37211
  "scope": "default",
37212
37212
  "line": {
37213
37213
  "start": 261,
@@ -40607,7 +40607,7 @@
40607
40607
  "context": {
40608
40608
  "type": "variable",
40609
40609
  "name": "kendo-media-player-titlebar-bg",
40610
- "value": "rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), $kendo-color-black), .4 )",
40610
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 40%, transparent), rgba( $kendo-color-black, .4 ))",
40611
40611
  "scope": "default",
40612
40612
  "line": {
40613
40613
  "start": 46,
@@ -43257,7 +43257,7 @@
43257
43257
  "context": {
43258
43258
  "type": "variable",
43259
43259
  "name": "kendo-orgchart-node-group-border",
43260
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
43260
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
43261
43261
  "scope": "default",
43262
43262
  "line": {
43263
43263
  "start": 63,
@@ -43907,7 +43907,7 @@
43907
43907
  "context": {
43908
43908
  "type": "variable",
43909
43909
  "name": "kendo-orgchart-line-text",
43910
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
43910
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
43911
43911
  "scope": "default",
43912
43912
  "line": {
43913
43913
  "start": 149,
@@ -50382,7 +50382,7 @@
50382
50382
  "context": {
50383
50383
  "type": "variable",
50384
50384
  "name": "kendo-progressbar-disabled-bg",
50385
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
50385
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
50386
50386
  "scope": "default",
50387
50387
  "line": {
50388
50388
  "start": 70,
@@ -50407,7 +50407,7 @@
50407
50407
  "context": {
50408
50408
  "type": "variable",
50409
50409
  "name": "kendo-progressbar-disabled-text",
50410
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
50410
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
50411
50411
  "scope": "default",
50412
50412
  "line": {
50413
50413
  "start": 73,
@@ -51732,7 +51732,7 @@
51732
51732
  "context": {
51733
51733
  "type": "variable",
51734
51734
  "name": "kendo-radio-disabled-text",
51735
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
51735
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
51736
51736
  "scope": "default",
51737
51737
  "line": {
51738
51738
  "start": 97,
@@ -51757,7 +51757,7 @@
51757
51757
  "context": {
51758
51758
  "type": "variable",
51759
51759
  "name": "kendo-radio-disabled-border",
51760
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
51760
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
51761
51761
  "scope": "default",
51762
51762
  "line": {
51763
51763
  "start": 100,
@@ -55557,7 +55557,7 @@
55557
55557
  "context": {
55558
55558
  "type": "variable",
55559
55559
  "name": "kendo-signature-line-color",
55560
- "value": "rgba( if($kendo-enable-color-system, k-color( info, true ), k-get-theme-color( info, 100 )), .4 )",
55560
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( info ) 40%, transparent), rgba( k-get-theme-color( info, 100 ), .4 ))",
55561
55561
  "scope": "default",
55562
55562
  "line": {
55563
55563
  "start": 41,
@@ -55582,7 +55582,7 @@
55582
55582
  "context": {
55583
55583
  "type": "variable",
55584
55584
  "name": "kendo-signature-line-disabled-color",
55585
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
55585
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
55586
55586
  "scope": "default",
55587
55587
  "line": {
55588
55588
  "start": 44,
@@ -55857,7 +55857,7 @@
55857
55857
  "context": {
55858
55858
  "type": "variable",
55859
55859
  "name": "kendo-skeleton-item-bg",
55860
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
55860
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
55861
55861
  "scope": "default",
55862
55862
  "line": {
55863
55863
  "start": 20,
@@ -56132,7 +56132,7 @@
56132
56132
  "context": {
56133
56133
  "type": "variable",
56134
56134
  "name": "kendo-slider-track-bg",
56135
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56135
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56136
56136
  "scope": "default",
56137
56137
  "line": {
56138
56138
  "start": 36,
@@ -56182,7 +56182,7 @@
56182
56182
  "context": {
56183
56183
  "type": "variable",
56184
56184
  "name": "kendo-slider-track-hover-bg",
56185
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56185
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56186
56186
  "scope": "default",
56187
56187
  "line": {
56188
56188
  "start": 42,
@@ -56232,7 +56232,7 @@
56232
56232
  "context": {
56233
56233
  "type": "variable",
56234
56234
  "name": "kendo-slider-track-focus-bg",
56235
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56235
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56236
56236
  "scope": "default",
56237
56237
  "line": {
56238
56238
  "start": 48,
@@ -56832,7 +56832,7 @@
56832
56832
  "context": {
56833
56833
  "type": "variable",
56834
56834
  "name": "kendo-slider-disabled-text",
56835
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .7 ), k-get-theme-color-var( neutral-130 ))",
56835
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), k-get-theme-color-var( neutral-130 ))",
56836
56836
  "scope": "default",
56837
56837
  "line": {
56838
56838
  "start": 127,
@@ -56857,7 +56857,7 @@
56857
56857
  "context": {
56858
56858
  "type": "variable",
56859
56859
  "name": "kendo-slider-track-disabled-bg",
56860
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
56860
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
56861
56861
  "scope": "default",
56862
56862
  "line": {
56863
56863
  "start": 130,
@@ -56882,7 +56882,7 @@
56882
56882
  "context": {
56883
56883
  "type": "variable",
56884
56884
  "name": "kendo-slider-selection-disabled-bg",
56885
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .46 ), k-get-theme-color-var( neutral-90 ))",
56885
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), k-get-theme-color-var( neutral-90 ))",
56886
56886
  "scope": "default",
56887
56887
  "line": {
56888
56888
  "start": 133,
@@ -56907,7 +56907,7 @@
56907
56907
  "context": {
56908
56908
  "type": "variable",
56909
56909
  "name": "kendo-slider-thumb-disabled-border",
56910
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
56910
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
56911
56911
  "scope": "default",
56912
56912
  "line": {
56913
56913
  "start": 136,
@@ -57280,7 +57280,7 @@
57280
57280
  "context": {
57281
57281
  "type": "variable",
57282
57282
  "name": "kendo-split-button-arrow-delimiter-bg",
57283
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
57283
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
57284
57284
  "scope": "default",
57285
57285
  "line": {
57286
57286
  "start": 32,
@@ -61180,7 +61180,7 @@
61180
61180
  "context": {
61181
61181
  "type": "variable",
61182
61182
  "name": "kendo-stepper-indicator-done-disabled-bg",
61183
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .22 ), k-get-theme-color-var( primary-30 ))",
61183
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 22%, transparent), k-get-theme-color-var( primary-30 ))",
61184
61184
  "scope": "default",
61185
61185
  "line": {
61186
61186
  "start": 122,
@@ -62255,7 +62255,7 @@
62255
62255
  "context": {
62256
62256
  "type": "variable",
62257
62257
  "name": "kendo-switch-off-track-disabled-border",
62258
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62258
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62259
62259
  "scope": "default",
62260
62260
  "line": {
62261
62261
  "start": 73,
@@ -62430,7 +62430,7 @@
62430
62430
  "context": {
62431
62431
  "type": "variable",
62432
62432
  "name": "kendo-switch-off-thumb-disabled-bg",
62433
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62433
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62434
62434
  "scope": "default",
62435
62435
  "line": {
62436
62436
  "start": 97,
@@ -62480,7 +62480,7 @@
62480
62480
  "context": {
62481
62481
  "type": "variable",
62482
62482
  "name": "kendo-switch-off-thumb-disabled-border",
62483
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62483
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62484
62484
  "scope": "default",
62485
62485
  "line": {
62486
62486
  "start": 103,
@@ -62730,7 +62730,7 @@
62730
62730
  "context": {
62731
62731
  "type": "variable",
62732
62732
  "name": "kendo-switch-on-track-disabled-bg",
62733
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
62733
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
62734
62734
  "scope": "default",
62735
62735
  "line": {
62736
62736
  "start": 138,
@@ -63005,7 +63005,7 @@
63005
63005
  "context": {
63006
63006
  "type": "variable",
63007
63007
  "name": "kendo-switch-on-thumb-disabled-border",
63008
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .06 ), k-get-theme-color-var( neutral-20 ))",
63008
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 6%, transparent), k-get-theme-color-var( neutral-20 ))",
63009
63009
  "scope": "default",
63010
63010
  "line": {
63011
63011
  "start": 174,
@@ -63905,7 +63905,7 @@
63905
63905
  "context": {
63906
63906
  "type": "variable",
63907
63907
  "name": "kendo-table-selected-bg",
63908
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .13 ), k-get-theme-color-var( primary-20 ))",
63908
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 13%, transparent), k-get-theme-color-var( primary-20 ))",
63909
63909
  "scope": "default",
63910
63910
  "line": {
63911
63911
  "start": 171,
@@ -63980,7 +63980,7 @@
63980
63980
  "context": {
63981
63981
  "type": "variable",
63982
63982
  "name": "kendo-table-selected-hover-bg",
63983
- "value": "if($kendo-enable-color-system, rgba( k-color( primary, true ), .26 ), k-get-theme-color-var( primary-30 ))",
63983
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 26%, transparent), k-get-theme-color-var( primary-30 ))",
63984
63984
  "scope": "default",
63985
63985
  "line": {
63986
63986
  "start": 181,
@@ -66680,7 +66680,7 @@
66680
66680
  "context": {
66681
66681
  "type": "variable",
66682
66682
  "name": "kendo-taskboard-drag-placeholder-bg",
66683
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .23 ), k-get-theme-color-var( neutral-50 ))",
66683
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 23%, transparent), k-get-theme-color-var( neutral-50 ))",
66684
66684
  "scope": "default",
66685
66685
  "line": {
66686
66686
  "start": 205,
@@ -68155,7 +68155,7 @@
68155
68155
  "context": {
68156
68156
  "type": "variable",
68157
68157
  "name": "kendo-timeline-track-border-color",
68158
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
68158
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
68159
68159
  "scope": "default",
68160
68160
  "line": {
68161
68161
  "start": 68,
@@ -68730,7 +68730,7 @@
68730
68730
  "context": {
68731
68731
  "type": "variable",
68732
68732
  "name": "kendo-timeline-card-body-scroll-border",
68733
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
68733
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
68734
68734
  "scope": "default",
68735
68735
  "line": {
68736
68736
  "start": 141,
@@ -69580,7 +69580,7 @@
69580
69580
  "context": {
69581
69581
  "type": "variable",
69582
69582
  "name": "kendo-toolbar-separator-border",
69583
- "value": "if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .28 ), k-get-theme-color-var( neutral-60 ))",
69583
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 28%, transparent), k-get-theme-color-var( neutral-60 ))",
69584
69584
  "scope": "default",
69585
69585
  "line": {
69586
69586
  "start": 60,
@@ -72314,7 +72314,7 @@
72314
72314
  "context": {
72315
72315
  "type": "variable",
72316
72316
  "name": "kendo-upload-dropzone-border",
72317
- "value": "if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 ))",
72317
+ "value": "if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 ))",
72318
72318
  "scope": "default",
72319
72319
  "line": {
72320
72320
  "start": 44,
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.2.1-dev.7",
6
+ "version": "7.2.1",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.2.1-dev.7",
6
+ "version": "7.2.1",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
4
- "version": "7.2.1-dev.7",
4
+ "version": "7.2.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,12 +53,12 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "2.1.0",
56
- "@progress/kendo-theme-core": "7.2.1-dev.7",
57
- "@progress/kendo-theme-utils": "7.2.1-dev.7"
56
+ "@progress/kendo-theme-core": "7.2.1",
57
+ "@progress/kendo-theme-utils": "7.2.1"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "363fde69c7406461ad54feb7725ae2398a4b019b"
63
+ "gitHead": "d84d6dd15dc96b01d20ce0a202650d237e5c200c"
64
64
  }
package/scss/bottom-navigation/_variables.scss CHANGED
@@ -82,10 +82,10 @@ $_tc-bottom-nav-matrix: (
82
82
  disabled: if($kendo-enable-color-system, (inherit, on-color-disabled, transparent), ( inherit, 40, var( --kendo-disabled-border, inherit )))
83
83
  ),
84
84
  flat: (
85
- normal: if($kendo-enable-color-system, (app-surface, on-app-surface, rgba( k-color( border, true ), 0.16 )), ($kendo-color-white, k-get-theme-color-var( neutral-130 ), k-get-theme-color-var( neutral-30 ))),
85
+ normal: if($kendo-enable-color-system, (app-surface, on-app-surface, color-mix(in srgb, k-color( border ) 16%, transparent)), ($kendo-color-white, k-get-theme-color-var( neutral-130 ), k-get-theme-color-var( neutral-30 ))),
86
86
  focus: if($kendo-enable-color-system, (inherit, color, transparent, color), (inherit, 100, transparent, 100)),
87
87
  active: if($kendo-enable-color-system, (inherit, color, transparent), (inherit, 100, transparent)),
88
- disabled: if($kendo-enable-color-system, (initial, rgba( k-color( on-app-surface, true ), .46 ), initial), (initial, var( --kendo-disabled-text, inherit ), initial))
88
+ disabled: if($kendo-enable-color-system, (initial, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), initial), (initial, var( --kendo-disabled-text, inherit ), initial))
89
89
  )
90
90
  ) !default;
91
91
 
@@ -100,7 +100,7 @@ $_tc-bottom-nav-warning-matrix: (
100
100
  normal: if($kendo-enable-color-system, (app-surface, on-app-surface, color), ($kendo-color-white, k-get-theme-color-var( neutral-130 ), 100)),
101
101
  focus: if($kendo-enable-color-system, (inherit, color, transparent, color), (inherit, 100, transparent, 100)),
102
102
  active: if($kendo-enable-color-system, (inherit, color, transparent), (inherit, 100, transparent)),
103
- disabled: if($kendo-enable-color-system, (initial, rgba( k-color( on-app-surface, true ), .46 ), initial), (initial, var( --kendo-disabled-text, inherit ), initial))
103
+ disabled: if($kendo-enable-color-system, (initial, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), initial), (initial, var( --kendo-disabled-text, inherit ), initial))
104
104
  )
105
105
  ) !default;
106
106
 
@@ -115,7 +115,7 @@ $_tc-bottom-nav-dark-matrix: (
115
115
  normal: if($kendo-enable-color-system, (app-surface, on-app-surface, color), ($kendo-color-white, k-get-theme-color-var( neutral-130 ), k-get-theme-color-var( neutral-140 ))),
116
116
  focus: if($kendo-enable-color-system, (inherit, color, transparent, color), (inherit, 160, transparent, 130)),
117
117
  active: if($kendo-enable-color-system, (inherit, color, transparent), (inherit, 170, transparent)),
118
- disabled: if($kendo-enable-color-system, (inherit, rgba( k-color( on-app-surface, true ), .46 ), initial), (inherit, var( --kendo-disabled-text, inherit ), initial))
118
+ disabled: if($kendo-enable-color-system, (inherit, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), initial), (inherit, var( --kendo-disabled-text, inherit ), initial))
119
119
  )
120
120
  ) !default;
121
121
 
@@ -130,7 +130,7 @@ $_tc-bottom-nav-light-matrix: (
130
130
  normal: if($kendo-enable-color-system, (app-surface, on-app-surface, transparent), ($kendo-color-white, k-get-theme-color-var( neutral-130 ), transparent)),
131
131
  focus: if($kendo-enable-color-system, (inherit, color, transparent, color), (inherit, 130, transparent, 130)),
132
132
  active: if($kendo-enable-color-system, (inherit, color, transparent), (inherit, 130, transparent)),
133
- disabled: if($kendo-enable-color-system, (inherit, rgba( k-color( on-app-surface, true ), .46 ), initial), (inherit, var( --kendo-disabled-text, inherit ), initial))
133
+ disabled: if($kendo-enable-color-system, (inherit, color-mix(in srgb, k-color( on-app-surface ) 46%, transparent), initial), (inherit, var( --kendo-disabled-text, inherit ), initial))
134
134
  )
135
135
  ) !default;
136
136
 
package/scss/breadcrumb/_variables.scss CHANGED
@@ -60,7 +60,7 @@ $kendo-breadcrumb-text: get-theme-color-var( neutral-130 ) !default;
60
60
  $kendo-breadcrumb-border: transparent !default;
61
61
  /// The box shadow of the focused breadcrumb
62
62
  /// @group breadcrumb
63
- $kendo-breadcrumb-focus-shadow: 0 0 0 1px if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
63
+ $kendo-breadcrumb-focus-shadow: 0 0 0 1px if($kendo-enable-color-system, color-mix(in srgb, k-color( border ) 16%, transparent), k-get-theme-color-var( neutral-30 )) !default;
64
64
 
65
65
  /// The horizontal padding of the Breadcrumb link
66
66
  /// @group breadcrumb