@progress/kendo-theme-fluent 6.4.0-dev.2 → 6.4.0-dev.4

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 (95) hide show
  1. package/README.md +5 -3
  2. package/dist/all.css +56 -151
  3. package/dist/meta/sassdoc-data.json +492 -442
  4. package/dist/meta/sassdoc-raw-data.json +246 -221
  5. package/dist/meta/variables.scss +1 -1
  6. package/lib/swatches/all.json +1 -1
  7. package/lib/swatches/fluent-main.json +1 -1
  8. package/package.json +4 -4
  9. package/scss/action-sheet/_variables.scss +1 -1
  10. package/scss/adaptive/_theme.scss +1 -1
  11. package/scss/badge/_variables.scss +2 -2
  12. package/scss/bottom-navigation/_variables.scss +2 -2
  13. package/scss/button/_layout.scss +7 -7
  14. package/scss/button/_variables.scss +2 -2
  15. package/scss/calendar/_layout.scss +0 -13
  16. package/scss/calendar/_variables.scss +4 -4
  17. package/scss/chat/_layout.scss +3 -3
  18. package/scss/chat/_variables.scss +1 -1
  19. package/scss/checkbox/_layout.scss +4 -4
  20. package/scss/chip/_layout.scss +1 -2
  21. package/scss/chip/_variables.scss +2 -2
  22. package/scss/color-preview/_layout.scss +1 -2
  23. package/scss/core/_variables.scss +2 -3
  24. package/scss/core/color-system/_variables.scss +2 -4
  25. package/scss/core/helpers/_animations.scss +7 -9
  26. package/scss/core/helpers/_base.scss +1 -2
  27. package/scss/core/helpers/_extra.scss +1 -1
  28. package/scss/core/helpers/_layout.scss +2 -2
  29. package/scss/core/helpers/_loading.scss +1 -1
  30. package/scss/core/helpers/_normalize.scss +2 -2
  31. package/scss/core/mixins/_decoration.scss +1 -2
  32. package/scss/core/module-system/index.scss +2 -0
  33. package/scss/dataviz/_layout.scss +4 -2
  34. package/scss/dataviz/_theme.scss +2 -0
  35. package/scss/drawer/_layout.scss +2 -2
  36. package/scss/drawer/_variables.scss +1 -1
  37. package/scss/editor/_layout.scss +6 -4
  38. package/scss/editor/_theme.scss +3 -3
  39. package/scss/editor/_variables.scss +1 -1
  40. package/scss/fab/_variables.scss +2 -2
  41. package/scss/floating-label/_layout.scss +1 -1
  42. package/scss/forms/_layout.scss +3 -3
  43. package/scss/forms/_variables.scss +1 -1
  44. package/scss/gantt/_layout.scss +8 -8
  45. package/scss/gantt/_variables.scss +1 -1
  46. package/scss/grid/_layout.scss +28 -13
  47. package/scss/grid/_variables.scss +6 -3
  48. package/scss/icon/_layout.scss +3 -12
  49. package/scss/input/_layout.scss +10 -10
  50. package/scss/list/_layout.scss +2 -2
  51. package/scss/list/_variables.scss +2 -2
  52. package/scss/listbox/_layout.scss +0 -9
  53. package/scss/listgroup/_layout.scss +0 -10
  54. package/scss/loader/_variables.scss +1 -1
  55. package/scss/map/_variables.scss +1 -1
  56. package/scss/mediaplayer/_layout.scss +3 -7
  57. package/scss/menu/_layout.scss +5 -5
  58. package/scss/menu/_variables.scss +2 -2
  59. package/scss/notification/_variables.scss +1 -1
  60. package/scss/pager/_layout.scss +0 -8
  61. package/scss/panelbar/_layout.scss +2 -2
  62. package/scss/panelbar/_theme.scss +2 -2
  63. package/scss/pdf-viewer/_layout.scss +3 -2
  64. package/scss/pdf-viewer/_variables.scss +2 -2
  65. package/scss/pivotgrid/_layout.scss +1 -1
  66. package/scss/pivotgrid/_variables.scss +1 -1
  67. package/scss/popover/_variables.scss +2 -2
  68. package/scss/progressbar/_layout.scss +3 -3
  69. package/scss/progressbar/_variables.scss +1 -1
  70. package/scss/radio/_layout.scss +4 -4
  71. package/scss/rating/_variables.scss +1 -1
  72. package/scss/responsivepanel/_layout.scss +1 -3
  73. package/scss/scheduler/_layout.scss +6 -18
  74. package/scss/scheduler/_theme.scss +2 -4
  75. package/scss/scheduler/_variables.scss +2 -2
  76. package/scss/scrollview/_layout.scss +0 -11
  77. package/scss/signature/_variables.scss +2 -2
  78. package/scss/slider/_layout.scss +0 -7
  79. package/scss/slider/_variables.scss +2 -2
  80. package/scss/splitter/_layout.scss +3 -13
  81. package/scss/splitter/_variables.scss +1 -1
  82. package/scss/spreadsheet/_layout.scss +5 -7
  83. package/scss/spreadsheet/_variables.scss +3 -3
  84. package/scss/stepper/_variables.scss +2 -2
  85. package/scss/table/_layout.scss +9 -9
  86. package/scss/tabstrip/_layout.scss +2 -7
  87. package/scss/tabstrip/_variables.scss +1 -1
  88. package/scss/taskboard/_layout.scss +0 -2
  89. package/scss/timeline/_layout.scss +1 -1
  90. package/scss/timeline/_variables.scss +2 -2
  91. package/scss/timeselector/_variables.scss +1 -1
  92. package/scss/toolbar/_layout.scss +4 -3
  93. package/scss/toolbar/_theme.scss +2 -2
  94. package/scss/upload/_layout.scss +1 -1
  95. package/scss/upload/_variables.scss +2 -2
package/README.md CHANGED
@@ -42,9 +42,11 @@ In your custom scss file, you can import the entirety of the theme, by importing
42
42
  @use "~@progress/kendo-theme-fluent/scss/index.scss" as kendo-theme;
43
43
 
44
44
  @include kendo-theme.config(
45
- $components: (
46
- "button",
47
- "grid"
45
+ $config: (
46
+ "components": (
47
+ "button",
48
+ "grid"
49
+ )
48
50
  )
49
51
  );
50
52
  @include kendo-theme.styles();
package/dist/all.css CHANGED
@@ -29764,19 +29764,9 @@ hr.k-separator {
29764
29764
  margin: 0 -0.5em -0.5em 0;
29765
29765
  }
29766
29766
 
29767
- .k-rtl .k-i-indent-increase,
29768
- .k-rtl .k-i-indent-decrease,
29769
- .k-rtl .k-i-caret-alt-right,
29770
- .k-rtl .k-i-caret-alt-left,
29771
- .k-rtl .k-svg-i-caret-alt-right,
29772
- .k-rtl .k-svg-i-caret-alt-left,
29773
- [dir=rtl] .k-i-indent-increase,
29774
- [dir=rtl] .k-i-indent-decrease,
29775
- [dir=rtl] .k-i-caret-alt-right,
29776
- [dir=rtl] .k-i-caret-alt-left,
29777
- [dir=rtl] .k-svg-i-caret-alt-right,
29778
- [dir=rtl] .k-svg-i-caret-alt-left {
29779
- transform: scaleX(-1);
29767
+ .k-svg-icon.k-icon-modifier {
29768
+ width: 1em;
29769
+ height: 1em;
29780
29770
  }
29781
29771
 
29782
29772
  .k-icon-action {
@@ -30389,18 +30379,10 @@ hr.k-separator {
30389
30379
  right: auto;
30390
30380
  left: 0;
30391
30381
  }
30392
- [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-icon,
30393
- [dir=rtl] .k-listgroup-item > .k-link > .k-select .k-svg-icon {
30394
- transform: scaleX(-1);
30395
- }
30396
30382
  [dir=rtl] .k-listgroup-item-segmented > .k-select {
30397
30383
  border-right-width: 1px;
30398
30384
  border-left-width: 0;
30399
30385
  }
30400
- [dir=rtl] .k-listgroup-item-segmented > .k-select .k-icon,
30401
- [dir=rtl] .k-listgroup-item-segmented > .k-select .k-svg-icon {
30402
- transform: scaleX(-1);
30403
- }
30404
30386
 
30405
30387
  .k-listgroup {
30406
30388
  border-color: var(--kendo-listgroup-border, var(--kendo-component-border, inherit));
@@ -31467,7 +31449,6 @@ kendo-badge-container {
31467
31449
  border-radius: 50%;
31468
31450
  background-size: cover;
31469
31451
  background-position: center;
31470
- flex: none;
31471
31452
  }
31472
31453
 
31473
31454
  .k-chip-icon {
@@ -31766,8 +31747,7 @@ kendo-badge-container {
31766
31747
  box-sizing: border-box;
31767
31748
  border-style: solid;
31768
31749
  display: inline-flex;
31769
- flex-direction: row;
31770
- flex-wrap: nowrap;
31750
+ flex-flow: row nowrap;
31771
31751
  position: relative;
31772
31752
  overflow: hidden;
31773
31753
  }
@@ -31962,17 +31942,17 @@ kendo-badge-container {
31962
31942
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
31963
31943
  margin: calc(var(--kendo-loader-sm-segment-size, 0.25rem)/2);
31964
31944
  width: calc(var(--kendo-loader-sm-spinner-3-width, 1rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
31965
- height: calc(var(--kendo-loader-sm-spinner-3-height, 0.8660254038rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
31945
+ height: calc(var(--kendo-loader-sm-spinner-3-height, 0.866rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
31966
31946
  }
31967
31947
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
31968
31948
  margin: calc(var(--kendo-loader-md-segment-size, 0.5rem)/2);
31969
31949
  width: calc(var(--kendo-loader-md-spinner-3-width, 2rem) - var(--kendo-loader-md-segment-size, 0.5rem));
31970
- height: calc(var(--kendo-loader-md-spinner-3-height, 1.7320508076rem) - var(--kendo-loader-md-segment-size, 0.5rem));
31950
+ height: calc(var(--kendo-loader-md-spinner-3-height, 1.732rem) - var(--kendo-loader-md-segment-size, 0.5rem));
31971
31951
  }
31972
31952
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
31973
31953
  margin: calc(var(--kendo-loader-lg-segment-size, 1rem)/2);
31974
31954
  width: calc(var(--kendo-loader-lg-spinner-3-width, 4rem) - var(--kendo-loader-lg-segment-size, 1rem));
31975
- height: calc(var(--kendo-loader-lg-spinner-3-height, 3.4641016152rem) - var(--kendo-loader-lg-segment-size, 1rem));
31955
+ height: calc(var(--kendo-loader-lg-spinner-3-height, 3.464rem) - var(--kendo-loader-lg-segment-size, 1rem));
31976
31956
  }
31977
31957
 
31978
31958
  @keyframes spinner-4-segment-1 {
@@ -32485,8 +32465,8 @@ kendo-label > .k-label {
32485
32465
  .k-form {
32486
32466
  border: 0;
32487
32467
  }
32488
- .k-form .k-label,
32489
- .k-form kendo-label,
32468
+ .k-form .k-form-field > .k-label,
32469
+ .k-form .k-form-field > kendo-label,
32490
32470
  .k-form .k-form-label {
32491
32471
  margin-block-end: var(--kendo-form-label-margin-bottom, 0.5rem);
32492
32472
  display: flex;
@@ -32657,7 +32637,7 @@ kendo-label > .k-label {
32657
32637
  .k-form-inline .k-form-field > input {
32658
32638
  align-self: center;
32659
32639
  }
32660
- .k-form-inline .k-form-field > input:not(.k-checkbox):not(.k-radio) {
32640
+ .k-form-inline .k-form-field > input:not(.k-checkbox, .k-radio) {
32661
32641
  flex: 1 1 auto;
32662
32642
  }
32663
32643
  .k-form-inline .k-form-field .k-alert-error {
@@ -32825,10 +32805,10 @@ kendo-label > .k-label {
32825
32805
  left: var(--kendo-floating-label-focus-offset-x, 0);
32826
32806
  transform: scale(var(--kendo-floating-label-focus-scale, 1));
32827
32807
  }
32828
- .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
32808
+ .k-floating-label-container.k-empty:not(.k-focus, :focus-within) :-ms-input-placeholder {
32829
32809
  color: transparent;
32830
32810
  }
32831
- .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
32811
+ .k-floating-label-container.k-empty:not(.k-focus, :focus-within) ::placeholder {
32832
32812
  color: transparent;
32833
32813
  }
32834
32814
  [dir=rtl] .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir=rtl] > .k-label {
@@ -33187,7 +33167,7 @@ kendo-label > .k-label {
33187
33167
  .k-button-group > .k-button.k-selected {
33188
33168
  z-index: 2;
33189
33169
  }
33190
- .k-button-group .k-button:not(:first-child):not(:last-child) {
33170
+ .k-button-group .k-button:not(:first-child, :last-child) {
33191
33171
  border-start-end-radius: 0;
33192
33172
  border-end-end-radius: 0;
33193
33173
  border-start-start-radius: 0;
@@ -35898,9 +35878,6 @@ textarea.k-input-inner {
35898
35878
  .k-listbox .k-ghost {
35899
35879
  opacity: 0.5;
35900
35880
  }
35901
- .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 {
35902
- transform: scaleX(-1);
35903
- }
35904
35881
 
35905
35882
  .k-item {
35906
35883
  cursor: default;
@@ -36844,45 +36821,6 @@ textarea.k-input-inner {
36844
36821
  .k-rtl .k-slider.k-slider-horizontal .k-label {
36845
36822
  transform: translateX(50%);
36846
36823
  }
36847
- .k-slider-rtl.k-horizontal-slider .k-button-increase .k-icon, .k-slider-rtl.k-slider-horizontal .k-button-increase .k-icon, .k-horizontal-slider.k-slider[dir=rtl] .k-button-increase .k-icon, .k-slider[dir=rtl].k-slider-horizontal .k-button-increase .k-icon,
36848
- [dir=rtl] .k-horizontal-slider.k-slider .k-button-increase .k-icon,
36849
- [dir=rtl] .k-slider.k-slider-horizontal .k-button-increase .k-icon,
36850
- .k-horizontal-slider.k-slider.k-rtl .k-button-increase .k-icon,
36851
- .k-slider.k-rtl.k-slider-horizontal .k-button-increase .k-icon,
36852
- .k-rtl .k-horizontal-slider.k-slider .k-button-increase .k-icon,
36853
- .k-rtl .k-slider.k-slider-horizontal .k-button-increase .k-icon,
36854
- .k-slider-rtl.k-horizontal-slider .k-button-increase .k-svg-icon,
36855
- .k-slider-rtl.k-slider-horizontal .k-button-increase .k-svg-icon,
36856
- .k-horizontal-slider.k-slider[dir=rtl] .k-button-increase .k-svg-icon,
36857
- .k-slider[dir=rtl].k-slider-horizontal .k-button-increase .k-svg-icon,
36858
- [dir=rtl] .k-horizontal-slider.k-slider .k-button-increase .k-svg-icon,
36859
- [dir=rtl] .k-slider.k-slider-horizontal .k-button-increase .k-svg-icon,
36860
- .k-horizontal-slider.k-slider.k-rtl .k-button-increase .k-svg-icon,
36861
- .k-slider.k-rtl.k-slider-horizontal .k-button-increase .k-svg-icon,
36862
- .k-rtl .k-horizontal-slider.k-slider .k-button-increase .k-svg-icon,
36863
- .k-rtl .k-slider.k-slider-horizontal .k-button-increase .k-svg-icon,
36864
- .k-slider-rtl.k-horizontal-slider .k-button-decrease .k-icon,
36865
- .k-slider-rtl.k-slider-horizontal .k-button-decrease .k-icon,
36866
- .k-horizontal-slider.k-slider[dir=rtl] .k-button-decrease .k-icon,
36867
- .k-slider[dir=rtl].k-slider-horizontal .k-button-decrease .k-icon,
36868
- [dir=rtl] .k-horizontal-slider.k-slider .k-button-decrease .k-icon,
36869
- [dir=rtl] .k-slider.k-slider-horizontal .k-button-decrease .k-icon,
36870
- .k-horizontal-slider.k-slider.k-rtl .k-button-decrease .k-icon,
36871
- .k-slider.k-rtl.k-slider-horizontal .k-button-decrease .k-icon,
36872
- .k-rtl .k-horizontal-slider.k-slider .k-button-decrease .k-icon,
36873
- .k-rtl .k-slider.k-slider-horizontal .k-button-decrease .k-icon,
36874
- .k-slider-rtl.k-horizontal-slider .k-button-decrease .k-svg-icon,
36875
- .k-slider-rtl.k-slider-horizontal .k-button-decrease .k-svg-icon,
36876
- .k-horizontal-slider.k-slider[dir=rtl] .k-button-decrease .k-svg-icon,
36877
- .k-slider[dir=rtl].k-slider-horizontal .k-button-decrease .k-svg-icon,
36878
- [dir=rtl] .k-horizontal-slider.k-slider .k-button-decrease .k-svg-icon,
36879
- [dir=rtl] .k-slider.k-slider-horizontal .k-button-decrease .k-svg-icon,
36880
- .k-horizontal-slider.k-slider.k-rtl .k-button-decrease .k-svg-icon,
36881
- .k-slider.k-rtl.k-slider-horizontal .k-button-decrease .k-svg-icon,
36882
- .k-rtl .k-horizontal-slider.k-slider .k-button-decrease .k-svg-icon,
36883
- .k-rtl .k-slider.k-slider-horizontal .k-button-decrease .k-svg-icon {
36884
- transform: scaleX(-1);
36885
- }
36886
36824
  .k-slider kendo-resize-sensor {
36887
36825
  position: absolute;
36888
36826
  }
@@ -37418,17 +37356,6 @@ textarea.k-input-inner {
37418
37356
  --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 64px );
37419
37357
  }
37420
37358
 
37421
- .k-rtl .k-calendar .k-calendar-nav-prev,
37422
- .k-rtl .k-calendar .k-calendar-nav-next,
37423
- [dir=rtl] .k-calendar .k-calendar-nav-prev,
37424
- [dir=rtl] .k-calendar .k-calendar-nav-next,
37425
- .k-calendar.k-rtl .k-calendar-nav-prev,
37426
- .k-calendar.k-rtl .k-calendar-nav-next,
37427
- .k-calendar[dir=rtl] .k-calendar-nav-prev,
37428
- .k-calendar[dir=rtl] .k-calendar-nav-next {
37429
- transform: scaleX(-1);
37430
- }
37431
-
37432
37359
  .k-calendar {
37433
37360
  border-color: var(--kendo-calendar-border, var(--kendo-component-border, initial));
37434
37361
  color: var(--kendo-calendar-text, var(--kendo-component-text, initial));
@@ -40024,7 +39951,7 @@ textarea.k-input-inner {
40024
39951
  height: var(--kendo-icon-size, 1rem);
40025
39952
  border-bottom-width: 1px;
40026
39953
  }
40027
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up .k-icon:before {
39954
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up .k-icon::before {
40028
39955
  content: "\e013";
40029
39956
  }
40030
39957
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right {
@@ -40034,7 +39961,7 @@ textarea.k-input-inner {
40034
39961
  width: var(--kendo-icon-size, 1rem);
40035
39962
  border-left-width: 1px;
40036
39963
  }
40037
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right .k-icon:before {
39964
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right .k-icon::before {
40038
39965
  content: "\e014";
40039
39966
  }
40040
39967
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down {
@@ -40044,7 +39971,7 @@ textarea.k-input-inner {
40044
39971
  height: var(--kendo-icon-size, 1rem);
40045
39972
  border-top-width: 1px;
40046
39973
  }
40047
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down .k-icon:before {
39974
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down .k-icon::before {
40048
39975
  content: "\e015";
40049
39976
  }
40050
39977
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left {
@@ -40054,7 +39981,7 @@ textarea.k-input-inner {
40054
39981
  width: var(--kendo-icon-size, 1rem);
40055
39982
  border-right-width: 1px;
40056
39983
  }
40057
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left .k-icon:before {
39984
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left .k-icon::before {
40058
39985
  content: "\e016";
40059
39986
  }
40060
39987
 
@@ -42296,9 +42223,6 @@ kendo-drawer .k-drawer-wrapper {
42296
42223
  .k-pager *::after {
42297
42224
  box-sizing: border-box;
42298
42225
  }
42299
- .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 {
42300
- transform: scaleX(-1);
42301
- }
42302
42226
 
42303
42227
  .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
42304
42228
  .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist, .k-pager-info, .k-pager-sizes, .k-pager-input {
@@ -43002,12 +42926,6 @@ kendo-drawer .k-drawer-wrapper {
43002
42926
  .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content {
43003
42927
  order: 0;
43004
42928
  }
43005
- .k-rtl .k-tabstrip .k-tabstrip-prev .k-button-icon,
43006
- .k-rtl .k-tabstrip .k-tabstrip-next .k-button-icon,
43007
- .k-tabstrip[dir=rtl] .k-tabstrip-prev .k-button-icon,
43008
- .k-tabstrip[dir=rtl] .k-tabstrip-next .k-button-icon {
43009
- transform: scaleX(-1);
43010
- }
43011
42929
 
43012
42930
  .k-tabstrip-wrapper {
43013
42931
  border-color: var(--kendo-tabstrip-wrapper-border, initial);
@@ -43972,8 +43890,8 @@ kendo-card-footer {
43972
43890
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
43973
43891
  font-weight: var(--kendo-font-weight-bold, 600);
43974
43892
  }
43975
- .k-panelbar > .k-item > .k-link.k-selected:before,
43976
- .k-panelbar > .k-panelbar-header > .k-link.k-selected:before {
43893
+ .k-panelbar > .k-item > .k-link.k-selected::before,
43894
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
43977
43895
  content: "";
43978
43896
  width: 2px;
43979
43897
  height: 100%;
@@ -44025,8 +43943,8 @@ kendo-card-footer {
44025
43943
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
44026
43944
  font-weight: var(--kendo-font-weight-bold, 600);
44027
43945
  }
44028
- .k-panelbar .k-group > .k-item > .k-link.k-selected:before,
44029
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:before {
43946
+ .k-panelbar .k-group > .k-item > .k-link.k-selected::before,
43947
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
44030
43948
  content: "";
44031
43949
  width: 2px;
44032
43950
  height: 100%;
@@ -44153,8 +44071,8 @@ kendo-card-footer {
44153
44071
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
44154
44072
  color: inherit;
44155
44073
  }
44156
- .k-panelbar > .k-item > .k-link.k-selected:before,
44157
- .k-panelbar > .k-panelbar-header > .k-link.k-selected:before {
44074
+ .k-panelbar > .k-item > .k-link.k-selected::before,
44075
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
44158
44076
  background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
44159
44077
  }
44160
44078
  .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover,
@@ -44265,8 +44183,8 @@ kendo-card-footer {
44265
44183
  --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-bg, var(--kendo-selected-bg, inherit) );
44266
44184
  --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-border, inherit );
44267
44185
  }
44268
- .k-panelbar .k-group > .k-item > .k-link.k-selected:before,
44269
- .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:before {
44186
+ .k-panelbar .k-group > .k-item > .k-link.k-selected::before,
44187
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
44270
44188
  background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
44271
44189
  }
44272
44190
  .k-panelbar .k-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
@@ -44494,10 +44412,6 @@ kendo-card-footer {
44494
44412
  .k-splitter-flex.k-splitter-horizontal {
44495
44413
  flex-direction: row;
44496
44414
  }
44497
- .k-splitter-flex.k-splitter-horizontal[dir=rtl] > .k-splitbar > .k-collapse-next,
44498
- .k-splitter-flex.k-splitter-horizontal[dir=rtl] > .k-splitbar > .k-collapse-prev {
44499
- transform: scaleX(-1);
44500
- }
44501
44415
  .k-splitter-flex.k-splitter-vertical {
44502
44416
  flex-direction: column;
44503
44417
  }
@@ -45031,7 +44945,8 @@ div.k-grid-footer {
45031
44945
  }
45032
44946
 
45033
44947
  .k-grid-filter-popup {
45034
- min-width: 230px;
44948
+ min-width: var(--kendo-grid-column-menu-width, 230px);
44949
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45035
44950
  }
45036
44951
 
45037
44952
  .k-grid-column-menu-standalone a.k-grid-filter {
@@ -45148,13 +45063,13 @@ div.k-grid-footer {
45148
45063
  text-overflow: clip;
45149
45064
  }
45150
45065
 
45151
- .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]),
45066
+ .k-grid .k-edit-cell > input:not([type=checkbox], [type=radio]),
45152
45067
  .k-grid .k-edit-cell > select,
45153
45068
  .k-grid .k-edit-cell > .k-widget:not(.k-switch),
45154
- .k-grid .k-grid-edit-row td > input:not([type=checkbox]):not([type=radio]),
45069
+ .k-grid .k-grid-edit-row td > input:not([type=checkbox], [type=radio]),
45155
45070
  .k-grid .k-grid-edit-row td > select,
45156
45071
  .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch),
45157
- .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox]):not([type=radio]),
45072
+ .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox], [type=radio]),
45158
45073
  .k-grid .k-grid-edit-row .k-table-td > select,
45159
45074
  .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) {
45160
45075
  width: 100%;
@@ -45595,7 +45510,8 @@ div.k-grid-norecords {
45595
45510
  }
45596
45511
 
45597
45512
  .k-filter-menu-popup {
45598
- width: var(--kendo-grid-column-menu-width, 230px);
45513
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45514
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45599
45515
  }
45600
45516
 
45601
45517
  .k-filter-menu {
@@ -45640,7 +45556,8 @@ div.k-grid-norecords {
45640
45556
 
45641
45557
  .k-filter-menu.k-popup .k-filter-menu-container,
45642
45558
  .k-grid-filter-popup.k-popup .k-filter-menu-container {
45643
- width: var(--kendo-grid-column-menu-width, 230px);
45559
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45560
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45644
45561
  }
45645
45562
 
45646
45563
  .k-popup .k-multicheck-wrap {
@@ -45682,12 +45599,12 @@ div.k-grid-norecords {
45682
45599
 
45683
45600
  .k-column-menu-popup,
45684
45601
  .k-grid-columnmenu-popup {
45685
- width: var(--kendo-grid-column-menu-width, 230px);
45602
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45686
45603
  box-sizing: border-box;
45687
45604
  }
45688
45605
  .k-column-menu-popup.k-popup,
45689
45606
  .k-grid-columnmenu-popup.k-popup {
45690
- max-width: 100%;
45607
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45691
45608
  }
45692
45609
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
45693
45610
  .k-column-menu-popup .k-action-buttons,
@@ -45808,6 +45725,21 @@ div.k-grid-norecords {
45808
45725
  flex: 1 1 auto;
45809
45726
  }
45810
45727
 
45728
+ .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap,
45729
+ .k-rtl .k-grid-virtual .k-grid-content .k-grid-table,
45730
+ .k-rtl .k-grid-virtual .k-grid-content > .k-height-container,
45731
+ [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table-wrap,
45732
+ [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table,
45733
+ [dir=rtl] .k-grid-virtual .k-grid-content > .k-height-container,
45734
+ .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap,
45735
+ .k-rtl.k-grid-virtual .k-grid-content .k-grid-table,
45736
+ .k-rtl.k-grid-virtual .k-grid-content > .k-height-container,
45737
+ [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table-wrap,
45738
+ [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table,
45739
+ [dir=rtl].k-grid-virtual .k-grid-content > .k-height-container {
45740
+ float: right;
45741
+ }
45742
+
45811
45743
  .k-grid-header,
45812
45744
  .k-grid-header-wrap,
45813
45745
  .k-grouping-header,
@@ -48718,8 +48650,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48718
48650
  align-items: center;
48719
48651
  }
48720
48652
  .k-taskboard-card .k-card-title, .k-taskboard-card .k-popover-header {
48721
- font-size: inherit;
48722
- font-weight: inherit;
48723
48653
  word-break: normal;
48724
48654
  overflow-wrap: anywhere;
48725
48655
  font-size: var(--kendo-taskboard-card-title-font-size, var(--kendo-font-size-md, 1rem));
@@ -49335,12 +49265,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
49335
49265
  background-color: var(--kendo-editor-ct-popup-bg, var(--kendo-selected-bg, initial));
49336
49266
  }
49337
49267
  .k-ct-popup .k-disabled:not(.k-selected) {
49338
- outline: none;
49339
- cursor: default;
49340
- background-color: var(--kendo-disabled-bg, inherit);
49341
49268
  border-color: var(--kendo-disabled-border, inherit);
49342
- pointer-events: none;
49343
- box-shadow: none;
49269
+ background-color: var(--kendo-disabled-bg, inherit);
49344
49270
  }
49345
49271
 
49346
49272
  .k-editor-content .k-text-selected, .k-editor-content::selection {
@@ -49668,7 +49594,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
49668
49594
  }
49669
49595
 
49670
49596
  .k-gantt-footer {
49671
- border-width: 1px 0 0 0;
49597
+ border-width: 1px 0 0;
49672
49598
  flex-shrink: 0;
49673
49599
  }
49674
49600
 
@@ -51179,17 +51105,6 @@ kendo-scheduler .k-recurrence-editor {
51179
51105
  gap: 0.25rem;
51180
51106
  }
51181
51107
 
51182
- .k-rtl .k-scheduler .k-i-caret-alt-left,
51183
- .k-rtl .k-scheduler .k-i-caret-alt-right,
51184
- .k-rtl .k-scheduler .k-i-arrow-60-left,
51185
- .k-rtl .k-scheduler .k-i-arrow-60-right,
51186
- .k-rtl .k-scheduler .k-current-time-arrow-right, .k-rtl.k-scheduler .k-i-caret-alt-left,
51187
- .k-rtl.k-scheduler .k-i-caret-alt-right,
51188
- .k-rtl.k-scheduler .k-i-arrow-60-left,
51189
- .k-rtl.k-scheduler .k-i-arrow-60-right,
51190
- .k-rtl.k-scheduler .k-current-time-arrow-right {
51191
- transform: scaleX(-1);
51192
- }
51193
51108
  .k-rtl .k-scheduler .k-scheduler-agendaday, .k-rtl.k-scheduler .k-scheduler-agendaday {
51194
51109
  float: right;
51195
51110
  margin: 0 0 0 0.2em;
@@ -51938,7 +51853,7 @@ kendo-scheduler .k-recurrence-editor {
51938
51853
  bottom: 0;
51939
51854
  }
51940
51855
 
51941
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
51856
+ .k-chat .k-avatars .k-message-group:not(.k-alt, .k-no-avatar) {
51942
51857
  padding-inline-start: calc(32px + 0.5rem);
51943
51858
  }
51944
51859
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
@@ -52349,7 +52264,7 @@ kendo-scheduler .k-recurrence-editor {
52349
52264
  box-sizing: border-box;
52350
52265
  }
52351
52266
  .k-timeline ul {
52352
- margin: 0 0 1px 0;
52267
+ margin: 0 0 1px;
52353
52268
  padding: 0;
52354
52269
  }
52355
52270
  .k-timeline ul li {
@@ -52863,6 +52778,7 @@ kendo-scheduler .k-recurrence-editor {
52863
52778
  border-style: solid;
52864
52779
  border-radius: var(--kendo-pdf-viewer-search-panel-border-radius, var(--kendo-border-radius-md, 0));
52865
52780
  z-index: 10;
52781
+ cursor: default;
52866
52782
  }
52867
52783
 
52868
52784
  .k-pdf-viewer {
@@ -53170,17 +53086,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
53170
53086
  pointer-events: none;
53171
53087
  }
53172
53088
  }
53173
- .k-rtl .k-scrollview-prev .k-icon,
53174
- .k-rtl .k-scrollview-prev .k-svg-icon,
53175
- .k-rtl .k-scrollview-next .k-icon,
53176
- .k-rtl .k-scrollview-next .k-svg-icon,
53177
- [dir=rtl] .k-scrollview-prev .k-icon,
53178
- [dir=rtl] .k-scrollview-prev .k-svg-icon,
53179
- [dir=rtl] .k-scrollview-next .k-icon,
53180
- [dir=rtl] .k-scrollview-next .k-svg-icon {
53181
- transform: scaleX(-1);
53182
- }
53183
-
53184
53089
  kendo-scrollview.k-scrollview-wrap,
53185
53090
  kendo-scrollview.k-scrollview,
53186
53091
  div.k-scrollview {