@salt-ds/ag-grid-theme 2.7.0 → 2.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +2 -2
  2. package/salt-ag-theme.css +19 -13
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/ag-grid-theme",
3
- "version": "2.7.0",
3
+ "version": "2.8.0",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,7 +28,7 @@
28
28
  "del": "^8.0.0"
29
29
  },
30
30
  "peerDependencies": {
31
- "@salt-ds/theme": "^1.39.0",
31
+ "@salt-ds/theme": "^1.41.0",
32
32
  "ag-grid-community": ">=28.0.0"
33
33
  }
34
34
  }
package/salt-ag-theme.css CHANGED
@@ -1182,17 +1182,6 @@ div[class*=ag-theme-salt-compact] {
1182
1182
  --salt-size-base: 16px;
1183
1183
  --salt-size-selectable: 12px;
1184
1184
  }
1185
- div[class*=ag-theme-salt].ag-theme-salt-variant-secondary {
1186
- --ag-header-background-color: var(--salt-container-secondary-background);
1187
- --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1188
- --ag-background-color: var(--salt-container-secondary-background);
1189
- }
1190
- div[class*=ag-theme-salt].ag-theme-salt-variant-zebra {
1191
- --ag-background-color: var(--salt-container-secondary-background);
1192
- --ag-odd-row-background-color: var(--salt-container-primary-background);
1193
- --ag-header-background-color: var(--salt-container-primary-background);
1194
- --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1195
- }
1196
1185
  .ag-theme-salt-light .ag-root-wrapper,
1197
1186
  .ag-theme-salt-dark .ag-root-wrapper,
1198
1187
  .ag-theme-salt-compact-light .ag-root-wrapper,
@@ -1201,17 +1190,34 @@ div[class*=ag-theme-salt].ag-theme-salt-variant-zebra {
1201
1190
  }
1202
1191
 
1203
1192
  /* css/parts/ag-row.css */
1204
- .ag-theme-salt-variant-secondary.ag-theme-salt-variant-secondary {
1193
+ div[class*=ag-theme-salt].ag-theme-salt-variant-secondary {
1205
1194
  --ag-header-background-color: var(--salt-container-secondary-background);
1206
1195
  --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1207
1196
  --ag-background-color: var(--salt-container-secondary-background);
1208
1197
  }
1209
- .ag-theme-salt-variant-zebra.ag-theme-salt-variant-zebra {
1198
+ div[class*=ag-theme-salt].ag-theme-salt-variant-tertiary {
1199
+ --ag-header-background-color: var(--salt-container-tertiary-background);
1200
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1201
+ --ag-background-color: var(--salt-container-tertiary-background);
1202
+ }
1203
+ div[class*=ag-theme-salt].ag-theme-salt-variant-zebra {
1210
1204
  --ag-background-color: var(--salt-container-secondary-background);
1211
1205
  --ag-odd-row-background-color: var(--salt-container-primary-background);
1212
1206
  --ag-header-background-color: var(--salt-container-primary-background);
1213
1207
  --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1214
1208
  }
1209
+ div[class*=ag-theme-salt].ag-theme-salt-variant-secondary.ag-theme-salt-variant-zebra {
1210
+ --ag-background-color: var(--salt-container-primary-background);
1211
+ --ag-odd-row-background-color: var(--salt-container-secondary-background);
1212
+ --ag-header-background-color: var(--salt-container-secondary-background);
1213
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1214
+ }
1215
+ div[class*=ag-theme-salt].ag-theme-salt-variant-tertiary.ag-theme-salt-variant-zebra {
1216
+ --ag-background-color: var(--salt-container-primary-background);
1217
+ --ag-odd-row-background-color: var(--salt-container-tertiary-background);
1218
+ --ag-header-background-color: var(--salt-container-tertiary-background);
1219
+ --ag-secondary-border-color: var(--salt-separable-tertiary-borderColor);
1220
+ }
1215
1221
  .error-row {
1216
1222
  --ag-background-color: var(--salt-status-error-background);
1217
1223
  --ag-selected-row-background-color: var(--salt-status-error-background-selected);