@porsche-design-system/components-react 4.6.0-rc.0 → 4.6.0-rc.2

package/ssr/esm/lib/types.d.ts

@@ -326,10 +326,12 @@ declare const ICON_NAMES: readonly [
     "compare",
     "compass",
     "configurate",
+    "connect-services",
     "copy",
     "country-road",
     "coupe",
     "cubic-capacity",
+    "customer-support",
     "cut",
     "delete",
     "disable",
@@ -489,6 +491,7 @@ declare const ICON_NAMES: readonly [
     "shopping-bag-filled",
     "shopping-cart",
     "shopping-cart-filled",
+    "shopping-cart-off",
     "sidebar",
     "sidelights",
     "skip-backward",
@@ -784,225 +787,193 @@ export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAt
 export type SelectedAriaRole<T> = {
     role: Extract<AriaRole, T>;
 };
+declare const MARKET_LOCALES: readonly [
+    "ar-BH",
+    "ar-KW",
+    "ar-QA",
+    "ar-SA",
+    "az-AZ",
+    "bg-BG",
+    "bs-BA",
+    "cs-CZ",
+    "cs-SK",
+    "da-DK",
+    "de-AT",
+    "de-CH",
+    "de-DE",
+    "de-LI",
+    "de-LU",
+    "el-GR",
+    "en",
+    "en-AE",
+    "en-AE-x-abu-dhabi",
+    "en-AE-x-abudhabi",
+    "en-AE-x-dubai",
+    "en-AL",
+    "en-AU",
+    "en-BA",
+    "en-BG",
+    "en-BH",
+    "en-BN",
+    "en-CA",
+    "en-CH",
+    "en-CN",
+    "en-CW",
+    "en-CY",
+    "en-CZ",
+    "en-DK",
+    "en-EE",
+    "en-EG",
+    "en-FI",
+    "en-GB",
+    "en-GE",
+    "en-GH",
+    "en-GI",
+    "en-GR",
+    "en-HK",
+    "en-HR",
+    "en-HT",
+    "en-ID",
+    "en-IE",
+    "en-IL",
+    "en-IN",
+    "en-IS",
+    "en-JM",
+    "en-JO",
+    "en-KH",
+    "en-KR",
+    "en-KW",
+    "en-KZ",
+    "en-LB",
+    "en-LK",
+    "en-LT",
+    "en-LV",
+    "en-ME",
+    "en-MK",
+    "en-MN",
+    "en-MT",
+    "en-MU",
+    "en-MY",
+    "en-NC",
+    "en-NL",
+    "en-NO",
+    "en-NZ",
+    "en-OM",
+    "en-PF",
+    "en-PH",
+    "en-PL",
+    "en-PR",
+    "en-QA",
+    "en-RO",
+    "en-RS",
+    "en-SA",
+    "en-SE",
+    "en-SG",
+    "en-SI",
+    "en-SK",
+    "en-TH",
+    "en-TR",
+    "en-TT",
+    "en-TW",
+    "en-UA",
+    "en-US",
+    "en-VE",
+    "en-VN",
+    "en-XA",
+    "en-YE",
+    "en-ZA",
+    "es-AD",
+    "es-AR",
+    "es-BO",
+    "es-CL",
+    "es-CO",
+    "es-CR",
+    "es-DO",
+    "es-EC",
+    "es-ES",
+    "es-GT",
+    "es-HN",
+    "es-MX",
+    "es-PA",
+    "es-PE",
+    "es-PR",
+    "es-PY",
+    "es-SV",
+    "es-TT",
+    "es-UY",
+    "es-VE",
+    "et-EE",
+    "fi-FI",
+    "fr-BE",
+    "fr-CA",
+    "fr-CH",
+    "fr-DZ",
+    "fr-FR",
+    "fr-GP",
+    "fr-LI",
+    "fr-LU",
+    "fr-MA",
+    "fr-MC",
+    "fr-MQ",
+    "fr-MU",
+    "fr-NC",
+    "fr-PF",
+    "fr-RE",
+    "fr-TN",
+    "he-IL",
+    "hr-HR",
+    "hu-HU",
+    "hy-AM",
+    "is-IS",
+    "it-CH",
+    "it-IT",
+    "ja-JP",
+    "ka-GE",
+    "ko-KR",
+    "lt-LT",
+    "lv-LV",
+    "me-ME",
+    "mk-MK",
+    "mt-MT",
+    "nb-NO",
+    "nl-BE",
+    "nl-NL",
+    "no-NO",
+    "pl-PL",
+    "pt-BR",
+    "pt-PT",
+    "ro-MD",
+    "ro-RO",
+    "ru-AZ",
+    "ru-BY",
+    "ru-CY",
+    "ru-EE",
+    "ru-KZ",
+    "ru-LT",
+    "ru-LV",
+    "ru-RU",
+    "ru-UK",
+    "ru-UZ",
+    "sk-SK",
+    "sl-SI",
+    "sr-ME",
+    "sr-RS",
+    "sv-SE",
+    "tr-TR",
+    "uk-UA",
+    "zh-CN",
+    "zh-HK",
+    "zh-TW"
+];
+export type MarketLocale = (typeof MARKET_LOCALES)[number];
+export type ToPosixLocale<T extends string> = T extends `${infer Head}-${infer Tail}` ? `${Head}_${ToPosixLocale<Tail>}` : T;
+export type AiTagLocale = MarketLocale | ToPosixLocale<MarketLocale>;
 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/skill/references/components/p-ai-tag/p-ai-tag.md

@@ -1,47 +0,0 @@
-# p-ai-tag
-
-`p-ai-tag` is used to indicate AI-generated or AI-modified content. It displays a localized and legally compliant AI label text (abbreviated or as long-form) combined with an icon.
-
-## Usage
-
-Use the AI tag to indicate that content has been generated or assisted by artificial intelligence.
-
-The following segment provides instructions for designers and developers regarding the appropriate utilization of this component in various situations.
-
-### Do:
-
-- Use to indicate AI-generated or AI-assisted content.
-- Use the appropriate `locale` to match the user's language.
-- Use the `abbreviation` variant for compact contexts where space is limited.
-- Use the `generated` or `modified` variant when a full label improves clarity.
-
-### Don't:
-
-- Don't use as a general-purpose tag — use `p-tag` instead.
-- Don't use for non-AI-related labeling or categorization.
-
-## Accessibility support
-
-For the `abbreviation` variant, the component uses an `<abbr>` element so the full “artificial intelligence” term is available as the expansion.
-
-## API
-
-### Properties
-
-| Property | Type | Default | Description |
-| --- | --- | --- | --- |
-| `locale` | `'bg_BG'` `'bs_BA'` `'cs_CZ'` `'da_DK'` `'de_DE'` `'el_GR'` `'en_CY'` `'en_GB'` `'en_US'` `'es_ES'` `'et_EE'` `'fi_FI'` `'fr_FR'` `'he_IL'` `'hr_HR'` `'hu_HU'` `'is_IS'` `'it_IT'` `'lt_LT'` `'lv_LV'` `'me_ME'` `'mk_MK'` `'mt_MT'` `'nb_NO'` `'nl_NL'` `'pl_PL'` `'pt_PT'` `'ro_RO'` `'ru_RU'` `'sk_SK'` `'sl_SI'` `'sr_RS'` `'sv_SE'` `'tr_TR'` `'uk_UA'` | `'en_US'` | Locale for the AI text (ISO format, e.g. "de_DE"). |
-| `variant` | `'abbreviation'` `'generated'` `'modified'` | `'generated'` | Variant to display: 'abbreviation' (e.g. "AI"), 'generated' (e.g. "AI-generated"), or 'modified' (e.g. "AI-modified"). |
-
-## Examples
-
-| Example | When to use | File |
-| --- | --- | --- |
-| Default | Minimal default configuration. | [./examples/Default.tsx](./examples/Default.tsx) |
-| Within Checkbox | The `p-ai-tag` can be used inline with other form components. | [./examples/WithinCheckbox.tsx](./examples/WithinCheckbox.tsx) |
-| Within Radio Group | The `p-ai-tag` can also be placed within the slotted label of a `p-radio-button-wrapper` to indicate AI-related content for individual radio options. | [./examples/WithinRadioGroup.tsx](./examples/WithinRadioGroup.tsx) |
-| Within Form Label | The `p-ai-tag` can be placed within a `label` of a `p-select` (or any other form component) to indicate AI-related content for selected options. | [./examples/WithinFormLabel.tsx](./examples/WithinFormLabel.tsx) |
-| Within Input Search | The `p-ai-tag` can be placed in the `end` slot of a `p-input-search` to indicate that the search results are AI-powered. | [./examples/WithinInputSearch.tsx](./examples/WithinInputSearch.tsx) |
-| Within Text | The `p-ai-tag` can be placed inline within a `p-text` to indicate that the surrounding text content is AI-related. | [./examples/WithinText.tsx](./examples/WithinText.tsx) |
-| Within Image | The `p-ai-tag` can be positioned as an overlay on images to indicate that the image content has been generated or modified by AI. | [./examples/WithinImage.tsx](./examples/WithinImage.tsx) |
-| Within Table | The `p-ai-tag` can sit inline in a `p-table-head-cell` next to the column title — for example on a **Status** column when that data is AI-assisted. | [./examples/WithinTable.tsx](./examples/WithinTable.tsx) |

package/skill/references/components/p-canvas/examples/Default.tsx

@@ -1,10 +0,0 @@
-import React from 'react';
-import { PCanvas } from '@porsche-design-system/components-react';
-
-export const Example = () => {
-  return (
-    <>
-      <PCanvas></PCanvas>
-    </>
-  )
-}

package/skill/references/icons.md

@@ -1,5 +0,0 @@
-# Icon names
-
-Valid values for the icon-typed props across PDS components (e.g. `p-icon` `name`, `p-button` `icon`, `p-link` `icon`, `p-inline-notification` `actionIcon`). Pass one as a string, e.g. `icon="arrow-right"`. Each component reference links here instead of repeating the full list. (`p-flag` `name` uses a separate set of flag names, not listed here.)
-
-`360` `4-wheel-drive` `accessibility` `active-cabin-ventilation` `add` `adjust` `aggregation` `ai-3d-object` `ai-code` `ai-edit` `ai-image` `ai-scale` `ai-sound` `ai-spark` `ai-spark-filled` `ai-text` `ai-video` `arrow-compact-down` `arrow-compact-left` `arrow-compact-right` `arrow-compact-up` `arrow-double-down` `arrow-double-left` `arrow-double-right` `arrow-double-up` `arrow-down` `arrow-down-left` `arrow-down-right` `arrow-first` `arrow-head-down` `arrow-head-left` `arrow-head-right` `arrow-head-up` `arrow-last` `arrow-left` `arrow-right` `arrow-up` `arrow-up-left` `arrow-up-right` `arrows` `attachment` `augmented-reality` `battery-empty` `battery-empty-co2` `battery-empty-fuel` `battery-full` `battery-half` `battery-one-quarter` `battery-three-quarters` `bell` `bookmark` `bookmark-filled` `brain` `broadcast` `cabriolet` `calculator` `calendar` `camera` `car` `car-battery` `card` `charging-active` `charging-network` `charging-state` `charging-station` `chart` `chat` `check` `city` `climate` `climate-control` `clock` `close` `closed-caption` `cloud` `co2-class` `co2-emission` `color-picker` `compare` `compass` `configurate` `copy` `country-road` `coupe` `cubic-capacity` `cut` `delete` `disable` `dislike` `dislike-filled` `document` `door` `download` `drag` `duration` `ear` `edit` `email` `error` `error-filled` `exclamation` `exclamation-filled` `external` `fast-backward` `fast-forward` `file-csv` `file-excel` `filter` `fingerprint` `flag` `flash` `fuel-station` `garage` `genuine-parts` `geo-localization` `gift` `globe` `grid` `grip` `group` `hand` `heart` `heart-filled` `highway` `highway-filled` `history` `home` `horn` `image` `increase` `information` `information-filled` `key` `laptop` `leaf` `leather` `light` `like` `like-filled` `limousine` `linked` `list` `locate` `lock` `lock-open` `logo-apple-carplay` `logo-apple-music` `logo-apple-podcast` `logo-baidu` `logo-delicious` `logo-digg` `logo-facebook` `logo-foursquare` `logo-gmail` `logo-google` `logo-hatena` `logo-instagram` `logo-kaixin` `logo-kakaotalk` `logo-kununu` `logo-linkedin` `logo-naver` `logo-pinterest` `logo-qq` `logo-qq-share` `logo-reddit` `logo-skyrock` `logo-snapchat` `logo-sohu` `logo-spotify` `logo-tecent` `logo-telegram` `logo-tiktok` `logo-tumblr` `logo-twitter` `logo-viber` `logo-vk` `logo-wechat` `logo-weibo` `logo-whatsapp` `logo-x` `logo-xing` `logo-yahoo` `logo-youku` `logo-youtube` `logout` `map` `menu-dots-horizontal` `menu-dots-vertical` `menu-lines` `microphone` `minus` `mobile` `moon` `new-chat` `news` `north-arrow` `oil-can` `online-search` `parking-brake` `parking-light` `paste` `pause` `phone` `pin` `pin-filled` `pivot` `play` `play-filled` `plug` `plus` `preheating` `price-tag` `printer` `purchase` `push-pin` `push-pin-off` `qr` `qr-off` `question` `question-filled` `racing-flag` `radar` `radio` `refresh` `replay` `reset` `return` `road` `roof-closed` `roof-open` `route` `rss` `save` `screen` `search` `seat` `send` `service-technician` `share` `shopping-bag` `shopping-bag-filled` `shopping-cart` `shopping-cart-filled` `sidebar` `sidelights` `skip-backward` `skip-forward` `snowflake` `sort` `stack` `star` `star-filled` `steering-wheel` `stop` `stopwatch` `subtract` `success` `success-filled` `sun` `suv` `switch` `tablet` `tachometer` `theme` `tire` `trigger-finger` `truck` `turismo` `unlinked` `upload` `user` `user-filled` `user-group` `user-manual` `video` `view` `view-off` `volume-off` `volume-up` `warning` `warning-filled` `weather` `weight` `wifi` `work` `wrench` `wrenches` `zoom-in` `zoom-out`