@salt-ds/ag-grid-theme 2.4.1 → 2.4.2

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 (2) hide show
  1. package/package.json +1 -1
  2. package/salt-ag-theme.css +862 -864
package/salt-ag-theme.css CHANGED
@@ -1,748 +1,784 @@
1
- /* css/parts/ag-root-var.css */
2
- div[class*=ag-theme-salt] {
3
- --ag-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
4
- --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
5
- --ag-background-color: var(--salt-container-primary-background);
6
- --ag-border-color: var(--salt-separable-secondary-borderColor);
7
- --ag-borders-secondary: var(--salt-size-border) var(--salt-separable-borderStyle);
8
- --ag-card-radius: var(--salt-palette-corner);
9
- --ag-cell-horizontal-padding: var(--salt-spacing-100);
10
- --ag-checkbox-border-radius: 0;
11
- --ag-checkbox-checked-color: var(--salt-selectable-foreground-selected);
12
- --ag-checkbox-indeterminate-color: var(--salt-selectable-foreground);
13
- --ag-checkbox-unchecked-color: var(--salt-selectable-borderColor);
14
- --ag-chip-background-color: var(--salt-actionable-primary-background);
15
- --ag-data-color: var(--salt-content-primary-foreground);
16
- --ag-disabled-foreground-color: var(--salt-content-primary-foreground-disabled);
17
- --ag-font-family: var(--salt-text-fontFamily);
18
- --ag-font-size: var(--salt-text-fontSize);
19
- --ag-foreground-color: var(--salt-content-primary-foreground);
20
- --ag-grid-size: var(--salt-spacing-50);
21
- --ag-header-background-color: var(--salt-container-primary-background);
22
- --ag-header-cell-hover-background-color: var(--salt-container-primary-background);
23
- --ag-header-column-separator-color: var(--salt-separable-tertiary-borderColor);
24
- --ag-header-column-separator-display: block;
25
- --ag-header-column-separator-height: calc(var(--salt-size-base) / 2 - 2 * var(--salt-size-border));
26
- --ag-header-column-separator-width: var(--salt-size-border);
27
- --ag-header-foreground-color: var(--salt-content-secondary-foreground);
28
- --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
29
- --ag-icon-size: max(var(--salt-size-icon), 12px);
30
- --ag-input-border-color: var(--salt-editable-borderColor);
31
- --ag-input-focus-border-color: var(--salt-editable-borderColor-hover);
32
- --ag-input-focus-box-shadow: none;
33
- --ag-invalid-color: var(--salt-status-error-foreground-informative);
34
- --ag-list-item-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
35
- --ag-material-primary-color: var(--salt-editable-borderColor);
36
- --ag-modal-overlay-background-color: var(--salt-overlayable-background);
37
- --ag-popup-shadow: var(--salt-overlayable-shadow-modal);
38
- --ag-range-selection-background-color: var(--salt-overlayable-background-rangeSelection);
39
- --ag-range-selection-border-style: none;
40
- --ag-range-selection-highlight-color: var(--salt-overlayable-background-highlight);
41
- --ag-row-group-indent-size: calc(var(--ag-icon-size) + var(--ag-cell-widget-spacing));
42
- --ag-row-hover-color: var(--salt-selectable-background-hover);
43
- --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
44
- --ag-secondary-foreground-color: var(--salt-content-primary-foreground);
45
- --ag-selected-row-background-color: var(--salt-selectable-background-selected);
46
- --ag-selected-tab-underline-color: var(--salt-navigable-indicator-active);
47
- --ag-selected-tab-underline-width: var(--salt-size-indicator);
48
- --ag-subheader-background-color: var(--salt-container-primary-background);
49
- --ag-control-panel-background-color: var(--salt-container-primary-background);
50
- --ag-toggle-button-off-background-color: var(--salt-container-primary-background);
51
- --ag-toggle-button-off-border-color: var(--salt-selectable-borderColor);
52
- --ag-toggle-button-on-background-color: var(--salt-container-primary-background);
53
- --ag-toggle-button-on-border-color: var(--salt-selectable-borderColor-selected);
54
- --ag-toggle-button-switch-border-color: var(--salt-container-primary-background);
55
- --ag-toggle-button-switch-background-color: var(--salt-selectable-foreground);
56
- --ag-tooltip-background-color: var(--salt-container-primary-background);
57
- --ag-value-change-delta-down-color: var(--salt-status-negative-foreground);
58
- --ag-value-change-delta-up-color: var(--salt-status-positive-foreground);
59
- --ag-widget-container-horizontal-padding: var(--salt-spacing-100);
60
- }
61
- div[class*=ag-theme-salt-compact] {
62
- --salt-size-base: 16px;
63
- --salt-size-selectable: 12px;
1
+ /* css/parts/ag-body.css */
2
+ .ag-theme-salt-light .ag-row,
3
+ .ag-theme-salt-dark .ag-row,
4
+ .ag-theme-salt-compact-light .ag-row,
5
+ .ag-theme-salt-compact-dark .ag-row {
6
+ font-size: var(--salt-text-fontSize);
64
7
  }
65
- .ag-theme-salt-light .ag-root-wrapper,
66
- .ag-theme-salt-dark .ag-root-wrapper,
67
- .ag-theme-salt-compact-light .ag-root-wrapper,
68
- .ag-theme-salt-compact-dark .ag-root-wrapper {
69
- border: none;
8
+ .ag-theme-salt-light .ag-row-selected,
9
+ .ag-theme-salt-dark .ag-row-selected,
10
+ .ag-theme-salt-compact-light .ag-row-selected,
11
+ .ag-theme-salt-compact-dark .ag-row-selected {
12
+ background-color: var(--salt-selectable-background-selected);
13
+ border-color: var(--salt-selectable-borderColor-selected);
70
14
  }
71
-
72
- /* css/parts/ag-header.css */
73
- .ag-theme-salt-light .ag-header,
74
- .ag-theme-salt-dark .ag-header,
75
- .ag-theme-salt-compact-light .ag-header,
76
- .ag-theme-salt-compact-dark .ag-header {
77
- --ag-icon-font-color: var(--ag-header-foreground-color);
15
+ .ag-theme-salt-light .ag-row-selected:before,
16
+ .ag-theme-salt-dark .ag-row-selected:before,
17
+ .ag-theme-salt-compact-light .ag-row-selected:before,
18
+ .ag-theme-salt-compact-dark .ag-row-selected:before {
19
+ background-color: var(--salt-selectable-borderColor-selected);
20
+ background-image: none;
21
+ height: var(--salt-size-border);
22
+ top: -1px;
78
23
  }
79
- .ag-theme-salt-light .ag-advanced-filter-header,
80
- .ag-theme-salt-dark .ag-advanced-filter-header,
81
- .ag-theme-salt-compact-light .ag-advanced-filter-header,
82
- .ag-theme-salt-compact-dark .ag-advanced-filter-header,
83
- .ag-theme-salt-light .ag-header,
84
- .ag-theme-salt-dark .ag-header,
85
- .ag-theme-salt-compact-light .ag-header,
86
- .ag-theme-salt-compact-dark .ag-header {
87
- border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-primary-borderColor);
24
+ .ag-theme-salt-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
25
+ .ag-theme-salt-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
26
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
27
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
28
+ border-right-color: var(--salt-separable-secondary-borderColor);
88
29
  }
89
- .ag-theme-salt-light .ag-header-row,
90
- .ag-theme-salt-dark .ag-header-row,
91
- .ag-theme-salt-compact-light .ag-header-row,
92
- .ag-theme-salt-compact-dark .ag-header-row {
93
- font-size: var(--salt-text-label-fontSize);
94
- font-weight: var(--salt-text-label-fontWeight-strong);
30
+ .ag-theme-salt-light .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
31
+ .ag-theme-salt-dark .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
32
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
33
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
34
+ border-left-color: var(--salt-separable-secondary-borderColor);
95
35
  }
96
- .ag-theme-salt-light .ag-header-cell:focus-visible::after,
97
- .ag-theme-salt-dark .ag-header-cell:focus-visible::after,
98
- .ag-theme-salt-compact-light .ag-header-cell:focus-visible::after,
99
- .ag-theme-salt-compact-dark .ag-header-cell:focus-visible::after {
36
+ .ag-theme-salt-light .ag-ltr .ag-cell,
37
+ .ag-theme-salt-dark .ag-ltr .ag-cell,
38
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell,
39
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell {
100
40
  border: none;
41
+ line-height: calc(var(--ag-line-height) - 1px);
42
+ padding-left: var(--salt-spacing-100);
43
+ padding-right: var(--salt-spacing-100);
101
44
  }
102
- .ag-theme-salt-light .ag-header-cell:focus-visible,
103
- .ag-theme-salt-dark .ag-header-cell:focus-visible,
104
- .ag-theme-salt-compact-light .ag-header-cell:focus-visible,
105
- .ag-theme-salt-compact-dark .ag-header-cell:focus-visible {
106
- outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
107
- outline-offset: -2px;
108
- border-width: 0;
45
+ .ag-theme-salt-light .ag-cell-inline-editing:focus-within,
46
+ .ag-theme-salt-dark .ag-cell-inline-editing:focus-within,
47
+ .ag-theme-salt-compact-light .ag-cell-inline-editing:focus-within,
48
+ .ag-theme-salt-compact-dark .ag-cell-inline-editing:focus-within {
49
+ background: var(--salt-container-primary-background);
109
50
  }
110
- .ag-theme-salt-light .ag-pinned-left-header,
111
- .ag-theme-salt-dark .ag-pinned-left-header,
112
- .ag-theme-salt-compact-light .ag-pinned-left-header,
113
- .ag-theme-salt-compact-dark .ag-pinned-left-header {
114
- border-right-color: var(--salt-separable-secondary-borderColor);
51
+ .ag-theme-salt-light .ag-ltr .ag-cell-inline-editing,
52
+ .ag-theme-salt-dark .ag-ltr .ag-cell-inline-editing,
53
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-inline-editing,
54
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-inline-editing {
55
+ padding: 0;
56
+ border-radius: 0;
115
57
  }
116
- .ag-theme-salt-light .ag-pinned-right-header,
117
- .ag-theme-salt-dark .ag-pinned-right-header,
118
- .ag-theme-salt-compact-light .ag-pinned-right-header,
119
- .ag-theme-salt-compact-dark .ag-pinned-right-header {
120
- border-left-color: var(--salt-separable-secondary-borderColor);
58
+ .ag-theme-salt-light .ag-cell-inline-editing.editable-cell input[class^=ag-],
59
+ .ag-theme-salt-dark .ag-cell-inline-editing.editable-cell input[class^=ag-],
60
+ .ag-theme-salt-compact-light .ag-cell-inline-editing.editable-cell input[class^=ag-],
61
+ .ag-theme-salt-compact-dark .ag-cell-inline-editing.editable-cell input[class^=ag-] {
62
+ padding: 0 var(--salt-spacing-100);
121
63
  }
122
- .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
123
- .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
124
- .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
125
- .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total) {
126
- border-top-color: var(--salt-container-primary-borderColor);
64
+ .ag-theme-salt-light .editable-cell,
65
+ .ag-theme-salt-light .editable-numeric-cell,
66
+ .ag-theme-salt-dark .editable-cell,
67
+ .ag-theme-salt-dark .editable-numeric-cell,
68
+ .ag-theme-salt-compact-light .editable-cell,
69
+ .ag-theme-salt-compact-light .editable-numeric-cell,
70
+ .ag-theme-salt-compact-dark .editable-cell,
71
+ .ag-theme-salt-compact-dark .editable-numeric-cell {
72
+ outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-editable-borderColor);
73
+ outline-offset: -1px;
127
74
  }
128
- .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
129
- .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
130
- .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
131
- .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
132
- .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
133
- .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
134
- .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
135
- .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus {
136
- border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
75
+ .ag-theme-salt-light .ag-cell.numeric-cell,
76
+ .ag-theme-salt-light .editable-numeric-cell,
77
+ .ag-theme-salt-dark .ag-cell.numeric-cell,
78
+ .ag-theme-salt-dark .editable-numeric-cell,
79
+ .ag-theme-salt-compact-light .ag-cell.numeric-cell,
80
+ .ag-theme-salt-compact-light .editable-numeric-cell,
81
+ .ag-theme-salt-compact-dark .ag-cell.numeric-cell,
82
+ .ag-theme-salt-compact-dark .editable-numeric-cell {
83
+ text-align: right;
137
84
  }
138
- .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
139
- .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
140
- .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,
141
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
142
- .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
143
- .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
144
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
145
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container {
146
- margin-left: auto;
85
+ .ag-theme-salt-light .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
86
+ .ag-theme-salt-dark .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
87
+ .ag-theme-salt-compact-light .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
88
+ .ag-theme-salt-compact-dark .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus) {
89
+ text-align: right;
147
90
  }
148
- .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
149
- .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
150
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
151
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
152
- .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
153
- .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
154
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
155
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container {
156
- margin-right: auto;
91
+ .ag-theme-salt-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
92
+ .ag-theme-salt-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
93
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
94
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
95
+ .ag-theme-salt-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
96
+ .ag-theme-salt-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
97
+ .ag-theme-salt-compact-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
98
+ .ag-theme-salt-compact-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
99
+ .ag-theme-salt-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
100
+ .ag-theme-salt-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
101
+ .ag-theme-salt-compact-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
102
+ .ag-theme-salt-compact-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
103
+ .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell,
104
+ .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell,
105
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell,
106
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell,
107
+ .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
108
+ .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
109
+ .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
110
+ .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle {
111
+ outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
112
+ outline-offset: -2px;
113
+ border-color: transparent;
157
114
  }
158
- .ag-theme-salt-light .ag-sort-indicator-container,
159
- .ag-theme-salt-dark .ag-sort-indicator-container,
160
- .ag-theme-salt-compact-light .ag-sort-indicator-container,
161
- .ag-theme-salt-compact-dark .ag-sort-indicator-container {
115
+ .ag-theme-salt-light .ag-cell-wrapper.ag-row-group,
116
+ .ag-theme-salt-dark .ag-cell-wrapper.ag-row-group,
117
+ .ag-theme-salt-compact-light .ag-cell-wrapper.ag-row-group,
118
+ .ag-theme-salt-compact-dark .ag-cell-wrapper.ag-row-group {
162
119
  align-items: center;
163
120
  }
164
- .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
165
- .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
166
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
167
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon {
168
- padding-left: var(--salt-spacing-100);
169
- }
170
- .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
171
- .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
172
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
173
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon {
174
- padding-right: var(--salt-spacing-100);
121
+ .ag-theme-salt-light .ag-cell.editable-cell.ag-cell-focus:focus:before,
122
+ .ag-theme-salt-light .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
123
+ .ag-theme-salt-light .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
124
+ .ag-theme-salt-light .editable-cell.ag-cell-inline-editing:before,
125
+ .ag-theme-salt-dark .ag-cell.editable-cell.ag-cell-focus:focus:before,
126
+ .ag-theme-salt-dark .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
127
+ .ag-theme-salt-dark .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
128
+ .ag-theme-salt-dark .editable-cell.ag-cell-inline-editing:before,
129
+ .ag-theme-salt-compact-light .ag-cell.editable-cell.ag-cell-focus:focus:before,
130
+ .ag-theme-salt-compact-light .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
131
+ .ag-theme-salt-compact-light .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
132
+ .ag-theme-salt-compact-light .editable-cell.ag-cell-inline-editing:before,
133
+ .ag-theme-salt-compact-dark .ag-cell.editable-cell.ag-cell-focus:focus:before,
134
+ .ag-theme-salt-compact-dark .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
135
+ .ag-theme-salt-compact-dark .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
136
+ .ag-theme-salt-compact-dark .editable-cell.ag-cell-inline-editing:before {
137
+ border-bottom: calc(var(--salt-size-adornment) + 4px) solid transparent;
138
+ border-left: calc(var(--salt-size-adornment) + 4px) solid var(--salt-editable-borderColor-hover);
139
+ border-top: 0 solid transparent;
140
+ content: "";
141
+ left: 0px;
142
+ position: absolute;
143
+ top: 0px;
144
+ z-index: 2;
175
145
  }
176
- .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
177
- .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
178
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
179
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
180
- margin-left: auto;
181
- padding-right: var(--salt-spacing-100);
146
+ .ag-theme-salt-light .editable-numeric-cell input,
147
+ .ag-theme-salt-light input[class^=ag-][type=number],
148
+ .ag-theme-salt-dark .editable-numeric-cell input,
149
+ .ag-theme-salt-dark input[class^=ag-][type=number],
150
+ .ag-theme-salt-compact-light .editable-numeric-cell input,
151
+ .ag-theme-salt-compact-light input[class^=ag-][type=number],
152
+ .ag-theme-salt-compact-dark .editable-numeric-cell input,
153
+ .ag-theme-salt-compact-dark input[class^=ag-][type=number] {
154
+ padding: 0 var(--salt-spacing-100);
155
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100));
182
156
  }
183
- .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
184
- .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
185
- .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
186
- .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
187
- margin-right: auto;
188
- padding-left: var(--salt-spacing-100);
157
+ .ag-theme-salt-light .editable-cell input,
158
+ .ag-theme-salt-light .editable-numeric-cell input,
159
+ .ag-theme-salt-dark .editable-cell input,
160
+ .ag-theme-salt-dark .editable-numeric-cell input,
161
+ .ag-theme-salt-compact-light .editable-cell input,
162
+ .ag-theme-salt-compact-light .editable-numeric-cell input,
163
+ .ag-theme-salt-compact-dark .editable-cell input,
164
+ .ag-theme-salt-compact-dark .editable-numeric-cell input {
165
+ border: none;
166
+ background-color: transparent;
189
167
  }
190
- .ag-theme-salt-light .ag-header-cell.ag-floating-filter::before,
191
- .ag-theme-salt-dark .ag-header-cell.ag-floating-filter::before,
192
- .ag-theme-salt-compact-light .ag-header-cell.ag-floating-filter::before,
193
- .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter::before {
168
+ .ag-theme-salt-light .ag-large-text-input,
169
+ .ag-theme-salt-dark .ag-large-text-input,
170
+ .ag-theme-salt-compact-light .ag-large-text-input,
171
+ .ag-theme-salt-compact-dark .ag-large-text-input {
172
+ padding: 0;
173
+ }
174
+ .ag-theme-salt-light .editable-cell .ag-picker-field-wrapper,
175
+ .ag-theme-salt-dark .editable-cell .ag-picker-field-wrapper,
176
+ .ag-theme-salt-compact-light .editable-cell .ag-picker-field-wrapper,
177
+ .ag-theme-salt-compact-dark .editable-cell .ag-picker-field-wrapper {
194
178
  background-color: transparent;
179
+ border: none;
195
180
  }
196
- .ag-theme-salt-light .ag-floating-filter,
197
- .ag-theme-salt-dark .ag-floating-filter,
198
- .ag-theme-salt-compact-light .ag-floating-filter,
199
- .ag-theme-salt-compact-dark .ag-floating-filter {
200
- border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-separable-tertiary-borderColor);
181
+ .ag-theme-salt-light .ag-select .ag-picker-field-wrapper,
182
+ .ag-theme-salt-dark .ag-select .ag-picker-field-wrapper,
183
+ .ag-theme-salt-compact-light .ag-select .ag-picker-field-wrapper,
184
+ .ag-theme-salt-compact-dark .ag-select .ag-picker-field-wrapper {
185
+ border: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-editable-borderColor);
186
+ border-radius: 0;
201
187
  }
202
- .ag-theme-salt-light .ag-header-cell.ag-floating-filter,
203
- .ag-theme-salt-dark .ag-header-cell.ag-floating-filter,
204
- .ag-theme-salt-compact-light .ag-header-cell.ag-floating-filter,
205
- .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter {
206
- padding-left: 0;
188
+ .ag-theme-salt-light .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
189
+ .ag-theme-salt-light .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
190
+ .ag-theme-salt-dark .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
191
+ .ag-theme-salt-dark .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
192
+ .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
193
+ .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
194
+ .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
195
+ .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper {
196
+ padding: 0 var(--salt-spacing-100);
197
+ border-radius: 0;
207
198
  }
208
- .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-body:focus-within,
209
- .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-body:focus-within,
210
- .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-body:focus-within,
211
- .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-body:focus-within {
212
- outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
213
- outline-offset: -2px;
199
+ .ag-theme-salt-light .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
200
+ .ag-theme-salt-light .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
201
+ .ag-theme-salt-dark .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
202
+ .ag-theme-salt-dark .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
203
+ .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
204
+ .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
205
+ .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
206
+ .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before {
207
+ content: var(--ag-icon-font-code-contracted);
214
208
  }
215
- .ag-theme-salt-light .ag-header-cell-menu-button:hover,
216
- .ag-theme-salt-dark .ag-header-cell-menu-button:hover,
217
- .ag-theme-salt-compact-light .ag-header-cell-menu-button:hover,
218
- .ag-theme-salt-compact-dark .ag-header-cell-menu-button:hover,
219
- .ag-theme-salt-light .ag-header-cell-filter-button:hover,
220
- .ag-theme-salt-dark .ag-header-cell-filter-button:hover,
221
- .ag-theme-salt-compact-light .ag-header-cell-filter-button:hover,
222
- .ag-theme-salt-compact-dark .ag-header-cell-filter-button:hover,
223
- .ag-theme-salt-light .ag-panel-title-bar-button:hover,
224
- .ag-theme-salt-dark .ag-panel-title-bar-button:hover,
225
- .ag-theme-salt-compact-light .ag-panel-title-bar-button:hover,
226
- .ag-theme-salt-compact-dark .ag-panel-title-bar-button:hover,
227
- .ag-theme-salt-light .ag-header-expand-icon:hover,
228
- .ag-theme-salt-dark .ag-header-expand-icon:hover,
229
- .ag-theme-salt-compact-light .ag-header-expand-icon:hover,
230
- .ag-theme-salt-compact-dark .ag-header-expand-icon:hover,
231
- .ag-theme-salt-light .ag-column-group-icons:hover,
232
- .ag-theme-salt-dark .ag-column-group-icons:hover,
233
- .ag-theme-salt-compact-light .ag-column-group-icons:hover,
234
- .ag-theme-salt-compact-dark .ag-column-group-icons:hover,
235
- .ag-theme-salt-light .ag-set-filter-group-icons:hover,
236
- .ag-theme-salt-dark .ag-set-filter-group-icons:hover,
237
- .ag-theme-salt-compact-light .ag-set-filter-group-icons:hover,
238
- .ag-theme-salt-compact-dark .ag-set-filter-group-icons:hover,
239
- .ag-theme-salt-light .ag-group-expanded .ag-icon:hover,
240
- .ag-theme-salt-dark .ag-group-expanded .ag-icon:hover,
241
- .ag-theme-salt-compact-light .ag-group-expanded .ag-icon:hover,
242
- .ag-theme-salt-compact-dark .ag-group-expanded .ag-icon:hover,
243
- .ag-theme-salt-light .ag-group-contracted .ag-icon:hover,
244
- .ag-theme-salt-dark .ag-group-contracted .ag-icon:hover,
245
- .ag-theme-salt-compact-light .ag-group-contracted .ag-icon:hover,
246
- .ag-theme-salt-compact-dark .ag-group-contracted .ag-icon:hover,
247
- .ag-theme-salt-light .ag-chart-settings-prev:hover,
248
- .ag-theme-salt-dark .ag-chart-settings-prev:hover,
249
- .ag-theme-salt-compact-light .ag-chart-settings-prev:hover,
250
- .ag-theme-salt-compact-dark .ag-chart-settings-prev:hover,
251
- .ag-theme-salt-light .ag-chart-settings-next:hover,
252
- .ag-theme-salt-dark .ag-chart-settings-next:hover,
253
- .ag-theme-salt-compact-light .ag-chart-settings-next:hover,
254
- .ag-theme-salt-compact-dark .ag-chart-settings-next:hover,
255
- .ag-theme-salt-light .ag-group-title-bar-icon:hover,
256
- .ag-theme-salt-dark .ag-group-title-bar-icon:hover,
257
- .ag-theme-salt-compact-light .ag-group-title-bar-icon:hover,
258
- .ag-theme-salt-compact-dark .ag-group-title-bar-icon:hover,
259
- .ag-theme-salt-light .ag-column-select-header-icon:hover,
260
- .ag-theme-salt-dark .ag-column-select-header-icon:hover,
261
- .ag-theme-salt-compact-light .ag-column-select-header-icon:hover,
262
- .ag-theme-salt-compact-dark .ag-column-select-header-icon:hover,
263
- .ag-theme-salt-light .ag-floating-filter-button-button:hover,
264
- .ag-theme-salt-dark .ag-floating-filter-button-button:hover,
265
- .ag-theme-salt-compact-light .ag-floating-filter-button-button:hover,
266
- .ag-theme-salt-compact-dark .ag-floating-filter-button-button:hover,
267
- .ag-theme-salt-light .ag-filter-toolpanel-expand:hover,
268
- .ag-theme-salt-dark .ag-filter-toolpanel-expand:hover,
269
- .ag-theme-salt-compact-light .ag-filter-toolpanel-expand:hover,
270
- .ag-theme-salt-compact-dark .ag-filter-toolpanel-expand:hover,
271
- .ag-theme-salt-light .ag-panel-title-bar-button-icon:hover,
272
- .ag-theme-salt-dark .ag-panel-title-bar-button-icon:hover,
273
- .ag-theme-salt-compact-light .ag-panel-title-bar-button-icon:hover,
274
- .ag-theme-salt-compact-dark .ag-panel-title-bar-button-icon:hover,
275
- .ag-theme-salt-light .ag-chart-menu-icon:hover,
276
- .ag-theme-salt-dark .ag-chart-menu-icon:hover,
277
- .ag-theme-salt-compact-light .ag-chart-menu-icon:hover,
278
- .ag-theme-salt-compact-dark .ag-chart-menu-icon:hover {
279
- box-shadow: 0 0 0 var(--salt-spacing-50) var(--salt-actionable-subtle-background-hover);
280
- background-color: var(--salt-actionable-subtle-background-hover);
281
- --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
282
- --ag-icon-font-color-filter: var(--salt-actionable-subtle-foreground-hover);
283
- --ag-icon-font-color-menu-alt: var(--salt-actionable-subtle-foreground-hover);
209
+ .ag-theme-salt-light .ag-ltr .ag-select-list-item,
210
+ .ag-theme-salt-light .ag-ltr .ag-rich-select-row,
211
+ .ag-theme-salt-dark .ag-ltr .ag-select-list-item,
212
+ .ag-theme-salt-dark .ag-ltr .ag-rich-select-row,
213
+ .ag-theme-salt-compact-light .ag-ltr .ag-select-list-item,
214
+ .ag-theme-salt-compact-light .ag-ltr .ag-rich-select-row,
215
+ .ag-theme-salt-compact-dark .ag-ltr .ag-select-list-item,
216
+ .ag-theme-salt-compact-dark .ag-ltr .ag-rich-select-row {
217
+ padding: 0 var(--salt-spacing-100);
284
218
  }
285
- .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
286
- .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
287
- margin-left: var(--salt-spacing-100);
219
+ .ag-theme-salt-light .ag-select-list,
220
+ .ag-theme-salt-light .ag-rich-select-list,
221
+ .ag-theme-salt-dark .ag-select-list,
222
+ .ag-theme-salt-dark .ag-rich-select-list,
223
+ .ag-theme-salt-compact-light .ag-select-list,
224
+ .ag-theme-salt-compact-light .ag-rich-select-list,
225
+ .ag-theme-salt-compact-dark .ag-select-list,
226
+ .ag-theme-salt-compact-dark .ag-rich-select-list {
227
+ border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
288
228
  }
289
- .ag-theme-salt-light .ag-filter-active,
290
- .ag-theme-salt-dark .ag-filter-active,
291
- .ag-theme-salt-compact-light .ag-filter-active,
292
- .ag-theme-salt-compact-dark .ag-filter-active {
293
- --ag-icon-font-code-filter: var(--ag-icon-font-code-filter-filled);
229
+ .ag-theme-salt-light .ag-select-list-item[aria-selected=true],
230
+ .ag-theme-salt-light .ag-rich-select-row-selected,
231
+ .ag-theme-salt-dark .ag-select-list-item[aria-selected=true],
232
+ .ag-theme-salt-dark .ag-rich-select-row-selected,
233
+ .ag-theme-salt-compact-light .ag-select-list-item[aria-selected=true],
234
+ .ag-theme-salt-compact-light .ag-rich-select-row-selected,
235
+ .ag-theme-salt-compact-dark .ag-select-list-item[aria-selected=true],
236
+ .ag-theme-salt-compact-dark .ag-rich-select-row-selected {
237
+ box-shadow: inset 0px var(--salt-size-border) 0px var(--salt-selectable-borderColor-selected), inset 0px calc(var(--salt-size-border) * -1) 0px var(--salt-selectable-borderColor-selected);
294
238
  }
295
- .ag-theme-salt-light .ag-floating-filter:after,
296
- .ag-theme-salt-dark .ag-floating-filter:after,
297
- .ag-theme-salt-compact-light .ag-floating-filter:after,
298
- .ag-theme-salt-compact-dark .ag-floating-filter:after {
299
- width: 0;
239
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
240
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
241
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
242
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after {
243
+ content: "";
244
+ top: 0;
245
+ right: 0;
246
+ bottom: 0;
247
+ left: 0;
248
+ position: absolute;
249
+ border-top: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
300
250
  }
301
- .ag-theme-salt-light .ag-ltr .ag-floating-filter-button,
302
- .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button,
303
- .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button,
304
- .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button {
305
- margin-left: var(--salt-spacing-100);
251
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
252
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
253
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
254
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after {
255
+ content: "";
256
+ top: 0;
257
+ right: 0;
258
+ bottom: 0;
259
+ left: 0;
260
+ position: absolute;
261
+ border-right: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
306
262
  }
307
- .ag-theme-salt-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
308
- .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button .ag-button:focus,
309
- .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
310
- .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button .ag-button:focus {
311
- border: none;
312
- outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
313
- outline-offset: 2px;
263
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
264
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
265
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
266
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after {
267
+ content: "";
268
+ top: 0;
269
+ right: 0;
270
+ bottom: 0;
271
+ left: 0;
272
+ position: absolute;
273
+ border-bottom: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
314
274
  }
315
- .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=number],
316
- .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=number],
317
- .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=number],
318
- .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=number],
319
- .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=text],
320
- .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=text],
321
- .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=text],
322
- .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=text] {
323
- height: calc(var(--salt-size-base) + var(--salt-spacing-100) - 6px);
324
- margin-inline: var(--salt-spacing-50);
325
- padding: 0 var(--salt-spacing-50);
275
+ .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
276
+ .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
277
+ .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
278
+ .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after {
279
+ content: "";
280
+ top: 0;
281
+ right: 0;
282
+ bottom: 0;
283
+ left: 0;
284
+ position: absolute;
285
+ border-left: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
326
286
  }
327
- .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=text],
328
- .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=text],
329
- .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=text],
330
- .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=text],
331
- .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=number],
332
- .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=number],
333
- .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=number],
334
- .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=number] {
335
- border: none;
287
+
288
+ /* css/parts/ag-buttons.css */
289
+ .ag-theme-salt-light .ag-standard-button,
290
+ .ag-theme-salt-dark .ag-standard-button,
291
+ .ag-theme-salt-compact-light .ag-standard-button,
292
+ .ag-theme-salt-compact-dark .ag-standard-button {
293
+ background: var(--salt-actionable-secondary-background);
294
+ border: 0;
295
+ color: var(--salt-actionable-secondary-foreground);
296
+ font-size: var(--salt-text-fontSize);
297
+ font-weight: 600;
298
+ height: var(--salt-size-base);
299
+ padding: 0 var(--salt-spacing-100);
300
+ text-transform: uppercase;
336
301
  }
337
- .ag-theme-salt-light .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
338
- .ag-theme-salt-dark .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
339
- .ag-theme-salt-compact-light .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
340
- .ag-theme-salt-compact-dark .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
341
- .ag-theme-salt-light .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
342
- .ag-theme-salt-dark .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
343
- .ag-theme-salt-compact-light .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
344
- .ag-theme-salt-compact-dark .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
345
- .ag-theme-salt-light .ag-header-cell.ag-column-menu-visible,
346
- .ag-theme-salt-dark .ag-header-cell.ag-column-menu-visible,
347
- .ag-theme-salt-compact-light .ag-header-cell.ag-column-menu-visible,
348
- .ag-theme-salt-compact-dark .ag-header-cell.ag-column-menu-visible {
349
- background: var(--salt-actionable-secondary-background-active);
350
- color: var(--salt-actionable-secondary-foreground-active);
351
- --ag-icon-font-color: var(--salt-actionable-secondary-foreground-active);
352
- --salt-actionable-subtle-background-hover: var(--salt-actionable-subtle-background-active);
302
+ .ag-theme-salt-light .ag-standard-button:hover,
303
+ .ag-theme-salt-dark .ag-standard-button:hover,
304
+ .ag-theme-salt-compact-light .ag-standard-button:hover,
305
+ .ag-theme-salt-compact-dark .ag-standard-button:hover {
306
+ background-color: var(--salt-actionable-secondary-background-hover);
307
+ color: var(--salt-actionable-secondary-foreground-hover);
353
308
  }
354
- .ag-theme-salt-light .ag-header-cell.ag-column-menu-visible .ag-icon,
355
- .ag-theme-salt-dark .ag-header-cell.ag-column-menu-visible .ag-icon,
356
- .ag-theme-salt-compact-light .ag-header-cell.ag-column-menu-visible .ag-icon,
357
- .ag-theme-salt-compact-dark .ag-header-cell.ag-column-menu-visible .ag-icon {
358
- color: var(--salt-actionable-secondary-foreground-active);
309
+ .ag-theme-salt-light .ag-ltr .ag-filter-apply-panel-button,
310
+ .ag-theme-salt-dark .ag-ltr .ag-filter-apply-panel-button,
311
+ .ag-theme-salt-compact-light .ag-ltr .ag-filter-apply-panel-button,
312
+ .ag-theme-salt-compact-dark .ag-ltr .ag-filter-apply-panel-button {
313
+ margin-left: 8px;
359
314
  }
360
- .ag-theme-salt-light .ag-cell-label-container,
361
- .ag-theme-salt-dark .ag-cell-label-container,
362
- .ag-theme-salt-compact-light .ag-cell-label-container,
363
- .ag-theme-salt-compact-dark .ag-cell-label-container {
364
- padding: var(--salt-spacing-50) 0;
315
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
316
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
317
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
318
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
319
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
320
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
321
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
322
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton] {
323
+ background: var(--salt-actionable-cta-background);
324
+ color: var(--salt-actionable-cta-foreground);
365
325
  }
366
- .ag-theme-salt-light .ag-list-item:hover,
367
- .ag-theme-salt-dark .ag-list-item:hover,
368
- .ag-theme-salt-compact-light .ag-list-item:hover,
369
- .ag-theme-salt-compact-dark .ag-list-item:hover,
370
- .ag-theme-salt-light .ag-virtual-list-item:hover,
371
- .ag-theme-salt-dark .ag-virtual-list-item:hover,
372
- .ag-theme-salt-compact-light .ag-virtual-list-item:hover,
373
- .ag-theme-salt-compact-dark .ag-virtual-list-item:hover {
374
- background-color: var(--salt-selectable-background-hover);
375
- cursor: pointer;
326
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
327
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
328
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
329
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
330
+ .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
331
+ .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
332
+ .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
333
+ .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover {
334
+ background: var(--salt-actionable-cta-background-hover);
335
+ color: var(--salt-actionable-cta-foreground-hover);
376
336
  }
377
- .ag-theme-salt-light .ag-label-align-right .ag-label,
378
- .ag-theme-salt-dark .ag-label-align-right .ag-label,
379
- .ag-theme-salt-compact-light .ag-label-align-right .ag-label,
380
- .ag-theme-salt-compact-dark .ag-label-align-right .ag-label {
381
- margin-inline-start: var(--salt-spacing-100);
382
- margin-inline-end: 0;
337
+ .ag-theme-salt-light .ag-keyboard-focus .ag-header-cell:focus:after,
338
+ .ag-theme-salt-dark .ag-keyboard-focus .ag-header-cell:focus:after,
339
+ .ag-theme-salt-compact-light .ag-keyboard-focus .ag-header-cell:focus:after,
340
+ .ag-theme-salt-compact-dark .ag-keyboard-focus .ag-header-cell:focus:after {
341
+ border: 0;
383
342
  }
384
-
385
- /* css/parts/ag-menus.css */
386
- .ag-theme-salt-light .ag-menu,
387
- .ag-theme-salt-dark .ag-menu,
388
- .ag-theme-salt-compact-light .ag-menu,
389
- .ag-theme-salt-compact-dark .ag-menu {
390
- padding: var(--salt-spacing-100);
391
- border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-selectable-borderColor-selected);
343
+ .ag-theme-salt-light button[class^=ag-]:focus,
344
+ .ag-theme-salt-dark button[class^=ag-]:focus,
345
+ .ag-theme-salt-compact-light button[class^=ag-]:focus,
346
+ .ag-theme-salt-compact-dark button[class^=ag-]:focus,
347
+ .ag-theme-salt-light input[class^=ag-][type=button]:focus,
348
+ .ag-theme-salt-dark input[class^=ag-][type=button]:focus,
349
+ .ag-theme-salt-compact-light input[class^=ag-][type=button]:focus,
350
+ .ag-theme-salt-compact-dark input[class^=ag-][type=button]:focus {
351
+ box-shadow: none;
352
+ outline-style: var(--salt-focused-outlineStyle);
353
+ outline-width: var(--salt-focused-outlineWidth);
354
+ outline-color: var(--salt-focused-outlineColor);
355
+ outline-offset: var(--salt-focused-outlineOffset);
356
+ }
357
+ .ag-theme-salt-light .ag-menu .ag-filter-body-wrapper,
358
+ .ag-theme-salt-dark .ag-menu .ag-filter-body-wrapper,
359
+ .ag-theme-salt-compact-light .ag-menu .ag-filter-body-wrapper,
360
+ .ag-theme-salt-compact-dark .ag-menu .ag-filter-body-wrapper {
361
+ display: flex;
362
+ flex-direction: column;
363
+ gap: 0;
364
+ padding: 0;
365
+ margin-top: var(--salt-spacing-100);
366
+ }
367
+ .ag-theme-salt-light .ag-menu .ag-menu-column-select-wrapper,
368
+ .ag-theme-salt-dark .ag-menu .ag-menu-column-select-wrapper,
369
+ .ag-theme-salt-compact-light .ag-menu .ag-menu-column-select-wrapper,
370
+ .ag-theme-salt-compact-dark .ag-menu .ag-menu-column-select-wrapper {
371
+ margin-top: var(--salt-spacing-100);
392
372
  }
393
- .ag-theme-salt-light .ag-tabs,
394
- .ag-theme-salt-dark .ag-tabs,
395
- .ag-theme-salt-compact-light .ag-tabs,
396
- .ag-theme-salt-compact-dark .ag-tabs {
397
- padding: var(--salt-spacing-100);
373
+ .ag-theme-salt-light .ag-simple-filter-body-wrapper > *,
374
+ .ag-theme-salt-dark .ag-simple-filter-body-wrapper > *,
375
+ .ag-theme-salt-compact-light .ag-simple-filter-body-wrapper > *,
376
+ .ag-theme-salt-compact-dark .ag-simple-filter-body-wrapper > * {
377
+ margin-bottom: var(--salt-spacing-100);
398
378
  }
399
- .ag-theme-salt-light .ag-popup-child:not(.ag-tooltip-custom),
400
- .ag-theme-salt-dark .ag-popup-child:not(.ag-tooltip-custom),
401
- .ag-theme-salt-compact-light .ag-popup-child:not(.ag-tooltip-custom),
402
- .ag-theme-salt-compact-dark .ag-popup-child:not(.ag-tooltip-custom) {
403
- box-shadow: var(--salt-overlayable-shadow-popout);
379
+ .ag-theme-salt-light .ag-mini-filter,
380
+ .ag-theme-salt-dark .ag-mini-filter,
381
+ .ag-theme-salt-compact-light .ag-mini-filter,
382
+ .ag-theme-salt-compact-dark .ag-mini-filter {
383
+ margin: 0;
384
+ padding-left: var(--salt-spacing-50);
385
+ padding-right: var(--salt-spacing-50);
404
386
  }
405
- .ag-theme-salt-light .ag-menu-header,
406
- .ag-theme-salt-dark .ag-menu-header,
407
- .ag-theme-salt-compact-light .ag-menu-header,
408
- .ag-theme-salt-compact-dark .ag-menu-header {
409
- border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
410
- background-color: var(--salt-container-primary-background);
387
+ .ag-theme-salt-light .ag-set-filter-item,
388
+ .ag-theme-salt-dark .ag-set-filter-item,
389
+ .ag-theme-salt-compact-light .ag-set-filter-item,
390
+ .ag-theme-salt-compact-dark .ag-set-filter-item {
391
+ margin: 0;
392
+ padding-left: var(--salt-spacing-100);
393
+ padding-right: var(--salt-spacing-100);
411
394
  }
412
- .ag-theme-salt-light .ag-menu-body,
413
- .ag-theme-salt-dark .ag-menu-body,
414
- .ag-theme-salt-compact-light .ag-menu-body,
415
- .ag-theme-salt-compact-dark .ag-menu-body {
395
+ .ag-theme-salt-light .ag-status-bar,
396
+ .ag-theme-salt-dark .ag-status-bar,
397
+ .ag-theme-salt-compact-light .ag-status-bar,
398
+ .ag-theme-salt-compact-dark .ag-status-bar {
399
+ border: none;
400
+ border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
401
+ color: var(--salt-content-secondary-foreground);
402
+ font-size: var(--salt-text-fontSize);
403
+ font-weight: var(--salt-text-label-fontWeight);
404
+ line-height: var(--salt-size-base);
405
+ height: var(--salt-size-base);
406
+ padding: 0 var(--salt-spacing-100);
407
+ }
408
+ .ag-theme-salt-light .ag-status-name-value,
409
+ .ag-theme-salt-dark .ag-status-name-value,
410
+ .ag-theme-salt-compact-light .ag-status-name-value,
411
+ .ag-theme-salt-compact-dark .ag-status-name-value {
416
412
  padding: 0;
413
+ margin: 0 var(--salt-spacing-100);
417
414
  }
418
- .ag-theme-salt-light .ag-menu-separator,
419
- .ag-theme-salt-dark .ag-menu-separator,
420
- .ag-theme-salt-compact-light .ag-menu-separator,
421
- .ag-theme-salt-compact-dark .ag-menu-separator {
422
- height: var(--salt-size-border);
415
+ .ag-theme-salt-light .ag-status-name-value-value,
416
+ .ag-theme-salt-dark .ag-status-name-value-value,
417
+ .ag-theme-salt-compact-light .ag-status-name-value-value,
418
+ .ag-theme-salt-compact-dark .ag-status-name-value-value {
419
+ font-weight: var(--salt-text-fontWeight-strong);
420
+ color: var(--salt-content-primary-foreground);
423
421
  }
424
- .ag-theme-salt-light .ag-menu-list,
425
- .ag-theme-salt-dark .ag-menu-list,
426
- .ag-theme-salt-compact-light .ag-menu-list,
427
- .ag-theme-salt-compact-dark .ag-menu-list {
428
- padding: 0;
422
+ .ag-theme-salt-light .ag-paging-panel,
423
+ .ag-theme-salt-dark .ag-paging-panel,
424
+ .ag-theme-salt-compact-light .ag-paging-panel,
425
+ .ag-theme-salt-compact-dark .ag-paging-panel {
426
+ border-color: var(--salt-separable-secondary-borderColor);
429
427
  }
430
- .ag-theme-salt-light .ag-menu-option,
431
- .ag-theme-salt-dark .ag-menu-option,
432
- .ag-theme-salt-compact-light .ag-menu-option,
433
- .ag-theme-salt-compact-dark .ag-menu-option {
428
+ .ag-theme-salt-light .ag-floating-bottom,
429
+ .ag-theme-salt-dark .ag-floating-bottom,
430
+ .ag-theme-salt-compact-light .ag-floating-bottom,
431
+ .ag-theme-salt-compact-dark .ag-floating-bottom {
432
+ border-color: var(--salt-container-primary-borderColor);
433
+ }
434
+ .ag-theme-salt-light .ag-column-drop-horizontal,
435
+ .ag-theme-salt-dark .ag-column-drop-horizontal,
436
+ .ag-theme-salt-compact-light .ag-column-drop-horizontal,
437
+ .ag-theme-salt-compact-dark .ag-column-drop-horizontal {
438
+ border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
434
439
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
435
440
  }
436
- .ag-theme-salt-light .ag-menu-option-icon,
437
- .ag-theme-salt-light .ag-compact-menu-option-icon,
438
- .ag-theme-salt-dark .ag-menu-option-icon,
439
- .ag-theme-salt-dark .ag-compact-menu-option-icon,
440
- .ag-theme-salt-compact-light .ag-menu-option-icon,
441
- .ag-theme-salt-compact-light .ag-compact-menu-option-icon,
442
- .ag-theme-salt-compact-dark .ag-menu-option-icon,
443
- .ag-theme-salt-compact-dark .ag-compact-menu-option-icon {
444
- padding-inline-start: var(--salt-spacing-100);
441
+ .ag-theme-salt-light .ag-column-drop-cell,
442
+ .ag-theme-salt-dark .ag-column-drop-cell,
443
+ .ag-theme-salt-compact-light .ag-column-drop-cell,
444
+ .ag-theme-salt-compact-dark .ag-column-drop-cell {
445
+ border-radius: 0;
445
446
  }
446
- .ag-theme-salt-light .ag-tab,
447
- .ag-theme-salt-dark .ag-tab,
448
- .ag-theme-salt-compact-light .ag-tab,
449
- .ag-theme-salt-compact-dark .ag-tab {
450
- height: calc(var(--salt-size-base) + var(--salt-spacing-100));
451
- flex: 1 1 auto;
447
+
448
+ /* css/parts/ag-checkbox.css */
449
+ .ag-theme-salt-light .ag-checkbox-input-wrapper,
450
+ .ag-theme-salt-dark .ag-checkbox-input-wrapper,
451
+ .ag-theme-salt-compact-light .ag-checkbox-input-wrapper,
452
+ .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper {
453
+ height: var(--salt-size-selectable);
454
+ width: var(--salt-size-selectable);
455
+ font-size: var(--salt-size-selectable);
456
+ line-height: var(--salt-size-selectable);
452
457
  }
453
- .ag-theme-salt-light .ag-column-select-header,
454
- .ag-theme-salt-dark .ag-column-select-header,
455
- .ag-theme-salt-compact-light .ag-column-select-header,
456
- .ag-theme-salt-compact-dark .ag-column-select-header {
457
- height: calc(var(--salt-size-base) + var(--salt-spacing-100));
458
- border: 0;
458
+
459
+ /* css/parts/ag-column-drop-list.css */
460
+ .ag-column-drop-cell-drag-handle {
461
+ margin-left: 0;
462
+ }
463
+ .ag-column-drop-cell {
464
+ height: calc(var(--salt-size-base) - var(--salt-spacing-100));
465
+ padding: 0 var(--salt-spacing-50);
466
+ }
467
+ .ag-column-drop-cell-button {
468
+ min-width: unset;
459
469
  }
460
470
 
461
- /* css/parts/ag-body.css */
462
- .ag-theme-salt-light .ag-row,
463
- .ag-theme-salt-dark .ag-row,
464
- .ag-theme-salt-compact-light .ag-row,
465
- .ag-theme-salt-compact-dark .ag-row {
466
- font-size: var(--salt-text-fontSize);
471
+ /* css/parts/ag-header.css */
472
+ .ag-theme-salt-light .ag-header,
473
+ .ag-theme-salt-dark .ag-header,
474
+ .ag-theme-salt-compact-light .ag-header,
475
+ .ag-theme-salt-compact-dark .ag-header {
476
+ --ag-icon-font-color: var(--ag-header-foreground-color);
467
477
  }
468
- .ag-theme-salt-light .ag-row-selected,
469
- .ag-theme-salt-dark .ag-row-selected,
470
- .ag-theme-salt-compact-light .ag-row-selected,
471
- .ag-theme-salt-compact-dark .ag-row-selected {
472
- background-color: var(--salt-selectable-background-selected);
473
- border-color: var(--salt-selectable-borderColor-selected);
478
+ .ag-theme-salt-light .ag-advanced-filter-header,
479
+ .ag-theme-salt-dark .ag-advanced-filter-header,
480
+ .ag-theme-salt-compact-light .ag-advanced-filter-header,
481
+ .ag-theme-salt-compact-dark .ag-advanced-filter-header,
482
+ .ag-theme-salt-light .ag-header,
483
+ .ag-theme-salt-dark .ag-header,
484
+ .ag-theme-salt-compact-light .ag-header,
485
+ .ag-theme-salt-compact-dark .ag-header {
486
+ border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-separable-primary-borderColor);
474
487
  }
475
- .ag-theme-salt-light .ag-row-selected:before,
476
- .ag-theme-salt-dark .ag-row-selected:before,
477
- .ag-theme-salt-compact-light .ag-row-selected:before,
478
- .ag-theme-salt-compact-dark .ag-row-selected:before {
479
- background-color: var(--salt-selectable-borderColor-selected);
480
- background-image: none;
481
- height: var(--salt-size-border);
482
- top: -1px;
488
+ .ag-theme-salt-light .ag-header-row,
489
+ .ag-theme-salt-dark .ag-header-row,
490
+ .ag-theme-salt-compact-light .ag-header-row,
491
+ .ag-theme-salt-compact-dark .ag-header-row {
492
+ font-size: var(--salt-text-label-fontSize);
493
+ font-weight: var(--salt-text-label-fontWeight-strong);
483
494
  }
484
- .ag-theme-salt-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
485
- .ag-theme-salt-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
486
- .ag-theme-salt-compact-light .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell),
487
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
495
+ .ag-theme-salt-light .ag-header-cell:focus-visible::after,
496
+ .ag-theme-salt-dark .ag-header-cell:focus-visible::after,
497
+ .ag-theme-salt-compact-light .ag-header-cell:focus-visible::after,
498
+ .ag-theme-salt-compact-dark .ag-header-cell:focus-visible::after {
499
+ border: none;
500
+ }
501
+ .ag-theme-salt-light .ag-header-cell:focus-visible,
502
+ .ag-theme-salt-dark .ag-header-cell:focus-visible,
503
+ .ag-theme-salt-compact-light .ag-header-cell:focus-visible,
504
+ .ag-theme-salt-compact-dark .ag-header-cell:focus-visible {
505
+ outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
506
+ outline-offset: -2px;
507
+ border-width: 0;
508
+ }
509
+ .ag-theme-salt-light .ag-pinned-left-header,
510
+ .ag-theme-salt-dark .ag-pinned-left-header,
511
+ .ag-theme-salt-compact-light .ag-pinned-left-header,
512
+ .ag-theme-salt-compact-dark .ag-pinned-left-header {
488
513
  border-right-color: var(--salt-separable-secondary-borderColor);
489
514
  }
490
- .ag-theme-salt-light .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
491
- .ag-theme-salt-dark .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
492
- .ag-theme-salt-compact-light .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell),
493
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
515
+ .ag-theme-salt-light .ag-pinned-right-header,
516
+ .ag-theme-salt-dark .ag-pinned-right-header,
517
+ .ag-theme-salt-compact-light .ag-pinned-right-header,
518
+ .ag-theme-salt-compact-dark .ag-pinned-right-header {
494
519
  border-left-color: var(--salt-separable-secondary-borderColor);
495
520
  }
496
- .ag-theme-salt-light .ag-ltr .ag-cell,
497
- .ag-theme-salt-dark .ag-ltr .ag-cell,
498
- .ag-theme-salt-compact-light .ag-ltr .ag-cell,
499
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell {
500
- border: none;
501
- line-height: calc(var(--ag-line-height) - 1px);
521
+ .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
522
+ .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
523
+ .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
524
+ .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total) {
525
+ border-top-color: var(--salt-container-primary-borderColor);
526
+ }
527
+ .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
528
+ .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
529
+ .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
530
+ .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total):focus,
531
+ .ag-theme-salt-light .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
532
+ .ag-theme-salt-dark .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
533
+ .ag-theme-salt-compact-light .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus,
534
+ .ag-theme-salt-compact-dark .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group:focus {
535
+ border: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
536
+ }
537
+ .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
538
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
539
+ .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,
540
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
541
+ .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
542
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
543
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container,
544
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-cell-text + .ag-sort-indicator-container {
545
+ margin-left: auto;
546
+ }
547
+ .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
548
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
549
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
550
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon.ag-hidden + .ag-sort-indicator-container,
551
+ .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
552
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
553
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container,
554
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-cell-text + .ag-sort-indicator-container {
555
+ margin-right: auto;
556
+ }
557
+ .ag-theme-salt-light .ag-sort-indicator-container,
558
+ .ag-theme-salt-dark .ag-sort-indicator-container,
559
+ .ag-theme-salt-compact-light .ag-sort-indicator-container,
560
+ .ag-theme-salt-compact-dark .ag-sort-indicator-container {
561
+ align-items: center;
562
+ }
563
+ .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
564
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
565
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon,
566
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-sort-indicator-icon {
502
567
  padding-left: var(--salt-spacing-100);
503
- padding-right: var(--salt-spacing-100);
504
568
  }
505
- .ag-theme-salt-light .ag-cell-inline-editing:focus-within,
506
- .ag-theme-salt-dark .ag-cell-inline-editing:focus-within,
507
- .ag-theme-salt-compact-light .ag-cell-inline-editing:focus-within,
508
- .ag-theme-salt-compact-dark .ag-cell-inline-editing:focus-within {
509
- background: var(--salt-container-primary-background);
569
+ .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
570
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
571
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon,
572
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-sort-indicator-icon {
573
+ padding-right: var(--salt-spacing-100);
510
574
  }
511
- .ag-theme-salt-light .ag-ltr .ag-cell-inline-editing,
512
- .ag-theme-salt-dark .ag-ltr .ag-cell-inline-editing,
513
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-inline-editing,
514
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-inline-editing {
515
- padding: 0;
516
- border-radius: 0;
575
+ .ag-theme-salt-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
576
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
577
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
578
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon {
579
+ margin-left: auto;
580
+ padding-right: var(--salt-spacing-100);
517
581
  }
518
- .ag-theme-salt-light .ag-cell-inline-editing.editable-cell input[class^=ag-],
519
- .ag-theme-salt-dark .ag-cell-inline-editing.editable-cell input[class^=ag-],
520
- .ag-theme-salt-compact-light .ag-cell-inline-editing.editable-cell input[class^=ag-],
521
- .ag-theme-salt-compact-dark .ag-cell-inline-editing.editable-cell input[class^=ag-] {
522
- padding: 0 var(--salt-spacing-100);
582
+ .ag-theme-salt-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
583
+ .ag-theme-salt-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
584
+ .ag-theme-salt-compact-light .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
585
+ .ag-theme-salt-compact-dark .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon {
586
+ margin-right: auto;
587
+ padding-left: var(--salt-spacing-100);
523
588
  }
524
- .ag-theme-salt-light .editable-cell,
525
- .ag-theme-salt-light .editable-numeric-cell,
526
- .ag-theme-salt-dark .editable-cell,
527
- .ag-theme-salt-dark .editable-numeric-cell,
528
- .ag-theme-salt-compact-light .editable-cell,
529
- .ag-theme-salt-compact-light .editable-numeric-cell,
530
- .ag-theme-salt-compact-dark .editable-cell,
531
- .ag-theme-salt-compact-dark .editable-numeric-cell {
532
- outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-editable-borderColor);
533
- outline-offset: -1px;
589
+ .ag-theme-salt-light .ag-header-cell.ag-floating-filter::before,
590
+ .ag-theme-salt-dark .ag-header-cell.ag-floating-filter::before,
591
+ .ag-theme-salt-compact-light .ag-header-cell.ag-floating-filter::before,
592
+ .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter::before {
593
+ background-color: transparent;
534
594
  }
535
- .ag-theme-salt-light .ag-cell.numeric-cell,
536
- .ag-theme-salt-light .editable-numeric-cell,
537
- .ag-theme-salt-dark .ag-cell.numeric-cell,
538
- .ag-theme-salt-dark .editable-numeric-cell,
539
- .ag-theme-salt-compact-light .ag-cell.numeric-cell,
540
- .ag-theme-salt-compact-light .editable-numeric-cell,
541
- .ag-theme-salt-compact-dark .ag-cell.numeric-cell,
542
- .ag-theme-salt-compact-dark .editable-numeric-cell {
543
- text-align: right;
595
+ .ag-theme-salt-light .ag-floating-filter,
596
+ .ag-theme-salt-dark .ag-floating-filter,
597
+ .ag-theme-salt-compact-light .ag-floating-filter,
598
+ .ag-theme-salt-compact-dark .ag-floating-filter {
599
+ border: var(--salt-size-border) var(--salt-editable-borderStyle) var(--salt-separable-tertiary-borderColor);
544
600
  }
545
- .ag-theme-salt-light .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
546
- .ag-theme-salt-dark .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
547
- .ag-theme-salt-compact-light .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus),
548
- .ag-theme-salt-compact-dark .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus) {
549
- text-align: right;
601
+ .ag-theme-salt-light .ag-header-cell.ag-floating-filter,
602
+ .ag-theme-salt-dark .ag-header-cell.ag-floating-filter,
603
+ .ag-theme-salt-compact-light .ag-header-cell.ag-floating-filter,
604
+ .ag-theme-salt-compact-dark .ag-header-cell.ag-floating-filter {
605
+ padding-left: 0;
550
606
  }
551
- .ag-theme-salt-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
552
- .ag-theme-salt-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
553
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
554
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
555
- .ag-theme-salt-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
556
- .ag-theme-salt-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
557
- .ag-theme-salt-compact-light .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
558
- .ag-theme-salt-compact-dark .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
559
- .ag-theme-salt-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
560
- .ag-theme-salt-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
561
- .ag-theme-salt-compact-light .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
562
- .ag-theme-salt-compact-dark .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
563
- .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell,
564
- .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell,
565
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell,
566
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell,
567
- .ag-theme-salt-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
568
- .ag-theme-salt-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
569
- .ag-theme-salt-compact-light .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
570
- .ag-theme-salt-compact-dark .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle {
607
+ .ag-theme-salt-light .ag-floating-filter .ag-floating-filter-body:focus-within,
608
+ .ag-theme-salt-dark .ag-floating-filter .ag-floating-filter-body:focus-within,
609
+ .ag-theme-salt-compact-light .ag-floating-filter .ag-floating-filter-body:focus-within,
610
+ .ag-theme-salt-compact-dark .ag-floating-filter .ag-floating-filter-body:focus-within {
571
611
  outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
572
612
  outline-offset: -2px;
573
- border-color: transparent;
574
- }
575
- .ag-theme-salt-light .ag-cell-wrapper.ag-row-group,
576
- .ag-theme-salt-dark .ag-cell-wrapper.ag-row-group,
577
- .ag-theme-salt-compact-light .ag-cell-wrapper.ag-row-group,
578
- .ag-theme-salt-compact-dark .ag-cell-wrapper.ag-row-group {
579
- align-items: center;
580
- }
581
- .ag-theme-salt-light .ag-cell.editable-cell.ag-cell-focus:focus:before,
582
- .ag-theme-salt-light .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
583
- .ag-theme-salt-light .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
584
- .ag-theme-salt-light .editable-cell.ag-cell-inline-editing:before,
585
- .ag-theme-salt-dark .ag-cell.editable-cell.ag-cell-focus:focus:before,
586
- .ag-theme-salt-dark .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
587
- .ag-theme-salt-dark .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
588
- .ag-theme-salt-dark .editable-cell.ag-cell-inline-editing:before,
589
- .ag-theme-salt-compact-light .ag-cell.editable-cell.ag-cell-focus:focus:before,
590
- .ag-theme-salt-compact-light .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
591
- .ag-theme-salt-compact-light .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
592
- .ag-theme-salt-compact-light .editable-cell.ag-cell-inline-editing:before,
593
- .ag-theme-salt-compact-dark .ag-cell.editable-cell.ag-cell-focus:focus:before,
594
- .ag-theme-salt-compact-dark .ag-cell.editable-numeric-cell.ag-cell-focus:focus:before,
595
- .ag-theme-salt-compact-dark .ag-cell.editable-cell.ag-cell-focus:focus-within:before,
596
- .ag-theme-salt-compact-dark .editable-cell.ag-cell-inline-editing:before {
597
- border-bottom: calc(var(--salt-size-adornment) + 4px) solid transparent;
598
- border-left: calc(var(--salt-size-adornment) + 4px) solid var(--salt-editable-borderColor-hover);
599
- border-top: 0 solid transparent;
600
- content: "";
601
- left: 0px;
602
- position: absolute;
603
- top: 0px;
604
- z-index: 2;
605
- }
606
- .ag-theme-salt-light .editable-numeric-cell input,
607
- .ag-theme-salt-light input[class^=ag-][type=number],
608
- .ag-theme-salt-dark .editable-numeric-cell input,
609
- .ag-theme-salt-dark input[class^=ag-][type=number],
610
- .ag-theme-salt-compact-light .editable-numeric-cell input,
611
- .ag-theme-salt-compact-light input[class^=ag-][type=number],
612
- .ag-theme-salt-compact-dark .editable-numeric-cell input,
613
- .ag-theme-salt-compact-dark input[class^=ag-][type=number] {
614
- padding: 0 var(--salt-spacing-100);
615
- height: calc(var(--salt-size-base) + var(--salt-spacing-100));
616
613
  }
617
- .ag-theme-salt-light .editable-cell input,
618
- .ag-theme-salt-light .editable-numeric-cell input,
619
- .ag-theme-salt-dark .editable-cell input,
620
- .ag-theme-salt-dark .editable-numeric-cell input,
621
- .ag-theme-salt-compact-light .editable-cell input,
622
- .ag-theme-salt-compact-light .editable-numeric-cell input,
623
- .ag-theme-salt-compact-dark .editable-cell input,
624
- .ag-theme-salt-compact-dark .editable-numeric-cell input {
625
- border: none;
626
- background-color: transparent;
614
+ .ag-theme-salt-light .ag-header-cell-menu-button:hover,
615
+ .ag-theme-salt-dark .ag-header-cell-menu-button:hover,
616
+ .ag-theme-salt-compact-light .ag-header-cell-menu-button:hover,
617
+ .ag-theme-salt-compact-dark .ag-header-cell-menu-button:hover,
618
+ .ag-theme-salt-light .ag-header-cell-filter-button:hover,
619
+ .ag-theme-salt-dark .ag-header-cell-filter-button:hover,
620
+ .ag-theme-salt-compact-light .ag-header-cell-filter-button:hover,
621
+ .ag-theme-salt-compact-dark .ag-header-cell-filter-button:hover,
622
+ .ag-theme-salt-light .ag-panel-title-bar-button:hover,
623
+ .ag-theme-salt-dark .ag-panel-title-bar-button:hover,
624
+ .ag-theme-salt-compact-light .ag-panel-title-bar-button:hover,
625
+ .ag-theme-salt-compact-dark .ag-panel-title-bar-button:hover,
626
+ .ag-theme-salt-light .ag-header-expand-icon:hover,
627
+ .ag-theme-salt-dark .ag-header-expand-icon:hover,
628
+ .ag-theme-salt-compact-light .ag-header-expand-icon:hover,
629
+ .ag-theme-salt-compact-dark .ag-header-expand-icon:hover,
630
+ .ag-theme-salt-light .ag-column-group-icons:hover,
631
+ .ag-theme-salt-dark .ag-column-group-icons:hover,
632
+ .ag-theme-salt-compact-light .ag-column-group-icons:hover,
633
+ .ag-theme-salt-compact-dark .ag-column-group-icons:hover,
634
+ .ag-theme-salt-light .ag-set-filter-group-icons:hover,
635
+ .ag-theme-salt-dark .ag-set-filter-group-icons:hover,
636
+ .ag-theme-salt-compact-light .ag-set-filter-group-icons:hover,
637
+ .ag-theme-salt-compact-dark .ag-set-filter-group-icons:hover,
638
+ .ag-theme-salt-light .ag-group-expanded .ag-icon:hover,
639
+ .ag-theme-salt-dark .ag-group-expanded .ag-icon:hover,
640
+ .ag-theme-salt-compact-light .ag-group-expanded .ag-icon:hover,
641
+ .ag-theme-salt-compact-dark .ag-group-expanded .ag-icon:hover,
642
+ .ag-theme-salt-light .ag-group-contracted .ag-icon:hover,
643
+ .ag-theme-salt-dark .ag-group-contracted .ag-icon:hover,
644
+ .ag-theme-salt-compact-light .ag-group-contracted .ag-icon:hover,
645
+ .ag-theme-salt-compact-dark .ag-group-contracted .ag-icon:hover,
646
+ .ag-theme-salt-light .ag-chart-settings-prev:hover,
647
+ .ag-theme-salt-dark .ag-chart-settings-prev:hover,
648
+ .ag-theme-salt-compact-light .ag-chart-settings-prev:hover,
649
+ .ag-theme-salt-compact-dark .ag-chart-settings-prev:hover,
650
+ .ag-theme-salt-light .ag-chart-settings-next:hover,
651
+ .ag-theme-salt-dark .ag-chart-settings-next:hover,
652
+ .ag-theme-salt-compact-light .ag-chart-settings-next:hover,
653
+ .ag-theme-salt-compact-dark .ag-chart-settings-next:hover,
654
+ .ag-theme-salt-light .ag-group-title-bar-icon:hover,
655
+ .ag-theme-salt-dark .ag-group-title-bar-icon:hover,
656
+ .ag-theme-salt-compact-light .ag-group-title-bar-icon:hover,
657
+ .ag-theme-salt-compact-dark .ag-group-title-bar-icon:hover,
658
+ .ag-theme-salt-light .ag-column-select-header-icon:hover,
659
+ .ag-theme-salt-dark .ag-column-select-header-icon:hover,
660
+ .ag-theme-salt-compact-light .ag-column-select-header-icon:hover,
661
+ .ag-theme-salt-compact-dark .ag-column-select-header-icon:hover,
662
+ .ag-theme-salt-light .ag-floating-filter-button-button:hover,
663
+ .ag-theme-salt-dark .ag-floating-filter-button-button:hover,
664
+ .ag-theme-salt-compact-light .ag-floating-filter-button-button:hover,
665
+ .ag-theme-salt-compact-dark .ag-floating-filter-button-button:hover,
666
+ .ag-theme-salt-light .ag-filter-toolpanel-expand:hover,
667
+ .ag-theme-salt-dark .ag-filter-toolpanel-expand:hover,
668
+ .ag-theme-salt-compact-light .ag-filter-toolpanel-expand:hover,
669
+ .ag-theme-salt-compact-dark .ag-filter-toolpanel-expand:hover,
670
+ .ag-theme-salt-light .ag-panel-title-bar-button-icon:hover,
671
+ .ag-theme-salt-dark .ag-panel-title-bar-button-icon:hover,
672
+ .ag-theme-salt-compact-light .ag-panel-title-bar-button-icon:hover,
673
+ .ag-theme-salt-compact-dark .ag-panel-title-bar-button-icon:hover,
674
+ .ag-theme-salt-light .ag-chart-menu-icon:hover,
675
+ .ag-theme-salt-dark .ag-chart-menu-icon:hover,
676
+ .ag-theme-salt-compact-light .ag-chart-menu-icon:hover,
677
+ .ag-theme-salt-compact-dark .ag-chart-menu-icon:hover {
678
+ box-shadow: 0 0 0 var(--salt-spacing-50) var(--salt-actionable-subtle-background-hover);
679
+ background-color: var(--salt-actionable-subtle-background-hover);
680
+ --ag-icon-font-color: var(--salt-actionable-subtle-foreground-hover);
681
+ --ag-icon-font-color-filter: var(--salt-actionable-subtle-foreground-hover);
682
+ --ag-icon-font-color-menu-alt: var(--salt-actionable-subtle-foreground-hover);
627
683
  }
628
- .ag-theme-salt-light .ag-large-text-input,
629
- .ag-theme-salt-dark .ag-large-text-input,
630
- .ag-theme-salt-compact-light .ag-large-text-input,
631
- .ag-theme-salt-compact-dark .ag-large-text-input {
632
- padding: 0;
684
+ .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
685
+ .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
686
+ margin-left: var(--salt-spacing-100);
633
687
  }
634
- .ag-theme-salt-light .editable-cell .ag-picker-field-wrapper,
635
- .ag-theme-salt-dark .editable-cell .ag-picker-field-wrapper,
636
- .ag-theme-salt-compact-light .editable-cell .ag-picker-field-wrapper,
637
- .ag-theme-salt-compact-dark .editable-cell .ag-picker-field-wrapper {
638
- background-color: transparent;
639
- border: none;
688
+ .ag-theme-salt-light .ag-filter-active,
689
+ .ag-theme-salt-dark .ag-filter-active,
690
+ .ag-theme-salt-compact-light .ag-filter-active,
691
+ .ag-theme-salt-compact-dark .ag-filter-active {
692
+ --ag-icon-font-code-filter: var(--ag-icon-font-code-filter-filled);
640
693
  }
641
- .ag-theme-salt-light .ag-select .ag-picker-field-wrapper,
642
- .ag-theme-salt-dark .ag-select .ag-picker-field-wrapper,
643
- .ag-theme-salt-compact-light .ag-select .ag-picker-field-wrapper,
644
- .ag-theme-salt-compact-dark .ag-select .ag-picker-field-wrapper {
645
- border: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-editable-borderColor);
646
- border-radius: 0;
694
+ .ag-theme-salt-light .ag-floating-filter:after,
695
+ .ag-theme-salt-dark .ag-floating-filter:after,
696
+ .ag-theme-salt-compact-light .ag-floating-filter:after,
697
+ .ag-theme-salt-compact-dark .ag-floating-filter:after {
698
+ width: 0;
647
699
  }
648
- .ag-theme-salt-light .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
649
- .ag-theme-salt-light .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
650
- .ag-theme-salt-dark .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
651
- .ag-theme-salt-dark .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
652
- .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
653
- .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper,
654
- .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-select .ag-picker-field-wrapper,
655
- .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-rich-select .ag-picker-field-wrapper {
656
- padding: 0 var(--salt-spacing-100);
657
- border-radius: 0;
700
+ .ag-theme-salt-light .ag-ltr .ag-floating-filter-button,
701
+ .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button,
702
+ .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button,
703
+ .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button {
704
+ margin-left: var(--salt-spacing-100);
658
705
  }
659
- .ag-theme-salt-light .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
660
- .ag-theme-salt-light .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
661
- .ag-theme-salt-dark .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
662
- .ag-theme-salt-dark .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
663
- .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
664
- .ag-theme-salt-compact-light .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before,
665
- .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-select .ag-icon-small-down::before,
666
- .ag-theme-salt-compact-dark .ag-ltr .editable-cell .ag-rich-select .ag-icon-small-down::before {
667
- content: var(--ag-icon-font-code-contracted);
706
+ .ag-theme-salt-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
707
+ .ag-theme-salt-dark .ag-ltr .ag-floating-filter-button .ag-button:focus,
708
+ .ag-theme-salt-compact-light .ag-ltr .ag-floating-filter-button .ag-button:focus,
709
+ .ag-theme-salt-compact-dark .ag-ltr .ag-floating-filter-button .ag-button:focus {
710
+ border: none;
711
+ outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
712
+ outline-offset: 2px;
668
713
  }
669
- .ag-theme-salt-light .ag-ltr .ag-select-list-item,
670
- .ag-theme-salt-light .ag-ltr .ag-rich-select-row,
671
- .ag-theme-salt-dark .ag-ltr .ag-select-list-item,
672
- .ag-theme-salt-dark .ag-ltr .ag-rich-select-row,
673
- .ag-theme-salt-compact-light .ag-ltr .ag-select-list-item,
674
- .ag-theme-salt-compact-light .ag-ltr .ag-rich-select-row,
675
- .ag-theme-salt-compact-dark .ag-ltr .ag-select-list-item,
676
- .ag-theme-salt-compact-dark .ag-ltr .ag-rich-select-row {
677
- padding: 0 var(--salt-spacing-100);
714
+ .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=number],
715
+ .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=number],
716
+ .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=number],
717
+ .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=number],
718
+ .ag-theme-salt-light .ag-floating-filter input[class^=ag-][type=text],
719
+ .ag-theme-salt-dark .ag-floating-filter input[class^=ag-][type=text],
720
+ .ag-theme-salt-compact-light .ag-floating-filter input[class^=ag-][type=text],
721
+ .ag-theme-salt-compact-dark .ag-floating-filter input[class^=ag-][type=text] {
722
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100) - 6px);
723
+ margin-inline: var(--salt-spacing-50);
724
+ padding: 0 var(--salt-spacing-50);
678
725
  }
679
- .ag-theme-salt-light .ag-select-list,
680
- .ag-theme-salt-light .ag-rich-select-list,
681
- .ag-theme-salt-dark .ag-select-list,
682
- .ag-theme-salt-dark .ag-rich-select-list,
683
- .ag-theme-salt-compact-light .ag-select-list,
684
- .ag-theme-salt-compact-light .ag-rich-select-list,
685
- .ag-theme-salt-compact-dark .ag-select-list,
686
- .ag-theme-salt-compact-dark .ag-rich-select-list {
687
- border: var(--salt-size-border) var(--salt-selectable-borderStyle-selected) var(--salt-selectable-borderColor-selected);
726
+ .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=text],
727
+ .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=text],
728
+ .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=text],
729
+ .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=text],
730
+ .ag-theme-salt-light .ag-floating-filter-input input[class^=ag-][type=number],
731
+ .ag-theme-salt-dark .ag-floating-filter-input input[class^=ag-][type=number],
732
+ .ag-theme-salt-compact-light .ag-floating-filter-input input[class^=ag-][type=number],
733
+ .ag-theme-salt-compact-dark .ag-floating-filter-input input[class^=ag-][type=number] {
734
+ border: none;
688
735
  }
689
- .ag-theme-salt-light .ag-select-list-item[aria-selected=true],
690
- .ag-theme-salt-light .ag-rich-select-row-selected,
691
- .ag-theme-salt-dark .ag-select-list-item[aria-selected=true],
692
- .ag-theme-salt-dark .ag-rich-select-row-selected,
693
- .ag-theme-salt-compact-light .ag-select-list-item[aria-selected=true],
694
- .ag-theme-salt-compact-light .ag-rich-select-row-selected,
695
- .ag-theme-salt-compact-dark .ag-select-list-item[aria-selected=true],
696
- .ag-theme-salt-compact-dark .ag-rich-select-row-selected {
697
- box-shadow: inset 0px var(--salt-size-border) 0px var(--salt-selectable-borderColor-selected), inset 0px calc(var(--salt-size-border) * -1) 0px var(--salt-selectable-borderColor-selected);
736
+ .ag-theme-salt-light .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
737
+ .ag-theme-salt-dark .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
738
+ .ag-theme-salt-compact-light .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
739
+ .ag-theme-salt-compact-dark .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-menu-visible:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
740
+ .ag-theme-salt-light .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
741
+ .ag-theme-salt-dark .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
742
+ .ag-theme-salt-compact-light .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
743
+ .ag-theme-salt-compact-dark .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving).ag-column-menu-visible:hover,
744
+ .ag-theme-salt-light .ag-header-cell.ag-column-menu-visible,
745
+ .ag-theme-salt-dark .ag-header-cell.ag-column-menu-visible,
746
+ .ag-theme-salt-compact-light .ag-header-cell.ag-column-menu-visible,
747
+ .ag-theme-salt-compact-dark .ag-header-cell.ag-column-menu-visible {
748
+ background: var(--salt-actionable-secondary-background-active);
749
+ color: var(--salt-actionable-secondary-foreground-active);
750
+ --ag-icon-font-color: var(--salt-actionable-secondary-foreground-active);
751
+ --salt-actionable-subtle-background-hover: var(--salt-actionable-subtle-background-active);
698
752
  }
699
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
700
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
701
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after,
702
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top::after {
703
- content: "";
704
- top: 0;
705
- right: 0;
706
- bottom: 0;
707
- left: 0;
708
- position: absolute;
709
- border-top: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
753
+ .ag-theme-salt-light .ag-header-cell.ag-column-menu-visible .ag-icon,
754
+ .ag-theme-salt-dark .ag-header-cell.ag-column-menu-visible .ag-icon,
755
+ .ag-theme-salt-compact-light .ag-header-cell.ag-column-menu-visible .ag-icon,
756
+ .ag-theme-salt-compact-dark .ag-header-cell.ag-column-menu-visible .ag-icon {
757
+ color: var(--salt-actionable-secondary-foreground-active);
710
758
  }
711
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
712
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
713
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after,
714
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right::after {
715
- content: "";
716
- top: 0;
717
- right: 0;
718
- bottom: 0;
719
- left: 0;
720
- position: absolute;
721
- border-right: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
759
+ .ag-theme-salt-light .ag-cell-label-container,
760
+ .ag-theme-salt-dark .ag-cell-label-container,
761
+ .ag-theme-salt-compact-light .ag-cell-label-container,
762
+ .ag-theme-salt-compact-dark .ag-cell-label-container {
763
+ padding: var(--salt-spacing-50) 0;
722
764
  }
723
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
724
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
725
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after,
726
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom::after {
727
- content: "";
728
- top: 0;
729
- right: 0;
730
- bottom: 0;
731
- left: 0;
732
- position: absolute;
733
- border-bottom: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
765
+ .ag-theme-salt-light .ag-list-item:hover,
766
+ .ag-theme-salt-dark .ag-list-item:hover,
767
+ .ag-theme-salt-compact-light .ag-list-item:hover,
768
+ .ag-theme-salt-compact-dark .ag-list-item:hover,
769
+ .ag-theme-salt-light .ag-virtual-list-item:hover,
770
+ .ag-theme-salt-dark .ag-virtual-list-item:hover,
771
+ .ag-theme-salt-compact-light .ag-virtual-list-item:hover,
772
+ .ag-theme-salt-compact-dark .ag-virtual-list-item:hover {
773
+ background-color: var(--salt-selectable-background-hover);
774
+ cursor: pointer;
734
775
  }
735
- .ag-theme-salt-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
736
- .ag-theme-salt-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
737
- .ag-theme-salt-compact-light .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after,
738
- .ag-theme-salt-compact-dark .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left::after {
739
- content: "";
740
- top: 0;
741
- right: 0;
742
- bottom: 0;
743
- left: 0;
744
- position: absolute;
745
- border-left: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
776
+ .ag-theme-salt-light .ag-label-align-right .ag-label,
777
+ .ag-theme-salt-dark .ag-label-align-right .ag-label,
778
+ .ag-theme-salt-compact-light .ag-label-align-right .ag-label,
779
+ .ag-theme-salt-compact-dark .ag-label-align-right .ag-label {
780
+ margin-inline-start: var(--salt-spacing-100);
781
+ margin-inline-end: 0;
746
782
  }
747
783
 
748
784
  /* css/parts/ag-input.css */
@@ -824,199 +860,186 @@ div[class*=ag-theme-salt-compact] {
824
860
  }
825
861
  .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
826
862
  .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-],
827
- .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
828
- .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-] {
829
- border-color: var(--salt-selectable-borderColor-selected);
830
- }
831
- .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
832
- .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
833
- .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
834
- .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus {
835
- outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
836
- }
837
-
838
- /* css/parts/ag-checkbox.css */
839
- .ag-theme-salt-light .ag-checkbox-input-wrapper,
840
- .ag-theme-salt-dark .ag-checkbox-input-wrapper,
841
- .ag-theme-salt-compact-light .ag-checkbox-input-wrapper,
842
- .ag-theme-salt-compact-dark .ag-checkbox-input-wrapper {
843
- height: var(--salt-size-selectable);
844
- width: var(--salt-size-selectable);
845
- font-size: var(--salt-size-selectable);
846
- line-height: var(--salt-size-selectable);
847
- }
848
-
849
- /* css/parts/ag-buttons.css */
850
- .ag-theme-salt-light .ag-standard-button,
851
- .ag-theme-salt-dark .ag-standard-button,
852
- .ag-theme-salt-compact-light .ag-standard-button,
853
- .ag-theme-salt-compact-dark .ag-standard-button {
854
- background: var(--salt-actionable-secondary-background);
855
- border: 0;
856
- color: var(--salt-actionable-secondary-foreground);
857
- font-size: var(--salt-text-fontSize);
858
- font-weight: 600;
859
- height: var(--salt-size-base);
860
- padding: 0 var(--salt-spacing-100);
861
- text-transform: uppercase;
862
- }
863
- .ag-theme-salt-light .ag-standard-button:hover,
864
- .ag-theme-salt-dark .ag-standard-button:hover,
865
- .ag-theme-salt-compact-light .ag-standard-button:hover,
866
- .ag-theme-salt-compact-dark .ag-standard-button:hover {
867
- background-color: var(--salt-actionable-secondary-background-hover);
868
- color: var(--salt-actionable-secondary-foreground-hover);
869
- }
870
- .ag-theme-salt-light .ag-ltr .ag-filter-apply-panel-button,
871
- .ag-theme-salt-dark .ag-ltr .ag-filter-apply-panel-button,
872
- .ag-theme-salt-compact-light .ag-ltr .ag-filter-apply-panel-button,
873
- .ag-theme-salt-compact-dark .ag-ltr .ag-filter-apply-panel-button {
874
- margin-left: 8px;
875
- }
876
- .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
877
- .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
878
- .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
879
- .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton],
880
- .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
881
- .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
882
- .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton],
883
- .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton] {
884
- background: var(--salt-actionable-cta-background);
885
- color: var(--salt-actionable-cta-foreground);
886
- }
887
- .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
888
- .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
889
- .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
890
- .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[ref=applyFilterButton]:hover,
891
- .ag-theme-salt-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
892
- .ag-theme-salt-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
893
- .ag-theme-salt-compact-light .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover,
894
- .ag-theme-salt-compact-dark .ag-standard-button.ag-filter-apply-panel-button[data-ref=applyFilterButton]:hover {
895
- background: var(--salt-actionable-cta-background-hover);
896
- color: var(--salt-actionable-cta-foreground-hover);
897
- }
898
- .ag-theme-salt-light .ag-keyboard-focus .ag-header-cell:focus:after,
899
- .ag-theme-salt-dark .ag-keyboard-focus .ag-header-cell:focus:after,
900
- .ag-theme-salt-compact-light .ag-keyboard-focus .ag-header-cell:focus:after,
901
- .ag-theme-salt-compact-dark .ag-keyboard-focus .ag-header-cell:focus:after {
902
- border: 0;
903
- }
904
- .ag-theme-salt-light button[class^=ag-]:focus,
905
- .ag-theme-salt-dark button[class^=ag-]:focus,
906
- .ag-theme-salt-compact-light button[class^=ag-]:focus,
907
- .ag-theme-salt-compact-dark button[class^=ag-]:focus,
908
- .ag-theme-salt-light input[class^=ag-][type=button]:focus,
909
- .ag-theme-salt-dark input[class^=ag-][type=button]:focus,
910
- .ag-theme-salt-compact-light input[class^=ag-][type=button]:focus,
911
- .ag-theme-salt-compact-dark input[class^=ag-][type=button]:focus {
912
- box-shadow: none;
913
- outline-style: var(--salt-focused-outlineStyle);
914
- outline-width: var(--salt-focused-outlineWidth);
915
- outline-color: var(--salt-focused-outlineColor);
916
- outline-offset: var(--salt-focused-outlineOffset);
863
+ .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-],
864
+ .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-] {
865
+ border-color: var(--salt-selectable-borderColor-selected);
917
866
  }
918
- .ag-theme-salt-light .ag-menu .ag-filter-body-wrapper,
919
- .ag-theme-salt-dark .ag-menu .ag-filter-body-wrapper,
920
- .ag-theme-salt-compact-light .ag-menu .ag-filter-body-wrapper,
921
- .ag-theme-salt-compact-dark .ag-menu .ag-filter-body-wrapper {
922
- display: flex;
923
- flex-direction: column;
924
- gap: 0;
925
- padding: 0;
926
- margin-top: var(--salt-spacing-100);
867
+ .ag-theme-salt-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
868
+ .ag-theme-salt-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
869
+ .ag-theme-salt-compact-light .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus,
870
+ .ag-theme-salt-compact-dark .ag-popup-editor .ag-large-text textarea[class^=ag-]:focus {
871
+ outline: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
927
872
  }
928
- .ag-theme-salt-light .ag-menu .ag-menu-column-select-wrapper,
929
- .ag-theme-salt-dark .ag-menu .ag-menu-column-select-wrapper,
930
- .ag-theme-salt-compact-light .ag-menu .ag-menu-column-select-wrapper,
931
- .ag-theme-salt-compact-dark .ag-menu .ag-menu-column-select-wrapper {
932
- margin-top: var(--salt-spacing-100);
873
+
874
+ /* css/parts/ag-menus.css */
875
+ .ag-theme-salt-light .ag-menu,
876
+ .ag-theme-salt-dark .ag-menu,
877
+ .ag-theme-salt-compact-light .ag-menu,
878
+ .ag-theme-salt-compact-dark .ag-menu {
879
+ padding: var(--salt-spacing-100);
880
+ border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-selectable-borderColor-selected);
933
881
  }
934
- .ag-theme-salt-light .ag-simple-filter-body-wrapper > *,
935
- .ag-theme-salt-dark .ag-simple-filter-body-wrapper > *,
936
- .ag-theme-salt-compact-light .ag-simple-filter-body-wrapper > *,
937
- .ag-theme-salt-compact-dark .ag-simple-filter-body-wrapper > * {
938
- margin-bottom: var(--salt-spacing-100);
882
+ .ag-theme-salt-light .ag-tabs,
883
+ .ag-theme-salt-dark .ag-tabs,
884
+ .ag-theme-salt-compact-light .ag-tabs,
885
+ .ag-theme-salt-compact-dark .ag-tabs {
886
+ padding: var(--salt-spacing-100);
939
887
  }
940
- .ag-theme-salt-light .ag-mini-filter,
941
- .ag-theme-salt-dark .ag-mini-filter,
942
- .ag-theme-salt-compact-light .ag-mini-filter,
943
- .ag-theme-salt-compact-dark .ag-mini-filter {
944
- margin: 0;
945
- padding-left: var(--salt-spacing-50);
946
- padding-right: var(--salt-spacing-50);
888
+ .ag-theme-salt-light .ag-popup-child:not(.ag-tooltip-custom),
889
+ .ag-theme-salt-dark .ag-popup-child:not(.ag-tooltip-custom),
890
+ .ag-theme-salt-compact-light .ag-popup-child:not(.ag-tooltip-custom),
891
+ .ag-theme-salt-compact-dark .ag-popup-child:not(.ag-tooltip-custom) {
892
+ box-shadow: var(--salt-overlayable-shadow-popout);
947
893
  }
948
- .ag-theme-salt-light .ag-set-filter-item,
949
- .ag-theme-salt-dark .ag-set-filter-item,
950
- .ag-theme-salt-compact-light .ag-set-filter-item,
951
- .ag-theme-salt-compact-dark .ag-set-filter-item {
952
- margin: 0;
953
- padding-left: var(--salt-spacing-100);
954
- padding-right: var(--salt-spacing-100);
894
+ .ag-theme-salt-light .ag-menu-header,
895
+ .ag-theme-salt-dark .ag-menu-header,
896
+ .ag-theme-salt-compact-light .ag-menu-header,
897
+ .ag-theme-salt-compact-dark .ag-menu-header {
898
+ border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
899
+ background-color: var(--salt-container-primary-background);
955
900
  }
956
- .ag-theme-salt-light .ag-status-bar,
957
- .ag-theme-salt-dark .ag-status-bar,
958
- .ag-theme-salt-compact-light .ag-status-bar,
959
- .ag-theme-salt-compact-dark .ag-status-bar {
960
- border: none;
961
- border-top: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
962
- color: var(--salt-content-secondary-foreground);
963
- font-size: var(--salt-text-fontSize);
964
- font-weight: var(--salt-text-label-fontWeight);
965
- line-height: var(--salt-size-base);
966
- height: var(--salt-size-base);
967
- padding: 0 var(--salt-spacing-100);
901
+ .ag-theme-salt-light .ag-menu-body,
902
+ .ag-theme-salt-dark .ag-menu-body,
903
+ .ag-theme-salt-compact-light .ag-menu-body,
904
+ .ag-theme-salt-compact-dark .ag-menu-body {
905
+ padding: 0;
968
906
  }
969
- .ag-theme-salt-light .ag-status-name-value,
970
- .ag-theme-salt-dark .ag-status-name-value,
971
- .ag-theme-salt-compact-light .ag-status-name-value,
972
- .ag-theme-salt-compact-dark .ag-status-name-value {
907
+ .ag-theme-salt-light .ag-menu-separator,
908
+ .ag-theme-salt-dark .ag-menu-separator,
909
+ .ag-theme-salt-compact-light .ag-menu-separator,
910
+ .ag-theme-salt-compact-dark .ag-menu-separator {
911
+ height: var(--salt-size-border);
912
+ }
913
+ .ag-theme-salt-light .ag-menu-list,
914
+ .ag-theme-salt-dark .ag-menu-list,
915
+ .ag-theme-salt-compact-light .ag-menu-list,
916
+ .ag-theme-salt-compact-dark .ag-menu-list {
973
917
  padding: 0;
974
- margin: 0 var(--salt-spacing-100);
975
918
  }
976
- .ag-theme-salt-light .ag-status-name-value-value,
977
- .ag-theme-salt-dark .ag-status-name-value-value,
978
- .ag-theme-salt-compact-light .ag-status-name-value-value,
979
- .ag-theme-salt-compact-dark .ag-status-name-value-value {
980
- font-weight: var(--salt-text-fontWeight-strong);
981
- color: var(--salt-content-primary-foreground);
919
+ .ag-theme-salt-light .ag-menu-option,
920
+ .ag-theme-salt-dark .ag-menu-option,
921
+ .ag-theme-salt-compact-light .ag-menu-option,
922
+ .ag-theme-salt-compact-dark .ag-menu-option {
923
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100));
982
924
  }
983
- .ag-theme-salt-light .ag-paging-panel,
984
- .ag-theme-salt-dark .ag-paging-panel,
985
- .ag-theme-salt-compact-light .ag-paging-panel,
986
- .ag-theme-salt-compact-dark .ag-paging-panel {
987
- border-color: var(--salt-separable-secondary-borderColor);
925
+ .ag-theme-salt-light .ag-menu-option-icon,
926
+ .ag-theme-salt-light .ag-compact-menu-option-icon,
927
+ .ag-theme-salt-dark .ag-menu-option-icon,
928
+ .ag-theme-salt-dark .ag-compact-menu-option-icon,
929
+ .ag-theme-salt-compact-light .ag-menu-option-icon,
930
+ .ag-theme-salt-compact-light .ag-compact-menu-option-icon,
931
+ .ag-theme-salt-compact-dark .ag-menu-option-icon,
932
+ .ag-theme-salt-compact-dark .ag-compact-menu-option-icon {
933
+ padding-inline-start: var(--salt-spacing-100);
988
934
  }
989
- .ag-theme-salt-light .ag-floating-bottom,
990
- .ag-theme-salt-dark .ag-floating-bottom,
991
- .ag-theme-salt-compact-light .ag-floating-bottom,
992
- .ag-theme-salt-compact-dark .ag-floating-bottom {
993
- border-color: var(--salt-container-primary-borderColor);
935
+ .ag-theme-salt-light .ag-tab,
936
+ .ag-theme-salt-dark .ag-tab,
937
+ .ag-theme-salt-compact-light .ag-tab,
938
+ .ag-theme-salt-compact-dark .ag-tab {
939
+ height: calc(var(--salt-size-base) + var(--salt-spacing-100));
940
+ flex: 1 1 auto;
994
941
  }
995
- .ag-theme-salt-light .ag-column-drop-horizontal,
996
- .ag-theme-salt-dark .ag-column-drop-horizontal,
997
- .ag-theme-salt-compact-light .ag-column-drop-horizontal,
998
- .ag-theme-salt-compact-dark .ag-column-drop-horizontal {
999
- border-bottom: var(--salt-size-border) var(--salt-separable-borderStyle) var(--salt-container-primary-borderColor);
942
+ .ag-theme-salt-light .ag-column-select-header,
943
+ .ag-theme-salt-dark .ag-column-select-header,
944
+ .ag-theme-salt-compact-light .ag-column-select-header,
945
+ .ag-theme-salt-compact-dark .ag-column-select-header {
1000
946
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
947
+ border: 0;
1001
948
  }
1002
- .ag-theme-salt-light .ag-column-drop-cell,
1003
- .ag-theme-salt-dark .ag-column-drop-cell,
1004
- .ag-theme-salt-compact-light .ag-column-drop-cell,
1005
- .ag-theme-salt-compact-dark .ag-column-drop-cell {
1006
- border-radius: 0;
949
+
950
+ /* css/parts/ag-root-var.css */
951
+ div[class*=ag-theme-salt] {
952
+ --ag-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
953
+ --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
954
+ --ag-background-color: var(--salt-container-primary-background);
955
+ --ag-border-color: var(--salt-separable-secondary-borderColor);
956
+ --ag-borders-secondary: var(--salt-size-border) var(--salt-separable-borderStyle);
957
+ --ag-card-radius: var(--salt-palette-corner);
958
+ --ag-cell-horizontal-padding: var(--salt-spacing-100);
959
+ --ag-checkbox-border-radius: 0;
960
+ --ag-checkbox-checked-color: var(--salt-selectable-foreground-selected);
961
+ --ag-checkbox-indeterminate-color: var(--salt-selectable-foreground);
962
+ --ag-checkbox-unchecked-color: var(--salt-selectable-borderColor);
963
+ --ag-chip-background-color: var(--salt-actionable-primary-background);
964
+ --ag-data-color: var(--salt-content-primary-foreground);
965
+ --ag-disabled-foreground-color: var(--salt-content-primary-foreground-disabled);
966
+ --ag-font-family: var(--salt-text-fontFamily);
967
+ --ag-font-size: var(--salt-text-fontSize);
968
+ --ag-foreground-color: var(--salt-content-primary-foreground);
969
+ --ag-grid-size: var(--salt-spacing-50);
970
+ --ag-header-background-color: var(--salt-container-primary-background);
971
+ --ag-header-cell-hover-background-color: var(--ag-header-background-color);
972
+ --ag-header-column-separator-color: var(--salt-separable-tertiary-borderColor);
973
+ --ag-header-column-separator-display: block;
974
+ --ag-header-column-separator-height: calc(var(--salt-size-base) / 2 - 2 * var(--salt-size-border));
975
+ --ag-header-column-separator-width: var(--salt-size-border);
976
+ --ag-header-foreground-color: var(--salt-content-secondary-foreground);
977
+ --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
978
+ --ag-icon-size: max(var(--salt-size-icon), 12px);
979
+ --ag-input-border-color: var(--salt-editable-borderColor);
980
+ --ag-input-focus-border-color: var(--salt-editable-borderColor-hover);
981
+ --ag-input-focus-box-shadow: none;
982
+ --ag-invalid-color: var(--salt-status-error-foreground-informative);
983
+ --ag-list-item-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
984
+ --ag-material-primary-color: var(--salt-editable-borderColor);
985
+ --ag-modal-overlay-background-color: var(--salt-overlayable-background);
986
+ --ag-popup-shadow: var(--salt-overlayable-shadow-modal);
987
+ --ag-range-selection-background-color: var(--salt-overlayable-background-rangeSelection);
988
+ --ag-range-selection-border-style: none;
989
+ --ag-range-selection-highlight-color: var(--salt-overlayable-background-highlight);
990
+ --ag-row-group-indent-size: calc(var(--ag-icon-size) + var(--ag-cell-widget-spacing));
991
+ --ag-row-hover-color: var(--salt-selectable-background-hover);
992
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
993
+ --ag-secondary-foreground-color: var(--salt-content-primary-foreground);
994
+ --ag-selected-row-background-color: var(--salt-selectable-background-selected);
995
+ --ag-selected-tab-underline-color: var(--salt-navigable-indicator-active);
996
+ --ag-selected-tab-underline-width: var(--salt-size-indicator);
997
+ --ag-subheader-background-color: var(--salt-container-primary-background);
998
+ --ag-control-panel-background-color: var(--salt-container-primary-background);
999
+ --ag-toggle-button-off-background-color: var(--salt-container-primary-background);
1000
+ --ag-toggle-button-off-border-color: var(--salt-selectable-borderColor);
1001
+ --ag-toggle-button-on-background-color: var(--salt-container-primary-background);
1002
+ --ag-toggle-button-on-border-color: var(--salt-selectable-borderColor-selected);
1003
+ --ag-toggle-button-switch-border-color: var(--salt-container-primary-background);
1004
+ --ag-toggle-button-switch-background-color: var(--salt-selectable-foreground);
1005
+ --ag-tooltip-background-color: var(--salt-container-primary-background);
1006
+ --ag-value-change-delta-down-color: var(--salt-status-negative-foreground);
1007
+ --ag-value-change-delta-up-color: var(--salt-status-positive-foreground);
1008
+ --ag-widget-container-horizontal-padding: var(--salt-spacing-100);
1009
+ }
1010
+ div[class*=ag-theme-salt-compact] {
1011
+ --salt-size-base: 16px;
1012
+ --salt-size-selectable: 12px;
1013
+ }
1014
+ div[class*=ag-theme-salt].ag-theme-salt-variant-secondary {
1015
+ --ag-header-background-color: var(--salt-container-secondary-background);
1016
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1017
+ --ag-background-color: var(--salt-container-secondary-background);
1007
1018
  }
1008
- .ag-theme-salt-variant-secondary .ag-header {
1009
- background-color: var(--salt-container-secondary-background);
1019
+ div[class*=ag-theme-salt].ag-theme-salt-variant-zebra {
1020
+ --ag-background-color: var(--salt-container-secondary-background);
1021
+ --ag-odd-row-background-color: var(--salt-container-primary-background);
1022
+ --ag-header-background-color: var(--salt-container-primary-background);
1023
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1010
1024
  }
1011
- .ag-theme-salt-variant-secondary .ag-row {
1012
- background-color: var(--salt-container-secondary-background);
1013
- border-color: var(--salt-separable-tertiary-borderColor);
1025
+ .ag-theme-salt-light .ag-root-wrapper,
1026
+ .ag-theme-salt-dark .ag-root-wrapper,
1027
+ .ag-theme-salt-compact-light .ag-root-wrapper,
1028
+ .ag-theme-salt-compact-dark .ag-root-wrapper {
1029
+ border: none;
1014
1030
  }
1015
- .ag-theme-salt-variant-zebra .ag-row-even:not(.ag-row-hover, .ag-row-selected) {
1016
- background-color: var(--salt-container-secondary-background);
1031
+
1032
+ /* css/parts/ag-toggle-button.css */
1033
+ .ag-toggle-button-input-wrapper::before {
1034
+ top: calc(1px - var(--ag-toggle-button-border-width));
1035
+ left: calc(1px - var(--ag-toggle-button-border-width));
1036
+ height: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
1037
+ width: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
1017
1038
  }
1018
- .ag-theme-salt-variant-zebra .ag-row {
1019
- border-color: var(--salt-separable-tertiary-borderColor);
1039
+ .ag-toggle-button-input-wrapper.ag-checked::before {
1040
+ --ag-toggle-button-switch-background-color: var(--salt-selectable-borderColor-selected);
1041
+ border-color: var(--ag-toggle-button-switch-border-color);
1042
+ left: calc(100% - var(--ag-toggle-button-height) + 2 * var(--ag-toggle-button-border-width));
1020
1043
  }
1021
1044
 
1022
1045
  /* css/parts/ag-tool-panel.css */
@@ -1051,31 +1074,6 @@ div[class*=ag-theme-salt-compact] {
1051
1074
  margin-bottom: var(--salt-spacing-100);
1052
1075
  }
1053
1076
 
1054
- /* css/parts/ag-toggle-button.css */
1055
- .ag-toggle-button-input-wrapper::before {
1056
- top: calc(1px - var(--ag-toggle-button-border-width));
1057
- left: calc(1px - var(--ag-toggle-button-border-width));
1058
- height: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
1059
- width: calc(var(--ag-toggle-button-height) - 2 * var(--ag-toggle-button-border-width));
1060
- }
1061
- .ag-toggle-button-input-wrapper.ag-checked::before {
1062
- --ag-toggle-button-switch-background-color: var(--salt-selectable-borderColor-selected);
1063
- border-color: var(--ag-toggle-button-switch-border-color);
1064
- left: calc(100% - var(--ag-toggle-button-height) + 2 * var(--ag-toggle-button-border-width));
1065
- }
1066
-
1067
- /* css/parts/ag-column-drop-list.css */
1068
- .ag-column-drop-cell-drag-handle {
1069
- margin-left: 0;
1070
- }
1071
- .ag-column-drop-cell {
1072
- height: calc(var(--salt-size-base) - var(--salt-spacing-100));
1073
- padding: 0 var(--salt-spacing-50);
1074
- }
1075
- .ag-column-drop-cell-button {
1076
- min-width: unset;
1077
- }
1078
-
1079
1077
  /* css/salt-ag-grid-theme.css */
1080
1078
 
1081
1079
  /* css/salt-icons.css */