@porsche-design-system/components-react 3.28.0-rc.0 → 3.28.0-rc.1

package/CHANGELOG.md

@@ -14,6 +14,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.28.0-rc.1] - 2025-04-14
+
+#### Fixed
+
+- `Drilldown`, `Drilldown Item`: visibility for slotted content (experimental)
+  ([#3833](https://github.com/porsche-design-system/porsche-design-system/pull/3833))
+
 ### [3.28.0-rc.0] - 2025-04-11
 
 #### Added

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.28.0-rc.0",
+  "version": "3.28.0-rc.1",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.28.0-rc.0"
+    "@porsche-design-system/components-js": "3.28.0-rc.1"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 33.0.0 <34.0.0",

package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs

@@ -6204,17 +6204,17 @@ const getComponentCss$_ = (isOpen, isPrimary, isSecondaryScrollerVisible, theme)
             },
             ...(isSecondaryScrollerVisible && {
                 '::slotted(*:not([primary],[secondary],[cascade]))': {
-                    [mediaQueryMobile]: {
+                    [mediaQueryMobile]: addImportantToEachRule({
                         display: 'none',
-                    },
+                    }),
                 },
-                '::slotted(*:not([primary],[cascade]))': {
+                '::slotted(*:not([primary],[cascade]))': addImportantToEachRule({
                     [mediaQueryDesktop]: {
                         ...(!isPrimary && {
                             display: 'none',
                         }),
                     },
-                },
+                }),
             }),
         },
         drawer: {
@@ -6464,16 +6464,16 @@ const getComponentCss$Z = (isPrimary, isSecondary, isCascade) => {
             },
             // If cascade we need to hide all children which are not primary or another cascade (e.g. all siblings of the primary or cascade item)
             ...(isCascade && {
-                '::slotted(*:not([primary],[cascade]))': {
+                '::slotted(*:not([primary],[cascade]))': addImportantToEachRule({
                     display: 'none',
-                },
+                }),
             }),
             ...(isPrimary && {
-                '::slotted(*:not([secondary]))': {
+                '::slotted(*:not([secondary]))': addImportantToEachRule({
                     [mediaQueryMobile]: {
                         display: 'none',
                     },
-                },
+                }),
             }),
             '::slotted(*)': {
                 [cssVariableGridTemplate]: 'auto/auto', // reset css variable to prevent inheritance

package/ssr/esm/components/dist/styles/esm/styles-entry.mjs

@@ -6202,17 +6202,17 @@ const getComponentCss$_ = (isOpen, isPrimary, isSecondaryScrollerVisible, theme)
             },
             ...(isSecondaryScrollerVisible && {
                 '::slotted(*:not([primary],[secondary],[cascade]))': {
-                    [mediaQueryMobile]: {
+                    [mediaQueryMobile]: addImportantToEachRule({
                         display: 'none',
-                    },
+                    }),
                 },
-                '::slotted(*:not([primary],[cascade]))': {
+                '::slotted(*:not([primary],[cascade]))': addImportantToEachRule({
                     [mediaQueryDesktop]: {
                         ...(!isPrimary && {
                             display: 'none',
                         }),
                     },
-                },
+                }),
             }),
         },
         drawer: {
@@ -6462,16 +6462,16 @@ const getComponentCss$Z = (isPrimary, isSecondary, isCascade) => {
             },
             // If cascade we need to hide all children which are not primary or another cascade (e.g. all siblings of the primary or cascade item)
             ...(isCascade && {
-                '::slotted(*:not([primary],[cascade]))': {
+                '::slotted(*:not([primary],[cascade]))': addImportantToEachRule({
                     display: 'none',
-                },
+                }),
             }),
             ...(isPrimary && {
-                '::slotted(*:not([secondary]))': {
+                '::slotted(*:not([secondary]))': addImportantToEachRule({
                     [mediaQueryMobile]: {
                         display: 'none',
                     },
-                },
+                }),
             }),
             '::slotted(*)': {
                 [cssVariableGridTemplate]: 'auto/auto', // reset css variable to prevent inheritance