@carbon/web-components 2.47.0 → 2.48.0

package/lib/components/pagination-nav/defs.js

@@ -0,0 +1,74 @@
+/**
+ * Copyright IBM Corp. 2024
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * Size of the pagination nav.
+ */
+exports.PAGINATION_NAV_SIZE = void 0;
+(function (PAGINATION_NAV_SIZE) {
+    /**
+     * Small size.
+     */
+    PAGINATION_NAV_SIZE["SMALL"] = "sm";
+    /**
+     * Medium size.
+     */
+    PAGINATION_NAV_SIZE["MEDIUM"] = "md";
+    /**
+     * Large size.
+     */
+    PAGINATION_NAV_SIZE["LARGE"] = "lg";
+})(exports.PAGINATION_NAV_SIZE || (exports.PAGINATION_NAV_SIZE = {}));
+/**
+ * Prev/Next button tooltip alignment.
+ */
+exports.PAGINATION_TOOLTIP_ALIGNMENT = void 0;
+(function (PAGINATION_TOOLTIP_ALIGNMENT) {
+    /**
+     * Aligned to the start.
+     */
+    PAGINATION_TOOLTIP_ALIGNMENT["START"] = "start";
+    /**
+     * Aligned to the center.
+     */
+    PAGINATION_TOOLTIP_ALIGNMENT["CENTER"] = "center";
+    /**
+     * Aligned to the end.
+     */
+    PAGINATION_TOOLTIP_ALIGNMENT["END"] = "end";
+})(exports.PAGINATION_TOOLTIP_ALIGNMENT || (exports.PAGINATION_TOOLTIP_ALIGNMENT = {}));
+/**
+ * Prev/Next button tooltip position.
+ */
+exports.PAGINATION_TOOLTIP_POSITION = void 0;
+(function (PAGINATION_TOOLTIP_POSITION) {
+    /**
+     * Positioned on the top.
+     */
+    PAGINATION_TOOLTIP_POSITION["TOP"] = "top";
+    /**
+     * Positioned on the right.
+     */
+    PAGINATION_TOOLTIP_POSITION["RIGHT"] = "right";
+    /**
+     * Positioned on the bottom.
+     */
+    PAGINATION_TOOLTIP_POSITION["BOTTOM"] = "bottom";
+    /**
+     * Positioned on the left.
+     */
+    PAGINATION_TOOLTIP_POSITION["LEFT"] = "left";
+})(exports.PAGINATION_TOOLTIP_POSITION || (exports.PAGINATION_TOOLTIP_POSITION = {}));
+//# sourceMappingURL=defs.js.map

package/lib/components/pagination-nav/defs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.js","sources":["../../../src/components/pagination-nav/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2026\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Size of the pagination nav.\n */\nexport enum PAGINATION_NAV_SIZE {\n  /**\n   * Small size.\n   */\n  SMALL = 'sm',\n\n  /**\n   * Medium size.\n   */\n  MEDIUM = 'md',\n\n  /**\n   * Large size.\n   */\n  LARGE = 'lg',\n}\n\n/**\n * Prev/Next button tooltip alignment.\n */\nexport enum PAGINATION_TOOLTIP_ALIGNMENT {\n  /**\n   * Aligned to the start.\n   */\n  START = 'start',\n\n  /**\n   * Aligned to the center.\n   */\n  CENTER = 'center',\n\n  /**\n   * Aligned to the end.\n   */\n  END = 'end',\n}\n\n/**\n * Prev/Next button tooltip position.\n */\nexport enum PAGINATION_TOOLTIP_POSITION {\n  /**\n   * Positioned on the top.\n   */\n  TOP = 'top',\n\n  /**\n   * Positioned on the right.\n   */\n  RIGHT = 'right',\n\n  /**\n   * Positioned on the bottom.\n   */\n  BOTTOM = 'bottom',\n\n  /**\n   * Positioned on the left.\n   */\n  LEFT = 'left',\n}\n"],"names":["PAGINATION_NAV_SIZE","PAGINATION_TOOLTIP_ALIGNMENT","PAGINATION_TOOLTIP_POSITION"],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAEH;;AAEG;AACSA;AAAZ,CAAA,UAAY,mBAAmB,EAAA;AAC7B;;AAEG;AACH,IAAA,mBAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AAEZ;;AAEG;AACH,IAAA,mBAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AAEb;;AAEG;AACH,IAAA,mBAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EAfWA,2BAAmB,KAAnBA,2BAAmB,GAAA,EAAA,CAAA,CAAA;AAiB/B;;AAEG;AACSC;AAAZ,CAAA,UAAY,4BAA4B,EAAA;AACtC;;AAEG;AACH,IAAA,4BAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf;;AAEG;AACH,IAAA,4BAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;AAEG;AACH,IAAA,4BAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AACb,CAAC,EAfWA,oCAA4B,KAA5BA,oCAA4B,GAAA,EAAA,CAAA,CAAA;AAiBxC;;AAEG;AACSC;AAAZ,CAAA,UAAY,2BAA2B,EAAA;AACrC;;AAEG;AACH,IAAA,2BAAA,CAAA,KAAA,CAAA,GAAA,KAAW;AAEX;;AAEG;AACH,IAAA,2BAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AAEf;;AAEG;AACH,IAAA,2BAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AAEjB;;AAEG;AACH,IAAA,2BAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EApBWA,mCAA2B,KAA3BA,mCAA2B,GAAA,EAAA,CAAA,CAAA;;"}

package/lib/components/pagination-nav/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import './pagination-nav';

package/lib/components/pagination-nav/pagination-nav.d.ts

@@ -0,0 +1,109 @@
+/**
+ *
+ * Copyright IBM Corp. 2026
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { LitElement } from 'lit';
+import '../icon-button';
+import { PAGINATION_NAV_SIZE, PAGINATION_TOOLTIP_ALIGNMENT, PAGINATION_TOOLTIP_POSITION } from './defs';
+/**
+ * Translation IDs and default translations
+ */
+declare const translationIds: {
+    readonly 'carbon.pagination-nav.next': "carbon.pagination-nav.next";
+    readonly 'carbon.pagination-nav.previous': "carbon.pagination-nav.previous";
+    readonly 'carbon.pagination-nav.item': "carbon.pagination-nav.item";
+    readonly 'carbon.pagination-nav.active': "carbon.pagination-nav.active";
+    readonly 'carbon.pagination-nav.of': "carbon.pagination-nav.of";
+};
+type TranslationKey = keyof typeof translationIds;
+/**
+ * Pagination Navigation.
+ *
+ * @element cds-pagination-nav
+ * @fires cds-page-changed - The custom event fired when the the page has been changed.
+ */
+declare class CDSPaginationNav extends LitElement {
+    /**
+     * Internal state for items displayed on page
+     */
+    private itemsDisplayedOnPage;
+    /**
+     * Internal state for cuts
+     */
+    private cuts;
+    /**
+     * Internal state for previous page
+     */
+    private prevPage;
+    /**
+     * The number of items to be shown (minimum of 4 unless props.items < 4).
+     */
+    itemsShown: number;
+    /**
+     * Whether user should be able to loop through the items when reaching first / last.
+     */
+    loop: boolean;
+    /**
+     * The index of current page.
+     */
+    page: number;
+    /**
+     * The total number of items.
+     */
+    totalItems: number;
+    /**
+     * Specify the size of the PaginationNav.
+     */
+    size: PAGINATION_NAV_SIZE;
+    /**
+     * Specify the alignment of the tooltip for the icon-only next/prev buttons.
+     * Can be one of: start, center, or end.
+     */
+    tooltipAlignment: PAGINATION_TOOLTIP_ALIGNMENT;
+    /**
+     * Specify the position of the tooltip for the icon-only next/prev buttons.
+     * Can be one of: top, right, bottom, or left.
+     */
+    tooltipPosition: PAGINATION_TOOLTIP_POSITION;
+    /**
+     * If true, the '...' pagination overflow will not render page links between the first and last rendered buttons.
+     * Set this to true if you are having performance problems with large data sets.
+     */
+    disableOverflow?: boolean;
+    /**
+     * Translates component strings using your i18n tool.
+     */
+    translateWithId: (messageId: TranslationKey) => string;
+    private _calculateCuts;
+    private _pageWouldBeHidden;
+    /**
+     * Sets the current page to a specified index.
+     */
+    private _setIndex;
+    /**
+     * Reduce current page by one, but no lower than 0.
+     */
+    private _decrementIndex;
+    /**
+     * Increase current page by one, but no higher than (this.totalItems - 1).
+     */
+    private _incrementIndex;
+    /**
+     * Renders a single pagination item & button.
+     */
+    private _renderPaginationItem;
+    /**
+     * Renders overflow items in a select list.
+     *
+     */
+    private _renderPaginationOverflow;
+    render(): import("lit-html").TemplateResult<1>;
+    shouldUpdate(changedProperties: any): boolean;
+    updated(changedProperties: any): void;
+    static get eventChange(): string;
+    static styles: any;
+}
+export default CDSPaginationNav;

package/lib/components/password-input/password-input.d.ts

@@ -65,6 +65,8 @@ declare class CDSPasswordInput extends CDSTextInput {
     static get slugItem(): string;
     static shadowRootOptions: {
         delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/popover/popover.d.ts

@@ -14,6 +14,7 @@ declare const CDSPopover_base: {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -35,13 +36,14 @@ declare const CDSPopover_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -56,7 +58,8 @@ declare const CDSPopover_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -119,6 +122,8 @@ declare const CDSPopover_base: {
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
         readonly firstChild: ChildNode | null;
@@ -131,9 +136,8 @@ declare const CDSPopover_base: {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -166,6 +170,7 @@ declare const CDSPopover_base: {
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
         ariaBrailleLabel: string | null;
@@ -176,25 +181,33 @@ declare const CDSPopover_base: {
         ariaColIndex: string | null;
         ariaColIndexText: string | null;
         ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
         ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
         ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
         ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
         ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
         ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
         ariaLevel: string | null;
         ariaLive: string | null;
         ariaModal: string | null;
         ariaMultiLine: string | null;
         ariaMultiSelectable: string | null;
         ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
         ariaPlaceholder: string | null;
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -236,7 +249,8 @@ declare const CDSPopover_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -246,18 +260,19 @@ declare const CDSPopover_base: {
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -305,6 +320,7 @@ declare const CDSPopover_base: {
         onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -323,7 +339,7 @@ declare const CDSPopover_base: {
         onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
         onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;

package/lib/components/progress-indicator/progress-step.d.ts

@@ -13,6 +13,7 @@ declare const CDSProgressStep_base: {
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -34,13 +35,14 @@ declare const CDSProgressStep_base: {
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean): boolean;
+        togglePopover(options?: boolean): boolean;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
         removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
         removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         readonly attributes: NamedNodeMap;
-        readonly classList: DOMTokenList;
+        get classList(): DOMTokenList;
+        set classList(value: string);
         className: string;
         readonly clientHeight: number;
         readonly clientLeft: number;
@@ -55,7 +57,8 @@ declare const CDSProgressStep_base: {
         onfullscreenerror: ((this: Element, ev: Event) => any) | null;
         outerHTML: string;
         readonly ownerDocument: Document;
-        readonly part: DOMTokenList;
+        get part(): DOMTokenList;
+        set part(value: string);
         readonly prefix: string | null;
         readonly scrollHeight: number;
         scrollLeft: number;
@@ -118,6 +121,8 @@ declare const CDSProgressStep_base: {
         setPointerCapture(pointerId: number): void;
         toggleAttribute(qualifiedName: string, force?: boolean): boolean;
         webkitMatchesSelector(selectors: string): boolean;
+        get textContent(): string;
+        set textContent(value: string | null);
         readonly baseURI: string;
         readonly childNodes: NodeListOf<ChildNode>;
         readonly firstChild: ChildNode | null;
@@ -130,9 +135,8 @@ declare const CDSProgressStep_base: {
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T extends Node>(node: T): T;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -165,6 +169,7 @@ declare const CDSProgressStep_base: {
         readonly DOCUMENT_POSITION_CONTAINED_BY: 16;
         readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32;
         dispatchEvent(event: Event): boolean;
+        ariaActiveDescendantElement: Element | null;
         ariaAtomic: string | null;
         ariaAutoComplete: string | null;
         ariaBrailleLabel: string | null;
@@ -175,25 +180,33 @@ declare const CDSProgressStep_base: {
         ariaColIndex: string | null;
         ariaColIndexText: string | null;
         ariaColSpan: string | null;
+        ariaControlsElements: ReadonlyArray<Element> | null;
         ariaCurrent: string | null;
+        ariaDescribedByElements: ReadonlyArray<Element> | null;
         ariaDescription: string | null;
+        ariaDetailsElements: ReadonlyArray<Element> | null;
         ariaDisabled: string | null;
+        ariaErrorMessageElements: ReadonlyArray<Element> | null;
         ariaExpanded: string | null;
+        ariaFlowToElements: ReadonlyArray<Element> | null;
         ariaHasPopup: string | null;
         ariaHidden: string | null;
         ariaInvalid: string | null;
         ariaKeyShortcuts: string | null;
         ariaLabel: string | null;
+        ariaLabelledByElements: ReadonlyArray<Element> | null;
         ariaLevel: string | null;
         ariaLive: string | null;
         ariaModal: string | null;
         ariaMultiLine: string | null;
         ariaMultiSelectable: string | null;
         ariaOrientation: string | null;
+        ariaOwnsElements: ReadonlyArray<Element> | null;
         ariaPlaceholder: string | null;
         ariaPosInSet: string | null;
         ariaPressed: string | null;
         ariaReadOnly: string | null;
+        ariaRelevant: string | null;
         ariaRequired: string | null;
         ariaRoleDescription: string | null;
         ariaRowCount: string | null;
@@ -235,7 +248,8 @@ declare const CDSProgressStep_base: {
         replaceChildren(...nodes: (Node | string)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
         readonly attributeStyleMap: StylePropertyMap;
-        readonly style: CSSStyleDeclaration;
+        get style(): CSSStyleDeclaration;
+        set style(cssText: string);
         contentEditable: string;
         enterKeyHint: string;
         inputMode: string;
@@ -245,18 +259,19 @@ declare const CDSProgressStep_base: {
         onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
-        onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        oncontextmenu: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
+        oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null;
         oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -304,6 +319,7 @@ declare const CDSProgressStep_base: {
         onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
+        onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null;
         onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null;
         onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -322,7 +338,7 @@ declare const CDSProgressStep_base: {
         onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null;
         onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        ontoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined;
@@ -417,6 +433,8 @@ export default class CDSProgressStep extends CDSProgressStep_base {
     render(): import("lit-html").TemplateResult<1>;
     static shadowRootOptions: {
         delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;