@salt-ds/ag-grid-theme 2.1.0 → 2.1.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 +2 -2
  2. package/salt-ag-theme.css +24 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salt-ds/ag-grid-theme",
3
- "version": "2.1.0",
3
+ "version": "2.1.2",
4
4
  "license": "Apache-2.0",
5
5
  "repository": {
6
6
  "type": "git",
@@ -25,6 +25,6 @@
25
25
  "del": "^7.0.0"
26
26
  },
27
27
  "peerDependencies": {
28
- "@salt-ds/theme": "^1.22.0"
28
+ "@salt-ds/theme": "^1.23.2"
29
29
  }
30
30
  }
package/salt-ag-theme.css CHANGED
@@ -1,4 +1,4 @@
1
- /* css/salt-ag-grid-theme.css */
1
+ /* css/parts/ag-root-var.css */
2
2
  div[class*=ag-theme-salt] {
3
3
  --ag-row-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
4
4
  --ag-header-height: calc(var(--salt-size-base) + var(--salt-spacing-100));
@@ -63,6 +63,8 @@ div[class*=ag-theme-salt-compact] {
63
63
  div[class*=ag-theme-salt] .ag-root-wrapper {
64
64
  border: none;
65
65
  }
66
+
67
+ /* css/parts/ag-header.css */
66
68
  div[class*=ag-theme-salt] .ag-header {
67
69
  --ag-icon-font-color: var(--ag-header-foreground-color);
68
70
  }
@@ -138,6 +140,8 @@ div[class*=ag-theme-salt] .ag-label-align-right .ag-label {
138
140
  margin-inline-start: var(--salt-spacing-100);
139
141
  margin-inline-end: 0;
140
142
  }
143
+
144
+ /* css/parts/ag-menus.css */
141
145
  div[class*=ag-theme-salt] .ag-menu {
142
146
  padding: 0;
143
147
  border: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-selectable-borderColor-selected);
@@ -176,6 +180,8 @@ div[class*=ag-theme-salt] .ag-column-select-header {
176
180
  height: calc(var(--salt-size-base) + var(--salt-spacing-100));
177
181
  border: 0;
178
182
  }
183
+
184
+ /* css/parts/ag-body.css */
179
185
  div[class*=ag-theme-salt] .ag-row {
180
186
  font-size: var(--salt-text-fontSize);
181
187
  }
@@ -211,9 +217,9 @@ div[class*=ag-theme-salt] .editable-cell,
211
217
  div[class*=ag-theme-salt] .editable-numeric-cell {
212
218
  outline: var(--salt-size-border) var(--salt-container-borderStyle) var(--salt-editable-borderColor);
213
219
  outline-offset: -1px;
214
- text-align: right;
215
220
  }
216
- div[class*=ag-theme-salt] .ag-cell.numeric-cell {
221
+ div[class*=ag-theme-salt] .ag-cell.numeric-cell,
222
+ div[class*=ag-theme-salt] .editable-numeric-cell {
217
223
  text-align: right;
218
224
  }
219
225
  div[class*=ag-theme-salt] .ag-cell.numeric-cell.ag-cell-inline-editing .ag-cell-editor input:not(:focus) {
@@ -295,6 +301,8 @@ div[class*=ag-theme-salt] .ag-cell.ag-cell-range-selected:not(.ag-cell-range-sin
295
301
  position: absolute;
296
302
  border-left: var(--salt-focused-outlineWidth) var(--salt-focused-outlineStyle) var(--salt-focused-outlineColor);
297
303
  }
304
+
305
+ /* css/parts/ag-input.css */
298
306
  div[class*=ag-theme-salt] .ag-filter input[class^=ag-][type=text],
299
307
  div[class*=ag-theme-salt] .ag-filter input[class^=ag-][type=number],
300
308
  div[class*=ag-theme-salt] .ag-column-select input[class^=ag-][type=text],
@@ -322,12 +330,16 @@ div[class*=ag-theme-salt] .ag-floating-filter-input input[class^=ag-][type=text]
322
330
  div[class*=ag-theme-salt] .ag-floating-filter-input input[class^=ag-][type=number] {
323
331
  border: none;
324
332
  }
333
+
334
+ /* css/parts/ag-checkbox.css */
325
335
  div[class*=ag-theme-salt] .ag-checkbox-input-wrapper {
326
336
  height: var(--salt-size-selectable);
327
337
  width: var(--salt-size-selectable);
328
338
  font-size: var(--salt-size-selectable);
329
339
  line-height: var(--salt-size-selectable);
330
340
  }
341
+
342
+ /* css/parts/ag-buttons.css */
331
343
  div[class*=ag-theme-salt] .ag-standard-button {
332
344
  background: var(--salt-actionable-secondary-background);
333
345
  border: 0;
@@ -448,6 +460,8 @@ div[class*=ag-theme-salt] .ag-column-drop-cell {
448
460
  .ag-theme-salt-variant-zebra .ag-row {
449
461
  border-color: var(--salt-separable-tertiary-borderColor);
450
462
  }
463
+
464
+ /* css/parts/ag-tool-panel.css */
451
465
  div[class*=ag-theme-salt] .ag-tool-panel-wrapper > .ag-react-container {
452
466
  width: inherit;
453
467
  }
@@ -463,6 +477,8 @@ div[class*=ag-theme-salt] .ag-column-drop-vertical-empty-message {
463
477
  div[class*=ag-theme-salt] .ag-side-button-icon-wrapper {
464
478
  margin-bottom: var(--salt-spacing-100);
465
479
  }
480
+
481
+ /* css/parts/ag-toggle-button.css */
466
482
  .ag-toggle-button-input-wrapper::before {
467
483
  top: calc(1px - var(--ag-toggle-button-border-width));
468
484
  left: calc(1px - var(--ag-toggle-button-border-width));
@@ -474,6 +490,8 @@ div[class*=ag-theme-salt] .ag-side-button-icon-wrapper {
474
490
  border-color: var(--ag-toggle-button-switch-border-color);
475
491
  left: calc(100% - var(--ag-toggle-button-height) + 2 * var(--ag-toggle-button-border-width));
476
492
  }
493
+
494
+ /* css/parts/ag-column-drop-list.css */
477
495
  .ag-column-drop-cell-drag-handle {
478
496
  margin-left: 0;
479
497
  }
@@ -485,10 +503,12 @@ div[class*=ag-theme-salt] .ag-side-button-icon-wrapper {
485
503
  min-width: unset;
486
504
  }
487
505
 
506
+ /* css/salt-ag-grid-theme.css */
507
+
488
508
  /* css/salt-icons.css */
489
509
  @font-face {
490
510
  font-family: "salt-icons";
491
- src: url(./fonts/salt-icons.woff) format("woff");
511
+ src: url("./fonts/salt-icons.woff") format("woff");
492
512
  }
493
513
  [class*=ag-theme-salt] {
494
514
  --ag-icon-image-display: none;