ag-grid-community 35.2.0 → 35.3.0

package/styles/ag-grid.css

@@ -41,7 +41,7 @@
 }
 
 .ag-measurement-container {
-  --ag-legacy-styles-loaded: "true";
+  --ag-legacy-styles-loaded: 'true';
 }
 
 .ag-icon {
@@ -1245,6 +1245,23 @@
   opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
 }
 
+.ag-icon-search {
+  font-family: var(--ag-icon-font-family-search, var(--ag-icon-font-family));
+  font-weight: var(--ag-icon-font-weight-search, var(--ag-icon-font-weight));
+  color: var(--ag-icon-font-color-search, var(--ag-icon-font-color));
+}
+
+.ag-icon-search::before {
+  content: var(--ag-icon-font-code-search, "\f146");
+  display: var(--ag-icon-font-display-search, var(--ag-icon-font-display));
+}
+
+.ag-icon-search::after {
+  background-image: var(--ag-icon-image-search, var(--ag-icon-image));
+  display: var(--ag-icon-image-display-search, var(--ag-icon-image-display));
+  opacity: var(--ag-icon-image-opacity-search, var(--ag-icon-image-opacity, 0.9));
+}
+
 .ag-icon-row-drag::before {
   content: var(--ag-icon-font-code-grip);
 }
@@ -1264,7 +1281,12 @@
   --ag-header-foreground-color: var(--ag-secondary-foreground-color);
   --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
   --ag-background-color: #fff;
+  --ag-wrapper-background-color: var(--ag-background-color);
   --ag-header-background-color: transparent;
+  --ag-toolbar-background-color: var(--ag-header-background-color);
+  --ag-toolbar-text-color: var(--ag-foreground-color);
+  --ag-toolbar-separator-color: var(--ag-border-color);
+  --ag-toolbar-separator-width: 1px;
   --ag-tooltip-background-color: transparent;
   --ag-tooltip-error-background-color: color-mix(
       in srgb,
@@ -1394,7 +1416,7 @@
   --ag-menu-min-width: 181px;
   --ag-side-bar-panel-width: 200px;
   --ag-side-bar-panel-animation-duration: 0s;
-  --ag-font-family: "Helvetica Neue", sans-serif;
+  --ag-font-family: 'Helvetica Neue', sans-serif;
   --ag-font-size: 14px;
   --ag-card-radius: var(--ag-border-radius);
   --ag-card-shadow: none;
@@ -1438,11 +1460,18 @@
   --ag-formula-token-7-color: #247492;
   --ag-formula-token-7-background-color: rgb(36 116 146 / 16%);
   --ag-formula-token-7-border-color: var(--ag-formula-token-7-color);
+  --ag-note-indicator-size: 8px;
+  --ag-note-popup-background-color: var(--ag-menu-background-color);
+  --ag-note-popup-text-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 75%);
+  --ag-note-popup-input-text-color: var(--ag-input-text-color);
+  --ag-note-popup-input-background-color: var(--ag-background-color);
+  --ag-note-popup-border: var(--ag-dialog-border);
+  --ag-note-popup-padding: calc(var(--ag-grid-size) / 2);
 }
 
 .ag-root-wrapper,
 .ag-dnd-ghost {
-  background-color: var(--ag-background-color);
+  background-color: var(--ag-wrapper-background-color);
 }
 
 .ag-sticky-top,
@@ -1586,6 +1615,7 @@ ag-grid-aurelia {
   white-space: normal;
 }
 .ag-root-wrapper.ag-layout-normal {
+  content-visibility: auto;
   height: 100%;
 }
 
@@ -1664,8 +1694,6 @@ ag-grid-aurelia {
 .ag-sticky-top-viewport,
 .ag-sticky-bottom-viewport {
   overflow-x: auto;
-  -ms-overflow-style: none !important;
-  scrollbar-width: none !important;
 }
 .ag-body-viewport::-webkit-scrollbar,
 .ag-center-cols-viewport::-webkit-scrollbar,
@@ -1676,6 +1704,16 @@ ag-grid-aurelia {
 .ag-sticky-bottom-viewport::-webkit-scrollbar {
   display: none !important;
 }
+.ag-body-viewport,
+.ag-center-cols-viewport,
+.ag-header-viewport,
+.ag-floating-top-viewport,
+.ag-floating-bottom-viewport,
+.ag-sticky-top-viewport,
+.ag-sticky-bottom-viewport {
+  -ms-overflow-style: none !important;
+  scrollbar-width: none !important;
+}
 
 .ag-body-viewport {
   display: flex;
@@ -1781,7 +1819,6 @@ ag-grid-aurelia {
 .ag-sticky-bottom-full-width-container {
   position: absolute;
   top: 0px;
-  pointer-events: none;
 }
 .ag-ltr .ag-full-width-container,
 .ag-ltr .ag-floating-top-full-width-container,
@@ -1797,6 +1834,13 @@ ag-grid-aurelia {
 .ag-rtl .ag-sticky-bottom-full-width-container {
   right: 0;
 }
+.ag-full-width-container,
+.ag-floating-top-full-width-container,
+.ag-floating-bottom-full-width-container,
+.ag-sticky-top-full-width-container,
+.ag-sticky-bottom-full-width-container {
+  pointer-events: none;
+}
 
 .ag-full-width-container {
   width: 100%;
@@ -2161,7 +2205,8 @@ ag-grid-aurelia {
 
 .ag-column-drop.ag-column-drop-horizontal {
   white-space: nowrap;
-  overflow: hidden;
+  overflow: auto hidden;
+  scrollbar-width: thin;
 }
 
 .ag-column-drop-cell-button {
@@ -3056,7 +3101,7 @@ ag-grid-aurelia {
 
 .ag-icon {
   display: block;
-  speak: none;
+  speak: never;
 }
 
 .ag-group {
@@ -3261,7 +3306,7 @@ ag-grid-aurelia {
 }
 
 .ag-spectrum-alpha {
-  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
+  --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>');
 }
 
 .ag-spectrum-alpha-background {
@@ -3314,12 +3359,14 @@ ag-grid-aurelia {
   line-height: normal;
   overflow: auto;
   overflow-y: hidden;
-  -ms-overflow-style: none !important;
-  scrollbar-width: none !important;
 }
 .ag-content-editable-field-input::-webkit-scrollbar {
   display: none !important;
 }
+.ag-content-editable-field-input {
+  -ms-overflow-style: none !important;
+  scrollbar-width: none !important;
+}
 
 .ag-ltr {
   direction: ltr;
@@ -3587,6 +3634,12 @@ button[class^=ag-]:focus.invalid {
   background-color: var(--ag-row-hover-color);
 }
 
+.ag-ltr .ag-select-list-item {
+  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
+}
+.ag-rtl .ag-select-list-item {
+  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
+}
 .ag-select-list-item {
   -moz-user-select: none;
   -webkit-user-select: none;
@@ -3594,24 +3647,12 @@ button[class^=ag-]:focus.invalid {
   user-select: none;
   cursor: default;
 }
-.ag-ltr .ag-select-list-item {
-  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
-}
-.ag-rtl .ag-select-list-item {
-  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
-}
 .ag-select-list-item span {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 
-.ag-row-drag,
-.ag-selection-checkbox,
-.ag-group-expanded,
-.ag-group-contracted {
-  color: var(--ag-secondary-foreground-color);
-}
 .ag-ltr .ag-row-drag,
 .ag-ltr .ag-selection-checkbox,
 .ag-ltr .ag-group-expanded,
@@ -3624,6 +3665,12 @@ button[class^=ag-]:focus.invalid {
 .ag-rtl .ag-group-contracted {
   margin-left: var(--ag-cell-widget-spacing);
 }
+.ag-row-drag,
+.ag-selection-checkbox,
+.ag-group-expanded,
+.ag-group-contracted {
+  color: var(--ag-secondary-foreground-color);
+}
 
 .ag-drag-handle-disabled {
   opacity: 0.35;
@@ -3911,7 +3958,6 @@ button[class^=ag-]:focus.invalid {
 
 .ag-select .ag-picker-field-wrapper {
   min-height: var(--ag-list-item-height);
-  cursor: default;
 }
 .ag-ltr .ag-select .ag-picker-field-wrapper {
   padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
@@ -3925,6 +3971,9 @@ button[class^=ag-]:focus.invalid {
 .ag-rtl .ag-select .ag-picker-field-wrapper {
   padding-left: var(--ag-grid-size);
 }
+.ag-select .ag-picker-field-wrapper {
+  cursor: default;
+}
 .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
   box-shadow: none;
 }
@@ -4252,6 +4301,93 @@ button[class^=ag-]:focus.invalid {
   margin-right: var(--ag-grid-size);
 }
 
+.ag-has-cell-notes::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  border-style: solid;
+  border-width: 0 var(--ag-note-indicator-size) var(--ag-note-indicator-size) 0;
+  border-color: transparent var(--ag-note-indicator-color) transparent transparent;
+  pointer-events: none;
+}
+
+.ag-notes-panel.ag-panel {
+  width: 100%;
+  border: var(--ag-note-popup-border);
+  background-color: var(--ag-note-popup-background-color);
+}
+
+.ag-notes-panel-content-wrapper {
+  min-height: 0;
+  min-width: 0;
+}
+
+.ag-notes-popup-content {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  min-height: 0;
+  min-width: 0;
+  gap: calc(var(--ag-grid-size) / 2);
+  padding: var(--ag-note-popup-padding);
+}
+
+.ag-notes-popup-meta {
+  color: var(--ag-note-popup-text-color);
+  font-size: calc(var(--ag-font-size) - 1px);
+}
+.ag-ltr .ag-notes-popup-meta {
+  padding-left: calc(var(--ag-grid-size) / 2);
+}
+.ag-rtl .ag-notes-popup-meta {
+  padding-right: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-notes-popup-body {
+  display: flex;
+  flex: 1 1 auto;
+  min-height: 0;
+  min-width: 0;
+}
+
+.ag-notes-popup-editor {
+  display: flex;
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+}
+
+.ag-notes-popup-editor .ag-text-area-input-wrapper {
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  align-items: stretch;
+}
+
+.ag-notes-popup-editor .ag-text-area-input {
+  flex: 1 1 auto;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  resize: none;
+  color: var(--ag-note-popup-input-text-color);
+  background-color: var(--ag-note-popup-input-background-color);
+  padding: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-notes-popup-editor .ag-text-area-input[readonly] {
+  background-color: var(--ag-note-popup-background-color);
+  border: none;
+}
+
+.ag-notes-popup-read-only .ag-text-area-input-wrapper {
+  background-color: var(--ag-input-disabled-background-color);
+}
+
 .ag-tooltip {
   background-color: var(--ag-tooltip-background-color);
   color: var(--ag-foreground-color);
@@ -4665,9 +4801,7 @@ button[class^=ag-]:focus.invalid {
 }
 
 .ag-layout-auto-height .ag-center-cols-viewport,
-.ag-layout-auto-height .ag-center-cols-container,
-.ag-layout-print .ag-center-cols-viewport,
-.ag-layout-print .ag-center-cols-container {
+.ag-layout-print .ag-center-cols-viewport {
   min-height: 50px;
 }
 
@@ -4712,17 +4846,17 @@ button[class^=ag-]:focus.invalid {
     opacity: 1;
   }
 }
-.ag-loading {
-  display: flex;
-  height: 100%;
-  align-items: center;
-}
 .ag-ltr .ag-loading {
   padding-left: var(--ag-cell-horizontal-padding);
 }
 .ag-rtl .ag-loading {
   padding-right: var(--ag-cell-horizontal-padding);
 }
+.ag-loading {
+  display: flex;
+  height: 100%;
+  align-items: center;
+}
 
 .ag-ltr .ag-loading-icon {
   padding-right: var(--ag-cell-widget-spacing);
@@ -4904,7 +5038,6 @@ button[class^=ag-]:focus.invalid {
   width: 6px;
   height: 6px;
   bottom: -1px;
-  background-color: var(--ag-range-selection-border-color);
 }
 .ag-ltr .ag-fill-handle,
 .ag-ltr .ag-range-handle {
@@ -4914,6 +5047,10 @@ button[class^=ag-]:focus.invalid {
 .ag-rtl .ag-range-handle {
   left: -1px;
 }
+.ag-fill-handle,
+.ag-range-handle {
+  background-color: var(--ag-range-selection-border-color);
+}
 
 .ag-fill-handle {
   cursor: crosshair;
@@ -4997,10 +5134,6 @@ button[class^=ag-]:focus.invalid {
   opacity: 0.5;
 }
 
-.ag-menu-option-icon,
-.ag-compact-menu-option-icon {
-  width: var(--ag-icon-size);
-}
 .ag-ltr .ag-menu-option-icon,
 .ag-ltr .ag-compact-menu-option-icon {
   padding-left: calc(var(--ag-grid-size) * 2);
@@ -5009,6 +5142,10 @@ button[class^=ag-]:focus.invalid {
 .ag-rtl .ag-compact-menu-option-icon {
   padding-right: calc(var(--ag-grid-size) * 2);
 }
+.ag-menu-option-icon,
+.ag-compact-menu-option-icon {
+  width: var(--ag-icon-size);
+}
 
 .ag-menu-option-text,
 .ag-compact-menu-option-text {
@@ -5165,7 +5302,7 @@ button[class^=ag-]:focus.invalid {
 }
 
 .ag-filter-menu .ag-set-filter-list {
-  min-width: 200px;
+  min-width: max(200px, 100%);
 }
 
 .ag-filter-virtual-list-item:focus-visible {
@@ -5294,7 +5431,8 @@ button[class^=ag-]:focus.invalid {
   padding-top: calc(var(--ag-grid-size) * 4);
   width: calc(var(--ag-icon-size) + 4px);
   position: relative;
-  overflow: hidden;
+  overflow: hidden auto;
+  scrollbar-width: thin;
 }
 
 button.ag-side-button-button {
@@ -6083,6 +6221,7 @@ button.ag-side-button-button:focus {
   height: calc(var(--ag-grid-size) * 4);
   padding: 0 calc(var(--ag-grid-size) * 0.5);
   border: 1px solid var(--ag-chip-border-color);
+  font-weight: normal;
 }
 
 .ag-column-drop-cell:focus-visible {
@@ -6635,10 +6774,6 @@ button.ag-side-button-button:focus {
   bottom: 0;
 }
 
-.ag-charts-format-top-level-group-container,
-.ag-charts-advanced-settings-top-level-group-container {
-  padding: var(--ag-grid-size);
-}
 .ag-ltr .ag-charts-format-top-level-group-container,
 .ag-ltr .ag-charts-advanced-settings-top-level-group-container {
   margin-left: calc(var(--ag-grid-size) * 2);
@@ -6647,6 +6782,10 @@ button.ag-side-button-button:focus {
 .ag-rtl .ag-charts-advanced-settings-top-level-group-container {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
+.ag-charts-format-top-level-group-container,
+.ag-charts-advanced-settings-top-level-group-container {
+  padding: var(--ag-grid-size);
+}
 
 .ag-charts-format-top-level-group-item,
 .ag-charts-advanced-settings-top-level-group-item {
@@ -6685,15 +6824,15 @@ button.ag-side-button-button:focus {
   grid-column: 5;
 }
 
-.ag-chart-menu-panel {
-  background-color: var(--ag-control-panel-background-color);
-}
 .ag-ltr .ag-chart-menu-panel {
   border-left: solid 1px var(--ag-border-color);
 }
 .ag-rtl .ag-chart-menu-panel {
   border-right: solid 1px var(--ag-border-color);
 }
+.ag-chart-menu-panel {
+  background-color: var(--ag-control-panel-background-color);
+}
 
 .ag-date-time-list-page-title-bar {
   display: flex;
@@ -6751,7 +6890,6 @@ button.ag-side-button-button:focus {
   font-size: var(--ag-font-size);
   font-weight: 600;
   line-height: normal;
-  white-space: nowrap;
 }
 .ag-ltr .ag-advanced-filter-builder-button {
   margin-left: calc(var(--ag-grid-size) * 2);
@@ -6759,6 +6897,9 @@ button.ag-side-button-button:focus {
 .ag-rtl .ag-advanced-filter-builder-button {
   margin-right: calc(var(--ag-grid-size) * 2);
 }
+.ag-advanced-filter-builder-button {
+  white-space: nowrap;
+}
 .ag-advanced-filter-builder-button:hover:not(:disabled) {
   background-color: var(--ag-row-hover-color);
 }
@@ -6781,10 +6922,6 @@ button.ag-side-button-button:focus {
   flex-direction: column;
 }
 
-.ag-advanced-filter-builder-list {
-  flex: 1;
-  overflow: auto;
-}
 .ag-advanced-filter-builder-list .ag-list-item-hovered::after {
   content: "";
   position: absolute;
@@ -6798,6 +6935,10 @@ button.ag-side-button-button:focus {
 .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
   bottom: 0;
 }
+.ag-advanced-filter-builder-list {
+  flex: 1;
+  overflow: auto;
+}
 
 .ag-advanced-filter-builder-button-panel {
   display: flex;
@@ -7085,7 +7226,7 @@ button.ag-side-button-button:focus {
 
 .ag-cell.ag-cell-inline-editing {
   background-color: var(--ag-background-color);
-  background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
+  background-image: linear-gradient(0deg, var(--ag-background-color), var(--ag-background-color));
 }
 
 .ag-row-batch-edit {
@@ -7093,6 +7234,229 @@ button.ag-side-button-button:focus {
   color: var(--ag-row-batch-edit-text-color);
 }
 
+.ag-toolbar {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  border-bottom: var(--ag-borders) var(--ag-border-color);
+  min-height: var(--ag-header-height);
+  background-color: var(--ag-toolbar-background-color);
+  color: var(--ag-toolbar-text-color);
+  font-family: var(--ag-header-font-family);
+  font-size: var(--ag-header-font-size);
+  white-space: nowrap;
+}
+
+.ag-toolbar-right-start {
+  margin-inline-start: auto;
+}
+
+.ag-toolbar-item {
+  display: inline-flex;
+  margin: 0 calc(var(--ag-grid-size, 8px) * 2);
+}
+
+.ag-toolbar-item:where(:not(.ag-toolbar-panel)) {
+  font-weight: var(--ag-header-font-weight);
+}
+
+.ag-toolbar-button-wrapper {
+  display: inline-flex;
+  padding: calc(var(--ag-grid-size) * 0.25);
+  height: 100%;
+}
+
+.ag-toolbar-button {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ag-grid-size);
+  padding: calc(var(--ag-grid-size));
+  border: 0;
+  background: transparent;
+  color: var(--ag-toolbar-text-color);
+  cursor: pointer;
+  line-height: 1;
+  white-space: nowrap;
+  outline: none;
+  font-family: var(--ag-header-font-family);
+  font-size: var(--ag-header-font-size);
+  font-weight: var(--ag-header-font-weight);
+}
+
+.ag-toolbar-button-wrapper:hover {
+  background-color: var(--ag-icon-button-hover-background-color, transparent);
+  color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
+}
+
+.ag-toolbar-button-wrapper:hover .ag-toolbar-button,
+.ag-toolbar-button-wrapper:hover .ag-toolbar-button .ag-icon {
+  color: var(--ag-icon-button-hover-color, var(--ag-foreground-color));
+}
+
+.ag-toolbar > .ag-toolbar-button-wrapper:first-child > .ag-toolbar-button {
+  border-start-start-radius: calc(var(--ag-border-radius) + 1px);
+}
+
+.ag-toolbar > .ag-toolbar-button-wrapper:last-child > .ag-toolbar-button {
+  border-start-end-radius: calc(var(--ag-border-radius) + 1px);
+}
+
+.ag-toolbar-button:focus-visible {
+  box-shadow: var(--ag-input-focus-box-shadow);
+}
+
+.ag-toolbar-button:focus:not(:focus-visible) {
+  box-shadow: none;
+}
+
+.ag-toolbar-button:disabled {
+  opacity: 0.5;
+  cursor: default;
+  pointer-events: none;
+}
+
+.ag-toolbar-panel {
+  display: inline-flex;
+  flex: 1;
+  min-width: 260px;
+}
+
+.ag-toolbar-input {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  min-width: 200px;
+  max-width: none;
+  margin: 0 calc(var(--ag-grid-size) * 2);
+}
+
+.ag-toolbar-input + .ag-toolbar-input {
+  margin-inline-start: 0;
+}
+
+.ag-toolbar > .ag-toolbar-input:first-child,
+.ag-toolbar-right-start + .ag-toolbar-input {
+  margin-inline-start: var(--ag-grid-size);
+}
+
+.ag-toolbar > .ag-toolbar-input:last-child {
+  margin-inline-end: var(--ag-grid-size);
+}
+
+.ag-toolbar-input-icon {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  color: var(--ag-toolbar-text-color);
+  opacity: 0.5;
+  pointer-events: none;
+  inset-inline-start: var(--ag-grid-size);
+}
+
+.ag-toolbar-input-field {
+  color: var(--ag-foreground-color);
+  font-size: var(--ag-font-size);
+  font-family: var(--ag-header-font-family);
+  font-weight: var(--ag-header-font-weight);
+  line-height: 1.5;
+  outline: none;
+  border: var(--ag-borders-input) var(--ag-input-border-color);
+  border-radius: var(--ag-border-radius);
+  width: 100%;
+  padding-block: calc(var(--ag-grid-size) * 0.5);
+  padding-inline: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2) var(--ag-grid-size);
+}
+
+.ag-ltr .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
+  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
+  padding-right: var(--ag-grid-size);
+}
+.ag-rtl .ag-toolbar-input input[class^=ag-][type=text].ag-toolbar-input-field {
+  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
+  padding-left: var(--ag-grid-size);
+}
+
+.ag-toolbar-input-field:focus {
+  box-shadow: var(--ag-input-focus-box-shadow);
+  border: var(--ag-borders-input) var(--ag-input-focus-border-color);
+}
+
+.ag-toolbar-input-field::placeholder {
+  color: var(--ag-disabled-foreground-color);
+}
+
+.ag-toolbar-panel .ag-column-drop-horizontal {
+  background-color: transparent;
+  border-bottom: none;
+  padding: 0;
+  font-size: var(--ag-font-size);
+  font-family: var(--ag-font-family);
+}
+
+.ag-toolbar .ag-column-drop-horizontal {
+  border-bottom: none;
+  background-color: transparent;
+}
+
+.ag-toolbar-button-chevron {
+  display: inline-flex;
+  align-items: center;
+}
+
+.ag-toolbar-separator {
+  align-self: stretch;
+  width: 0;
+  margin: calc(var(--ag-grid-size) * 1.75) 0;
+  border-inline-start: solid var(--ag-toolbar-separator-width) var(--ag-toolbar-separator-color);
+}
+
+.ag-toolbar-find {
+  gap: calc(var(--ag-grid-size) * 0.5);
+  width: 280px;
+  max-width: none;
+  min-width: 220px;
+  border: var(--ag-borders-input) var(--ag-input-border-color);
+  border-radius: var(--ag-border-radius);
+  background-color: var(--ag-background-color);
+}
+
+.ag-toolbar-find:focus-within {
+  box-shadow: var(--ag-input-focus-box-shadow);
+  border: var(--ag-borders-input) var(--ag-input-focus-border-color);
+}
+
+.ag-toolbar-find .ag-toolbar-input-field {
+  border: none;
+  background-color: transparent;
+  flex: 1;
+  min-width: 0;
+}
+
+.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field {
+  border: none;
+  box-shadow: none;
+}
+.ag-toolbar .ag-toolbar-find input[class^=ag-][type=text].ag-toolbar-input-field:focus {
+  border: none;
+  box-shadow: none;
+}
+
+.ag-toolbar-find-match-count {
+  white-space: nowrap;
+  font-size: var(--ag-font-size);
+  color: inherit;
+  opacity: 0.7;
+  user-select: none;
+  font-variant-numeric: tabular-nums;
+  flex-shrink: 0;
+  text-align: end;
+}
+
+.ag-toolbar-find-button {
+  flex-shrink: 0;
+  padding: calc(var(--ag-grid-size) * 0.5);
+}
+
 .ag-input-field-input {
   width: 100%;
   min-width: 0;
@@ -7111,11 +7475,6 @@ button.ag-side-button-button:focus {
   -moz-osx-font-smoothing: grayscale;
   width: var(--ag-icon-size);
   height: var(--ag-icon-size);
-  background-color: var(--ag-checkbox-background-color);
-  border-radius: var(--ag-checkbox-border-radius);
-  display: inline-block;
-  vertical-align: middle;
-  flex: none;
 }
 .ag-checkbox-input-wrapper input,
 .ag-checkbox-input-wrapper input {
@@ -7124,6 +7483,13 @@ button.ag-side-button-button:focus {
   width: 100%;
   height: 100%;
 }
+.ag-checkbox-input-wrapper {
+  background-color: var(--ag-checkbox-background-color);
+  border-radius: var(--ag-checkbox-border-radius);
+  display: inline-block;
+  vertical-align: middle;
+  flex: none;
+}
 .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
   outline: none;
   box-shadow: var(--ag-input-focus-box-shadow);
@@ -7244,12 +7610,6 @@ button.ag-side-button-button:focus {
   -moz-osx-font-smoothing: grayscale;
   width: var(--ag-icon-size);
   height: var(--ag-icon-size);
-  background-color: var(--ag-checkbox-background-color);
-  border-radius: var(--ag-checkbox-border-radius);
-  display: inline-block;
-  vertical-align: middle;
-  flex: none;
-  border-radius: var(--ag-icon-size);
 }
 .ag-radio-button-input-wrapper input,
 .ag-radio-button-input-wrapper input {
@@ -7258,6 +7618,13 @@ button.ag-side-button-button:focus {
   width: 100%;
   height: 100%;
 }
+.ag-radio-button-input-wrapper {
+  background-color: var(--ag-checkbox-background-color);
+  border-radius: var(--ag-checkbox-border-radius);
+  display: inline-block;
+  vertical-align: middle;
+  flex: none;
+}
 .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
   outline: none;
   box-shadow: var(--ag-input-focus-box-shadow);
@@ -7268,6 +7635,9 @@ button.ag-side-button-button:focus {
 .ag-radio-button-input-wrapper.ag-disabled {
   opacity: 0.5;
 }
+.ag-radio-button-input-wrapper {
+  border-radius: var(--ag-icon-size);
+}
 .ag-radio-button-input-wrapper::after {
   content: var(--ag-icon-font-code-radio-button-off, "\f127");
   color: var(--ag-checkbox-unchecked-color);