lightning-base-components 1.28.6-alpha → 1.28.7-alpha

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

@@ -32,7 +32,7 @@
     --_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);
+  border-block-start: var(--slds-g-sizing-border-1, 1px) solid var(--_slds-c-datagrid-header-color-border, #babfc7);
   width: 100%;
 
   --_slds-c-datagrid-row-color-border: var(--_slds-c-datagrid-header-color-border, #babfc7);
@@ -68,7 +68,7 @@
 /* Column Header Cells */
 
 :host([data-render-mode="shadow"]) [role='columnheader'] {
-  font-weight: var(--slds-g-font-weight-7);
+  font-weight: var(--slds-g-font-weight-7, 700);
 }
 
 :host([data-render-mode="shadow"]) [role='columnheader'][aria-sort]:hover {
@@ -103,12 +103,12 @@
 
 :host([data-render-mode="shadow"]) [data-row-key-value='HEADER'] > *:hover {
   outline: 0;
-  background-color: var(--slds-g-color-neutral-base-100, white);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff, white);
 }
 
 :host([data-render-mode="shadow"]) [data-row-key-value='HEADER'] > *:focus {
   outline: 0;
-  background-color: var(--slds-g-color-neutral-base-100, white);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff, white);
 }
 
 :host([data-render-mode="shadow"]) [role~='row'][aria-selected='true'] {
@@ -150,18 +150,18 @@
 }
 
 [data-resize-handle] {
-  width: var(--slds-g-sizing-3);
+  width: var(--slds-g-sizing-3, 0.5rem);
   position: absolute;
-  top: calc(var(--slds-g-sizing-border-1) * -1);
-  right: calc(var(--slds-g-sizing-border-1) * -1);
-  bottom: calc(var(--slds-g-sizing-border-1) * -1);
+  top: calc(var(--slds-g-sizing-border-1, 1px) * -1);
+  right: calc(var(--slds-g-sizing-border-1, 1px) * -1);
+  bottom: calc(var(--slds-g-sizing-border-1, 1px) * -1);
   cursor: col-resize;
   opacity: 0;
 }
 
 [data-resize-handle]::before {
   content: '';
-  width: var(--slds-g-sizing-border-1);
+  width: var(--slds-g-sizing-border-1, 1px);
   height: 100vh;
   background-color: var(
     --_slds-c-datagrid-resize-color-background,
@@ -169,7 +169,7 @@
   );
   position: absolute;
   top: 0;
-  right: calc(var(--slds-g-sizing-border-1) * -1);
+  right: calc(var(--slds-g-sizing-border-1, 1px) * -1);
 }
 
 [data-resize-handle]::after {
@@ -214,7 +214,7 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-line-height_reset {
-  line-height: var(--slds-g-font-lineheight-1);
+  line-height: var(--slds-g-font-lineheight-1, 1);
 }
 
 /* Added */
@@ -227,10 +227,10 @@
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed_container {
   position: relative;
-  background-color: var(--slds-g-color-neutral-base-95);
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
   overflow-y: hidden;
   overflow-x: auto;
-  padding-top: var(--slds-g-spacing-6);
+  padding-top: var(--slds-g-spacing-6, 2rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed_container::before {
@@ -241,19 +241,19 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-table {
-  background-color: var(--slds-g-color-neutral-base-100);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
   font-size: inherit;
 }
 
 :host([data-render-mode="shadow"]) .slds-table th,:host([data-render-mode="shadow"]) 
 .slds-table td {
-  padding: var(--slds-g-spacing-1) var(--slds-g-spacing-2);
+  padding: var(--slds-g-spacing-1, 0.25rem) var(--slds-g-spacing-2, 0.5rem);
   white-space: nowrap;
   position: relative;
 }
 
 :host([data-render-mode="shadow"]) .slds-table th {
-  font-weight: var(--slds-g-font-weight-4);
+  font-weight: var(--slds-g-font-weight-4, 400);
 }
 
 :host([data-render-mode="shadow"]) .slds-table th:focus {
@@ -261,10 +261,10 @@
 }
 
 :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);
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
+  color: var(--slds-g-color-neutral-base-30, #444444);
+  padding: var(--slds-g-spacing-1, 0.25rem) var(--slds-g-spacing-2, 0.5rem);
+  font-weight: var(--slds-g-font-weight-7, 700);
   line-height: normal;
 }
 
@@ -277,13 +277,13 @@
 .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);
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
 }
 
 :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)
+    0 0 var(--slds-g-sizing-border-3, 3px) var(--slds-g-color-brand-base-50, #0176d3)
   );
 }
 
@@ -291,17 +291,17 @@
 .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);
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
 }
 
 :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));
+  color: var(--slds-g-link-color-focus, var(--slds-g-color-brand-base-20, #032d60));
 }
 
 :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);
+  color: var(--slds-g-color-neutral-base-80, #c9c9c9);
   cursor: default;
 }
 
@@ -317,12 +317,12 @@
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-buffer_left,:host([data-render-mode="shadow"]) 
 .slds-table .slds-cell-buffer--left {
-  padding-inline-start: var(--slds-g-spacing-5);
+  padding-inline-start: var(--slds-g-spacing-5, 1.5rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-buffer_right,:host([data-render-mode="shadow"]) 
 .slds-table .slds-cell-buffer--right {
-  padding-inline-end: var(--slds-g-spacing-5);
+  padding-inline-end: var(--slds-g-spacing-5, 1.5rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-table tbody tr {
@@ -344,7 +344,7 @@
 .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)
+    0 0 var(--slds-g-sizing-border-3, 3px) var(--slds-g-color-brand-base-50, #0176d3)
   );
 }
 
@@ -352,8 +352,8 @@
 .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));
+  border-block-end: var(--slds-g-sizing-border-3, 3px) solid
+    var(--slds-g-color-brand-base-50, #0176d3, var(--slds-g-color-brand-base-30, #014486));
 }
 
 :host([data-render-mode="shadow"]) .slds-table th:active,:host([data-render-mode="shadow"]) 
@@ -369,35 +369,35 @@
 .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 {
-  padding-inline-start: var(--slds-g-spacing-5);
+  padding-inline-start: var(--slds-g-spacing-5, 1.5rem);
 }
 
 :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 {
-  padding-inline-end: var(--slds-g-spacing-5);
+  padding-inline-end: var(--slds-g-spacing-5, 1.5rem);
 }
 
 :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, 1px) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
 }
 
 :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, 1px) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
 }
 
 :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, 1px) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-border-1, var(--slds-g-color-neutral-base-80)));
 }
 
 :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"]) 
@@ -409,8 +409,8 @@
 .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;
+    var(--slds-g-color-border-base-1) 0 calc(var(--slds-g-sizing-border-1, 1px) * -1) 0 inset,
+    var(--slds-g-color-border-base-1) 0 var(--slds-g-sizing-border-1, 1px) 0 inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_col-bordered td + td,:host([data-render-mode="shadow"]) 
@@ -421,15 +421,15 @@
 .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));
+  border-inline-start: var(--slds-g-sizing-border-1, 1px) solid
+    var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90, #e5e5e5));
 }
 
 :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 {
-  background-color: var(--slds-g-color-neutral-base-95);
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout,:host([data-render-mode="shadow"]) 
@@ -441,7 +441,7 @@
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout thead,:host([data-render-mode="shadow"]) 
 .slds-table--fixed-layout thead {
-  background-color: var(--slds-g-color-neutral-base-100);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout tbody,:host([data-render-mode="shadow"]) 
@@ -451,7 +451,7 @@
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink,:host([data-render-mode="shadow"]) 
 .slds-table--fixed-layout .slds-cell-shrink {
-  width: var(--slds-g-sizing-10);
+  width: var(--slds-g-sizing-10, 3rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_fixed-layout .slds-cell-shrink:nth-child(n),:host([data-render-mode="shadow"]) 
@@ -463,13 +463,13 @@
 :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 {
   text-align: right;
-  padding-inline-end: var(--slds-g-spacing-2);
+  padding-inline-end: var(--slds-g-spacing-2, 0.5rem);
 }
 
 :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 {
   text-align: left;
-  padding-inline-start: var(--slds-g-spacing-2);
+  padding-inline-start: var(--slds-g-spacing-2, 0.5rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_column-1-wrap tbody tr > *:nth-child(1) .slds-truncate,:host([data-render-mode="shadow"]) 
@@ -496,17 +496,17 @@
 :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));
+  max-height: calc(var(--slds-g-sizing-10, 3rem) + var(--slds-g-sizing-2, 0.25rem));
 }
 
 :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));
+  top: calc(var(--slds-g-sizing-9, 2rem) + var(--slds-g-sizing-2, 0.25rem));
   bottom: 0;
   right: 0;
   width: 50%;
-  background: linear-gradient(to right, transparent 0%, var(--slds-g-color-neutral-base-100) 69%);
+  background: linear-gradient(to right, transparent 0%, var(--slds-g-color-neutral-base-100, #ffffff) 69%);
 }
 
 :host([data-render-mode="shadow"]) [class*='slds-table_column-'] tr:hover td .slds-truncate::after {
@@ -520,7 +520,7 @@
 
 :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 {
-  width: var(--slds-g-sizing-4);
+  width: var(--slds-g-sizing-4, 0.75rem);
   right: 0;
 }
 
@@ -533,19 +533,19 @@
 
 :host([data-render-mode="shadow"]) .slds-table_joined table,:host([data-render-mode="shadow"]) 
 .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%);
+  border-radius: 0 0 var(--slds-g-radius-border-2, 0.25rem) var(--slds-g-radius-border-2, 0.25rem);
+  box-shadow: 0 var(--slds-g-sizing-border-2, 2px) var(--slds-g-sizing-border-2, 2px) 0 rgba(0, 0, 0, 10%);
 }
 
 :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);
+  padding: var(--slds-g-spacing-4, 1rem) var(--slds-g-spacing-4, 1rem) 0 var(--slds-g-spacing-4, 1rem);
+  border-radius: var(--slds-g-radius-border-2, 0.25rem);
   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);
-  box-shadow: 0 var(--slds-g-sizing-border-2) var(--slds-g-sizing-border-2) 0 rgba(0, 0, 0, 10%);
+  border-radius: 0 0 var(--slds-g-radius-border-2, 0.25rem) var(--slds-g-radius-border-2, 0.25rem);
+  box-shadow: 0 var(--slds-g-sizing-border-2, 2px) var(--slds-g-sizing-border-2, 2px) 0 rgba(0, 0, 0, 10%);
 }
 
 @media (width < 48em) {
@@ -557,11 +557,11 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked thead,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked thead {
     position: absolute !important;
-    margin: calc(var(var(--slds-g-sizing-border-1) * 1px)) !important;
+    margin: calc(var(var(--slds-g-sizing-border-1, 1px) * 1px)) !important;
     border: 0 !important;
     padding: 0 !important;
-    width: var(--slds-g-sizing-border-1) !important;
-    height: var(--slds-g-sizing-border-1) !important;
+    width: var(--slds-g-sizing-border-1, 1px) !important;
+    height: var(--slds-g-sizing-border-1, 1px) !important;
     overflow: hidden !important;
     clip: rect(0 0 0 0) !important;
   }
@@ -574,8 +574,8 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked tr,:host([data-render-mode="shadow"]) 
   .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, 2px) solid
+      var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90, #e5e5e5));
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked th,:host([data-render-mode="shadow"]) 
@@ -583,7 +583,7 @@
   .slds-max-medium-table--stacked th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked td {
     display: block;
-    padding: var(--slds-g-sizing-4);
+    padding: var(--slds-g-sizing-4, 0.75rem);
     max-width: 100%;
     width: 100%;
     clear: both;
@@ -603,13 +603,13 @@
   .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 {
-    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);
+    font-size: var(--slds-g-font-scale-neg-1, 0.75rem);
+    line-height: var(--slds-g-font-lineheight-2, 1.25);
+    color: var(--slds-g-color-neutral-base-30, #444444);
     text-transform: uppercase;
     letter-spacing: 0.0625rem;
     display: block;
-    padding-block-end: var(--slds-g-spacing-1);
+    padding-block-end: var(--slds-g-spacing-1, 0.25rem);
     content: attr(data-label);
   }
 
@@ -617,7 +617,7 @@
   .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 {
-    padding: var(--slds-g-sizing-4);
+    padding: var(--slds-g-sizing-4, 0.75rem);
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked:not(.slds-no-row-hover) tbody tr:hover td,:host([data-render-mode="shadow"]) 
@@ -644,7 +644,7 @@
   .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 {
-    padding-block-end: var(--slds-g-spacing-1);
+    padding-block-end: var(--slds-g-spacing-1, 0.25rem);
   }
 }
 
@@ -657,11 +657,11 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal thead,:host([data-render-mode="shadow"]) 
   .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, 1px) * -1) !important;
     border: 0 !important;
     padding: 0 !important;
-    width: var(--slds-g-sizing-border-1) !important;
-    height: var(--slds-g-sizing-border-1) !important;
+    width: var(--slds-g-sizing-border-1, 1px) !important;
+    height: var(--slds-g-sizing-border-1, 1px) !important;
     overflow: hidden !important;
     clip: rect(0 0 0 0) !important;
   }
@@ -674,8 +674,8 @@
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal tr,:host([data-render-mode="shadow"]) 
   .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, 2px) solid
+      var(--slds-g-color-border-base-1, var(--slds-g-color-palette-neutral-90, #e5e5e5));
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal th,:host([data-render-mode="shadow"]) 
@@ -683,7 +683,7 @@
   .slds-max-medium-table--stacked-horizontal th,:host([data-render-mode="shadow"]) 
   .slds-max-medium-table--stacked-horizontal td {
     display: block;
-    padding: var(--slds-g-spacing-3);
+    padding: var(--slds-g-spacing-3, 0.75rem);
     max-width: 100%;
     width: 100%;
     clear: both;
@@ -703,13 +703,13 @@
   .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 {
-    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);
+    font-size: var(--slds-g-font-scale-neg-1, 0.75rem);
+    line-height: var(--slds-g-font-lineheight-2, 1.25);
+    color: var(--slds-g-color-neutral-base-30, #444444);
     text-transform: uppercase;
     letter-spacing: 0.0625rem;
     display: block;
-    padding-block-end: var(--slds-g-spacing-1);
+    padding-block-end: var(--slds-g-spacing-1, 0.25rem);
     content: attr(data-label);
   }
 
@@ -717,7 +717,7 @@
   .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 {
-    padding: var(--slds-g-spacing-3);
+    padding: var(--slds-g-spacing-3, 0.75rem);
   }
 
   :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"]) 
@@ -748,7 +748,7 @@
   :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 {
     float: left;
-    margin-block-start: var(--slds-g-sizing-1);
+    margin-block-start: var(--slds-g-sizing-1, 0.125rem);
   }
 
   :host([data-render-mode="shadow"]) .slds-max-medium-table_stacked-horizontal .slds-truncate,:host([data-render-mode="shadow"]) 
@@ -771,9 +771,9 @@
   bottom: 0;
   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;
+  background-color: var(--slds-g-color-neutral-base-95, #f3f3f3);
+  box-shadow: 0 0 0 var(--slds-g-sizing-border-4, 4px)
+    var(--slds-g-color-border-brand-2, var(--slds-g-color-palette-blue-60, #1b96ff)) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_edit_container:focus .slds-table_edit_container-message,:host([data-render-mode="shadow"]) 
@@ -784,10 +784,10 @@
   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);
-  background-color: var(--slds-g-color-neutral-base-100);
+  width: var(--slds-g-sizing-15, 20rem);
+  margin-block-start: calc((var(--slds-g-sizing-9, 2rem) + var(--slds-g-sizing-2, 0.25rem)) * -1);
+  margin-inline-start: calc(var(--slds-g-sizing-13, 10rem) * -1);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
   text-align: center;
   z-index: 1;
 }
@@ -809,37 +809,37 @@
 
 :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 {
-  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;
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
+  box-shadow: var(--slds-g-color-palette-blue-50, #0176d3) 0 0 0 var(--slds-g-sizing-border-1, 1px) 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 {
-  background-color: var(--slds-g-color-neutral-base-100);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
 }
 
 :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 {
-  background-color: var(--slds-g-color-palette-yellow-90, #faffbd);
+  background-color: var(--slds-g-color-palette-yellow-90, #f9e3b6, #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 {
-  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;
+  background-color: var(--slds-g-color-palette-yellow-90, #f9e3b6, #faffbd);
+  box-shadow: var(--slds-g-color-error-base-40, #ba0517, var(--slds-g-color-palette-red-50, #ea001e)) 0 0 0
+    var(--slds-g-sizing-border-2, 2px) 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));
+  fill: var(--slds-g-color-brand-base-50, #0176d3, var(--slds-g-color-palette-blue-60, #1b96ff));
 }
 
 :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;
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
+  box-shadow: var(--slds-g-color-palette-blue-30, #014486) 0 0 0 var(--slds-g-sizing-border-1, 1px) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-edit {
@@ -847,10 +847,10 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus {
-  background-color: var(--slds-g-color-neutral-base-100);
+  background-color: var(--slds-g-color-neutral-base-100, #ffffff);
   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)
+    0 0 var(--slds-g-sizing-border-3, 3px) var(--slds-g-color-palette-blue-50, #0176d3)
   );
 }
 
@@ -862,7 +862,7 @@
 }
 
 :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;
+  box-shadow: var(--slds-g-color-border-accent-3, #014486) 0 0 0 var(--slds-g-sizing-border-1, 1px) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table .slds-cell-edit.slds-has-focus a:focus {
@@ -872,16 +872,16 @@
 
 :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);
+  font-weight: var(--slds-g-font-weight-7, 700);
+  background-color: var(--slds-g-color-palette-yellow-90, #f9e3b6, #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 {
-  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;
+  font-weight: var(--slds-g-font-weight-7, 700);
+  background-color: var(--slds-g-color-palette-yellow-90, #f9e3b6, #faffbd);
+  box-shadow: var(--slds-g-color-error-base-40, #ba0517, var(--slds-g-color-palette-red-50, #ea001e)) 0 0 0
+    var(--slds-g-sizing-border-2, 2px) inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-table_header-fixed_container::before,:host([data-render-mode="shadow"]) 
@@ -920,9 +920,9 @@
 }
 
 :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;
+  background: var(--slds-g-color-neutral-base-95, #f3f3f3);
+  box-shadow: var(--slds-g-color-brand-base-50, #0176d3, var(--slds-g-color-palette-blue-50, #0176d3))
+    var(--slds-g-sizing-border-4, 4px) 0 0 inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-tree .slds-is-focused {
@@ -952,7 +952,7 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item a {
-  color: var(--slds-g-color-neutral-base-10);
+  color: var(--slds-g-color-neutral-base-10, #181818);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item a:hover {
@@ -966,11 +966,11 @@
 
 :host([data-render-mode="shadow"]) .slds-tree-container,:host([data-render-mode="shadow"]) 
 .slds-tree_container {
-  min-width: calc(var(--slds-g-spacing-12) + var(--slds-g-spacing-7));
+  min-width: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-7, 2.5rem));
   /* 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)))
+    var(--sds-c-tree-sizing-max-width, calc(var(--slds-g-sizing-15, 20rem) + var(--slds-g-sizing-12, 5rem)))
   );
   /* stylelint-enable sds-stylelint-plugin/styling-hooks-pattern */
 }
@@ -979,17 +979,17 @@
 .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 {
-  margin-block-end: var(--slds-g-spacing-2);
+  margin-block-end: var(--slds-g-spacing-2, 0.5rem);
 }
 
 :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);
+  padding: 0 calc(var(--slds-g-sizing-1, 0.125rem) + var(--slds-g-sizing-9, 2rem)) var(--slds-g-sizing-5, 1rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item.slds-is-hovered,:host([data-render-mode="shadow"]) 
 .slds-tree__item:hover {
-  background: var(--slds-g-color-neutral-base-95);
+  background: var(--slds-g-color-neutral-base-95, #f3f3f3);
   cursor: pointer;
 }
 
@@ -998,33 +998,33 @@
 }
 
 :host([data-render-mode="shadow"]) .slds-tree [role='treeitem']:focus > .slds-tree__item {
-  background: var(--slds-g-color-neutral-base-95);
+  background: var(--slds-g-color-neutral-base-95, #f3f3f3);
   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)
+    0 0 var(--slds-g-sizing-border-3, 3px) var(--slds-g-color-palette-blue-50, #0176d3)
   );
 }
 
 :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));
+    var(--slds-g-color-palette-blue-60, #1b96ff) var(--slds-g-sizing-border-4, 4px) 0 0 inset,
+    0 0 0 var(--slds-g-sizing-border-2, 2px) var(--slds-g-color-neutral-base-100, #ffffff),
+    0 0 0 var(--slds-g-sizing-border-4, 4px) var(--slds-g-color-brand-base-40, #0b5cab, var(--slds-g-color-border-accent-2, #0b5cab));
 }
 
 :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;
+  box-shadow: var(--slds-g-color-palette-blue-60, #1b96ff) var(--slds-g-sizing-border-4, 4px) 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;
+  box-shadow: var(--slds-g-color-palette-blue-60, #1b96ff) calc(var(--slds-g-sizing-border-4, 4px) * -1) 0 0 inset;
 }
 
 :host([data-render-mode="shadow"]) .slds-tree [aria-disabled='true'] {
-  color: var(--slds-g-color-neutral-base-80);
+  color: var(--slds-g-color-neutral-base-80, #c9c9c9);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree [aria-disabled='true'] .slds-tree__item.slds-is-hovered,:host([data-render-mode="shadow"]) 
@@ -1060,83 +1060,83 @@
 }
 
 :host([data-render-mode="shadow"]) [aria-level='1'] > .slds-tree__item {
-  padding-inline-start: var(--slds-g-spacing-4);
+  padding-inline-start: var(--slds-g-spacing-4, 1rem);
 }
 
 :host([data-render-mode="shadow"]) [aria-level='2'] > .slds-tree__item {
-  padding-inline-start: var(--slds-g-spacing-6);
+  padding-inline-start: var(--slds-g-spacing-6, 2rem);
 }
 
 :host([data-render-mode="shadow"]) [aria-level='3'] > .slds-tree__item {
-  padding-inline-start: var(--slds-g-spacing-3);
+  padding-inline-start: var(--slds-g-spacing-3, 0.75rem);
 }
 
 :host([data-render-mode="shadow"]) [aria-level='4'] > .slds-tree__item {
-  padding-inline-start: var(--slds-g-spacing-10);
+  padding-inline-start: var(--slds-g-spacing-10, 4rem);
 }
 
 :host([data-render-mode="shadow"]) [aria-level='5'] > .slds-tree__item {
-  padding-inline-start: var(--slds-g-spacing-12);
+  padding-inline-start: var(--slds-g-spacing-12, 5rem);
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-4, 1rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-6, 2rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-8, 3rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-10, 4rem));
 }
 
 :host([data-render-mode="shadow"]) [aria-level='10'] > .slds-tree__item {
-  padding-inline-start: calc(var(--slds-g-spacing-12) * 2);
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) * 2);
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-4, 1rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-6, 2rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-8, 3rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-10, 4rem));
 }
 
 :host([data-render-mode="shadow"]) [aria-level='15'] > .slds-tree__item {
-  padding-inline-start: calc(var(--slds-g-spacing-12) * 3);
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) * 3);
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-4, 1rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-6, 2rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-8, 3rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-10, 4rem));
 }
 
 :host([data-render-mode="shadow"]) [aria-level='20'] > .slds-tree__item {
-  padding-inline-start: calc(var(--slds-g-spacing-12) * 4);
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) * 4);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item-label {
@@ -1145,31 +1145,31 @@
 
 :host([data-render-mode="shadow"]) .slds-tree__item-meta {
   display: block;
-  color: var(--slds-g-color-neutral-base-30);
+  color: var(--slds-g-color-neutral-base-30, #444444);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item .slds-button {
   align-self: flex-start;
-  margin-block-start: var(--slds-g-sizing-1);
+  margin-block-start: var(--slds-g-sizing-1, 0.125rem);
 }
 
 :host([data-render-mode="shadow"]) .slds-tree__item .slds-pill {
-  margin-inline-start: var(--slds-g-spacing-3);
+  margin-inline-start: var(--slds-g-spacing-3, 0.75rem);
 }
 
 :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);
+  font-size: var(--slds-g-font-scale-1, 0.875rem);
+  font-weight: var(--slds-g-font-weight-7, 700);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item,:host([data-render-mode="shadow"]) 
 .slds-table--tree .slds-tree__item {
-  line-height: var(--slds-g-font-lineheight-4);
+  line-height: var(--slds-g-font-lineheight-4, 1.5);
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item a,:host([data-render-mode="shadow"]) 
 .slds-table--tree .slds-tree__item a {
-  color: var(--slds-g-link-color, var(--slds-g-color-palette-blue-50));
+  color: var(--slds-g-link-color, var(--slds-g-color-palette-blue-50, #0176d3));
 }
 
 :host([data-render-mode="shadow"]) .slds-table_tree .slds-tree__item a:hover,:host([data-render-mode="shadow"]) 
@@ -1189,100 +1189,100 @@
 
 :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);
+  padding-inline-start: var(--slds-g-spacing-5, 1.5rem);
 }
 
 :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);
+  padding-inline-start: var(--slds-g-spacing-7, 2.5rem);
 }
 
 :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);
+  padding-inline-start: var(--slds-g-spacing-9, 3.5rem);
 }
 
 :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);
+  padding-inline-start: var(--slds-g-spacing-11, 4.5rem);
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-10, 4rem) + var(--slds-g-spacing-2, 0.5rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-10, 4rem) + var(--slds-g-spacing-5, 1.5rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-7, 2.5rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-10, 4rem) + var(--slds-g-spacing-9, 3.5rem));
 }
 
 :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));
+  padding-inline-start: calc(var(--slds-g-spacing-12, 5rem) + var(--slds-g-spacing-11, 4.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-2, 0.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-5, 1.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-7, 2.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-9, 3.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 2) + var(--slds-g-spacing-11, 4.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-2, 0.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-5, 1.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-7, 2.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-9, 3.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 3) + var(--slds-g-spacing-11, 4.5rem));
 }
 
 :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));
+  padding-inline-start: calc((var(--slds-g-spacing-12, 5rem) * 4) + var(--slds-g-spacing-2, 0.5rem));
 }