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

package/global-styles/variables.css

@@ -51,12 +51,12 @@
     hsl(157 84.9% 41.6% / 0.6)
   );
   --p-color-success-frosted: light-dark(
-    hsl(115 77.5% 27.8% / 0.18),
-    hsl(157 84.9% 41.6% / 0.26)
+    hsl(109 100% 90% / 0.55),
+    hsl(157 79% 20% / 0.66)
   );
   --p-color-success-frosted-soft: light-dark(
-    hsl(115 77.5% 27.8% / 0.1),
-    hsl(157 84.9% 41.6% / 0.1)
+    hsl(109 80% 95% / 0.55),
+    hsl(157 59% 15% / 0.66)
   );
   --p-color-warning: light-dark(hsl(28 97.7% 34.1%), hsl(28 90.2% 56.1%));
   --p-color-warning-low: light-dark(
@@ -68,10 +68,13 @@
     hsl(28 90.2% 56.1% / 0.6)
   );
   --p-color-warning-frosted: light-dark(
-    hsl(28 97.7% 34.1% / 0.18),
-    hsl(28 90.2% 56.1% / 0.26)
+    hsl(40 100% 90% / 0.55),
+    hsl(52 79% 20% / 0.66)
+  );
+  --p-color-warning-frosted-soft: light-dark(
+    hsl(40 80% 95% / 0.55),
+    hsl(52 59% 15% / 0.66)
   );
-  --p-color-warning-frosted-soft: hsl(28 90.2% 56.1% / 0.1);
   --p-color-error: light-dark(hsl(357 78% 41%), hsl(0 96.9% 62%));
   --p-color-error-low: light-dark(
     hsl(357 78% 41% / 0.18),
@@ -82,12 +85,12 @@
     hsl(0 96.9% 62% / 0.6)
   );
   --p-color-error-frosted: light-dark(
-    hsl(357 78% 41% / 0.18),
-    hsl(0 96.9% 62% / 0.26)
+    hsl(0 100% 90% / 0.55),
+    hsl(0 79% 20% / 0.66)
   );
   --p-color-error-frosted-soft: light-dark(
-    hsl(357 78% 41% / 0.1),
-    hsl(0 96.9% 62% / 0.1)
+    hsl(0 80% 95% / 0.55),
+    hsl(0 59% 15% / 0.66)
   );
   --p-color-info: light-dark(hsl(228 83.2% 51%), hsl(210 100% 54.5%));
   --p-color-info-low: light-dark(
@@ -99,12 +102,12 @@
     hsl(210 100% 54.5% / 0.6)
   );
   --p-color-info-frosted: light-dark(
-    hsl(228 83.2% 51% / 0.18),
-    hsl(210 100% 54.5% / 0.26)
+    hsl(211 100% 90% / 0.55),
+    hsl(210 79% 20% / 0.66)
   );
   --p-color-info-frosted-soft: light-dark(
-    hsl(228 83.2% 51% / 0.1),
-    hsl(210 100% 54.5% / 0.1)
+    hsl(211 80% 95% / 0.55),
+    hsl(210 59% 15% / 0.66)
   );
 
   --p-font-porsche-next:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "4.0.0-rc.1",
+  "version": "4.0.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-rc.1"
+    "@porsche-design-system/components-js": "4.0.0"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 35.0.0 <36.0.0",
@@ -101,8 +101,8 @@
       "default": "./testing/index.cjs"
     },
     "./styles": {
-      "sass": "./scss/_index.scss",
       "types": "./emotion/esm/index.d.ts",
+      "sass": "./scss/_index.scss",
       "import": "./emotion/esm/index.mjs",
       "default": "./emotion/cjs/index.cjs"
     },