@progress/kendo-theme-fluent 13.0.1-dev.0 → 13.0.1-dev.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.
@@ -17450,7 +17450,7 @@
17450
17450
  "context": {
17451
17451
  "type": "variable",
17452
17452
  "name": "kendo-chat-bg",
17453
- "value": "var( --kendo-chat-bg, transparent )",
17453
+ "value": "var( --kendo-chat-bg, #{k-color(app-surface)} )",
17454
17454
  "scope": "default",
17455
17455
  "line": {
17456
17456
  "start": 126,
@@ -17465,7 +17465,7 @@
17465
17465
  "path": "fluent/scss/chat/_variables.scss",
17466
17466
  "name": "_variables.scss"
17467
17467
  },
17468
- "resolvedValue": "var(--kendo-chat-bg, transparent)",
17468
+ "resolvedValue": "var(--kendo-chat-bg, var(--kendo-color-app-surface, #fafafa))",
17469
17469
  "resolvedType": "String"
17470
17470
  },
17471
17471
  {
@@ -32487,7 +32487,7 @@
32487
32487
  "context": {
32488
32488
  "type": "variable",
32489
32489
  "name": "kendo-file-box-wrapper-scroll-gradient",
32490
- "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
32490
+ "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
32491
32491
  "scope": "default",
32492
32492
  "line": {
32493
32493
  "start": 54,
@@ -32502,7 +32502,7 @@
32502
32502
  "path": "fluent/scss/file-box/_variables.scss",
32503
32503
  "name": "_variables.scss"
32504
32504
  },
32505
- "resolvedValue": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)",
32505
+ "resolvedValue": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)",
32506
32506
  "resolvedType": "String"
32507
32507
  },
32508
32508
  {
@@ -46358,7 +46358,7 @@
46358
46358
  "context": {
46359
46359
  "type": "variable",
46360
46360
  "name": "kendo-input-flat-bg",
46361
- "value": "var( --kendo-input-flat-bg, k-color(app-surface) )",
46361
+ "value": "var( --kendo-input-flat-bg, transparent )",
46362
46362
  "scope": "default",
46363
46363
  "line": {
46364
46364
  "start": 206,
@@ -46373,7 +46373,7 @@
46373
46373
  "path": "fluent/scss/input/_variables.scss",
46374
46374
  "name": "_variables.scss"
46375
46375
  },
46376
- "resolvedValue": "var(--kendo-input-flat-bg, var(--kendo-color-app-surface, #fafafa))",
46376
+ "resolvedValue": "var(--kendo-input-flat-bg, transparent)",
46377
46377
  "resolvedType": "String"
46378
46378
  },
46379
46379
  {
@@ -46439,7 +46439,7 @@
46439
46439
  "context": {
46440
46440
  "type": "variable",
46441
46441
  "name": "kendo-input-flat-hover-bg",
46442
- "value": "k-color(app-surface)",
46442
+ "value": "transparent",
46443
46443
  "scope": "default",
46444
46444
  "line": {
46445
46445
  "start": 218,
@@ -46454,8 +46454,8 @@
46454
46454
  "path": "fluent/scss/input/_variables.scss",
46455
46455
  "name": "_variables.scss"
46456
46456
  },
46457
- "resolvedValue": "var(--kendo-color-app-surface, #fafafa)",
46458
- "resolvedType": "String"
46457
+ "resolvedValue": "transparent",
46458
+ "resolvedType": "Color"
46459
46459
  },
46460
46460
  {
46461
46461
  "description": "The border color of the hovered flat Input components.\n",
@@ -46520,7 +46520,7 @@
46520
46520
  "context": {
46521
46521
  "type": "variable",
46522
46522
  "name": "kendo-input-flat-focus-bg",
46523
- "value": "k-color(app-surface)",
46523
+ "value": "transparent",
46524
46524
  "scope": "default",
46525
46525
  "line": {
46526
46526
  "start": 230,
@@ -46535,8 +46535,8 @@
46535
46535
  "path": "fluent/scss/input/_variables.scss",
46536
46536
  "name": "_variables.scss"
46537
46537
  },
46538
- "resolvedValue": "var(--kendo-color-app-surface, #fafafa)",
46539
- "resolvedType": "String"
46538
+ "resolvedValue": "transparent",
46539
+ "resolvedType": "Color"
46540
46540
  },
46541
46541
  {
46542
46542
  "description": "The border color of the focused flat Input components.\n",
@@ -63155,7 +63155,7 @@
63155
63155
  "context": {
63156
63156
  "type": "variable",
63157
63157
  "name": "kendo-picker-flat-bg",
63158
- "value": "var( --kendo-picker-flat-bg, none )",
63158
+ "value": "var( --kendo-picker-flat-bg, transparent )",
63159
63159
  "scope": "default",
63160
63160
  "line": {
63161
63161
  "start": 377,
@@ -63170,7 +63170,7 @@
63170
63170
  "path": "fluent/scss/input/_variables.scss",
63171
63171
  "name": "_variables.scss"
63172
63172
  },
63173
- "resolvedValue": "var(--kendo-picker-flat-bg, none)",
63173
+ "resolvedValue": "var(--kendo-picker-flat-bg, transparent)",
63174
63174
  "resolvedType": "String"
63175
63175
  },
63176
63176
  {
@@ -80874,7 +80874,7 @@
80874
80874
  "context": {
80875
80875
  "type": "variable",
80876
80876
  "name": "kendo-suggestion-scroll-gradient",
80877
- "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
80877
+ "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
80878
80878
  "scope": "default",
80879
80879
  "line": {
80880
80880
  "start": 48,
@@ -80889,7 +80889,7 @@
80889
80889
  "path": "fluent/scss/suggestion/_variables.scss",
80890
80890
  "name": "_variables.scss"
80891
80891
  },
80892
- "resolvedValue": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)",
80892
+ "resolvedValue": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)",
80893
80893
  "resolvedType": "String"
80894
80894
  },
80895
80895
  {
@@ -119862,7 +119862,7 @@
119862
119862
  "context": {
119863
119863
  "type": "variable",
119864
119864
  "name": "kendo-chat-bg",
119865
- "value": "var( --kendo-chat-bg, transparent )",
119865
+ "value": "var( --kendo-chat-bg, #{k-color(app-surface)} )",
119866
119866
  "scope": "default",
119867
119867
  "line": {
119868
119868
  "start": 126,
@@ -119877,7 +119877,7 @@
119877
119877
  "path": "fluent/scss/chat/_variables.scss",
119878
119878
  "name": "_variables.scss"
119879
119879
  },
119880
- "resolvedValue": "var(--kendo-chat-bg, transparent)",
119880
+ "resolvedValue": "var(--kendo-chat-bg, var(--kendo-color-app-surface, #fafafa))",
119881
119881
  "resolvedType": "String"
119882
119882
  },
119883
119883
  {
@@ -135620,7 +135620,7 @@
135620
135620
  "context": {
135621
135621
  "type": "variable",
135622
135622
  "name": "kendo-file-box-wrapper-scroll-gradient",
135623
- "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
135623
+ "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
135624
135624
  "scope": "default",
135625
135625
  "line": {
135626
135626
  "start": 54,
@@ -135635,7 +135635,7 @@
135635
135635
  "path": "fluent/scss/file-box/_variables.scss",
135636
135636
  "name": "_variables.scss"
135637
135637
  },
135638
- "resolvedValue": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)",
135638
+ "resolvedValue": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)",
135639
135639
  "resolvedType": "String"
135640
135640
  }
135641
135641
  ]
@@ -149679,7 +149679,7 @@
149679
149679
  "context": {
149680
149680
  "type": "variable",
149681
149681
  "name": "kendo-input-flat-bg",
149682
- "value": "var( --kendo-input-flat-bg, k-color(app-surface) )",
149682
+ "value": "var( --kendo-input-flat-bg, transparent )",
149683
149683
  "scope": "default",
149684
149684
  "line": {
149685
149685
  "start": 206,
@@ -149694,7 +149694,7 @@
149694
149694
  "path": "fluent/scss/input/_variables.scss",
149695
149695
  "name": "_variables.scss"
149696
149696
  },
149697
- "resolvedValue": "var(--kendo-input-flat-bg, var(--kendo-color-app-surface, #fafafa))",
149697
+ "resolvedValue": "var(--kendo-input-flat-bg, transparent)",
149698
149698
  "resolvedType": "String"
149699
149699
  },
149700
149700
  {
@@ -149760,7 +149760,7 @@
149760
149760
  "context": {
149761
149761
  "type": "variable",
149762
149762
  "name": "kendo-input-flat-hover-bg",
149763
- "value": "k-color(app-surface)",
149763
+ "value": "transparent",
149764
149764
  "scope": "default",
149765
149765
  "line": {
149766
149766
  "start": 218,
@@ -149775,8 +149775,8 @@
149775
149775
  "path": "fluent/scss/input/_variables.scss",
149776
149776
  "name": "_variables.scss"
149777
149777
  },
149778
- "resolvedValue": "var(--kendo-color-app-surface, #fafafa)",
149779
- "resolvedType": "String"
149778
+ "resolvedValue": "transparent",
149779
+ "resolvedType": "Color"
149780
149780
  },
149781
149781
  {
149782
149782
  "description": "The border color of the hovered flat Input components.\n",
@@ -149841,7 +149841,7 @@
149841
149841
  "context": {
149842
149842
  "type": "variable",
149843
149843
  "name": "kendo-input-flat-focus-bg",
149844
- "value": "k-color(app-surface)",
149844
+ "value": "transparent",
149845
149845
  "scope": "default",
149846
149846
  "line": {
149847
149847
  "start": 230,
@@ -149856,8 +149856,8 @@
149856
149856
  "path": "fluent/scss/input/_variables.scss",
149857
149857
  "name": "_variables.scss"
149858
149858
  },
149859
- "resolvedValue": "var(--kendo-color-app-surface, #fafafa)",
149860
- "resolvedType": "String"
149859
+ "resolvedValue": "transparent",
149860
+ "resolvedType": "Color"
149861
149861
  },
149862
149862
  {
149863
149863
  "description": "The border color of the focused flat Input components.\n",
@@ -167397,7 +167397,7 @@
167397
167397
  "context": {
167398
167398
  "type": "variable",
167399
167399
  "name": "kendo-picker-flat-bg",
167400
- "value": "var( --kendo-picker-flat-bg, none )",
167400
+ "value": "var( --kendo-picker-flat-bg, transparent )",
167401
167401
  "scope": "default",
167402
167402
  "line": {
167403
167403
  "start": 377,
@@ -167412,7 +167412,7 @@
167412
167412
  "path": "fluent/scss/input/_variables.scss",
167413
167413
  "name": "_variables.scss"
167414
167414
  },
167415
- "resolvedValue": "var(--kendo-picker-flat-bg, none)",
167415
+ "resolvedValue": "var(--kendo-picker-flat-bg, transparent)",
167416
167416
  "resolvedType": "String"
167417
167417
  },
167418
167418
  {
@@ -185108,7 +185108,7 @@
185108
185108
  "context": {
185109
185109
  "type": "variable",
185110
185110
  "name": "kendo-suggestion-scroll-gradient",
185111
- "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
185111
+ "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
185112
185112
  "scope": "default",
185113
185113
  "line": {
185114
185114
  "start": 48,
@@ -185123,7 +185123,7 @@
185123
185123
  "path": "fluent/scss/suggestion/_variables.scss",
185124
185124
  "name": "_variables.scss"
185125
185125
  },
185126
- "resolvedValue": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)",
185126
+ "resolvedValue": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)",
185127
185127
  "resolvedType": "String"
185128
185128
  },
185129
185129
  {
@@ -16137,7 +16137,7 @@
16137
16137
  "context": {
16138
16138
  "type": "variable",
16139
16139
  "name": "kendo-chat-bg",
16140
- "value": "var( --kendo-chat-bg, transparent )",
16140
+ "value": "var( --kendo-chat-bg, #{k-color(app-surface)} )",
16141
16141
  "scope": "default",
16142
16142
  "line": {
16143
16143
  "start": 126,
@@ -29967,7 +29967,7 @@
29967
29967
  "context": {
29968
29968
  "type": "variable",
29969
29969
  "name": "kendo-file-box-wrapper-scroll-gradient",
29970
- "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
29970
+ "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
29971
29971
  "scope": "default",
29972
29972
  "line": {
29973
29973
  "start": 54,
@@ -42797,7 +42797,7 @@
42797
42797
  "context": {
42798
42798
  "type": "variable",
42799
42799
  "name": "kendo-input-flat-bg",
42800
- "value": "var( --kendo-input-flat-bg, k-color(app-surface) )",
42800
+ "value": "var( --kendo-input-flat-bg, transparent )",
42801
42801
  "scope": "default",
42802
42802
  "line": {
42803
42803
  "start": 206,
@@ -42872,7 +42872,7 @@
42872
42872
  "context": {
42873
42873
  "type": "variable",
42874
42874
  "name": "kendo-input-flat-hover-bg",
42875
- "value": "k-color(app-surface)",
42875
+ "value": "transparent",
42876
42876
  "scope": "default",
42877
42877
  "line": {
42878
42878
  "start": 218,
@@ -42947,7 +42947,7 @@
42947
42947
  "context": {
42948
42948
  "type": "variable",
42949
42949
  "name": "kendo-input-flat-focus-bg",
42950
- "value": "k-color(app-surface)",
42950
+ "value": "transparent",
42951
42951
  "scope": "default",
42952
42952
  "line": {
42953
42953
  "start": 230,
@@ -58138,7 +58138,7 @@
58138
58138
  "context": {
58139
58139
  "type": "variable",
58140
58140
  "name": "kendo-picker-flat-bg",
58141
- "value": "var( --kendo-picker-flat-bg, none )",
58141
+ "value": "var( --kendo-picker-flat-bg, transparent )",
58142
58142
  "scope": "default",
58143
58143
  "line": {
58144
58144
  "start": 377,
@@ -74478,7 +74478,7 @@
74478
74478
  "context": {
74479
74479
  "type": "variable",
74480
74480
  "name": "kendo-suggestion-scroll-gradient",
74481
- "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% )",
74481
+ "value": "var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% )",
74482
74482
  "scope": "default",
74483
74483
  "line": {
74484
74484
  "start": 48,
@@ -3071,7 +3071,7 @@
3071
3071
  },
3072
3072
  "kendo-suggestion-scroll-gradient": {
3073
3073
  "type": "String",
3074
- "value": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)"
3074
+ "value": "var(--kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)"
3075
3075
  },
3076
3076
  "kendo-bubble-border-radius": {
3077
3077
  "type": "String",
@@ -4416,7 +4416,7 @@
4416
4416
  },
4417
4417
  "kendo-input-flat-bg": {
4418
4418
  "type": "String",
4419
- "value": "var(--kendo-input-flat-bg, var(--kendo-color-app-surface, #fafafa))"
4419
+ "value": "var(--kendo-input-flat-bg, transparent)"
4420
4420
  },
4421
4421
  "kendo-input-flat-text": {
4422
4422
  "type": "String",
@@ -4427,8 +4427,8 @@
4427
4427
  "value": "var(--kendo-input-flat-border, var(--kendo-color-border, rgba(36, 36, 36, 0.72)))"
4428
4428
  },
4429
4429
  "kendo-input-flat-hover-bg": {
4430
- "type": "String",
4431
- "value": "var(--kendo-color-app-surface, #fafafa)"
4430
+ "type": "Color",
4431
+ "value": "transparent"
4432
4432
  },
4433
4433
  "kendo-input-flat-hover-text": {
4434
4434
  "type": "String",
@@ -4439,8 +4439,8 @@
4439
4439
  "value": "var(--kendo-color-border-alt, #000000)"
4440
4440
  },
4441
4441
  "kendo-input-flat-focus-bg": {
4442
- "type": "String",
4443
- "value": "var(--kendo-color-app-surface, #fafafa)"
4442
+ "type": "Color",
4443
+ "value": "transparent"
4444
4444
  },
4445
4445
  "kendo-input-flat-focus-text": {
4446
4446
  "type": "String",
@@ -4672,7 +4672,7 @@
4672
4672
  },
4673
4673
  "kendo-picker-flat-bg": {
4674
4674
  "type": "String",
4675
- "value": "var(--kendo-picker-flat-bg, none)"
4675
+ "value": "var(--kendo-picker-flat-bg, transparent)"
4676
4676
  },
4677
4677
  "kendo-picker-flat-text": {
4678
4678
  "type": "String",
@@ -16485,7 +16485,7 @@
16485
16485
  },
16486
16486
  "kendo-file-box-wrapper-scroll-gradient": {
16487
16487
  "type": "String",
16488
- "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)"
16488
+ "value": "var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0) 0%, var(--kendo-color-app-surface, #fafafa) 100%)"
16489
16489
  },
16490
16490
  "kendo-prompt-box-border-radius": {
16491
16491
  "type": "String",
@@ -16657,7 +16657,7 @@
16657
16657
  },
16658
16658
  "kendo-chat-bg": {
16659
16659
  "type": "String",
16660
- "value": "var(--kendo-chat-bg, transparent)"
16660
+ "value": "var(--kendo-chat-bg, var(--kendo-color-app-surface, #fafafa))"
16661
16661
  },
16662
16662
  "kendo-chat-text": {
16663
16663
  "type": "String",
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.1-dev.0",
6
+ "version": "13.0.1-dev.1",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.1-dev.0",
6
+ "version": "13.0.1-dev.1",
7
7
  "previewColors": [
8
8
  "#1b1a19",
9
9
  "#21201f",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent 1",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.1-dev.0",
6
+ "version": "13.0.1-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#faf9f8",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.1-dev.0",
6
+ "version": "13.0.1-dev.1",
7
7
  "previewColors": [
8
8
  "#1F1F1F",
9
9
  "#292929",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "13.0.1-dev.0",
6
+ "version": "13.0.1-dev.1",
7
7
  "previewColors": [
8
8
  "#fafafa",
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": "13.0.1-dev.0",
4
+ "version": "13.0.1-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -55,12 +55,12 @@
55
55
  },
56
56
  "dependencies": {
57
57
  "@progress/kendo-svg-icons": "^4.8.0",
58
- "@progress/kendo-theme-core": "13.0.1-dev.0",
59
- "@progress/kendo-theme-utils": "13.0.1-dev.0"
58
+ "@progress/kendo-theme-core": "13.0.1-dev.1",
59
+ "@progress/kendo-theme-utils": "13.0.1-dev.1"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "f49a31b1467c05cd0c04b36c4303247218880993"
65
+ "gitHead": "d5449e3c299b8bbb53b7cee0db85029dc557012d"
66
66
  }
@@ -123,7 +123,7 @@ $kendo-chat-toolbar-border: var( --kendo-chat-toolbar-border, inherit ) !default
123
123
 
124
124
  /// The background color of the Chat.
125
125
  /// @group chat
126
- $kendo-chat-bg: var( --kendo-chat-bg, transparent ) !default;
126
+ $kendo-chat-bg: var( --kendo-chat-bg, #{k-color(app-surface)} ) !default;
127
127
  /// The text color of the Chat.
128
128
  /// @group chat
129
129
  $kendo-chat-text: var( --kendo-chat-text, #{k-color(on-app-surface)} ) !default;
@@ -51,7 +51,7 @@ $kendo-file-box-border: var(--kendo-file-box-border, $kendo-file-box-bg ) !defau
51
51
 
52
52
  /// The gradient used for the File Box wrapper scrolling indicator.
53
53
  /// @group file-box
54
- $kendo-file-box-wrapper-scroll-gradient: var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% ) !default;
54
+ $kendo-file-box-wrapper-scroll-gradient: var(--kendo-file-box-wrapper-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% ) !default;
55
55
 
56
56
  @forward "@progress/kendo-theme-core/scss/components/file-box/_variables.scss" with (
57
57
  $kendo-file-box-padding-x: $kendo-file-box-padding-x,
@@ -158,12 +158,6 @@
158
158
 
159
159
  }
160
160
 
161
- #{k-when-default($kendo-input-default-fill-mode, ("flat", "outline"))}
162
- &.k-input-flat,
163
- &.k-input-outline {
164
- background: none !important; // stylelint-disable-line declaration-no-important
165
- }
166
-
167
161
  // Sizing
168
162
  @each $size, $size-props in $kendo-input-sizes {
169
163
  $_button-padding-x: map.get( $size-props, button-padding-x );
@@ -203,7 +203,7 @@ $kendo-input-flat-text: var( --kendo-input-flat-text, k-color(on-app-surface) )
203
203
 
204
204
  /// The background color of the flat Input components.
205
205
  /// @group input
206
- $kendo-input-flat-bg: var( --kendo-input-flat-bg, k-color(app-surface) ) !default;
206
+ $kendo-input-flat-bg: var( --kendo-input-flat-bg, transparent ) !default;
207
207
 
208
208
  /// The border color of the flat Input components.
209
209
  /// @group input
@@ -215,7 +215,7 @@ $kendo-input-flat-hover-text: k-color(on-app-surface) !default;
215
215
 
216
216
  /// The background color of the hovered flat Input components.
217
217
  /// @group input
218
- $kendo-input-flat-hover-bg: k-color(app-surface) !default;
218
+ $kendo-input-flat-hover-bg: transparent !default;
219
219
 
220
220
  /// The border color of the hovered flat Input components.
221
221
  /// @group input
@@ -227,7 +227,7 @@ $kendo-input-flat-focus-text: k-color(on-app-surface) !default;
227
227
 
228
228
  /// The background color of the focused flat Input components.
229
229
  /// @group input
230
- $kendo-input-flat-focus-bg: k-color(app-surface) !default;
230
+ $kendo-input-flat-focus-bg: transparent !default;
231
231
 
232
232
  /// The border color of the focused flat Input components.
233
233
  /// @group input
@@ -374,7 +374,7 @@ $kendo-picker-flat-text: var( --kendo-picker-flat-text, k-color(on-app-surface)
374
374
 
375
375
  /// The background color of the flat Picker components.
376
376
  /// @group picker
377
- $kendo-picker-flat-bg: var( --kendo-picker-flat-bg, none ) !default;
377
+ $kendo-picker-flat-bg: var( --kendo-picker-flat-bg, transparent ) !default;
378
378
 
379
379
  /// The border color of the flat Picker components.
380
380
  /// @group picker
@@ -45,7 +45,7 @@ $kendo-suggestion-default-theme-color: "base" !default;
45
45
 
46
46
  /// The gradient used for scroll indicators in the Suggestion group.
47
47
  /// @group suggestion
48
- $kendo-suggestion-scroll-gradient: var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 1) 100% ) !default;
48
+ $kendo-suggestion-scroll-gradient: var( --kendo-suggestion-scroll-gradient, rgba(255, 255, 255, 0.00) 0%, #{k-color(app-surface)} 100% ) !default;
49
49
 
50
50
  @forward "@progress/kendo-theme-core/scss/components/suggestion/_variables.scss" with (
51
51
  $kendo-suggestion-padding-y: $kendo-suggestion-padding-y,