@syncfusion/blazor-themes 21.2.8 → 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 (99) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +36 -15
  2. package/SCSS-Themes/bootstrap.scss +36 -15
  3. package/SCSS-Themes/bootstrap4.scss +36 -15
  4. package/SCSS-Themes/bootstrap5-dark.scss +36 -15
  5. package/SCSS-Themes/bootstrap5.scss +36 -15
  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 +36 -15
  21. package/SCSS-Themes/fabric.scss +36 -15
  22. package/SCSS-Themes/fluent-dark.scss +36 -15
  23. package/SCSS-Themes/fluent.scss +36 -15
  24. package/SCSS-Themes/highcontrast.scss +36 -15
  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 +36 -15
  40. package/SCSS-Themes/material.scss +36 -15
  41. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap-dark.scss +1 -1
  42. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap.scss +1 -1
  43. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap4.scss +1 -1
  44. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5-dark.scss +1 -1
  45. package/SCSS-Themes/pdfviewer/pdfviewer/bootstrap5.scss +1 -1
  46. package/SCSS-Themes/pdfviewer/pdfviewer/fabric-dark.scss +1 -1
  47. package/SCSS-Themes/pdfviewer/pdfviewer/fabric.scss +1 -1
  48. package/SCSS-Themes/pdfviewer/pdfviewer/fluent-dark.scss +1 -1
  49. package/SCSS-Themes/pdfviewer/pdfviewer/fluent.scss +1 -1
  50. package/SCSS-Themes/pdfviewer/pdfviewer/highcontrast.scss +1 -1
  51. package/SCSS-Themes/pdfviewer/pdfviewer/material-dark.scss +1 -1
  52. package/SCSS-Themes/pdfviewer/pdfviewer/material.scss +1 -1
  53. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind-dark.scss +1 -1
  54. package/SCSS-Themes/pdfviewer/pdfviewer/tailwind.scss +1 -1
  55. package/SCSS-Themes/popups/tooltip/bootstrap-dark.scss +1 -0
  56. package/SCSS-Themes/popups/tooltip/bootstrap.scss +1 -0
  57. package/SCSS-Themes/popups/tooltip/bootstrap4.scss +1 -0
  58. package/SCSS-Themes/popups/tooltip/bootstrap5-dark.scss +1 -0
  59. package/SCSS-Themes/popups/tooltip/bootstrap5.scss +1 -0
  60. package/SCSS-Themes/popups/tooltip/fabric-dark.scss +1 -0
  61. package/SCSS-Themes/popups/tooltip/fabric.scss +1 -0
  62. package/SCSS-Themes/popups/tooltip/fluent-dark.scss +1 -0
  63. package/SCSS-Themes/popups/tooltip/fluent.scss +1 -0
  64. package/SCSS-Themes/popups/tooltip/highcontrast.scss +1 -0
  65. package/SCSS-Themes/popups/tooltip/material-dark.scss +1 -0
  66. package/SCSS-Themes/popups/tooltip/material.scss +1 -0
  67. package/SCSS-Themes/popups/tooltip/tailwind-dark.scss +1 -0
  68. package/SCSS-Themes/popups/tooltip/tailwind.scss +1 -0
  69. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap-dark.scss +0 -5
  70. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap.scss +0 -5
  71. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap4.scss +0 -5
  72. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5-dark.scss +0 -5
  73. package/SCSS-Themes/richtexteditor/rich-text-editor/bootstrap5.scss +0 -5
  74. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric-dark.scss +0 -5
  75. package/SCSS-Themes/richtexteditor/rich-text-editor/fabric.scss +0 -5
  76. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent-dark.scss +0 -5
  77. package/SCSS-Themes/richtexteditor/rich-text-editor/fluent.scss +0 -5
  78. package/SCSS-Themes/richtexteditor/rich-text-editor/highcontrast.scss +0 -5
  79. package/SCSS-Themes/richtexteditor/rich-text-editor/material-dark.scss +0 -5
  80. package/SCSS-Themes/richtexteditor/rich-text-editor/material.scss +0 -5
  81. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind-dark.scss +0 -5
  82. package/SCSS-Themes/richtexteditor/rich-text-editor/tailwind.scss +0 -5
  83. package/SCSS-Themes/schedule/schedule/bootstrap-dark.scss +5 -0
  84. package/SCSS-Themes/schedule/schedule/bootstrap.scss +5 -0
  85. package/SCSS-Themes/schedule/schedule/bootstrap4.scss +5 -0
  86. package/SCSS-Themes/schedule/schedule/bootstrap5-dark.scss +5 -0
  87. package/SCSS-Themes/schedule/schedule/bootstrap5.scss +5 -0
  88. package/SCSS-Themes/schedule/schedule/fabric-dark.scss +5 -0
  89. package/SCSS-Themes/schedule/schedule/fabric.scss +5 -0
  90. package/SCSS-Themes/schedule/schedule/fluent-dark.scss +5 -0
  91. package/SCSS-Themes/schedule/schedule/fluent.scss +5 -0
  92. package/SCSS-Themes/schedule/schedule/highcontrast.scss +5 -0
  93. package/SCSS-Themes/schedule/schedule/material-dark.scss +5 -0
  94. package/SCSS-Themes/schedule/schedule/material.scss +5 -0
  95. package/SCSS-Themes/schedule/schedule/tailwind-dark.scss +5 -0
  96. package/SCSS-Themes/schedule/schedule/tailwind.scss +5 -0
  97. package/SCSS-Themes/tailwind-dark.scss +36 -15
  98. package/SCSS-Themes/tailwind.scss +36 -15
  99. package/package.json +1 -1
@@ -325,6 +325,7 @@ $tooltip-icon-border-color: $border !default;
325
325
 
326
326
  /*! tooltip content area */
327
327
  .e-tip-content {
328
+ border-radius: inherit;
328
329
  color: $tooltip-content-font-color;
329
330
  font-family: $font-family;
330
331
  font-size: $tooltip-font-size;
@@ -325,6 +325,7 @@ $tooltip-icon-border-color: $border !default;
325
325
 
326
326
  /*! tooltip content area */
327
327
  .e-tip-content {
328
+ border-radius: inherit;
328
329
  color: $tooltip-content-font-color;
329
330
  font-family: $font-family;
330
331
  font-size: $tooltip-font-size;
@@ -2104,11 +2104,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2104
2104
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2105
2105
  line-height: 20px;
2106
2106
  }
2107
-
2108
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2109
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2110
- padding: 0;
2111
- }
2112
2107
  }
2113
2108
 
2114
2109
  @if $skin-name == 'bootstrap5' {
@@ -2159,11 +2159,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2159
2159
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2160
2160
  line-height: 20px;
2161
2161
  }
2162
-
2163
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2164
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2165
- padding: 0;
2166
- }
2167
2162
  }
2168
2163
 
2169
2164
  @if $skin-name == 'bootstrap5' {
@@ -2286,11 +2286,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2286
2286
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2287
2287
  line-height: 20px;
2288
2288
  }
2289
-
2290
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2291
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2292
- padding: 0;
2293
- }
2294
2289
  }
2295
2290
 
2296
2291
  @if $skin-name == 'bootstrap5' {
@@ -2088,11 +2088,6 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
2088
2088
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2089
2089
  line-height: 20px;
2090
2090
  }
2091
-
2092
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2093
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2094
- padding: 0;
2095
- }
2096
2091
  }
2097
2092
 
2098
2093
  @if $skin-name == 'bootstrap5' {
@@ -2088,11 +2088,6 @@ $rte-tbar-default-bg: $content-bg-color-alt1;
2088
2088
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2089
2089
  line-height: 20px;
2090
2090
  }
2091
-
2092
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2093
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2094
- padding: 0;
2095
- }
2096
2091
  }
2097
2092
 
2098
2093
  @if $skin-name == 'bootstrap5' {
@@ -2085,11 +2085,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2085
2085
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2086
2086
  line-height: 20px;
2087
2087
  }
2088
-
2089
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2090
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2091
- padding: 0;
2092
- }
2093
2088
  }
2094
2089
 
2095
2090
  @if $skin-name == 'bootstrap5' {
@@ -2083,11 +2083,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2083
2083
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2084
2084
  line-height: 20px;
2085
2085
  }
2086
-
2087
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2088
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2089
- padding: 0;
2090
- }
2091
2086
  }
2092
2087
 
2093
2088
  @if $skin-name == 'bootstrap5' {
@@ -2091,11 +2091,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
2091
2091
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2092
2092
  line-height: 20px;
2093
2093
  }
2094
-
2095
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2096
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2097
- padding: 0;
2098
- }
2099
2094
  }
2100
2095
 
2101
2096
  @if $skin-name == 'bootstrap5' {
@@ -2091,11 +2091,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
2091
2091
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2092
2092
  line-height: 20px;
2093
2093
  }
2094
-
2095
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2096
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2097
- padding: 0;
2098
- }
2099
2094
  }
2100
2095
 
2101
2096
  @if $skin-name == 'bootstrap5' {
@@ -2083,11 +2083,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2083
2083
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2084
2084
  line-height: 20px;
2085
2085
  }
2086
-
2087
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2088
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2089
- padding: 0;
2090
- }
2091
2086
  }
2092
2087
 
2093
2088
  @if $skin-name == 'bootstrap5' {
@@ -2088,11 +2088,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2088
2088
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2089
2089
  line-height: 20px;
2090
2090
  }
2091
-
2092
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2093
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2094
- padding: 0;
2095
- }
2096
2091
  }
2097
2092
 
2098
2093
  @if $skin-name == 'bootstrap5' {
@@ -2085,11 +2085,6 @@ $rte-big-toolbar-item-frist-last-child-margin: 0 6px;
2085
2085
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2086
2086
  line-height: 20px;
2087
2087
  }
2088
-
2089
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2090
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2091
- padding: 0;
2092
- }
2093
2088
  }
2094
2089
 
2095
2090
  @if $skin-name == 'bootstrap5' {
@@ -2086,11 +2086,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
2086
2086
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2087
2087
  line-height: 20px;
2088
2088
  }
2089
-
2090
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2091
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2092
- padding: 0;
2093
- }
2094
2089
  }
2095
2090
 
2096
2091
  @if $skin-name == 'bootstrap5' {
@@ -2086,11 +2086,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
2086
2086
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
2087
2087
  line-height: 20px;
2088
2088
  }
2089
-
2090
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
2091
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
2092
- padding: 0;
2093
- }
2094
2089
  }
2095
2090
 
2096
2091
  @if $skin-name == 'bootstrap5' {
@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: #fff !default;
2629
2629
  &:focus {
2630
2630
  background: $schedule-select-bg-color;
2631
2631
  }
2632
+
2633
+ &.e-template {
2634
+ display: inline-flex;
2635
+ flex-direction: row-reverse;
2636
+ }
2632
2637
  }
2633
2638
 
2634
2639
  .e-subject-wrap {
@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow !default;
2629
2629
  &:focus {
2630
2630
  background: $schedule-select-bg-color;
2631
2631
  }
2632
+
2633
+ &.e-template {
2634
+ display: inline-flex;
2635
+ flex-direction: row-reverse;
2636
+ }
2632
2637
  }
2633
2638
 
2634
2639
  .e-subject-wrap {
@@ -2632,6 +2632,11 @@ $schedule-tbar-border-hover-color: darken($gray-600, 12.5%) !default;
2632
2632
  &:focus {
2633
2633
  background: $schedule-select-bg-color;
2634
2634
  }
2635
+
2636
+ &.e-template {
2637
+ display: inline-flex;
2638
+ flex-direction: row-reverse;
2639
+ }
2635
2640
  }
2636
2641
 
2637
2642
  .e-subject-wrap {
@@ -2639,6 +2639,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
2639
2639
  &:focus {
2640
2640
  background: $schedule-select-bg-color;
2641
2641
  }
2642
+
2643
+ &.e-template {
2644
+ display: inline-flex;
2645
+ flex-direction: row-reverse;
2646
+ }
2642
2647
  }
2643
2648
 
2644
2649
  .e-subject-wrap {
@@ -2639,6 +2639,11 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
2639
2639
  &:focus {
2640
2640
  background: $schedule-select-bg-color;
2641
2641
  }
2642
+
2643
+ &.e-template {
2644
+ display: inline-flex;
2645
+ flex-direction: row-reverse;
2646
+ }
2642
2647
  }
2643
2648
 
2644
2649
  .e-subject-wrap {
@@ -2628,6 +2628,11 @@ $schedule-tree-content-color: #fff !default;
2628
2628
  &:focus {
2629
2629
  background: $schedule-select-bg-color;
2630
2630
  }
2631
+
2632
+ &.e-template {
2633
+ display: inline-flex;
2634
+ flex-direction: row-reverse;
2635
+ }
2631
2636
  }
2632
2637
 
2633
2638
  .e-subject-wrap {
@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow !default;
2629
2629
  &:focus {
2630
2630
  background: $schedule-select-bg-color;
2631
2631
  }
2632
+
2633
+ &.e-template {
2634
+ display: inline-flex;
2635
+ flex-direction: row-reverse;
2636
+ }
2632
2637
  }
2633
2638
 
2634
2639
  .e-subject-wrap {
@@ -2634,6 +2634,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
2634
2634
  &:focus {
2635
2635
  background: $schedule-select-bg-color;
2636
2636
  }
2637
+
2638
+ &.e-template {
2639
+ display: inline-flex;
2640
+ flex-direction: row-reverse;
2641
+ }
2637
2642
  }
2638
2643
 
2639
2644
  .e-subject-wrap {
@@ -2634,6 +2634,11 @@ $schedule-tree-content-color: $content-text-color-alt2;
2634
2634
  &:focus {
2635
2635
  background: $schedule-select-bg-color;
2636
2636
  }
2637
+
2638
+ &.e-template {
2639
+ display: inline-flex;
2640
+ flex-direction: row-reverse;
2641
+ }
2637
2642
  }
2638
2643
 
2639
2644
  .e-subject-wrap {
@@ -2630,6 +2630,11 @@ $schedule-tree-content-color: #fff !default;
2630
2630
  &:focus {
2631
2631
  background: $schedule-select-bg-color;
2632
2632
  }
2633
+
2634
+ &.e-template {
2635
+ display: inline-flex;
2636
+ flex-direction: row-reverse;
2637
+ }
2633
2638
  }
2634
2639
 
2635
2640
  .e-subject-wrap {
@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: #fff !default;
2629
2629
  &:focus {
2630
2630
  background: $schedule-select-bg-color;
2631
2631
  }
2632
+
2633
+ &.e-template {
2634
+ display: inline-flex;
2635
+ flex-direction: row-reverse;
2636
+ }
2632
2637
  }
2633
2638
 
2634
2639
  .e-subject-wrap {
@@ -2629,6 +2629,11 @@ $schedule-tree-content-color: $shadow;
2629
2629
  &:focus {
2630
2630
  background: $schedule-select-bg-color;
2631
2631
  }
2632
+
2633
+ &.e-template {
2634
+ display: inline-flex;
2635
+ flex-direction: row-reverse;
2636
+ }
2632
2637
  }
2633
2638
 
2634
2639
  .e-subject-wrap {
@@ -2631,6 +2631,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
2631
2631
  &:focus {
2632
2632
  background: $schedule-select-bg-color;
2633
2633
  }
2634
+
2635
+ &.e-template {
2636
+ display: inline-flex;
2637
+ flex-direction: row-reverse;
2638
+ }
2634
2639
  }
2635
2640
 
2636
2641
  .e-subject-wrap {
@@ -2631,6 +2631,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
2631
2631
  &:focus {
2632
2632
  background: $schedule-select-bg-color;
2633
2633
  }
2634
+
2635
+ &.e-template {
2636
+ display: inline-flex;
2637
+ flex-direction: row-reverse;
2638
+ }
2634
2639
  }
2635
2640
 
2636
2641
  .e-subject-wrap {
@@ -14342,14 +14342,27 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
14342
14342
  outline: none;
14343
14343
  }
14344
14344
 
14345
- .e-input-group.e-prepend input.e-input,
14346
- .e-float-input.e-input-group.e-prepend input,
14347
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14348
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14349
- .e-float-input.e-prepend input,
14350
- .e-float-input.e-control-wrapper.e-prepend input {
14345
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14346
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14351
14347
  @if $input-skin-name == 'material' {
14352
14348
  border-bottom: 1px solid;
14349
+ border-bottom-color: $input-box-border-color;
14350
+ }
14351
+ }
14352
+
14353
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14354
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14355
+ @if $input-skin-name == 'material' {
14356
+ border-bottom: 1px solid;
14357
+ border-bottom-color: $error-font-color;
14358
+ }
14359
+ }
14360
+
14361
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14362
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14363
+ @if $input-skin-name == 'material' {
14364
+ border-bottom: 1px solid;
14365
+ border-bottom-color: $success-font-color;
14353
14366
  }
14354
14367
  }
14355
14368
 
@@ -31473,6 +31486,7 @@ $tooltip-icon-border-color: $border !default;
31473
31486
 
31474
31487
  /*! tooltip content area */
31475
31488
  .e-tip-content {
31489
+ border-radius: inherit;
31476
31490
  color: $tooltip-content-font-color;
31477
31491
  font-family: $font-family;
31478
31492
  font-size: $tooltip-font-size;
@@ -60728,7 +60742,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
60728
60742
  @include export-module('listbox-layout') {
60729
60743
  /* stylelint-disable property-no-vendor-prefix */
60730
60744
  .e-listbox-wrapper,
60731
- .e-listbox-container {
60745
+ .e-listbox-container,
60746
+ .e-listboxtool-wrapper {
60732
60747
  -webkit-overflow-scrolling: touch;
60733
60748
  box-sizing: border-box;
60734
60749
  cursor: pointer;
@@ -61041,7 +61056,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61041
61056
  }
61042
61057
 
61043
61058
  .e-listbox-wrapper.e-sortableclone,
61044
- .e-listbox-container.e-sortableclone {
61059
+ .e-listbox-container.e-sortableclone,
61060
+ .e-listboxtool-wrapper.e-sortableclone {
61045
61061
  border-width: 0;
61046
61062
  overflow: visible;
61047
61063
 
@@ -61074,6 +61090,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61074
61090
  }
61075
61091
  }
61076
61092
 
61093
+ .e-listboxtool-wrapper.e-sortableclone{
61094
+ display: block;
61095
+ }
61096
+
61077
61097
  .e-listboxtool-wrapper,
61078
61098
  .e-listboxtool-container {
61079
61099
  cursor: pointer;
@@ -61308,7 +61328,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61308
61328
  }
61309
61329
 
61310
61330
  .e-listbox-wrapper,
61311
- .e-listbox-container {
61331
+ .e-listbox-container,
61332
+ .e-listboxtool-wrapper {
61312
61333
  font-family: $listbox-font-family;
61313
61334
  font-size: $listbox-font-size;
61314
61335
  @at-root {
@@ -85417,11 +85438,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
85417
85438
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
85418
85439
  line-height: 20px;
85419
85440
  }
85420
-
85421
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
85422
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
85423
- padding: 0;
85424
- }
85425
85441
  }
85426
85442
 
85427
85443
  @if $skin-name == 'bootstrap5' {
@@ -96552,7 +96568,7 @@ $pv-eye-icon-margin-top: 3px !default;
96552
96568
 
96553
96569
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
96554
96570
  border-bottom: 0;
96555
- word-break: break-all;
96571
+ word-break: break-word;
96556
96572
  }
96557
96573
 
96558
96574
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110879,6 +110895,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
110879
110895
  &:focus {
110880
110896
  background: $schedule-select-bg-color;
110881
110897
  }
110898
+
110899
+ &.e-template {
110900
+ display: inline-flex;
110901
+ flex-direction: row-reverse;
110902
+ }
110882
110903
  }
110883
110904
 
110884
110905
  .e-subject-wrap {
@@ -14339,14 +14339,27 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
14339
14339
  outline: none;
14340
14340
  }
14341
14341
 
14342
- .e-input-group.e-prepend input.e-input,
14343
- .e-float-input.e-input-group.e-prepend input,
14344
- .e-input-group.e-control-wrapper.e-prepend input.e-input,
14345
- .e-float-input.e-input-group.e-control-wrapper.e-prepend input,
14346
- .e-float-input.e-prepend input,
14347
- .e-float-input.e-control-wrapper.e-prepend input {
14342
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14343
+ .e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14348
14344
  @if $input-skin-name == 'material' {
14349
14345
  border-bottom: 1px solid;
14346
+ border-bottom-color: $input-box-border-color;
14347
+ }
14348
+ }
14349
+
14350
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14351
+ .e-error.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14352
+ @if $input-skin-name == 'material' {
14353
+ border-bottom: 1px solid;
14354
+ border-bottom-color: $error-font-color;
14355
+ }
14356
+ }
14357
+
14358
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend.e-append .e-input-in-wrap,
14359
+ .e-success.e-input-group.e-control-container.e-control-wrapper.e-float-input.e-prepend .e-input-in-wrap {
14360
+ @if $input-skin-name == 'material' {
14361
+ border-bottom: 1px solid;
14362
+ border-bottom-color: $success-font-color;
14350
14363
  }
14351
14364
  }
14352
14365
 
@@ -31470,6 +31483,7 @@ $tooltip-icon-border-color: $border !default;
31470
31483
 
31471
31484
  /*! tooltip content area */
31472
31485
  .e-tip-content {
31486
+ border-radius: inherit;
31473
31487
  color: $tooltip-content-font-color;
31474
31488
  font-family: $font-family;
31475
31489
  font-size: $tooltip-font-size;
@@ -60725,7 +60739,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
60725
60739
  @include export-module('listbox-layout') {
60726
60740
  /* stylelint-disable property-no-vendor-prefix */
60727
60741
  .e-listbox-wrapper,
60728
- .e-listbox-container {
60742
+ .e-listbox-container,
60743
+ .e-listboxtool-wrapper {
60729
60744
  -webkit-overflow-scrolling: touch;
60730
60745
  box-sizing: border-box;
60731
60746
  cursor: pointer;
@@ -61038,7 +61053,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61038
61053
  }
61039
61054
 
61040
61055
  .e-listbox-wrapper.e-sortableclone,
61041
- .e-listbox-container.e-sortableclone {
61056
+ .e-listbox-container.e-sortableclone,
61057
+ .e-listboxtool-wrapper.e-sortableclone {
61042
61058
  border-width: 0;
61043
61059
  overflow: visible;
61044
61060
 
@@ -61071,6 +61087,10 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61071
61087
  }
61072
61088
  }
61073
61089
 
61090
+ .e-listboxtool-wrapper.e-sortableclone{
61091
+ display: block;
61092
+ }
61093
+
61074
61094
  .e-listboxtool-wrapper,
61075
61095
  .e-listboxtool-container {
61076
61096
  cursor: pointer;
@@ -61305,7 +61325,8 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
61305
61325
  }
61306
61326
 
61307
61327
  .e-listbox-wrapper,
61308
- .e-listbox-container {
61328
+ .e-listbox-container,
61329
+ .e-listboxtool-wrapper {
61309
61330
  font-family: $listbox-font-family;
61310
61331
  font-size: $listbox-font-size;
61311
61332
  @at-root {
@@ -85414,11 +85435,6 @@ $rte-tbar-default-bg: $content-bg-color-alt2;
85414
85435
  .e-richtexteditor .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn {
85415
85436
  line-height: 20px;
85416
85437
  }
85417
-
85418
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn,
85419
- .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control {
85420
- padding: 0;
85421
- }
85422
85438
  }
85423
85439
 
85424
85440
  @if $skin-name == 'bootstrap5' {
@@ -96549,7 +96565,7 @@ $pv-eye-icon-margin-top: 3px !default;
96549
96565
 
96550
96566
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper .e-editable-value {
96551
96567
  border-bottom: 0;
96552
- word-break: break-all;
96568
+ word-break: break-word;
96553
96569
  }
96554
96570
 
96555
96571
  .e-pdfviewer .e-inplaceeditor .e-editable-value-wrapper {
@@ -110876,6 +110892,11 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
110876
110892
  &:focus {
110877
110893
  background: $schedule-select-bg-color;
110878
110894
  }
110895
+
110896
+ &.e-template {
110897
+ display: inline-flex;
110898
+ flex-direction: row-reverse;
110899
+ }
110879
110900
  }
110880
110901
 
110881
110902
  .e-subject-wrap {
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"21.2.8","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"21.2.10","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}