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

package/esm/lib/components/table-row.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTableRowProps = BaseProps & {};
-export declare const PTableRow: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTableRow: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/table.wrapper.d.ts

@@ -25,7 +25,7 @@ export type PTableProps = BaseProps & {
      */
     sticky?: boolean;
 };
-export declare const PTable: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTable: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
      */

package/esm/lib/components/tabs-bar.wrapper.d.ts

@@ -29,7 +29,7 @@ export type PTabsBarProps = BaseProps & {
      */
     weight?: TabsBarWeight;
 };
-export declare const PTabsBar: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTabsBar: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Defines which tab is shown as selected (zero-based numbering), or `undefined` if none should be selected.
      */

package/esm/lib/components/tabs-item.wrapper.d.ts

@@ -5,7 +5,7 @@ export type PTabsItemProps = BaseProps & {
      */
     label: string;
 };
-export declare const PTabsItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTabsItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Defines the label used in tabs.
      */

package/esm/lib/components/tabs.wrapper.d.ts

@@ -30,7 +30,7 @@ export type PTabsProps = BaseProps & {
      */
     weight?: TabsWeight;
 };
-export declare const PTabs: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTabs: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Defines which tab is shown as selected (zero-based numbering).
      * @default 0

package/esm/lib/components/tag-dismissible.wrapper.d.ts

@@ -15,7 +15,7 @@ export type PTagDismissibleProps = BaseProps & {
      */
     label?: string;
 };
-export declare const PTagDismissible: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTagDismissible: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Sets ARIA attributes.
      */

package/esm/lib/components/tag.wrapper.d.ts

@@ -21,7 +21,7 @@ export type PTagProps = BaseProps & {
      */
     variant?: TagVariant;
 };
-export declare const PTag: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTag: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Displays the tag in compact mode.
      * @default false

package/esm/lib/components/text-list-item.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
 export type PTextListItemProps = BaseProps & {};
-export declare const PTextListItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTextListItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/text-list.wrapper.d.ts

@@ -7,7 +7,7 @@ export type PTextListProps = BaseProps & {
      */
     type?: TextListType;
 };
-export declare const PTextList: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTextList: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The list style type.
      * @default 'unordered'

package/esm/lib/components/text.wrapper.d.ts

@@ -37,7 +37,7 @@ export type PTextProps = BaseProps & {
      */
     weight?: TextWeight;
 };
-export declare const PText: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PText: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Text alignment of the text. Use 'start' for left-aligned text (in LTR), 'center' for centered, 'end' for right-aligned (in LTR), or 'inherit' to adopt the parent's alignment.
      * @default 'start'

package/esm/lib/components/textarea.wrapper.d.ts

@@ -106,14 +106,14 @@ export type PTextareaProps = BaseProps & {
      * The textarea value.
      * @default ''
      */
-    value?: string;
+    value?: string | null;
     /**
      * Handles wrapping behavior of elements.
      * @default 'soft'
      */
     wrap?: TextareaWrap;
 };
-export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
@@ -219,7 +219,7 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<i
      * The textarea value.
      * @default ''
      */
-    value?: string;
+    value?: string | null;
     /**
      * Handles wrapping behavior of elements.
      * @default 'soft'

package/esm/lib/components/toast.wrapper.d.ts

@@ -1,3 +1,3 @@
 import type { BaseProps } from '../../BaseProps';
 export type PToastProps = BaseProps & {};
-export declare const PToast: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & import("react").RefAttributes<HTMLElement>>;
+export declare const PToast: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/wordmark.wrapper.d.ts

@@ -20,7 +20,7 @@ export type PWordmarkProps = BaseProps & {
      */
     target?: WordmarkTarget;
 };
-export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "inputMode" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Sets ARIA attributes.
      */

package/esm/lib/types.d.ts

@@ -730,7 +730,7 @@ export type MultiSelectState = FormState;
 export type MultiSelectDropdownDirection = SelectComponentsDropdownDirection;
 export type MultiSelectChangeEventDetail = {
     name: string;
-    value: string[];
+    value: string[] | number[];
 };
 export type MultiSelectToggleEventDetail = {
     open: boolean;
@@ -739,7 +739,7 @@ export type SelectState = FormState;
 export type SelectDropdownDirection = SelectComponentsDropdownDirection;
 export type SelectChangeEventDetail = {
     name: string;
-    value: string;
+    value: string | number | null | undefined;
 };
 export type SelectToggleEventDetail = {
     open: boolean;
@@ -784,6 +784,225 @@ export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAt
 export type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
+declare const AI_TAG_VARIANTS: readonly [
+    "abbreviation",
+    "generated",
+    "modified"
+];
+export type AiTagVariant = (typeof AI_TAG_VARIANTS)[number];
+declare const AI_TAG_TRANSLATIONS: {
+    bg_BG: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    bs_BA: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    cs_CZ: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    da_DK: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    de_DE: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    el_GR: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    en_CY: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    en_GB: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    en_US: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    es_ES: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    et_EE: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    fi_FI: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    fr_FR: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    he_IL: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    hr_HR: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    hu_HU: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    is_IS: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    it_IT: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    lt_LT: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    lv_LV: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    me_ME: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    mk_MK: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    mt_MT: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    nb_NO: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    nl_NL: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    pl_PL: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    pt_PT: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    ro_RO: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    ru_RU: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    sk_SK: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    sl_SI: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    sr_RS: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    sv_SE: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    tr_TR: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+    uk_UA: {
+        short: string;
+        long: string;
+        generated: string;
+        modified: string;
+    };
+};
+export type AiTagLocale = keyof typeof AI_TAG_TRANSLATIONS;
 declare const BANNER_POSITIONS: readonly [
     "top",
     "bottom"

package/esm/public-api.mjs

@@ -1,6 +1,7 @@
 export { componentsReady } from '@porsche-design-system/components-js';
 export { skipCheckForPorscheDesignSystemProviderDuringTests, useToastManager } from './hooks.mjs';
 export { PAccordion } from './lib/components/accordion.wrapper.mjs';
+export { PAiTag } from './lib/components/ai-tag.wrapper.mjs';
 export { PBanner } from './lib/components/banner.wrapper.mjs';
 export { PButton } from './lib/components/button.wrapper.mjs';
 export { PButtonPure } from './lib/components/button-pure.wrapper.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "4.2.0-rc.1",
+  "version": "4.2.0-rc.3",
   "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.2.0-rc.1"
+    "@porsche-design-system/components-js": "4.2.0-rc.3"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 35.0.0 <36.0.0",
@@ -55,7 +55,7 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./esm/public-api.d.ts",
-      "style": "./global-styles/index.css",
+      "style": "./stylesheets/index.css",
       "import": "./esm/public-api.mjs",
       "default": "./cjs/public-api.cjs"
     },
@@ -119,23 +119,21 @@
     "./tailwindcss": "./tailwindcss/index.css",
     "./tailwindcss/index.css": "./tailwindcss/index.css",
     "./tailwindcss/index": "./tailwindcss/index.css",
-    "./index.css": "./global-styles/index.css",
-    "./index": "./global-styles/index.css",
-    "./color-scheme.css": "./global-styles/color-scheme.css",
-    "./color-scheme": "./global-styles/color-scheme.css",
-    "./font-face.css": "./global-styles/font-face.css",
-    "./font-face": "./global-styles/font-face.css",
-    "./normalize.css": "./global-styles/normalize.css",
-    "./normalize": "./global-styles/normalize.css",
-    "./variables.css": "./global-styles/variables.css",
-    "./variables": "./global-styles/variables.css",
-    "./cn": "./global-styles/cn/index.css",
-    "./cn/index.css": "./global-styles/cn/index.css",
-    "./cn/index": "./global-styles/cn/index.css",
-    "./cn/font-face.css": "./global-styles/cn/font-face.css",
-    "./cn/font-face": "./global-styles/cn/font-face.css",
-    "./legacy-radius.css": "./global-styles/legacy-radius.css",
-    "./legacy-radius": "./global-styles/legacy-radius.css"
+    "./index.css": "./stylesheets/index.css",
+    "./index": "./stylesheets/index.css",
+    "./color-scheme.css": "./stylesheets/color-scheme.css",
+    "./color-scheme": "./stylesheets/color-scheme.css",
+    "./font-face.css": "./stylesheets/font-face.css",
+    "./font-face": "./stylesheets/font-face.css",
+    "./normalize.css": "./stylesheets/normalize.css",
+    "./normalize": "./stylesheets/normalize.css",
+    "./variables.css": "./stylesheets/variables.css",
+    "./variables": "./stylesheets/variables.css",
+    "./cn": "./stylesheets/cn/index.css",
+    "./cn/index.css": "./stylesheets/cn/index.css",
+    "./cn/index": "./stylesheets/cn/index.css",
+    "./cn/font-face.css": "./stylesheets/cn/font-face.css",
+    "./cn/font-face": "./stylesheets/cn/font-face.css"
   },
-  "style": "./global-styles/index.css"
+  "style": "./stylesheets/index.css"
 }