@syncfusion/ej2-angular-ribbon 23.2.5-ngcc → 23.2.5

package/styles/highcontrast-light.css

@@ -281,10 +281,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 0;
   position: absolute;
@@ -336,7 +332,7 @@
   padding-top: 6px;
   height: 147px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -837,13 +833,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/highcontrast.css

@@ -290,10 +290,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 0;
   position: absolute;
@@ -345,7 +341,7 @@
   padding-top: 6px;
   height: 147px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -846,13 +842,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/material-dark.css

@@ -343,10 +343,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 5px;
   position: absolute;
@@ -398,7 +394,7 @@
   padding-top: 6px;
   height: 140px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -899,13 +895,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/material.css

@@ -376,10 +376,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 5px;
   position: absolute;
@@ -431,7 +427,7 @@
   padding-top: 6px;
   height: 140px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -932,13 +928,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/material3-dark.css

@@ -405,10 +405,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 4px;
   position: absolute;
@@ -460,7 +456,7 @@
   padding-top: 4px;
   height: 107px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -961,13 +957,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/material3-dark.scss

@@ -1,2 +1,3 @@
 
+
 @import 'ribbon/material3-dark.scss';

package/styles/material3.css

@@ -461,10 +461,6 @@
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn:focus {
   outline: none;
 }
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-group-of-btn.e-hidden,
-.e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn.e-hidden {
-  display: none;
-}
 .e-ribbon.e-rbn.e-ribbon-overflow .e-ribbon-overall-of-btn {
   bottom: 4px;
   position: absolute;
@@ -516,7 +512,7 @@
   padding-top: 4px;
   height: 107px;
 }
-.e-ribbon.e-rbn .e-ribbon-group.e-hidden, .e-ribbon.e-rbn .e-ribbon-group.e-hide-group {
+.e-ribbon.e-rbn .e-ribbon-group.e-hidden {
   display: none;
 }
 .e-ribbon.e-rbn .e-ribbon-group.e-disabled {
@@ -1017,13 +1013,13 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-of-tab:not(.e-ribbon-active) {
   display: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target.e-disabled {
   pointer-events: none;
 }
-.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden, .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hide-group {
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-hidden {
   display: none;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {

package/styles/material3.scss

@@ -1,2 +1,3 @@
 
+
 @import 'ribbon/material3.scss';

package/styles/ribbon/_all.scss

@@ -0,0 +1,2 @@
+@import 'layout.scss';
+@import 'theme.scss';

package/styles/ribbon/_bootstrap-dark-definition.scss

@@ -0,0 +1,275 @@
+$ribbon-border: none !default;
+$ribbon-file-menu-border: none !default;
+$ribbon-file-menu-border-width: unset !default;
+$ribbon-file-menu-weight: 400 !default;
+$ribbon-file-menu-size: 14px !default;
+$ribbon-file-menu-padding: 12px 15px 14px !default;
+$ribbon-file-menu-height: 22px !default;
+$ribbon-file-menu-border-radius: unset !default;
+$ribbon-help-template-padding: 16px !default;
+$ribbon-help-template-height: 48px !default;
+$ribbon-help-template-border: none !default;
+$ribbon-toolbar-items-height: 48px !default;
+$ribbon-horizontal-nav-height: 48px !default;
+$ribbon-group-header-padding: 8px 11px 3px 11px !default;
+$ribbon-group-header-height: 15px !default;
+$ribbon-group-header-font-size: 10px !default;
+$ribbon-group-overflow-padding: 2px 8px !default;
+$ribbon-group-content-padding: 0 8px !default;
+$ribbon-group-content-height: 108px !default;
+$ribbon-group-overflow-height: 108px !default;
+$ribbon-group-header-margin: 16px !default;
+$ribbon-group-content-margin: 16px !default;
+$ribbon-group-padding: 6px !default;
+$ribbon-group-height: 140px !default;
+$ribbon-simplified-group-padding: 2px !default;
+$ribbon-simplified-group-content-padding: 0 4px 0 !default;
+$ribbon-simplified-group-content-height: 40px !default;
+$ribbon-collapse-btn-padding: 2px !default;
+$ribbon-collapse-btn-height: 12px !default;
+$ribbon-collapse-btn-font-weight: 400 !default;
+$ribbon-collapsible-content-width: 20px !default;
+$ribbon-overflow-btn-content-width: 40px !default;
+$ribbon-overflow-btn-font-weight: 400 !default;
+$ribbon-overflow-btn-icon-padding: 8px !default;
+$ribbon-overflow-btn-padding: 0 !default;
+$ribbon-overflow-btn-margin: 0 !default;
+$ribbon-overflow-collapse-btn-right: 25px !default;
+$ribbon-overflow-item-padding: 0 !default;
+$ribbon-overflow-wrapper-item-margin: 2px 8px !default;
+$ribbon-overflow-item-btn-height: 22px !default;
+$ribbon-overflow-item-btn-margin: 0 6px 0 0 !default;
+$ribbon-overflow-btn-height: 32px !default;
+$ribbon-rtl-overflow-item-btn-margin: 0 0 0 6px !default;
+$ribbon-overflow-btn-border-radius: 2px !default;
+$ribbon-overflow-header-height: 22px !default;
+$ribbon-overflow-header-padding: 2px 8px !default;
+$ribbon-overflow-header-weight: 400 !default;
+$ribbon-overflow-dropdown-btn-padding: 0 13px !default;
+$ribbon-overall-overflow-btn-position: 4px !default;
+$ribbon-dropdown-btn-padding: 0 13px !default;
+$ribbon-dropdown-caret-btn-size: 16px !default;
+$ribbon-dropdown-caret-btn-height: 16px !default;
+$ribbon-dropdown-caret-btn-padding: 2px 4px !default;
+$ribbon-items-padding: 2px !default;
+$ribbon-large-items-btn-padding: 0 3px !default;
+$ribbon-large-items-btn-height: 18px !default;
+$ribbon-large-items-icon-size: 32px !default;
+$ribbon-large-items-max-width: 10ch !default;
+$ribbon-large-items-icon-padding: 8px 6px 6px !default;
+$ribbon-items-border: none !default;
+$ribbon-items-border-radius: 2px !default;
+$ribbon-items-font-weight: 400 !default;
+$ribbon-items-btn-size: 12px !default;
+$ribbon-items-btn-padding: 0 !default;
+$ribbon-items-margin: 8px !default;
+$ribbon-items-height: 18px !default;
+$ribbon-items-checkbox-size: 12px !default;
+$ribbon-items-checkbox-padding: 0 8px !default;
+$ribbon-input-group-height: 32px !default;
+$ribbon-input-padding: 5px 0 5px 8px !default;
+$ribbon-input-size: 14px !default;
+$ribbon-input-height: 22px !default;
+$ribbon-input-weight: 400 !default;
+$ribbon-input-icon-size: 16px !default;
+$ribbon-input-icon-height: 16px !default;
+$ribbon-input-icon-padding: 8px 4px 8px 2px !default;
+$ribbon-input-icon-weight: 400 !default;
+$ribbon-input-group-border-radius: 2px !default;
+$ribbon-input-group-margin: 4px !default;
+$ribbon-tab-border: none !default;
+$ribbon-tab-text-size: 14px !default;
+$ribbon-tab-text-padding: 12px 15px 14px !default;
+$ribbon-tab-text-height: 22px !default;
+$ribbon-tab-text-weight: 400 !default;
+$ribbon-nav-arrow-size: 16px !default;
+$ribbon-nav-arrow-height: 16px !default;
+$ribbon-hscroll-padding: 0 !default;
+$ribbon-hscroll-nav-arrow-padding: 0 4px !default;
+$ribbon-hscroll-nav-arrow-weight: 400 !default;
+$ribbon-hscroll-nav-border-width: 1px !default;
+$ribbon-hscroll-nav-border-radius: 2px !default;
+$ribbon-menu-border: 1px solid !default;
+$ribbon-menu-border-radius: 4px !default;
+$ribbon-menu-blank-icon-padding: 37px !default;
+$ribbon-launcher-icon-margin: 0 8px 3px 0 !default;
+$ribbon-rtl-launcher-icon-margin: 0 0 3px 8px !default;
+$ribbon-ddb-popup-font-size: 14px;
+$ribbon-ddb-popup-height: 26px;
+$ribbon-backstage-menu-hover-border: 2px !default;
+$ribbon-backstage-menu-active-border: 0 !default;
+$ribbon-backstage-menu-item-height: 48px !default;
+$ribbon-backstage-menu-icon-font-size: 16px !default;
+$ribbon-backstage-menu-icon-line-height: 16px !default;
+$ribbon-backstage-menu-icon-padding: 16px !default;
+$ribbon-backstage-menu-blank-icon-padding: 48px !default;
+$ribbon-backstage-btn-focus-border: 2px !default;
+$ribbon-backstage-btn-height: 48px !default;
+$ribbon-backstage-btn-line-height: 48px !default;
+$ribbon-backstage-btn-icon-font-size: 16px !default;
+$ribbon-backstage-btn-icon-line-height: 16px !default;
+$ribbon-backstage-btn-icon-padding: 16px !default;
+$ribbon-backstage-btn-hover-border: 0 !default;
+$ribbon-group-button-icon-margin: $ribbon-items-margin !default;
+$ribbon-group-button-ddb-padding: 4px 8px !default;
+$ribbon-group-button-icon-padding: 0 2px 0 0 !default;
+$ribbon-group-button-ddb-border-radius: 2px !default;
+$ribbon-group-button-padding: 0 8px 0 0 !default;
+$ribbon-group-button-ddb-border: 1px solid !default;
+
+$ribbon-bigger-content-height: 132px !default;
+$ribbon-bigger-group-overflow-content-height: 132px !default;
+$ribbon-bigger-group-height: 164px !default;
+$ribbon-bigger-file-menu-height: 24px !default;
+$ribbon-bigger-file-menu-padding: 13px 20px !default;
+$ribbon-bigger-file-menu-size: 16px !default;
+$ribbon-bigger-help-template-padding: 16px !default;
+$ribbon-bigger-help-template-height: 50px !default;
+$ribbon-bigger-toolbar-items-height: 50px !default;
+$ribbon-bigger-horizontal-nav-height: 50px !default;
+$ribbon-bigger-collapse-btn-padding: 4px !default;
+$ribbon-bigger-collapse-btn-height: 16px !default;
+$ribbon-bigger-collapse-btn-font-size: 16px !default;
+$ribbon-bigger-collapsible-content-width: 24px !default;
+$ribbon-bigger-overflow-btn-content-width: 40px !default;
+$ribbon-bigger-overflow-btn-font-size: 20px !default;
+$ribbon-bigger-overflow-btn-height: 20px !default;
+$ribbon-bigger-overflow-btn-icon-padding: 10px !default;
+$ribbon-bigger-overflow-collapse-btn-right: 28px !default;
+$ribbon-bigger-overall-overflow-btn-height: 40px !default;
+$ribbon-bigger-overall-overflow-btn-position: 6px !default;
+$ribbon-bigger-overflow-wrapper-item-margin: 2px 10px !default;
+$ribbon-bigger-group-header-padding: 0 11px 8px !default;
+$ribbon-bigger-group-header-height: 18px !default;
+$ribbon-bigger-group-header-font-size: 12px !default;
+$ribbon-bigger-simplified-group-content-height: 52px !default;
+$ribbon-bigger-tab-text-size: 16px !default;
+$ribbon-bigger-tab-text-padding: 13px 20px !default;
+$ribbon-bigger-tab-text-height: 24px !default;
+$ribbon-bigger-large-items-icon-padding: 12px 9px 4px !default;
+$ribbon-bigger-large-items-icon-size: 40px !default;
+$ribbon-bigger-large-items-btn-padding: 0 6px !default;
+$ribbon-bigger-large-items-btn-size: 14px !default;
+$ribbon-bigger-large-items-btn-height: 22px !default;
+$ribbon-bigger-items-padding: 2px !default;
+$ribbon-bigger-items-btn-size: 14px !default;
+$ribbon-bigger-items-height: 22px !default;
+$ribbon-bigger-items-icon-height: 20px !default;
+$ribbon-bigger-items-icon-size: 20px !default;
+$ribbon-bigger-items-margin: 10px !default;
+$ribbon-bigger-items-checkbox-size: 14px !default;
+$ribbon-bigger-items-checkbox-padding: 0 10px !default;
+$ribbon-bigger-input-group-height: 40px !default;
+$ribbon-bigger-input-items-size: 14px !default;
+$ribbon-bigger-input-items-height: 22px !default;
+$ribbon-bigger-input-items-btn-size: 16px !default;
+$ribbon-bigger-input-items-btn-height: 16px !default;
+$ribbon-bigger-input-padding: 9px 0 9px 12px !default;
+$ribbon-bigger-input-icon-padding: 12px 4px 12px 2px !default;
+$ribbon-bigger-input-group-margin: 4px !default;
+$ribbon-bigger-dropdown-btn-padding: 0 17px !default;
+$ribbon-bigger-menu-blank-icon-padding: 41px !default;
+$ribbon-bigger-dropdown-btn-size: 16px !default;
+$ribbon-bigger-dropdown-btn-line-height: 16px !default;
+$ribbon-bigger-dropdown-caret-btn-padding: 3px 5px !default;
+$ribbon-bigger-dropdown-caret-btn-size: 16px !default;
+$ribbon-bigger-dropdown-caret-btn-height: 16px !default;
+$ribbon-bigger-caret-dropdown-btn-padding: 0 17px !default;
+$ribbon-bigger-color-picker-height: 20px !default;
+$ribbon-bigger-color-picker-width: 20px !default;
+$ribbon-bigger-launcher-icon-margin: 0 8px 12px 0 !default;
+$ribbon-bigger-rtl-launcher-icon-margin: 0 0 12px 8px !default;
+$ribbon-bigger-ddb-popup-font-size: 14px;
+$ribbon-bigger-ddb-popup-height: 32px;
+$ribbon-bigger-backstage-menu-item-height: 52px !default;
+$ribbon-bigger-backstage-menu-icon-font-size: 20px !default;
+$ribbon-bigger-backstage-menu-icon-line-height: 20px !default;
+$ribbon-bigger-backstage-menu-icon-padding: 18px 16px !default;
+$ribbon-bigger-backstage-menu-blank-icon-padding: 52px !default;
+$ribbon-bigger-backstage-btn-height: 52px !default;
+$ribbon-bigger-backstage-btn-line-height: 52px !default;
+$ribbon-bigger-backstage-btn-icon-font-size: 20px !default;
+$ribbon-bigger-backstage-btn-icon-line-height: 20px !default;
+$ribbon-bigger-backstage-btn-icon-padding: 18px 16px !default;
+$ribbon-bigger-group-button-icon-padding: 0 !default;
+$ribbon-bigger-group-button-icon-margin: $ribbon-bigger-items-margin !default;
+$ribbon-bigger-group-button-ddb-padding: 8px 12px 12px !default;
+$ribbon-bigger-group-button-padding: 0 10px 0 0 !default;
+
+$ribbon-header-bg-color: $gray-darker !default;
+$ribbon-border-color: unset !default;
+$ribbon-group-seperator-color: $grey-99 !default;
+$ribbon-group-border-color: $grey-99 !default;
+$ribbon-input-group-border-color: $grey-99 !default;
+$ribbon-input-group-background-color: $gray-base !default;
+$ribbon-items-icon-color: $grey-dark-font !default;
+$ribbon-items-background-color: $gray-darker !default;
+$ribbon-items-hover-background-color: $gray !default;
+$ribbon-items-focus-background-color: $gray !default;
+$ribbon-items-hover-color: $grey-dark-font !default;
+$ribbon-items-active-color: $grey-dark-font !default;
+$ribbon-items-focus-color: $grey-dark-font !default;
+$ribbon-items-active-background-color: $gray !default;
+$ribbon-items-hover-border-color: unset !default;
+$ribbon-items-focus-border-color: unset !default;
+$ribbon-items-disabled-color: rgba($grey-dark-font, .3) !default;
+$ribbon-collapse-btn-background: $gray-darker !default;
+$ribbon-text-color: $grey-light-font !default;
+$ribbon-tab-text-focus-color: $grey-dark-font !default;
+$ribbon-tab-text-hover-color: lighten($brand-primary, 10%) !default;
+$ribbon-active-tab-color: $brand-primary-lighten-10 !default;
+$ribbon-active-tab-indicator-color: $brand-primary-lighten-10 !default;
+$ribbon-active-file-menu-color: $brand-primary-font !default;
+$ribbon-active-file-menu-background: $brand-primary-lighten-10 !default;
+$ribbon-menu-border-color: $grey-44 !default;
+$ribbon-menu-hover-background-color: $grey-f5 !default;
+$ribbon-menu-items-color: $grey-light-font !default;
+$ribbon-menu-items-icon-color: $grey-dark-font !default;
+$ribbon-menu-background-color: $gray-dark !default;
+$ribbon-menu-items-background-color: $gray-dark !default;
+$ribbon-hscroll-border-color: $grey-99 !default;
+$ribbon-hscroll-color: $grey-dark-font !default;
+$ribbon-hscroll-background-color: $gray-darker !default;
+$ribbon-hscroll-hover-border-color: $grey-99 !default;
+$ribbon-hscroll-hover-background-color: $gray !default;
+$ribbon-hscroll-hover-color: $grey-dark-font !default;
+$ribbon-hscroll-active-border-color: $grey-99 !default;
+$ribbon-hscroll-active-background-color: $gray !default;
+$ribbon-hscroll-active-color: $grey-dark-font !default;
+$ribbon-hscroll-focus-border-color: $grey-99 !default;
+$ribbon-hscroll-focus-background-color: $gray !default;
+$ribbon-hscroll-focus-color: $grey-dark-font !default;
+$ribbon-tooltip-background-color: $grey-dark-font !default;
+$ribbon-tooltip-text-color: $gray-base !default;
+$ribbon-overflow-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;
+$ribbon-backstage-menu-bg-color: $brand-primary-lighten-10 !default;
+$ribbon-backstage-menu-items-bg-color: $brand-primary-lighten-10 !default;
+$ribbon-backstage-items-color: $grey-dark-font !default;
+$ribbon-backstage-menu-icon-color: $grey-dark-font !default;
+$ribbon-backstage-menu-hover-bg-color: $brand-primary-lighten-10 !default;
+$ribbon-backstage-menu-hover-border-color: $brand-primary-darken-35 !default;
+$ribbon-backstage-menu-items-hover-color: $grey-dark-font !default;
+$ribbon-backstage-menu-icon-hover-color: $grey-dark-font !default;
+$ribbon-backstage-menu-active-bg-color: $brand-primary-darken-15 !default;
+$ribbon-backstage-menu-active-border-color: unset !default;
+$ribbon-backstage-menu-items-active-color: $grey-dark-font !default;
+$ribbon-backstage-menu-icon-active-color: $grey-dark-font !default;
+$ribbon-backstage-separator-color: $grey-dark-font !default;
+$ribbon-backstage-btn-bg-color: $brand-primary-lighten-10 !default;
+$ribbon-backstage-btn-color: $grey-dark-font !default;
+$ribbon-backstage-btn-focus-bg-color: $brand-primary-lighten-10 !default;
+$ribbon-backstage-btn-focus-color: $grey-dark-font !default;
+$ribbon-backstage-btn-focus-border-color: $brand-primary-darken-35 !default;
+$ribbon-backstage-btn-hover-bg-color: $brand-primary-darken-15 !default;
+$ribbon-backstage-btn-hover-color: $grey-dark-font !default;
+$ribbon-backstage-btn-hover-border-color: unset !default;
+$ribbon-backstage-close-btn-font-weight: 400 !default;
+$ribbon-group-button-dropdown-popup-background: $gray-dark !default;
+$ribbon-group-button-icon-hover-color: $grey-dark-font !default;
+$ribbon-group-button-hover-background: $grey-44 !default;
+$ribbon-group-button-text-hover-color: $grey-dark-font !default;
+$ribbon-group-button-active-background: $grey-44 !default;
+$ribbon-group-button-text-active-color: $grey-dark-font !default;
+$ribbon-group-button-selected-background: $grey-44 !default;
+$ribbon-group-button-dropdown-popup-border-color: $grey-99 !default;
+$ribbon-group-button-dropdown-popup-box-shadow: 0 6px 12px rgba($grey-base, .175) !default;