lightning-base-components 1.26.4-alpha → 1.27.2-alpha

package/src/lightning/datatable/datagrid.slds.css

@@ -1,5 +1,4 @@
 
-
 /**
   *
   * TODO: converted all exposed styling hooks to local pseudo-private variables.
@@ -29,8 +28,10 @@
 
 :host([data-render-mode="shadow"]) [part='datagrid-header'] {
   color: var(--_slds-c-datagrid-header-text-color, #514f4d);
-  background-color: var(--_slds-c-datagrid-header-color-background,
-      var(--_slds-c-datagrid-color-background, #fafaf9));
+  background-color: var(
+    --_slds-c-datagrid-header-color-background,
+    var(--_slds-c-datagrid-color-background, #fafaf9)
+  );
   border-block-start: var(--slds-g-sizing-border-1) solid var(--_slds-c-datagrid-header-color-border, #babfc7);
   width: 100%;
 
@@ -51,13 +52,17 @@
 }
 
 :host([data-render-mode="shadow"]) [part='cell'][aria-selected='true'] {
-  --_slds-c-datagrid-cell-color-border: var(--_slds-c-datagrid-cell-color-border-focus,
-      var(--slds-g-color-brand-base-contrast-3));
+  --_slds-c-datagrid-cell-color-border: var(
+    --_slds-c-datagrid-cell-color-border-focus,
+    var(--slds-g-color-brand-base-contrast-3)
+  );
 }
 
 :host([data-render-mode="shadow"]) [part='cell']:focus-within {
-  --_slds-c-datagrid-cell-color-border: var(--_slds-c-datagrid-cell-color-border-focus,
-      var(--slds-g-color-brand-base-contrast-3));
+  --_slds-c-datagrid-cell-color-border: var(
+    --_slds-c-datagrid-cell-color-border-focus,
+    var(--slds-g-color-brand-base-contrast-3)
+  );
 }
 
 /* Column Header Cells */
@@ -71,26 +76,37 @@
 }
 
 :host([data-render-mode="shadow"]) [role='columnheader'][aria-selected='true'] {
-  border-inline-end-color: var(--_slds-c-datagrid-headercell-color-border-focus,
-      var(--slds-g-color-brand-base-contrast-3));
+  border-inline-end-color: var(
+    --_slds-c-datagrid-headercell-color-border-focus,
+    var(--slds-g-color-brand-base-contrast-3)
+  );
 }
 
 :host([data-render-mode="shadow"]) [role='columnheader']:focus-within {
-  border-inline-end-color: var(--_slds-c-datagrid-headercell-color-border-focus,
-      var(--slds-g-color-brand-base-contrast-3));
-  box-shadow: var(--_slds-c-datagrid-headercell-color-border-focus, var(--slds-g-color-brand-base-contrast-3)) -3px 0 0 0 inset;
+  border-inline-end-color: var(
+    --_slds-c-datagrid-headercell-color-border-focus,
+    var(--slds-g-color-brand-base-contrast-3)
+  );
+  box-shadow: var(
+      --_slds-c-datagrid-headercell-color-border-focus,
+      var(--slds-g-color-brand-base-contrast-3)
+    ) -3px
+    0 0 0 inset;
 }
 
-:host([data-render-mode="shadow"]) [role="columnheader"]:focus, [role="columnheader"]:host([data-render-mode="shadow"]) .slds-has-focus {
-  box-shadow: #014486 0 0 0 1px inset, #014486 -0.25rem 0 0 inset;
+:host([data-render-mode="shadow"]) [role='columnheader']:focus,:host([data-render-mode="shadow"]) 
+[role='columnheader'].slds-has-focus {
+  box-shadow:
+    #014486 0 0 0 1px inset,
+    #014486 -0.25rem 0 0 inset;
 }
 
-:host([data-render-mode="shadow"]) [data-row-key-value="HEADER"] > *:hover {
+:host([data-render-mode="shadow"]) [data-row-key-value='HEADER'] > *:hover {
   outline: 0;
   background-color: var(--slds-g-color-neutral-base-100, white);
 }
 
-:host([data-render-mode="shadow"]) [data-row-key-value="HEADER"] > *:focus {
+:host([data-render-mode="shadow"]) [data-row-key-value='HEADER'] > *:focus {
   outline: 0;
   background-color: var(--slds-g-color-neutral-base-100, white);
 }
@@ -129,7 +145,7 @@
 }
 
 [data-resize-handle]:hover,:host([data-render-mode="shadow"]) 
-[type='range']:focus~[data-resize-handle] {
+[type='range']:focus ~ [data-resize-handle] {
   opacity: 1;
 }
 
@@ -147,7 +163,10 @@
   content: '';
   width: var(--slds-g-sizing-border-1);
   height: 100vh;
-  background-color: var(--_slds-c-datagrid-resize-color-background, var(--slds-g-color-brand-base-contrast-2));
+  background-color: var(
+    --_slds-c-datagrid-resize-color-background,
+    var(--slds-g-color-brand-base-contrast-2)
+  );
   position: absolute;
   top: 0;
   right: calc(var(--slds-g-sizing-border-1) * -1);
@@ -157,7 +176,10 @@
   content: '';
   width: 4px;
   height: 100%;
-  background-color: var(--_slds-c-datagrid-resize-color-background, var(--slds-g-color-brand-base-contrast-2));
+  background-color: var(
+    --_slds-c-datagrid-resize-color-background,
+    var(--slds-g-color-brand-base-contrast-2)
+  );
   position: absolute;
   top: 0;
   right: 0;
@@ -212,163 +234,183 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed_container::before {
-  content: "";
+  content: '';
   display: block;
   position: relative;
   width: 100%;
 }
 
-:host([data-render-mode="shadow"]) .slds-table{
+:host([data-render-mode="shadow"]) .slds-table {
   background-color: var(--slds-g-color-neutral-base-100);
   font-size: inherit;
 }
 
 :host([data-render-mode="shadow"]) .slds-table th,:host([data-render-mode="shadow"]) 
-.slds-table td{
+.slds-table td {
   padding: var(--slds-g-spacing-1) var(--slds-g-spacing-2);
   white-space: nowrap;
   position: relative;
 }
 
-:host([data-render-mode="shadow"]) .slds-table th{
+:host([data-render-mode="shadow"]) .slds-table th {
   font-weight: var(--slds-g-font-weight-4);
 }
 
-:host([data-render-mode="shadow"]) .slds-table th:focus{
+:host([data-render-mode="shadow"]) .slds-table th:focus {
   outline: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table thead th{
-  background-color:var(--slds-g-color-neutral-base-95);
-  color:var(--slds-g-color-neutral-base-30);
+:host([data-render-mode="shadow"]) .slds-table thead th {
+  background-color: var(--slds-g-color-neutral-base-95);
+  color: var(--slds-g-color-neutral-base-30);
   padding: var(--slds-g-spacing-1) var(--slds-g-spacing-2);
   font-weight: var(--slds-g-font-weight-7);
   line-height: normal;
 }
 
-:host([data-render-mode="shadow"]) .slds-table:not(.slds-no-row-hover) tbody tr:hover,:host([data-render-mode="shadow"])  .slds-table:not(.slds-no-row-hover) tbody tr:focus{
+:host([data-render-mode="shadow"]) .slds-table:not(.slds-no-row-hover) tbody tr:hover,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tbody tr:focus {
   outline: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table:not(.slds-no-row-hover) tbody tr:hover > td,:host([data-render-mode="shadow"]) 
-.slds-table:not(.slds-no-row-hover) tbody tr:hover > th,:host([data-render-mode="shadow"])  .slds-table:not(.slds-no-row-hover) tbody tr:focus > td,:host([data-render-mode="shadow"]) 
-.slds-table:not(.slds-no-row-hover) tbody tr:focus > th{
+.slds-table:not(.slds-no-row-hover) tbody tr:hover > th,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tbody tr:focus > td,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tbody tr:focus > th {
   background-color: var(--slds-g-color-neutral-base-95);
 }
 
-:host([data-render-mode="shadow"]) .slds-table:not(.slds-no-row-hover) tbody tr:focus{
-  box-shadow: var(--slds-g-shadow-outset-focus-1, 0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-brand-base-50));
+:host([data-render-mode="shadow"]) .slds-table:not(.slds-no-row-hover) tbody tr:focus {
+  box-shadow: var(
+    --slds-g-shadow-outset-focus-1,
+    0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-brand-base-50)
+  );
 }
 
 :host([data-render-mode="shadow"]) .slds-table tbody tr.slds-is-selected > td,:host([data-render-mode="shadow"]) 
-.slds-table tbody tr.slds-is-selected > th,:host([data-render-mode="shadow"])  .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,:host([data-render-mode="shadow"]) 
-.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th{
+.slds-table tbody tr.slds-is-selected > th,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > td,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover > th {
   background-color: var(--slds-g-color-neutral-base-95);
 }
 
-:host([data-render-mode="shadow"]) .slds-table tbody tr.slds-is-selected a,:host([data-render-mode="shadow"])  .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a{
+:host([data-render-mode="shadow"]) .slds-table tbody tr.slds-is-selected a,:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a {
   color: var(--slds-g-link-color-focus, var(--slds-g-color-brand-base-20));
 }
 
-:host([data-render-mode="shadow"]) .slds-table tbody tr.slds-is-selected a[aria-disabled=true],:host([data-render-mode="shadow"])  .slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a[aria-disabled=true]{
+:host([data-render-mode="shadow"]) .slds-table tbody tr.slds-is-selected a[aria-disabled='true'],:host([data-render-mode="shadow"]) 
+.slds-table:not(.slds-no-row-hover) tr.slds-is-selected:hover a[aria-disabled='true'] {
   color: var(--slds-g-color-neutral-base-80);
   cursor: default;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-wrap{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-wrap {
   white-space: pre-line;
   overflow-wrap: break-word;
   word-wrap: break-word;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-shrink{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-shrink {
   width: 1%;
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-buffer_left,:host([data-render-mode="shadow"]) 
-.slds-table .slds-cell-buffer--left{
+.slds-table .slds-cell-buffer--left {
   padding-inline-start: var(--slds-g-spacing-5);
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-buffer_right,:host([data-render-mode="shadow"]) 
-.slds-table .slds-cell-buffer--right{
+.slds-table .slds-cell-buffer--right {
   padding-inline-end: var(--slds-g-spacing-5);
 }
 
-:host([data-render-mode="shadow"]) .slds-table tbody tr{
+:host([data-render-mode="shadow"]) .slds-table tbody tr {
   counter-increment: row-number;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-row-number::after{
+:host([data-render-mode="shadow"]) .slds-table .slds-row-number::after {
   content: counter(row-number);
 }
 
 :host([data-render-mode="shadow"]) .slds-table th:focus,:host([data-render-mode="shadow"]) 
-.slds-table [role=gridcell]:focus{
+.slds-table [role='gridcell']:focus {
   outline: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table [role=gridcell]:focus,:host([data-render-mode="shadow"]) 
-.slds-table [role=gridcell].slds-has-focus,:host([data-render-mode="shadow"]) 
-.slds-table [role=rowheader]:focus,:host([data-render-mode="shadow"]) 
-.slds-table [role=rowheader].slds-has-focus {
-  box-shadow: var(--slds-g-shadow-inset-inverse-focus-1, 0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-brand-base-50));
+:host([data-render-mode="shadow"]) .slds-table [role='gridcell']:focus,:host([data-render-mode="shadow"]) 
+.slds-table [role='gridcell'].slds-has-focus,:host([data-render-mode="shadow"]) 
+.slds-table [role='rowheader']:focus,:host([data-render-mode="shadow"]) 
+.slds-table [role='rowheader'].slds-has-focus {
+  box-shadow: var(
+    --slds-g-shadow-inset-inverse-focus-1,
+    0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-brand-base-50)
+  );
 }
 
 :host([data-render-mode="shadow"]) .slds-table th:focus.slds-cell_action-mode,:host([data-render-mode="shadow"]) 
 .slds-table th.slds-has-focus.slds-cell_action-mode,:host([data-render-mode="shadow"]) 
-.slds-table [role=gridcell]:focus.slds-cell_action-mode,:host([data-render-mode="shadow"]) 
-.slds-table [role=gridcell].slds-has-focus.slds-cell_action-mode{
-  border-block-end: var(--slds-g-sizing-border-3) solid var(--slds-g-color-brand-base-50, var(--slds-g-color-brand-base-30));
+.slds-table [role='gridcell']:focus.slds-cell_action-mode,:host([data-render-mode="shadow"]) 
+.slds-table [role='gridcell'].slds-has-focus.slds-cell_action-mode {
+  border-block-end: var(--slds-g-sizing-border-3) solid
+    var(--slds-g-color-brand-base-50, var(--slds-g-color-brand-base-30));
 }
 
 :host([data-render-mode="shadow"]) .slds-table th:active,:host([data-render-mode="shadow"]) 
-.slds-table [role=gridcell]:active{
+.slds-table [role='gridcell']:active {
   box-shadow: none;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-radio [type=radio] + .slds-radio__label .slds-radio_faux{
+:host([data-render-mode="shadow"]) .slds-table .slds-radio [type='radio'] + .slds-radio__label .slds-radio_faux {
   margin-inline-end: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_cell-buffer tr > th:first-child,:host([data-render-mode="shadow"]) 
 .slds-table_cell-buffer tr > td:first-child,:host([data-render-mode="shadow"]) 
 .slds-table--cell-buffer tr > th:first-child,:host([data-render-mode="shadow"]) 
-.slds-table--cell-buffer tr > td:first-child{
+.slds-table--cell-buffer tr > td:first-child {
   padding-inline-start: var(--slds-g-spacing-5);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_cell-buffer tr > th:last-child,:host([data-render-mode="shadow"]) 
 .slds-table_cell-buffer tr > td:last-child,:host([data-render-mode="shadow"]) 
 .slds-table--cell-buffer tr > th:last-child,:host([data-render-mode="shadow"]) 
-.slds-table--cell-buffer tr > td:last-child{
+.slds-table--cell-buffer tr > td:last-child {
   padding-inline-end: var(--slds-g-spacing-5);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_bordered,:host([data-render-mode="shadow"]) 
 .slds-table--bordered {
   border-collapse: separate;
-  border-block-start: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
+  border-block-start: var(--slds-g-sizing-border-1) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
 }
 
 :host([data-render-mode="shadow"]) .slds-table_bordered thead > tr + tr > th,:host([data-render-mode="shadow"]) 
 .slds-table--bordered thead > tr + tr > th {
-  border-block-start: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
+  border-block-start: var(--slds-g-sizing-border-1) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
 }
 
 :host([data-render-mode="shadow"]) .slds-table_bordered tbody td,:host([data-render-mode="shadow"]) 
 .slds-table_bordered tbody th,:host([data-render-mode="shadow"]) 
 .slds-table--bordered tbody td,:host([data-render-mode="shadow"]) 
 .slds-table--bordered tbody th {
-  border-block-start: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
+  border-block-start: var(--slds-g-sizing-border-1) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),:host([data-render-mode="shadow"])  .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),:host([data-render-mode="shadow"])  .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),:host([data-render-mode="shadow"])  .slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
+.slds-table_bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
+.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
+.slds-table_bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
 .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > td:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
 .slds-table--bordered:not(.slds-no-row-hover) tbody tr:hover > th:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
 .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > td:not(.slds-has-focus),:host([data-render-mode="shadow"]) 
 .slds-table--bordered:not(.slds-no-row-hover) tbody tr:focus > th:not(.slds-has-focus) {
-  box-shadow: var(--slds-g-color-border-base-1) 0 calc(var(--slds-g-sizing-border-1) * -1) 0 inset, var(--slds-g-color-border-base-1) 0 var(--slds-g-sizing-border-1) 0 inset;
+  box-shadow:
+    var(--slds-g-color-border-base-1) 0 calc(var(--slds-g-sizing-border-1) * -1) 0 inset,
+    var(--slds-g-color-border-base-1) 0 var(--slds-g-sizing-border-1) 0 inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_col-bordered td + td,:host([data-render-mode="shadow"]) 
@@ -378,53 +420,54 @@
 .slds-table--col-bordered td + td,:host([data-render-mode="shadow"]) 
 .slds-table--col-bordered th + th,:host([data-render-mode="shadow"]) 
 .slds-table--col-bordered th + td,:host([data-render-mode="shadow"]) 
-.slds-table--col-bordered td + th{
-  border-inline-start: var(--slds-g-sizing-border-1) solid var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
+.slds-table--col-bordered td + th {
+  border-inline-start: var(--slds-g-sizing-border-1) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
 }
 
 :host([data-render-mode="shadow"]) .slds-table_striped tbody tr:nth-of-type(even) > td,:host([data-render-mode="shadow"]) 
 .slds-table_striped tbody tr:nth-of-type(even) > th,:host([data-render-mode="shadow"]) 
 .slds-table--striped tbody tr:nth-of-type(even) > td,:host([data-render-mode="shadow"]) 
-.slds-table--striped tbody tr:nth-of-type(even) > th{
+.slds-table--striped tbody tr:nth-of-type(even) > th {
   background-color: var(--slds-g-color-neutral-base-95);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout{
+.slds-table--fixed-layout {
   table-layout: fixed;
   width: 100%;
   white-space: nowrap;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout thead,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout thead{
+.slds-table--fixed-layout thead {
   background-color: var(--slds-g-color-neutral-base-100);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout tbody,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout tbody{
+.slds-table--fixed-layout tbody {
   transform: translateZ(0);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout .slds-cell-shrink{
+.slds-table--fixed-layout .slds-cell-shrink {
   width: var(--slds-g-sizing-10);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink:nth-child(n),:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout .slds-cell-shrink:nth-child(n){
+.slds-table--fixed-layout .slds-cell-shrink:nth-child(n) {
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink:first-child,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout .slds-cell-shrink:first-child{
+.slds-table--fixed-layout .slds-cell-shrink:first-child {
   text-align: right;
   padding-inline-end: var(--slds-g-spacing-2);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink:last-child,:host([data-render-mode="shadow"]) 
-.slds-table--fixed-layout .slds-cell-shrink:last-child{
+.slds-table--fixed-layout .slds-cell-shrink:last-child {
   text-align: left;
   padding-inline-start: var(--slds-g-spacing-2);
 }
@@ -450,14 +493,14 @@
   white-space: normal;
 }
 
-:host([data-render-mode="shadow"]) [class*=slds-table_column-] tr td .slds-truncate{
+:host([data-render-mode="shadow"]) [class*='slds-table_column-'] tr td .slds-truncate {
   overflow: hidden;
   position: relative;
   max-height: calc(var(--slds-g-sizing-10) + var(--slds-g-sizing-2));
 }
 
-:host([data-render-mode="shadow"]) [class*=slds-table_column-] tr td .slds-truncate::after{
-  content: "";
+:host([data-render-mode="shadow"]) [class*='slds-table_column-'] tr td .slds-truncate::after {
+  content: '';
   position: absolute;
   top: calc(var(--slds-g-sizing-9) + var(--slds-g-sizing-2));
   bottom: 0;
@@ -466,52 +509,53 @@
   background: linear-gradient(to right, transparent 0%, var(--slds-g-color-neutral-base-100) 69%);
 }
 
-:host([data-render-mode="shadow"]) [class*=slds-table_column-] tr:hover td .slds-truncate::after{
+:host([data-render-mode="shadow"]) [class*='slds-table_column-'] tr:hover td .slds-truncate::after {
   background: linear-gradient(to right, rgba(250, 250, 249, 0%) 0%, #fafaf9 69%);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_resizable-cols thead th,:host([data-render-mode="shadow"]) 
-.slds-table--resizable-cols thead th{
+.slds-table--resizable-cols thead th {
   padding: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle,:host([data-render-mode="shadow"]) 
-.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle{
+.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle {
   width: var(--slds-g-sizing-4);
   right: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::before,:host([data-render-mode="shadow"])  .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after,:host([data-render-mode="shadow"]) 
+:host([data-render-mode="shadow"]) .slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::before,:host([data-render-mode="shadow"]) 
+.slds-table_resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after,:host([data-render-mode="shadow"]) 
 .slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::before,:host([data-render-mode="shadow"]) 
-.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after{
-  right:0;
+.slds-table--resizable-cols thead th:last-of-type .slds-resizable__handle .slds-resizable__divider::after {
+  right: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_joined table,:host([data-render-mode="shadow"]) 
-.slds-table.slds-has-top-magnet table{
+.slds-table.slds-has-top-magnet table {
   border-radius: 0 0 var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
   box-shadow: 0 var(--slds-g-sizing-border-2) var(--slds-g-sizing-border-2) 0 rgba(0, 0, 0, 10%);
 }
 
-:host([data-render-mode="shadow"]) .slds-table_joined-wrapper{
+:host([data-render-mode="shadow"]) .slds-table_joined-wrapper {
   padding: var(--slds-g-spacing-4) var(--slds-g-spacing-4) 0 var(--slds-g-spacing-4);
   border-radius: var(--slds-g-radius-border-2);
   background-clip: padding-box;
 }
 
-:host([data-render-mode="shadow"]) .slds-table_joined-wrapper .slds-table{
-  border-radius:0 0 var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
+:host([data-render-mode="shadow"]) .slds-table_joined-wrapper .slds-table {
+  border-radius: 0 0 var(--slds-g-radius-border-2) var(--slds-g-radius-border-2);
   box-shadow: 0 var(--slds-g-sizing-border-2) var(--slds-g-sizing-border-2) 0 rgba(0, 0, 0, 10%);
 }
 
-@media (width < 48em){
+@media (width < 48em) {
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked{
+  .slds-max-medium-table--stacked {
     border: 0;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked thead,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked thead{
+  .slds-max-medium-table--stacked thead {
     position: absolute !important;
     margin: calc(var(var(--slds-g-sizing-border-1) * 1px)) !important;
     border: 0 !important;
@@ -523,20 +567,21 @@
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked th,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked th{
+  .slds-max-medium-table--stacked th {
     border-block-start: 0;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked tr,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked tr{
+  .slds-max-medium-table--stacked tr {
     display: block;
-    border-block-start: var(--slds-g-sizing-border-2) solid var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
+    border-block-start: var(--slds-g-sizing-border-2) solid
+      var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked td,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked th,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked td{
+  .slds-max-medium-table--stacked td {
     display: block;
     padding: var(--slds-g-sizing-4);
     max-width: 100%;
@@ -550,14 +595,14 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked th.slds-truncate,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked td.slds-truncate,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked th.slds-truncate,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked td.slds-truncate{
+  .slds-max-medium-table--stacked td.slds-truncate {
     max-width: 100%;
   }
-  
+
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked th::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked td::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked th::before,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked td::before{
+  .slds-max-medium-table--stacked td::before {
     font-size: var(--slds-g-font-scale-neg-1);
     line-height: var(--slds-g-font-lineheight-2);
     color: var(--slds-g-color-neutral-base-30);
@@ -567,52 +612,52 @@
     padding-block-end: var(--slds-g-spacing-1);
     content: attr(data-label);
   }
-  
+
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked tr > td:first-child,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked tr > td:last-child,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked tr > td:first-child,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked tr > td:last-child{
+  .slds-max-medium-table--stacked tr > td:last-child {
     padding: var(--slds-g-sizing-4);
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover td,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover td,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th{
+  .slds-max-medium-table--stacked:not(.slds-no-row-hover) tbody tr:hover th {
     background-color: inherit !important;
-    box-shadow:none !important;
+    box-shadow: none !important;
   }
-  
+
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked .slds-is-interactive .slds-button,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked .slds-is-interactive .slds-button{
-    visibility:visible;
+  .slds-max-medium-table--stacked .slds-is-interactive .slds-button {
+    visibility: visible;
   }
-  
+
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked .slds-cell-shrink,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked .slds-cell-shrink{
-    width:auto;
+  .slds-max-medium-table--stacked .slds-cell-shrink {
+    width: auto;
   }
 }
 
-@media (width < 48em){
+@media (width < 48em) {
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked td::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked th::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked td::before,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked th::before{
+  .slds-max-medium-table--stacked th::before {
     padding-block-end: var(--slds-g-spacing-1);
   }
 }
 
-@media (width < 48em){
+@media (width < 48em) {
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal{
+  .slds-max-medium-table--stacked-horizontal {
     border: 0;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal thead,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal thead{
+  .slds-max-medium-table--stacked-horizontal thead {
     position: absolute !important;
-    margin: calc(var(--slds-g-sizing-border-1) * -1)!important;
+    margin: calc(var(--slds-g-sizing-border-1) * -1) !important;
     border: 0 !important;
     padding: 0 !important;
     width: var(--slds-g-sizing-border-1) !important;
@@ -622,20 +667,21 @@
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal th,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal th{
+  .slds-max-medium-table--stacked-horizontal th {
     border-block-start: 0;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal tr,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal tr{
+  .slds-max-medium-table--stacked-horizontal tr {
     display: block;
-    border-block-start: var(--slds-g-sizing-border-2) solid var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
+    border-block-start: var(--slds-g-sizing-border-2) solid
+      var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90));
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked-horizontal td,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal th,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal td{
+  .slds-max-medium-table--stacked-horizontal td {
     display: block;
     padding: var(--slds-g-spacing-3);
     max-width: 100%;
@@ -649,14 +695,14 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal th.slds-truncate,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked-horizontal td.slds-truncate,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal th.slds-truncate,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal td.slds-truncate{
+  .slds-max-medium-table--stacked-horizontal td.slds-truncate {
     max-width: 100%;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal th::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked-horizontal td::before,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal th::before,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal td::before{
+  .slds-max-medium-table--stacked-horizontal td::before {
     font-size: var(--slds-g-font-scale-neg-1);
     line-height: var(--slds-g-font-lineheight-2);
     color: var(--slds-g-color-neutral-base-30);
@@ -670,55 +716,55 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal tr > td:first-child,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked-horizontal tr > td:last-child,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal tr > td:first-child,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal tr > td:last-child{
+  .slds-max-medium-table--stacked-horizontal tr > td:last-child {
     padding: var(--slds-g-spacing-3);
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table_stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover td,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th{
+  .slds-max-medium-table--stacked-horizontal:not(.slds-no-row-hover) tbody tr:hover th {
     background-color: inherit !important;
     box-shadow: none !important;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal .slds-is-interactive .slds-button,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button{
+  .slds-max-medium-table--stacked-horizontal .slds-is-interactive .slds-button {
     visibility: visible;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal .slds-cell-shrink,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal .slds-cell-shrink{
+  .slds-max-medium-table--stacked-horizontal .slds-cell-shrink {
     width: auto;
   }
 }
 
-@media (width < 48em){
+@media (width < 48em) {
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal td,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal td{
+  .slds-max-medium-table--stacked-horizontal td {
     text-align: right;
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal td::before,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal td::before{
+  .slds-max-medium-table--stacked-horizontal td::before {
     float: left;
     margin-block-start: var(--slds-g-sizing-1);
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal .slds-truncate,:host([data-render-mode="shadow"]) 
-  .slds-max-medium-table--stacked-horizontal .slds-truncate{
+  .slds-max-medium-table--stacked-horizontal .slds-truncate {
     max-width: 100%;
   }
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit_container:focus,:host([data-render-mode="shadow"]) 
-.slds-table--edit_container:focus{
+.slds-table--edit_container:focus {
   outline: none;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit_container:focus::before,:host([data-render-mode="shadow"]) 
-.slds-table--edit_container:focus::before{
-  content: " ";
+.slds-table--edit_container:focus::before {
+  content: ' ';
   position: absolute;
   top: 0;
   right: 0;
@@ -726,17 +772,18 @@
   left: 0;
   z-index: 1;
   background-color: var(--slds-g-color-neutral-base-95);
-  box-shadow: 0 0 0 var(--slds-g-sizing-border-4) var(--slds-g-color-border-brand-2, var(--slds-g-color-palette-blue-60)) inset;
+  box-shadow: 0 0 0 var(--slds-g-sizing-border-4)
+    var(--slds-g-color-border-brand-2, var(--slds-g-color-palette-blue-60)) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit_container:focus .slds-table_edit_container-message,:host([data-render-mode="shadow"]) 
 .slds-table_edit_container:focus .slds-table--edit_container-message,:host([data-render-mode="shadow"]) 
 .slds-table--edit_container:focus .slds-table_edit_container-message,:host([data-render-mode="shadow"]) 
-.slds-table--edit_container:focus .slds-table--edit_container-message{
-  display:block;
-  position:absolute;
-  top:50%;
-  left:50%;
+.slds-table--edit_container:focus .slds-table--edit_container-message {
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
   width: var(--slds-g-sizing-15);
   margin-block-start: calc((var(--slds-g-sizing-9) + var(--slds-g-sizing-2)) * -1);
   margin-inline-start: calc(var(--slds-g-sizing-13) * -1);
@@ -746,105 +793,112 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit_container-message,:host([data-render-mode="shadow"]) 
-.slds-table--edit_container-message{
+.slds-table--edit_container-message {
   display: none;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit thead th,:host([data-render-mode="shadow"]) 
-.slds-table--edit thead th{
+.slds-table--edit thead th {
   padding: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit .slds-cell-error,:host([data-render-mode="shadow"]) 
-.slds-table--edit .slds-cell-error{
+.slds-table--edit .slds-cell-error {
   padding-inline-start: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus,:host([data-render-mode="shadow"]) 
-.slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus{
+.slds-table--edit:not(.slds-no-cell-focus) tbody tr:hover > .slds-cell-edit.slds-has-focus {
   background-color: var(--slds-g-color-neutral-base-100);
   box-shadow: var(--slds-g-color-palette-blue-50) 0 0 0 var(--slds-g-sizing-border-1) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit:hover,:host([data-render-mode="shadow"]) 
-.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit:hover{
+.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit:hover {
   background-color: var(--slds-g-color-neutral-base-100);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited,:host([data-render-mode="shadow"]) 
-.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited{
+.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-is-edited {
   background-color: var(--slds-g-color-palette-yellow-90, #faffbd);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error,:host([data-render-mode="shadow"]) 
-.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error{
+.slds-table--edit.slds-table tbody tr:hover > .slds-cell-edit.slds-has-error {
   background-color: var(--slds-g-color-palette-yellow-90, #faffbd);
-  box-shadow: var(--slds-g-color-error-base-40, var(--slds-g-color-palette-red-50)) 0 0 0 var(--slds-g-sizing-border-2) inset;
+  box-shadow: var(--slds-g-color-error-base-40, var(--slds-g-color-palette-red-50)) 0 0 0
+    var(--slds-g-sizing-border-2) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit .slds-button__icon_edit:focus,:host([data-render-mode="shadow"]) 
 .slds-table_edit .slds-button__icon--edit:focus,:host([data-render-mode="shadow"]) 
 .slds-table--edit .slds-button__icon_edit:focus,:host([data-render-mode="shadow"]) 
-.slds-table--edit .slds-button__icon--edit:focus{
-  fill: var(--slds-g-color-brand-base-50, var( --slds-g-color-palette-blue-60));
+.slds-table--edit .slds-button__icon--edit:focus {
+  fill: var(--slds-g-color-brand-base-50, var(--slds-g-color-palette-blue-60));
 }
 
-:host([data-render-mode="shadow"]) .slds-has-focus .slds-th__action{
+:host([data-render-mode="shadow"]) .slds-has-focus .slds-th__action {
   background-color: var(--slds-g-color-neutral-base-100);
   box-shadow: var(--slds-g-color-palette-blue-30) 0 0 0 var(--slds-g-sizing-border-1) inset;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit {
   outline: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus {
   background-color: var(--slds-g-color-neutral-base-100);
-  box-shadow: var(--slds-g-shadow-inset-inverse-focus-1, 0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-palette-blue-50));
+  box-shadow: var(
+    --slds-g-shadow-inset-inverse-focus-1,
+    0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-palette-blue-50)
+  );
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_edit,:host([data-render-mode="shadow"]) 
 .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--edit,:host([data-render-mode="shadow"]) 
 .slds-table .slds-cell-edit.slds-has-focus .slds-button__icon_lock,:host([data-render-mode="shadow"]) 
-.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--lock{
+.slds-table .slds-cell-edit.slds-has-focus .slds-button__icon--lock {
   opacity: 1;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus:hover{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus:hover {
   box-shadow: var(--slds-g-color-border-accent-3) 0 0 0 var(--slds-g-sizing-border-1) inset;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus a:focus{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus a:focus {
   text-decoration: underline;
   outline: none;
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-is-edited,:host([data-render-mode="shadow"])  .slds-table .slds-cell-edit.slds-is-edited:hover{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-is-edited,:host([data-render-mode="shadow"]) 
+.slds-table .slds-cell-edit.slds-is-edited:hover {
   font-weight: var(--slds-g-font-weight-7);
   background-color: var(--slds-g-color-palette-yellow-90, #faffbd);
 }
 
-:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-error,:host([data-render-mode="shadow"])  .slds-table .slds-cell-edit.slds-has-error:hover{
+:host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-error,:host([data-render-mode="shadow"]) 
+.slds-table .slds-cell-edit.slds-has-error:hover {
   font-weight: var(--slds-g-font-weight-7);
   background-color: var(--slds-g-color-palette-yellow-90, #faffbd);
-  box-shadow: var(--slds-g-color-error-base-40, var(--slds-g-color-palette-red-50)) 0 0 0 var(--slds-g-sizing-border-2) inset;
+  box-shadow: var(--slds-g-color-error-base-40, var(--slds-g-color-palette-red-50)) 0 0 0
+    var(--slds-g-sizing-border-2) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed_container::before,:host([data-render-mode="shadow"]) 
-.slds-table--header-fixed_container::before{
-  content: "";
+.slds-table--header-fixed_container::before {
+  content: '';
   display: block;
   position: relative;
   width: 100%;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed,:host([data-render-mode="shadow"]) 
-.slds-table--header-fixed{
+.slds-table--header-fixed {
   border-block-start: 0;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed thead th,:host([data-render-mode="shadow"]) 
-.slds-table--header-fixed thead th{
+.slds-table--header-fixed thead th {
   padding: 0;
   border-block-start: 0;
   position: static;
@@ -853,362 +907,382 @@
 :host([data-render-mode="shadow"]) .slds-table_header-fixed tbody tr:first-child td,:host([data-render-mode="shadow"]) 
 .slds-table_header-fixed tbody tr:first-child th,:host([data-render-mode="shadow"]) 
 .slds-table--header-fixed tbody tr:first-child td,:host([data-render-mode="shadow"]) 
-.slds-table--header-fixed tbody tr:first-child th{
+.slds-table--header-fixed tbody tr:first-child th {
   border-block-start: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table_header-hidden{
+:host([data-render-mode="shadow"]) .slds-table_header-hidden {
   border-block-start: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree .slds-tree__item .slds-is-disabled{
+:host([data-render-mode="shadow"]) .slds-tree .slds-tree__item .slds-is-disabled {
   visibility: hidden;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree .slds-is-selected{
+:host([data-render-mode="shadow"]) .slds-tree .slds-is-selected {
   background: var(--slds-g-color-neutral-base-95);
-  box-shadow: var(--slds-g-color-brand-base-50, var(--slds-g-color-palette-blue-50)) var(--slds-g-sizing-border-4) 0 0 inset;
+  box-shadow: var(--slds-g-color-brand-base-50, var(--slds-g-color-palette-blue-50))
+    var(--slds-g-sizing-border-4) 0 0 inset;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree .slds-is-focused{
+:host([data-render-mode="shadow"]) .slds-tree .slds-is-focused {
   text-decoration: underline;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [aria-expanded=false] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,:host([data-render-mode="shadow"]) 
-.slds-tree [aria-expanded=false] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon{
+:host([data-render-mode="shadow"]) .slds-tree [aria-expanded='false'] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,:host([data-render-mode="shadow"]) 
+.slds-tree
+  :host([data-render-mode="shadow"]) [aria-expanded='false']
+  > .slds-tree__item
+  > .slds-button[aria-controls]
+  > span
+  > .slds-button__icon {
   transition: 0.2s transform ease-in-out;
   transform: rotate(0deg);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [aria-expanded=true] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,:host([data-render-mode="shadow"]) 
-.slds-tree [aria-expanded=true] > .slds-tree__item > .slds-button[aria-controls] > span > .slds-button__icon{
+:host([data-render-mode="shadow"]) .slds-tree [aria-expanded='true'] > .slds-tree__item > .slds-button[aria-controls] > .slds-button__icon,:host([data-render-mode="shadow"]) 
+.slds-tree
+  :host([data-render-mode="shadow"]) [aria-expanded='true']
+  > .slds-tree__item
+  > .slds-button[aria-controls]
+  > span
+  > .slds-button__icon {
   transition: 0.2s transform ease-in-out;
   transform: rotate(90deg);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item a{
+:host([data-render-mode="shadow"]) .slds-tree__item a {
   color: var(--slds-g-color-neutral-base-10);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item a:hover{
+:host([data-render-mode="shadow"]) .slds-tree__item a:hover {
   text-decoration: none;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item a:focus{
+:host([data-render-mode="shadow"]) .slds-tree__item a:focus {
   outline: 0;
   text-decoration: underline;
 }
 
 :host([data-render-mode="shadow"]) .slds-tree-container,:host([data-render-mode="shadow"]) 
-.slds-tree_container{
+.slds-tree_container {
   min-width: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-7));
   /* stylelint-disable sds-stylelint-plugin/styling-hooks-pattern */
-  max-width: var(--slds-c-tree-sizing-max-width, var(--sds-c-tree-sizing-max-width, calc(var(--slds-g-sizing-15) + var(--slds-g-sizing-12))));
+  max-width: var(
+    --slds-c-tree-sizing-max-width,
+    var(--sds-c-tree-sizing-max-width, calc(var(--slds-g-sizing-15) + var(--slds-g-sizing-12)))
+  );
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }
 
 :host([data-render-mode="shadow"]) .slds-tree-container > .slds-text-heading_label,:host([data-render-mode="shadow"]) 
 .slds-tree-container > .slds-text-heading--label,:host([data-render-mode="shadow"]) 
 .slds-tree_container > .slds-text-heading_label,:host([data-render-mode="shadow"]) 
-.slds-tree_container > .slds-text-heading--label{
+.slds-tree_container > .slds-text-heading--label {
   margin-block-end: var(--slds-g-spacing-2);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-tree__item {
   display: flex;
   padding: 0 calc(var(--slds-g-sizing-1) + var(--slds-g-sizing-9)) var(--slds-g-sizing-5);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item.slds-is-hovered,:host([data-render-mode="shadow"]) 
-.slds-tree__item:hover{
+.slds-tree__item:hover {
   background: var(--slds-g-color-neutral-base-95);
   cursor: pointer;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem]:focus{
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem']:focus {
   outline: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem]:focus > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem']:focus > .slds-tree__item {
   background: var(--slds-g-color-neutral-base-95);
   cursor: pointer;
   text-decoration: none;
-  box-shadow: var(--slds-g-shadow-inset-focus-1, 0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-palette-blue-50));
+  box-shadow: var(
+    --slds-g-shadow-inset-focus-1,
+    0 0 var(--slds-g-sizing-border-3) var(--slds-g-color-palette-blue-50)
+  );
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem][aria-selected=true]:focus > .slds-tree__item{
-  box-shadow: var(--slds-g-color-palette-blue-60) var(--slds-g-sizing-border-4) 0 0 inset, 0 0 0 var(--slds-g-sizing-border-2) var(--slds-g-color-neutral-base-100), 0 0 0 var(--slds-g-sizing-border-4) var(--slds-g-color-brand-base-40, var(--slds-g-color-border-accent-2));
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem'][aria-selected='true']:focus > .slds-tree__item {
+  box-shadow:
+    var(--slds-g-color-palette-blue-60) var(--slds-g-sizing-border-4) 0 0 inset,
+    0 0 0 var(--slds-g-sizing-border-2) var(--slds-g-color-neutral-base-100),
+    0 0 0 var(--slds-g-sizing-border-4) var(--slds-g-color-brand-base-40, var(--slds-g-color-border-accent-2));
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem][aria-selected=true] > .slds-tree__item{
-  background:rgba(21, 137, 238, 10%);
-  box-shadow:var(--slds-g-color-palette-blue-60) var(--slds-g-sizing-border-4) 0 0 inset;
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem'][aria-selected='true'] > .slds-tree__item {
+  background: rgba(21, 137, 238, 10%);
+  box-shadow: var(--slds-g-color-palette-blue-60) var(--slds-g-sizing-border-4) 0 0 inset;
 }
 
-:host([data-render-mode="shadow"]) [dir=rtl] .slds-tree [role=treeitem][aria-selected=true] > .slds-tree__item{
-  box-shadow:var(--slds-g-color-palette-blue-60) calc(var(--slds-g-sizing-border-4) * -1) 0 0 inset;
+:host([data-render-mode="shadow"]) [dir='rtl'] .slds-tree [role='treeitem'][aria-selected='true'] > .slds-tree__item {
+  box-shadow: var(--slds-g-color-palette-blue-60) calc(var(--slds-g-sizing-border-4) * -1) 0 0 inset;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [aria-disabled=true]{
-  color:var(--slds-g-color-neutral-base-80);
+:host([data-render-mode="shadow"]) .slds-tree [aria-disabled='true'] {
+  color: var(--slds-g-color-neutral-base-80);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [aria-disabled=true] .slds-tree__item.slds-is-hovered,:host([data-render-mode="shadow"]) 
-.slds-tree [aria-disabled=true] .slds-tree__item:hover{
+:host([data-render-mode="shadow"]) .slds-tree [aria-disabled='true'] .slds-tree__item.slds-is-hovered,:host([data-render-mode="shadow"]) 
+.slds-tree [aria-disabled='true'] .slds-tree__item:hover {
   background-color: transparent;
   cursor: default;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [aria-disabled=true] .slds-tree__item-meta{
+:host([data-render-mode="shadow"]) .slds-tree [aria-disabled='true'] .slds-tree__item-meta {
   color: inherit;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem] > [role=group]{
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem'] > [role='group'] {
   display: none;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree [role=treeitem][aria-expanded=true] > [role=group]{
+:host([data-render-mode="shadow"]) .slds-tree [role='treeitem'][aria-expanded='true'] > [role='group'] {
   display: block;
 }
 
-:host([data-render-mode="shadow"]) [aria-expanded=false] > .slds-tree__item .slds-button__icon{
+:host([data-render-mode="shadow"]) [aria-expanded='false'] > .slds-tree__item .slds-button__icon {
   transition: 0.2s transform ease-in-out;
   transform: rotate(0deg);
 }
 
-:host([data-render-mode="shadow"]) [aria-expanded=true] > .slds-tree__item .slds-button__icon{
+:host([data-render-mode="shadow"]) [aria-expanded='true'] > .slds-tree__item .slds-button__icon {
   transition: 0.2s transform ease-in-out;
-  transform:rotate(90deg);
+  transform: rotate(90deg);
 }
 
-:host([data-render-mode="shadow"]) [dir=rtl] [aria-expanded=true] > .slds-tree__item .slds-button__icon{
-  transform:rotate(-90deg);
+:host([data-render-mode="shadow"]) [dir='rtl'] [aria-expanded='true'] > .slds-tree__item .slds-button__icon {
+  transform: rotate(-90deg);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="1"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='1'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-4);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="2"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='2'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-6);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="3"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='3'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-3);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="4"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='4'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-10);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="5"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='5'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-12);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="6"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='6'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-4));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="7"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='7'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-6));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="8"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='8'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-8));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="9"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='9'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-10));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="10"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='10'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) * 2);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="11"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='11'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-4));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="12"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='12'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-6));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="13"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='13'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-8));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="14"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='14'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-10));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="15"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='15'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) * 3);
 }
 
-:host([data-render-mode="shadow"]) [aria-level="16"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='16'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-4));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="17"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='17'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-6));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="18"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='18'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-8));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="19"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='19'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-10));
 }
 
-:host([data-render-mode="shadow"]) [aria-level="20"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) [aria-level='20'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) * 4);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item-label{
+:host([data-render-mode="shadow"]) .slds-tree__item-label {
   display: block;
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item-meta{
+:host([data-render-mode="shadow"]) .slds-tree__item-meta {
   display: block;
   color: var(--slds-g-color-neutral-base-30);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item .slds-button{
+:host([data-render-mode="shadow"]) .slds-tree__item .slds-button {
   align-self: flex-start;
   margin-block-start: var(--slds-g-sizing-1);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__item .slds-pill{
+:host([data-render-mode="shadow"]) .slds-tree__item .slds-pill {
   margin-inline-start: var(--slds-g-spacing-3);
 }
 
-:host([data-render-mode="shadow"]) .slds-tree__group-header{
+:host([data-render-mode="shadow"]) .slds-tree__group-header {
   font-size: var(--slds-g-font-scale-1);
   font-weight: var(--slds-g-font-weight-7);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree .slds-tree__item{
+.slds-table--tree .slds-tree__item {
   line-height: var(--slds-g-font-lineheight-4);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item a,:host([data-render-mode="shadow"]) 
-.slds-table--tree .slds-tree__item a{
+.slds-table--tree .slds-tree__item a {
   color: var(--slds-g-link-color, var(--slds-g-color-palette-blue-50));
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item a:hover,:host([data-render-mode="shadow"]) 
-.slds-table--tree .slds-tree__item a:hover{
+.slds-table--tree .slds-tree__item a:hover {
   text-decoration: underline;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-button,:host([data-render-mode="shadow"]) 
-.slds-table--tree .slds-button{
+.slds-table--tree .slds-button {
   align-self: center;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-button:not(.slds-th__action-button),:host([data-render-mode="shadow"]) 
-.slds-table--tree .slds-button:not(.slds-th__action-button){
+.slds-table--tree .slds-button:not(.slds-th__action-button) {
   margin-block-start: 0;
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="1"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="1"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='1'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='1'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-5);
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="2"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="2"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='2'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='2'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-7);
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="3"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="3"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='3'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='3'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-9);
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="4"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="4"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='4'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='4'] > .slds-tree__item {
   padding-inline-start: var(--slds-g-spacing-11);
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="5"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="5"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='5'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='5'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-10) + var(--slds-g-spacing-2));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="6"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="6"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='6'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='6'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-10) + var(--slds-g-spacing-5));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="7"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="7"] > .slds-tree__item{
-  padding-inline-start:calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-7));
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='7'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='7'] > .slds-tree__item {
+  padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-7));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="8"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="8"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='8'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='8'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-10) + var(--slds-g-spacing-9));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="9"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="9"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='9'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='9'] > .slds-tree__item {
   padding-inline-start: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-11));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="10"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="10"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='10'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='10'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-2));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="11"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="11"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='11'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='11'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-5));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="12"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="12"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='12'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='12'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-7));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="13"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="13"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='13'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='13'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-9));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="14"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="14"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='14'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='14'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 2) + var(--slds-g-spacing-11));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="15"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="15"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='15'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='15'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-2));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="16"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="16"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='16'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='16'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-5));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="17"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="17"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='17'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='17'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-7));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="18"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="18"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='18'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='18'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-9));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="19"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="19"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='19'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='19'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 3) + var(--slds-g-spacing-11));
 }
 
-:host([data-render-mode="shadow"]) .slds-table_tree [aria-level="20"] > .slds-tree__item,:host([data-render-mode="shadow"]) 
-.slds-table--tree [aria-level="20"] > .slds-tree__item{
+:host([data-render-mode="shadow"]) .slds-table_tree [aria-level='20'] > .slds-tree__item,:host([data-render-mode="shadow"]) 
+.slds-table--tree [aria-level='20'] > .slds-tree__item {
   padding-inline-start: calc((var(--slds-g-spacing-12) * 4) + var(--slds-g-spacing-2));
 }