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

package/{global-styles → stylesheets}/index.css

@@ -2,17 +2,22 @@ html,
 body {
   margin: 0;
   padding: 0;
-  font-family:
-    "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
-  line-height: calc(6px + 2.125ex);
+  font-family: var(
+    --p-font-porsche-next,
+    "Porsche Next",
+    "Arial Narrow",
+    Arial,
+    "Heiti SC",
+    SimHei,
+    sans-serif
+  );
+  line-height: var(--p-leading-normal, calc(6px + 2.125ex));
   letter-spacing: normal;
   text-size-adjust: none;
   -webkit-text-size-adjust: none;
 }
 :root {
   color-scheme: light;
-
-  --p-color-focus: light-dark(#1a44ea, #1a44ea);
   --p-color-canvas: light-dark(#fff, hsl(225 66.7% 1.2%));
   --p-color-surface: light-dark(hsl(240 10% 95%), hsl(240 2% 10%));
   --p-color-frosted: light-dark(
@@ -31,36 +36,53 @@ body {
     hsl(240 5.3% 14.9% / 0.5),
     hsl(240 5.3% 14.9% / 0.5)
   );
-  --p-color-contrast-lower: light-dark(
-    hsl(234 6% 32.9% / 0.324),
-    hsl(240 1.5% 61.8% / 0.302)
+  --p-color-primary: light-dark(hsl(225 66.7% 1.2%), hsl(225 100% 99%));
+  --p-color-contrast-higher: light-dark(
+    hsl(240 8.7% 9% / 0.8),
+    hsl(240 12.5% 96.9% / 0.78)
   );
-  --p-color-contrast-low: light-dark(
-    hsl(240 5.3% 14.9% / 0.5),
-    hsl(240 12.5% 96.9% / 0.45)
+  --p-color-contrast-high: light-dark(
+    hsl(240 7.1% 11% / 0.7),
+    hsl(240 12.5% 96.9% / 0.67)
   );
   --p-color-contrast-medium: light-dark(
     hsl(240 6.1% 7% / 0.6),
     hsl(240 12.5% 96.9% / 0.56)
   );
-  --p-color-contrast-high: light-dark(
-    hsl(240 7.1% 11% / 0.7),
-    hsl(240 12.5% 96.9% / 0.67)
+  --p-color-contrast-low: light-dark(
+    hsl(240 5.3% 14.9% / 0.5),
+    hsl(240 12.5% 96.9% / 0.45)
   );
-  --p-color-contrast-higher: light-dark(
-    hsl(240 8.7% 9% / 0.8),
-    hsl(240 12.5% 96.9% / 0.78)
+  --p-color-contrast-lower: light-dark(
+    hsl(234 6% 32.9% / 0.324),
+    hsl(240 1.5% 61.8% / 0.302)
   );
-  --p-color-primary: light-dark(hsl(225 66.7% 1.2%), hsl(225 100% 99%));
-  --p-color-success: light-dark(hsl(115 77.5% 27.8%), hsl(157 84.9% 41.6%));
-  --p-color-success-low: light-dark(
-    hsl(115 77.5% 27.8% / 0.18),
-    hsl(157 84.9% 41.6% / 0.18)
+  --p-color-info: light-dark(hsl(228 83.2% 51%), hsl(210 100% 54.5%));
+  --p-color-info-medium: light-dark(
+    hsl(228 83.2% 51% / 0.6),
+    hsl(210 100% 54.5% / 0.6)
+  );
+  --p-color-info-low: light-dark(
+    hsl(228 83.2% 51% / 0.18),
+    hsl(210 100% 54.5% / 0.18)
   );
+  --p-color-info-frosted: light-dark(
+    hsl(211 100% 90% / 0.55),
+    hsl(210 79% 20% / 0.66)
+  );
+  --p-color-info-frosted-soft: light-dark(
+    hsl(211 80% 95% / 0.55),
+    hsl(210 59% 15% / 0.66)
+  );
+  --p-color-success: light-dark(hsl(115 77.5% 27.8%), hsl(157 84.9% 41.6%));
   --p-color-success-medium: light-dark(
     hsl(115 77.5% 27.8% / 0.6),
     hsl(157 84.9% 41.6% / 0.6)
   );
+  --p-color-success-low: light-dark(
+    hsl(115 77.5% 27.8% / 0.18),
+    hsl(157 84.9% 41.6% / 0.18)
+  );
   --p-color-success-frosted: light-dark(
     hsl(109 100% 90% / 0.55),
     hsl(157 79% 20% / 0.66)
@@ -70,14 +92,14 @@ body {
     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(
-    hsl(28 97.7% 34.1% / 0.18),
-    hsl(28 90.2% 56.1% / 0.18)
-  );
   --p-color-warning-medium: light-dark(
     hsl(28 97.7% 34.1% / 0.6),
     hsl(28 90.2% 56.1% / 0.6)
   );
+  --p-color-warning-low: light-dark(
+    hsl(28 97.7% 34.1% / 0.18),
+    hsl(28 90.2% 56.1% / 0.18)
+  );
   --p-color-warning-frosted: light-dark(
     hsl(40 100% 90% / 0.55),
     hsl(52 79% 20% / 0.66)
@@ -87,14 +109,14 @@ body {
     hsl(52 59% 15% / 0.66)
   );
   --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),
-    hsl(0 96.9% 62% / 0.18)
-  );
   --p-color-error-medium: light-dark(
     hsl(357 78% 41% / 0.6),
     hsl(0 96.9% 62% / 0.6)
   );
+  --p-color-error-low: light-dark(
+    hsl(357 78% 41% / 0.18),
+    hsl(0 96.9% 62% / 0.18)
+  );
   --p-color-error-frosted: light-dark(
     hsl(0 100% 90% / 0.55),
     hsl(0 79% 20% / 0.66)
@@ -103,33 +125,14 @@ body {
     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(
-    hsl(228 83.2% 51% / 0.18),
-    hsl(210 100% 54.5% / 0.18)
-  );
-  --p-color-info-medium: light-dark(
-    hsl(228 83.2% 51% / 0.6),
-    hsl(210 100% 54.5% / 0.6)
-  );
-  --p-color-info-frosted: light-dark(
-    hsl(211 100% 90% / 0.55),
-    hsl(210 79% 20% / 0.66)
-  );
-  --p-color-info-frosted-soft: light-dark(
-    hsl(211 80% 95% / 0.55),
-    hsl(210 59% 15% / 0.66)
-  );
-
+  --p-color-focus: light-dark(#1a44ea, #1a44ea);
   --p-font-porsche-next:
     "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
-
+  --p-font-sans: var(--p-font-porsche-next);
   --p-font-weight-normal: 400;
   --p-font-weight-semibold: 600;
   --p-font-weight-bold: 700;
-
   --p-leading-normal: calc(6px + 2.125ex);
-
   --p-typescale-2xs: 0.75rem;
   --p-typescale-xs: 0.875rem;
   --p-typescale-sm: 1rem;
@@ -140,14 +143,12 @@ body {
   --p-typescale-3xl: clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem);
   --p-typescale-4xl: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
   --p-typescale-5xl: clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem);
-
   --p-spacing-fluid-xs: clamp(4px, 0.25vw + 3px, 8px);
   --p-spacing-fluid-sm: clamp(8px, 0.5vw + 6px, 16px);
   --p-spacing-fluid-md: clamp(16px, 1.25vw + 12px, 36px);
   --p-spacing-fluid-lg: clamp(32px, 2.75vw + 23px, 76px);
   --p-spacing-fluid-xl: clamp(48px, 3vw + 38px, 96px);
   --p-spacing-fluid-2xl: clamp(80px, 7.5vw + 56px, 200px);
-
   --p-spacing-static-2xs: 1px;
   --p-spacing-static-xs: 4px;
   --p-spacing-static-sm: 8px;
@@ -155,7 +156,6 @@ body {
   --p-spacing-static-lg: 32px;
   --p-spacing-static-xl: 48px;
   --p-spacing-static-2xl: 80px;
-
   --p-radius-xs: 2px;
   --p-radius-sm: 4px;
   --p-radius-md: 6px;
@@ -165,37 +165,71 @@ body {
   --p-radius-3xl: 24px;
   --p-radius-4xl: 32px;
   --p-radius-full: calc(infinity * 1px);
-
   --p-blur-frosted: blur(32px);
-
   --p-shadow-sm: 0px 3px 8px rgba(0, 0, 0, 0.16);
   --p-shadow-md: 0px 4px 16px rgba(0, 0, 0, 0.16);
   --p-shadow-lg: 0px 8px 40px rgba(0, 0, 0, 0.16);
-
-  --p-ease-in-out: cubic-bezier(0.25, 0.1, 0.25, 1);
-  --p-ease-in: cubic-bezier(0, 0, 0.2, 1);
-  --p-ease-out: cubic-bezier(0.4, 0, 0.5, 1);
-
   --p-duration-sm: 0.25s;
   --p-duration-md: 0.4s;
   --p-duration-lg: 0.6s;
   --p-duration-xl: 1.2s;
+  --p-ease-in-out: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --p-ease-in: cubic-bezier(0, 0, 0.2, 1);
+  --p-ease-out: cubic-bezier(0.4, 0, 0.5, 1);
+}
+
+/* Simplified Chinese */
+:lang(zh-Hans),
+:lang(zh-CN),
+:lang(zh-SG) {
+  --p-font-porsche-next:
+    "Porsche Next", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
+    "Arial Narrow", Arial, sans-serif;
+}
+
+/* Traditional Chinese */
+:lang(zh-Hant),
+:lang(zh-TW),
+:lang(zh-HK),
+:lang(zh-MO) {
+  --p-font-porsche-next:
+    "Porsche Next", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC",
+    "Arial Narrow", Arial, sans-serif;
+}
+
+/* Japanese */
+:lang(ja) {
+  --p-font-porsche-next:
+    "Porsche Next", "Hiragino Sans", "Yu Gothic", "Noto Sans JP",
+    "Arial Narrow", Arial, sans-serif;
+}
+
+/* Korean */
+:lang(ko) {
+  --p-font-porsche-next:
+    "Porsche Next", "Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR",
+    "Arial Narrow", Arial, sans-serif;
 }
 .scheme-normal {
   color-scheme: normal;
 }
+
 .scheme-dark {
   color-scheme: dark;
 }
+
 .scheme-light {
   color-scheme: light;
 }
+
 .scheme-light-dark {
   color-scheme: light dark;
 }
+
 .scheme-only-dark {
   color-scheme: only dark;
 }
+
 .scheme-only-light {
   color-scheme: only light;
 }
@@ -206,114 +240,112 @@ body {
   .scheme-only-light,
   .scheme-normal,
   .scheme-light-dark {
-    --p-color-focus: #1a44ea;
     --p-color-canvas: #fff;
     --p-color-surface: hsl(240 10% 95%);
     --p-color-frosted: hsl(240 5% 70% / 0.148);
     --p-color-frosted-soft: hsl(234 9.8% 60% / 0.06);
     --p-color-frosted-strong: hsl(236 6.5% 42% / 0.236);
     --p-color-backdrop: hsl(240 5.3% 14.9% / 0.5);
-    --p-color-contrast-lower: hsl(234 6% 32.9% / 0.324);
-    --p-color-contrast-low: hsl(240 5.3% 14.9% / 0.5);
-    --p-color-contrast-medium: hsl(240 6.1% 7% / 0.6);
-    --p-color-contrast-high: hsl(240 7.1% 11% / 0.7);
-    --p-color-contrast-higher: hsl(240 8.7% 9% / 0.8);
     --p-color-primary: hsl(225 66.7% 1.2%);
+    --p-color-contrast-higher: hsl(240 8.7% 9% / 0.8);
+    --p-color-contrast-high: hsl(240 7.1% 11% / 0.7);
+    --p-color-contrast-medium: hsl(240 6.1% 7% / 0.6);
+    --p-color-contrast-low: hsl(240 5.3% 14.9% / 0.5);
+    --p-color-contrast-lower: hsl(234 6% 32.9% / 0.324);
+    --p-color-info: hsl(228 83.2% 51%);
+    --p-color-info-medium: hsl(228 83.2% 51% / 0.6);
+    --p-color-info-low: hsl(228 83.2% 51% / 0.18);
+    --p-color-info-frosted: hsl(211 100% 90% / 0.55);
+    --p-color-info-frosted-soft: hsl(211 80% 95% / 0.55);
     --p-color-success: hsl(115 77.5% 27.8%);
-    --p-color-success-low: hsl(115 77.5% 27.8% / 0.18);
     --p-color-success-medium: hsl(115 77.5% 27.8% / 0.6);
+    --p-color-success-low: hsl(115 77.5% 27.8% / 0.18);
     --p-color-success-frosted: hsl(109 100% 90% / 0.55);
     --p-color-success-frosted-soft: hsl(109 80% 95% / 0.55);
     --p-color-warning: hsl(28 97.7% 34.1%);
-    --p-color-warning-low: hsl(28 97.7% 34.1% / 0.18);
     --p-color-warning-medium: hsl(28 97.7% 34.1% / 0.6);
+    --p-color-warning-low: hsl(28 97.7% 34.1% / 0.18);
     --p-color-warning-frosted: hsl(40 100% 90% / 0.55);
     --p-color-warning-frosted-soft: hsl(40 80% 95% / 0.55);
     --p-color-error: hsl(357 78% 41%);
-    --p-color-error-low: hsl(357 78% 41% / 0.18);
     --p-color-error-medium: hsl(357 78% 41% / 0.6);
+    --p-color-error-low: hsl(357 78% 41% / 0.18);
     --p-color-error-frosted: hsl(0 100% 90% / 0.55);
     --p-color-error-frosted-soft: hsl(0 80% 95% / 0.55);
-    --p-color-info: hsl(228 83.2% 51%);
-    --p-color-info-low: hsl(228 83.2% 51% / 0.18);
-    --p-color-info-medium: hsl(228 83.2% 51% / 0.6);
-    --p-color-info-frosted: hsl(211 100% 90% / 0.55);
-    --p-color-info-frosted-soft: hsl(211 80% 95% / 0.55);
+    --p-color-focus: #1a44ea;
   }
-
   .scheme-dark,
   .scheme-only-dark {
-    --p-color-focus: #1a44ea;
     --p-color-canvas: hsl(225 66.7% 1.2%);
     --p-color-surface: hsl(240 2% 10%);
     --p-color-frosted: hsl(240 2% 43% / 0.228);
     --p-color-frosted-soft: hsl(240 3.7% 26.5% / 0.154);
     --p-color-frosted-strong: hsl(240 1.5% 61.8% / 0.302);
     --p-color-backdrop: hsl(240 5.3% 14.9% / 0.5);
-    --p-color-contrast-lower: hsl(240 1.5% 61.8% / 0.302);
-    --p-color-contrast-low: hsl(240 12.5% 96.9% / 0.45);
-    --p-color-contrast-medium: hsl(240 12.5% 96.9% / 0.56);
-    --p-color-contrast-high: hsl(240 12.5% 96.9% / 0.67);
-    --p-color-contrast-higher: hsl(240 12.5% 96.9% / 0.78);
     --p-color-primary: hsl(225 100% 99%);
+    --p-color-contrast-higher: hsl(240 12.5% 96.9% / 0.78);
+    --p-color-contrast-high: hsl(240 12.5% 96.9% / 0.67);
+    --p-color-contrast-medium: hsl(240 12.5% 96.9% / 0.56);
+    --p-color-contrast-low: hsl(240 12.5% 96.9% / 0.45);
+    --p-color-contrast-lower: hsl(240 1.5% 61.8% / 0.302);
+    --p-color-info: hsl(210 100% 54.5%);
+    --p-color-info-medium: hsl(210 100% 54.5% / 0.6);
+    --p-color-info-low: hsl(210 100% 54.5% / 0.18);
+    --p-color-info-frosted: hsl(210 79% 20% / 0.66);
+    --p-color-info-frosted-soft: hsl(210 59% 15% / 0.66);
     --p-color-success: hsl(157 84.9% 41.6%);
-    --p-color-success-low: hsl(157 84.9% 41.6% / 0.18);
     --p-color-success-medium: hsl(157 84.9% 41.6% / 0.6);
+    --p-color-success-low: hsl(157 84.9% 41.6% / 0.18);
     --p-color-success-frosted: hsl(157 79% 20% / 0.66);
     --p-color-success-frosted-soft: hsl(157 59% 15% / 0.66);
     --p-color-warning: hsl(28 90.2% 56.1%);
-    --p-color-warning-low: hsl(28 90.2% 56.1% / 0.18);
     --p-color-warning-medium: hsl(28 90.2% 56.1% / 0.6);
+    --p-color-warning-low: hsl(28 90.2% 56.1% / 0.18);
     --p-color-warning-frosted: hsl(52 79% 20% / 0.66);
     --p-color-warning-frosted-soft: hsl(52 59% 15% / 0.66);
     --p-color-error: hsl(0 96.9% 62%);
-    --p-color-error-low: hsl(0 96.9% 62% / 0.18);
     --p-color-error-medium: hsl(0 96.9% 62% / 0.6);
+    --p-color-error-low: hsl(0 96.9% 62% / 0.18);
     --p-color-error-frosted: hsl(0 79% 20% / 0.66);
     --p-color-error-frosted-soft: hsl(0 59% 15% / 0.66);
-    --p-color-info: hsl(210 100% 54.5%);
-    --p-color-info-low: hsl(210 100% 54.5% / 0.18);
-    --p-color-info-medium: hsl(210 100% 54.5% / 0.6);
-    --p-color-info-frosted: hsl(210 79% 20% / 0.66);
-    --p-color-info-frosted-soft: hsl(210 59% 15% / 0.66);
+    --p-color-focus: #1a44ea;
   }
-
   @media (prefers-color-scheme: dark) {
     .scheme-light-dark {
-      --p-color-focus: #1a44ea;
       --p-color-canvas: hsl(225 66.7% 1.2%);
       --p-color-surface: hsl(240 2% 10%);
       --p-color-frosted: hsl(240 2% 43% / 0.228);
       --p-color-frosted-soft: hsl(240 3.7% 26.5% / 0.154);
       --p-color-frosted-strong: hsl(240 1.5% 61.8% / 0.302);
       --p-color-backdrop: hsl(240 5.3% 14.9% / 0.5);
-      --p-color-contrast-lower: hsl(240 1.5% 61.8% / 0.302);
-      --p-color-contrast-low: hsl(240 12.5% 96.9% / 0.45);
-      --p-color-contrast-medium: hsl(240 12.5% 96.9% / 0.56);
-      --p-color-contrast-high: hsl(240 12.5% 96.9% / 0.67);
-      --p-color-contrast-higher: hsl(240 12.5% 96.9% / 0.78);
       --p-color-primary: hsl(225 100% 99%);
+      --p-color-contrast-higher: hsl(240 12.5% 96.9% / 0.78);
+      --p-color-contrast-high: hsl(240 12.5% 96.9% / 0.67);
+      --p-color-contrast-medium: hsl(240 12.5% 96.9% / 0.56);
+      --p-color-contrast-low: hsl(240 12.5% 96.9% / 0.45);
+      --p-color-contrast-lower: hsl(240 1.5% 61.8% / 0.302);
+      --p-color-info: hsl(210 100% 54.5%);
+      --p-color-info-medium: hsl(210 100% 54.5% / 0.6);
+      --p-color-info-low: hsl(210 100% 54.5% / 0.18);
+      --p-color-info-frosted: hsl(210 79% 20% / 0.66);
+      --p-color-info-frosted-soft: hsl(210 59% 15% / 0.66);
       --p-color-success: hsl(157 84.9% 41.6%);
-      --p-color-success-low: hsl(157 84.9% 41.6% / 0.18);
       --p-color-success-medium: hsl(157 84.9% 41.6% / 0.6);
+      --p-color-success-low: hsl(157 84.9% 41.6% / 0.18);
       --p-color-success-frosted: hsl(157 79% 20% / 0.66);
       --p-color-success-frosted-soft: hsl(157 59% 15% / 0.66);
       --p-color-warning: hsl(28 90.2% 56.1%);
-      --p-color-warning-low: hsl(28 90.2% 56.1% / 0.18);
       --p-color-warning-medium: hsl(28 90.2% 56.1% / 0.6);
+      --p-color-warning-low: hsl(28 90.2% 56.1% / 0.18);
       --p-color-warning-frosted: hsl(52 79% 20% / 0.66);
       --p-color-warning-frosted-soft: hsl(52 59% 15% / 0.66);
       --p-color-error: hsl(0 96.9% 62%);
-      --p-color-error-low: hsl(0 96.9% 62% / 0.18);
       --p-color-error-medium: hsl(0 96.9% 62% / 0.6);
+      --p-color-error-low: hsl(0 96.9% 62% / 0.18);
       --p-color-error-frosted: hsl(0 79% 20% / 0.66);
       --p-color-error-frosted-soft: hsl(0 59% 15% / 0.66);
-      --p-color-info: hsl(210 100% 54.5%);
-      --p-color-info-low: hsl(210 100% 54.5% / 0.18);
-      --p-color-info-medium: hsl(210 100% 54.5% / 0.6);
-      --p-color-info-frosted: hsl(210 79% 20% / 0.66);
-      --p-color-info-frosted-soft: hsl(210 59% 15% / 0.66);
+      --p-color-focus: #1a44ea;
     }
   }
 }
-@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-arabic-bold.1796b39.woff2') format('woff2');unicode-range:U+0600-0671,U+06A1,U+06A4,U+06BA,U+06CC,U+06D5,U+06F8,U+06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-arabic-regular.413b375.woff2') format('woff2');unicode-range:U+0600-0671,U+06A1,U+06A4,U+06BA,U+06CC,U+06D5,U+06F8,U+06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-bold.4cb90bb.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-regular.b845952.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-semi-bold.378f7d5.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-bold.d2546b1.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-regular.0b3d9b3.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-semi-bold.f3a9ae0.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-bold.0fbdc6d.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-regular.b8f1c20.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-semi-bold.b5f6fca.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-pashto-bold.f30f194.woff2') format('woff2');unicode-range:U+067C,U+067E,U+0681,U+0682,U+0685,U+0686,U+0689,U+067C,U+0693,U+0696,U+0698,U+069A,U+06A9,U+06AB,U+06AF,U+06BC,U+06CD,U+06D0;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-pashto-regular.3989814.woff2') format('woff2');unicode-range:U+067C,U+067E,U+0681,U+0682,U+0685,U+0686,U+0689,U+067C,U+0693,U+0696,U+0698,U+069A,U+06A9,U+06AB,U+06AF,U+06BC,U+06CD,U+06D0;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-bold.b9e9f23.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-regular.ac04c30.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-semi-bold.8d53572.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-urdu-bold.49a86a4.woff2') format('woff2');unicode-range:U+0679,U+0688,U+0691,U+06BE,U+06C0-06C3,U+06D2-06D5,U+06F0-06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-urdu-regular.ad23819.woff2') format('woff2');unicode-range:U+0679,U+0688,U+0691,U+06BE,U+06C0-06C3,U+06D2-06D5,U+06F0-06F9;font-display:swap}
+@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-arabic-bold.1796b39.woff2') format('woff2');unicode-range:U+0600-0671,U+06A1,U+06A4,U+06BA,U+06CC,U+06D5,U+06F8,U+06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-arabic-regular.413b375.woff2') format('woff2');unicode-range:U+0600-0671,U+06A1,U+06A4,U+06BA,U+06CC,U+06D5,U+06F8,U+06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-bold.4cb90bb.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-regular.b845952.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-cyril-semi-bold.378f7d5.woff2') format('woff2');unicode-range:U+0400-04FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-bold.d2546b1.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-regular.0b3d9b3.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-greek-semi-bold.f3a9ae0.woff2') format('woff2');unicode-range:U+0370-03FF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-bold.0fbdc6d.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-regular.b8f1c20.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-latin-semi-bold.b5f6fca.woff2') format('woff2');unicode-range:U+0020-007F,U+0080-00FF,U+0100-017F,U+0180-024F,U+0250-02AF,U+02B0-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F,U+2070-209F,U+20A0-20CF,U+2100-214F,U+2150-218F,U+2190-21FF,U+2200-22FF,U+25A0-25FF,U+2600-26FF,U+FB00-FB4F,U+FE70-FEFF;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-pashto-bold.f30f194.woff2') format('woff2');unicode-range:U+067C,U+067E,U+0681,U+0682,U+0685,U+0686,U+0689,U+067C,U+0693,U+0696,U+0698,U+069A,U+06A9,U+06AB,U+06AF,U+06BC,U+06CD,U+06D0;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-pashto-regular.3989814.woff2') format('woff2');unicode-range:U+067C,U+067E,U+0681,U+0682,U+0685,U+0686,U+0689,U+067C,U+0693,U+0696,U+0698,U+069A,U+06A9,U+06AB,U+06AF,U+06BC,U+06CD,U+06D0;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-bold.b9e9f23.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-regular.ac04c30.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-thai-semi-bold.8d53572.woff2') format('woff2');unicode-range:U+0E00-0E7F;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-urdu-bold.49a86a4.woff2') format('woff2');unicode-range:U+0679,U+0688,U+0691,U+06BE,U+06C0-06C3,U+06D2-06D5,U+06F0-06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:400;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-urdu-regular.ad23819.woff2') format('woff2');unicode-range:U+0679,U+0688,U+0691,U+06BE,U+06C0-06C3,U+06D2-06D5,U+06F0-06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-arabic-bold.1796b39.woff2') format('woff2');unicode-range:U+0600-0671,U+06A1,U+06A4,U+06BA,U+06CC,U+06D5,U+06F8,U+06F9;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-pashto-bold.f30f194.woff2') format('woff2');unicode-range:U+067C,U+067E,U+0681,U+0682,U+0685,U+0686,U+0689,U+067C,U+0693,U+0696,U+0698,U+069A,U+06A9,U+06AB,U+06AF,U+06BC,U+06CD,U+06D0;font-display:swap}@font-face{font-family:"Porsche Next";font-style:normal;font-weight:600;src:url('https://cdn.ui.porsche.com/porsche-design-system/fonts/porsche-next-urdu-bold.49a86a4.woff2') format('woff2');unicode-range:U+0679,U+0688,U+0691,U+06BE,U+06C0-06C3,U+06D2-06D5,U+06F0-06F9;font-display:swap}

package/stylesheets/normalize.css

@@ -0,0 +1,18 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family: var(
+    --p-font-porsche-next,
+    "Porsche Next",
+    "Arial Narrow",
+    Arial,
+    "Heiti SC",
+    SimHei,
+    sans-serif
+  );
+  line-height: var(--p-leading-normal, calc(6px + 2.125ex));
+  letter-spacing: normal;
+  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+}