@syncfusion/ej2-ribbon 26.2.10 → 27.1.48

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 (151) 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 +18 -26
  4. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  5. package/dist/es6/ej2-ribbon.es5.js +18 -92
  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 +14 -13
  11. package/src/ribbon/items/ribbon-button.js +3 -15
  12. package/src/ribbon/items/ribbon-checkbox.js +3 -16
  13. package/src/ribbon/items/ribbon-colorpicker.js +3 -15
  14. package/src/ribbon/items/ribbon-combobox.js +3 -16
  15. package/src/ribbon/items/ribbon-dropdown.js +3 -15
  16. package/src/ribbon/items/ribbon-splitbutton.js +3 -15
  17. package/styles/bootstrap-dark-lite.css +2136 -0
  18. package/styles/bootstrap-dark-lite.scss +18 -0
  19. package/styles/bootstrap-dark.css +1174 -1244
  20. package/styles/bootstrap-dark.scss +1 -0
  21. package/styles/bootstrap-lite.css +2138 -0
  22. package/styles/bootstrap-lite.scss +18 -0
  23. package/styles/bootstrap.css +1179 -1249
  24. package/styles/bootstrap.scss +1 -0
  25. package/styles/bootstrap4-lite.css +2180 -0
  26. package/styles/bootstrap4-lite.scss +18 -0
  27. package/styles/bootstrap4.css +1181 -1273
  28. package/styles/bootstrap4.scss +1 -0
  29. package/styles/bootstrap5-dark-lite.css +2211 -0
  30. package/styles/bootstrap5-dark-lite.scss +18 -0
  31. package/styles/bootstrap5-dark.css +1175 -1263
  32. package/styles/bootstrap5-dark.scss +1 -0
  33. package/styles/bootstrap5-lite.css +2211 -0
  34. package/styles/bootstrap5-lite.scss +18 -0
  35. package/styles/bootstrap5.3-lite.css +2215 -0
  36. package/styles/bootstrap5.3-lite.scss +18 -0
  37. package/styles/bootstrap5.3.css +2841 -0
  38. package/styles/bootstrap5.3.scss +19 -0
  39. package/styles/bootstrap5.css +1173 -1261
  40. package/styles/bootstrap5.scss +1 -0
  41. package/styles/fabric-dark-lite.css +2112 -0
  42. package/styles/fabric-dark-lite.scss +18 -0
  43. package/styles/fabric-dark.css +1176 -1245
  44. package/styles/fabric-dark.scss +1 -0
  45. package/styles/fabric-lite.css +2113 -0
  46. package/styles/fabric-lite.scss +18 -0
  47. package/styles/fabric.css +1176 -1238
  48. package/styles/fabric.scss +1 -0
  49. package/styles/fluent-dark-lite.css +2203 -0
  50. package/styles/fluent-dark-lite.scss +18 -0
  51. package/styles/fluent-dark.css +1179 -1254
  52. package/styles/fluent-dark.scss +1 -0
  53. package/styles/fluent-lite.css +2203 -0
  54. package/styles/fluent-lite.scss +18 -0
  55. package/styles/fluent.css +1177 -1252
  56. package/styles/fluent.scss +1 -0
  57. package/styles/fluent2-lite.css +2301 -0
  58. package/styles/fluent2-lite.scss +18 -0
  59. package/styles/fluent2.css +1264 -1250
  60. package/styles/fluent2.scss +1 -0
  61. package/styles/highcontrast-light-lite.css +2129 -0
  62. package/styles/highcontrast-light-lite.scss +17 -0
  63. package/styles/highcontrast-light.css +1163 -1222
  64. package/styles/highcontrast-light.scss +1 -0
  65. package/styles/highcontrast-lite.css +2134 -0
  66. package/styles/highcontrast-lite.scss +18 -0
  67. package/styles/highcontrast.css +1162 -1221
  68. package/styles/highcontrast.scss +1 -0
  69. package/styles/material-dark-lite.css +2272 -0
  70. package/styles/material-dark-lite.scss +18 -0
  71. package/styles/material-dark.css +1176 -1229
  72. package/styles/material-dark.scss +1 -0
  73. package/styles/material-lite.css +2278 -0
  74. package/styles/material-lite.scss +18 -0
  75. package/styles/material.css +1176 -1250
  76. package/styles/material.scss +1 -0
  77. package/styles/material3-dark-lite.css +2214 -0
  78. package/styles/material3-dark-lite.scss +18 -0
  79. package/styles/material3-dark.css +1199 -1278
  80. package/styles/material3-dark.scss +1 -0
  81. package/styles/material3-lite.css +2216 -0
  82. package/styles/material3-lite.scss +18 -0
  83. package/styles/material3.css +1199 -1278
  84. package/styles/material3.scss +1 -0
  85. package/styles/ribbon/_bds-definition.scss +2 -0
  86. package/styles/ribbon/_bigger.scss +530 -0
  87. package/styles/ribbon/_bootstrap-dark-definition.scss +2 -0
  88. package/styles/ribbon/_bootstrap-definition.scss +2 -0
  89. package/styles/ribbon/_bootstrap4-definition.scss +2 -0
  90. package/styles/ribbon/_bootstrap5-definition.scss +2 -0
  91. package/styles/ribbon/_bootstrap5.3-definition.scss +130 -129
  92. package/styles/ribbon/_fabric-dark-definition.scss +2 -0
  93. package/styles/ribbon/_fabric-definition.scss +2 -0
  94. package/styles/ribbon/_fluent-definition.scss +2 -0
  95. package/styles/ribbon/_fluent2-definition.scss +11 -9
  96. package/styles/ribbon/_fusionnew-definition.scss +2 -0
  97. package/styles/ribbon/_highcontrast-definition.scss +2 -0
  98. package/styles/ribbon/_highcontrast-light-definition.scss +2 -0
  99. package/styles/ribbon/_layout.scss +75 -493
  100. package/styles/ribbon/_material-dark-definition.scss +2 -0
  101. package/styles/ribbon/_material-definition.scss +2 -0
  102. package/styles/ribbon/_material3-definition.scss +2 -0
  103. package/styles/ribbon/_tailwind-definition.scss +2 -0
  104. package/styles/ribbon/_theme.scss +15 -22
  105. package/styles/ribbon/bootstrap-dark.css +1174 -1244
  106. package/styles/ribbon/bootstrap-dark.scss +1 -0
  107. package/styles/ribbon/bootstrap.css +1179 -1249
  108. package/styles/ribbon/bootstrap.scss +1 -0
  109. package/styles/ribbon/bootstrap4.css +1181 -1273
  110. package/styles/ribbon/bootstrap4.scss +1 -0
  111. package/styles/ribbon/bootstrap5-dark.css +1175 -1263
  112. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  113. package/styles/ribbon/bootstrap5.3.css +2841 -0
  114. package/styles/ribbon/bootstrap5.3.scss +19 -0
  115. package/styles/ribbon/bootstrap5.css +1173 -1261
  116. package/styles/ribbon/bootstrap5.scss +1 -0
  117. package/styles/ribbon/fabric-dark.css +1176 -1245
  118. package/styles/ribbon/fabric-dark.scss +1 -0
  119. package/styles/ribbon/fabric.css +1176 -1238
  120. package/styles/ribbon/fabric.scss +1 -0
  121. package/styles/ribbon/fluent-dark.css +1179 -1254
  122. package/styles/ribbon/fluent-dark.scss +1 -0
  123. package/styles/ribbon/fluent.css +1177 -1252
  124. package/styles/ribbon/fluent.scss +1 -0
  125. package/styles/ribbon/fluent2.css +1264 -1250
  126. package/styles/ribbon/fluent2.scss +1 -0
  127. package/styles/ribbon/highcontrast-light.css +1163 -1222
  128. package/styles/ribbon/highcontrast-light.scss +1 -0
  129. package/styles/ribbon/highcontrast.css +1162 -1221
  130. package/styles/ribbon/highcontrast.scss +1 -0
  131. package/styles/ribbon/material-dark.css +1176 -1229
  132. package/styles/ribbon/material-dark.scss +1 -0
  133. package/styles/ribbon/material.css +1176 -1250
  134. package/styles/ribbon/material.scss +1 -0
  135. package/styles/ribbon/material3-dark.css +1199 -1278
  136. package/styles/ribbon/material3-dark.scss +1 -0
  137. package/styles/ribbon/material3.css +1199 -1278
  138. package/styles/ribbon/material3.scss +1 -0
  139. package/styles/ribbon/tailwind-dark.css +1177 -1249
  140. package/styles/ribbon/tailwind-dark.scss +1 -0
  141. package/styles/ribbon/tailwind.css +1179 -1251
  142. package/styles/ribbon/tailwind.scss +1 -0
  143. package/styles/tailwind-dark-lite.css +2234 -0
  144. package/styles/tailwind-dark-lite.scss +18 -0
  145. package/styles/tailwind-dark.css +1177 -1249
  146. package/styles/tailwind-dark.scss +1 -0
  147. package/styles/tailwind-lite.css +2234 -0
  148. package/styles/tailwind-lite.scss +18 -0
  149. package/styles/tailwind.css +1179 -1251
  150. package/styles/tailwind.scss +1 -0
  151. package/hotfix/26.1.35_Vol2.txt +0 -1
@@ -5,15 +5,15 @@ $ribbon-file-menu-border: none !default;
5
5
  $ribbon-file-menu-border-width: unset !default;
6
6
  $ribbon-file-menu-weight: 400 !default;
7
7
  $ribbon-file-menu-size: $text-sm !default;
8
- $ribbon-file-menu-padding: 8px 12px !default;
8
+ $ribbon-file-menu-padding: 5px 13px !default;
9
9
  $ribbon-file-menu-height: 22px !default;
10
10
  $ribbon-file-menu-border-radius: unset !default;
11
11
  $ribbon-file-menu-min-width-height: 16px !default;
12
12
  $ribbon-help-template-padding: 12px !default;
13
- $ribbon-help-template-height: 38px !default;
13
+ $ribbon-help-template-height: 32px !default;
14
14
  $ribbon-help-template-border: none !default;
15
- $ribbon-toolbar-items-height: 38px !default;
16
- $ribbon-horizontal-nav-height: 38px !default;
15
+ $ribbon-toolbar-items-height: 32px !default;
16
+ $ribbon-horizontal-nav-height: 32px !default;
17
17
  $ribbon-group-header-padding: 4px 11px 4px 11px !default;
18
18
  $ribbon-group-header-height: 16px !default;
19
19
  $ribbon-group-header-font-size: $text-xxs !default;
@@ -22,40 +22,40 @@ $ribbon-group-content-padding: 0 8px !default;
22
22
  $ribbon-group-content-height: 90px !default;
23
23
  $ribbon-group-overflow-height: 90px !default;
24
24
  $ribbon-group-header-margin: 20px !default;
25
- $ribbon-group-padding: 6px !default;
26
- $ribbon-group-height: 120px !default;
27
- $ribbon-simplified-group-padding: 1px !default;
28
- $ribbon-simplified-group-content-padding: 0 4px !default;
29
- $ribbon-simplified-group-content-height: 32px !default;
30
- $ribbon-collapse-btn-padding: 2px !default;
31
- $ribbon-collapse-btn-height: 12px !default;
25
+ $ribbon-group-padding: 8px !default;
26
+ $ribbon-group-height: 130px !default;
27
+ $ribbon-simplified-group-padding: 4px !default;
28
+ $ribbon-simplified-group-content-padding: 0 8px !default;
29
+ $ribbon-simplified-group-content-height: 40px !default;
30
+ $ribbon-collapse-btn-padding: 3px !default;
31
+ $ribbon-collapse-btn-height: 18px !default;
32
32
  $ribbon-collapse-btn-font-weight: 400 !default;
33
- $ribbon-collapsible-content-width: 20px !default;
33
+ $ribbon-collapsible-content-width: 24px !default;
34
34
  $ribbon-overflow-btn-content-width: 40px !default;
35
- $ribbon-overflow-btn-icon-padding: 5px !default;
35
+ $ribbon-overflow-btn-icon-padding: 7px !default;
36
36
  $ribbon-overflow-btn-padding: 0 !default;
37
37
  $ribbon-overflow-btn-margin: 0 !default;
38
38
  $ribbon-overflow-collapse-btn-right: 25px !default;
39
39
  $ribbon-overflow-item-padding: 0 !default;
40
40
  $ribbon-overflow-wrapper-item-margin: 3px 5px !default;
41
41
  $ribbon-overflow-item-btn-height: 22px !default;
42
- $ribbon-overflow-btn-height: 26px !default;
42
+ $ribbon-overflow-btn-height: 32px !default;
43
43
  $ribbon-overflow-btn-border-radius: 4px !default;
44
- $ribbon-overflow-header-height: 24px !default;
44
+ $ribbon-overflow-header-height: 30px !default;
45
45
  $ribbon-overflow-header-line-height: 18px !default;
46
- $ribbon-overflow-header-font-size: 14px !default;
47
- $ribbon-overflow-header-padding: 5px 0 5px 12px !default;
48
- $ribbon-rtl-overflow-header-padding: 5px 12px 5px 0 !default;
49
- $ribbon-overflow-header-weight: 400 !default;
46
+ $ribbon-overflow-header-font-size: 12px !default;
47
+ $ribbon-overflow-header-padding: 6px 0 6px 12px !default;
48
+ $ribbon-rtl-overflow-header-padding: 6px 12px 6px 0 !default;
49
+ $ribbon-overflow-header-weight: 600 !default;
50
50
  $ribbon-overflow-dropdown-btn-padding: 0 12px !default;
51
51
  $ribbon-overall-overflow-btn-position: 3px !default;
52
52
  $ribbon-dropdown-btn-padding: 0 12px !default;
53
53
  $ribbon-dropdown-caret-btn-size: $text-xs !default;
54
54
  $ribbon-dropdown-caret-btn-height: 12px !default;
55
- $ribbon-dropdown-caret-btn-padding: 2px 4px !default;
55
+ $ribbon-dropdown-caret-btn-padding: 3px 6px !default;
56
56
  $ribbon-colorpicker-caret-btn-padding: $ribbon-dropdown-caret-btn-padding !default;
57
57
  $ribbon-items-padding: 2px !default;
58
- $ribbon-large-items-btn-padding: 0 2px 4px !default;
58
+ $ribbon-large-items-btn-padding: 0 8px !default;
59
59
  $ribbon-large-items-btn-height: 18px !default;
60
60
  $ribbon-large-items-icon-size: $text-2xl !default;
61
61
  $ribbon-large-items-max-width: 10ch !default;
@@ -70,12 +70,14 @@ $ribbon-items-label-size: $text-sm !default;
70
70
  $ribbon-items-btn-icon-size: $text-base !default;
71
71
  $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
72
72
  $ribbon-items-caret-icon-size: $text-base !default;
73
- $ribbon-items-margin: 5px !default;
74
- $ribbon-checkbox-margin: 7px 0 7px 12px !default;
75
- $ribbon-rtl-checkbox-margin: 7px 12px 7px 0 !default;
73
+ $ribbon-items-margin: 7px !default;
74
+ $ribbon-checkbox-margin: 8px 0 8px 12px !default;
75
+ $ribbon-rtl-checkbox-margin: 8px 12px 8px 0 !default;
76
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
- $ribbon-items-checkbox-size: $text-xs !default;
80
+ $ribbon-items-checkbox-size: $text-sm !default;
79
81
  $ribbon-items-checkbox-padding: 0 5px !default;
80
82
  $ribbon-input-group-height: 26px !default;
81
83
  $ribbon-input-padding: 4px 0 4px 8px !default;
@@ -84,31 +86,31 @@ $ribbon-input-height: 18px !default;
84
86
  $ribbon-input-weight: 400 !default;
85
87
  $ribbon-input-icon-size: $text-xs !default;
86
88
  $ribbon-input-icon-height: 12px !default;
87
- $ribbon-input-icon-padding: 7px 3px 7px 2px !default;
89
+ $ribbon-input-icon-padding: 7px 6px 7px 13px !default;
88
90
  $ribbon-input-icon-weight: 400 !default;
89
91
  $ribbon-input-group-border-radius: 4px !default;
90
92
  $ribbon-input-group-margin: 0 0 4px !default;
91
93
  $ribbon-tab-border: none !default;
92
94
  $ribbon-tab-border-radius: unset !default;
93
95
  $ribbon-tab-text-size: $text-sm !default;
94
- $ribbon-tab-text-padding: 8px 12px !default;
96
+ $ribbon-tab-text-padding: 5px 12px !default;
95
97
  $ribbon-tab-text-height: 22px !default;
96
98
  $ribbon-tab-text-weight: 400 !default;
97
99
  $ribbon-active-tab-text-weight: $ribbon-tab-text-weight !default;
98
100
  $ribbon-nav-arrow-size: $text-sm !default;
99
101
  $ribbon-nav-arrow-height: 14px !default;
100
102
  $ribbon-hscroll-padding: 0 !default;
101
- $ribbon-hscroll-nav-arrow-padding: 0 5px !default;
103
+ $ribbon-hscroll-nav-arrow-padding: 0 3px !default;
102
104
  $ribbon-hscroll-nav-arrow-weight: 400 !default;
103
105
  $ribbon-hscroll-nav-border-width: 1px !default;
104
106
  $ribbon-hscroll-nav-border-radius: 2px !default;
105
107
  $ribbon-menu-border: 1px solid !default;
106
- $ribbon-menu-border-radius: 2px !default;
107
- $ribbon-menu-blank-icon-padding: 38px !default;
108
- $ribbon-launcher-icon-margin: 0 8px 4px 0 !default;
109
- $ribbon-rtl-launcher-icon-margin: 0 0 4px 8px !default;
110
- $ribbon-ddb-popup-font-size: 12px;
111
- $ribbon-ddb-popup-height: 24px;
108
+ $ribbon-menu-border-radius: 4px !default;
109
+ $ribbon-menu-blank-icon-padding: 36px !default;
110
+ $ribbon-launcher-icon-margin: 0 4px 4px 0 !default;
111
+ $ribbon-rtl-launcher-icon-margin: 0 0 4px 4px !default;
112
+ $ribbon-ddb-popup-font-size: 14px;
113
+ $ribbon-ddb-popup-height: 30px;
112
114
  $ribbon-backstage-menu-hover-border: 0 !default;
113
115
  $ribbon-backstage-menu-active-border: 0 !default;
114
116
  $ribbon-backstage-menu-item-height: 38px !default;
@@ -121,25 +123,25 @@ $ribbon-backstage-btn-height: 38px !default;
121
123
  $ribbon-backstage-btn-line-height: 38px !default;
122
124
  $ribbon-backstage-btn-icon-font-size: 16px !default;
123
125
  $ribbon-backstage-btn-icon-line-height: 16px !default;
124
- $ribbon-backstage-btn-icon-padding: 11px 18px 11px 16px !default;
126
+ $ribbon-backstage-btn-icon-padding: 11px 16px !default;
125
127
  $ribbon-backstage-btn-hover-border: 0 !default;
126
128
  $ribbon-group-button-icon-margin: $ribbon-items-margin !default;
127
- $ribbon-group-button-ddb-padding: 4px 9px !default;
129
+ $ribbon-group-button-ddb-padding: 8px 12px !default;
128
130
  $ribbon-group-button-icon-padding: 0 2px 0 0 !default;
129
131
  $ribbon-group-button-ddb-border-radius: 4px !default;
130
132
  $ribbon-group-button-padding: 0 5px 0 0 !default;
131
133
  $ribbon-group-button-ddb-border: 1px solid !default;
132
- $ribbon-groupbutton-header-padding: 3px !default;
134
+ $ribbon-groupbutton-header-padding: 4px !default;
133
135
  $ribbon-items-label: 36px !default;
134
- $ribbon-combobox-height: 30px !default;
136
+ $ribbon-combobox-height: 32px !default;
135
137
  $ribbon-medium-item-height: 30px !default;
136
138
  $ribbon-button-icon-padding: 7px 8px 7px 12px !default;
137
139
  $ribbon-rtl-button-icon-padding: 7px 12px 7px 8px !default;
138
- $ribbon-caret-icon-padding: 0 8px !default;
139
- $ribbon-rtl-caret-icon-padding: 0 8px !default;
140
- $ribbon-gallery-popup-items-padding: 5px 0 !default;
140
+ $ribbon-caret-icon-padding: 0 11px !default;
141
+ $ribbon-rtl-caret-icon-padding: 0 11px !default;
142
+ $ribbon-gallery-popup-items-padding: 0 4px !default;
141
143
  $ribbon-gallery-header-padding: 8px 0 4px !default;
142
- $ribbon-gallery-header-font-weight: 400 !default;
144
+ $ribbon-gallery-header-font-weight: 600 !default;
143
145
  $ribbon-gallery-header-line-height: 22px !default;
144
146
  $ribbon-gallery-header-fontsize: 14px !default;
145
147
  $ribbon-gallery-text-size: 14px !default;
@@ -150,16 +152,16 @@ $ribbon-gallery-popup-padding: 8px 12px 12px !default;
150
152
  $ribbon-gallery-icons-size: 20px !default;
151
153
  $ribbon-gallery-icons-weight: $ribbon-gallery-text-weight !default;
152
154
  $ribbon-gallery-icons-height: 20px !default;
153
- $ribbon-gallery-items-width: 95px !default;
154
- $ribbon-gallery-simplified-items-width: 95px !default;
155
- $ribbon-gallery-popup-items-width: 73px !default;
156
- $ribbon-keytip-border-radius: unset !default;
157
- $ribbon-keytip-font-size: 14px !default;
155
+ $ribbon-gallery-items-width: 96px !default;
156
+ $ribbon-gallery-simplified-items-width: 71px !default;
157
+ $ribbon-gallery-popup-items-width: 96px !default;
158
+ $ribbon-keytip-border-radius: 4px !default;
159
+ $ribbon-keytip-font-size: 12px !default;
158
160
  $ribbon-keytip-line-height: 18px !default;
159
- $ribbon-keytip-height: 20px !default;
160
- $ribbon-keytip-min-width: 20px !default;
161
+ $ribbon-keytip-height: 26px !default;
162
+ $ribbon-keytip-min-width: 26px !default;
161
163
  $ribbon-gallery-wrapper-height: 90px !default;
162
- $ribbon-gallery-simplified-wrapper-height: 30px !default;
164
+ $ribbon-gallery-simplified-wrapper-height: 32px !default;
163
165
  $ribbon-gallery-simplified-items-wrapper-height: 26px !default;
164
166
  $ribbon-gallery-button-icon-padding: 0 2px !default;
165
167
  $ribbon-gallery-button-icon-font-weight: 400 !default;
@@ -168,8 +170,8 @@ $ribbon-gallery-button-icon-font-size: 12px !default;
168
170
  $ribbon-wrapper-margin: 5px 6px !default;
169
171
  $ribbon-wrapper-item-margin: 0 2px !default;
170
172
  $ribbon-wrapper-border-radius: 4px !default;
171
- $ribbon-wrapper-item-border-radius: 8px !default;
172
- $ribbon-simplified-wrapper-margin: 2px 5px !default;
173
+ $ribbon-wrapper-item-border-radius: 4px !default;
174
+ $ribbon-simplified-wrapper-margin: 3px 5px !default;
173
175
  $ribbon-simplified-wrapper-item-margin: 0 2px !default;
174
176
  $ribbon-simplified-wrapper-item-border-radius: 4px !default;
175
177
  $ribbon-gallery-items-wrapper-height: 80px !default;
@@ -177,53 +179,53 @@ $ribbon-gallery-items-wrapper-height: 80px !default;
177
179
  $ribbon-bigger-content-height: 114px !default;
178
180
  $ribbon-bigger-large-items-max-width: $ribbon-large-items-max-width !default;
179
181
  $ribbon-bigger-group-overflow-content-height: 114px !default;
180
- $ribbon-bigger-group-height: 150px !default;
182
+ $ribbon-bigger-group-height: 148px !default;
181
183
  $ribbon-bigger-file-menu-height: 24px !default;
182
- $ribbon-bigger-file-menu-padding: 12px 15px !default;
184
+ $ribbon-bigger-file-menu-padding: 9px 17px !default;
183
185
  $ribbon-bigger-file-menu-size: $text-base !default;
184
186
  $ribbon-bigger-file-menu-min-width-height: 18px !default;
185
187
  $ribbon-bigger-help-template-padding: 16px !default;
186
- $ribbon-bigger-help-template-height: 48px !default;
187
- $ribbon-bigger-toolbar-items-height: 48px !default;
188
- $ribbon-bigger-horizontal-nav-height: 48px !default;
188
+ $ribbon-bigger-help-template-height: 42px !default;
189
+ $ribbon-bigger-toolbar-items-height: 42px !default;
190
+ $ribbon-bigger-horizontal-nav-height: 42px !default;
189
191
  $ribbon-bigger-collapse-btn-padding: 5px !default;
190
192
  $ribbon-bigger-collapse-btn-height: 14px !default;
191
193
  $ribbon-bigger-collapse-btn-font-size: $text-sm !default;
192
194
  $ribbon-bigger-collapsible-content-width: 24px !default;
193
- $ribbon-bigger-overflow-btn-content-width: 40px !default;
194
- $ribbon-bigger-overflow-btn-font-size: $text-xl !default;
195
- $ribbon-bigger-overflow-btn-height: 20px !default;
196
- $ribbon-bigger-overflow-btn-icon-padding: 7px !default;
195
+ $ribbon-bigger-overflow-btn-content-width: 38px !default;
196
+ $ribbon-bigger-overflow-btn-font-size: $text-lg !default;
197
+ $ribbon-bigger-overflow-btn-height: 18px !default;
198
+ $ribbon-bigger-overflow-btn-icon-padding: 10px !default;
197
199
  $ribbon-bigger-overflow-collapse-btn-right: 28px !default;
198
- $ribbon-bigger-overall-overflow-btn-height: 34px !default;
199
- $ribbon-bigger-overall-overflow-btn-position: 3px !default;
200
- $ribbon-bigger-overflow-wrapper-item-margin: 3px 7px !default;
200
+ $ribbon-bigger-overall-overflow-btn-height: 38px !default;
201
+ $ribbon-bigger-overall-overflow-btn-position: 4px !default;
202
+ $ribbon-bigger-overflow-wrapper-item-margin: 12px 24px !default;
201
203
  $ribbon-bigger-group-header-padding: 8px 11px 4px !default;
202
204
  $ribbon-bigger-group-header-height: 18px !default;
203
205
  $ribbon-bigger-group-header-font-size: $text-xs !default;
204
- $ribbon-bigger-simplified-group-content-height: 40px !default;
206
+ $ribbon-bigger-simplified-group-content-height: 42px !default;
205
207
  $ribbon-bigger-tab-text-size: $text-base !default;
206
- $ribbon-bigger-tab-text-padding: 12px 15px !default;
208
+ $ribbon-bigger-tab-text-padding: 9px 16px !default;
207
209
  $ribbon-bigger-tab-text-height: 24px !default;
208
- $ribbon-bigger-large-items-icon-padding: 8px 3px !default;
210
+ $ribbon-bigger-large-items-icon-padding: 8px 12px 0 !default;
209
211
  $ribbon-bigger-large-items-icon-size: 32px !default;
210
- $ribbon-bigger-large-items-btn-padding: 0 5px !default;
212
+ $ribbon-bigger-large-items-btn-padding: 0 8px !default;
211
213
  $ribbon-bigger-large-items-btn-size: $text-sm !default;
212
- $ribbon-bigger-large-items-btn-height: 18px !default;
214
+ $ribbon-bigger-large-items-btn-height: 22px !default;
213
215
  $ribbon-bigger-large-items-min-width-height: 32px !default;
214
216
  $ribbon-bigger-items-min-width-height: $text-xl;
215
217
  $ribbon-bigger-large-items-btn-gap: 8px !default;
216
218
  $ribbon-bigger-items-padding: 2px !default;
217
- $ribbon-bigger-items-btn-size: $text-sm !default;
219
+ $ribbon-bigger-items-btn-size: $text-base !default;
218
220
  $ribbon-bigger-items-label-size: $text-base !default;
219
- $ribbon-bigger-items-height: 18px !default;
221
+ $ribbon-bigger-items-height: 24px !default;
220
222
  $ribbon-bigger-items-icon-height: 20px !default;
221
223
  $ribbon-bigger-items-icon-size: $text-xl !default;
222
224
  $ribbon-bigger-items-btn-icon-size: $text-xl !default;
223
225
  $ribbon-bigger-overflow-items-min-width-height: $ribbon-bigger-items-btn-icon-size !default;
224
226
  $ribbon-bigger-items-margin: 7px !default;
225
- $ribbon-bigger-checkbox-margin: 7px 0 7px 16px !default;
226
- $ribbon-bigger-rtl-checkbox-margin: 7px 16px 7px 0 !default;
227
+ $ribbon-bigger-checkbox-margin: 8px 0 4px 12px !default;
228
+ $ribbon-bigger-rtl-checkbox-margin: 8px 12px 4px 0 !default;
227
229
  $ribbon-bigger-items-checkbox-size: $text-sm !default;
228
230
  $ribbon-bigger-items-checkbox-padding: 0 7px !default;
229
231
  $ribbon-bigger-input-group-height: 34px !default;
@@ -232,23 +234,23 @@ $ribbon-bigger-input-items-height: 22px !default;
232
234
  $ribbon-bigger-input-items-btn-size: $text-xs !default;
233
235
  $ribbon-bigger-input-items-btn-height: 12px !default;
234
236
  $ribbon-bigger-input-padding: 6px 0 6px 8px !default;
235
- $ribbon-bigger-input-icon-padding: 11px 4px 11px 2px !default;
237
+ $ribbon-bigger-input-icon-padding: 11px 8px 11px 2px !default;
236
238
  $ribbon-bigger-input-group-margin: 0 0 4px !default;
237
239
  $ribbon-bigger-dropdown-btn-padding: 0 13px !default;
238
- $ribbon-bigger-menu-blank-icon-padding: 50px !default;
239
- $ribbon-bigger-dropdown-btn-size: 12px !default;
240
- $ribbon-bigger-dropdown-btn-line-height: 12px !default;
240
+ $ribbon-bigger-menu-blank-icon-padding: 44px !default;
241
+ $ribbon-bigger-dropdown-btn-size: 18px !default;
242
+ $ribbon-bigger-dropdown-btn-line-height: 18px !default;
241
243
  $ribbon-bigger-dropdown-caret-btn-padding: 3px 2px !default;
242
244
  $ribbon-bigger-colorpicker-caret-btn-padding: $ribbon-bigger-dropdown-caret-btn-padding !default;
243
- $ribbon-bigger-dropdown-caret-btn-size: $text-sm !default;
244
- $ribbon-bigger-dropdown-caret-icon-size: $text-lg !default;
245
- $ribbon-bigger-dropdown-caret-btn-height: 12px !default;
245
+ $ribbon-bigger-dropdown-caret-btn-size: $text-base !default;
246
+ $ribbon-bigger-dropdown-caret-icon-size: $text-base !default;
247
+ $ribbon-bigger-dropdown-caret-btn-height: 16px !default;
246
248
  $ribbon-bigger-caret-dropdown-btn-padding: 0 13px !default;
247
249
  $ribbon-bigger-color-picker-height: 20px !default;
248
250
  $ribbon-bigger-color-picker-width: 20px !default;
249
251
  $ribbon-bigger-launcher-icon-margin: 0 8px 4px 0 !default;
250
252
  $ribbon-bigger-rtl-launcher-icon-margin: 0 0 4px 8px !default;
251
- $ribbon-bigger-ddb-popup-font-size: 14px;
253
+ $ribbon-bigger-ddb-popup-font-size: 16px;
252
254
  $ribbon-bigger-ddb-popup-height: 32px;
253
255
  $ribbon-bigger-backstage-menu-item-height: 48px !default;
254
256
  $ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
@@ -270,28 +272,28 @@ $ribbon-bigger-gallery-header-line-height: 24px !default;
270
272
  $ribbon-bigger-gallery-header-padding: 12px 0 8px !default;
271
273
  $ribbon-bigger-overflow-header-line-height: 22px !default;
272
274
  $ribbon-bigger-overflow-header-height: 28px !default;
273
- $ribbon-bigger-combobox-height: 32px !default;
275
+ $ribbon-bigger-combobox-height: 38px !default;
274
276
  $ribbon-bigger-medium-item-height: 32px !default;
275
- $ribbon-bigger-overflow-header-font-size: 16px !default;
277
+ $ribbon-bigger-overflow-header-font-size: 14px !default;
276
278
  $ribbon-bigger-overflow-header-padding: 5px 0 5px 16px !default;
277
279
  $ribbon-bigger-rtl-overflow-header-padding: 5px 16px 5px 0 !default;
278
280
  $ribbon-bigger-button-icon-padding: 7px 10px 7px 16px !default;
279
281
  $ribbon-bigger-rtl-button-icon-padding: 7px 16px 7px 10px !default;
280
- $ribbon-bigger-caret-icon-padding: 0 12px !default;
281
- $ribbon-bigger-rtl-caret-icon-padding: 0 12px !default;
282
+ $ribbon-bigger-caret-icon-padding: 7px 12px !default;
283
+ $ribbon-bigger-rtl-caret-icon-padding: 7px 12px !default;
282
284
  $ribbon-bigger-gallery-wrapper-height: 114px !default;
283
- $ribbon-bigger-gallery-simplified-wrapper-height: 38px !default;
285
+ $ribbon-bigger-gallery-simplified-wrapper-height: 32px !default;
284
286
  $ribbon-bigger-gallery-items-wrapper-height: 104px !default;
285
- $ribbon-bigger-gallery-simplified-items-wrapper-height: 33px !default;
287
+ $ribbon-bigger-gallery-simplified-items-wrapper-height: 30px !default;
286
288
  $ribbon-bigger-gallery-items-wrapper-width: 104px !default;
287
289
  $ribbon-bigger-keytip-font-size: 14px !default;
288
- $ribbon-bigger-keytip-line-height: 18px !default;
289
- $ribbon-bigger-keytip-height: 20px !default;
290
- $ribbon-bigger-keytip-min-width: 20px !default;
290
+ $ribbon-bigger-keytip-line-height: 22px !default;
291
+ $ribbon-bigger-keytip-height: 30px !default;
292
+ $ribbon-bigger-keytip-min-width: 30px !default;
291
293
 
292
- $ribbon-header-bg-color: $content-bg-color-alt1 !default;
294
+ $ribbon-header-bg-color: $content-bg-color !default;
293
295
  $ribbon-tab-background-color: $ribbon-header-bg-color !default;
294
- $ribbon-border-color: unset !default;
296
+ $ribbon-border-color: $flyout-border !default;
295
297
  $ribbon-group-border-color: $border-light !default;
296
298
  $ribbon-input-group-border-color: $border !default;
297
299
  $ribbon-input-group-background-color: $content-bg-color !default;
@@ -308,41 +310,41 @@ $ribbon-items-icon-focus-color: $ribbon-items-focus-color !default;
308
310
  $ribbon-items-text-focus-color: $ribbon-items-focus-color !default;
309
311
  $ribbon-items-active-background-color: $secondary-bg-color-pressed !default;
310
312
  $ribbon-items-pressed-background-color: $ribbon-items-active-background-color !default;
311
- $ribbon-items-hover-border-color: unset !default;
312
- $ribbon-items-focus-border-color: unset !default;
313
- $ribbon-items-disabled-color: $gray-600 !default;
314
- $ribbon-collapse-btn-background: $content-bg-color-alt1 !default;
315
- $ribbon-text-color: $content-text-color !default;
313
+ $ribbon-items-hover-border-color: $secondary-border-color !default;
314
+ $ribbon-items-focus-border-color: $secondary-border-color !default;
315
+ $ribbon-items-disabled-color: $flyout-text-color-disabled !default;
316
+ $ribbon-collapse-btn-background: $transparent !default;
317
+ $ribbon-text-color: $flyout-text-color !default;
316
318
  $ribbon-tab-text-color: $ribbon-text-color !default;
317
319
  $ribbon-tab-text-focus-color: $primary-bg-color-pressed !default;
318
320
  $ribbon-tab-text-hover-color: $primary-bg-color-pressed !default;
319
321
  $ribbon-active-tab-color: $primary !default;
320
322
  $ribbon-active-tab-indicator-color: $primary !default;
321
- $ribbon-active-file-menu-color: $primary-text-color !default;
322
- $ribbon-active-file-menu-background: $primary !default;
323
- $ribbon-menu-border-color: $border-light !default;
323
+ $ribbon-active-file-menu-color: $content-text-color-selected !default;
324
+ $ribbon-active-file-menu-background: $content-bg-color-selected !default;
325
+ $ribbon-menu-border-color: $flyout-border !default;
324
326
  $ribbon-menu-hover-background-color: $flyout-bg-color-hover !default;
325
327
  $ribbon-menu-items-color: $content-text-color !default;
326
328
  $ribbon-menu-items-icon-color: $icon-color !default;
327
- $ribbon-menu-background-color: $content-bg-color !default;
328
- $ribbon-menu-items-background-color: $content-bg-color !default;
329
+ $ribbon-menu-background-color: $flyout-bg-color !default;
330
+ $ribbon-menu-items-background-color: $transparent !default;
329
331
  $ribbon-hscroll-border-color: $border !default;
330
332
  $ribbon-hscroll-color: $icon-color !default;
331
333
  $ribbon-hscroll-background-color: $content-bg-color-alt1 !default;
332
- $ribbon-hscroll-hover-border-color: $secondary-border-color-hover !default;
333
- $ribbon-hscroll-hover-background-color: $secondary-bg-color-hover !default;
334
- $ribbon-hscroll-hover-color: $secondary-text-color-hover !default;
335
- $ribbon-hscroll-active-border-color: $secondary-border-color-pressed !default;
336
- $ribbon-hscroll-active-background-color: $secondary-bg-color-pressed !default;
337
- $ribbon-hscroll-active-color: $secondary-text-color-pressed !default;
338
- $ribbon-hscroll-focus-border-color: $secondary-border-color-focus !default;
339
- $ribbon-hscroll-focus-background-color: $secondary-bg-color-focus !default;
340
- $ribbon-hscroll-focus-color: $secondary-text-color-focus !default;
334
+ $ribbon-hscroll-hover-border-color: $content-bg-color-focus !default;
335
+ $ribbon-hscroll-hover-background-color: $content-bg-color-focus !default;
336
+ $ribbon-hscroll-hover-color: $icon-color !default;
337
+ $ribbon-hscroll-active-border-color: $content-bg-color-focus !default;
338
+ $ribbon-hscroll-active-background-color: $content-bg-color-focus !default;
339
+ $ribbon-hscroll-active-color: $icon-color !default;
340
+ $ribbon-hscroll-focus-border-color: $content-bg-color-focus !default;
341
+ $ribbon-hscroll-focus-background-color: $content-bg-color-focus !default;
342
+ $ribbon-hscroll-focus-color: $icon-color !default;
341
343
  $ribbon-tooltip-background-color: $tooltip-bg-color !default;
342
- $ribbon-tooltip-text-color: $toooltip-text-color !default;
344
+ $ribbon-tooltip-text-color: $tooltip-text-color !default;
343
345
  $ribbon-overflow-box-shadow: none !default;
344
346
  $ribbon-backstage-menu-bg-color: $primary !default;
345
- $ribbon-backstage-menu-items-bg-color: $primary !default;
347
+ $ribbon-backstage-menu-items-bg-color: $transparent !default;
346
348
  $ribbon-backstage-items-color: $primary-text-color !default;
347
349
  $ribbon-backstage-menu-icon-color: $primary-text-color !default;
348
350
  $ribbon-backstage-menu-hover-bg-color: $primary-bg-color-hover !default;
@@ -353,7 +355,7 @@ $ribbon-backstage-menu-active-bg-color: $primary-bg-color-pressed !default;
353
355
  $ribbon-backstage-menu-active-border-color: unset !default;
354
356
  $ribbon-backstage-menu-items-active-color: $primary-text-pressed !default;
355
357
  $ribbon-backstage-menu-icon-active-color: $primary-text-pressed !default;
356
- $ribbon-backstage-separator-color: $border-light !default;
358
+ $ribbon-backstage-separator-color: $primary-text-color !default;
357
359
  $ribbon-backstage-btn-bg-color: $primary !default;
358
360
  $ribbon-backstage-btn-color: $primary-text-color !default;
359
361
  $ribbon-backstage-btn-focus-bg-color: $primary-bg-color-hover !default;
@@ -363,44 +365,43 @@ $ribbon-backstage-btn-hover-bg-color: $primary-bg-color-pressed !default;
363
365
  $ribbon-backstage-btn-hover-color: $primary-text-pressed !default;
364
366
  $ribbon-backstage-btn-hover-border-color: unset !default;
365
367
  $ribbon-backstage-close-btn-font-weight: 400 !default;
366
- $ribbon-group-button-dropdown-popup-background: $flyout-bg-color !default;
367
- $ribbon-group-button-icon-hover-color: $flyout-text-color-hover !default;
368
+ $ribbon-group-button-dropdown-popup-background: $transparent !default;
369
+ $ribbon-group-button-icon-hover-color: $secondary-text-color-focus !default;
368
370
  $ribbon-group-button-icon-active-color: $ribbon-items-active-color !default;
369
- $ribbon-group-button-hover-background: $flyout-bg-color-hover !default;
370
- $ribbon-group-button-text-hover-color: $flyout-text-color-hover !default;
371
- $ribbon-group-button-active-background: $secondary-bg-color !default;
372
- $ribbon-group-button-text-active-color: $secondary-text-color !default;
373
- $ribbon-group-button-selected-background: $secondary-bg-color !default;
371
+ $ribbon-group-button-hover-background: $secondary-bg-color-focus !default;
372
+ $ribbon-group-button-text-hover-color: $secondary-text-color-focus !default;
373
+ $ribbon-group-button-active-background: $secondary-bg-color-pressed !default;
374
+ $ribbon-group-button-text-active-color: $secondary-text-color-pressed !default;
375
+ $ribbon-group-button-selected-background: $secondary-bg-color-pressed !default;
374
376
  $ribbon-group-button-pressed-background: $ribbon-group-button-selected-background !default;
375
377
  $ribbon-group-button-border-color: $secondary-border-color !default;
376
- $ribbon-popup-common-bg-color: $content-bg-color !default;
378
+ $ribbon-popup-common-bg-color: $flyout-bg-color !default;
377
379
  $ribbon-popup-common-border-radius: 4px !default;
378
- $ribbon-popup-common-border-color: $border-light !default;
380
+ $ribbon-popup-common-border-color: $flyout-border !default;
379
381
  $ribbon-popup-common-box-shadow: unset !default;
380
382
  $ribbon-filemenu-popup-border-radius: 2px !default;
381
383
  $ribbon-contextual-tab-color: $ribbon-active-tab-indicator-color !default;
382
384
  $ribbon-contextual-tab-background: $ribbon-header-bg-color !default;
383
385
  $ribbon-keytip-background-color: $tooltip-bg-color !default;
384
- $ribbon-keytip-color: $toooltip-text-color !default;
386
+ $ribbon-keytip-color: $tooltip-text-color !default;
385
387
  $ribbon-gallery-popup-background-color: $flyout-bg-color !default;
386
388
  $ribbon-gallery-popup-item-background-color: $transparent !default;
387
- $ribbon-gallery-wrapper-background-color: $content-bg-color !default;
388
- $ribbon-gallery-wrapper-item-background-color: $transparent !default;
389
+ $ribbon-gallery-wrapper-background-color: $transparent !default;
389
390
  $ribbon-gallery-hover-background-color: $content-bg-color-hover !default;
390
391
  $ribbon-gallery-item-selected-color: $content-bg-color-selected !default;
391
392
  $ribbon-gallery-button-icon-color: $icon-color !default;
392
393
  $ribbon-gallery-button-selected-icon-color: $icon-color !default;
393
394
  $ribbon-gallery-button-selected-color: $content-bg-color-focus !default;
394
395
  $ribbon-gallery-item-disabled-color: $transparent !default;
395
- $ribbon-gallery-item-focus-border-color: $content-bg-color-focus !default;
396
+ $ribbon-gallery-item-focus-border-color: $border-light !default;
396
397
  $ribbon-gallery-item-border-color: $border !default;
397
398
  $ribbon-gallery-header-color: $ribbon-text-color !default;
398
399
  $ribbon-gallery-item-text-color: $ribbon-text-color !default;
399
400
  $ribbon-gallery-item-disabled-text-color: $content-text-color-disabled !default;
400
401
  $ribbon-gallery-icons-color: $ribbon-items-icon-color !default;
401
402
  $ribbon-gallery-item-disabled-icons-color: $icon-color-disabled !default;
402
- $ribbon-gallery-item-selected-text-color: $primary-text-color !default;
403
- $ribbon-gallery-item-selected-icons-color: $primary-text-color !default;
403
+ $ribbon-gallery-item-selected-text-color: $content-text-color-selected !default;
404
+ $ribbon-gallery-item-selected-icons-color: $content-text-color-selected !default;
404
405
  $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
405
406
  $ribbon-group-button-item-border: 1px solid $ribbon-group-button-border-color !default;
406
407
  $ribbon-items-focus-box-shadow: none !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 8px !default;
74
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
75
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
76
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: 12px !default;
79
81
  $ribbon-items-checkbox-padding: 0 8px !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 8px !default;
74
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
75
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
76
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: 14px !default;
79
81
  $ribbon-items-checkbox-padding: 0 8px !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 5px !default;
74
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
75
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
76
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: $text-xs !default;
79
81
  $ribbon-items-checkbox-padding: 0 5px !default;
@@ -72,6 +72,8 @@ $ribbon-overflow-items-min-width-height: $ribbon-items-btn-icon-size !default;
72
72
  $ribbon-items-caret-icon-size: $text-sm !default;
73
73
  $ribbon-items-margin: 8px !default;
74
74
  $ribbon-items-height: 20px !default;
75
+ $ribbon-items-btn-padding: 0 12px 0 4px !default;
76
+ $ribbon-items-btn-rtl-padding: 0 4px 0 12px !default;
75
77
  $ribbon-items-min-width-height: 16px !default;
76
78
  $ribbon-checkbox-margin: 8px 0 8px 8px !default;
77
79
  $ribbon-rtl-checkbox-margin: 8px 8px 8px 0 !default;
@@ -311,8 +313,8 @@ $ribbon-items-focus-border-color: unset !default;
311
313
  $ribbon-items-disabled-color: $icon-color-disabled !default;
312
314
  $ribbon-collapse-btn-background: $content-bg-color-alt1 !default;
313
315
  $ribbon-text-color: $content-text-color !default;
314
- $ribbon-items-text-hover-color: $ribbon-text-color !default;
315
- $ribbon-items-text-active-color: $ribbon-text-color !default;
316
+ $ribbon-items-text-hover-color: $content-text-color-hover !default;
317
+ $ribbon-items-text-active-color: $content-text-color-hover !default;
316
318
  $ribbon-tab-text-color: $content-text-color-alt2 !default;
317
319
  $ribbon-tab-text-focus-color: $content-text-color-alt2 !default;
318
320
  $ribbon-tab-text-hover-color: $content-text-color-alt2 !default;
@@ -364,12 +366,12 @@ $ribbon-backstage-btn-hover-color: $primary-text-color !default;
364
366
  $ribbon-backstage-btn-hover-border-color: unset !default;
365
367
  $ribbon-backstage-close-btn-font-weight: $font-weight-medium !default;
366
368
  $ribbon-group-button-dropdown-popup-background: $content-text-color !default;
367
- $ribbon-group-button-icon-hover-color: $icon-color !default;
368
- $ribbon-group-button-icon-active-color: $icon-color !default;
369
+ $ribbon-group-button-icon-hover-color: $icon-color-hover !default;
370
+ $ribbon-group-button-icon-active-color: $icon-color-pressed !default;
369
371
  $ribbon-group-button-hover-background: $content-bg-color-hover !default;
370
- $ribbon-group-button-text-hover-color: $ribbon-text-color !default;
372
+ $ribbon-group-button-text-hover-color: $content-text-color-hover !default;
371
373
  $ribbon-group-button-active-background: $content-bg-color-selected !default;
372
- $ribbon-group-button-text-active-color: $ribbon-text-color !default;
374
+ $ribbon-group-button-text-active-color: $content-text-color-hover !default;
373
375
  $ribbon-group-button-selected-background: $content-bg-color-selected !default;
374
376
  $ribbon-group-button-pressed-background: $content-bg-color-pressed !default;
375
377
  $ribbon-group-button-border-color: none !default;
@@ -380,7 +382,7 @@ $ribbon-popup-common-box-shadow: $shadow-lg !default;
380
382
  $ribbon-filemenu-popup-border-radius: 4px !default;
381
383
  $ribbon-contextual-tab-background: $primary-lighter !default;
382
384
  $ribbon-contextual-tab-color: $content-text-color !default;
383
- $ribbon-keytip-background-color: $grey-14 !default;
385
+ $ribbon-keytip-background-color: $tooltip-text-color !default;
384
386
  $ribbon-keytip-color: $tooltip-bg-color !default;
385
387
  $ribbon-gallery-popup-background-color: $ribbon-header-bg-color !default;
386
388
  $ribbon-gallery-hover-background-color: $content-bg-color-hover !default;
@@ -394,8 +396,8 @@ $ribbon-gallery-item-text-color: $content-text-color !default;
394
396
  $ribbon-gallery-item-disabled-text-color: $content-text-color-disabled !default;
395
397
  $ribbon-gallery-icons-color: $icon-color !default;
396
398
  $ribbon-gallery-item-disabled-icons-color: $content-text-color-disabled !default;
397
- $ribbon-gallery-item-selected-text-color: $content-text-color !default;
398
- $ribbon-gallery-item-selected-icons-color: $icon-color !default;
399
+ $ribbon-gallery-item-selected-text-color: $content-text-color-selected !default;
400
+ $ribbon-gallery-item-selected-icons-color: $icon-color-pressed !default;
399
401
  $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
400
402
  $ribbon-group-button-item-border: none !default;
401
403
  $ribbon-items-focus-box-shadow: $keyboard-focus !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 5px !default;
74
74
  $ribbon-checkbox-margin: 4px !default;
75
75
  $ribbon-rtl-checkbox-margin: 4px !default;
76
76
  $ribbon-items-height: 18px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: $text-xs !default;
79
81
  $ribbon-items-checkbox-padding: 0 5px !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 10px !default;
74
74
  $ribbon-checkbox-margin: 9px 0 9px 12px !default;
75
75
  $ribbon-rtl-checkbox-margin: 9px 12px 9px 0 !default;
76
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: 14px !default;
79
81
  $ribbon-items-checkbox-padding: 0 10px !default;
@@ -74,6 +74,8 @@ $ribbon-items-margin: 10px !default;
74
74
  $ribbon-checkbox-margin: 4px !default;
75
75
  $ribbon-rtl-checkbox-margin: 4px !default;
76
76
  $ribbon-items-height: 22px !default;
77
+ $ribbon-items-btn-padding: 0 4px 0 0 !default;
78
+ $ribbon-items-btn-rtl-padding: 0 0 0 4px !default;
77
79
  $ribbon-items-min-width-height: 16px !default;
78
80
  $ribbon-items-checkbox-size: 14px !default;
79
81
  $ribbon-items-checkbox-padding: 0 10px !default;