@porsche-design-system/components-react 4.0.0-beta.4 → 4.0.0-rc.0

package/CHANGELOG.md

@@ -14,6 +14,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [4.0.0-rc.0] - 2026-03-27
+
 ## [4.0.0-beta.4] - 2026-03-25
 
 ### Added
@@ -3518,9 +3520,10 @@ major version.
 
 ##### Content Wrapper:
 
-- Component is deprecated and will be removed with the next major release. Please use **[Porsche Grid](/styles/grid/)**
-  instead, which is based on [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid) covering the specific
-  layout needs for a harmonic appearance across all digital Porsche touch-points.
+- Component is deprecated and will be removed with the next major release. Please use
+  **[Porsche Grid](/tailwindcss/grid/examples/)** instead, which is based on
+  [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid) covering the specific layout needs for a harmonic
+  appearance across all digital Porsche touch-points.
 
 ##### Flex:
 
@@ -3532,7 +3535,7 @@ major version.
 
 - Component is deprecated and will be removed with the next major release. In general, please use native
   [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid) in combination with
-  **[Porsche Grid](/styles/grid/)** instead for better performance and more standardized layout technique.
+  **[Porsche Grid](/tailwindcss/grid/examples/)** instead for better performance and more standardized layout technique.
 
 ##### Headline:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "4.0.0-beta.4",
+  "version": "4.0.0-rc.0",
   "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",
@@ -21,7 +21,7 @@
     "url": "https://github.com/porsche-design-system/porsche-design-system"
   },
   "dependencies": {
-    "@porsche-design-system/components-js": "4.0.0-beta.4"
+    "@porsche-design-system/components-js": "4.0.0-rc.0"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 35.0.0 <36.0.0",

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

@@ -3905,7 +3905,7 @@ const OPTION_LIST_SAFE_ZONE = 6;
 
 const getCDNBaseURL = () => global.PORSCHE_DESIGN_SYSTEM_CDN_URL + "/porsche-design-system";
 
-const prefix = `[Porsche Design System v${"4.0.0-beta.4"}]` // this part isn't covered by unit tests
+const prefix = `[Porsche Design System v${"4.0.0-rc.0"}]` // this part isn't covered by unit tests
     ;
 const consoleError = (...messages) => {
     console.error(prefix, ...messages);
@@ -7001,9 +7001,9 @@ const getComponentCss$U = (size, weight, align, color, hyphens, ellipsis) => {
                     ...hostHiddenStyles,
                 }),
             },
-            [`::slotted(:is(${HEADING_TAGS.join()}))`]: addImportantToEachRule({
+            [`::slotted(:is(${HEADING_TAGS.join()}))`]: {
                 all: 'unset',
-            }),
+            },
         },
         root: {
             all: 'unset',
@@ -9838,9 +9838,9 @@ const getComponentCss$4 = (size, weight, align, color, hyphens, ellipsis) => {
                     ...hostHiddenStyles,
                 }),
             },
-            [`::slotted(:is(${TEXT_TAGS.join()}))`]: addImportantToEachRule({
+            [`::slotted(:is(${TEXT_TAGS.join()}))`]: {
                 all: 'unset',
-            }),
+            },
         },
         root: {
             all: 'unset',

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

@@ -3440,7 +3440,7 @@ const hasShowPickerSupport = () => (hasDocument &&
     'showPicker' in HTMLInputElement.prototype &&
     CSS.supports('selector(::-webkit-calendar-picker-indicator)'));
 
-const prefix = `[Porsche Design System v${"4.0.0-beta.4"}]` // this part isn't covered by unit tests
+const prefix = `[Porsche Design System v${"4.0.0-rc.0"}]` // this part isn't covered by unit tests
     ;
 const consoleError$1 = (...messages) => {
     console.error(prefix, ...messages);

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

@@ -3903,7 +3903,7 @@ const OPTION_LIST_SAFE_ZONE = 6;
 
 const getCDNBaseURL = () => global.PORSCHE_DESIGN_SYSTEM_CDN_URL + "/porsche-design-system";
 
-const prefix = `[Porsche Design System v${"4.0.0-beta.4"}]` // this part isn't covered by unit tests
+const prefix = `[Porsche Design System v${"4.0.0-rc.0"}]` // this part isn't covered by unit tests
     ;
 const consoleError = (...messages) => {
     console.error(prefix, ...messages);
@@ -6999,9 +6999,9 @@ const getComponentCss$U = (size, weight, align, color, hyphens, ellipsis) => {
                     ...hostHiddenStyles,
                 }),
             },
-            [`::slotted(:is(${HEADING_TAGS.join()}))`]: addImportantToEachRule({
+            [`::slotted(:is(${HEADING_TAGS.join()}))`]: {
                 all: 'unset',
-            }),
+            },
         },
         root: {
             all: 'unset',
@@ -9836,9 +9836,9 @@ const getComponentCss$4 = (size, weight, align, color, hyphens, ellipsis) => {
                     ...hostHiddenStyles,
                 }),
             },
-            [`::slotted(:is(${TEXT_TAGS.join()}))`]: addImportantToEachRule({
+            [`::slotted(:is(${TEXT_TAGS.join()}))`]: {
                 all: 'unset',
-            }),
+            },
         },
         root: {
             all: 'unset',

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

@@ -3438,7 +3438,7 @@ const hasShowPickerSupport = () => (hasDocument &&
     'showPicker' in HTMLInputElement.prototype &&
     CSS.supports('selector(::-webkit-calendar-picker-indicator)'));
 
-const prefix = `[Porsche Design System v${"4.0.0-beta.4"}]` // this part isn't covered by unit tests
+const prefix = `[Porsche Design System v${"4.0.0-rc.0"}]` // this part isn't covered by unit tests
     ;
 const consoleError$1 = (...messages) => {
     console.error(prefix, ...messages);