@carbon/web-components 2.54.0 → 2.55.0-rc.0

package/lib/components/page-header/page-header-tabs.d.ts

@@ -4,9 +4,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
+ * See https://github.com/carbon-design-system/carbon/issues/21926
+ */
 import { LitElement } from 'lit';
 /**
  * Page header Tabs Bar.
+ * @deprecated This component has moved to Carbon for IBM Products and is now maintained in
+ *   `@carbon/ibm-products-web-components`.
+ *   See https://github.com/carbon-design-system/carbon/issues/21926
  * @element cds-page-header-tabs
  */
 declare class CDSPageHeaderTabs extends LitElement {

package/lib/components/page-header/page-header-tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"page-header-tabs.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header-tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,iBAAkB,SAAQ,UAAU;IACxC,MAAM;IAcN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/page-header/page-header.d.ts

@@ -4,9 +4,16 @@
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+/**
+ * @deprecated PageHeader has moved to Carbon for IBM Products.
+ * See https://github.com/carbon-design-system/carbon/issues/21926
+ */
 import { LitElement } from 'lit';
 /**
  * Page header.
+ * @deprecated This component has moved to Carbon for IBM Products and is now maintained in
+ *   `@carbon/ibm-products-web-components`.
+ *   See https://github.com/carbon-design-system/carbon/issues/21926
  * @element cds-page-header
  */
 declare class CDSPageHeader extends LitElement {

package/lib/components/page-header/page-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;GAGG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC,MAAM;IAMN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../../src/components/page-header/page-header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH;;;GAGG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,UAAU;IACpC,MAAM;IAMN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/lib/components/search/search.d.ts

@@ -81,6 +81,10 @@ declare class CDSSearch extends CDSSearch_base {
      * defaults to "off"
      */
     autoComplete: string;
+    /**
+     * Sets the input to be focussed automatically on page load. Defaults to false
+     */
+    autofocus: boolean;
     /**
      * Specify a label to be read by screen readers on the "close" button
      */

package/lib/components/search/search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;uBAHwB,CAAA;;;;;;;;;;;;AAK/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IAKH,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IAIH,OAAO,CAAC,WAAW;IA4CnB;;;OAGG;IAIH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IA+DN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"search.d.ts","sourceRoot":"","sources":["../../../src/components/search/search.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAOrC,OAAO,EAAE,WAAW,EAAE,CAAC;;;;;;;;;;uBAHwB,CAAA;;;;;;;;;;;;AAK/C;;;;;;;;;;GAUG;AACH,cACM,SAAU,SAAQ,cAAoD;IAC1E;;OAEG;IACH,OAAO,CAAC,YAAY;IAgBpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IAKH,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,eAAe;IAMvB;;;;OAIG;IAIH,OAAO,CAAC,WAAW;IA4CnB;;;OAGG;IAIH,OAAO,CAAC,YAAY;IAMpB;;;;OAIG;IACH,OAAO,CAAC,iBAAiB;IAQzB,eAAe,CAAC,KAAK,EAAE,aAAa;IAQpC;;;OAGG;IACH,OAAO,CAAC,eAAe;IAYvB;;;OAGG;IAEH,YAAY,SAAS;IAErB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,oBAAoB,SAAM;IAE1B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,QAAQ,UAAS;IAGjB,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,SAAM;IAEf;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,WAAW,SAAY;IAEvB;;OAEG;IAEH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX,MAAM;IAiEN;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IACF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/side-panel/side-panel.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 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.

package/lib/components/tabs/stories/tabs-wrapper.d.ts

@@ -10,6 +10,10 @@ import '../../button';
  * Wrapper component for dismissable tabs story with state management
  */
 export declare class DismissableTabsWrapper extends LitElement {
+    /**
+     * Whether to render tabs with icons
+     */
+    withIcons: boolean;
     private _defaultTabs;
     /**
      * Array of tab configurations

package/lib/components/tabs/stories/tabs-wrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,OAAO,CAAC,YAAY,CAKlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;IA2CN;;OAEG;IACH,gBAAgB;CAGjB"}
+{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAUvC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CAgBlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;IA2CN;;OAEG;IACH,gBAAgB;CAGjB"}

package/lib/components/tabs/tab.d.ts

@@ -7,6 +7,20 @@
 import CDSContentSwitcherItem from '../content-switcher/content-switcher-item';
 import { TABS_ICON_SIZE, TABS_TYPE } from './defs';
 import '../button/button';
+declare const CDSTab_base: {
+    new (...args: any[]): {
+        _handles: Set<import("../../globals/internal/handle").default>;
+        connectedCallback(): void;
+        disconnectedCallback(): void;
+    };
+    _hostListeners: {
+        [listenerName: string]: {
+            [type: string]: {
+                options?: boolean | AddEventListenerOptions;
+            };
+        };
+    };
+} & typeof CDSContentSwitcherItem;
 /**
  * Basic tab.
  *
@@ -16,7 +30,7 @@ import '../button/button';
  *   Cancellation of this event stops changing the user-initiated action.
  * @fires cds-tab-closed - The custom event fired after a a tab is closed upon a user gesture.
  */
-export default class CDSTab extends CDSContentSwitcherItem {
+export default class CDSTab extends CDSTab_base {
     /**
      * `true` if this tab should be highlighted.
      * If `true`, parent `<cds-tabs>` selects/deselects this tab upon keyboard interaction.
@@ -40,6 +54,11 @@ export default class CDSTab extends CDSContentSwitcherItem {
      * The tab text content.
      */
     tabTitle: any;
+    /**
+     * An optional label to render under the primary tab label.
+     * Only useful for contained tabs.
+     */
+    secondaryLabel?: string;
     /**
      * **Experimental**: Display an empty dot badge on the Tab.
      */
@@ -56,8 +75,21 @@ export default class CDSTab extends CDSContentSwitcherItem {
      * Handles `slotchange` event.
      */
     protected _handleSlotChange({ target }: Event): void;
+    /**
+     * Handles `keydown` event on the tab.
+     * Triggers tab close when Delete key is pressed on a dismissable tab.
+     */
+    protected _handleKeydown(event: KeyboardEvent): void;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Handles the close action for the tab.
+     * Dispatches before-close and close events.
+     */
+    protected _handleClose(event: Event): void;
+    /**
+     * Handles click event on the close button.
+     */
     _handleClick(event: Event): void;
     /**
      * The name of the custom event fired before a tab is closed upon a user gesture.
@@ -70,4 +102,5 @@ export default class CDSTab extends CDSContentSwitcherItem {
     static get eventClose(): string;
     static styles: any;
 }
+export {};
 //# sourceMappingURL=tab.d.ts.map

package/lib/components/tabs/tab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAGnD,OAAO,kBAAkB,CAAC;AAK1B;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,sBAAsB;IACxD;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,QAAQ,MAAC;IAET;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAM7C,iBAAiB;IAOjB,MAAM;IAqEN,YAAY,CAAC,KAAK,EAAE,KAAK;IAwBzB;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB"}
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,sBAAsB,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKnD,OAAO,kBAAkB,CAAC;;;;;;;;;;uBAGzB,CAAC;;;;;AAEF;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,WAAyC;IAC3E;;;;;OAKG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,QAAQ,MAAC;IAET;;;OAGG;IAEH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IAEH,cAAc,UAAS;IAEvB;;OAEG;IAEH,YAAY,UAAS;IAErB;;OAEG;IAEH,MAAM,SAAM;IAEZ;;OAEG;IACH,SAAS,CAAC,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAM7C;;;OAGG;IAEH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAY7C,iBAAiB;IAOjB,MAAM;IA6EN;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK;IAwBnC;;OAEG;IACH,YAAY,CAAC,KAAK,EAAE,KAAK;IAIzB;;;OAGG;IACH,MAAM,KAAK,gBAAgB,WAE1B;IAED;;OAEG;IACH,MAAM,KAAK,UAAU,WAEpB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB"}

package/lib/components/tabs/tabs.d.ts

@@ -77,6 +77,13 @@ export default class CDSTabs extends CDSTabs_base {
      *   If null or undefined, all tabs will have their highlighted state set to false.
      */
     protected resetHighlighted(nextItem?: CDSTab | null): void;
+    /**
+     * Resets the selected state of all tabs, setting only the specified tab as selected.
+     *
+     * @param nextItem The tab item to be selected. If provided, only this item will be selected.
+     *   If null or undefined, all tabs will have their selected state set to false.
+     */
+    protected resetSelected(nextItem?: CDSTab | null): void;
     protected _handleClick(event: MouseEvent): void;
     protected _handleKeydown(event: KeyboardEvent): void;
     protected _handleTabClosed(event: CustomEvent): void;
@@ -90,6 +97,7 @@ export default class CDSTabs extends CDSTabs_base {
     protected _handleScrollButtonClick(_: any, { direction }: {
         direction: any;
     }): void;
+    private _syncSecondaryLabels;
     _handleSlotchange(): void;
     protected _selectionDidChange(itemToSelect: CDSTab, interactionType?: 'mouse' | 'keyboard' | undefined): void;
     /**
@@ -138,6 +146,10 @@ export default class CDSTabs extends CDSTabs_base {
      * Specify the icon size used by icon-only tabs.
      */
     iconSize?: TABS_ICON_SIZE;
+    /**
+     * Used for tabs within a grid, this makes it so tabs span the full container width and have the same width. Only available on contained tabs with <9 children
+     */
+    fullWidth: boolean;
     /**
      * `true` if left-hand scroll intersection sentinel intersects with the host element.
      * In this condition, the left-hand paginator button should be hidden.

package/lib/components/tabs/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}

package/lib/components/tearsheet/tearsheet.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2024
+ * Copyright IBM Corp. 2023, 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.

package/lib/components/tile/clickable-tile.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 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.

package/lib/components/tile/clickable-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clickable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/clickable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAK3C;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,OAAO;IAEpC,SAAS,KAAK,QAAQ,IAAI,GAAG,CAU5B;IAED;;;;OAIG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;;OAGG;IAEH,iBAAiB,UAAS;IAG1B,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;;;;OAKG;IACH,iBAAiB;IAQjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAUtB;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"clickable-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/clickable-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAS3C;;;;GAIG;AACH,cACM,gBAAiB,SAAQ,OAAO;IAEpC,SAAS,KAAK,QAAQ,IAAI,GAAG,CAU5B;IAED;;;;OAIG;IAEH,WAAW,oBAA6B;IAExC;;OAEG;IAEH,QAAQ,SAAY;IAEpB;;;OAGG;IAEH,iBAAiB,UAAS;IAG1B,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,UAAS;IAEb;;;;;OAKG;IACH,iBAAiB;IAQjB;;OAEG;IACH,SAAS,CAAC,YAAY;IAuBtB;;;;OAIG;IACH,MAAM,KAAK,QAAQ,WAElB;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,gBAAgB,CAAC"}

package/lib/components/tile/radio-tile.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2019, 2024
+ * Copyright IBM Corp. 2019, 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.
@@ -13,11 +13,14 @@ import SelectableTile from './selectable-tile';
  *   The name of the custom event fired after this radio tile changes its selected state.
  */
 declare class CDSRadioTile extends SelectableTile {
+    private _hasRadioButtonIcons;
+    connectedCallback(): void;
     /**
      * Handles `change` event on the `<input>` in the shadow DOM.
      */
     protected _handleChange(): void;
     protected _handleKeydown: (event: KeyboardEvent) => void;
+    protected _renderIcon(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-svg.js").UnsafeSVGDirective> | import("lit-html").TemplateResult | null;
     render(): import("lit-html").TemplateResult<1>;
     /**
      * The name of the custom event fired after this selectable tile changes its selected state.

package/lib/components/tile/radio-tile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAK/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,MAAM;IA+CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"radio-tile.d.ts","sourceRoot":"","sources":["../../../src/components/tile/radio-tile.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAQ/C;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,cAAc;IACvC,OAAO,CAAC,oBAAoB,CAAS;IAErC,iBAAiB;IAcjB;;OAEG;IACH,SAAS,CAAC,aAAa;IAgBvB,SAAS,CAAC,cAAc,GAAI,OAAO,aAAa,UAI9C;IAEF,SAAS,CAAC,WAAW;IAgBrB,MAAM;IA2CN;;OAEG;IACH,MAAM,KAAK,gBAAgB,WAE1B;CACF;AAED,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.54.0",
+  "version": "2.55.0-rc.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -66,8 +66,8 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.47.0",
-    "@carbon/icons": "^11.80.0",
-    "@carbon/styles": "^1.106.0",
+    "@carbon/icons": "^11.81.0-rc.0",
+    "@carbon/styles": "^1.107.0-rc.0",
     "@carbon/utilities": "^0.17.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.10.2",
@@ -77,8 +77,8 @@
     "tslib": "^2.6.3"
   },
   "devDependencies": {
-    "@carbon/layout": "^11.52.0",
-    "@carbon/motion": "^11.45.0",
+    "@carbon/layout": "^11.53.0-rc.0",
+    "@carbon/motion": "^11.46.0-rc.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.40.0",
     "@open-wc/testing": "^4.0.0",
@@ -94,16 +94,16 @@
     "@web/test-runner-puppeteer": "^0.18.0",
     "@webcomponents/webcomponentsjs": "^2.8.0",
     "autoprefixer": "^10.4.0",
-    "cssnano": "^7.1.0",
+    "cssnano": "^8.0.0",
     "flatpickr": "4.6.13",
     "globby": "^16.0.0",
     "remark-gfm": "^4.0.0",
     "rimraf": "^6.0.1",
     "sass": "^1.93.2",
     "storybook": "^10.3.5",
-    "storybook-addon-accessibility-checker": "^9.2.0-rc.3",
+    "storybook-addon-accessibility-checker": "^9.2.0-rc.4",
     "tsdown": "^0.21.0",
-    "typescript-config-carbon": "^0.9.0",
+    "typescript-config-carbon": "^0.10.0-rc.0",
     "vite": "^7.2.4",
     "web-component-analyzer": "2.0.0"
   },
@@ -126,5 +126,5 @@
       }
     ]
   },
-  "gitHead": "13c5c427ad4413aea5184a0a593e6452bc163e4a"
+  "gitHead": "3d219dfcc2a3da515016f7ce0e769d013c3a6c03"
 }

package/scss/components/date-picker/date-picker.scss

@@ -23,7 +23,8 @@ $css--plex: true !default;
   @extend .#{$prefix}--date-picker;
 
   #floating-menu-container {
-    position: absolute;
+    position: fixed;
+    z-index: z('dropdown');
     inline-size: 100%;
   }
 

package/scss/components/dialog/dialog.scss

@@ -17,10 +17,6 @@
 @use '@carbon/styles/scss/components/button' as *;
 @use '@carbon/styles/scss/utilities/focus-outline' as *;
 
-:host(#{$prefix}-dialog) dialog {
-  @extend .#{$prefix}--dialog;
-}
-
 :host(#{$prefix}-dialog[has-scrolling-content])
   ::slotted(#{$prefix}-dialog-body),
 :host(#{$prefix}-dialog) ::slotted(#{$prefix}-dialog-body[is-scrollable]) {
@@ -90,6 +86,9 @@
   ::slotted(#{$prefix}-dialog-footer-button) {
     flex: 0 1 25%;
   }
+  ::slotted(#{$prefix}-inline-loading) {
+    flex: 0 1 25%;
+  }
 }
 
 :host(#{$prefix}-dialog-footer-button:first-of-type) .#{$prefix}--btn {
@@ -113,6 +112,13 @@
   }
 }
 
+:host(#{$prefix}-dialog-footer) ::slotted(#{$prefix}-inline-loading) {
+  flex: 0 1 50%;
+  cursor: not-allowed;
+  padding-block: $spacing-05 $spacing-07;
+  padding-inline-start: $spacing-05;
+}
+
 :host(#{$prefix}-dialog-footer) ::slotted(#{$prefix}-button),
 :host(#{$prefix}-dialog-footer-button) {
   flex: 0 1 50%;

package/scss/components/file-uploader/file-uploader.scss

@@ -45,6 +45,10 @@
   }
 }
 
+:host(#{$prefix}-file-uploader-item[disabled]) {
+  @extend .#{$prefix}--file__selected-file--disabled;
+}
+
 :host(#{$prefix}-file-uploader-item[size='md']) {
   @extend .#{$prefix}--file__selected-file--md;
 }

package/scss/components/modal/modal.scss

@@ -28,7 +28,6 @@
   visibility: inherit;
 
   .#{$prefix}--modal-container {
-    overflow: hidden;
     transform: translate3d(0, 0, 0);
     transition: transform $duration-moderate-02 motion(entrance, expressive);
   }
@@ -231,3 +230,31 @@
   inset-block-start: to-rem(10px);
   inset-inline-end: to-rem(48px);
 }
+
+// `enable-dialog-element` feature flag styles
+:host(#{$prefix}-modal[enable-dialog-element]) #{$prefix}-dialog::part(dialog) {
+  @extend .#{$prefix}--modal-container;
+
+  // Prevent a 2px border when using `enable-dialog-element` feature flag
+  border: none;
+}
+
+:host(#{$prefix}-modal[enable-dialog-element][size='xs'])
+  #{$prefix}-dialog::part(dialog) {
+  @extend .#{$prefix}--modal-container--xs;
+}
+
+:host(#{$prefix}-modal[enable-dialog-element][size='sm'])
+  #{$prefix}-dialog::part(dialog) {
+  @extend .#{$prefix}--modal-container--sm;
+}
+
+:host(#{$prefix}-modal[enable-dialog-element][size='lg'])
+  #{$prefix}-dialog::part(dialog) {
+  @extend .#{$prefix}--modal-container--lg;
+}
+
+:host(#{$prefix}-modal[enable-dialog-element]:not([open]))
+  #{$prefix}-dialog::part(dialog) {
+  display: none;
+}

package/scss/components/page-header/page-header.scss

@@ -4,6 +4,8 @@
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
 //
+// @deprecated PageHeader has moved to Carbon for IBM Products.
+// See https://github.com/carbon-design-system/carbon/issues/21926
 
 @use 'sass:math';
 

package/scss/components/tabs/tabs.scss

@@ -60,6 +60,10 @@ $inset-transition: inset 110ms motion(standard, productive);
   .#{$prefix}--tab--overflow-nav-button {
     background-color: var(--tabs-overflow-button-background, $background);
   }
+
+  .#{$prefix}--tab--overflow-nav-button--hidden {
+    display: none;
+  }
 }
 
 :host(#{$prefix}-tabs) {
@@ -103,6 +107,121 @@ $inset-transition: inset 110ms motion(standard, productive);
   }
 }
 
+:host(#{$prefix}-tabs[type='contained']) {
+  .#{$prefix}--tab--overflow-nav-button {
+    background-color: $layer-accent;
+    inline-size: $spacing-09;
+
+    &:hover {
+      background-color: $layer-accent-hover;
+    }
+
+    &:active {
+      background-color: $layer-accent-active;
+    }
+  }
+}
+
+:host(#{$prefix}-tabs[type='contained'][has-secondary-labels])
+  .#{$prefix}--tabs-nav-content-container {
+  block-size: $spacing-10;
+}
+
+:host(#{$prefix}-tabs[type='contained'][has-secondary-labels]) #{$prefix}-tab {
+  block-size: $spacing-10;
+}
+
+:host(#{$prefix}-tab[type='contained'][secondary-label]) {
+  block-size: $spacing-10;
+
+  a.#{$prefix}--tabs__nav-link {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 0 $spacing-05;
+    block-size: $spacing-10;
+    line-height: normal;
+  }
+
+  .#{$prefix}--tabs__nav-item-label-wrapper {
+    flex-direction: row;
+    align-items: center;
+  }
+
+  .#{$prefix}--tabs__nav-item-label {
+    line-height: var(--cds-body-compact-01-line-height);
+  }
+}
+
+:host(#{$prefix}-tab[type='contained'][secondary-label][selected]),
+:host(#{$prefix}-tab[type='contained'][secondary-label][selected]:hover) {
+  a.#{$prefix}--tabs__nav-link {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    padding: 0 $spacing-05;
+    line-height: normal;
+  }
+}
+
+:host(#{$prefix}-tab[type='contained']) {
+  .#{$prefix}--tabs__nav-item-secondary-label {
+    @include type-style('label-01');
+
+    display: block;
+    overflow: hidden;
+    color: $text-secondary;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+:host(#{$prefix}-tab[type='contained'][selected]) {
+  .#{$prefix}--tabs__nav-item-secondary-label {
+    color: $text-primary;
+  }
+}
+
+:host(#{$prefix}-tab[type='contained'][disabled]) {
+  .#{$prefix}--tabs__nav-item-secondary-label {
+    color: $text-on-color-disabled;
+  }
+}
+
+:host(#{$prefix}-tabs[type='contained'][full-width]) {
+  display: flex;
+  inline-size: 100%;
+
+  .#{$prefix}--tabs-nav-content-container {
+    overflow: visible;
+    flex: 1 1 0%;
+  }
+
+  .#{$prefix}--tabs-nav-content,
+  .#{$prefix}--tabs-nav,
+  .#{$prefix}--tab--list {
+    inline-size: 100%;
+  }
+
+  .#{$prefix}--tab--list {
+    display: flex;
+  }
+}
+
+:host(#{$prefix}-tabs[type='contained'][full-width]) #{$prefix}-tab {
+  flex: 1 1 0%;
+  min-inline-size: 0;
+
+  .#{$prefix}--tabs__nav-link {
+    overflow: hidden;
+    inline-size: 100%;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
 :host(#{$prefix}-tab),
 :host(#{$prefix}-tab-skeleton) {
   display: flex;
@@ -111,7 +230,7 @@ $inset-transition: inset 110ms motion(standard, productive);
 
   .#{$prefix}--tabs__nav-item-label-wrapper {
     display: flex;
-    align-items: center;
+    align-items: inherit;
     gap: $spacing-03;
   }
 
@@ -443,6 +562,7 @@ $inset-transition: inset 110ms motion(standard, productive);
 :host(#{$prefix}-tab) {
   .#{$prefix}--tabs__nav-link--dismissable {
     display: flex;
+    align-items: flex-start;
     padding-inline-end: $spacing-08;
   }
   .#{$prefix}--tabs--dismissable.#{$prefix}--tabs--contained {

package/scss/components/tile/tile.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2019, 2024
+// Copyright IBM Corp. 2019, 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.
@@ -122,6 +122,17 @@ $css--plex: true !default;
   }
 }
 
+:host(#{$prefix}-radio-tile[enable-v12-tile-radio-icons]) {
+  .#{$prefix}--tile__checkmark {
+    opacity: 1;
+  }
+}
+
+:host(#{$prefix}-radio-tile[enable-v12-tile-radio-icons])
+  ::slotted([slot='ai-label']) {
+  inset-inline-end: 2.5rem;
+}
+
 :host(#{$prefix}-radio-tile) ::slotted(:not([slot])),
 :host(#{$prefix}-clickable-tile) ::slotted(*),
 :host(#{$prefix}-selectable-tile) ::slotted(:not([slot])) {
@@ -292,3 +303,58 @@ $css--plex: true !default;
     border-end-end-radius: $spacing-03;
   }
 }
+
+:host(#{$prefix}-clickable-tile[enable-tile-contrast]) {
+  .#{$prefix}--tile--clickable {
+    box-sizing: border-box;
+    border: 1px solid $border-tile;
+  }
+
+  .#{$prefix}--link--disabled {
+    box-sizing: border-box;
+    border: 1px solid $border-disabled;
+  }
+}
+
+:host(#{$prefix}-selectable-tile[enable-tile-contrast]) {
+  .#{$prefix}--tile--selectable {
+    border: 1px solid $border-tile;
+  }
+
+  .#{$prefix}--tile--is-selected {
+    border: 1px solid $layer-selected-inverse;
+  }
+
+  .#{$prefix}--tile--disabled {
+    border: 1px solid $border-disabled;
+  }
+}
+
+:host(#{$prefix}-expandable-tile[enable-tile-contrast]) {
+  .#{$prefix}--tile__chevron--interactive {
+    border: 1px solid $border-disabled;
+  }
+}
+
+:host(
+    #{$prefix}-expandable-tile[enable-tile-contrast]:not([with-interactive])
+  ) {
+  border: 1px solid $border-tile;
+}
+
+:host(#{$prefix}-radio-tile[enable-tile-contrast]) {
+  .#{$prefix}--tile--selectable {
+    box-sizing: border-box;
+    border: 1px solid $border-tile;
+  }
+
+  .#{$prefix}--tile--is-selected {
+    box-sizing: border-box;
+    border: 1px solid $layer-selected-inverse;
+  }
+
+  .#{$prefix}--tile--disabled {
+    box-sizing: border-box;
+    border: 1px solid $border-disabled;
+  }
+}