@syncfusion/ej2-ribbon 26.1.35 → 26.1.38

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/dist/ej2-ribbon.umd.min.js +2 -2
  2. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  3. package/dist/es6/ej2-ribbon.es2015.js +10 -2
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +10 -2
  6. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  7. package/dist/global/ej2-ribbon.min.js +2 -2
  8. package/dist/global/ej2-ribbon.min.js.map +1 -1
  9. package/dist/global/index.d.ts +1 -1
  10. package/package.json +9 -9
  11. package/src/ribbon/base/ribbon.js +10 -2
  12. package/styles/bootstrap-dark.css +25 -0
  13. package/styles/bootstrap.css +25 -0
  14. package/styles/bootstrap4.css +25 -0
  15. package/styles/bootstrap5-dark.css +25 -0
  16. package/styles/bootstrap5.css +25 -0
  17. package/styles/fabric-dark.css +25 -0
  18. package/styles/fabric.css +25 -0
  19. package/styles/fluent-dark.css +25 -0
  20. package/styles/fluent.css +25 -0
  21. package/styles/fluent2.css +57 -32
  22. package/styles/highcontrast-light.css +25 -0
  23. package/styles/highcontrast.css +25 -0
  24. package/styles/material-dark.css +25 -0
  25. package/styles/material.css +25 -0
  26. package/styles/material3-dark.css +25 -0
  27. package/styles/material3.css +25 -0
  28. package/styles/ribbon/_bds-definition.scss +2 -0
  29. package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
  30. package/styles/ribbon/_bootstrap-definition.scss +2 -0
  31. package/styles/ribbon/_bootstrap4-definition.scss +2 -0
  32. package/styles/ribbon/_bootstrap5-definition.scss +2 -0
  33. package/styles/ribbon/_bootstrap5.3-definition.scss +2 -0
  34. package/styles/ribbon/_fabric-dark-definition.scss +2 -0
  35. package/styles/ribbon/_fabric-definition.scss +2 -0
  36. package/styles/ribbon/_fluent-definition.scss +2 -0
  37. package/styles/ribbon/_fluent2-definition.scss +2 -0
  38. package/styles/ribbon/_fusionnew-definition.scss +2 -0
  39. package/styles/ribbon/_highcontrast-definition.scss +2 -0
  40. package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
  41. package/styles/ribbon/_layout.scss +12 -0
  42. package/styles/ribbon/_material-dark-definition.scss +2 -0
  43. package/styles/ribbon/_material-definition.scss +2 -0
  44. package/styles/ribbon/_material3-definition.scss +2 -0
  45. package/styles/ribbon/_tailwind-definition.scss +2 -0
  46. package/styles/ribbon/bootstrap-dark.css +25 -0
  47. package/styles/ribbon/bootstrap.css +25 -0
  48. package/styles/ribbon/bootstrap4.css +25 -0
  49. package/styles/ribbon/bootstrap5-dark.css +25 -0
  50. package/styles/ribbon/bootstrap5.css +25 -0
  51. package/styles/ribbon/fabric-dark.css +25 -0
  52. package/styles/ribbon/fabric.css +25 -0
  53. package/styles/ribbon/fluent-dark.css +25 -0
  54. package/styles/ribbon/fluent.css +25 -0
  55. package/styles/ribbon/fluent2.css +57 -32
  56. package/styles/ribbon/highcontrast-light.css +25 -0
  57. package/styles/ribbon/highcontrast.css +25 -0
  58. package/styles/ribbon/material-dark.css +25 -0
  59. package/styles/ribbon/material.css +25 -0
  60. package/styles/ribbon/material3-dark.css +25 -0
  61. package/styles/ribbon/material3.css +25 -0
  62. package/styles/ribbon/tailwind-dark.css +25 -0
  63. package/styles/ribbon/tailwind.css +25 -0
  64. package/styles/tailwind-dark.css +25 -0
  65. package/styles/tailwind.css +25 -0
package/styles/ribbon/_bootstrap5-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 2px 4px !default;
57
58
  $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 12px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/_bootstrap5.3-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 2px 4px !default;
57
58
  $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 12px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/_fabric-dark-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 3px !default;
57
58
  $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 18px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_fabric-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 3px !default;
57
58
  $ribbon-large-items-btn-height: 22px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 18px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_fluent-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-icon-padding: 8px 6px 4px !default;
57
58
  $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: $text-xs !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/_fluent2-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 0 12px 0 0 !default;
55
+ $ribbon-colorpicker-caret-btn-padding: 0 4px !default;
55
56
  $ribbon-items-padding: 0 !default;
56
57
  $ribbon-large-items-icon-padding: 8px 0 4px !default;
57
58
  $ribbon-large-items-btn-padding: 0 8px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: $text-xs !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 0 11px 0 0 !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: 0 6px !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-btn-height: 14px !default;
235
237
  $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
package/styles/ribbon/_fusionnew-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-icon-padding: 8px 6px 4px !default;
57
58
  $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 38px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: $text-xs !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-sm !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/_highcontrast-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 20px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 5px !default;
57
58
  $ribbon-large-items-btn-height: 22px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 18px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_highcontrast-light-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 20px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 5px !default;
57
58
  $ribbon-large-items-btn-height: 22px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 36px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 16px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_layout.scss CHANGED
@@ -352,6 +352,10 @@
352
352
 
353
353
  .e-ribbon-tab-item {
354
354
  display: inline-flex;
355
+
356
+ &.e-disabled {
357
+ pointer-events: none;
358
+ }
355
359
  }
356
360
 
357
361
  .e-ribbon-group {
@@ -831,6 +835,10 @@
831
835
  }
832
836
  }
833
837
 
838
+ .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
839
+ padding: $ribbon-colorpicker-caret-btn-padding;
840
+ }
841
+
834
842
  .e-dropdown-btn .e-caret {
835
843
  @include ribbon-font-props($ribbon-dropdown-caret-btn-size, $ribbon-dropdown-caret-btn-height);
836
844
  padding: $ribbon-dropdown-caret-btn-padding;
@@ -1522,6 +1530,10 @@
1522
1530
  }
1523
1531
  }
1524
1532
 
1533
+ .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1534
+ padding: $ribbon-bigger-colorpicker-caret-btn-padding;
1535
+ }
1536
+
1525
1537
  .e-dropdown-btn .e-caret {
1526
1538
  @include ribbon-font-props($ribbon-bigger-dropdown-caret-btn-size, $ribbon-bigger-dropdown-caret-btn-height);
1527
1539
  padding: $ribbon-bigger-dropdown-caret-btn-padding;
package/styles/ribbon/_material-dark-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 3px !default;
57
58
  $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 42px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 12px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_material-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 15px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 12px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 3px !default;
57
58
  $ribbon-large-items-btn-height: 18px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 42px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 16px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 16px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 12px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_material3-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 5px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px 5px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-btn-padding: 0 2px !default;
57
58
  $ribbon-large-items-btn-height: 15px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: $text-xs !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 2px 4px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-xs !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/_tailwind-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 12px !default;
52
52
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
53
53
  $ribbon-dropdown-caret-btn-height: 12px !default;
54
54
  $ribbon-dropdown-caret-btn-padding: 2px !default;
55
+ $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
55
56
  $ribbon-items-padding: 2px !default;
56
57
  $ribbon-large-items-icon-padding: 8px 6px 4px !default;
57
58
  $ribbon-large-items-btn-padding: 0 2px !default;
@@ -230,6 +231,7 @@ $ribbon-bigger-menu-blank-icon-padding: 50px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: $text-xs !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 12px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
package/styles/ribbon/bootstrap-dark.css CHANGED
@@ -389,6 +389,9 @@
389
389
  display: -ms-inline-flexbox;
390
390
  display: inline-flex;
391
391
  }
392
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
393
+ pointer-events: none;
394
+ }
392
395
  .e-ribbon.e-rbn .e-ribbon-group {
393
396
  position: relative;
394
397
  padding-top: 6px;
@@ -929,6 +932,11 @@
929
932
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
930
933
  border-radius: unset;
931
934
  }
935
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
936
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
937
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
938
+ padding: 2px 4px;
939
+ }
932
940
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
933
941
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
934
942
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1724,6 +1732,23 @@
1724
1732
  height: 20px;
1725
1733
  width: 20px;
1726
1734
  }
1735
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1736
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1737
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1738
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1739
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1740
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1741
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1742
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1743
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1744
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1745
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1746
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1747
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1748
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1749
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1750
+ padding: 3px 5px;
1751
+ }
1727
1752
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1728
1753
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1729
1754
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/bootstrap.css CHANGED
@@ -391,6 +391,9 @@
391
391
  display: -ms-inline-flexbox;
392
392
  display: inline-flex;
393
393
  }
394
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
395
+ pointer-events: none;
396
+ }
394
397
  .e-ribbon.e-rbn .e-ribbon-group {
395
398
  position: relative;
396
399
  padding-top: 6px;
@@ -931,6 +934,11 @@
931
934
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
932
935
  border-radius: unset;
933
936
  }
937
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
938
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
939
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
940
+ padding: 2px 4px;
941
+ }
934
942
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
935
943
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
936
944
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1726,6 +1734,23 @@
1726
1734
  height: 20px;
1727
1735
  width: 20px;
1728
1736
  }
1737
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1738
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1739
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1740
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1741
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1742
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1743
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1744
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1745
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1746
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1747
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1748
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1749
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1750
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1751
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1752
+ padding: 3px 5px;
1753
+ }
1729
1754
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1730
1755
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1731
1756
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/bootstrap4.css CHANGED
@@ -455,6 +455,9 @@
455
455
  display: -ms-inline-flexbox;
456
456
  display: inline-flex;
457
457
  }
458
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
459
+ pointer-events: none;
460
+ }
458
461
  .e-ribbon.e-rbn .e-ribbon-group {
459
462
  position: relative;
460
463
  padding-top: 6px;
@@ -995,6 +998,11 @@
995
998
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
996
999
  border-radius: unset;
997
1000
  }
1001
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1002
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1003
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1004
+ padding: 2px 4px;
1005
+ }
998
1006
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
999
1007
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1000
1008
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1790,6 +1798,23 @@
1790
1798
  height: 20px;
1791
1799
  width: 20px;
1792
1800
  }
1801
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1802
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1803
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1804
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1805
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1806
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1807
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1808
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1809
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1810
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1811
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1812
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1813
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1814
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1815
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1816
+ padding: 3px 4px;
1817
+ }
1793
1818
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1794
1819
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1795
1820
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/bootstrap5-dark.css CHANGED
@@ -482,6 +482,9 @@
482
482
  display: -ms-inline-flexbox;
483
483
  display: inline-flex;
484
484
  }
485
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
486
+ pointer-events: none;
487
+ }
485
488
  .e-ribbon.e-rbn .e-ribbon-group {
486
489
  position: relative;
487
490
  padding-top: 6px;
@@ -1022,6 +1025,11 @@
1022
1025
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1023
1026
  border-radius: unset;
1024
1027
  }
1028
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1029
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1030
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1031
+ padding: 2px 4px;
1032
+ }
1025
1033
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1026
1034
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1027
1035
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1817,6 +1825,23 @@
1817
1825
  height: 20px;
1818
1826
  width: 20px;
1819
1827
  }
1828
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1829
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1830
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1831
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1832
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1833
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1834
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1835
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1836
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1837
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1838
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1839
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1840
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1841
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1842
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1843
+ padding: 3px 2px;
1844
+ }
1820
1845
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1821
1846
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1822
1847
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/bootstrap5.css CHANGED
@@ -482,6 +482,9 @@
482
482
  display: -ms-inline-flexbox;
483
483
  display: inline-flex;
484
484
  }
485
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
486
+ pointer-events: none;
487
+ }
485
488
  .e-ribbon.e-rbn .e-ribbon-group {
486
489
  position: relative;
487
490
  padding-top: 6px;
@@ -1022,6 +1025,11 @@
1022
1025
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1023
1026
  border-radius: unset;
1024
1027
  }
1028
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1029
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1030
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1031
+ padding: 2px 4px;
1032
+ }
1025
1033
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1026
1034
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1027
1035
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1817,6 +1825,23 @@
1817
1825
  height: 20px;
1818
1826
  width: 20px;
1819
1827
  }
1828
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1829
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1830
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1831
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1832
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1833
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1834
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1835
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1836
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1837
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1838
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1839
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1840
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1841
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1842
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1843
+ padding: 3px 2px;
1844
+ }
1820
1845
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1821
1846
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1822
1847
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/fabric-dark.css CHANGED
@@ -364,6 +364,9 @@
364
364
  display: -ms-inline-flexbox;
365
365
  display: inline-flex;
366
366
  }
367
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
368
+ pointer-events: none;
369
+ }
367
370
  .e-ribbon.e-rbn .e-ribbon-group {
368
371
  position: relative;
369
372
  padding-top: 6px;
@@ -904,6 +907,11 @@
904
907
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
905
908
  border-radius: unset;
906
909
  }
910
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
911
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
912
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
913
+ padding: 2px 4px;
914
+ }
907
915
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
908
916
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
909
917
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1699,6 +1707,23 @@
1699
1707
  height: 20px;
1700
1708
  width: 20px;
1701
1709
  }
1710
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1711
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1712
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1713
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1714
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1715
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1716
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1717
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1718
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1719
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1720
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1721
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1722
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1723
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1724
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1725
+ padding: 3px 5px;
1726
+ }
1702
1727
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1703
1728
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1704
1729
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/fabric.css CHANGED
@@ -358,6 +358,9 @@
358
358
  display: -ms-inline-flexbox;
359
359
  display: inline-flex;
360
360
  }
361
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
362
+ pointer-events: none;
363
+ }
361
364
  .e-ribbon.e-rbn .e-ribbon-group {
362
365
  position: relative;
363
366
  padding-top: 4px;
@@ -898,6 +901,11 @@
898
901
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
899
902
  border-radius: unset;
900
903
  }
904
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
905
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
906
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
907
+ padding: 2px 4px;
908
+ }
901
909
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
902
910
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
903
911
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1693,6 +1701,23 @@
1693
1701
  height: 20px;
1694
1702
  width: 20px;
1695
1703
  }
1704
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1705
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1706
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1707
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1708
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1709
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1710
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1711
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1712
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1713
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1714
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1715
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1716
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1717
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1718
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1719
+ padding: 3px 5px;
1720
+ }
1696
1721
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1697
1722
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1698
1723
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
package/styles/ribbon/fluent-dark.css CHANGED
@@ -461,6 +461,9 @@
461
461
  display: -ms-inline-flexbox;
462
462
  display: inline-flex;
463
463
  }
464
+ .e-ribbon.e-rbn .e-ribbon-tab-item.e-disabled {
465
+ pointer-events: none;
466
+ }
464
467
  .e-ribbon.e-rbn .e-ribbon-group {
465
468
  position: relative;
466
469
  padding-top: 6px;
@@ -1001,6 +1004,11 @@
1001
1004
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-colorpicker.e-split-btn .e-split-preview {
1002
1005
  border-radius: unset;
1003
1006
  }
1007
+ .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1008
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1009
+ .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1010
+ padding: 2px;
1011
+ }
1004
1012
  .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret, .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1005
1013
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,
1006
1014
  .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret {
@@ -1796,6 +1804,23 @@
1796
1804
  height: 20px;
1797
1805
  width: 20px;
1798
1806
  }
1807
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1808
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1809
+ .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1810
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1811
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1812
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1813
+ .e-bigger .e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1814
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1815
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1816
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1817
+ .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1818
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1819
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1820
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-medium-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret,
1821
+ .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-item.e-ribbon-small-item .e-split-btn-wrapper:has(.e-icon-btn) .e-dropdown-btn .e-caret {
1822
+ padding: 3px 2px;
1823
+ }
1799
1824
  .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-medium-item .e-dropdown-btn .e-caret, .e-bigger.e-ribbon.e-rbn .e-ribbon-group-overflow.e-ribbon-small-item .e-dropdown-btn .e-caret,
1800
1825
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-medium-item .e-dropdown-btn .e-caret,
1801
1826
  .e-bigger.e-ribbon.e-rbn .e-ribbon-item.e-ribbon-small-item .e-dropdown-btn .e-caret,