lightning-base-components 1.28.7-alpha → 1.28.8-alpha

package/src/lightning/primitiveInputCheckbox/input-checkbox.slds.css

@@ -12,7 +12,7 @@
 :host([data-render-mode="shadow"]) [part~='input-checkbox'] {
   display: inline-flex;
   align-items: center;
-  gap: var(--sds-c-inputcheckbox-spacing-gap, var(--sds-s-input-spacing-gap));
+  gap: var(--sds-c-inputcheckbox-spacing-gap, var(--slds-s-input-spacing-gap));
 }
 /**
  * The visual container of the checkbox indicator
@@ -22,12 +22,12 @@
   align-items: center;
   justify-content: center;
   position: relative;
-  background-color: var(--sds-c-inputcheckbox-color-background, var(--sds-s-input-color-background));
+  background-color: var(--sds-c-inputcheckbox-color-background, var(--slds-s-input-color-background));
   box-shadow: var(--sds-c-inputcheckbox-shadow);
   width: var(--sds-c-inputcheckbox-sizing, 1rem);
   height: var(--sds-c-inputcheckbox-sizing, 1rem);
-  border: var(--sds-c-inputcheckbox-sizing-border, var(--sds-s-input-sizing-border, 1px)) solid
-    var(--sds-c-inputcheckbox-color-border, var(--sds-s-input-color-border, currentColor));
+  border: var(--sds-c-inputcheckbox-sizing-border, var(--slds-s-input-sizing-border, 1px)) solid
+    var(--sds-c-inputcheckbox-color-border, var(--slds-s-input-color-border, currentColor));
   border-radius: var(--sds-c-inputcheckbox-radius-border);
 }
 /**
@@ -37,15 +37,15 @@
 [part='checkbox']:has(:checked):has(:focus) {
   --sds-c-inputcheckbox-shadow: var(
     --sds-c-inputcheckbox-shadow-focus,
-    var(--sds-s-input-shadow-focus, revert)
+    var(--slds-s-input-shadow-focus, revert)
   );
   --sds-c-inputcheckbox-color-background: var(
     --sds-c-inputcheckbox-color-background-focus,
-    var(--sds-s-input-color-background-focus, revert)
+    var(--slds-s-input-color-background-focus, revert)
   );
   --sds-c-inputcheckbox-color-border: var(
     --sds-c-inputcheckbox-color-border-focus,
-    var(--sds-s-input-color-border-focus, revert)
+    var(--slds-s-input-color-border-focus, revert)
   );
 }
 /**
@@ -70,10 +70,10 @@
 :host([data-render-mode="shadow"]) [part='mark'] {
   display: inline-flex;
   opacity: 0;
-  color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--sds-s-mark-color-foreground));
-  background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--sds-s-mark-color-background));
-  width: var(--sds-c-inputcheckbox-mark-sizing, var(--sds-s-mark-sizing, 1em));
-  height: var(--sds-c-inputcheckbox-mark-sizing, var(--sds-s-mark-sizing, 1em));
+  color: var(--sds-c-inputcheckbox-mark-color-foreground, var(--slds-s-mark-color-foreground));
+  background-color: var(--sds-c-inputcheckbox-mark-color-background, var(--slds-s-mark-color-background));
+  width: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
+  height: var(--sds-c-inputcheckbox-mark-sizing, var(--slds-s-mark-sizing, 1em));
 }
 /**
  * When the label or checkbox is clicked, a checked state is applied to the host element
@@ -83,7 +83,7 @@
 
   --sds-c-inputcheckbox-mark-color-background: var(
     --sds-c-inputcheckbox-mark-color-background-checked,
-    var(--sds-s-mark-color-background-checked, revert)
+    var(--slds-s-mark-color-background-checked, revert)
   );
 }
 /**
@@ -103,8 +103,8 @@
  * The label of the checkbox
  */
 :host([data-render-mode="shadow"]) [part~='label'] {
-  color: var(--sds-c-inputcheckbox-label-color, var(--sds-s-label-color));
-  font-size: var(--sds-c-inputcheckbox-label-font-size, var(--sds-s-label-font-size));
+  color: var(--sds-c-inputcheckbox-label-color, var(--slds-s-label-color));
+  font-size: var(--sds-c-inputcheckbox-label-font-size, var(--slds-s-label-font-size));
 }
 /**
  * If told, the label will be hidden from view
@@ -128,23 +128,23 @@
  * This prevents box-model customizations from being applied, in the case of no children
  */
 :host([data-render-mode="shadow"]) [part='help-text visible'] {
-  font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--sds-s-helptext-font-size));
-  color: var(--sds-c-inputcheckbox-helptext-text-color, var(--sds-s-helptext-color));
+  font-size: var(--sds-c-inputcheckbox-helptext-font-size, var(--slds-s-helptext-font-size));
+  color: var(--sds-c-inputcheckbox-helptext-text-color, var(--slds-s-helptext-color));
   padding-inline-start: var(
     --sds-c-inputcheckbox-helptext-spacing-inlinestart,
-    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-inline-end: var(
     --sds-c-inputcheckbox-helptext-spacing-inlineend,
-    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-inline, var(--slds-s-helptext-spacing))
   );
   padding-block-start: var(
     --sds-c-inputcheckbox-helptext-spacing-blockstart,
-    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
   padding-block-end: var(
     --sds-c-inputcheckbox-helptext-spacing-blockend,
-    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--sds-s-helptext-spacing))
+    var(--sds-c-inputcheckbox-helptext-spacing-block, var(--slds-s-helptext-spacing))
   );
 }
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputCheckbox.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js"],"names":[],"mappings":"AAeA;IACI,cAAc;IACd,cAAc;IACd,WAAW;IACX,iBAAiB;IACjB,6BAA6B;IAC7B,oBAAoB;IACpB,iBAAiB;IACjB,eAAe;IACf,eAAe;IACf,UAAU;IACV,cAAc;IACd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAEzB,iCAEC;IAED,uCAGC;IAMD,wBAEC;IAND,mBAGC;IAUD,8BAGC;IARD,uBAGC;IA0CD,kBAAa;IA/Bb,0BAGC;IAPD,mBAGC;IAEG,cAAuB;IAI3B,qCAOC;IAHO,qCAAsC;IAK9C,mCAGC;IAED,uCAGC;IAED,8BAGC;IAED,sBAA8B;IAC9B,cAAS;IAGT,iCAKC;IAED,6BAEC;IAED,oCAIC;IAED,0DAEC;IAED,gCAEC;IAED,iCAIC;IAED,4BAWC;IAED,mBAEC;IAED,oBAEC;IAED,8BAWC;IAED,+BAWC;IAED,oBAIC;IAIG,yBAA8C;IAGlD,yBAMC;IADG,kBAAoB;IAGxB,6BAGC;CACJ;qCA9LoC,kCAAkC"}
+{"version":3,"file":"primitiveInputCheckbox.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js"],"names":[],"mappings":"AAcA;IACI,cAAc;IACd,cAAc;IACd,WAAW;IACX,iBAAiB;IACjB,6BAA6B;IAC7B,oBAAoB;IACpB,iBAAiB;IACjB,eAAe;IACf,eAAe;IACf,UAAU;IACV,cAAc;IACd,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAEzB,iCAEC;IAED,uCAGC;IAMD,wBAEC;IAND,mBAGC;IAUD,8BAGC;IARD,uBAGC;IA0CD,kBAAa;IA/Bb,0BAGC;IAPD,mBAGC;IAEG,cAAuB;IAI3B,qCAOC;IAHO,qCAAsC;IAK9C,mCAGC;IAED,uCAGC;IAED,8BAGC;IAED,sBAA8B;IAC9B,cAAS;IAGT,iCAKC;IAED,6BAEC;IAED,oCAIC;IAED,0DAEC;IAED,gCAEC;IAED,iCAIC;IAED,4BAEC;IAED,mBAEC;IAED,oBAEC;IAED,8BAWC;IAED,+BAWC;IAED,oBAIC;IAIG,yBAA8C;IAGlD,yBAMC;IADG,kBAAoB;IAGxB,6BAGC;CACJ;qCApLoC,kCAAkC"}

package/src/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js

@@ -10,7 +10,6 @@ import labelTrue from '@salesforce/label/LightningControl.true';
 import labelFalse from '@salesforce/label/LightningControl.false';
 import { api } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
-import { features } from 'lightning/features';
 import { isNativeComponent, reflectAttribute } from 'lightning/utilsPrivate';
 const i18n = {
     true: labelTrue,
@@ -122,16 +121,7 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
             .toString();
     }
     get showReadOnlyIcon() {
-        if (features.enableDisabledOverReadonlyCheckbox &&
-            features.enableReadOnlyCheckboxField) {
-            return !this.disabled && this.readOnly;
-        }
-        else if (features.enableReadOnlyCheckboxField) {
-            return this.readOnly;
-        }
-        else {
-            return false;
-        }
+        return !this.disabled && this.readOnly;
     }
     handleBlur() {
         this.dispatchEvent(new CustomEvent('blur'));

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

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputCheckboxButton.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js"],"names":[],"mappings":"AAQA;IACI,eAAe;IACf,iBAAiB;IACjB,eAAe;IACf,UAAU;IACV,cAAc;IACd,cAAc;IACd,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAEzB,kBAAiB;IACjB,mBAAkB;IAClB,qBAAkB;IAElB,kBAAiB;IACjB,yBAAwB;IAiBxB,4BAOC;IAjBD,uBAQC;IAqBD,6BAGC;IARD,wBAGC;IAYD,iCAGC;IARD,0BAGC;IAOD,qCAOC;IAHO,qCAAsC;IAK9C,uCAGC;IAED,uCAGC;IAED,8BAGC;IAMG,yBAA8C;IAGlD,6BAIC;IAED,yBAMC;IAID,mBAEC;IAED,oBAEC;IAED,+BAIC;IAED,oBAIC;IAID,iDAOC;IAED,4BAMC;IAED,4BAEC;IAID,gCAEC;IAQD,mCAKC;CACJ;qCAlLoC,kCAAkC"}
+{"version":3,"file":"primitiveInputCheckboxButton.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js"],"names":[],"mappings":"AAWA;IACI,eAAe;IACf,iBAAiB;IACjB,eAAe;IACf,UAAU;IACV,cAAc;IACd,cAAc;IACd,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,yBAAyB;IAEzB,kBAAiB;IACjB,mBAAkB;IAClB,qBAAkB;IAElB,kBAAiB;IACjB,yBAAwB;IAwBxB,4BAOC;IAjBD,uBAQC;IAqBD,6BAGC;IARD,wBAGC;IAYD,iCAGC;IARD,0BAGC;IAOD,qCAOC;IAHO,qCAAsC;IAK9C,uCAGC;IAED,uCAGC;IAED,8BAGC;IAMG,yBAA8C;IAGlD,6BAIC;IAED,yBAMC;IAID,mBAEC;IAED,oBAEC;IAED,+BAIC;IAED,oBAIC;IAID,iDAOC;IAED,4BAMC;IAED,4BAEC;IAID,gCAKC;IAQD,mCAKC;CACJ;qCA7LoC,kCAAkC"}

package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js

@@ -5,7 +5,10 @@
  */
 import { api } from 'lwc';
 import { reflectAttribute, normalizeBoolean, isNativeComponent, } from 'lightning/utilsPrivate';
+import { privateContext } from 'lightning/utilsInternal';
+import { features } from 'lightning/features';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
+const { setContext, assertContext } = privateContext;
 export default class LightningPrimitiveInputColor extends LightningShadowBaseClass {
     @api
     ariaLabel;
@@ -32,6 +35,12 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
     _helpMessage = '';
     rendered = false;
     initialValueSet = false;
+    constructor() {
+        super();
+        if (features.enableAssertContext260) {
+            setContext(this);
+        }
+    }
     @api
     get checked() {
         if (this.initialValueSet) {
@@ -131,6 +140,9 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
         this.dispatchEvent(new CustomEvent('commit'));
     }
     setInputValue(value) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         this.inputElement.value = value;
     }
     normalizeInput(value) {

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

@@ -1,5 +1,4 @@
 /// <reference types="typings/lightning/utils" />
-/// <reference types="experimental-core-types" />
 export default class LightningPrimitiveInputColor extends LightningShadowBaseClass {
     hasExternalLabel: any;
     required: any;

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

@@ -1 +1 @@
-{"version":3,"file":"primitiveInputColor.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputColor/primitiveInputColor.js"],"names":[],"mappings":";;AAMA;IACI,sBAAsB;IACtB,cAAc;IACd,eAAe;IACf,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAC7B,iBAAiB;IACjB,cAAc;IACd,UAAU;IACV,kBAAkB;IAClB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,iBAAiB;IACjB,aAAa;IACb,aAAa;IAEb,eAAY;IAEZ,kBAAiB;IACjB,yBAAwB;IAExB,cAKC;IAOD,yBAKC;IAVD,oBAGC;IASD,qCAOC;IAHO,qCAAsC;IAK9C,uCAGC;IAED,uCAGC;IAED,8BAGC;IAMG,yBAA8C;IAGlD,6BAIC;IAED,yBASC;IAKD,kEAIC;IAED,6BAEC;IAID,mBAEC;IAED,oBAEC;IAED,+BAIC;IAOD,oCAaC;IAED,8BAGC;IAID,iDAQC;IAED,4BAIC;IAED,4BAEC;IAID,gCAEC;IAQD,mCAKC;CACJ;qCA9LoC,kCAAkC"}
+{"version":3,"file":"primitiveInputColor.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputColor/primitiveInputColor.js"],"names":[],"mappings":";AASA;IACI,sBAAsB;IACtB,cAAc;IACd,eAAe;IACf,WAAW;IACX,oBAAoB;IACpB,6BAA6B;IAC7B,iBAAiB;IACjB,cAAc;IACd,UAAU;IACV,kBAAkB;IAClB,eAAe;IACf,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,iBAAiB;IACjB,aAAa;IACb,aAAa;IAEb,eAAY;IAEZ,kBAAiB;IACjB,yBAAwB;IASxB,cAKC;IAOD,yBAKC;IAVD,oBAGC;IASD,qCAOC;IAHO,qCAAsC;IAK9C,uCAGC;IAED,uCAGC;IAED,8BAGC;IAMG,yBAA8C;IAGlD,6BAIC;IAED,yBASC;IAKD,kEAIC;IAED,6BAEC;IAID,mBAEC;IAED,oBAEC;IAED,+BAIC;IAOD,oCAaC;IAED,8BAGC;IAID,iDAQC;IAED,4BAIC;IAED,4BAEC;IAID,gCAKC;IAQD,mCAKC;CACJ;qCA3MoC,kCAAkC"}

package/src/lightning/primitiveInputColor/primitiveInputColor.js

@@ -8,6 +8,9 @@ import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
 import { classSet } from 'lightning/utils';
 import { VARIANT } from 'lightning/inputUtils';
 import { reflectAttribute, isNativeComponent } from 'lightning/utilsPrivate';
+import { privateContext } from 'lightning/utilsInternal';
+import { features } from 'lightning/features';
+const { setContext, assertContext } = privateContext;
 export default class LightningPrimitiveInputColor extends LightningShadowBaseClass {
     @api
     hasExternalLabel;
@@ -46,6 +49,12 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
     _value = '';
     rendered = false;
     initialValueSet = false;
+    constructor() {
+        super();
+        if (features.enableAssertContext260) {
+            setContext(this);
+        }
+    }
     @api
     focus() {
         if (this.rendered) {
@@ -151,6 +160,9 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
         this.dispatchEvent(new CustomEvent('commit'));
     }
     setInputValue(value) {
+        if (features.enableAssertContext260) {
+            assertContext(this);
+        }
         this.inputElement.value = value;
     }
     normalizeInput(value) {

package/src/lightning/primitiveInputFile/button.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