@syncfusion/blazor-themes 23.2.4 → 23.2.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 (65) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +28 -7
  2. package/SCSS-Themes/bootstrap.scss +28 -7
  3. package/SCSS-Themes/bootstrap4.scss +28 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +28 -7
  5. package/SCSS-Themes/bootstrap5.scss +28 -7
  6. package/SCSS-Themes/fabric-dark.scss +28 -7
  7. package/SCSS-Themes/fabric.scss +28 -7
  8. package/SCSS-Themes/fluent-dark.scss +28 -7
  9. package/SCSS-Themes/fluent.scss +28 -7
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +14 -0
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +14 -0
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +14 -0
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +14 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +14 -0
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +14 -0
  16. package/SCSS-Themes/grids/grid/fabric.scss +14 -0
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +14 -0
  18. package/SCSS-Themes/grids/grid/fluent.scss +14 -0
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +14 -0
  20. package/SCSS-Themes/grids/grid/material-dark.scss +14 -0
  21. package/SCSS-Themes/grids/grid/material.scss +14 -0
  22. package/SCSS-Themes/grids/grid/material3-dark.scss +14 -0
  23. package/SCSS-Themes/grids/grid/material3.scss +14 -0
  24. package/SCSS-Themes/grids/grid/tailwind-dark.scss +14 -0
  25. package/SCSS-Themes/grids/grid/tailwind.scss +14 -0
  26. package/SCSS-Themes/highcontrast.scss +28 -7
  27. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss +4 -4
  28. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap.scss +4 -4
  29. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap4.scss +4 -4
  30. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5-dark.scss +4 -4
  31. package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss +4 -4
  32. package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss +4 -4
  33. package/SCSS-Themes/inplace-editor/inplace-editor/fabric.scss +4 -4
  34. package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss +4 -4
  35. package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss +4 -4
  36. package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss +4 -4
  37. package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss +4 -4
  38. package/SCSS-Themes/inplace-editor/inplace-editor/material.scss +4 -4
  39. package/SCSS-Themes/inplace-editor/inplace-editor/material3-dark.scss +4 -4
  40. package/SCSS-Themes/inplace-editor/inplace-editor/material3.scss +4 -4
  41. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss +4 -4
  42. package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss +4 -4
  43. package/SCSS-Themes/material-dark.scss +28 -7
  44. package/SCSS-Themes/material.scss +28 -7
  45. package/SCSS-Themes/material3-dark.scss +28 -7
  46. package/SCSS-Themes/material3.scss +28 -7
  47. package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss +10 -3
  48. package/SCSS-Themes/ribbon/ribbon/bootstrap.scss +10 -3
  49. package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss +10 -3
  50. package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss +10 -3
  51. package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss +10 -3
  52. package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss +10 -3
  53. package/SCSS-Themes/ribbon/ribbon/fabric.scss +10 -3
  54. package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss +10 -3
  55. package/SCSS-Themes/ribbon/ribbon/fluent.scss +10 -3
  56. package/SCSS-Themes/ribbon/ribbon/highcontrast.scss +10 -3
  57. package/SCSS-Themes/ribbon/ribbon/material-dark.scss +10 -3
  58. package/SCSS-Themes/ribbon/ribbon/material.scss +10 -3
  59. package/SCSS-Themes/ribbon/ribbon/material3-dark.scss +10 -3
  60. package/SCSS-Themes/ribbon/ribbon/material3.scss +10 -3
  61. package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss +10 -3
  62. package/SCSS-Themes/ribbon/ribbon/tailwind.scss +10 -3
  63. package/SCSS-Themes/tailwind-dark.scss +28 -7
  64. package/SCSS-Themes/tailwind.scss +28 -7
  65. package/package.json +1 -1
package/SCSS-Themes/ribbon/ribbon/bootstrap.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/bootstrap4.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/bootstrap5-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/bootstrap5.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/fabric-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/fabric.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/fluent-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/fluent.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/highcontrast.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/material-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/material.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/material3-dark.scss CHANGED
@@ -495,6 +495,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
495
495
  &:focus {
496
496
  outline: none;
497
497
  }
498
+
499
+ &.e-hidden {
500
+ display: none;
501
+ }
498
502
  }
499
503
 
500
504
  .e-ribbon-overall-of-btn {
@@ -566,7 +570,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
566
570
  padding-top: $ribbon-group-padding;
567
571
  height: $ribbon-group-height;
568
572
 
569
- &.e-hidden {
573
+ &.e-hidden,
574
+ &.e-hide-group {
570
575
  display: none;
571
576
  }
572
577
 
@@ -1108,7 +1113,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
1108
1113
 
1109
1114
  .e-ribbon-overflow-target {
1110
1115
 
1111
- &.e-hidden {
1116
+ &.e-hidden,
1117
+ &.e-hide-group {
1112
1118
  display: none;
1113
1119
  }
1114
1120
 
@@ -1117,7 +1123,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
1117
1123
  }
1118
1124
 
1119
1125
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1120
- &.e-hidden {
1126
+ &.e-hidden,
1127
+ &.e-hide-group {
1121
1128
  display: none;
1122
1129
  }
1123
1130
 
package/SCSS-Themes/ribbon/ribbon/material3.scss CHANGED
@@ -495,6 +495,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
495
495
  &:focus {
496
496
  outline: none;
497
497
  }
498
+
499
+ &.e-hidden {
500
+ display: none;
501
+ }
498
502
  }
499
503
 
500
504
  .e-ribbon-overall-of-btn {
@@ -566,7 +570,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
566
570
  padding-top: $ribbon-group-padding;
567
571
  height: $ribbon-group-height;
568
572
 
569
- &.e-hidden {
573
+ &.e-hidden,
574
+ &.e-hide-group {
570
575
  display: none;
571
576
  }
572
577
 
@@ -1108,7 +1113,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
1108
1113
 
1109
1114
  .e-ribbon-overflow-target {
1110
1115
 
1111
- &.e-hidden {
1116
+ &.e-hidden,
1117
+ &.e-hide-group {
1112
1118
  display: none;
1113
1119
  }
1114
1120
 
@@ -1117,7 +1123,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
1117
1123
  }
1118
1124
 
1119
1125
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1120
- &.e-hidden {
1126
+ &.e-hidden,
1127
+ &.e-hide-group {
1121
1128
  display: none;
1122
1129
  }
1123
1130
 
package/SCSS-Themes/ribbon/ribbon/tailwind-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/ribbon/ribbon/tailwind.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
494
494
  &:focus {
495
495
  outline: none;
496
496
  }
497
+
498
+ &.e-hidden {
499
+ display: none;
500
+ }
497
501
  }
498
502
 
499
503
  .e-ribbon-overall-of-btn {
@@ -565,7 +569,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
565
569
  padding-top: $ribbon-group-padding;
566
570
  height: $ribbon-group-height;
567
571
 
568
- &.e-hidden {
572
+ &.e-hidden,
573
+ &.e-hide-group {
569
574
  display: none;
570
575
  }
571
576
 
@@ -1107,7 +1112,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1107
1112
 
1108
1113
  .e-ribbon-overflow-target {
1109
1114
 
1110
- &.e-hidden {
1115
+ &.e-hidden,
1116
+ &.e-hide-group {
1111
1117
  display: none;
1112
1118
  }
1113
1119
 
@@ -1116,7 +1122,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
1116
1122
  }
1117
1123
 
1118
1124
  .e-ribbon-of-tab .e-ribbon-of-group-container {
1119
- &.e-hidden {
1125
+ &.e-hidden,
1126
+ &.e-hide-group {
1120
1127
  display: none;
1121
1128
  }
1122
1129
 
package/SCSS-Themes/tailwind-dark.scss CHANGED
@@ -80443,6 +80443,20 @@ margin: $grid-group-animator-cell-margin;
80443
80443
  }
80444
80444
  }
80445
80445
 
80446
+ .e-bigger {
80447
+ &.e-grid.sf-grid.e-row-responsive,
80448
+ .e-grid.sf-grid.e-row-responsive {
80449
+ & .e-gridcontent,
80450
+ & .e-summarycontent {
80451
+ & td::before{
80452
+ @if $grid-skin == 'fluent' {
80453
+ overflow: hidden;
80454
+ }
80455
+ }
80456
+ }
80457
+ }
80458
+ }
80459
+
80446
80460
  .e-bigger .e-grid.e-row-responsive,
80447
80461
  .e-bigger.e-grid.e-row-responsive {
80448
80462
 
@@ -94296,12 +94310,12 @@ $editor-btn-icon-color: $icon-color !default;
94296
94310
  position: relative;
94297
94311
  width: auto;
94298
94312
 
94299
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94313
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94300
94314
  display: block;
94301
94315
  visibility: hidden;
94302
94316
  }
94303
94317
 
94304
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94318
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94305
94319
  display: block;
94306
94320
  visibility: hidden;
94307
94321
  }
@@ -94713,8 +94727,8 @@ $editor-btn-icon-color: $icon-color !default;
94713
94727
  &.e-tooltip-wrap {
94714
94728
  max-width: 100%;
94715
94729
 
94716
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94717
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94730
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94731
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94718
94732
  display: block;
94719
94733
  visibility: hidden;
94720
94734
  }
@@ -121867,6 +121881,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121867
121881
  &:focus {
121868
121882
  outline: none;
121869
121883
  }
121884
+
121885
+ &.e-hidden {
121886
+ display: none;
121887
+ }
121870
121888
  }
121871
121889
 
121872
121890
  .e-ribbon-overall-of-btn {
@@ -121938,7 +121956,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121938
121956
  padding-top: $ribbon-group-padding;
121939
121957
  height: $ribbon-group-height;
121940
121958
 
121941
- &.e-hidden {
121959
+ &.e-hidden,
121960
+ &.e-hide-group {
121942
121961
  display: none;
121943
121962
  }
121944
121963
 
@@ -122480,7 +122499,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122480
122499
 
122481
122500
  .e-ribbon-overflow-target {
122482
122501
 
122483
- &.e-hidden {
122502
+ &.e-hidden,
122503
+ &.e-hide-group {
122484
122504
  display: none;
122485
122505
  }
122486
122506
 
@@ -122489,7 +122509,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122489
122509
  }
122490
122510
 
122491
122511
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122492
- &.e-hidden {
122512
+ &.e-hidden,
122513
+ &.e-hide-group {
122493
122514
  display: none;
122494
122515
  }
122495
122516