@progress/kendo-theme-fluent 6.4.0-dev.3 → 6.4.0-dev.5

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 (97) hide show
  1. package/README.md +5 -3
  2. package/dist/all.css +115 -162
  3. package/dist/meta/sassdoc-data.json +548 -448
  4. package/dist/meta/sassdoc-raw-data.json +274 -224
  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/popup/_layout.scss +2 -0
  69. package/scss/progressbar/_layout.scss +3 -3
  70. package/scss/progressbar/_variables.scss +1 -1
  71. package/scss/radio/_layout.scss +4 -4
  72. package/scss/rating/_variables.scss +1 -1
  73. package/scss/responsivepanel/_layout.scss +1 -3
  74. package/scss/scheduler/_layout.scss +6 -18
  75. package/scss/scheduler/_theme.scss +7 -9
  76. package/scss/scheduler/_variables.scss +2 -2
  77. package/scss/scrollview/_layout.scss +0 -11
  78. package/scss/signature/_variables.scss +2 -2
  79. package/scss/slider/_layout.scss +0 -7
  80. package/scss/slider/_variables.scss +2 -2
  81. package/scss/splitter/_layout.scss +3 -13
  82. package/scss/splitter/_variables.scss +1 -1
  83. package/scss/spreadsheet/_layout.scss +14 -18
  84. package/scss/spreadsheet/_theme.scss +0 -1
  85. package/scss/spreadsheet/_variables.scss +7 -3
  86. package/scss/stepper/_variables.scss +2 -2
  87. package/scss/table/_layout.scss +9 -9
  88. package/scss/tabstrip/_layout.scss +2 -7
  89. package/scss/tabstrip/_variables.scss +1 -1
  90. package/scss/taskboard/_layout.scss +0 -2
  91. package/scss/timeline/_layout.scss +1 -1
  92. package/scss/timeline/_variables.scss +2 -2
  93. package/scss/timeselector/_variables.scss +1 -1
  94. package/scss/toolbar/_layout.scss +4 -3
  95. package/scss/toolbar/_theme.scss +2 -2
  96. package/scss/upload/_layout.scss +1 -1
  97. 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
@@ -24811,6 +24811,54 @@ hr.k-separator {
24811
24811
  fill: white !important;
24812
24812
  }
24813
24813
 
24814
+ .k-stroke-none {
24815
+ stroke: none;
24816
+ }
24817
+
24818
+ .\!k-stroke-none {
24819
+ stroke: none !important;
24820
+ }
24821
+
24822
+ .k-stroke-inherit {
24823
+ stroke: inherit;
24824
+ }
24825
+
24826
+ .\!k-stroke-inherit {
24827
+ stroke: inherit !important;
24828
+ }
24829
+
24830
+ .k-stroke-current {
24831
+ stroke: currentColor;
24832
+ }
24833
+
24834
+ .\!k-stroke-current {
24835
+ stroke: currentColor !important;
24836
+ }
24837
+
24838
+ .k-stroke-transparent {
24839
+ stroke: transparent;
24840
+ }
24841
+
24842
+ .\!k-stroke-transparent {
24843
+ stroke: transparent !important;
24844
+ }
24845
+
24846
+ .k-stroke-black {
24847
+ stroke: black;
24848
+ }
24849
+
24850
+ .\!k-stroke-black {
24851
+ stroke: black !important;
24852
+ }
24853
+
24854
+ .k-stroke-white {
24855
+ stroke: white;
24856
+ }
24857
+
24858
+ .\!k-stroke-white {
24859
+ stroke: white !important;
24860
+ }
24861
+
24814
24862
  .k-drag-clue {
24815
24863
  border-radius: var(--kendo-drag-clue-border-radius, var(--kendo-border-radius-md, 0));
24816
24864
  padding-inline: var(--kendo-drag-clue-padding-x, 0.75rem);
@@ -29764,19 +29812,9 @@ hr.k-separator {
29764
29812
  margin: 0 -0.5em -0.5em 0;
29765
29813
  }
29766
29814
 
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);
29815
+ .k-svg-icon.k-icon-modifier {
29816
+ width: 1em;
29817
+ height: 1em;
29780
29818
  }
29781
29819
 
29782
29820
  .k-icon-action {
@@ -30389,18 +30427,10 @@ hr.k-separator {
30389
30427
  right: auto;
30390
30428
  left: 0;
30391
30429
  }
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
30430
  [dir=rtl] .k-listgroup-item-segmented > .k-select {
30397
30431
  border-right-width: 1px;
30398
30432
  border-left-width: 0;
30399
30433
  }
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
30434
 
30405
30435
  .k-listgroup {
30406
30436
  border-color: var(--kendo-listgroup-border, var(--kendo-component-border, inherit));
@@ -30469,6 +30499,7 @@ hr.k-separator {
30469
30499
 
30470
30500
  .k-popup > .k-coloreditor {
30471
30501
  border-width: 0;
30502
+ box-shadow: none;
30472
30503
  }
30473
30504
 
30474
30505
  .k-popup {
@@ -31467,7 +31498,6 @@ kendo-badge-container {
31467
31498
  border-radius: 50%;
31468
31499
  background-size: cover;
31469
31500
  background-position: center;
31470
- flex: none;
31471
31501
  }
31472
31502
 
31473
31503
  .k-chip-icon {
@@ -31766,8 +31796,7 @@ kendo-badge-container {
31766
31796
  box-sizing: border-box;
31767
31797
  border-style: solid;
31768
31798
  display: inline-flex;
31769
- flex-direction: row;
31770
- flex-wrap: nowrap;
31799
+ flex-flow: row nowrap;
31771
31800
  position: relative;
31772
31801
  overflow: hidden;
31773
31802
  }
@@ -31962,17 +31991,17 @@ kendo-badge-container {
31962
31991
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
31963
31992
  margin: calc(var(--kendo-loader-sm-segment-size, 0.25rem)/2);
31964
31993
  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));
31994
+ height: calc(var(--kendo-loader-sm-spinner-3-height, 0.866rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
31966
31995
  }
31967
31996
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
31968
31997
  margin: calc(var(--kendo-loader-md-segment-size, 0.5rem)/2);
31969
31998
  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));
31999
+ height: calc(var(--kendo-loader-md-spinner-3-height, 1.732rem) - var(--kendo-loader-md-segment-size, 0.5rem));
31971
32000
  }
31972
32001
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
31973
32002
  margin: calc(var(--kendo-loader-lg-segment-size, 1rem)/2);
31974
32003
  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));
32004
+ height: calc(var(--kendo-loader-lg-spinner-3-height, 3.464rem) - var(--kendo-loader-lg-segment-size, 1rem));
31976
32005
  }
31977
32006
 
31978
32007
  @keyframes spinner-4-segment-1 {
@@ -32485,8 +32514,8 @@ kendo-label > .k-label {
32485
32514
  .k-form {
32486
32515
  border: 0;
32487
32516
  }
32488
- .k-form .k-label,
32489
- .k-form kendo-label,
32517
+ .k-form .k-form-field > .k-label,
32518
+ .k-form .k-form-field > kendo-label,
32490
32519
  .k-form .k-form-label {
32491
32520
  margin-block-end: var(--kendo-form-label-margin-bottom, 0.5rem);
32492
32521
  display: flex;
@@ -32657,7 +32686,7 @@ kendo-label > .k-label {
32657
32686
  .k-form-inline .k-form-field > input {
32658
32687
  align-self: center;
32659
32688
  }
32660
- .k-form-inline .k-form-field > input:not(.k-checkbox):not(.k-radio) {
32689
+ .k-form-inline .k-form-field > input:not(.k-checkbox, .k-radio) {
32661
32690
  flex: 1 1 auto;
32662
32691
  }
32663
32692
  .k-form-inline .k-form-field .k-alert-error {
@@ -32825,10 +32854,10 @@ kendo-label > .k-label {
32825
32854
  left: var(--kendo-floating-label-focus-offset-x, 0);
32826
32855
  transform: scale(var(--kendo-floating-label-focus-scale, 1));
32827
32856
  }
32828
- .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) :-ms-input-placeholder {
32857
+ .k-floating-label-container.k-empty:not(.k-focus, :focus-within) :-ms-input-placeholder {
32829
32858
  color: transparent;
32830
32859
  }
32831
- .k-floating-label-container.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
32860
+ .k-floating-label-container.k-empty:not(.k-focus, :focus-within) ::placeholder {
32832
32861
  color: transparent;
32833
32862
  }
32834
32863
  [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 +33216,7 @@ kendo-label > .k-label {
33187
33216
  .k-button-group > .k-button.k-selected {
33188
33217
  z-index: 2;
33189
33218
  }
33190
- .k-button-group .k-button:not(:first-child):not(:last-child) {
33219
+ .k-button-group .k-button:not(:first-child, :last-child) {
33191
33220
  border-start-end-radius: 0;
33192
33221
  border-end-end-radius: 0;
33193
33222
  border-start-start-radius: 0;
@@ -35898,9 +35927,6 @@ textarea.k-input-inner {
35898
35927
  .k-listbox .k-ghost {
35899
35928
  opacity: 0.5;
35900
35929
  }
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
35930
 
35905
35931
  .k-item {
35906
35932
  cursor: default;
@@ -36844,45 +36870,6 @@ textarea.k-input-inner {
36844
36870
  .k-rtl .k-slider.k-slider-horizontal .k-label {
36845
36871
  transform: translateX(50%);
36846
36872
  }
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
36873
  .k-slider kendo-resize-sensor {
36887
36874
  position: absolute;
36888
36875
  }
@@ -37418,17 +37405,6 @@ textarea.k-input-inner {
37418
37405
  --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 64px );
37419
37406
  }
37420
37407
 
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
37408
  .k-calendar {
37433
37409
  border-color: var(--kendo-calendar-border, var(--kendo-component-border, initial));
37434
37410
  color: var(--kendo-calendar-text, var(--kendo-component-text, initial));
@@ -40024,7 +40000,7 @@ textarea.k-input-inner {
40024
40000
  height: var(--kendo-icon-size, 1rem);
40025
40001
  border-bottom-width: 1px;
40026
40002
  }
40027
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up .k-icon:before {
40003
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-up .k-icon::before {
40028
40004
  content: "\e013";
40029
40005
  }
40030
40006
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right {
@@ -40034,7 +40010,7 @@ textarea.k-input-inner {
40034
40010
  width: var(--kendo-icon-size, 1rem);
40035
40011
  border-left-width: 1px;
40036
40012
  }
40037
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right .k-icon:before {
40013
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-right .k-icon::before {
40038
40014
  content: "\e014";
40039
40015
  }
40040
40016
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down {
@@ -40044,7 +40020,7 @@ textarea.k-input-inner {
40044
40020
  height: var(--kendo-icon-size, 1rem);
40045
40021
  border-top-width: 1px;
40046
40022
  }
40047
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down .k-icon:before {
40023
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-down .k-icon::before {
40048
40024
  content: "\e015";
40049
40025
  }
40050
40026
  .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left {
@@ -40054,7 +40030,7 @@ textarea.k-input-inner {
40054
40030
  width: var(--kendo-icon-size, 1rem);
40055
40031
  border-right-width: 1px;
40056
40032
  }
40057
- .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left .k-icon:before {
40033
+ .k-menu-scroll-wrapper .k-menu-scroll-button.k-scroll-left .k-icon::before {
40058
40034
  content: "\e016";
40059
40035
  }
40060
40036
 
@@ -42296,9 +42272,6 @@ kendo-drawer .k-drawer-wrapper {
42296
42272
  .k-pager *::after {
42297
42273
  box-sizing: border-box;
42298
42274
  }
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
42275
 
42303
42276
  .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown-list, .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdown,
42304
42277
  .k-pager-mobile-sm .k-pager-numbers-wrap select.k-dropdownlist, .k-pager-info, .k-pager-sizes, .k-pager-input {
@@ -43002,12 +42975,6 @@ kendo-drawer .k-drawer-wrapper {
43002
42975
  .k-tabstrip[dir=rtl].k-tabstrip-right > .k-tabstrip-content {
43003
42976
  order: 0;
43004
42977
  }
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
42978
 
43012
42979
  .k-tabstrip-wrapper {
43013
42980
  border-color: var(--kendo-tabstrip-wrapper-border, initial);
@@ -43972,8 +43939,8 @@ kendo-card-footer {
43972
43939
  .k-panelbar > .k-panelbar-header > .k-link.k-selected {
43973
43940
  font-weight: var(--kendo-font-weight-bold, 600);
43974
43941
  }
43975
- .k-panelbar > .k-item > .k-link.k-selected:before,
43976
- .k-panelbar > .k-panelbar-header > .k-link.k-selected:before {
43942
+ .k-panelbar > .k-item > .k-link.k-selected::before,
43943
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
43977
43944
  content: "";
43978
43945
  width: 2px;
43979
43946
  height: 100%;
@@ -44025,8 +43992,8 @@ kendo-card-footer {
44025
43992
  .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
44026
43993
  font-weight: var(--kendo-font-weight-bold, 600);
44027
43994
  }
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 {
43995
+ .k-panelbar .k-group > .k-item > .k-link.k-selected::before,
43996
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
44030
43997
  content: "";
44031
43998
  width: 2px;
44032
43999
  height: 100%;
@@ -44153,8 +44120,8 @@ kendo-card-footer {
44153
44120
  .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
44154
44121
  color: inherit;
44155
44122
  }
44156
- .k-panelbar > .k-item > .k-link.k-selected:before,
44157
- .k-panelbar > .k-panelbar-header > .k-link.k-selected:before {
44123
+ .k-panelbar > .k-item > .k-link.k-selected::before,
44124
+ .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
44158
44125
  background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
44159
44126
  }
44160
44127
  .k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover,
@@ -44265,8 +44232,8 @@ kendo-card-footer {
44265
44232
  --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-bg, var(--kendo-selected-bg, inherit) );
44266
44233
  --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-border, inherit );
44267
44234
  }
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 {
44235
+ .k-panelbar .k-group > .k-item > .k-link.k-selected::before,
44236
+ .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
44270
44237
  background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
44271
44238
  }
44272
44239
  .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 +44461,6 @@ kendo-card-footer {
44494
44461
  .k-splitter-flex.k-splitter-horizontal {
44495
44462
  flex-direction: row;
44496
44463
  }
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
44464
  .k-splitter-flex.k-splitter-vertical {
44502
44465
  flex-direction: column;
44503
44466
  }
@@ -45031,7 +44994,8 @@ div.k-grid-footer {
45031
44994
  }
45032
44995
 
45033
44996
  .k-grid-filter-popup {
45034
- min-width: 230px;
44997
+ min-width: var(--kendo-grid-column-menu-width, 230px);
44998
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45035
44999
  }
45036
45000
 
45037
45001
  .k-grid-column-menu-standalone a.k-grid-filter {
@@ -45148,13 +45112,13 @@ div.k-grid-footer {
45148
45112
  text-overflow: clip;
45149
45113
  }
45150
45114
 
45151
- .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]),
45115
+ .k-grid .k-edit-cell > input:not([type=checkbox], [type=radio]),
45152
45116
  .k-grid .k-edit-cell > select,
45153
45117
  .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]),
45118
+ .k-grid .k-grid-edit-row td > input:not([type=checkbox], [type=radio]),
45155
45119
  .k-grid .k-grid-edit-row td > select,
45156
45120
  .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]),
45121
+ .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox], [type=radio]),
45158
45122
  .k-grid .k-grid-edit-row .k-table-td > select,
45159
45123
  .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) {
45160
45124
  width: 100%;
@@ -45595,7 +45559,8 @@ div.k-grid-norecords {
45595
45559
  }
45596
45560
 
45597
45561
  .k-filter-menu-popup {
45598
- width: var(--kendo-grid-column-menu-width, 230px);
45562
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45563
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45599
45564
  }
45600
45565
 
45601
45566
  .k-filter-menu {
@@ -45640,7 +45605,8 @@ div.k-grid-norecords {
45640
45605
 
45641
45606
  .k-filter-menu.k-popup .k-filter-menu-container,
45642
45607
  .k-grid-filter-popup.k-popup .k-filter-menu-container {
45643
- width: var(--kendo-grid-column-menu-width, 230px);
45608
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45609
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45644
45610
  }
45645
45611
 
45646
45612
  .k-popup .k-multicheck-wrap {
@@ -45682,12 +45648,12 @@ div.k-grid-norecords {
45682
45648
 
45683
45649
  .k-column-menu-popup,
45684
45650
  .k-grid-columnmenu-popup {
45685
- width: var(--kendo-grid-column-menu-width, 230px);
45651
+ min-width: var(--kendo-grid-column-menu-width, 230px);
45686
45652
  box-sizing: border-box;
45687
45653
  }
45688
45654
  .k-column-menu-popup.k-popup,
45689
45655
  .k-grid-columnmenu-popup.k-popup {
45690
- max-width: 100%;
45656
+ max-width: var(--kendo-grid-column-menu-max-width, 320px);
45691
45657
  }
45692
45658
  .k-column-menu-popup .k-actions, .k-column-menu-popup .k-edit-buttons,
45693
45659
  .k-column-menu-popup .k-action-buttons,
@@ -45808,6 +45774,21 @@ div.k-grid-norecords {
45808
45774
  flex: 1 1 auto;
45809
45775
  }
45810
45776
 
45777
+ .k-rtl .k-grid-virtual .k-grid-content .k-grid-table-wrap,
45778
+ .k-rtl .k-grid-virtual .k-grid-content .k-grid-table,
45779
+ .k-rtl .k-grid-virtual .k-grid-content > .k-height-container,
45780
+ [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table-wrap,
45781
+ [dir=rtl] .k-grid-virtual .k-grid-content .k-grid-table,
45782
+ [dir=rtl] .k-grid-virtual .k-grid-content > .k-height-container,
45783
+ .k-rtl.k-grid-virtual .k-grid-content .k-grid-table-wrap,
45784
+ .k-rtl.k-grid-virtual .k-grid-content .k-grid-table,
45785
+ .k-rtl.k-grid-virtual .k-grid-content > .k-height-container,
45786
+ [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table-wrap,
45787
+ [dir=rtl].k-grid-virtual .k-grid-content .k-grid-table,
45788
+ [dir=rtl].k-grid-virtual .k-grid-content > .k-height-container {
45789
+ float: right;
45790
+ }
45791
+
45811
45792
  .k-grid-header,
45812
45793
  .k-grid-header-wrap,
45813
45794
  .k-grouping-header,
@@ -46488,9 +46469,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46488
46469
 
46489
46470
  .k-spreadsheet-name-editor {
46490
46471
  width: 10em;
46491
- border-width: 0 1px 0 0;
46492
- border-style: solid;
46493
- border-color: inherit;
46494
46472
  }
46495
46473
 
46496
46474
  .k-spreadsheet-formula-bar {
@@ -46499,6 +46477,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46499
46477
  flex-direction: row;
46500
46478
  align-items: center;
46501
46479
  flex: 1;
46480
+ gap: var(--kendo-padding-y, 0.25rem);
46502
46481
  }
46503
46482
  .k-spreadsheet-formula-bar > .k-icon,
46504
46483
  .k-spreadsheet-formula-bar > .k-svg-icon {
@@ -47034,12 +47013,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47034
47013
  border-block-start-width: 1px;
47035
47014
  }
47036
47015
  .k-spreadsheet-popup .k-spreadsheet-border-type-palette {
47037
- width: 12.5rem;
47038
- height: 5rem;
47039
- display: flex;
47040
- flex-flow: row wrap;
47041
- align-content: space-around;
47042
- justify-content: space-around;
47016
+ padding: 0.5rem;
47017
+ display: grid;
47018
+ grid-template-columns: repeat(5, max-content);
47019
+ gap: 0.5rem;
47043
47020
  }
47044
47021
 
47045
47022
  .k-spreadsheet-format-popup .k-item {
@@ -47067,6 +47044,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47067
47044
  overflow: hidden;
47068
47045
  }
47069
47046
 
47047
+ .k-spreadsheet-window .k-external-dropzone {
47048
+ margin-block-end: 0.75rem;
47049
+ }
47050
+
47070
47051
  .k-spreadsheet-window .k-edit-form-container {
47071
47052
  width: auto;
47072
47053
  min-width: 0;
@@ -48718,8 +48699,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48718
48699
  align-items: center;
48719
48700
  }
48720
48701
  .k-taskboard-card .k-card-title, .k-taskboard-card .k-popover-header {
48721
- font-size: inherit;
48722
- font-weight: inherit;
48723
48702
  word-break: normal;
48724
48703
  overflow-wrap: anywhere;
48725
48704
  font-size: var(--kendo-taskboard-card-title-font-size, var(--kendo-font-size-md, 1rem));
@@ -49335,12 +49314,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
49335
49314
  background-color: var(--kendo-editor-ct-popup-bg, var(--kendo-selected-bg, initial));
49336
49315
  }
49337
49316
  .k-ct-popup .k-disabled:not(.k-selected) {
49338
- outline: none;
49339
- cursor: default;
49340
- background-color: var(--kendo-disabled-bg, inherit);
49341
49317
  border-color: var(--kendo-disabled-border, inherit);
49342
- pointer-events: none;
49343
- box-shadow: none;
49318
+ background-color: var(--kendo-disabled-bg, inherit);
49344
49319
  }
49345
49320
 
49346
49321
  .k-editor-content .k-text-selected, .k-editor-content::selection {
@@ -49668,7 +49643,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
49668
49643
  }
49669
49644
 
49670
49645
  .k-gantt-footer {
49671
- border-width: 1px 0 0 0;
49646
+ border-width: 1px 0 0;
49672
49647
  flex-shrink: 0;
49673
49648
  }
49674
49649
 
@@ -51179,17 +51154,6 @@ kendo-scheduler .k-recurrence-editor {
51179
51154
  gap: 0.25rem;
51180
51155
  }
51181
51156
 
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
51157
  .k-rtl .k-scheduler .k-scheduler-agendaday, .k-rtl.k-scheduler .k-scheduler-agendaday {
51194
51158
  float: right;
51195
51159
  margin: 0 0 0 0.2em;
@@ -51286,8 +51250,7 @@ kendo-scheduler .k-recurrence-editor {
51286
51250
  background-image: linear-gradient(var(--kendo-scheduler-event-selected-gradient, ));
51287
51251
  box-shadow: var(--kendo-scheduler-event-selected-shadow, none);
51288
51252
  }
51289
-
51290
- .k-event-ongoing {
51253
+ .k-event.k-event-ongoing {
51291
51254
  box-shadow: var(--kendo-scheduler-event-ongoing-shadow, inset 0px 0px 0px 1px #ff0000);
51292
51255
  }
51293
51256
 
@@ -51938,7 +51901,7 @@ kendo-scheduler .k-recurrence-editor {
51938
51901
  bottom: 0;
51939
51902
  }
51940
51903
 
51941
- .k-chat .k-avatars .k-message-group:not(.k-alt):not(.k-no-avatar) {
51904
+ .k-chat .k-avatars .k-message-group:not(.k-alt, .k-no-avatar) {
51942
51905
  padding-inline-start: calc(32px + 0.5rem);
51943
51906
  }
51944
51907
  .k-chat .k-avatars .k-message-group.k-alt:not(.k-no-avatar) {
@@ -52349,7 +52312,7 @@ kendo-scheduler .k-recurrence-editor {
52349
52312
  box-sizing: border-box;
52350
52313
  }
52351
52314
  .k-timeline ul {
52352
- margin: 0 0 1px 0;
52315
+ margin: 0 0 1px;
52353
52316
  padding: 0;
52354
52317
  }
52355
52318
  .k-timeline ul li {
@@ -52863,6 +52826,7 @@ kendo-scheduler .k-recurrence-editor {
52863
52826
  border-style: solid;
52864
52827
  border-radius: var(--kendo-pdf-viewer-search-panel-border-radius, var(--kendo-border-radius-md, 0));
52865
52828
  z-index: 10;
52829
+ cursor: default;
52866
52830
  }
52867
52831
 
52868
52832
  .k-pdf-viewer {
@@ -53170,17 +53134,6 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
53170
53134
  pointer-events: none;
53171
53135
  }
53172
53136
  }
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
53137
  kendo-scrollview.k-scrollview-wrap,
53185
53138
  kendo-scrollview.k-scrollview,
53186
53139
  div.k-scrollview {