@carbon/web-components 2.47.0 → 2.48.0

package/lib/globals/mixins/host-listener.d.ts

@@ -22,6 +22,7 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         accessKey: string;
         readonly accessKeyLabel: string;
         autocapitalize: string;
+        autocorrect: boolean;
         dir: string;
         draggable: boolean;
         hidden: boolean;
@@ -43,13 +44,14 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -64,7 +66,8 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -127,6 +130,8 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -139,9 +144,8 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         readonly parentElement: HTMLElement | null;
         readonly parentNode: ParentNode | null;
         readonly previousSibling: ChildNode | null;
-        textContent: string | null;
         appendChild<T_1 extends Node>(node: T_1): T_1;
-        cloneNode(deep?: boolean): Node;
+        cloneNode(subtree?: boolean): Node;
         compareDocumentPosition(other: Node): number;
         contains(other: Node | null): boolean;
         getRootNode(options?: GetRootNodeOptions): Node;
@@ -174,6 +178,7 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -184,25 +189,33 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -244,7 +257,8 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -254,18 +268,19 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -313,6 +328,7 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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;
@@ -331,7 +347,7 @@ declare const HostListenerMixin: <T extends Constructor<HTMLElement>>(Base: T) =
         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/globals/mixins/validity.d.ts

@@ -71,6 +71,7 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     accessKey: string;
     readonly accessKeyLabel: string;
     autocapitalize: string;
+    autocorrect: boolean;
     dir: string;
     draggable: boolean;
     hidden: boolean;
@@ -92,13 +93,14 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -113,7 +115,8 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -176,6 +179,8 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -188,9 +193,8 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     readonly parentElement: HTMLElement | null;
     readonly parentNode: ParentNode | null;
     readonly previousSibling: ChildNode | null;
-    textContent: string | null;
     appendChild<T_1 extends Node>(node: T_1): T_1;
-    cloneNode(deep?: boolean): Node;
+    cloneNode(subtree?: boolean): Node;
     compareDocumentPosition(other: Node): number;
     contains(other: Node | null): boolean;
     getRootNode(options?: GetRootNodeOptions): Node;
@@ -223,6 +227,7 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -233,25 +238,33 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -293,7 +306,8 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -303,18 +317,19 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -362,6 +377,7 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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;
@@ -380,7 +396,7 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => (a
     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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.47.0",
+  "version": "2.48.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -65,8 +65,8 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.47.0",
-    "@carbon/icons": "^11.74.0",
-    "@carbon/styles": "^1.99.0",
+    "@carbon/icons": "^11.75.0",
+    "@carbon/styles": "^1.100.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.10.2",
     "@lit/context": "^1.1.3",
@@ -76,8 +76,8 @@
     "tslib": "^2.6.3"
   },
   "devDependencies": {
-    "@carbon/layout": "^11.47.0",
-    "@carbon/motion": "^11.40.0",
+    "@carbon/layout": "^11.48.0",
+    "@carbon/motion": "^11.41.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.37.0",
     "@open-wc/testing": "^4.0.0",
@@ -93,7 +93,7 @@
     "@storybook/addon-links": "^9.1.8",
     "@storybook/web-components-vite": "^9.1.8",
     "@types/lodash-es": "^4.17.5",
-    "@types/node": "^22.0.0",
+    "@types/node": "^24.0.0",
     "@web/test-runner": "^0.20.0",
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.0",
@@ -129,5 +129,5 @@
       }
     ]
   },
-  "gitHead": "f366448449df3d81c9bb63a8a842772d734c163a"
+  "gitHead": "6dde90f9edfb378e1585f1954c92484a37f22f02"
 }

package/scss/components/combo-box/combo-box.scss

@@ -54,7 +54,7 @@ $css--plex: true !default;
   }
 }
 
-:host(#{$prefix}-combo-box[invalid]) {
+:host(#{$prefix}-combo-box[invalid]:not([disabled]):not([read-only])) {
   .#{$prefix}--form__helper-text {
     color: $text-error;
   }

package/scss/components/fluid-time-picker/fluid-time-picker.scss

@@ -0,0 +1,198 @@
+/**
+ * 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.
+ */
+
+$css--plex: true !default;
+@use '@carbon/styles/scss/components/fluid-time-picker/index' as
+  fluid-time-picker;
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/motion' as *;
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/utilities/convert';
+
+:host(#{$prefix}-fluid-time-picker) {
+  @include emit-layout-tokens();
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  > slot {
+  display: contents;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  > .#{$prefix}--time-picker__input {
+  flex-basis: 25%;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  ::slotted(#{$prefix}-fluid-time-picker-select) {
+  box-sizing: border-box;
+  flex: 1 1 auto;
+  align-self: stretch;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  ::slotted(
+    #{$prefix}-fluid-time-picker-select[data-fluid-time-picker-position='first']
+  ),
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  ::slotted(
+    #{$prefix}-fluid-time-picker-select[data-fluid-time-picker-position='middle']
+  ) {
+  flex-basis: 25%;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid__wrapper
+  ::slotted(
+    #{$prefix}-fluid-time-picker-select[data-fluid-time-picker-position='last']
+  ) {
+  flex-basis: 50%;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--equal-width
+  .#{$prefix}--time-picker--fluid__wrapper
+  > .#{$prefix}--time-picker__input,
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--equal-width
+  .#{$prefix}--time-picker--fluid__wrapper
+  ::slotted(#{$prefix}-fluid-time-picker-select) {
+  flex-basis: 50%;
+}
+
+:host(#{$prefix}-fluid-time-picker) .#{$prefix}--time-picker--fluid--invalid {
+  outline-offset: 0;
+}
+
+:host(#{$prefix}-fluid-time-picker-select) {
+  @extend .#{$prefix}--select--fluid;
+  @extend .#{$prefix}--select--invalid;
+
+  display: block;
+
+  @include emit-layout-tokens();
+
+  .#{$prefix}--select-input__wrapper::before {
+    position: absolute;
+    display: block;
+    background-color: $border-strong;
+    block-size: calc(100% - 1px);
+    content: '';
+    inline-size: convert.to-rem(1px);
+    inset-inline-start: 0;
+    opacity: 1;
+    transition: opacity $duration-fast-01 motion(standard, productive);
+  }
+
+  &:not([disabled]):hover .#{$prefix}--select-input__wrapper::before {
+    opacity: 0;
+  }
+
+  &[readonly] .#{$prefix}--select-input__wrapper::before {
+    background-color: $border-subtle !important; /* stylelint-disable-line declaration-no-important */
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+    transition: none;
+  }
+
+  &[data-fluid-time-picker-invalid] .#{$prefix}--select,
+  &[data-fluid-time-picker-invalid] .#{$prefix}--select-input {
+    background: transparent;
+  }
+
+  &[data-fluid-time-picker-invalid] .#{$prefix}--select-input,
+  &[data-fluid-time-picker-warn] .#{$prefix}--select-input {
+    border-block-end: convert.to-rem(1px) solid transparent;
+  }
+
+  &[data-fluid-time-picker-invalid] .#{$prefix}--select-input {
+    border-block-start: 2px solid transparent;
+    padding-block-start: convert.to-rem(30px);
+  }
+
+  &[data-fluid-time-picker-position='last'] .#{$prefix}--select-input {
+    border-inline-end: 2px solid transparent;
+  }
+
+  &[data-fluid-time-picker-invalid]
+    .#{$prefix}--select-input:hover:not([disabled]) {
+    background: $field-hover;
+  }
+
+  &[data-fluid-time-picker-invalid] .#{$prefix}--select-input:hover {
+    border-block-start: 2px solid $support-error;
+  }
+
+  &[data-fluid-time-picker-invalid][data-fluid-time-picker-position='last']
+    .#{$prefix}--select-input:hover {
+    border-inline-end: 2px solid $support-error;
+  }
+}
+
+:host([data-fluid-time-picker-invalid])
+  .#{$prefix}--select-input__wrapper::before,
+:host([data-fluid-time-picker-warn])
+  .#{$prefix}--select-input__wrapper::before {
+  block-size: calc(100% - 1rem);
+  inset-block-start: $spacing-03;
+}
+
+:host([data-fluid-time-picker-hide-divider])
+  .#{$prefix}--select-input__wrapper::before {
+  opacity: 0;
+}
+
+:host([data-fluid-time-picker-invalid]) .#{$prefix}--select-input,
+:host([data-fluid-time-picker-warn]) .#{$prefix}--select-input {
+  border-block-end: 1px solid transparent;
+}
+
+:host(#{$prefix}-fluid-time-picker-select) .#{$prefix}--select {
+  inline-size: 100%;
+}
+
+:host(#{$prefix}-fluid-time-picker-select[readonly]) select {
+  pointer-events: none;
+}
+
+:host(#{$prefix}-fluid-time-picker-select[disabled])
+  .#{$prefix}--select-input__wrapper::before {
+  background-color: $border-disabled;
+}
+
+:host(#{$prefix}-fluid-time-picker-select[disabled]) .#{$prefix}--select-input {
+  border-block-end: convert.to-rem(1px) solid transparent;
+}
+
+:host(#{$prefix}-fluid-time-picker-select[disabled])
+  .#{$prefix}--select--fluid--focus
+  .#{$prefix}--select-input__wrapper {
+  box-shadow: none;
+  outline: none;
+}
+
+:host(#{$prefix}-fluid-time-picker-select[disabled])
+  ::slotted(#{$prefix}-toggletip) {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+:host(#{$prefix}-fluid-time-picker)
+  .#{$prefix}--time-picker--fluid--disabled
+  .#{$prefix}--text-input:disabled {
+  border-block-end: convert.to-rem(1px) solid transparent;
+}
+
+:host(#{$prefix}-fluid-time-picker-skeleton) {
+  display: block;
+}

package/scss/components/pagination-nav/pagination-nav.scss

@@ -0,0 +1,29 @@
+//
+// 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.
+//
+
+$css--plex: true !default;
+
+@use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/components/pagination-nav' as *;
+@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/theme' as *;
+
+:host(#{$prefix}-pagination-nav) {
+  @extend .#{$prefix}--pagination-nav;
+  @include emit-layout-tokens();
+
+  #{$prefix}-icon-button[disabled] svg {
+    fill: $icon-disabled;
+  }
+}
+
+// rtl
+:host(#{$prefix}-pagination-nav:dir(rtl)) {
+  .#{$prefix}--pagination-nav__list-item svg {
+    transform: rotate(0.5turn);
+  }
+}

package/telemetry.yml

@@ -122,6 +122,7 @@ collect:
         - low-contrast
         - max
         - max-count
+        - max-length
         - menu-alignment
         - min
         - multiple
@@ -161,6 +162,7 @@ collect:
         - optional-classes
         - orientation
         - overflow-menu-on-hover
+        - page
         - paragraph
         - pattern
         - ping
@@ -186,6 +188,7 @@ collect:
         - selection-name
         - selection-value
         - selector-initial-focus
+        - shortcut
         - show-password-visibility-toggle
         - showPasswordLabel
         - size
@@ -211,6 +214,7 @@ collect:
         - tooltip-text
         - tooltipAlignment
         - tooltipDirection
+        - total-items
         - trigger-content
         - type
         - use-zebra-styles
@@ -220,6 +224,8 @@ collect:
         - visited
         - warn
         - warn-text
+        - warning
+        - warning-text
         - width
         - within-grid
         # cds-accordion
@@ -260,6 +266,7 @@ collect:
         - md
         - sm
         - span
+        - xlg
         # cds-combo-box
         - allow-custom-value
         - input-label
@@ -311,6 +318,8 @@ collect:
         - error-subject
         - oncds-file-uploader-item-beingdeleted
         - oncds-file-uploader-item-deleted
+        # cds-fluid-time-picker-skeleton
+        - is-only-two
         # cds-form-group
         - message
         - message-text
@@ -347,13 +356,13 @@ collect:
         - aria-checked
         - boundaries
         - onicon-detect
-        - renderIcon
-        - shortcut
         - submenuOpen
         # cds-menu-item-radio-group
         - items
         - itemToString
         - selectedItem
+        # cds-menu-item-selectable
+        - renderIcon
         # cds-modal
         - alert
         - container-class
@@ -401,15 +410,18 @@ collect:
         - items-per-page-text
         - oncds-page-sizes-select-changed
         - oncds-pagination-changed-current
-        - page
         - page-input-disabled
         - page-size
         - page-size-input-disabled
         - page-size-label-text
         - pages-unknown
         - start
-        - total-items
         - totalPages
+        # cds-pagination-nav
+        - disable-overflow
+        - items-shown
+        - loop
+        - oncds-page-changed
         # cds-password-input
         - hide-password-label
         - show-password-label
@@ -532,10 +544,6 @@ collect:
         - oncds-current-selectable-tile-selections
         - radioTiles
         - selectableTiles
-        # cds-time-picker
-        - max-length
-        - warning
-        - warning-text
         # cds-toggle
         - hideLabel
         - label-a