@skyux/ag-grid 12.31.0 → 12.32.1

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 (4) hide show
  1. package/css/sky-ag-grid.css +17 -18
  2. package/fesm2022/skyux-ag-grid.mjs +0 -1
  3. package/fesm2022/skyux-ag-grid.mjs.map +1 -1
  4. package/package.json +13 -13
package/css/sky-ag-grid.css CHANGED
@@ -266,6 +266,14 @@
266
266
  );
267
267
  --ag-focus-shadow: none;
268
268
  }
269
+ .ag-theme-sky-data-grid-default .ag-checkbox .ag-checked,
270
+ .ag-theme-sky-data-entry-grid-default .ag-checkbox .ag-checked,
271
+ .ag-theme-sky-data-grid-modern-light .ag-checkbox .ag-checked,
272
+ .ag-theme-sky-data-entry-grid-modern-light .ag-checkbox .ag-checked,
273
+ .ag-theme-sky-data-grid-modern-light-compact .ag-checkbox .ag-checked,
274
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-checkbox .ag-checked {
275
+ background: var(--sky-override-ag-grid-checkbox-checked-background-color, var(--sky-color-background-selected-switch-base));
276
+ }
269
277
  .ag-theme-sky-data-grid-default .ag-disabled,
270
278
  .ag-theme-sky-data-entry-grid-default .ag-disabled,
271
279
  .ag-theme-sky-data-grid-modern-light .ag-disabled,
@@ -291,22 +299,15 @@
291
299
  --sky-override-ag-grid-checkbox-disabled-color,
292
300
  var(--sky-color-text-deemphasized)
293
301
  );
294
- --ag-checkbox-checked-background-color: var(
295
- --sky-override-ag-grid-checkbox-checked-background-color,
296
- var(--sky-color-background-input-disabled)
297
- );
298
302
  --ag-checkbox-checked-border-color: var(
299
303
  --sky-override-ag-grid-checkbox-checked-border-color,
300
304
  var(--sky-color-border-input-disabled)
301
305
  );
302
- --ag-checkbox-unchecked-background-color: var(
303
- --sky-override-ag-grid-checkbox-checked-background-color,
304
- var(--sky-color-background-input-disabled)
305
- );
306
306
  --ag-checkbox-unchecked-border-color: var(
307
307
  --sky-override-ag-grid-checkbox-checked-border-color,
308
308
  var(--sky-color-border-input-disabled)
309
309
  );
310
+ background: var(--sky-override-ag-grid-checkbox-disabled-background-color, var(--sky-color-background-selected-switch-disabled));
310
311
  }
311
312
  .ag-theme-sky-data-grid-default .ag-picker-field-wrapper,
312
313
  .ag-theme-sky-data-entry-grid-default .ag-picker-field-wrapper,
@@ -638,21 +639,14 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
638
639
  outline: var(--sky-color-border-input-focus, var(--ag-range-selection-border-color)) solid var(--sky-border-width-input-focus, 2px);
639
640
  }
640
641
  .ag-theme-sky-data-entry-grid-default .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper:not(.ag-disabled) {
641
- --ag-checkbox-checked-background-color: var(
642
- --sky-background-color-input-selected
643
- );
644
642
  --ag-checkbox-checked-border-color: var(--sky-highlight-color-info);
645
643
  }
646
644
  .ag-theme-sky-data-entry-grid-default .ag-cell-focus .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper:not(.ag-disabled) {
647
645
  --ag-checkbox-checked-border-color: var(--ag-text-color);
648
646
  }
649
647
  .ag-theme-sky-data-entry-grid-default .ag-wrapper.ag-input-wrapper.ag-checkbox-input-wrapper.ag-disabled {
650
- --ag-checkbox-checked-border-color: var(
651
- --ag-checkbox-checked-background-color
652
- );
653
- --ag-checkbox-unchecked-border-color: var(
654
- --ag-checkbox-unchecked-background-color
655
- );
648
+ --ag-checkbox-checked-border-color: var(--sky-background-color-disabled);
649
+ --ag-checkbox-unchecked-border-color: var(--sky-background-color-disabled);
656
650
  }
657
651
 
658
652
  .ag-theme-sky-data-grid-default .ag-header .ag-header-cell,
@@ -3011,7 +3005,9 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
3011
3005
  }
3012
3006
  .ag-theme-sky-data-entry-grid-modern-light .ag-popup .ag-popup-editor sky-input-box,
3013
3007
  .ag-theme-sky-data-entry-grid-modern-light-compact .ag-popup .ag-popup-editor sky-input-box {
3014
- --sky-background-color-input-box-group: var(--ag-background-color);
3008
+ --sky-comp-override-input-box-group-background-color: var(
3009
+ --ag-background-color
3010
+ );
3015
3011
  }
3016
3012
  .ag-theme-sky-data-entry-grid-modern-light .ag-popup .ag-select-list,
3017
3013
  .ag-theme-sky-data-entry-grid-modern-light-compact .ag-popup .ag-select-list {
@@ -3072,6 +3068,9 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
3072
3068
  --sky-highlight-color-danger
3073
3069
  );
3074
3070
  --sky-override-ag-grid-checkbox-checked-background-color: var(
3071
+ --sky-background-color-input-selected
3072
+ );
3073
+ --sky-override-ag-grid-checkbox-disabled-background-color: var(
3075
3074
  --sky-background-color-disabled
3076
3075
  );
3077
3076
  --sky-override-ag-grid-checkbox-checked-border-color: var(
package/fesm2022/skyux-ag-grid.mjs CHANGED
@@ -158,7 +158,6 @@ const defaultsForAllThemes = {
158
158
  cardShadow: 'none',
159
159
  cellHorizontalPadding: 'var(--sky-override-ag-grid-cell-horizontal-padding, var(--sky-comp-grid-cell-space-inset-left))',
160
160
  cellEditingBorder: 'var(--sky-override-ag-grid-cell-focus-border-width, var(--sky-border-width-input-focus)) solid var(--sky-override-ag-grid-cell-focus-border-color, var(--sky-color-border-input-focus))',
161
- checkboxCheckedBackgroundColor: 'var(--sky-override-ag-grid-checkbox-selected-background-color, var(--sky-color-background-selected-heavy))',
162
161
  checkboxCheckedBorderColor: { ref: 'checkboxCheckedShapeColor' },
163
162
  checkboxCheckedShapeColor: 'var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse, var(--sky-text-color-default)))',
164
163
  checkboxIndeterminateBackgroundColor: 'var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse, transparent))',