@syncfusion/ej2-ribbon 24.2.3 → 25.1.35

package/styles/tailwind.css

@@ -376,6 +376,21 @@
 .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-tab .e-content, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-collapse-btn, .e-ribbon.e-rbn.e-ribbon-minimize .e-ribbon-overall-of-btn {
   display: none;
 }
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper {
+  height: 26px;
+}
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
+  padding: 2px 0;
+  width: 95px;
+  margin: 2px;
+  max-height: 22px;
+}
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
+  pointer-events: none;
+}
+.e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text {
+  font-size: 12px;
+}
 .e-ribbon.e-rbn.e-ribbon-simplified-mode .e-ribbon-tab .e-hscroll-bar {
   overflow-y: hidden;
 }
@@ -671,6 +686,28 @@
   padding: 1px;
   vertical-align: middle;
 }
+.e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
+.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper,
+.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper,
+.e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper {
+  height: 60px;
+  display: -ms-flexbox;
+  display: flex;
+}
+.e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-wrapper .e-ribbon-gallery-container .e-ribbon-gallery-item {
+  max-height: 60px;
+}
+.e-ribbon.e-rbn .e-ribbon-group-overflow .e-ribbon-gallery-button,
+.e-ribbon.e-rbn .e-ribbon-item .e-ribbon-gallery-button,
+.e-ribbon-group-overflow-ddb .e-ribbon-group-overflow .e-ribbon-gallery-button,
+.e-ribbon-group-overflow-ddb .e-ribbon-item .e-ribbon-gallery-button {
+  padding: 0;
+  border-width: 0 0 0 1px;
+  border-radius: 0 4px 4px 0;
+}
 .e-ribbon.e-rbn .e-ribbon-group-overflow.e-hidden,
 .e-ribbon.e-rbn .e-ribbon-item.e-hidden,
 .e-ribbon-group-overflow-ddb .e-ribbon-group-overflow.e-hidden,
@@ -776,6 +813,13 @@
   min-height: 33%;
   padding: 2px;
 }
+.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
+.e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
+  padding: 0;
+  border-style: solid;
+  border-width: 1px;
+  border-radius: 4px;
+}
 .e-ribbon.e-rbn .e-ribbon-item .e-btn-group,
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-btn-group {
   box-shadow: none;
@@ -922,9 +966,36 @@
   padding: 0 0 0 2px;
 }
 
+.e-ribbon-group-overflow-ddb.e-dropdown-popup {
+  min-width: 190px;
+}
 .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-ribbon-item:has(.e-ribbon-gallery-container) {
+  border: 0;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-input-group) {
+  margin: 5px 0;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn {
+  padding: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+  width: 100%;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-dropdown.e-btn .e-btn-icon {
+  margin: 0;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-wrapper.e-hidden,
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-container.e-hidden,
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-gallery-button.e-hidden {
+  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 {
   display: none;
 }
@@ -937,6 +1008,12 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-of-tab .e-ribbon-of-group-container.e-disabled {
   pointer-events: none;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
+  font-size: 18px;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
+  height: 30px;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
   white-space: nowrap;
@@ -945,19 +1022,30 @@
   -ms-flex-align: center;
       align-items: center;
   font-weight: 400;
-  font-size: 12px;
+  font-size: 14px;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
+  -ms-flex-align: center;
+      align-items: center;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template {
   margin: 3px 5px;
 }
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
+  font-size: 18px;
+}
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
-  margin: 5px;
+  margin: 7px 0 7px 12px;
   padding: 0;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
   padding: 0;
   width: 100%;
+  height: 32px;
+}
+.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
+  margin: 0;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-split-btn-wrapper .e-btn,
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item > .e-btn {
@@ -974,32 +1062,52 @@
       justify-content: flex-start;
 }
 .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
-  padding: 3px 5px;
-  font-weight: 600;
+  padding: 7px 0 7px 12px;
+  font-size: 14px;
+  font-weight: 500;
   line-height: 18px;
+  height: 28px;
 }
 
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
-  margin-left: 28px;
+  margin-left: 34px;
+}
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
+  padding: 7px 8px 7px 12px;
+}
+.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper {
+  margin-left: 34px;
 }
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
   transform: rotate(-90deg);
-  padding: 5px;
+  padding: 0 12px;
   margin: 0 0 0 auto;
 }
 
+.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
+  padding: 7px 12px 7px 0;
+}
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
-  margin-right: 28px;
+  margin-right: 34px;
+}
+.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
+  padding: 7px 12px 7px 8px;
+}
+.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper {
+  margin-right: 34px;
 }
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
   transform: rotate(90deg);
-  padding: 5px;
+  padding: 0 12px;
   margin: 0 auto 0 0;
 }
+.e-rtl.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
+  margin: 7px 12px 7px 0;
+}
 
 .e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:not(.e-icon-btn) {
   -ms-flex-direction: column;
@@ -1013,7 +1121,7 @@
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-ribbon-groupbutton-header {
   padding-bottom: 3px;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 18px;
   white-space: nowrap;
 }
@@ -1026,6 +1134,18 @@
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
+.e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:first-of-type {
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+.e-dropdown-popup.e-ribbon-dropdown-group-button.e-ribbon-group-button-overflow-popup .e-btn-group:has(.e-ribbon-group-button-content) .e-btn.e-ribbon-group-button:last-of-type {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+  border-bottom-right-radius: 4px;
+  border-bottom-left-radius: 4px;
+}
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group {
   box-shadow: none;
   border-radius: 4px;
@@ -1044,7 +1164,7 @@
   padding: 0;
   font-weight: 400;
   font-size: 12px;
-  border: none;
+  border: 1px solid #d1d5db;
   text-transform: none;
 }
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-group .e-btn.e-ribbon-group-button:not(.e-icon-btn) {
@@ -1055,6 +1175,119 @@
   box-shadow: none !important; /* stylelint-disable-line declaration-no-important */
 }
 
+.e-ribbon-gallery-popup.e-popup,
+.e-ribbon-gallery-dropdown.e-popup {
+  border-radius: 4px;
+  padding: 0 12px 12px;
+  overflow: auto;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
+  padding: 8px 0 4px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 22px;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item {
+  margin: 4px;
+  height: 54px;
+  width: 73px;
+}
+
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
+  width: 95px;
+}
+
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container,
+.e-ribbon-group-overflow .e-ribbon-gallery-container,
+.e-ribbon-item .e-ribbon-gallery-container {
+  padding: 0;
+  margin: 0;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-line-pack: distribute;
+      align-content: space-around;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item {
+  display: inherit;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+  text-align: center;
+  list-style-type: none;
+  padding: 5px 0;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  cursor: pointer;
+  border-width: 2px;
+  border-style: solid;
+  border-radius: 4px;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-disabled {
+  pointer-events: none;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-hidden {
+  display: none;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-text {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  width: inherit;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item .e-ribbon-gallery-icons {
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 20px;
+  padding: 3px;
+  background-size: cover;
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover, .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
+.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
+.e-ribbon-group-overflow .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item:hover,
+.e-ribbon-item .e-ribbon-gallery-container .e-ribbon-gallery-item.e-ribbon-gallery-selected {
+  border-radius: 4px;
+}
+
+.e-ribbon-keytip {
+  min-width: 20px;
+  height: 20px;
+  line-height: 18px;
+  font-size: 14px;
+}
+.e-ribbon-keytip.e-popup-open {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
 .e-ribbon-menu {
   display: block;
 }
@@ -1456,11 +1689,42 @@
   border-radius: 2px;
 }
 
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-overflow-header {
+  line-height: 20px;
+  height: 30px;
+  font-size: 16px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-dropdown-btn .e-caret {
+  font-size: 18px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-input-group {
+  height: 38px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item {
+  height: 36px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon {
+  font-size: 18px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left,
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-btn .e-btn-icon.e-icon-left {
+  margin: 0;
+}
+.e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper),
+.e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item:has(.e-colorpicker-wrapper) {
+  -ms-flex-align: center;
+      align-items: center;
+}
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-input-group,
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-template,
@@ -1470,32 +1734,60 @@
 }
 .e-bigger .e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
 .e-bigger.e-ribbon-group-overflow-ddb .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
-  margin: 7px;
+  margin: 9px 0 9px 16px;
   padding: 0;
 }
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-overflow-header {
+  padding: 6px 0 6px 16px;
+}
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
-  margin-left: 36px;
+  margin-left: 46px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
+  padding: 9px 12px 9px 16px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
+.e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper {
+  margin-left: 46px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-bigger .e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-bigger.e-ribbon-group-overflow-ddb:not(.e-rtl) .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
-  padding: 7px;
+  padding: 0 12px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-overflow-header {
+  padding: 6px 16px 6px 0;
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-combobox-label,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item .e-ribbon-colorpicker-label {
-  margin-right: 36px;
+  margin-right: 46px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item.e-ribbon-medium-item .e-btn .e-btn-icon.e-icon-left {
+  padding: 9px 16px 9px 12px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item:not(:has(.e-ribbon-colorpicker-label)) .e-colorpicker-wrapper {
+  margin-right: 46px;
 }
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-split-btn-wrapper .e-icons.e-caret,
 .e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-dropdown-btn .e-icons.e-caret {
-  padding: 7px;
+  padding: 0 12px;
+}
+.e-bigger .e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper,
+.e-bigger.e-ribbon-group-overflow-ddb.e-rtl .e-ribbon-overflow-target .e-ribbon-item > .e-checkbox-wrapper {
+  margin: 9px 16px 9px 0;
 }
 
 .e-bigger .e-ribbon-control.e-dropdown-popup ul .e-item {
@@ -1568,9 +1860,30 @@
   padding: 0 7px 0 0;
 }
 
+.e-bigger.e-ribbon-gallery-popup.e-popup,
+.e-bigger .e-ribbon-gallery-popup.e-popup,
+.e-bigger.e-ribbon-gallery-dropdown.e-popup,
+.e-bigger .e-ribbon-gallery-dropdown.e-popup {
+  padding: 0 16px 16px;
+}
+.e-bigger.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
+.e-bigger .e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
+.e-bigger.e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header,
+.e-bigger .e-ribbon-gallery-dropdown.e-popup .e-ribbon-gallery-header {
+  padding-bottom: 12px 0 8px;
+  font-size: 16px;
+  line-height: 24px;
+}
+
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header {
   border-color: unset;
 }
+.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab {
+  background: transparent;
+}
+.e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item.e-ribbon-contextual-tab .e-tab-wrap .e-tab-text {
+  color: #4f46e5;
+}
 .e-ribbon.e-rbn .e-ribbon-tab .e-tab-header .e-toolbar-item .e-tab-wrap .e-tab-text {
   color: #111827;
 }
@@ -1753,6 +2066,10 @@
 .e-ribbon-group-overflow-ddb .e-ribbon-item .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
   border-color: transparent;
 }
+.e-ribbon.e-rbn .e-ribbon-item:has(.e-ribbon-gallery-container),
+.e-ribbon-group-overflow-ddb .e-ribbon-item:has(.e-ribbon-gallery-container) {
+  border-color: #d1d5db;
+}
 .e-ribbon.e-rbn .e-ribbon-item .e-btn:not(.e-ribbon-file-menu),
 .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button,
 .e-ribbon.e-rbn .e-ribbon-item .e-btn-group .e-btn.e-ribbon-group-button:not(:first-of-type):not(:last-of-type),
@@ -2158,6 +2475,58 @@
   background: transparent;
 }
 
+.e-ribbon-gallery-item {
+  background: transparent;
+  border-color: transparent;
+}
+.e-ribbon-gallery-item:hover {
+  background: #f3f4f6;
+}
+.e-ribbon-gallery-item.e-ribbon-gallery-selected {
+  background: #e5e7eb;
+}
+.e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-text {
+  color: #111827;
+}
+.e-ribbon-gallery-item.e-ribbon-gallery-selected .e-ribbon-gallery-icons {
+  color: #6b7280;
+}
+.e-ribbon-gallery-item.e-disabled {
+  background: transparent;
+}
+.e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-text {
+  color: #9ca3af;
+}
+.e-ribbon-gallery-item.e-disabled .e-ribbon-gallery-icons {
+  color: #d1d5db;
+}
+.e-ribbon-gallery-item:focus, .e-ribbon-gallery-item:focus-visible {
+  border-color: #fff;
+}
+.e-ribbon-gallery-item .e-ribbon-gallery-text {
+  color: #111827;
+}
+.e-ribbon-gallery-item .e-ribbon-gallery-icons {
+  color: #6b7280;
+}
+
+.e-ribbon-gallery-button {
+  border-color: #d1d5db;
+}
+.e-ribbon-gallery-button.e-gallery-button-active {
+  background: #e5e7eb;
+}
+
+.e-ribbon-gallery-popup.e-popup,
+.e-dropdown-popup.e-ribbon-gallery-dropdown {
+  background: #fff;
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+}
+.e-ribbon-gallery-popup.e-popup .e-ribbon-gallery-header,
+.e-dropdown-popup.e-ribbon-gallery-dropdown .e-ribbon-gallery-header {
+  color: #111827;
+}
+
 .e-dropdown-popup.e-ribbon-dropdown-group-button .e-btn-icon {
   color: #6b7280;
 }
@@ -2202,6 +2571,11 @@
   color: #111827;
 }
 
+.e-ribbon-keytip {
+  background-color: #111827;
+  color: #f9fafb;
+}
+
 .e-ribbon-menu.e-menu-wrapper:not(.e-menu-popup), .e-ribbon-menu.e-menu-container:not(.e-menu-popup) {
   background: #fff;
 }

package/.github/PULL_REQUEST_TEMPLATE/Bug.md

@@ -1,60 +0,0 @@
-### Bug description
-
-Clearly and concisely describe the problem or feature (this cannot be empty).
-
-### Root cause
-
-Briefly describe the root cause and analysis of the problem.
-If there is an internal discussion on the forum, provide the link.
-### Reason for not identifying earlier
-
-Find how it was missed in our earlier testing and development by analysing the below checklist. This will help prevent similar mistakes in the future. 
-
- - [ ] Guidelines/documents are not followed
-
-    - Common guidelines / Core team guideline
-    - Specification document
-    - Requirement document
-
- - [ ] Guidelines/documents are not given
-
-
-    - Common guidelines / Core team guideline
-    - Specification document
-    - Requirement document
-
-
-### Reason:
-Mention any one or more reasons from the above points.
-
-### Action taken:
-What action did you take to avoid this in future?
-
-### Related areas:
-Is there any other related areas also to be addressed?
-
-
-### Is it a breaking issue?
-
-If it is a breaking issue, provide the commit detail which caused this break.
-
-### Solution description
-
-Describe your code changes in detail for reviewers.
-
-### Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this bug.
-### Areas affected and ensured
-
-List the areas affected by your code changes.
-
-### Additional checklist
-This may vary for different teams or products. Check with your scrum masters.
-
-  - Did you run the automation against your fix?
-  - Is there any API name change?
-  - Is there any existing behavior change of other features due to this code change?
-  - Does your new code introduce new warnings or binding errors?
-  - Does your code pass all FxCop and StyleCop rules?
-  - Did you record this case in the unit test or UI test?

package/.github/PULL_REQUEST_TEMPLATE/feature.md

@@ -1,37 +0,0 @@
-### Feature description
-
-Clearly and concisely describe the problem or feature (this cannot be empty).
-
-### Analysis and design
-
-If there is an external design, link to its project documentation area.
-If there is an internal discussion on the forum, provide the link.
-### Solution description
-
-Describe your code changes in detail for reviewers.
-
-### Output screenshots
-
-Post the output screenshots if an UI is affected or added due to this feature.
-### Areas affected and ensured
-
-List the areas are affected by your code changes.
-
-### Test cases
-
-Provide the unit testing written file details to understand the use cases considered in this implementation.
-If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
-Provide the test cases Excel file alone if the feature cannot be automated in any case.
-### Test bed sample location
-
-Provide the test bed sample location where code reviewers can review the new feature’s behaviors. This depends on the CI process that your team follows. It can be from NPMCI, HockeyApp, staging site, local server, etc.
-
-### Additional checklist
-This may vary for different teams or products. Check with your scrum masters.
-
-  - Did you run the automation against your fix?
-  - Is there any API name change?
-  - Is there any existing behavior change of other features due to this code change?
-  - Does your new code introduce new warnings or binding errors?
-  - Does your code pass all FxCop and StyleCop rules?
-  - Did you record this case in the unit test or UI test?