@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/inplace-editor/inplace-editor/fabric.scss CHANGED
@@ -240,12 +240,12 @@ $editor-btn-icon-color: $neutral-light-font !default;
240
240
  position: relative;
241
241
  width: auto;
242
242
 
243
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
247
247
 
248
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
248
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
249
249
  display: block;
250
250
  visibility: hidden;
251
251
  }
@@ -657,8 +657,8 @@ $editor-btn-icon-color: $neutral-light-font !default;
657
657
  &.e-tooltip-wrap {
658
658
  max-width: 100%;
659
659
 
660
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
660
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
662
662
  display: block;
663
663
  visibility: hidden;
664
664
  }
package/SCSS-Themes/inplace-editor/inplace-editor/fluent-dark.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: $icon-color !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: $icon-color !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/inplace-editor/inplace-editor/fluent.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: $icon-color !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: $icon-color !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/inplace-editor/inplace-editor/highcontrast.scss CHANGED
@@ -239,12 +239,12 @@ $editor-btn-icon-color: $content-font !default;
239
239
  position: relative;
240
240
  width: auto;
241
241
 
242
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
242
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
243
243
  display: block;
244
244
  visibility: hidden;
245
245
  }
246
246
 
247
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
247
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
248
248
  display: block;
249
249
  visibility: hidden;
250
250
  }
@@ -656,8 +656,8 @@ $editor-btn-icon-color: $content-font !default;
656
656
  &.e-tooltip-wrap {
657
657
  max-width: 100%;
658
658
 
659
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
660
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
659
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
660
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
661
661
  display: block;
662
662
  visibility: hidden;
663
663
  }
package/SCSS-Themes/inplace-editor/inplace-editor/material-dark.scss CHANGED
@@ -240,12 +240,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
240
240
  position: relative;
241
241
  width: auto;
242
242
 
243
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
247
247
 
248
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
248
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
249
249
  display: block;
250
250
  visibility: hidden;
251
251
  }
@@ -657,8 +657,8 @@ $editor-btn-icon-color: $grey-dark-font !default;
657
657
  &.e-tooltip-wrap {
658
658
  max-width: 100%;
659
659
 
660
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
660
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
662
662
  display: block;
663
663
  visibility: hidden;
664
664
  }
package/SCSS-Themes/inplace-editor/inplace-editor/material.scss CHANGED
@@ -240,12 +240,12 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
240
240
  position: relative;
241
241
  width: auto;
242
242
 
243
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
247
247
 
248
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
248
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
249
249
  display: block;
250
250
  visibility: hidden;
251
251
  }
@@ -657,8 +657,8 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
657
657
  &.e-tooltip-wrap {
658
658
  max-width: 100%;
659
659
 
660
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
660
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
661
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
662
662
  display: block;
663
663
  visibility: hidden;
664
664
  }
package/SCSS-Themes/inplace-editor/inplace-editor/material3-dark.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/inplace-editor/inplace-editor/material3.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/inplace-editor/inplace-editor/tailwind-dark.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: $icon-color !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: $icon-color !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/inplace-editor/inplace-editor/tailwind.scss CHANGED
@@ -235,12 +235,12 @@ $editor-btn-icon-color: $icon-color !default;
235
235
  position: relative;
236
236
  width: auto;
237
237
 
238
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
239
239
  display: block;
240
240
  visibility: hidden;
241
241
  }
242
242
 
243
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
243
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
244
244
  display: block;
245
245
  visibility: hidden;
246
246
  }
@@ -652,8 +652,8 @@ $editor-btn-icon-color: $icon-color !default;
652
652
  &.e-tooltip-wrap {
653
653
  max-width: 100%;
654
654
 
655
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
655
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
656
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
657
657
  display: block;
658
658
  visibility: hidden;
659
659
  }
package/SCSS-Themes/material-dark.scss CHANGED
@@ -81416,6 +81416,20 @@ margin: $grid-group-animator-cell-margin;
81416
81416
  }
81417
81417
  }
81418
81418
 
81419
+ .e-bigger {
81420
+ &.e-grid.sf-grid.e-row-responsive,
81421
+ .e-grid.sf-grid.e-row-responsive {
81422
+ & .e-gridcontent,
81423
+ & .e-summarycontent {
81424
+ & td::before{
81425
+ @if $grid-skin == 'fluent' {
81426
+ overflow: hidden;
81427
+ }
81428
+ }
81429
+ }
81430
+ }
81431
+ }
81432
+
81419
81433
  .e-bigger .e-grid.e-row-responsive,
81420
81434
  .e-bigger.e-grid.e-row-responsive {
81421
81435
 
@@ -95273,12 +95287,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
95273
95287
  position: relative;
95274
95288
  width: auto;
95275
95289
 
95276
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95290
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95277
95291
  display: block;
95278
95292
  visibility: hidden;
95279
95293
  }
95280
95294
 
95281
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95295
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95282
95296
  display: block;
95283
95297
  visibility: hidden;
95284
95298
  }
@@ -95690,8 +95704,8 @@ $editor-btn-icon-color: $grey-dark-font !default;
95690
95704
  &.e-tooltip-wrap {
95691
95705
  max-width: 100%;
95692
95706
 
95693
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95694
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95707
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95708
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95695
95709
  display: block;
95696
95710
  visibility: hidden;
95697
95711
  }
@@ -122851,6 +122865,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
122851
122865
  &:focus {
122852
122866
  outline: none;
122853
122867
  }
122868
+
122869
+ &.e-hidden {
122870
+ display: none;
122871
+ }
122854
122872
  }
122855
122873
 
122856
122874
  .e-ribbon-overall-of-btn {
@@ -122922,7 +122940,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
122922
122940
  padding-top: $ribbon-group-padding;
122923
122941
  height: $ribbon-group-height;
122924
122942
 
122925
- &.e-hidden {
122943
+ &.e-hidden,
122944
+ &.e-hide-group {
122926
122945
  display: none;
122927
122946
  }
122928
122947
 
@@ -123464,7 +123483,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
123464
123483
 
123465
123484
  .e-ribbon-overflow-target {
123466
123485
 
123467
- &.e-hidden {
123486
+ &.e-hidden,
123487
+ &.e-hide-group {
123468
123488
  display: none;
123469
123489
  }
123470
123490
 
@@ -123473,7 +123493,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
123473
123493
  }
123474
123494
 
123475
123495
  .e-ribbon-of-tab .e-ribbon-of-group-container {
123476
- &.e-hidden {
123496
+ &.e-hidden,
123497
+ &.e-hide-group {
123477
123498
  display: none;
123478
123499
  }
123479
123500
 
package/SCSS-Themes/material.scss CHANGED
@@ -81137,6 +81137,20 @@ margin: $grid-group-animator-cell-margin;
81137
81137
  }
81138
81138
  }
81139
81139
 
81140
+ .e-bigger {
81141
+ &.e-grid.sf-grid.e-row-responsive,
81142
+ .e-grid.sf-grid.e-row-responsive {
81143
+ & .e-gridcontent,
81144
+ & .e-summarycontent {
81145
+ & td::before{
81146
+ @if $grid-skin == 'fluent' {
81147
+ overflow: hidden;
81148
+ }
81149
+ }
81150
+ }
81151
+ }
81152
+ }
81153
+
81140
81154
  .e-bigger .e-grid.e-row-responsive,
81141
81155
  .e-bigger.e-grid.e-row-responsive {
81142
81156
 
@@ -94986,12 +95000,12 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
94986
95000
  position: relative;
94987
95001
  width: auto;
94988
95002
 
94989
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95003
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94990
95004
  display: block;
94991
95005
  visibility: hidden;
94992
95006
  }
94993
95007
 
94994
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95008
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94995
95009
  display: block;
94996
95010
  visibility: hidden;
94997
95011
  }
@@ -95403,8 +95417,8 @@ $editor-btn-icon-color: rgba($grey-light-font, .54) !default;
95403
95417
  &.e-tooltip-wrap {
95404
95418
  max-width: 100%;
95405
95419
 
95406
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95407
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95420
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95421
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95408
95422
  display: block;
95409
95423
  visibility: hidden;
95410
95424
  }
@@ -122558,6 +122572,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
122558
122572
  &:focus {
122559
122573
  outline: none;
122560
122574
  }
122575
+
122576
+ &.e-hidden {
122577
+ display: none;
122578
+ }
122561
122579
  }
122562
122580
 
122563
122581
  .e-ribbon-overall-of-btn {
@@ -122629,7 +122647,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
122629
122647
  padding-top: $ribbon-group-padding;
122630
122648
  height: $ribbon-group-height;
122631
122649
 
122632
- &.e-hidden {
122650
+ &.e-hidden,
122651
+ &.e-hide-group {
122633
122652
  display: none;
122634
122653
  }
122635
122654
 
@@ -123171,7 +123190,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
123171
123190
 
123172
123191
  .e-ribbon-overflow-target {
123173
123192
 
123174
- &.e-hidden {
123193
+ &.e-hidden,
123194
+ &.e-hide-group {
123175
123195
  display: none;
123176
123196
  }
123177
123197
 
@@ -123180,7 +123200,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .23),
123180
123200
  }
123181
123201
 
123182
123202
  .e-ribbon-of-tab .e-ribbon-of-group-container {
123183
- &.e-hidden {
123203
+ &.e-hidden,
123204
+ &.e-hide-group {
123184
123205
  display: none;
123185
123206
  }
123186
123207
 
package/SCSS-Themes/material3-dark.scss CHANGED
@@ -81637,6 +81637,20 @@ margin: $grid-group-animator-cell-margin;
81637
81637
  }
81638
81638
  }
81639
81639
 
81640
+ .e-bigger {
81641
+ &.e-grid.sf-grid.e-row-responsive,
81642
+ .e-grid.sf-grid.e-row-responsive {
81643
+ & .e-gridcontent,
81644
+ & .e-summarycontent {
81645
+ & td::before{
81646
+ @if $grid-skin == 'fluent' {
81647
+ overflow: hidden;
81648
+ }
81649
+ }
81650
+ }
81651
+ }
81652
+ }
81653
+
81640
81654
  .e-bigger .e-grid.e-row-responsive,
81641
81655
  .e-bigger.e-grid.e-row-responsive {
81642
81656
 
@@ -95527,12 +95541,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
95527
95541
  position: relative;
95528
95542
  width: auto;
95529
95543
 
95530
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95544
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95531
95545
  display: block;
95532
95546
  visibility: hidden;
95533
95547
  }
95534
95548
 
95535
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95549
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95536
95550
  display: block;
95537
95551
  visibility: hidden;
95538
95552
  }
@@ -95944,8 +95958,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
95944
95958
  &.e-tooltip-wrap {
95945
95959
  max-width: 100%;
95946
95960
 
95947
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95948
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95961
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95962
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95949
95963
  display: block;
95950
95964
  visibility: hidden;
95951
95965
  }
@@ -123154,6 +123168,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123154
123168
  &:focus {
123155
123169
  outline: none;
123156
123170
  }
123171
+
123172
+ &.e-hidden {
123173
+ display: none;
123174
+ }
123157
123175
  }
123158
123176
 
123159
123177
  .e-ribbon-overall-of-btn {
@@ -123225,7 +123243,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123225
123243
  padding-top: $ribbon-group-padding;
123226
123244
  height: $ribbon-group-height;
123227
123245
 
123228
- &.e-hidden {
123246
+ &.e-hidden,
123247
+ &.e-hide-group {
123229
123248
  display: none;
123230
123249
  }
123231
123250
 
@@ -123767,7 +123786,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123767
123786
 
123768
123787
  .e-ribbon-overflow-target {
123769
123788
 
123770
- &.e-hidden {
123789
+ &.e-hidden,
123790
+ &.e-hide-group {
123771
123791
  display: none;
123772
123792
  }
123773
123793
 
@@ -123776,7 +123796,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123776
123796
  }
123777
123797
 
123778
123798
  .e-ribbon-of-tab .e-ribbon-of-group-container {
123779
- &.e-hidden {
123799
+ &.e-hidden,
123800
+ &.e-hide-group {
123780
123801
  display: none;
123781
123802
  }
123782
123803
 
package/SCSS-Themes/material3.scss CHANGED
@@ -81720,6 +81720,20 @@ margin: $grid-group-animator-cell-margin;
81720
81720
  }
81721
81721
  }
81722
81722
 
81723
+ .e-bigger {
81724
+ &.e-grid.sf-grid.e-row-responsive,
81725
+ .e-grid.sf-grid.e-row-responsive {
81726
+ & .e-gridcontent,
81727
+ & .e-summarycontent {
81728
+ & td::before{
81729
+ @if $grid-skin == 'fluent' {
81730
+ overflow: hidden;
81731
+ }
81732
+ }
81733
+ }
81734
+ }
81735
+ }
81736
+
81723
81737
  .e-bigger .e-grid.e-row-responsive,
81724
81738
  .e-bigger.e-grid.e-row-responsive {
81725
81739
 
@@ -95610,12 +95624,12 @@ $editor-btn-icon-color: rgba($icon-color) !default;
95610
95624
  position: relative;
95611
95625
  width: auto;
95612
95626
 
95613
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95627
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95614
95628
  display: block;
95615
95629
  visibility: hidden;
95616
95630
  }
95617
95631
 
95618
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95632
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95619
95633
  display: block;
95620
95634
  visibility: hidden;
95621
95635
  }
@@ -96027,8 +96041,8 @@ $editor-btn-icon-color: rgba($icon-color) !default;
96027
96041
  &.e-tooltip-wrap {
96028
96042
  max-width: 100%;
96029
96043
 
96030
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
96031
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
96044
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
96045
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
96032
96046
  display: block;
96033
96047
  visibility: hidden;
96034
96048
  }
@@ -123237,6 +123251,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123237
123251
  &:focus {
123238
123252
  outline: none;
123239
123253
  }
123254
+
123255
+ &.e-hidden {
123256
+ display: none;
123257
+ }
123240
123258
  }
123241
123259
 
123242
123260
  .e-ribbon-overall-of-btn {
@@ -123308,7 +123326,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123308
123326
  padding-top: $ribbon-group-padding;
123309
123327
  height: $ribbon-group-height;
123310
123328
 
123311
- &.e-hidden {
123329
+ &.e-hidden,
123330
+ &.e-hide-group {
123312
123331
  display: none;
123313
123332
  }
123314
123333
 
@@ -123850,7 +123869,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123850
123869
 
123851
123870
  .e-ribbon-overflow-target {
123852
123871
 
123853
- &.e-hidden {
123872
+ &.e-hidden,
123873
+ &.e-hide-group {
123854
123874
  display: none;
123855
123875
  }
123856
123876
 
@@ -123859,7 +123879,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: $shadow-sm !default;
123859
123879
  }
123860
123880
 
123861
123881
  .e-ribbon-of-tab .e-ribbon-of-group-container {
123862
- &.e-hidden {
123882
+ &.e-hidden,
123883
+ &.e-hide-group {
123863
123884
  display: none;
123864
123885
  }
123865
123886
 
package/SCSS-Themes/ribbon/ribbon/bootstrap-dark.scss CHANGED
@@ -494,6 +494,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175
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 12px rgba($grey-base, .175
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 12px rgba($grey-base, .175
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 12px rgba($grey-base, .175
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