@progress/kendo-theme-fluent 6.1.1-dev.5 → 6.1.1-dev.66

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 +872 -234
  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 +18 -9
  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
 
@@ -26656,6 +27122,9 @@ kendo-badge-container {
26656
27122
  .k-chip .k-selected-icon-wrapper {
26657
27123
  display: none !important;
26658
27124
  }
27125
+ .k-chip .k-icon-wrapper-host {
27126
+ display: initial;
27127
+ }
26659
27128
  .k-chip:hover, .k-chip:focus {
26660
27129
  outline: 0;
26661
27130
  text-decoration: none;
@@ -26671,8 +27140,10 @@ kendo-badge-container {
26671
27140
  }
26672
27141
 
26673
27142
  .k-chip-content {
26674
- padding: 0.5em 0;
26675
- margin: -0.5em 0;
27143
+ padding-block: 0.5em;
27144
+ padding-inline: 0;
27145
+ margin-block: -0.5em;
27146
+ margin-inline: 0;
26676
27147
  min-width: 0;
26677
27148
  display: flex;
26678
27149
  flex-flow: row nowrap;
@@ -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;
@@ -40893,7 +41461,8 @@ div.k-grid-norecords {
40893
41461
  outline: 0;
40894
41462
  cursor: pointer;
40895
41463
  }
40896
- .k-columnmenu-item > .k-icon {
41464
+ .k-columnmenu-item > .k-icon,
41465
+ .k-columnmenu-item > .k-svg-icon {
40897
41466
  margin-inline-end: var(--kendo-grid-column-menu-item-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
40898
41467
  }
40899
41468
 
@@ -41028,13 +41597,15 @@ div.k-grid-norecords {
41028
41597
  .k-grid .k-grid-filter,
41029
41598
  .k-grid .k-header-column-menu,
41030
41599
  .k-grid .k-grid-header-menu,
41031
- .k-grid .k-hierarchy-cell .k-icon {
41600
+ .k-grid .k-hierarchy-cell .k-icon,
41601
+ .k-grid .k-hierarchy-cell .k-svg-icon {
41032
41602
  color: var(--kendo-grid-header-text, var(--kendo-neutral-190, inherit));
41033
41603
  }
41034
41604
  .k-grid .k-grouping-row {
41035
41605
  background-color: var(--kendo-grid-grouping-row-bg, var(--kendo-component-bg, initial));
41036
41606
  }
41037
- .k-grid .k-grouping-row .k-icon {
41607
+ .k-grid .k-grouping-row .k-icon,
41608
+ .k-grid .k-grouping-row .k-svg-icon {
41038
41609
  color: var(--kendo-grid-header-text, var(--kendo-neutral-190, inherit));
41039
41610
  }
41040
41611
  .k-grid .k-grouping-row .k-grid-content-sticky {
@@ -41093,7 +41664,8 @@ col.k-sorted,
41093
41664
  .k-grid-header .k-grid-filter:hover,
41094
41665
  .k-grid-header .k-header-column-menu:hover,
41095
41666
  .k-grid-header .k-grid-header-menu:hover,
41096
- .k-grid-header .k-hierarchy-cell .k-icon:hover {
41667
+ .k-grid-header .k-hierarchy-cell .k-icon:hover,
41668
+ .k-grid-header .k-hierarchy-cell .k-svg-icon:hover {
41097
41669
  color: var(--kendo-hover-text, inherit);
41098
41670
  background-color: var(--kendo-hover-bg, inherit);
41099
41671
  }
@@ -41103,13 +41675,16 @@ col.k-sorted,
41103
41675
  .k-grid-header .k-grid-header-menu:focus,
41104
41676
  .k-grid-header .k-grid-header-menu.k-focus,
41105
41677
  .k-grid-header .k-hierarchy-cell .k-icon:focus,
41106
- .k-grid-header .k-hierarchy-cell .k-icon.k-focus {
41678
+ .k-grid-header .k-hierarchy-cell .k-icon.k-focus,
41679
+ .k-grid-header .k-hierarchy-cell .k-svg-icon:focus,
41680
+ .k-grid-header .k-hierarchy-cell .k-svg-icon.k-focus {
41107
41681
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
41108
41682
  }
41109
41683
  .k-grid-header .k-grid-filter.k-active,
41110
41684
  .k-grid-header .k-header-column-menu.k-active,
41111
41685
  .k-grid-header .k-grid-header-menu.k-active,
41112
- .k-grid-header .k-hierarchy-cell .k-icon.k-active {
41686
+ .k-grid-header .k-hierarchy-cell .k-icon.k-active,
41687
+ .k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
41113
41688
  color: var(--kendo-selected-text, inherit);
41114
41689
  background-color: var(--kendo-selected-bg, inherit);
41115
41690
  }
@@ -41254,8 +41829,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41254
41829
  background-color: var(--kendo-grid-column-menu-item-bg, #ffffff);
41255
41830
  }
41256
41831
  .k-column-menu .k-columnmenu-item .k-icon,
41832
+ .k-column-menu .k-columnmenu-item .k-svg-icon,
41257
41833
  .k-column-menu .k-column-list-item .k-icon,
41258
- .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-icon {
41834
+ .k-column-menu .k-column-list-item .k-svg-icon,
41835
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-icon,
41836
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-svg-icon {
41259
41837
  color: var(--kendo-grid-column-menu-item-icon-text, var(--kendo-primary-100, inherit));
41260
41838
  }
41261
41839
  .k-column-menu .k-columnmenu-item .k-expander-indicator,
@@ -41284,11 +41862,13 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41284
41862
  color: var(--kendo-grid-column-menu-item-selected-text, var(--kendo-neutral-190, inherit));
41285
41863
  background-color: var(--kendo-grid-column-menu-item-selected-bg, var(--kendo-neutral-40, inherit));
41286
41864
  }
41287
- .k-column-menu .k-columnmenu-item.k-disabled .k-link, .k-column-menu .k-columnmenu-item.k-disabled .k-icon,
41865
+ .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
41866
  .k-column-menu .k-column-list-item.k-disabled .k-link,
41289
41867
  .k-column-menu .k-column-list-item.k-disabled .k-icon,
41868
+ .k-column-menu .k-column-list-item.k-disabled .k-svg-icon,
41290
41869
  .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 {
41870
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-icon,
41871
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item.k-disabled .k-svg-icon {
41292
41872
  outline: none;
41293
41873
  cursor: default;
41294
41874
  color: var(--kendo-disabled-text, inherit);
@@ -41653,7 +42233,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
41653
42233
  }
41654
42234
 
41655
42235
  .k-spreadsheet-cell-editor {
41656
- padding: 0 3px;
42236
+ padding-block: 0;
42237
+ padding-inline: 3px;
41657
42238
  line-height: var(--kendo-spreadsheet-line-height, var(--kendo-line-height, initial));
41658
42239
  display: none;
41659
42240
  overflow: hidden;
@@ -42033,7 +42614,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42033
42614
  padding-inline-start: var(--filter-menu-padding-left, calc(var(--kendo-icon-size, 1rem) + var(--kendo-padding-y, 0.25rem)*2));
42034
42615
  }
42035
42616
  .k-spreadsheet-filter-menu > .k-menu .k-icon,
42036
- .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
42617
+ .k-spreadsheet-filter-menu > .k-menu .k-svg-icon,
42618
+ .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon,
42619
+ .k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-svg-icon {
42037
42620
  margin-inline-start: calc((var( --kendo-icon-size, 1rem ) + 0.25rem)*-1);
42038
42621
  margin-inline-end: 0.25rem;
42039
42622
  }
@@ -42068,7 +42651,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42068
42651
  cursor: pointer;
42069
42652
  }
42070
42653
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
42071
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
42654
+ .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
42655
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
42656
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
42072
42657
  margin-inline-end: 0.25rem;
42073
42658
  }
42074
42659
  .k-spreadsheet-filter-menu .k-details-content,
@@ -42193,6 +42778,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42193
42778
  .k-export-config .k-page-orientation .k-icon {
42194
42779
  font-size: 6em;
42195
42780
  }
42781
+ .k-export-config .k-page-orientation .k-svg-icon {
42782
+ width: 6em;
42783
+ height: 6em;
42784
+ }
42196
42785
 
42197
42786
  .k-spreadsheet-insert-comment textarea {
42198
42787
  height: auto;
@@ -42502,7 +43091,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42502
43091
  font-size: var(--kendo-pivotgrid-font-size, var(--kendo-font-size, inherit));
42503
43092
  font-family: var(--kendo-pivotgrid-font-family, var(--kendo-font-family, inherit));
42504
43093
  line-height: var(--kendo-pivotgrid-line-height, var(--kendo-line-height, normal));
42505
- text-align: left;
43094
+ text-align: start;
42506
43095
  vertical-align: top;
42507
43096
  display: grid;
42508
43097
  grid-template-columns: var(--kendo-pivotgrid-row-header-width, 300px) auto;
@@ -42518,6 +43107,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42518
43107
  border-collapse: separate;
42519
43108
  border-spacing: 0;
42520
43109
  outline: 0;
43110
+ text-align: inherit;
42521
43111
  empty-cells: show;
42522
43112
  }
42523
43113
  .k-pivotgrid thead,
@@ -42526,6 +43116,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42526
43116
  .k-pivotgrid tr,
42527
43117
  .k-pivotgrid td {
42528
43118
  border-color: inherit;
43119
+ text-align: inherit;
42529
43120
  }
42530
43121
 
42531
43122
  .k-pivotgrid-table {
@@ -42609,7 +43200,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42609
43200
  overflow: hidden;
42610
43201
  }
42611
43202
 
42612
- .k-pivotgrid-cell .k-icon {
43203
+ .k-pivotgrid-cell .k-icon,
43204
+ .k-pivotgrid-cell .k-svg-icon {
42613
43205
  cursor: pointer;
42614
43206
  padding-inline-end: var(--kendo-pivotgrid-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
42615
43207
  }
@@ -42651,7 +43243,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42651
43243
  -ms-user-select: none;
42652
43244
  user-select: none;
42653
43245
  }
42654
- .k-pivotgrid-configurator-button .k-icon {
43246
+ .k-pivotgrid-configurator-button .k-icon,
43247
+ .k-pivotgrid-configurator-button .k-svg-icon {
42655
43248
  margin-inline-start: var(--kendo-pivotgrid-configurator-button-icon-spacing, 0.5rem);
42656
43249
  }
42657
43250
  .k-flex-row .k-pivotgrid-configurator-button, .k-flex-row-reverse .k-pivotgrid-configurator-button {
@@ -42662,7 +43255,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42662
43255
  -ms-writing-mode: tb-rl;
42663
43256
  writing-mode: vertical-rl;
42664
43257
  }
42665
- .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon {
43258
+ .k-flex-row .k-pivotgrid-configurator-button .k-icon,
43259
+ .k-flex-row .k-pivotgrid-configurator-button .k-svg-icon, .k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon,
43260
+ .k-flex-row-reverse .k-pivotgrid-configurator-button .k-svg-icon {
42666
43261
  vertical-align: baseline;
42667
43262
  }
42668
43263
  .k-flex-row-reverse .k-pivotgrid-configurator-button > span {
@@ -42799,7 +43394,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42799
43394
  flex-direction: row;
42800
43395
  align-items: center;
42801
43396
  }
42802
- .k-calculated-field-actions .k-icon {
43397
+ .k-calculated-field-actions .k-icon,
43398
+ .k-calculated-field-actions .k-svg-icon {
42803
43399
  margin-inline-end: 0.5rem;
42804
43400
  }
42805
43401
  .k-calculated-field-actions .k-dropdown-list, .k-calculated-field-actions .k-dropdown,
@@ -42912,6 +43508,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42912
43508
  }
42913
43509
 
42914
43510
  .k-pivot-layout > tbody,
43511
+ .k-pivot .k-table-td,
42915
43512
  .k-pivot td {
42916
43513
  vertical-align: top;
42917
43514
  }
@@ -43222,8 +43819,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43222
43819
  .k-treelist tr.k-footer + tr.k-footer td {
43223
43820
  border-top-width: 0;
43224
43821
  }
43225
- .k-treelist .k-i-collapse,
43226
- .k-treelist .k-i-expand {
43822
+ .k-treelist .k-i-caret-alt-down,
43823
+ .k-treelist .k-i-caret-alt-right {
43227
43824
  margin-inline-end: 0.5rem;
43228
43825
  }
43229
43826
 
@@ -43257,7 +43854,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43257
43854
  border-right: 1px solid;
43258
43855
  height: 1em;
43259
43856
  vertical-align: top;
43260
- margin: 0 0.5em;
43857
+ margin-block: 0;
43858
+ margin-inline: 0.5em;
43261
43859
  }
43262
43860
 
43263
43861
  .k-treelist tr.k-footer,
@@ -43563,7 +44161,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43563
44161
  align-items: center;
43564
44162
  }
43565
44163
 
43566
- .k-filemanager-drag-hint .k-icon {
44164
+ .k-filemanager-drag-hint .k-icon,
44165
+ .k-filemanager-drag-hint .k-svg-icon {
43567
44166
  margin-inline-end: var(--kendo-icon-spacing, 0.5rem);
43568
44167
  }
43569
44168
 
@@ -43890,7 +44489,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43890
44489
 
43891
44490
  .k-editor-inline {
43892
44491
  border-radius: 0.125rem;
43893
- padding: 0.125rem 0.25rem;
44492
+ padding-block: 0.125rem;
44493
+ padding-inline: 0.25rem;
43894
44494
  border: 1px solid transparent;
43895
44495
  word-wrap: break-word;
43896
44496
  overflow: auto;
@@ -43983,10 +44583,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
43983
44583
  border-width: 0 0 1px 0;
43984
44584
  flex-shrink: 0;
43985
44585
  }
43986
- .k-editor-toolbar .k-editor-export .k-icon {
44586
+ .k-editor-toolbar .k-editor-export .k-icon,
44587
+ .k-editor-toolbar .k-editor-export .k-svg-icon {
43987
44588
  margin-inline-end: var(--kendo-editor-export-tool-icon-margin-x, 0.25rem);
43988
44589
  }
43989
44590
  .k-editor-toolbar .k-editor-export .k-icon,
44591
+ .k-editor-toolbar .k-editor-export .k-svg-icon,
43990
44592
  .k-editor-toolbar .k-editor-export .k-export-tool-text {
43991
44593
  vertical-align: middle;
43992
44594
  }
@@ -44044,14 +44646,18 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44044
44646
  .k-editor-content th {
44045
44647
  min-width: 1em;
44046
44648
  border: 1px solid;
44047
- padding: 3px 5px;
44649
+ padding-block: 3px;
44650
+ padding-inline: 5px;
44048
44651
  vertical-align: top;
44049
44652
  box-sizing: border-box;
44050
44653
  position: relative;
44051
44654
  }
44052
44655
  .k-editor-content th {
44053
44656
  font-weight: bold;
44054
- text-align: left;
44657
+ text-align: start;
44658
+ }
44659
+ .k-editor-content td {
44660
+ text-align: start;
44055
44661
  }
44056
44662
  .k-editor-content .selectedCell::after {
44057
44663
  z-index: 2;
@@ -44067,8 +44673,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44067
44673
  .k-edit-form-content {
44068
44674
  flex: 1 1 auto;
44069
44675
  overflow: auto;
44070
- margin: -0.75rem -1.5rem;
44071
- padding: 0.75rem 1.5rem;
44676
+ margin-block: -0.75rem;
44677
+ margin-inline: -1.5rem;
44678
+ padding-block: 0.75rem;
44679
+ padding-inline: 1.5rem;
44072
44680
  }
44073
44681
 
44074
44682
  .k-ct-popup {
@@ -44164,7 +44772,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44164
44772
  flex: 1;
44165
44773
  width: 100px;
44166
44774
  }
44167
- .k-filebrowser .k-search-wrap .k-icon {
44775
+ .k-filebrowser .k-search-wrap .k-icon,
44776
+ .k-filebrowser .k-search-wrap .k-svg-icon {
44168
44777
  margin: 0;
44169
44778
  position: static;
44170
44779
  }
@@ -44191,14 +44800,16 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44191
44800
  height: 390px;
44192
44801
  max-height: 50vh;
44193
44802
  margin-block-end: 1rem;
44194
- padding: 0.25rem 0.5rem;
44803
+ padding-block: 0.25rem;
44804
+ padding-inline: 0.5rem;
44195
44805
  border-top-width: 0;
44196
44806
  overflow: auto;
44197
44807
  }
44198
44808
  .k-filebrowser .k-tile {
44199
44809
  width: 33%;
44200
44810
  height: 90px;
44201
- padding: 0.25rem 0.5rem;
44811
+ padding-block: 0.25rem;
44812
+ padding-inline: 0.5rem;
44202
44813
  box-sizing: border-box;
44203
44814
  white-space: nowrap;
44204
44815
  overflow: hidden;
@@ -44242,7 +44853,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44242
44853
  inset-inline-start: 0.5rem;
44243
44854
  inset-block-start: 0.375rem;
44244
44855
  }
44245
- .k-filebrowser .k-breadcrumbs-wrap .k-icon {
44856
+ .k-filebrowser .k-breadcrumbs-wrap .k-icon,
44857
+ .k-filebrowser .k-breadcrumbs-wrap .k-svg-icon {
44246
44858
  position: static;
44247
44859
  margin-block-start: 0;
44248
44860
  }
@@ -44286,7 +44898,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44286
44898
  }
44287
44899
  .k-editor-inline .k-table td {
44288
44900
  min-width: 1px;
44289
- padding: 0.125rem 0.25rem;
44901
+ padding-block: 0.125rem;
44902
+ padding-inline: 0.25rem;
44290
44903
  }
44291
44904
  .k-editor-inline .k-element-resize-handle-wrapper {
44292
44905
  position: absolute;
@@ -44338,7 +44951,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44338
44951
  .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
44339
44952
  width: 2px;
44340
44953
  height: 100%;
44341
- margin: 0 auto;
44954
+ margin-block: 0;
44955
+ margin-inline: auto;
44342
44956
  display: none;
44343
44957
  opacity: 0.8;
44344
44958
  }
@@ -44660,7 +45274,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44660
45274
  padding: 0;
44661
45275
  }
44662
45276
  .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header {
44663
- padding: 0.75rem 0.75rem;
45277
+ padding-block: 0.75rem;
45278
+ padding-inline: 0.75rem;
44664
45279
  border-width: 0 0 1px 1px;
44665
45280
  white-space: nowrap;
44666
45281
  }
@@ -44830,7 +45445,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44830
45445
  overflow-x: scroll;
44831
45446
  }
44832
45447
  .k-gantt-timeline .k-header {
44833
- padding: 0.75rem 0.75rem;
45448
+ padding-block: 0.75rem;
45449
+ padding-inline: 0.75rem;
44834
45450
  border-block-start-width: 0;
44835
45451
  border-block-end-width: 1px;
44836
45452
  border-inline-start-width: 1px;
@@ -44911,8 +45527,10 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
44911
45527
  }
44912
45528
 
44913
45529
  .k-task-wrap {
44914
- margin: 0 -21px;
44915
- padding: 5px 21px;
45530
+ margin-block: 0;
45531
+ margin-inline: -21px;
45532
+ padding-block: 5px;
45533
+ padding-inline: 21px;
44916
45534
  display: inline-flex;
44917
45535
  flex-direction: row;
44918
45536
  align-items: center;
@@ -45136,11 +45754,13 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
45136
45754
  white-space: nowrap;
45137
45755
  }
45138
45756
  .k-resources-wrap .k-resource {
45139
- margin: 0 5px;
45757
+ margin-block: 0;
45758
+ margin-inline: 5px;
45140
45759
  }
45141
45760
 
45142
45761
  .k-task-details {
45143
- padding: 0.25rem 0.5rem;
45762
+ padding-block: 0.25rem;
45763
+ padding-inline: 0.5rem;
45144
45764
  white-space: nowrap;
45145
45765
  }
45146
45766
  .k-task-details strong {
@@ -45774,7 +46394,7 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
45774
46394
  .k-scheduler-times th {
45775
46395
  border-inline-width: 0 1px;
45776
46396
  border-block-width: 0 1px;
45777
- text-align: right;
46397
+ text-align: end;
45778
46398
  }
45779
46399
  .k-scheduler-times .k-slot-cell,
45780
46400
  .k-scheduler-times .k-scheduler-times-all-day {
@@ -46047,7 +46667,7 @@ kendo-scheduler .k-recurrence-editor {
46047
46667
  }
46048
46668
  .k-scheduler-monthview .k-scheduler-table td {
46049
46669
  height: 80px;
46050
- text-align: right;
46670
+ text-align: end;
46051
46671
  }
46052
46672
  .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell {
46053
46673
  min-height: 80px;
@@ -46535,7 +47155,8 @@ kendo-scheduler .k-recurrence-editor {
46535
47155
  }
46536
47156
  .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
46537
47157
  width: 100%;
46538
- margin: -1px 0;
47158
+ margin-block: -1px;
47159
+ margin-inline: 0;
46539
47160
  }
46540
47161
  .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
46541
47162
  white-space: nowrap;
@@ -46552,7 +47173,8 @@ kendo-scheduler .k-recurrence-editor {
46552
47173
  visibility: hidden;
46553
47174
  }
46554
47175
  .k-scheduler-mobile .k-scheduler-toolbar {
46555
- padding: 0.5rem 0.5rem;
47176
+ padding-block: 0.5rem;
47177
+ padding-inline: 0.5rem;
46556
47178
  }
46557
47179
  .k-scheduler-mobile .k-scheduler-toolbar > * {
46558
47180
  margin: 0;
@@ -46579,7 +47201,8 @@ kendo-scheduler .k-recurrence-editor {
46579
47201
  display: inline-block;
46580
47202
  }
46581
47203
  .k-scheduler-mobile .k-scheduler-footer {
46582
- padding: 0.5rem 0.5rem;
47204
+ padding-block: 0.5rem;
47205
+ padding-inline: 0.5rem;
46583
47206
  display: flex;
46584
47207
  justify-content: space-between;
46585
47208
  }
@@ -46695,11 +47318,13 @@ kendo-scheduler .k-recurrence-editor {
46695
47318
  }
46696
47319
  .k-pane-wrapper .k-list-title,
46697
47320
  .k-pane-wrapper .k-filter-help-text {
46698
- padding: 0.5rem 0.5rem;
47321
+ padding-block: 0.5rem;
47322
+ padding-inline: 0.5rem;
46699
47323
  display: block;
46700
47324
  }
46701
47325
  .k-pane-wrapper .k-listgroup-title {
46702
- padding: 0.5rem 0.5rem;
47326
+ padding-block: 0.5rem;
47327
+ padding-inline: 0.5rem;
46703
47328
  font-weight: bold;
46704
47329
  text-transform: uppercase;
46705
47330
  }
@@ -46902,7 +47527,7 @@ kendo-scheduler .k-recurrence-editor {
46902
47527
  }
46903
47528
  .k-chat .k-message-group:not(.k-alt) {
46904
47529
  align-items: flex-start;
46905
- text-align: left;
47530
+ text-align: start;
46906
47531
  }
46907
47532
  .k-chat .k-message-group:not(.k-alt) .k-message-time {
46908
47533
  margin-inline-start: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -46922,7 +47547,7 @@ kendo-scheduler .k-recurrence-editor {
46922
47547
  .k-chat .k-message-group.k-alt {
46923
47548
  align-self: flex-end;
46924
47549
  align-items: flex-end;
46925
- text-align: right;
47550
+ text-align: end;
46926
47551
  }
46927
47552
  .k-chat .k-message-group.k-alt .k-message-time {
46928
47553
  margin-inline-end: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -47540,7 +48165,7 @@ kendo-scheduler .k-recurrence-editor {
47540
48165
  padding-inline-end: var(--kendo-timeline-items-padding, 1rem);
47541
48166
  margin-block-start: var(--kendo-timeline-track-event-offset, 2rem);
47542
48167
  transform: translate(-100%, -50%);
47543
- text-align: right;
48168
+ text-align: end;
47544
48169
  }
47545
48170
  .k-timeline-vertical .k-timeline-event {
47546
48171
  display: flex;
@@ -47606,7 +48231,7 @@ kendo-scheduler .k-recurrence-editor {
47606
48231
  flex-direction: row-reverse;
47607
48232
  }
47608
48233
  .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
47609
- text-align: left;
48234
+ text-align: start;
47610
48235
  padding-inline-end: 0;
47611
48236
  padding-inline-start: var(--kendo-timeline-items-padding, 1rem);
47612
48237
  }
@@ -47908,6 +48533,10 @@ kendo-scheduler .k-recurrence-editor {
47908
48533
  .k-pdf-viewer .k-blank-page > .k-icon {
47909
48534
  font-size: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
47910
48535
  }
48536
+ .k-pdf-viewer .k-blank-page > .k-svg-icon {
48537
+ width: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
48538
+ height: var(--kendo-pdf-viewer-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
48539
+ }
47911
48540
 
47912
48541
  .k-pdf-viewer-search-dialog {
47913
48542
  padding: 0 !important;
@@ -47964,7 +48593,8 @@ kendo-scheduler .k-recurrence-editor {
47964
48593
  background-color: var(--kendo-pdf-viewer-page-bg, var(--kendo-component-bg, inherit));
47965
48594
  box-shadow: var(--kendo-pdf-viewer-page-shadow, var(--kendo-box-shadow-depth-1, none));
47966
48595
  }
47967
- .k-pdf-viewer .k-blank-page > .k-icon {
48596
+ .k-pdf-viewer .k-blank-page > .k-icon,
48597
+ .k-pdf-viewer .k-blank-page > .k-svg-icon {
47968
48598
  color: var(--kendo-pdf-viewer-icon-text, var(--kendo-neutral-90, inherit));
47969
48599
  }
47970
48600
  .k-pdf-viewer .k-search-highlight {
@@ -48014,7 +48644,7 @@ kendo-scheduler .k-recurrence-editor {
48014
48644
  .km-scroller-pull .km-template {
48015
48645
  display: inline-block;
48016
48646
  min-width: 200px;
48017
- text-align: left;
48647
+ text-align: start;
48018
48648
  }
48019
48649
 
48020
48650
  .km-load-more .km-icon,
@@ -48225,6 +48855,11 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
48225
48855
  font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48226
48856
  font-weight: normal;
48227
48857
  }
48858
+ .k-scrollview-next .k-svg-icon,
48859
+ .k-scrollview-prev .k-svg-icon {
48860
+ width: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48861
+ height: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
48862
+ }
48228
48863
 
48229
48864
  .k-scrollview-prev {
48230
48865
  left: 0;
@@ -48415,7 +49050,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
48415
49050
 
48416
49051
  .k-chart-tooltip td {
48417
49052
  width: auto;
48418
- text-align: left;
49053
+ text-align: start;
48419
49054
  padding-inline: var(--kendo-padding-x-sm, 0.25rem);
48420
49055
  padding-block: var(--kendo-padding-y-sm, 0.125rem);
48421
49056
  line-height: var(--kendo-chart-tooltip-line-height, var(--kendo-line-height-sm, normal));
@@ -48657,7 +49292,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
48657
49292
  }
48658
49293
 
48659
49294
  .k-gauge {
48660
- text-align: left;
49295
+ text-align: start;
48661
49296
  position: relative;
48662
49297
  }
48663
49298
 
@@ -49087,7 +49722,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49087
49722
  box-shadow: none;
49088
49723
  position: absolute;
49089
49724
  }
49090
- .k-navigator .k-button .k-icon {
49725
+ .k-navigator .k-button .k-icon,
49726
+ .k-navigator .k-button .k-svg-icon {
49091
49727
  min-width: 0;
49092
49728
  min-height: 0;
49093
49729
  }
@@ -49164,7 +49800,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49164
49800
  }
49165
49801
 
49166
49802
  .k-orgchart-container {
49167
- margin: 0 auto;
49803
+ margin-block: 0;
49804
+ margin-inline: auto;
49168
49805
  width: 100%;
49169
49806
  height: 100%;
49170
49807
  position: relative;
@@ -49245,7 +49882,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
49245
49882
  }
49246
49883
 
49247
49884
  .k-orgchart-line-v {
49248
- margin: 0 auto;
49885
+ margin-block: 0;
49886
+ margin-inline: auto;
49249
49887
  width: var(--kendo-orgchart-line-size, 1px);
49250
49888
  height: var(--kendo-orgchart-line-v-height, 25px);
49251
49889
  }