@syncfusion/ej2-ribbon 26.2.5 → 26.2.8

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 (59) hide show
  1. package/dist/ej2-ribbon.umd.min.js +1 -1
  2. package/dist/global/ej2-ribbon.min.js +1 -1
  3. package/dist/global/index.d.ts +1 -1
  4. package/hotfix/26.1.35_Vol2.txt +1 -0
  5. package/package.json +9 -9
  6. package/styles/bootstrap-dark.css +89 -6
  7. package/styles/bootstrap.css +89 -6
  8. package/styles/bootstrap4.css +89 -6
  9. package/styles/bootstrap5-dark.css +89 -6
  10. package/styles/bootstrap5.css +89 -6
  11. package/styles/fabric-dark.css +89 -6
  12. package/styles/fabric.css +89 -6
  13. package/styles/fluent-dark.css +89 -6
  14. package/styles/fluent.css +89 -6
  15. package/styles/fluent2.css +98 -1039
  16. package/styles/highcontrast-light.css +89 -6
  17. package/styles/highcontrast.css +89 -6
  18. package/styles/material-dark.css +89 -6
  19. package/styles/material.css +89 -6
  20. package/styles/material3-dark.css +90 -60
  21. package/styles/material3.css +92 -116
  22. package/styles/ribbon/_bds-definition.scss +8 -0
  23. package/styles/ribbon/_bootstrap-dark-definition.scss +10 -2
  24. package/styles/ribbon/_bootstrap-definition.scss +10 -2
  25. package/styles/ribbon/_bootstrap4-definition.scss +10 -2
  26. package/styles/ribbon/_bootstrap5-definition.scss +10 -2
  27. package/styles/ribbon/_bootstrap5.3-definition.scss +10 -2
  28. package/styles/ribbon/_fabric-dark-definition.scss +10 -2
  29. package/styles/ribbon/_fabric-definition.scss +10 -2
  30. package/styles/ribbon/_fluent-definition.scss +10 -2
  31. package/styles/ribbon/_fluent2-definition.scss +10 -2
  32. package/styles/ribbon/_fusionnew-definition.scss +8 -0
  33. package/styles/ribbon/_highcontrast-definition.scss +10 -2
  34. package/styles/ribbon/_highcontrast-light-definition.scss +10 -2
  35. package/styles/ribbon/_layout.scss +62 -8
  36. package/styles/ribbon/_material-dark-definition.scss +10 -2
  37. package/styles/ribbon/_material-definition.scss +10 -2
  38. package/styles/ribbon/_material3-definition.scss +10 -2
  39. package/styles/ribbon/_tailwind-definition.scss +10 -2
  40. package/styles/ribbon/bootstrap-dark.css +89 -6
  41. package/styles/ribbon/bootstrap.css +89 -6
  42. package/styles/ribbon/bootstrap4.css +89 -6
  43. package/styles/ribbon/bootstrap5-dark.css +89 -6
  44. package/styles/ribbon/bootstrap5.css +89 -6
  45. package/styles/ribbon/fabric-dark.css +89 -6
  46. package/styles/ribbon/fabric.css +89 -6
  47. package/styles/ribbon/fluent-dark.css +89 -6
  48. package/styles/ribbon/fluent.css +89 -6
  49. package/styles/ribbon/fluent2.css +98 -1039
  50. package/styles/ribbon/highcontrast-light.css +89 -6
  51. package/styles/ribbon/highcontrast.css +89 -6
  52. package/styles/ribbon/material-dark.css +89 -6
  53. package/styles/ribbon/material.css +89 -6
  54. package/styles/ribbon/material3-dark.css +90 -60
  55. package/styles/ribbon/material3.css +92 -116
  56. package/styles/ribbon/tailwind-dark.css +89 -6
  57. package/styles/ribbon/tailwind.css +89 -6
  58. package/styles/tailwind-dark.css +89 -6
  59. package/styles/tailwind.css +89 -6
package/styles/ribbon/_bootstrap5.3-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: $text-sm !default;
8
8
  $ribbon-file-menu-padding: 8px 12px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 16px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 38px !default;
13
14
  $ribbon-help-template-border: none !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-icon-size: $text-2xl !default;
60
61
  $ribbon-large-items-max-width: 10ch !default;
61
62
  $ribbon-large-items-icon-padding: 8px 6px 4px !default;
62
63
  $ribbon-large-items-btn-gap: 5px !default;
64
+ $ribbon-large-items-min-width-height: 24px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: 4px !default;
65
67
  $ribbon-items-font-weight: 400 !default;
66
68
  $ribbon-items-btn-size: $text-xs !default;
67
69
  $ribbon-items-label-size: $text-sm !default;
68
70
  $ribbon-items-btn-icon-size: $text-base !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: $text-base !default;
70
73
  $ribbon-items-margin: 5px !default;
71
74
  $ribbon-checkbox-margin: 7px 0 7px 12px !default;
72
75
  $ribbon-rtl-checkbox-margin: 7px 12px 7px 0 !default;
73
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: $text-xs !default;
75
79
  $ribbon-items-checkbox-padding: 0 5px !default;
76
80
  $ribbon-input-group-height: 26px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 0 !default;
110
114
  $ribbon-backstage-menu-item-height: 38px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 11px 18px 11px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 11px 18px 15px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 50px !default;
115
119
  $ribbon-backstage-btn-focus-border: 0 !default;
116
120
  $ribbon-backstage-btn-height: 38px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 150px !default;
177
181
  $ribbon-bigger-file-menu-height: 24px !default;
178
182
  $ribbon-bigger-file-menu-padding: 12px 15px !default;
179
183
  $ribbon-bigger-file-menu-size: $text-base !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 18px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 48px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 48px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: 32px !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: $text-sm !default;
207
212
  $ribbon-bigger-large-items-btn-height: 18px !default;
213
+ $ribbon-bigger-large-items-min-width-height: 32px !default;
214
+ $ribbon-bigger-items-min-width-height: $text-xl;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: $text-sm !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 18px !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: $text-xl !default;
215
222
  $ribbon-bigger-items-btn-icon-size: $text-xl !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 7px !default;
217
225
  $ribbon-bigger-checkbox-margin: 7px 0 7px 16px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 7px 16px 7px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 32px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 48px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 14px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 14px 16px 18px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 48px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 48px !default;
package/styles/ribbon/_fabric-dark-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: 14px !default;
8
8
  $ribbon-file-menu-padding: 8px 8px 10px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 14px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 40px !default;
13
14
  $ribbon-help-template-border: none !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-icon-size: 32px !default;
60
61
  $ribbon-large-items-max-width: 10ch !default;
61
62
  $ribbon-large-items-icon-padding: 12px 7px 4px !default;
62
63
  $ribbon-large-items-btn-gap: 6px !default;
64
+ $ribbon-large-items-min-width-height: 32px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: unset !default;
65
67
  $ribbon-items-font-weight: 400 !default;
66
68
  $ribbon-items-btn-size: 12px !default;
67
69
  $ribbon-items-label-size: 14px !default;
68
70
  $ribbon-items-btn-icon-size: 14px !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: 14px !default;
70
73
  $ribbon-items-margin: 8px !default;
71
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
72
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
73
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: 12px !default;
75
79
  $ribbon-items-checkbox-padding: 0 8px !default;
76
80
  $ribbon-input-group-height: 32px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 0 !default;
110
114
  $ribbon-backstage-menu-item-height: 40px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 12px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 12px 16px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 48px !default;
115
119
  $ribbon-backstage-btn-focus-border: 2px !default;
116
120
  $ribbon-backstage-btn-height: 40px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 164px !default;
177
181
  $ribbon-bigger-file-menu-height: 24px !default;
178
182
  $ribbon-bigger-file-menu-padding: 13px 8px !default;
179
183
  $ribbon-bigger-file-menu-size: 16px !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 16px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 50px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 50px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: 14px !default;
207
212
  $ribbon-bigger-large-items-btn-height: 22px !default;
213
+ $ribbon-bigger-large-items-min-width-height: 36px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: 14px !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 22px !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: 20px !default;
215
222
  $ribbon-bigger-items-btn-icon-size: 18px !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 10px !default;
217
225
  $ribbon-bigger-checkbox-margin: 11px 0 11px 16px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 11px 16px 11px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 45px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 50px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 15px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 15px 16px 19px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 50px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 50px !default;
package/styles/ribbon/_fabric-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: 14px !default;
8
8
  $ribbon-file-menu-padding: 8px 8px 10px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 14px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 40px !default;
13
14
  $ribbon-help-template-border: 1px solid !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-icon-size: 32px !default;
60
61
  $ribbon-large-items-max-width: 10ch !default;
61
62
  $ribbon-large-items-icon-padding: 12px 5px 4px !default;
62
63
  $ribbon-large-items-btn-gap: 5px !default;
64
+ $ribbon-large-items-min-width-height: 32px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: unset !default;
65
67
  $ribbon-items-font-weight: 400 !default;
66
68
  $ribbon-items-btn-size: 14px !default;
67
69
  $ribbon-items-label-size: 14px !default;
68
70
  $ribbon-items-btn-icon-size: 14px !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: 14px !default;
70
73
  $ribbon-items-margin: 8px !default;
71
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
72
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
73
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: 14px !default;
75
79
  $ribbon-items-checkbox-padding: 0 8px !default;
76
80
  $ribbon-input-group-height: 32px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 0 !default;
110
114
  $ribbon-backstage-menu-item-height: 40px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 12px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 12px 16px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 48px !default;
115
119
  $ribbon-backstage-btn-focus-border: 2px !default;
116
120
  $ribbon-backstage-btn-height: 40px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 162px !default;
177
181
  $ribbon-bigger-file-menu-height: 24px !default;
178
182
  $ribbon-bigger-file-menu-padding: 13px 8px !default;
179
183
  $ribbon-bigger-file-menu-size: 16px !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 16px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 50px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 50px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 6px !default;
206
211
  $ribbon-bigger-large-items-btn-size: 14px !default;
207
212
  $ribbon-bigger-large-items-btn-height: 22px !default;
213
+ $ribbon-bigger-large-items-min-width-height: 36px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 9px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: 14px !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 22px !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: 20px !default;
215
222
  $ribbon-bigger-items-btn-icon-size: 18px !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 10px !default;
217
225
  $ribbon-bigger-checkbox-margin: 11px 0 11px 16px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 11px 16px 11px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 45px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 50px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 15px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 15px 16px 19px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 50px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 50px !default;
package/styles/ribbon/_fluent-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: $text-sm !default;
8
8
  $ribbon-file-menu-padding: 8px 12px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 14px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 38px !default;
13
14
  $ribbon-help-template-border: none !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-btn-height: 18px !default;
60
61
  $ribbon-large-items-icon-size: $text-2xl !default;
61
62
  $ribbon-large-items-max-width: 10ch !default;
62
63
  $ribbon-large-items-btn-gap: 4px !default;
64
+ $ribbon-large-items-min-width-height: 24px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: 2px !default;
65
67
  $ribbon-items-font-weight: $font-weight-normal !default;
66
68
  $ribbon-items-btn-size: $text-xs !default;
67
69
  $ribbon-items-label-size: $text-sm !default;
68
70
  $ribbon-items-btn-icon-size: $text-sm !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: $text-sm !default;
70
73
  $ribbon-items-margin: 5px !default;
71
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
72
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
73
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: $text-xs !default;
75
79
  $ribbon-items-checkbox-padding: 0 5px !default;
76
80
  $ribbon-input-group-height: 26px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 0 !default;
110
114
  $ribbon-backstage-menu-item-height: 38px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 11px 18px 11px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 11px 18px 15px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 50px !default;
115
119
  $ribbon-backstage-btn-focus-border: 0 !default;
116
120
  $ribbon-backstage-btn-height: 38px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 150px !default;
177
181
  $ribbon-bigger-file-menu-height: 125% !default;
178
182
  $ribbon-bigger-file-menu-padding: 14px 15px !default;
179
183
  $ribbon-bigger-file-menu-size: $text-base !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 18px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 48px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 48px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: $text-4xl !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: $text-sm !default;
207
212
  $ribbon-bigger-large-items-btn-height: 125% !default;
213
+ $ribbon-bigger-large-items-min-width-height: 32px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: $text-sm !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 125% !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: $text-xl !default;
215
222
  $ribbon-bigger-items-btn-icon-size: $text-xl !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 7px !default;
217
225
  $ribbon-bigger-checkbox-margin: 11px 0 11px 16px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 11px 16px 11px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 32px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 48px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 14px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 14px 16px 18px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 48px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 48px !default;
package/styles/ribbon/_fluent2-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: $text-sm !default;
8
8
  $ribbon-file-menu-padding: 12px 10px !default;
9
9
  $ribbon-file-menu-height: 20px !default;
10
10
  $ribbon-file-menu-border-radius: 4px 0 0 0 !default;
11
+ $ribbon-file-menu-min-width-height: 16px !default;
11
12
  $ribbon-help-template-padding: 10px !default;
12
13
  $ribbon-help-template-height: 44px !default;
13
14
  $ribbon-help-template-border: none !default;
@@ -60,15 +61,18 @@ $ribbon-large-items-btn-height: 16px !default;
60
61
  $ribbon-large-items-icon-size: $text-2xl !default;
61
62
  $ribbon-large-items-max-width: 11ch !default;
62
63
  $ribbon-large-items-btn-gap: 4px !default;
64
+ $ribbon-large-items-min-width-height: 24px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: 4px !default;
65
67
  $ribbon-items-font-weight: $font-weight-normal !default;
66
68
  $ribbon-items-btn-size: $text-sm !default;
67
69
  $ribbon-items-label-size: $text-sm !default;
68
70
  $ribbon-items-btn-icon-size : $text-base !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: $text-sm !default;
70
73
  $ribbon-items-margin: 8px !default;
71
74
  $ribbon-items-height: 20px !default;
75
+ $ribbon-items-min-width-height: 16px !default;
72
76
  $ribbon-checkbox-margin: 8px 0 8px 8px !default;
73
77
  $ribbon-rtl-checkbox-margin: 8px 8px 8px 0 !default;
74
78
  $ribbon-items-checkbox-size: $text-sm !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 0 !default;
110
114
  $ribbon-backstage-menu-item-height: 38px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: $text-sm !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 14px !default;
113
- $ribbon-backstage-menu-icon-padding: 12px 8px 12px 12px !default;
117
+ $ribbon-backstage-menu-icon-padding: 12px 8px 14px 12px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 34px !default;
115
119
  $ribbon-backstage-btn-focus-border: 0 !default;
116
120
  $ribbon-backstage-btn-height: 38px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 160px !default;
177
181
  $ribbon-bigger-file-menu-height: 22px !default;
178
182
  $ribbon-bigger-file-menu-padding: 17px 10px !default;
179
183
  $ribbon-bigger-file-menu-size: $text-base !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 18px !default;
180
185
  $ribbon-bigger-help-template-padding: 10px !default;
181
186
  $ribbon-bigger-help-template-height: 56px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 56px !default;
@@ -206,6 +211,8 @@ $ribbon-bigger-large-items-btn-padding: 0 12px !default;
206
211
  $ribbon-bigger-large-items-btn-gap: 8px !default;
207
212
  $ribbon-bigger-large-items-btn-size: $text-sm !default;
208
213
  $ribbon-bigger-large-items-btn-height: 20px !default;
214
+ $ribbon-bigger-large-items-min-width-height: 32px !default;
215
+ $ribbon-bigger-items-min-width-height: 18px;
209
216
  $ribbon-bigger-items-padding: 0 !default;
210
217
  $ribbon-bigger-items-btn-size: $text-base !default;
211
218
  $ribbon-bigger-items-height: 22px !default;
@@ -214,6 +221,7 @@ $ribbon-bigger-items-icon-height: 18px !default;
214
221
  $ribbon-bigger-items-icon-size: $text-lg !default;
215
222
  $ribbon-bigger-items-margin: 11px !default;
216
223
  $ribbon-bigger-items-btn-icon-size: $text-base !default;
224
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
217
225
  $ribbon-bigger-items-checkbox-size: $text-base !default;
218
226
  $ribbon-bigger-checkbox-margin: 8px 0 8px 6px !default;
219
227
  $ribbon-bigger-rtl-checkbox-margin: 8px 6px 8px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 40px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 44px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: $text-base !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 16px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 14px 12px 14px 15px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 14px 12px 17px 15px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 43px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 48px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 48px !default;
package/styles/ribbon/_fusionnew-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: $text-sm !default;
8
8
  $ribbon-file-menu-padding: 8px 15px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 16px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 38px !default;
13
14
  $ribbon-help-template-border: none !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-btn-height: 18px !default;
60
61
  $ribbon-large-items-icon-size: $text-2xl !default;
61
62
  $ribbon-large-items-max-width: 10ch !default;
62
63
  $ribbon-large-items-btn-gap: 5px !default;
64
+ $ribbon-large-items-min-width-height: 24px !default;
63
65
  $ribbon-items-border: none !default;
64
66
  $ribbon-items-border-radius: 2px !default;
65
67
  $ribbon-items-font-weight: $font-weight-normal !default;
66
68
  $ribbon-items-btn-size: $text-xs !default;
67
69
  $ribbon-items-label-size: $text-xs !default;
68
70
  $ribbon-items-btn-icon-size: 16px !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: $text-sm !default;
70
73
  $ribbon-items-margin: 5px !default;
71
74
  $ribbon-checkbox-margin: 4px !default;
72
75
  $ribbon-rtl-checkbox-margin: 4px !default;
73
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: $text-xs !default;
75
79
  $ribbon-items-checkbox-padding: 0 5px !default;
76
80
  $ribbon-input-group-height: 26px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 150px !default;
177
181
  $ribbon-bigger-file-menu-height: 125% !default;
178
182
  $ribbon-bigger-file-menu-padding: 14px 15px !default;
179
183
  $ribbon-bigger-file-menu-size: $text-base !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 16px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 48px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 48px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: $text-4xl !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: $text-sm !default;
207
212
  $ribbon-bigger-large-items-btn-height: 125% !default;
213
+ $ribbon-bigger-large-items-min-width-height: 32px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: $text-sm !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 125% !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: $text-xl !default;
215
222
  $ribbon-bigger-items-btn-icon-size: $text-xl !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 7px !default;
217
225
  $ribbon-bigger-checkbox-margin: 8px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 8px !default;
package/styles/ribbon/_highcontrast-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: 14px !default;
8
8
  $ribbon-file-menu-padding: 8px 8px 10px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 14px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 40px !default;
13
14
  $ribbon-help-template-border: 1px solid !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-icon-size: 32px !default;
60
61
  $ribbon-large-items-max-width: 10ch !default;
61
62
  $ribbon-large-items-icon-padding: 12px 10px 4px !default;
62
63
  $ribbon-large-items-btn-gap: 8px !default;
64
+ $ribbon-large-items-min-width-height: 32px !default;
63
65
  $ribbon-items-border: 2px solid !default;
64
66
  $ribbon-items-border-radius: unset !default;
65
67
  $ribbon-items-font-weight: 400 !default;
66
68
  $ribbon-items-btn-size: 14px !default;
67
69
  $ribbon-items-label-size: 14px !default;
68
70
  $ribbon-items-btn-icon-size: 14px !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: 14px !default;
70
73
  $ribbon-items-margin: 10px !default;
71
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
72
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
73
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: 14px !default;
75
79
  $ribbon-items-checkbox-padding: 0 10px !default;
76
80
  $ribbon-input-group-height: 36px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 2px !default;
110
114
  $ribbon-backstage-menu-item-height: 40px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 12px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 12px 16px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 48px !default;
115
119
  $ribbon-backstage-btn-focus-border: 2px !default;
116
120
  $ribbon-backstage-btn-height: 40px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 170px !default;
177
181
  $ribbon-bigger-file-menu-height: 24px !default;
178
182
  $ribbon-bigger-file-menu-padding: 13px 8px !default;
179
183
  $ribbon-bigger-file-menu-size: 16px !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 16px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 50px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 50px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: 16px !default;
207
212
  $ribbon-bigger-large-items-btn-height: 24px !default;
213
+ $ribbon-bigger-large-items-min-width-height: 36px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: 14px !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 22px !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: 20px !default;
215
222
  $ribbon-bigger-items-btn-icon-size: 18px !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 10px !default;
217
225
  $ribbon-bigger-checkbox-margin: 11px 0 11px 16px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 11px 16px 11px 0 !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 45px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 50px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 15px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 15px 16px 19px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 50px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 50px !default;
package/styles/ribbon/_highcontrast-light-definition.scss CHANGED
@@ -8,6 +8,7 @@ $ribbon-file-menu-size: 14px !default;
8
8
  $ribbon-file-menu-padding: 8px 15px 10px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
+ $ribbon-file-menu-min-width-height: 16px !default;
11
12
  $ribbon-help-template-padding: 12px !default;
12
13
  $ribbon-help-template-height: 40px !default;
13
14
  $ribbon-help-template-border: 1px solid !default;
@@ -60,17 +61,20 @@ $ribbon-large-items-icon-size: 32px !default;
60
61
  $ribbon-large-items-max-width: 10ch !default;
61
62
  $ribbon-large-items-icon-padding: 12px 10px 4px !default;
62
63
  $ribbon-large-items-btn-gap: 8px !default;
64
+ $ribbon-large-items-min-width-height: 32px !default;
63
65
  $ribbon-items-border: 2px solid !default;
64
66
  $ribbon-items-border-radius: unset !default;
65
67
  $ribbon-items-font-weight: 400 !default;
66
68
  $ribbon-items-btn-size: 14px !default;
67
69
  $ribbon-items-label-size: 14px !default;
68
70
  $ribbon-items-btn-icon-size: 16px !default;
71
+ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
69
72
  $ribbon-items-caret-icon-size: 14px !default;
70
73
  $ribbon-items-margin: 10px !default;
71
74
  $ribbon-checkbox-margin: 4px !default;
72
75
  $ribbon-rtl-checkbox-margin: 4px !default;
73
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-min-width-height: 16px !default;
74
78
  $ribbon-items-checkbox-size: 14px !default;
75
79
  $ribbon-items-checkbox-padding: 0 10px !default;
76
80
  $ribbon-input-group-height: 36px !default;
@@ -110,7 +114,7 @@ $ribbon-backstage-menu-active-border: 2px !default;
110
114
  $ribbon-backstage-menu-item-height: 40px !default;
111
115
  $ribbon-backstage-menu-icon-font-size: 16px !default;
112
116
  $ribbon-backstage-menu-icon-line-height: 16px !default;
113
- $ribbon-backstage-menu-icon-padding: 12px 16px !default;
117
+ $ribbon-backstage-menu-icon-padding: 12px 16px 16px !default;
114
118
  $ribbon-backstage-menu-blank-icon-padding: 48px !default;
115
119
  $ribbon-backstage-btn-focus-border: 2px !default;
116
120
  $ribbon-backstage-btn-height: 40px !default;
@@ -177,6 +181,7 @@ $ribbon-bigger-group-height: 170px !default;
177
181
  $ribbon-bigger-file-menu-height: 24px !default;
178
182
  $ribbon-bigger-file-menu-padding: 13px 15px !default;
179
183
  $ribbon-bigger-file-menu-size: 16px !default;
184
+ $ribbon-bigger-file-menu-min-width-height: 16px !default;
180
185
  $ribbon-bigger-help-template-padding: 16px !default;
181
186
  $ribbon-bigger-help-template-height: 50px !default;
182
187
  $ribbon-bigger-toolbar-items-height: 50px !default;
@@ -205,6 +210,8 @@ $ribbon-bigger-large-items-icon-size: 36px !default;
205
210
  $ribbon-bigger-large-items-btn-padding: 0 5px !default;
206
211
  $ribbon-bigger-large-items-btn-size: 16px !default;
207
212
  $ribbon-bigger-large-items-btn-height: 24px !default;
213
+ $ribbon-bigger-large-items-min-width-height: 36px !default;
214
+ $ribbon-bigger-items-min-width-height: 20px;
208
215
  $ribbon-bigger-large-items-btn-gap: 8px !default;
209
216
  $ribbon-bigger-items-padding: 2px !default;
210
217
  $ribbon-bigger-items-btn-size: 14px !default;
@@ -213,6 +220,7 @@ $ribbon-bigger-items-height: 22px !default;
213
220
  $ribbon-bigger-items-icon-height: 20px !default;
214
221
  $ribbon-bigger-items-icon-size: 20px !default;
215
222
  $ribbon-bigger-items-btn-icon-size: 18px !default;
223
+ $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
216
224
  $ribbon-bigger-items-margin: 10px !default;
217
225
  $ribbon-bigger-checkbox-margin: 8px !default;
218
226
  $ribbon-bigger-rtl-checkbox-margin: 8px !default;
@@ -245,7 +253,7 @@ $ribbon-bigger-ddb-popup-height: 45px;
245
253
  $ribbon-bigger-backstage-menu-item-height: 50px !default;
246
254
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
247
255
  $ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
248
- $ribbon-bigger-backstage-menu-icon-padding: 15px 16px !default;
256
+ $ribbon-bigger-backstage-menu-icon-padding: 15px 16px 19px !default;
249
257
  $ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
250
258
  $ribbon-bigger-backstage-btn-height: 50px !default;
251
259
  $ribbon-bigger-backstage-btn-line-height: 50px !default;