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

package/src/lightning/primitiveInputSimple/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/primitiveInputSimple/primitiveInputSimple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputSimple.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputSimple/primitiveInputSimple.js"],"names":[],"mappings":"AAsDA;IACI,WAAM;IACN,sBAAsB;IACtB,wBAAwB;IACxB,cAAc;IACd,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAE7B,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,SAAS;IACT,eAAe;IACf,eAAe;IACf,aAAa;IACb,iBAAiB;IACjB,UAAU;IACV,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IAEd,eAAe;IACf,iBAAiB;IACjB,cAAc;IAEd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IACzB,kBAAkB;IAClB,sBAAsB;IAUtB,qBAEC;IAVD,gBAMC;IAHO,WAAyB;IASjC,iCAEC;IAED,uCAGC;IAED,uCAGC;IAED,8BAGC;IAOD,qBAcC;IAnBD,gBAGC;IA0LD,0BAAyB;IAnKzB,6BAMC;IAXD,wBAGC;IAmKD,mBAA+B;IApJ/B,qCAKC;IAVD,gCAGC;IAGG,2BAAkC;IAWtC,qBAcC;IAnBD,gBAGC;IAgJD,WAAM;IAzHN,8BAGC;IARD,uBAGC;IA0HD,kBAAa;IA9Gb,yBAuBC;IA5BD,oBAGC;IAmHD,eAAY;IAxFZ,qCAOC;IAHO,qCAAsC;IAwB9C,0BAEC;IAPD,qBAIC;IAEG,gBAAuB;IAG3B,yBAwCC;IAeD,wBAAqB;IAbrB,4BAGC;IAID,wBAAuB;IAEvB,eAAU;IACV,qCAAgB;IAKhB,qBAAgB;IAChB,mCAAkC;IAGlC,8BASC;IAED,6BAMC;IAED,gCA+BC;IAED,8BAoCC;IAED,iCAYC;IAED,+BAyBC;IAOD,qBAIC;IAID,4BASC;IAED,4BA0BC;IAED,iDAQC;IAMD,wBAOC;IAED,4BAEC;IAED,2BAGC;IAED,4BAEC;IAED,0BAEC;IAID,0BAEC;IAED,8BAEC;IAED,0BAEC;IAED,gCAEC;IAED,gCAEC;IAED,oCAEC;IAID,uGAIC;IAED,+BAMC;IAED,0BAeC;IAED,yCASC;IAED;;;;MAEC;IAED,6BAKC;IAED;;;;;;MAQC;IAID,oCAIC;IAUD,sCAoBC;IAED;;MAyBC;IAED,4CAWC;IAID,0CAiBC;IAED,gCAIC;IAED,8BASC;IAUG,yBAA8C;IAGlD,yBAqCC;IAPO,0BAA0D;IASlE,6BAQC;CASJ;qCAhzBoC,kCAAkC;oCAmCnC,aAAa"}
+{"version":3,"file":"primitiveInputSimple.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputSimple/primitiveInputSimple.js"],"names":[],"mappings":"AAwDA;IACI,WAAM;IACN,sBAAsB;IACtB,wBAAwB;IACxB,cAAc;IACd,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAE7B,kBAAkB;IAClB,eAAe;IACf,kBAAkB;IAClB,eAAe;IAEf,SAAS;IACT,SAAS;IACT,eAAe;IACf,eAAe;IACf,aAAa;IACb,iBAAiB;IACjB,UAAU;IACV,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IAEd,eAAe;IACf,iBAAiB;IACjB,cAAc;IAEd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IACzB,kBAAkB;IAClB,sBAAsB;IAUtB,qBAEC;IAVD,gBAMC;IAHO,WAAyB;IASjC,iCAEC;IAED,uCAGC;IAED,uCAGC;IAED,8BAGC;IAOD,qBAcC;IAnBD,gBAGC;IA0LD,0BAAyB;IAnKzB,6BAMC;IAXD,wBAGC;IAmKD,mBAA+B;IApJ/B,qCAKC;IAVD,gCAGC;IAGG,2BAAkC;IAWtC,qBAcC;IAnBD,gBAGC;IAgJD,WAAM;IAzHN,8BAGC;IARD,uBAGC;IA0HD,kBAAa;IA9Gb,yBAuBC;IA5BD,oBAGC;IAmHD,eAAY;IAxFZ,qCAOC;IAHO,qCAAsC;IAwB9C,0BAEC;IAPD,qBAIC;IAEG,gBAAuB;IAG3B,yBAwCC;IAeD,wBAAqB;IAbrB,4BAGC;IAID,wBAAuB;IAEvB,eAAU;IACV,qCAAgB;IAKhB,qBAAgB;IAChB,mCAAkC;IAGlC,8BAYC;IAED,6BAMC;IAED,gCA+BC;IAED,8BAoCC;IAED,iCAYC;IAED,+BAyBC;IAOD,qBAIC;IAID,4BASC;IAED,4BA0BC;IAED,iDAQC;IAMD,wBAOC;IAED,4BAEC;IAED,2BAGC;IAED,4BAEC;IAED,0BAEC;IAID,0BAEC;IAED,8BAEC;IAED,0BAEC;IAED,gCAEC;IAED,gCAEC;IAED,oCAEC;IAID,uGAIC;IAED,+BAMC;IAED,0BAeC;IAED,yCASC;IAED;;;;MAEC;IAED,6BAKC;IAED;;;;;;MAQC;IAID,oCAIC;IAUD,sCAoBC;IAED;;MAyBC;IAED,4CAWC;IAID,0CAiBC;IAED,gCAIC;IAED,8BASC;IAUG,yBAA8C;IAGlD,yBAqCC;IAPO,0BAA0D;IASlE,6BAQC;CAYJ;qCAxzBoC,kCAAkC;oCAqCnC,aAAa"}

package/src/lightning/primitiveInputSimple/primitiveInputSimple.js

@@ -6,9 +6,11 @@
 import { api } from 'lwc';
 import { features } from 'lightning/features';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
+import { privateContext } from 'lightning/utilsInternal';
 import labelRequired from '@salesforce/label/LightningControl.required';
 import labelClearInput from '@salesforce/label/LightningControl.clear';
 import labelLoadingIndicator from '@salesforce/label/LightningControl.loading';
+const { setContext, assertContext } = privateContext;
 import { normalizeTime, normalizeDate, normalizeUTCDateTime, normalizeDateTimeToUTC, } from './mobileInputUtils';
 import { calculateFractionDigitsFromStep, formatNumber, fromIsoDecimal, hasValidNumberShortcut, hasValidNumberSymbol, increaseNumberByStep, isValidNumber, isValidNumberCharacter, stringifyNumber, toIsoDecimal, } from 'lightning/numberUtils';
 import { isEmptyString, VARIANT } from 'lightning/inputUtils';
@@ -239,6 +241,9 @@ export default class LightningPrimitiveInputSimple extends LightningShadowBaseCl
     _committedValue;
     _focusOutListenerAttached = false;
     handleFocus(event) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         event.stopPropagation();
         if (this._rendered && this.isTypeNumber) {
             this._showRawNumber = true;
@@ -576,6 +581,9 @@ export default class LightningPrimitiveInputSimple extends LightningShadowBaseCl
     }
     constructor() {
         super();
+        if (features.enableAssertContext260) {
+            setContext(this);
+        }
         this._selectionCache = new InputSelectionCache();
     }
 }

package/src/lightning/primitiveInputToggle/primitiveInputToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputToggle.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputToggle/primitiveInputToggle.js"],"names":[],"mappings":"AAcA;IACI,cAAS;IACT,eAAY;IACZ,gBAAW;IACX,yBAAoB;IACpB,qBAAkB;IAClB,0BAAqB;IACrB,4BAAuB;IAEvB,uBAAsB;IAEtB,eAAe;IACf,cAAc;IACd,WAAW;IACX,UAAU;IACV,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAMzB,qBAFU,MAAM,CAES;IAMzB,uBAFU,MAAM,CAEW;IAM3B,4BAMC;IAVD,oBAGC;IAgBD,wBAMC;IAbD,mBAMC;IASD,yCAMC;IAED,uCAGC;IAED,8BAGC;IAMD,0BAEC;IAND,qBAGC;IAKD,wBAQC;IAMD,iCAGC;IAPD,0BAGC;IAUD,0BAGC;IAPD,mBAGC;IAEG,cAAuB;IAI3B,sGAIC;IAED;;MAEC;IAED,mBAEC;IAED,oBAEC;IAED,+BAQC;IAED,oBAIC;IAIG,yBAA8C;IAGlD,yBAMC;IAED,6BAEC;CACJ;qCAlLoC,kCAAkC"}
+{"version":3,"file":"primitiveInputToggle.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputToggle/primitiveInputToggle.js"],"names":[],"mappings":"AAiBA;IACI,cAAS;IACT,eAAY;IACZ,gBAAW;IACX,yBAAoB;IACpB,qBAAkB;IAClB,0BAAqB;IACrB,4BAAuB;IAEvB,uBAAsB;IAStB,eAAe;IACf,cAAc;IACd,WAAW;IACX,UAAU;IACV,cAAc;IACd,cAAc;IACd,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAMzB,qBAFU,MAAM,CAES;IAMzB,uBAFU,MAAM,CAEW;IAM3B,4BAMC;IAVD,oBAGC;IAgBD,wBAMC;IAbD,mBAMC;IASD,yCAMC;IAED,uCAGC;IAED,8BAGC;IAMD,0BAEC;IAND,qBAGC;IAKD,wBAQC;IAMD,iCAGC;IAPD,0BAGC;IAUD,0BAGC;IAPD,mBAGC;IAEG,cAAuB;IAI3B,sGAIC;IAED;;MAEC;IAED,mBAEC;IAED,oBAEC;IAED,+BAQC;IAED,oBAIC;IAIG,yBAA8C;IAGlD,yBASC;IAED,6BAEC;CACJ;qCA/LoC,kCAAkC"}

package/src/lightning/primitiveInputToggle/primitiveInputToggle.js

@@ -6,8 +6,11 @@
 import { api } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { isNativeComponent, normalizeAriaAttribute, reflectAttribute, } from 'lightning/utilsPrivate';
+import { privateContext } from 'lightning/utilsInternal';
+import { features } from 'lightning/features';
 import { VARIANT } from 'lightning/inputUtils';
 import labelRequired from '@salesforce/label/LightningControl.required';
+const { setContext, assertContext } = privateContext;
 const i18n = {
     required: labelRequired,
 };
@@ -20,6 +23,12 @@ export default class LightningPrimitiveInputToggle extends LightningShadowBaseCl
     _messageToggleActive;
     _messageToggleInactive;
     initialRender = false;
+    constructor() {
+        super();
+        if (features.enableAssertContext260) {
+            setContext(this);
+        }
+    }
     @api
     accessKey;
     @api
@@ -147,6 +156,9 @@ export default class LightningPrimitiveInputToggle extends LightningShadowBaseCl
         this._isNativeShadow = isNativeComponent(this);
     }
     renderedCallback() {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         if (!this.initialRender) {
             this.inputElement.checked = this.checked;
             this.inputElement.value = this._value;

package/src/lightning/primitiveTreegridCellToggle/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