@progress/kendo-theme-fluent 6.1.1-dev.8 → 6.2.1-dev.0

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 (63) hide show
  1. package/dist/all.css +877 -235
  2. package/dist/all.scss +1 -4
  3. package/dist/meta/sassdoc-data.json +134847 -0
  4. package/dist/meta/sassdoc-raw-data.json +67199 -0
  5. package/dist/meta/variables.json +1 -0
  6. package/dist/meta/variables.scss +10 -0
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main.json +1 -1
  9. package/package.json +4 -4
  10. package/scss/action-buttons/_layout.scss +1 -1
  11. package/scss/adaptive/_layout.scss +10 -5
  12. package/scss/breadcrumb/_layout.scss +2 -1
  13. package/scss/calendar/_layout.scss +3 -2
  14. package/scss/chat/_layout.scss +2 -2
  15. package/scss/chip/_layout.scss +11 -3
  16. package/scss/colorgradient/_layout.scss +3 -1
  17. package/scss/colorpicker/_layout.scss +1 -1
  18. package/scss/dataviz/_layout.scss +2 -2
  19. package/scss/daterangepicker/_layout.scss +1 -1
  20. package/scss/dropzone/_layout.scss +5 -1
  21. package/scss/dropzone/_theme.scss +2 -0
  22. package/scss/editor/_layout.scss +27 -12
  23. package/scss/filemanager/_layout.scss +3 -1
  24. package/scss/floating-label/_layout.scss +1 -1
  25. package/scss/floating-label/_variables.scss +4 -0
  26. package/scss/forms/_layout.scss +5 -5
  27. package/scss/gantt/_layout.scss +12 -6
  28. package/scss/grid/_layout.scss +23 -10
  29. package/scss/grid/_theme.scss +10 -5
  30. package/scss/icon/_layout.scss +4 -4
  31. package/scss/input/_layout.scss +10 -4
  32. package/scss/list/_layout.scss +1 -1
  33. package/scss/list/_theme.scss +2 -1
  34. package/scss/listgroup/_layout.scss +4 -2
  35. package/scss/map/_layout.scss +2 -1
  36. package/scss/menu/_theme.scss +2 -1
  37. package/scss/notification/_theme.scss +2 -1
  38. package/scss/orgchart/_layout.scss +4 -2
  39. package/scss/pager/_layout.scss +6 -6
  40. package/scss/panelbar/_theme.scss +7 -0
  41. package/scss/pdf-viewer/_layout.scss +5 -0
  42. package/scss/pdf-viewer/_theme.scss +2 -1
  43. package/scss/pivotgrid/_layout.scss +12 -5
  44. package/scss/popover/_layout.scss +1 -1
  45. package/scss/progressbar/_layout.scss +1 -1
  46. package/scss/rating/_layout.scss +5 -0
  47. package/scss/scheduler/_layout.scss +2 -2
  48. package/scss/scroller/_layout.scss +1 -1
  49. package/scss/scrollview/_layout.scss +5 -0
  50. package/scss/slider/_layout.scss +16 -14
  51. package/scss/splitter/_layout.scss +5 -0
  52. package/scss/spreadsheet/_layout.scss +11 -3
  53. package/scss/stepper/_layout.scss +2 -1
  54. package/scss/stepper/_theme.scss +2 -1
  55. package/scss/tabstrip/_layout.scss +57 -33
  56. package/scss/tabstrip/_variables.scss +2 -0
  57. package/scss/timeline/_layout.scss +2 -2
  58. package/scss/tooltip/_layout.scss +2 -1
  59. package/scss/treelist/_layout.scss +4 -3
  60. package/scss/treeview/_layout.scss +1 -0
  61. package/scss/typography/_layout.scss +10 -10
  62. package/scss/upload/_layout.scss +2 -7
  63. package/scss/window/_layout.scss +6 -3
package/dist/all.css CHANGED
@@ -1981,28 +1981,68 @@ hr.k-separator {
1981
1981
  align-content: stretch !important;
1982
1982
  }
1983
1983
 
1984
+ .k-align-content-center {
1985
+ align-content: center;
1986
+ }
1987
+
1988
+ .\!k-align-content-center {
1989
+ align-content: center !important;
1990
+ }
1991
+
1984
1992
  .k-align-content-start {
1985
- align-content: flex-start;
1993
+ align-content: start;
1986
1994
  }
1987
1995
 
1988
1996
  .\!k-align-content-start {
1989
- align-content: flex-start !important;
1997
+ align-content: start !important;
1990
1998
  }
1991
1999
 
1992
2000
  .k-align-content-end {
1993
- align-content: flex-end;
2001
+ align-content: end;
1994
2002
  }
1995
2003
 
1996
2004
  .\!k-align-content-end {
2005
+ align-content: end !important;
2006
+ }
2007
+
2008
+ .k-align-content-flex-start {
2009
+ align-content: flex-start;
2010
+ }
2011
+
2012
+ .\!k-align-content-flex-start {
2013
+ align-content: flex-start !important;
2014
+ }
2015
+
2016
+ .k-align-content-flex-end {
2017
+ align-content: flex-end;
2018
+ }
2019
+
2020
+ .\!k-align-content-flex-end {
1997
2021
  align-content: flex-end !important;
1998
2022
  }
1999
2023
 
2000
- .k-align-content-center {
2001
- align-content: center;
2024
+ .k-align-content-baseline {
2025
+ align-content: baseline;
2002
2026
  }
2003
2027
 
2004
- .\!k-align-content-center {
2005
- align-content: center !important;
2028
+ .\!k-align-content-baseline {
2029
+ align-content: baseline !important;
2030
+ }
2031
+
2032
+ .k-align-content-first-baseline {
2033
+ align-content: first baseline;
2034
+ }
2035
+
2036
+ .\!k-align-content-first-baseline {
2037
+ align-content: first baseline !important;
2038
+ }
2039
+
2040
+ .k-align-content-last-baseline {
2041
+ align-content: last baseline;
2042
+ }
2043
+
2044
+ .\!k-align-content-last-baseline {
2045
+ align-content: last baseline !important;
2006
2046
  }
2007
2047
 
2008
2048
  .k-align-content-between {
@@ -2037,36 +2077,92 @@ hr.k-separator {
2037
2077
  align-items: normal !important;
2038
2078
  }
2039
2079
 
2080
+ .k-align-items-stretch {
2081
+ align-items: stretch;
2082
+ }
2083
+
2084
+ .\!k-align-items-stretch {
2085
+ align-items: stretch !important;
2086
+ }
2087
+
2088
+ .k-align-items-center {
2089
+ align-items: center;
2090
+ }
2091
+
2092
+ .\!k-align-items-center {
2093
+ align-items: center !important;
2094
+ }
2095
+
2040
2096
  .k-align-items-start {
2041
- align-items: flex-start;
2097
+ align-items: start;
2042
2098
  }
2043
2099
 
2044
2100
  .\!k-align-items-start {
2045
- align-items: flex-start !important;
2101
+ align-items: start !important;
2046
2102
  }
2047
2103
 
2048
2104
  .k-align-items-end {
2049
- align-items: flex-end;
2105
+ align-items: end;
2050
2106
  }
2051
2107
 
2052
2108
  .\!k-align-items-end {
2109
+ align-items: end !important;
2110
+ }
2111
+
2112
+ .k-align-items-flex-start {
2113
+ align-items: flex-start;
2114
+ }
2115
+
2116
+ .\!k-align-items-flex-start {
2117
+ align-items: flex-start !important;
2118
+ }
2119
+
2120
+ .k-align-items-flex-end {
2121
+ align-items: flex-end;
2122
+ }
2123
+
2124
+ .\!k-align-items-flex-end {
2053
2125
  align-items: flex-end !important;
2054
2126
  }
2055
2127
 
2056
- .k-align-items-center {
2057
- align-items: center;
2128
+ .k-align-items-baseline {
2129
+ align-items: baseline;
2058
2130
  }
2059
2131
 
2060
- .\!k-align-items-center {
2061
- align-items: center !important;
2132
+ .\!k-align-items-baseline {
2133
+ align-items: baseline !important;
2062
2134
  }
2063
2135
 
2064
- .k-align-items-stretch {
2065
- align-items: stretch;
2136
+ .k-align-items-first-baseline {
2137
+ align-items: first baseline;
2066
2138
  }
2067
2139
 
2068
- .\!k-align-items-stretch {
2069
- align-items: stretch !important;
2140
+ .\!k-align-items-first-baseline {
2141
+ align-items: first baseline !important;
2142
+ }
2143
+
2144
+ .k-align-items-last-baseline {
2145
+ align-items: last baseline;
2146
+ }
2147
+
2148
+ .\!k-align-items-last-baseline {
2149
+ align-items: last baseline !important;
2150
+ }
2151
+
2152
+ .k-align-items-self-start {
2153
+ align-items: self-start;
2154
+ }
2155
+
2156
+ .\!k-align-items-self-start {
2157
+ align-items: self-start !important;
2158
+ }
2159
+
2160
+ .k-align-items-self-end {
2161
+ align-items: self-end;
2162
+ }
2163
+
2164
+ .\!k-align-items-self-end {
2165
+ align-items: self-end !important;
2070
2166
  }
2071
2167
 
2072
2168
  .k-align-self-auto {
@@ -2093,28 +2189,84 @@ hr.k-separator {
2093
2189
  align-self: stretch !important;
2094
2190
  }
2095
2191
 
2192
+ .k-align-self-center {
2193
+ align-self: center;
2194
+ }
2195
+
2196
+ .\!k-align-self-center {
2197
+ align-self: center !important;
2198
+ }
2199
+
2096
2200
  .k-align-self-start {
2097
- align-self: flex-start;
2201
+ align-self: start;
2098
2202
  }
2099
2203
 
2100
2204
  .\!k-align-self-start {
2101
- align-self: flex-start !important;
2205
+ align-self: start !important;
2102
2206
  }
2103
2207
 
2104
2208
  .k-align-self-end {
2105
- align-self: flex-end;
2209
+ align-self: end;
2106
2210
  }
2107
2211
 
2108
2212
  .\!k-align-self-end {
2213
+ align-self: end !important;
2214
+ }
2215
+
2216
+ .k-align-self-flex-start {
2217
+ align-self: flex-start;
2218
+ }
2219
+
2220
+ .\!k-align-self-flex-start {
2221
+ align-self: flex-start !important;
2222
+ }
2223
+
2224
+ .k-align-self-flex-end {
2225
+ align-self: flex-end;
2226
+ }
2227
+
2228
+ .\!k-align-self-flex-end {
2109
2229
  align-self: flex-end !important;
2110
2230
  }
2111
2231
 
2112
- .k-align-self-center {
2113
- align-self: center;
2232
+ .k-align-self-baseline {
2233
+ align-self: baseline;
2114
2234
  }
2115
2235
 
2116
- .\!k-align-self-center {
2117
- align-self: center !important;
2236
+ .\!k-align-self-baseline {
2237
+ align-self: baseline !important;
2238
+ }
2239
+
2240
+ .k-align-self-first-baseline {
2241
+ align-self: first baseline;
2242
+ }
2243
+
2244
+ .\!k-align-self-first-baseline {
2245
+ align-self: first baseline !important;
2246
+ }
2247
+
2248
+ .k-align-self-last-baseline {
2249
+ align-self: last baseline;
2250
+ }
2251
+
2252
+ .\!k-align-self-last-baseline {
2253
+ align-self: last baseline !important;
2254
+ }
2255
+
2256
+ .k-align-self-self-start {
2257
+ align-self: self-start;
2258
+ }
2259
+
2260
+ .\!k-align-self-self-start {
2261
+ align-self: self-start !important;
2262
+ }
2263
+
2264
+ .k-align-self-self-end {
2265
+ align-self: self-end;
2266
+ }
2267
+
2268
+ .\!k-align-self-self-end {
2269
+ align-self: self-end !important;
2118
2270
  }
2119
2271
 
2120
2272
  .k-basis-0 {
@@ -5509,28 +5661,92 @@ hr.k-separator {
5509
5661
  justify-content: normal !important;
5510
5662
  }
5511
5663
 
5664
+ .k-justify-content-stretch {
5665
+ justify-content: stretch;
5666
+ }
5667
+
5668
+ .\!k-justify-content-stretch {
5669
+ justify-content: stretch !important;
5670
+ }
5671
+
5672
+ .k-justify-content-center {
5673
+ justify-content: center;
5674
+ }
5675
+
5676
+ .\!k-justify-content-center {
5677
+ justify-content: center !important;
5678
+ }
5679
+
5512
5680
  .k-justify-content-start {
5513
- justify-content: flex-start;
5681
+ justify-content: start;
5514
5682
  }
5515
5683
 
5516
5684
  .\!k-justify-content-start {
5517
- justify-content: flex-start !important;
5685
+ justify-content: start !important;
5518
5686
  }
5519
5687
 
5520
5688
  .k-justify-content-end {
5521
- justify-content: flex-end;
5689
+ justify-content: end;
5522
5690
  }
5523
5691
 
5524
5692
  .\!k-justify-content-end {
5693
+ justify-content: end !important;
5694
+ }
5695
+
5696
+ .k-justify-content-flex-start {
5697
+ justify-content: flex-start;
5698
+ }
5699
+
5700
+ .\!k-justify-content-flex-start {
5701
+ justify-content: flex-start !important;
5702
+ }
5703
+
5704
+ .k-justify-content-flex-end {
5705
+ justify-content: flex-end;
5706
+ }
5707
+
5708
+ .\!k-justify-content-flex-end {
5525
5709
  justify-content: flex-end !important;
5526
5710
  }
5527
5711
 
5528
- .k-justify-content-center {
5529
- justify-content: center;
5712
+ .k-justify-content-left {
5713
+ justify-content: left;
5530
5714
  }
5531
5715
 
5532
- .\!k-justify-content-center {
5533
- justify-content: center !important;
5716
+ .\!k-justify-content-left {
5717
+ justify-content: left !important;
5718
+ }
5719
+
5720
+ .k-justify-content-right {
5721
+ justify-content: right;
5722
+ }
5723
+
5724
+ .\!k-justify-content-right {
5725
+ justify-content: right !important;
5726
+ }
5727
+
5728
+ .k-justify-content-baseline {
5729
+ justify-content: baseline;
5730
+ }
5731
+
5732
+ .\!k-justify-content-baseline {
5733
+ justify-content: baseline !important;
5734
+ }
5735
+
5736
+ .k-justify-content-first-baseline {
5737
+ justify-content: first baseline;
5738
+ }
5739
+
5740
+ .\!k-justify-content-first-baseline {
5741
+ justify-content: first baseline !important;
5742
+ }
5743
+
5744
+ .k-justify-content-last-baseline {
5745
+ justify-content: last baseline;
5746
+ }
5747
+
5748
+ .\!k-justify-content-last-baseline {
5749
+ justify-content: last baseline !important;
5534
5750
  }
5535
5751
 
5536
5752
  .k-justify-content-between {
@@ -5557,14 +5773,6 @@ hr.k-separator {
5557
5773
  justify-content: space-evenly !important;
5558
5774
  }
5559
5775
 
5560
- .k-justify-content-stretch {
5561
- justify-content: stretch;
5562
- }
5563
-
5564
- .\!k-justify-content-stretch {
5565
- justify-content: stretch !important;
5566
- }
5567
-
5568
5776
  .k-justify-content-stretch > * {
5569
5777
  flex: 1 0 0%;
5570
5778
  }
@@ -5581,36 +5789,108 @@ hr.k-separator {
5581
5789
  justify-items: normal !important;
5582
5790
  }
5583
5791
 
5792
+ .k-justify-items-stretch {
5793
+ justify-items: stretch;
5794
+ }
5795
+
5796
+ .\!k-justify-items-stretch {
5797
+ justify-items: stretch !important;
5798
+ }
5799
+
5800
+ .k-justify-items-center {
5801
+ justify-items: center;
5802
+ }
5803
+
5804
+ .\!k-justify-items-center {
5805
+ justify-items: center !important;
5806
+ }
5807
+
5584
5808
  .k-justify-items-start {
5585
- justify-items: flex-start;
5809
+ justify-items: start;
5586
5810
  }
5587
5811
 
5588
5812
  .\!k-justify-items-start {
5589
- justify-items: flex-start !important;
5813
+ justify-items: start !important;
5590
5814
  }
5591
5815
 
5592
5816
  .k-justify-items-end {
5593
- justify-items: flex-end;
5817
+ justify-items: end;
5594
5818
  }
5595
5819
 
5596
5820
  .\!k-justify-items-end {
5821
+ justify-items: end !important;
5822
+ }
5823
+
5824
+ .k-justify-items-flex-start {
5825
+ justify-items: flex-start;
5826
+ }
5827
+
5828
+ .\!k-justify-items-flex-start {
5829
+ justify-items: flex-start !important;
5830
+ }
5831
+
5832
+ .k-justify-items-flex-end {
5833
+ justify-items: flex-end;
5834
+ }
5835
+
5836
+ .\!k-justify-items-flex-end {
5597
5837
  justify-items: flex-end !important;
5598
5838
  }
5599
5839
 
5600
- .k-justify-items-center {
5601
- justify-items: center;
5840
+ .k-justify-items-self-start {
5841
+ justify-items: self-start;
5602
5842
  }
5603
5843
 
5604
- .\!k-justify-items-center {
5605
- justify-items: center !important;
5844
+ .\!k-justify-items-self-start {
5845
+ justify-items: self-start !important;
5606
5846
  }
5607
5847
 
5608
- .k-justify-items-stretch {
5609
- justify-items: stretch;
5848
+ .k-justify-items-self-end {
5849
+ justify-items: self-end;
5610
5850
  }
5611
5851
 
5612
- .\!k-justify-items-stretch {
5613
- justify-items: stretch !important;
5852
+ .\!k-justify-items-self-end {
5853
+ justify-items: self-end !important;
5854
+ }
5855
+
5856
+ .k-justify-items-left {
5857
+ justify-items: left;
5858
+ }
5859
+
5860
+ .\!k-justify-items-left {
5861
+ justify-items: left !important;
5862
+ }
5863
+
5864
+ .k-justify-items-right {
5865
+ justify-items: right;
5866
+ }
5867
+
5868
+ .\!k-justify-items-right {
5869
+ justify-items: right !important;
5870
+ }
5871
+
5872
+ .k-justify-items-baseline {
5873
+ justify-items: baseline;
5874
+ }
5875
+
5876
+ .\!k-justify-items-baseline {
5877
+ justify-items: baseline !important;
5878
+ }
5879
+
5880
+ .k-justify-items-first-baseline {
5881
+ justify-items: first baseline;
5882
+ }
5883
+
5884
+ .\!k-justify-items-first-baseline {
5885
+ justify-items: first baseline !important;
5886
+ }
5887
+
5888
+ .k-justify-items-last-baseline {
5889
+ justify-items: last baseline;
5890
+ }
5891
+
5892
+ .\!k-justify-items-last-baseline {
5893
+ justify-items: last baseline !important;
5614
5894
  }
5615
5895
 
5616
5896
  .k-justify-self-auto {
@@ -5629,36 +5909,92 @@ hr.k-separator {
5629
5909
  justify-self: normal !important;
5630
5910
  }
5631
5911
 
5912
+ .k-justify-self-stretch {
5913
+ justify-self: stretch;
5914
+ }
5915
+
5916
+ .\!k-justify-self-stretch {
5917
+ justify-self: stretch !important;
5918
+ }
5919
+
5920
+ .k-justify-self-center {
5921
+ justify-self: center;
5922
+ }
5923
+
5924
+ .\!k-justify-self-center {
5925
+ justify-self: center !important;
5926
+ }
5927
+
5632
5928
  .k-justify-self-start {
5633
- justify-self: flex-start;
5929
+ justify-self: start;
5634
5930
  }
5635
5931
 
5636
5932
  .\!k-justify-self-start {
5637
- justify-self: flex-start !important;
5933
+ justify-self: start !important;
5638
5934
  }
5639
5935
 
5640
5936
  .k-justify-self-end {
5641
- justify-self: flex-end;
5937
+ justify-self: end;
5642
5938
  }
5643
5939
 
5644
5940
  .\!k-justify-self-end {
5941
+ justify-self: end !important;
5942
+ }
5943
+
5944
+ .k-justify-self-flex-start {
5945
+ justify-self: flex-start;
5946
+ }
5947
+
5948
+ .\!k-justify-self-flex-start {
5949
+ justify-self: flex-start !important;
5950
+ }
5951
+
5952
+ .k-justify-self-flex-end {
5953
+ justify-self: flex-end;
5954
+ }
5955
+
5956
+ .\!k-justify-self-flex-end {
5645
5957
  justify-self: flex-end !important;
5646
5958
  }
5647
5959
 
5648
- .k-justify-self-center {
5649
- justify-self: center;
5960
+ .k-justify-self-self-start {
5961
+ justify-self: self-start;
5650
5962
  }
5651
5963
 
5652
- .\!k-justify-self-center {
5653
- justify-self: center !important;
5964
+ .\!k-justify-self-self-start {
5965
+ justify-self: self-start !important;
5654
5966
  }
5655
5967
 
5656
- .k-justify-self-stretch {
5657
- justify-self: stretch;
5968
+ .k-justify-self-self-end {
5969
+ justify-self: self-end;
5658
5970
  }
5659
5971
 
5660
- .\!k-justify-self-stretch {
5661
- justify-self: stretch !important;
5972
+ .\!k-justify-self-self-end {
5973
+ justify-self: self-end !important;
5974
+ }
5975
+
5976
+ .k-justify-self-baseline {
5977
+ justify-self: baseline;
5978
+ }
5979
+
5980
+ .\!k-justify-self-baseline {
5981
+ justify-self: baseline !important;
5982
+ }
5983
+
5984
+ .k-justify-self-first-baseline {
5985
+ justify-self: first baseline;
5986
+ }
5987
+
5988
+ .\!k-justify-self-first-baseline {
5989
+ justify-self: first baseline !important;
5990
+ }
5991
+
5992
+ .k-justify-self-last-baseline {
5993
+ justify-self: last baseline;
5994
+ }
5995
+
5996
+ .\!k-justify-self-last-baseline {
5997
+ justify-self: last baseline !important;
5662
5998
  }
5663
5999
 
5664
6000
  .k-order-1 {
@@ -5789,28 +6125,60 @@ hr.k-separator {
5789
6125
  place-content: normal !important;
5790
6126
  }
5791
6127
 
6128
+ .k-place-content-stretch {
6129
+ place-content: stretch;
6130
+ }
6131
+
6132
+ .\!k-place-content-stretch {
6133
+ place-content: stretch !important;
6134
+ }
6135
+
6136
+ .k-place-content-center {
6137
+ place-content: center;
6138
+ }
6139
+
6140
+ .\!k-place-content-center {
6141
+ place-content: center !important;
6142
+ }
6143
+
5792
6144
  .k-place-content-start {
5793
- place-content: flex-start;
6145
+ place-content: start;
5794
6146
  }
5795
6147
 
5796
6148
  .\!k-place-content-start {
5797
- place-content: flex-start !important;
6149
+ place-content: start !important;
5798
6150
  }
5799
6151
 
5800
6152
  .k-place-content-end {
5801
- place-content: flex-end;
6153
+ place-content: end;
5802
6154
  }
5803
6155
 
5804
6156
  .\!k-place-content-end {
6157
+ place-content: end !important;
6158
+ }
6159
+
6160
+ .k-place-content-flex-start {
6161
+ place-content: flex-start;
6162
+ }
6163
+
6164
+ .\!k-place-content-flex-start {
6165
+ place-content: flex-start !important;
6166
+ }
6167
+
6168
+ .k-place-content-flex-end {
6169
+ place-content: flex-end;
6170
+ }
6171
+
6172
+ .\!k-place-content-flex-end {
5805
6173
  place-content: flex-end !important;
5806
6174
  }
5807
6175
 
5808
- .k-place-content-center {
5809
- place-content: center;
6176
+ .k-place-content-baseline {
6177
+ place-content: baseline;
5810
6178
  }
5811
6179
 
5812
- .\!k-place-content-center {
5813
- place-content: center !important;
6180
+ .\!k-place-content-baseline {
6181
+ place-content: baseline !important;
5814
6182
  }
5815
6183
 
5816
6184
  .k-place-content-between {
@@ -5837,14 +6205,6 @@ hr.k-separator {
5837
6205
  place-content: space-evenly !important;
5838
6206
  }
5839
6207
 
5840
- .k-place-content-stretch {
5841
- place-content: stretch;
5842
- }
5843
-
5844
- .\!k-place-content-stretch {
5845
- place-content: stretch !important;
5846
- }
5847
-
5848
6208
  .k-place-items-normal {
5849
6209
  place-items: normal;
5850
6210
  }
@@ -5853,36 +6213,76 @@ hr.k-separator {
5853
6213
  place-items: normal !important;
5854
6214
  }
5855
6215
 
6216
+ .k-place-items-stretch {
6217
+ place-items: stretch;
6218
+ }
6219
+
6220
+ .\!k-place-items-stretch {
6221
+ place-items: stretch !important;
6222
+ }
6223
+
6224
+ .k-place-items-center {
6225
+ place-items: center;
6226
+ }
6227
+
6228
+ .\!k-place-items-center {
6229
+ place-items: center !important;
6230
+ }
6231
+
5856
6232
  .k-place-items-start {
5857
- place-items: flex-start;
6233
+ place-items: start;
5858
6234
  }
5859
6235
 
5860
6236
  .\!k-place-items-start {
5861
- place-items: flex-start !important;
6237
+ place-items: start !important;
5862
6238
  }
5863
6239
 
5864
6240
  .k-place-items-end {
5865
- place-items: flex-end;
6241
+ place-items: end;
5866
6242
  }
5867
6243
 
5868
6244
  .\!k-place-items-end {
6245
+ place-items: end !important;
6246
+ }
6247
+
6248
+ .k-place-items-flex-start {
6249
+ place-items: flex-start;
6250
+ }
6251
+
6252
+ .\!k-place-items-flex-start {
6253
+ place-items: flex-start !important;
6254
+ }
6255
+
6256
+ .k-place-items-flex-end {
6257
+ place-items: flex-end;
6258
+ }
6259
+
6260
+ .\!k-place-items-flex-end {
5869
6261
  place-items: flex-end !important;
5870
6262
  }
5871
6263
 
5872
- .k-place-items-center {
5873
- place-items: center;
6264
+ .k-place-items-self-start {
6265
+ place-items: flex-start;
5874
6266
  }
5875
6267
 
5876
- .\!k-place-items-center {
5877
- place-items: center !important;
6268
+ .\!k-place-items-self-start {
6269
+ place-items: flex-start !important;
5878
6270
  }
5879
6271
 
5880
- .k-place-items-stretch {
5881
- place-items: stretch;
6272
+ .k-place-items-self-end {
6273
+ place-items: flex-end;
5882
6274
  }
5883
6275
 
5884
- .\!k-place-items-stretch {
5885
- place-items: stretch !important;
6276
+ .\!k-place-items-self-end {
6277
+ place-items: flex-end !important;
6278
+ }
6279
+
6280
+ .k-place-items-baseline {
6281
+ place-items: baseline;
6282
+ }
6283
+
6284
+ .\!k-place-items-baseline {
6285
+ place-items: baseline !important;
5886
6286
  }
5887
6287
 
5888
6288
  .k-place-self-auto {
@@ -5901,6 +6301,22 @@ hr.k-separator {
5901
6301
  place-self: normal !important;
5902
6302
  }
5903
6303
 
6304
+ .k-place-self-stretch {
6305
+ place-self: stretch;
6306
+ }
6307
+
6308
+ .\!k-place-self-stretch {
6309
+ place-self: stretch !important;
6310
+ }
6311
+
6312
+ .k-place-self-center {
6313
+ place-self: center;
6314
+ }
6315
+
6316
+ .\!k-place-self-center {
6317
+ place-self: center !important;
6318
+ }
6319
+
5904
6320
  .k-place-self-start {
5905
6321
  place-self: flex-start;
5906
6322
  }
@@ -5917,20 +6333,44 @@ hr.k-separator {
5917
6333
  place-self: flex-end !important;
5918
6334
  }
5919
6335
 
5920
- .k-place-self-center {
5921
- place-self: center;
6336
+ .k-place-self-flex-start {
6337
+ place-self: flex-start;
5922
6338
  }
5923
6339
 
5924
- .\!k-place-self-center {
5925
- place-self: center !important;
6340
+ .\!k-place-self-flex-start {
6341
+ place-self: flex-start !important;
5926
6342
  }
5927
6343
 
5928
- .k-place-self-stretch {
5929
- place-self: stretch;
6344
+ .k-place-self-flex-end {
6345
+ place-self: flex-end;
5930
6346
  }
5931
6347
 
5932
- .\!k-place-self-stretch {
5933
- place-self: stretch !important;
6348
+ .\!k-place-self-flex-end {
6349
+ place-self: flex-end !important;
6350
+ }
6351
+
6352
+ .k-place-self-self-start {
6353
+ place-self: flex-start;
6354
+ }
6355
+
6356
+ .\!k-place-self-self-start {
6357
+ place-self: flex-start !important;
6358
+ }
6359
+
6360
+ .k-place-self-self-end {
6361
+ place-self: flex-end;
6362
+ }
6363
+
6364
+ .\!k-place-self-self-end {
6365
+ place-self: flex-end !important;
6366
+ }
6367
+
6368
+ .k-place-self-baseline {
6369
+ place-self: baseline;
6370
+ }
6371
+
6372
+ .\!k-place-self-baseline {
6373
+ place-self: baseline !important;
5934
6374
  }
5935
6375
 
5936
6376
  .k-m-0 {
@@ -11801,12 +12241,6 @@ hr.k-separator {
11801
12241
  max-width: fit-content !important;
11802
12242
  }
11803
12243
 
11804
- .k-text-ellipsis {
11805
- white-space: nowrap;
11806
- overflow: hidden;
11807
- text-overflow: ellipsis;
11808
- }
11809
-
11810
12244
  .k-font-size-xs {
11811
12245
  font-size: 10px;
11812
12246
  }
@@ -12159,6 +12593,34 @@ hr.k-separator {
12159
12593
  color: white !important;
12160
12594
  }
12161
12595
 
12596
+ .k-text-clip {
12597
+ text-overflow: clip;
12598
+ }
12599
+
12600
+ .\!k-text-clip {
12601
+ text-overflow: clip !important;
12602
+ }
12603
+
12604
+ .k-text-ellipsis {
12605
+ text-overflow: ellipsis;
12606
+ }
12607
+
12608
+ .\!k-text-ellipsis {
12609
+ text-overflow: ellipsis !important;
12610
+ }
12611
+
12612
+ .k-text-truncate, .k-text-ellipsis {
12613
+ white-space: nowrap;
12614
+ overflow: hidden;
12615
+ text-overflow: ellipsis;
12616
+ }
12617
+
12618
+ .\!k-text-truncate, .\!k-text-ellipsis {
12619
+ white-space: nowrap !important;
12620
+ overflow: hidden !important;
12621
+ text-overflow: ellipsis !important;
12622
+ }
12623
+
12162
12624
  .k-text-uppercase {
12163
12625
  text-transform: uppercase;
12164
12626
  }
@@ -25034,10 +25496,10 @@ hr.k-separator {
25034
25496
 
25035
25497
  .k-rtl .k-i-indent-increase,
25036
25498
  .k-rtl .k-i-indent-decrease,
25037
- .k-rtl .k-i-expand,
25038
- .k-rtl .k-i-collapse,
25039
- [dir=rtl] .k-i-expand,
25040
- [dir=rtl] .k-i-collapse {
25499
+ .k-rtl .k-i-caret-alt-right,
25500
+ .k-rtl .k-i-caret-alt-down,
25501
+ [dir=rtl] .k-i-caret-alt-right,
25502
+ [dir=rtl] .k-i-caret-alt-down {
25041
25503
  transform: scaleX(-1);
25042
25504
  }
25043
25505
 
@@ -25472,7 +25934,9 @@ hr.k-separator {
25472
25934
  --INTERNAL--kendo-list-item-bg: var( --kendo-list-item-disabled-bg, #ffffff );
25473
25935
  }
25474
25936
 
25475
- .k-list-item .k-icon, .k-list-optionlabel .k-icon {
25937
+ .k-list-item .k-icon, .k-list-optionlabel .k-icon,
25938
+ .k-list-item .k-svg-icon,
25939
+ .k-list-optionlabel .k-svg-icon {
25476
25940
  color: var(--kendo-list-item-icon-text, var(--kendo-primary-100, inherit));
25477
25941
  }
25478
25942
 
@@ -25633,14 +26097,16 @@ hr.k-separator {
25633
26097
  right: auto;
25634
26098
  left: 0;
25635
26099
  }
25636
- [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon {
26100
+ [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon,
26101
+ [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-svg-icon {
25637
26102
  transform: scaleX(-1);
25638
26103
  }
25639
26104
  [dir=rtl] .k-listgroup-item-segmented > .k-select {
25640
26105
  border-right-width: 1px;
25641
26106
  border-left-width: 0;
25642
26107
  }
25643
- [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon {
26108
+ [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon,
26109
+ [dir=rtl] .k-listgroup-item-segmented > .k-select .k-svg-icon {
25644
26110
  transform: scaleX(-1);
25645
26111
  }
25646
26112
 
@@ -26671,8 +27137,10 @@ kendo-badge-container {
26671
27137
  }
26672
27138
 
26673
27139
  .k-chip-content {
26674
- padding: 0.5em 0;
26675
- margin: -0.5em 0;
27140
+ padding-block: 0.5em;
27141
+ padding-inline: 0;
27142
+ margin-block: -0.5em;
27143
+ margin-inline: 0;
26676
27144
  min-width: 0;
26677
27145
  display: flex;
26678
27146
  flex-flow: row nowrap;
@@ -26680,6 +27148,9 @@ kendo-badge-container {
26680
27148
  overflow: hidden;
26681
27149
  flex: 1 1 auto;
26682
27150
  }
27151
+ .k-chip-content .k-icon-wrapper-host {
27152
+ display: initial;
27153
+ }
26683
27154
 
26684
27155
  .k-chip-content:first-child {
26685
27156
  margin-inline-start: var(--kendo-chip-spacing, 0.25rem);
@@ -26716,7 +27187,8 @@ kendo-badge-container {
26716
27187
  }
26717
27188
 
26718
27189
  .k-chip-actions {
26719
- margin: -5em 0;
27190
+ margin-block: -5em;
27191
+ margin-inline: 0;
26720
27192
  flex: none;
26721
27193
  display: flex;
26722
27194
  flex-flow: row nowrap;
@@ -27588,7 +28060,8 @@ kendo-badge-container {
27588
28060
  margin-inline-start: var(--kendo-tooltip-button-spacing, 0.5rem);
27589
28061
  flex-shrink: 0;
27590
28062
  }
27591
- .k-tooltip-button .k-icon {
28063
+ .k-tooltip-button .k-icon,
28064
+ .k-tooltip-button .k-svg-icon {
27592
28065
  color: inherit;
27593
28066
  vertical-align: top;
27594
28067
  }
@@ -27868,7 +28341,7 @@ kendo-label > .k-label {
27868
28341
  }
27869
28342
  .k-form-inline legend {
27870
28343
  font-size: var(--kendo-font-size-sm, 12px);
27871
- text-align: left;
28344
+ text-align: start;
27872
28345
  font-weight: 600;
27873
28346
  line-height: 1;
27874
28347
  margin-block-end: calc(var(--kendo-padding-y-lg, 0.375rem)*2);
@@ -27879,12 +28352,12 @@ kendo-label > .k-label {
27879
28352
  .k-form-inline .k-form-field {
27880
28353
  display: flex;
27881
28354
  align-items: flex-start;
27882
- text-align: left;
28355
+ text-align: start;
27883
28356
  margin-block-end: calc(var(--kendo-padding-y-lg, 0.375rem)*2);
27884
28357
  }
27885
28358
  .k-form-inline .k-form-field > span:not(.k-widget) {
27886
28359
  width: var(--kendo-inline-form-element-width, 25%);
27887
- text-align: right;
28360
+ text-align: end;
27888
28361
  line-height: var(--kendo-line-height, 1.4285714286);
27889
28362
  padding-block: calc(0.25rem + 1px);
27890
28363
  padding-inline-end: var(--kendo-padding-x-lg, 0.75rem);
@@ -27933,7 +28406,7 @@ kendo-label > .k-label {
27933
28406
  padding-block: calc(0.375rem + 1px);
27934
28407
  width: 30%;
27935
28408
  line-height: var(--kendo-form-line-height, var(--kendo-line-height, normal));
27936
- text-align: right;
28409
+ text-align: end;
27937
28410
  float: left;
27938
28411
  clear: both;
27939
28412
  }
@@ -28032,7 +28505,7 @@ kendo-label > .k-label {
28032
28505
  box-sizing: border-box;
28033
28506
  }
28034
28507
  .k-floating-label-container > .k-label {
28035
- max-width: 90%;
28508
+ max-width: var(--kendo-floating-label-max-width, 90%);
28036
28509
  font-size: var(--kendo-floating-label-font-size, var(--kendo-font-size, inherit));
28037
28510
  font-weight: var(--kendo-floating-label-font-weight, var(--kendo-font-weight-bold, inherit));
28038
28511
  line-height: var(--kendo-floating-label-line-height, var(--kendo-line-height, normal));
@@ -30295,7 +30768,9 @@ textarea.k-input-inner {
30295
30768
  .k-input-validation-icon,
30296
30769
  .k-input-loading-icon,
30297
30770
  .k-input-prefix > .k-icon,
30298
- .k-input-suffix > .k-icon {
30771
+ .k-input-prefix > .k-svg-icon,
30772
+ .k-input-suffix > .k-icon,
30773
+ .k-input-suffix > .k-svg-icon {
30299
30774
  width: var(--INTERNAL--kendo-input-icon-size, min-content);
30300
30775
  height: var(--INTERNAL--kendo-input-icon-size, min-content);
30301
30776
  flex: none;
@@ -30423,14 +30898,17 @@ textarea.k-input-inner {
30423
30898
  }
30424
30899
  .k-input-spinner .k-spinner-increase .k-button-icon,
30425
30900
  .k-input-spinner .k-spinner-decrease .k-button-icon {
30426
- margin: -1em 0;
30901
+ margin-block: -1em;
30902
+ margin-inline: 0;
30427
30903
  min-width: auto !important;
30428
30904
  min-height: auto !important;
30429
30905
  }
30430
- .k-input-spinner .k-spinner-increase .k-icon {
30906
+ .k-input-spinner .k-spinner-increase .k-icon,
30907
+ .k-input-spinner .k-spinner-increase .k-svg-icon {
30431
30908
  bottom: auto;
30432
30909
  }
30433
- .k-input-spinner .k-spinner-decrease .k-icon {
30910
+ .k-input-spinner .k-spinner-decrease .k-icon,
30911
+ .k-input-spinner .k-spinner-decrease .k-svg-icon {
30434
30912
  top: auto;
30435
30913
  }
30436
30914
 
@@ -31323,7 +31801,7 @@ textarea.k-input-inner {
31323
31801
 
31324
31802
  .k-circular-progressbar {
31325
31803
  display: inline-block;
31326
- text-align: left;
31804
+ text-align: start;
31327
31805
  position: relative;
31328
31806
  }
31329
31807
 
@@ -31957,11 +32435,11 @@ textarea.k-input-inner {
31957
32435
  bottom: calc(var(--kendo-slider-end, 0)*1%);
31958
32436
  }
31959
32437
  .k-vertical-slider .k-tick, .k-slider-vertical .k-tick {
31960
- text-align: right;
32438
+ text-align: end;
31961
32439
  margin-left: 2px;
31962
32440
  }
31963
32441
  .k-vertical-slider .k-slider-topleft .k-tick, .k-slider-vertical .k-slider-topleft .k-tick {
31964
- text-align: left;
32442
+ text-align: start;
31965
32443
  }
31966
32444
  .k-vertical-slider .k-tick, .k-slider-vertical .k-tick {
31967
32445
  background-position: -94px center;
@@ -32018,7 +32496,7 @@ textarea.k-input-inner {
32018
32496
  background-position: -64px 0;
32019
32497
  }
32020
32498
  .k-vertical-slider .k-label, .k-slider-vertical .k-label {
32021
- text-align: left;
32499
+ text-align: start;
32022
32500
  inset-inline-start: 120%;
32023
32501
  inset-inline-end: auto;
32024
32502
  top: 50%;
@@ -32081,6 +32559,16 @@ textarea.k-input-inner {
32081
32559
  .k-slider.k-rtl.k-slider-horizontal .k-button-increase .k-icon,
32082
32560
  .k-rtl .k-horizontal-slider.k-slider .k-button-increase .k-icon,
32083
32561
  .k-rtl .k-slider.k-slider-horizontal .k-button-increase .k-icon,
32562
+ .k-slider-rtl.k-horizontal-slider .k-button-increase .k-svg-icon,
32563
+ .k-slider-rtl.k-slider-horizontal .k-button-increase .k-svg-icon,
32564
+ .k-horizontal-slider.k-slider[dir=rtl] .k-button-increase .k-svg-icon,
32565
+ .k-slider[dir=rtl].k-slider-horizontal .k-button-increase .k-svg-icon,
32566
+ [dir=rtl] .k-horizontal-slider.k-slider .k-button-increase .k-svg-icon,
32567
+ [dir=rtl] .k-slider.k-slider-horizontal .k-button-increase .k-svg-icon,
32568
+ .k-horizontal-slider.k-slider.k-rtl .k-button-increase .k-svg-icon,
32569
+ .k-slider.k-rtl.k-slider-horizontal .k-button-increase .k-svg-icon,
32570
+ .k-rtl .k-horizontal-slider.k-slider .k-button-increase .k-svg-icon,
32571
+ .k-rtl .k-slider.k-slider-horizontal .k-button-increase .k-svg-icon,
32084
32572
  .k-slider-rtl.k-horizontal-slider .k-button-decrease .k-icon,
32085
32573
  .k-slider-rtl.k-slider-horizontal .k-button-decrease .k-icon,
32086
32574
  .k-horizontal-slider.k-slider[dir=rtl] .k-button-decrease .k-icon,
@@ -32090,7 +32578,17 @@ textarea.k-input-inner {
32090
32578
  .k-horizontal-slider.k-slider.k-rtl .k-button-decrease .k-icon,
32091
32579
  .k-slider.k-rtl.k-slider-horizontal .k-button-decrease .k-icon,
32092
32580
  .k-rtl .k-horizontal-slider.k-slider .k-button-decrease .k-icon,
32093
- .k-rtl .k-slider.k-slider-horizontal .k-button-decrease .k-icon {
32581
+ .k-rtl .k-slider.k-slider-horizontal .k-button-decrease .k-icon,
32582
+ .k-slider-rtl.k-horizontal-slider .k-button-decrease .k-svg-icon,
32583
+ .k-slider-rtl.k-slider-horizontal .k-button-decrease .k-svg-icon,
32584
+ .k-horizontal-slider.k-slider[dir=rtl] .k-button-decrease .k-svg-icon,
32585
+ .k-slider[dir=rtl].k-slider-horizontal .k-button-decrease .k-svg-icon,
32586
+ [dir=rtl] .k-horizontal-slider.k-slider .k-button-decrease .k-svg-icon,
32587
+ [dir=rtl] .k-slider.k-slider-horizontal .k-button-decrease .k-svg-icon,
32588
+ .k-horizontal-slider.k-slider.k-rtl .k-button-decrease .k-svg-icon,
32589
+ .k-slider.k-rtl.k-slider-horizontal .k-button-decrease .k-svg-icon,
32590
+ .k-rtl .k-horizontal-slider.k-slider .k-button-decrease .k-svg-icon,
32591
+ .k-rtl .k-slider.k-slider-horizontal .k-button-decrease .k-svg-icon {
32094
32592
  transform: scaleX(-1);
32095
32593
  }
32096
32594
  .k-slider kendo-resize-sensor {
@@ -32193,7 +32691,8 @@ textarea.k-input-inner {
32193
32691
  }
32194
32692
 
32195
32693
  .k-calendar-table {
32196
- margin: 0 auto;
32694
+ margin-block: 0;
32695
+ margin-inline: auto;
32197
32696
  border-width: 0;
32198
32697
  border-color: inherit;
32199
32698
  border-spacing: 0;
@@ -32374,7 +32873,7 @@ textarea.k-input-inner {
32374
32873
  }
32375
32874
  .k-century-calendar .k-link,
32376
32875
  .k-calendar-centuryview .k-link {
32377
- text-align: left;
32876
+ text-align: start;
32378
32877
  }
32379
32878
 
32380
32879
  .k-popup .k-calendar {
@@ -33299,10 +33798,12 @@ textarea.k-input-inner {
33299
33798
  align-items: center;
33300
33799
  gap: calc(var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem)/2);
33301
33800
  }
33302
- .k-colorgradient-color-contrast .k-contrast-validation .k-icon {
33801
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon,
33802
+ .k-colorgradient-color-contrast .k-contrast-validation .k-svg-icon {
33303
33803
  vertical-align: middle;
33304
33804
  }
33305
33805
  .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon,
33806
+ .k-colorgradient-color-contrast .k-contrast-validation .k-svg-icon + .k-svg-icon,
33306
33807
  .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
33307
33808
  margin-inline-start: -13px;
33308
33809
  }
@@ -33642,6 +34143,10 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
33642
34143
  .k-rating-item .k-icon {
33643
34144
  font-size: var(--kendo-rating-icon-size, calc(var( --kendo-icon-size, 1rem )*1.4285714286));
33644
34145
  }
34146
+ .k-rating-item .k-svg-icon {
34147
+ width: var(--kendo-rating-icon-size, calc(var( --kendo-icon-size, 1rem )*1.4285714286));
34148
+ height: var(--kendo-rating-icon-size, calc(var( --kendo-icon-size, 1rem )*1.4285714286));
34149
+ }
33645
34150
  .k-rating-item svg {
33646
34151
  fill: currentColor;
33647
34152
  }
@@ -34021,7 +34526,9 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34021
34526
  position: relative;
34022
34527
  }
34023
34528
  .k-upload .k-dropzone .k-upload-status > .k-icon,
34024
- .k-upload .k-upload-dropzone .k-upload-status > .k-icon {
34529
+ .k-upload .k-dropzone .k-upload-status > .k-svg-icon,
34530
+ .k-upload .k-upload-dropzone .k-upload-status > .k-icon,
34531
+ .k-upload .k-upload-dropzone .k-upload-status > .k-svg-icon {
34025
34532
  margin-inline-end: var(--kendo-upload-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
34026
34533
  }
34027
34534
  .k-upload .k-dropzone .k-upload-status + .k-dropzone-hint,
@@ -34077,9 +34584,6 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34077
34584
  white-space: nowrap;
34078
34585
  position: relative;
34079
34586
  }
34080
- .k-upload .k-upload-files .k-upload-status .k-icon {
34081
- vertical-align: middle;
34082
- }
34083
34587
  .k-upload .k-upload-files .k-upload-pct {
34084
34588
  margin-inline: var(--kendo-upload-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
34085
34589
  font-weight: normal;
@@ -34264,13 +34768,16 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34264
34768
  align-items: center;
34265
34769
  justify-content: center;
34266
34770
  position: relative;
34267
- cursor: pointer;
34268
34771
  }
34269
34772
  .k-dropzone-inner .k-icon,
34270
34773
  .k-dropzone-inner .k-dropzone-icon {
34271
34774
  margin-block-end: var(--kendo-dropzone-icon-spacing, 1.5rem);
34272
34775
  font-size: var(--kendo-dropzone-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
34273
34776
  }
34777
+ .k-dropzone-inner .k-svg-icon {
34778
+ width: var(--kendo-dropzone-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
34779
+ height: var(--kendo-dropzone-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
34780
+ }
34274
34781
  .k-dropzone-inner .k-dropzone-hint {
34275
34782
  margin-block-end: var(--kendo-dropzone-hint-spacing, 0.5rem);
34276
34783
  font-size: var(--kendo-dropzone-hint-font-size, inherit);
@@ -34288,6 +34795,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34288
34795
  background-color: var(--kendo-dropzone-bg, var(--kendo-neutral-10, inherit));
34289
34796
  }
34290
34797
  .k-dropzone-inner .k-icon,
34798
+ .k-dropzone-inner .k-svg-icon,
34291
34799
  .k-dropzone-inner .k-dropzone-icon {
34292
34800
  color: var(--kendo-dropzone-icon-text, var(--kendo-neutral-90, inherit));
34293
34801
  }
@@ -34299,6 +34807,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34299
34807
  }
34300
34808
 
34301
34809
  .k-external-dropzone-hover .k-icon,
34810
+ .k-external-dropzone-hover .k-svg-icon,
34302
34811
  .k-external-dropzone-hover .k-dropzone-icon {
34303
34812
  color: var(--kendo-dropzone-icon-hover-text, var(--kendo-primary-100, inherit));
34304
34813
  }
@@ -35282,7 +35791,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
35282
35791
  color: var(--kendo-menu-item-disabled-text, var(--kendo-disabled-text, initial));
35283
35792
  background-color: var(--kendo-menu-item-disabled-bg, transparent);
35284
35793
  }
35285
- .k-menu:not(.k-context-menu) .k-link > .k-icon {
35794
+ .k-menu:not(.k-context-menu) .k-link > .k-icon,
35795
+ .k-menu:not(.k-context-menu) .k-link > .k-svg-icon {
35286
35796
  color: var(--kendo-menu-icon-color, var(--kendo-primary-100, inherit));
35287
35797
  }
35288
35798
 
@@ -35613,8 +36123,10 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
35613
36123
  }
35614
36124
 
35615
36125
  .k-window-title {
35616
- padding: 0.5em 0;
35617
- margin: -0.5em 0;
36126
+ padding-block: 0.5em;
36127
+ padding-inline: 0;
36128
+ margin-block: -0.5em;
36129
+ margin-inline: 0;
35618
36130
  font-size: var(--kendo-window-title-font-size, var(--kendo-font-size-xl, inherit));
35619
36131
  line-height: var(--kendo-window-title-line-height, var(--kendo-line-height, normal));
35620
36132
  font-weight: var(--kendo-window-title-font-weight, var(--kendo-font-weight-bold, bold));
@@ -35630,7 +36142,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
35630
36142
  }
35631
36143
 
35632
36144
  .k-window-titlebar-actions {
35633
- margin: -5em 0;
36145
+ margin-block: -5em;
36146
+ margin-inline: 0;
35634
36147
  margin-inline-end: -0.25rem;
35635
36148
  line-height: 1;
35636
36149
  display: flex;
@@ -36614,7 +37127,8 @@ kendo-drawer .k-drawer-wrapper {
36614
37127
  --kendo-notification-bg: var( --kendo-notification-primary-bg, var(--kendo-primary-20, inherit) );
36615
37128
  --kendo-notification-border: var( --kendo-notification-primary-border, var(--kendo-primary-20, inherit) );
36616
37129
  }
36617
- .k-notification-primary .k-notification-wrap > .k-icon {
37130
+ .k-notification-primary .k-notification-wrap > .k-icon,
37131
+ .k-notification-primary .k-notification-wrap > .k-svg-icon {
36618
37132
  --kendo-notification-icon-text: var( --kendo-notification-primary-icon-text, var(--kendo-primary-190, inherit) );
36619
37133
  }
36620
37134
 
@@ -36623,7 +37137,8 @@ kendo-drawer .k-drawer-wrapper {
36623
37137
  --kendo-notification-bg: var( --kendo-notification-error-bg, var(--kendo-error-20, inherit) );
36624
37138
  --kendo-notification-border: var( --kendo-notification-error-border, var(--kendo-error-20, inherit) );
36625
37139
  }
36626
- .k-notification-error .k-notification-wrap > .k-icon {
37140
+ .k-notification-error .k-notification-wrap > .k-icon,
37141
+ .k-notification-error .k-notification-wrap > .k-svg-icon {
36627
37142
  --kendo-notification-icon-text: var( --kendo-notification-error-icon-text, var(--kendo-error-190, inherit) );
36628
37143
  }
36629
37144
 
@@ -36632,7 +37147,8 @@ kendo-drawer .k-drawer-wrapper {
36632
37147
  --kendo-notification-bg: var( --kendo-notification-warning-bg, var(--kendo-warning-20, inherit) );
36633
37148
  --kendo-notification-border: var( --kendo-notification-warning-border, var(--kendo-warning-20, inherit) );
36634
37149
  }
36635
- .k-notification-warning .k-notification-wrap > .k-icon {
37150
+ .k-notification-warning .k-notification-wrap > .k-icon,
37151
+ .k-notification-warning .k-notification-wrap > .k-svg-icon {
36636
37152
  --kendo-notification-icon-text: var( --kendo-notification-warning-icon-text, var(--kendo-warning-190, inherit) );
36637
37153
  }
36638
37154
 
@@ -36641,7 +37157,8 @@ kendo-drawer .k-drawer-wrapper {
36641
37157
  --kendo-notification-bg: var( --kendo-notification-success-bg, var(--kendo-success-20, inherit) );
36642
37158
  --kendo-notification-border: var( --kendo-notification-success-border, var(--kendo-success-20, inherit) );
36643
37159
  }
36644
- .k-notification-success .k-notification-wrap > .k-icon {
37160
+ .k-notification-success .k-notification-wrap > .k-icon,
37161
+ .k-notification-success .k-notification-wrap > .k-svg-icon {
36645
37162
  --kendo-notification-icon-text: var( --kendo-notification-success-icon-text, var(--kendo-success-190, inherit) );
36646
37163
  }
36647
37164
 
@@ -36650,7 +37167,8 @@ kendo-drawer .k-drawer-wrapper {
36650
37167
  --kendo-notification-bg: var( --kendo-notification-info-bg, var(--kendo-info-20, inherit) );
36651
37168
  --kendo-notification-border: var( --kendo-notification-info-border, var(--kendo-info-20, inherit) );
36652
37169
  }
36653
- .k-notification-info .k-notification-wrap > .k-icon {
37170
+ .k-notification-info .k-notification-wrap > .k-icon,
37171
+ .k-notification-info .k-notification-wrap > .k-svg-icon {
36654
37172
  --kendo-notification-icon-text: var( --kendo-notification-info-icon-text, var(--kendo-info-190, inherit) );
36655
37173
  }
36656
37174
 
@@ -36659,7 +37177,8 @@ kendo-drawer .k-drawer-wrapper {
36659
37177
  --kendo-notification-bg: var( --kendo-notification-secondary-bg, var(--kendo-neutral-20, inherit) );
36660
37178
  --kendo-notification-border: var( --kendo-notification-secondary-border, var(--kendo-neutral-20, inherit) );
36661
37179
  }
36662
- .k-notification-secondary .k-notification-wrap > .k-icon {
37180
+ .k-notification-secondary .k-notification-wrap > .k-icon,
37181
+ .k-notification-secondary .k-notification-wrap > .k-svg-icon {
36663
37182
  --kendo-notification-icon-text: var( --kendo-notification-secondary-icon-text, var(--kendo-neutral-190, inherit) );
36664
37183
  }
36665
37184
 
@@ -36668,7 +37187,8 @@ kendo-drawer .k-drawer-wrapper {
36668
37187
  --kendo-notification-bg: var( --kendo-notification-tertiary-bg, var(--kendo-tertiary-20, inherit) );
36669
37188
  --kendo-notification-border: var( --kendo-notification-tertiary-border, var(--kendo-tertiary-20, inherit) );
36670
37189
  }
36671
- .k-notification-tertiary .k-notification-wrap > .k-icon {
37190
+ .k-notification-tertiary .k-notification-wrap > .k-icon,
37191
+ .k-notification-tertiary .k-notification-wrap > .k-svg-icon {
36672
37192
  --kendo-notification-icon-text: var( --kendo-notification-tertiary-icon-text, var(--kendo-tertiary-190, inherit) );
36673
37193
  }
36674
37194
 
@@ -36677,7 +37197,8 @@ kendo-drawer .k-drawer-wrapper {
36677
37197
  --kendo-notification-bg: var( --kendo-notification-dark-bg, var(--kendo-neutral-160, inherit) );
36678
37198
  --kendo-notification-border: var( --kendo-notification-dark-border, var(--kendo-neutral-160, inherit) );
36679
37199
  }
36680
- .k-notification-dark .k-notification-wrap > .k-icon {
37200
+ .k-notification-dark .k-notification-wrap > .k-icon,
37201
+ .k-notification-dark .k-notification-wrap > .k-svg-icon {
36681
37202
  --kendo-notification-icon-text: var( --kendo-notification-dark-icon-text, #ffffff );
36682
37203
  }
36683
37204
 
@@ -36686,7 +37207,8 @@ kendo-drawer .k-drawer-wrapper {
36686
37207
  --kendo-notification-bg: var( --kendo-notification-light-bg, var(--kendo-neutral-50, inherit) );
36687
37208
  --kendo-notification-border: var( --kendo-notification-light-border, var(--kendo-neutral-50, inherit) );
36688
37209
  }
36689
- .k-notification-light .k-notification-wrap > .k-icon {
37210
+ .k-notification-light .k-notification-wrap > .k-icon,
37211
+ .k-notification-light .k-notification-wrap > .k-svg-icon {
36690
37212
  --kendo-notification-icon-text: var( --kendo-notification-light-icon-text, var(--kendo-neutral-160, inherit) );
36691
37213
  }
36692
37214
 
@@ -37368,7 +37890,8 @@ kendo-drawer .k-drawer-wrapper {
37368
37890
  }
37369
37891
 
37370
37892
  .k-breadcrumb-link > .k-image,
37371
- .k-breadcrumb-icontext-link .k-icon {
37893
+ .k-breadcrumb-icontext-link .k-icon,
37894
+ .k-breadcrumb-icontext-link .k-svg-icon {
37372
37895
  margin-inline-end: var(--kendo-breadcrumb-link-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
37373
37896
  }
37374
37897
 
@@ -37588,7 +38111,7 @@ kendo-drawer .k-drawer-wrapper {
37588
38111
  }
37589
38112
 
37590
38113
  .k-pager-info {
37591
- text-align: right;
38114
+ text-align: end;
37592
38115
  justify-content: flex-end;
37593
38116
  flex: 1 1 0%;
37594
38117
  order: 9;
@@ -37766,7 +38289,8 @@ kendo-drawer .k-drawer-wrapper {
37766
38289
  text-overflow: ellipsis;
37767
38290
  overflow: hidden;
37768
38291
  }
37769
- .k-stepper .k-step-label .k-icon {
38292
+ .k-stepper .k-step-label .k-icon,
38293
+ .k-stepper .k-step-label .k-svg-icon {
37770
38294
  margin-inline-start: var(--kendo-icon-spacing, 0.5rem);
37771
38295
  }
37772
38296
  .k-stepper .k-step-current .k-step-label {
@@ -37938,7 +38462,8 @@ kendo-drawer .k-drawer-wrapper {
37938
38462
  .k-stepper .k-step-label {
37939
38463
  color: var(--kendo-stepper-label-text, inherit);
37940
38464
  }
37941
- .k-stepper .k-step-success .k-step-label .k-icon {
38465
+ .k-stepper .k-step-success .k-step-label .k-icon,
38466
+ .k-stepper .k-step-success .k-step-label .k-svg-icon {
37942
38467
  color: var(--kendo-stepper-label-success-text, var(--kendo-success-190, inherit));
37943
38468
  }
37944
38469
  .k-stepper .k-step-error .k-step-label {
@@ -37979,6 +38504,7 @@ kendo-drawer .k-drawer-wrapper {
37979
38504
  -webkit-touch-callout: none;
37980
38505
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
37981
38506
  }
38507
+
37982
38508
  .k-tabstrip-wrapper > .k-tabstrip {
37983
38509
  flex: 1 1 auto;
37984
38510
  }
@@ -38034,7 +38560,6 @@ kendo-drawer .k-drawer-wrapper {
38034
38560
  align-content: center;
38035
38561
  align-items: center;
38036
38562
  }
38037
-
38038
38563
  .k-tabstrip-content,
38039
38564
  .k-tabstrip > .k-content {
38040
38565
  margin: 0 !important;
@@ -38079,6 +38604,8 @@ kendo-drawer .k-drawer-wrapper {
38079
38604
  overflow: hidden;
38080
38605
  }
38081
38606
  .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
38607
+ padding-block: var(--kendo-tabstrip-scrollable-button-padding-y, 0.25rem);
38608
+ padding-inline: var(--kendo-tabstrip-scrollable-button-padding-x, 0.25rem);
38082
38609
  width: auto;
38083
38610
  height: auto;
38084
38611
  flex: none;
@@ -38089,11 +38616,13 @@ kendo-drawer .k-drawer-wrapper {
38089
38616
  min-width: auto;
38090
38617
  min-height: auto;
38091
38618
  }
38092
- .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
38093
- padding-inline: var(--kendo-tabstrip-scrollable-button-padding-x, 0.25rem);
38619
+
38620
+ .k-tabstrip-horizontal, .k-tabstrip-bottom > .k-tabstrip-items-wrapper, .k-tabstrip-top > .k-tabstrip-items-wrapper {
38621
+ flex-direction: row;
38094
38622
  }
38095
- .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
38096
- padding-block: var(--kendo-tabstrip-scrollable-button-padding-y, 0.25rem);
38623
+
38624
+ .k-tabstrip-vertical, .k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip-left > .k-tabstrip-items-wrapper {
38625
+ flex-direction: column;
38097
38626
  }
38098
38627
 
38099
38628
  .k-tabstrip-top > .k-tabstrip-items-wrapper {
@@ -38172,27 +38701,31 @@ kendo-drawer .k-drawer-wrapper {
38172
38701
  pointer-events: none;
38173
38702
  transition: opacity 0.3s, transform 0.3s;
38174
38703
  }
38704
+ .k-tabstrip-items-wrapper .k-item:active::after,
38705
+ .k-tabstrip-items-wrapper .k-item.k-active::after,
38706
+ .k-tabstrip-items-wrapper .k-item.k-selected::after {
38707
+ opacity: 1;
38708
+ transform: scaleY(1);
38709
+ }
38710
+ .k-tabstrip-items-wrapper .k-item > .k-link {
38711
+ z-index: 1;
38712
+ }
38713
+
38175
38714
  .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
38176
38715
  border-bottom-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
38177
38716
  }
38717
+
38178
38718
  .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after {
38179
38719
  border-top-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
38180
38720
  }
38721
+
38181
38722
  .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after {
38182
38723
  border-right-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
38183
38724
  }
38725
+
38184
38726
  .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
38185
38727
  border-left-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
38186
38728
  }
38187
- .k-tabstrip-items-wrapper .k-item:active::after,
38188
- .k-tabstrip-items-wrapper .k-item.k-active::after,
38189
- .k-tabstrip-items-wrapper .k-item.k-selected::after {
38190
- opacity: 1;
38191
- transform: scaleY(1);
38192
- }
38193
- .k-tabstrip-items-wrapper .k-item > .k-link {
38194
- z-index: 1;
38195
- }
38196
38729
 
38197
38730
  .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after {
38198
38731
  display: none !important;
@@ -38213,10 +38746,10 @@ kendo-drawer .k-drawer-wrapper {
38213
38746
  .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content {
38214
38747
  order: 0;
38215
38748
  }
38216
- .k-rtl .k-tabstrip .k-tabstrip-prev,
38217
- .k-rtl .k-tabstrip .k-tabstrip-next,
38218
- .k-tabstrip[dir=rtl] .k-tabstrip-prev,
38219
- .k-tabstrip[dir=rtl] .k-tabstrip-next {
38749
+ .k-rtl .k-tabstrip .k-tabstrip-prev .k-button-icon,
38750
+ .k-rtl .k-tabstrip .k-tabstrip-next .k-button-icon,
38751
+ .k-tabstrip[dir=rtl] .k-tabstrip-prev .k-button-icon,
38752
+ .k-tabstrip[dir=rtl] .k-tabstrip-next .k-button-icon {
38220
38753
  transform: scaleX(-1);
38221
38754
  }
38222
38755
 
@@ -38369,6 +38902,7 @@ kendo-drawer .k-drawer-wrapper {
38369
38902
  position: relative;
38370
38903
  }
38371
38904
  .k-treeview-leaf .k-icon,
38905
+ .k-treeview-leaf .k-svg-icon,
38372
38906
  .k-treeview-leaf .k-image,
38373
38907
  .k-treeview-leaf .k-sprite {
38374
38908
  margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
@@ -39315,8 +39849,10 @@ kendo-card-footer {
39315
39849
  background-color: var(--INTERNAL--kendo-panelbar-header-bg, inherit);
39316
39850
  }
39317
39851
  .k-panelbar > .k-item > .k-link .k-icon,
39852
+ .k-panelbar > .k-item > .k-link .k-svg-icon,
39318
39853
  .k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
39319
39854
  .k-panelbar > .k-panelbar-header > .k-link .k-icon,
39855
+ .k-panelbar > .k-panelbar-header > .k-link .k-svg-icon,
39320
39856
  .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
39321
39857
  color: var(--kendo-panelbar-text, var(--kendo-component-text, initial));
39322
39858
  }
@@ -39351,8 +39887,10 @@ kendo-card-footer {
39351
39887
  --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-border, inherit );
39352
39888
  }
39353
39889
  .k-panelbar > .k-item > .k-link.k-selected .k-icon,
39890
+ .k-panelbar > .k-item > .k-link.k-selected .k-svg-icon,
39354
39891
  .k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
39355
39892
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
39893
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-svg-icon,
39356
39894
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
39357
39895
  color: inherit;
39358
39896
  }
@@ -39389,11 +39927,15 @@ kendo-card-footer {
39389
39927
  --INTERNAL--kendo-panelbar-header-text: var( --kendo-disabled-text, inherit );
39390
39928
  }
39391
39929
  .k-panelbar > .k-item > .k-link:disabled .k-icon,
39930
+ .k-panelbar > .k-item > .k-link:disabled .k-svg-icon,
39392
39931
  .k-panelbar > .k-item > .k-link:disabled .k-panelbar-item-icon, .k-panelbar > .k-item > .k-link.k-disabled .k-icon,
39932
+ .k-panelbar > .k-item > .k-link.k-disabled .k-svg-icon,
39393
39933
  .k-panelbar > .k-item > .k-link.k-disabled .k-panelbar-item-icon,
39394
39934
  .k-panelbar > .k-panelbar-header > .k-link:disabled .k-icon,
39935
+ .k-panelbar > .k-panelbar-header > .k-link:disabled .k-svg-icon,
39395
39936
  .k-panelbar > .k-panelbar-header > .k-link:disabled .k-panelbar-item-icon,
39396
39937
  .k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-icon,
39938
+ .k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-svg-icon,
39397
39939
  .k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-panelbar-item-icon {
39398
39940
  color: inherit;
39399
39941
  }
@@ -39408,11 +39950,15 @@ kendo-card-footer {
39408
39950
  --INTERNAL--kendo-panelbar-header-text: var( --kendo-disabled-text, inherit );
39409
39951
  }
39410
39952
  .k-panelbar > .k-item:disabled .k-icon,
39953
+ .k-panelbar > .k-item:disabled .k-svg-icon,
39411
39954
  .k-panelbar > .k-item:disabled .k-panelbar-item-icon, .k-panelbar > .k-item.k-disabled .k-icon,
39955
+ .k-panelbar > .k-item.k-disabled .k-svg-icon,
39412
39956
  .k-panelbar > .k-item.k-disabled .k-panelbar-item-icon,
39413
39957
  .k-panelbar > .k-panelbar-header:disabled .k-icon,
39958
+ .k-panelbar > .k-panelbar-header:disabled .k-svg-icon,
39414
39959
  .k-panelbar > .k-panelbar-header:disabled .k-panelbar-item-icon,
39415
39960
  .k-panelbar > .k-panelbar-header.k-disabled .k-icon,
39961
+ .k-panelbar > .k-panelbar-header.k-disabled .k-svg-icon,
39416
39962
  .k-panelbar > .k-panelbar-header.k-disabled .k-panelbar-item-icon {
39417
39963
  color: inherit;
39418
39964
  }
@@ -39423,8 +39969,10 @@ kendo-card-footer {
39423
39969
  background-color: var(--INTERNAL--kendo-panelbar-item-bg, inherit);
39424
39970
  }
39425
39971
  .k-panelbar .k-group > .k-item > .k-link .k-icon,
39972
+ .k-panelbar .k-group > .k-item > .k-link .k-svg-icon,
39426
39973
  .k-panelbar .k-group > .k-item > .k-link .k-panelbar-item-icon,
39427
39974
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link .k-icon,
39975
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link .k-svg-icon,
39428
39976
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link .k-panelbar-item-icon {
39429
39977
  color: var(--kendo-panelbar-text, var(--kendo-component-text, initial));
39430
39978
  }
@@ -39490,8 +40038,10 @@ kendo-card-footer {
39490
40038
  --INTERNAL--kendo-panelbar-item-text: var( --kendo-disabled-text, inherit );
39491
40039
  }
39492
40040
  .k-panelbar .k-group > .k-item > .k-link.k-disabled .k-icon,
40041
+ .k-panelbar .k-group > .k-item > .k-link.k-disabled .k-svg-icon,
39493
40042
  .k-panelbar .k-group > .k-item > .k-link.k-disabled .k-panelbar-item-icon,
39494
40043
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled .k-icon,
40044
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled .k-svg-icon,
39495
40045
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled .k-panelbar-item-icon {
39496
40046
  color: inherit;
39497
40047
  }
@@ -39506,11 +40056,15 @@ kendo-card-footer {
39506
40056
  --INTERNAL--kendo-panelbar-item-text: var( --kendo-disabled-text, inherit );
39507
40057
  }
39508
40058
  .k-panelbar .k-group > .k-item:disabled .k-icon,
40059
+ .k-panelbar .k-group > .k-item:disabled .k-svg-icon,
39509
40060
  .k-panelbar .k-group > .k-item:disabled .k-panelbar-item-icon, .k-panelbar .k-group > .k-item.k-disabled .k-icon,
40061
+ .k-panelbar .k-group > .k-item.k-disabled .k-svg-icon,
39510
40062
  .k-panelbar .k-group > .k-item.k-disabled .k-panelbar-item-icon,
39511
40063
  .k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-icon,
40064
+ .k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-svg-icon,
39512
40065
  .k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-panelbar-item-icon,
39513
40066
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-icon,
40067
+ .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-svg-icon,
39514
40068
  .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-panelbar-item-icon {
39515
40069
  color: inherit;
39516
40070
  }
@@ -39570,6 +40124,11 @@ kendo-card-footer {
39570
40124
  .k-splitbar .k-icon {
39571
40125
  font-size: var(--kendo-splitter-resize-icon-size, 0.625rem);
39572
40126
  }
40127
+ .k-ghost-splitbar .k-svg-icon,
40128
+ .k-splitbar .k-svg-icon {
40129
+ width: var(--kendo-splitter-resize-icon-size, 0.625rem);
40130
+ height: var(--kendo-splitter-resize-icon-size, 0.625rem);
40131
+ }
39573
40132
 
39574
40133
  .k-splitbar-draggable-horizontal {
39575
40134
  cursor: col-resize;
@@ -39908,7 +40467,8 @@ kendo-card-footer {
39908
40467
  border-inline-end-width: 1px;
39909
40468
  text-overflow: clip;
39910
40469
  }
39911
- .k-grid .k-grouping-row .k-icon {
40470
+ .k-grid .k-grouping-row .k-icon,
40471
+ .k-grid .k-grouping-row .k-svg-icon {
39912
40472
  margin-inline-start: calc(var(--kendo-icon-size, 1rem)/2 - var(--INTERNAL--kendo-grid-cell-padding-x, 0));
39913
40473
  margin-inline-end: calc(var(--kendo-icon-size, 1rem)/2);
39914
40474
  text-decoration: none;
@@ -39930,7 +40490,9 @@ kendo-card-footer {
39930
40490
  overflow: visible;
39931
40491
  }
39932
40492
  .k-grid .k-hierarchy-cell > .k-icon,
39933
- .k-grid .k-drag-cell > .k-icon {
40493
+ .k-grid .k-hierarchy-cell > .k-svg-icon,
40494
+ .k-grid .k-drag-cell > .k-icon,
40495
+ .k-grid .k-drag-cell > .k-svg-icon {
39934
40496
  padding-inline: 0;
39935
40497
  padding-block: var(--INTERNAL--kendo-grid-cell-padding-y, 0);
39936
40498
  width: 100%;
@@ -39971,7 +40533,8 @@ kendo-card-footer {
39971
40533
  .k-grid .k-grid-filter,
39972
40534
  .k-grid .k-header-column-menu,
39973
40535
  .k-grid .k-grid-header-menu,
39974
- .k-grid .k-hierarchy-cell .k-icon {
40536
+ .k-grid .k-hierarchy-cell .k-icon,
40537
+ .k-grid .k-hierarchy-cell .k-svg-icon {
39975
40538
  border-width: 0;
39976
40539
  }
39977
40540
  .k-grid .k-drag-col {
@@ -40124,7 +40687,8 @@ div.k-grid-footer {
40124
40687
  text-overflow: ellipsis;
40125
40688
  outline: 0;
40126
40689
  }
40127
- .k-grid-header .k-table-th > .k-link > .k-icon {
40690
+ .k-grid-header .k-table-th > .k-link > .k-icon,
40691
+ .k-grid-header .k-table-th > .k-link > .k-svg-icon {
40128
40692
  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
40129
40693
  }
40130
40694
  .k-grid-header .k-table-th > .k-link:focus {
@@ -40155,6 +40719,7 @@ div.k-grid-footer {
40155
40719
  cursor: pointer;
40156
40720
  }
40157
40721
  .k-grid-header .k-cell-inner > .k-link > .k-icon,
40722
+ .k-grid-header .k-cell-inner > .k-link > .k-svg-icon,
40158
40723
  .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
40159
40724
  vertical-align: text-top;
40160
40725
  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
@@ -40583,7 +41148,8 @@ div.k-grid-norecords {
40583
41148
 
40584
41149
  .k-grid-norecords-template {
40585
41150
  box-sizing: border-box;
40586
- margin: 0 auto;
41151
+ margin-block: 0;
41152
+ margin-inline: auto;
40587
41153
  width: 20em;
40588
41154
  height: 4em;
40589
41155
  border: 1px solid;
@@ -40617,7 +41183,8 @@ div.k-grid-norecords {
40617
41183
  flex: 1;
40618
41184
  overflow: hidden;
40619
41185
  }
40620
- .k-cell-inner > .k-link > .k-icon {
41186
+ .k-cell-inner > .k-link > .k-icon,
41187
+ .k-cell-inner > .k-link > .k-svg-icon {
40621
41188
  margin-left: 0;
40622
41189
  display: inline-block;
40623
41190
  flex-shrink: 0;
@@ -40635,7 +41202,8 @@ div.k-grid-norecords {
40635
41202
  .k-cell-inner .k-grid-filter,
40636
41203
  .k-cell-inner .k-header-column-menu,
40637
41204
  .k-cell-inner .k-grid-header-menu,
40638
- .k-cell-inner .k-hierarchy-cell .k-icon {
41205
+ .k-cell-inner .k-hierarchy-cell .k-icon,
41206
+ .k-cell-inner .k-hierarchy-cell .k-svg-icon {
40639
41207
  text-align: center;
40640
41208
  display: inline-block;
40641
41209
  flex-shrink: 0;
@@ -40770,7 +41338,11 @@ div.k-grid-norecords {
40770
41338
  .k-filter-menu-container kendo-grid-string-filter-menu,
40771
41339
  .k-filter-menu-container kendo-grid-date-filter-menu,
40772
41340
  .k-filter-menu-container kendo-grid-numeric-filter-menu,
40773
- .k-filter-menu-container kendo-grid-filter-menu-input-wrapper {
41341
+ .k-filter-menu-container kendo-grid-filter-menu-input-wrapper,
41342
+ .k-filter-menu-container kendo-treelist-string-filter-menu,
41343
+ .k-filter-menu-container kendo-treelist-date-filter-menu,
41344
+ .k-filter-menu-container kendo-treelist-numeric-filter-menu,
41345
+ .k-filter-menu-container kendo-treelist-filter-menu-input-wrapper {
40774
41346
  display: flex;
40775
41347
  flex-flow: column nowrap;
40776
41348
  align-items: stretch;
@@ -40893,7 +41465,8 @@ div.k-grid-norecords {
40893
41465
  outline: 0;
40894
41466
  cursor: pointer;
40895
41467
  }
40896
- .k-columnmenu-item > .k-icon {
41468
+ .k-columnmenu-item > .k-icon,
41469
+ .k-columnmenu-item > .k-svg-icon {
40897
41470
  margin-inline-end: var(--kendo-grid-column-menu-item-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
40898
41471
  }
40899
41472
 
@@ -41028,13 +41601,15 @@ div.k-grid-norecords {
41028
41601
  .k-grid .k-grid-filter,
41029
41602
  .k-grid .k-header-column-menu,
41030
41603
  .k-grid .k-grid-header-menu,
41031
- .k-grid .k-hierarchy-cell .k-icon {
41604
+ .k-grid .k-hierarchy-cell .k-icon,
41605
+ .k-grid .k-hierarchy-cell .k-svg-icon {
41032
41606
  color: var(--kendo-grid-header-text, var(--kendo-neutral-190, inherit));
41033
41607
  }
41034
41608
  .k-grid .k-grouping-row {
41035
41609
  background-color: var(--kendo-grid-grouping-row-bg, var(--kendo-component-bg, initial));
41036
41610
  }
41037
- .k-grid .k-grouping-row .k-icon {
41611
+ .k-grid .k-grouping-row .k-icon,
41612
+ .k-grid .k-grouping-row .k-svg-icon {
41038
41613
  color: var(--kendo-grid-header-text, var(--kendo-neutral-190, inherit));
41039
41614
  }
41040
41615
  .k-grid .k-grouping-row .k-grid-content-sticky {
@@ -41093,7 +41668,8 @@ col.k-sorted,
41093
41668
  .k-grid-header .k-grid-filter:hover,
41094
41669
  .k-grid-header .k-header-column-menu:hover,
41095
41670
  .k-grid-header .k-grid-header-menu:hover,
41096
- .k-grid-header .k-hierarchy-cell .k-icon:hover {
41671
+ .k-grid-header .k-hierarchy-cell .k-icon:hover,
41672
+ .k-grid-header .k-hierarchy-cell .k-svg-icon:hover {
41097
41673
  color: var(--kendo-hover-text, inherit);
41098
41674
  background-color: var(--kendo-hover-bg, inherit);
41099
41675
  }
@@ -41103,13 +41679,16 @@ col.k-sorted,
41103
41679
  .k-grid-header .k-grid-header-menu:focus,
41104
41680
  .k-grid-header .k-grid-header-menu.k-focus,
41105
41681
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
41106
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
41682
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
41683
+ .k-grid-header .k-hierarchy-cell .k-svg-icon:focus,
41684
+ .k-grid-header .k-hierarchy-cell .k-svg-icon.k-focus {
41107
41685
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
41108
41686
  }
41109
41687
  .k-grid-header .k-grid-filter.k-active,
41110
41688
  .k-grid-header .k-header-column-menu.k-active,
41111
41689
  .k-grid-header .k-grid-header-menu.k-active,
41112
- .k-grid-header .k-hierarchy-cell .k-icon.k-active {
41690
+ .k-grid-header .k-hierarchy-cell .k-icon.k-active,
41691
+ .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
41113
41692
  color: var(--kendo-selected-text, inherit);
41114
41693
  background-color: var(--kendo-selected-bg, inherit);
41115
41694
  }
@@ -41254,8 +41833,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41254
41833
  background-color: var(--kendo-grid-column-menu-item-bg, #ffffff);
41255
41834
  }
41256
41835
  .k-column-menu .k-columnmenu-item .k-icon,
41836
+ .k-column-menu .k-columnmenu-item .k-svg-icon,
41257
41837
  .k-column-menu .k-column-list-item .k-icon,
41258
- .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-icon {
41838
+ .k-column-menu .k-column-list-item .k-svg-icon,
41839
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-icon,
41840
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-svg-icon {
41259
41841
  color: var(--kendo-grid-column-menu-item-icon-text, var(--kendo-primary-100, inherit));
41260
41842
  }
41261
41843
  .k-column-menu .k-columnmenu-item .k-expander-indicator,
@@ -41284,11 +41866,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41284
41866
  color: var(--kendo-grid-column-menu-item-selected-text, var(--kendo-neutral-190, inherit));
41285
41867
  background-color: var(--kendo-grid-column-menu-item-selected-bg, var(--kendo-neutral-40, inherit));
41286
41868
  }
41287
- .k-column-menu .k-columnmenu-item.k-disabled .k-link, .k-column-menu .k-columnmenu-item.k-disabled .k-icon,
41869
+ .k-column-menu .k-columnmenu-item.k-disabled .k-link, .k-column-menu .k-columnmenu-item.k-disabled .k-icon, .k-column-menu .k-columnmenu-item.k-disabled .k-svg-icon,
41288
41870
  .k-column-menu .k-column-list-item.k-disabled .k-link,
41289
41871
  .k-column-menu .k-column-list-item.k-disabled .k-icon,
41872
+ .k-column-menu .k-column-list-item.k-disabled .k-svg-icon,
41290
41873
  .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-link,
41291
- .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-icon {
41874
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-icon,
41875
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-svg-icon {
41292
41876
  outline: none;
41293
41877
  cursor: default;
41294
41878
  color: var(--kendo-disabled-text, inherit);
@@ -41653,7 +42237,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41653
42237
  }
41654
42238
 
41655
42239
  .k-spreadsheet-cell-editor {
41656
- padding: 0 3px;
42240
+ padding-block: 0;
42241
+ padding-inline: 3px;
41657
42242
  line-height: var(--kendo-spreadsheet-line-height, var(--kendo-line-height, initial));
41658
42243
  display: none;
41659
42244
  overflow: hidden;
@@ -42033,7 +42618,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42033
42618
  padding-inline-start: var(--filter-menu-padding-left, calc(var(--kendo-icon-size, 1rem) + var(--kendo-padding-y, 0.25rem)*2));
42034
42619
  }
42035
42620
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
42036
- .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
42621
+ .k-spreadsheet-filter-menu > .k-menu .k-svg-icon,
42622
+ .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon,
42623
+ .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-svg-icon {
42037
42624
  margin-inline-start: calc((var( --kendo-icon-size, 1rem ) + 0.25rem)*-1);
42038
42625
  margin-inline-end: 0.25rem;
42039
42626
  }
@@ -42068,7 +42655,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42068
42655
  cursor: pointer;
42069
42656
  }
42070
42657
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
42071
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
42658
+ .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
42659
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
42660
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
42072
42661
  margin-inline-end: 0.25rem;
42073
42662
  }
42074
42663
  .k-spreadsheet-filter-menu .k-details-content,
@@ -42193,6 +42782,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42193
42782
  .k-export-config .k-page-orientation .k-icon {
42194
42783
  font-size: 6em;
42195
42784
  }
42785
+ .k-export-config .k-page-orientation .k-svg-icon {
42786
+ width: 6em;
42787
+ height: 6em;
42788
+ }
42196
42789
 
42197
42790
  .k-spreadsheet-insert-comment textarea {
42198
42791
  height: auto;
@@ -42502,7 +43095,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42502
43095
  font-size: var(--kendo-pivotgrid-font-size, var(--kendo-font-size, inherit));
42503
43096
  font-family: var(--kendo-pivotgrid-font-family, var(--kendo-font-family, inherit));
42504
43097
  line-height: var(--kendo-pivotgrid-line-height, var(--kendo-line-height, normal));
42505
- text-align: left;
43098
+ text-align: start;
42506
43099
  vertical-align: top;
42507
43100
  display: grid;
42508
43101
  grid-template-columns: var(--kendo-pivotgrid-row-header-width, 300px) auto;
@@ -42518,6 +43111,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42518
43111
  border-collapse: separate;
42519
43112
  border-spacing: 0;
42520
43113
  outline: 0;
43114
+ text-align: inherit;
42521
43115
  empty-cells: show;
42522
43116
  }
42523
43117
  .k-pivotgrid thead,
@@ -42526,6 +43120,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42526
43120
  .k-pivotgrid tr,
42527
43121
  .k-pivotgrid td {
42528
43122
  border-color: inherit;
43123
+ text-align: inherit;
42529
43124
  }
42530
43125
 
42531
43126
  .k-pivotgrid-table {
@@ -42609,7 +43204,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42609
43204
  overflow: hidden;
42610
43205
  }
42611
43206
 
42612
- .k-pivotgrid-cell .k-icon {
43207
+ .k-pivotgrid-cell .k-icon,
43208
+ .k-pivotgrid-cell .k-svg-icon {
42613
43209
  cursor: pointer;
42614
43210
  padding-inline-end: var(--kendo-pivotgrid-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
42615
43211
  }
@@ -42651,7 +43247,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42651
43247
  -ms-user-select: none;
42652
43248
  user-select: none;
42653
43249
  }
42654
- .k-pivotgrid-configurator-button .k-icon {
43250
+ .k-pivotgrid-configurator-button .k-icon,
43251
+ .k-pivotgrid-configurator-button .k-svg-icon {
42655
43252
  margin-inline-start: var(--kendo-pivotgrid-configurator-button-icon-spacing, 0.5rem);
42656
43253
  }
42657
43254
  .k-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button {
@@ -42662,7 +43259,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42662
43259
  -ms-writing-mode: tb-rl;
42663
43260
  writing-mode: vertical-rl;
42664
43261
  }
42665
- .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon {
43262
+ .k-flex-row .k-pivotgrid-configurator-button .k-icon,
43263
+ .k-flex-row .k-pivotgrid-configurator-button .k-svg-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon,
43264
+ .k-flex-row-reverse .k-pivotgrid-configurator-button .k-svg-icon {
42666
43265
  vertical-align: baseline;
42667
43266
  }
42668
43267
  .k-flex-row-reverse .k-pivotgrid-configurator-button > span {
@@ -42799,7 +43398,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42799
43398
  flex-direction: row;
42800
43399
  align-items: center;
42801
43400
  }
42802
- .k-calculated-field-actions .k-icon {
43401
+ .k-calculated-field-actions .k-icon,
43402
+ .k-calculated-field-actions .k-svg-icon {
42803
43403
  margin-inline-end: 0.5rem;
42804
43404
  }
42805
43405
  .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
@@ -42912,6 +43512,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42912
43512
  }
42913
43513
 
42914
43514
  .k-pivot-layout > tbody,
43515
+ .k-pivot .k-table-td,
42915
43516
  .k-pivot td {
42916
43517
  vertical-align: top;
42917
43518
  }
@@ -43222,8 +43823,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43222
43823
  .k-treelist tr.k-footer + tr.k-footer td {
43223
43824
  border-top-width: 0;
43224
43825
  }
43225
- .k-treelist .k-i-collapse,
43226
- .k-treelist .k-i-expand {
43826
+ .k-treelist .k-i-caret-alt-down,
43827
+ .k-treelist .k-i-caret-alt-right {
43227
43828
  margin-inline-end: 0.5rem;
43228
43829
  }
43229
43830
 
@@ -43257,7 +43858,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43257
43858
  border-right: 1px solid;
43258
43859
  height: 1em;
43259
43860
  vertical-align: top;
43260
- margin: 0 0.5em;
43861
+ margin-block: 0;
43862
+ margin-inline: 0.5em;
43261
43863
  }
43262
43864
 
43263
43865
  .k-treelist tr.k-footer,
@@ -43563,7 +44165,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43563
44165
  align-items: center;
43564
44166
  }
43565
44167
 
43566
- .k-filemanager-drag-hint .k-icon {
44168
+ .k-filemanager-drag-hint .k-icon,
44169
+ .k-filemanager-drag-hint .k-svg-icon {
43567
44170
  margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
43568
44171
  }
43569
44172
 
@@ -43890,7 +44493,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43890
44493
 
43891
44494
  .k-editor-inline {
43892
44495
  border-radius: 0.125rem;
43893
- padding: 0.125rem 0.25rem;
44496
+ padding-block: 0.125rem;
44497
+ padding-inline: 0.25rem;
43894
44498
  border: 1px solid transparent;
43895
44499
  word-wrap: break-word;
43896
44500
  overflow: auto;
@@ -43983,10 +44587,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43983
44587
  border-width: 0 0 1px 0;
43984
44588
  flex-shrink: 0;
43985
44589
  }
43986
- .k-editor-toolbar .k-editor-export .k-icon {
44590
+ .k-editor-toolbar .k-editor-export .k-icon,
44591
+ .k-editor-toolbar .k-editor-export .k-svg-icon {
43987
44592
  margin-inline-end: var(--kendo-editor-export-tool-icon-margin-x, 0.25rem);
43988
44593
  }
43989
44594
  .k-editor-toolbar .k-editor-export .k-icon,
44595
+ .k-editor-toolbar .k-editor-export .k-svg-icon,
43990
44596
  .k-editor-toolbar .k-editor-export .k-export-tool-text {
43991
44597
  vertical-align: middle;
43992
44598
  }
@@ -44044,14 +44650,18 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44044
44650
  .k-editor-content th {
44045
44651
  min-width: 1em;
44046
44652
  border: 1px solid;
44047
- padding: 3px 5px;
44653
+ padding-block: 3px;
44654
+ padding-inline: 5px;
44048
44655
  vertical-align: top;
44049
44656
  box-sizing: border-box;
44050
44657
  position: relative;
44051
44658
  }
44052
44659
  .k-editor-content th {
44053
44660
  font-weight: bold;
44054
- text-align: left;
44661
+ text-align: start;
44662
+ }
44663
+ .k-editor-content td {
44664
+ text-align: start;
44055
44665
  }
44056
44666
  .k-editor-content .selectedCell::after {
44057
44667
  z-index: 2;
@@ -44067,8 +44677,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44067
44677
  .k-edit-form-content {
44068
44678
  flex: 1 1 auto;
44069
44679
  overflow: auto;
44070
- margin: -0.75rem -1.5rem;
44071
- padding: 0.75rem 1.5rem;
44680
+ margin-block: -0.75rem;
44681
+ margin-inline: -1.5rem;
44682
+ padding-block: 0.75rem;
44683
+ padding-inline: 1.5rem;
44072
44684
  }
44073
44685
 
44074
44686
  .k-ct-popup {
@@ -44164,7 +44776,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44164
44776
  flex: 1;
44165
44777
  width: 100px;
44166
44778
  }
44167
- .k-filebrowser .k-search-wrap .k-icon {
44779
+ .k-filebrowser .k-search-wrap .k-icon,
44780
+ .k-filebrowser .k-search-wrap .k-svg-icon {
44168
44781
  margin: 0;
44169
44782
  position: static;
44170
44783
  }
@@ -44191,14 +44804,16 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44191
44804
  height: 390px;
44192
44805
  max-height: 50vh;
44193
44806
  margin-block-end: 1rem;
44194
- padding: 0.25rem 0.5rem;
44807
+ padding-block: 0.25rem;
44808
+ padding-inline: 0.5rem;
44195
44809
  border-top-width: 0;
44196
44810
  overflow: auto;
44197
44811
  }
44198
44812
  .k-filebrowser .k-tile {
44199
44813
  width: 33%;
44200
44814
  height: 90px;
44201
- padding: 0.25rem 0.5rem;
44815
+ padding-block: 0.25rem;
44816
+ padding-inline: 0.5rem;
44202
44817
  box-sizing: border-box;
44203
44818
  white-space: nowrap;
44204
44819
  overflow: hidden;
@@ -44242,7 +44857,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44242
44857
  inset-inline-start: 0.5rem;
44243
44858
  inset-block-start: 0.375rem;
44244
44859
  }
44245
- .k-filebrowser .k-breadcrumbs-wrap .k-icon {
44860
+ .k-filebrowser .k-breadcrumbs-wrap .k-icon,
44861
+ .k-filebrowser .k-breadcrumbs-wrap .k-svg-icon {
44246
44862
  position: static;
44247
44863
  margin-block-start: 0;
44248
44864
  }
@@ -44286,7 +44902,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44286
44902
  }
44287
44903
  .k-editor-inline .k-table td {
44288
44904
  min-width: 1px;
44289
- padding: 0.125rem 0.25rem;
44905
+ padding-block: 0.125rem;
44906
+ padding-inline: 0.25rem;
44290
44907
  }
44291
44908
  .k-editor-inline .k-element-resize-handle-wrapper {
44292
44909
  position: absolute;
@@ -44338,7 +44955,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44338
44955
  .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
44339
44956
  width: 2px;
44340
44957
  height: 100%;
44341
- margin: 0 auto;
44958
+ margin-block: 0;
44959
+ margin-inline: auto;
44342
44960
  display: none;
44343
44961
  opacity: 0.8;
44344
44962
  }
@@ -44660,7 +45278,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44660
45278
  padding: 0;
44661
45279
  }
44662
45280
  .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header {
44663
- padding: 0.75rem 0.75rem;
45281
+ padding-block: 0.75rem;
45282
+ padding-inline: 0.75rem;
44664
45283
  border-width: 0 0 1px 1px;
44665
45284
  white-space: nowrap;
44666
45285
  }
@@ -44830,7 +45449,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44830
45449
  overflow-x: scroll;
44831
45450
  }
44832
45451
  .k-gantt-timeline .k-header {
44833
- padding: 0.75rem 0.75rem;
45452
+ padding-block: 0.75rem;
45453
+ padding-inline: 0.75rem;
44834
45454
  border-block-start-width: 0;
44835
45455
  border-block-end-width: 1px;
44836
45456
  border-inline-start-width: 1px;
@@ -44911,8 +45531,10 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44911
45531
  }
44912
45532
 
44913
45533
  .k-task-wrap {
44914
- margin: 0 -21px;
44915
- padding: 5px 21px;
45534
+ margin-block: 0;
45535
+ margin-inline: -21px;
45536
+ padding-block: 5px;
45537
+ padding-inline: 21px;
44916
45538
  display: inline-flex;
44917
45539
  flex-direction: row;
44918
45540
  align-items: center;
@@ -45136,11 +45758,13 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
45136
45758
  white-space: nowrap;
45137
45759
  }
45138
45760
  .k-resources-wrap .k-resource {
45139
- margin: 0 5px;
45761
+ margin-block: 0;
45762
+ margin-inline: 5px;
45140
45763
  }
45141
45764
 
45142
45765
  .k-task-details {
45143
- padding: 0.25rem 0.5rem;
45766
+ padding-block: 0.25rem;
45767
+ padding-inline: 0.5rem;
45144
45768
  white-space: nowrap;
45145
45769
  }
45146
45770
  .k-task-details strong {
@@ -45774,7 +46398,7 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
45774
46398
  .k-scheduler-times th {
45775
46399
  border-inline-width: 0 1px;
45776
46400
  border-block-width: 0 1px;
45777
- text-align: right;
46401
+ text-align: end;
45778
46402
  }
45779
46403
  .k-scheduler-times .k-slot-cell,
45780
46404
  .k-scheduler-times .k-scheduler-times-all-day {
@@ -46047,7 +46671,7 @@ kendo-scheduler .k-recurrence-editor {
46047
46671
  }
46048
46672
  .k-scheduler-monthview .k-scheduler-table td {
46049
46673
  height: 80px;
46050
- text-align: right;
46674
+ text-align: end;
46051
46675
  }
46052
46676
  .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell {
46053
46677
  min-height: 80px;
@@ -46535,7 +47159,8 @@ kendo-scheduler .k-recurrence-editor {
46535
47159
  }
46536
47160
  .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
46537
47161
  width: 100%;
46538
- margin: -1px 0;
47162
+ margin-block: -1px;
47163
+ margin-inline: 0;
46539
47164
  }
46540
47165
  .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
46541
47166
  white-space: nowrap;
@@ -46552,7 +47177,8 @@ kendo-scheduler .k-recurrence-editor {
46552
47177
  visibility: hidden;
46553
47178
  }
46554
47179
  .k-scheduler-mobile .k-scheduler-toolbar {
46555
- padding: 0.5rem 0.5rem;
47180
+ padding-block: 0.5rem;
47181
+ padding-inline: 0.5rem;
46556
47182
  }
46557
47183
  .k-scheduler-mobile .k-scheduler-toolbar > * {
46558
47184
  margin: 0;
@@ -46579,7 +47205,8 @@ kendo-scheduler .k-recurrence-editor {
46579
47205
  display: inline-block;
46580
47206
  }
46581
47207
  .k-scheduler-mobile .k-scheduler-footer {
46582
- padding: 0.5rem 0.5rem;
47208
+ padding-block: 0.5rem;
47209
+ padding-inline: 0.5rem;
46583
47210
  display: flex;
46584
47211
  justify-content: space-between;
46585
47212
  }
@@ -46695,11 +47322,13 @@ kendo-scheduler .k-recurrence-editor {
46695
47322
  }
46696
47323
  .k-pane-wrapper .k-list-title,
46697
47324
  .k-pane-wrapper .k-filter-help-text {
46698
- padding: 0.5rem 0.5rem;
47325
+ padding-block: 0.5rem;
47326
+ padding-inline: 0.5rem;
46699
47327
  display: block;
46700
47328
  }
46701
47329
  .k-pane-wrapper .k-listgroup-title {
46702
- padding: 0.5rem 0.5rem;
47330
+ padding-block: 0.5rem;
47331
+ padding-inline: 0.5rem;
46703
47332
  font-weight: bold;
46704
47333
  text-transform: uppercase;
46705
47334
  }
@@ -46902,7 +47531,7 @@ kendo-scheduler .k-recurrence-editor {
46902
47531
  }
46903
47532
  .k-chat .k-message-group:not(.k-alt) {
46904
47533
  align-items: flex-start;
46905
- text-align: left;
47534
+ text-align: start;
46906
47535
  }
46907
47536
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
46908
47537
  margin-inline-start: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -46922,7 +47551,7 @@ kendo-scheduler .k-recurrence-editor {
46922
47551
  .k-chat .k-message-group.k-alt {
46923
47552
  align-self: flex-end;
46924
47553
  align-items: flex-end;
46925
- text-align: right;
47554
+ text-align: end;
46926
47555
  }
46927
47556
  .k-chat .k-message-group.k-alt .k-message-time {
46928
47557
  margin-inline-end: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -47540,7 +48169,7 @@ kendo-scheduler .k-recurrence-editor {
47540
48169
  padding-inline-end: var(--kendo-timeline-items-padding, 1rem);
47541
48170
  margin-block-start: var(--kendo-timeline-track-event-offset, 2rem);
47542
48171
  transform: translate(-100%, -50%);
47543
- text-align: right;
48172
+ text-align: end;
47544
48173
  }
47545
48174
  .k-timeline-vertical .k-timeline-event {
47546
48175
  display: flex;
@@ -47606,7 +48235,7 @@ kendo-scheduler .k-recurrence-editor {
47606
48235
  flex-direction: row-reverse;
47607
48236
  }
47608
48237
  .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
47609
- text-align: left;
48238
+ text-align: start;
47610
48239
  padding-inline-end: 0;
47611
48240
  padding-inline-start: var(--kendo-timeline-items-padding, 1rem);
47612
48241
  }
@@ -47908,6 +48537,10 @@ kendo-scheduler .k-recurrence-editor {
47908
48537
  .k-pdf-viewer .k-blank-page > .k-icon {
47909
48538
  font-size: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
47910
48539
  }
48540
+ .k-pdf-viewer .k-blank-page > .k-svg-icon {
48541
+ width: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
48542
+ height: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
48543
+ }
47911
48544
 
47912
48545
  .k-pdf-viewer-search-dialog {
47913
48546
  padding: 0 !important;
@@ -47964,7 +48597,8 @@ kendo-scheduler .k-recurrence-editor {
47964
48597
  background-color: var(--kendo-pdf-viewer-page-bg, var(--kendo-component-bg, inherit));
47965
48598
  box-shadow: var(--kendo-pdf-viewer-page-shadow, var(--kendo-box-shadow-depth-1, none));
47966
48599
  }
47967
- .k-pdf-viewer .k-blank-page > .k-icon {
48600
+ .k-pdf-viewer .k-blank-page > .k-icon,
48601
+ .k-pdf-viewer .k-blank-page > .k-svg-icon {
47968
48602
  color: var(--kendo-pdf-viewer-icon-text, var(--kendo-neutral-90, inherit));
47969
48603
  }
47970
48604
  .k-pdf-viewer .k-search-highlight {
@@ -48014,7 +48648,7 @@ kendo-scheduler .k-recurrence-editor {
48014
48648
  .km-scroller-pull .km-template {
48015
48649
  display: inline-block;
48016
48650
  min-width: 200px;
48017
- text-align: left;
48651
+ text-align: start;
48018
48652
  }
48019
48653
 
48020
48654
  .km-load-more .km-icon,
@@ -48225,6 +48859,11 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
48225
48859
  font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48226
48860
  font-weight: normal;
48227
48861
  }
48862
+ .k-scrollview-next .k-svg-icon,
48863
+ .k-scrollview-prev .k-svg-icon {
48864
+ width: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48865
+ height: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48866
+ }
48228
48867
 
48229
48868
  .k-scrollview-prev {
48230
48869
  left: 0;
@@ -48415,7 +49054,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
48415
49054
 
48416
49055
  .k-chart-tooltip td {
48417
49056
  width: auto;
48418
- text-align: left;
49057
+ text-align: start;
48419
49058
  padding-inline: var(--kendo-padding-x-sm, 0.25rem);
48420
49059
  padding-block: var(--kendo-padding-y-sm, 0.125rem);
48421
49060
  line-height: var(--kendo-chart-tooltip-line-height, var(--kendo-line-height-sm, normal));
@@ -48657,7 +49296,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
48657
49296
  }
48658
49297
 
48659
49298
  .k-gauge {
48660
- text-align: left;
49299
+ text-align: start;
48661
49300
  position: relative;
48662
49301
  }
48663
49302
 
@@ -49087,7 +49726,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49087
49726
  box-shadow: none;
49088
49727
  position: absolute;
49089
49728
  }
49090
- .k-navigator .k-button .k-icon {
49729
+ .k-navigator .k-button .k-icon,
49730
+ .k-navigator .k-button .k-svg-icon {
49091
49731
  min-width: 0;
49092
49732
  min-height: 0;
49093
49733
  }
@@ -49164,7 +49804,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49164
49804
  }
49165
49805
 
49166
49806
  .k-orgchart-container {
49167
- margin: 0 auto;
49807
+ margin-block: 0;
49808
+ margin-inline: auto;
49168
49809
  width: 100%;
49169
49810
  height: 100%;
49170
49811
  position: relative;
@@ -49245,7 +49886,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49245
49886
  }
49246
49887
 
49247
49888
  .k-orgchart-line-v {
49248
- margin: 0 auto;
49889
+ margin-block: 0;
49890
+ margin-inline: auto;
49249
49891
  width: var(--kendo-orgchart-line-size, 1px);
49250
49892
  height: var(--kendo-orgchart-line-v-height, 25px);
49251
49893
  }