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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/web-components",
   "description": "Web components for the Carbon Design System",
-  "version": "2.58.0-rc.0",
+  "version": "2.58.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-rc.0",
-    "@carbon/styles": "^1.110.0-rc.0",
+    "@carbon/icons": "^11.83.0",
+    "@carbon/styles": "^1.110.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-rc.0",
-    "@carbon/motion": "^11.47.0-rc.0",
+    "@carbon/layout": "^11.54.0",
+    "@carbon/motion": "^11.47.0",
     "@juggle/resize-observer": "^3.4.0",
     "@mordech/vite-lit-loader": "^0.40.0",
     "@open-wc/testing": "^4.0.0",
@@ -126,5 +126,5 @@
       }
     ]
   },
-  "gitHead": "415bf87b56763dc172a38f310ee5536e70dd792b"
+  "gitHead": "30ca2b932469a5c89da10cb8d1fa82586ed14018"
 }

package/scss/components/accordion/accordion.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.
@@ -106,37 +106,39 @@ $css--plex: true !default;
   }
 }
 
-:host([isFlush]) .#{$prefix}--accordion__heading:hover {
-  position: relative;
-  z-index: 1;
+@media (any-hover: hover) {
+  :host([isFlush]) .#{$prefix}--accordion__heading:hover {
+    position: relative;
+    z-index: 1;
 
-  &::before,
-  &::after {
-    position: absolute;
-    display: block;
-    background: $layer-hover;
-    block-size: 1px;
-    content: '';
-    inline-size: 100%;
-    inset-inline-start: 0;
-    transition: background $duration-fast-02 motion(standard, productive);
+    &::before,
+    &::after {
+      position: absolute;
+      display: block;
+      background: $layer-hover;
+      block-size: 1px;
+      content: '';
+      inline-size: 100%;
+      inset-inline-start: 0;
+      transition: background $duration-fast-02 motion(standard, productive);
 
-    @media screen and (prefers-reduced-motion: reduce) {
-      transition: none;
+      @media screen and (prefers-reduced-motion: reduce) {
+        transition: none;
+      }
     }
-  }
 
-  &::before {
-    inset-block-start: -1px;
-  }
+    &::before {
+      inset-block-start: -1px;
+    }
 
-  &::after {
-    inset-block-end: -1px;
-  }
+    &::after {
+      inset-block-end: -1px;
+    }
 
-  &:focus::before,
-  &:focus::after {
-    background: none;
+    &:focus::before,
+    &:focus::after {
+      background: none;
+    }
   }
 }
 
@@ -170,8 +172,10 @@ $css--plex: true !default;
     cursor: default;
     pointer-events: none;
 
-    &:hover::before {
-      background: transparent;
+    @media (any-hover: hover) {
+      &:hover::before {
+        background: transparent;
+      }
     }
   }
 }

package/scss/components/grid/grid-story.scss

@@ -75,6 +75,7 @@
 
     background: $white;
     box-shadow: 0 0 0 1px var(--border-color);
+    color: $gray-100;
 
     min-block-size: 80px;
   }