feat: Remove inline styling logic from DataGrid

change/@microsoft-fast-foundation-ee614c70-ba01-4139-b580-bb76a115d096.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "change DataGridRow.updateRowStyle to protected member from private property",
+  "packageName": "@microsoft/fast-foundation",
+  "email": "[email protected]",
+  "dependentChangeType": "prerelease"
+}

packages/web-components/fast-foundation/docs/api-report.md

@@ -1107,6 +1107,8 @@ export class FASTDataGridRow extends FASTElement {
     slottedCellElements: HTMLElement[];
     // Warning: (ae-forgotten-export) The symbol "DataGridSelectionChangeDetail" needs to be exported by the entry point index.d.ts
     toggleSelected(detail: DataGridSelectionChangeDetail): void;
+    // (undocumented)
+    protected updateRowStyle(): void;
 }
 
 // @public

packages/web-components/fast-foundation/src/data-grid/README.md

@@ -182,6 +182,7 @@ export const myDataGrid = DataGrid.compose({
 | `rowDataChanged`             | protected |                                               |                                         | `void` |                |
 | `toggleSelected`             | public    | Attempts to set the selected state of the row | `detail: DataGridSelectionChangeDetail` | `void` |                |
 | `handleFocusout`             | public    |                                               | `e: FocusEvent`                         | `void` |                |
+| `updateRowStyle`             | protected |                                               |                                         | `void` |                |
 
 #### Events
 

packages/web-components/fast-foundation/src/data-grid/data-grid-row.ts

@@ -355,7 +355,7 @@ export class FASTDataGridRow extends FASTElement {
                 : this.defaultHeaderCellItemTemplate;
     }
 
-    private updateRowStyle = (): void => {
+    protected updateRowStyle(): void {
         this.style.gridTemplateColumns = this.gridTemplateColumns;
-    };
+    }
 }