lightning-base-components 1.28.14-alpha → 1.28.16-alpha

package/src/lightning/overlayPositionUtils/positionLibraryFallback.js

@@ -0,0 +1,435 @@
+/*
+ * Copyright (c) 2025, Salesforce, Inc.,
+ * All rights reserved.
+ * For full license text, see the LICENSE.txt file
+ */
+import { AutoPosition, Direction } from 'lightning/positionLibrary';
+import { normalizeSizingValue } from './overlayPositionUtils';
+import { isRTL } from 'lightning/utilsPrivate';
+export class PositionLibraryFallback {
+    element;
+    config;
+    autoPosition;
+    positionUpdater;
+    constructor(element, config = {}) {
+        this.element = element;
+        this.config = config;
+        this.autoPosition = null;
+        this.positionUpdater = null;
+    }
+    getPhysicalDirection(direction) {
+        if (isRTL()) {
+            if (direction === Direction.Left) {
+                return Direction.Right;
+            }
+            if (direction === Direction.Right) {
+                return Direction.Left;
+            }
+        }
+        return direction;
+    }
+    shouldAlignWidth(position) {
+        const horizontal = position.toLowerCase().split(/\s+/)[1];
+        return horizontal === 'center';
+    }
+    apply() {
+        const { source, position, offsetInline = 0, offsetBlock = 0, } = this.config;
+        if (this.element?.style?.display === 'none') {
+            this.element.style.display = '';
+        }
+        this.applySizingStyles();
+        if (!this.autoPosition) {
+            this.autoPosition = new AutoPosition(this.element);
+        }
+        let alignment = this.convertPositionToAlignment(position);
+        alignment = {
+            align: {
+                horizontal: this.getPhysicalDirection(alignment.align.horizontal),
+                vertical: alignment.align.vertical,
+            },
+            targetAlign: {
+                horizontal: this.getPhysicalDirection(alignment.targetAlign.horizontal),
+                vertical: alignment.targetAlign.vertical,
+            },
+        };
+        const padding = {
+            padLeft: offsetInline,
+            padTop: offsetBlock,
+        };
+        const positionConfig = {
+            target: () => source,
+            element: () => this.element,
+            align: alignment.align,
+            targetAlign: alignment.targetAlign,
+            alignWidth: this.shouldAlignWidth(position),
+            autoFlip: true,
+            considerPadForFlip: true,
+            autoShrink: true,
+            ...padding,
+        };
+        try {
+            const autoPositionUpdater = this.autoPosition.start(positionConfig);
+            if (autoPositionUpdater) {
+                this.positionUpdater = autoPositionUpdater;
+            }
+        }
+        catch (error) {
+            console.error('Error positioning element with positionLibrary:', error);
+        }
+    }
+    applySizingStyles() {
+        const { minWidth, maxWidth, minHeight, maxHeight } = this.config;
+        const normalizedMinWidth = normalizeSizingValue(minWidth);
+        const normalizedMaxWidth = normalizeSizingValue(maxWidth);
+        const normalizedMinHeight = normalizeSizingValue(minHeight);
+        const normalizedMaxHeight = normalizeSizingValue(maxHeight);
+        if (normalizedMinWidth) {
+            this.element.style.minWidth = normalizedMinWidth;
+        }
+        if (normalizedMaxWidth) {
+            this.element.style.maxWidth = normalizedMaxWidth;
+        }
+        if (normalizedMinHeight) {
+            this.element.style.minHeight = normalizedMinHeight;
+        }
+        if (normalizedMaxHeight) {
+            this.element.style.maxHeight = normalizedMaxHeight;
+        }
+    }
+    convertPositionToAlignment(position) {
+        const [vertical, horizontal] = position.toLowerCase().split(/\s+/);
+        const alignmentMap = {
+            'top left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'top center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'top right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'top span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'center left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'center center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'center right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'center span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'bottom left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'bottom span-left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-top span-left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Bottom,
+                },
+            },
+            'span-all span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all left': {
+                align: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-all right': {
+                align: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Center,
+                },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Center,
+                },
+            },
+            'span-bottom left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom center': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-right': {
+                align: { horizontal: Direction.Left, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Left,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-all': {
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            },
+            'span-bottom span-left': {
+                align: { horizontal: Direction.Right, vertical: Direction.Top },
+                targetAlign: {
+                    horizontal: Direction.Right,
+                    vertical: Direction.Top,
+                },
+            },
+        };
+        const key = horizontal ? `${vertical} ${horizontal}` : vertical;
+        return alignmentMap[key];
+    }
+    cleanup() {
+        if (this.autoPosition) {
+            this.autoPosition.stop();
+            this.autoPosition = null;
+        }
+        this.positionUpdater = null;
+        if (this.element) {
+            this.element?.style?.removeProperty('min-width');
+            this.element?.style?.removeProperty('max-width');
+            this.element?.style?.removeProperty('min-height');
+            this.element?.style?.removeProperty('max-height');
+        }
+    }
+}

package/src/lightning/primitiveCellFactory/primitiveCellFactory.d.ts

@@ -42,7 +42,7 @@ export default class PrivateCellFactory extends PrimitiveDatatableCell {
     set columnType(value: any);
     get columnType(): any;
     _columnType: any;
-    getActionableElements(): Element[];
+    getActionableElements(): any[];
     isType(typeName: any): boolean;
     get consolidateTypeAttributes(): boolean;
     get isText(): boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"primitiveCellFactory.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveCellFactory/primitiveCellFactory.js"],"names":[],"mappings":"AAiCA;IACI,kCAAoC;IACpC,WAAW;IACX,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,yBAAyB;IACzB,wBAAwB;IACxB,cAAc;IACd,kBAAkB;IAClB,yBAAyB;IACzB,cAAc;IACd,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IAErB,qBAAqB;IACrB,qBAAqB;IACrB,uBAA6B;IAC7B,mBAAyB;IACzB,sBAAsB;IAEtB,uBAAsB;IACtB,mBAAkB;IAClB,sBAAqB;IAOrB,iCAEC;IAPD,4BAGC;IAWD,6BAQC;IAbD,wBAGC;IAiBD,2BAKC;IAVD,sBAGC;IAMG,iBAAwB;IAG5B,mCAaC;IAOD,+BAEC;IAED,yCAEC;IAED,sBAEC;IAED,wBAEC;IAED,0BAEC;IAED,yBAEC;IAED,uBAEC;IAED,0BAEC;IAED,uBAEC;IAED,qBAEC;IAED,0BAEC;IAED,2BAEC;IAED,2BAcC;IAED,wBAEC;IAED,wBAEC;IAED,4BAEC;IAED,yBAEC;IAED,2BAEC;IAED,qBAOC;IAED,2BAEC;IAOD,sBAMC;IAaD,iCAEC;IAID,6BAmBC;IAED,2BAMC;IAED,4BAEC;IAED,yCAEC;IAED,0CAEC;IAED,mCAWC;IAED,mCAcC;IAED,yDAEC;IAED,oCAGC;IAED,0DAIC;IAOD,oBAKC;IAED,qBAKC;IAED,sBAWC;IAED,yBAEC;IAED,sBAMC;IAED,gCAKC;IAED,kCAKC;IAED,iCAKC;IAED,gCAQC;IAED,uCAEC;IAQD,8BAWC;IAGD,oBAKC;CA6BJ;mCAzdkC,kCAAkC"}
+{"version":3,"file":"primitiveCellFactory.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveCellFactory/primitiveCellFactory.js"],"names":[],"mappings":"AAiCA;IACI,kCAAoC;IACpC,WAAW;IACX,eAAe;IACf,WAAW;IACX,kBAAkB;IAClB,cAAc;IACd,eAAe;IACf,kBAAkB;IAClB,yBAAyB;IACzB,wBAAwB;IACxB,cAAc;IACd,kBAAkB;IAClB,yBAAyB;IACzB,cAAc;IACd,iBAAiB;IACjB,mBAAmB;IACnB,mBAAmB;IACnB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,oBAAoB;IACpB,qBAAqB;IAErB,qBAAqB;IACrB,qBAAqB;IACrB,uBAA6B;IAC7B,mBAAyB;IACzB,sBAAsB;IAEtB,uBAAsB;IACtB,mBAAkB;IAClB,sBAAqB;IAOrB,iCAEC;IAPD,4BAGC;IAWD,6BAQC;IAbD,wBAGC;IAiBD,2BAKC;IAVD,sBAGC;IAMG,iBAAwB;IAG5B,+BAmBC;IAOD,+BAEC;IAED,yCAEC;IAED,sBAEC;IAED,wBAEC;IAED,0BAEC;IAED,yBAEC;IAED,uBAEC;IAED,0BAEC;IAED,uBAEC;IAED,qBAEC;IAED,0BAEC;IAED,2BAEC;IAED,2BAcC;IAED,wBAEC;IAED,wBAEC;IAED,4BAEC;IAED,yBAEC;IAED,2BAEC;IAED,qBAOC;IAED,2BAEC;IAOD,sBAMC;IAaD,iCAEC;IAID,6BAmBC;IAED,2BAMC;IAED,4BAEC;IAED,yCAEC;IAED,0CAEC;IAED,mCAWC;IAED,mCAcC;IAED,yDAEC;IAED,oCAGC;IAED,0DAIC;IAOD,oBAKC;IAED,qBAKC;IAED,sBAWC;IAED,yBAEC;IAED,sBAMC;IAED,gCAKC;IAED,kCAKC;IAED,iCAKC;IAED,gCAQC;IAED,uCAEC;IAQD,8BAWC;IAGD,oBAKC;CA6BJ;mCA/dkC,kCAAkC"}

package/src/lightning/primitiveCellFactory/primitiveCellFactory.js

@@ -129,13 +129,13 @@ export default class PrivateCellFactory extends PrimitiveDatatableCell {
         this._columnType = value;
     }
     getActionableElements() {
-        const result = Array.from(this.template.querySelectorAll('[data-navigation="enable"]'));
+        let result = [];
         const customType = this.refs.customCell;
         if (customType) {
-            const wrapperActionableElements = customType.getActionableElements();
-            wrapperActionableElements.forEach((elem) => result.push(elem));
+            result = Array.from(customType.getActionableElements());
         }
-        return result;
+        const defaultActions = Array.from(this.template.querySelectorAll('[data-navigation="enable"]'));
+        return result.concat(defaultActions);
     }
     isType(typeName) {
         return typeName === this.columnType || typeName === this.columnSubType;

package/src/lightning/primitiveHeaderFactory/selectableHeader.html

@@ -16,6 +16,7 @@
                     id="lgt-dt-header-factory-id"
                     onclick={handleSelectAllRows}
                     tabindex={internalTabIndex}
+                    data-action-triggers="space"
                     data-navigation="enable"
                     disabled={def.isBulkSelectionDisabled}>
 

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

@@ -17,6 +17,8 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
     get ariaDescribedByElements(): Element;
     set checked(value: any);
     get checked(): any;
+    set indeterminate(value: boolean);
+    get indeterminate(): boolean;
     set helpMessage(message: any);
     get helpMessage(): any;
     _helpMessage: any;
@@ -30,16 +32,18 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
     get isNativeShadow(): boolean;
     labelRequired: string;
     _checked: any;
+    _indeterminate: boolean;
     get isStandardVariant(): boolean;
     get isLabelHidden(): boolean;
     get computedCheckboxClass(): string;
-    get computedIconName(): "utility:check" | "utility:steps";
+    get computedIconName(): "utility:check" | "utility:steps" | "utility:dash";
     get computedIconTitle(): string;
     get computedLabelClass(): string;
     get showReadOnlyIcon(): any;
     handleBlur(): void;
     handleFocus(): void;
     _setChecked(value: any): void;
+    _setIndeterminate(value: any): void;
     handleChange(event: any): void;
     handleClick(): void;
     _isNativeShadow: boolean;

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":"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"}
+{"version":3,"file":"primitiveInputCheckbox.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js"],"names":[],"mappings":"AAiBA;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;IAYD,kCAEC;IATD,6BAMC;IAUD,8BAGC;IARD,uBAGC;IA2CD,kBAAa;IAhCb,0BAGC;IAPD,mBAGC;IAEG,cAAuB;IAI3B,qCAOC;IAHO,qCAAsC;IAK9C,mCAGC;IAED,uCAGC;IAED,8BAGC;IAED,sBAA8B;IAC9B,cAAS;IACT,wBAAuB;IAGvB,iCAKC;IAED,6BAEC;IAED,oCAIC;IAED,2EAKC;IAED,gCAKC;IAED,iCAIC;IAED,4BAEC;IAED,mBAEC;IAED,oBAEC;IAED,8BAWC;IAED,oCASC;IAED,+BAcC;IAED,oBAIC;IAIG,yBAA8C;IAGlD,yBAOC;IADG,kBAAoB;IAGxB,6BAGC;CACJ;qCAvNoC,kCAAkC"}

package/src/lightning/primitiveInputCheckbox/primitiveInputCheckbox.js

@@ -8,12 +8,15 @@ import { VARIANT } from 'lightning/inputUtils';
 import labelRequired from '@salesforce/label/LightningControl.required';
 import labelTrue from '@salesforce/label/LightningControl.true';
 import labelFalse from '@salesforce/label/LightningControl.false';
+import labelIndeterminate from '@salesforce/label/LightningControl.indeterminate';
 import { api } from 'lwc';
 import LightningShadowBaseClass from 'lightning/shadowBaseClassPrivate';
-import { isNativeComponent, reflectAttribute } from 'lightning/utilsPrivate';
+import { isNativeComponent, normalizeBoolean, reflectAttribute } from 'lightning/utilsPrivate';
+import { features } from 'lightning/features';
 const i18n = {
     true: labelTrue,
     false: labelFalse,
+    indeterminate: labelIndeterminate,
 };
 export default class LightningPrimitiveInputCheckbox extends LightningShadowBaseClass {
     @api
@@ -59,6 +62,16 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
         this._setChecked(value);
     }
     @api
+    get indeterminate() {
+        if (!features.enableIndeterminateForInput) {
+            return false;
+        }
+        return this._indeterminate;
+    }
+    set indeterminate(value) {
+        this._setIndeterminate(normalizeBoolean(value));
+    }
+    @api
     get helpMessage() {
         return this._helpMessage;
     }
@@ -96,6 +109,7 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
     }
     labelRequired = labelRequired;
     _checked;
+    _indeterminate = false;
     _helpMessage;
     get isStandardVariant() {
         return (this.variant === VARIANT.STANDARD ||
@@ -110,9 +124,15 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
             .toString();
     }
     get computedIconName() {
+        if (this._indeterminate) {
+            return 'utility:dash';
+        }
         return this._checked ? 'utility:check' : 'utility:steps';
     }
     get computedIconTitle() {
+        if (this._indeterminate) {
+            return i18n.indeterminate;
+        }
         return this._checked ? i18n.true : i18n.false;
     }
     get computedLabelClass() {
@@ -139,7 +159,20 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
             this.inputElement.checked = this._checked;
         }
     }
+    _setIndeterminate(value) {
+        if (!features.enableIndeterminateForInput) {
+            return;
+        }
+        this._indeterminate = value;
+        reflectAttribute(this, 'indeterminate', value);
+        if (this.rendered && this.inputElement) {
+            this.inputElement.indeterminate = value;
+        }
+    }
     handleChange(event) {
+        if (this._indeterminate) {
+            this._setIndeterminate(false);
+        }
         this._setChecked(event.target.checked);
         const changeEvent = new CustomEvent('change', {
             detail: {
@@ -162,6 +195,7 @@ export default class LightningPrimitiveInputCheckbox extends LightningShadowBase
     renderedCallback() {
         if (!this.rendered && this.inputElement) {
             this.inputElement.checked = this.checked;
+            this.inputElement.indeterminate = this._indeterminate;
         }
         reflectAttribute(this, 'disabled', this.disabled);
         this.rendered = true;

package/src/lightning/primitiveInputCheckboxButton/primitiveInputCheckboxButton.js

@@ -101,7 +101,7 @@ export default class LightningPrimitiveInputColor extends LightningShadowBaseCla
         });
     }
     get iconName() {
-        return this.checked ? 'utility:check' : 'utility:add';
+        return this._checked ? 'utility:check' : 'utility:add';
     }
     connectedCallback() {
         super.connectedCallback();

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":"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"}
+{"version":3,"file":"primitiveInputSimple.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/primitiveInputSimple/primitiveInputSimple.js"],"names":[],"mappings":"AA2DA;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;IAWtB,qBAEC;IAXD,gBAOC;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;qCA5zBoC,kCAAkC;oCAwCnC,aAAa"}

package/src/lightning/primitiveInputSimple/primitiveInputSimple.js

@@ -10,6 +10,7 @@ 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';
+import formFactor from '@salesforce/client/formFactor';
 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';
@@ -91,7 +92,7 @@ export default class LightningPrimitiveInputSimple extends LightningShadowBaseCl
     ariaAutoComplete;
     @api
     get role() {
-        if (this.isTypeNumber) {
+        if (this.isTypeNumber && formFactor === 'Large') {
             this._role = 'spinbutton';
         }
         return this._role;

package/src/lightning/primitiveOverlay/__examples__/alert/alert.d.ts

@@ -0,0 +1,13 @@
+export default class OverlayAlert extends LightningPrimitiveOverlay {
+    header: string;
+    body: string;
+    okayText: string;
+    cancelText: string;
+    handleOkay(): void;
+    handleCancel(): void;
+    handleDismiss(): void;
+    hasFocus: boolean;
+    renderedCallback(): void;
+}
+import LightningPrimitiveOverlay from 'lightning/primitiveOverlay';
+//# sourceMappingURL=alert.d.ts.map

package/src/lightning/primitiveOverlay/__examples__/alert/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../../../modules/lightning/primitiveOverlay/__examples__/alert/alert.js"],"names":[],"mappings":"AAGA;IACI,eAAuB;IAEvB,aAAmB;IAEnB,iBAAuB;IAEvB,mBAA2B;IAE3B,mBAEC;IAED,qBAEC;IAED,sBAEC;IAED,kBAAiB;IACjB,yBAMC;CACJ;sCA/BqC,4BAA4B"}