@datorama/core 22.13.0-beta.6 → 22.13.0-beta.8

package/bundle.scss

@@ -5207,7 +5207,7 @@ dato-list-v2 .checkmark {
     line-height: 19px;
 }
 
-.simple-bold, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
+.simple-bold, .dato-grid.pivot-style .ag-row.ag-row-group .ag-cell.row-group-root-cell, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
@@ -11745,7 +11745,7 @@ dato-button-group.is-round-edges dato-button:last-of-type button {
     line-height: 19px;
 }
 
-.simple-bold, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
+.simple-bold, .dato-grid.pivot-style .ag-row.ag-row-group .ag-cell.row-group-root-cell, .dato-grid.pivot-style .ag-header .ag-header-row .ag-header-group-cell .ag-header-group-cell-label span {
     font-size: 14px;
     font-weight: 600;
     line-height: 19px;
@@ -14947,6 +14947,10 @@ dato-input input:disabled:hover {
     background-color: themify(accent-100);
 }
 
+.dato-grid .ag-cell {
+    -webkit-font-smoothing: antialiased;
+}
+
 .dato-grid .ag-cell .ag-selection-checkbox {
     display: block;
     position: relative;
@@ -15020,6 +15024,14 @@ dato-input input:disabled:hover {
     display: none;
 }
 
+.dato-grid .ag-cell .ag-selection-checkbox .ag-cell-value {
+    margin-left: 0;
+}
+
+.dato-grid .ag-cell .ag-selection-checkbox .ag-icon-checkbox-checked:before {
+    display: none;
+}
+
 .dato-grid .ag-cell .search-highlight {
     background-color: #FDF2CF;
 }
@@ -15198,6 +15210,15 @@ dato-input input:disabled:hover {
     background-color: themify(primary-50);
 }
 
+.dato-grid.pivot-style .ag-row.ag-row-group .ag-cell.even-row-group-leaf-cell {
+    background-color: themify(primary-0);
+}
+
+.dato-grid.pivot-style .ag-row.ag-row-group .ag-cell.row-group-root-cell {
+    cursor: pointer;
+    background-color: themify(primary-100);
+}
+
 .dato-grid.pivot-style .ag-cell {
     color: themify(primary-500);
 }

package/bundles/datorama-core.umd.js

@@ -15295,8 +15295,8 @@
          *  Refer docs - https://www.ag-grid.com/angular-data-grid/cell-styles/#cell-class-rules */
         GridService.prototype.getPivotModeCellClassRules = function () {
             return {
-                'primary-0-background-color': this.isLeafGroupEvenCell.bind(this),
-                'primary-100-background-color pointer dato-simple-bold': this.isRowGroupValuedCell.bind(this)
+                'even-row-group-leaf-cell': this.isLeafGroupEvenCell.bind(this),
+                'row-group-root-cell': this.isRowGroupValuedCell.bind(this)
             };
         };
         GridService.prototype.isLeafGroupEvenCell = function (params) {
@@ -20826,7 +20826,7 @@
                 selector: 'dato-grid-initials-cell',
                 template: "<div *ngIf=\"!isGroup\" class=\"height-100 d-flex items-center primary-500-color initials-container\">\n    <div *ngIf=\"initials\" class=\"initials text-center mr-12\" [class.bold]=\"isBold\">{{ initials }}</div>\n    <div [class.bold]=\"isBold\">{{text}}</div>\n</div>\n\n<span *ngIf=\"isGroup\">{{text}}</span>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
-                styles: [".initials-container .initials{width:34px;height:34px;line-height:33px;border-radius:50%;font-size:15px}.initials-container.bold{font-weight:600}"]
+                styles: [".initials-container .initials{width:34px;height:34px;line-height:33px;border-radius:50%;font-size:15px;flex:0 0 auto}.initials-container.bold{font-weight:600}"]
             })
         ], DatoGridInitialsCellComponent);
         return DatoGridInitialsCellComponent;