@carbon/web-components 2.59.0 → 2.60.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.59.0",
+  "version": "2.60.0",
   "license": "Apache-2.0",
   "main": "es/index.js",
   "module": "es/index.js",
@@ -69,8 +69,8 @@
   },
   "dependencies": {
     "@carbon/icon-helpers": "10.47.0",
-    "@carbon/icons": "^11.84.0",
-    "@carbon/styles": "^1.111.0",
+    "@carbon/icons": "^11.85.0",
+    "@carbon/styles": "^1.112.0",
     "@carbon/utilities": "^0.17.0",
     "@floating-ui/dom": "^1.6.3",
     "@ibm/telemetry-js": "^1.10.2",
@@ -80,11 +80,11 @@
     "tslib": "^2.6.3"
   },
   "devDependencies": {
-    "@carbon/layout": "^11.55.0",
-    "@carbon/motion": "^11.48.0",
+    "@carbon/layout": "^11.56.0",
+    "@carbon/motion": "^11.49.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.40.0",
-    "@open-wc/testing": "^4.0.0",
+    "@open-wc/testing": "^5.0.0",
     "@playwright/test": "^1.36.2",
     "@storybook/addon-docs": "^10.3.5",
     "@storybook/addon-links": "^10.3.5",
@@ -130,5 +130,5 @@
       }
     ]
   },
-  "gitHead": "5102bd860864c2580048183ffaf50d1ffd4400b5"
+  "gitHead": "a57cf8a896fe3fe09c5ab27648cd58947f37360a"
 }

package/scss/components/ai-label/ai-label.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.
@@ -325,11 +325,13 @@ $colorMap: (
       background: $token;
     }
 
-    button:hover {
-      border-color: $token;
+    @media (any-hover: hover) {
+      button:hover {
+        border-color: $token;
 
-      .#{$prefix}--slug__text::before {
-        background-color: $token;
+        .#{$prefix}--slug__text::before {
+          background-color: $token;
+        }
       }
     }
   }

package/scss/components/content-switcher/content-switcher.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2019, 2025
+// 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.
@@ -68,8 +68,10 @@ $css--plex: true !default;
       inset-inline-start: 0;
     }
 
-    &:hover {
-      color: $text-primary;
+    @media (any-hover: hover) {
+      &:hover {
+        color: $text-primary;
+      }
     }
 
     &.#{$prefix}--content-switcher--selected {
@@ -78,13 +80,18 @@ $css--plex: true !default;
     }
 
     &.#{$prefix}--content-switcher--selected,
-    &:focus,
-    &:hover {
+    &:focus {
       &::before {
         background-color: transparent;
       }
     }
 
+    @media (any-hover: hover) {
+      &:hover::before {
+        background-color: transparent;
+      }
+    }
+
     &:disabled {
       &.#{$prefix}--content-switcher--selected {
         border-radius: rem(4px);
@@ -145,8 +152,8 @@ $css--plex: true !default;
     .#{$prefix}--content-switcher--selected
   ) {
   &:disabled {
-    &:hover {
-      &::before {
+    @media (any-hover: hover) {
+      &:hover::before {
         background-color: $border-subtle;
       }
     }

package/scss/components/notification/actionable-notification.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.
@@ -51,8 +51,10 @@ $css--plex: true !default;
     color: $notification-action-tertiary-inverse-text;
   }
 
-  &:hover {
-    color: $notification-action-tertiary-inverse-text;
+  @media (any-hover: hover) {
+    &:hover {
+      color: $notification-action-tertiary-inverse-text;
+    }
   }
 
   &:active {
@@ -64,11 +66,16 @@ $css--plex: true !default;
 
 :host(#{$prefix}-actionable-notification-button[low-contrast][kind='ghost'])
   button {
-  &:hover,
   &:active {
     background-color: $notification-action-hover;
   }
 
+  @media (any-hover: hover) {
+    &:hover {
+      background-color: $notification-action-hover;
+    }
+  }
+
   &:focus {
     outline-color: $focus;
   }

package/telemetry.yml

@@ -72,6 +72,7 @@ collect:
         - download
         - dropShadow
         - enable-counter
+        - enable-dialog-element
         - enable-v12-overflowmenu
         - enter-delay-ms
         - even
@@ -410,7 +411,6 @@ collect:
         - renderIcon
         # cds-modal
         - container-class
-        - enable-dialog-element
         - has-scrolling-content
         - oncds-modal-beingclosed
         - oncds-modal-closed
@@ -586,6 +586,15 @@ collect:
         - is-expanded
         - oneventSelected
         - oneventToggled
+        # feature-flags
+        - enable-experimental-focus-wrap-without-sentinels
+        - enable-focus-wrap-without-sentinels
+        - enable-treeview-controllable
+        - enable-v12-dynamic-floating-styles
+        - enable-v12-release
+        - enable-v12-tile-default-icons
+        - enable-v12-tile-radio-icons
+        - enable-v12-toggle-reduced-label-spacing
         # tabs-story-wrapper
         - with-icons
       allowedAttributeStringValues: