@syncfusion/blazor-themes 23.2.4 → 23.2.6

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 +29 -7
  2. package/SCSS-Themes/bootstrap.scss +29 -7
  3. package/SCSS-Themes/bootstrap4.scss +29 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +29 -7
  5. package/SCSS-Themes/bootstrap5.scss +29 -7
  6. package/SCSS-Themes/fabric-dark.scss +29 -7
  7. package/SCSS-Themes/fabric.scss +29 -7
  8. package/SCSS-Themes/fluent-dark.scss +29 -7
  9. package/SCSS-Themes/fluent.scss +29 -7
  10. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +15 -0
  11. package/SCSS-Themes/grids/grid/bootstrap.scss +15 -0
  12. package/SCSS-Themes/grids/grid/bootstrap4.scss +15 -0
  13. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +15 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5.scss +15 -0
  15. package/SCSS-Themes/grids/grid/fabric-dark.scss +15 -0
  16. package/SCSS-Themes/grids/grid/fabric.scss +15 -0
  17. package/SCSS-Themes/grids/grid/fluent-dark.scss +15 -0
  18. package/SCSS-Themes/grids/grid/fluent.scss +15 -0
  19. package/SCSS-Themes/grids/grid/highcontrast.scss +15 -0
  20. package/SCSS-Themes/grids/grid/material-dark.scss +15 -0
  21. package/SCSS-Themes/grids/grid/material.scss +15 -0
  22. package/SCSS-Themes/grids/grid/material3-dark.scss +15 -0
  23. package/SCSS-Themes/grids/grid/material3.scss +15 -0
  24. package/SCSS-Themes/grids/grid/tailwind-dark.scss +15 -0
  25. package/SCSS-Themes/grids/grid/tailwind.scss +15 -0
  26. package/SCSS-Themes/highcontrast.scss +29 -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 +29 -7
  44. package/SCSS-Themes/material.scss +29 -7
  45. package/SCSS-Themes/material3-dark.scss +29 -7
  46. package/SCSS-Themes/material3.scss +29 -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 +29 -7
  64. package/SCSS-Themes/tailwind.scss +29 -7
  65. package/package.json +1 -1
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -78417,6 +78417,7 @@ margin: $grid-group-animator-cell-margin;
78417
78417
 
78418
78418
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
78419
78419
  left: 44%;
78420
+ top: -8px;
78420
78421
  }
78421
78422
 
78422
78423
  .e-normaledit .e-rowcell {
@@ -80121,6 +80122,20 @@ margin: $grid-group-animator-cell-margin;
80121
80122
  }
80122
80123
  }
80123
80124
 
80125
+ .e-bigger {
80126
+ &.e-grid.sf-grid.e-row-responsive,
80127
+ .e-grid.sf-grid.e-row-responsive {
80128
+ & .e-gridcontent,
80129
+ & .e-summarycontent {
80130
+ & td::before{
80131
+ @if $grid-skin == 'fluent' {
80132
+ overflow: hidden;
80133
+ }
80134
+ }
80135
+ }
80136
+ }
80137
+ }
80138
+
80124
80139
  .e-bigger .e-grid.e-row-responsive,
80125
80140
  .e-bigger.e-grid.e-row-responsive {
80126
80141
 
@@ -93961,12 +93976,12 @@ $editor-btn-icon-color: $content-font !default;
93961
93976
  position: relative;
93962
93977
  width: auto;
93963
93978
 
93964
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93979
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
93965
93980
  display: block;
93966
93981
  visibility: hidden;
93967
93982
  }
93968
93983
 
93969
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
93984
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
93970
93985
  display: block;
93971
93986
  visibility: hidden;
93972
93987
  }
@@ -94378,8 +94393,8 @@ $editor-btn-icon-color: $content-font !default;
94378
94393
  &.e-tooltip-wrap {
94379
94394
  max-width: 100%;
94380
94395
 
94381
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94382
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94396
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94397
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94383
94398
  display: block;
94384
94399
  visibility: hidden;
94385
94400
  }
@@ -121491,6 +121506,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121491
121506
  &:focus {
121492
121507
  outline: none;
121493
121508
  }
121509
+
121510
+ &.e-hidden {
121511
+ display: none;
121512
+ }
121494
121513
  }
121495
121514
 
121496
121515
  .e-ribbon-overall-of-btn {
@@ -121562,7 +121581,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
121562
121581
  padding-top: $ribbon-group-padding;
121563
121582
  height: $ribbon-group-height;
121564
121583
 
121565
- &.e-hidden {
121584
+ &.e-hidden,
121585
+ &.e-hide-group {
121566
121586
  display: none;
121567
121587
  }
121568
121588
 
@@ -122104,7 +122124,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
122104
122124
 
122105
122125
  .e-ribbon-overflow-target {
122106
122126
 
122107
- &.e-hidden {
122127
+ &.e-hidden,
122128
+ &.e-hide-group {
122108
122129
  display: none;
122109
122130
  }
122110
122131
 
@@ -122113,7 +122134,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .25) !de
122113
122134
  }
122114
122135
 
122115
122136
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122116
- &.e-hidden {
122137
+ &.e-hidden,
122138
+ &.e-hide-group {
122117
122139
  display: none;
122118
122140
  }
122119
122141
 
package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap-dark.scss CHANGED
@@ -239,12 +239,12 @@ $editor-btn-icon-color: $grey-dark-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: $grey-dark-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/bootstrap.scss CHANGED
@@ -240,12 +240,12 @@ $editor-btn-icon-color: $grey-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: $grey-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/bootstrap4.scss CHANGED
@@ -240,12 +240,12 @@ $editor-btn-icon-color: $gray-700 !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: $gray-700 !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/bootstrap5-dark.scss CHANGED
@@ -234,12 +234,12 @@ $editor-btn-icon-color: $icon-color !default;
234
234
  position: relative;
235
235
  width: auto;
236
236
 
237
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
237
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
238
  display: block;
239
239
  visibility: hidden;
240
240
  }
241
241
 
242
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
242
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
243
243
  display: block;
244
244
  visibility: hidden;
245
245
  }
@@ -651,8 +651,8 @@ $editor-btn-icon-color: $icon-color !default;
651
651
  &.e-tooltip-wrap {
652
652
  max-width: 100%;
653
653
 
654
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
655
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
654
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
655
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
656
656
  display: block;
657
657
  visibility: hidden;
658
658
  }
package/SCSS-Themes/inplace-editor/inplace-editor/bootstrap5.scss CHANGED
@@ -234,12 +234,12 @@ $editor-btn-icon-color: $icon-color !default;
234
234
  position: relative;
235
235
  width: auto;
236
236
 
237
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
237
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
238
238
  display: block;
239
239
  visibility: hidden;
240
240
  }
241
241
 
242
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
242
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
243
243
  display: block;
244
244
  visibility: hidden;
245
245
  }
@@ -651,8 +651,8 @@ $editor-btn-icon-color: $icon-color !default;
651
651
  &.e-tooltip-wrap {
652
652
  max-width: 100%;
653
653
 
654
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
655
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
654
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
655
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
656
656
  display: block;
657
657
  visibility: hidden;
658
658
  }
package/SCSS-Themes/inplace-editor/inplace-editor/fabric-dark.scss CHANGED
@@ -239,12 +239,12 @@ $editor-btn-icon-color: $neutral-light-fontalt !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: $neutral-light-fontalt !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/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
@@ -79712,6 +79712,7 @@ margin: $grid-group-animator-cell-margin;
79712
79712
 
79713
79713
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
79714
79714
  left: 44%;
79715
+ top: -8px;
79715
79716
  }
79716
79717
 
79717
79718
  .e-normaledit .e-rowcell {
@@ -81416,6 +81417,20 @@ margin: $grid-group-animator-cell-margin;
81416
81417
  }
81417
81418
  }
81418
81419
 
81420
+ .e-bigger {
81421
+ &.e-grid.sf-grid.e-row-responsive,
81422
+ .e-grid.sf-grid.e-row-responsive {
81423
+ & .e-gridcontent,
81424
+ & .e-summarycontent {
81425
+ & td::before{
81426
+ @if $grid-skin == 'fluent' {
81427
+ overflow: hidden;
81428
+ }
81429
+ }
81430
+ }
81431
+ }
81432
+ }
81433
+
81419
81434
  .e-bigger .e-grid.e-row-responsive,
81420
81435
  .e-bigger.e-grid.e-row-responsive {
81421
81436
 
@@ -95273,12 +95288,12 @@ $editor-btn-icon-color: $grey-dark-font !default;
95273
95288
  position: relative;
95274
95289
  width: auto;
95275
95290
 
95276
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95291
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
95277
95292
  display: block;
95278
95293
  visibility: hidden;
95279
95294
  }
95280
95295
 
95281
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
95296
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95282
95297
  display: block;
95283
95298
  visibility: hidden;
95284
95299
  }
@@ -95690,8 +95705,8 @@ $editor-btn-icon-color: $grey-dark-font !default;
95690
95705
  &.e-tooltip-wrap {
95691
95706
  max-width: 100%;
95692
95707
 
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 {
95708
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
95709
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
95695
95710
  display: block;
95696
95711
  visibility: hidden;
95697
95712
  }
@@ -122851,6 +122866,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
122851
122866
  &:focus {
122852
122867
  outline: none;
122853
122868
  }
122869
+
122870
+ &.e-hidden {
122871
+ display: none;
122872
+ }
122854
122873
  }
122855
122874
 
122856
122875
  .e-ribbon-overall-of-btn {
@@ -122922,7 +122941,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
122922
122941
  padding-top: $ribbon-group-padding;
122923
122942
  height: $ribbon-group-height;
122924
122943
 
122925
- &.e-hidden {
122944
+ &.e-hidden,
122945
+ &.e-hide-group {
122926
122946
  display: none;
122927
122947
  }
122928
122948
 
@@ -123464,7 +123484,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
123464
123484
 
123465
123485
  .e-ribbon-overflow-target {
123466
123486
 
123467
- &.e-hidden {
123487
+ &.e-hidden,
123488
+ &.e-hide-group {
123468
123489
  display: none;
123469
123490
  }
123470
123491
 
@@ -123473,7 +123494,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: 0 3px 8px 0 rgba($grey-black, .2
123473
123494
  }
123474
123495
 
123475
123496
  .e-ribbon-of-tab .e-ribbon-of-group-container {
123476
- &.e-hidden {
123497
+ &.e-hidden,
123498
+ &.e-hide-group {
123477
123499
  display: none;
123478
123500
  }
123479
123501