@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
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -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
 
@@ -78739,6 +78739,7 @@ margin: $grid-group-animator-cell-margin;
78739
78739
 
78740
78740
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
78741
78741
  left: 44%;
78742
+ top: -8px;
78742
78743
  }
78743
78744
 
78744
78745
  .e-normaledit .e-rowcell {
@@ -80443,6 +80444,20 @@ margin: $grid-group-animator-cell-margin;
80443
80444
  }
80444
80445
  }
80445
80446
 
80447
+ .e-bigger {
80448
+ &.e-grid.sf-grid.e-row-responsive,
80449
+ .e-grid.sf-grid.e-row-responsive {
80450
+ & .e-gridcontent,
80451
+ & .e-summarycontent {
80452
+ & td::before{
80453
+ @if $grid-skin == 'fluent' {
80454
+ overflow: hidden;
80455
+ }
80456
+ }
80457
+ }
80458
+ }
80459
+ }
80460
+
80446
80461
  .e-bigger .e-grid.e-row-responsive,
80447
80462
  .e-bigger.e-grid.e-row-responsive {
80448
80463
 
@@ -94296,12 +94311,12 @@ $editor-btn-icon-color: $icon-color !default;
94296
94311
  position: relative;
94297
94312
  width: auto;
94298
94313
 
94299
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94314
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94300
94315
  display: block;
94301
94316
  visibility: hidden;
94302
94317
  }
94303
94318
 
94304
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94319
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94305
94320
  display: block;
94306
94321
  visibility: hidden;
94307
94322
  }
@@ -94713,8 +94728,8 @@ $editor-btn-icon-color: $icon-color !default;
94713
94728
  &.e-tooltip-wrap {
94714
94729
  max-width: 100%;
94715
94730
 
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 {
94731
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94732
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94718
94733
  display: block;
94719
94734
  visibility: hidden;
94720
94735
  }
@@ -121867,6 +121882,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121867
121882
  &:focus {
121868
121883
  outline: none;
121869
121884
  }
121885
+
121886
+ &.e-hidden {
121887
+ display: none;
121888
+ }
121870
121889
  }
121871
121890
 
121872
121891
  .e-ribbon-overall-of-btn {
@@ -121938,7 +121957,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121938
121957
  padding-top: $ribbon-group-padding;
121939
121958
  height: $ribbon-group-height;
121940
121959
 
121941
- &.e-hidden {
121960
+ &.e-hidden,
121961
+ &.e-hide-group {
121942
121962
  display: none;
121943
121963
  }
121944
121964
 
@@ -122480,7 +122500,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122480
122500
 
122481
122501
  .e-ribbon-overflow-target {
122482
122502
 
122483
- &.e-hidden {
122503
+ &.e-hidden,
122504
+ &.e-hide-group {
122484
122505
  display: none;
122485
122506
  }
122486
122507
 
@@ -122489,7 +122510,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122489
122510
  }
122490
122511
 
122491
122512
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122492
- &.e-hidden {
122513
+ &.e-hidden,
122514
+ &.e-hide-group {
122493
122515
  display: none;
122494
122516
  }
122495
122517
 
@@ -78736,6 +78736,7 @@ margin: $grid-group-animator-cell-margin;
78736
78736
 
78737
78737
  .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
78738
78738
  left: 44%;
78739
+ top: -8px;
78739
78740
  }
78740
78741
 
78741
78742
  .e-normaledit .e-rowcell {
@@ -80440,6 +80441,20 @@ margin: $grid-group-animator-cell-margin;
80440
80441
  }
80441
80442
  }
80442
80443
 
80444
+ .e-bigger {
80445
+ &.e-grid.sf-grid.e-row-responsive,
80446
+ .e-grid.sf-grid.e-row-responsive {
80447
+ & .e-gridcontent,
80448
+ & .e-summarycontent {
80449
+ & td::before{
80450
+ @if $grid-skin == 'fluent' {
80451
+ overflow: hidden;
80452
+ }
80453
+ }
80454
+ }
80455
+ }
80456
+ }
80457
+
80443
80458
  .e-bigger .e-grid.e-row-responsive,
80444
80459
  .e-bigger.e-grid.e-row-responsive {
80445
80460
 
@@ -94293,12 +94308,12 @@ $editor-btn-icon-color: $icon-color !default;
94293
94308
  position: relative;
94294
94309
  width: auto;
94295
94310
 
94296
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94311
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
94297
94312
  display: block;
94298
94313
  visibility: hidden;
94299
94314
  }
94300
94315
 
94301
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94316
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94302
94317
  display: block;
94303
94318
  visibility: hidden;
94304
94319
  }
@@ -94710,8 +94725,8 @@ $editor-btn-icon-color: $icon-color !default;
94710
94725
  &.e-tooltip-wrap {
94711
94726
  max-width: 100%;
94712
94727
 
94713
- .e-input-group.e-numeric.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94714
- .e-input-group.e-numeric.e-control-container .e-clear-icon.e-clear-icon-hide {
94728
+ .e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
94729
+ .e-input-group.e-control-container .e-clear-icon.e-clear-icon-hide {
94715
94730
  display: block;
94716
94731
  visibility: hidden;
94717
94732
  }
@@ -121864,6 +121879,10 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121864
121879
  &:focus {
121865
121880
  outline: none;
121866
121881
  }
121882
+
121883
+ &.e-hidden {
121884
+ display: none;
121885
+ }
121867
121886
  }
121868
121887
 
121869
121888
  .e-ribbon-overall-of-btn {
@@ -121935,7 +121954,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
121935
121954
  padding-top: $ribbon-group-padding;
121936
121955
  height: $ribbon-group-height;
121937
121956
 
121938
- &.e-hidden {
121957
+ &.e-hidden,
121958
+ &.e-hide-group {
121939
121959
  display: none;
121940
121960
  }
121941
121961
 
@@ -122477,7 +122497,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122477
122497
 
122478
122498
  .e-ribbon-overflow-target {
122479
122499
 
122480
- &.e-hidden {
122500
+ &.e-hidden,
122501
+ &.e-hide-group {
122481
122502
  display: none;
122482
122503
  }
122483
122504
 
@@ -122486,7 +122507,8 @@ $ribbon-group-button-dropdown-popup-box-shadow: none !default;
122486
122507
  }
122487
122508
 
122488
122509
  .e-ribbon-of-tab .e-ribbon-of-group-container {
122489
- &.e-hidden {
122510
+ &.e-hidden,
122511
+ &.e-hide-group {
122490
122512
  display: none;
122491
122513
  }
122492
122514
 
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"23.2.4","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":"23.2.6","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"}}