@syncfusion/blazor-themes 22.1.37 → 22.1.39

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 (86) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +51 -7
  2. package/SCSS-Themes/bootstrap.scss +56 -12
  3. package/SCSS-Themes/bootstrap4.scss +51 -7
  4. package/SCSS-Themes/bootstrap5-dark.scss +51 -7
  5. package/SCSS-Themes/bootstrap5.scss +51 -7
  6. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +0 -4
  7. package/SCSS-Themes/buttons/check-box/bootstrap.scss +0 -4
  8. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +0 -4
  9. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +0 -4
  10. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +0 -4
  11. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +0 -4
  12. package/SCSS-Themes/buttons/check-box/fabric.scss +0 -4
  13. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +0 -4
  14. package/SCSS-Themes/buttons/check-box/fluent.scss +0 -4
  15. package/SCSS-Themes/buttons/check-box/highcontrast.scss +0 -4
  16. package/SCSS-Themes/buttons/check-box/material-dark.scss +0 -4
  17. package/SCSS-Themes/buttons/check-box/material.scss +0 -4
  18. package/SCSS-Themes/buttons/check-box/material3-dark.scss +0 -4
  19. package/SCSS-Themes/buttons/check-box/material3.scss +0 -4
  20. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +0 -4
  21. package/SCSS-Themes/buttons/check-box/tailwind.scss +0 -4
  22. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  24. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  25. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +1 -1
  26. package/SCSS-Themes/fabric-dark.scss +52 -8
  27. package/SCSS-Themes/fabric.scss +52 -8
  28. package/SCSS-Themes/fluent-dark.scss +51 -7
  29. package/SCSS-Themes/fluent.scss +51 -7
  30. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +30 -1
  31. package/SCSS-Themes/grids/grid/bootstrap.scss +30 -1
  32. package/SCSS-Themes/grids/grid/bootstrap4.scss +30 -1
  33. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +30 -1
  34. package/SCSS-Themes/grids/grid/bootstrap5.scss +30 -1
  35. package/SCSS-Themes/grids/grid/fabric-dark.scss +30 -1
  36. package/SCSS-Themes/grids/grid/fabric.scss +30 -1
  37. package/SCSS-Themes/grids/grid/fluent-dark.scss +30 -1
  38. package/SCSS-Themes/grids/grid/fluent.scss +30 -1
  39. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -1
  40. package/SCSS-Themes/grids/grid/material-dark.scss +30 -1
  41. package/SCSS-Themes/grids/grid/material.scss +30 -1
  42. package/SCSS-Themes/grids/grid/material3-dark.scss +30 -1
  43. package/SCSS-Themes/grids/grid/material3.scss +30 -1
  44. package/SCSS-Themes/grids/grid/tailwind-dark.scss +30 -1
  45. package/SCSS-Themes/grids/grid/tailwind.scss +30 -1
  46. package/SCSS-Themes/highcontrast.scss +53 -9
  47. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +20 -2
  48. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +20 -2
  49. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +20 -2
  50. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +20 -2
  51. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +20 -2
  52. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +20 -2
  53. package/SCSS-Themes/image-editor/image-editor/fabric.scss +20 -2
  54. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +20 -2
  55. package/SCSS-Themes/image-editor/image-editor/fluent.scss +20 -2
  56. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +20 -2
  57. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +20 -2
  58. package/SCSS-Themes/image-editor/image-editor/material.scss +20 -2
  59. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +20 -2
  60. package/SCSS-Themes/image-editor/image-editor/material3.scss +20 -2
  61. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +20 -2
  62. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +20 -2
  63. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +1 -0
  64. package/SCSS-Themes/inputs/input/bootstrap.scss +1 -0
  65. package/SCSS-Themes/inputs/input/bootstrap4.scss +1 -0
  66. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +1 -0
  67. package/SCSS-Themes/inputs/input/bootstrap5.scss +1 -0
  68. package/SCSS-Themes/inputs/input/fabric-dark.scss +1 -0
  69. package/SCSS-Themes/inputs/input/fabric.scss +1 -0
  70. package/SCSS-Themes/inputs/input/fluent-dark.scss +1 -0
  71. package/SCSS-Themes/inputs/input/fluent.scss +1 -0
  72. package/SCSS-Themes/inputs/input/highcontrast.scss +1 -0
  73. package/SCSS-Themes/inputs/input/material-dark.scss +1 -0
  74. package/SCSS-Themes/inputs/input/material.scss +1 -0
  75. package/SCSS-Themes/inputs/input/material3-dark.scss +1 -0
  76. package/SCSS-Themes/inputs/input/material3.scss +1 -0
  77. package/SCSS-Themes/inputs/input/tailwind-dark.scss +1 -0
  78. package/SCSS-Themes/inputs/input/tailwind.scss +1 -0
  79. package/SCSS-Themes/material-dark.scss +51 -7
  80. package/SCSS-Themes/material.scss +51 -7
  81. package/SCSS-Themes/material3-dark.scss +51 -7
  82. package/SCSS-Themes/material3.scss +51 -7
  83. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +5 -5
  84. package/SCSS-Themes/tailwind-dark.scss +51 -7
  85. package/SCSS-Themes/tailwind.scss +51 -7
  86. package/package.json +1 -1
@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
180
180
 
181
181
  +.e-label {
182
182
  margin-left: $cbox-margin;
183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
185
183
  }
186
184
 
187
185
  +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
411
409
  font-size: $cbox-bigger-font-size;
412
410
  line-height: $cbox-bigger-height;
413
411
  margin-left: $cbox-bigger-margin;
414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
416
412
  }
417
413
 
418
414
  +.e-ripple-container {
@@ -182,8 +182,6 @@ $cbox-ripple-size: -9px !default;
182
182
 
183
183
  +.e-label {
184
184
  margin-left: $cbox-margin;
185
- max-width: calc(100% - ($cbox-width + $cbox-margin));
186
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
187
185
  }
188
186
 
189
187
  +.e-ripple-container {
@@ -413,8 +411,6 @@ $cbox-ripple-size: -9px !default;
413
411
  font-size: $cbox-bigger-font-size;
414
412
  line-height: $cbox-bigger-height;
415
413
  margin-left: $cbox-bigger-margin;
416
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
417
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
418
414
  }
419
415
 
420
416
  +.e-ripple-container {
@@ -179,8 +179,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
179
179
 
180
180
  +.e-label {
181
181
  margin-left: $cbox-margin;
182
- max-width: calc(100% - ($cbox-width + $cbox-margin));
183
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
184
182
  }
185
183
 
186
184
  +.e-ripple-container {
@@ -410,8 +408,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
410
408
  font-size: $cbox-bigger-font-size;
411
409
  line-height: $cbox-bigger-height;
412
410
  margin-left: $cbox-bigger-margin;
413
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
414
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
415
411
  }
416
412
 
417
413
  +.e-ripple-container {
@@ -184,8 +184,6 @@ $cbox-icon-color: $icon-color !default;
184
184
 
185
185
  +.e-label {
186
186
  margin-left: $cbox-margin;
187
- max-width: calc(100% - ($cbox-width + $cbox-margin));
188
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
189
187
  }
190
188
 
191
189
  +.e-ripple-container {
@@ -415,8 +413,6 @@ $cbox-icon-color: $icon-color !default;
415
413
  font-size: $cbox-bigger-font-size;
416
414
  line-height: $cbox-bigger-height;
417
415
  margin-left: $cbox-bigger-margin;
418
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
419
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
420
416
  }
421
417
 
422
418
  +.e-ripple-container {
@@ -184,8 +184,6 @@ $cbox-icon-color: $icon-color !default;
184
184
 
185
185
  +.e-label {
186
186
  margin-left: $cbox-margin;
187
- max-width: calc(100% - ($cbox-width + $cbox-margin));
188
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
189
187
  }
190
188
 
191
189
  +.e-ripple-container {
@@ -415,8 +413,6 @@ $cbox-icon-color: $icon-color !default;
415
413
  font-size: $cbox-bigger-font-size;
416
414
  line-height: $cbox-bigger-height;
417
415
  margin-left: $cbox-bigger-margin;
418
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
419
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
420
416
  }
421
417
 
422
418
  +.e-ripple-container {
@@ -178,8 +178,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
178
178
 
179
179
  +.e-label {
180
180
  margin-left: $cbox-margin;
181
- max-width: calc(100% - ($cbox-width + $cbox-margin));
182
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
183
181
  }
184
182
 
185
183
  +.e-ripple-container {
@@ -409,8 +407,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
409
407
  font-size: $cbox-bigger-font-size;
410
408
  line-height: $cbox-bigger-height;
411
409
  margin-left: $cbox-bigger-margin;
412
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
413
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
414
410
  }
415
411
 
416
412
  +.e-ripple-container {
@@ -183,8 +183,6 @@ $cbox-border-style: solid !default;
183
183
 
184
184
  +.e-label {
185
185
  margin-left: $cbox-margin;
186
- max-width: calc(100% - ($cbox-width + $cbox-margin));
187
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
188
186
  }
189
187
 
190
188
  +.e-ripple-container {
@@ -414,8 +412,6 @@ $cbox-border-style: solid !default;
414
412
  font-size: $cbox-bigger-font-size;
415
413
  line-height: $cbox-bigger-height;
416
414
  margin-left: $cbox-bigger-margin;
417
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
418
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
419
415
  }
420
416
 
421
417
  +.e-ripple-container {
@@ -179,8 +179,6 @@ $cbox-border-style: solid !default;
179
179
 
180
180
  +.e-label {
181
181
  margin-left: $cbox-margin;
182
- max-width: calc(100% - ($cbox-width + $cbox-margin));
183
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
184
182
  }
185
183
 
186
184
  +.e-ripple-container {
@@ -410,8 +408,6 @@ $cbox-border-style: solid !default;
410
408
  font-size: $cbox-bigger-font-size;
411
409
  line-height: $cbox-bigger-height;
412
410
  margin-left: $cbox-bigger-margin;
413
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
414
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
415
411
  }
416
412
 
417
413
  +.e-ripple-container {
@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
180
180
 
181
181
  +.e-label {
182
182
  margin-left: $cbox-margin;
183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
185
183
  }
186
184
 
187
185
  +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
411
409
  font-size: $cbox-bigger-font-size;
412
410
  line-height: $cbox-bigger-height;
413
411
  margin-left: $cbox-bigger-margin;
414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
416
412
  }
417
413
 
418
414
  +.e-ripple-container {
@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
180
180
 
181
181
  +.e-label {
182
182
  margin-left: $cbox-margin;
183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
185
183
  }
186
184
 
187
185
  +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
411
409
  font-size: $cbox-bigger-font-size;
412
410
  line-height: $cbox-bigger-height;
413
411
  margin-left: $cbox-bigger-margin;
414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
416
412
  }
417
413
 
418
414
  +.e-ripple-container {
@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
180
180
 
181
181
  +.e-label {
182
182
  margin-left: $cbox-margin;
183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
185
183
  }
186
184
 
187
185
  +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
411
409
  font-size: $cbox-bigger-font-size;
412
410
  line-height: $cbox-bigger-height;
413
411
  margin-left: $cbox-bigger-margin;
414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
416
412
  }
417
413
 
418
414
  +.e-ripple-container {
@@ -180,8 +180,6 @@ $cbox-border-style: solid !default;
180
180
 
181
181
  +.e-label {
182
182
  margin-left: $cbox-margin;
183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
185
183
  }
186
184
 
187
185
  +.e-ripple-container {
@@ -411,8 +409,6 @@ $cbox-border-style: solid !default;
411
409
  font-size: $cbox-bigger-font-size;
412
410
  line-height: $cbox-bigger-height;
413
411
  margin-left: $cbox-bigger-margin;
414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
416
412
  }
417
413
 
418
414
  +.e-ripple-container {
@@ -94,7 +94,7 @@ $calendar-title-font-weight-style: 300 !default;
94
94
  $calendar-yeardecade-hover-color: $neutral-light-fontalt !default;
95
95
  $calendar-spanicon-font-weight-style: 300 !default;
96
96
  $calendar-title-margin-left-style: 7px !default;
97
- $calendar-normal-year-decade-padding: 0 0 10px 0 !default;
97
+ $calendar-normal-year-decade-padding: 5px !default;
98
98
  $calendar-icon-font-size-style: 14px !default;
99
99
  $calendar-link-font-weight-style: 500 !default;
100
100
  $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -90,7 +90,7 @@ $calendar-title-font-weight-style: 300 !default;
90
90
  $calendar-yeardecade-hover-color: $neutral-tertiary-alt !default;
91
91
  $calendar-spanicon-font-weight-style: 300 !default;
92
92
  $calendar-title-margin-left-style: 7px !default;
93
- $calendar-normal-year-decade-padding: 0 0 10px 0 !default;
93
+ $calendar-normal-year-decade-padding: 5px !default;
94
94
  $calendar-icon-font-size-style: 14px !default;
95
95
  $calendar-link-font-weight-style: 500 !default;
96
96
  $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -88,7 +88,7 @@ $calendar-yeardecade-bg-color: $bg-base-0 !default;
88
88
  $calendar-yeardecade-hover-color: $hover-font !default;
89
89
  $calendar-spanicon-font-weight-style: 300 !default;
90
90
  $calendar-title-margin-left-style: 7px !default;
91
- $calendar-normal-year-decade-padding: 0 0 10px 0 !default;
91
+ $calendar-normal-year-decade-padding: 5px !default;
92
92
  $calendar-icon-font-size-style: 14px !default;
93
93
  $calendar-link-font-weight-style: 500 !default;
94
94
  $calendar-focused-date-bg-style: $bg-base-0 !default;
@@ -137,7 +137,7 @@ $range-header-btn-max-width: 116px !default;
137
137
  $range-header-btn-bigger-max-width: 132px !default;
138
138
  $range-presets-width: 160px !default;
139
139
  $range-hover-start-radius: 50% 0 0 50% !default;
140
- $range-hover-end-radius: 0 !default;
140
+ $range-hover-end-radius: 0 50% 50% 0 !default;
141
141
  $range-text-overflow: ellipsis !default;
142
142
  $range-icon-hover-color: $hover-bg !default;
143
143
  $range-icon-border-radius: 0 !default;
@@ -6206,6 +6206,7 @@ $float-label-rtl-value: -7px !default;
6206
6206
  }
6207
6207
 
6208
6208
  input.e-input.e-bigger#{$css},
6209
+ .e-bigger input.e-input#{$css},
6209
6210
  .e-input-group.e-bigger input,
6210
6211
  .e-input-group.e-bigger input.e-input,
6211
6212
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -25287,7 +25288,7 @@ $calendar-title-font-weight-style: 300 !default;
25287
25288
  $calendar-yeardecade-hover-color: $neutral-light-fontalt !default;
25288
25289
  $calendar-spanicon-font-weight-style: 300 !default;
25289
25290
  $calendar-title-margin-left-style: 7px !default;
25290
- $calendar-normal-year-decade-padding: 0 0 10px 0 !default;
25291
+ $calendar-normal-year-decade-padding: 5px !default;
25291
25292
  $calendar-icon-font-size-style: 14px !default;
25292
25293
  $calendar-link-font-weight-style: 500 !default;
25293
25294
  $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -28180,8 +28181,6 @@ $cbox-ripple-size: -9px !default;
28180
28181
 
28181
28182
  +.e-label {
28182
28183
  margin-left: $cbox-margin;
28183
- max-width: calc(100% - ($cbox-width + $cbox-margin));
28184
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28185
28184
  }
28186
28185
 
28187
28186
  +.e-ripple-container {
@@ -28411,8 +28410,6 @@ $cbox-ripple-size: -9px !default;
28411
28410
  font-size: $cbox-bigger-font-size;
28412
28411
  line-height: $cbox-bigger-height;
28413
28412
  margin-left: $cbox-bigger-margin;
28414
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
28415
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28416
28413
  }
28417
28414
 
28418
28415
  +.e-ripple-container {
@@ -75683,6 +75680,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75683
75680
 
75684
75681
  li.e-cclist {
75685
75682
  padding: $grid-bigger-columnchooser-li-padding;
75683
+ @if $grid-skin == 'material3' {
75684
+ line-height: 24px;
75685
+ }
75686
75686
  }
75687
75687
 
75688
75688
  .e-toolbar .e-ccdiv {
@@ -76405,7 +76405,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76405
76405
  border-collapse: separate;
76406
76406
  table-layout: fixed;
76407
76407
  width: 100%;
76408
- border-spacing: 0.25px;
76409
76408
  }
76410
76409
 
76411
76410
  .e-tableborder {
@@ -77903,6 +77902,13 @@ $grid-dropitems-count-margin-left: -8px !default;
77903
77902
  margin: -12px;
77904
77903
  }
77905
77904
 
77905
+ .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
77906
+ &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
77907
+ @if $grid-skin == 'material3' {
77908
+ font-size: $text-base;
77909
+ }
77910
+ }
77911
+
77906
77912
  .e-ccdlg {
77907
77913
 
77908
77914
  .e-dlg-content {
@@ -79730,6 +79736,26 @@ $grid-dropitems-count-margin-left: -8px !default;
79730
79736
  }
79731
79737
  /* stylelint-enable */
79732
79738
 
79739
+ /* Apply styles for Firefox only */
79740
+ /* stylelint-disable function-url-quotes */
79741
+ @-moz-document url-prefix() {
79742
+ #{&}.e-grid-min-height {
79743
+ .e-rowcell,
79744
+ .e-icon-grightarrow,
79745
+ .e-icon-gdownarrow {
79746
+ line-height: normal;
79747
+ }
79748
+ }
79749
+ .e-bigger .e-grid.e-grid-min-height {
79750
+ .e-rowcell,
79751
+ .e-rowcell:first-child,
79752
+ .e-rowcell:last-child {
79753
+ line-height: normal;
79754
+ }
79755
+ }
79756
+ }
79757
+ /* stylelint-enable function-url-quotes */
79758
+
79733
79759
 
79734
79760
  @include export-module('grid-theme') {
79735
79761
 
@@ -117467,7 +117493,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !default;
117467
117493
  & .e-dropdown-btn.e-image-popup {
117468
117494
  & .e-select,
117469
117495
  & .e-annotation,
117470
- & .e-transform,
117496
+ & .e-transform {
117497
+ font-size: $image-editor-bigger-tbar-btn-fontsize;
117498
+
117499
+ & .e-icons.e-caret {
117500
+ font-size: 10px;
117501
+ }
117502
+ }
117503
+ }
117504
+
117505
+ & .e-dropdown-btn {
117471
117506
  & .e-save {
117472
117507
  font-size: $image-editor-bigger-tbar-btn-fontsize;
117473
117508
 
@@ -117573,7 +117608,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !default;
117573
117608
  & .e-dropdown-btn.e-image-popup {
117574
117609
  & .e-select,
117575
117610
  & .e-annotation,
117576
- & .e-transform,
117611
+ & .e-transform {
117612
+ font-size: $image-editor-tbar-btn-fontsize;
117613
+
117614
+ & .e-icons.e-caret {
117615
+ font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
117616
+ }
117617
+ }
117618
+ }
117619
+
117620
+ & .e-dropdown-btn {
117577
117621
  & .e-save {
117578
117622
  font-size: $image-editor-tbar-btn-fontsize;
117579
117623
 
@@ -6197,6 +6197,7 @@ $float-label-rtl-value: -7px !default;
6197
6197
  }
6198
6198
 
6199
6199
  input.e-input.e-bigger#{$css},
6200
+ .e-bigger input.e-input#{$css},
6200
6201
  .e-input-group.e-bigger input,
6201
6202
  .e-input-group.e-bigger input.e-input,
6202
6203
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -25242,7 +25243,7 @@ $calendar-title-font-weight-style: 300 !default;
25242
25243
  $calendar-yeardecade-hover-color: $neutral-tertiary-alt !default;
25243
25244
  $calendar-spanicon-font-weight-style: 300 !default;
25244
25245
  $calendar-title-margin-left-style: 7px !default;
25245
- $calendar-normal-year-decade-padding: 0 0 10px 0 !default;
25246
+ $calendar-normal-year-decade-padding: 5px !default;
25246
25247
  $calendar-icon-font-size-style: 14px !default;
25247
25248
  $calendar-link-font-weight-style: 500 !default;
25248
25249
  $calendar-focused-date-bg-style: $neutral-quintenaryalt !default;
@@ -28025,8 +28026,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28025
28026
 
28026
28027
  +.e-label {
28027
28028
  margin-left: $cbox-margin;
28028
- max-width: calc(100% - ($cbox-width + $cbox-margin));
28029
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28030
28029
  }
28031
28030
 
28032
28031
  +.e-ripple-container {
@@ -28256,8 +28255,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !default;
28256
28255
  font-size: $cbox-bigger-font-size;
28257
28256
  line-height: $cbox-bigger-height;
28258
28257
  margin-left: $cbox-bigger-margin;
28259
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
28260
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28261
28258
  }
28262
28259
 
28263
28260
  +.e-ripple-container {
@@ -75446,6 +75443,9 @@ $grid-dropitems-count-margin-left: -8px !default;
75446
75443
 
75447
75444
  li.e-cclist {
75448
75445
  padding: $grid-bigger-columnchooser-li-padding;
75446
+ @if $grid-skin == 'material3' {
75447
+ line-height: 24px;
75448
+ }
75449
75449
  }
75450
75450
 
75451
75451
  .e-toolbar .e-ccdiv {
@@ -76168,7 +76168,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76168
76168
  border-collapse: separate;
76169
76169
  table-layout: fixed;
76170
76170
  width: 100%;
76171
- border-spacing: 0.25px;
76172
76171
  }
76173
76172
 
76174
76173
  .e-tableborder {
@@ -77666,6 +77665,13 @@ $grid-dropitems-count-margin-left: -8px !default;
77666
77665
  margin: -12px;
77667
77666
  }
77668
77667
 
77668
+ .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
77669
+ &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
77670
+ @if $grid-skin == 'material3' {
77671
+ font-size: $text-base;
77672
+ }
77673
+ }
77674
+
77669
77675
  .e-ccdlg {
77670
77676
 
77671
77677
  .e-dlg-content {
@@ -79493,6 +79499,26 @@ $grid-dropitems-count-margin-left: -8px !default;
79493
79499
  }
79494
79500
  /* stylelint-enable */
79495
79501
 
79502
+ /* Apply styles for Firefox only */
79503
+ /* stylelint-disable function-url-quotes */
79504
+ @-moz-document url-prefix() {
79505
+ #{&}.e-grid-min-height {
79506
+ .e-rowcell,
79507
+ .e-icon-grightarrow,
79508
+ .e-icon-gdownarrow {
79509
+ line-height: normal;
79510
+ }
79511
+ }
79512
+ .e-bigger .e-grid.e-grid-min-height {
79513
+ .e-rowcell,
79514
+ .e-rowcell:first-child,
79515
+ .e-rowcell:last-child {
79516
+ line-height: normal;
79517
+ }
79518
+ }
79519
+ }
79520
+ /* stylelint-enable function-url-quotes */
79521
+
79496
79522
 
79497
79523
  @include export-module('grid-theme') {
79498
79524
 
@@ -117221,7 +117247,16 @@ $image-editor-contextual-toolbar: $neutral-white !default;
117221
117247
  & .e-dropdown-btn.e-image-popup {
117222
117248
  & .e-select,
117223
117249
  & .e-annotation,
117224
- & .e-transform,
117250
+ & .e-transform {
117251
+ font-size: $image-editor-bigger-tbar-btn-fontsize;
117252
+
117253
+ & .e-icons.e-caret {
117254
+ font-size: 10px;
117255
+ }
117256
+ }
117257
+ }
117258
+
117259
+ & .e-dropdown-btn {
117225
117260
  & .e-save {
117226
117261
  font-size: $image-editor-bigger-tbar-btn-fontsize;
117227
117262
 
@@ -117327,7 +117362,16 @@ $image-editor-contextual-toolbar: $neutral-white !default;
117327
117362
  & .e-dropdown-btn.e-image-popup {
117328
117363
  & .e-select,
117329
117364
  & .e-annotation,
117330
- & .e-transform,
117365
+ & .e-transform {
117366
+ font-size: $image-editor-tbar-btn-fontsize;
117367
+
117368
+ & .e-icons.e-caret {
117369
+ font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
117370
+ }
117371
+ }
117372
+ }
117373
+
117374
+ & .e-dropdown-btn {
117331
117375
  & .e-save {
117332
117376
  font-size: $image-editor-tbar-btn-fontsize;
117333
117377
 
@@ -6391,6 +6391,7 @@ $float-label-rtl-value: -10px !default;
6391
6391
  }
6392
6392
 
6393
6393
  input.e-input.e-bigger#{$css},
6394
+ .e-bigger input.e-input#{$css},
6394
6395
  .e-input-group.e-bigger input,
6395
6396
  .e-input-group.e-bigger input.e-input,
6396
6397
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -28474,8 +28475,6 @@ $cbox-icon-color: $icon-color !default;
28474
28475
 
28475
28476
  +.e-label {
28476
28477
  margin-left: $cbox-margin;
28477
- max-width: calc(100% - ($cbox-width + $cbox-margin));
28478
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28479
28478
  }
28480
28479
 
28481
28480
  +.e-ripple-container {
@@ -28705,8 +28704,6 @@ $cbox-icon-color: $icon-color !default;
28705
28704
  font-size: $cbox-bigger-font-size;
28706
28705
  line-height: $cbox-bigger-height;
28707
28706
  margin-left: $cbox-bigger-margin;
28708
- max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
28709
- word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
28710
28707
  }
28711
28708
 
28712
28709
  +.e-ripple-container {
@@ -76272,6 +76269,9 @@ $grid-dropitems-count-margin-left: -8px !default;
76272
76269
 
76273
76270
  li.e-cclist {
76274
76271
  padding: $grid-bigger-columnchooser-li-padding;
76272
+ @if $grid-skin == 'material3' {
76273
+ line-height: 24px;
76274
+ }
76275
76275
  }
76276
76276
 
76277
76277
  .e-toolbar .e-ccdiv {
@@ -76994,7 +76994,6 @@ $grid-dropitems-count-margin-left: -8px !default;
76994
76994
  border-collapse: separate;
76995
76995
  table-layout: fixed;
76996
76996
  width: 100%;
76997
- border-spacing: 0.25px;
76998
76997
  }
76999
76998
 
77000
76999
  .e-tableborder {
@@ -78492,6 +78491,13 @@ $grid-dropitems-count-margin-left: -8px !default;
78492
78491
  margin: -12px;
78493
78492
  }
78494
78493
 
78494
+ .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
78495
+ &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
78496
+ @if $grid-skin == 'material3' {
78497
+ font-size: $text-base;
78498
+ }
78499
+ }
78500
+
78495
78501
  .e-ccdlg {
78496
78502
 
78497
78503
  .e-dlg-content {
@@ -80319,6 +80325,26 @@ $grid-dropitems-count-margin-left: -8px !default;
80319
80325
  }
80320
80326
  /* stylelint-enable */
80321
80327
 
80328
+ /* Apply styles for Firefox only */
80329
+ /* stylelint-disable function-url-quotes */
80330
+ @-moz-document url-prefix() {
80331
+ #{&}.e-grid-min-height {
80332
+ .e-rowcell,
80333
+ .e-icon-grightarrow,
80334
+ .e-icon-gdownarrow {
80335
+ line-height: normal;
80336
+ }
80337
+ }
80338
+ .e-bigger .e-grid.e-grid-min-height {
80339
+ .e-rowcell,
80340
+ .e-rowcell:first-child,
80341
+ .e-rowcell:last-child {
80342
+ line-height: normal;
80343
+ }
80344
+ }
80345
+ }
80346
+ /* stylelint-enable function-url-quotes */
80347
+
80322
80348
 
80323
80349
  @include export-module('grid-theme') {
80324
80350
 
@@ -118109,7 +118135,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
118109
118135
  & .e-dropdown-btn.e-image-popup {
118110
118136
  & .e-select,
118111
118137
  & .e-annotation,
118112
- & .e-transform,
118138
+ & .e-transform {
118139
+ font-size: $image-editor-bigger-tbar-btn-fontsize;
118140
+
118141
+ & .e-icons.e-caret {
118142
+ font-size: 10px;
118143
+ }
118144
+ }
118145
+ }
118146
+
118147
+ & .e-dropdown-btn {
118113
118148
  & .e-save {
118114
118149
  font-size: $image-editor-bigger-tbar-btn-fontsize;
118115
118150
 
@@ -118215,7 +118250,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
118215
118250
  & .e-dropdown-btn.e-image-popup {
118216
118251
  & .e-select,
118217
118252
  & .e-annotation,
118218
- & .e-transform,
118253
+ & .e-transform {
118254
+ font-size: $image-editor-tbar-btn-fontsize;
118255
+
118256
+ & .e-icons.e-caret {
118257
+ font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
118258
+ }
118259
+ }
118260
+ }
118261
+
118262
+ & .e-dropdown-btn {
118219
118263
  & .e-save {
118220
118264
  font-size: $image-editor-tbar-btn-fontsize;
118221
118265