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

package/CHANGELOG.md

@@ -9,6 +9,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [2.20.0-rc.0] - 2023-01-30
+
+#### Added
+
+- `applyNormalizeStyles` option for `getInitialStyles()` partial which includes basic css styles for Light DOM
+
 ### [2.19.1-rc.1] - 2023-01-18
 
 #### Added
@@ -434,7 +440,7 @@ information can be found here:
 
 #### Added
 
-- React: `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which use
+- React: `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which uses
   `@testing-library/dom` queries internally to support Shadow DOM
 
 #### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "2.19.1-rc.1",
+  "version": "2.20.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",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "2.19.1-rc.1"
+    "@porsche-design-system/components-js": "2.20.0-rc.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",

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

@@ -6802,7 +6802,7 @@ const getCloseIconJssStyle = () => ({
 const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme) => {
     return getCss(mergeDeep(getLinkButtonPureStyles(icon, active, false, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme), {
         '@global': {
-            '::slotted': {
+            '::slotted': addImportantToEachRule({
                 '&(a)': {
                     display: 'block',
                     position: 'static',
@@ -6824,7 +6824,7 @@ const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, align
                 '&(a:focus:not(:focus-visible))::before': {
                     outlineColor: 'transparent',
                 },
-            },
+            }),
             'slot[name=subline]::slotted(*)': {
                 margin: 0,
             },

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

@@ -6800,7 +6800,7 @@ const getCloseIconJssStyle = () => ({
 const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme) => {
     return getCss(mergeDeep(getLinkButtonPureStyles(icon, active, false, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme), {
         '@global': {
-            '::slotted': {
+            '::slotted': addImportantToEachRule({
                 '&(a)': {
                     display: 'block',
                     position: 'static',
@@ -6822,7 +6822,7 @@ const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, align
                 '&(a:focus:not(:focus-visible))::before': {
                     outlineColor: 'transparent',
                 },
-            },
+            }),
             'slot[name=subline]::slotted(*)': {
                 margin: 0,
             },