@skyux/ag-grid 13.0.0-alpha.1 → 13.0.0-alpha.2

package/css/sky-ag-grid.css

@@ -3080,6 +3080,7 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
   --sky-override-ag-grid-checkbox-selected-background-color: var(
     --sky-background-color-input-selected
   );
+  --sky-override-ag-grid-checkbox-unchecked-background-color: transparent;
   --sky-override-ag-grid-checkbox-unchecked-border-color: var(
     --sky-border-color-neutral-medium
   );
@@ -3098,6 +3099,9 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
   --sky-override-ag-grid-header-resize-height: 100%;
   --sky-override-ag-grid-header-row-border-style: solid;
   --sky-override-ag-grid-invalid-color: var(--sky-background-color-danger-dark);
+  --sky-override-ag-grid-odd-row-background-color: var(
+    --sky-background-color-page-default
+  );
   --sky-override-ag-grid-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
   --sky-override-ag-grid-range-selection-border-color: var(
     --sky-highlight-color-info
@@ -3122,6 +3126,9 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
 }
 
 .sky-theme-modern:not(.sky-theme-brand-base) .sky-ag-grid {
+  --sky-override-ag-grid-background-color: var(
+    --sky-background-color-page-default
+  );
   --sky-override-ag-grid-cell-focus-horizontal-padding: 10px;
   --sky-override-ag-grid-cell-horizontal-padding: 12px;
   --sky-override-ag-grid-cell-padding-vertical: 16px;
@@ -3131,6 +3138,9 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
   --sky-override-ag-grid-header-height: 60px;
   --sky-override-ag-grid-header-icon-spacing: 10px;
   --sky-override-ag-grid-header-resize-height: 16px;
+  --sky-override-ag-grid-odd-row-background-color: var(
+    --sky-background-color-page-default
+  );
   --sky-override-ag-grid-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
   --sky-override-ag-grid-resize-handle-color: #1870b8;
   --sky-override-ag-grid-row-height: 60px;

package/fesm2022/skyux-ag-grid.mjs

@@ -152,7 +152,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
         }] });
 
 const defaultsForAllThemes = {
-    backgroundColor: 'var(--sky-override-ag-grid-background-color, var(--sky-background-color-page-default))',
+    backgroundColor: 'var(--sky-override-ag-grid-background-color, var(--sky-color-background-row-base))',
     borderColor: 'var(--sky-override-ag-grid-border-color, var(--sky-color-border-separator-row))',
     borderRadius: 'var(--sky-override-ag-grid-border-radius, var(--sky-border-radius-s))',
     cardShadow: 'none',
@@ -162,10 +162,10 @@ const defaultsForAllThemes = {
     checkboxCheckedBorderColor: { ref: 'checkboxCheckedShapeColor' },
     checkboxCheckedShapeColor: 'var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse, var(--sky-text-color-default)))',
     checkboxIndeterminateBackgroundColor: 'var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse, transparent))',
-    checkboxUncheckedBackgroundColor: 'transparent',
+    checkboxUncheckedBackgroundColor: 'var(--sky-override-ag-grid-checkbox-unchecked-background-color, var(--sky-color-background-input-base))',
     checkboxUncheckedBorderColor: `var(
     --sky-override-ag-grid-checkbox-unchecked-border-color,
-    var(--sky-color-border-input-base)
+    var(--sky-color-border-switch-base)
   )`,
     checkboxCheckedShapeImage: {
         svg: `<svg width="16" height="16" fill="none" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M13.9884 3.54756C13.6244 3.16685 13.0164 3.1491 12.6302 3.50792L5.62682 10.0157L3.64517 8.03282C3.27275 7.66016 2.66443 7.65572 2.28646 8.0229C1.90848 8.39007 1.90397 8.98983 2.2764 9.36248L4.85162 11.9393C5.25487 12.3428 5.91121 12.3548 6.32932 11.9663L13.9482 4.88659C14.3343 4.52777 14.3523 3.92827 13.9884 3.54756Z" fill="#212121"/></svg>`,
@@ -188,7 +188,7 @@ const defaultsForAllThemes = {
     inputFocusShadow: 'none',
     invalidColor: 'var(--sky-override-ag-grid-invalid-color, var(--sky-color-background-action-danger-base))',
     listItemHeight: { ref: 'rowHeight' },
-    oddRowBackgroundColor: 'var(--sky-background-color-page-default)',
+    oddRowBackgroundColor: 'var(--sky-override-ag-grid-odd-row-background-color, var(--sky-color-background-row-base))',
     pickerListBackgroundColor: { ref: 'backgroundColor' },
     popupShadow: 'var(--sky-override-ag-grid-popup-shadow, var(--sky-elevation-overlay-300))',
     rangeSelectionBorderColor: 'var(--sky-override-ag-grid-range-selection-border-color, var(--sky-color-border-input-focus))',