@porsche-design-system/components-vue 3.31.0-rc.0 → 4.0.0-alpha.0

package/esm/public-api.d.ts

@@ -1,6 +1,6 @@
 export { componentsReady } from '@porsche-design-system/components-js';
 export * from './lib/components';
 export * from './lib/types';
-export { useToastManager, themeInjectionKey, prefixInjectionKey } from './utils';
 export { default as PorscheDesignSystemProvider } from './PorscheDesignSystemProvider.vue';
 export { createPorscheDesignSystem, usePorscheDesignSystemPlugin } from './plugin';
+export { prefixInjectionKey, useToastManager } from './utils';

package/esm/public-api.mjs

@@ -1,187 +1,158 @@
 import { componentsReady as o } from "@porsche-design-system/components-js";
 import { default as a } from "./lib/components/AccordionWrapper.vue.mjs";
 import { default as l } from "./lib/components/BannerWrapper.vue.mjs";
-import { default as u } from "./lib/components/ButtonWrapper.vue.mjs";
-import { default as s } from "./lib/components/ButtonGroupWrapper.vue.mjs";
-import { default as x } from "./lib/components/ButtonPureWrapper.vue.mjs";
-import { default as n } from "./lib/components/ButtonTileWrapper.vue.mjs";
-import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
-import { default as I } from "./lib/components/CarouselWrapper.vue.mjs";
-import { default as g } from "./lib/components/CheckboxWrapper.vue.mjs";
-import { default as C } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
-import { default as D } from "./lib/components/ContentWrapperWrapper.vue.mjs";
-import { default as y } from "./lib/components/CrestWrapper.vue.mjs";
-import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
-import { default as w } from "./lib/components/DividerWrapper.vue.mjs";
-import { default as H } from "./lib/components/DrilldownWrapper.vue.mjs";
-import { default as R } from "./lib/components/DrilldownItemWrapper.vue.mjs";
-import { default as v } from "./lib/components/DrilldownLinkWrapper.vue.mjs";
-import { default as j } from "./lib/components/FieldsetWrapper.vue.mjs";
-import { default as K } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
-import { default as q } from "./lib/components/FlagWrapper.vue.mjs";
-import { default as E } from "./lib/components/FlexWrapper.vue.mjs";
-import { default as J } from "./lib/components/FlexItemWrapper.vue.mjs";
-import { default as V } from "./lib/components/FlyoutWrapper.vue.mjs";
-import { default as Y } from "./lib/components/GridWrapper.vue.mjs";
-import { default as _ } from "./lib/components/GridItemWrapper.vue.mjs";
-import { default as ee } from "./lib/components/HeadingWrapper.vue.mjs";
-import { default as oe } from "./lib/components/HeadlineWrapper.vue.mjs";
-import { default as ae } from "./lib/components/IconWrapper.vue.mjs";
-import { default as le } from "./lib/components/InlineNotificationWrapper.vue.mjs";
-import { default as ue } from "./lib/components/InputDateWrapper.vue.mjs";
-import { default as se } from "./lib/components/InputEmailWrapper.vue.mjs";
-import { default as xe } from "./lib/components/InputNumberWrapper.vue.mjs";
-import { default as ne } from "./lib/components/InputPasswordWrapper.vue.mjs";
-import { default as Te } from "./lib/components/InputSearchWrapper.vue.mjs";
-import { default as Ie } from "./lib/components/InputTelWrapper.vue.mjs";
-import { default as ge } from "./lib/components/InputTextWrapper.vue.mjs";
-import { default as Ce } from "./lib/components/InputTimeWrapper.vue.mjs";
-import { default as De } from "./lib/components/InputUrlWrapper.vue.mjs";
-import { default as ye } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as Be } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as we } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as He } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as Re } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as ve } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as je } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as Ke } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as qe } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as Ee } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as Je } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/OptgroupWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as _e } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as et } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as ot } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as at } from "./lib/components/RadioGroupWrapper.vue.mjs";
-import { default as lt } from "./lib/components/RadioGroupOptionWrapper.vue.mjs";
-import { default as ut } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as st } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as xt } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as nt } from "./lib/components/SelectWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as It } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as gt } from "./lib/components/SheetWrapper.vue.mjs";
-import { default as Ct } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as Dt } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as yt } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as wt } from "./lib/components/TableWrapper.vue.mjs";
-import { default as Ht } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as Rt } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as vt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as jt } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as Kt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as qt } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as Et } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as Jt } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as Vt } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as Yt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as _t } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as eo } from "./lib/components/TextWrapper.vue.mjs";
-import { default as oo } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as ao } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as lo } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as uo } from "./lib/components/TextareaWrapper.vue.mjs";
-import { default as mo } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Po } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as io } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { prefixInjectionKey as co, themeInjectionKey as Io, useToastManager as So } from "./utils.mjs";
-import { default as bo } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as ko, usePorscheDesignSystemPlugin as Do } from "./plugin.mjs";
+import { default as s } from "./lib/components/ButtonWrapper.vue.mjs";
+import { default as d } from "./lib/components/ButtonPureWrapper.vue.mjs";
+import { default as P } from "./lib/components/ButtonTileWrapper.vue.mjs";
+import { default as n } from "./lib/components/CanvasWrapper.vue.mjs";
+import { default as T } from "./lib/components/CarouselWrapper.vue.mjs";
+import { default as I } from "./lib/components/CheckboxWrapper.vue.mjs";
+import { default as g } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as D } from "./lib/components/DisplayWrapper.vue.mjs";
+import { default as h } from "./lib/components/DividerWrapper.vue.mjs";
+import { default as y } from "./lib/components/DrilldownWrapper.vue.mjs";
+import { default as L } from "./lib/components/DrilldownItemWrapper.vue.mjs";
+import { default as H } from "./lib/components/DrilldownLinkWrapper.vue.mjs";
+import { default as R } from "./lib/components/FieldsetWrapper.vue.mjs";
+import { default as O } from "./lib/components/FlagWrapper.vue.mjs";
+import { default as z } from "./lib/components/FlyoutWrapper.vue.mjs";
+import { default as N } from "./lib/components/HeadingWrapper.vue.mjs";
+import { default as j } from "./lib/components/IconWrapper.vue.mjs";
+import { default as E } from "./lib/components/InlineNotificationWrapper.vue.mjs";
+import { default as U } from "./lib/components/InputDateWrapper.vue.mjs";
+import { default as J } from "./lib/components/InputEmailWrapper.vue.mjs";
+import { default as V } from "./lib/components/InputMonthWrapper.vue.mjs";
+import { default as Y } from "./lib/components/InputNumberWrapper.vue.mjs";
+import { default as _ } from "./lib/components/InputPasswordWrapper.vue.mjs";
+import { default as ee } from "./lib/components/InputSearchWrapper.vue.mjs";
+import { default as oe } from "./lib/components/InputTelWrapper.vue.mjs";
+import { default as ae } from "./lib/components/InputTextWrapper.vue.mjs";
+import { default as le } from "./lib/components/InputTimeWrapper.vue.mjs";
+import { default as se } from "./lib/components/InputUrlWrapper.vue.mjs";
+import { default as de } from "./lib/components/InputWeekWrapper.vue.mjs";
+import { default as Pe } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as ne } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as Te } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as Ie } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as ge } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as De } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as he } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as ye } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as Le } from "./lib/components/OptgroupWrapper.vue.mjs";
+import { default as He } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as Re } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as Oe } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as ze } from "./lib/components/RadioGroupWrapper.vue.mjs";
+import { default as Ne } from "./lib/components/RadioGroupOptionWrapper.vue.mjs";
+import { default as je } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as Ee } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as Ue } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as Je } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/SheetWrapper.vue.mjs";
+import { default as _e } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as et } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as ot } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as at } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TableWrapper.vue.mjs";
+import { default as st } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as dt } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as Pt } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as nt } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as It } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as gt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as Dt } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as ht } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as yt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as Lt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as Ht } from "./lib/components/TextWrapper.vue.mjs";
+import { default as Rt } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as Ot } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as zt } from "./lib/components/TextareaWrapper.vue.mjs";
+import { default as Nt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as jt } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { default as Et } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as Ut, usePorscheDesignSystemPlugin as qt } from "./plugin.mjs";
+import { prefixInjectionKey as Qt, useToastManager as Vt } from "./utils.mjs";
 export {
   a as PAccordion,
   l as PBanner,
-  u as PButton,
-  s as PButtonGroup,
-  x as PButtonPure,
-  n as PButtonTile,
-  T as PCanvas,
-  I as PCarousel,
-  g as PCheckbox,
-  C as PCheckboxWrapper,
-  D as PContentWrapper,
-  y as PCrest,
-  B as PDisplay,
-  w as PDivider,
-  H as PDrilldown,
-  R as PDrilldownItem,
-  v as PDrilldownLink,
-  j as PFieldset,
-  K as PFieldsetWrapper,
-  q as PFlag,
-  E as PFlex,
-  J as PFlexItem,
-  V as PFlyout,
-  Y as PGrid,
-  _ as PGridItem,
-  ee as PHeading,
-  oe as PHeadline,
-  ae as PIcon,
-  le as PInlineNotification,
-  ue as PInputDate,
-  se as PInputEmail,
-  xe as PInputNumber,
-  ne as PInputPassword,
-  Te as PInputSearch,
-  Ie as PInputTel,
-  ge as PInputText,
-  Ce as PInputTime,
-  De as PInputUrl,
-  ye as PLink,
-  Be as PLinkPure,
-  we as PLinkSocial,
-  He as PLinkTile,
-  Re as PLinkTileModelSignature,
-  ve as PLinkTileProduct,
-  je as PMarque,
-  Ke as PModal,
-  qe as PModelSignature,
-  Ee as PMultiSelect,
-  Je as PMultiSelectOption,
-  Ve as POptgroup,
-  Ye as PPagination,
-  _e as PPinCode,
-  et as PPopover,
-  ot as PRadioButtonWrapper,
-  at as PRadioGroup,
-  lt as PRadioGroupOption,
-  ut as PScroller,
-  st as PSegmentedControl,
-  xt as PSegmentedControlItem,
-  nt as PSelect,
-  Tt as PSelectOption,
-  It as PSelectWrapper,
-  gt as PSheet,
-  Ct as PSpinner,
-  Dt as PStepperHorizontal,
-  yt as PStepperHorizontalItem,
-  Bt as PSwitch,
-  wt as PTable,
-  Ht as PTableBody,
-  Rt as PTableCell,
-  vt as PTableHead,
-  jt as PTableHeadCell,
-  Kt as PTableHeadRow,
-  qt as PTableRow,
-  Et as PTabs,
-  Jt as PTabsBar,
-  Vt as PTabsItem,
-  Yt as PTag,
-  _t as PTagDismissible,
-  eo as PText,
-  oo as PTextFieldWrapper,
-  ao as PTextList,
-  lo as PTextListItem,
-  uo as PTextarea,
-  mo as PTextareaWrapper,
-  Po as PToast,
-  io as PWordmark,
-  bo as PorscheDesignSystemProvider,
+  s as PButton,
+  d as PButtonPure,
+  P as PButtonTile,
+  n as PCanvas,
+  T as PCarousel,
+  I as PCheckbox,
+  g as PCrest,
+  D as PDisplay,
+  h as PDivider,
+  y as PDrilldown,
+  L as PDrilldownItem,
+  H as PDrilldownLink,
+  R as PFieldset,
+  O as PFlag,
+  z as PFlyout,
+  N as PHeading,
+  j as PIcon,
+  E as PInlineNotification,
+  U as PInputDate,
+  J as PInputEmail,
+  V as PInputMonth,
+  Y as PInputNumber,
+  _ as PInputPassword,
+  ee as PInputSearch,
+  oe as PInputTel,
+  ae as PInputText,
+  le as PInputTime,
+  se as PInputUrl,
+  de as PInputWeek,
+  Pe as PLink,
+  ne as PLinkPure,
+  Te as PLinkTile,
+  Ie as PLinkTileProduct,
+  ge as PModal,
+  De as PModelSignature,
+  he as PMultiSelect,
+  ye as PMultiSelectOption,
+  Le as POptgroup,
+  He as PPagination,
+  Re as PPinCode,
+  Oe as PPopover,
+  ze as PRadioGroup,
+  Ne as PRadioGroupOption,
+  je as PScroller,
+  Ee as PSegmentedControl,
+  Ue as PSegmentedControlItem,
+  Je as PSelect,
+  Ve as PSelectOption,
+  Ye as PSheet,
+  _e as PSpinner,
+  et as PStepperHorizontal,
+  ot as PStepperHorizontalItem,
+  at as PSwitch,
+  lt as PTable,
+  st as PTableBody,
+  dt as PTableCell,
+  Pt as PTableHead,
+  nt as PTableHeadCell,
+  Tt as PTableHeadRow,
+  It as PTableRow,
+  gt as PTabs,
+  Dt as PTabsBar,
+  ht as PTabsItem,
+  yt as PTag,
+  Lt as PTagDismissible,
+  Ht as PText,
+  Rt as PTextList,
+  Ot as PTextListItem,
+  zt as PTextarea,
+  Nt as PToast,
+  jt as PWordmark,
+  Et as PorscheDesignSystemProvider,
   o as componentsReady,
-  ko as createPorscheDesignSystem,
-  co as prefixInjectionKey,
-  Io as themeInjectionKey,
-  Do as usePorscheDesignSystemPlugin,
-  So as useToastManager
+  Ut as createPorscheDesignSystem,
+  Qt as prefixInjectionKey,
+  qt as usePorscheDesignSystemPlugin,
+  Vt as useToastManager
 };

package/esm/tokens/index.d.ts

@@ -0,0 +1 @@
+export * from '@porsche-design-system/components-js/tokens';

package/esm/utils.d.ts

@@ -1,7 +1,6 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { Theme, ToastMessage } from './lib/types';
+import type { ToastMessage } from './lib/types';
 export declare const prefixInjectionKey: InjectionKey<string>;
-export declare const themeInjectionKey: InjectionKey<Ref<Theme>>;
 export declare const usePrefix: (tagName: string) => string;
 export declare const syncProperties: <T extends HTMLElement>(elementRef: Ref<T | undefined>, props: Partial<T>) => void;
 export declare const addEventListenerToElementRef: <T extends HTMLElement, E extends string>(elementRef: Ref<T | undefined>, eventName: E, emit: (eventName: E, detail: any) => void, cb?: (event: CustomEvent) => void) => void;

package/esm/utils.mjs

@@ -1,18 +1,18 @@
 import { inject as r } from "vue";
-const i = Symbol("pdsPrefix"), d = Symbol("pdsTheme"), c = (t) => {
+const i = Symbol("pdsPrefix"), a = (t) => {
   const e = r(i);
   if (e === void 0)
     throw new Error("It appears the <PorscheDesignSystemProvider /> is missing. Make sure to wrap your App in it.");
   return e ? e + "-" + t : t;
-}, m = (t, e) => {
+}, d = (t, e) => {
   const s = t.value;
   Object.keys(e).forEach((n) => s[n] = e[n]);
 }, u = (t, e, s, n) => {
   t.value.addEventListener(e, (o) => {
     s(e, o.detail), n?.(o);
   });
-}, y = () => {
-  const t = c("p-toast");
+}, f = () => {
+  const t = a("p-toast");
   return {
     addMessage: (e) => {
       const s = document.body.querySelector(t);
@@ -23,8 +23,7 @@ const i = Symbol("pdsPrefix"), d = Symbol("pdsTheme"), c = (t) => {
 export {
   u as addEventListenerToElementRef,
   i as prefixInjectionKey,
-  m as syncProperties,
-  d as themeInjectionKey,
-  c as usePrefix,
-  y as useToastManager
+  d as syncProperties,
+  a as usePrefix,
+  f as useToastManager
 };

package/global-styles/cn/font-face.css

@@ -0,0 +1 @@
+@font-face{font-family:Porsche Next;font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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}

package/global-styles/cn/index.css

@@ -0,0 +1,168 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-family:
+    "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
+  line-height: calc(6px + 2.125ex);
+  letter-spacing: normal;
+  text-size-adjust: none;
+  -webkit-text-size-adjust: none;
+}
+:root {
+  --p-color-focus: #1a44ea;
+  --p-color-disabled: hsla(233, 6.6%, 23.9%, 0.412);
+  --p-color-canvas: #fff;
+  --p-color-surface: hsl(240, 7.7%, 97.5%);
+  --p-color-frosted: hsla(236, 6.4%, 51%, 0.148);
+  --p-color-frosted-soft: hsla(234, 9.8%, 60%, 0.06);
+  --p-color-backdrop: hsla(240, 5.3%, 14.9%, 0.5);
+  --p-color-contrast-lower: hsla(234, 6%, 32.9%, 0.324);
+  --p-color-contrast-low: hsla(240, 5.3%, 14.9%, 0.5);
+  --p-color-contrast-medium: hsla(240, 6.1%, 7%, 0.6);
+  --p-color-contrast-high: hsla(240, 7.1%, 11%, 0.7);
+  --p-color-contrast-higher: hsla(240, 8.7%, 9%, 0.8);
+  --p-color-primary: hsl(225, 66.7%, 1.2%);
+  --p-color-success: hsl(115, 77.5%, 27.8%);
+  --p-color-success-low: hsla(115, 77.5%, 27.8%, 0.18);
+  --p-color-success-medium: hsla(115, 77.5%, 27.8%, 0.6);
+  --p-color-success-frosted: hsla(115, 77.5%, 27.8%, 0.18);
+  --p-color-success-frosted-soft: hsla(115, 77.5%, 27.8%, 0.1);
+  --p-color-warning: hsl(28, 97.7%, 34.1%);
+  --p-color-warning-low: hsla(28, 97.7%, 34.1%, 0.18);
+  --p-color-warning-medium: hsla(28, 97.7%, 34.1%, 0.6);
+  --p-color-warning-frosted: hsla(28, 97.7%, 34.1%, 0.18);
+  --p-color-warning-frosted-soft: hsla(28, 97.7%, 34.1%, 0.1);
+  --p-color-error: hsl(357, 78%, 41%);
+  --p-color-error-low: hsla(357, 78%, 41%, 0.18);
+  --p-color-error-medium: hsla(357, 78%, 41%, 0.6);
+  --p-color-error-frosted: hsla(357, 78%, 41%, 0.18);
+  --p-color-error-frosted-soft: hsla(357, 78%, 41%, 0.1);
+  --p-color-info: hsl(228, 83.2%, 51%);
+  --p-color-info-low: hsla(228, 83.2%, 51%, 0.18);
+  --p-color-info-medium: hsla(228, 83.2%, 51%, 0.6);
+  --p-color-info-frosted: hsla(228, 83.2%, 51%, 0.18);
+  --p-color-info-frosted-soft: hsla(228, 83.2%, 51%, 0.1);
+  --p-color-skeleton: #f7f7f7;
+
+  --p-radius-xs: 2px;
+  --p-radius-sm: 4px;
+  --p-radius-md: 6px;
+  --p-radius-lg: 8px;
+  --p-radius-xl: 12px;
+  --p-radius-2xl: 16px;
+  --p-radius-3xl: 24px;
+  --p-radius-4xl: 32px;
+  --p-radius-full: calc(infinity * 1px);
+}
+.light {
+  --p-color-focus: #1a44ea;
+  --p-color-disabled: hsla(233, 6.6%, 23.9%, 0.412);
+  --p-color-canvas: #fff;
+  --p-color-surface: hsl(240, 7.7%, 97.5%);
+  --p-color-frosted: hsla(236, 6.4%, 51%, 0.148);
+  --p-color-frosted-soft: hsla(234, 9.8%, 60%, 0.06);
+  --p-color-backdrop: hsla(240, 5.3%, 14.9%, 0.5);
+  --p-color-contrast-lower: hsla(234, 6%, 32.9%, 0.324);
+  --p-color-contrast-low: hsla(240, 5.3%, 14.9%, 0.5);
+  --p-color-contrast-medium: hsla(240, 6.1%, 7%, 0.6);
+  --p-color-contrast-high: hsla(240, 7.1%, 11%, 0.7);
+  --p-color-contrast-higher: hsla(240, 8.7%, 9%, 0.8);
+  --p-color-primary: hsl(225, 66.7%, 1.2%);
+  --p-color-success: hsl(115, 77.5%, 27.8%);
+  --p-color-success-low: hsla(115, 77.5%, 27.8%, 0.18);
+  --p-color-success-medium: hsla(115, 77.5%, 27.8%, 0.6);
+  --p-color-success-frosted: hsla(115, 77.5%, 27.8%, 0.18);
+  --p-color-success-frosted-soft: hsla(115, 77.5%, 27.8%, 0.1);
+  --p-color-warning: hsl(28, 97.7%, 34.1%);
+  --p-color-warning-low: hsla(28, 97.7%, 34.1%, 0.18);
+  --p-color-warning-medium: hsla(28, 97.7%, 34.1%, 0.6);
+  --p-color-warning-frosted: hsla(28, 97.7%, 34.1%, 0.18);
+  --p-color-warning-frosted-soft: hsla(28, 97.7%, 34.1%, 0.1);
+  --p-color-error: hsl(357, 78%, 41%);
+  --p-color-error-low: hsla(357, 78%, 41%, 0.18);
+  --p-color-error-medium: hsla(357, 78%, 41%, 0.6);
+  --p-color-error-frosted: hsla(357, 78%, 41%, 0.18);
+  --p-color-error-frosted-soft: hsla(357, 78%, 41%, 0.1);
+  --p-color-info: hsl(228, 83.2%, 51%);
+  --p-color-info-low: hsla(228, 83.2%, 51%, 0.18);
+  --p-color-info-medium: hsla(228, 83.2%, 51%, 0.6);
+  --p-color-info-frosted: hsla(228, 83.2%, 51%, 0.18);
+  --p-color-info-frosted-soft: hsla(228, 83.2%, 51%, 0.1);
+  --p-color-skeleton: #f7f7f7;
+}
+.dark {
+  --p-color-focus: #1a44ea;
+  --p-color-disabled: hsla(240, 1.5%, 61.8%, 0.302);
+  --p-color-canvas: hsl(225, 66.7%, 1.2%);
+  --p-color-surface: hsl(240, 2%, 10%);
+  --p-color-frosted: hsla(240, 2.2%, 44.1%, 0.228);
+  --p-color-frosted-soft: hsla(240, 3.7%, 26.5%, 0.154);
+  --p-color-backdrop: hsla(240, 5.3%, 14.9%, 0.5);
+  --p-color-contrast-lower: hsla(240, 1.5%, 61.8%, 0.302);
+  --p-color-contrast-low: hsla(240, 12.5%, 96.9%, 0.45);
+  --p-color-contrast-medium: hsla(240, 12.5%, 96.9%, 0.56);
+  --p-color-contrast-high: hsla(240, 12.5%, 96.9%, 0.67);
+  --p-color-contrast-higher: hsla(240, 12.5%, 96.9%, 0.78);
+  --p-color-primary: hsl(240, 12.5%, 96.9%);
+  --p-color-success: hsl(157, 84.9%, 41.6%);
+  --p-color-success-low: hsla(157, 84.9%, 41.6%, 0.18);
+  --p-color-success-medium: hsla(157, 84.9%, 41.6%, 0.6);
+  --p-color-success-frosted: hsla(157, 84.9%, 41.6%, 0.18);
+  --p-color-success-frosted-soft: hsla(157, 84.9%, 41.6%, 0.1);
+  --p-color-warning: hsl(28, 90.2%, 56.1%);
+  --p-color-warning-low: hsla(28, 90.2%, 56.1%, 0.18);
+  --p-color-warning-medium: hsla(28, 90.2%, 56.1%, 0.6);
+  --p-color-warning-frosted: hsla(28, 90.2%, 56.1%, 0.18);
+  --p-color-warning-frosted-soft: hsla(28, 90.2%, 56.1%, 0.1);
+  --p-color-error: hsl(0, 96.9%, 62%);
+  --p-color-error-low: hsla(0, 96.9%, 62%, 0.18);
+  --p-color-error-medium: hsla(0, 96.9%, 62%, 0.6);
+  --p-color-error-frosted: hsla(0, 96.9%, 62%, 0.18);
+  --p-color-error-frosted-soft: hsla(0, 96.9%, 62%, 0.1);
+  --p-color-info: hsl(210, 100%, 54.5%);
+  --p-color-info-low: hsla(210, 100%, 54.5%, 0.18);
+  --p-color-info-medium: hsla(210, 100%, 54.5%, 0.6);
+  --p-color-info-frosted: hsla(210, 100%, 54.5%, 0.18);
+  --p-color-info-frosted-soft: hsla(210, 100%, 54.5%, 0.1);
+  --p-color-skeleton: #1a1b1e;
+}
+.auto {
+  @media (prefers-color-scheme: dark) {
+    --p-color-focus: #1a44ea;
+    --p-color-disabled: hsla(240, 1.5%, 61.8%, 0.302);
+    --p-color-canvas: hsl(225, 66.7%, 1.2%);
+    --p-color-surface: hsl(240, 2%, 10%);
+    --p-color-frosted: hsla(240, 2.2%, 44.1%, 0.228);
+    --p-color-frosted-soft: hsla(240, 3.7%, 26.5%, 0.154);
+    --p-color-backdrop: hsla(240, 5.3%, 14.9%, 0.5);
+    --p-color-contrast-lower: hsla(240, 1.5%, 61.8%, 0.302);
+    --p-color-contrast-low: hsla(240, 12.5%, 96.9%, 0.45);
+    --p-color-contrast-medium: hsla(240, 12.5%, 96.9%, 0.56);
+    --p-color-contrast-high: hsla(240, 12.5%, 96.9%, 0.67);
+    --p-color-contrast-higher: hsla(240, 12.5%, 96.9%, 0.78);
+    --p-color-primary: hsl(240, 12.5%, 96.9%);
+    --p-color-success: hsl(157, 84.9%, 41.6%);
+    --p-color-success-low: hsla(157, 84.9%, 41.6%, 0.18);
+    --p-color-success-medium: hsla(157, 84.9%, 41.6%, 0.6);
+    --p-color-success-frosted: hsla(157, 84.9%, 41.6%, 0.18);
+    --p-color-success-frosted-soft: hsla(157, 84.9%, 41.6%, 0.1);
+    --p-color-warning: hsl(28, 90.2%, 56.1%);
+    --p-color-warning-low: hsla(28, 90.2%, 56.1%, 0.18);
+    --p-color-warning-medium: hsla(28, 90.2%, 56.1%, 0.6);
+    --p-color-warning-frosted: hsla(28, 90.2%, 56.1%, 0.18);
+    --p-color-warning-frosted-soft: hsla(28, 90.2%, 56.1%, 0.1);
+    --p-color-error: hsl(0, 96.9%, 62%);
+    --p-color-error-low: hsla(0, 96.9%, 62%, 0.18);
+    --p-color-error-medium: hsla(0, 96.9%, 62%, 0.6);
+    --p-color-error-frosted: hsla(0, 96.9%, 62%, 0.18);
+    --p-color-error-frosted-soft: hsla(0, 96.9%, 62%, 0.1);
+    --p-color-info: hsl(210, 100%, 54.5%);
+    --p-color-info-low: hsla(210, 100%, 54.5%, 0.18);
+    --p-color-info-medium: hsla(210, 100%, 54.5%, 0.6);
+    --p-color-info-frosted: hsla(210, 100%, 54.5%, 0.18);
+    --p-color-info-frosted-soft: hsla(210, 100%, 54.5%, 0.1);
+    --p-color-skeleton: #1a1b1e;
+  }
+}
+@font-face{font-family:Porsche Next;font-style:normal;font-weight:700;src:url('https://cdn.ui.porsche.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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.cn/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}

package/global-styles/font-face.css

@@ -0,0 +1 @@
+@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}