@porsche-design-system/components-react 3.8.0 → 3.9.0-rc.0

package/esm/lib/types.d.ts

@@ -590,6 +590,17 @@ export type LinkTarget = (typeof LINK_TARGETS)[number] | string;
 export type LinkButtonIconName = IconName | "none";
 export type ButtonVariant = LinkButtonVariant;
 export type LinkVariant = LinkButtonVariant;
+export type PorscheDesignSystem = {
+    [key: `${number}.${number}.${number}${`-rc.${number}` | ""}`]: {
+        prefixes: string[];
+        isReady: () => Promise<void>;
+        readyResolve: () => void;
+    };
+    cdn: {
+        url: string;
+        prefixes: string[];
+    };
+};
 export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
 declare const ACCORDION_SIZES: readonly [
     "small",
@@ -1042,7 +1053,11 @@ declare const PIN_CODE_TYPES: readonly [
 ];
 export type PinCodeType = (typeof PIN_CODE_TYPES)[number];
 declare const PIN_CODE_LENGTHS: readonly [
+    1,
+    2,
+    3,
     4,
+    5,
     6
 ];
 export type PinCodeLength = (typeof PIN_CODE_LENGTHS)[number];

package/esm/provider.d.ts

@@ -1,10 +1,13 @@
 import type { PropsWithChildren, JSX } from 'react';
+import type { Theme } from './lib/types';
 export declare const PorscheDesignSystemContext: import("react").Context<{
     prefix?: string | undefined;
+    theme: Theme;
 }>;
 type Props = {
     prefix?: string;
     cdn?: 'auto' | 'cn';
+    theme?: Theme;
 };
-export declare const PorscheDesignSystemProvider: ({ prefix, cdn, ...props }: PropsWithChildren<Props>) => JSX.Element;
+export declare const PorscheDesignSystemProvider: ({ prefix, cdn, theme, ...props }: PropsWithChildren<Props>) => JSX.Element;
 export {};

package/esm/provider.mjs

@@ -6,12 +6,13 @@ import { load } from '@porsche-design-system/components-js';
 // to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
 const PorscheDesignSystemContext = createContext({
     prefix: undefined,
+    theme: 'light',
 });
-const PorscheDesignSystemProvider = ({ prefix = '', cdn, ...props }) => {
+const PorscheDesignSystemProvider = ({ prefix = '', cdn, theme = 'light', ...props }) => {
     useEffect(() => {
         load({ prefix, cdn });
     }, []); // runtime prefix or cdn change is not supported
-    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
+    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix, theme }, ...props });
 };
 
 export { PorscheDesignSystemContext, PorscheDesignSystemProvider };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.8.0",
+  "version": "3.9.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": "3.8.0"
+    "@porsche-design-system/components-js": "3.9.0-rc.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",