@carbon/web-components 2.58.0 → 2.59.0-rc.0

package/lib/components/toggle-tip/toggletip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggletip.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-tip/toggletip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAqB,UAAU,EAAE,MAAM,KAAK,CAAC;AAQpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;uBAGpD,CAAC;;;;;;;AAID;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAyC;IAClE;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;OAEG;IAEH,SAAS,oBAAyB;IAElC;;OAEG;IAEH,mBAAmB,SAAK;IAExB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAsB;IAEjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,WAAW,UAAS;IAEpB,iBAAiB;IASjB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAShC,SAAS,CAAC,YAAY;IAItB;;OAEG;IAIH,SAAS,CAAC,cAAc,GAAU,UAAK,mBAIrC;IAEF;;;;OAIG;IAIH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU;IAW3C,SAAS,CAAC,qBAAqB,6CAM7B;IAEF,SAAS,CAAC,oBAAoB,6CAY5B;IAEF,SAAS,CAAC,qBAAqB,6CA8B7B;IAEF,SAAS,CAAC,mBAAmB,6CAI3B;IAEF,OAAO;IAgCP,MAAM;IAiBN;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;CACH;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"toggletip.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-tip/toggletip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAqB,UAAU,EAAE,MAAM,KAAK,CAAC;AAQpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;;;;;;;;;;uBAEhB,CAAC;;;;;;;AAKrC;;;;GAIG;AACH,cACM,YAAa,SAAQ,iBAAyC;IAClE;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAAkC;IAE3D;;OAEG;IAEH,OAAO,CAAC,gBAAgB,CAAC,CAAc;IAEvC;;OAEG;IAEH,OAAO,CAAC,iBAAiB,CAAC,CAAc;IAExC;;OAEG;IAEH,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC;;OAEG;IAEH,SAAS,oBAAyB;IAElC;;OAEG;IAEH,mBAAmB,SAAK;IAExB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,SAAsB;IAEjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,WAAW,UAAS;IAEpB,iBAAiB;IASjB;;OAEG;IACH,OAAO,CAAC,wBAAwB;IAShC,SAAS,CAAC,YAAY;IAItB;;OAEG;IAIH,SAAS,CAAC,cAAc,GAAU,UAAK,mBAIrC;IAEF;;;;OAIG;IAIH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,UAAU;IAW3C,SAAS,CAAC,qBAAqB,6CAM7B;IAEF,SAAS,CAAC,oBAAoB,6CAY5B;IAEF,SAAS,CAAC,qBAAqB,6CA8B7B;IAEF,SAAS,CAAC,mBAAmB,6CAI3B;IAEF,OAAO;IAwBP,MAAM;IAiBN;;OAEG;IACH,MAAM,KAAK,wBAAwB,WAElC;IAED;;OAEG;IACH,MAAM,KAAK,sBAAsB,WAEhC;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED,MAAM,CAAC,iBAAiB;;;;;;;MAGtB;CACH;AAED,eAAe,YAAY,CAAC"}

package/lib/components/tooltip/definition-tooltip.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.
@@ -29,11 +29,13 @@ declare class CDSDefinitionTooltip extends LitElement {
      */
     openOnHover: boolean;
     open: boolean;
+    private _tooltipId;
     connectedCallback(): void;
     protected _handleBlur(): void;
     protected _handleMouseDown(): void;
     protected _handleKeyDown(event: KeyboardEvent): void;
-    protected _handleHover(): void;
+    protected _handleMouseEnter(): void;
+    protected _handleMouseLeave(): void;
     protected _handleFocus(): void;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;

package/lib/components/tooltip/definition-tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition-tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/definition-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAqB,UAAU,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,kBAAkB,CAAC;AAK1B;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,KAAK,SAAY;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,UAAS;IAEb,iBAAiB;IAUjB,SAAS,CAAC,WAAW;IAIrB,SAAS,CAAC,gBAAgB;IAI1B,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAS7C,SAAS,CAAC,YAAY;IAQtB,SAAS,CAAC,YAAY;IAItB,MAAM;IA4BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"definition-tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/definition-tooltip.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAqB,UAAU,EAAE,MAAM,KAAK,CAAC;AAIpD,OAAO,kBAAkB,CAAC;AAK1B;;;;GAIG;AACH,cACM,oBAAqB,SAAQ,UAAU;IAC3C;;OAEG;IAEH,KAAK,SAAY;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,WAAW,UAAS;IAGpB,IAAI,UAAS;IAEb,OAAO,CAAC,UAAU,CAA0E;IAE5F,iBAAiB;IAUjB,SAAS,CAAC,WAAW;IAIrB,SAAS,CAAC,gBAAgB;IAI1B,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IAc7C,SAAS,CAAC,iBAAiB;IAM3B,SAAS,CAAC,iBAAiB;IAI3B,SAAS,CAAC,YAAY;IAItB,MAAM;IA+BN,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,oBAAoB,CAAC"}

package/lib/components/ui-shell/header-global-action.d.ts

@@ -42,7 +42,7 @@ declare class CDSHeaderGlobalAction extends CDSButton {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/header-menu-button.d.ts

@@ -51,7 +51,7 @@ declare class CDSHeaderMenuButton extends CDSHeaderMenuButton_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/header-menu.d.ts

@@ -82,7 +82,7 @@ declare class CDSHeaderMenu extends CDSHeaderMenu_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/header-name.d.ts

@@ -28,7 +28,7 @@ declare class CDSHeaderName extends CDSHeaderName_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/header-nav-item.d.ts

@@ -48,7 +48,7 @@ declare class CDSHeaderNavItem extends CDSHeaderNavItem_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/header-panel.d.ts

@@ -19,7 +19,7 @@ declare class CDSHeaderPanel extends LitElement {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/side-nav-link.d.ts

@@ -54,7 +54,7 @@ declare class CDSSideNavLink extends CDSSideNavLink_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/side-nav-menu-item.d.ts

@@ -42,7 +42,7 @@ declare class CDSSideNavMenuItem extends CDSSideNavMenuItem_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/side-nav-menu.d.ts

@@ -95,7 +95,7 @@ declare class CDSSideNavMenu extends CDSSideNavMenu_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/switcher-item.d.ts

@@ -39,7 +39,7 @@ declare class CDSSwitcherItem extends CDSSwitcherItem_base {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/lib/components/ui-shell/switcher.d.ts

@@ -24,7 +24,7 @@ declare class CDSSwitcher extends LitElement {
     static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
+        customElementRegistry?: CustomElementRegistry | null;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.58.0",
+  "version": "2.59.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.83.0",
-    "@carbon/styles": "^1.110.0",
+    "@carbon/icons": "^11.84.0-rc.0",
+    "@carbon/styles": "^1.111.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.54.0",
-    "@carbon/motion": "^11.47.0",
+    "@carbon/layout": "^11.55.0-rc.0",
+    "@carbon/motion": "^11.48.0-rc.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.40.0",
     "@open-wc/testing": "^4.0.0",
@@ -103,7 +103,8 @@
     "storybook": "^10.3.5",
     "storybook-addon-accessibility-checker": "^9.2.0-rc.4",
     "tsdown": "^0.22.0",
-    "typescript-config-carbon": "^0.10.0",
+    "typescript": "^6.0.3",
+    "typescript-config-carbon": "^0.11.0-rc.0",
     "vite": "^8.0.0",
     "web-component-analyzer": "2.0.0"
   },
@@ -126,5 +127,5 @@
       }
     ]
   },
-  "gitHead": "30ca2b932469a5c89da10cb8d1fa82586ed14018"
+  "gitHead": "1738a92e35dc0b9ba19877b9a4319bcc3336c5b1"
 }

package/scss/components/ai-label/ai-label.scss

@@ -12,7 +12,7 @@
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/utilities/ai-gradient' as *;
 @use '@carbon/styles/scss/components/slug/index' as *;
 

package/scss/components/button/button.scss

@@ -14,10 +14,11 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/button' as *;
 @use '@carbon/styles/scss/components/code-snippet/code-snippet' as *;
 @use '@carbon/styles/scss/components/chat-button' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/components/button/tokens' as button-tokens;
 
+@include emit-layout-context-classes();
 @include code-snippet;
 
 :host(#{$prefix}-button),

package/scss/components/chat-button/chat-button.scss

@@ -8,7 +8,7 @@
 $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 :host(#{$prefix}-chat-button-skeleton) {
   @include emit-layout-tokens();

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

@@ -13,7 +13,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/utilities/focus-outline' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/components/combo-box' as *;
 @use '@carbon/styles/scss/components/form';
 @use '@carbon/styles/scss/components/text-input/text-input';

package/scss/components/contained-list/contained-list.scss

@@ -11,9 +11,12 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/components/contained-list';
 @use '@carbon/styles/scss/components/form' as *;
+
+@include emit-layout-context-classes();
+
 :host(#{$prefix}-contained-list) {
   @include emit-layout-tokens();
 

package/scss/components/copy-button/copy-button.scss

@@ -17,7 +17,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/tooltip';
 @use '@carbon/styles/scss/components/code-snippet/code-snippet' as *;
 @use '@carbon/styles/scss/components/copy-button/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 @include code-snippet;
 

package/scss/components/data-table/_table-action.scss

@@ -14,7 +14,6 @@
 @use '@carbon/styles/scss/components/search';
 @use '@carbon/styles/scss/components/data-table/data-table';
 @use '@carbon/styles/scss/components/data-table/action';
-@use '@carbon/styles/scss/layout' as *;
 @use '@carbon/styles/scss/utilities/layout';
 //
 // Table toolbar

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

@@ -10,7 +10,9 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/file-uploader/file-uploader' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
+
+@include emit-layout-context-classes();
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include file-uploader;

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

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/fluid-combo-box/index';
 @use '@carbon/styles/scss/components/combo-box' as *;
 @use '@carbon/styles/scss/components/list-box' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;

package/scss/components/fluid-dropdown/fluid-dropdown.scss

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/fluid-dropdown/index';
 @use '@carbon/styles/scss/components/dropdown' as *;
 @use '@carbon/styles/scss/components/list-box' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;

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

@@ -7,7 +7,7 @@
 
 $css--plex: true !default;
 @use '@carbon/styles/scss/components/fluid-multiselect/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;

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

@@ -9,7 +9,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/components/fluid-number-input/index';
 @use '@carbon/styles/scss/components/fluid-text-input' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme';
 @use '@carbon/styles/scss/type' as *;

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

@@ -7,7 +7,7 @@
 
 $css--plex: true !default;
 
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;

package/scss/components/fluid-search/fluid-search.scss

@@ -8,7 +8,7 @@
 $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/components/fluid-search/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;

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

@@ -7,7 +7,7 @@
 
 $css--plex: true !default;
 @use '@carbon/styles/scss/components/fluid-select/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;

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

@@ -8,7 +8,7 @@
 $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/components/fluid-text-input/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme';
 @use '@carbon/styles/scss/type' as *;

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

@@ -8,7 +8,7 @@
 $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/components/fluid-text-area/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/spacing' as *;
 
 :host(#{$prefix}-fluid-textarea) {

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

@@ -9,7 +9,7 @@ $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/utilities/layout' as *;
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;

package/scss/components/icon-button/icon-button.scss

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/theme' as *;
 
 :host(#{$prefix}-icon-button) {

package/scss/components/icon-indicator/icon-indicator.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.
@@ -8,7 +8,10 @@
 $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/components/icon-indicator/index' as *;
+@use '@carbon/styles/scss/utilities/custom-property';
+@use '@carbon/styles/scss/utilities/visually-hidden' as *;
 
 :host(#{$prefix}-icon-indicator) {
   @extend .#{$prefix}--icon-indicator;
@@ -65,3 +68,18 @@ $css--plex: true !default;
 :host(#{$prefix}-icon-indicator[kind='informative']) svg {
   @extend .#{$prefix}--icon-indicator--informative;
 }
+
+:host(#{$prefix}-icon-indicator[compact]) {
+  #{$prefix}-definition-tooltip {
+    @include custom-property.declaration('tooltip-padding-block', $spacing-01);
+  }
+
+  #{$prefix}-definition-tooltip::part(definition-term) {
+    display: flex;
+    border: none;
+  }
+}
+
+.#{$prefix}--visually-hidden {
+  @extend .#{$prefix}--visually-hidden;
+}

package/scss/components/layout/layout.scss

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 :host(#{$prefix}-layout) {
   @include emit-layout-tokens();

package/scss/components/menu/menu-item.scss

@@ -92,6 +92,10 @@ $css--plex: true !default;
   color: $text-on-color;
 }
 
+:host(.#{$prefix}--menu-item--danger:focus) {
+  box-shadow: inset 0 0 0 to-rem(3px) $background;
+}
+
 .#{$prefix}--menu-item__icon,
 .#{$prefix}--menu-item__selection-icon {
   display: none;

package/scss/components/notification/actionable-notification.scss

@@ -15,7 +15,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/button';
 @use '@carbon/styles/scss/components/button/mixins' as button-mixins;
 @use '@carbon/styles/scss/components/button/vars' as button-vars;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 @include actionable-notification;
 

package/scss/components/notification/inline-notification.scss

@@ -13,7 +13,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/utilities/focus-outline' as *;
 @use '@carbon/styles/scss/components/notification/index' as *;
 @use '@carbon/styles/scss/components/button';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include inline-notification;

package/scss/components/notification/toast-notification.scss

@@ -12,7 +12,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/notification/index' as *;
 @use '@carbon/styles/scss/components/button';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include toast-notification;

package/scss/components/overflow-menu/overflow-menu.scss

@@ -10,13 +10,22 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/utilities/convert';
+@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/focus-outline' as *;
 @use '@carbon/styles/scss/components/overflow-menu/overflow-menu' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include overflow-menu;
 
+// Fallback visible focus style when the trigger's native focus ring is not shown.
+:host(#{$prefix}-overflow-menu[data-programmatic-focus]),
+:host(#{$prefix}-breadcrumb-overflow-menu[data-programmatic-focus]) {
+  @include focus-outline('outline');
+}
+
 :host(#{$prefix}-overflow-menu),
 :host(#{$prefix}-breadcrumb-overflow-menu) {
+  @include emit-layout-tokens();
   @extend .#{$prefix}--overflow-menu;
 
   ::slotted(.#{$prefix}--overflow-menu__icon) {
@@ -24,21 +33,6 @@
   }
 }
 
-:host(#{$prefix}-overflow-menu[size='xs']),
-:host(#{$prefix}-breadcrumb-overflow-menu[size='xs']) {
-  @extend .#{$prefix}--overflow-menu--xs;
-}
-
-:host(#{$prefix}-overflow-menu[size='sm']),
-:host(#{$prefix}-breadcrumb-overflow-menu[size='sm']) {
-  @extend .#{$prefix}--overflow-menu--sm;
-}
-
-:host(#{$prefix}-overflow-menu[size='lg']),
-:host(#{$prefix}-breadcrumb-overflow-menu[size='lg']) {
-  @extend .#{$prefix}--overflow-menu--lg;
-}
-
 :host(#{$prefix}-overflow-menu[disabled]),
 :host(#{$prefix}-breadcrumb-overflow-menu[disabled]) {
   cursor: not-allowed;
@@ -66,6 +60,7 @@
 }
 
 :host(#{$prefix}-overflow-menu-body) {
+  @include emit-layout-tokens();
   @extend .#{$prefix}--overflow-menu-options;
 
   &::after {
@@ -89,18 +84,6 @@
   @extend .#{$prefix}--overflow-menu-options--open;
 }
 
-:host(#{$prefix}-overflow-menu-body[size='xs']) {
-  @extend .#{$prefix}--overflow-menu-options--xs;
-}
-
-:host(#{$prefix}-overflow-menu-body[size='sm']) {
-  @extend .#{$prefix}--overflow-menu-options--sm;
-}
-
-:host(#{$prefix}-overflow-menu-body[size='lg']) {
-  @extend .#{$prefix}--overflow-menu-options--lg;
-}
-
 :host(#{$prefix}-overflow-menu-item) {
   @extend .#{$prefix}--overflow-menu-options__option;
 
@@ -115,18 +98,6 @@
   }
 }
 
-:host(#{$prefix}-overflow-menu-item[size='xs']) {
-  block-size: $spacing-06;
-}
-
-:host(#{$prefix}-overflow-menu-item[size='sm']) {
-  block-size: $spacing-07;
-}
-
-:host(#{$prefix}-overflow-menu-item[size='lg']) {
-  block-size: $spacing-09;
-}
-
 :host(#{$prefix}-overflow-menu-item[danger]) {
   @extend .#{$prefix}--overflow-menu-options__option--danger;
 }
@@ -245,3 +216,6 @@ $caret-size: convert.to-rem(7px);
     direction: ltr;
   }
 }
+@include emit-layout-tokens-to-shadow-host(#{$prefix}-overflow-menu-body);
+@include emit-layout-tokens-to-shadow-host(#{$prefix}-overflow-menu);
+@include emit-layout-tokens-to-shadow-host(#{$prefix}-breadcrumb-overflow-menu);

package/scss/components/pagination/pagination.scss

@@ -14,7 +14,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/components/pagination' as *;
 @use '@carbon/styles/scss/utilities/visually-hidden' as *;
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 
 :host(#{$prefix}-pagination) {
   @extend .#{$prefix}--pagination;

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

@@ -9,9 +9,11 @@ $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/utilities/layout' as *;
 @use '@carbon/styles/scss/theme' as *;
 
+@include emit-layout-context-classes();
+
 :host(#{$prefix}-pagination-nav) {
   @extend .#{$prefix}--pagination-nav;
   @include emit-layout-tokens();

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

@@ -10,11 +10,13 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/components/text-input/index';
-@use '@carbon/styles/scss/layout' as *;
+@use '@carbon/styles/scss/utilities/layout' as *;
 @use '@carbon/styles/scss/utilities/skeleton' as *;
 @use '@carbon/styles/scss/utilities/convert';
 @use '@carbon/styles/scss/utilities/focus-outline' as *;
 
+@include emit-layout-context-classes();
+
 :host(#{$prefix}-password-input) {
   @include emit-layout-tokens();