@salt-ds/ag-grid-theme 2.10.1 → 2.11.0

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 (3) hide show
  1. package/CHANGELOG.md +86 -0
  2. package/package.json +3 -3
  3. package/salt-ag-theme.css +1257 -237
package/salt-ag-theme.css CHANGED
@@ -29,7 +29,7 @@
29
29
  background-color: var(--ag-selected-row-border-color);
30
30
  background-image: none;
31
31
  height: var(--salt-size-fixed-100);
32
- top: -1px;
32
+ top: calc(-1 * var(--salt-size-fixed-100));
33
33
  }
34
34
  [class*=ag-theme-salt] .ag-grid-scrolling-container .ag-row-selected.ag-full-width-row::before {
35
35
  pointer-events: none;
@@ -50,11 +50,23 @@
50
50
  [class*=ag-theme-salt] .ag-grid-scrolling-container .ag-row.ag-row-selected:not(.ag-full-width-row) {
51
51
  background-color: var(--ag-data-background-color);
52
52
  }
53
+ .ag-theme-salt-light .ag-cell,
54
+ .ag-theme-salt-dark .ag-cell,
55
+ .ag-theme-salt-compact-light .ag-cell,
56
+ .ag-theme-salt-compact-dark .ag-cell {
57
+ border-radius: var(--salt-palette-corner-weak, 0);
58
+ --cellRangeGap-backgroundClip: border-box;
59
+ --cellRangeGap-borderTopWidth: 0px;
60
+ --cellRangeGap-borderBottomWidth: 0px;
61
+ --cellRangeGap-separatorColor: transparent;
62
+ --cellRangeGap-leftSeparator: none;
63
+ }
53
64
  .ag-theme-salt-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
54
65
  .ag-theme-salt-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
55
66
  .ag-theme-salt-compact-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
56
67
  .ag-theme-salt-compact-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
57
68
  border-right-color: var(--salt-separable-secondary-borderColor);
69
+ --cellRangeGap-separatorColor: var(--salt-separable-secondary-borderColor);
58
70
  }
59
71
  .ag-theme-salt-light .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
60
72
  .ag-theme-salt-dark .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
@@ -67,22 +79,42 @@
67
79
  .ag-theme-salt-compact-light .ag-ltr .ag-cell,
68
80
  .ag-theme-salt-compact-dark .ag-ltr .ag-cell {
69
81
  border: none;
70
- line-height: calc(var(--ag-line-height) - 1px);
82
+ line-height: calc(var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width, var(--salt-size-fixed-100)) + var(--salt-size-fixed-100))) - var(--salt-size-fixed-100));
71
83
  padding-left: var(--salt-spacing-100);
72
84
  padding-right: var(--salt-spacing-100);
73
85
  }
86
+ .ag-theme-salt-light .ag-ltr .ag-cell.ag-cell-wrap-text,
87
+ .ag-theme-salt-dark .ag-ltr .ag-cell.ag-cell-wrap-text,
88
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell.ag-cell-wrap-text,
89
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell.ag-cell-wrap-text {
90
+ line-height: var(--salt-text-lineHeight);
91
+ }
92
+ .ag-theme-salt-light .ag-cell.ag-cell-last-left-pinned,
93
+ .ag-theme-salt-dark .ag-cell.ag-cell-last-left-pinned,
94
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-last-left-pinned,
95
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-last-left-pinned {
96
+ border-top-right-radius: 0;
97
+ border-bottom-right-radius: 0;
98
+ }
99
+ .ag-theme-salt-light .ag-cell.ag-cell-first-right-pinned,
100
+ .ag-theme-salt-dark .ag-cell.ag-cell-first-right-pinned,
101
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-first-right-pinned,
102
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-first-right-pinned {
103
+ border-top-left-radius: 0;
104
+ border-bottom-left-radius: 0;
105
+ }
74
106
  .ag-theme-salt-light .ag-cell-inline-editing:focus-within,
75
107
  .ag-theme-salt-dark .ag-cell-inline-editing:focus-within,
76
108
  .ag-theme-salt-compact-light .ag-cell-inline-editing:focus-within,
77
109
  .ag-theme-salt-compact-dark .ag-cell-inline-editing:focus-within {
78
- background: var(--salt-container-primary-background);
110
+ background: var(--salt-editable-primary-background);
79
111
  }
80
112
  .ag-theme-salt-light .ag-ltr .ag-cell-inline-editing,
81
113
  .ag-theme-salt-dark .ag-ltr .ag-cell-inline-editing,
82
114
  .ag-theme-salt-compact-light .ag-ltr .ag-cell-inline-editing,
83
115
  .ag-theme-salt-compact-dark .ag-ltr .ag-cell-inline-editing {
84
116
  padding: 0;
85
- border-radius: 0;
117
+ border-radius: var(--salt-palette-corner-weak, 0);
86
118
  }
87
119
  .ag-theme-salt-light .ag-cell-inline-editing.editable-cell input[class^=ag-],
88
120
  .ag-theme-salt-dark .ag-cell-inline-editing.editable-cell input[class^=ag-],
@@ -98,35 +130,34 @@
98
130
  .ag-theme-salt-compact-light .editable-numeric-cell,
99
131
  .ag-theme-salt-compact-dark .editable-cell,
100
132
  .ag-theme-salt-compact-dark .editable-numeric-cell {
101
- outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
102
- outline-offset: -1px;
133
+ box-shadow: inset 0 0 0 var(--salt-size-fixed-100) var(--salt-editable-borderColor);
103
134
  }
104
- .ag-theme-salt-light .editable-cell.error-cell,
105
- .ag-theme-salt-dark .editable-cell.error-cell,
106
- .ag-theme-salt-compact-light .editable-cell.error-cell,
107
- .ag-theme-salt-compact-dark .editable-cell.error-cell {
135
+ .ag-theme-salt-light .ag-cell.error-cell,
136
+ .ag-theme-salt-dark .ag-cell.error-cell,
137
+ .ag-theme-salt-compact-light .ag-cell.error-cell,
138
+ .ag-theme-salt-compact-dark .ag-cell.error-cell {
108
139
  --salt-editable-borderColor: var(--salt-status-error-borderColor);
109
140
  --salt-focused-outlineColor: var(--salt-status-error-borderColor);
110
141
  --salt-editable-borderColor-hover: var(--salt-status-error-borderColor);
111
142
  }
112
- .ag-theme-salt-light .editable-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
113
- .ag-theme-salt-dark .editable-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
114
- .ag-theme-salt-compact-light .editable-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
115
- .ag-theme-salt-compact-dark .editable-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
143
+ .ag-theme-salt-light .ag-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
144
+ .ag-theme-salt-dark .ag-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
145
+ .ag-theme-salt-compact-light .ag-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
146
+ .ag-theme-salt-compact-dark .ag-cell.error-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
116
147
  background: var(--salt-status-error-background);
117
- padding-right: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
148
+ padding-right: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
118
149
  }
119
- .ag-theme-salt-light .editable-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
120
- .ag-theme-salt-dark .editable-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
121
- .ag-theme-salt-compact-light .editable-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
122
- .ag-theme-salt-compact-dark .editable-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing) {
150
+ .ag-theme-salt-light .ag-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
151
+ .ag-theme-salt-dark .ag-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
152
+ .ag-theme-salt-compact-light .ag-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing),
153
+ .ag-theme-salt-compact-dark .ag-cell.error-cell.numeric-cell:not(.ag-cell-inline-editing) {
123
154
  background: var(--salt-status-error-background);
124
- padding-left: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
155
+ padding-left: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
125
156
  }
126
- .ag-theme-salt-light .editable-cell.error-cell:not(.ag-cell-inline-editing)::after,
127
- .ag-theme-salt-dark .editable-cell.error-cell:not(.ag-cell-inline-editing)::after,
128
- .ag-theme-salt-compact-light .editable-cell.error-cell:not(.ag-cell-inline-editing)::after,
129
- .ag-theme-salt-compact-dark .editable-cell.error-cell:not(.ag-cell-inline-editing)::after {
157
+ .ag-theme-salt-light .ag-cell.error-cell:not(.ag-cell-inline-editing)::after,
158
+ .ag-theme-salt-dark .ag-cell.error-cell:not(.ag-cell-inline-editing)::after,
159
+ .ag-theme-salt-compact-light .ag-cell.error-cell:not(.ag-cell-inline-editing)::after,
160
+ .ag-theme-salt-compact-dark .ag-cell.error-cell:not(.ag-cell-inline-editing)::after {
130
161
  position: absolute;
131
162
  top: 50%;
132
163
  transform: translateY(-50%);
@@ -136,44 +167,44 @@
136
167
  content: "";
137
168
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6C4.65685 6 6 4.65685 6 3C6 1.34315 4.65685 0 3 0C1.34315 0 0 1.34315 0 3C0 4.65685 1.34315 6 3 6Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
138
169
  }
139
- .ag-theme-salt-light .editable-cell.error-cell:not(.numeric-cell)::after,
140
- .ag-theme-salt-dark .editable-cell.error-cell:not(.numeric-cell)::after,
141
- .ag-theme-salt-compact-light .editable-cell.error-cell:not(.numeric-cell)::after,
142
- .ag-theme-salt-compact-dark .editable-cell.error-cell:not(.numeric-cell)::after {
170
+ .ag-theme-salt-light .ag-cell.error-cell:not(.numeric-cell)::after,
171
+ .ag-theme-salt-dark .ag-cell.error-cell:not(.numeric-cell)::after,
172
+ .ag-theme-salt-compact-light .ag-cell.error-cell:not(.numeric-cell)::after,
173
+ .ag-theme-salt-compact-dark .ag-cell.error-cell:not(.numeric-cell)::after {
143
174
  right: var(--salt-spacing-100);
144
175
  }
145
- .ag-theme-salt-light .editable-cell.error-cell.numeric-cell::after,
146
- .ag-theme-salt-dark .editable-cell.error-cell.numeric-cell::after,
147
- .ag-theme-salt-compact-light .editable-cell.error-cell.numeric-cell::after,
148
- .ag-theme-salt-compact-dark .editable-cell.error-cell.numeric-cell::after {
176
+ .ag-theme-salt-light .ag-cell.error-cell.numeric-cell::after,
177
+ .ag-theme-salt-dark .ag-cell.error-cell.numeric-cell::after,
178
+ .ag-theme-salt-compact-light .ag-cell.error-cell.numeric-cell::after,
179
+ .ag-theme-salt-compact-dark .ag-cell.error-cell.numeric-cell::after {
149
180
  left: var(--salt-spacing-100);
150
181
  }
151
- .ag-theme-salt-light .editable-cell.warning-cell,
152
- .ag-theme-salt-dark .editable-cell.warning-cell,
153
- .ag-theme-salt-compact-light .editable-cell.warning-cell,
154
- .ag-theme-salt-compact-dark .editable-cell.warning-cell {
182
+ .ag-theme-salt-light .ag-cell.warning-cell,
183
+ .ag-theme-salt-dark .ag-cell.warning-cell,
184
+ .ag-theme-salt-compact-light .ag-cell.warning-cell,
185
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell {
155
186
  --salt-editable-borderColor: var(--salt-status-warning-borderColor);
156
187
  --salt-focused-outlineColor: var(--salt-status-warning-borderColor);
157
188
  --salt-editable-borderColor-hover: var(--salt-status-warning-borderColor);
158
189
  }
159
- .ag-theme-salt-light .editable-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
160
- .ag-theme-salt-dark .editable-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
161
- .ag-theme-salt-compact-light .editable-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
162
- .ag-theme-salt-compact-dark .editable-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
190
+ .ag-theme-salt-light .ag-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
191
+ .ag-theme-salt-dark .ag-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
192
+ .ag-theme-salt-compact-light .ag-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
193
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
163
194
  background: var(--salt-status-warning-background);
164
- padding-right: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
195
+ padding-right: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
165
196
  }
166
- .ag-theme-salt-light .editable-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
167
- .ag-theme-salt-dark .editable-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
168
- .ag-theme-salt-compact-light .editable-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
169
- .ag-theme-salt-compact-dark .editable-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing) {
197
+ .ag-theme-salt-light .ag-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
198
+ .ag-theme-salt-dark .ag-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
199
+ .ag-theme-salt-compact-light .ag-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing),
200
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell.numeric-cell:not(.ag-cell-inline-editing) {
170
201
  background: var(--salt-status-warning-background);
171
- padding-left: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
202
+ padding-left: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
172
203
  }
173
- .ag-theme-salt-light .editable-cell.warning-cell:not(.ag-cell-inline-editing)::after,
174
- .ag-theme-salt-dark .editable-cell.warning-cell:not(.ag-cell-inline-editing)::after,
175
- .ag-theme-salt-compact-light .editable-cell.warning-cell:not(.ag-cell-inline-editing)::after,
176
- .ag-theme-salt-compact-dark .editable-cell.warning-cell:not(.ag-cell-inline-editing)::after {
204
+ .ag-theme-salt-light .ag-cell.warning-cell:not(.ag-cell-inline-editing)::after,
205
+ .ag-theme-salt-dark .ag-cell.warning-cell:not(.ag-cell-inline-editing)::after,
206
+ .ag-theme-salt-compact-light .ag-cell.warning-cell:not(.ag-cell-inline-editing)::after,
207
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell:not(.ag-cell-inline-editing)::after {
177
208
  position: absolute;
178
209
  top: 50%;
179
210
  transform: translateY(-50%);
@@ -183,44 +214,44 @@
183
214
  content: "";
184
215
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' %3E%3Cpath d='M0 6L3 0L6 6H0Z' /%3E%3C/svg%3E") no-repeat 50% 50%;
185
216
  }
186
- .ag-theme-salt-light .editable-cell.warning-cell:not(.numeric-cell)::after,
187
- .ag-theme-salt-dark .editable-cell.warning-cell:not(.numeric-cell)::after,
188
- .ag-theme-salt-compact-light .editable-cell.warning-cell:not(.numeric-cell)::after,
189
- .ag-theme-salt-compact-dark .editable-cell.warning-cell:not(.numeric-cell)::after {
217
+ .ag-theme-salt-light .ag-cell.warning-cell:not(.numeric-cell)::after,
218
+ .ag-theme-salt-dark .ag-cell.warning-cell:not(.numeric-cell)::after,
219
+ .ag-theme-salt-compact-light .ag-cell.warning-cell:not(.numeric-cell)::after,
220
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell:not(.numeric-cell)::after {
190
221
  right: var(--salt-spacing-100);
191
222
  }
192
- .ag-theme-salt-light .editable-cell.warning-cell.numeric-cell::after,
193
- .ag-theme-salt-dark .editable-cell.warning-cell.numeric-cell::after,
194
- .ag-theme-salt-compact-light .editable-cell.warning-cell.numeric-cell::after,
195
- .ag-theme-salt-compact-dark .editable-cell.warning-cell.numeric-cell::after {
223
+ .ag-theme-salt-light .ag-cell.warning-cell.numeric-cell::after,
224
+ .ag-theme-salt-dark .ag-cell.warning-cell.numeric-cell::after,
225
+ .ag-theme-salt-compact-light .ag-cell.warning-cell.numeric-cell::after,
226
+ .ag-theme-salt-compact-dark .ag-cell.warning-cell.numeric-cell::after {
196
227
  left: var(--salt-spacing-100);
197
228
  }
198
- .ag-theme-salt-light .editable-cell.success-cell,
199
- .ag-theme-salt-dark .editable-cell.success-cell,
200
- .ag-theme-salt-compact-light .editable-cell.success-cell,
201
- .ag-theme-salt-compact-dark .editable-cell.success-cell {
229
+ .ag-theme-salt-light .ag-cell.success-cell,
230
+ .ag-theme-salt-dark .ag-cell.success-cell,
231
+ .ag-theme-salt-compact-light .ag-cell.success-cell,
232
+ .ag-theme-salt-compact-dark .ag-cell.success-cell {
202
233
  --salt-editable-borderColor: var(--salt-status-success-borderColor);
203
234
  --salt-focused-outlineColor: var(--salt-status-success-borderColor);
204
235
  --salt-editable-borderColor-hover: var(--salt-status-success-borderColor);
205
236
  }
206
- .ag-theme-salt-light .editable-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
207
- .ag-theme-salt-dark .editable-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
208
- .ag-theme-salt-compact-light .editable-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
209
- .ag-theme-salt-compact-dark .editable-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
237
+ .ag-theme-salt-light .ag-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
238
+ .ag-theme-salt-dark .ag-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
239
+ .ag-theme-salt-compact-light .ag-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing),
240
+ .ag-theme-salt-compact-dark .ag-cell.success-cell:not(.numeric-cell):not(.ag-cell-inline-editing) {
210
241
  background: var(--salt-status-success-background);
211
- padding-right: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
242
+ padding-right: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
212
243
  }
213
- .ag-theme-salt-light .editable-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
214
- .ag-theme-salt-dark .editable-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
215
- .ag-theme-salt-compact-light .editable-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
216
- .ag-theme-salt-compact-dark .editable-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing) {
244
+ .ag-theme-salt-light .ag-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
245
+ .ag-theme-salt-dark .ag-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
246
+ .ag-theme-salt-compact-light .ag-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing),
247
+ .ag-theme-salt-compact-dark .ag-cell.success-cell.numeric-cell:not(.ag-cell-inline-editing) {
217
248
  background: var(--salt-status-success-background);
218
- padding-left: calc(var(--salt-spacing-100) + var(--salt-size-adornment));
249
+ padding-left: calc(2 * var(--salt-spacing-100) + var(--salt-size-adornment));
219
250
  }
220
- .ag-theme-salt-light .editable-cell.success-cell:not(.ag-cell-inline-editing)::after,
221
- .ag-theme-salt-dark .editable-cell.success-cell:not(.ag-cell-inline-editing)::after,
222
- .ag-theme-salt-compact-light .editable-cell.success-cell:not(.ag-cell-inline-editing)::after,
223
- .ag-theme-salt-compact-dark .editable-cell.success-cell:not(.ag-cell-inline-editing)::after {
251
+ .ag-theme-salt-light .ag-cell.success-cell:not(.ag-cell-inline-editing)::after,
252
+ .ag-theme-salt-dark .ag-cell.success-cell:not(.ag-cell-inline-editing)::after,
253
+ .ag-theme-salt-compact-light .ag-cell.success-cell:not(.ag-cell-inline-editing)::after,
254
+ .ag-theme-salt-compact-dark .ag-cell.success-cell:not(.ag-cell-inline-editing)::after {
224
255
  position: absolute;
225
256
  top: 50%;
226
257
  transform: translateY(-50%);
@@ -230,16 +261,16 @@
230
261
  content: "";
231
262
  mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.51878 8.36782L10.7368 1.1499L11.9742 2.38735L3.51877 10.8427L0.0299988 7.35389L1.26744 6.11646L3.51878 8.36782Z' /%3E%3C/svg%3E%0A") no-repeat 50% 50%;
232
263
  }
233
- .ag-theme-salt-light .editable-cell.success-cell:not(.numeric-cell)::after,
234
- .ag-theme-salt-dark .editable-cell.success-cell:not(.numeric-cell)::after,
235
- .ag-theme-salt-compact-light .editable-cell.success-cell:not(.numeric-cell)::after,
236
- .ag-theme-salt-compact-dark .editable-cell.success-cell:not(.numeric-cell)::after {
264
+ .ag-theme-salt-light .ag-cell.success-cell:not(.numeric-cell)::after,
265
+ .ag-theme-salt-dark .ag-cell.success-cell:not(.numeric-cell)::after,
266
+ .ag-theme-salt-compact-light .ag-cell.success-cell:not(.numeric-cell)::after,
267
+ .ag-theme-salt-compact-dark .ag-cell.success-cell:not(.numeric-cell)::after {
237
268
  right: var(--salt-spacing-100);
238
269
  }
239
- .ag-theme-salt-light .editable-cell.success-cell.numeric-cell::after,
240
- .ag-theme-salt-dark .editable-cell.success-cell.numeric-cell::after,
241
- .ag-theme-salt-compact-light .editable-cell.success-cell.numeric-cell::after,
242
- .ag-theme-salt-compact-dark .editable-cell.success-cell.numeric-cell::after {
270
+ .ag-theme-salt-light .ag-cell.success-cell.numeric-cell::after,
271
+ .ag-theme-salt-dark .ag-cell.success-cell.numeric-cell::after,
272
+ .ag-theme-salt-compact-light .ag-cell.success-cell.numeric-cell::after,
273
+ .ag-theme-salt-compact-dark .ag-cell.success-cell.numeric-cell::after {
243
274
  left: var(--salt-spacing-100);
244
275
  }
245
276
  .ag-theme-salt-light .ag-cell.numeric-cell,
@@ -264,28 +295,47 @@
264
295
  .ag-theme-salt-compact-dark .ag-cell-wrapper.ag-row-group {
265
296
  align-items: center;
266
297
  }
267
- .ag-theme-salt-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
268
- .ag-theme-salt-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
269
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
270
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
271
- .ag-theme-salt-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
272
- .ag-theme-salt-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
273
- .ag-theme-salt-compact-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
274
- .ag-theme-salt-compact-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
298
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-expanded,
299
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-contracted {
300
+ box-sizing: border-box;
301
+ justify-content: center;
302
+ width: calc(var(--ag-icon-size) + 2 * var(--salt-spacing-100));
303
+ height: calc(var(--ag-icon-size) + 2 * var(--salt-spacing-100));
304
+ border-radius: var(--salt-palette-corner-weak, 0);
305
+ }
306
+ .ag-theme-salt-light .ag-ltr .ag-cell-wrapper .ag-group-expanded,
307
+ .ag-theme-salt-dark .ag-ltr .ag-cell-wrapper .ag-group-expanded,
308
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-wrapper .ag-group-expanded,
309
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-wrapper .ag-group-expanded,
310
+ .ag-theme-salt-light .ag-ltr .ag-cell-wrapper .ag-group-contracted,
311
+ .ag-theme-salt-dark .ag-ltr .ag-cell-wrapper .ag-group-contracted,
312
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-wrapper .ag-group-contracted,
313
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-wrapper .ag-group-contracted {
314
+ margin-left: 0;
315
+ margin-right: var(--salt-spacing-100);
316
+ }
317
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-expanded:hover,
318
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-contracted:hover {
319
+ background-color: var(--salt-actionable-subtle-background-hover);
320
+ --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
321
+ }
322
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-expanded:active,
323
+ [class*=ag-theme-salt] .ag-cell-wrapper .ag-group-contracted:active {
324
+ background-color: var(--salt-actionable-subtle-background-active);
325
+ --ag-icon-font-color: var(--salt-actionable-subtle-foreground-active);
326
+ }
327
+ .ag-theme-salt-light .ag-ltr .ag-row-group-leaf-indent,
328
+ .ag-theme-salt-dark .ag-ltr .ag-row-group-leaf-indent,
329
+ .ag-theme-salt-compact-light .ag-ltr .ag-row-group-leaf-indent,
330
+ .ag-theme-salt-compact-dark .ag-ltr .ag-row-group-leaf-indent {
331
+ margin-left: calc(var(--ag-row-group-indent-size) + var(--salt-spacing-100));
332
+ }
275
333
  .ag-theme-salt-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
276
334
  .ag-theme-salt-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
277
335
  .ag-theme-salt-compact-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
278
- .ag-theme-salt-compact-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
279
- .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell,
280
- .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell,
281
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell,
282
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell,
283
- .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
284
- .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
285
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
286
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle {
336
+ .ag-theme-salt-compact-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group {
287
337
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
288
- outline-offset: -2px;
338
+ outline-offset: calc(-1 * var(--salt-focused-outlineWidth));
289
339
  border-color: transparent;
290
340
  }
291
341
  .ag-theme-salt-light .ag-cell.editable-cell.ag-cell-focus:focus::before,
@@ -304,13 +354,102 @@
304
354
  .ag-theme-salt-compact-dark .ag-cell.editable-numeric-cell.ag-cell-focus:focus::before,
305
355
  .ag-theme-salt-compact-dark .ag-cell.editable-cell.ag-cell-focus:focus-within::before,
306
356
  .ag-theme-salt-compact-dark .editable-cell.ag-cell-inline-editing::before {
307
- border-bottom: calc(var(--salt-size-adornment) + 4px) solid transparent;
308
- border-left: calc(var(--salt-size-adornment) + 4px) solid var(--salt-editable-borderColor-hover);
309
- border-top: 0 solid transparent;
357
+ background-image:
358
+ linear-gradient(
359
+ to bottom right,
360
+ var(--salt-focused-outlineColor) calc(50% - 0.5px),
361
+ transparent calc(50% + 0.5px));
362
+ background-origin: border-box;
363
+ background-position: left top;
364
+ background-repeat: no-repeat;
365
+ background-size: var(--salt-size-adornment) var(--salt-size-adornment);
366
+ border-radius: inherit;
310
367
  content: "";
368
+ top: 0;
369
+ right: 0;
370
+ bottom: 0;
311
371
  left: 0;
372
+ pointer-events: none;
312
373
  position: absolute;
374
+ z-index: 2;
375
+ }
376
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell,
377
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right,
378
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell,
379
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right,
380
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell,
381
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right,
382
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell,
383
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected.ag-cell-range-right {
384
+ border-right: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
385
+ background-clip: padding-box;
386
+ }
387
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing,
388
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing,
389
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing,
390
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing {
391
+ border-right-color: transparent !important;
392
+ }
393
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
394
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
395
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
396
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
397
+ border-right-color: var(--salt-separable-secondary-borderColor);
398
+ }
399
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
400
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
401
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
402
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-inline-editing.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
403
+ border-right-color: var(--salt-separable-secondary-borderColor) !important;
404
+ }
405
+ .ag-theme-salt-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus),
406
+ .ag-theme-salt-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus),
407
+ .ag-theme-salt-compact-light .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus),
408
+ .ag-theme-salt-compact-dark .ag-ltr .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus),
409
+ [class*=ag-theme-salt] .ag-ltr .ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
410
+ [class*=ag-theme-salt] .ag-ltr .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-inline-editing) {
411
+ background-clip: var(--cellRangeGap-backgroundClip, border-box);
412
+ }
413
+ [class*=ag-theme-salt] .ag-cell.ag-cell-range-right,
414
+ [class*=ag-theme-salt] .ag-cell.ag-cell-range-single-cell {
415
+ --cellRangeGap-backgroundClip: padding-box;
416
+ }
417
+ .ag-theme-salt-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
418
+ .ag-theme-salt-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
419
+ .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell,
420
+ .ag-theme-salt-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
421
+ .ag-theme-salt-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
422
+ .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell,
423
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
424
+ .ag-theme-salt-compact-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
425
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell,
426
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
427
+ .ag-theme-salt-compact-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
428
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell {
429
+ box-shadow: none;
430
+ outline: none;
431
+ }
432
+ .ag-theme-salt-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within::before,
433
+ .ag-theme-salt-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected)::before,
434
+ .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell::before,
435
+ .ag-theme-salt-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within::before,
436
+ .ag-theme-salt-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected)::before,
437
+ .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell::before,
438
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within::before,
439
+ .ag-theme-salt-compact-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected)::before,
440
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell::before,
441
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within::before,
442
+ .ag-theme-salt-compact-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected)::before,
443
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell::before {
444
+ border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
445
+ border-radius: inherit;
446
+ content: "";
313
447
  top: 0;
448
+ right: 0;
449
+ bottom: 0;
450
+ left: 0;
451
+ pointer-events: none;
452
+ position: absolute;
314
453
  z-index: 2;
315
454
  }
316
455
  .ag-theme-salt-light .editable-numeric-cell input,
@@ -353,7 +492,7 @@
353
492
  .ag-theme-salt-compact-light .ag-select .ag-picker-field-wrapper,
354
493
  .ag-theme-salt-compact-dark .ag-select .ag-picker-field-wrapper {
355
494
  border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
356
- border-radius: 0;
495
+ border-radius: var(--salt-palette-corner-weak, 0);
357
496
  }
358
497
  .ag-theme-salt-light .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
359
498
  .ag-theme-salt-light .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
@@ -394,7 +533,17 @@
394
533
  .ag-theme-salt-compact-light .ag-rich-select-list,
395
534
  .ag-theme-salt-compact-dark .ag-select-list,
396
535
  .ag-theme-salt-compact-dark .ag-rich-select-list {
397
- border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
536
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) transparent;
537
+ border-block-width: 0;
538
+ border-radius: var(--salt-palette-corner, 0);
539
+ outline: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
540
+ outline-offset: calc(-1 * var(--salt-size-fixed-100));
541
+ }
542
+ .ag-theme-salt-light .ag-select-list,
543
+ .ag-theme-salt-dark .ag-select-list,
544
+ .ag-theme-salt-compact-light .ag-select-list,
545
+ .ag-theme-salt-compact-dark .ag-select-list {
546
+ border-block-width: max(var(--salt-size-fixed-100), var(--salt-palette-corner, 0px));
398
547
  }
399
548
  .ag-theme-salt-light .ag-select-list-item[aria-selected=true],
400
549
  .ag-theme-salt-light .ag-rich-select-row-selected,
@@ -406,10 +555,10 @@
406
555
  .ag-theme-salt-compact-dark .ag-rich-select-row-selected {
407
556
  box-shadow: inset 0 var(--salt-size-fixed-100) 0 var(--salt-selectable-borderColor-selected), inset 0 calc(var(--salt-size-fixed-100) * -1) 0 var(--salt-selectable-borderColor-selected);
408
557
  }
409
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
410
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
411
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
412
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after {
558
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::before,
559
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::before,
560
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::before,
561
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::before {
413
562
  content: "";
414
563
  top: 0;
415
564
  right: 0;
@@ -418,10 +567,10 @@
418
567
  position: absolute;
419
568
  border-top: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
420
569
  }
421
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
422
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
423
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
424
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after {
570
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::before,
571
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::before,
572
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::before,
573
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::before {
425
574
  content: "";
426
575
  top: 0;
427
576
  right: 0;
@@ -430,10 +579,10 @@
430
579
  position: absolute;
431
580
  border-right: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
432
581
  }
433
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
434
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
435
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
436
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after {
582
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::before,
583
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::before,
584
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::before,
585
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::before {
437
586
  content: "";
438
587
  top: 0;
439
588
  right: 0;
@@ -442,10 +591,10 @@
442
591
  position: absolute;
443
592
  border-bottom: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
444
593
  }
445
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
446
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
447
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
448
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after {
594
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::before,
595
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::before,
596
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::before,
597
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::before {
449
598
  content: "";
450
599
  top: 0;
451
600
  right: 0;
@@ -454,6 +603,144 @@
454
603
  position: absolute;
455
604
  border-left: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
456
605
  }
606
+ [class*=ag-theme-salt] .ag-cell.ag-cell-range-top {
607
+ --cellRangeGap-borderTopWidth: var(--salt-focused-outlineWidth);
608
+ }
609
+ [class*=ag-theme-salt] .ag-cell.ag-cell-range-bottom {
610
+ --cellRangeGap-borderBottomWidth: var(--salt-focused-outlineWidth);
611
+ }
612
+ [class*=ag-theme-salt] .ag-ltr .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing) {
613
+ border-image-source:
614
+ linear-gradient(
615
+ to bottom,
616
+ var(--salt-focused-outlineColor) var(--cellRangeGap-borderTopWidth),
617
+ var(--cellRangeGap-separatorColor) var(--cellRangeGap-borderTopWidth),
618
+ var(--cellRangeGap-separatorColor) calc(100% - var(--cellRangeGap-borderBottomWidth)),
619
+ var(--salt-focused-outlineColor) calc(100% - var(--cellRangeGap-borderBottomWidth)));
620
+ border-image-slice: 0 1 0 0;
621
+ border-image-width: 0 1 0 0;
622
+ border-image-repeat: stretch;
623
+ }
624
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing):not(.ag-cell-range-left) {
625
+ --cellRangeGap-leftSeparator:
626
+ linear-gradient(
627
+
628
+ to bottom,
629
+ var(--salt-focused-outlineColor) var(--cellRangeGap-borderTopWidth),
630
+ var(--salt-separable-secondary-borderColor) var(--cellRangeGap-borderTopWidth),
631
+ var(--salt-separable-secondary-borderColor) calc(100% - var(--cellRangeGap-borderBottomWidth)),
632
+ var(--salt-focused-outlineColor) calc(100% - var(--cellRangeGap-borderBottomWidth)) );
633
+ }
634
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing) {
635
+ background-image: var(--cellRangeGap-leftSeparator), linear-gradient(transparent, transparent);
636
+ background-origin: border-box;
637
+ background-clip: border-box, border-box;
638
+ background-position: left top;
639
+ background-repeat: no-repeat;
640
+ background-size: var(--salt-size-fixed-100) 100%, auto;
641
+ }
642
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected.error-cell:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing),
643
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected.warning-cell:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing),
644
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected.success-cell:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing),
645
+ [class*=ag-theme-salt] .ag-ltr .ag-cell-first-right-pinned.ag-cell-range-selected:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing)[style*=background],
646
+ [class*=ag-theme-salt] .ag-ltr .ag-has-focus .ag-cell-first-right-pinned.ag-cell-range-selected.ag-cell-focus:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing),
647
+ [class*=ag-theme-salt] .ag-ltr .ag-context-menu-open .ag-cell-first-right-pinned.ag-cell-range-selected.ag-cell-focus:not(.ag-cell-range-single-cell):not(.ag-cell-range-right):not(.ag-cell-inline-editing) {
648
+ background-clip: border-box, padding-box;
649
+ }
650
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
651
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
652
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell),
653
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell) {
654
+ border-radius: 0;
655
+ }
656
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-left,
657
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-left,
658
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-left,
659
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-left {
660
+ border-top-left-radius: var(--salt-palette-corner-weak, 0);
661
+ }
662
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-right,
663
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-right,
664
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-right,
665
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top.ag-cell-range-right {
666
+ border-top-right-radius: var(--salt-palette-corner-weak, 0);
667
+ }
668
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-right,
669
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-right,
670
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-right,
671
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-right {
672
+ border-bottom-right-radius: var(--salt-palette-corner-weak, 0);
673
+ }
674
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-left,
675
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-left,
676
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-left,
677
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom.ag-cell-range-left {
678
+ border-bottom-left-radius: var(--salt-palette-corner-weak, 0);
679
+ }
680
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell)::before,
681
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell)::before,
682
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell)::before,
683
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell)::before {
684
+ border-radius: inherit;
685
+ }
686
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
687
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
688
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
689
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing) {
690
+ background-color: var(--salt-status-error-background);
691
+ }
692
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
693
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
694
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
695
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing) {
696
+ background-color: var(--salt-status-warning-background);
697
+ }
698
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
699
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
700
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
701
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing) {
702
+ background-color: var(--salt-status-success-background);
703
+ }
704
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
705
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
706
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
707
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
708
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
709
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
710
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
711
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
712
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
713
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
714
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
715
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing),
716
+ .ag-theme-salt-light .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing)[style*=background],
717
+ .ag-theme-salt-dark .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing)[style*=background],
718
+ .ag-theme-salt-compact-light .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing)[style*=background],
719
+ .ag-theme-salt-compact-dark .ag-root .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-focus):not(.ag-cell-inline-editing)[style*=background],
720
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
721
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
722
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
723
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-inline-editing)[style*=background],
724
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-row .ag-cell.error-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
725
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-row .ag-cell.warning-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
726
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-row .ag-cell.success-cell.ag-cell-range-selected:not(.ag-cell-inline-editing),
727
+ [class*=ag-theme-salt] .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-row .ag-cell.ag-cell-range-selected:not(.ag-cell-inline-editing)[style*=background] {
728
+ background-image:
729
+ var(--cellRangeGap-leftSeparator),
730
+ linear-gradient(var(--ag-range-selection-background-color), var(--ag-range-selection-background-color)),
731
+ linear-gradient(transparent, transparent);
732
+ background-origin: border-box;
733
+ background-clip:
734
+ border-box,
735
+ var(--cellRangeGap-backgroundClip, border-box),
736
+ padding-box;
737
+ background-position: left top;
738
+ background-repeat: no-repeat;
739
+ background-size:
740
+ var(--salt-size-fixed-100) 100%,
741
+ auto,
742
+ auto;
743
+ }
457
744
 
458
745
  /* css/parts/ag-buttons.css */
459
746
  .ag-theme-salt-light .ag-standard-button,
@@ -461,21 +748,34 @@
461
748
  .ag-theme-salt-compact-light .ag-standard-button,
462
749
  .ag-theme-salt-compact-dark .ag-standard-button {
463
750
  background: var(--salt-actionable-subtle-background);
464
- border: 0;
751
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-actionable-subtle-borderColor);
752
+ border-radius: var(--salt-palette-corner-weak, 0);
465
753
  color: var(--salt-actionable-subtle-foreground);
754
+ font-family: var(--salt-text-action-fontFamily);
466
755
  font-size: var(--salt-text-fontSize);
467
- font-weight: 600;
756
+ font-weight: var(--salt-text-action-fontWeight);
757
+ letter-spacing: var(--salt-text-action-letterSpacing);
758
+ line-height: var(--salt-text-lineHeight);
759
+ text-transform: var(--salt-text-action-textTransform);
468
760
  height: var(--salt-size-base);
469
- padding: 0 var(--salt-spacing-100);
470
- text-transform: uppercase;
761
+ padding: 0 calc(var(--salt-spacing-100) - var(--salt-size-fixed-100));
471
762
  }
472
763
  .ag-theme-salt-light .ag-standard-button:hover,
473
764
  .ag-theme-salt-dark .ag-standard-button:hover,
474
765
  .ag-theme-salt-compact-light .ag-standard-button:hover,
475
766
  .ag-theme-salt-compact-dark .ag-standard-button:hover {
476
- background-color: var(--salt-actionable-subtle-background-hover);
767
+ background: var(--salt-actionable-subtle-background-hover);
768
+ border-color: var(--salt-actionable-subtle-borderColor-hover);
477
769
  color: var(--salt-actionable-subtle-foreground-hover);
478
770
  }
771
+ .ag-theme-salt-light .ag-standard-button:active,
772
+ .ag-theme-salt-dark .ag-standard-button:active,
773
+ .ag-theme-salt-compact-light .ag-standard-button:active,
774
+ .ag-theme-salt-compact-dark .ag-standard-button:active {
775
+ background: var(--salt-actionable-subtle-background-active);
776
+ border-color: var(--salt-actionable-subtle-borderColor-active);
777
+ color: var(--salt-actionable-subtle-foreground-active);
778
+ }
479
779
  .ag-theme-salt-light .ag-ltr .ag-filter-apply-panel-button,
480
780
  .ag-theme-salt-dark .ag-ltr .ag-filter-apply-panel-button,
481
781
  .ag-theme-salt-compact-light .ag-ltr .ag-filter-apply-panel-button,
@@ -491,6 +791,7 @@
491
791
  .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
492
792
  .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton] {
493
793
  background: var(--salt-actionable-accented-bold-background);
794
+ border-color: var(--salt-actionable-accented-bold-borderColor);
494
795
  color: var(--salt-actionable-accented-bold-foreground);
495
796
  }
496
797
  .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
@@ -502,14 +803,103 @@
502
803
  .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
503
804
  .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover {
504
805
  background: var(--salt-actionable-accented-bold-background-hover);
806
+ border-color: var(--salt-actionable-accented-bold-borderColor-hover);
505
807
  color: var(--salt-actionable-accented-bold-foreground-hover);
506
808
  }
809
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:active,
810
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:active,
811
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:active,
812
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:active,
813
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:active,
814
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:active,
815
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:active,
816
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:active {
817
+ background: var(--salt-actionable-accented-bold-background-active);
818
+ border-color: var(--salt-actionable-accented-bold-borderColor-active);
819
+ color: var(--salt-actionable-accented-bold-foreground-active);
820
+ }
507
821
  .ag-theme-salt-light .ag-keyboard-focus .ag-header-cell:focus::after,
508
822
  .ag-theme-salt-dark .ag-keyboard-focus .ag-header-cell:focus::after,
509
823
  .ag-theme-salt-compact-light .ag-keyboard-focus .ag-header-cell:focus::after,
510
824
  .ag-theme-salt-compact-dark .ag-keyboard-focus .ag-header-cell:focus::after {
511
825
  border: 0;
512
826
  }
827
+ .ag-theme-salt-light .ag-advanced-filter-builder-item-button:focus-visible::after,
828
+ .ag-theme-salt-dark .ag-advanced-filter-builder-item-button:focus-visible::after,
829
+ .ag-theme-salt-compact-light .ag-advanced-filter-builder-item-button:focus-visible::after,
830
+ .ag-theme-salt-compact-dark .ag-advanced-filter-builder-item-button:focus-visible::after,
831
+ .ag-theme-salt-light .ag-advanced-filter-builder-pill:focus-visible::after,
832
+ .ag-theme-salt-dark .ag-advanced-filter-builder-pill:focus-visible::after,
833
+ .ag-theme-salt-compact-light .ag-advanced-filter-builder-pill:focus-visible::after,
834
+ .ag-theme-salt-compact-dark .ag-advanced-filter-builder-pill:focus-visible::after,
835
+ .ag-theme-salt-light .ag-advanced-filter-header-cell:focus-visible::after,
836
+ .ag-theme-salt-dark .ag-advanced-filter-header-cell:focus-visible::after,
837
+ .ag-theme-salt-compact-light .ag-advanced-filter-header-cell:focus-visible::after,
838
+ .ag-theme-salt-compact-dark .ag-advanced-filter-header-cell:focus-visible::after,
839
+ .ag-theme-salt-light .ag-autocomplete-virtual-list-item:focus-visible::after,
840
+ .ag-theme-salt-dark .ag-autocomplete-virtual-list-item:focus-visible::after,
841
+ .ag-theme-salt-compact-light .ag-autocomplete-virtual-list-item:focus-visible::after,
842
+ .ag-theme-salt-compact-dark .ag-autocomplete-virtual-list-item:focus-visible::after,
843
+ .ag-theme-salt-light .ag-charts-data-group-title-bar:focus-visible::after,
844
+ .ag-theme-salt-dark .ag-charts-data-group-title-bar:focus-visible::after,
845
+ .ag-theme-salt-compact-light .ag-charts-data-group-title-bar:focus-visible::after,
846
+ .ag-theme-salt-compact-dark .ag-charts-data-group-title-bar:focus-visible::after,
847
+ .ag-theme-salt-light .ag-charts-format-top-level-group-title-bar:focus-visible::after,
848
+ .ag-theme-salt-dark .ag-charts-format-top-level-group-title-bar:focus-visible::after,
849
+ .ag-theme-salt-compact-light .ag-charts-format-top-level-group-title-bar:focus-visible::after,
850
+ .ag-theme-salt-compact-dark .ag-charts-format-top-level-group-title-bar:focus-visible::after,
851
+ .ag-theme-salt-light .ag-column-select-header-icon:focus-visible::after,
852
+ .ag-theme-salt-dark .ag-column-select-header-icon:focus-visible::after,
853
+ .ag-theme-salt-compact-light .ag-column-select-header-icon:focus-visible::after,
854
+ .ag-theme-salt-compact-dark .ag-column-select-header-icon:focus-visible::after,
855
+ .ag-theme-salt-light .ag-column-select-virtual-list-item:focus-visible::after,
856
+ .ag-theme-salt-dark .ag-column-select-virtual-list-item:focus-visible::after,
857
+ .ag-theme-salt-compact-light .ag-column-select-virtual-list-item:focus-visible::after,
858
+ .ag-theme-salt-compact-dark .ag-column-select-virtual-list-item:focus-visible::after,
859
+ .ag-theme-salt-light .ag-filter-toolpanel-header:focus-visible::after,
860
+ .ag-theme-salt-dark .ag-filter-toolpanel-header:focus-visible::after,
861
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-header:focus-visible::after,
862
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-header:focus-visible::after,
863
+ .ag-theme-salt-light .ag-filter-virtual-list-item:focus-visible::after,
864
+ .ag-theme-salt-dark .ag-filter-virtual-list-item:focus-visible::after,
865
+ .ag-theme-salt-compact-light .ag-filter-virtual-list-item:focus-visible::after,
866
+ .ag-theme-salt-compact-dark .ag-filter-virtual-list-item:focus-visible::after,
867
+ .ag-theme-salt-light .ag-multi-filter-group-title-bar:focus-visible::after,
868
+ .ag-theme-salt-dark .ag-multi-filter-group-title-bar:focus-visible::after,
869
+ .ag-theme-salt-compact-light .ag-multi-filter-group-title-bar:focus-visible::after,
870
+ .ag-theme-salt-compact-dark .ag-multi-filter-group-title-bar:focus-visible::after,
871
+ .ag-theme-salt-light .ag-rich-select-virtual-list-item:focus-visible::after,
872
+ .ag-theme-salt-dark .ag-rich-select-virtual-list-item:focus-visible::after,
873
+ .ag-theme-salt-compact-light .ag-rich-select-virtual-list-item:focus-visible::after,
874
+ .ag-theme-salt-compact-dark .ag-rich-select-virtual-list-item:focus-visible::after,
875
+ .ag-theme-salt-light .ag-select-agg-func-virtual-list-item:focus-visible::after,
876
+ .ag-theme-salt-dark .ag-select-agg-func-virtual-list-item:focus-visible::after,
877
+ .ag-theme-salt-compact-light .ag-select-agg-func-virtual-list-item:focus-visible::after,
878
+ .ag-theme-salt-compact-dark .ag-select-agg-func-virtual-list-item:focus-visible::after,
879
+ .ag-theme-salt-light .ag-tab:focus-visible::after,
880
+ .ag-theme-salt-dark .ag-tab:focus-visible::after,
881
+ .ag-theme-salt-compact-light .ag-tab:focus-visible::after,
882
+ .ag-theme-salt-compact-dark .ag-tab:focus-visible::after,
883
+ .ag-theme-salt-light .ag-virtual-list-item:focus-visible::after,
884
+ .ag-theme-salt-dark .ag-virtual-list-item:focus-visible::after,
885
+ .ag-theme-salt-compact-light .ag-virtual-list-item:focus-visible::after,
886
+ .ag-theme-salt-compact-dark .ag-virtual-list-item:focus-visible::after,
887
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title-bar:focus-visible::after,
888
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title-bar:focus-visible::after,
889
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title-bar:focus-visible::after,
890
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title-bar:focus-visible::after {
891
+ top: 0;
892
+ left: 0;
893
+ width: 100%;
894
+ height: 100%;
895
+ border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
896
+ }
897
+ .ag-theme-salt-light .ag-header-group-cell:focus-visible::after,
898
+ .ag-theme-salt-dark .ag-header-group-cell:focus-visible::after,
899
+ .ag-theme-salt-compact-light .ag-header-group-cell:focus-visible::after,
900
+ .ag-theme-salt-compact-dark .ag-header-group-cell:focus-visible::after {
901
+ content: none;
902
+ }
513
903
  .ag-theme-salt-light button[class^=ag-]:focus,
514
904
  .ag-theme-salt-dark button[class^=ag-]:focus,
515
905
  .ag-theme-salt-compact-light button[class^=ag-]:focus,
@@ -540,19 +930,42 @@
540
930
  .ag-theme-salt-compact-dark .ag-menu .ag-menu-column-select-wrapper {
541
931
  margin-top: var(--salt-spacing-100);
542
932
  }
933
+ .ag-theme-salt-light .ag-filter-menu .ag-filter-body-wrapper,
934
+ .ag-theme-salt-dark .ag-filter-menu .ag-filter-body-wrapper,
935
+ .ag-theme-salt-compact-light .ag-filter-menu .ag-filter-body-wrapper,
936
+ .ag-theme-salt-compact-dark .ag-filter-menu .ag-filter-body-wrapper {
937
+ margin-top: 0;
938
+ }
939
+ .ag-theme-salt-light .ag-filter-menu .ag-filter-apply-panel,
940
+ .ag-theme-salt-dark .ag-filter-menu .ag-filter-apply-panel,
941
+ .ag-theme-salt-compact-light .ag-filter-menu .ag-filter-apply-panel,
942
+ .ag-theme-salt-compact-dark .ag-filter-menu .ag-filter-apply-panel {
943
+ padding: var(--salt-spacing-100) 0 0;
944
+ }
945
+ .ag-theme-salt-light .ag-filter .ag-select:not(.ag-cell-editor),
946
+ .ag-theme-salt-dark .ag-filter .ag-select:not(.ag-cell-editor),
947
+ .ag-theme-salt-compact-light .ag-filter .ag-select:not(.ag-cell-editor),
948
+ .ag-theme-salt-compact-dark .ag-filter .ag-select:not(.ag-cell-editor) {
949
+ min-height: var(--salt-size-base);
950
+ }
543
951
  .ag-theme-salt-light .ag-simple-filter-body-wrapper > *,
544
952
  .ag-theme-salt-dark .ag-simple-filter-body-wrapper > *,
545
953
  .ag-theme-salt-compact-light .ag-simple-filter-body-wrapper > *,
546
954
  .ag-theme-salt-compact-dark .ag-simple-filter-body-wrapper > * {
547
955
  margin-bottom: var(--salt-spacing-100);
548
956
  }
957
+ .ag-theme-salt-light .ag-simple-filter-body-wrapper > :last-child,
958
+ .ag-theme-salt-dark .ag-simple-filter-body-wrapper > :last-child,
959
+ .ag-theme-salt-compact-light .ag-simple-filter-body-wrapper > :last-child,
960
+ .ag-theme-salt-compact-dark .ag-simple-filter-body-wrapper > :last-child {
961
+ margin-bottom: 0;
962
+ }
549
963
  .ag-theme-salt-light .ag-mini-filter,
550
964
  .ag-theme-salt-dark .ag-mini-filter,
551
965
  .ag-theme-salt-compact-light .ag-mini-filter,
552
966
  .ag-theme-salt-compact-dark .ag-mini-filter {
553
- margin: 0;
554
- padding-left: var(--salt-spacing-50);
555
- padding-right: var(--salt-spacing-50);
967
+ margin: 0 0 var(--salt-spacing-100);
968
+ padding: 0;
556
969
  }
557
970
  .ag-theme-salt-light .ag-set-filter-item,
558
971
  .ag-theme-salt-dark .ag-set-filter-item,
@@ -567,12 +980,12 @@
567
980
  .ag-theme-salt-compact-light .ag-status-bar,
568
981
  .ag-theme-salt-compact-dark .ag-status-bar {
569
982
  border: none;
570
- border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-bold-borderColor);
571
- color: var(--salt-content-secondary-foreground);
983
+ border-top: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-subtle-borderColor);
984
+ color: var(--salt-content-primary-foreground);
572
985
  font-size: var(--salt-text-fontSize);
573
986
  font-weight: var(--salt-text-label-fontWeight);
574
- line-height: var(--salt-size-base);
575
- height: var(--salt-size-base);
987
+ line-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
988
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-size-fixed-100));
576
989
  padding: 0 var(--salt-spacing-100);
577
990
  }
578
991
  .ag-theme-salt-light .ag-status-name-value,
@@ -586,14 +999,73 @@
586
999
  .ag-theme-salt-dark .ag-status-name-value-value,
587
1000
  .ag-theme-salt-compact-light .ag-status-name-value-value,
588
1001
  .ag-theme-salt-compact-dark .ag-status-name-value-value {
589
- font-weight: var(--salt-text-fontWeight-strong);
1002
+ font-weight: var(--salt-text-fontWeight-bolder);
590
1003
  color: var(--salt-content-primary-foreground);
591
1004
  }
592
1005
  .ag-theme-salt-light .ag-paging-panel,
593
1006
  .ag-theme-salt-dark .ag-paging-panel,
594
1007
  .ag-theme-salt-compact-light .ag-paging-panel,
595
1008
  .ag-theme-salt-compact-dark .ag-paging-panel {
596
- border-color: var(--salt-separable-secondary-borderColor);
1009
+ border-top: none;
1010
+ color: var(--salt-content-secondary-foreground);
1011
+ padding: 0 var(--salt-spacing-50);
1012
+ }
1013
+ .ag-theme-salt-light .ag-paging-page-size,
1014
+ .ag-theme-salt-dark .ag-paging-page-size,
1015
+ .ag-theme-salt-compact-light .ag-paging-page-size,
1016
+ .ag-theme-salt-compact-dark .ag-paging-page-size,
1017
+ .ag-theme-salt-light .ag-paging-row-summary-panel,
1018
+ .ag-theme-salt-dark .ag-paging-row-summary-panel,
1019
+ .ag-theme-salt-compact-light .ag-paging-row-summary-panel,
1020
+ .ag-theme-salt-compact-dark .ag-paging-row-summary-panel,
1021
+ .ag-theme-salt-light .ag-paging-page-summary-panel,
1022
+ .ag-theme-salt-dark .ag-paging-page-summary-panel,
1023
+ .ag-theme-salt-compact-light .ag-paging-page-summary-panel,
1024
+ .ag-theme-salt-compact-dark .ag-paging-page-summary-panel {
1025
+ margin: 0;
1026
+ margin-inline-start: var(--salt-spacing-300);
1027
+ }
1028
+ .ag-theme-salt-light .ag-paging-row-summary-panel-number,
1029
+ .ag-theme-salt-dark .ag-paging-row-summary-panel-number,
1030
+ .ag-theme-salt-compact-light .ag-paging-row-summary-panel-number,
1031
+ .ag-theme-salt-compact-dark .ag-paging-row-summary-panel-number,
1032
+ .ag-theme-salt-light span.ag-paging-number,
1033
+ .ag-theme-salt-dark span.ag-paging-number,
1034
+ .ag-theme-salt-compact-light span.ag-paging-number,
1035
+ .ag-theme-salt-compact-dark span.ag-paging-number {
1036
+ font-weight: var(--salt-text-fontWeight-bolder);
1037
+ }
1038
+ .ag-theme-salt-light .ag-paging-button,
1039
+ .ag-theme-salt-dark .ag-paging-button,
1040
+ .ag-theme-salt-compact-light .ag-paging-button,
1041
+ .ag-theme-salt-compact-dark .ag-paging-button {
1042
+ display: inline-flex;
1043
+ align-items: center;
1044
+ justify-content: center;
1045
+ box-sizing: border-box;
1046
+ height: var(--salt-size-base);
1047
+ padding: 0 var(--salt-spacing-100);
1048
+ margin: 0 var(--salt-spacing-50);
1049
+ border-radius: var(--salt-palette-corner-weak, 0);
1050
+ }
1051
+ .ag-theme-salt-light .ag-paging-button:not(.ag-disabled):hover,
1052
+ .ag-theme-salt-dark .ag-paging-button:not(.ag-disabled):hover,
1053
+ .ag-theme-salt-compact-light .ag-paging-button:not(.ag-disabled):hover,
1054
+ .ag-theme-salt-compact-dark .ag-paging-button:not(.ag-disabled):hover {
1055
+ background-color: var(--salt-actionable-subtle-background-hover);
1056
+ --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
1057
+ }
1058
+ .ag-theme-salt-light .ag-paging-button:focus-visible,
1059
+ .ag-theme-salt-dark .ag-paging-button:focus-visible,
1060
+ .ag-theme-salt-compact-light .ag-paging-button:focus-visible,
1061
+ .ag-theme-salt-compact-dark .ag-paging-button:focus-visible {
1062
+ outline: var(--salt-focused-outline);
1063
+ }
1064
+ .ag-theme-salt-light .ag-paging-button:focus-visible::after,
1065
+ .ag-theme-salt-dark .ag-paging-button:focus-visible::after,
1066
+ .ag-theme-salt-compact-light .ag-paging-button:focus-visible::after,
1067
+ .ag-theme-salt-compact-dark .ag-paging-button:focus-visible::after {
1068
+ content: none;
597
1069
  }
598
1070
  .ag-theme-salt-light .ag-floating-top:not(.ag-invisible),
599
1071
  .ag-theme-salt-dark .ag-floating-top:not(.ag-invisible),
@@ -642,15 +1114,9 @@
642
1114
  .ag-theme-salt-dark .ag-column-drop-horizontal,
643
1115
  .ag-theme-salt-compact-light .ag-column-drop-horizontal,
644
1116
  .ag-theme-salt-compact-dark .ag-column-drop-horizontal {
645
- border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-bold-borderColor);
1117
+ border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
646
1118
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
647
1119
  }
648
- .ag-theme-salt-light .ag-column-drop-cell,
649
- .ag-theme-salt-dark .ag-column-drop-cell,
650
- .ag-theme-salt-compact-light .ag-column-drop-cell,
651
- .ag-theme-salt-compact-dark .ag-column-drop-cell {
652
- border-radius: 0;
653
- }
654
1120
 
655
1121
  /* css/parts/ag-checkbox.css */
656
1122
  .ag-theme-salt-light .ag-checkbox-input-wrapper,
@@ -661,6 +1127,56 @@
661
1127
  width: var(--salt-size-selectable);
662
1128
  font-size: var(--salt-size-selectable);
663
1129
  line-height: var(--salt-size-selectable);
1130
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--ag-checkbox-unchecked-color);
1131
+ background: var(--salt-container-primary-background);
1132
+ clip-path: border-box;
1133
+ }
1134
+ .ag-theme-salt-light .ag-checkbox-input-wrapper input,
1135
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper input,
1136
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper input,
1137
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper input {
1138
+ position: absolute;
1139
+ inset: calc(-1 * var(--salt-size-fixed-100));
1140
+ width: auto;
1141
+ height: auto;
1142
+ }
1143
+ .ag-theme-salt-light .ag-checkbox-input-wrapper::after,
1144
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper::after,
1145
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper::after,
1146
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper::after {
1147
+ content: none;
1148
+ }
1149
+ .ag-theme-salt-light .ag-checkbox-input-wrapper.ag-checked,
1150
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper.ag-checked,
1151
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper.ag-checked,
1152
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper.ag-checked {
1153
+ border-color: var(--ag-checkbox-checked-color);
1154
+ }
1155
+ .ag-theme-salt-light .ag-checkbox-input-wrapper.ag-checked::after,
1156
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper.ag-checked::after,
1157
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper.ag-checked::after,
1158
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper.ag-checked::after {
1159
+ content: var(--ag-icon-font-code-checkbox-checked);
1160
+ top: calc(-1 * var(--salt-size-fixed-100));
1161
+ left: calc(-1 * var(--salt-size-fixed-100));
1162
+ }
1163
+ .ag-theme-salt-light .ag-checkbox-input-wrapper.ag-indeterminate,
1164
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper.ag-indeterminate,
1165
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper.ag-indeterminate,
1166
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper.ag-indeterminate {
1167
+ border-color: var(--ag-checkbox-unchecked-color);
1168
+ }
1169
+ .ag-theme-salt-light .ag-checkbox-input-wrapper.ag-indeterminate::after,
1170
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper.ag-indeterminate::after,
1171
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper.ag-indeterminate::after,
1172
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper.ag-indeterminate::after {
1173
+ content: "";
1174
+ top: 50%;
1175
+ left: 50%;
1176
+ width: calc(var(--salt-size-selectable) - 6px);
1177
+ height: var(--salt-size-fixed-200);
1178
+ background: currentColor;
1179
+ transform: translate(-50%, -50%);
664
1180
  }
665
1181
  [class*=ag-theme-salt] .ag-cell-wrapper > .ag-selection-checkbox,
666
1182
  [class*=ag-theme-salt] .ag-cell-wrapper.ag-checkbox-cell > .ag-labeled.ag-checkbox {
@@ -668,32 +1184,53 @@
668
1184
  }
669
1185
 
670
1186
  /* css/parts/ag-column-drop-list.css */
671
- [class*=ag-theme-salt] .ag-column-drop-cell-drag-handle {
672
- margin-left: 0;
673
- }
674
1187
  [class*=ag-theme-salt] .ag-column-drop-cell {
675
- height: calc(var(--salt-size-base) - var(--salt-spacing-100));
676
- padding: 0 var(--salt-spacing-50);
1188
+ --ag-secondary-foreground-color: var(--salt-content-primary-foreground);
1189
+ --ag-icon-font-color: var(--salt-content-primary-foreground);
1190
+ --ag-chip-background-color: var(--salt-container-secondary-background);
1191
+ --ag-chip-border-color: var(--salt-container-borderColor);
1192
+ box-sizing: border-box;
1193
+ height: var(--salt-size-base);
1194
+ gap: var(--salt-spacing-100);
1195
+ padding: 0 var(--salt-spacing-100);
1196
+ border-radius: var(--salt-palette-corner-weak, 0);
1197
+ box-shadow: var(--salt-overlayable-shadow);
1198
+ color: var(--ag-secondary-foreground-color);
1199
+ }
1200
+ [class*=ag-theme-salt] .ag-column-drop-vertical-cell {
1201
+ height: calc(var(--salt-size-base) + 2 * var(--salt-spacing-50));
1202
+ }
1203
+ [class*=ag-theme-salt] .ag-column-drop-cell-drag-handle,
1204
+ [class*=ag-theme-salt] .ag-column-drop-cell-text {
1205
+ margin: 0;
677
1206
  }
678
1207
  [class*=ag-theme-salt] .ag-column-drop-cell-button {
1208
+ display: flex;
1209
+ align-items: center;
1210
+ justify-content: center;
1211
+ box-sizing: border-box;
679
1212
  min-width: unset;
1213
+ height: calc(var(--salt-size-base) - var(--salt-spacing-100));
1214
+ aspect-ratio: 1;
1215
+ margin: 0;
1216
+ border-radius: var(--salt-palette-corner-weak, 0);
680
1217
  }
681
- div[class*=ag-theme-salt] .ag-column-drop-cell {
682
- --ag-secondary-foreground-color: var(--salt-actionable-bold-foreground);
683
- --ag-icon-font-color: var(--salt-actionable-bold-foreground);
684
- --ag-chip-background-color: var(--salt-actionable-bold-background);
685
- color: var(--ag-secondary-foreground-color);
1218
+ [class*=ag-theme-salt] .ag-column-drop-vertical-cell .ag-column-drop-cell-button {
1219
+ height: var(--salt-size-base);
1220
+ }
1221
+ [class*=ag-theme-salt] .ag-column-drop-cell-button:hover {
1222
+ background-color: var(--salt-actionable-subtle-background-hover);
1223
+ --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
686
1224
  }
687
- div[class*=ag-theme-salt] .ag-column-drop-cell:hover {
688
- --ag-secondary-foreground-color: var(--salt-actionable-bold-foreground-hover);
689
- --ag-icon-font-color: var(--salt-actionable-bold-foreground-hover);
690
- --ag-chip-background-color: var(--salt-actionable-bold-background-hover);
1225
+ [class*=ag-theme-salt] .ag-column-drop-cell:focus-visible {
1226
+ outline: var(--salt-focused-outline);
691
1227
  }
692
- div[class*=ag-theme-salt] .ag-column-drop-cell:active,
693
- div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
694
- --ag-secondary-foreground-color: var(--salt-actionable-bold-foreground-active);
695
- --ag-icon-font-color: var(--salt-actionable-bold-foreground-active);
696
- --ag-chip-background-color: var(--salt-actionable-bold-background-active);
1228
+ [class*=ag-theme-salt] .ag-column-drop-cell:focus-visible::after {
1229
+ content: none;
1230
+ }
1231
+ [class*=ag-theme-salt] .ag-column-drop-horizontal {
1232
+ --ag-icon-font-code-small-right: var(--ag-icon-font-code-next);
1233
+ --ag-icon-font-code-small-left: var(--ag-icon-font-code-previous);
697
1234
  }
698
1235
 
699
1236
  /* css/parts/ag-header.css */
@@ -719,7 +1256,7 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
719
1256
  .ag-theme-salt-compact-light .ag-header-row,
720
1257
  .ag-theme-salt-compact-dark .ag-header-row {
721
1258
  font-size: var(--salt-text-label-fontSize);
722
- font-weight: var(--salt-text-label-fontWeight-strong);
1259
+ font-weight: var(--salt-text-label-fontWeight-bolder);
723
1260
  }
724
1261
  .ag-theme-salt-light .ag-header-cell:focus-visible::after,
725
1262
  .ag-theme-salt-dark .ag-header-cell:focus-visible::after,
@@ -730,9 +1267,13 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
730
1267
  .ag-theme-salt-light .ag-header-cell:focus-visible,
731
1268
  .ag-theme-salt-dark .ag-header-cell:focus-visible,
732
1269
  .ag-theme-salt-compact-light .ag-header-cell:focus-visible,
733
- .ag-theme-salt-compact-dark .ag-header-cell:focus-visible {
1270
+ .ag-theme-salt-compact-dark .ag-header-cell:focus-visible,
1271
+ .ag-theme-salt-light .ag-header-group-cell:focus-visible,
1272
+ .ag-theme-salt-dark .ag-header-group-cell:focus-visible,
1273
+ .ag-theme-salt-compact-light .ag-header-group-cell:focus-visible,
1274
+ .ag-theme-salt-compact-dark .ag-header-group-cell:focus-visible {
734
1275
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
735
- outline-offset: -2px;
1276
+ outline-offset: calc(-1 * var(--salt-focused-outlineWidth));
736
1277
  border-width: 0;
737
1278
  }
738
1279
  .ag-theme-salt-light .ag-pinned-left-header,
@@ -785,7 +1326,7 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
785
1326
  .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
786
1327
  .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
787
1328
  .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total) {
788
- border-top-color: var(--salt-container-bold-borderColor);
1329
+ border-top-color: var(--salt-separable-tertiary-borderColor);
789
1330
  }
790
1331
  .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
791
1332
  .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
@@ -797,6 +1338,13 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
797
1338
  .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus {
798
1339
  border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
799
1340
  }
1341
+ .ag-theme-salt-light .ag-header-group-cell,
1342
+ .ag-theme-salt-dark .ag-header-group-cell,
1343
+ .ag-theme-salt-compact-light .ag-header-group-cell,
1344
+ .ag-theme-salt-compact-dark .ag-header-group-cell {
1345
+ --ag-icon-font-code-expanded: var(--ag-icon-font-code-previous);
1346
+ --ag-icon-font-code-contracted: var(--ag-icon-font-code-next);
1347
+ }
800
1348
  .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
801
1349
  .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
802
1350
  .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
@@ -835,6 +1383,12 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
835
1383
  .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon {
836
1384
  padding-right: var(--salt-spacing-100);
837
1385
  }
1386
+ .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label,
1387
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label,
1388
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label,
1389
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-label {
1390
+ padding-left: var(--salt-spacing-100);
1391
+ }
838
1392
  .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
839
1393
  .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
840
1394
  .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
@@ -855,24 +1409,83 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
855
1409
  .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter::before {
856
1410
  background-color: transparent;
857
1411
  }
858
- .ag-theme-salt-light .ag-floating-filter,
859
- .ag-theme-salt-dark .ag-floating-filter,
860
- .ag-theme-salt-compact-light .ag-floating-filter,
861
- .ag-theme-salt-compact-dark .ag-floating-filter {
862
- border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
863
- }
864
1412
  .ag-theme-salt-light .ag-header-cell.ag-floating-filter,
865
1413
  .ag-theme-salt-dark .ag-header-cell.ag-floating-filter,
866
1414
  .ag-theme-salt-compact-light .ag-header-cell.ag-floating-filter,
867
1415
  .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter {
868
- padding-left: 0;
1416
+ isolation: isolate;
1417
+ padding-inline-start: 0;
1418
+ padding-inline-end: var(--salt-size-fixed-100);
1419
+ }
1420
+ .ag-theme-salt-light .ag-header-row.ag-header-row-not-first .ag-header-cell.ag-floating-filter,
1421
+ .ag-theme-salt-dark .ag-header-row.ag-header-row-not-first .ag-header-cell.ag-floating-filter,
1422
+ .ag-theme-salt-compact-light .ag-header-row.ag-header-row-not-first .ag-header-cell.ag-floating-filter,
1423
+ .ag-theme-salt-compact-dark .ag-header-row.ag-header-row-not-first .ag-header-cell.ag-floating-filter,
1424
+ .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell.ag-floating-filter.ag-floating-filter,
1425
+ .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell.ag-floating-filter.ag-floating-filter,
1426
+ .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell.ag-floating-filter.ag-floating-filter,
1427
+ .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell.ag-floating-filter.ag-floating-filter {
1428
+ border-top: none;
1429
+ }
1430
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-full-body,
1431
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-full-body,
1432
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-full-body,
1433
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-full-body {
1434
+ position: relative;
869
1435
  }
870
- .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-body:focus-within,
871
- .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-body:focus-within,
872
- .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-body:focus-within,
873
- .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-body:focus-within {
874
- outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
875
- outline-offset: -2px;
1436
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-body,
1437
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-body,
1438
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-body,
1439
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-body {
1440
+ padding-inline-end: calc(var(--ag-icon-size) + 2 * var(--salt-spacing-100));
1441
+ }
1442
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-button,
1443
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-button,
1444
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-button,
1445
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-button {
1446
+ position: absolute;
1447
+ inset-block: 0;
1448
+ inset-inline-end: calc(var(--salt-spacing-100) + var(--salt-size-fixed-100) + (var(--salt-size-base) - var(--salt-spacing-100) - var(--ag-icon-size)) / 2);
1449
+ align-items: center;
1450
+ margin: 0;
1451
+ }
1452
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-input,
1453
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-input,
1454
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-input,
1455
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-input,
1456
+ .ag-theme-salt-light .ag-floating-filter .ag-date-floating-filter-wrapper,
1457
+ .ag-theme-salt-light .ag-floating-filter .ag-date-floating-filter-wrapper .ag-filter-filter,
1458
+ .ag-theme-salt-dark .ag-floating-filter .ag-date-floating-filter-wrapper,
1459
+ .ag-theme-salt-dark .ag-floating-filter .ag-date-floating-filter-wrapper .ag-filter-filter,
1460
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-date-floating-filter-wrapper,
1461
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-date-floating-filter-wrapper .ag-filter-filter,
1462
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-date-floating-filter-wrapper,
1463
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-date-floating-filter-wrapper .ag-filter-filter,
1464
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden),
1465
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden),
1466
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden),
1467
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden) {
1468
+ position: static;
1469
+ }
1470
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):not(.ag-disabled)::before,
1471
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):not(.ag-disabled)::before,
1472
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):not(.ag-disabled)::before,
1473
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):not(.ag-disabled)::before {
1474
+ content: "";
1475
+ position: absolute;
1476
+ inset: 0;
1477
+ z-index: -1;
1478
+ pointer-events: none;
1479
+ box-sizing: border-box;
1480
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-tertiary-borderColor);
1481
+ border-radius: var(--salt-palette-corner-weak, 0);
1482
+ }
1483
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):focus-within::before,
1484
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):focus-within::before,
1485
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):focus-within::before,
1486
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-input .ag-input-field:not(.ag-hidden):focus-within::before {
1487
+ background-color: var(--salt-editable-primary-background);
1488
+ border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
876
1489
  }
877
1490
  .ag-theme-salt-light .ag-header-cell-menu-button:hover,
878
1491
  .ag-theme-salt-dark .ag-header-cell-menu-button:hover,
@@ -898,14 +1511,6 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
898
1511
  .ag-theme-salt-dark .ag-set-filter-group-icons:hover,
899
1512
  .ag-theme-salt-compact-light .ag-set-filter-group-icons:hover,
900
1513
  .ag-theme-salt-compact-dark .ag-set-filter-group-icons:hover,
901
- .ag-theme-salt-light .ag-group-expanded .ag-icon:hover,
902
- .ag-theme-salt-dark .ag-group-expanded .ag-icon:hover,
903
- .ag-theme-salt-compact-light .ag-group-expanded .ag-icon:hover,
904
- .ag-theme-salt-compact-dark .ag-group-expanded .ag-icon:hover,
905
- .ag-theme-salt-light .ag-group-contracted .ag-icon:hover,
906
- .ag-theme-salt-dark .ag-group-contracted .ag-icon:hover,
907
- .ag-theme-salt-compact-light .ag-group-contracted .ag-icon:hover,
908
- .ag-theme-salt-compact-dark .ag-group-contracted .ag-icon:hover,
909
1514
  .ag-theme-salt-light .ag-chart-settings-prev:hover,
910
1515
  .ag-theme-salt-dark .ag-chart-settings-prev:hover,
911
1516
  .ag-theme-salt-compact-light .ag-chart-settings-prev:hover,
@@ -937,13 +1542,56 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
937
1542
  .ag-theme-salt-light .ag-chart-menu-icon:hover,
938
1543
  .ag-theme-salt-dark .ag-chart-menu-icon:hover,
939
1544
  .ag-theme-salt-compact-light .ag-chart-menu-icon:hover,
940
- .ag-theme-salt-compact-dark .ag-chart-menu-icon:hover {
941
- box-shadow: 0 0 0 var(--salt-spacing-50) var(--salt-actionable-subtle-background-hover);
942
- background-color: var(--salt-actionable-subtle-background-hover);
1545
+ .ag-theme-salt-compact-dark .ag-chart-menu-icon:hover,
1546
+ .ag-theme-salt-light .ag-chart-menu-toolbar-button:hover,
1547
+ .ag-theme-salt-dark .ag-chart-menu-toolbar-button:hover,
1548
+ .ag-theme-salt-compact-light .ag-chart-menu-toolbar-button:hover,
1549
+ .ag-theme-salt-compact-dark .ag-chart-menu-toolbar-button:hover {
943
1550
  --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
944
1551
  --ag-icon-font-color-filter: var(--salt-actionable-subtle-foreground-hover);
945
1552
  --ag-icon-font-color-menu-alt: var(--salt-actionable-subtle-foreground-hover);
946
1553
  }
1554
+ [class*=ag-theme-salt] .ag-header-cell-menu-button,
1555
+ [class*=ag-theme-salt] .ag-header-cell-filter-button,
1556
+ [class*=ag-theme-salt] .ag-panel-title-bar-button,
1557
+ [class*=ag-theme-salt] .ag-header-expand-icon,
1558
+ [class*=ag-theme-salt] .ag-column-group-icons,
1559
+ [class*=ag-theme-salt] .ag-set-filter-group-icons,
1560
+ [class*=ag-theme-salt] .ag-chart-settings-prev,
1561
+ [class*=ag-theme-salt] .ag-chart-settings-next,
1562
+ [class*=ag-theme-salt] .ag-chart-menu-toolbar-button,
1563
+ [class*=ag-theme-salt] .ag-group-title-bar-icon,
1564
+ [class*=ag-theme-salt] .ag-column-select-header-icon,
1565
+ [class*=ag-theme-salt] .ag-floating-filter-button-button,
1566
+ [class*=ag-theme-salt] .ag-filter-toolpanel-expand {
1567
+ position: relative;
1568
+ isolation: isolate;
1569
+ }
1570
+ [class*=ag-theme-salt] .ag-header-cell-menu-button:hover::before,
1571
+ [class*=ag-theme-salt] .ag-header-cell-filter-button:hover::before,
1572
+ [class*=ag-theme-salt] .ag-panel-title-bar-button:hover::before,
1573
+ [class*=ag-theme-salt] .ag-header-expand-icon:hover::before,
1574
+ [class*=ag-theme-salt] .ag-column-group-icons:hover::before,
1575
+ [class*=ag-theme-salt] .ag-set-filter-group-icons:hover::before,
1576
+ [class*=ag-theme-salt] .ag-chart-settings-prev:hover::before,
1577
+ [class*=ag-theme-salt] .ag-chart-settings-next:hover::before,
1578
+ [class*=ag-theme-salt] .ag-chart-menu-toolbar-button:hover::before,
1579
+ [class*=ag-theme-salt] .ag-group-title-bar-icon:hover::before,
1580
+ [class*=ag-theme-salt] .ag-column-select-header-icon:hover::before,
1581
+ [class*=ag-theme-salt] .ag-floating-filter-button-button:hover::before,
1582
+ [class*=ag-theme-salt] .ag-filter-toolpanel-expand:hover::before {
1583
+ content: "";
1584
+ position: absolute;
1585
+ top: 50%;
1586
+ left: 50%;
1587
+ z-index: -1;
1588
+ width: calc(var(--salt-size-base) - var(--salt-spacing-100));
1589
+ height: calc(var(--salt-size-base) - var(--salt-spacing-100));
1590
+ transform: translate(-50%, -50%);
1591
+ border-radius: var(--salt-palette-corner-weaker, 0);
1592
+ background-color: var(--salt-actionable-background-hover);
1593
+ pointer-events: none;
1594
+ }
947
1595
  .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
948
1596
  .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
949
1597
  margin-left: var(--salt-spacing-100);
@@ -960,19 +1608,13 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
960
1608
  .ag-theme-salt-compact-dark .ag-floating-filter::after {
961
1609
  width: 0;
962
1610
  }
963
- .ag-theme-salt-light .ag-ltr .ag-floating-filter-button,
964
- .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button,
965
- .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button,
966
- .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button {
967
- margin-left: var(--salt-spacing-100);
968
- }
969
1611
  .ag-theme-salt-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
970
1612
  .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button .ag-button:focus,
971
1613
  .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
972
1614
  .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button .ag-button:focus {
973
1615
  border: none;
974
1616
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
975
- outline-offset: 2px;
1617
+ outline-offset: var(--salt-focused-outlineOffset);
976
1618
  }
977
1619
  .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=number],
978
1620
  .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=number],
@@ -986,9 +1628,12 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
986
1628
  .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=date],
987
1629
  .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=date],
988
1630
  .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=date] {
989
- height: calc(var(--salt-size-base) + var(--salt-spacing-100) - 6px);
1631
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100) - 2 * (var(--salt-focused-outlineWidth) + var(--salt-size-fixed-100)));
990
1632
  margin-inline: var(--salt-spacing-50);
991
1633
  padding: 0 var(--salt-spacing-50);
1634
+ color: var(--salt-content-secondary-foreground);
1635
+ font-size: var(--salt-text-fontSize);
1636
+ font-weight: var(--salt-text-fontWeight);
992
1637
  }
993
1638
  .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=text],
994
1639
  .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=text],
@@ -1019,7 +1664,7 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1019
1664
  background: var(--salt-actionable-subtle-background-active);
1020
1665
  color: var(--salt-actionable-subtle-foreground-active);
1021
1666
  --ag-icon-font-color: var(--salt-actionable-subtle-foreground-active);
1022
- --salt-actionable-subtle-background-hover: var(--salt-actionable-subtle-background-active);
1667
+ --salt-actionable-background-hover: var(--salt-actionable-subtle-background-active);
1023
1668
  }
1024
1669
  .ag-theme-salt-light .ag-header-cell.ag-column-menu-visible .ag-icon,
1025
1670
  .ag-theme-salt-dark .ag-header-cell.ag-column-menu-visible .ag-icon,
@@ -1077,10 +1722,10 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1077
1722
  .ag-theme-salt-dark .ag-column-select input[class^=ag-][type=date],
1078
1723
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=date],
1079
1724
  .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=date] {
1080
- border: none;
1081
- background: transparent;
1082
- border-bottom: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
1083
- height: calc(var(--salt-size-base) + var(--salt-spacing-100));
1725
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
1726
+ border-radius: var(--salt-palette-corner-weak, 0);
1727
+ background: var(--salt-editable-primary-background);
1728
+ height: var(--salt-size-base);
1084
1729
  padding: 0 var(--salt-spacing-100);
1085
1730
  }
1086
1731
  .ag-theme-salt-light .ag-filter input[type=text]::placeholder,
@@ -1127,36 +1772,108 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1127
1772
  .ag-theme-salt-compact-light .ag-column-select input[class^=ag-][type=date]:focus,
1128
1773
  .ag-theme-salt-compact-dark .ag-column-select input[class^=ag-][type=date]:focus {
1129
1774
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1130
- outline-offset: -2px;
1131
- }
1132
- .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
1133
- .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-],
1134
- .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
1135
- .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-] {
1136
- border-radius: var(--salt-palette-corner-weak, 0);
1137
- padding: var(--salt-spacing-100) var(--salt-spacing-100);
1775
+ outline-offset: calc(-1 * var(--salt-focused-outlineWidth));
1138
1776
  }
1139
1777
  .ag-theme-salt-light .ag-popup-editor .ag-large-text,
1140
1778
  .ag-theme-salt-dark .ag-popup-editor .ag-large-text,
1141
1779
  .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text,
1142
- .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text,
1143
- .ag-theme-salt-light .ag-autocomplete-list-popup,
1144
- .ag-theme-salt-dark .ag-autocomplete-list-popup,
1145
- .ag-theme-salt-compact-light .ag-autocomplete-list-popup,
1146
- .ag-theme-salt-compact-dark .ag-autocomplete-list-popup {
1147
- border: none;
1780
+ .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text {
1781
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor-selected);
1782
+ border-radius: var(--salt-palette-corner, 0);
1783
+ padding-block: max(0px, var(--salt-palette-corner, 0px) - var(--salt-size-fixed-100));
1784
+ }
1785
+ .ag-theme-salt-light .ag-popup-editor .ag-large-text:focus-within,
1786
+ .ag-theme-salt-dark .ag-popup-editor .ag-large-text:focus-within,
1787
+ .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text:focus-within,
1788
+ .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text:focus-within {
1789
+ outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1148
1790
  }
1149
1791
  .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
1150
1792
  .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-],
1151
1793
  .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
1152
1794
  .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-] {
1153
- border-color: var(--salt-selectable-borderColor-selected);
1795
+ border: none;
1796
+ border-radius: 0;
1797
+ padding: calc(var(--salt-spacing-100) - max(0px, var(--salt-palette-corner, 0px) - var(--salt-size-fixed-100))) var(--salt-spacing-100);
1154
1798
  }
1155
1799
  .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
1156
1800
  .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
1157
1801
  .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
1158
1802
  .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus {
1803
+ outline: none;
1804
+ }
1805
+ .ag-theme-salt-light .ag-autocomplete-list-popup,
1806
+ .ag-theme-salt-dark .ag-autocomplete-list-popup,
1807
+ .ag-theme-salt-compact-light .ag-autocomplete-list-popup,
1808
+ .ag-theme-salt-compact-dark .ag-autocomplete-list-popup {
1809
+ border: none;
1810
+ }
1811
+ .ag-theme-salt-light .ag-filter .ag-picker-field-wrapper,
1812
+ .ag-theme-salt-dark .ag-filter .ag-picker-field-wrapper,
1813
+ .ag-theme-salt-compact-light .ag-filter .ag-picker-field-wrapper,
1814
+ .ag-theme-salt-compact-dark .ag-filter .ag-picker-field-wrapper,
1815
+ .ag-theme-salt-light .ag-paging-page-size .ag-picker-field-wrapper,
1816
+ .ag-theme-salt-dark .ag-paging-page-size .ag-picker-field-wrapper,
1817
+ .ag-theme-salt-compact-light .ag-paging-page-size .ag-picker-field-wrapper,
1818
+ .ag-theme-salt-compact-dark .ag-paging-page-size .ag-picker-field-wrapper {
1819
+ min-height: var(--salt-size-base);
1820
+ height: var(--salt-size-base);
1821
+ padding: 0 var(--salt-spacing-50) 0 var(--salt-spacing-100);
1822
+ background: var(--salt-editable-primary-background);
1823
+ }
1824
+ .ag-theme-salt-light .ag-filter .ag-select .ag-icon-small-down::before,
1825
+ .ag-theme-salt-dark .ag-filter .ag-select .ag-icon-small-down::before,
1826
+ .ag-theme-salt-compact-light .ag-filter .ag-select .ag-icon-small-down::before,
1827
+ .ag-theme-salt-compact-dark .ag-filter .ag-select .ag-icon-small-down::before,
1828
+ .ag-theme-salt-light .ag-paging-page-size .ag-select .ag-icon-small-down::before,
1829
+ .ag-theme-salt-dark .ag-paging-page-size .ag-select .ag-icon-small-down::before,
1830
+ .ag-theme-salt-compact-light .ag-paging-page-size .ag-select .ag-icon-small-down::before,
1831
+ .ag-theme-salt-compact-dark .ag-paging-page-size .ag-select .ag-icon-small-down::before {
1832
+ content: var(--ag-icon-font-code-contracted);
1833
+ }
1834
+ .ag-theme-salt-light .ag-paging-number input[class^=ag-][type=number],
1835
+ .ag-theme-salt-dark .ag-paging-number input[class^=ag-][type=number],
1836
+ .ag-theme-salt-compact-light .ag-paging-number input[class^=ag-][type=number],
1837
+ .ag-theme-salt-compact-dark .ag-paging-number input[class^=ag-][type=number] {
1838
+ box-sizing: border-box;
1839
+ height: var(--salt-size-base);
1840
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
1841
+ border-radius: var(--salt-palette-corner-weak, 0);
1842
+ background: var(--salt-editable-primary-background);
1843
+ color: var(--salt-content-primary-foreground);
1844
+ }
1845
+ .ag-theme-salt-light .ag-paging-panel .ag-paging-page-size .ag-picker-field-wrapper,
1846
+ .ag-theme-salt-dark .ag-paging-panel .ag-paging-page-size .ag-picker-field-wrapper,
1847
+ .ag-theme-salt-compact-light .ag-paging-panel .ag-paging-page-size .ag-picker-field-wrapper,
1848
+ .ag-theme-salt-compact-dark .ag-paging-panel .ag-paging-page-size .ag-picker-field-wrapper {
1849
+ min-width: calc(2 * var(--salt-size-base) + var(--salt-spacing-100));
1850
+ gap: var(--salt-spacing-50);
1851
+ }
1852
+ .ag-theme-salt-light .ag-filter-toolpanel-search input[class^=ag-][type=text],
1853
+ .ag-theme-salt-dark .ag-filter-toolpanel-search input[class^=ag-][type=text],
1854
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-search input[class^=ag-][type=text],
1855
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-search input[class^=ag-][type=text] {
1856
+ box-sizing: border-box;
1857
+ height: var(--salt-size-base);
1858
+ padding: 0 var(--salt-spacing-100);
1859
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-editable-borderColor);
1860
+ border-radius: var(--salt-palette-corner-weak, 0);
1861
+ background: var(--salt-editable-primary-background);
1862
+ color: var(--salt-content-primary-foreground);
1863
+ }
1864
+ .ag-theme-salt-light .ag-filter-toolpanel-search input[class^=ag-][type=text]:focus,
1865
+ .ag-theme-salt-dark .ag-filter-toolpanel-search input[class^=ag-][type=text]:focus,
1866
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-search input[class^=ag-][type=text]:focus,
1867
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-search input[class^=ag-][type=text]:focus {
1159
1868
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
1869
+ outline-offset: calc(-1 * var(--salt-focused-outlineWidth));
1870
+ }
1871
+ .ag-theme-salt-light .ag-filter-toolpanel-search input[class^=ag-][type=text]::placeholder,
1872
+ .ag-theme-salt-dark .ag-filter-toolpanel-search input[class^=ag-][type=text]::placeholder,
1873
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-search input[class^=ag-][type=text]::placeholder,
1874
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-search input[class^=ag-][type=text]::placeholder {
1875
+ color: var(--salt-content-secondary-foreground);
1876
+ opacity: 1;
1160
1877
  }
1161
1878
 
1162
1879
  /* css/parts/ag-menus.css */
@@ -1179,6 +1896,26 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1179
1896
  .ag-theme-salt-compact-dark .ag-popup-child:not(.ag-tooltip-custom) {
1180
1897
  box-shadow: var(--salt-overlayable-shadow-popout);
1181
1898
  }
1899
+ .ag-theme-salt-light .ag-popup-editor,
1900
+ .ag-theme-salt-dark .ag-popup-editor,
1901
+ .ag-theme-salt-compact-light .ag-popup-editor,
1902
+ .ag-theme-salt-compact-dark .ag-popup-editor {
1903
+ border-radius: var(--salt-palette-corner, 0);
1904
+ }
1905
+ .ag-theme-salt-light .ag-dialog,
1906
+ .ag-theme-salt-dark .ag-dialog,
1907
+ .ag-theme-salt-compact-light .ag-dialog,
1908
+ .ag-theme-salt-compact-dark .ag-dialog {
1909
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-container-borderColor);
1910
+ border-radius: var(--salt-palette-corner, 0);
1911
+ }
1912
+ .ag-theme-salt-light .ag-dialog .ag-panel-title-bar,
1913
+ .ag-theme-salt-dark .ag-dialog .ag-panel-title-bar,
1914
+ .ag-theme-salt-compact-light .ag-dialog .ag-panel-title-bar,
1915
+ .ag-theme-salt-compact-dark .ag-dialog .ag-panel-title-bar {
1916
+ color: var(--salt-content-primary-foreground);
1917
+ font-weight: var(--salt-text-fontWeight-bolder);
1918
+ }
1182
1919
  .ag-theme-salt-light .ag-menu-header,
1183
1920
  .ag-theme-salt-dark .ag-menu-header,
1184
1921
  .ag-theme-salt-compact-light .ag-menu-header,
@@ -1192,12 +1929,6 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1192
1929
  .ag-theme-salt-compact-dark .ag-menu-body {
1193
1930
  padding: 0;
1194
1931
  }
1195
- .ag-theme-salt-light .ag-menu-separator,
1196
- .ag-theme-salt-dark .ag-menu-separator,
1197
- .ag-theme-salt-compact-light .ag-menu-separator,
1198
- .ag-theme-salt-compact-dark .ag-menu-separator {
1199
- height: var(--salt-size-fixed-100);
1200
- }
1201
1932
  .ag-theme-salt-light .ag-menu-list,
1202
1933
  .ag-theme-salt-dark .ag-menu-list,
1203
1934
  .ag-theme-salt-compact-light .ag-menu-list,
@@ -1234,10 +1965,61 @@ div[class*=ag-theme-salt] .ag-column-drop-cell[aria-expanded=true] {
1234
1965
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
1235
1966
  border: 0;
1236
1967
  }
1968
+ .ag-theme-salt-light .ag-menu,
1969
+ .ag-theme-salt-dark .ag-menu,
1970
+ .ag-theme-salt-compact-light .ag-menu,
1971
+ .ag-theme-salt-compact-dark .ag-menu {
1972
+ --ag-icon-font-code-small-right: var(--ag-icon-font-code-next);
1973
+ --ag-icon-font-code-small-left: var(--ag-icon-font-code-previous);
1974
+ }
1975
+ .ag-theme-salt-light .ag-menu-list,
1976
+ .ag-theme-salt-dark .ag-menu-list,
1977
+ .ag-theme-salt-compact-light .ag-menu-list,
1978
+ .ag-theme-salt-compact-dark .ag-menu-list {
1979
+ border-collapse: separate;
1980
+ border-spacing: 0 var(--salt-size-fixed-100);
1981
+ }
1982
+ .ag-theme-salt-light .ag-menu-separator,
1983
+ .ag-theme-salt-dark .ag-menu-separator,
1984
+ .ag-theme-salt-compact-light .ag-menu-separator,
1985
+ .ag-theme-salt-compact-dark .ag-menu-separator {
1986
+ display: none;
1987
+ }
1988
+ .ag-theme-salt-light .ag-menu-separator + .ag-menu-option > .ag-menu-option-part,
1989
+ .ag-theme-salt-dark .ag-menu-separator + .ag-menu-option > .ag-menu-option-part,
1990
+ .ag-theme-salt-compact-light .ag-menu-separator + .ag-menu-option > .ag-menu-option-part,
1991
+ .ag-theme-salt-compact-dark .ag-menu-separator + .ag-menu-option > .ag-menu-option-part {
1992
+ box-shadow: 0 calc(-1 * var(--salt-size-fixed-100)) 0 var(--salt-separable-tertiary-borderColor);
1993
+ }
1994
+ .ag-theme-salt-light .ag-menu-option:focus-visible,
1995
+ .ag-theme-salt-dark .ag-menu-option:focus-visible,
1996
+ .ag-theme-salt-compact-light .ag-menu-option:focus-visible,
1997
+ .ag-theme-salt-compact-dark .ag-menu-option:focus-visible {
1998
+ outline: var(--salt-focused-outline);
1999
+ outline-offset: calc(var(--salt-size-fixed-100) * -2);
2000
+ }
2001
+ .ag-theme-salt-light .ag-menu-option:focus-visible::after,
2002
+ .ag-theme-salt-dark .ag-menu-option:focus-visible::after,
2003
+ .ag-theme-salt-compact-light .ag-menu-option:focus-visible::after,
2004
+ .ag-theme-salt-compact-dark .ag-menu-option:focus-visible::after {
2005
+ content: none;
2006
+ }
2007
+ .ag-theme-salt-light .ag-menu-option:not(.ag-menu-option-disabled):active,
2008
+ .ag-theme-salt-dark .ag-menu-option:not(.ag-menu-option-disabled):active,
2009
+ .ag-theme-salt-compact-light .ag-menu-option:not(.ag-menu-option-disabled):active,
2010
+ .ag-theme-salt-compact-dark .ag-menu-option:not(.ag-menu-option-disabled):active {
2011
+ background-color: var(--salt-selectable-background-selected);
2012
+ }
2013
+ .ag-theme-salt-light .ag-menu-option:not(.ag-menu-option-disabled):active > .ag-menu-option-part,
2014
+ .ag-theme-salt-dark .ag-menu-option:not(.ag-menu-option-disabled):active > .ag-menu-option-part,
2015
+ .ag-theme-salt-compact-light .ag-menu-option:not(.ag-menu-option-disabled):active > .ag-menu-option-part,
2016
+ .ag-theme-salt-compact-dark .ag-menu-option:not(.ag-menu-option-disabled):active > .ag-menu-option-part {
2017
+ box-shadow: 0 calc(var(--salt-size-fixed-100) * -1) 0 0 var(--salt-selectable-borderColor-selected), 0 var(--salt-size-fixed-100) 0 0 var(--salt-selectable-borderColor-selected);
2018
+ }
1237
2019
 
1238
2020
  /* css/parts/ag-root-var.css */
1239
2021
  div[class*=ag-theme-salt] {
1240
- --ag-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
2022
+ --ag-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + var(--salt-size-fixed-100));
1241
2023
  --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
1242
2024
  --ag-background-color: var(--salt-container-primary-background);
1243
2025
  --ag-menu-background-color: var(--salt-container-primary-background);
@@ -1246,7 +2028,7 @@ div[class*=ag-theme-salt] {
1246
2028
  --ag-pinned-row-border: none;
1247
2029
  --ag-card-radius: var(--salt-palette-corner);
1248
2030
  --ag-cell-horizontal-padding: var(--salt-spacing-100);
1249
- --ag-checkbox-border-radius: 0;
2031
+ --ag-checkbox-border-radius: var(--salt-palette-corner-weaker, 0);
1250
2032
  --ag-checkbox-checked-color: var(--salt-selectable-foreground-selected);
1251
2033
  --ag-checkbox-indeterminate-color: var(--salt-selectable-foreground);
1252
2034
  --ag-checkbox-unchecked-color: var(--salt-selectable-borderColor);
@@ -1261,7 +2043,7 @@ div[class*=ag-theme-salt] {
1261
2043
  --ag-header-cell-hover-background-color: var(--ag-header-background-color);
1262
2044
  --ag-header-column-separator-color: var(--salt-separable-tertiary-borderColor);
1263
2045
  --ag-header-column-separator-display: block;
1264
- --ag-header-column-separator-height: calc(var(--salt-size-base) / 2 - 2 * var(--salt-size-fixed-100));
2046
+ --ag-header-column-separator-height: calc(var(--salt-size-base) - 2 * var(--salt-spacing-50));
1265
2047
  --ag-header-column-separator-width: var(--salt-size-fixed-100);
1266
2048
  --ag-header-foreground-color: var(--salt-content-secondary-foreground);
1267
2049
  --ag-icon-size: max(var(--salt-size-icon), 12px);
@@ -1276,7 +2058,7 @@ div[class*=ag-theme-salt] {
1276
2058
  --ag-range-selection-background-color: var(--salt-overlayable-background-rangeSelection);
1277
2059
  --ag-range-selection-border-style: none;
1278
2060
  --ag-range-selection-highlight-color: var(--salt-overlayable-background-highlight);
1279
- --ag-row-group-indent-size: calc(var(--ag-icon-size) + var(--ag-cell-widget-spacing));
2061
+ --ag-row-group-indent-size: calc(var(--ag-icon-size) + 2 * var(--salt-spacing-100));
1280
2062
  --ag-row-hover-color: var(--salt-selectable-background-hover);
1281
2063
  --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1282
2064
  --ag-secondary-foreground-color: var(--salt-content-primary-foreground);
@@ -1370,16 +2152,29 @@ div[class*=ag-theme-salt].ag-theme-salt-variant-tertiary.ag-theme-salt-variant-z
1370
2152
  }
1371
2153
 
1372
2154
  /* css/parts/ag-toggle-button.css */
2155
+ [class*=ag-theme-salt] .ag-toggle-button-input-wrapper {
2156
+ --ag-toggle-button-height: calc(var(--salt-size-base) - var(--salt-spacing-100));
2157
+ --ag-toggle-button-width: calc((var(--salt-size-selectable) + var(--salt-spacing-25) + var(--salt-size-fixed-100)) * 2);
2158
+ border-radius: var(--salt-palette-corner-weak, 0);
2159
+ }
1373
2160
  [class*=ag-theme-salt] .ag-toggle-button-input-wrapper::before {
1374
- top: calc(1px - var(--ag-toggle-button-border-width));
1375
- left: calc(1px - var(--ag-toggle-button-border-width));
1376
- height: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
1377
- width: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
2161
+ top: var(--salt-spacing-25);
2162
+ left: var(--salt-spacing-25);
2163
+ height: var(--salt-size-selectable);
2164
+ width: var(--salt-size-selectable);
2165
+ border: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-selectable-borderColor);
2166
+ border-radius: var(--salt-palette-corner-weaker, 0);
2167
+ background-color: var(--salt-selectable-foreground);
1378
2168
  }
1379
2169
  [class*=ag-theme-salt] .ag-toggle-button-input-wrapper.ag-checked::before {
1380
- --ag-toggle-button-switch-background-color: var(--salt-selectable-borderColor-selected);
1381
- border-color: var(--ag-toggle-button-switch-border-color);
1382
- left: calc(100% - var(--ag-toggle-button-height) + 2 * var(--ag-toggle-button-border-width));
2170
+ left: calc(100% - var(--salt-size-selectable) - var(--salt-spacing-25));
2171
+ border-color: var(--salt-selectable-borderColor-selected);
2172
+ background-color: var(--salt-selectable-foreground-selected);
2173
+ }
2174
+ [class*=ag-theme-salt] .ag-toggle-button-input-wrapper:focus-within {
2175
+ box-shadow: none;
2176
+ outline: var(--salt-focused-outline);
2177
+ outline-offset: var(--salt-focused-outlineOffset);
1383
2178
  }
1384
2179
 
1385
2180
  /* css/parts/ag-tool-panel.css */
@@ -1411,7 +2206,11 @@ div[class*=ag-theme-salt].ag-theme-salt-variant-tertiary.ag-theme-salt-variant-z
1411
2206
  .ag-theme-salt-dark .ag-column-drop-vertical-empty-message,
1412
2207
  .ag-theme-salt-compact-light .ag-column-drop-vertical-empty-message,
1413
2208
  .ag-theme-salt-compact-dark .ag-column-drop-vertical-empty-message {
1414
- padding: var(--salt-spacing-100);
2209
+ position: static;
2210
+ margin: 0;
2211
+ padding: 0;
2212
+ color: var(--salt-content-primary-foreground);
2213
+ font-weight: var(--salt-text-fontWeight-bolder);
1415
2214
  }
1416
2215
  .ag-theme-salt-light .ag-side-button-icon-wrapper,
1417
2216
  .ag-theme-salt-dark .ag-side-button-icon-wrapper,
@@ -1419,6 +2218,227 @@ div[class*=ag-theme-salt].ag-theme-salt-variant-tertiary.ag-theme-salt-variant-z
1419
2218
  .ag-theme-salt-compact-dark .ag-side-button-icon-wrapper {
1420
2219
  margin-bottom: var(--salt-spacing-100);
1421
2220
  }
2221
+ .ag-theme-salt-light .ag-side-buttons,
2222
+ .ag-theme-salt-dark .ag-side-buttons,
2223
+ .ag-theme-salt-compact-light .ag-side-buttons,
2224
+ .ag-theme-salt-compact-dark .ag-side-buttons {
2225
+ display: flex;
2226
+ flex-direction: column;
2227
+ gap: var(--salt-spacing-100);
2228
+ padding-top: 0;
2229
+ }
2230
+ .ag-theme-salt-light button.ag-side-button-button,
2231
+ .ag-theme-salt-dark button.ag-side-button-button,
2232
+ .ag-theme-salt-compact-light button.ag-side-button-button,
2233
+ .ag-theme-salt-compact-dark button.ag-side-button-button {
2234
+ border-top: none;
2235
+ border-bottom: none;
2236
+ }
2237
+ .ag-theme-salt-light .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
2238
+ .ag-theme-salt-dark .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
2239
+ .ag-theme-salt-compact-light .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
2240
+ .ag-theme-salt-compact-dark .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,
2241
+ .ag-theme-salt-light .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
2242
+ .ag-theme-salt-dark .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
2243
+ .ag-theme-salt-compact-light .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
2244
+ .ag-theme-salt-compact-dark .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper {
2245
+ border-right: none;
2246
+ }
2247
+ .ag-theme-salt-light .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
2248
+ .ag-theme-salt-dark .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
2249
+ .ag-theme-salt-compact-light .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
2250
+ .ag-theme-salt-compact-dark .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
2251
+ .ag-theme-salt-light .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper,
2252
+ .ag-theme-salt-dark .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper,
2253
+ .ag-theme-salt-compact-light .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper,
2254
+ .ag-theme-salt-compact-dark .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
2255
+ border-left: none;
2256
+ }
2257
+ .ag-theme-salt-light .ag-side-bar-right .ag-side-buttons,
2258
+ .ag-theme-salt-dark .ag-side-bar-right .ag-side-buttons,
2259
+ .ag-theme-salt-compact-light .ag-side-bar-right .ag-side-buttons,
2260
+ .ag-theme-salt-compact-dark .ag-side-bar-right .ag-side-buttons {
2261
+ border-inline-start: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
2262
+ }
2263
+ .ag-theme-salt-light .ag-side-bar-left .ag-side-buttons,
2264
+ .ag-theme-salt-dark .ag-side-bar-left .ag-side-buttons,
2265
+ .ag-theme-salt-compact-light .ag-side-bar-left .ag-side-buttons,
2266
+ .ag-theme-salt-compact-dark .ag-side-bar-left .ag-side-buttons {
2267
+ border-inline-end: var(--salt-size-fixed-100) var(--salt-borderStyle-solid) var(--salt-separable-secondary-borderColor);
2268
+ }
2269
+ .ag-theme-salt-light .ag-side-button-button:focus-visible::after,
2270
+ .ag-theme-salt-dark .ag-side-button-button:focus-visible::after,
2271
+ .ag-theme-salt-compact-light .ag-side-button-button:focus-visible::after,
2272
+ .ag-theme-salt-compact-dark .ag-side-button-button:focus-visible::after,
2273
+ .ag-theme-salt-light .ag-column-select-header:focus-visible::after,
2274
+ .ag-theme-salt-dark .ag-column-select-header:focus-visible::after,
2275
+ .ag-theme-salt-compact-light .ag-column-select-header:focus-visible::after,
2276
+ .ag-theme-salt-compact-dark .ag-column-select-header:focus-visible::after {
2277
+ content: none;
2278
+ }
2279
+ .ag-theme-salt-light .ag-column-select-header:focus-visible,
2280
+ .ag-theme-salt-dark .ag-column-select-header:focus-visible,
2281
+ .ag-theme-salt-compact-light .ag-column-select-header:focus-visible,
2282
+ .ag-theme-salt-compact-dark .ag-column-select-header:focus-visible {
2283
+ outline: var(--salt-focused-outline);
2284
+ outline-offset: calc(var(--salt-size-fixed-100) * -2);
2285
+ }
2286
+ .ag-theme-salt-light button.ag-side-button-button:focus,
2287
+ .ag-theme-salt-dark button.ag-side-button-button:focus,
2288
+ .ag-theme-salt-compact-light button.ag-side-button-button:focus,
2289
+ .ag-theme-salt-compact-dark button.ag-side-button-button:focus {
2290
+ outline-offset: calc(var(--salt-size-fixed-100) * -2);
2291
+ }
2292
+ .ag-theme-salt-light .ag-column-panel,
2293
+ .ag-theme-salt-dark .ag-column-panel,
2294
+ .ag-theme-salt-compact-light .ag-column-panel,
2295
+ .ag-theme-salt-compact-dark .ag-column-panel {
2296
+ padding: var(--salt-spacing-300);
2297
+ gap: var(--salt-spacing-300);
2298
+ overflow-y: auto;
2299
+ }
2300
+ .ag-theme-salt-light .ag-column-panel .ag-pivot-mode-panel,
2301
+ .ag-theme-salt-dark .ag-column-panel .ag-pivot-mode-panel,
2302
+ .ag-theme-salt-compact-light .ag-column-panel .ag-pivot-mode-panel,
2303
+ .ag-theme-salt-compact-dark .ag-column-panel .ag-pivot-mode-panel {
2304
+ flex-shrink: 0;
2305
+ height: auto;
2306
+ min-height: 0;
2307
+ }
2308
+ .ag-theme-salt-light .ag-column-panel .ag-column-panel-buttons,
2309
+ .ag-theme-salt-dark .ag-column-panel .ag-column-panel-buttons,
2310
+ .ag-theme-salt-compact-light .ag-column-panel .ag-column-panel-buttons,
2311
+ .ag-theme-salt-compact-dark .ag-column-panel .ag-column-panel-buttons {
2312
+ flex-shrink: 0;
2313
+ }
2314
+ .ag-theme-salt-light .ag-ltr .ag-column-panel .ag-pivot-mode-select,
2315
+ .ag-theme-salt-dark .ag-ltr .ag-column-panel .ag-pivot-mode-select,
2316
+ .ag-theme-salt-compact-light .ag-ltr .ag-column-panel .ag-pivot-mode-select,
2317
+ .ag-theme-salt-compact-dark .ag-ltr .ag-column-panel .ag-pivot-mode-select,
2318
+ .ag-theme-salt-light .ag-rtl .ag-column-panel .ag-pivot-mode-select,
2319
+ .ag-theme-salt-dark .ag-rtl .ag-column-panel .ag-pivot-mode-select,
2320
+ .ag-theme-salt-compact-light .ag-rtl .ag-column-panel .ag-pivot-mode-select,
2321
+ .ag-theme-salt-compact-dark .ag-rtl .ag-column-panel .ag-pivot-mode-select {
2322
+ margin: 0;
2323
+ }
2324
+ .ag-theme-salt-light .ag-column-panel .ag-column-panel-column-select,
2325
+ .ag-theme-salt-dark .ag-column-panel .ag-column-panel-column-select,
2326
+ .ag-theme-salt-compact-light .ag-column-panel .ag-column-panel-column-select,
2327
+ .ag-theme-salt-compact-dark .ag-column-panel .ag-column-panel-column-select {
2328
+ min-height: calc(var(--salt-size-base) + var(--salt-spacing-100) + 3 * var(--ag-list-item-height));
2329
+ border-top: none;
2330
+ border-bottom: none;
2331
+ }
2332
+ .ag-theme-salt-light .ag-column-panel .ag-column-select-header,
2333
+ .ag-theme-salt-dark .ag-column-panel .ag-column-select-header,
2334
+ .ag-theme-salt-compact-light .ag-column-panel .ag-column-select-header,
2335
+ .ag-theme-salt-compact-dark .ag-column-panel .ag-column-select-header {
2336
+ padding: 0;
2337
+ }
2338
+ .ag-theme-salt-light .ag-column-panel .ag-column-drop-vertical,
2339
+ .ag-theme-salt-dark .ag-column-panel .ag-column-drop-vertical,
2340
+ .ag-theme-salt-compact-light .ag-column-panel .ag-column-drop-vertical,
2341
+ .ag-theme-salt-compact-dark .ag-column-panel .ag-column-drop-vertical {
2342
+ flex: none;
2343
+ min-height: 0;
2344
+ gap: var(--salt-spacing-100);
2345
+ border-bottom: none;
2346
+ }
2347
+ .ag-theme-salt-light .ag-column-drop-vertical-icon,
2348
+ .ag-theme-salt-dark .ag-column-drop-vertical-icon,
2349
+ .ag-theme-salt-compact-light .ag-column-drop-vertical-icon,
2350
+ .ag-theme-salt-compact-dark .ag-column-drop-vertical-icon {
2351
+ margin: 0;
2352
+ margin-inline-end: var(--salt-spacing-100);
2353
+ }
2354
+ .ag-theme-salt-light .ag-column-drop-vertical-list,
2355
+ .ag-theme-salt-dark .ag-column-drop-vertical-list,
2356
+ .ag-theme-salt-compact-light .ag-column-drop-vertical-list,
2357
+ .ag-theme-salt-compact-dark .ag-column-drop-vertical-list {
2358
+ display: flex;
2359
+ flex-grow: 0;
2360
+ gap: var(--salt-spacing-200);
2361
+ padding: var(--salt-spacing-200);
2362
+ border: var(--salt-size-fixed-200) dashed var(--salt-container-bold-borderColor);
2363
+ border-radius: var(--salt-palette-corner, 0);
2364
+ }
2365
+ .ag-theme-salt-light .ag-column-drop-vertical-cell,
2366
+ .ag-theme-salt-dark .ag-column-drop-vertical-cell,
2367
+ .ag-theme-salt-compact-light .ag-column-drop-vertical-cell,
2368
+ .ag-theme-salt-compact-dark .ag-column-drop-vertical-cell {
2369
+ margin: 0;
2370
+ }
2371
+ .ag-theme-salt-light .ag-filter-toolpanel-search,
2372
+ .ag-theme-salt-dark .ag-filter-toolpanel-search,
2373
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-search,
2374
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-search {
2375
+ height: auto;
2376
+ padding: var(--salt-spacing-300) var(--salt-spacing-300) var(--salt-spacing-300) calc(2 * var(--salt-spacing-100) + var(--ag-icon-size));
2377
+ }
2378
+ .ag-theme-salt-light .ag-filter-toolpanel-search-input,
2379
+ .ag-theme-salt-dark .ag-filter-toolpanel-search-input,
2380
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-search-input,
2381
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-search-input {
2382
+ flex: 1 1 auto;
2383
+ height: auto;
2384
+ margin: 0;
2385
+ }
2386
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title-bar,
2387
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title-bar,
2388
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title-bar,
2389
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title-bar {
2390
+ box-sizing: border-box;
2391
+ height: auto;
2392
+ min-height: calc(var(--salt-size-base) + 2 * var(--salt-spacing-50));
2393
+ gap: var(--salt-spacing-100);
2394
+ padding: var(--salt-spacing-50) var(--salt-spacing-100);
2395
+ font-weight: var(--salt-text-fontWeight-bolder);
2396
+ }
2397
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title-bar-icon,
2398
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title-bar-icon,
2399
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title-bar-icon,
2400
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title-bar-icon,
2401
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title,
2402
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title,
2403
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title,
2404
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title {
2405
+ margin: 0;
2406
+ padding: 0;
2407
+ }
2408
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title-bar,
2409
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title-bar,
2410
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title-bar,
2411
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title-bar {
2412
+ --ag-icon-font-code-tree-closed: var(--ag-icon-font-code-tree-open);
2413
+ }
2414
+ .ag-theme-salt-light .ag-filter-toolpanel-group-title-bar .ag-icon-tree-open,
2415
+ .ag-theme-salt-dark .ag-filter-toolpanel-group-title-bar .ag-icon-tree-open,
2416
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-group-title-bar .ag-icon-tree-open,
2417
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-group-title-bar .ag-icon-tree-open {
2418
+ transform: rotate(180deg);
2419
+ }
2420
+ .ag-theme-salt-light .ag-filter-toolpanel-instance-filter,
2421
+ .ag-theme-salt-dark .ag-filter-toolpanel-instance-filter,
2422
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-instance-filter,
2423
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-instance-filter {
2424
+ border-top: none;
2425
+ border-bottom: none;
2426
+ padding: var(--salt-spacing-100) var(--salt-spacing-300) var(--salt-spacing-150) calc(2 * var(--salt-spacing-100) + var(--ag-icon-size));
2427
+ }
2428
+ .ag-theme-salt-light .ag-filter-toolpanel .ag-filter-apply-panel,
2429
+ .ag-theme-salt-dark .ag-filter-toolpanel .ag-filter-apply-panel,
2430
+ .ag-theme-salt-compact-light .ag-filter-toolpanel .ag-filter-apply-panel,
2431
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel .ag-filter-apply-panel {
2432
+ padding: var(--salt-spacing-100) 0 0;
2433
+ flex-wrap: wrap;
2434
+ gap: var(--salt-spacing-100);
2435
+ }
2436
+ .ag-theme-salt-light .ag-filter-toolpanel .ag-filter-apply-panel-button,
2437
+ .ag-theme-salt-dark .ag-filter-toolpanel .ag-filter-apply-panel-button,
2438
+ .ag-theme-salt-compact-light .ag-filter-toolpanel .ag-filter-apply-panel-button,
2439
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel .ag-filter-apply-panel-button {
2440
+ margin: 0;
2441
+ }
1422
2442
 
1423
2443
  /* css/parts/ag-header-variants.css */
1424
2444
  div[class*=ag-theme-salt].ag-theme-salt-header-primary,