@progress/kendo-theme-material 9.0.1-dev.2 → 9.0.1-dev.3

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 (38) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +251 -266
  3. package/dist/material-aqua-dark.css +1 -1
  4. package/dist/material-arctic.css +1 -1
  5. package/dist/material-burnt-teal.css +1 -1
  6. package/dist/material-dataviz-v4.css +1 -1
  7. package/dist/material-eggplant.css +1 -1
  8. package/dist/material-lime-dark.css +1 -1
  9. package/dist/material-lime.css +1 -1
  10. package/dist/material-main-dark.css +1 -1
  11. package/dist/material-main.css +1 -1
  12. package/dist/material-nova.css +1 -1
  13. package/dist/material-pacific-dark.css +1 -1
  14. package/dist/material-pacific.css +1 -1
  15. package/dist/material-sky-dark.css +1 -1
  16. package/dist/material-sky.css +1 -1
  17. package/dist/material-smoke.css +1 -1
  18. package/lib/swatches/material-aqua-dark.json +1 -1
  19. package/lib/swatches/material-arctic.json +1 -1
  20. package/lib/swatches/material-burnt-teal.json +1 -1
  21. package/lib/swatches/material-dataviz-v4.json +1 -1
  22. package/lib/swatches/material-eggplant.json +1 -1
  23. package/lib/swatches/material-lime-dark.json +1 -1
  24. package/lib/swatches/material-lime.json +1 -1
  25. package/lib/swatches/material-main-dark.json +1 -1
  26. package/lib/swatches/material-main.json +1 -1
  27. package/lib/swatches/material-nova.json +1 -1
  28. package/lib/swatches/material-pacific-dark.json +1 -1
  29. package/lib/swatches/material-pacific.json +1 -1
  30. package/lib/swatches/material-sky-dark.json +1 -1
  31. package/lib/swatches/material-sky.json +1 -1
  32. package/lib/swatches/material-smoke.json +1 -1
  33. package/package.json +5 -5
  34. package/scss/checkbox/_theme.scss +5 -8
  35. package/scss/floating-label/_layout.scss +7 -9
  36. package/scss/gantt/_layout.scss +3 -6
  37. package/scss/gantt/_theme.scss +5 -6
  38. package/scss/radio/_theme.scss +5 -8
package/dist/all.scss CHANGED
@@ -19460,14 +19460,11 @@ $kendo-checkbox-ripple-opacity: .2 !default;
19460
19460
  @include kendo-checkbox--theme-base();
19461
19461
 
19462
19462
  // Checkbox
19463
- .k-checkbox-label {
19464
-
19465
- // Disabled state
19466
- .k-checkbox:disabled + & {
19467
- color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
19468
- opacity: 1;
19469
- filter: none;
19470
- }
19463
+ // Disabled state
19464
+ .k-checkbox:disabled + .k-checkbox-label {
19465
+ color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
19466
+ opacity: 1;
19467
+ filter: none;
19471
19468
  }
19472
19469
 
19473
19470
  }
@@ -20573,10 +20570,10 @@ $_kendo-module-meta: (
20573
20570
  transition: opacity 100ms linear, transform 500ms cubic-bezier(.4, 0, .2, 1);
20574
20571
  opacity: .1;
20575
20572
  background-color: currentColor;
20573
+ }
20576
20574
 
20577
- .k-primary & {
20578
- opacity: .2;
20579
- }
20575
+ .k-primary .k-ripple-blob {
20576
+ opacity: .2;
20580
20577
  }
20581
20578
 
20582
20579
  .k-ripple-focus::after {
@@ -27867,27 +27864,23 @@ $kendo-form-sizes: (
27867
27864
  }
27868
27865
 
27869
27866
  // RTL Adjustments
27870
- .k-form {
27871
- [dir="rtl"],
27872
- .k-rtl & {
27873
- .k-label-optional {
27874
- margin-left: 0;
27875
- margin-right: $kendo-label-optional-margin-x;
27876
- }
27867
+ .k-form [dir="rtl"],
27868
+ .k-rtl .k-form {
27869
+ .k-label-optional {
27870
+ margin-left: 0;
27871
+ margin-right: $kendo-label-optional-margin-x;
27877
27872
  }
27878
27873
  }
27879
27874
 
27880
- .k-form-horizontal {
27881
- [dir="rtl"],
27882
- .k-rtl & {
27883
- &.k-form-field,
27884
- .k-form-field {
27885
- > .k-label,
27886
- > kendo-label,
27887
- > .k-form-label {
27888
- margin-right: 0;
27889
- margin-left: $kendo-horizontal-form-label-margin-x;
27890
- }
27875
+ .k-form-horizontal [dir="rtl"],
27876
+ .k-rtl .k-form-horizontal {
27877
+ &.k-form-field,
27878
+ .k-form-field {
27879
+ > .k-label,
27880
+ > kendo-label,
27881
+ > .k-form-label {
27882
+ margin-right: 0;
27883
+ margin-left: $kendo-horizontal-form-label-margin-x;
27891
27884
  }
27892
27885
  }
27893
27886
  }
@@ -28627,14 +28620,14 @@ $_kendo-module-meta: (
28627
28620
  &:disabled,
28628
28621
  &[disabled] {
28629
28622
  @include disabled( $kendo-disabled-styling... );
28630
-
28631
- [disabled] &,
28632
- .k-disabled & {
28633
- opacity: 1;
28634
- filter: grayscale(0);
28635
- }
28636
28623
  }
28637
28624
  }
28625
+
28626
+ :is([disabled], .k-disabled) :is(input.k-input, textarea.k-textarea):is(:disabled, [disabled]) {
28627
+ opacity: 1;
28628
+ filter: grayscale(0);
28629
+ }
28630
+
28638
28631
  textarea.k-textarea {
28639
28632
  overflow: auto;
28640
28633
  }
@@ -28652,15 +28645,14 @@ $_kendo-module-meta: (
28652
28645
  &:disabled,
28653
28646
  &[disabled] {
28654
28647
  @include disabled( $kendo-disabled-styling... );
28655
-
28656
- [disabled] &,
28657
- .k-disabled & {
28658
- opacity: 1;
28659
- filter: grayscale(0);
28660
- }
28661
28648
  }
28662
28649
  }
28663
28650
 
28651
+ :is([disabled], .k-disabled) select.k-picker:is(:disabled, [disabled]) {
28652
+ opacity: 1;
28653
+ filter: grayscale(0);
28654
+ }
28655
+
28664
28656
 
28665
28657
  // Input inner
28666
28658
  .k-input-inner {
@@ -29874,33 +29866,32 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
29874
29866
  &.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
29875
29867
  color: transparent;
29876
29868
  }
29869
+ }
29877
29870
 
29878
- [dir="rtl"] &,
29879
- .k-rtl &,
29880
- &[dir="rtl"] {
29871
+ [dir="rtl"] .k-floating-label-container,
29872
+ .k-rtl .k-floating-label-container,
29873
+ .k-floating-label-container[dir="rtl"] {
29874
+ > .k-floating-label {
29875
+ transform-origin: right center;
29876
+ transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
29877
+ }
29881
29878
 
29879
+ &.k-empty {
29882
29880
  > .k-floating-label {
29883
- transform-origin: right center;
29884
- transition: transform $kendo-floating-label-transition, color $kendo-floating-label-transition, top $kendo-floating-label-transition, right $kendo-floating-label-transition;
29885
- }
29886
-
29887
- &.k-empty {
29888
- > .k-floating-label {
29889
- left: auto;
29890
- right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
29891
- }
29892
- }
29893
-
29894
- > .k-floating-label,
29895
- &.k-focus > .k-floating-label {
29896
- left: auto;
29897
- right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
29898
- }
29899
- &:focus-within > .k-floating-label {
29900
29881
  left: auto;
29901
- right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
29882
+ right: var(--kendo-floating-label-offset-x, #{$kendo-floating-label-offset-x});
29902
29883
  }
29903
29884
  }
29885
+
29886
+ > .k-floating-label,
29887
+ &.k-focus > .k-floating-label {
29888
+ left: auto;
29889
+ right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
29890
+ }
29891
+ &:focus-within > .k-floating-label {
29892
+ left: auto;
29893
+ right: var(--kendo-floating-label-focus-offset-x, #{$kendo-floating-label-focus-offset-x});
29894
+ }
29904
29895
  }
29905
29896
 
29906
29897
  }
@@ -29919,20 +29910,18 @@ $kendo-floating-label-focus-text: $kendo-color-primary !default;
29919
29910
 
29920
29911
  // Floating label
29921
29912
  .k-floating-label-container {
29922
-
29923
29913
  > .k-floating-label {
29924
29914
  transform-origin: left bottom;
29925
29915
  }
29916
+ }
29926
29917
 
29927
- [dir="rtl"] &,
29928
- .k-rtl &,
29929
- &[dir="rtl"] {
29930
-
29931
- > .k-floating-label {
29932
- transform-origin: right bottom;
29933
- }
29934
-
29918
+ [dir="rtl"] .k-floating-label-container,
29919
+ .k-rtl .k-floating-label-container,
29920
+ .k-floating-label-container[dir="rtl"] {
29921
+ > .k-floating-label {
29922
+ transform-origin: right bottom;
29935
29923
  }
29924
+
29936
29925
  }
29937
29926
 
29938
29927
  }
@@ -31882,14 +31871,11 @@ $kendo-radio-ripple-opacity: .2 !default;
31882
31871
  @include kendo-radio--theme-base();
31883
31872
 
31884
31873
  // Radio
31885
- .k-radio-label {
31886
-
31887
- // Disabled state
31888
- .k-radio:disabled + & {
31889
- color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
31890
- opacity: 1;
31891
- filter: none;
31892
- }
31874
+ // Disabled state
31875
+ .k-radio:disabled + .k-radio-label {
31876
+ color: if($kendo-enable-color-system, k-color( subtle ), if( $kendo-is-dark-theme, $light-secondary-text, $dark-secondary-text ));
31877
+ opacity: 1;
31878
+ filter: none;
31893
31879
  }
31894
31880
 
31895
31881
  }
@@ -32348,22 +32334,21 @@ $kendo-slider-tick-vertical-image: null !default;
32348
32334
  margin: 0;
32349
32335
  padding: 0;
32350
32336
  position: absolute;
32337
+ }
32351
32338
 
32352
- .k-slider-horizontal & {
32353
- height: $kendo-slider-track-thickness;
32354
- left: 0;
32355
- margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
32356
- top: 50%;
32357
- }
32358
-
32359
- .k-slider-vertical & {
32360
- bottom: 0;
32361
- left: 50%;
32362
- margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
32363
- width: $kendo-slider-track-thickness;
32364
- }
32339
+ .k-slider-horizontal :is(.k-slider-track, .k-slider-selection) {
32340
+ height: $kendo-slider-track-thickness;
32341
+ left: 0;
32342
+ margin-top: - k-math-div( $kendo-slider-track-thickness, 2 );
32343
+ top: 50%;
32365
32344
  }
32366
32345
 
32346
+ .k-slider-vertical :is(.k-slider-track, .k-slider-selection) {
32347
+ bottom: 0;
32348
+ left: 50%;
32349
+ margin-left: - k-math-div( $kendo-slider-track-thickness, 2 );
32350
+ width: $kendo-slider-track-thickness;
32351
+ }
32367
32352
 
32368
32353
  .k-draghandle {
32369
32354
  background-color: transparent;
@@ -32377,34 +32362,38 @@ $kendo-slider-tick-vertical-image: null !default;
32377
32362
  width: $kendo-slider-draghandle-size;
32378
32363
  height: $kendo-slider-draghandle-size;
32379
32364
 
32380
- .k-slider-transitions.k-slider-horizontal & {
32381
- transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
32382
- }
32383
-
32384
- .k-slider-transitions.k-slider-vertical & {
32385
- transition: bottom $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
32386
- }
32387
-
32388
32365
  &.k-pressed {
32389
32366
  transition: none;
32390
32367
  }
32391
32368
  }
32392
32369
 
32393
32370
  .k-slider-selection {
32394
- .k-slider-transitions.k-slider-horizontal & {
32395
- transition: width $kendo-slider-transition-speed $kendo-slider-transition-function;
32371
+ &.k-pressed {
32372
+ transition: none;
32396
32373
  }
32374
+ }
32397
32375
 
32398
- .k-slider-transitions.k-slider-vertical & {
32399
- transition: height $kendo-slider-transition-speed $kendo-slider-transition-function;
32376
+ .k-slider-transitions {
32377
+ &.k-slider-horizontal {
32378
+ .k-draghandle {
32379
+ transition: inset-inline-start $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
32380
+ }
32381
+ .k-slider-selection {
32382
+ transition: width $kendo-slider-transition-speed $kendo-slider-transition-function;
32383
+ }
32400
32384
  }
32401
32385
 
32402
- &.k-pressed {
32403
- transition: none;
32386
+ &.k-slider-vertical {
32387
+ .k-draghandle {
32388
+ transition: bottom $kendo-slider-transition-speed $kendo-slider-transition-function, background-color $kendo-slider-transition-speed $kendo-slider-transition-function, transform $kendo-slider-draghandle-transition-speed $kendo-slider-draghandle-transition-function;
32389
+ }
32390
+
32391
+ .k-slider-selection {
32392
+ transition: height $kendo-slider-transition-speed $kendo-slider-transition-function;
32393
+ }
32404
32394
  }
32405
32395
  }
32406
32396
 
32407
-
32408
32397
  // Slider readonly
32409
32398
  .k-slider.k-readonly {
32410
32399
  .k-button,
@@ -32460,7 +32449,7 @@ $kendo-slider-tick-vertical-image: null !default;
32460
32449
  .k-slider kendo-resize-sensor {
32461
32450
  position: absolute;
32462
32451
  }
32463
-
32452
+
32464
32453
  // Aliases
32465
32454
  .k-draghandle { @extend .k-slider-thumb !optional; }
32466
32455
  .k-draghandle-start { @extend .k-slider-thumb-start !optional; }
@@ -33756,14 +33745,6 @@ $kendo-calendar-sizes: (
33756
33745
  );
33757
33746
  }
33758
33747
 
33759
-
33760
- &[dir="rtl"],
33761
- .k-rtl & {
33762
- .k-calendar-navigation {
33763
- box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
33764
- }
33765
- }
33766
-
33767
33748
  // Invalid
33768
33749
  &.k-invalid,
33769
33750
  &.k-invalid:hover,
@@ -33773,6 +33754,12 @@ $kendo-calendar-sizes: (
33773
33754
  }
33774
33755
  }
33775
33756
 
33757
+ .k-rtl .k-calendar,
33758
+ .k-calendar[dir="rtl"] {
33759
+ .k-calendar-navigation {
33760
+ box-shadow: inset 1px 0 $kendo-calendar-navigation-border;
33761
+ }
33762
+ }
33776
33763
 
33777
33764
  // Scheduler integration
33778
33765
  .k-scheduler .k-calendar .k-other-month {
@@ -34028,12 +34015,11 @@ $kendo-time-selector-sizes: (
34028
34015
  user-select: none;
34029
34016
  -webkit-touch-callout: none;
34030
34017
  -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
34031
-
34032
- .k-popup > & {
34033
- border-width: 0;
34034
- }
34035
34018
  }
34036
34019
 
34020
+ .k-popup > .k-timeselector {
34021
+ border-width: 0;
34022
+ }
34037
34023
 
34038
34024
  // Time selector header
34039
34025
  .k-time-header,
@@ -36443,13 +36429,9 @@ $kendo-datetime-width: calc( calc( #{$kendo-calendar-cell-size} * 8 ) + calc( #{
36443
36429
  transform: translateX(-100%);
36444
36430
  }
36445
36431
 
36446
- .k-time-tab .k-datetime-selector {
36447
- &.k-rtl,
36448
- &[dir="rtl"],
36449
- .k-rtl &,
36450
- [dir="rtl"] & {
36451
- transform: translateX(100%);
36452
- }
36432
+ :is(.k-rtl, [dir="rtl"]) .k-time-tab .k-datetime-selector,
36433
+ .k-time-tab .k-datetime-selector:is(.k-rtl, [dir="rtl"]) {
36434
+ transform: translateX(100%);
36453
36435
  }
36454
36436
  }
36455
36437
 
@@ -40262,14 +40244,13 @@ $kendo-fab-item-active-shadow: $kendo-fab-active-shadow !default;
40262
40244
  padding-inline: $kendo-fab-icon-padding-x;
40263
40245
  padding-block: $kendo-fab-icon-padding-y;
40264
40246
  box-sizing: content-box;
40265
-
40266
- .k-icon-wrapper-host:not(:only-child) &,
40267
- &:not(:only-child) {
40268
- margin-inline-end: $kendo-fab-icon-spacing;
40269
- margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
40270
- }
40271
40247
  }
40272
40248
 
40249
+ .k-icon-wrapper-host:not(:only-child) .k-fab-icon,
40250
+ .k-fab-icon:not(:only-child) {
40251
+ margin-inline-end: $kendo-fab-icon-spacing;
40252
+ margin-inline-start: calc( #{$kendo-fab-icon-spacing} * -1 );
40253
+ }
40273
40254
 
40274
40255
  // Sizes
40275
40256
  @each $size, $size-props in $kendo-fab-sizes {
@@ -41427,8 +41408,10 @@ $_kendo-module-meta: (
41427
41408
  flex-direction: row;
41428
41409
  flex-shrink: 0;
41429
41410
  align-items: center;
41411
+ }
41430
41412
 
41431
- .k-window-minimized & {
41413
+ .k-window-minimized {
41414
+ .k-window-titlebar {
41432
41415
  border-width: 0;
41433
41416
  }
41434
41417
  }
@@ -42907,11 +42890,11 @@ $kendo-card-callout-height: 20px !default;
42907
42890
  max-width: 100%;
42908
42891
  flex-shrink: 0;
42909
42892
  overflow: hidden;
42893
+ }
42910
42894
 
42911
- .k-card-horizontal & {
42912
- max-width: $kendo-card-img-max-width;
42913
- object-fit: cover;
42914
- }
42895
+ .k-card-horizontal .k-card-media {
42896
+ max-width: $kendo-card-img-max-width;
42897
+ object-fit: cover;
42915
42898
  }
42916
42899
 
42917
42900
 
@@ -44867,9 +44850,13 @@ $kendo-pager-sizes: (
44867
44850
  @if ($kendo-pager-item-spacing) {
44868
44851
  margin-left: $kendo-pager-item-spacing;
44869
44852
  }
44853
+ }
44870
44854
 
44871
- .k-rtl &,
44872
- [dir="rtl"] & {
44855
+ .k-rtl,
44856
+ [dir="rtl"] {
44857
+ .k-pager-nav + .k-pager-nav,
44858
+ .k-pager-nav + .k-pager-numbers-wrap,
44859
+ .k-pager-numbers-wrap + .k-pager-nav {
44873
44860
  @if ($kendo-pager-item-spacing) {
44874
44861
  margin-left: 0;
44875
44862
  margin-right: $kendo-pager-item-spacing;
@@ -47023,15 +47010,15 @@ $kendo-expander-content-padding-y: k-spacing(6) !default;
47023
47010
  *::after {
47024
47011
  box-sizing: border-box;
47025
47012
  }
47013
+ }
47026
47014
 
47027
- .k-rtl &,
47028
- &.k-rtl,
47029
- &[dir = "rtl"] {
47030
- // Expand / collapse icon
47031
- .k-expander-indicator {
47032
- margin-left: 0;
47033
- margin-right: $kendo-expander-indicator-margin-x;
47034
- }
47015
+ .k-rtl .k-expander,
47016
+ .k-expander.k-rtl,
47017
+ .k-expander[dir="rtl"] {
47018
+ // Expand / collapse icon
47019
+ .k-expander-indicator {
47020
+ margin-left: 0;
47021
+ margin-right: $kendo-expander-indicator-margin-x;
47035
47022
  }
47036
47023
  }
47037
47024
 
@@ -47747,24 +47734,22 @@ $kendo-panelbar-header-expanded-gradient: null !default;
47747
47734
  .k-panelbar-group .k-panelbar-toggle {
47748
47735
  margin-inline-end: calc( #{$kendo-panelbar-header-padding-x} - #{$kendo-panelbar-item-padding-x} );
47749
47736
  }
47737
+ }
47750
47738
 
47751
-
47752
- .k-rtl &,
47753
- &.k-rtl,
47754
- &[dir = "rtl"] {
47755
- .k-panelbar-group > .k-panelbar-item {
47756
- // Hierarchy items
47757
- @for $i from 1 through $kendo-panelbar-item-level-count {
47758
- &.k-level-#{$i} {
47759
- .k-link {
47760
- padding-left: $kendo-panelbar-item-padding-x;
47761
- padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
47762
- }
47739
+ .k-rtl .k-panelbar,
47740
+ .k-panelbar.k-rtl,
47741
+ .k-panelbar [dir = "rtl"] {
47742
+ .k-panelbar-group > .k-panelbar-item {
47743
+ // Hierarchy items
47744
+ @for $i from 1 through $kendo-panelbar-item-level-count {
47745
+ &.k-level-#{$i} {
47746
+ .k-link {
47747
+ padding-left: $kendo-panelbar-item-padding-x;
47748
+ padding-right: calc( #{$kendo-panelbar-item-padding-x} * #{$i} );
47763
47749
  }
47764
47750
  }
47765
47751
  }
47766
47752
  }
47767
-
47768
47753
  }
47769
47754
 
47770
47755
  }
@@ -48147,12 +48132,6 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
48147
48132
  overflow: hidden;
48148
48133
  }
48149
48134
 
48150
- // Nested
48151
- .k-pane > & {
48152
- border-width: 0;
48153
- overflow: hidden;
48154
- }
48155
-
48156
48135
  // Loading
48157
48136
  .k-pane-loading {
48158
48137
  position: static;
@@ -48248,9 +48227,16 @@ $kendo-splitbar-selected-text: $kendo-color-primary-contrast !default;
48248
48227
  z-index: 1;
48249
48228
  }
48250
48229
 
48251
- .k-pane > .k-splitter-overlay {
48252
- opacity: 0;
48253
- position: absolute;
48230
+ .k-pane > {
48231
+ .k-splitter {
48232
+ border-width: 0;
48233
+ overflow: hidden;
48234
+ }
48235
+
48236
+ .k-splitter-overlay {
48237
+ opacity: 0;
48238
+ position: absolute;
48239
+ }
48254
48240
  }
48255
48241
 
48256
48242
  // flexbox-based splitter
@@ -50496,28 +50482,23 @@ $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
50496
50482
  }
50497
50483
 
50498
50484
  }
50485
+ }
50499
50486
 
50500
- // RTL
50501
- .k-rtl &,
50502
- &[dir="rtl"],
50503
- [dir="rtl"] & {
50504
-
50505
- .k-scheduler-mobile {
50506
-
50507
- .k-scheduler-toolbar {
50508
- > ul > li {
50509
- border: 0;
50510
- }
50487
+ // RTL
50488
+ :is(.k-rtl .k-pane-wrapper, [dir="rtl"] .k-pane-wrapper, .k-pane-wrapper[dir="rtl"]) {
50489
+ .k-scheduler-mobile {
50490
+ .k-scheduler-toolbar {
50491
+ > ul > li {
50492
+ border: 0;
50511
50493
  }
50494
+ }
50512
50495
 
50513
- .k-task .k-i-reload {
50514
- margin-left: .5em;
50515
- margin-right: 0;
50516
- }
50496
+ .k-task .k-i-reload {
50497
+ margin-left: .5em;
50498
+ margin-right: 0;
50517
50499
  }
50518
50500
  }
50519
50501
  }
50520
-
50521
50502
  }
50522
50503
 
50523
50504
 
@@ -55859,25 +55840,9 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
55859
55840
  cursor: pointer;
55860
55841
  user-select: none;
55861
55842
 
55862
- .k-flex-row &,
55863
- .k-flex-row-reverse & {
55864
- display: flex;
55865
- align-items: center;
55866
- justify-content: center;
55867
- writing-mode: vertical-rl;
55868
-
55869
- .k-icon {
55870
- vertical-align: baseline;
55871
- }
55872
- }
55873
55843
  .k-flex-row-reverse & > span {
55874
55844
  transform: rotate(-180deg);
55875
55845
  }
55876
-
55877
- .k-flex-col &,
55878
- .k-flex-col-reverse & {
55879
- text-align: center;
55880
- }
55881
55846
  }
55882
55847
 
55883
55848
 
@@ -55886,22 +55851,8 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
55886
55851
  position: absolute;
55887
55852
  overflow: hidden;
55888
55853
  z-index: 2;
55889
-
55890
- .k-flex-row & {
55891
- right: $kendo-pivotgrid-configurator-button-size;
55892
- }
55893
- .k-flex-row-reverse & {
55894
- left: $kendo-pivotgrid-configurator-button-size;
55895
- }
55896
- .k-flex-col & {
55897
- bottom: $kendo-pivotgrid-configurator-button-size;
55898
- }
55899
- .k-flex-col-reverse & {
55900
- top: $kendo-pivotgrid-configurator-button-size;
55901
- }
55902
55854
  }
55903
55855
 
55904
-
55905
55856
  // Panel Content
55906
55857
  .k-pivotgrid-configurator-header {
55907
55858
  padding-block: $kendo-pivotgrid-configurator-header-padding-y;
@@ -56042,15 +55993,35 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
56042
55993
  min-width: $kendo-pivotgrid-configurator-vertical-width;
56043
55994
  }
56044
55995
 
56045
- .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
56046
- .k-flex-row &,
56047
- .k-flex-row-reverse & {
55996
+ .k-flex-row {
55997
+ .k-pivotgrid-configurator-overlay {
55998
+ right: $kendo-pivotgrid-configurator-button-size;
55999
+ }
56000
+
56001
+ &-reverse .k-pivotgrid-configurator-overlay {
56002
+ left: $kendo-pivotgrid-configurator-button-size;
56003
+ }
56004
+ }
56005
+
56006
+ .k-flex-row,
56007
+ .k-flex-row-reverse {
56008
+ .k-pivotgrid-configurator-button {
56009
+ display: flex;
56010
+ align-items: center;
56011
+ justify-content: center;
56012
+ writing-mode: vertical-rl;
56013
+
56014
+ .k-icon {
56015
+ vertical-align: baseline;
56016
+ }
56017
+ }
56018
+
56019
+ .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
56048
56020
  border-right-width: 0;
56049
56021
  border-left-width: 0;
56050
56022
  }
56051
56023
  }
56052
56024
 
56053
-
56054
56025
  // Horizontal Layout
56055
56026
  .k-pivotgrid-configurator-horizontal {
56056
56027
  width: 100%;
@@ -56097,17 +56068,31 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
56097
56068
  overflow-y: auto;
56098
56069
  }
56099
56070
  }
56071
+ }
56100
56072
 
56101
- &.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
56102
- .k-flex-col &,
56103
- .k-flex-col-reverse & {
56104
- border-top-width: 0;
56105
- border-bottom-width: 0;
56106
- }
56073
+ .k-flex-col {
56074
+ .k-pivotgrid-configurator-overlay {
56075
+ bottom: $kendo-pivotgrid-configurator-button-size;
56076
+ }
56077
+
56078
+ &-reverse .k-pivotgrid-configurator-overlay {
56079
+ top: $kendo-pivotgrid-configurator-button-size;
56107
56080
  }
56108
56081
  }
56109
56082
 
56110
56083
 
56084
+ .k-flex-col,
56085
+ .k-flex-col-reverse {
56086
+ .k-pivotgrid-configurator-button {
56087
+ text-align: center;
56088
+ }
56089
+
56090
+ .k-pivotgrid-configurator-horizontal.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
56091
+ border-top-width: 0;
56092
+ border-bottom-width: 0;
56093
+ }
56094
+ }
56095
+
56111
56096
 
56112
56097
  // Pivotgrid export
56113
56098
  .k-pdf-export-shadow {
@@ -56478,25 +56463,26 @@ $kendo-pivotgrid-remove-text: $kendo-pivotgrid-button-bg !default;
56478
56463
 
56479
56464
 
56480
56465
  // Overlay mode
56481
- .k-pivotgrid-configurator-overlay {
56482
- .k-flex-row & {
56466
+ .k-flex-row {
56467
+ .k-pivotgrid-configurator-overlay {
56483
56468
  @include box-shadow( $kendo-pivotgrid-configurator-end-shadow );
56484
56469
  }
56485
56470
 
56486
- .k-flex-row-reverse & {
56471
+ &-reverse .k-pivotgrid-configurator-overlay {
56487
56472
  @include box-shadow( $kendo-pivotgrid-configurator-start-shadow );
56488
56473
  }
56474
+ }
56489
56475
 
56490
- .k-flex-col & {
56476
+ .k-flex-col {
56477
+ .k-pivotgrid-configurator-overlay {
56491
56478
  @include box-shadow( $kendo-pivotgrid-configurator-top-shadow );
56492
56479
  }
56493
56480
 
56494
- .k-flex-col-reverse & {
56481
+ &-reverse .k-pivotgrid-configurator-overlay {
56495
56482
  @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow );
56496
56483
  }
56497
56484
  }
56498
56485
 
56499
-
56500
56486
  // Legacy pivotgrid
56501
56487
  // TODO: remove
56502
56488
  .k-pivot {
@@ -56756,14 +56742,10 @@ $kendo-treelist-footer-row-border-width: 1px !default;
56756
56742
  .k-table-row.k-group-footer + .k-table-row.k-group-footer td {
56757
56743
  border-top-width: 0;
56758
56744
  }
56745
+ }
56759
56746
 
56760
- &[dir = "rtl"],
56761
- .k-rtl & {
56762
- thead.k-grid-header {
56763
- padding-left: 0;
56764
- }
56765
- }
56766
-
56747
+ :is(.k-treelist-scrollable[dir="rtl"], .k-rtl .k-treelist-scrollable) thead.k-grid-header {
56748
+ padding-left: 0;
56767
56749
  }
56768
56750
 
56769
56751
  .k-drag-separator {
@@ -60962,12 +60944,9 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
60962
60944
  @include kendo-gantt--layout-base();
60963
60945
 
60964
60946
  // Timeline
60965
- .k-gantt-timeline-pane {
60966
- .k-rtl & {
60967
-
60968
- .k-header {
60969
- border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
60970
- }
60947
+ .k-rtl .k-gantt-timeline-pane {
60948
+ .k-header {
60949
+ border-width: 0 $kendo-grid-cell-vertical-border-width 1px 0;
60971
60950
  }
60972
60951
  }
60973
60952
 
@@ -61271,13 +61250,12 @@ $kendo-gantt-validation-tooltip-invalid-border: $kendo-color-error !default;
61271
61250
  tbody > tr:not(:only-child) > .k-header {
61272
61251
  border-left-color: $kendo-grid-border;
61273
61252
  }
61274
- .k-rtl & {
61275
-
61276
- .k-grid-header {
61253
+ }
61277
61254
 
61278
- tbody > tr:not(:only-child) > .k-header {
61279
- border-right-color: $kendo-grid-border;
61280
- }
61255
+ .k-rtl .k-gantt-timeline-pane {
61256
+ .k-grid-header {
61257
+ tbody > tr:not(:only-child) > .k-header {
61258
+ border-right-color: $kendo-grid-border;
61281
61259
  }
61282
61260
  }
61283
61261
  }
@@ -63676,17 +63654,19 @@ $kendo-chat-quick-reply-shadow-opacity: 0 !default;
63676
63654
  fill: currentColor;
63677
63655
  display: inline-block;
63678
63656
  }
63657
+ }
63658
+ }
63679
63659
 
63680
- .k-rtl &,
63681
- [dir="rtl"] & {
63660
+ .k-rtl,
63661
+ [dir="rtl"] {
63662
+ .k-message-box {
63663
+ .k-button {
63682
63664
  transform: scaleX(-1);
63683
63665
  }
63684
63666
  }
63685
63667
  }
63686
63668
 
63687
63669
 
63688
-
63689
-
63690
63670
  // Card list
63691
63671
  .k-chat .k-card-list {
63692
63672
  margin: $kendo-chat-bubble-spacing 0 0;
@@ -65589,12 +65569,15 @@ $_kendo-module-meta: (
65589
65569
  opacity: 0;
65590
65570
  transform-origin: 0 0;
65591
65571
  transition: opacity .3s linear;
65572
+ }
65592
65573
 
65593
- .k-map &,
65594
- .k-diagram & {
65574
+ .k-map,
65575
+ .k-diagram {
65576
+ .km-touch-scrollbar {
65595
65577
  display: none;
65596
65578
  }
65597
65579
  }
65580
+
65598
65581
  .km-vertical-scrollbar {
65599
65582
  height: 100%;
65600
65583
  right: 2px;
@@ -65835,11 +65818,6 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
65835
65818
  transition-timing-function: $kendo-scrollview-transition-timing-function;
65836
65819
  transform: translateX( calc( -100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
65837
65820
 
65838
- [dir="rtl"] &,
65839
- .k-rtl & {
65840
- transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
65841
- }
65842
-
65843
65821
  .k-scrollview-view {
65844
65822
  width: calc( 100% / var(--kendo-scrollview-views, 1) );
65845
65823
  flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
@@ -65847,6 +65825,10 @@ $kendo-scrollview-transition-timing-function: ease-in-out !default;
65847
65825
 
65848
65826
  }
65849
65827
 
65828
+ :is([dir="rtl"], .k-rtl) .k-scrollview-wrap.k-scrollview-animate {
65829
+ transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
65830
+ }
65831
+
65850
65832
  .k-scrollview-nav-wrap {
65851
65833
  padding: 0;
65852
65834
  margin: 0;
@@ -66520,8 +66502,6 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
66520
66502
  border-radius: 50%;
66521
66503
  position: relative;
66522
66504
 
66523
- .k-pdf-export & { display: none; }
66524
-
66525
66505
 
66526
66506
  // Buttons
66527
66507
  .k-button {
@@ -66570,10 +66550,15 @@ $kendo-map-marker-images: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAB
66570
66550
  border: 0;
66571
66551
  background: none;
66572
66552
  display: flex;
66573
-
66574
- .k-pdf-export & { display: none; }
66575
66553
  }
66576
66554
 
66555
+
66556
+ .k-pdf-export {
66557
+ .k-navigator,
66558
+ .k-zoom-control {
66559
+ display: none;
66560
+ }
66561
+ }
66577
66562
  }
66578
66563
 
66579
66564