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

package/CHANGELOG.md

@@ -14,6 +14,119 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [4.0.0-rc.2] - 2026-04-28
+
+### Added
+
+- `Tag`: Prop `variants` supports new values:
+  `'info-frosted' | 'success-frosted' | 'warning-frosted' | 'error-frosted' |`
+  ([#4320](https://github.com/porsche-design-system/porsche-design-system/pull/4320))
+- `Carousel`: `--p-carousel-prev-next-color-scheme` CSS variable in order to change the `color-scheme` of the prev/next
+  buttons individually ([#4308](https://github.com/porsche-design-system/porsche-design-system/pull/4308))
+
+### Changed
+
+- `Tag`: Slightly adjusted padding for better visual appearance
+  ([#4320](https://github.com/porsche-design-system/porsche-design-system/pull/4320))
+- `Tokens`, `Tailwind CSS`, `SCSS`, `Emotion`, `Vanilla Extract`: Update notification frosted colors (success, error,
+  warning, info) ([#4317](https://github.com/porsche-design-system/porsche-design-system/pull/4317))
+- `Banner`, `Inline Notification`: prop or slot `heading` is recommended but not required anymore
+  ([#4317](https://github.com/porsche-design-system/porsche-design-system/pull/4317))
+- `Banner`, `Inline Notification`, `Toast`: visual alignment and color contrast improvements
+  ([#4317](https://github.com/porsche-design-system/porsche-design-system/pull/4317))
+
+### Fixed
+
+- `Flyout`, `Modal`, `Sheet`: `overflow: clip` causing issues
+  ([#4296](https://github.com/porsche-design-system/porsche-design-system/pull/4296))
+- `Link Pure`: focus border of slotted anchor
+  ([#4285](https://github.com/porsche-design-system/porsche-design-system/pull/4285))
+- `Accessibility`: improved internal ARIA attribute handling for various components, e.g. `Banner`,
+  `Inline Notification` and `Input` elements.
+  ([#4274](https://github.com/porsche-design-system/porsche-design-system/pull/4274))
+- Prefixing: custom PDS prefixes allow numbers in the prefix name
+  ([#4297](https://github.com/porsche-design-system/porsche-design-system/pull/4297))
+- `Tailwind CSS`: Custom tailwind prefixing
+  ([#4294](https://github.com/porsche-design-system/porsche-design-system/pull/4294))
+- Form components: rendering issues of slotted label if provided as `display: block` element
+  ([#4298](https://github.com/porsche-design-system/porsche-design-system/pull/4298))
+- `Table`: incorrect cell padding when nested inside `Flyout`, `Modal` or `Sheet`
+  ([#4314](https://github.com/porsche-design-system/porsche-design-system/pull/4314))
+- `Tabs`, `Tabs Bar`:
+  - keyboard navigation in RTL mode ([#4300](https://github.com/porsche-design-system/porsche-design-system/pull/4300))
+  - animation flickering ([#4309](https://github.com/porsche-design-system/porsche-design-system/pull/4309))
+  - hydration error ([#4309](https://github.com/porsche-design-system/porsche-design-system/pull/4309))
+- `Select`, `Multi Select`: Optimize screen reader experience
+  ([#4313](https://github.com/porsche-design-system/porsche-design-system/pull/4313))
+
+### Deprecated
+
+- `Banner`:
+  - Slot `description` (use default slot instead)
+    ([#4317](https://github.com/porsche-design-system/porsche-design-system/pull/4317))
+
+## [4.0.0-rc.1] - 2026-04-07
+
+### Added
+
+- `Banner`:
+  - Prop `position` with values: `BreakpointCustomizable<'top' | 'bottom'>` (default: `{ base: 'bottom', s: 'top' }`)
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+  - CSS Variable `--p-banner-top`: Defines the distance from the top of the viewport. Only takes effect when the
+    `position` property is set to `top` (at the respective breakpoint).
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+  - CSS Variable `--p-banner-bottom`: Defines the distance from the bottom of the viewport. Only takes effect when the
+    `position` property is set to `bottom` (at the respective breakpoint).
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+  - CSS Variable `--p-banner-max-w`: Defines the maximum width of the banner.
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+  - CSS Variable `--p-banner-inset-x`: Defines the horizontal offset of the banner from the edges of the viewport.
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+- `Tailwind CSS`: `--spacing-static-2xs`
+  ([#4262](https://github.com/porsche-design-system/porsche-design-system/pull/4262))
+- `SCSS`: `$spacing-static-2xs` ([#4262](https://github.com/porsche-design-system/porsche-design-system/pull/4262))
+- `Tokens`, `Emotion`, `Vanilla Extract`: `spacingStatic2xs`
+  ([#4262](https://github.com/porsche-design-system/porsche-design-system/pull/4262))
+
+### Changed
+
+- `Banner`, `Inline Notification`: Improve visual appearance
+  ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+- `Banner`: `max-width` is now `100ch` by default to increase readability. Use CSS Variable `--p-banner-max-w` and
+  `--p-banner-inset-x` to set custom `max-width` and horizontal offset.
+  ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+- `SCSS`:
+  - All `prose-heading-*` and `prose-text-*` mixins set `color` to the primary token by default, overridable via the CSS
+    cascade ([#4262](https://github.com/porsche-design-system/porsche-design-system/pull/4262))
+- `Emotion`, `Vanilla Extract`:
+  - All `proseHeading*` and `proseText*` style objects set `color` to the primary token by default, overridable in your
+    own styles ([#4262](https://github.com/porsche-design-system/porsche-design-system/pull/4262))
+
+### Fixed
+
+- `Accordion`: summary overlapping details when custom padding is applied
+  ([#4263](https://github.com/porsche-design-system/porsche-design-system/pull/4263))
+- `Scroller`: mask not rendering on ios when `scrollbar` set to `true`
+  ([#4263](https://github.com/porsche-design-system/porsche-design-system/pull/4263))
+- `Modal`, `Sheet`: visual bug in the corner when scrolled
+  ([#4272](https://github.com/porsche-design-system/porsche-design-system/pull/4272))
+- `Model Signature`: `--p-model-signature-color` not working with gradients
+  ([#4272](https://github.com/porsche-design-system/porsche-design-system/pull/4272))
+- `Tabs Bar`: flickering of active tab in certain cases
+  ([#4263](https://github.com/porsche-design-system/porsche-design-system/pull/4263))
+- Global Styles: missing individual export for `color-scheme.css`
+  ([#4260](https://github.com/porsche-design-system/porsche-design-system/pull/4260))
+- `Table`: double focus outline of sort buttons
+  ([#4270](https://github.com/porsche-design-system/porsche-design-system/pull/4270))
+
+### Deprecated
+
+- `Banner`:
+  - CSS Variable `--p-banner-position-top` (use `--p-banner-top` instead)
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+  - CSS Variable `--p-banner-position-bottom` (use `--p-banner-bottom` instead)
+    ([#4264](https://github.com/porsche-design-system/porsche-design-system/pull/4264))
+
 ## [4.0.0-rc.0] - 2026-03-27
 
 ## [4.0.0-beta.4] - 2026-03-25
@@ -61,6 +174,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### Added
 
+- Storefront: documentation for integrating Porsche Design System with AI coding assistants like GitHub Copilot and
+  Cursor to generate accessible code that follows WCAG 2.2 AA standards.
+  ([#4147](https://github.com/porsche-design-system/porsche-design-system/pull/4147))
 - `Tokens`: `typescale3Xl`, `typescale4Xl`, `typescale5Xl`
   ([#4246](https://github.com/porsche-design-system/porsche-design-system/pull/4246))
 - `Tailwind CSS`: `--text-3xl`, `--text-4xl`, `--text-5xl`, `.prose-heading-3xl`, `.prose-heading-4xl`,
@@ -928,6 +1044,15 @@ and migration steps.
 - `Multi Select`: trim whitespace of selected options text
   ([#4132](https://github.com/porsche-design-system/porsche-design-system/pull/4132))
 
+## [3.34.0] - 2026-04-09
+
+## [3.34.0-rc.0] - 2026-04-01
+
+### Added
+
+- `Segmented Control`: `noWrap` property to render items inline with optional scroller
+  ([#4244](https://github.com/porsche-design-system/porsche-design-system/pull/4244))
+
 ## [3.33.0] - 2026-03-09
 
 ## [3.33.0-rc.0] - 2026-03-04