@syncfusion/ej2-ribbon 26.1.35 → 26.1.40

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 (72) 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 +34 -10
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +34 -10
  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 +10 -10
  11. package/src/ribbon/base/ribbon.js +10 -2
  12. package/src/ribbon/items/ribbon-button.js +3 -1
  13. package/src/ribbon/items/ribbon-checkbox.js +3 -1
  14. package/src/ribbon/items/ribbon-colorpicker.js +3 -1
  15. package/src/ribbon/items/ribbon-combobox.js +3 -1
  16. package/src/ribbon/items/ribbon-dropdown.js +3 -1
  17. package/src/ribbon/items/ribbon-groupbutton.js +3 -1
  18. package/src/ribbon/items/ribbon-splitbutton.js +6 -2
  19. package/styles/bootstrap-dark.css +25 -0
  20. package/styles/bootstrap.css +25 -0
  21. package/styles/bootstrap4.css +25 -0
  22. package/styles/bootstrap5-dark.css +25 -0
  23. package/styles/bootstrap5.css +25 -0
  24. package/styles/fabric-dark.css +25 -0
  25. package/styles/fabric.css +25 -0
  26. package/styles/fluent-dark.css +25 -0
  27. package/styles/fluent.css +25 -0
  28. package/styles/fluent2.css +63 -38
  29. package/styles/highcontrast-light.css +25 -0
  30. package/styles/highcontrast.css +25 -0
  31. package/styles/material-dark.css +25 -0
  32. package/styles/material.css +25 -0
  33. package/styles/material3-dark.css +25 -0
  34. package/styles/material3.css +25 -0
  35. package/styles/ribbon/_bds-definition.scss +2 -0
  36. package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
  37. package/styles/ribbon/_bootstrap-definition.scss +2 -0
  38. package/styles/ribbon/_bootstrap4-definition.scss +2 -0
  39. package/styles/ribbon/_bootstrap5-definition.scss +2 -0
  40. package/styles/ribbon/_bootstrap5.3-definition.scss +2 -0
  41. package/styles/ribbon/_fabric-dark-definition.scss +2 -0
  42. package/styles/ribbon/_fabric-definition.scss +2 -0
  43. package/styles/ribbon/_fluent-definition.scss +2 -0
  44. package/styles/ribbon/_fluent2-definition.scss +3 -1
  45. package/styles/ribbon/_fusionnew-definition.scss +2 -0
  46. package/styles/ribbon/_highcontrast-definition.scss +2 -0
  47. package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
  48. package/styles/ribbon/_layout.scss +12 -0
  49. package/styles/ribbon/_material-dark-definition.scss +2 -0
  50. package/styles/ribbon/_material-definition.scss +2 -0
  51. package/styles/ribbon/_material3-definition.scss +2 -0
  52. package/styles/ribbon/_tailwind-definition.scss +2 -0
  53. package/styles/ribbon/bootstrap-dark.css +25 -0
  54. package/styles/ribbon/bootstrap.css +25 -0
  55. package/styles/ribbon/bootstrap4.css +25 -0
  56. package/styles/ribbon/bootstrap5-dark.css +25 -0
  57. package/styles/ribbon/bootstrap5.css +25 -0
  58. package/styles/ribbon/fabric-dark.css +25 -0
  59. package/styles/ribbon/fabric.css +25 -0
  60. package/styles/ribbon/fluent-dark.css +25 -0
  61. package/styles/ribbon/fluent.css +25 -0
  62. package/styles/ribbon/fluent2.css +63 -38
  63. package/styles/ribbon/highcontrast-light.css +25 -0
  64. package/styles/ribbon/highcontrast.css +25 -0
  65. package/styles/ribbon/material-dark.css +25 -0
  66. package/styles/ribbon/material.css +25 -0
  67. package/styles/ribbon/material3-dark.css +25 -0
  68. package/styles/ribbon/material3.css +25 -0
  69. package/styles/ribbon/tailwind-dark.css +25 -0
  70. package/styles/ribbon/tailwind.css +25 -0
  71. package/styles/tailwind-dark.css +25 -0
  72. package/styles/tailwind.css +25 -0
package/styles/ribbon/_bootstrap-dark-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 13px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 16px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 16px !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: 41px !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: 14px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_bootstrap-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 13px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 16px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 16px !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: 41px !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: 14px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
package/styles/ribbon/_bootstrap4-definition.scss CHANGED
@@ -52,6 +52,7 @@ $ribbon-dropdown-btn-padding: 0 13px !default;
52
52
  $ribbon-dropdown-caret-btn-size: 16px !default;
53
53
  $ribbon-dropdown-caret-btn-height: 16px !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: 44px !default;
230
231
  $ribbon-bigger-dropdown-btn-size: 20px !default;
231
232
  $ribbon-bigger-dropdown-btn-line-height: 16px !default;
232
233
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 4px !default;
234
+ $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
233
235
  $ribbon-bigger-dropdown-caret-btn-size: 20px !default;
234
236
  $ribbon-bigger-dropdown-caret-icon-size: 12px !default;
235
237
  $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
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;
@@ -79,7 +80,7 @@ $ribbon-input-height: 18px !default;
79
80
  $ribbon-input-weight: $font-weight-normal !default;
80
81
  $ribbon-input-icon-size: $text-sm !default;
81
82
  $ribbon-input-icon-height: 14px !default;
82
- $ribbon-input-icon-padding: 9px 13px !default;
83
+ $ribbon-input-icon-padding: 8px 9px !default;
83
84
  $ribbon-input-icon-weight: $font-weight-normal !default;
84
85
  $ribbon-input-group-border-radius: 4px !default;
85
86
  $ribbon-input-group-margin: 0 2px 4px !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,