@porsche-design-system/components-react 4.7.0-beta.0 → 4.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/bin/pds-skill.js +50 -41
  3. package/package.json +2 -2
  4. package/skills/pds-audit-deprecations-react/SKILL.md +247 -0
  5. package/skills/pds-audit-deprecations-react/references/report-template.md +128 -0
  6. package/skills/pds-audit-deprecations-react/references/report.schema.json +446 -0
  7. package/skills/pds-knowledge-react/SKILL.md +10 -4
  8. package/skills/pds-knowledge-react/references/components/p-button/examples/AiGradientGlow.tsx +1 -1
  9. package/skills/pds-knowledge-react/references/deprecations.md +686 -0
  10. package/skills/pds-knowledge-react/references/styles/scss.md +3 -2
  11. package/skills/pds-knowledge-react/references/styles/tailwindcss.md +0 -2
  12. package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs +66 -48
  13. package/ssr/cjs/components/dist/utils/esm/utils-entry.cjs +39 -10
  14. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-tile.cjs +1 -2
  15. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/dialog-base.cjs +1 -1
  16. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.cjs +2 -2
  17. package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/splitChildren.cjs +3 -1
  18. package/ssr/esm/components/dist/styles/esm/styles-entry.mjs +66 -48
  19. package/ssr/esm/components/dist/utils/esm/utils-entry.mjs +38 -11
  20. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/button-tile.mjs +2 -3
  21. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/dialog-base.mjs +1 -1
  22. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/link-tile.mjs +2 -2
  23. package/ssr/esm/components-react/projects/react-ssr-wrapper/src/splitChildren.mjs +3 -1
  24. package/tailwindcss/index.css +16 -16
package/skills/pds-knowledge-react/references/deprecations.md ADDED
@@ -0,0 +1,686 @@
1
+ # Deprecated API
2
+
3
+ Every deprecated Porsche Design System API in `4.7.0`, indexed by what is deprecated rather than by which component owns it. Use it to check an existing codebase; use the component and styling references to build with the current API.
4
+
5
+ Deprecated APIs still work in this version. Each will be removed in the next major release, so usage is a compatibility risk rather than a present-day defect — except where a message says an API has no effect anymore, which means the behavior is already gone and only the declaration remains.
6
+
7
+ Every entry is derived from the installed package, never hand-authored, and every source is listed below including those that currently carry no deprecations — so "nothing found" is distinguishable from "not checked".
8
+
9
+ **Rule ID** is each entry's stable identifier. Copy it verbatim when reporting — never reconstruct it — and read its first segment as the usage kind. It is what makes findings comparable across runs and releases, so an invented one silently breaks that comparison.
10
+
11
+ ## Coverage
12
+
13
+ | Source | Derived from | Deprecations |
14
+ | --- | --- | --- |
15
+ | Components | the component API exposed by `@porsche-design-system/components-react` | 229 |
16
+ | SCSS | the SCSS API exposed by `@porsche-design-system/components-react/scss` | 122 |
17
+ | Emotion | the Emotion API exposed by `@porsche-design-system/components-react/emotion` | 120 |
18
+ | vanilla-extract | the vanilla-extract API exposed by `@porsche-design-system/components-react/vanilla-extract` | 120 |
19
+ | Tailwind CSS | the Tailwind theme exposed by `@porsche-design-system/components-react/tailwindcss` | 9 |
20
+ | Tokens | the design-token API exposed by `@porsche-design-system/components-react/tokens` | none |
21
+ | Icons | the `p-icon` `name` values exposed by `@porsche-design-system/components-react` | none |
22
+ | Stylesheets | the global CSS exposed by `@porsche-design-system/components-react/index.css`, including `@porsche-design-system/components-react/variables.css` and `@porsche-design-system/components-react/color-scheme.css` | none |
23
+
24
+ ## How to locate deprecated usage
25
+
26
+ Use the rule ID for context: its first segment is the usage kind, followed by the component or source, the owning prop where applicable, and finally the deprecated identifier.
27
+
28
+ | Kind | How to locate it |
29
+ | --- | --- |
30
+ | `component` | Follow PDS component imports, including `/ssr`, aliases and re-exports, to their JSX usage. |
31
+ | `prop` | Inspect the named JSX prop on anchored PDS components and wrappers that forward it. |
32
+ | `propValue` | Resolve values assigned to the named JSX prop, including literals, constants, wrappers, spreads and responsive objects. |
33
+ | `event` | Inspect React handler props corresponding to the named PDS event. |
34
+ | `slot` | Inspect `slot` attributes and default content rendered into the owning PDS component. |
35
+ | `cssCustomProperty` | Inspect declarations and uses of the exact custom property, anchored to its component, stylesheet or imported theme. |
36
+ | `cssClass` | Inspect the exact class in usage anchored to the PDS stylesheet or utility source. |
37
+ | `scssVariable` | Follow PDS Sass roots through namespaces, aliases and configured global imports to the exact variable. |
38
+ | `scssMixin` | Follow PDS Sass roots through namespaces and aliases to inclusions of the exact mixin. |
39
+ | `jsExport` | Follow imports from the stated package entry point through aliases, namespace access and re-exports. |
40
+
41
+ ## Components
42
+
43
+ Derived from the component API exposed by `@porsche-design-system/components-react`.
44
+
45
+ | Rule ID | Deprecated | Replacement | Note | Reference |
46
+ | --- | --- | --- | --- | --- |
47
+ | `component/p-display` | `p-display` | `p-heading` | since v4.0.0, will be removed with next major release. Please use `p-heading` instead. | [references/components/p-display/p-display.md](references/components/p-display/p-display.md) |
48
+ | `prop/p-accordion/heading` | `heading` | `summary slot` | Will be removed in the next major release. Use the `summary` slot instead. Sets the heading text within the summary section. | [references/components/p-accordion/p-accordion.md](references/components/p-accordion/p-accordion.md) |
49
+ | `prop/p-accordion/headingTag` | `headingTag` | `summary slot` | Will be removed in the next major release. Use the `summary` slot instead. Sets the heading tag for proper semantic structure within the page. | [references/components/p-accordion/p-accordion.md](references/components/p-accordion/p-accordion.md) |
50
+ | `prop/p-accordion/size` | `size` | `summary slot` | Will be removed in the next major release. Use the `summary` slot instead. Controls the heading size in the summary section (only applies when using the `heading` prop or `heading` slot). | [references/components/p-accordion/p-accordion.md](references/components/p-accordion/p-accordion.md) |
51
+ | `prop/p-scroller/alignScrollIndicator` | `alignScrollIndicator` | — | since v4.0.0, will be removed with next major release, has no effect anymore. | [references/components/p-scroller/p-scroller.md](references/components/p-scroller/p-scroller.md) |
52
+ | `prop/p-scroller/scrollToPosition` | `scrollToPosition` | `scrollIntoView()` | since v4.0.0, use native `scrollIntoView()` on the slotted element itself. | [references/components/p-scroller/p-scroller.md](references/components/p-scroller/p-scroller.md) |
53
+ | `prop/p-tabs-bar/weight` | `weight` | — | Will be removed in the next major release. Has no effect anymore. | [references/components/p-tabs-bar/p-tabs-bar.md](references/components/p-tabs-bar/p-tabs-bar.md) |
54
+ | `prop/p-tabs/weight` | `weight` | — | Will be removed in the next major release. Has no effect anymore. | [references/components/p-tabs/p-tabs.md](references/components/p-tabs/p-tabs.md) |
55
+ | `propValue/p-ai-tag/locale/ar_BH` | `ar_BH` | `ar-BH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
56
+ | `propValue/p-ai-tag/locale/ar_KW` | `ar_KW` | `ar-KW` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
57
+ | `propValue/p-ai-tag/locale/ar_QA` | `ar_QA` | `ar-QA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
58
+ | `propValue/p-ai-tag/locale/ar_SA` | `ar_SA` | `ar-SA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
59
+ | `propValue/p-ai-tag/locale/az_AZ` | `az_AZ` | `az-AZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
60
+ | `propValue/p-ai-tag/locale/bg_BG` | `bg_BG` | `bg-BG` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
61
+ | `propValue/p-ai-tag/locale/bs_BA` | `bs_BA` | `bs-BA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
62
+ | `propValue/p-ai-tag/locale/cs_CZ` | `cs_CZ` | `cs-CZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
63
+ | `propValue/p-ai-tag/locale/cs_SK` | `cs_SK` | `cs-SK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
64
+ | `propValue/p-ai-tag/locale/da_DK` | `da_DK` | `da-DK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
65
+ | `propValue/p-ai-tag/locale/de_AT` | `de_AT` | `de-AT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
66
+ | `propValue/p-ai-tag/locale/de_CH` | `de_CH` | `de-CH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
67
+ | `propValue/p-ai-tag/locale/de_DE` | `de_DE` | `de-DE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
68
+ | `propValue/p-ai-tag/locale/de_LI` | `de_LI` | `de-LI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
69
+ | `propValue/p-ai-tag/locale/de_LU` | `de_LU` | `de-LU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
70
+ | `propValue/p-ai-tag/locale/el_GR` | `el_GR` | `el-GR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
71
+ | `propValue/p-ai-tag/locale/en_AE` | `en_AE` | `en-AE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
72
+ | `propValue/p-ai-tag/locale/en_AE_x_abu_dhabi` | `en_AE_x_abu_dhabi` | `en-AE-x-abu-dhabi` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
73
+ | `propValue/p-ai-tag/locale/en_AE_x_abudhabi` | `en_AE_x_abudhabi` | `en-AE-x-abudhabi` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
74
+ | `propValue/p-ai-tag/locale/en_AE_x_dubai` | `en_AE_x_dubai` | `en-AE-x-dubai` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
75
+ | `propValue/p-ai-tag/locale/en_AL` | `en_AL` | `en-AL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
76
+ | `propValue/p-ai-tag/locale/en_AU` | `en_AU` | `en-AU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
77
+ | `propValue/p-ai-tag/locale/en_BA` | `en_BA` | `en-BA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
78
+ | `propValue/p-ai-tag/locale/en_BG` | `en_BG` | `en-BG` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
79
+ | `propValue/p-ai-tag/locale/en_BH` | `en_BH` | `en-BH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
80
+ | `propValue/p-ai-tag/locale/en_BN` | `en_BN` | `en-BN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
81
+ | `propValue/p-ai-tag/locale/en_CA` | `en_CA` | `en-CA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
82
+ | `propValue/p-ai-tag/locale/en_CH` | `en_CH` | `en-CH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
83
+ | `propValue/p-ai-tag/locale/en_CN` | `en_CN` | `en-CN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
84
+ | `propValue/p-ai-tag/locale/en_CW` | `en_CW` | `en-CW` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
85
+ | `propValue/p-ai-tag/locale/en_CY` | `en_CY` | `en-CY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
86
+ | `propValue/p-ai-tag/locale/en_CZ` | `en_CZ` | `en-CZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
87
+ | `propValue/p-ai-tag/locale/en_DK` | `en_DK` | `en-DK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
88
+ | `propValue/p-ai-tag/locale/en_EE` | `en_EE` | `en-EE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
89
+ | `propValue/p-ai-tag/locale/en_EG` | `en_EG` | `en-EG` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
90
+ | `propValue/p-ai-tag/locale/en_FI` | `en_FI` | `en-FI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
91
+ | `propValue/p-ai-tag/locale/en_GB` | `en_GB` | `en-GB` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
92
+ | `propValue/p-ai-tag/locale/en_GE` | `en_GE` | `en-GE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
93
+ | `propValue/p-ai-tag/locale/en_GH` | `en_GH` | `en-GH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
94
+ | `propValue/p-ai-tag/locale/en_GI` | `en_GI` | `en-GI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
95
+ | `propValue/p-ai-tag/locale/en_GR` | `en_GR` | `en-GR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
96
+ | `propValue/p-ai-tag/locale/en_HK` | `en_HK` | `en-HK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
97
+ | `propValue/p-ai-tag/locale/en_HR` | `en_HR` | `en-HR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
98
+ | `propValue/p-ai-tag/locale/en_HT` | `en_HT` | `en-HT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
99
+ | `propValue/p-ai-tag/locale/en_ID` | `en_ID` | `en-ID` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
100
+ | `propValue/p-ai-tag/locale/en_IE` | `en_IE` | `en-IE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
101
+ | `propValue/p-ai-tag/locale/en_IL` | `en_IL` | `en-IL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
102
+ | `propValue/p-ai-tag/locale/en_IN` | `en_IN` | `en-IN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
103
+ | `propValue/p-ai-tag/locale/en_IS` | `en_IS` | `en-IS` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
104
+ | `propValue/p-ai-tag/locale/en_JM` | `en_JM` | `en-JM` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
105
+ | `propValue/p-ai-tag/locale/en_JO` | `en_JO` | `en-JO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
106
+ | `propValue/p-ai-tag/locale/en_KH` | `en_KH` | `en-KH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
107
+ | `propValue/p-ai-tag/locale/en_KR` | `en_KR` | `en-KR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
108
+ | `propValue/p-ai-tag/locale/en_KW` | `en_KW` | `en-KW` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
109
+ | `propValue/p-ai-tag/locale/en_KZ` | `en_KZ` | `en-KZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
110
+ | `propValue/p-ai-tag/locale/en_LB` | `en_LB` | `en-LB` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
111
+ | `propValue/p-ai-tag/locale/en_LK` | `en_LK` | `en-LK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
112
+ | `propValue/p-ai-tag/locale/en_LT` | `en_LT` | `en-LT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
113
+ | `propValue/p-ai-tag/locale/en_LV` | `en_LV` | `en-LV` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
114
+ | `propValue/p-ai-tag/locale/en_ME` | `en_ME` | `en-ME` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
115
+ | `propValue/p-ai-tag/locale/en_MK` | `en_MK` | `en-MK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
116
+ | `propValue/p-ai-tag/locale/en_MN` | `en_MN` | `en-MN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
117
+ | `propValue/p-ai-tag/locale/en_MT` | `en_MT` | `en-MT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
118
+ | `propValue/p-ai-tag/locale/en_MU` | `en_MU` | `en-MU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
119
+ | `propValue/p-ai-tag/locale/en_MY` | `en_MY` | `en-MY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
120
+ | `propValue/p-ai-tag/locale/en_NC` | `en_NC` | `en-NC` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
121
+ | `propValue/p-ai-tag/locale/en_NL` | `en_NL` | `en-NL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
122
+ | `propValue/p-ai-tag/locale/en_NO` | `en_NO` | `en-NO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
123
+ | `propValue/p-ai-tag/locale/en_NZ` | `en_NZ` | `en-NZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
124
+ | `propValue/p-ai-tag/locale/en_OM` | `en_OM` | `en-OM` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
125
+ | `propValue/p-ai-tag/locale/en_PF` | `en_PF` | `en-PF` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
126
+ | `propValue/p-ai-tag/locale/en_PH` | `en_PH` | `en-PH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
127
+ | `propValue/p-ai-tag/locale/en_PL` | `en_PL` | `en-PL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
128
+ | `propValue/p-ai-tag/locale/en_PR` | `en_PR` | `en-PR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
129
+ | `propValue/p-ai-tag/locale/en_QA` | `en_QA` | `en-QA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
130
+ | `propValue/p-ai-tag/locale/en_RO` | `en_RO` | `en-RO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
131
+ | `propValue/p-ai-tag/locale/en_RS` | `en_RS` | `en-RS` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
132
+ | `propValue/p-ai-tag/locale/en_SA` | `en_SA` | `en-SA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
133
+ | `propValue/p-ai-tag/locale/en_SE` | `en_SE` | `en-SE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
134
+ | `propValue/p-ai-tag/locale/en_SG` | `en_SG` | `en-SG` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
135
+ | `propValue/p-ai-tag/locale/en_SI` | `en_SI` | `en-SI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
136
+ | `propValue/p-ai-tag/locale/en_SK` | `en_SK` | `en-SK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
137
+ | `propValue/p-ai-tag/locale/en_TH` | `en_TH` | `en-TH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
138
+ | `propValue/p-ai-tag/locale/en_TR` | `en_TR` | `en-TR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
139
+ | `propValue/p-ai-tag/locale/en_TT` | `en_TT` | `en-TT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
140
+ | `propValue/p-ai-tag/locale/en_TW` | `en_TW` | `en-TW` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
141
+ | `propValue/p-ai-tag/locale/en_UA` | `en_UA` | `en-UA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
142
+ | `propValue/p-ai-tag/locale/en_US` | `en_US` | `en-US` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
143
+ | `propValue/p-ai-tag/locale/en_VE` | `en_VE` | `en-VE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
144
+ | `propValue/p-ai-tag/locale/en_VN` | `en_VN` | `en-VN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
145
+ | `propValue/p-ai-tag/locale/en_XA` | `en_XA` | `en-XA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
146
+ | `propValue/p-ai-tag/locale/en_YE` | `en_YE` | `en-YE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
147
+ | `propValue/p-ai-tag/locale/en_ZA` | `en_ZA` | `en-ZA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
148
+ | `propValue/p-ai-tag/locale/es_AD` | `es_AD` | `es-AD` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
149
+ | `propValue/p-ai-tag/locale/es_AR` | `es_AR` | `es-AR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
150
+ | `propValue/p-ai-tag/locale/es_BO` | `es_BO` | `es-BO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
151
+ | `propValue/p-ai-tag/locale/es_CL` | `es_CL` | `es-CL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
152
+ | `propValue/p-ai-tag/locale/es_CO` | `es_CO` | `es-CO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
153
+ | `propValue/p-ai-tag/locale/es_CR` | `es_CR` | `es-CR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
154
+ | `propValue/p-ai-tag/locale/es_DO` | `es_DO` | `es-DO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
155
+ | `propValue/p-ai-tag/locale/es_EC` | `es_EC` | `es-EC` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
156
+ | `propValue/p-ai-tag/locale/es_ES` | `es_ES` | `es-ES` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
157
+ | `propValue/p-ai-tag/locale/es_GT` | `es_GT` | `es-GT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
158
+ | `propValue/p-ai-tag/locale/es_HN` | `es_HN` | `es-HN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
159
+ | `propValue/p-ai-tag/locale/es_MX` | `es_MX` | `es-MX` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
160
+ | `propValue/p-ai-tag/locale/es_PA` | `es_PA` | `es-PA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
161
+ | `propValue/p-ai-tag/locale/es_PE` | `es_PE` | `es-PE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
162
+ | `propValue/p-ai-tag/locale/es_PR` | `es_PR` | `es-PR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
163
+ | `propValue/p-ai-tag/locale/es_PY` | `es_PY` | `es-PY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
164
+ | `propValue/p-ai-tag/locale/es_SV` | `es_SV` | `es-SV` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
165
+ | `propValue/p-ai-tag/locale/es_TT` | `es_TT` | `es-TT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
166
+ | `propValue/p-ai-tag/locale/es_UY` | `es_UY` | `es-UY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
167
+ | `propValue/p-ai-tag/locale/es_VE` | `es_VE` | `es-VE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
168
+ | `propValue/p-ai-tag/locale/et_EE` | `et_EE` | `et-EE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
169
+ | `propValue/p-ai-tag/locale/fi_FI` | `fi_FI` | `fi-FI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
170
+ | `propValue/p-ai-tag/locale/fr_BE` | `fr_BE` | `fr-BE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
171
+ | `propValue/p-ai-tag/locale/fr_CA` | `fr_CA` | `fr-CA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
172
+ | `propValue/p-ai-tag/locale/fr_CH` | `fr_CH` | `fr-CH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
173
+ | `propValue/p-ai-tag/locale/fr_DZ` | `fr_DZ` | `fr-DZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
174
+ | `propValue/p-ai-tag/locale/fr_FR` | `fr_FR` | `fr-FR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
175
+ | `propValue/p-ai-tag/locale/fr_GP` | `fr_GP` | `fr-GP` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
176
+ | `propValue/p-ai-tag/locale/fr_LI` | `fr_LI` | `fr-LI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
177
+ | `propValue/p-ai-tag/locale/fr_LU` | `fr_LU` | `fr-LU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
178
+ | `propValue/p-ai-tag/locale/fr_MA` | `fr_MA` | `fr-MA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
179
+ | `propValue/p-ai-tag/locale/fr_MC` | `fr_MC` | `fr-MC` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
180
+ | `propValue/p-ai-tag/locale/fr_MQ` | `fr_MQ` | `fr-MQ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
181
+ | `propValue/p-ai-tag/locale/fr_MU` | `fr_MU` | `fr-MU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
182
+ | `propValue/p-ai-tag/locale/fr_NC` | `fr_NC` | `fr-NC` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
183
+ | `propValue/p-ai-tag/locale/fr_PF` | `fr_PF` | `fr-PF` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
184
+ | `propValue/p-ai-tag/locale/fr_RE` | `fr_RE` | `fr-RE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
185
+ | `propValue/p-ai-tag/locale/fr_TN` | `fr_TN` | `fr-TN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
186
+ | `propValue/p-ai-tag/locale/he_IL` | `he_IL` | `he-IL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
187
+ | `propValue/p-ai-tag/locale/hr_HR` | `hr_HR` | `hr-HR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
188
+ | `propValue/p-ai-tag/locale/hu_HU` | `hu_HU` | `hu-HU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
189
+ | `propValue/p-ai-tag/locale/hy_AM` | `hy_AM` | `hy-AM` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
190
+ | `propValue/p-ai-tag/locale/is_IS` | `is_IS` | `is-IS` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
191
+ | `propValue/p-ai-tag/locale/it_CH` | `it_CH` | `it-CH` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
192
+ | `propValue/p-ai-tag/locale/it_IT` | `it_IT` | `it-IT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
193
+ | `propValue/p-ai-tag/locale/ja_JP` | `ja_JP` | `ja-JP` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
194
+ | `propValue/p-ai-tag/locale/ka_GE` | `ka_GE` | `ka-GE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
195
+ | `propValue/p-ai-tag/locale/ko_KR` | `ko_KR` | `ko-KR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
196
+ | `propValue/p-ai-tag/locale/lt_LT` | `lt_LT` | `lt-LT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
197
+ | `propValue/p-ai-tag/locale/lv_LV` | `lv_LV` | `lv-LV` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
198
+ | `propValue/p-ai-tag/locale/me_ME` | `me_ME` | `me-ME` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
199
+ | `propValue/p-ai-tag/locale/mk_MK` | `mk_MK` | `mk-MK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
200
+ | `propValue/p-ai-tag/locale/mt_MT` | `mt_MT` | `mt-MT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
201
+ | `propValue/p-ai-tag/locale/nb_NO` | `nb_NO` | `nb-NO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
202
+ | `propValue/p-ai-tag/locale/nl_BE` | `nl_BE` | `nl-BE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
203
+ | `propValue/p-ai-tag/locale/nl_NL` | `nl_NL` | `nl-NL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
204
+ | `propValue/p-ai-tag/locale/no_NO` | `no_NO` | `no-NO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
205
+ | `propValue/p-ai-tag/locale/pl_PL` | `pl_PL` | `pl-PL` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
206
+ | `propValue/p-ai-tag/locale/pt_BR` | `pt_BR` | `pt-BR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
207
+ | `propValue/p-ai-tag/locale/pt_PT` | `pt_PT` | `pt-PT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
208
+ | `propValue/p-ai-tag/locale/ro_MD` | `ro_MD` | `ro-MD` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
209
+ | `propValue/p-ai-tag/locale/ro_RO` | `ro_RO` | `ro-RO` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
210
+ | `propValue/p-ai-tag/locale/ru_AZ` | `ru_AZ` | `ru-AZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
211
+ | `propValue/p-ai-tag/locale/ru_BY` | `ru_BY` | `ru-BY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
212
+ | `propValue/p-ai-tag/locale/ru_CY` | `ru_CY` | `ru-CY` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
213
+ | `propValue/p-ai-tag/locale/ru_EE` | `ru_EE` | `ru-EE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
214
+ | `propValue/p-ai-tag/locale/ru_KZ` | `ru_KZ` | `ru-KZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
215
+ | `propValue/p-ai-tag/locale/ru_LT` | `ru_LT` | `ru-LT` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
216
+ | `propValue/p-ai-tag/locale/ru_LV` | `ru_LV` | `ru-LV` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
217
+ | `propValue/p-ai-tag/locale/ru_RU` | `ru_RU` | `ru-RU` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
218
+ | `propValue/p-ai-tag/locale/ru_UK` | `ru_UK` | `ru-UK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
219
+ | `propValue/p-ai-tag/locale/ru_UZ` | `ru_UZ` | `ru-UZ` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
220
+ | `propValue/p-ai-tag/locale/sk_SK` | `sk_SK` | `sk-SK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
221
+ | `propValue/p-ai-tag/locale/sl_SI` | `sl_SI` | `sl-SI` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
222
+ | `propValue/p-ai-tag/locale/sr_ME` | `sr_ME` | `sr-ME` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
223
+ | `propValue/p-ai-tag/locale/sr_RS` | `sr_RS` | `sr-RS` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
224
+ | `propValue/p-ai-tag/locale/sv_SE` | `sv_SE` | `sv-SE` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
225
+ | `propValue/p-ai-tag/locale/tr_TR` | `tr_TR` | `tr-TR` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
226
+ | `propValue/p-ai-tag/locale/uk_UA` | `uk_UA` | `uk-UA` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
227
+ | `propValue/p-ai-tag/locale/zh_CN` | `zh_CN` | `zh-CN` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
228
+ | `propValue/p-ai-tag/locale/zh_HK` | `zh_HK` | `zh-HK` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
229
+ | `propValue/p-ai-tag/locale/zh_TW` | `zh_TW` | `zh-TW` | — | [references/components/p-ai-tag/p-ai-tag.md](references/components/p-ai-tag/p-ai-tag.md) |
230
+ | `propValue/p-button-pure/size/large` | `large` | `lg` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
231
+ | `propValue/p-button-pure/size/medium` | `medium` | `md` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
232
+ | `propValue/p-button-pure/size/small` | `small` | `sm` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
233
+ | `propValue/p-button-pure/size/x-large` | `x-large` | `xl` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
234
+ | `propValue/p-button-pure/size/x-small` | `x-small` | `xs` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
235
+ | `propValue/p-button-pure/size/xx-small` | `xx-small` | `2xs` | — | [references/components/p-button-pure/p-button-pure.md](references/components/p-button-pure/p-button-pure.md) |
236
+ | `propValue/p-flag/size/large` | `large` | `lg` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
237
+ | `propValue/p-flag/size/medium` | `medium` | `md` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
238
+ | `propValue/p-flag/size/small` | `small` | `sm` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
239
+ | `propValue/p-flag/size/x-large` | `x-large` | `xl` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
240
+ | `propValue/p-flag/size/x-small` | `x-small` | `xs` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
241
+ | `propValue/p-flag/size/xx-large` | `xx-large` | `2xl` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
242
+ | `propValue/p-flag/size/xx-small` | `xx-small` | `2xs` | — | [references/components/p-flag/p-flag.md](references/components/p-flag/p-flag.md) |
243
+ | `propValue/p-heading/size/large` | `large` | `lg` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
244
+ | `propValue/p-heading/size/medium` | `medium` | `md` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
245
+ | `propValue/p-heading/size/small` | `small` | `sm` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
246
+ | `propValue/p-heading/size/x-large` | `x-large` | `xl` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
247
+ | `propValue/p-heading/size/xx-large` | `xx-large` | `2xl` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
248
+ | `propValue/p-heading/weight/regular` | `regular` | `normal` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
249
+ | `propValue/p-heading/weight/semi-bold` | `semi-bold` | `semibold` | — | [references/components/p-heading/p-heading.md](references/components/p-heading/p-heading.md) |
250
+ | `propValue/p-icon/size/large` | `large` | `lg` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
251
+ | `propValue/p-icon/size/medium` | `medium` | `md` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
252
+ | `propValue/p-icon/size/small` | `small` | `sm` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
253
+ | `propValue/p-icon/size/x-large` | `x-large` | `xl` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
254
+ | `propValue/p-icon/size/x-small` | `x-small` | `xs` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
255
+ | `propValue/p-icon/size/xx-large` | `xx-large` | `2xl` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
256
+ | `propValue/p-icon/size/xx-small` | `xx-small` | `2xs` | — | [references/components/p-icon/p-icon.md](references/components/p-icon/p-icon.md) |
257
+ | `propValue/p-link-pure/size/large` | `large` | `lg` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
258
+ | `propValue/p-link-pure/size/medium` | `medium` | `md` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
259
+ | `propValue/p-link-pure/size/small` | `small` | `sm` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
260
+ | `propValue/p-link-pure/size/x-large` | `x-large` | `xl` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
261
+ | `propValue/p-link-pure/size/x-small` | `x-small` | `xs` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
262
+ | `propValue/p-link-pure/size/xx-small` | `xx-small` | `2xs` | — | [references/components/p-link-pure/p-link-pure.md](references/components/p-link-pure/p-link-pure.md) |
263
+ | `propValue/p-spinner/size/large` | `large` | `lg` | — | [references/components/p-spinner/p-spinner.md](references/components/p-spinner/p-spinner.md) |
264
+ | `propValue/p-spinner/size/medium` | `medium` | `md` | — | [references/components/p-spinner/p-spinner.md](references/components/p-spinner/p-spinner.md) |
265
+ | `propValue/p-spinner/size/small` | `small` | `sm` | — | [references/components/p-spinner/p-spinner.md](references/components/p-spinner/p-spinner.md) |
266
+ | `propValue/p-text/size/large` | `large` | `lg` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
267
+ | `propValue/p-text/size/medium` | `medium` | `md` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
268
+ | `propValue/p-text/size/small` | `small` | `sm` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
269
+ | `propValue/p-text/size/x-large` | `x-large` | `xl` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
270
+ | `propValue/p-text/size/x-small` | `x-small` | `xs` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
271
+ | `propValue/p-text/size/xx-small` | `xx-small` | `2xs` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
272
+ | `propValue/p-text/weight/regular` | `regular` | `normal` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
273
+ | `propValue/p-text/weight/semi-bold` | `semi-bold` | `semibold` | — | [references/components/p-text/p-text.md](references/components/p-text/p-text.md) |
274
+ | `slot/p-accordion/heading` | `heading` | — | Content for the accordion's heading section. Clicking toggles the accordion open and closed. | [references/components/p-accordion/p-accordion.md](references/components/p-accordion/p-accordion.md) |
275
+ | `slot/p-banner/description` | `description` | `default slot` | Deprecated: Use the default slot instead. | [references/components/p-banner/p-banner.md](references/components/p-banner/p-banner.md) |
276
+
277
+ ## SCSS
278
+
279
+ Derived from the SCSS API exposed by `@porsche-design-system/components-react/scss`.
280
+
281
+ | Rule ID | Deprecated | Replacement | Note | Reference |
282
+ | --- | --- | --- | --- | --- |
283
+ | `scssVariable/scss/$pds-border-radius-small` | `$pds-border-radius-small` | `$radius-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
284
+ | `scssVariable/scss/$pds-border-radius-medium` | `$pds-border-radius-medium` | `$radius-md` | — | [references/styles/scss.md](references/styles/scss.md) |
285
+ | `scssVariable/scss/$pds-border-radius-large` | `$pds-border-radius-large` | `$radius-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
286
+ | `scssVariable/scss/$pds-border-width-base` | `$pds-border-width-base` | — | — | [references/styles/scss.md](references/styles/scss.md) |
287
+ | `scssVariable/scss/$pds-border-width-thin` | `$pds-border-width-thin` | — | — | [references/styles/scss.md](references/styles/scss.md) |
288
+ | `scssMixin/scss/pds-frosted-glass()` | `pds-frosted-glass()` | `$blur-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
289
+ | `scssVariable/scss/$pds-breakpoint-base` | `$pds-breakpoint-base` | — | — | [references/styles/scss.md](references/styles/scss.md) |
290
+ | `scssVariable/scss/$pds-breakpoint-xs` | `$pds-breakpoint-xs` | `$breakpoint-xs` | — | [references/styles/scss.md](references/styles/scss.md) |
291
+ | `scssVariable/scss/$pds-breakpoint-s` | `$pds-breakpoint-s` | `$breakpoint-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
292
+ | `scssVariable/scss/$pds-breakpoint-m` | `$pds-breakpoint-m` | `$breakpoint-md` | — | [references/styles/scss.md](references/styles/scss.md) |
293
+ | `scssVariable/scss/$pds-breakpoint-l` | `$pds-breakpoint-l` | `$breakpoint-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
294
+ | `scssVariable/scss/$pds-breakpoint-xl` | `$pds-breakpoint-xl` | `$breakpoint-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
295
+ | `scssVariable/scss/$pds-breakpoint-xxl` | `$pds-breakpoint-xxl` | `$breakpoint-2xl` | — | [references/styles/scss.md](references/styles/scss.md) |
296
+ | `scssVariable/scss/$pds-theme-light-primary` | `$pds-theme-light-primary` | `$color-primary` | — | [references/styles/scss.md](references/styles/scss.md) |
297
+ | `scssVariable/scss/$pds-theme-light-background-base` | `$pds-theme-light-background-base` | `$color-canvas` | — | [references/styles/scss.md](references/styles/scss.md) |
298
+ | `scssVariable/scss/$pds-theme-light-background-surface` | `$pds-theme-light-background-surface` | `$color-surface` | — | [references/styles/scss.md](references/styles/scss.md) |
299
+ | `scssVariable/scss/$pds-theme-light-background-shading` | `$pds-theme-light-background-shading` | `$color-backdrop` | — | [references/styles/scss.md](references/styles/scss.md) |
300
+ | `scssVariable/scss/$pds-theme-light-background-frosted` | `$pds-theme-light-background-frosted` | `$color-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
301
+ | `scssVariable/scss/$pds-theme-light-contrast-low` | `$pds-theme-light-contrast-low` | `$color-contrast-low` | — | [references/styles/scss.md](references/styles/scss.md) |
302
+ | `scssVariable/scss/$pds-theme-light-contrast-medium` | `$pds-theme-light-contrast-medium` | `$color-contrast-medium` | — | [references/styles/scss.md](references/styles/scss.md) |
303
+ | `scssVariable/scss/$pds-theme-light-contrast-high` | `$pds-theme-light-contrast-high` | `$color-contrast-high` | — | [references/styles/scss.md](references/styles/scss.md) |
304
+ | `scssVariable/scss/$pds-theme-light-notification-success` | `$pds-theme-light-notification-success` | `$color-success` | — | [references/styles/scss.md](references/styles/scss.md) |
305
+ | `scssVariable/scss/$pds-theme-light-notification-success-soft` | `$pds-theme-light-notification-success-soft` | `$color-success-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
306
+ | `scssVariable/scss/$pds-theme-light-notification-warning` | `$pds-theme-light-notification-warning` | `$color-warning` | — | [references/styles/scss.md](references/styles/scss.md) |
307
+ | `scssVariable/scss/$pds-theme-light-notification-warning-soft` | `$pds-theme-light-notification-warning-soft` | `$color-warning-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
308
+ | `scssVariable/scss/$pds-theme-light-notification-error` | `$pds-theme-light-notification-error` | `$color-error` | — | [references/styles/scss.md](references/styles/scss.md) |
309
+ | `scssVariable/scss/$pds-theme-light-notification-error-soft` | `$pds-theme-light-notification-error-soft` | `$color-error-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
310
+ | `scssVariable/scss/$pds-theme-light-notification-info` | `$pds-theme-light-notification-info` | `$color-info` | — | [references/styles/scss.md](references/styles/scss.md) |
311
+ | `scssVariable/scss/$pds-theme-light-notification-info-soft` | `$pds-theme-light-notification-info-soft` | `$color-info-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
312
+ | `scssVariable/scss/$pds-theme-light-state-hover` | `$pds-theme-light-state-hover` | — | — | [references/styles/scss.md](references/styles/scss.md) |
313
+ | `scssVariable/scss/$pds-theme-light-state-active` | `$pds-theme-light-state-active` | — | — | [references/styles/scss.md](references/styles/scss.md) |
314
+ | `scssVariable/scss/$pds-theme-light-state-focus` | `$pds-theme-light-state-focus` | `$color-focus` | — | [references/styles/scss.md](references/styles/scss.md) |
315
+ | `scssVariable/scss/$pds-theme-light-state-disabled` | `$pds-theme-light-state-disabled` | — | — | [references/styles/scss.md](references/styles/scss.md) |
316
+ | `scssVariable/scss/$pds-theme-dark-primary` | `$pds-theme-dark-primary` | `$color-primary` | — | [references/styles/scss.md](references/styles/scss.md) |
317
+ | `scssVariable/scss/$pds-theme-dark-background-base` | `$pds-theme-dark-background-base` | `$color-canvas` | — | [references/styles/scss.md](references/styles/scss.md) |
318
+ | `scssVariable/scss/$pds-theme-dark-background-surface` | `$pds-theme-dark-background-surface` | `$color-surface` | — | [references/styles/scss.md](references/styles/scss.md) |
319
+ | `scssVariable/scss/$pds-theme-dark-background-shading` | `$pds-theme-dark-background-shading` | `$color-backdrop` | — | [references/styles/scss.md](references/styles/scss.md) |
320
+ | `scssVariable/scss/$pds-theme-dark-background-frosted` | `$pds-theme-dark-background-frosted` | `$color-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
321
+ | `scssVariable/scss/$pds-theme-dark-contrast-low` | `$pds-theme-dark-contrast-low` | `$color-contrast-low` | — | [references/styles/scss.md](references/styles/scss.md) |
322
+ | `scssVariable/scss/$pds-theme-dark-contrast-medium` | `$pds-theme-dark-contrast-medium` | `$color-contrast-medium` | — | [references/styles/scss.md](references/styles/scss.md) |
323
+ | `scssVariable/scss/$pds-theme-dark-contrast-high` | `$pds-theme-dark-contrast-high` | `$color-contrast-high` | — | [references/styles/scss.md](references/styles/scss.md) |
324
+ | `scssVariable/scss/$pds-theme-dark-notification-success` | `$pds-theme-dark-notification-success` | `$color-success` | — | [references/styles/scss.md](references/styles/scss.md) |
325
+ | `scssVariable/scss/$pds-theme-dark-notification-success-soft` | `$pds-theme-dark-notification-success-soft` | `$color-success-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
326
+ | `scssVariable/scss/$pds-theme-dark-notification-warning` | `$pds-theme-dark-notification-warning` | `$color-warning` | — | [references/styles/scss.md](references/styles/scss.md) |
327
+ | `scssVariable/scss/$pds-theme-dark-notification-warning-soft` | `$pds-theme-dark-notification-warning-soft` | `$color-warning-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
328
+ | `scssVariable/scss/$pds-theme-dark-notification-error` | `$pds-theme-dark-notification-error` | `$color-error` | — | [references/styles/scss.md](references/styles/scss.md) |
329
+ | `scssVariable/scss/$pds-theme-dark-notification-error-soft` | `$pds-theme-dark-notification-error-soft` | `$color-error-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
330
+ | `scssVariable/scss/$pds-theme-dark-notification-info` | `$pds-theme-dark-notification-info` | `$color-info` | — | [references/styles/scss.md](references/styles/scss.md) |
331
+ | `scssVariable/scss/$pds-theme-dark-notification-info-soft` | `$pds-theme-dark-notification-info-soft` | `$color-info-frosted` | — | [references/styles/scss.md](references/styles/scss.md) |
332
+ | `scssVariable/scss/$pds-theme-dark-state-hover` | `$pds-theme-dark-state-hover` | — | — | [references/styles/scss.md](references/styles/scss.md) |
333
+ | `scssVariable/scss/$pds-theme-dark-state-active` | `$pds-theme-dark-state-active` | — | — | [references/styles/scss.md](references/styles/scss.md) |
334
+ | `scssVariable/scss/$pds-theme-dark-state-focus` | `$pds-theme-dark-state-focus` | `$color-focus` | — | [references/styles/scss.md](references/styles/scss.md) |
335
+ | `scssVariable/scss/$pds-theme-dark-state-disabled` | `$pds-theme-dark-state-disabled` | — | — | [references/styles/scss.md](references/styles/scss.md) |
336
+ | `scssVariable/scss/$pds-font-family` | `$pds-font-family` | `$font-porsche-next` | — | [references/styles/scss.md](references/styles/scss.md) |
337
+ | `scssVariable/scss/$pds-font-weight-regular` | `$pds-font-weight-regular` | `$font-weight-normal` | — | [references/styles/scss.md](references/styles/scss.md) |
338
+ | `scssVariable/scss/$pds-font-weight-semi-bold` | `$pds-font-weight-semi-bold` | `$font-weight-semibold` | — | [references/styles/scss.md](references/styles/scss.md) |
339
+ | `scssVariable/scss/$pds-font-weight-bold` | `$pds-font-weight-bold` | `$font-weight-bold` | — | [references/styles/scss.md](references/styles/scss.md) |
340
+ | `scssVariable/scss/$pds-font-line-height` | `$pds-font-line-height` | `$leading-normal` | — | [references/styles/scss.md](references/styles/scss.md) |
341
+ | `scssVariable/scss/$pds-font-size-text-xx-small` | `$pds-font-size-text-xx-small` | `$typescale-2xs` | — | [references/styles/scss.md](references/styles/scss.md) |
342
+ | `scssVariable/scss/$pds-font-size-text-x-small` | `$pds-font-size-text-x-small` | `$typescale-xs` | — | [references/styles/scss.md](references/styles/scss.md) |
343
+ | `scssVariable/scss/$pds-font-size-text-small` | `$pds-font-size-text-small` | `$typescale-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
344
+ | `scssVariable/scss/$pds-font-size-text-medium` | `$pds-font-size-text-medium` | `$typescale-md` | — | [references/styles/scss.md](references/styles/scss.md) |
345
+ | `scssVariable/scss/$pds-font-size-text-large` | `$pds-font-size-text-large` | `$typescale-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
346
+ | `scssVariable/scss/$pds-font-size-text-x-large` | `$pds-font-size-text-x-large` | `$typescale-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
347
+ | `scssVariable/scss/$pds-font-size-heading-small` | `$pds-font-size-heading-small` | `$typescale-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
348
+ | `scssVariable/scss/$pds-font-size-heading-medium` | `$pds-font-size-heading-medium` | `$typescale-md` | — | [references/styles/scss.md](references/styles/scss.md) |
349
+ | `scssVariable/scss/$pds-font-size-heading-large` | `$pds-font-size-heading-large` | `$typescale-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
350
+ | `scssVariable/scss/$pds-font-size-heading-x-large` | `$pds-font-size-heading-x-large` | `$typescale-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
351
+ | `scssVariable/scss/$pds-font-size-heading-xx-large` | `$pds-font-size-heading-xx-large` | `$typescale-2xl` | — | [references/styles/scss.md](references/styles/scss.md) |
352
+ | `scssVariable/scss/$pds-font-size-display-small` | `$pds-font-size-display-small` | `$typescale-3xl` | — | [references/styles/scss.md](references/styles/scss.md) |
353
+ | `scssVariable/scss/$pds-font-size-display-medium` | `$pds-font-size-display-medium` | `$typescale-4xl` | — | [references/styles/scss.md](references/styles/scss.md) |
354
+ | `scssVariable/scss/$pds-font-size-display-large` | `$pds-font-size-display-large` | `$typescale-5xl` | — | [references/styles/scss.md](references/styles/scss.md) |
355
+ | `scssVariable/scss/$pds-font-hyphenation-style-overflow-wrap` | `$pds-font-hyphenation-style-overflow-wrap` | — | — | [references/styles/scss.md](references/styles/scss.md) |
356
+ | `scssVariable/scss/$pds-font-hyphenation-style-hyphens` | `$pds-font-hyphenation-style-hyphens` | — | — | [references/styles/scss.md](references/styles/scss.md) |
357
+ | `scssVariable/scss/$pds-font-style-normal` | `$pds-font-style-normal` | — | — | [references/styles/scss.md](references/styles/scss.md) |
358
+ | `scssVariable/scss/$pds-font-style-italic` | `$pds-font-style-italic` | — | — | [references/styles/scss.md](references/styles/scss.md) |
359
+ | `scssVariable/scss/$pds-font-variant` | `$pds-font-variant` | — | — | [references/styles/scss.md](references/styles/scss.md) |
360
+ | `scssMixin/scss/pds-drop-shadow-low()` | `pds-drop-shadow-low()` | `$shadow-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
361
+ | `scssMixin/scss/pds-drop-shadow-medium()` | `pds-drop-shadow-medium()` | `$shadow-md` | — | [references/styles/scss.md](references/styles/scss.md) |
362
+ | `scssMixin/scss/pds-drop-shadow-high()` | `pds-drop-shadow-high()` | `$shadow-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
363
+ | `scssVariable/scss/$pds-spacing-fluid-x-small` | `$pds-spacing-fluid-x-small` | `$spacing-fluid-xs` | — | [references/styles/scss.md](references/styles/scss.md) |
364
+ | `scssVariable/scss/$pds-spacing-fluid-small` | `$pds-spacing-fluid-small` | `$spacing-fluid-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
365
+ | `scssVariable/scss/$pds-spacing-fluid-medium` | `$pds-spacing-fluid-medium` | `$spacing-fluid-md` | — | [references/styles/scss.md](references/styles/scss.md) |
366
+ | `scssVariable/scss/$pds-spacing-fluid-large` | `$pds-spacing-fluid-large` | `$spacing-fluid-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
367
+ | `scssVariable/scss/$pds-spacing-fluid-x-large` | `$pds-spacing-fluid-x-large` | `$spacing-fluid-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
368
+ | `scssVariable/scss/$pds-spacing-fluid-xx-large` | `$pds-spacing-fluid-xx-large` | `$spacing-fluid-2xl` | — | [references/styles/scss.md](references/styles/scss.md) |
369
+ | `scssVariable/scss/$pds-spacing-static-x-small` | `$pds-spacing-static-x-small` | `$spacing-static-xs` | — | [references/styles/scss.md](references/styles/scss.md) |
370
+ | `scssVariable/scss/$pds-spacing-static-small` | `$pds-spacing-static-small` | `$spacing-static-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
371
+ | `scssVariable/scss/$pds-spacing-static-medium` | `$pds-spacing-static-medium` | `$spacing-static-md` | — | [references/styles/scss.md](references/styles/scss.md) |
372
+ | `scssVariable/scss/$pds-spacing-static-large` | `$pds-spacing-static-large` | `$spacing-static-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
373
+ | `scssVariable/scss/$pds-spacing-static-x-large` | `$pds-spacing-static-x-large` | `$spacing-static-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
374
+ | `scssVariable/scss/$pds-spacing-static-xx-large` | `$pds-spacing-static-xx-large` | `$spacing-static-2xl` | — | [references/styles/scss.md](references/styles/scss.md) |
375
+ | `scssVariable/scss/$pds-motion-duration-short` | `$pds-motion-duration-short` | `$duration-sm` | — | [references/styles/scss.md](references/styles/scss.md) |
376
+ | `scssVariable/scss/$pds-motion-duration-moderate` | `$pds-motion-duration-moderate` | `$duration-md` | — | [references/styles/scss.md](references/styles/scss.md) |
377
+ | `scssVariable/scss/$pds-motion-duration-long` | `$pds-motion-duration-long` | `$duration-lg` | — | [references/styles/scss.md](references/styles/scss.md) |
378
+ | `scssVariable/scss/$pds-motion-duration-very-long` | `$pds-motion-duration-very-long` | `$duration-xl` | — | [references/styles/scss.md](references/styles/scss.md) |
379
+ | `scssVariable/scss/$pds-motion-easing-base` | `$pds-motion-easing-base` | `$ease-in-out` | — | [references/styles/scss.md](references/styles/scss.md) |
380
+ | `scssVariable/scss/$pds-motion-easing-in` | `$pds-motion-easing-in` | `$ease-in` | — | [references/styles/scss.md](references/styles/scss.md) |
381
+ | `scssVariable/scss/$pds-motion-easing-out` | `$pds-motion-easing-out` | `$ease-out` | — | [references/styles/scss.md](references/styles/scss.md) |
382
+ | `scssMixin/scss/pds-gradient-to-bottom()` | `pds-gradient-to-bottom()` | `$gradient-stops-fade-dark` | — | [references/styles/scss.md](references/styles/scss.md) |
383
+ | `scssMixin/scss/pds-gradient-to-left()` | `pds-gradient-to-left()` | `$gradient-stops-fade-dark` | — | [references/styles/scss.md](references/styles/scss.md) |
384
+ | `scssMixin/scss/pds-gradient-to-right()` | `pds-gradient-to-right()` | `$gradient-stops-fade-dark` | — | [references/styles/scss.md](references/styles/scss.md) |
385
+ | `scssMixin/scss/pds-gradient-to-top()` | `pds-gradient-to-top()` | `$gradient-stops-fade-dark` | — | [references/styles/scss.md](references/styles/scss.md) |
386
+ | `scssMixin/scss/pds-heading-xx-large()` | `pds-heading-xx-large()` | `prose-heading-2xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
387
+ | `scssMixin/scss/pds-heading-x-large()` | `pds-heading-x-large()` | `prose-heading-xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
388
+ | `scssMixin/scss/pds-heading-large()` | `pds-heading-large()` | `prose-heading-lg()` | — | [references/styles/scss.md](references/styles/scss.md) |
389
+ | `scssMixin/scss/pds-heading-medium()` | `pds-heading-medium()` | `prose-heading-md()` | — | [references/styles/scss.md](references/styles/scss.md) |
390
+ | `scssMixin/scss/pds-heading-small()` | `pds-heading-small()` | `prose-heading-sm()` | — | [references/styles/scss.md](references/styles/scss.md) |
391
+ | `scssMixin/scss/pds-text-x-large()` | `pds-text-x-large()` | `prose-text-xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
392
+ | `scssMixin/scss/pds-text-large()` | `pds-text-large()` | `prose-text-lg()` | — | [references/styles/scss.md](references/styles/scss.md) |
393
+ | `scssMixin/scss/pds-text-medium()` | `pds-text-medium()` | `prose-text-md()` | — | [references/styles/scss.md](references/styles/scss.md) |
394
+ | `scssMixin/scss/pds-text-small()` | `pds-text-small()` | `prose-text-sm()` | — | [references/styles/scss.md](references/styles/scss.md) |
395
+ | `scssMixin/scss/pds-text-x-small()` | `pds-text-x-small()` | `prose-text-xs()` | — | [references/styles/scss.md](references/styles/scss.md) |
396
+ | `scssMixin/scss/pds-text-xx-small()` | `pds-text-xx-small()` | `prose-text-2xs()` | — | [references/styles/scss.md](references/styles/scss.md) |
397
+ | `scssMixin/scss/pds-display-large()` | `pds-display-large()` | `prose-heading-5xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
398
+ | `scssMixin/scss/pds-display-medium()` | `pds-display-medium()` | `prose-heading-4xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
399
+ | `scssMixin/scss/pds-display-small()` | `pds-display-small()` | `prose-heading-3xl()` | — | [references/styles/scss.md](references/styles/scss.md) |
400
+ | `scssMixin/scss/pds-skeleton()` | `pds-skeleton()` | `skeleton()` | — | [references/styles/scss.md](references/styles/scss.md) |
401
+ | `scssMixin/scss/pds-focus()` | `pds-focus()` | `focus-visible()` | — | [references/styles/scss.md](references/styles/scss.md) |
402
+ | `scssMixin/scss/pds-media-query-min()` | `pds-media-query-min()` | `media-query-min()` | — | [references/styles/scss.md](references/styles/scss.md) |
403
+ | `scssMixin/scss/pds-media-query-max()` | `pds-media-query-max()` | `media-query-max()` | — | [references/styles/scss.md](references/styles/scss.md) |
404
+ | `scssMixin/scss/pds-media-query-min-max()` | `pds-media-query-min-max()` | `media-query-min-max()` | — | [references/styles/scss.md](references/styles/scss.md) |
405
+
406
+ ## Emotion
407
+
408
+ Derived from the Emotion API exposed by `@porsche-design-system/components-react/emotion`.
409
+
410
+ | Rule ID | Deprecated | Replacement | Note | Reference |
411
+ | --- | --- | --- | --- | --- |
412
+ | `jsExport/emotion/border` | `border` | — | Use variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
413
+ | `jsExport/emotion/borderRadius` | `borderRadius` | — | Use variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
414
+ | `jsExport/emotion/borderRadiusLarge` | `borderRadiusLarge` | `radiusLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
415
+ | `jsExport/emotion/borderRadiusMedium` | `borderRadiusMedium` | `radiusMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
416
+ | `jsExport/emotion/borderRadiusSmall` | `borderRadiusSmall` | `radiusSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
417
+ | `jsExport/emotion/borderWidth` | `borderWidth` | — | Use variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
418
+ | `jsExport/emotion/borderWidthBase` | `borderWidthBase` | — | Use 2px instead. | [references/styles/emotion.md](references/styles/emotion.md) |
419
+ | `jsExport/emotion/borderWidthThin` | `borderWidthThin` | — | Use 1px instead. | [references/styles/emotion.md](references/styles/emotion.md) |
420
+ | `jsExport/emotion/frostedGlassStyle` | `frostedGlassStyle` | — | Use backdropFilter: blurFrosted instead. | [references/styles/emotion.md](references/styles/emotion.md) |
421
+ | `jsExport/emotion/theme` | `theme` | — | Use individual variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
422
+ | `jsExport/emotion/themeDark` | `themeDark` | — | Use individual variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
423
+ | `jsExport/emotion/themeDarkBackgroundBase` | `themeDarkBackgroundBase` | `colorCanvas` | — | [references/styles/emotion.md](references/styles/emotion.md) |
424
+ | `jsExport/emotion/themeDarkBackgroundFrosted` | `themeDarkBackgroundFrosted` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
425
+ | `jsExport/emotion/themeDarkBackgroundShading` | `themeDarkBackgroundShading` | `colorBackdrop` | — | [references/styles/emotion.md](references/styles/emotion.md) |
426
+ | `jsExport/emotion/themeDarkBackgroundSurface` | `themeDarkBackgroundSurface` | `colorSurface` | — | [references/styles/emotion.md](references/styles/emotion.md) |
427
+ | `jsExport/emotion/themeDarkContrastHigh` | `themeDarkContrastHigh` | `colorContrastHigh` | — | [references/styles/emotion.md](references/styles/emotion.md) |
428
+ | `jsExport/emotion/themeDarkContrastLow` | `themeDarkContrastLow` | `colorContrastLow` | — | [references/styles/emotion.md](references/styles/emotion.md) |
429
+ | `jsExport/emotion/themeDarkContrastMedium` | `themeDarkContrastMedium` | `colorContrastMedium` | — | [references/styles/emotion.md](references/styles/emotion.md) |
430
+ | `jsExport/emotion/themeDarkNotificationError` | `themeDarkNotificationError` | `colorError` | — | [references/styles/emotion.md](references/styles/emotion.md) |
431
+ | `jsExport/emotion/themeDarkNotificationErrorSoft` | `themeDarkNotificationErrorSoft` | `colorErrorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
432
+ | `jsExport/emotion/themeDarkNotificationInfo` | `themeDarkNotificationInfo` | `colorInfo` | — | [references/styles/emotion.md](references/styles/emotion.md) |
433
+ | `jsExport/emotion/themeDarkNotificationInfoSoft` | `themeDarkNotificationInfoSoft` | `colorInfoFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
434
+ | `jsExport/emotion/themeDarkNotificationSuccess` | `themeDarkNotificationSuccess` | `colorSuccess` | — | [references/styles/emotion.md](references/styles/emotion.md) |
435
+ | `jsExport/emotion/themeDarkNotificationSuccessSoft` | `themeDarkNotificationSuccessSoft` | `colorSuccessFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
436
+ | `jsExport/emotion/themeDarkNotificationWarning` | `themeDarkNotificationWarning` | `colorWarning` | — | [references/styles/emotion.md](references/styles/emotion.md) |
437
+ | `jsExport/emotion/themeDarkNotificationWarningSoft` | `themeDarkNotificationWarningSoft` | `colorWarningFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
438
+ | `jsExport/emotion/themeDarkPrimary` | `themeDarkPrimary` | `colorPrimary` | — | [references/styles/emotion.md](references/styles/emotion.md) |
439
+ | `jsExport/emotion/themeDarkStateActive` | `themeDarkStateActive` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
440
+ | `jsExport/emotion/themeDarkStateDisabled` | `themeDarkStateDisabled` | — | — | [references/styles/emotion.md](references/styles/emotion.md) |
441
+ | `jsExport/emotion/themeDarkStateFocus` | `themeDarkStateFocus` | `colorFocus` | — | [references/styles/emotion.md](references/styles/emotion.md) |
442
+ | `jsExport/emotion/themeDarkStateHover` | `themeDarkStateHover` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
443
+ | `jsExport/emotion/themeLight` | `themeLight` | — | Use individual variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
444
+ | `jsExport/emotion/themeLightBackgroundBase` | `themeLightBackgroundBase` | `colorCanvas` | — | [references/styles/emotion.md](references/styles/emotion.md) |
445
+ | `jsExport/emotion/themeLightBackgroundFrosted` | `themeLightBackgroundFrosted` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
446
+ | `jsExport/emotion/themeLightBackgroundShading` | `themeLightBackgroundShading` | `colorBackdrop` | — | [references/styles/emotion.md](references/styles/emotion.md) |
447
+ | `jsExport/emotion/themeLightBackgroundSurface` | `themeLightBackgroundSurface` | `colorSurface` | — | [references/styles/emotion.md](references/styles/emotion.md) |
448
+ | `jsExport/emotion/themeLightContrastHigh` | `themeLightContrastHigh` | `colorContrastHigh` | — | [references/styles/emotion.md](references/styles/emotion.md) |
449
+ | `jsExport/emotion/themeLightContrastLow` | `themeLightContrastLow` | `colorContrastLow` | — | [references/styles/emotion.md](references/styles/emotion.md) |
450
+ | `jsExport/emotion/themeLightContrastMedium` | `themeLightContrastMedium` | `colorContrastMedium` | — | [references/styles/emotion.md](references/styles/emotion.md) |
451
+ | `jsExport/emotion/themeLightNotificationError` | `themeLightNotificationError` | `colorError` | — | [references/styles/emotion.md](references/styles/emotion.md) |
452
+ | `jsExport/emotion/themeLightNotificationErrorSoft` | `themeLightNotificationErrorSoft` | `colorErrorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
453
+ | `jsExport/emotion/themeLightNotificationInfo` | `themeLightNotificationInfo` | `colorInfo` | — | [references/styles/emotion.md](references/styles/emotion.md) |
454
+ | `jsExport/emotion/themeLightNotificationInfoSoft` | `themeLightNotificationInfoSoft` | `colorInfoFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
455
+ | `jsExport/emotion/themeLightNotificationSuccess` | `themeLightNotificationSuccess` | `colorSuccess` | — | [references/styles/emotion.md](references/styles/emotion.md) |
456
+ | `jsExport/emotion/themeLightNotificationSuccessSoft` | `themeLightNotificationSuccessSoft` | `colorSuccessFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
457
+ | `jsExport/emotion/themeLightNotificationWarning` | `themeLightNotificationWarning` | `colorWarning` | — | [references/styles/emotion.md](references/styles/emotion.md) |
458
+ | `jsExport/emotion/themeLightNotificationWarningSoft` | `themeLightNotificationWarningSoft` | `colorWarningFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
459
+ | `jsExport/emotion/themeLightPrimary` | `themeLightPrimary` | `colorPrimary` | — | [references/styles/emotion.md](references/styles/emotion.md) |
460
+ | `jsExport/emotion/themeLightStateActive` | `themeLightStateActive` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
461
+ | `jsExport/emotion/themeLightStateDisabled` | `themeLightStateDisabled` | — | — | [references/styles/emotion.md](references/styles/emotion.md) |
462
+ | `jsExport/emotion/themeLightStateFocus` | `themeLightStateFocus` | `colorFocus` | — | [references/styles/emotion.md](references/styles/emotion.md) |
463
+ | `jsExport/emotion/themeLightStateHover` | `themeLightStateHover` | `colorFrosted` | — | [references/styles/emotion.md](references/styles/emotion.md) |
464
+ | `jsExport/emotion/fontFamily` | `fontFamily` | `fontPorscheNext` | — | [references/styles/emotion.md](references/styles/emotion.md) |
465
+ | `jsExport/emotion/fontLineHeight` | `fontLineHeight` | `leadingNormal` | — | [references/styles/emotion.md](references/styles/emotion.md) |
466
+ | `jsExport/emotion/fontSize` | `fontSize` | — | Use typescale variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
467
+ | `jsExport/emotion/fontSizeDisplay` | `fontSizeDisplay` | — | Use variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
468
+ | `jsExport/emotion/fontSizeHeading` | `fontSizeHeading` | — | Use typescale variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
469
+ | `jsExport/emotion/fontSizeHeadingLarge` | `fontSizeHeadingLarge` | `typescaleLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
470
+ | `jsExport/emotion/fontSizeHeadingMedium` | `fontSizeHeadingMedium` | `typescaleMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
471
+ | `jsExport/emotion/fontSizeHeadingSmall` | `fontSizeHeadingSmall` | `typescaleSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
472
+ | `jsExport/emotion/fontSizeHeadingXLarge` | `fontSizeHeadingXLarge` | `typescaleXl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
473
+ | `jsExport/emotion/fontSizeHeadingXXLarge` | `fontSizeHeadingXXLarge` | `typescale2Xl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
474
+ | `jsExport/emotion/fontSizeText` | `fontSizeText` | — | Use typescale variables instead. | [references/styles/emotion.md](references/styles/emotion.md) |
475
+ | `jsExport/emotion/fontSizeTextLarge` | `fontSizeTextLarge` | `typescaleLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
476
+ | `jsExport/emotion/fontSizeTextMedium` | `fontSizeTextMedium` | `typescaleMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
477
+ | `jsExport/emotion/fontSizeTextSmall` | `fontSizeTextSmall` | `typescaleSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
478
+ | `jsExport/emotion/fontSizeTextXLarge` | `fontSizeTextXLarge` | `typescaleXl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
479
+ | `jsExport/emotion/fontSizeTextXSmall` | `fontSizeTextXSmall` | `typescaleXs` | — | [references/styles/emotion.md](references/styles/emotion.md) |
480
+ | `jsExport/emotion/fontSizeTextXXSmall` | `fontSizeTextXXSmall` | `typescale2Xs` | — | [references/styles/emotion.md](references/styles/emotion.md) |
481
+ | `jsExport/emotion/fontStyle` | `fontStyle` | — | Use 'normal' \| 'italic' instead. | [references/styles/emotion.md](references/styles/emotion.md) |
482
+ | `jsExport/emotion/fontStyleItalic` | `fontStyleItalic` | — | Use 'italic' instead. | [references/styles/emotion.md](references/styles/emotion.md) |
483
+ | `jsExport/emotion/fontStyleNormal` | `fontStyleNormal` | — | Use 'normal' instead. | [references/styles/emotion.md](references/styles/emotion.md) |
484
+ | `jsExport/emotion/fontVariant` | `fontVariant` | — | Use 'normal' instead. | [references/styles/emotion.md](references/styles/emotion.md) |
485
+ | `jsExport/emotion/fontWeight` | `fontWeight` | — | Use variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
486
+ | `jsExport/emotion/fontWeightRegular` | `fontWeightRegular` | `fontWeightNormal` | — | [references/styles/emotion.md](references/styles/emotion.md) |
487
+ | `jsExport/emotion/fontWeightSemiBold` | `fontWeightSemiBold` | `fontWeightSemibold` | — | [references/styles/emotion.md](references/styles/emotion.md) |
488
+ | `jsExport/emotion/dropShadowHighStyle` | `dropShadowHighStyle` | — | Use boxShadow: shadowLg instead. | [references/styles/emotion.md](references/styles/emotion.md) |
489
+ | `jsExport/emotion/dropShadowLowStyle` | `dropShadowLowStyle` | — | Use boxShadow: shadowSm instead. | [references/styles/emotion.md](references/styles/emotion.md) |
490
+ | `jsExport/emotion/dropShadowMediumStyle` | `dropShadowMediumStyle` | — | Use boxShadow: shadowMd instead. | [references/styles/emotion.md](references/styles/emotion.md) |
491
+ | `jsExport/emotion/spacing` | `spacing` | — | Use spacing variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
492
+ | `jsExport/emotion/spacingFluid` | `spacingFluid` | — | Use spacing variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
493
+ | `jsExport/emotion/spacingFluidLarge` | `spacingFluidLarge` | `spacingFluidLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
494
+ | `jsExport/emotion/spacingFluidMedium` | `spacingFluidMedium` | `spacingFluidMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
495
+ | `jsExport/emotion/spacingFluidSmall` | `spacingFluidSmall` | `spacingFluidSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
496
+ | `jsExport/emotion/spacingFluidXLarge` | `spacingFluidXLarge` | `spacingFluidXl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
497
+ | `jsExport/emotion/spacingFluidXSmall` | `spacingFluidXSmall` | `spacingFluidXs` | — | [references/styles/emotion.md](references/styles/emotion.md) |
498
+ | `jsExport/emotion/spacingFluidXXLarge` | `spacingFluidXXLarge` | `spacingFluid2Xl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
499
+ | `jsExport/emotion/spacingStatic` | `spacingStatic` | — | Use spacing variables directly instead. | [references/styles/emotion.md](references/styles/emotion.md) |
500
+ | `jsExport/emotion/spacingStaticLarge` | `spacingStaticLarge` | `spacingStaticLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
501
+ | `jsExport/emotion/spacingStaticMedium` | `spacingStaticMedium` | `spacingStaticMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
502
+ | `jsExport/emotion/spacingStaticSmall` | `spacingStaticSmall` | `spacingStaticSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
503
+ | `jsExport/emotion/spacingStaticXLarge` | `spacingStaticXLarge` | `spacingStaticXl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
504
+ | `jsExport/emotion/spacingStaticXSmall` | `spacingStaticXSmall` | `spacingStaticXs` | — | [references/styles/emotion.md](references/styles/emotion.md) |
505
+ | `jsExport/emotion/spacingStaticXXLarge` | `spacingStaticXXLarge` | `spacingStatic2Xl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
506
+ | `jsExport/emotion/motionDurationLong` | `motionDurationLong` | `durationLg` | — | [references/styles/emotion.md](references/styles/emotion.md) |
507
+ | `jsExport/emotion/motionDurationModerate` | `motionDurationModerate` | `durationMd` | — | [references/styles/emotion.md](references/styles/emotion.md) |
508
+ | `jsExport/emotion/motionDurationShort` | `motionDurationShort` | `durationSm` | — | [references/styles/emotion.md](references/styles/emotion.md) |
509
+ | `jsExport/emotion/motionDurationVeryLong` | `motionDurationVeryLong` | `durationXl` | — | [references/styles/emotion.md](references/styles/emotion.md) |
510
+ | `jsExport/emotion/motionEasingBase` | `motionEasingBase` | `easeInOut` | — | [references/styles/emotion.md](references/styles/emotion.md) |
511
+ | `jsExport/emotion/motionEasingIn` | `motionEasingIn` | `easeIn` | — | [references/styles/emotion.md](references/styles/emotion.md) |
512
+ | `jsExport/emotion/motionEasingOut` | `motionEasingOut` | `easeOut` | — | [references/styles/emotion.md](references/styles/emotion.md) |
513
+ | `jsExport/emotion/gradientToBottomStyle` | `gradientToBottomStyle` | — | Use background: `linear-gradient(to bottom, ${gradientStopsFadeDark});` instead. | [references/styles/emotion.md](references/styles/emotion.md) |
514
+ | `jsExport/emotion/gradientToLeftStyle` | `gradientToLeftStyle` | — | Use background: `linear-gradient(to left, ${gradientStopsFadeDark});` instead. | [references/styles/emotion.md](references/styles/emotion.md) |
515
+ | `jsExport/emotion/gradientToRightStyle` | `gradientToRightStyle` | — | background: `linear-gradient(to right, ${gradientStopsFadeDark});` instead. | [references/styles/emotion.md](references/styles/emotion.md) |
516
+ | `jsExport/emotion/gradientToTopStyle` | `gradientToTopStyle` | — | background: `linear-gradient(to top, ${gradientStopsFadeDark});` instead. | [references/styles/emotion.md](references/styles/emotion.md) |
517
+ | `jsExport/emotion/displaySmallStyle` | `displaySmallStyle` | `proseHeading3XlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
518
+ | `jsExport/emotion/displayMediumStyle` | `displayMediumStyle` | `proseHeading4XlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
519
+ | `jsExport/emotion/displayLargeStyle` | `displayLargeStyle` | `proseHeading5XlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
520
+ | `jsExport/emotion/headingSmallStyle` | `headingSmallStyle` | `proseHeadingSmStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
521
+ | `jsExport/emotion/headingMediumStyle` | `headingMediumStyle` | `proseHeadingMdStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
522
+ | `jsExport/emotion/headingLargeStyle` | `headingLargeStyle` | `proseHeadingLgStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
523
+ | `jsExport/emotion/headingXLargeStyle` | `headingXLargeStyle` | `proseHeadingXlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
524
+ | `jsExport/emotion/headingXXLargeStyle` | `headingXXLargeStyle` | `proseHeading2XlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
525
+ | `jsExport/emotion/textXXSmallStyle` | `textXXSmallStyle` | `proseText2XsStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
526
+ | `jsExport/emotion/textXSmallStyle` | `textXSmallStyle` | `proseTextXsStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
527
+ | `jsExport/emotion/textSmallStyle` | `textSmallStyle` | `proseTextSmStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
528
+ | `jsExport/emotion/textMediumStyle` | `textMediumStyle` | `proseTextMdStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
529
+ | `jsExport/emotion/textLargeStyle` | `textLargeStyle` | `proseTextLgStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
530
+ | `jsExport/emotion/textXLargeStyle` | `textXLargeStyle` | `proseTextXlStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
531
+ | `jsExport/emotion/getFocusStyle` | `getFocusStyle` | `getFocusVisibleStyle` | — | [references/styles/emotion.md](references/styles/emotion.md) |
532
+
533
+ ## vanilla-extract
534
+
535
+ Derived from the vanilla-extract API exposed by `@porsche-design-system/components-react/vanilla-extract`.
536
+
537
+ | Rule ID | Deprecated | Replacement | Note | Reference |
538
+ | --- | --- | --- | --- | --- |
539
+ | `jsExport/vanillaExtract/border` | `border` | — | Use variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
540
+ | `jsExport/vanillaExtract/borderRadius` | `borderRadius` | — | Use variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
541
+ | `jsExport/vanillaExtract/borderRadiusLarge` | `borderRadiusLarge` | `radiusLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
542
+ | `jsExport/vanillaExtract/borderRadiusMedium` | `borderRadiusMedium` | `radiusMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
543
+ | `jsExport/vanillaExtract/borderRadiusSmall` | `borderRadiusSmall` | `radiusSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
544
+ | `jsExport/vanillaExtract/borderWidth` | `borderWidth` | — | Use variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
545
+ | `jsExport/vanillaExtract/borderWidthBase` | `borderWidthBase` | — | Use 2px instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
546
+ | `jsExport/vanillaExtract/borderWidthThin` | `borderWidthThin` | — | Use 1px instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
547
+ | `jsExport/vanillaExtract/frostedGlassStyle` | `frostedGlassStyle` | — | Use backdropFilter: blurFrosted instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
548
+ | `jsExport/vanillaExtract/theme` | `theme` | — | Use individual variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
549
+ | `jsExport/vanillaExtract/themeDark` | `themeDark` | — | Use individual variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
550
+ | `jsExport/vanillaExtract/themeDarkBackgroundBase` | `themeDarkBackgroundBase` | `colorCanvas` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
551
+ | `jsExport/vanillaExtract/themeDarkBackgroundFrosted` | `themeDarkBackgroundFrosted` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
552
+ | `jsExport/vanillaExtract/themeDarkBackgroundShading` | `themeDarkBackgroundShading` | `colorBackdrop` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
553
+ | `jsExport/vanillaExtract/themeDarkBackgroundSurface` | `themeDarkBackgroundSurface` | `colorSurface` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
554
+ | `jsExport/vanillaExtract/themeDarkContrastHigh` | `themeDarkContrastHigh` | `colorContrastHigh` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
555
+ | `jsExport/vanillaExtract/themeDarkContrastLow` | `themeDarkContrastLow` | `colorContrastLow` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
556
+ | `jsExport/vanillaExtract/themeDarkContrastMedium` | `themeDarkContrastMedium` | `colorContrastMedium` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
557
+ | `jsExport/vanillaExtract/themeDarkNotificationError` | `themeDarkNotificationError` | `colorError` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
558
+ | `jsExport/vanillaExtract/themeDarkNotificationErrorSoft` | `themeDarkNotificationErrorSoft` | `colorErrorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
559
+ | `jsExport/vanillaExtract/themeDarkNotificationInfo` | `themeDarkNotificationInfo` | `colorInfo` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
560
+ | `jsExport/vanillaExtract/themeDarkNotificationInfoSoft` | `themeDarkNotificationInfoSoft` | `colorInfoFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
561
+ | `jsExport/vanillaExtract/themeDarkNotificationSuccess` | `themeDarkNotificationSuccess` | `colorSuccess` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
562
+ | `jsExport/vanillaExtract/themeDarkNotificationSuccessSoft` | `themeDarkNotificationSuccessSoft` | `colorSuccessFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
563
+ | `jsExport/vanillaExtract/themeDarkNotificationWarning` | `themeDarkNotificationWarning` | `colorWarning` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
564
+ | `jsExport/vanillaExtract/themeDarkNotificationWarningSoft` | `themeDarkNotificationWarningSoft` | `colorWarningFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
565
+ | `jsExport/vanillaExtract/themeDarkPrimary` | `themeDarkPrimary` | `colorPrimary` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
566
+ | `jsExport/vanillaExtract/themeDarkStateActive` | `themeDarkStateActive` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
567
+ | `jsExport/vanillaExtract/themeDarkStateDisabled` | `themeDarkStateDisabled` | — | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
568
+ | `jsExport/vanillaExtract/themeDarkStateFocus` | `themeDarkStateFocus` | `colorFocus` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
569
+ | `jsExport/vanillaExtract/themeDarkStateHover` | `themeDarkStateHover` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
570
+ | `jsExport/vanillaExtract/themeLight` | `themeLight` | — | Use individual variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
571
+ | `jsExport/vanillaExtract/themeLightBackgroundBase` | `themeLightBackgroundBase` | `colorCanvas` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
572
+ | `jsExport/vanillaExtract/themeLightBackgroundFrosted` | `themeLightBackgroundFrosted` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
573
+ | `jsExport/vanillaExtract/themeLightBackgroundShading` | `themeLightBackgroundShading` | `colorBackdrop` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
574
+ | `jsExport/vanillaExtract/themeLightBackgroundSurface` | `themeLightBackgroundSurface` | `colorSurface` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
575
+ | `jsExport/vanillaExtract/themeLightContrastHigh` | `themeLightContrastHigh` | `colorContrastHigh` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
576
+ | `jsExport/vanillaExtract/themeLightContrastLow` | `themeLightContrastLow` | `colorContrastLow` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
577
+ | `jsExport/vanillaExtract/themeLightContrastMedium` | `themeLightContrastMedium` | `colorContrastMedium` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
578
+ | `jsExport/vanillaExtract/themeLightNotificationError` | `themeLightNotificationError` | `colorError` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
579
+ | `jsExport/vanillaExtract/themeLightNotificationErrorSoft` | `themeLightNotificationErrorSoft` | `colorErrorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
580
+ | `jsExport/vanillaExtract/themeLightNotificationInfo` | `themeLightNotificationInfo` | `colorInfo` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
581
+ | `jsExport/vanillaExtract/themeLightNotificationInfoSoft` | `themeLightNotificationInfoSoft` | `colorInfoFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
582
+ | `jsExport/vanillaExtract/themeLightNotificationSuccess` | `themeLightNotificationSuccess` | `colorSuccess` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
583
+ | `jsExport/vanillaExtract/themeLightNotificationSuccessSoft` | `themeLightNotificationSuccessSoft` | `colorSuccessFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
584
+ | `jsExport/vanillaExtract/themeLightNotificationWarning` | `themeLightNotificationWarning` | `colorWarning` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
585
+ | `jsExport/vanillaExtract/themeLightNotificationWarningSoft` | `themeLightNotificationWarningSoft` | `colorWarningFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
586
+ | `jsExport/vanillaExtract/themeLightPrimary` | `themeLightPrimary` | `colorPrimary` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
587
+ | `jsExport/vanillaExtract/themeLightStateActive` | `themeLightStateActive` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
588
+ | `jsExport/vanillaExtract/themeLightStateDisabled` | `themeLightStateDisabled` | — | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
589
+ | `jsExport/vanillaExtract/themeLightStateFocus` | `themeLightStateFocus` | `colorFocus` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
590
+ | `jsExport/vanillaExtract/themeLightStateHover` | `themeLightStateHover` | `colorFrosted` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
591
+ | `jsExport/vanillaExtract/fontFamily` | `fontFamily` | `fontPorscheNext` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
592
+ | `jsExport/vanillaExtract/fontLineHeight` | `fontLineHeight` | `leadingNormal` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
593
+ | `jsExport/vanillaExtract/fontSize` | `fontSize` | — | Use typescale variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
594
+ | `jsExport/vanillaExtract/fontSizeDisplay` | `fontSizeDisplay` | — | Use variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
595
+ | `jsExport/vanillaExtract/fontSizeHeading` | `fontSizeHeading` | — | Use typescale variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
596
+ | `jsExport/vanillaExtract/fontSizeHeadingLarge` | `fontSizeHeadingLarge` | `typescaleLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
597
+ | `jsExport/vanillaExtract/fontSizeHeadingMedium` | `fontSizeHeadingMedium` | `typescaleMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
598
+ | `jsExport/vanillaExtract/fontSizeHeadingSmall` | `fontSizeHeadingSmall` | `typescaleSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
599
+ | `jsExport/vanillaExtract/fontSizeHeadingXLarge` | `fontSizeHeadingXLarge` | `typescaleXl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
600
+ | `jsExport/vanillaExtract/fontSizeHeadingXXLarge` | `fontSizeHeadingXXLarge` | `typescale2Xl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
601
+ | `jsExport/vanillaExtract/fontSizeText` | `fontSizeText` | — | Use typescale variables instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
602
+ | `jsExport/vanillaExtract/fontSizeTextLarge` | `fontSizeTextLarge` | `typescaleLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
603
+ | `jsExport/vanillaExtract/fontSizeTextMedium` | `fontSizeTextMedium` | `typescaleMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
604
+ | `jsExport/vanillaExtract/fontSizeTextSmall` | `fontSizeTextSmall` | `typescaleSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
605
+ | `jsExport/vanillaExtract/fontSizeTextXLarge` | `fontSizeTextXLarge` | `typescaleXl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
606
+ | `jsExport/vanillaExtract/fontSizeTextXSmall` | `fontSizeTextXSmall` | `typescaleXs` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
607
+ | `jsExport/vanillaExtract/fontSizeTextXXSmall` | `fontSizeTextXXSmall` | `typescale2Xs` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
608
+ | `jsExport/vanillaExtract/fontStyle` | `fontStyle` | — | Use 'normal' \| 'italic' instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
609
+ | `jsExport/vanillaExtract/fontStyleItalic` | `fontStyleItalic` | — | Use 'italic' instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
610
+ | `jsExport/vanillaExtract/fontStyleNormal` | `fontStyleNormal` | — | Use 'normal' instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
611
+ | `jsExport/vanillaExtract/fontVariant` | `fontVariant` | — | Use 'normal' instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
612
+ | `jsExport/vanillaExtract/fontWeight` | `fontWeight` | — | Use variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
613
+ | `jsExport/vanillaExtract/fontWeightRegular` | `fontWeightRegular` | `fontWeightNormal` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
614
+ | `jsExport/vanillaExtract/fontWeightSemiBold` | `fontWeightSemiBold` | `fontWeightSemibold` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
615
+ | `jsExport/vanillaExtract/dropShadowHighStyle` | `dropShadowHighStyle` | — | Use boxShadow: shadowLg instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
616
+ | `jsExport/vanillaExtract/dropShadowLowStyle` | `dropShadowLowStyle` | — | Use boxShadow: shadowSm instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
617
+ | `jsExport/vanillaExtract/dropShadowMediumStyle` | `dropShadowMediumStyle` | — | Use boxShadow: shadowMd instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
618
+ | `jsExport/vanillaExtract/spacing` | `spacing` | — | Use spacing variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
619
+ | `jsExport/vanillaExtract/spacingFluid` | `spacingFluid` | — | Use spacing variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
620
+ | `jsExport/vanillaExtract/spacingFluidLarge` | `spacingFluidLarge` | `spacingFluidLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
621
+ | `jsExport/vanillaExtract/spacingFluidMedium` | `spacingFluidMedium` | `spacingFluidMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
622
+ | `jsExport/vanillaExtract/spacingFluidSmall` | `spacingFluidSmall` | `spacingFluidSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
623
+ | `jsExport/vanillaExtract/spacingFluidXLarge` | `spacingFluidXLarge` | `spacingFluidXl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
624
+ | `jsExport/vanillaExtract/spacingFluidXSmall` | `spacingFluidXSmall` | `spacingFluidXs` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
625
+ | `jsExport/vanillaExtract/spacingFluidXXLarge` | `spacingFluidXXLarge` | `spacingFluid2Xl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
626
+ | `jsExport/vanillaExtract/spacingStatic` | `spacingStatic` | — | Use spacing variables directly instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
627
+ | `jsExport/vanillaExtract/spacingStaticLarge` | `spacingStaticLarge` | `spacingStaticLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
628
+ | `jsExport/vanillaExtract/spacingStaticMedium` | `spacingStaticMedium` | `spacingStaticMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
629
+ | `jsExport/vanillaExtract/spacingStaticSmall` | `spacingStaticSmall` | `spacingStaticSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
630
+ | `jsExport/vanillaExtract/spacingStaticXLarge` | `spacingStaticXLarge` | `spacingStaticXl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
631
+ | `jsExport/vanillaExtract/spacingStaticXSmall` | `spacingStaticXSmall` | `spacingStaticXs` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
632
+ | `jsExport/vanillaExtract/spacingStaticXXLarge` | `spacingStaticXXLarge` | `spacingStatic2Xl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
633
+ | `jsExport/vanillaExtract/motionDurationLong` | `motionDurationLong` | `durationLg` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
634
+ | `jsExport/vanillaExtract/motionDurationModerate` | `motionDurationModerate` | `durationMd` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
635
+ | `jsExport/vanillaExtract/motionDurationShort` | `motionDurationShort` | `durationSm` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
636
+ | `jsExport/vanillaExtract/motionDurationVeryLong` | `motionDurationVeryLong` | `durationXl` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
637
+ | `jsExport/vanillaExtract/motionEasingBase` | `motionEasingBase` | `easeInOut` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
638
+ | `jsExport/vanillaExtract/motionEasingIn` | `motionEasingIn` | `easeIn` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
639
+ | `jsExport/vanillaExtract/motionEasingOut` | `motionEasingOut` | `easeOut` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
640
+ | `jsExport/vanillaExtract/gradientToBottomStyle` | `gradientToBottomStyle` | — | Use background: `linear-gradient(to bottom, ${gradientStopsFadeDark});` instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
641
+ | `jsExport/vanillaExtract/gradientToLeftStyle` | `gradientToLeftStyle` | — | Use background: `linear-gradient(to left, ${gradientStopsFadeDark});` instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
642
+ | `jsExport/vanillaExtract/gradientToRightStyle` | `gradientToRightStyle` | — | background: `linear-gradient(to right, ${gradientStopsFadeDark});` instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
643
+ | `jsExport/vanillaExtract/gradientToTopStyle` | `gradientToTopStyle` | — | background: `linear-gradient(to top, ${gradientStopsFadeDark});` instead. | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
644
+ | `jsExport/vanillaExtract/displaySmallStyle` | `displaySmallStyle` | `proseHeading3XlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
645
+ | `jsExport/vanillaExtract/displayMediumStyle` | `displayMediumStyle` | `proseHeading4XlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
646
+ | `jsExport/vanillaExtract/displayLargeStyle` | `displayLargeStyle` | `proseHeading5XlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
647
+ | `jsExport/vanillaExtract/headingSmallStyle` | `headingSmallStyle` | `proseHeadingSmStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
648
+ | `jsExport/vanillaExtract/headingMediumStyle` | `headingMediumStyle` | `proseHeadingMdStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
649
+ | `jsExport/vanillaExtract/headingLargeStyle` | `headingLargeStyle` | `proseHeadingLgStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
650
+ | `jsExport/vanillaExtract/headingXLargeStyle` | `headingXLargeStyle` | `proseHeadingXlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
651
+ | `jsExport/vanillaExtract/headingXXLargeStyle` | `headingXXLargeStyle` | `proseHeading2XlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
652
+ | `jsExport/vanillaExtract/textXXSmallStyle` | `textXXSmallStyle` | `proseText2XsStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
653
+ | `jsExport/vanillaExtract/textXSmallStyle` | `textXSmallStyle` | `proseTextXsStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
654
+ | `jsExport/vanillaExtract/textSmallStyle` | `textSmallStyle` | `proseTextSmStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
655
+ | `jsExport/vanillaExtract/textMediumStyle` | `textMediumStyle` | `proseTextMdStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
656
+ | `jsExport/vanillaExtract/textLargeStyle` | `textLargeStyle` | `proseTextLgStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
657
+ | `jsExport/vanillaExtract/textXLargeStyle` | `textXLargeStyle` | `proseTextXlStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
658
+ | `jsExport/vanillaExtract/getFocusStyle` | `getFocusStyle` | `getFocusVisibleStyle` | — | [references/styles/vanilla-extract.md](references/styles/vanilla-extract.md) |
659
+
660
+ ## Tailwind CSS
661
+
662
+ Derived from the Tailwind theme exposed by `@porsche-design-system/components-react/tailwindcss`.
663
+
664
+ | Rule ID | Deprecated | Replacement | Note | Reference |
665
+ | --- | --- | --- | --- | --- |
666
+ | `cssCustomProperty/tailwindcss/--border-width-regular` | `--border-width-regular` | `--default-border-width` | The default border width is now 1px. | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
667
+ | `cssCustomProperty/tailwindcss/--border-width-thin` | `--border-width-thin` | `--default-border-width` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
668
+ | `cssCustomProperty/tailwindcss/--shadow-low` | `--shadow-low` | `--shadow-sm` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
669
+ | `cssCustomProperty/tailwindcss/--shadow-medium` | `--shadow-medium` | `--shadow-md` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
670
+ | `cssCustomProperty/tailwindcss/--shadow-high` | `--shadow-high` | `--shadow-lg` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
671
+ | `cssCustomProperty/tailwindcss/--transition-duration-short` | `--transition-duration-short` | `--transition-duration-sm` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
672
+ | `cssCustomProperty/tailwindcss/--transition-duration-moderate` | `--transition-duration-moderate` | `--transition-duration-md` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
673
+ | `cssCustomProperty/tailwindcss/--transition-duration-long` | `--transition-duration-long` | `--transition-duration-lg` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
674
+ | `cssCustomProperty/tailwindcss/--transition-duration-very-long` | `--transition-duration-very-long` | `--transition-duration-xl` | — | [references/styles/tailwindcss.md](references/styles/tailwindcss.md) |
675
+
676
+ ## Tokens
677
+
678
+ No deprecations in `4.7.0`. Derived from the design-token API exposed by `@porsche-design-system/components-react/tokens`, which was checked and found to carry none — this is a verified result, not an omission.
679
+
680
+ ## Icons
681
+
682
+ No deprecations in `4.7.0`. Derived from the `p-icon` `name` values exposed by `@porsche-design-system/components-react`, which was checked and found to carry none — this is a verified result, not an omission.
683
+
684
+ ## Stylesheets
685
+
686
+ No deprecations in `4.7.0`. Derived from the global CSS exposed by `@porsche-design-system/components-react/index.css`, including `@porsche-design-system/components-react/variables.css` and `@porsche-design-system/components-react/color-scheme.css`, which was checked and found to carry none — this is a verified result, not an omission.