lightning-base-components 1.28.7-alpha → 1.28.10-alpha

package/src/lightning/prompt/input-text.slds.css

@@ -9,63 +9,57 @@
 :host([data-render-mode="shadow"]) [part~='input-container'] {
   display: flex;
   align-items: center;
-  gap: var(--sds-c-inputtext-spacing-gap, var(--sds-s-input-spacing-gap));
-  min-height: var(--sds-c-inputtext-sizing-height, var(--sds-s-input-sizing-height));
+  gap: var(--sds-c-inputtext-spacing-gap, var(--slds-s-input-spacing-gap));
+  min-height: var(--sds-c-inputtext-sizing-height, var(--slds-s-input-sizing-height));
   padding-inline-start: var(
     --sds-c-inputtext-spacing-inlinestart,
-    var(--sds-c-inputtext-spacing-inline, var(--sds-s-input-spacing))
+    var(--sds-c-inputtext-spacing-inline, var(--slds-s-input-spacing))
   );
   padding-inline-end: var(
     --sds-c-inputtext-spacing-inlineend,
-    var(--sds-c-inputtext-spacing-inline, var(--sds-s-input-spacing))
+    var(--sds-c-inputtext-spacing-inline, var(--slds-s-input-spacing))
   );
   padding-block-start: var(
     --sds-c-inputtext-spacing-blockstart,
-    var(--sds-c-inputtext-spacing-block, var(--sds-s-input-spacing))
+    var(--sds-c-inputtext-spacing-block, var(--slds-s-input-spacing))
   );
   padding-block-end: var(
     --sds-c-inputtext-spacing-blockend,
-    var(--sds-c-inputtext-spacing-block, var(--sds-s-input-spacing))
+    var(--sds-c-inputtext-spacing-block, var(--slds-s-input-spacing))
   );
-  background: var(--sds-c-inputtext-color-background, var(--sds-s-input-color-background));
+  background: var(--sds-c-inputtext-color-background, var(--slds-s-input-color-background));
   border-block-start: var(
       --sds-c-inputtext-sizing-border-blockstart,
-      var(--sds-c-inputtext-sizing-border, var(--sds-g-sizing-border-1))
+      var(--sds-c-inputtext-sizing-border, 1px)
     )
     solid
     var(
       --sds-c-inputtext-color-border-blockstart,
-      var(--sds-c-inputtext-color-border, var(--sds-s-input-color-border, currentColor))
+      var(--sds-c-inputtext-color-border, var(--slds-s-input-color-border, currentColor))
     );
   border-inline-start: var(
       --sds-c-inputtext-sizing-border-inlinestart,
-      var(--sds-c-inputtext-sizing-border, var(--sds-g-sizing-border-1))
+      var(--sds-c-inputtext-sizing-border, 1px)
     )
     solid
     var(
       --sds-c-inputtext-color-border-inlinestart,
-      var(--sds-c-inputtext-color-border, var(--sds-s-input-color-border, currentColor))
+      var(--sds-c-inputtext-color-border, var(--slds-s-input-color-border, currentColor))
     );
-  border-inline-end: var(
-      --sds-c-inputtext-sizing-border-inlineend,
-      var(--sds-c-inputtext-sizing-border, var(--sds-g-sizing-border-1))
-    )
+  border-inline-end: var(--sds-c-inputtext-sizing-border-inlineend, var(--sds-c-inputtext-sizing-border, 1px))
     solid
     var(
       --sds-c-inputtext-color-border-inlineend,
-      var(--sds-c-inputtext-color-border, var(--sds-s-input-color-border, currentColor))
+      var(--sds-c-inputtext-color-border, var(--slds-s-input-color-border, currentColor))
     );
-  border-block-end: var(
-      --sds-c-inputtext-sizing-border-blockend,
-      var(--sds-c-inputtext-sizing-border, var(--sds-g-sizing-border-1))
-    )
+  border-block-end: var(--sds-c-inputtext-sizing-border-blockend, var(--sds-c-inputtext-sizing-border, 1px))
     solid
     var(
       --sds-c-inputtext-color-border-blockend,
-      var(--sds-c-inputtext-color-border, var(--sds-s-input-color-border, currentColor))
+      var(--sds-c-inputtext-color-border, var(--slds-s-input-color-border, currentColor))
     );
-  border-radius: var(--sds-c-inputtext-radius-border, var(--sds-s-input-radius-border));
-  box-shadow: var(--sds-c-inputtext-shadow, var(--sds-s-input-shadow));
+  border-radius: var(--sds-c-inputtext-radius-border, var(--slds-s-input-radius-border));
+  box-shadow: var(--sds-c-inputtext-shadow, var(--slds-s-input-shadow));
 }
 /**
  * Input Control
@@ -77,8 +71,8 @@
   width: 100%;
   height: 100%;
   padding: 0;
-  font-size: var(--sds-c-inputtext-font-size, var(--sds-s-input-font-size));
-  color: var(--sds-c-inputtext-text-color, var(--sds-s-input-text-color));
+  font-size: var(--sds-c-inputtext-font-size, var(--slds-s-input-font-size));
+  color: var(--sds-c-inputtext-text-color, var(--slds-s-input-text-color));
   line-height: 1;
   border: none;
   background: transparent;
@@ -92,20 +86,20 @@
 :host([data-render-mode="shadow"][active]) [part~='input-container'] {
   --sds-c-inputtext-color-background: var(
     --sds-c-inputtext-color-background-active,
-    var(--sds-s-input-color-background-active)
+    var(--slds-s-input-color-background-active)
   );
   --sds-c-inputtext-color-border: var(
     --sds-c-inputtext-color-border-active,
-    var(--sds-s-input-color-border-active)
+    var(--slds-s-input-color-border-active)
   );
-  --sds-c-inputtext-shadow: var(--sds-c-inputtext-shadow-active, var(--sds-s-input-shadow-active));
+  --sds-c-inputtext-shadow: var(--sds-c-inputtext-shadow-active, var(--slds-s-input-shadow-active));
 }
 /**
  * Placeholder text
  */
 :host([data-render-mode="shadow"]) [part~='input']::placeholder {
-  color: var(--sds-c-inputtext-text-color-placeholder, var(--sds-s-input-text-color-placeholder));
-  font-style: var(--sds-c-inputtext-font-style-placeholder, var(--sds-s-input-font-style-placeholder));
+  color: var(--sds-c-inputtext-text-color-placeholder, var(--slds-s-input-text-color-placeholder));
+  font-style: var(--sds-c-inputtext-font-style-placeholder, var(--slds-s-input-font-style-placeholder));
 }
 /**
  * Input container when it receives focus-within
@@ -115,16 +109,16 @@
 :host([data-render-mode="shadow"]) [part~='input-container']:focus-within {
   --sds-c-inputtext-color-border: var(
     --sds-c-inputtext-color-border-focus,
-    var(--sds-s-input-color-border-focus, revert)
+    var(--slds-s-input-color-border-focus, revert)
   );
-  --sds-c-inputtext-shadow: var(--sds-c-inputtext-shadow-focus, var(--sds-s-input-shadow-focus));
+  --sds-c-inputtext-shadow: var(--sds-c-inputtext-shadow-focus, var(--slds-s-input-shadow-focus));
   --sds-c-inputtext-color-background: var(
     --sds-c-inputtext-color-background-focus,
-    var(--sds-s-input-color-background-focus, revert)
+    var(--slds-s-input-color-background-focus, revert)
   );
   --sds-c-inputtext-text-color: var(
     --sds-c-inputtext-text-color-focus,
-    var(--sds-s-input-text-color-focus, revert)
+    var(--slds-s-input-text-color-focus, revert)
   );
 }
 /**
@@ -143,28 +137,28 @@
   align-items: center;
 
   /* Need to tweak stylelint to merge new shared groups into existing set, label is not available */
-  gap: var(--sds-c-inputtext-label-spacing-gap, var(--sds-s-label-spacing-gap));
+  gap: var(--sds-c-inputtext-label-spacing-gap, var(--slds-s-label-spacing-gap));
   padding-inline-start: var(
     --sds-c-inputtext-label-spacing-inlinestart,
-    var(--sds-c-inputtext-label-spacing-inline, var(--sds-s-label-spacing))
+    var(--sds-c-inputtext-label-spacing-inline, var(--slds-s-label-spacing))
   );
   padding-inline-end: var(
     --sds-c-inputtext-label-spacing-inlineend,
-    var(--sds-c-inputtext-label-spacing-inline, var(--sds-s-label-spacing))
+    var(--sds-c-inputtext-label-spacing-inline, var(--slds-s-label-spacing))
   );
   padding-block-start: var(
     --sds-c-inputtext-label-spacing-blockstart,
-    var(--sds-c-inputtext-label-spacing-block, var(--sds-s-label-spacing))
+    var(--sds-c-inputtext-label-spacing-block, var(--slds-s-label-spacing))
   );
   padding-block-end: var(
     --sds-c-inputtext-label-spacing-blockend,
-    var(--sds-c-inputtext-label-spacing-block, var(--sds-s-label-spacing))
+    var(--sds-c-inputtext-label-spacing-block, var(--slds-s-label-spacing))
   );
-  color: var(--sds-c-inputtext-label-color, var(--sds-s-label-color));
+  color: var(--sds-c-inputtext-label-color, var(--slds-s-label-color));
 }
 :host([data-render-mode="shadow"]) [part='label'] {
-  font-size: var(--sds-c-inputtext-label-font-size, var(--sds-s-label-font-size));
-  font-weight: var(--sds-c-inputtext-label-font-weight, var(--sds-s-label-font-weight));
+  font-size: var(--sds-c-inputtext-label-font-size, var(--slds-s-label-font-size));
+  font-weight: var(--sds-c-inputtext-label-font-weight, var(--slds-s-label-font-weight));
 }
 /**
  * Help text
@@ -174,23 +168,23 @@
  */
 :host([data-render-mode="shadow"]) [part='help-text visible'] {
   /* Need to tweak stylelint to merge new shared groups into existing set, helptext is not available */
-  font-size: var(--sds-c-inputtext-helptext-font-size, var(--sds-s-helptext-font-size));
-  color: var(--sds-c-inputtext-helptext-text-color, var(--sds-s-helptext-text-color));
+  font-size: var(--sds-c-inputtext-helptext-font-size, var(--slds-s-helptext-font-size));
+  color: var(--sds-c-inputtext-helptext-text-color, var(--slds-s-helptext-text-color));
   padding-inline-start: var(
     --sds-c-inputtext-helptext-spacing-inlinestart,
-    var(--sds-c-inputtext-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputtext-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-inline-end: var(
     --sds-c-inputtext-helptext-spacing-inlineend,
-    var(--sds-c-inputtext-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputtext-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-block-start: var(
     --sds-c-inputtext-helptext-spacing-blockstart,
-    var(--sds-c-inputtext-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputtext-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
   padding-block-end: var(
     --sds-c-inputtext-helptext-spacing-blockend,
-    var(--sds-c-inputtext-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputtext-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
 }
 /**
@@ -199,11 +193,11 @@
 :host([data-render-mode="shadow"][disabled]) {
   --sds-c-inputtext-color-background: var(
     --sds-c-inputtext-color-background-disabled,
-    var(--sds-s-input-color-background-disabled)
+    var(--slds-s-input-color-background-disabled)
   );
   --sds-c-inputtext-color-border: var(
     --sds-c-inputtext-color-border-disabled,
-    var(--sds-s-input-color-border-disabled)
+    var(--slds-s-input-color-border-disabled)
   );
 }
 /**

package/src/lightning/sldsCommon/sldsCommon.css

@@ -2,9 +2,9 @@
  * Normalize box sizing to border box for all browsers.
  */
 
-*,
-::before,
-::after {
+:host([data-render-mode='shadow']) *,
+:host([data-render-mode='shadow']) ::before,
+:host([data-render-mode='shadow']) ::after {
     box-sizing: border-box;
 }
 
@@ -153,25 +153,25 @@
     outline-offset: 0;
 }
 
-::-moz-focus-inner {
+:host([data-render-mode='shadow']) ::-moz-focus-inner {
     border-style: none;
     padding: 0;
 }
 
-::-webkit-search-decoration {
+:host([data-render-mode='shadow']) ::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
-::-webkit-file-upload-button {
+:host([data-render-mode='shadow']) ::-webkit-file-upload-button {
     -webkit-appearance: button;
     font: inherit;
 }
 
-:-moz-focusring {
+:host([data-render-mode='shadow']) :-moz-focusring {
     outline: 1px dotted ButtonText;
 }
 
-:-moz-ui-invalid {
+:host([data-render-mode='shadow']) :-moz-ui-invalid {
     box-shadow: none;
 }
 
@@ -305,11 +305,11 @@
  * have correct styling in native shadow
  */
 
-[data-f6-region].f6-highlight {
+:host([data-render-mode='shadow']) [data-f6-region].f6-highlight {
     position: relative;
 }
 
-[data-f6-region].f6-highlight::after {
+:host([data-render-mode='shadow']) [data-f6-region].f6-highlight::after {
     width: 100%;
     height: 100%;
     content: '';

package/src/lightning/toast/button-icon.slds.css

@@ -16,11 +16,11 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  */
 :host([data-render-mode="shadow"]) [part~='button'] {
   display: inline-flex;
-  gap: var(--sds-c-button-spacing-gap, var(--sds-s-button-spacing-gap));
-  background: var(--sds-c-button-color-background, var(--sds-s-button-color-background));
-  color: var(--sds-c-button-text-color, var(--sds-s-button-color));
-  font-weight: var(--sds-c-button-font-weight, var(--sds-s-button-font-weight));
-  font-size: var(--sds-c-button-font-size, var(--sds-s-button-font-size, inherit));
+  gap: var(--sds-c-button-spacing-gap, var(--slds-s-button-spacing-gap));
+  background: var(--sds-c-button-color-background, var(--slds-s-button-color-background));
+  color: var(--sds-c-button-text-color, var(--slds-s-button-color));
+  font-weight: var(--sds-c-button-font-weight, var(--slds-s-button-font-weight));
+  font-size: var(--sds-c-button-font-size, var(--slds-s-button-font-size, inherit));
   line-height: var(--sds-c-button-font-lineheight);
   height: var(--sds-c-button-sizing-height);
   width: var(--sds-c-button-sizing-width);
@@ -28,62 +28,62 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
     --sds-c-button-spacing-inlinestart,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-inline-end: var(
     --sds-c-button-spacing-inlineend,
     var(
       --sds-c-button-spacing-inline,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-inline, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-inline, var(--slds-s-button-spacing)))
     )
   );
   padding-block-start: var(
     --sds-c-button-spacing-blockstart,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
   padding-block-end: var(
     --sds-c-button-spacing-blockend,
     var(
       --sds-c-button-spacing-block,
-      var(--sds-c-button-spacing, var(--sds-s-button-spacing-block, var(--sds-s-button-spacing)))
+      var(--sds-c-button-spacing, var(--slds-s-button-spacing-block, var(--slds-s-button-spacing)))
     )
   );
-  border-width: var(--sds-c-button-sizing-border, var(--sds-s-button-sizing-border, 1px));
+  border-width: var(--sds-c-button-sizing-border, var(--slds-s-button-sizing-border, 1px));
   border-style: solid;
-  border-color: var(--sds-c-button-color-border, var(--sds-s-button-color-border, currentColor));
+  border-color: var(--sds-c-button-color-border, var(--slds-s-button-color-border, currentColor));
   border-start-start-radius: var(
     --sds-c-button-radius-border-startstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startstart, var(--slds-s-button-radius-border))
     )
   );
   border-start-end-radius: var(
     --sds-c-button-radius-border-startend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-startend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-startend, var(--slds-s-button-radius-border))
     )
   );
   border-end-start-radius: var(
     --sds-c-button-radius-border-endstart,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endstart, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endstart, var(--slds-s-button-radius-border))
     )
   );
   border-end-end-radius: var(
     --sds-c-button-radius-border-endend,
     var(
       --sds-c-button-radius-border,
-      var(--sds-s-button-radius-border-endend, var(--sds-s-button-radius-border))
+      var(--slds-s-button-radius-border-endend, var(--slds-s-button-radius-border))
     )
   );
-  box-shadow: var(--sds-c-button-shadow, var(--sds-s-button-shadow));
+  box-shadow: var(--sds-c-button-shadow, var(--slds-s-button-shadow));
   text-decoration: var(--sds-c-button-font-decoration);
   white-space: normal;
   user-select: none;
@@ -97,16 +97,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * Fallback order: Hover > Base
  */
 :host([data-render-mode="shadow"]) [part~='button']:hover {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--sds-s-button-color-hover, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-hover, var(--slds-s-button-color-hover, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-hover,
-    var(--sds-s-button-color-background-hover, revert)
+    var(--slds-s-button-color-background-hover, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-hover,
-    var(--sds-s-button-color-border-hover, revert)
+    var(--slds-s-button-color-border-hover, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--sds-s-button-shadow-hover, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-hover, var(--slds-s-button-shadow-hover, revert));
 
   cursor: pointer;
 }
@@ -118,14 +118,14 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
 :host([data-render-mode="shadow"]) [part~='button']:focus {
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-focus,
-    var(--sds-s-button-color-background-focus, revert)
+    var(--slds-s-button-color-background-focus, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-focus,
-    var(--sds-s-button-color-border-focus, revert)
+    var(--slds-s-button-color-border-focus, revert)
   );
-  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--sds-s-button-color-focus, revert));
-  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--sds-s-button-shadow-focus, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-focus, var(--slds-s-button-color-focus, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-focus, var(--slds-s-button-shadow-focus, revert));
 
   outline: 0;
 }
@@ -137,16 +137,16 @@ Licensed under BSD 3-Clause - see LICENSE.txt or git.io/sfdc-license */
  * @TODO: keep this order (no hover) so active has feedback or go all out?
  */
 :host([data-render-mode="shadow"]) [part~='button']:active {
-  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--sds-s-button-color-active, revert));
+  --sds-c-button-text-color: var(--sds-c-button-text-color-active, var(--slds-s-button-color-active, revert));
   --sds-c-button-color-background: var(
     --sds-c-button-color-background-active,
-    var(--sds-s-button-color-background-active, revert)
+    var(--slds-s-button-color-background-active, revert)
   );
   --sds-c-button-color-border: var(
     --sds-c-button-color-border-active,
-    var(--sds-s-button-color-border-active, revert)
+    var(--slds-s-button-color-border-active, revert)
   );
-  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--sds-s-button-shadow-active, revert));
+  --sds-c-button-shadow: var(--sds-c-button-shadow-active, var(--slds-s-button-shadow-active, revert));
 }
 /**
  * Disabled button styles

package/src/lightning/toast/icon.slds.css

@@ -14,33 +14,33 @@
 :host([data-render-mode="shadow"]) [part~='boundary'] {
   padding-block-start: var(
     --sds-c-icon-spacing-blockstart,
-    var(--sds-c-icon-spacing-block, var(--sds-c-icon-spacing, var(--sds-s-icon-spacing)))
+    var(--sds-c-icon-spacing-block, var(--sds-c-icon-spacing, var(--slds-s-icon-spacing)))
   );
   padding-block-end: var(
     --sds-c-icon-spacing-blockend,
-    var(--sds-c-icon-spacing-block, var(--sds-c-icon-spacing, var(--sds-s-icon-spacing)))
+    var(--sds-c-icon-spacing-block, var(--sds-c-icon-spacing, var(--slds-s-icon-spacing)))
   );
   padding-inline-start: var(
     --sds-c-icon-spacing-inlinestart,
-    var(--sds-c-icon-spacing-inline, var(--sds-c-icon-spacing, var(--sds-s-icon-spacing)))
+    var(--sds-c-icon-spacing-inline, var(--sds-c-icon-spacing, var(--slds-s-icon-spacing)))
   );
   padding-inline-end: var(
     --sds-c-icon-spacing-inlineend,
-    var(--sds-c-icon-spacing-inline, var(--sds-c-icon-spacing, var(--sds-s-icon-spacing)))
+    var(--sds-c-icon-spacing-inline, var(--sds-c-icon-spacing, var(--slds-s-icon-spacing)))
   );
-  border-radius: var(--sds-c-icon-radius-border, var(--sds-s-icon-radius-border));
-  border-width: var(--sds-c-icon-sizing-border, var(--sds-s-icon-sizing-border));
+  border-radius: var(--sds-c-icon-radius-border, var(--slds-s-icon-radius-border));
+  border-width: var(--sds-c-icon-sizing-border, var(--slds-s-icon-sizing-border));
   border-style: solid;
 
   /* If undefined, border-color resolves to currentColor, so we need to explicitly set to transparent */
-  border-color: var(--sds-c-icon-color-border, var(--sds-s-icon-color-border, transparent));
-  background-color: var(--sds-c-icon-color-background, var(--sds-s-icon-color-background));
+  border-color: var(--sds-c-icon-color-border, var(--slds-s-icon-color-border, transparent));
+  background-color: var(--sds-c-icon-color-background, var(--slds-s-icon-color-background));
 }
 :host([data-render-mode="shadow"]) [part~='icon'] {
   display: flex; /* See line #5 */
-  height: var(--sds-c-icon-sizing-height, var(--sds-c-icon-sizing, var(--sds-s-icon-sizing)));
-  width: var(--sds-c-icon-sizing-width, var(--sds-c-icon-sizing, var(--sds-s-icon-sizing)));
-  color: var(--sds-c-icon-color-foreground, var(--sds-s-icon-color-foreground));
+  height: var(--sds-c-icon-sizing-height, var(--sds-c-icon-sizing, var(--slds-s-icon-sizing)));
+  width: var(--sds-c-icon-sizing-width, var(--sds-c-icon-sizing, var(--slds-s-icon-sizing)));
+  color: var(--sds-c-icon-color-foreground, var(--slds-s-icon-color-foreground));
 }
 /**
    * Normalize svgs and control width/height with Styling Hooks

package/src/lightning/tree/treeData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"treeData.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/tree/treeData.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,QAAQ,EACR,cAAc,EACd,aAAa,EAChB,MAAM,YAAY,CAAC;AAGpB,qBAAa,QAAQ;IACjB,wBAAwB,EAAE,MAAM,CAAC;IACjC,0BAA0B,EAAE,MAAM,EAAE,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IASxC,IAAI,yBAAyB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,gBAAgB,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAEzC;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAE3C;IAED,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE3C;IAOD,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAe1D,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAI9C,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ;IAqBpC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI;IAyGhE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBjC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIpC,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAehD,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAehD,oBAAoB,IAAI,aAAa,GAAG,SAAS;IAIjD,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAYhD,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS;IAI/C,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAOnD,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAWvD,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASlC,gCAAgC,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAiB/D,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAgBnD,6BAA6B,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IASpE,cAAc,CAAC,kBAAkB,EAAE,aAAa,GAAG,OAAO;IAO1D,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI1C,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAI9B,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAMnC"}
+{"version":3,"file":"treeData.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/tree/treeData.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,QAAQ,EACR,cAAc,EACd,aAAa,EAChB,MAAM,YAAY,CAAC;AAQpB,qBAAa,QAAQ;IACjB,wBAAwB,EAAE,MAAM,CAAC;IACjC,0BAA0B,EAAE,MAAM,EAAE,CAAC;IACrC,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACxC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;;IAYxC,IAAI,yBAAyB,IAAI,MAAM,EAAE,CAExC;IAED,IAAI,gBAAgB,IAAI,GAAG,CAAC,MAAM,CAAC,GAAG,IAAI,CAEzC;IAED,IAAI,uBAAuB,IAAI,MAAM,CAEpC;IAED,IAAI,OAAO,IAAI,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAE3C;IAED,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE3C;IAOD,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAe1D,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI;IAI9C,UAAU,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ;IAqBpC,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,cAAc,GAAG,IAAI;IAyGhE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAkBjC,SAAS,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIpC,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAehD,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAehD,oBAAoB,IAAI,aAAa,GAAG,SAAS;IAOjD,mBAAmB,IAAI,aAAa,GAAG,SAAS;IAYhD,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,aAAa,GAAG,SAAS;IAO/C,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAUnD,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IAcvD,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAI/B,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASlC,gCAAgC,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAiB/D,yBAAyB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAgBnD,6BAA6B,CAAC,OAAO,EAAE,MAAM,GAAG,aAAa,GAAG,IAAI;IASpE,cAAc,CAAC,kBAAkB,EAAE,aAAa,GAAG,OAAO;IAO1D,oBAAoB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO;IAI1C,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAI9B,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAMnC"}

package/src/lightning/tree/treeData.js

@@ -5,6 +5,9 @@
  */
 import { getTreeNode, } from './treeNode';
 import { assert } from 'lightning/utilsPrivate';
+import { privateContext } from 'lightning/utilsInternal';
+import { features } from 'lightning/features';
+const { setContext, assertContext } = privateContext;
 export class TreeData {
     _currentFocusedItemIndex;
     _treeItemsInTraversalOrder;
@@ -12,6 +15,9 @@ export class TreeData {
     _indices;
     _nameKeyMapping;
     constructor() {
+        if (features.enableAssertContext260) {
+            setContext(this);
+        }
         this._currentFocusedItemIndex = 0;
         this._treeItemsInTraversalOrder = [];
         this._visibleTreeItems = null;
@@ -182,6 +188,9 @@ export class TreeData {
         return this.indices[prevNode];
     }
     findFirstNodeToFocus() {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         return this.indices[this.treeItemsInTraversalOrder[0]];
     }
     findLastNodeToFocus() {
@@ -196,15 +205,24 @@ export class TreeData {
         return this.indices[lastNode];
     }
     getItem(key) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         return this.indices[key];
     }
     getItemAtIndex(index) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         if (index > -1 && index < this.treeItemsInTraversalOrder.length) {
             return this.indices[this.treeItemsInTraversalOrder[index]];
         }
         return null;
     }
     getItemFromName(itemName) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         if (typeof itemName === 'string') {
             const itemKey = this.nameKeyMapping[itemName];
             if (itemKey) {

package/src/lightning/utilsPrivate/normalize.d.ts

@@ -1,6 +1,6 @@
 interface NormalizeStringConfig {
     fallbackValue?: string;
-    validValues?: string[];
+    validValues?: readonly string[];
     toLowerCase?: boolean;
 }
 export declare function normalizeString(value: unknown, config?: NormalizeStringConfig): string;

package/src/lightning/utilsPrivate/normalize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/utilsPrivate/normalize.ts"],"names":[],"mappings":"AAQA,UAAU,qBAAqB;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,wBAAgB,eAAe,CAC3B,KAAK,EAAE,OAAO,EACd,MAAM,GAAE,qBAA0B,GACnC,MAAM,CAQR;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAExD;AAiBD,UAAU,qBAAqB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAUD,wBAAgB,eAAe,CAC3B,KAAK,EAAE,MAAM,EACb,MAAM,GAAE,qBAA0B,GACnC,MAAM,CAeR;AACD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,CAKxD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAW7D"}
+{"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/utilsPrivate/normalize.ts"],"names":[],"mappings":"AAQA,UAAU,qBAAqB;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,wBAAgB,eAAe,CAC3B,KAAK,EAAE,OAAO,EACd,MAAM,GAAE,qBAA0B,GACnC,MAAM,CAQR;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAExD;AAiBD,UAAU,qBAAqB;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAUD,wBAAgB,eAAe,CAC3B,KAAK,EAAE,MAAM,EACb,MAAM,GAAE,qBAA0B,GACnC,MAAM,CAeR;AACD,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,EAAE,CAKxD;AAMD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAW7D"}