@syncfusion/blazor-themes 21.2.9 → 21.2.10

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 (57) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +34 -9
  2. package/SCSS-Themes/bootstrap.scss +34 -9
  3. package/SCSS-Themes/bootstrap4.scss +34 -9
  4. package/SCSS-Themes/bootstrap5-dark.scss +34 -9
  5. package/SCSS-Themes/bootstrap5.scss +34 -9
  6. package/SCSS-Themes/dropdowns/list-box/bootstrap-dark.scss +10 -3
  7. package/SCSS-Themes/dropdowns/list-box/bootstrap.scss +10 -3
  8. package/SCSS-Themes/dropdowns/list-box/bootstrap4.scss +10 -3
  9. package/SCSS-Themes/dropdowns/list-box/bootstrap5-dark.scss +10 -3
  10. package/SCSS-Themes/dropdowns/list-box/bootstrap5.scss +10 -3
  11. package/SCSS-Themes/dropdowns/list-box/fabric-dark.scss +10 -3
  12. package/SCSS-Themes/dropdowns/list-box/fabric.scss +10 -3
  13. package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss +10 -3
  14. package/SCSS-Themes/dropdowns/list-box/fluent.scss +10 -3
  15. package/SCSS-Themes/dropdowns/list-box/highcontrast.scss +10 -3
  16. package/SCSS-Themes/dropdowns/list-box/material-dark.scss +10 -3
  17. package/SCSS-Themes/dropdowns/list-box/material.scss +10 -3
  18. package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss +10 -3
  19. package/SCSS-Themes/dropdowns/list-box/tailwind.scss +10 -3
  20. package/SCSS-Themes/fabric-dark.scss +34 -9
  21. package/SCSS-Themes/fabric.scss +34 -9
  22. package/SCSS-Themes/fluent-dark.scss +34 -9
  23. package/SCSS-Themes/fluent.scss +34 -9
  24. package/SCSS-Themes/highcontrast.scss +34 -9
  25. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +19 -6
  26. package/SCSS-Themes/inputs/input/bootstrap.scss +19 -6
  27. package/SCSS-Themes/inputs/input/bootstrap4.scss +19 -6
  28. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +19 -6
  29. package/SCSS-Themes/inputs/input/bootstrap5.scss +19 -6
  30. package/SCSS-Themes/inputs/input/fabric-dark.scss +19 -6
  31. package/SCSS-Themes/inputs/input/fabric.scss +19 -6
  32. package/SCSS-Themes/inputs/input/fluent-dark.scss +19 -6
  33. package/SCSS-Themes/inputs/input/fluent.scss +19 -6
  34. package/SCSS-Themes/inputs/input/highcontrast.scss +19 -6
  35. package/SCSS-Themes/inputs/input/material-dark.scss +19 -6
  36. package/SCSS-Themes/inputs/input/material.scss +19 -6
  37. package/SCSS-Themes/inputs/input/tailwind-dark.scss +19 -6
  38. package/SCSS-Themes/inputs/input/tailwind.scss +19 -6
  39. package/SCSS-Themes/material-dark.scss +34 -9
  40. package/SCSS-Themes/material.scss +34 -9
  41. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +5 -0
  42. package/SCSS-Themes/schedule/schedule/bootstrap.scss +5 -0
  43. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +5 -0
  44. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +5 -0
  45. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +5 -0
  46. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +5 -0
  47. package/SCSS-Themes/schedule/schedule/fabric.scss +5 -0
  48. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +5 -0
  49. package/SCSS-Themes/schedule/schedule/fluent.scss +5 -0
  50. package/SCSS-Themes/schedule/schedule/highcontrast.scss +5 -0
  51. package/SCSS-Themes/schedule/schedule/material-dark.scss +5 -0
  52. package/SCSS-Themes/schedule/schedule/material.scss +5 -0
  53. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +5 -0
  54. package/SCSS-Themes/schedule/schedule/tailwind.scss +5 -0
  55. package/SCSS-Themes/tailwind-dark.scss +34 -9
  56. package/SCSS-Themes/tailwind.scss +34 -9
  57. package/package.json +1 -1
package/SCSS-Themes/dropdowns/list-box/fabric.scss CHANGED
@@ -122,7 +122,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
122
122
  @include export-module('listbox-layout') {
123
123
  /* stylelint-disable property-no-vendor-prefix */
124
124
  .e-listbox-wrapper,
125
- .e-listbox-container {
125
+ .e-listbox-container,
126
+ .e-listboxtool-wrapper {
126
127
  -webkit-overflow-scrolling: touch;
127
128
  box-sizing: border-box;
128
129
  cursor: pointer;
@@ -435,7 +436,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
435
436
  }
436
437
 
437
438
  .e-listbox-wrapper.e-sortableclone,
438
- .e-listbox-container.e-sortableclone {
439
+ .e-listbox-container.e-sortableclone,
440
+ .e-listboxtool-wrapper.e-sortableclone {
439
441
  border-width: 0;
440
442
  overflow: visible;
441
443
 
@@ -468,6 +470,10 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
468
470
  }
469
471
  }
470
472
 
473
+ .e-listboxtool-wrapper.e-sortableclone{
474
+ display: block;
475
+ }
476
+
471
477
  .e-listboxtool-wrapper,
472
478
  .e-listboxtool-container {
473
479
  cursor: pointer;
@@ -702,7 +708,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
702
708
  }
703
709
 
704
710
  .e-listbox-wrapper,
705
- .e-listbox-container {
711
+ .e-listbox-container,
712
+ .e-listboxtool-wrapper {
706
713
  font-family: $listbox-font-family;
707
714
  font-size: $listbox-font-size;
708
715
  @at-root {
package/SCSS-Themes/dropdowns/list-box/fluent-dark.scss CHANGED
@@ -125,7 +125,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
125
125
  @include export-module('listbox-layout') {
126
126
  /* stylelint-disable property-no-vendor-prefix */
127
127
  .e-listbox-wrapper,
128
- .e-listbox-container {
128
+ .e-listbox-container,
129
+ .e-listboxtool-wrapper {
129
130
  -webkit-overflow-scrolling: touch;
130
131
  box-sizing: border-box;
131
132
  cursor: pointer;
@@ -438,7 +439,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
438
439
  }
439
440
 
440
441
  .e-listbox-wrapper.e-sortableclone,
441
- .e-listbox-container.e-sortableclone {
442
+ .e-listbox-container.e-sortableclone,
443
+ .e-listboxtool-wrapper.e-sortableclone {
442
444
  border-width: 0;
443
445
  overflow: visible;
444
446
 
@@ -471,6 +473,10 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
471
473
  }
472
474
  }
473
475
 
476
+ .e-listboxtool-wrapper.e-sortableclone{
477
+ display: block;
478
+ }
479
+
474
480
  .e-listboxtool-wrapper,
475
481
  .e-listboxtool-container {
476
482
  cursor: pointer;
@@ -705,7 +711,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
705
711
  }
706
712
 
707
713
  .e-listbox-wrapper,
708
- .e-listbox-container {
714
+ .e-listbox-container,
715
+ .e-listboxtool-wrapper {
709
716
  font-family: $listbox-font-family;
710
717
  font-size: $listbox-font-size;
711
718
  @at-root {
package/SCSS-Themes/dropdowns/list-box/fluent.scss CHANGED
@@ -125,7 +125,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
125
125
  @include export-module('listbox-layout') {
126
126
  /* stylelint-disable property-no-vendor-prefix */
127
127
  .e-listbox-wrapper,
128
- .e-listbox-container {
128
+ .e-listbox-container,
129
+ .e-listboxtool-wrapper {
129
130
  -webkit-overflow-scrolling: touch;
130
131
  box-sizing: border-box;
131
132
  cursor: pointer;
@@ -438,7 +439,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
438
439
  }
439
440
 
440
441
  .e-listbox-wrapper.e-sortableclone,
441
- .e-listbox-container.e-sortableclone {
442
+ .e-listbox-container.e-sortableclone,
443
+ .e-listboxtool-wrapper.e-sortableclone {
442
444
  border-width: 0;
443
445
  overflow: visible;
444
446
 
@@ -471,6 +473,10 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
471
473
  }
472
474
  }
473
475
 
476
+ .e-listboxtool-wrapper.e-sortableclone{
477
+ display: block;
478
+ }
479
+
474
480
  .e-listboxtool-wrapper,
475
481
  .e-listboxtool-container {
476
482
  cursor: pointer;
@@ -705,7 +711,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
705
711
  }
706
712
 
707
713
  .e-listbox-wrapper,
708
- .e-listbox-container {
714
+ .e-listbox-container,
715
+ .e-listboxtool-wrapper {
709
716
  font-family: $listbox-font-family;
710
717
  font-size: $listbox-font-size;
711
718
  @at-root {
package/SCSS-Themes/dropdowns/list-box/highcontrast.scss CHANGED
@@ -122,7 +122,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
122
122
  @include export-module('listbox-layout') {
123
123
  /* stylelint-disable property-no-vendor-prefix */
124
124
  .e-listbox-wrapper,
125
- .e-listbox-container {
125
+ .e-listbox-container,
126
+ .e-listboxtool-wrapper {
126
127
  -webkit-overflow-scrolling: touch;
127
128
  box-sizing: border-box;
128
129
  cursor: pointer;
@@ -435,7 +436,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
435
436
  }
436
437
 
437
438
  .e-listbox-wrapper.e-sortableclone,
438
- .e-listbox-container.e-sortableclone {
439
+ .e-listbox-container.e-sortableclone,
440
+ .e-listboxtool-wrapper.e-sortableclone {
439
441
  border-width: 0;
440
442
  overflow: visible;
441
443
 
@@ -468,6 +470,10 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
468
470
  }
469
471
  }
470
472
 
473
+ .e-listboxtool-wrapper.e-sortableclone{
474
+ display: block;
475
+ }
476
+
471
477
  .e-listboxtool-wrapper,
472
478
  .e-listboxtool-container {
473
479
  cursor: pointer;
@@ -702,7 +708,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
702
708
  }
703
709
 
704
710
  .e-listbox-wrapper,
705
- .e-listbox-container {
711
+ .e-listbox-container,
712
+ .e-listboxtool-wrapper {
706
713
  font-family: $listbox-font-family;
707
714
  font-size: $listbox-font-size;
708
715
  @at-root {
package/SCSS-Themes/dropdowns/list-box/material-dark.scss CHANGED
@@ -129,7 +129,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
129
129
  @include export-module('listbox-layout') {
130
130
  /* stylelint-disable property-no-vendor-prefix */
131
131
  .e-listbox-wrapper,
132
- .e-listbox-container {
132
+ .e-listbox-container,
133
+ .e-listboxtool-wrapper {
133
134
  -webkit-overflow-scrolling: touch;
134
135
  box-sizing: border-box;
135
136
  cursor: pointer;
@@ -442,7 +443,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
442
443
  }
443
444
 
444
445
  .e-listbox-wrapper.e-sortableclone,
445
- .e-listbox-container.e-sortableclone {
446
+ .e-listbox-container.e-sortableclone,
447
+ .e-listboxtool-wrapper.e-sortableclone {
446
448
  border-width: 0;
447
449
  overflow: visible;
448
450
 
@@ -475,6 +477,10 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
475
477
  }
476
478
  }
477
479
 
480
+ .e-listboxtool-wrapper.e-sortableclone{
481
+ display: block;
482
+ }
483
+
478
484
  .e-listboxtool-wrapper,
479
485
  .e-listboxtool-container {
480
486
  cursor: pointer;
@@ -709,7 +715,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
709
715
  }
710
716
 
711
717
  .e-listbox-wrapper,
712
- .e-listbox-container {
718
+ .e-listbox-container,
719
+ .e-listboxtool-wrapper {
713
720
  font-family: $listbox-font-family;
714
721
  font-size: $listbox-font-size;
715
722
  @at-root {
package/SCSS-Themes/dropdowns/list-box/material.scss CHANGED
@@ -122,7 +122,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
122
122
  @include export-module('listbox-layout') {
123
123
  /* stylelint-disable property-no-vendor-prefix */
124
124
  .e-listbox-wrapper,
125
- .e-listbox-container {
125
+ .e-listbox-container,
126
+ .e-listboxtool-wrapper {
126
127
  -webkit-overflow-scrolling: touch;
127
128
  box-sizing: border-box;
128
129
  cursor: pointer;
@@ -435,7 +436,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
435
436
  }
436
437
 
437
438
  .e-listbox-wrapper.e-sortableclone,
438
- .e-listbox-container.e-sortableclone {
439
+ .e-listbox-container.e-sortableclone,
440
+ .e-listboxtool-wrapper.e-sortableclone {
439
441
  border-width: 0;
440
442
  overflow: visible;
441
443
 
@@ -468,6 +470,10 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
468
470
  }
469
471
  }
470
472
 
473
+ .e-listboxtool-wrapper.e-sortableclone{
474
+ display: block;
475
+ }
476
+
471
477
  .e-listboxtool-wrapper,
472
478
  .e-listboxtool-container {
473
479
  cursor: pointer;
@@ -702,7 +708,8 @@ $listbox-filter-bigger-height: calc(100% - 50px) !default;
702
708
  }
703
709
 
704
710
  .e-listbox-wrapper,
705
- .e-listbox-container {
711
+ .e-listbox-container,
712
+ .e-listboxtool-wrapper {
706
713
  font-family: $listbox-font-family;
707
714
  font-size: $listbox-font-size;
708
715
  @at-root {
package/SCSS-Themes/dropdowns/list-box/tailwind-dark.scss CHANGED
@@ -124,7 +124,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
124
124
  @include export-module('listbox-layout') {
125
125
  /* stylelint-disable property-no-vendor-prefix */
126
126
  .e-listbox-wrapper,
127
- .e-listbox-container {
127
+ .e-listbox-container,
128
+ .e-listboxtool-wrapper {
128
129
  -webkit-overflow-scrolling: touch;
129
130
  box-sizing: border-box;
130
131
  cursor: pointer;
@@ -437,7 +438,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
437
438
  }
438
439
 
439
440
  .e-listbox-wrapper.e-sortableclone,
440
- .e-listbox-container.e-sortableclone {
441
+ .e-listbox-container.e-sortableclone,
442
+ .e-listboxtool-wrapper.e-sortableclone {
441
443
  border-width: 0;
442
444
  overflow: visible;
443
445
 
@@ -470,6 +472,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
470
472
  }
471
473
  }
472
474
 
475
+ .e-listboxtool-wrapper.e-sortableclone{
476
+ display: block;
477
+ }
478
+
473
479
  .e-listboxtool-wrapper,
474
480
  .e-listboxtool-container {
475
481
  cursor: pointer;
@@ -704,7 +710,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
704
710
  }
705
711
 
706
712
  .e-listbox-wrapper,
707
- .e-listbox-container {
713
+ .e-listbox-container,
714
+ .e-listboxtool-wrapper {
708
715
  font-family: $listbox-font-family;
709
716
  font-size: $listbox-font-size;
710
717
  @at-root {
package/SCSS-Themes/dropdowns/list-box/tailwind.scss CHANGED
@@ -124,7 +124,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
124
124
  @include export-module('listbox-layout') {
125
125
  /* stylelint-disable property-no-vendor-prefix */
126
126
  .e-listbox-wrapper,
127
- .e-listbox-container {
127
+ .e-listbox-container,
128
+ .e-listboxtool-wrapper {
128
129
  -webkit-overflow-scrolling: touch;
129
130
  box-sizing: border-box;
130
131
  cursor: pointer;
@@ -437,7 +438,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
437
438
  }
438
439
 
439
440
  .e-listbox-wrapper.e-sortableclone,
440
- .e-listbox-container.e-sortableclone {
441
+ .e-listbox-container.e-sortableclone,
442
+ .e-listboxtool-wrapper.e-sortableclone {
441
443
  border-width: 0;
442
444
  overflow: visible;
443
445
 
@@ -470,6 +472,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
470
472
  }
471
473
  }
472
474
 
475
+ .e-listboxtool-wrapper.e-sortableclone{
476
+ display: block;
477
+ }
478
+
473
479
  .e-listboxtool-wrapper,
474
480
  .e-listboxtool-container {
475
481
  cursor: pointer;
@@ -704,7 +710,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
704
710
  }
705
711
 
706
712
  .e-listbox-wrapper,
707
- .e-listbox-container {
713
+ .e-listbox-container,
714
+ .e-listboxtool-wrapper {
708
715
  font-family: $listbox-font-family;
709
716
  font-size: $listbox-font-size;
710
717
  @at-root {
package/SCSS-Themes/fabric-dark.scss CHANGED
@@ -14276,14 +14276,27 @@ $float-label-rtl-value: -7px !default;
14276
14276
  outline: none;
14277
14277
  }
14278
14278
 
14279
- .e-input-group.e-prepend input.e-input,
14280
- .e-float-input.e-input-group.e-prepend input,
14281
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14282
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14283
- .e-float-input.e-prepend input,
14284
- .e-float-input.e-control-wrapper.e-prepend input {
14279
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14280
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14285
14281
  @if $input-skin-name == 'material' {
14286
14282
  border-bottom: 1px solid;
14283
+ border-bottom-color: $input-box-border-color;
14284
+ }
14285
+ }
14286
+
14287
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14288
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14289
+ @if $input-skin-name == 'material' {
14290
+ border-bottom: 1px solid;
14291
+ border-bottom-color: $error-font-color;
14292
+ }
14293
+ }
14294
+
14295
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14296
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14297
+ @if $input-skin-name == 'material' {
14298
+ border-bottom: 1px solid;
14299
+ border-bottom-color: $success-font-color;
14287
14300
  }
14288
14301
  }
14289
14302
 
@@ -60469,7 +60482,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60469
60482
  @include export-module('listbox-layout') {
60470
60483
  /* stylelint-disable property-no-vendor-prefix */
60471
60484
  .e-listbox-wrapper,
60472
- .e-listbox-container {
60485
+ .e-listbox-container,
60486
+ .e-listboxtool-wrapper {
60473
60487
  -webkit-overflow-scrolling: touch;
60474
60488
  box-sizing: border-box;
60475
60489
  cursor: pointer;
@@ -60782,7 +60796,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60782
60796
  }
60783
60797
 
60784
60798
  .e-listbox-wrapper.e-sortableclone,
60785
- .e-listbox-container.e-sortableclone {
60799
+ .e-listbox-container.e-sortableclone,
60800
+ .e-listboxtool-wrapper.e-sortableclone {
60786
60801
  border-width: 0;
60787
60802
  overflow: visible;
60788
60803
 
@@ -60815,6 +60830,10 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60815
60830
  }
60816
60831
  }
60817
60832
 
60833
+ .e-listboxtool-wrapper.e-sortableclone{
60834
+ display: block;
60835
+ }
60836
+
60818
60837
  .e-listboxtool-wrapper,
60819
60838
  .e-listboxtool-container {
60820
60839
  cursor: pointer;
@@ -61049,7 +61068,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
61049
61068
  }
61050
61069
 
61051
61070
  .e-listbox-wrapper,
61052
- .e-listbox-container {
61071
+ .e-listbox-container,
61072
+ .e-listboxtool-wrapper {
61053
61073
  font-family: $listbox-font-family;
61054
61074
  font-size: $listbox-font-size;
61055
61075
  @at-root {
@@ -110468,6 +110488,11 @@ $schedule-tree-content-color: #fff !default;
110468
110488
  &:focus {
110469
110489
  background: $schedule-select-bg-color;
110470
110490
  }
110491
+
110492
+ &.e-template {
110493
+ display: inline-flex;
110494
+ flex-direction: row-reverse;
110495
+ }
110471
110496
  }
110472
110497
 
110473
110498
  .e-subject-wrap {
package/SCSS-Themes/fabric.scss CHANGED
@@ -14267,14 +14267,27 @@ $float-label-rtl-value: -7px !default;
14267
14267
  outline: none;
14268
14268
  }
14269
14269
 
14270
- .e-input-group.e-prepend input.e-input,
14271
- .e-float-input.e-input-group.e-prepend input,
14272
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14273
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14274
- .e-float-input.e-prepend input,
14275
- .e-float-input.e-control-wrapper.e-prepend input {
14270
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14271
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14276
14272
  @if $input-skin-name == 'material' {
14277
14273
  border-bottom: 1px solid;
14274
+ border-bottom-color: $input-box-border-color;
14275
+ }
14276
+ }
14277
+
14278
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14279
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14280
+ @if $input-skin-name == 'material' {
14281
+ border-bottom: 1px solid;
14282
+ border-bottom-color: $error-font-color;
14283
+ }
14284
+ }
14285
+
14286
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14287
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14288
+ @if $input-skin-name == 'material' {
14289
+ border-bottom: 1px solid;
14290
+ border-bottom-color: $success-font-color;
14278
14291
  }
14279
14292
  }
14280
14293
 
@@ -60233,7 +60246,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60233
60246
  @include export-module('listbox-layout') {
60234
60247
  /* stylelint-disable property-no-vendor-prefix */
60235
60248
  .e-listbox-wrapper,
60236
- .e-listbox-container {
60249
+ .e-listbox-container,
60250
+ .e-listboxtool-wrapper {
60237
60251
  -webkit-overflow-scrolling: touch;
60238
60252
  box-sizing: border-box;
60239
60253
  cursor: pointer;
@@ -60546,7 +60560,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60546
60560
  }
60547
60561
 
60548
60562
  .e-listbox-wrapper.e-sortableclone,
60549
- .e-listbox-container.e-sortableclone {
60563
+ .e-listbox-container.e-sortableclone,
60564
+ .e-listboxtool-wrapper.e-sortableclone {
60550
60565
  border-width: 0;
60551
60566
  overflow: visible;
60552
60567
 
@@ -60579,6 +60594,10 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60579
60594
  }
60580
60595
  }
60581
60596
 
60597
+ .e-listboxtool-wrapper.e-sortableclone{
60598
+ display: block;
60599
+ }
60600
+
60582
60601
  .e-listboxtool-wrapper,
60583
60602
  .e-listboxtool-container {
60584
60603
  cursor: pointer;
@@ -60813,7 +60832,8 @@ $listbox-filter-bigger-height: calc(100% - 59px) !default;
60813
60832
  }
60814
60833
 
60815
60834
  .e-listbox-wrapper,
60816
- .e-listbox-container {
60835
+ .e-listbox-container,
60836
+ .e-listboxtool-wrapper {
60817
60837
  font-family: $listbox-font-family;
60818
60838
  font-size: $listbox-font-size;
60819
60839
  @at-root {
@@ -110222,6 +110242,11 @@ $schedule-tree-content-color: $shadow !default;
110222
110242
  &:focus {
110223
110243
  background: $schedule-select-bg-color;
110224
110244
  }
110245
+
110246
+ &.e-template {
110247
+ display: inline-flex;
110248
+ flex-direction: row-reverse;
110249
+ }
110225
110250
  }
110226
110251
 
110227
110252
  .e-subject-wrap {
package/SCSS-Themes/fluent-dark.scss CHANGED
@@ -14461,14 +14461,27 @@ $float-label-rtl-value: -10px !default;
14461
14461
  outline: none;
14462
14462
  }
14463
14463
 
14464
- .e-input-group.e-prepend input.e-input,
14465
- .e-float-input.e-input-group.e-prepend input,
14466
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14467
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14468
- .e-float-input.e-prepend input,
14469
- .e-float-input.e-control-wrapper.e-prepend input {
14464
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14465
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14470
14466
  @if $input-skin-name == 'material' {
14471
14467
  border-bottom: 1px solid;
14468
+ border-bottom-color: $input-box-border-color;
14469
+ }
14470
+ }
14471
+
14472
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14473
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14474
+ @if $input-skin-name == 'material' {
14475
+ border-bottom: 1px solid;
14476
+ border-bottom-color: $error-font-color;
14477
+ }
14478
+ }
14479
+
14480
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14481
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14482
+ @if $input-skin-name == 'material' {
14483
+ border-bottom: 1px solid;
14484
+ border-bottom-color: $success-font-color;
14472
14485
  }
14473
14486
  }
14474
14487
 
@@ -60938,7 +60951,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
60938
60951
  @include export-module('listbox-layout') {
60939
60952
  /* stylelint-disable property-no-vendor-prefix */
60940
60953
  .e-listbox-wrapper,
60941
- .e-listbox-container {
60954
+ .e-listbox-container,
60955
+ .e-listboxtool-wrapper {
60942
60956
  -webkit-overflow-scrolling: touch;
60943
60957
  box-sizing: border-box;
60944
60958
  cursor: pointer;
@@ -61251,7 +61265,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61251
61265
  }
61252
61266
 
61253
61267
  .e-listbox-wrapper.e-sortableclone,
61254
- .e-listbox-container.e-sortableclone {
61268
+ .e-listbox-container.e-sortableclone,
61269
+ .e-listboxtool-wrapper.e-sortableclone {
61255
61270
  border-width: 0;
61256
61271
  overflow: visible;
61257
61272
 
@@ -61284,6 +61299,10 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61284
61299
  }
61285
61300
  }
61286
61301
 
61302
+ .e-listboxtool-wrapper.e-sortableclone{
61303
+ display: block;
61304
+ }
61305
+
61287
61306
  .e-listboxtool-wrapper,
61288
61307
  .e-listboxtool-container {
61289
61308
  cursor: pointer;
@@ -61518,7 +61537,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61518
61537
  }
61519
61538
 
61520
61539
  .e-listbox-wrapper,
61521
- .e-listbox-container {
61540
+ .e-listbox-container,
61541
+ .e-listboxtool-wrapper {
61522
61542
  font-family: $listbox-font-family;
61523
61543
  font-size: $listbox-font-size;
61524
61544
  @at-root {
@@ -111105,6 +111125,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
111105
111125
  &:focus {
111106
111126
  background: $schedule-select-bg-color;
111107
111127
  }
111128
+
111129
+ &.e-template {
111130
+ display: inline-flex;
111131
+ flex-direction: row-reverse;
111132
+ }
111108
111133
  }
111109
111134
 
111110
111135
  .e-subject-wrap {
package/SCSS-Themes/fluent.scss CHANGED
@@ -14462,14 +14462,27 @@ $float-label-rtl-value: -10px !default;
14462
14462
  outline: none;
14463
14463
  }
14464
14464
 
14465
- .e-input-group.e-prepend input.e-input,
14466
- .e-float-input.e-input-group.e-prepend input,
14467
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14468
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14469
- .e-float-input.e-prepend input,
14470
- .e-float-input.e-control-wrapper.e-prepend input {
14465
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14466
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14471
14467
  @if $input-skin-name == 'material' {
14472
14468
  border-bottom: 1px solid;
14469
+ border-bottom-color: $input-box-border-color;
14470
+ }
14471
+ }
14472
+
14473
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14474
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14475
+ @if $input-skin-name == 'material' {
14476
+ border-bottom: 1px solid;
14477
+ border-bottom-color: $error-font-color;
14478
+ }
14479
+ }
14480
+
14481
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14482
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14483
+ @if $input-skin-name == 'material' {
14484
+ border-bottom: 1px solid;
14485
+ border-bottom-color: $success-font-color;
14473
14486
  }
14474
14487
  }
14475
14488
 
@@ -60939,7 +60952,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
60939
60952
  @include export-module('listbox-layout') {
60940
60953
  /* stylelint-disable property-no-vendor-prefix */
60941
60954
  .e-listbox-wrapper,
60942
- .e-listbox-container {
60955
+ .e-listbox-container,
60956
+ .e-listboxtool-wrapper {
60943
60957
  -webkit-overflow-scrolling: touch;
60944
60958
  box-sizing: border-box;
60945
60959
  cursor: pointer;
@@ -61252,7 +61266,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61252
61266
  }
61253
61267
 
61254
61268
  .e-listbox-wrapper.e-sortableclone,
61255
- .e-listbox-container.e-sortableclone {
61269
+ .e-listbox-container.e-sortableclone,
61270
+ .e-listboxtool-wrapper.e-sortableclone {
61256
61271
  border-width: 0;
61257
61272
  overflow: visible;
61258
61273
 
@@ -61285,6 +61300,10 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61285
61300
  }
61286
61301
  }
61287
61302
 
61303
+ .e-listboxtool-wrapper.e-sortableclone{
61304
+ display: block;
61305
+ }
61306
+
61288
61307
  .e-listboxtool-wrapper,
61289
61308
  .e-listboxtool-container {
61290
61309
  cursor: pointer;
@@ -61519,7 +61538,8 @@ $listbox-filter-bigger-height: calc(100% - 65px) !default;
61519
61538
  }
61520
61539
 
61521
61540
  .e-listbox-wrapper,
61522
- .e-listbox-container {
61541
+ .e-listbox-container,
61542
+ .e-listboxtool-wrapper {
61523
61543
  font-family: $listbox-font-family;
61524
61544
  font-size: $listbox-font-size;
61525
61545
  @at-root {
@@ -111106,6 +111126,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
111106
111126
  &:focus {
111107
111127
  background: $schedule-select-bg-color;
111108
111128
  }
111129
+
111130
+ &.e-template {
111131
+ display: inline-flex;
111132
+ flex-direction: row-reverse;
111133
+ }
111109
111134
  }
111110
111135
 
111111
111136
  .e-subject-wrap {