@progress/kendo-theme-fluent 6.3.1-dev.0 → 6.4.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/all.css CHANGED
@@ -16519,6 +16519,102 @@ hr.k-separator {
16519
16519
  background-color: white !important;
16520
16520
  }
16521
16521
 
16522
+ .k-bg-center {
16523
+ background-position: center;
16524
+ }
16525
+
16526
+ .\!k-bg-center {
16527
+ background-position: center !important;
16528
+ }
16529
+
16530
+ .k-bg-top {
16531
+ background-position: top;
16532
+ }
16533
+
16534
+ .\!k-bg-top {
16535
+ background-position: top !important;
16536
+ }
16537
+
16538
+ .k-bg-right {
16539
+ background-position: right;
16540
+ }
16541
+
16542
+ .\!k-bg-right {
16543
+ background-position: right !important;
16544
+ }
16545
+
16546
+ .k-bg-bottom {
16547
+ background-position: bottom;
16548
+ }
16549
+
16550
+ .\!k-bg-bottom {
16551
+ background-position: bottom !important;
16552
+ }
16553
+
16554
+ .k-bg-left {
16555
+ background-position: left;
16556
+ }
16557
+
16558
+ .\!k-bg-left {
16559
+ background-position: left !important;
16560
+ }
16561
+
16562
+ .k-bg-top-left {
16563
+ background-position: top left;
16564
+ }
16565
+
16566
+ .\!k-bg-top-left {
16567
+ background-position: top left !important;
16568
+ }
16569
+
16570
+ .k-bg-top-right {
16571
+ background-position: top right;
16572
+ }
16573
+
16574
+ .\!k-bg-top-right {
16575
+ background-position: top right !important;
16576
+ }
16577
+
16578
+ .k-bg-bottom-left {
16579
+ background-position: bottom left;
16580
+ }
16581
+
16582
+ .\!k-bg-bottom-left {
16583
+ background-position: bottom left !important;
16584
+ }
16585
+
16586
+ .k-bg-bottom-right {
16587
+ background-position: bottom right;
16588
+ }
16589
+
16590
+ .\!k-bg-bottom-right {
16591
+ background-position: bottom right !important;
16592
+ }
16593
+
16594
+ .k-bg-auto {
16595
+ background-size: auto;
16596
+ }
16597
+
16598
+ .\!k-bg-auto {
16599
+ background-size: auto !important;
16600
+ }
16601
+
16602
+ .k-bg-cover {
16603
+ background-size: cover;
16604
+ }
16605
+
16606
+ .\!k-bg-cover {
16607
+ background-size: cover !important;
16608
+ }
16609
+
16610
+ .k-bg-contain {
16611
+ background-size: contain;
16612
+ }
16613
+
16614
+ .\!k-bg-contain {
16615
+ background-size: contain !important;
16616
+ }
16617
+
16522
16618
  .k-border-inherit {
16523
16619
  border-color: inherit;
16524
16620
  }
@@ -29655,9 +29751,15 @@ hr.k-separator {
29655
29751
  .k-rtl .k-i-indent-increase,
29656
29752
  .k-rtl .k-i-indent-decrease,
29657
29753
  .k-rtl .k-i-caret-alt-right,
29658
- .k-rtl .k-i-caret-alt-down,
29754
+ .k-rtl .k-i-caret-alt-left,
29755
+ .k-rtl .k-svg-i-caret-alt-right,
29756
+ .k-rtl .k-svg-i-caret-alt-left,
29757
+ [dir=rtl] .k-i-indent-increase,
29758
+ [dir=rtl] .k-i-indent-decrease,
29659
29759
  [dir=rtl] .k-i-caret-alt-right,
29660
- [dir=rtl] .k-i-caret-alt-down {
29760
+ [dir=rtl] .k-i-caret-alt-left,
29761
+ [dir=rtl] .k-svg-i-caret-alt-right,
29762
+ [dir=rtl] .k-svg-i-caret-alt-left {
29661
29763
  transform: scaleX(-1);
29662
29764
  }
29663
29765
 
@@ -34747,10 +34849,10 @@ kendo-label > .k-label {
34747
34849
  .k-picker *::after {
34748
34850
  box-sizing: border-box;
34749
34851
  }
34750
- .k-input .k-input,
34751
- .k-input .k-picker,
34752
- .k-picker .k-input,
34753
- .k-picker .k-picker {
34852
+ .k-input > .k-input,
34853
+ .k-input > .k-picker,
34854
+ .k-picker > .k-input,
34855
+ .k-picker > .k-picker {
34754
34856
  border-width: 0 !important;
34755
34857
  color: inherit;
34756
34858
  background: none;
@@ -34929,14 +35031,15 @@ textarea.k-input-inner {
34929
35031
  .k-input-prefix > .k-svg-icon,
34930
35032
  .k-input-suffix > .k-icon,
34931
35033
  .k-input-suffix > .k-svg-icon {
34932
- width: var(--INTERNAL--kendo-input-icon-size, min-content);
34933
- height: var(--INTERNAL--kendo-input-icon-size, min-content);
35034
+ padding-inline: var(--INTERNAL--kendo-input-padding-y, 0.375rem);
35035
+ padding-block: var(--INTERNAL--kendo-input-padding-y, 0.375rem);
34934
35036
  flex: none;
34935
35037
  align-self: center;
34936
35038
  display: inline-flex;
34937
35039
  flex-flow: row nowrap;
34938
35040
  align-items: center;
34939
35041
  justify-content: center;
35042
+ box-sizing: content-box;
34940
35043
  }
34941
35044
 
34942
35045
  .k-input-icon.k-svg-icon > svg, .k-input-icon.k-icon-md > svg,
@@ -35131,7 +35234,7 @@ textarea.k-input-inner {
35131
35234
  --INTERNAL--kendo-input-padding-y: 0.25rem;
35132
35235
  --INTERNAL--kendo-input-button-padding-x: 0.25rem;
35133
35236
  --INTERNAL--kendo-input-button-padding-y: 0.25rem;
35134
- --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.5rem);
35237
+ --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.75rem);
35135
35238
  }
35136
35239
  .k-input-sm .k-input-button,
35137
35240
  .k-picker-sm .k-input-button {
@@ -35154,7 +35257,7 @@ textarea.k-input-inner {
35154
35257
  --INTERNAL--kendo-input-padding-y: 0.375rem;
35155
35258
  --INTERNAL--kendo-input-button-padding-x: 0.375rem;
35156
35259
  --INTERNAL--kendo-input-button-padding-y: 0.375rem;
35157
- --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.75rem);
35260
+ --INTERNAL--kendo-input-icon-size: calc(var( --kendo-icon-size, 1rem ) + 0.5rem);
35158
35261
  }
35159
35262
  .k-input-md .k-input-button,
35160
35263
  .k-picker-md .k-input-button {
@@ -35764,7 +35867,7 @@ textarea.k-input-inner {
35764
35867
  .k-listbox .k-ghost {
35765
35868
  opacity: 0.5;
35766
35869
  }
35767
- .k-rtl .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, .k-rtl .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar, .k-listbox[dir=rtl].k-listbox-toolbar-left .k-listbox-toolbar, .k-listbox[dir=rtl].k-listbox-toolbar-right .k-listbox-toolbar, [dir=rtl] .k-listbox.k-listbox-toolbar-left .k-listbox-toolbar, [dir=rtl] .k-listbox.k-listbox-toolbar-right .k-listbox-toolbar {
35870
+ .k-rtl .k-listbox .k-listbox-actions .k-button-icon, .k-listbox[dir=rtl] .k-listbox-actions .k-button-icon, [dir=rtl] .k-listbox .k-listbox-actions .k-button-icon {
35768
35871
  transform: scaleX(-1);
35769
35872
  }
35770
35873
 
@@ -39205,8 +39308,9 @@ textarea.k-input-inner {
39205
39308
  }
39206
39309
 
39207
39310
  .k-fab-icon {
39208
- width: var(--kendo-fab-icon-width, 20px);
39209
- height: var(--kendo-fab-icon-height, 20px);
39311
+ padding-inline: var(--kendo-fab-icon-padding-x, 0.125rem);
39312
+ padding-block: var(--kendo-fab-icon-padding-y, 0.125rem);
39313
+ box-sizing: content-box;
39210
39314
  }
39211
39315
  .k-icon-wrapper-host:not(:only-child) .k-fab-icon, .k-fab-icon:not(:only-child) {
39212
39316
  margin-inline-end: var(--kendo-fab-icon-spacing, 0.125rem);
@@ -39295,10 +39399,8 @@ textarea.k-input-inner {
39295
39399
  }
39296
39400
 
39297
39401
  .k-fab-item-icon {
39298
- width: var(--kendo-fab-item-icon-width, 20px);
39299
- height: var(--kendo-fab-item-icon-height, 20px);
39300
- padding-inline: var(--kendo-fab-item-icon-padding-x, 0.5rem);
39301
- padding-block: var(--kendo-fab-item-icon-padding-y, 0.5rem);
39402
+ padding-inline: var(--kendo-fab-item-icon-padding-x, 0.625rem);
39403
+ padding-block: var(--kendo-fab-item-icon-padding-y, 0.625rem);
39302
39404
  border-width: var(--kendo-fab-item-icon-border-width, 1px);
39303
39405
  border-style: var(--kendo-fab-item-icon-border-style, solid);
39304
39406
  border-radius: var(--kendo-fab-item-border-radius, 50%);
@@ -40624,7 +40726,7 @@ textarea.k-input-inner {
40624
40726
  border-width: var(--kendo-actionsheet-border-width, 0px);
40625
40727
  border-top-width: 0;
40626
40728
  top: 0;
40627
- left: 50%;
40729
+ inset-inline-start: 50%;
40628
40730
  transform: translateX(-50%);
40629
40731
  }
40630
40732
 
@@ -40634,7 +40736,7 @@ textarea.k-input-inner {
40634
40736
  border-width: var(--kendo-actionsheet-border-width, 0px);
40635
40737
  border-bottom-width: 0;
40636
40738
  bottom: 0;
40637
- left: 50%;
40739
+ inset-inline-start: 50%;
40638
40740
  transform: translateX(-50%);
40639
40741
  }
40640
40742
 
@@ -40753,6 +40855,13 @@ textarea.k-input-inner {
40753
40855
  flex-flow: column nowrap;
40754
40856
  }
40755
40857
 
40858
+ .k-rtl .k-actionsheet-top,
40859
+ .k-rtl .k-actionsheet-bottom,
40860
+ [dir=rtl] .k-actionsheet-top,
40861
+ [dir=rtl] .k-actionsheet-bottom {
40862
+ transform: translateX(50%);
40863
+ }
40864
+
40756
40865
  .k-actionsheet-jq.k-actionsheet {
40757
40866
  height: auto;
40758
40867
  position: relative;
@@ -41079,15 +41188,23 @@ kendo-drawer .k-drawer-wrapper {
41079
41188
  }
41080
41189
  .k-drawer-item .k-svg-icon,
41081
41190
  .k-drawer-item .k-icon {
41082
- height: auto;
41083
- font-size: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
41084
- line-height: var(--kendo-drawer-item-line-height, var(--kendo-line-height-lg, normal));
41085
41191
  flex-shrink: 0;
41192
+ padding-inline: var(--kendo-drawer-icon-padding-x, 0);
41193
+ padding-block: var(--kendo-drawer-icon-padding-y, 0.25rem);
41194
+ box-sizing: content-box;
41086
41195
  }
41087
41196
  .k-drawer-item .k-svg-icon.k-i-none,
41088
41197
  .k-drawer-item .k-icon.k-i-none {
41089
41198
  margin: 0;
41090
41199
  }
41200
+ .k-drawer-item .k-icon {
41201
+ height: auto;
41202
+ font-size: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
41203
+ }
41204
+ .k-drawer-item .k-svg-icon {
41205
+ width: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
41206
+ height: var(--kendo-drawer-icon-size, var(--kendo-icon-size, 1rem));
41207
+ }
41091
41208
  .k-drawer-item .k-item-text {
41092
41209
  display: inline-block;
41093
41210
  white-space: nowrap;
@@ -41692,7 +41809,7 @@ kendo-drawer .k-drawer-wrapper {
41692
41809
  --INTERNAL--kendo-bottom-nav-item-border: var( --kendo-bottom-nav-item-disabled-border );
41693
41810
  }
41694
41811
 
41695
- .k-bottom-nav-solid.k-bottom-nav-primary {
41812
+ .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
41696
41813
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-primary-text, #ffffff );
41697
41814
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-primary-bg, var(--kendo-primary-100, inherit) );
41698
41815
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-primary-border, var(--kendo-primary-100, inherit) );
@@ -41708,7 +41825,7 @@ kendo-drawer .k-drawer-wrapper {
41708
41825
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-primary-disabled-border, var(--kendo-disabled-border, inherit) );
41709
41826
  }
41710
41827
 
41711
- .k-bottom-nav-solid.k-bottom-nav-error {
41828
+ .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
41712
41829
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-error-text, #ffffff );
41713
41830
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-error-bg, var(--kendo-error-100, inherit) );
41714
41831
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-error-border, var(--kendo-error-100, inherit) );
@@ -41724,7 +41841,7 @@ kendo-drawer .k-drawer-wrapper {
41724
41841
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-error-disabled-border, var(--kendo-disabled-border, inherit) );
41725
41842
  }
41726
41843
 
41727
- .k-bottom-nav-solid.k-bottom-nav-success {
41844
+ .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
41728
41845
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-success-text, #ffffff );
41729
41846
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-success-bg, var(--kendo-success-100, inherit) );
41730
41847
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-success-border, var(--kendo-success-100, inherit) );
@@ -41740,7 +41857,7 @@ kendo-drawer .k-drawer-wrapper {
41740
41857
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-success-disabled-border, var(--kendo-disabled-border, inherit) );
41741
41858
  }
41742
41859
 
41743
- .k-bottom-nav-solid.k-bottom-nav-info {
41860
+ .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
41744
41861
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-info-text, #ffffff );
41745
41862
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-info-bg, var(--kendo-info-100, inherit) );
41746
41863
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-info-border, var(--kendo-info-100, inherit) );
@@ -41756,7 +41873,7 @@ kendo-drawer .k-drawer-wrapper {
41756
41873
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-info-disabled-border, var(--kendo-disabled-border, inherit) );
41757
41874
  }
41758
41875
 
41759
- .k-bottom-nav-solid.k-bottom-nav-secondary {
41876
+ .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
41760
41877
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-secondary-text, #ffffff );
41761
41878
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-secondary-bg, var(--kendo-neutral-100, inherit) );
41762
41879
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-secondary-border, var(--kendo-neutral-100, inherit) );
@@ -41772,7 +41889,7 @@ kendo-drawer .k-drawer-wrapper {
41772
41889
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-secondary-disabled-border, var(--kendo-disabled-border, inherit) );
41773
41890
  }
41774
41891
 
41775
- .k-bottom-nav-solid.k-bottom-nav-tertiary {
41892
+ .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
41776
41893
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-tertiary-text, #ffffff );
41777
41894
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-tertiary-bg, var(--kendo-tertiary-100, inherit) );
41778
41895
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-tertiary-border, var(--kendo-tertiary-100, inherit) );
@@ -41788,7 +41905,7 @@ kendo-drawer .k-drawer-wrapper {
41788
41905
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-tertiary-disabled-border, var(--kendo-disabled-border, inherit) );
41789
41906
  }
41790
41907
 
41791
- .k-bottom-nav-solid.k-bottom-nav-warning {
41908
+ .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
41792
41909
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-warning-text, var(--kendo-neutral-160, inherit) );
41793
41910
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-warning-bg, var(--kendo-warning-100, inherit) );
41794
41911
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-warning-border, var(--kendo-warning-100, inherit) );
@@ -41804,7 +41921,7 @@ kendo-drawer .k-drawer-wrapper {
41804
41921
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-warning-disabled-border, var(--kendo-disabled-border, inherit) );
41805
41922
  }
41806
41923
 
41807
- .k-bottom-nav-solid.k-bottom-nav-dark {
41924
+ .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
41808
41925
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-dark-text, #ffffff );
41809
41926
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-dark-bg, var(--kendo-neutral-160, inherit) );
41810
41927
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-dark-border, var(--kendo-neutral-160, inherit) );
@@ -41820,7 +41937,7 @@ kendo-drawer .k-drawer-wrapper {
41820
41937
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-dark-disabled-border, var(--kendo-disabled-border, inherit) );
41821
41938
  }
41822
41939
 
41823
- .k-bottom-nav-solid.k-bottom-nav-light {
41940
+ .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
41824
41941
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-solid-light-text, var(--kendo-neutral-160, inherit) );
41825
41942
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-solid-light-bg, var(--kendo-neutral-50, inherit) );
41826
41943
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-solid-light-border, var(--kendo-neutral-50, inherit) );
@@ -41836,7 +41953,7 @@ kendo-drawer .k-drawer-wrapper {
41836
41953
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-solid-light-disabled-border, var(--kendo-disabled-border, inherit) );
41837
41954
  }
41838
41955
 
41839
- .k-bottom-nav-flat.k-bottom-nav-primary {
41956
+ .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
41840
41957
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-primary-text, var(--kendo-neutral-130, inherit) );
41841
41958
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-primary-bg, #ffffff );
41842
41959
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-primary-border, var(--kendo-neutral-30, inherit) );
@@ -41852,7 +41969,7 @@ kendo-drawer .k-drawer-wrapper {
41852
41969
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-primary-disabled-border, initial );
41853
41970
  }
41854
41971
 
41855
- .k-bottom-nav-flat.k-bottom-nav-error {
41972
+ .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
41856
41973
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-error-text, var(--kendo-neutral-130, inherit) );
41857
41974
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-error-bg, #ffffff );
41858
41975
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-error-border, var(--kendo-neutral-30, inherit) );
@@ -41868,7 +41985,7 @@ kendo-drawer .k-drawer-wrapper {
41868
41985
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-error-disabled-border, initial );
41869
41986
  }
41870
41987
 
41871
- .k-bottom-nav-flat.k-bottom-nav-success {
41988
+ .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
41872
41989
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-success-text, var(--kendo-neutral-130, inherit) );
41873
41990
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-success-bg, #ffffff );
41874
41991
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-success-border, var(--kendo-neutral-30, inherit) );
@@ -41884,7 +42001,7 @@ kendo-drawer .k-drawer-wrapper {
41884
42001
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-success-disabled-border, initial );
41885
42002
  }
41886
42003
 
41887
- .k-bottom-nav-flat.k-bottom-nav-info {
42004
+ .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
41888
42005
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-info-text, var(--kendo-neutral-130, inherit) );
41889
42006
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-info-bg, #ffffff );
41890
42007
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-info-border, var(--kendo-neutral-30, inherit) );
@@ -41900,7 +42017,7 @@ kendo-drawer .k-drawer-wrapper {
41900
42017
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-info-disabled-border, initial );
41901
42018
  }
41902
42019
 
41903
- .k-bottom-nav-flat.k-bottom-nav-secondary {
42020
+ .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
41904
42021
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-secondary-text, var(--kendo-neutral-130, inherit) );
41905
42022
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-secondary-bg, #ffffff );
41906
42023
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-secondary-border, var(--kendo-neutral-30, inherit) );
@@ -41916,7 +42033,7 @@ kendo-drawer .k-drawer-wrapper {
41916
42033
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-secondary-disabled-border, initial );
41917
42034
  }
41918
42035
 
41919
- .k-bottom-nav-flat.k-bottom-nav-tertiary {
42036
+ .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
41920
42037
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-tertiary-text, var(--kendo-neutral-130, inherit) );
41921
42038
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-tertiary-bg, #ffffff );
41922
42039
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-tertiary-border, var(--kendo-neutral-30, inherit) );
@@ -41932,7 +42049,7 @@ kendo-drawer .k-drawer-wrapper {
41932
42049
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-tertiary-disabled-border, initial );
41933
42050
  }
41934
42051
 
41935
- .k-bottom-nav-flat.k-bottom-nav-warning {
42052
+ .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
41936
42053
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-warning-text, var(--kendo-neutral-130, inherit) );
41937
42054
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-warning-bg, #ffffff );
41938
42055
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-warning-border, var(--kendo-warning-100, inherit) );
@@ -41948,7 +42065,7 @@ kendo-drawer .k-drawer-wrapper {
41948
42065
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-warning-disabled-border, initial );
41949
42066
  }
41950
42067
 
41951
- .k-bottom-nav-flat.k-bottom-nav-dark {
42068
+ .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
41952
42069
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-dark-text, var(--kendo-neutral-130, inherit) );
41953
42070
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-dark-bg, #ffffff );
41954
42071
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-dark-border, var(--kendo-neutral-140, inherit) );
@@ -41964,7 +42081,7 @@ kendo-drawer .k-drawer-wrapper {
41964
42081
  --kendo-bottom-nav-item-disabled-border: var( --kendo-bottom-nav-flat-dark-disabled-border, initial );
41965
42082
  }
41966
42083
 
41967
- .k-bottom-nav-flat.k-bottom-nav-light {
42084
+ .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
41968
42085
  --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-light-text, var(--kendo-neutral-130, inherit) );
41969
42086
  --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-light-bg, #ffffff );
41970
42087
  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-light-border, transparent );
@@ -42013,10 +42130,6 @@ kendo-drawer .k-drawer-wrapper {
42013
42130
  overflow: hidden;
42014
42131
  }
42015
42132
 
42016
- .k-breadcrumb-container.k-flex-wrap {
42017
- flex-wrap: wrap;
42018
- }
42019
-
42020
42133
  .k-breadcrumb-root-item-container {
42021
42134
  align-items: flex-start;
42022
42135
  flex-shrink: 0;
@@ -42026,6 +42139,7 @@ kendo-drawer .k-drawer-wrapper {
42026
42139
  vertical-align: middle;
42027
42140
  display: inline-flex;
42028
42141
  flex-direction: row;
42142
+ flex: none;
42029
42143
  align-items: center;
42030
42144
  overflow: hidden;
42031
42145
  }
@@ -42184,40 +42298,7 @@ kendo-drawer .k-drawer-wrapper {
42184
42298
  .k-pager *::after {
42185
42299
  box-sizing: border-box;
42186
42300
  }
42187
- .k-rtl .k-pager .k-i-caret-alt-to-left,
42188
- .k-rtl .k-pager .k-i-caret-alt-to-right,
42189
- .k-rtl .k-pager .k-i-caret-alt-left,
42190
- .k-rtl .k-pager .k-i-caret-alt-right,
42191
- .k-rtl .k-pager .k-i-arrow-end-left,
42192
- .k-rtl .k-pager .k-i-arrow-60-left,
42193
- .k-rtl .k-pager .k-i-arrow-60-right,
42194
- .k-rtl .k-pager .k-i-arrow-end-right,
42195
- .k-rtl .k-pager .k-i-seek-w,
42196
- .k-rtl .k-pager .k-i-arrow-w,
42197
- .k-rtl .k-pager .k-i-arrow-e,
42198
- .k-rtl .k-pager .k-i-seek-e, .k-pager[dir=rtl] .k-i-caret-alt-to-left,
42199
- .k-pager[dir=rtl] .k-i-caret-alt-to-right,
42200
- .k-pager[dir=rtl] .k-i-caret-alt-left,
42201
- .k-pager[dir=rtl] .k-i-caret-alt-right,
42202
- .k-pager[dir=rtl] .k-i-arrow-end-left,
42203
- .k-pager[dir=rtl] .k-i-arrow-60-left,
42204
- .k-pager[dir=rtl] .k-i-arrow-60-right,
42205
- .k-pager[dir=rtl] .k-i-arrow-end-right,
42206
- .k-pager[dir=rtl] .k-i-seek-w,
42207
- .k-pager[dir=rtl] .k-i-arrow-w,
42208
- .k-pager[dir=rtl] .k-i-arrow-e,
42209
- .k-pager[dir=rtl] .k-i-seek-e, [dir=rtl] .k-pager .k-i-caret-alt-to-left,
42210
- [dir=rtl] .k-pager .k-i-caret-alt-to-right,
42211
- [dir=rtl] .k-pager .k-i-caret-alt-left,
42212
- [dir=rtl] .k-pager .k-i-caret-alt-right,
42213
- [dir=rtl] .k-pager .k-i-arrow-end-left,
42214
- [dir=rtl] .k-pager .k-i-arrow-60-left,
42215
- [dir=rtl] .k-pager .k-i-arrow-60-right,
42216
- [dir=rtl] .k-pager .k-i-arrow-end-right,
42217
- [dir=rtl] .k-pager .k-i-seek-w,
42218
- [dir=rtl] .k-pager .k-i-arrow-w,
42219
- [dir=rtl] .k-pager .k-i-arrow-e,
42220
- [dir=rtl] .k-pager .k-i-seek-e {
42301
+ .k-rtl .k-pager .k-pager-nav .k-button-icon, .k-pager[dir=rtl] .k-pager-nav .k-button-icon, [dir=rtl] .k-pager .k-pager-nav .k-button-icon {
42221
42302
  transform: scaleX(-1);
42222
42303
  }
42223
42304
 
@@ -43774,6 +43855,9 @@ kendo-card-footer {
43774
43855
 
43775
43856
  .k-expander-indicator {
43776
43857
  margin-inline-start: var(--kendo-expander-indicator-margin-x, 0.625rem);
43858
+ display: flex;
43859
+ justify-content: center;
43860
+ align-items: center;
43777
43861
  }
43778
43862
 
43779
43863
  .k-expander-content {
@@ -45697,7 +45781,8 @@ div.k-grid-norecords {
45697
45781
  cursor: pointer;
45698
45782
  }
45699
45783
  .k-columnmenu-item > .k-icon,
45700
- .k-columnmenu-item > .k-svg-icon {
45784
+ .k-columnmenu-item > .k-svg-icon,
45785
+ .k-columnmenu-item > .k-expander-indicator {
45701
45786
  margin-inline-end: var(--kendo-grid-column-menu-item-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
45702
45787
  }
45703
45788
 
@@ -46077,9 +46162,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46077
46162
  .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-svg-icon {
46078
46163
  color: var(--kendo-grid-column-menu-item-icon-text, var(--kendo-primary-100, inherit));
46079
46164
  }
46080
- .k-column-menu .k-columnmenu-item .k-expander-indicator,
46081
- .k-column-menu .k-column-list-item .k-expander-indicator,
46082
- .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-expander-indicator {
46165
+ .k-column-menu .k-columnmenu-item .k-expander-indicator > .k-icon,
46166
+ .k-column-menu .k-column-list-item .k-expander-indicator > .k-icon,
46167
+ .k-column-menu .k-menu:not(.k-context-menu) .k-item .k-expander-indicator > .k-icon {
46083
46168
  color: var(--kendo-grid-column-menu-item-text, var(--kendo-neutral-160, inherit));
46084
46169
  }
46085
46170
  .k-column-menu .k-columnmenu-item:hover, .k-column-menu .k-columnmenu-item.k-hover,
@@ -46423,7 +46508,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46423
46508
  align-items: center;
46424
46509
  flex: 1;
46425
46510
  }
46426
- .k-spreadsheet-formula-bar > .k-i-formula-fx {
46511
+ .k-spreadsheet-formula-bar > .k-icon,
46512
+ .k-spreadsheet-formula-bar > .k-svg-icon {
46427
46513
  padding-inline: var(--kendo-padding-y, 0.25rem);
46428
46514
  padding-block: 0;
46429
46515
  box-sizing: content-box;
@@ -46900,8 +46986,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46900
46986
  }
46901
46987
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
46902
46988
  .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
46989
+ .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
46903
46990
  .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
46904
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
46991
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
46992
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
46905
46993
  margin-inline-end: 0.25rem;
46906
46994
  }
46907
46995
  .k-spreadsheet-filter-menu .k-details-content,
@@ -49115,20 +49203,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49115
49203
  flex: 1 1 auto;
49116
49204
  margin-block-end: 0;
49117
49205
  }
49118
- .k-editor-table-wizard-window .k-numerictextbox {
49119
- width: 10em;
49120
- }
49121
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
49122
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
49123
- width: 5em;
49124
- }
49125
- .k-editor-table-wizard-window .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-window .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
49126
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
49127
- margin-inline-start: 0.5rem;
49128
- }
49129
- .k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
49130
- vertical-align: middle;
49131
- }
49132
49206
  .k-editor-table-wizard-window .k-edit-field > .k-checkbox {
49133
49207
  position: relative;
49134
49208
  }
@@ -50549,18 +50623,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
50549
50623
  flex-flow: row nowrap;
50550
50624
  }
50551
50625
 
50552
- .k-scheduler-views-wrapper .k-views-dropdown {
50626
+ .k-scheduler-toolbar .k-views-dropdown {
50553
50627
  width: auto;
50554
50628
  font: inherit;
50555
- display: none;
50556
- }
50557
- @media (max-width: 1024px) {
50558
- .k-scheduler-views-wrapper .k-scheduler-views {
50559
- display: none;
50560
- }
50561
- .k-scheduler-views-wrapper .k-views-dropdown {
50562
- display: inline-block;
50563
- }
50564
50629
  }
50565
50630
 
50566
50631
  .k-scheduler-footer {
@@ -51529,14 +51594,11 @@ kendo-scheduler .k-recurrence-editor {
51529
51594
  .k-scheduler-mobile .k-task {
51530
51595
  display: flex;
51531
51596
  align-items: center;
51597
+ gap: 0.5em;
51532
51598
  }
51533
51599
  .k-scheduler-mobile .k-task .k-scheduler-mark {
51534
51600
  border-radius: 50%;
51535
- }
51536
- .k-scheduler-mobile .k-task .k-i-reload,
51537
- .k-scheduler-mobile .k-task .k-i-arrow-rotate-cw {
51538
- font-size: 1em;
51539
- margin-right: 0.5em;
51601
+ margin: 0;
51540
51602
  }
51541
51603
  .k-scheduler-mobile .k-task .k-scheduler-task-text {
51542
51604
  flex: 1 1 0%;
@@ -53109,11 +53171,11 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
53109
53171
  }
53110
53172
 
53111
53173
  .k-scrollview-prev {
53112
- left: 0;
53174
+ inset-inline-start: 0;
53113
53175
  }
53114
53176
 
53115
53177
  .k-scrollview-next {
53116
- right: 0;
53178
+ inset-inline-end: 0;
53117
53179
  }
53118
53180
 
53119
53181
  .k-scrollview-animation {
@@ -53135,6 +53197,17 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
53135
53197
  pointer-events: none;
53136
53198
  }
53137
53199
  }
53200
+ .k-rtl .k-scrollview-prev .k-icon,
53201
+ .k-rtl .k-scrollview-prev .k-svg-icon,
53202
+ .k-rtl .k-scrollview-next .k-icon,
53203
+ .k-rtl .k-scrollview-next .k-svg-icon,
53204
+ [dir=rtl] .k-scrollview-prev .k-icon,
53205
+ [dir=rtl] .k-scrollview-prev .k-svg-icon,
53206
+ [dir=rtl] .k-scrollview-next .k-icon,
53207
+ [dir=rtl] .k-scrollview-next .k-svg-icon {
53208
+ transform: scaleX(-1);
53209
+ }
53210
+
53138
53211
  kendo-scrollview.k-scrollview-wrap,
53139
53212
  kendo-scrollview.k-scrollview,
53140
53213
  div.k-scrollview {