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

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

@@ -49,7 +49,7 @@ declare class CDSSelectableTile extends CDSSelectableTile_base {
     /**
      * Handles the rendering of the icon.
      */
-    protected _renderIcon(): import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-svg").UnsafeSVGDirective> | import("lit-html").TemplateResult | null;
+    protected _renderIcon(): import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-svg.js").UnsafeSVGDirective> | import("lit-html").TemplateResult | null;
     /**
      * Listener function for click interaction.
      *

package/lib/components/time-picker/time-picker.d.ts

@@ -13,7 +13,8 @@ declare const CDSTimePicker_base: (new (...args: any[]) => {
     required: boolean;
     requiredValidityMessage: string;
     validityMessage: string;
-    value: string;
+    get value(): string;
+    set value(v: string): any;
     checkValidity(): boolean;
     setCustomValidity(validityMessage: string): void;
 }) & (new (...args: any[]) => {

package/lib/components/time-picker/time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;AAE1C;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,kBAAoC;IAC9D;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAWxC;;;OAGG;IACH,SAAS,CAAC,iBAAiB;IAI3B,eAAe,CAAC,KAAK,EAAE,KAAK;IAS5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAA0B;IAErC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAsB;IAEjC;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,SAAS,SAAmB;IAE5B;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,OAAO,SAAqC;IAE5C;;OAEG;IAEH,IAAI,mBAA2B;IAE/B;;OAEG;IAEH,IAAI,SAAU;IAEd;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAOd;IAED,MAAM;IAqGN,OAAO,CAAC,iBAAiB,KAAA;IAkBzB,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAYvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;;;;AAE1C;;;;;;GAMG;AACH,cACM,aAAc,SAAQ,kBAAoC;IAC9D;;OAEG;IAEH,SAAS,CAAC,MAAM,EAAG,gBAAgB,CAAC;IAEpC;;OAEG;IACH,SAAS,CAAC,MAAM,SAAM;IAEtB,SAAS,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK;IAWxC;;;OAGG;IACH,SAAS,CAAC,iBAAiB;IAI3B,eAAe,CAAC,KAAK,EAAE,KAAK;IAS5B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAA0B;IAErC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,WAAW,SAAsB;IAEjC;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,SAAS,SAAmB;IAE5B;;OAEG;IAEH,WAAW,SAAW;IAEtB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,OAAO,SAAqC;IAE5C;;OAEG;IAEH,IAAI,mBAA2B;IAE/B;;OAEG;IAEH,IAAI,SAAU;IAEd;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,uBAAuB,SAAiC;IAExD;;OAEG;IACH,IACI,KAAK,WAER;IAED,IAAI,KAAK,CAAC,KAAK,QAAA,EAOd;IAED,MAAM;IAqGN,OAAO,CAAC,iBAAiB,KAAA;IAkBzB,MAAM,KAAK,wBAAwB,WAElC;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,aAAa,CAAC"}

package/lib/globals/directives/spread.d.ts

@@ -32,6 +32,6 @@ declare class SpreadDirective extends Directive {
      */
     render(attributesInfo: AttributesInfo): AttributesInfo;
 }
-declare const spread: (attributesInfo: AttributesInfo) => import("lit-html/directive").DirectiveResult<typeof SpreadDirective>;
+declare const spread: (attributesInfo: AttributesInfo) => import("lit-html/directive.js").DirectiveResult<typeof SpreadDirective>;
 export default spread;
 //# sourceMappingURL=spread.d.ts.map

package/lib/globals/directives/spread.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spread.d.ts","sourceRoot":"","sources":["../../../src/globals/directives/spread.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAQD;;;;;;GAMG;AACH,cAAM,eAAgB,SAAQ,SAAS;IACrC;;;;;OAKG;IACH,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IA8BvE;;;;;;OAMG;IACH,MAAM,CAAC,cAAc,EAAE,cAAc;CAGtC;AAED,QAAA,MAAM,MAAM,0GAA6B,CAAC;AAE1C,eAAe,MAAM,CAAC"}
+{"version":3,"file":"spread.d.ts","sourceRoot":"","sources":["../../../src/globals/directives/spread.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,aAAa,EACb,SAAS,EACT,mBAAmB,EACpB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAQD;;;;;;GAMG;AACH,cAAM,eAAgB,SAAQ,SAAS;IACrC;;;;;OAKG;IACH,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,cAAc,CAAC,EAAE,mBAAmB,CAAC,IAAI,CAAC;IA8BvE;;;;;;OAMG;IACH,MAAM,CAAC,cAAc,EAAE,cAAc;CAGtC;AAED,QAAA,MAAM,MAAM,6GAA6B,CAAC;AAE1C,eAAe,MAAM,CAAC"}

package/lib/globals/internal/icon-loader-utils.d.ts

@@ -28,5 +28,5 @@ export declare function carbonIconToSVG(descriptor: CarbonIcon, attributes?: Rec
 /**
  * Create an icon function that returns a Lit template with unsafeSVG
  */
-export declare function createIconTemplate(descriptor: CarbonIcon): (attributes?: Record<string, string | number | undefined>) => import("lit-html/directive").DirectiveResult<typeof import("lit-html/directives/unsafe-svg").UnsafeSVGDirective>;
+export declare function createIconTemplate(descriptor: CarbonIcon): (attributes?: Record<string, string | number | undefined>) => import("lit-html/directive.js").DirectiveResult<typeof import("lit-html/directives/unsafe-svg.js").UnsafeSVGDirective>;
 //# sourceMappingURL=icon-loader-utils.d.ts.map

package/lib/globals/internal/icon-loader-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-loader-utils.d.ts","sourceRoot":"","sources":["../../../src/globals/internal/icon-loader-utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,CAAC,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAC;CACzC;AAGD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,MAAM,UAAU,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AASjE;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,UAAU,EACtB,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,UA+B7D;AAiBD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,IAC/C,aAAY,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,sHAIrE"}
+{"version":3,"file":"icon-loader-utils.d.ts","sourceRoot":"","sources":["../../../src/globals/internal/icon-loader-utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,CAAC,iBAAiB,GAAG,MAAM,CAAC,EAAE,CAAC;CACzC;AAGD,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvC,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAGD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,MAAM,MAAM,UAAU,GAAG,oBAAoB,GAAG,gBAAgB,CAAC;AASjE;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,UAAU,EAAE,UAAU,EACtB,UAAU,GAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,UA+B7D;AAiBD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,UAAU,IAC/C,aAAY,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAM,4HAIrE"}

package/lib/globals/mixins/validity.d.ts

@@ -29,7 +29,8 @@ declare const ValidityMixin: <T extends Constructor<HTMLElement>>(Base: T) => {
         required: boolean;
         requiredValidityMessage: string;
         validityMessage: string;
-        value: string;
+        get value(): string;
+        set value(v: string): any;
         checkValidity(): boolean;
         setCustomValidity(validityMessage: string): void;
     };

package/lib/globals/mixins/validity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validity.d.ts","sourceRoot":"","sources":["../../../src/globals/mixins/validity.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,QAAQ,KAAK;IAEb;;OAEG;IACH,cAAc,aAAa;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,CAAC,WAAW,CAAC,EACvD,MAAM,CAAC,KACN;IAED,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG;QACpB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;QACvD,aAAa,IAAI,MAAM,CAAC;QACxB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,uBAAuB,EAAE,MAAM,CAAC;QAChC,eAAe,EAAE,MAAM,CAAC;QACxB,KAAK,EAAE,MAAM,CAAC;QACd,aAAa,IAAI,OAAO,CAAC;QACzB,iBAAiB,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;KAClD,CAAC;CACH,GAAG,CAgGH,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"validity.d.ts","sourceRoot":"","sources":["../../../src/globals/mixins/validity.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,QAAQ,KAAK;IAEb;;OAEG;IACH,cAAc,aAAa;CAC5B;AAED;;;GAGG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,CAAC,WAAW,CAAC,EACvD,MAAM,CAAC,KACN;IAED,KAAK,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG;QACpB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;QACvD,aAAa,IAAI,MAAM,CAAC;QACxB,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;QAClB,uBAAuB,EAAE,MAAM,CAAC;QAChC,eAAe,EAAE,MAAM,CAAC;QACxB,IAAI,KAAK,IAAI,MAAM,CAAC;QACpB,IAAI,KAAK,CAAC,CAAC,EAAE,MAAM,OAAE;QACrB,aAAa,IAAI,OAAO,CAAC;QACzB,iBAAiB,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;KAClD,CAAC;CACH,GAAG,CAgGH,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.54.0-rc.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-rc.0",
-    "@carbon/styles": "^1.106.0-rc.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,15 +77,15 @@
     "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",
     "@playwright/test": "^1.36.2",
-    "@storybook/addon-docs": "^9.1.8",
-    "@storybook/addon-links": "^9.1.8",
-    "@storybook/web-components-vite": "^9.1.8",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-links": "^10.3.5",
+    "@storybook/web-components-vite": "^10.3.5",
     "@types/lodash-es": "^4.17.5",
     "@types/node": "^24.0.0",
     "@web/test-runner": "^0.20.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": "^9.1.8",
-    "storybook-addon-accessibility-checker": "^9.2.0-rc.3",
+    "storybook": "^10.3.5",
+    "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": "32de263c201d0424d86bc47d97d1c085abecb24e"
+  "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/fluid-form/fluid-form.scss

@@ -0,0 +1,24 @@
+//
+// 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/spacing' as *;
+@use '@carbon/styles/scss/components/form';
+
+:host(#{$prefix}-fluid-form) {
+  @include form.form;
+}
+
+:host(#{$prefix}-fluid-form[in-modal]) {
+  --cds-field: var(--cds-field-01);
+
+  .#{$prefix}--form--fluid {
+    margin-inline: -$spacing-05 - $spacing-05;
+  }
+}

package/scss/components/fluid-number-input/fluid-number-input.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp.2025
+ * Copyright IBM Corp. 2025, 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.
@@ -18,6 +18,8 @@ $css--plex: true !default;
 
 :host(#{$prefix}-fluid-number-input) {
   @include emit-layout-tokens();
+
+  flex: 1 1 auto;
 }
 
 :host(#{$prefix}-fluid-number-input-skeleton) {

package/scss/components/fluid-password-input/fluid-password-input.scss

@@ -21,9 +21,9 @@ $css--plex: true !default;
 :host(#{$prefix}-fluid-password-input) {
   @include emit-layout-tokens();
 
+  flex: 1 1 auto;
   inline-size: 100%;
   outline: none;
-  padding-inline-end: $spacing-08;
   .#{$prefix}--text-input__invalid-icon {
     inset-inline-end: $spacing-08;
   }

package/scss/components/fluid-select/fluid-select.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp.2025
+ * Copyright IBM Corp. 2025, 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.
@@ -24,6 +24,8 @@ $divider-width: 1px;
 
   @include emit-layout-tokens();
 
+  flex: 1 1 auto;
+
   // Position the AI label and slug
   ::slotted(#{$prefix}-ai-label),
   ::slotted(#{$prefix}-slug) {

package/scss/components/fluid-text-input/fluid-text-input.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp.2025
+ * Copyright IBM Corp. 2025, 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.
@@ -16,6 +16,8 @@ $css--plex: true !default;
 
 :host(#{$prefix}-fluid-text-input) {
   @include emit-layout-tokens();
+
+  flex: 1 1 auto;
 }
 
 :host(#{$prefix}-fluid-text-input-skeleton) {

package/scss/components/fluid-textarea/fluid-textarea.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp.2025
+ * Copyright IBM Corp. 2025, 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,4 +13,6 @@ $css--plex: true !default;
 
 :host(#{$prefix}-fluid-textarea) {
   @include emit-layout-tokens();
+
+  flex: 1 1 auto;
 }

package/scss/components/modal/modal.scss

@@ -230,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;
+  }
+}

package/telemetry.yml

@@ -55,7 +55,6 @@ collect:
         - cols
         - condensed
         - contained
-        - container-class
         - counter-mode
         - danger-description
         - data-table
@@ -88,7 +87,6 @@ collect:
         - has-focus
         - has-main-content
         - has-rounded-corners
-        - has-scrolling-content
         - has-three-buttons
         - hasCustomIcon
         - heading
@@ -163,8 +161,6 @@ collect:
         - oncds-dropdown-selected
         - oncds-dropdown-toggled
         - oncds-header-menu-button-toggled
-        - oncds-modal-beingclosed
-        - oncds-modal-closed
         - oncds-multi-select-beingselected
         - oncds-multi-select-beingtoggled
         - oncds-multi-select-selected
@@ -215,6 +211,7 @@ collect:
         - revert-label
         - role
         - rows
+        - secondary-label
         - select-all
         - selected
         - selected-index
@@ -227,7 +224,6 @@ collect:
         - selector-initial-focus
         - shortcut
         - should-filter-item
-        - should-submit-on-enter
         - show-password-label
         - show-password-visibility-toggle
         - showPasswordLabel
@@ -408,6 +404,13 @@ collect:
         - selectedItem
         # cds-menu-item-selectable
         - renderIcon
+        # cds-modal
+        - container-class
+        - enable-dialog-element
+        - has-scrolling-content
+        - oncds-modal-beingclosed
+        - oncds-modal-closed
+        - should-submit-on-enter
         # cds-multi-select-item
         - is-select-all
         # cds-operational-tag
@@ -451,7 +454,6 @@ collect:
         - complete
         - current
         - icon-label
-        - secondary-label
         - secondary-label-text
         - spaceEqually
         # cds-radio-button
@@ -577,6 +579,8 @@ collect:
         - is-expanded
         - oneventSelected
         - oneventToggled
+        # tabs-story-wrapper
+        - with-icons
       allowedAttributeStringValues:
         # General - boolean attributes
         - "true"