@porsche-design-system/components-vue 3.28.0-rc.1 → 3.28.0-rc.3

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.
package/CHANGELOG.md CHANGED
@@ -12,18 +12,45 @@ All notable changes to this project will be documented in this file and publishe
12
12
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0), and this project adheres to
13
13
  [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
14
14
 
15
- ### [Unreleased]
15
+ ## [Unreleased]
16
16
 
17
- ### [3.28.0-rc.1] - 2025-04-14
17
+ ## [3.28.0-rc.3] - 2025-05-19
18
+
19
+ ### Added
20
+
21
+ - `Styles`: theme for `tailwindcss` including utilities available under
22
+ `import { … } from '@porsche-design-system/components-{js|angular|react|vue}/tailwindcss';`
23
+ ([#3849](https://github.com/porsche-design-system/porsche-design-system/pull/3849))
24
+
25
+ ### Changed
26
+
27
+ - Partials: `getInitialStyles` removed default styles for `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `p`, `b` and `strong`
28
+ ([#3849](https://github.com/porsche-design-system/porsche-design-system/pull/3849))
18
29
 
19
30
  #### Fixed
20
31
 
32
+ - `Multi Select`: enable full a11y compliance
33
+ ([#3819](https://github.com/porsche-design-system/porsche-design-system/pull/3819))
34
+ - Accessibility: fix ARIA live announcements of form components status messages
35
+ ([#3796](https://github.com/porsche-design-system/porsche-design-system/pull/3796))
36
+
37
+ ## [3.28.0-rc.2] - 2025-04-23
38
+
39
+ ### Fixed
40
+
41
+ - `Canvas`: stealing focus from `Text Field Wrapper`
42
+ ([#3843](https://github.com/porsche-design-system/porsche-design-system/pull/3843))
43
+
44
+ ## [3.28.0-rc.1] - 2025-04-14
45
+
46
+ ### Fixed
47
+
21
48
  - `Drilldown`, `Drilldown Item`: visibility for slotted content (experimental)
22
49
  ([#3833](https://github.com/porsche-design-system/porsche-design-system/pull/3833))
23
50
 
24
- ### [3.28.0-rc.0] - 2025-04-11
51
+ ## [3.28.0-rc.0] - 2025-04-11
25
52
 
26
- #### Added
53
+ ### Added
27
54
 
28
55
  - `Input Password`: ([#3763](https://github.com/porsche-design-system/porsche-design-system/pull/3763))
29
56
  - `Drilldown`, `Drilldown Item`: CSS variable `--p-drilldown-grid-template` and `--p-drilldown-gap` (experimental)
@@ -32,50 +59,50 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
32
59
  ([#3822](https://github.com/porsche-design-system/porsche-design-system/pull/3822))
33
60
  - `Drilldown Link`: (experimental) ([#3822](https://github.com/porsche-design-system/porsche-design-system/pull/3822))
34
61
 
35
- #### Changed
62
+ ### Changed
36
63
 
37
64
  - **Breaking Change** `Flyout Multilevel`, `Flyout Multilevel Item`: renamed (experimental) component to `Drilldown` and
38
65
  `Drilldown Item` ([#3822](https://github.com/porsche-design-system/porsche-design-system/pull/3822))
39
66
  - **Breaking Change** `Drilldown Item` doesn't style slotted `<a>` tags anymore, instead use `Drilldown Link` or a
40
67
  custom link ([#3822](https://github.com/porsche-design-system/porsche-design-system/pull/3822))
41
68
 
42
- #### Fixed
69
+ ### Fixed
43
70
 
44
71
  - `aria` prop now supports a colon inside a value, e.g. `aria="{ 'aria-label': 'Always remember: yes you can!' }"`
45
72
  ([#3680](https://github.com/porsche-design-system/porsche-design-system/pull/3680))
46
73
 
47
- ### [3.27.3] - 2025-03-21
74
+ ## [3.27.3] - 2025-03-21
48
75
 
49
- ### [3.27.2] - 2025-03-20
76
+ ## [3.27.2] - 2025-03-20
50
77
 
51
- ### [3.27.2-rc.0] - 2025-03-18
78
+ ## [3.27.2-rc.0] - 2025-03-18
52
79
 
53
- #### Changed
80
+ ### Changed
54
81
 
55
82
  - `Table`: add border-bottom styles to `Table Head` to support both, empty and missing `Table Body`
56
83
  ([#3788](https://github.com/porsche-design-system/porsche-design-system/pull/3788))
57
84
 
58
- #### Fixed
85
+ ### Fixed
59
86
 
60
87
  - `Styles`: change `Gradient` color values from `rgba` to `hsla` to fix Chrome rendering bug
61
88
  ([#3793](https://github.com/porsche-design-system/porsche-design-system/pull/3793))
62
89
 
63
- ### [3.27.1] - 2025-03-05
90
+ ## [3.27.1] - 2025-03-05
64
91
 
65
- ### [3.27.1-rc.0] - 2025-03-05
92
+ ## [3.27.1-rc.0] - 2025-03-05
66
93
 
67
- #### Fixed
94
+ ### Fixed
68
95
 
69
96
  - `Carousel`: `auto` value of `slides-per-page` prop is breakpoint customizable
70
97
  ([#3783](https://github.com/porsche-design-system/porsche-design-system/pull/3783))
71
98
  - `Select`, `Multi Select`, `Select Wrapper`: remove positioning with native anchor positioning due to a Chrome bug
72
99
  ([#3780](https://github.com/porsche-design-system/porsche-design-system/pull/3780))
73
100
 
74
- ### [3.27.0] - 2025-02-28
101
+ ## [3.27.0] - 2025-02-28
75
102
 
76
- ### [3.27.0-rc.6] - 2025-02-28
103
+ ## [3.27.0-rc.6] - 2025-02-28
77
104
 
78
- #### Added
105
+ ### Added
79
106
 
80
107
  - `Table`: `compact` prop to enable a smaller, space-saving version for compact layouts
81
108
  ([#3758](https://github.com/porsche-design-system/porsche-design-system/pull/3758))
@@ -84,7 +111,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
84
111
  - `Carousel`: `align-controls` prop to align the controls slot to the left or center (overwrites auto-alignment)
85
112
  ([#3766](https://github.com/porsche-design-system/porsche-design-system/pull/3766))
86
113
 
87
- #### Changed
114
+ ### Changed
88
115
 
89
116
  - `Select`, `Multi Select`, `Select Wrapper`:
90
117
  - gets rendered on `#top-layer` which enables it to be shown correctly even when used e.g. within a scroll container
@@ -102,57 +129,57 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
102
129
  - `Carousel`: `auto` value of `slides-per-page` prop is breakpoint customizable
103
130
  ([#3771](https://github.com/porsche-design-system/porsche-design-system/pull/3771))
104
131
 
105
- ### [3.27.0-rc.5] - 2025-02-20
132
+ ## [3.27.0-rc.5] - 2025-02-20
106
133
 
107
- #### Fixed
134
+ ### Fixed
108
135
 
109
136
  - `AG Grid`: error on reload in next.js.
110
137
  ([#3759](https://github.com/porsche-design-system/porsche-design-system/pull/3759))
111
138
 
112
- ### [3.27.0-rc.4] - 2025-02-20
139
+ ## [3.27.0-rc.4] - 2025-02-20
113
140
 
114
- #### Fixed
141
+ ### Fixed
115
142
 
116
143
  - `AG Grid`: not accessing cdn base url correctly.
117
144
  ([#3759](https://github.com/porsche-design-system/porsche-design-system/pull/3759))
118
145
 
119
- ### [3.27.0-rc.3] - 2025-02-18
146
+ ## [3.27.0-rc.3] - 2025-02-18
120
147
 
121
- #### Fixed
148
+ ### Fixed
122
149
 
123
150
  - `AG Grid`: not resolving dependencies correctly.
124
151
  ([#3757](https://github.com/porsche-design-system/porsche-design-system/pull/3757))
125
152
 
126
- ### [3.27.0-rc.2] - 2025-02-18
153
+ ## [3.27.0-rc.2] - 2025-02-18
127
154
 
128
- #### Fixed
155
+ ### Fixed
129
156
 
130
157
  - `AG Grid`: not resolving dependencies correctly.
131
158
  ([#3756](https://github.com/porsche-design-system/porsche-design-system/pull/3756))
132
159
 
133
- ### [3.27.0-rc.1] - 2025-02-17
160
+ ## [3.27.0-rc.1] - 2025-02-17
134
161
 
135
- #### Changed
162
+ ### Changed
136
163
 
137
164
  - **Breaking Change** `AG Grid`: Updated from v32 to v33, which introduced a new Theming API. AG Grid migrated from a
138
165
  CSS-based theming approach to a JavaScript object-based theming system. As a result, our custom theme also had to be
139
166
  adjusted accordingly. ([#3740](https://github.com/porsche-design-system/porsche-design-system/pull/3740))
140
167
 
141
- #### Fixed
168
+ ### Fixed
142
169
 
143
170
  - Styles: `vanilla-extract` returns `getMediaQueryMax`, `getMediaQueryMin`, `getMediaQueryMinMax` & `getSkeletonStyle`
144
171
  in wrong format ([#3753](https://github.com/porsche-design-system/porsche-design-system/pull/3753))
145
172
 
146
- ### [3.27.0-rc.0] - 2025-02-13
173
+ ## [3.27.0-rc.0] - 2025-02-13
147
174
 
148
- #### Added
175
+ ### Added
149
176
 
150
177
  - `@font-face` supports Thai language
151
178
  ([#3750](https://github.com/porsche-design-system/porsche-design-system/pull/3750))
152
179
  - Partials: `getFontLinks` supports preloading `thai` subset
153
180
  ([#3750](https://github.com/porsche-design-system/porsche-design-system/pull/3750))
154
181
 
155
- #### Changed
182
+ ### Changed
156
183
 
157
184
  - `Popover`: gets rendered on `#top-layer` which enables it to be shown correctly even when used e.g. within a scroll
158
185
  container ([#3732](https://github.com/porsche-design-system/porsche-design-system/pull/3732))
@@ -162,11 +189,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
162
189
  - `Popover`: default styling for slotted anchors
163
190
  ([#3732](https://github.com/porsche-design-system/porsche-design-system/pull/3732))
164
191
 
165
- ### [3.26.0] - 2025-02-07
192
+ ## [3.26.0] - 2025-02-07
166
193
 
167
- ### [3.26.0-rc.0] - 2025-02-06
194
+ ## [3.26.0-rc.0] - 2025-02-06
168
195
 
169
- #### Added
196
+ ### Added
170
197
 
171
198
  - `Switch`: `compact` prop to enable a smaller, space-saving version for compact layouts
172
199
  ([#3728](https://github.com/porsche-design-system/porsche-design-system/pull/3728))
@@ -184,92 +211,92 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
184
211
  `seat`, `service-technician`, `skip-backward`, `skip-forward`, `stop`, `suv`, `theme`, `turismo`, `trigger-finger`,
185
212
  `unlinked` and `weather` ([#3737](https://github.com/porsche-design-system/porsche-design-system/pull/3737))
186
213
 
187
- ### [3.25.1] - 2025-01-23
214
+ ## [3.25.1] - 2025-01-23
188
215
 
189
- ### [3.25.1-rc.0] - 2025-01-23
216
+ ## [3.25.1-rc.0] - 2025-01-23
190
217
 
191
- #### Fixed
218
+ ### Fixed
192
219
 
193
220
  - `Carousel`: throws error when object-like string is passed by `pagination`
194
221
  ([#3715](https://github.com/porsche-design-system/porsche-design-system/pull/3715))
195
222
 
196
- ### [3.25.0] - 2025-01-23
223
+ ## [3.25.0] - 2025-01-23
197
224
 
198
- ### [3.25.0-rc.1] - 2025-01-22
225
+ ## [3.25.0-rc.1] - 2025-01-22
199
226
 
200
- #### Fixed
227
+ ### Fixed
201
228
 
202
229
  - `Carousel`: throws error when object-like string is passed by `slides-per-page`
203
230
  ([#3710](https://github.com/porsche-design-system/porsche-design-system/pull/3710))
204
231
 
205
- ### [3.25.0-rc.0] - 2025-01-21
232
+ ## [3.25.0-rc.0] - 2025-01-21
206
233
 
207
- #### Added
234
+ ### Added
208
235
 
209
236
  - `Sheet` ([#3704](https://github.com/porsche-design-system/porsche-design-system/pull/3704))
210
237
  - `Button`, `Button-Pure`: Add `form` prop to explicitly associate the component with a form, even when it's not
211
238
  directly nested within it. ([#3648](https://github.com/porsche-design-system/porsche-design-system/pull/3648))
212
239
 
213
- #### Changed
240
+ ### Changed
214
241
 
215
242
  - `Table`: Enable `Table Head Cell` to be used within `Table Row` in addition to `Table Head Row` to further align with
216
243
  table structure defined by W3C ([#3701](https://github.com/porsche-design-system/porsche-design-system/pull/3701))
217
244
 
218
- #### Fixed
245
+ ### Fixed
219
246
 
220
247
  - `Textarea`, `Textarea Wrapper`, `Textfield Wrapper`: color contrast of `unit` prop and counter in `readonly` mode
221
248
  meets WCAG 2.2 AA standard ([#3693](https://github.com/porsche-design-system/porsche-design-system/pull/3693))
222
249
 
223
- ### [3.24.0] - 2025-01-08
250
+ ## [3.24.0] - 2025-01-08
224
251
 
225
- ### [3.24.0-rc.1] - 2025-01-08
252
+ ## [3.24.0-rc.1] - 2025-01-08
226
253
 
227
- ### [3.24.0-rc.0] - 2025-01-07
254
+ ## [3.24.0-rc.0] - 2025-01-07
228
255
 
229
- #### Added
256
+ ### Added
230
257
 
231
258
  - Styles: support for `vanilla-extract` available under
232
259
  `import { … } from '@porsche-design-system/components-{js|angular|react|vue}/styles/vanilla-extract';`
233
260
  ([#3666](https://github.com/porsche-design-system/porsche-design-system/pull/3666))
234
261
 
235
- #### Changed
262
+ ### Changed
236
263
 
237
264
  - React: updated peer dependency to `>=19.0.0 <20.0.0`
238
265
 
239
- ### [3.23.0] - 2024-12-12
266
+ ## [3.23.0] - 2024-12-12
240
267
 
241
- ### [3.23.0-rc.0] - 2024-12-12
268
+ ## [3.23.0-rc.0] - 2024-12-12
242
269
 
243
- #### Changed
270
+ ### Changed
244
271
 
245
272
  - `Select`: Slotted image of selected option now visible in combobox
246
273
  ([#3651](https://github.com/porsche-design-system/porsche-design-system/pull/3651))
247
274
 
248
- #### Fixed
275
+ ### Fixed
249
276
 
250
277
  - `Flyout`: transition bug in Safari ([3674](https://github.com/porsche-design-system/porsche-design-system/pull/3674))
251
278
  - `Styles`: dart sass deprecation warnings in `SCSS` variant
252
279
  ([3664](https://github.com/porsche-design-system/porsche-design-system/pull/3664))
253
280
 
254
- ### [3.22.1] - 2024-12-09
281
+ ## [3.22.1] - 2024-12-09
255
282
 
256
- ### [3.22.1-rc.0] - 2024-12-09
283
+ ## [3.22.1-rc.0] - 2024-12-09
257
284
 
258
- #### Fixed
285
+ ### Fixed
259
286
 
260
287
  - `Flyout Multilevel`: Secondary scroll area not shown in iOS Safari (iPhone only)
261
288
  ([3663](https://github.com/porsche-design-system/porsche-design-system/pull/3663))
262
289
 
263
- ### [3.22.0] - 2024-12-06
290
+ ## [3.22.0] - 2024-12-06
264
291
 
265
- ### [3.22.0-rc.1] - 2024-12-06
292
+ ## [3.22.0-rc.1] - 2024-12-06
266
293
 
267
- #### Added
294
+ ### Added
268
295
 
269
296
  - `Flyout Multilevel`: Supports infinite layers
270
297
  ([3647](https://github.com/porsche-design-system/porsche-design-system/pull/3647))
271
298
 
272
- #### Fixed
299
+ ### Fixed
273
300
 
274
301
  - Partials: error when using in projects without `react/jsx-runtime` as dependency
275
302
  ([#3660](https://github.com/porsche-design-system/porsche-design-system/pull/3660))
@@ -281,9 +308,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
281
308
  - Positioning in RTL mode if rendered inside a table (in #top-layer)
282
309
  ([3658](https://github.com/porsche-design-system/porsche-design-system/pull/3658))
283
310
 
284
- ### [3.22.0-rc.0] - 2024-11-19
311
+ ## [3.22.0-rc.0] - 2024-11-19
285
312
 
286
- #### Added
313
+ ### Added
287
314
 
288
315
  - `Modal`, `Flyout`:
289
316
  - `aria-label` is generated from slotted header contents if `aria` prop is not provided
@@ -295,7 +322,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
295
322
  even when it's not directly nested within it.
296
323
  ([#3614](https://github.com/porsche-design-system/porsche-design-system/pull/3614))
297
324
 
298
- #### Changed
325
+ ### Changed
299
326
 
300
327
  - Angular: updated peer dependency to `>=19.0.0 <20.0.0`
301
328
  - `Pin-Code`:
@@ -305,7 +332,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
305
332
  - `Styles`: `SCSS` variant uses `@forward/@use` internally to replace deprecated `@import`
306
333
  ([#3623](https://github.com/porsche-design-system/porsche-design-system/pull/3623))
307
334
 
308
- #### Fixed
335
+ ### Fixed
309
336
 
310
337
  - Partials: removed bundled `react/jsx-runtime` due to React 18/19 incompatibilities. When using `jsx` in the `format`
311
338
  option, it is necessary to have `react/jsx-runtime` as a dependency in the project included.
@@ -314,11 +341,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
314
341
  `disabled` state for individual options within the group.
315
342
  ([#3614](https://github.com/porsche-design-system/porsche-design-system/pull/3614))
316
343
 
317
- ### [3.21.0] - 2024-11-12
344
+ ## [3.21.0] - 2024-11-12
318
345
 
319
- ### [3.21.0-rc.0] - 2024-11-11
346
+ ## [3.21.0-rc.0] - 2024-11-11
320
347
 
321
- #### Added
348
+ ### Added
322
349
 
323
350
  - `Flyout`: Prop `footerBehavior` to always make footer fixed
324
351
  ([3590](https://github.com/porsche-design-system/porsche-design-system/pull/3590))
@@ -331,7 +358,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
331
358
  - `Select`, `Multi-Select`: Add `form` prop to explicitly associate these components with a specific form when they are
332
359
  not directly nested within it. ([#3542](https://github.com/porsche-design-system/porsche-design-system/pull/3542))
333
360
 
334
- #### Changed
361
+ ### Changed
335
362
 
336
363
  - `Select`, `Multi-Select`:
337
364
  - Remove native select and use ElementInternals API
@@ -339,7 +366,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
339
366
  - **Breaking Change**: `Select` and `Multi-Select` components no longer support native validation due to the removal
340
367
  of the underlying native `<select>` element.
341
368
 
342
- #### Fixed
369
+ ### Fixed
343
370
 
344
371
  - `Flyout`: overlapping of scrollbar in iOS/iPadOS Safari when sticky header/footer is used
345
372
  ([#3607](https://github.com/porsche-design-system/porsche-design-system/pull/3607))
@@ -357,45 +384,45 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
357
384
  - React: global `hidden` attribute with value `false` not working
358
385
  ([#3555](https://github.com/porsche-design-system/porsche-design-system/pull/3555))
359
386
 
360
- ### [3.20.0] - 2024-10-24
387
+ ## [3.20.0] - 2024-10-24
361
388
 
362
- ### [3.20.0-rc.1] - 2024-10-24
389
+ ## [3.20.0-rc.1] - 2024-10-24
363
390
 
364
- #### Added
391
+ ### Added
365
392
 
366
393
  - React: better tree-shaking for `@porsche-design-system/components-react`
367
394
  ([#3554](https://github.com/porsche-design-system/porsche-design-system/pull/3554))
368
395
  - `Icon`: `sidebar` ([#3556](https://github.com/porsche-design-system/porsche-design-system/pull/3556))
369
396
 
370
- #### Changed
397
+ ### Changed
371
398
 
372
399
  - `Canvas`: Improve UI and UX behaviour in Safari
373
400
  ([#3556](https://github.com/porsche-design-system/porsche-design-system/pull/3556))
374
401
 
375
- #### Fixed
402
+ ### Fixed
376
403
 
377
404
  - `Flyout`: transition animation in Chrome Browser if `Flyout` has scrollable content
378
405
  ([#3550](https://github.com/porsche-design-system/porsche-design-system/pull/3550))
379
406
 
380
- ### [3.20.0-rc.0] - 2024-10-18
407
+ ## [3.20.0-rc.0] - 2024-10-18
381
408
 
382
- #### Added
409
+ ### Added
383
410
 
384
411
  - `Icon`: `attachment`, `dislike`, `dislike-filled`, `like`, `like-filled`, `new-chat`
385
412
  ([#3515](https://github.com/porsche-design-system/porsche-design-system/pull/3515))
386
413
 
387
- #### Changed
414
+ ### Changed
388
415
 
389
416
  - `Canvas`: Improve UI and UX behaviour
390
417
  ([#3515](https://github.com/porsche-design-system/porsche-design-system/pull/3515))
391
418
  - `Flyout`, `Modal`: Removed default styling for slotted anchors
392
419
  ([#3515](https://github.com/porsche-design-system/porsche-design-system/pull/3515))
393
420
 
394
- ### [3.19.0] - 2024-10-14
421
+ ## [3.19.0] - 2024-10-14
395
422
 
396
- ### [3.19.0-rc.4] - 2024-10-14
423
+ ## [3.19.0-rc.4] - 2024-10-14
397
424
 
398
- #### Added
425
+ ### Added
399
426
 
400
427
  - `AG Grid`: custom theme ([#3517](https://github.com/porsche-design-system/porsche-design-system/pull/3517))
401
428
  - `Checkbox`: Added a `compact` prop to enable a smaller, space-saving version of the checkbox for compact layouts.
@@ -403,7 +430,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
403
430
  - `Text`, `Display`, `Heading` and `Headline`: introduce new option `inherit` to prop `align`
404
431
  ([#3520](https://github.com/porsche-design-system/porsche-design-system/pull/3520))
405
432
 
406
- #### Fixed
433
+ ### Fixed
407
434
 
408
435
  - `Pin Code`, `Select Wrapper`: programmatic focus
409
436
  ([#3527](https://github.com/porsche-design-system/porsche-design-system/pull/3527))
@@ -416,56 +443,56 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
416
443
  - Partials: Replace meta tag `apple-mobile-web-app-capable` with `mobile-web-app-capable` in `getMetaTagsAndIconLinks`
417
444
  partial. ([#3519](https://github.com/porsche-design-system/porsche-design-system/pull/3519))
418
445
 
419
- ### [3.19.0-rc.3] - 2024-10-02
446
+ ## [3.19.0-rc.3] - 2024-10-02
420
447
 
421
- #### Fixed
448
+ ### Fixed
422
449
 
423
450
  - `Carousel`: remove gradient styles for carousel if `gradientColor` is not defined
424
451
  ([#3518](https://github.com/porsche-design-system/porsche-design-system/pull/3518))
425
452
 
426
- ### [3.19.0-rc.2] - 2024-10-01
453
+ ## [3.19.0-rc.2] - 2024-10-01
427
454
 
428
- #### Added
455
+ ### Added
429
456
 
430
457
  - `Carousel`: introduce `trimSpace` prop
431
458
  ([#3496](https://github.com/porsche-design-system/porsche-design-system/pull/3496))
432
459
  - `Checkbox`: ([#3498](https://github.com/porsche-design-system/porsche-design-system/pull/3498))
433
460
 
434
- #### Fixed
461
+ ### Fixed
435
462
 
436
463
  - `Checkbox Wrapper`, `Radio Button Wrapper`: rendering of `checked` state in Blink based Browsers when component is
437
464
  rendered in high contrast mode ([#3488](https://github.com/porsche-design-system/porsche-design-system/pull/3488))
438
465
 
439
- ### [3.19.0-rc.1] - 2024-09-06
466
+ ## [3.19.0-rc.1] - 2024-09-06
440
467
 
441
- #### Changed
468
+ ### Changed
442
469
 
443
470
  - `Canvas`: Improve UX ([#3494](https://github.com/porsche-design-system/porsche-design-system/pull/3494))
444
471
 
445
- ### [3.19.0-rc.0] - 2024-09-03
472
+ ## [3.19.0-rc.0] - 2024-09-03
446
473
 
447
- #### Added
474
+ ### Added
448
475
 
449
476
  - `componentsReady()`: Introduce optional `readyState` parameter
450
477
  ([#3460](https://github.com/porsche-design-system/porsche-design-system/pull/3460))
451
478
  - `Carousel`: introduce `focusOnCenterSlide` & `gradientColor` props
452
479
  ([#3488](https://github.com/porsche-design-system/porsche-design-system/pull/3488))
453
480
 
454
- #### Changed
481
+ ### Changed
455
482
 
456
483
  - `Text Field Wrapper`: width calculation of counter and unit element are now CSS based in relation to the number of
457
484
  characters ([#3472](https://github.com/porsche-design-system/porsche-design-system/pull/3472))
458
485
 
459
- #### Fixed
486
+ ### Fixed
460
487
 
461
488
  - `jsdom-polyfill`: errors from included polyfill packages
462
489
  ([3481](https://github.com/porsche-design-system/porsche-design-system/pull/3481))
463
490
 
464
- ### [3.18.0] - 2024-08-21
491
+ ## [3.18.0] - 2024-08-21
465
492
 
466
- ### [3.18.0-rc.0] - 2024-08-21
493
+ ## [3.18.0-rc.0] - 2024-08-21
467
494
 
468
- #### Added
495
+ ### Added
469
496
 
470
497
  - `Button Tile`, `Link Tile`, `Link Tile Model Signature`: supports `<video/>` (the tile components automatically check
471
498
  for OS reduced motion setting to decide weather the video autoplay should be prevented or not to improve accessibility
@@ -474,7 +501,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
474
501
  ([#3439](https://github.com/porsche-design-system/porsche-design-system/pull/3439))
475
502
  - `Textarea`: ([#3443](https://github.com/porsche-design-system/porsche-design-system/pull/3443))
476
503
 
477
- #### Changed
504
+ ### Changed
478
505
 
479
506
  - Partials: `getInitialStyles` uses CSS `:defined` to determine the visibility of web components, as well as
480
507
  `[data-ssr]` attribute instead of `.ssr` class for Next JS and Remix
@@ -487,7 +514,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
487
514
  - `Select`: added `display: block` to host in order to be consistent with other form components
488
515
  ([#3462](https://github.com/porsche-design-system/porsche-design-system/pull/3462))
489
516
 
490
- #### Fixed
517
+ ### Fixed
491
518
 
492
519
  - `Select`, `Multi-Select`: programmatic focus
493
520
  ([#3462](https://github.com/porsche-design-system/porsche-design-system/pull/3462))
@@ -499,34 +526,34 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
499
526
  `min-width` is added to prevent text overlapping
500
527
  ([#3465](https://github.com/porsche-design-system/porsche-design-system/pull/3465))
501
528
 
502
- ### [3.17.0] - 2024-08-01
529
+ ## [3.17.0] - 2024-08-01
503
530
 
504
- ### [3.17.0-rc.2] - 2024-08-01
531
+ ## [3.17.0-rc.2] - 2024-08-01
505
532
 
506
- #### Fixed
533
+ ### Fixed
507
534
 
508
535
  - `Optgoup`: hydration error in Next.js SSR context
509
536
  ([#3432](https://github.com/porsche-design-system/porsche-design-system/pull/3432))
510
537
  - `Select`: ensure slotted image width
511
538
  ([#3432](https://github.com/porsche-design-system/porsche-design-system/pull/3432))
512
539
 
513
- ### [3.17.0-rc.1] - 2024-07-31
540
+ ## [3.17.0-rc.1] - 2024-07-31
514
541
 
515
- #### Added
542
+ ### Added
516
543
 
517
544
  - `Button`, `Link`:
518
545
  - Prop `variant` extended by value `ghost`
519
546
  ([#3423](https://github.com/porsche-design-system/porsche-design-system/pull/3423))
520
547
  - Prop `compact` ([#3423](https://github.com/porsche-design-system/porsche-design-system/pull/3423))
521
548
 
522
- #### Fixed
549
+ ### Fixed
523
550
 
524
551
  - `Tabs Bar`: fixed tabindex issue when `Tabs Bar` is rendered with the `Scroller` component
525
552
  ([#3421](https://github.com/porsche-design-system/porsche-design-system/pull/3421))
526
553
 
527
- ### [3.17.0-rc.0] - 2024-07-29
554
+ ## [3.17.0-rc.0] - 2024-07-29
528
555
 
529
- #### Added
556
+ ### Added
530
557
 
531
558
  - `Link Tile`, `Link Tile Model Signature`, `Button Tile`:
532
559
  - Named slot `header` ([#3419](https://github.com/porsche-design-system/porsche-design-system/pull/3419))
@@ -543,7 +570,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
543
570
  - `Flyout`, `Modal`: Add custom events `motionVisibleEnd` and `motionHiddenEnd` to notify when opening and closing
544
571
  transitions are complete ([#3418](https://github.com/porsche-design-system/porsche-design-system/pull/3418))
545
572
 
546
- #### Changed
573
+ ### Changed
547
574
 
548
575
  - `Link Tile`, `Link Tile Model Signature`, `Button Tile`:
549
576
  - Layout behaviour is able to break out of its aspect ratio in case content overflows to be a11y compliant and/or to
@@ -581,7 +608,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
581
608
  - `Carousel`: Slides and `controls` slot are centered if `alignHeader` prop is set to `center` and amount of slides is
582
609
  less than `slidesPerPage` ([#3372](https://github.com/porsche-design-system/porsche-design-system/pull/3372))
583
610
 
584
- #### Fixed
611
+ ### Fixed
585
612
 
586
613
  - `Link Pure`: Broken with `alignLabel="start"`, hidden label & nested anchor
587
614
  ([#3379](https://github.com/porsche-design-system/porsche-design-system/pull/3379))
@@ -593,17 +620,17 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
593
620
  - `Select Wrapper`: `optgroup` styling and behavior
594
621
  ([#3410](https://github.com/porsche-design-system/porsche-design-system/pull/3410))
595
622
 
596
- ### [3.16.0] - 2024-07-02
623
+ ## [3.16.0] - 2024-07-02
597
624
 
598
- ### [3.16.0-rc.2] - 2024-07-02
625
+ ## [3.16.0-rc.2] - 2024-07-02
599
626
 
600
- #### Added
627
+ ### Added
601
628
 
602
629
  - Partials: Added default `og:image` and related meta tags to the `getMetaTagsAndIconLinks` partial. Can be disabled by
603
630
  setting the `ogImage` option to `false`.
604
631
  ([#3357](https://github.com/porsche-design-system/porsche-design-system/pull/3357))
605
632
 
606
- #### Changed
633
+ ### Changed
607
634
 
608
635
  - `Flyout Navigation`, `Flyout Navigation Item`: Renamed (experimental) component to `Flyout Multilevel` and
609
636
  `Flyout Multilevel Item` ([#3351](https://github.com/porsche-design-system/porsche-design-system/pull/3351))
@@ -617,30 +644,30 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
617
644
  + <p-flyout-multilevel><p-flyout-multilevel-item></p-flyout-multilevel-item></p-flyout-multilevel>
618
645
  ```
619
646
 
620
- #### Fixed
647
+ ### Fixed
621
648
 
622
649
  - Types: `@porsche-design-system/components-vue` typings are not exposed
623
650
  ([#3355](https://github.com/porsche-design-system/porsche-design-system/pull/3355))
624
651
 
625
- ### [3.16.0-rc.1] - 2024-06-18
652
+ ## [3.16.0-rc.1] - 2024-06-18
626
653
 
627
- #### Added
654
+ ### Added
628
655
 
629
656
  - `jsdom-polyfill` Added polyfills for `Popover API` and `ResizeObserver`
630
657
  ([#3334](https://github.com/porsche-design-system/porsche-design-system/pull/3334))
631
658
  - `Segmented Control`: Prop `aria` added to `Segmented Control Item` to support ARIA attributes
632
659
  ([#3327](https://github.com/porsche-design-system/porsche-design-system/pull/3327))
633
660
 
634
- #### Changed
661
+ ### Changed
635
662
 
636
663
  - Angular: updated peer dependency to `>=17.0.0 <19.0.0`
637
664
  ([#3346](https://github.com/porsche-design-system/porsche-design-system/pull/3346))
638
665
  - React: Improve prop typings for all wrappers of `@porsche-design-system/components-react`
639
666
  ([#3336](https://github.com/porsche-design-system/porsche-design-system/pull/3336))
640
667
 
641
- ### [3.16.0-rc.0] - 2024-06-05
668
+ ## [3.16.0-rc.0] - 2024-06-05
642
669
 
643
- #### Added
670
+ ### Added
644
671
 
645
672
  - `Flyout`:
646
673
  - CSS variable `--p-flyout-sticky-top` (experimental)
@@ -651,7 +678,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
651
678
  ([#3191](https://github.com/porsche-design-system/porsche-design-system/pull/3191))
652
679
  - Named slot `header` ([#3191](https://github.com/porsche-design-system/porsche-design-system/pull/3191))
653
680
 
654
- #### Changed
681
+ ### Changed
655
682
 
656
683
  - `Modal`, `Flyout`:
657
684
  - Sticky dismiss button ([#3191](https://github.com/porsche-design-system/porsche-design-system/pull/3191))
@@ -663,7 +690,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
663
690
  ([#3191](https://github.com/porsche-design-system/porsche-design-system/pull/3191))
664
691
  - `Modal`: `heading` prop and `slot="heading"` are deprecated. Use `slot="header"` instead.
665
692
 
666
- #### Fixed
693
+ ### Fixed
667
694
 
668
695
  - Types: Fixed incorrectly allowed type `string` in types `BreakpointCustomizable`, `SelectedAriaAttributes`,
669
696
  `CarouselInternationalization`, `PaginationInternationalization` and `ScrollToPosition`
@@ -672,31 +699,31 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
672
699
  - `Modal`: Uses native `<dialog />` element to resolve focus issues, focus trap
673
700
  ([#3191](https://github.com/porsche-design-system/porsche-design-system/pull/3191))
674
701
 
675
- ### [3.15.2] - 2024-05-29
702
+ ## [3.15.2] - 2024-05-29
676
703
 
677
- #### Fixed
704
+ ### Fixed
678
705
 
679
706
  - `aria`: Refactor `parseJSONAttribute` to support Safari < 16.4
680
707
  ([#3314](https://github.com/porsche-design-system/porsche-design-system/pull/3314))
681
708
 
682
- ### [3.15.1] - 2024-05-23
709
+ ## [3.15.1] - 2024-05-23
683
710
 
684
- #### Fixed
711
+ ### Fixed
685
712
 
686
713
  - `Banner`: Fixed position on mobile ([#3307](https://github.com/porsche-design-system/porsche-design-system/pull/3307))
687
714
 
688
- ### [3.15.0] - 2024-05-16
715
+ ## [3.15.0] - 2024-05-16
689
716
 
690
- ### [3.15.0-rc.5] - 2024-05-16
717
+ ## [3.15.0-rc.5] - 2024-05-16
691
718
 
692
- #### Added
719
+ ### Added
693
720
 
694
721
  - `Button Pure`: Prop `underline` to show an underline for the label
695
722
  ([#3212](https://github.com/porsche-design-system/porsche-design-system/pull/3212))
696
723
  - Partials: Added new option `globalStyles` to `getInitialStyles` to disable global reset styles.
697
724
  ([#3213](https://github.com/porsche-design-system/porsche-design-system/pull/3213))
698
725
 
699
- #### Changed
726
+ ### Changed
700
727
 
701
728
  - `Banner`: Refactor Banner to use native `popover`
702
729
  ([#3196](https://github.com/porsche-design-system/porsche-design-system/pull/3196))
@@ -708,7 +735,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
708
735
  - `Tabs Bar`: Removed sibling tabpanel focus style from initialStyles
709
736
  ([#3213](https://github.com/porsche-design-system/porsche-design-system/pull/3213))
710
737
 
711
- #### Fixed
738
+ ### Fixed
712
739
 
713
740
  - `Carousel`: Accessible name of carousel region wrapper
714
741
  ([#3220](https://github.com/porsche-design-system/porsche-design-system/pull/3220))
@@ -716,14 +743,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
716
743
  `aria="{ 'aria-label': 'You can\'t do that? yes you can!' }"`
717
744
  ([#3217](https://github.com/porsche-design-system/porsche-design-system/pull/3217))
718
745
 
719
- ### [3.15.0-rc.4] - 2024-05-06
746
+ ## [3.15.0-rc.4] - 2024-05-06
720
747
 
721
- #### Added
748
+ ### Added
722
749
 
723
750
  - Partials: Added new partial `getFontFaceStyles` which returns an inline style containing all font-face definitions.
724
751
  ([#3188](https://github.com/porsche-design-system/porsche-design-system/pull/3188))
725
752
 
726
- #### Changed
753
+ ### Changed
727
754
 
728
755
  - Partials: Partial `getFontFaceStylesheet` is deprecated and will be removed with the next major release. Use the
729
756
  `getFontFaceStyles` partial instead, which directly returns a `<style>` tag containing all font-face definitions and
@@ -734,23 +761,23 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
734
761
  + getFontFaceStyles()
735
762
  ```
736
763
 
737
- ### [3.15.0-rc.3] - 2024-04-23
764
+ ## [3.15.0-rc.3] - 2024-04-23
738
765
 
739
- #### Fixed
766
+ ### Fixed
740
767
 
741
768
  - `Pin Code`: Fixed several problems with IME keyboards
742
769
  ([#3197](https://github.com/porsche-design-system/porsche-design-system/pull/3197))
743
770
 
744
- ### [3.15.0-rc.2] - 2024-04-22
771
+ ## [3.15.0-rc.2] - 2024-04-22
745
772
 
746
- #### Added
773
+ ### Added
747
774
 
748
775
  - `Accordion`: Add experimental property `sticky` for a fixed heading
749
776
  ([#3181](https://github.com/porsche-design-system/porsche-design-system/pull/3181))
750
777
  - `Inline Notification`, `Banner`: heading hierarchy can now be customized with `headingTag` prop
751
778
  ([#3168](https://github.com/porsche-design-system/porsche-design-system/pull/3168))
752
779
 
753
- #### Changed
780
+ ### Changed
754
781
 
755
782
  - `Accordion`: `tag` property is deprecated. Use `headingTag` property instead to specify heading hierarchy level.
756
783
  ([#3168](https://github.com/porsche-design-system/porsche-design-system/pull/3168))
@@ -760,26 +787,26 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
760
787
  + <p-accordion heading-tag="h3"></p-accordion>
761
788
  ```
762
789
 
763
- #### Fixed
790
+ ### Fixed
764
791
 
765
792
  - `Pin Code`: Input is entered twice in iOS
766
793
  ([#3192](https://github.com/porsche-design-system/porsche-design-system/pull/3192))
767
794
 
768
- ### [3.15.0-rc.1] - 2024-04-17
795
+ ## [3.15.0-rc.1] - 2024-04-17
769
796
 
770
- #### Added
797
+ ### Added
771
798
 
772
799
  - Partials: `getMetaTagsAndIconLinks`, `getComponentChunkLinks`, `getIconLinks` and `getFontLinks` support new format
773
800
  option `js` ([#3179](https://github.com/porsche-design-system/porsche-design-system/pull/3179))
774
801
 
775
- ### [3.15.0-rc.0] - 2024-04-05
802
+ ## [3.15.0-rc.0] - 2024-04-05
776
803
 
777
- #### Changed
804
+ ### Changed
778
805
 
779
806
  - `Model Signature`: Enabling the use of hex colors, CSS gradients, CSS image and video masks. In addition, the size was
780
807
  slightly adjusted. ([#3153](https://github.com/porsche-design-system/porsche-design-system/pull/3153))
781
808
 
782
- #### Fixed
809
+ ### Fixed
783
810
 
784
811
  - `Modal`: Missing box-shadow on sticky footer when slotted content changes
785
812
  ([#3154](https://github.com/porsche-design-system/porsche-design-system/pull/3154))
@@ -789,15 +816,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
789
816
  element dynamically adjusts to changes in the input value accurately.
790
817
  ([#3084](https://github.com/porsche-design-system/porsche-design-system/pull/3084))
791
818
 
792
- ### [3.14.0] - 2024-03-25
819
+ ## [3.14.0] - 2024-03-25
793
820
 
794
- ### [3.14.0-rc.0] - 2024-03-25
821
+ ## [3.14.0-rc.0] - 2024-03-25
795
822
 
796
- #### Added
823
+ ### Added
797
824
 
798
825
  - `Icon`: `battery-empty-fuel` ([#3148](https://github.com/porsche-design-system/porsche-design-system/pull/3148))
799
826
 
800
- #### Changed
827
+ ### Changed
801
828
 
802
829
  - `Icon`: `battery-empty-co2` and `co2-class`
803
830
  ([#3148](https://github.com/porsche-design-system/porsche-design-system/pull/3148))
@@ -806,9 +833,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
806
833
  - React: updated peer dependency to `>=18.0.0 <19.0.0`
807
834
  ([#3125](https://github.com/porsche-design-system/porsche-design-system/pull/3125))
808
835
 
809
- ### [3.13.1] - 2024-03-20
836
+ ## [3.13.1] - 2024-03-20
810
837
 
811
- #### Fixed
838
+ ### Fixed
812
839
 
813
840
  - `Modal`: Unexpected scrolling behavior on iOS >= 17.4
814
841
  ([#3128](https://github.com/porsche-design-system/porsche-design-system/pull/3128))
@@ -817,25 +844,25 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
817
844
  - `Flyout`, `Flyout Navigation`: iOS Safari URL bar overlaying
818
845
  ([#3131](https://github.com/porsche-design-system/porsche-design-system/pull/3131))
819
846
 
820
- ### [3.13.0] - 2024-03-11
847
+ ## [3.13.0] - 2024-03-11
821
848
 
822
- ### [3.13.0-rc.2] - 2024-03-11
849
+ ## [3.13.0-rc.2] - 2024-03-11
823
850
 
824
- #### Added
851
+ ### Added
825
852
 
826
853
  - `Icon`: `battery-empty-co2` and `co2-class`
827
854
  ([#3103](https://github.com/porsche-design-system/porsche-design-system/pull/3103))
828
855
 
829
- ### [3.13.0-rc.1] - 2024-03-08
856
+ ## [3.13.0-rc.1] - 2024-03-08
830
857
 
831
- #### Added
858
+ ### Added
832
859
 
833
860
  - `Select` ([#3008](https://github.com/porsche-design-system/porsche-design-system/pull/3008))
834
861
  - `Modal`: Prop `backdrop` ([#3082](https://github.com/porsche-design-system/porsche-design-system/pull/3082))
835
862
  - `Modal`: CSS variables `--p-modal-spacing-top` and `--p-modal-spacing-bottom`
836
863
  ([#3082](https://github.com/porsche-design-system/porsche-design-system/pull/3082))
837
864
 
838
- #### Fixed
865
+ ### Fixed
839
866
 
840
867
  - `Flyout`: Refactor Flyout to use native Dialog element to resolve focus issues
841
868
  ([#2998](https://github.com/porsche-design-system/porsche-design-system/pull/2998))
@@ -848,41 +875,41 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
848
875
  - Counter overlap with long initial value in `Text Field Wrapper` for `input type="text"` with `maxlength`
849
876
  ([#3079](https://github.com/porsche-design-system/porsche-design-system/pull/3079))
850
877
 
851
- #### Changed
878
+ ### Changed
852
879
 
853
880
  - Updated favicons output via `getMetaTagsAndIconLinks()` partial
854
881
  ([#3081](https://github.com/porsche-design-system/porsche-design-system/pull/3081))
855
882
 
856
- ### [3.13.0-rc.0] - 2024-02-19
883
+ ## [3.13.0-rc.0] - 2024-02-19
857
884
 
858
- #### Added
885
+ ### Added
859
886
 
860
887
  - `Link Tile Product`: Prop `price-original` to be able to visualize sale and original price
861
888
  ([#3040](https://github.com/porsche-design-system/porsche-design-system/pull/3040))
862
889
 
863
- #### Changed
890
+ ### Changed
864
891
 
865
892
  - Validation of `getInitialStyles()` partial is temporarily disabled
866
893
  ([#3049](https://github.com/porsche-design-system/porsche-design-system/pull/3049))
867
894
 
868
- ### [3.12.0] - 2024-02-12
895
+ ## [3.12.0] - 2024-02-12
869
896
 
870
- ### [3.12.0-rc.1] - 2024-02-08
897
+ ## [3.12.0-rc.1] - 2024-02-08
871
898
 
872
- #### Fixed
899
+ ### Fixed
873
900
 
874
901
  - `Checkbox Wrapper`, `Radio Button Wrapper`: Safari visually reflects input status (checked/unchecked) when used in
875
902
  another Shadow DOM or changed programmatically
876
903
  ([#3028](https://github.com/porsche-design-system/porsche-design-system/pull/3028))
877
904
 
878
- ### [3.12.0-rc.0] - 2024-02-05
905
+ ## [3.12.0-rc.0] - 2024-02-05
879
906
 
880
- #### Added
907
+ ### Added
881
908
 
882
909
  - `Icon`: `logo-x`, `bookmark-filled` and `star-filled`
883
910
  ([#3025](https://github.com/porsche-design-system/porsche-design-system/pull/3025))
884
911
 
885
- #### Changed
912
+ ### Changed
886
913
 
887
914
  - `Icon`: Visual appearance of `information-filled`, `information`, `success-filled`, `success`, `bookmark`, `compare`,
888
915
  `configurate`, `heart-filled`, `heart`, `menu-lines`, `success`, `search`, `locate`, `star`, `shopping-bag-filled`,
@@ -898,23 +925,23 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
898
925
  loading state for assistive technologies
899
926
  ([#3009](https://github.com/porsche-design-system/porsche-design-system/pull/3009))
900
927
 
901
- #### Fixed
928
+ ### Fixed
902
929
 
903
930
  - All components are supporting focus style in High Contrast Mode correctly
904
931
  ([#3011](https://github.com/porsche-design-system/porsche-design-system/pull/3011))
905
932
 
906
- ### [3.11.0] - 2024-01-30
933
+ ## [3.11.0] - 2024-01-30
907
934
 
908
- ### [3.11.0-rc.0] - 2024-01-30
935
+ ## [3.11.0-rc.0] - 2024-01-30
909
936
 
910
- #### Fixed
937
+ ### Fixed
911
938
 
912
939
  - `Carousel`: Carousel does not work with single pointer event on smaller touch devices
913
940
  ([#3003](https://github.com/porsche-design-system/porsche-design-system/pull/3003))
914
941
  - `Carousel`: `Each child in a list should have a unique "key" prop` warning in Next.js SSR context
915
942
  ([#3001](https://github.com/porsche-design-system/porsche-design-system/pull/3001))
916
943
 
917
- #### Changed
944
+ ### Changed
918
945
 
919
946
  - Scroll-lock used in `Flyout`, `Flyout Navigation` and `Modal` is based on `body { overflow: hidden; }` for all devices
920
947
  ([#3013](https://github.com/porsche-design-system/porsche-design-system/pull/3013))
@@ -923,20 +950,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
923
950
  - `Carousel`: Pagination can be used for navigation & pagination has more spacing on touch devices
924
951
  ([#3003](https://github.com/porsche-design-system/porsche-design-system/pull/3003))
925
952
 
926
- ### [3.10.0] - 2024-01-17
953
+ ## [3.10.0] - 2024-01-17
927
954
 
928
- ### [3.10.0-rc.5] - 2024-01-16
955
+ ## [3.10.0-rc.5] - 2024-01-16
929
956
 
930
- #### Changed
957
+ ### Changed
931
958
 
932
959
  - `visibility` css property can be overridden on all components, e.g. to make use of `visibility: hidden;`
933
960
  ([#2988](https://github.com/porsche-design-system/porsche-design-system/pull/2988))
934
961
  - `Carousel`: Named slot `header` renamed to `controls`
935
962
  ([#2992](https://github.com/porsche-design-system/porsche-design-system/pull/2992))
936
963
 
937
- ### [3.10.0-rc.4] - 2024-01-15
964
+ ## [3.10.0-rc.4] - 2024-01-15
938
965
 
939
- #### Added
966
+ ### Added
940
967
 
941
968
  - `Icon`: Auto-flipping icons (certain ones only) in RTL (right-to-left) mode
942
969
  ([#2957](https://github.com/porsche-design-system/porsche-design-system/pull/2957))
@@ -949,7 +976,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
949
976
  - Partials: `getFontLinks` supports preloading `arabic`, `pashto` and `urdu` subsets
950
977
  ([#2946](https://github.com/porsche-design-system/porsche-design-system/pull/2946))
951
978
 
952
- #### Changed
979
+ ### Changed
953
980
 
954
981
  - `Flyout Navigation`: Improved validation and `activeIdentifier` isn't automatically updated anymore
955
982
  ([#2935](https://github.com/porsche-design-system/porsche-design-system/pull/2935))
@@ -988,7 +1015,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
988
1015
  + TabsBarUpdateEventDetail
989
1016
  ```
990
1017
 
991
- #### Fixed
1018
+ ### Fixed
992
1019
 
993
1020
  - `Pin Code`: Focus correct input when clicking on label
994
1021
  ([#2985](https://github.com/porsche-design-system/porsche-design-system/pull/2985))
@@ -1000,32 +1027,32 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1000
1027
  - `Toast`: `max-width` when used in scale mode
1001
1028
  ([#2960](https://github.com/porsche-design-system/porsche-design-system/pull/2960))
1002
1029
 
1003
- ### [3.10.0-rc.3] - 2023-12-12
1030
+ ## [3.10.0-rc.3] - 2023-12-12
1004
1031
 
1005
- ### [3.10.0-rc.2] - 2023-12-12
1032
+ ## [3.10.0-rc.2] - 2023-12-12
1006
1033
 
1007
- ### [3.10.0-rc.1] - 2023-12-11
1034
+ ## [3.10.0-rc.1] - 2023-12-11
1008
1035
 
1009
- #### Added
1036
+ ### Added
1010
1037
 
1011
1038
  - **[EXPERIMENTAL]** `Link Tile Product`
1012
1039
  ([#2909](https://github.com/porsche-design-system/porsche-design-system/pull/2909))
1013
1040
 
1014
- #### Fixed
1041
+ ### Fixed
1015
1042
 
1016
1043
  - `Wordmark`, `Crest` and `Marque`: custom clickable area
1017
1044
  ([#2930](https://github.com/porsche-design-system/porsche-design-system/pull/2930))
1018
1045
 
1019
- ### [3.10.0-rc.0] - 2023-12-07
1046
+ ## [3.10.0-rc.0] - 2023-12-07
1020
1047
 
1021
- #### Added
1048
+ ### Added
1022
1049
 
1023
1050
  - **[EXPERIMENTAL]** `Flyout Navigation`
1024
1051
  ([#2906](https://github.com/porsche-design-system/porsche-design-system/pull/2906))
1025
1052
  - Prop `submit-button` to show/hide a submit button for `Text Field Wrapper` `type="search"` if wrapped inside a form
1026
1053
  ([#2908](https://github.com/porsche-design-system/porsche-design-system/pull/2908))
1027
1054
 
1028
- #### Changed
1055
+ ### Changed
1029
1056
 
1030
1057
  - `Accordion`: removed `border-bottom` if used standalone
1031
1058
  ([#2911](https://github.com/porsche-design-system/porsche-design-system/pull/2911))
@@ -1036,11 +1063,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1036
1063
  behavior out of the box with full SSR support
1037
1064
  ([#2898](https://github.com/porsche-design-system/porsche-design-system/pull/2898))
1038
1065
 
1039
- ### [3.9.0] - 2023-11-24
1066
+ ## [3.9.0] - 2023-11-24
1040
1067
 
1041
- ### [3.9.0-rc.0] - 2023-11-23
1068
+ ## [3.9.0-rc.0] - 2023-11-23
1042
1069
 
1043
- #### Added
1070
+ ### Added
1044
1071
 
1045
1072
  - Angular: `theme: 'light' | 'dark' | 'auto'` option to `PorscheDesignSystemModule.load()` to set `theme` on all child
1046
1073
  components
@@ -1053,7 +1080,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1053
1080
  - Validation for usage of different PDS versions
1054
1081
  ([#2867](https://github.com/porsche-design-system/porsche-design-system/pull/2867))
1055
1082
 
1056
- #### Changed
1083
+ ### Changed
1057
1084
 
1058
1085
  - `Text Field Wrapper`, `Textarea Wrapper`, `Select Wrapper`, `Multi Select`, `Pin Code`, `Checkbox Wrapper` and
1059
1086
  `Radio Button Wrapper` have improved visual alignment
@@ -1067,7 +1094,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1067
1094
  - Use motion tokens in all components
1068
1095
  ([#2834](https://github.com/porsche-design-system/porsche-design-system/pull/2834))
1069
1096
 
1070
- #### Fixed
1097
+ ### Fixed
1071
1098
 
1072
1099
  - `Select Wrapper`: Select dropdown is now visible if it overflows the `Table` component
1073
1100
  ([#2885](https://github.com/porsche-design-system/porsche-design-system/pull/2885))
@@ -1082,11 +1109,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1082
1109
  - `Modal` and `Flyout` body jumping in the background and scrolling back to the top in Next Js and Remix
1083
1110
  ([#2890](https://github.com/porsche-design-system/porsche-design-system/pull/2890))
1084
1111
 
1085
- ### [3.8.0] - 2023-10-24
1112
+ ## [3.8.0] - 2023-10-24
1086
1113
 
1087
- ### [3.8.0-rc.0] - 2023-10-23
1114
+ ## [3.8.0-rc.0] - 2023-10-23
1088
1115
 
1089
- #### Added
1116
+ ### Added
1090
1117
 
1091
1118
  - RTL (right-to-left) support for all components
1092
1119
  ([#2819](https://github.com/porsche-design-system/porsche-design-system/pull/2819))
@@ -1098,7 +1125,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1098
1125
  `$pds-motion-duration-{short|moderate|long|very-long}`, `$pds-motion-easing-{base|in|out}`
1099
1126
  ([#2791](https://github.com/porsche-design-system/porsche-design-system/pull/2791))
1100
1127
 
1101
- #### Changed
1128
+ ### Changed
1102
1129
 
1103
1130
  - Styles: `themeDarkBackgroundShading` and `$pds-theme-dark-background-shading` color
1104
1131
  ([#2789](https://github.com/porsche-design-system/porsche-design-system/pull/2789))
@@ -1179,7 +1206,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1179
1206
  + <p-carousel-pure align-header="start"></p-carousel>
1180
1207
  ```
1181
1208
 
1182
- #### Fixed
1209
+ ### Fixed
1183
1210
 
1184
1211
  - `Popover` doesn't get cut off when used within the `Table` component
1185
1212
  ([#2814](https://github.com/porsche-design-system/porsche-design-system/pull/2814))
@@ -1190,23 +1217,23 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1190
1217
  - `Tabs Bar` works with translated page content
1191
1218
  ([#2847](https://github.com/porsche-design-system/porsche-design-system/pull/2847))
1192
1219
 
1193
- ### [3.7.0] - 2023-10-04
1220
+ ## [3.7.0] - 2023-10-04
1194
1221
 
1195
- ### [3.7.0-rc.2] - 2023-10-04
1222
+ ## [3.7.0-rc.2] - 2023-10-04
1196
1223
 
1197
- #### Added
1224
+ ### Added
1198
1225
 
1199
1226
  - Styles: `gridStyles` and `pds-grid()` support basic usage inside `Flyout` component
1200
1227
  ([#2756](https://github.com/porsche-design-system/porsche-design-system/pull/2756))
1201
1228
 
1202
- #### Fixed
1229
+ ### Fixed
1203
1230
 
1204
1231
  - Overlay issues of header/footer in `Flyout` component
1205
1232
  ([#2786](https://github.com/porsche-design-system/porsche-design-system/pull/2786))
1206
1233
 
1207
- ### [3.7.0-rc.1] - 2023-09-20
1234
+ ## [3.7.0-rc.1] - 2023-09-20
1208
1235
 
1209
- #### Added
1236
+ ### Added
1210
1237
 
1211
1238
  - **[EXPERIMENTAL]** Prop `loading` for `Radio Button Wrapper`
1212
1239
  ([#2774](https://github.com/porsche-design-system/porsche-design-system/pull/2774))
@@ -1215,63 +1242,63 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1215
1242
  - `hyphens` CSS property can now be overwritten in `Button Tile`, `Link Tile` and `Link Tile Model Signature` components
1216
1243
  ([#2758](https://github.com/porsche-design-system/porsche-design-system/pull/2758))
1217
1244
  - Partials that produce innerHTML support `{ format: 'sha256' }` option for whitelisting in
1218
- [Content-Security-Policy (CSP)](must-know/security/content-security-policy)
1245
+ [Content-Security-Policy (CSP)](/must-know/security/content-security-policy/)
1219
1246
  ([#2773](https://github.com/porsche-design-system/porsche-design-system/pull/2773))
1220
1247
  - `Pin Code` ([#2691](https://github.com/porsche-design-system/porsche-design-system/pull/2691))
1221
1248
 
1222
- #### Fixed
1249
+ ### Fixed
1223
1250
 
1224
1251
  - Dragging of `Carousel` can become stucked
1225
1252
  ([#2768](https://github.com/porsche-design-system/porsche-design-system/pull/2768))
1226
1253
  - Color of `message` for `Fieldset`, `Fieldset Wrapper`, `Text Field Wrapper` and `Textarea Wrapper` in dark theme
1227
1254
  ([#2769](https://github.com/porsche-design-system/porsche-design-system/pull/2769))
1228
1255
 
1229
- #### Changed
1256
+ ### Changed
1230
1257
 
1231
1258
  - Usage of `getInitialStyles()` partial is required and validated with an exception
1232
1259
  ([#2749](https://github.com/porsche-design-system/porsche-design-system/pull/2749))
1233
1260
 
1234
- ### [3.7.0-rc.0] - 2023-09-05
1261
+ ## [3.7.0-rc.0] - 2023-09-05
1235
1262
 
1236
- #### Added
1263
+ ### Added
1237
1264
 
1238
1265
  - `Multi Select` ([#2658](https://github.com/porsche-design-system/porsche-design-system/pull/2658))
1239
1266
 
1240
- #### Changed
1267
+ ### Changed
1241
1268
 
1242
1269
  - Partials: `Cdn` and `Format` types are exposed
1243
1270
  ([#2760](https://github.com/porsche-design-system/porsche-design-system/pull/2760))
1244
1271
 
1245
- ### [3.6.1] - 2023-08-29
1272
+ ## [3.6.1] - 2023-08-29
1246
1273
 
1247
- ### [3.6.1-rc.0] - 2023-08-29
1274
+ ## [3.6.1-rc.0] - 2023-08-29
1248
1275
 
1249
- #### Fixed
1276
+ ### Fixed
1250
1277
 
1251
1278
  - Overlapping issues of `Accordion` contents when positioned outside of content area
1252
1279
  ([#2746](https://github.com/porsche-design-system/porsche-design-system/pull/2746))
1253
1280
  - Backwards compatibility with previous versions of Porsche Design System
1254
1281
  ([#2752](https://github.com/porsche-design-system/porsche-design-system/pull/2752))
1255
1282
 
1256
- ### [3.6.0] - 2023-08-28
1283
+ ## [3.6.0] - 2023-08-28
1257
1284
 
1258
- ### [3.6.0-rc.2] - 2023-08-28
1285
+ ## [3.6.0-rc.2] - 2023-08-28
1259
1286
 
1260
- #### Fixed
1287
+ ### Fixed
1261
1288
 
1262
1289
  - `Tabs Bar` losing `activeTabIndex` and underline
1263
1290
  ([#2748](https://github.com/porsche-design-system/porsche-design-system/pull/2748))
1264
1291
 
1265
- ### [3.6.0-rc.1] - 2023-08-24
1292
+ ## [3.6.0-rc.1] - 2023-08-24
1266
1293
 
1267
- #### Fixed
1294
+ ### Fixed
1268
1295
 
1269
1296
  - Bundling format and name of `components-js` entrypoint for Vanilla JS integration
1270
1297
  ([#2745](https://github.com/porsche-design-system/porsche-design-system/pull/2745))
1271
1298
 
1272
- ### [3.6.0-rc.0] - 2023-08-23
1299
+ ## [3.6.0-rc.0] - 2023-08-23
1273
1300
 
1274
- #### Added
1301
+ ### Added
1275
1302
 
1276
1303
  - New value `aria-current` for `aria` property for linked components (`Link`, `Link Pure`, `Link Tile`, `Crest`,
1277
1304
  `Marque`) ([#2696](https://github.com/porsche-design-system/porsche-design-system/pull/2696))
@@ -1285,14 +1312,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1285
1312
  - Support for sticky footer to `Modal`
1286
1313
  ([#2723](https://github.com/porsche-design-system/porsche-design-system/pull/2723))
1287
1314
 
1288
- #### Changed
1315
+ ### Changed
1289
1316
 
1290
1317
  - Update of Twitter icon ([#2731](https://github.com/porsche-design-system/porsche-design-system/pull/2731))
1291
1318
  - Use China CDN and set `window.PORSCHE_DESIGN_SYSTEM_CDN` for backwards compatibility based on .cn top level domain
1292
1319
  before design system initialization
1293
1320
  ([#2676](https://github.com/porsche-design-system/porsche-design-system/pull/2676))
1294
1321
 
1295
- #### Fixed
1322
+ ### Fixed
1296
1323
 
1297
1324
  - `Flyout`: Overlapping of sticky header/footer if slotted content has different z-index
1298
1325
  ([#2736](https://github.com/porsche-design-system/porsche-design-system/pull/2736))
@@ -1304,45 +1331,45 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1304
1331
  `components-{js|angular|react|vue}`
1305
1332
  ([#2739](https://github.com/porsche-design-system/porsche-design-system/pull/2739))
1306
1333
 
1307
- ### [3.5.0] - 2023-07-25
1334
+ ## [3.5.0] - 2023-07-25
1308
1335
 
1309
- ### [3.5.0-rc.0] - 2023-07-21
1336
+ ## [3.5.0-rc.0] - 2023-07-21
1310
1337
 
1311
- #### Added
1338
+ ### Added
1312
1339
 
1313
1340
  - `background` property to `Button Tile` and `Link Tile` component to adapt the description and link/button theme when
1314
1341
  used on light background image ([#2669](https://github.com/porsche-design-system/porsche-design-system/pull/2669))
1315
1342
  - Breakpoint customizable property `columns` to `Segmented Control` to set the amount of columns
1316
1343
  ([#2652](https://github.com/porsche-design-system/porsche-design-system/pull/2652))
1317
1344
 
1318
- #### Fixed
1345
+ ### Fixed
1319
1346
 
1320
1347
  - Alignment of `Icon` inside `Accordion` header
1321
1348
  ([#2673](https://github.com/porsche-design-system/porsche-design-system/pull/2673))
1322
1349
  - Direction of `Select Wrapper` dropdown if `direction` property is set to `auto`
1323
1350
  ([#2677](https://github.com/porsche-design-system/porsche-design-system/pull/2677))
1324
1351
 
1325
- ### [3.4.0] - 2023-07-14
1352
+ ## [3.4.0] - 2023-07-14
1326
1353
 
1327
- ### [3.4.0-rc.0] - 2023-07-13
1354
+ ## [3.4.0-rc.0] - 2023-07-13
1328
1355
 
1329
- #### Added
1356
+ ### Added
1330
1357
 
1331
1358
  - React: `'use client';` directive is applied on all components for main and `ssr` sub-package
1332
1359
  ([#2654](https://github.com/porsche-design-system/porsche-design-system/pull/2654))
1333
1360
 
1334
- #### Fixed
1361
+ ### Fixed
1335
1362
 
1336
1363
  - Regression in `observeChildren` that affected nested components (e.g. incorrect rendering of nested `Tabs`).
1337
1364
  ([#2649](https://github.com/porsche-design-system/porsche-design-system/pull/2649))
1338
1365
  - Click behaviour of slotted interactive elements of `Carousel`
1339
1366
  ([#2663](https://github.com/porsche-design-system/porsche-design-system/pull/2663))
1340
1367
 
1341
- ### [3.3.0] - 2023-07-07
1368
+ ## [3.3.0] - 2023-07-07
1342
1369
 
1343
- ### [3.3.0-rc.0] - 2023-07-06
1370
+ ## [3.3.0-rc.0] - 2023-07-06
1344
1371
 
1345
- #### Added
1372
+ ### Added
1346
1373
 
1347
1374
  - `Tabs` and `Tabs Bar` support SSR ([#2611](https://github.com/porsche-design-system/porsche-design-system/pull/2611))
1348
1375
  - Contents of `Tag` component can now be wrapped in multiple lines
@@ -1352,7 +1379,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1352
1379
  - native lazy loading attribute to `img` tag of `Icon`
1353
1380
  ([#2644](https://github.com/porsche-design-system/porsche-design-system/pull/2644))
1354
1381
 
1355
- #### Fixed
1382
+ ### Fixed
1356
1383
 
1357
1384
  - `Stepper Horizontal` navigation between 2 pages is not working as expected in angular
1358
1385
  ([#2641](https://github.com/porsche-design-system/porsche-design-system/pull/2641))
@@ -1369,30 +1396,30 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1369
1396
  - `Carousel`: Removed `overflow:hidden` of slide items
1370
1397
  ([#2645](https://github.com/porsche-design-system/porsche-design-system/pull/2645))
1371
1398
 
1372
- #### Changed
1399
+ ### Changed
1373
1400
 
1374
1401
  - Improved bootstrapping behaviour of `Icon`
1375
1402
  ([#2644](https://github.com/porsche-design-system/porsche-design-system/pull/2644))
1376
1403
 
1377
- ### [3.2.0] - 2023-06-19
1404
+ ## [3.2.0] - 2023-06-19
1378
1405
 
1379
- ### [3.2.0-rc.0] - 2023-06-19
1406
+ ## [3.2.0-rc.0] - 2023-06-19
1380
1407
 
1381
- #### Added
1408
+ ### Added
1382
1409
 
1383
1410
  - `skipLinkTarget` property to `Carousel` component to enhance keyboard functionality
1384
1411
  ([#2557](https://github.com/porsche-design-system/porsche-design-system/pull/2557))
1385
1412
  - `showLastPage` property to `Pagination` component
1386
1413
  ([#2606](https://github.com/porsche-design-system/porsche-design-system/pull/2606))
1387
1414
 
1388
- #### Fixed
1415
+ ### Fixed
1389
1416
 
1390
1417
  - Partials: `getInitialStyles` supports `Flyout` component
1391
1418
  ([#2598](https://github.com/porsche-design-system/porsche-design-system/pull/2598))
1392
1419
  - `Popover` content can be selected/highlighted
1393
1420
  ([#2599](https://github.com/porsche-design-system/porsche-design-system/pull/2599))
1394
1421
 
1395
- #### Changed
1422
+ ### Changed
1396
1423
 
1397
1424
  - `Carousel` pagination now shows 5 "infinite bullets" when using more than 5 slides
1398
1425
  ([#2600](https://github.com/porsche-design-system/porsche-design-system/pull/2600))
@@ -1407,21 +1434,21 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1407
1434
  - `Toast` shows always the latest toast message and clears its queue immediately if a new message is added
1408
1435
  ([#2584](https://github.com/porsche-design-system/porsche-design-system/pull/2584))
1409
1436
 
1410
- ### [3.1.0] - 2023-06-09
1437
+ ## [3.1.0] - 2023-06-09
1411
1438
 
1412
- ### [3.1.0-rc.2] - 2023-06-09
1439
+ ## [3.1.0-rc.2] - 2023-06-09
1413
1440
 
1414
- #### Changed
1441
+ ### Changed
1415
1442
 
1416
1443
  - `Crest` updated assets ([#2595](https://github.com/porsche-design-system/porsche-design-system/pull/2595))
1417
1444
  - Partials: `getMetaTagsAndIconLinks` updated assets
1418
1445
  ([#2595](https://github.com/porsche-design-system/porsche-design-system/pull/2595))
1419
1446
 
1420
- #### Added
1447
+ ### Added
1421
1448
 
1422
1449
  - `Flyout` ([#2547](https://github.com/porsche-design-system/porsche-design-system/pull/2547))
1423
1450
 
1424
- #### Fixed
1451
+ ### Fixed
1425
1452
 
1426
1453
  - Wrong validation during SSR hydration of `Link Tile` and `Select Wrapper`
1427
1454
  ([#2588](https://github.com/porsche-design-system/porsche-design-system/pull/2588))
@@ -1430,34 +1457,34 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1430
1457
  - Unnecessary lifecycles are prevented when prop values do not change for complex values
1431
1458
  ([#2574](https://github.com/porsche-design-system/porsche-design-system/pull/2574))
1432
1459
 
1433
- ### [3.1.0-rc.1] - 2023-06-02
1460
+ ## [3.1.0-rc.1] - 2023-06-02
1434
1461
 
1435
- #### Added
1462
+ ### Added
1436
1463
 
1437
1464
  - **[EXPERIMENTAL]** Prop `showPasswordToggle` for `Text Field Wrapper` with `input type="password"`
1438
1465
  ([#2586](https://github.com/porsche-design-system/porsche-design-system/pull/2586))
1439
1466
  - Prop `name` for `Icon` supports `heart`, `heart-filled`, `copy`, `fingerprint`, `tire`, `roof-open` and `roof-closed`
1440
1467
  ([#2589](https://github.com/porsche-design-system/porsche-design-system/pull/2589))
1441
1468
 
1442
- #### Fixed
1469
+ ### Fixed
1443
1470
 
1444
1471
  - `Select Wrapper` missing border on touch devices
1445
1472
  ([#2579](https://github.com/porsche-design-system/porsche-design-system/pull/2579))
1446
1473
  - `Tabs Item` text content can be selected/highlighted
1447
1474
  ([#2582](https://github.com/porsche-design-system/porsche-design-system/pull/2582))
1448
1475
 
1449
- ### [3.1.0-rc.0] - 2023-05-24
1476
+ ## [3.1.0-rc.0] - 2023-05-24
1450
1477
 
1451
- #### Added
1478
+ ### Added
1452
1479
 
1453
1480
  - `Marque` now has a `variant` property, including 75 years variant
1454
1481
  ([#2575](https://github.com/porsche-design-system/porsche-design-system/pull/2575))
1455
1482
 
1456
- ### [3.0.0] - 2023-05-11
1483
+ ## [3.0.0] - 2023-05-11
1457
1484
 
1458
- ### [3.0.0-rc.3] - 2023-05-10
1485
+ ## [3.0.0-rc.3] - 2023-05-10
1459
1486
 
1460
- #### Fixed
1487
+ ### Fixed
1461
1488
 
1462
1489
  - `Tabs Bar` focus behavior via keyboard navigation
1463
1490
  ([#2546](https://github.com/porsche-design-system/porsche-design-system/pull/2546))
@@ -1465,7 +1492,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1465
1492
  - Disabled dragging/ghosting of icons
1466
1493
  ([#2536](https://github.com/porsche-design-system/porsche-design-system/pull/2536))
1467
1494
 
1468
- #### Changed
1495
+ ### Changed
1469
1496
 
1470
1497
  - Styles: `dropShadow{Low|Medium|High}Style`s use `box-shadow` instead of `filter: drop-shadow()` to fix glitches
1471
1498
  together with `frostedGlassStyle` in Firefox
@@ -1473,9 +1500,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1473
1500
  - Size of icon and height of `Accordion`
1474
1501
  ([#2536](https://github.com/porsche-design-system/porsche-design-system/pull/2536))
1475
1502
 
1476
- ### [3.0.0-rc.2] - 2023-05-09
1503
+ ## [3.0.0-rc.2] - 2023-05-09
1477
1504
 
1478
- #### Fixed
1505
+ ### Fixed
1479
1506
 
1480
1507
  - `Checkbox Wrapper` Safari visual state change while hovering
1481
1508
  ([#2508](https://github.com/porsche-design-system/porsche-design-system/pull/2508))
@@ -1498,20 +1525,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1498
1525
  - Angular: added optional modifier to optional properties for better type checking in strict mode
1499
1526
  ([#2544](https://github.com/porsche-design-system/porsche-design-system/pull/2544))
1500
1527
 
1501
- #### Added
1528
+ ### Added
1502
1529
 
1503
1530
  - Deprecation warning to `Icon` component if `lazy` prop is used
1504
1531
  ([#2521](https://github.com/porsche-design-system/porsche-design-system/pull/2521))
1505
1532
  - `aria` prop to `Scroller` component
1506
1533
  ([#2530](https://github.com/porsche-design-system/porsche-design-system/pull/2530))
1507
1534
 
1508
- #### Changed
1535
+ ### Changed
1509
1536
 
1510
1537
  - Model signature asset of 718 model ([#2532](https://github.com/porsche-design-system/porsche-design-system/pull/2532))
1511
1538
 
1512
- ### [3.0.0-rc.1] - 2023-04-19
1539
+ ## [3.0.0-rc.1] - 2023-04-19
1513
1540
 
1514
- #### Added
1541
+ ### Added
1515
1542
 
1516
1543
  - Prop `name` for `Icon` supports `push-pin`, `push-pin-off`, `qr`, `pin-filled`, `shopping-cart-filled`,
1517
1544
  `shopping-bag-filled`, `logo-apple-podcast`, `logo-spotify` and `user-filled`
@@ -1519,7 +1546,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1519
1546
  - **[EXPERIMENTAL]** Prop `loading` for `Checkbox Wrapper`
1520
1547
  ([#2483](https://github.com/porsche-design-system/porsche-design-system/pull/2483))
1521
1548
 
1522
- #### Fixed
1549
+ ### Fixed
1523
1550
 
1524
1551
  - `Wordmark`, `Crest` and `Model Signature` respect parent width/height
1525
1552
  ([#2479](https://github.com/porsche-design-system/porsche-design-system/pull/2479))
@@ -1532,27 +1559,27 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1532
1559
  - Color Contrast issues and rendering in Windows High Contrast Mode
1533
1560
  ([#2420](https://github.com/porsche-design-system/porsche-design-system/pull/2420))
1534
1561
 
1535
- ### [3.0.0-rc.0] - 2023-04-11
1562
+ ## [3.0.0-rc.0] - 2023-04-11
1536
1563
 
1537
- #### Fixed
1564
+ ### Fixed
1538
1565
 
1539
1566
  - Styles: `borderRadiusLarge` and `$pds-border-radius-large` are exposing correct value
1540
1567
  ([#2463](https://github.com/porsche-design-system/porsche-design-system/pull/2463))
1541
1568
 
1542
- ### [3.0.0-alpha.6] - 2023-04-06
1569
+ ## [3.0.0-alpha.6] - 2023-04-06
1543
1570
 
1544
- #### Added
1571
+ ### Added
1545
1572
 
1546
1573
  - `xxl` breakpoint for all breakpoint customizable component values
1547
1574
  ([#2454](https://github.com/porsche-design-system/porsche-design-system/pull/2454))
1548
1575
 
1549
- #### Fixed
1576
+ ### Fixed
1550
1577
 
1551
1578
  - Disabled color of `Icon` component ([#2446](https://github.com/porsche-design-system/porsche-design-system/pull/2446))
1552
1579
  - Support of `Radio Button Wrapper` for name value with non-alphanumeric characters
1553
1580
  ([#2443](https://github.com/porsche-design-system/porsche-design-system/pull/2443))
1554
1581
 
1555
- #### Changed
1582
+ ### Changed
1556
1583
 
1557
1584
  - `Banner` is a controlled component now and its visibility has to be controlled via the `open` prop
1558
1585
  ([#2447](https://github.com/porsche-design-system/porsche-design-system/pull/2447))
@@ -1666,26 +1693,26 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1666
1693
  + <PTabsBar onUpdate={(e: CustomEvent<TabsUpdateEvent>) => {}} />
1667
1694
  ```
1668
1695
 
1669
- ### [3.0.0-alpha.5] - 2023-03-30
1696
+ ## [3.0.0-alpha.5] - 2023-03-30
1670
1697
 
1671
- #### Added
1698
+ ### Added
1672
1699
 
1673
1700
  - `Wordmark` ([#2418](https://github.com/porsche-design-system/porsche-design-system/pull/2418))
1674
1701
  - `Crest` ([#2437](https://github.com/porsche-design-system/porsche-design-system/pull/2437))
1675
1702
 
1676
- #### Changed
1703
+ ### Changed
1677
1704
 
1678
1705
  - Styles: changed color values of `theme[Light|Dark]ContrastMedium` and `theme[Light|Dark]Notification[*]` color tokens
1679
1706
  of `Styles` subpackage ([#2436](https://github.com/porsche-design-system/porsche-design-system/pull/2436))
1680
1707
 
1681
- ### [3.0.0-alpha.4] - 2023-03-28
1708
+ ## [3.0.0-alpha.4] - 2023-03-28
1682
1709
 
1683
- #### Changed
1710
+ ### Changed
1684
1711
 
1685
1712
  - `Table` matches new design language
1686
1713
  ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
1687
1714
 
1688
- #### Added
1715
+ ### Added
1689
1716
 
1690
1717
  - Styles: ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
1691
1718
  - `gridWide`
@@ -1710,11 +1737,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1710
1737
  - Prop `scrollbar` for `Scroller` ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
1711
1738
  - Prop `theme` for `Table` ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
1712
1739
 
1713
- #### Fixed
1740
+ ### Fixed
1714
1741
 
1715
1742
  - React: missing animation of `Carousel` in certain scenarios
1716
1743
 
1717
- #### Changed
1744
+ ### Changed
1718
1745
 
1719
1746
  - Styles: `gridStyles` and `pds-grid()` are supporting an additional column range called `wide`
1720
1747
  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
@@ -1759,7 +1786,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1759
1786
  + </p-fieldset>
1760
1787
  ```
1761
1788
 
1762
- ### [3.0.0-alpha.3] - 2023-03-17
1789
+ ## [3.0.0-alpha.3] - 2023-03-17
1763
1790
 
1764
1791
  #### 🤖 Property deprecations 🤖
1765
1792
 
@@ -1992,7 +2019,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
1992
2019
  + <p-text-list type="alphabetically"></p-text-list>
1993
2020
  ```
1994
2021
 
1995
- #### Added
2022
+ ### Added
1996
2023
 
1997
2024
  - `Text`, `Icon`, `Button Pure` and `Link Pure` support value `xx-small` for prop `size`
1998
2025
  - `Display` supports value `small` for prop `size`
@@ -2034,7 +2061,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
2034
2061
  - `Tag` prop `color` got values `notification-info-soft`, `notification-warning-soft`, `notification-success-soft`,
2035
2062
  `notification-error-soft` and deprecated `notification-warning`, `notification-success`, `notification-error` values
2036
2063
 
2037
- #### Changed
2064
+ ### Changed
2038
2065
 
2039
2066
  - `Display` uses font-weight regular and font-style normal
2040
2067
  - Partials: `getInitialStyles` matches new design language
@@ -2048,7 +2075,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
2048
2075
  - `Icon` prop `color` value `disabled` is renamed to `state-disabled`
2049
2076
  - `Tag` prop `color` value `notification-info` is renamed to `notification-info-soft`
2050
2077
 
2051
- #### Fixed
2078
+ ### Fixed
2052
2079
 
2053
2080
  - `Text Field Wrapper` calendar and time indicator icons respect color definition in dark theme
2054
2081
  - `Text Field Wrapper` has correct height when type date or time is used
@@ -2061,7 +2088,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
2061
2088
  - Styles: `headingXXXLargeStyle` and `$pds-heading-xxx-large`
2062
2089
  - Styles: `fontSizeHeadingXXLarge` and `$pds-font-size-heading-xx-large`
2063
2090
 
2064
- ### [3.0.0-alpha.2] - 2023-02-27
2091
+ ## [3.0.0-alpha.2] - 2023-02-27
2065
2092
 
2066
2093
  #### 🤖 Property deprecations 🤖
2067
2094
 
@@ -2089,33 +2116,33 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
2089
2116
  + <p-divider color="contrast-high"></p-divider>
2090
2117
  ```
2091
2118
 
2092
- #### Changed
2119
+ ### Changed
2093
2120
 
2094
2121
  - `Divider`, `Button Group`, `Carousel` and `Text List` match new design language
2095
2122
  - Background color of `Scroller`'s `prev` and `next` buttons in dark theme
2096
2123
  - Partials: Removed deprecated `withoutTags` option for all partials, please use `format: 'jsx'` instead
2097
2124
  - `Content Wrapper` default value of prop `width` has changed from `basic` to `extended`
2098
2125
 
2099
- #### Added
2126
+ ### Added
2100
2127
 
2101
2128
  - `Model Signature`
2102
2129
  - Props `align-header` and `width` for `Carousel`
2103
2130
  - Vue: plugin functions `createPorscheDesignSystem` and `usePorscheDesignSystemPlugin`
2104
2131
 
2105
- #### Fixed
2132
+ ### Fixed
2106
2133
 
2107
2134
  - `Radio Button Wrapper` keyboard arrow navigation
2108
2135
  - `Button Pure` and `Link Pure` lagging active state background when scrolling on iOS
2109
2136
 
2110
- ### [3.0.0-alpha.1] - 2023-02-16
2137
+ ## [3.0.0-alpha.1] - 2023-02-16
2111
2138
 
2112
- #### Added
2139
+ ### Added
2113
2140
 
2114
2141
  - Porsche Next font supports Vietnamese charset
2115
2142
  - Prop `color` of `Icon` supports `disabled`
2116
2143
  - React: `patchRemixRunProcessBrowserGlobalIdentifier` binary to support SSR components with Remix
2117
2144
 
2118
- #### Changed
2145
+ ### Changed
2119
2146
 
2120
2147
  - `Stepper Horizontal` matches new design language
2121
2148
  - Styles: Optimize design tokens "spacing", "typography" and "theme" provided by styles sub-package
@@ -2123,7 +2150,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
2123
2150
  - Styles: Use calc() instead of max() to calculate padding for `gridStyle` (JS) and `pds-grid()` (SCSS)
2124
2151
  - Styles: `gridStyle` (JS) and `pds-grid()` (SCSS) uses optimized grid gap
2125
2152
 
2126
- ### [3.0.0-alpha.0] - 2023-02-08
2153
+ ## [3.0.0-alpha.0] - 2023-02-08
2127
2154
 
2128
2155
  #### Note to the new `v3` major release of the Porsche Design System
2129
2156
 
@@ -2262,7 +2289,7 @@ major version.
2262
2289
 
2263
2290
  ##### Content Wrapper:
2264
2291
 
2265
- - Component is deprecated and will be removed with the next major release. Please use **[Porsche Grid](styles/grid)**
2292
+ - Component is deprecated and will be removed with the next major release. Please use **[Porsche Grid](/styles/grid/)**
2266
2293
  instead, which is based on [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid) covering the specific
2267
2294
  layout needs for a harmonic appearance across all digital Porsche touch-points.
2268
2295
 
@@ -2276,7 +2303,7 @@ major version.
2276
2303
 
2277
2304
  - Component is deprecated and will be removed with the next major release. In general, please use native
2278
2305
  [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid) in combination with
2279
- **[Porsche Grid](styles/grid)** instead for better performance and more standardized layout technique.
2306
+ **[Porsche Grid](/styles/grid/)** instead for better performance and more standardized layout technique.
2280
2307
 
2281
2308
  ##### Headline:
2282
2309
 
@@ -2287,7 +2314,7 @@ major version.
2287
2314
 
2288
2315
  ##### Link Social:
2289
2316
 
2290
- - Component is deprecated and will be removed with the next major release. Please use the **[Link](components/link)**
2317
+ - Component is deprecated and will be removed with the next major release. Please use the **[Link](/components/link/)**
2291
2318
  component instead.
2292
2319
 
2293
2320
  #### 🤖 Property deprecations 🤖
@@ -2504,7 +2531,7 @@ to the new values since those ones will be removed with next major version.
2504
2531
  + …addMessage({ text: `Some message`, state: 'info' })
2505
2532
  ```
2506
2533
 
2507
- #### Added
2534
+ ### Added
2508
2535
 
2509
2536
  - `Display` component
2510
2537
  - `Heading` component
@@ -2514,7 +2541,7 @@ to the new values since those ones will be removed with next major version.
2514
2541
  - Prop `size` for `Icon` supports `x-small` and `x-large`
2515
2542
  - Prop `size` for `Accordion` `compact="true"` supports `medium`
2516
2543
 
2517
- #### Changed
2544
+ ### Changed
2518
2545
 
2519
2546
  - `Spinner`, `Icon`, `Link Pure`, `Button Pure`, `Link`, `Link Social`, `Button`, `Checkbox Wrapper`,
2520
2547
  `Radio Button Wrapper`, `Popover`, `Modal`, `Select Wrapper`, `Tag`, `Tag Dismissible`, `Textarea Wrapper`,
@@ -2535,19 +2562,19 @@ to the new values since those ones will be removed with next major version.
2535
2562
  instead.
2536
2563
  - `applyNormalizeStyles` option from `getInitialStyles()` partial which is applied by default now.
2537
2564
 
2538
- ### [2.20.0] - 2023-02-06
2565
+ ## [2.20.0] - 2023-02-06
2539
2566
 
2540
- ### [2.20.0-rc.1] - 2023-02-06
2567
+ ## [2.20.0-rc.1] - 2023-02-06
2541
2568
 
2542
- ### [2.20.0-rc.0] - 2023-01-30
2569
+ ## [2.20.0-rc.0] - 2023-01-30
2543
2570
 
2544
- #### Added
2571
+ ### Added
2545
2572
 
2546
2573
  - `applyNormalizeStyles` option for `getInitialStyles()` partial which includes basic css styles for Light DOM
2547
2574
 
2548
- ### [2.19.1-rc.1] - 2023-01-18
2575
+ ## [2.19.1-rc.1] - 2023-01-18
2549
2576
 
2550
- #### Added
2577
+ ### Added
2551
2578
 
2552
2579
  - `jsdom-polyfill` subpackage is available at `@porsche-design-system/components-{js|angular|react|vue}/jsdom-polyfill`
2553
2580
  and can be used to have working web components in jsdom based tests (e.g. jest)
@@ -2556,50 +2583,50 @@ to the new values since those ones will be removed with next major version.
2556
2583
  queries internally to support Shadow DOM
2557
2584
  - Validation if `prefix` is already reserved by a different version upon initialization of the Porsche Design System
2558
2585
 
2559
- #### Fixed
2586
+ ### Fixed
2560
2587
 
2561
2588
  - `componentsReady()` waits for Porsche Design System being initialized before checking components which can happen in
2562
2589
  certain test scenarios without partials
2563
2590
 
2564
- ### [2.19.1-rc.0] - 2023-01-18
2591
+ ## [2.19.1-rc.0] - 2023-01-18
2565
2592
 
2566
- #### Fixed
2593
+ ### Fixed
2567
2594
 
2568
2595
  - Bug in `@porsche-design-system/components-react/ssr` where in some cases during SSG an error was thrown when
2569
2596
  components render their children conditionally
2570
2597
 
2571
- ### [2.19.0] - 2022-12-22
2598
+ ## [2.19.0] - 2022-12-22
2572
2599
 
2573
- ### [2.19.0-rc.2] - 2022-12-22
2600
+ ## [2.19.0-rc.2] - 2022-12-22
2574
2601
 
2575
- ### [2.19.0-rc.1] - 2022-12-22
2602
+ ## [2.19.0-rc.1] - 2022-12-22
2576
2603
 
2577
- #### Fixed
2604
+ ### Fixed
2578
2605
 
2579
2606
  - `Stepper Horizontal` calculation of scroll position when used within any parent that has a margin or padding
2580
2607
 
2581
- ### [2.19.0-rc.0] - 2022-12-21
2608
+ ## [2.19.0-rc.0] - 2022-12-21
2582
2609
 
2583
- #### Added
2610
+ ### Added
2584
2611
 
2585
2612
  - Vue: typed components are available via the `@porsche-design-system/components-vue` package
2586
2613
 
2587
- #### Fixed
2614
+ ### Fixed
2588
2615
 
2589
2616
  - `Modal` focus cycle when pressing Shift Tab right after it was opened
2590
2617
 
2591
- ### [2.18.0] - 2022-12-15
2618
+ ## [2.18.0] - 2022-12-15
2592
2619
 
2593
- ### [2.18.0-rc.2] - 2022-12-14
2620
+ ## [2.18.0-rc.2] - 2022-12-14
2594
2621
 
2595
- #### Added
2622
+ ### Added
2596
2623
 
2597
2624
  - Validation to ensure crucial partials are used.
2598
2625
  **Disclaimer:** The Porsche Design System will **not** inject its initial styles anymore. Please use the
2599
2626
  `getInitialStyles()` partial to reduce flash of unstyled content (FOUC) as described here:
2600
2627
  [getInitialStyles() documentation](https://designsystem.porsche.com/v2/partials/initial-styles)
2601
2628
 
2602
- #### Changed
2629
+ ### Changed
2603
2630
 
2604
2631
  - `line-height` calculation for all components is handled CSS only now by using `ex`-unit in combination with `calc()`
2605
2632
  which gives the best performance, the easiest possible integration and respects UI best practices in having **larger**
@@ -2607,25 +2634,25 @@ to the new values since those ones will be removed with next major version.
2607
2634
  `font-size` definitions. The calculated values by CSS slightly differ compared to the ones calculated by JavaScript,
2608
2635
  which might result in minor visual changes.
2609
2636
 
2610
- #### Fixed
2637
+ ### Fixed
2611
2638
 
2612
2639
  - Screen reader announcements of `Textfield` and `Textarea` in `counter` mode
2613
2640
  - Screen reader announcements in `Select Wrapper`
2614
2641
 
2615
- ### [2.18.0-rc.1] - 2022-11-24
2642
+ ## [2.18.0-rc.1] - 2022-11-24
2616
2643
 
2617
- #### Added
2644
+ ### Added
2618
2645
 
2619
2646
  - `Carousel` now has a `rewind` property, better prev/next icons, a `max-width` for `heading` and `description` and
2620
2647
  support for slotted `description`
2621
2648
 
2622
- #### Fixed
2649
+ ### Fixed
2623
2650
 
2624
2651
  - `Select Wrapper` height if text is zoomed up to 200%
2625
2652
 
2626
- ### [2.18.0-rc.0] - 2022-11-17
2653
+ ## [2.18.0-rc.0] - 2022-11-17
2627
2654
 
2628
- #### Added
2655
+ ### Added
2629
2656
 
2630
2657
  - SSR/SSG ready components using Declarative Shadow DOM for Next JS are shipped via
2631
2658
  `@porsche-design-system/components-react/ssr`. To use it simply change your imports.
@@ -2640,46 +2667,46 @@ information can be found here:
2640
2667
  + import { getDSRPonyfill } from '@porsche-design-system/components-react/partials';
2641
2668
  ```
2642
2669
 
2643
- #### Changed
2670
+ ### Changed
2644
2671
 
2645
2672
  - Improve height calculation for `Accordion`
2646
2673
  - Slotted anchor support for `Link Pure` is stricter (In case slotted `<a>` is used it must be a direct child of
2647
2674
  `Link Pure`)
2648
2675
  - `getFontLinks()` partial now has `{ weights: ['regular', 'semi-bold'] }` for a default
2649
2676
 
2650
- ### [2.17.0] - 2022-10-31
2677
+ ## [2.17.0] - 2022-10-31
2651
2678
 
2652
- ### [2.17.0-rc.0] - 2022-10-31
2679
+ ## [2.17.0-rc.0] - 2022-10-31
2653
2680
 
2654
- #### Added
2681
+ ### Added
2655
2682
 
2656
2683
  - `Link Tile`
2657
2684
 
2658
- #### Fixed
2685
+ ### Fixed
2659
2686
 
2660
2687
  - `Scroller` bug where scrollable content was not fully hidden by the gradient, when zoomed into the page.
2661
2688
 
2662
- #### Changed
2689
+ ### Changed
2663
2690
 
2664
2691
  - Removed `!important` keyword from css property `display` of `Link Pure` and `Button Pure`
2665
2692
 
2666
- ### [2.16.3] - 2022-10-21
2693
+ ## [2.16.3] - 2022-10-21
2667
2694
 
2668
- ### [2.16.3-rc.0] - 2022-10-21
2695
+ ## [2.16.3-rc.0] - 2022-10-21
2669
2696
 
2670
- #### Fixed
2697
+ ### Fixed
2671
2698
 
2672
2699
  - `Button Pure` and `Link Pure` error when using `size="inherit"` and `icon="none"`
2673
2700
 
2674
- #### Changed
2701
+ ### Changed
2675
2702
 
2676
2703
  - Replaced all internal usage of `Text` and `Headline` components
2677
2704
 
2678
- ### [2.16.2] - 2022-09-15
2705
+ ## [2.16.2] - 2022-09-15
2679
2706
 
2680
- ### [2.16.2-rc.0] - 2022-09-15
2707
+ ## [2.16.2-rc.0] - 2022-09-15
2681
2708
 
2682
- #### Fixed
2709
+ ### Fixed
2683
2710
 
2684
2711
  - Issue with `Popover` where drop-shadow is not shown correctly in Chrome >= 105
2685
2712
  - Issue with `Carousel` and `wrap-content="true"` where the layout was out of sync with `Content Wrapper` for
@@ -2687,195 +2714,195 @@ information can be found here:
2687
2714
  - `Select Wrapper` with custom dropdown keeps attribute changes of native select options in sync if changed
2688
2715
  programmatically
2689
2716
 
2690
- ### [2.16.1] - 2022-09-09
2717
+ ## [2.16.1] - 2022-09-09
2691
2718
 
2692
- #### Fixed
2719
+ ### Fixed
2693
2720
 
2694
2721
  - Issue with `Options` typing import for `Carousel`
2695
2722
 
2696
- ### [2.16.0] - 2022-09-08
2723
+ ## [2.16.0] - 2022-09-08
2697
2724
 
2698
- ### [2.15.1-rc.1] - 2022-09-08
2725
+ ## [2.15.1-rc.1] - 2022-09-08
2699
2726
 
2700
- #### Added
2727
+ ### Added
2701
2728
 
2702
2729
  - `Carousel`
2703
2730
  - `Scroller`
2704
2731
 
2705
- #### Changed
2732
+ ### Changed
2706
2733
 
2707
2734
  - `Stepper Horizontal` now has `size` property
2708
2735
  - `Stepper Horizontal` uses improved focus behavior in case it becomes scrollable and scroll indicators are centered
2709
2736
  correctly.
2710
2737
  - `Tabs Bar` uses improved focus behavior in case it becomes scrollable and scroll indicators are centered correctly.
2711
2738
 
2712
- ### [2.15.1-rc.0] - 2022-08-24
2739
+ ## [2.15.1-rc.0] - 2022-08-24
2713
2740
 
2714
- #### Fixed
2741
+ ### Fixed
2715
2742
 
2716
2743
  - `Radio Button Wrapper` visual selection change bug in Safari >= 15.5
2717
2744
 
2718
- ### [2.15.0] - 2022-08-22
2745
+ ## [2.15.0] - 2022-08-22
2719
2746
 
2720
- ### [2.15.0-rc.1] - 2022-08-18
2747
+ ## [2.15.0-rc.1] - 2022-08-18
2721
2748
 
2722
- #### Changed
2749
+ ### Changed
2723
2750
 
2724
2751
  - Downgraded `@angular` to `v13` to ensure backwards compatibility of `@porsche-design-system/components-angular`
2725
2752
 
2726
- ### [2.15.0-rc.0] - 2022-08-16
2753
+ ## [2.15.0-rc.0] - 2022-08-16
2727
2754
 
2728
- #### Fixed
2755
+ ### Fixed
2729
2756
 
2730
2757
  - `Popover` visual shadow bug in Safari
2731
2758
  - `Stepper Horizontal Item` bug where pseudo styles of the counter element were overridable
2732
2759
 
2733
- ### [2.15.0-beta.0] - 2022-08-05
2760
+ ## [2.15.0-beta.0] - 2022-08-05
2734
2761
 
2735
- #### Fixed
2762
+ ### Fixed
2736
2763
 
2737
2764
  - `Tabs` & `Tabs Bar` `size` property when using `BreakpointCustomizable`
2738
2765
 
2739
- #### Changed
2766
+ ### Changed
2740
2767
 
2741
2768
  - `Modal` uses poly fluid sizing for outer spacing
2742
2769
  - `Banner` uses poly fluid sizing for outer spacing
2743
2770
  - `Content Wrapper` uses poly fluid sizing for inner spacing
2744
2771
  - `Modal` min-width is slightly updated to perfectly fit into content area of `Content Wrapper` at 320px viewport width
2745
2772
 
2746
- #### Added
2773
+ ### Added
2747
2774
 
2748
2775
  - Validation of properties for all components
2749
2776
  - `Text Field Wrapper` with `input type="search"` is clearable via Escape key and custom clear button across browsers
2750
2777
  - `Text Field Wrapper` with `input type="search"` shows a "Locate me" button when `actionIcon="locate"` is set, emits
2751
2778
  the `action` event on click and can be put into a loading state via `actionLoading="true"`
2752
2779
 
2753
- ### [2.14.0] - 2022-07-11
2780
+ ## [2.14.0] - 2022-07-11
2754
2781
 
2755
- ### [2.14.0-rc.1] - 2022-07-11
2782
+ ## [2.14.0-rc.1] - 2022-07-11
2756
2783
 
2757
- ### [2.14.0-rc.0] - 2022-07-11
2784
+ ## [2.14.0-rc.0] - 2022-07-11
2758
2785
 
2759
- #### Added
2786
+ ### Added
2760
2787
 
2761
2788
  - `getBrowserSupportFallbackScript()` partial supporting `cdn` and `format` options as replacement for
2762
2789
  `includeOverlay()` of `@porsche-design-system/browser-notification` npm package
2763
2790
  - `getCookiesFallbackScript()` partial supporting `cdn` and `format` options as replacement for `includeCookieOverlay()`
2764
2791
  of `@porsche-design-system/browser-notification` npm package
2765
2792
 
2766
- #### Changed
2793
+ ### Changed
2767
2794
 
2768
2795
  - `getMetaTagsAndIconLinks()` partial to return `theme-color` meta tags with `prefers-color-scheme: {light|dark}` media
2769
2796
  query
2770
2797
 
2771
- ### [2.13.0] - 2022-06-23
2798
+ ## [2.13.0] - 2022-06-23
2772
2799
 
2773
- ### [2.13.0-rc.5] - 2022-06-23
2800
+ ## [2.13.0-rc.5] - 2022-06-23
2774
2801
 
2775
- #### Fixed
2802
+ ### Fixed
2776
2803
 
2777
2804
  - `Stepper Horizontal Item` `state` validation
2778
2805
  - `Button` and `Link` with `theme="dark" variant="tertiary"` and `Tag Dismissible` bug on Safari < v15.5 where wrong
2779
2806
  colors on hover were shown
2780
2807
 
2781
- ### [2.13.0-rc.4] - 2022-06-22
2808
+ ## [2.13.0-rc.4] - 2022-06-22
2782
2809
 
2783
- #### Added
2810
+ ### Added
2784
2811
 
2785
2812
  - `Stepper Horizontal`
2786
2813
 
2787
- ### [2.13.0-rc.3] - 2022-06-22
2814
+ ## [2.13.0-rc.3] - 2022-06-22
2788
2815
 
2789
- #### Added
2816
+ ### Added
2790
2817
 
2791
2818
  - `Segmented Control`
2792
2819
 
2793
- ### [2.13.0-rc.2] - 2022-06-21
2820
+ ## [2.13.0-rc.2] - 2022-06-21
2794
2821
 
2795
- ### [2.13.0-rc.1] - 2022-06-21
2822
+ ## [2.13.0-rc.1] - 2022-06-21
2796
2823
 
2797
- ### [2.13.0-rc.0] - 2022-06-21
2824
+ ## [2.13.0-rc.0] - 2022-06-21
2798
2825
 
2799
- #### Changed
2826
+ ### Changed
2800
2827
 
2801
2828
  - `Button`, `Button Pure` and `Switch` apply `aria-disabled="true"` instead of `disabled` attribute to native button
2802
2829
  internally in case `disabled` and/or `loading` property is set
2803
2830
 
2804
- ### [2.12.1] - 2022-05-25
2831
+ ## [2.12.1] - 2022-05-25
2805
2832
 
2806
- ### [2.12.1-rc.0] - 2022-05-25
2833
+ ## [2.12.1-rc.0] - 2022-05-25
2807
2834
 
2808
- #### Fixed
2835
+ ### Fixed
2809
2836
 
2810
2837
  - Issue with `JssStyle` typing import
2811
2838
 
2812
- ### [2.12.0] - 2022-05-19
2839
+ ## [2.12.0] - 2022-05-19
2813
2840
 
2814
- #### Changed
2841
+ ### Changed
2815
2842
 
2816
2843
  - npm package is prepared for public release on [npmjs.org](https://npmjs.com)
2817
2844
 
2818
- ### [2.12.0-rc.2] - 2022-05-12
2845
+ ## [2.12.0-rc.2] - 2022-05-12
2819
2846
 
2820
- ### [2.12.0-rc.1] - 2022-05-11
2847
+ ## [2.12.0-rc.1] - 2022-05-11
2821
2848
 
2822
- ### [2.12.0-rc.0] - 2022-05-04
2849
+ ## [2.12.0-rc.0] - 2022-05-04
2823
2850
 
2824
- #### Added
2851
+ ### Added
2825
2852
 
2826
2853
  - `Table Head Cell` now has a `multiline` property
2827
2854
 
2828
- #### Changed
2855
+ ### Changed
2829
2856
 
2830
2857
  - `Headline` has no `hypens` / `overflow-wrap` style by default
2831
2858
  - Partials now throw an exception if they are executed in browser
2832
2859
 
2833
- #### Fixed
2860
+ ### Fixed
2834
2861
 
2835
2862
  - Exception in `Headline`, `Select Wrapper`, `Text` and `Text List` when changing `theme` prop from `dark` to `light`
2836
2863
  - `getInitialStyles()` partial now returns `.hydrated` styles, too
2837
2864
 
2838
- ### [2.11.0-skeletons] - 2022-04-21
2865
+ ## [2.11.0-skeletons] - 2022-04-21
2839
2866
 
2840
- ### [2.11.0] - 2022-04-21
2867
+ ## [2.11.0] - 2022-04-21
2841
2868
 
2842
- ### [2.11.0-rc.0] - 2022-04-20
2869
+ ## [2.11.0-rc.0] - 2022-04-20
2843
2870
 
2844
- #### Added
2871
+ ### Added
2845
2872
 
2846
2873
  - `Tag`
2847
2874
  - `Tag Dismissible`
2848
2875
 
2849
- ### [2.10.0-skeletons] - 2022-04-13
2876
+ ## [2.10.0-skeletons] - 2022-04-13
2850
2877
 
2851
- ### [2.10.0] - 2022-04-13
2878
+ ## [2.10.0] - 2022-04-13
2852
2879
 
2853
- ### [2.9.3-rc.1] - 2022-04-06
2880
+ ## [2.9.3-rc.1] - 2022-04-06
2854
2881
 
2855
- #### Added
2882
+ ### Added
2856
2883
 
2857
2884
  - `Text Field Wrapper` now has a `showCharacterCount` property which can be used to hide the character count when a
2858
2885
  `maxLength` attribute is set on the wrapped `input`.
2859
2886
  - `Textarea Wrapper` now has a `showCharacterCount` property which can be used to hide the character count when a
2860
2887
  `maxLength` attribute is set on the wrapped `textarea`.
2861
2888
 
2862
- ### [2.9.3-rc.0-skeletons] - 2022-03-29
2889
+ ## [2.9.3-rc.0-skeletons] - 2022-03-29
2863
2890
 
2864
- ### [2.9.3-rc.0] - 2022-03-28
2891
+ ## [2.9.3-rc.0] - 2022-03-28
2865
2892
 
2866
- #### Added
2893
+ ### Added
2867
2894
 
2868
2895
  - `Text Field Wrapper` supports `unit` property on `input type="text"`
2869
2896
  - `Marque` optional configurable clickable/focusable area by defining padding on host element
2870
2897
 
2871
- #### Fixed
2898
+ ### Fixed
2872
2899
 
2873
2900
  - `Tabs Item` improved accessibility
2874
2901
  - Angular: circular dependency in development mode in `2.9.2-skeletons`
2875
2902
 
2876
- ### [2.9.2-skeletons] - 2022-03-24
2903
+ ## [2.9.2-skeletons] - 2022-03-24
2877
2904
 
2878
- #### Added
2905
+ ### Added
2879
2906
 
2880
2907
  - **[EXPERIMENTAL]** `getInitialStyles` partial now accepts a `skeletonTagNames` array of component names that will
2881
2908
  initially have skeleton styles while the Porsche Design System is loading
@@ -2883,55 +2910,55 @@ information can be found here:
2883
2910
  `Link Social`, `Radio Button Wrapper`, `Select Wrapper`, `Text Field Wrapper`, `Textarea Wrapper` can now have initial
2884
2911
  skeleton styles when passed as `skeletonTagNames` to the `getInitialStyles` partial
2885
2912
 
2886
- ### [2.9.2] - 2022-03-24
2913
+ ## [2.9.2] - 2022-03-24
2887
2914
 
2888
- ### [2.9.2-rc.1] - 2022-03-23
2915
+ ## [2.9.2-rc.1] - 2022-03-23
2889
2916
 
2890
- #### Fixed
2917
+ ### Fixed
2891
2918
 
2892
2919
  - Bug caused by Chrome where hover styles of `Link Pure` are not displayed correctly
2893
2920
 
2894
- ### [2.9.2-rc.0] - 2022-03-22
2921
+ ## [2.9.2-rc.0] - 2022-03-22
2895
2922
 
2896
- #### Added
2923
+ ### Added
2897
2924
 
2898
2925
  - Normalized font behavior (`hyphen`, `overflow-wrap` and `text-size-adjust`) across components
2899
2926
 
2900
- #### Fixed
2927
+ ### Fixed
2901
2928
 
2902
2929
  - `Modal` scrolling and pinch to zoom on iOS
2903
2930
  - `Modal` initial position if scrollable
2904
2931
  - `Table Head Cell` sort icon `asc` + `desc`
2905
2932
 
2906
- ### [2.9.1] - 2022-03-10
2933
+ ## [2.9.1] - 2022-03-10
2907
2934
 
2908
- ### [2.9.1-rc.0] - 2022-03-09
2935
+ ## [2.9.1-rc.0] - 2022-03-09
2909
2936
 
2910
- #### Added
2937
+ ### Added
2911
2938
 
2912
2939
  - Styles for slotted `<button>` in `Text`
2913
2940
 
2914
- #### Changed
2941
+ ### Changed
2915
2942
 
2916
2943
  - `Modal` heading and aria validation happens only when open
2917
2944
 
2918
- #### Fixed
2945
+ ### Fixed
2919
2946
 
2920
2947
  - React: bundling format of partials
2921
2948
 
2922
- ### [2.9.0] - 2022-02-28
2949
+ ## [2.9.0] - 2022-02-28
2923
2950
 
2924
- ### [2.9.0-rc.1] - 2022-02-25
2951
+ ## [2.9.0-rc.1] - 2022-02-25
2925
2952
 
2926
- #### Fixed
2953
+ ### Fixed
2927
2954
 
2928
2955
  - `Modal` focus trap respecting elements in shadow DOM and dynamically added/removed elements on first level
2929
2956
  - `Tabs Item` focus outline on click in Safari
2930
2957
  - Error while using partials in Vanilla JS and Angular
2931
2958
 
2932
- ### [2.9.0-rc.0] - 2022-02-16
2959
+ ## [2.9.0-rc.0] - 2022-02-16
2933
2960
 
2934
- #### Added
2961
+ ### Added
2935
2962
 
2936
2963
  - `getFontFaceStylesheet` returns additional `<link>` tags with `rel="preconnect"` and `rel="dns-prefetch"`
2937
2964
  - Option `format` to partials `getFontFaceStylesheet`, `getComponentChunkLinks()`, `getFontLinks()`, `getIconLinks()`,
@@ -2948,48 +2975,48 @@ information can be found here:
2948
2975
  + {getFontFaceStylesheet({ format: 'jsx' })}
2949
2976
  ```
2950
2977
 
2951
- ### [2.9.0-beta.1] - 2022-01-27
2978
+ ## [2.9.0-beta.1] - 2022-01-27
2952
2979
 
2953
- #### Added
2980
+ ### Added
2954
2981
 
2955
2982
  - `:focus-visible` content of selected Tab in `Tabs` component gets focus styling
2956
2983
  - Improved accessibility of `Text Field Wrapper` and `Textarea Wrapper` when `maxlength` attribute is set
2957
2984
  - `Modal` aria property
2958
2985
  - `Modal` class for slotted elements to make content full-width
2959
2986
 
2960
- #### Changed
2987
+ ### Changed
2961
2988
 
2962
2989
  - `Button Pure` and `Link Pure` removed `position: relative` imposition, make sure to **not** override it with
2963
2990
  `position: static`
2964
2991
 
2965
- #### Fixed
2992
+ ### Fixed
2966
2993
 
2967
2994
  - `Modal` close button styles when no heading is passed
2968
2995
 
2969
- ### [2.9.0-beta.0] - 2022-01-18
2996
+ ## [2.9.0-beta.0] - 2022-01-18
2970
2997
 
2971
- #### Added
2998
+ ### Added
2972
2999
 
2973
3000
  - React: `getByRoleShadowed`, `getByLabelTextShadowed` and `getByTextShadowed` utilities which uses
2974
3001
  `@testing-library/dom` queries internally to support Shadow DOM
2975
3002
 
2976
- #### Fixed
3003
+ ### Fixed
2977
3004
 
2978
3005
  - React: `UnhandledPromiseRejectionWarning` when using `skipPorscheDesignSystemCDNRequestsDuringTests()`
2979
3006
 
2980
- ### [2.8.0] - 2022-01-17
3007
+ ## [2.8.0] - 2022-01-17
2981
3008
 
2982
- #### Fixed
3009
+ ### Fixed
2983
3010
 
2984
3011
  - Accessibility issue of `Icon` component in Windows High Contrast Mode in Chromium Browser
2985
3012
 
2986
- ### [2.8.0-rc.0] - 2022-01-14
3013
+ ## [2.8.0-rc.0] - 2022-01-14
2987
3014
 
2988
- #### Added
3015
+ ### Added
2989
3016
 
2990
3017
  - Support for `tabindex` attribute on `Button`, `Button Pure`, `Switch`, `Link`, `Link Pure` and `Link Social`
2991
3018
 
2992
- #### Changed
3019
+ ### Changed
2993
3020
 
2994
3021
  - `:focus-visible` style matches outline color of `Button` while hovered
2995
3022
 
@@ -3003,9 +3030,9 @@ information can be found here:
3003
3030
  + <p-button tabindex="-1">Some button</p-button>
3004
3031
  ```
3005
3032
 
3006
- ### [2.8.0-beta.3] - 2021-12-22
3033
+ ## [2.8.0-beta.3] - 2021-12-22
3007
3034
 
3008
- #### Added
3035
+ ### Added
3009
3036
 
3010
3037
  **Disclaimer:** The provided themes `light-electric` and `dark-electric` are just a proof of concept, it's **not**
3011
3038
  accessible regarding its color contrast and might even be removed in an upcoming major release again.
@@ -3015,190 +3042,190 @@ accessible regarding its color contrast and might even be removed in an upcoming
3015
3042
  - Character counter to `Text Field Wrapper` and `Textarea Wrapper` if `maxlength` is present on `input type="text"` and
3016
3043
  `textarea`
3017
3044
 
3018
- #### Changed
3045
+ ### Changed
3019
3046
 
3020
3047
  - `:focus-visible` style matches outline color of `Switch` while hovered
3021
3048
 
3022
- #### Fixed
3049
+ ### Fixed
3023
3050
 
3024
3051
  - Box model of `Button Pure`
3025
3052
 
3026
- ### [2.8.0-beta.2] - 2021-12-22
3053
+ ## [2.8.0-beta.2] - 2021-12-22
3027
3054
 
3028
- #### Fixed
3055
+ ### Fixed
3029
3056
 
3030
3057
  - `Content Wrapper` regression for `!important` style
3031
3058
 
3032
- #### Added
3059
+ ### Added
3033
3060
 
3034
3061
  - Usage validation for `Link`, `Link Pure` and `Link Social`
3035
3062
 
3036
- ### [2.8.0-beta.1] - 2021-12-16
3063
+ ## [2.8.0-beta.1] - 2021-12-16
3037
3064
 
3038
- #### Fixed
3065
+ ### Fixed
3039
3066
 
3040
3067
  - `Select Wrapper` validation of select element
3041
3068
 
3042
- ### [2.8.0-beta.0] - 2021-12-15
3069
+ ## [2.8.0-beta.0] - 2021-12-15
3043
3070
 
3044
- #### Changed
3071
+ ### Changed
3045
3072
 
3046
3073
  - Angular: increased peer dependency to `>=12.0.0 <14.0.0`
3047
3074
 
3048
- ### [2.7.0] - 2021-12-14
3075
+ ## [2.7.0] - 2021-12-14
3049
3076
 
3050
- ### [2.7.0-rc.0] - 2021-12-14
3077
+ ## [2.7.0-rc.0] - 2021-12-14
3051
3078
 
3052
3079
  #### Removed
3053
3080
 
3054
3081
  - `offset-bottom` prop of `Toast` (use `--p-toast-position-bottom` CSS variable instead)
3055
3082
 
3056
- ### [2.7.0-beta.6] - 2021-12-08
3083
+ ## [2.7.0-beta.6] - 2021-12-08
3057
3084
 
3058
- #### Added
3085
+ ### Added
3059
3086
 
3060
3087
  - `Popover`
3061
3088
 
3062
- ### [2.7.0-beta.5] - 2021-12-07
3089
+ ## [2.7.0-beta.5] - 2021-12-07
3063
3090
 
3064
- #### Added
3091
+ ### Added
3065
3092
 
3066
3093
  **Disclaimer:** The provided theme `light-electric` is just a proof of concept, it's **not** accessible regarding its
3067
3094
  color contrast and might even be removed in an upcoming major release again.
3068
3095
 
3069
3096
  - `light-electric` theme for `Accordion`, `Link`, `Link Pure`, `Button`, `Button Pure`, `Tabs`, `Tabs Bar`
3070
3097
 
3071
- ### [2.7.0-beta.4] - 2021-12-02
3098
+ ## [2.7.0-beta.4] - 2021-12-02
3072
3099
 
3073
- ### [2.7.0-beta.3] - 2021-11-30
3100
+ ## [2.7.0-beta.3] - 2021-11-30
3074
3101
 
3075
- #### Added
3102
+ ### Added
3076
3103
 
3077
3104
  - `Accordion` uses `MutationObserver` fallback when no `ResizeObserver` is available in older browsers
3078
3105
 
3079
- #### Fixed
3106
+ ### Fixed
3080
3107
 
3081
3108
  - `Link` and `Link Social` not adapting slotted anchor to the width of the element
3082
3109
 
3083
- ### [2.7.0-beta.2] - 2021-11-24
3110
+ ## [2.7.0-beta.2] - 2021-11-24
3084
3111
 
3085
- #### Added
3112
+ ### Added
3086
3113
 
3087
3114
  - `Toast`
3088
3115
 
3089
- #### Fixed
3116
+ ### Fixed
3090
3117
 
3091
3118
  - `Banner` animations respect offset correctly
3092
3119
 
3093
- ### [2.7.0-beta.1] - 2021-11-16
3120
+ ## [2.7.0-beta.1] - 2021-11-16
3094
3121
 
3095
- #### Fixed
3122
+ ### Fixed
3096
3123
 
3097
3124
  - `Headline` applies `align` and `ellipsis` prop correctly
3098
3125
 
3099
- ### [2.7.0-beta.0] - 2021-11-11
3126
+ ## [2.7.0-beta.0] - 2021-11-11
3100
3127
 
3101
- #### Added
3128
+ ### Added
3102
3129
 
3103
3130
  - New `aria` property for `ARIA` attribute handling for: `Button`, `Button Pure`, `Icon`, `Link`, `Link Pure`, `Marque`,
3104
3131
  `Spinner`
3105
3132
 
3106
- #### Fixed
3133
+ ### Fixed
3107
3134
 
3108
3135
  - React: warnings about `useLayoutEffect` in SSR context
3109
3136
 
3110
- ### [2.6.1] - 2021-11-05
3137
+ ## [2.6.1] - 2021-11-05
3111
3138
 
3112
- #### Fixed
3139
+ ### Fixed
3113
3140
 
3114
3141
  - Prevent breaking entire Porsche Design System due to lacking support of `ResizeObserver`, however `Accordion` still
3115
3142
  requires it
3116
3143
 
3117
- ### [2.6.0] - 2021-11-04
3144
+ ## [2.6.0] - 2021-11-04
3118
3145
 
3119
- #### Added
3146
+ ### Added
3120
3147
 
3121
3148
  - `unit` and `unitPosition` properties to `Text Field Wrapper`
3122
3149
 
3123
- ### [2.6.0-beta.0] - 2021-10-29
3150
+ ## [2.6.0-beta.0] - 2021-10-29
3124
3151
 
3125
- #### Changed
3152
+ ### Changed
3126
3153
 
3127
3154
  - Use `Heiti SC` (pre-installed on iOS/macOS) and `SimHei` (pre-installed on Windows) as Chinese fallback font
3128
3155
 
3129
- #### Added
3156
+ ### Added
3130
3157
 
3131
3158
  - `Marque` uses `webp` images for browsers that support it
3132
3159
  - `Inline Notification`
3133
3160
  - `Icon` now supports `success` for `name` property
3134
3161
 
3135
- #### Fixed
3162
+ ### Fixed
3136
3163
 
3137
3164
  - Colors of `Banner` for dark theme
3138
3165
  - Replaced CSS `inset` property with `top`, `left`, `right` and `bottom` for browser compatibility
3139
3166
  - Opening and closing transition of `Modal`
3140
3167
 
3141
- ### [2.5.1-beta.0] - 2021-10-11
3168
+ ## [2.5.1-beta.0] - 2021-10-11
3142
3169
 
3143
- #### Fixed
3170
+ ### Fixed
3144
3171
 
3145
3172
  - Possible exceptions when components get unmounted directly
3146
3173
 
3147
- ### [2.5.0] - 2021-10-04
3174
+ ## [2.5.0] - 2021-10-04
3148
3175
 
3149
- #### Added
3176
+ ### Added
3150
3177
 
3151
3178
  - `SimHei` and `黑体` as fallback for all components' `font-family`
3152
3179
 
3153
- ### [2.5.0-beta.1] - 2021-09-28
3180
+ ## [2.5.0-beta.1] - 2021-09-28
3154
3181
 
3155
- #### Changed
3182
+ ### Changed
3156
3183
 
3157
3184
  - React: improved render behavior of components
3158
3185
 
3159
- ### [2.5.0-beta.0] - 2021-09-22
3186
+ ## [2.5.0-beta.0] - 2021-09-22
3160
3187
 
3161
- #### Added
3188
+ ### Added
3162
3189
 
3163
3190
  - React: utility function `skipPorscheDesignSystemCDNRequestsDuringTests`
3164
3191
 
3165
- ### [2.4.0] - 2021-09-21
3192
+ ## [2.4.0] - 2021-09-21
3166
3193
 
3167
- ### [2.4.0-beta.2] - 2021-09-21
3194
+ ## [2.4.0-beta.2] - 2021-09-21
3168
3195
 
3169
- #### Added
3196
+ ### Added
3170
3197
 
3171
3198
  - `Link Social` and `Icon` now support `kakaotalk`, `naver`, `reddit` and `tiktok`
3172
3199
  - JSS caching mechanism to improve style performance
3173
3200
 
3174
- #### Changed
3201
+ ### Changed
3175
3202
 
3176
3203
  - Alignment of `linkedin` icon
3177
3204
  - Improved accessibility of `Select Wrapper`
3178
3205
  - `Icon` loading behaviour to non-blocking, components using the `Icon` will no longer wait for it to load
3179
3206
  - Validation messages of `Fieldset Wrapper` have now an additional icon representing the validation state
3180
3207
 
3181
- #### Fixed
3208
+ ### Fixed
3182
3209
 
3183
3210
  - Box model of `Link Pure`
3184
3211
  - Focus of `Link Pure` with slotted anchor and hidden label
3185
3212
  - Focus cycling of `Modal` without focusable children
3186
3213
  - Suppress CORS error
3187
3214
 
3188
- ### [2.4.0-beta.1] - 2021-08-26
3215
+ ## [2.4.0-beta.1] - 2021-08-26
3189
3216
 
3190
- #### Added
3217
+ ### Added
3191
3218
 
3192
3219
  - `active` property to `Button Pure`
3193
3220
 
3194
- ### [2.4.0-beta.0] - 2021-08-26
3221
+ ## [2.4.0-beta.0] - 2021-08-26
3195
3222
 
3196
- #### Added
3223
+ ### Added
3197
3224
 
3198
3225
  - `icon` property of `Button Pure` and `Link Pure` was extended by `none` value
3199
3226
  - `alignLabel` and `stretch` property to `Button Pure` and `Link Pure`
3200
3227
 
3201
- #### Changed
3228
+ ### Changed
3202
3229
 
3203
3230
  - Improved `:focus-visible` and `:hover:focus-visible` colors for `Link Social` and `Link`
3204
3231
  - Improved slotted `<a>` coloring in dark theme for `Link Social` and `Link`
@@ -3206,124 +3233,124 @@ color contrast and might even be removed in an upcoming major release again.
3206
3233
  `Text Field Wrapper` have now an additional icon representing the validation state
3207
3234
  - `Modal` backdrop behavior to close modal on mouse-down
3208
3235
 
3209
- #### Fixed
3236
+ ### Fixed
3210
3237
 
3211
3238
  - Slotted `<a>` coloring in dark theme for `Text`, `Headline`, `Text List`, `Banner`, `Select Wrapper` and `Link Pure`
3212
3239
  - Wrong background color of scrollable `Modal`'s backdrop in Safari
3213
3240
 
3214
- ### [2.3.0] - 2021-07-28
3241
+ ## [2.3.0] - 2021-07-28
3215
3242
 
3216
- ### [2.3.0-beta.3] - 2021-07-28
3243
+ ## [2.3.0-beta.3] - 2021-07-28
3217
3244
 
3218
- #### Changed
3245
+ ### Changed
3219
3246
 
3220
3247
  - `Accordion` reduce paddings, vertically align carets to the first heading row, adjust border color and hover styles
3221
3248
 
3222
- #### Fixed
3249
+ ### Fixed
3223
3250
 
3224
3251
  - `Text Field Wrapper` accessibility of type password and search
3225
3252
 
3226
- ### [2.3.0-beta.2] - 2021-07-15
3253
+ ## [2.3.0-beta.2] - 2021-07-15
3227
3254
 
3228
- #### Added
3255
+ ### Added
3229
3256
 
3230
3257
  - `Checkbox Wrapper`, `Radio Button Wrapper`, `Select Wrapper`, `Textarea Wrapper` and `Text Field Wrapper` now reflect
3231
3258
  changes of the `required` attribute on their child component
3232
3259
  - `multiline` property to `Table Cell`
3233
3260
  - Partial function `getLoaderScript()` to initialize Porsche Design System as early as possible
3234
3261
 
3235
- #### Fixed
3262
+ ### Fixed
3236
3263
 
3237
3264
  - `Table Head Cell` uses semi bold instead of bold as font weight
3238
3265
  - Transition of `Modal`
3239
3266
 
3240
- ### [2.3.0-beta.1] - 2021-07-08
3267
+ ## [2.3.0-beta.1] - 2021-07-08
3241
3268
 
3242
- #### Added
3269
+ ### Added
3243
3270
 
3244
3271
  - `Accordion`
3245
3272
 
3246
- #### Changed
3273
+ ### Changed
3247
3274
 
3248
3275
  - Removed initial delay of `Banner`
3249
3276
 
3250
- ### [2.3.0-beta.0] - 2021-07-01
3277
+ ## [2.3.0-beta.0] - 2021-07-01
3251
3278
 
3252
- #### Added
3279
+ ### Added
3253
3280
 
3254
3281
  - `Table`
3255
3282
  - Angular: export types from package root
3256
3283
  - Accessibility icon
3257
3284
 
3258
- #### Changed
3285
+ ### Changed
3259
3286
 
3260
3287
  - `Button`, `Button Pure` and `Switch` are now focusable while in `loading` state
3261
3288
  - `Text` and `Headline` inherits white-space CSS property
3262
3289
  - React: sync component props via property instead of attribute
3263
3290
 
3264
- #### Fixed
3291
+ ### Fixed
3265
3292
 
3266
3293
  - Angular: support `"strictTemplates": true` option in `tsconfig.json`
3267
3294
  - Use correct icon for `arrow-last` and `arrow-first` in `Icon`, `Button` and `Link` components
3268
3295
 
3269
- ### [2.2.1] - 2021-06-08
3296
+ ## [2.2.1] - 2021-06-08
3270
3297
 
3271
- #### Changed
3298
+ ### Changed
3272
3299
 
3273
3300
  - Optimize vertical alignment of `Modal`
3274
3301
 
3275
- #### Fixed
3302
+ ### Fixed
3276
3303
 
3277
3304
  - URL in inject global style warning
3278
3305
 
3279
- ### [2.2.1-beta.1] - 2021-06-02
3306
+ ## [2.2.1-beta.1] - 2021-06-02
3280
3307
 
3281
- #### Fixed
3308
+ ### Fixed
3282
3309
 
3283
3310
  - Margin of `Tabs Bar` within `Tabs` for Firefox and Safari
3284
3311
  - SVG of `Icon` is not removed after prop change, e.g. on color change
3285
3312
  - Fullscreen behavior of `Modal` on screens larger than 1760px
3286
3313
 
3287
- ### [2.2.0] - 2021-05-19
3314
+ ## [2.2.0] - 2021-05-19
3288
3315
 
3289
- #### Fixed
3316
+ ### Fixed
3290
3317
 
3291
3318
  - `Text` inside `Button` now has the proper size on iOS Safari when changing to and from landscape mode
3292
3319
  - `Banner` can now be re-opened after closing
3293
3320
  - Closing one `Banner` will not close other `Banners` on the site
3294
3321
 
3295
- ### [2.2.0-beta.2] - 2021-05-12
3322
+ ## [2.2.0-beta.2] - 2021-05-12
3296
3323
 
3297
- #### Fixed
3324
+ ### Fixed
3298
3325
 
3299
3326
  - `Select Wrapper` value changes are now reflected correctly
3300
3327
  - `Select Wrapper` dark theme background color if used with `filter` prop
3301
3328
 
3302
- ### [2.2.0-beta.1] - 2021-05-05
3329
+ ## [2.2.0-beta.1] - 2021-05-05
3303
3330
 
3304
- #### Added
3331
+ ### Added
3305
3332
 
3306
3333
  - Partial function `getIconLinks()` to preload Porsche Design System Icons
3307
3334
 
3308
- #### Fixed
3335
+ ### Fixed
3309
3336
 
3310
3337
  - `Text Field Wrapper` spacing in Safari
3311
3338
 
3312
- ### [2.2.0-beta.0] - 2021-05-05
3339
+ ## [2.2.0-beta.0] - 2021-05-05
3313
3340
 
3314
- #### Added
3341
+ ### Added
3315
3342
 
3316
3343
  - Partial function `getMetaTagsAndIconLinks()` to simplify cross device fav and meta icons
3317
3344
 
3318
- ### [2.1.0] - 2021-05-03
3345
+ ## [2.1.0] - 2021-05-03
3319
3346
 
3320
- ### [2.1.0-beta.0] - 2021-05-03
3347
+ ## [2.1.0-beta.0] - 2021-05-03
3321
3348
 
3322
- #### Added
3349
+ ### Added
3323
3350
 
3324
3351
  - `Switch`
3325
3352
 
3326
- #### Changed
3353
+ ### Changed
3327
3354
 
3328
3355
  - `Text` automatically breaks words/strings into new line being too long to fit inside their container
3329
3356
  - `Headline` automatically breaks words/strings into new line being too long to fit inside their container
@@ -3331,36 +3358,36 @@ color contrast and might even be removed in an upcoming major release again.
3331
3358
  is set to required only the label of the **Fieldset Wrapper** gets an asterisk. It is removed from all wrapped child
3332
3359
  components, as long as they are Porsche Design System form elements.
3333
3360
 
3334
- ### [2.0.3] - 2021-04-28
3361
+ ## [2.0.3] - 2021-04-28
3335
3362
 
3336
- ### [2.0.3-beta] - 2021-04-28
3363
+ ## [2.0.3-beta] - 2021-04-28
3337
3364
 
3338
- #### Fixed
3365
+ ### Fixed
3339
3366
 
3340
3367
  - Angular: events firing twice in `Pagination`, `Modal`, `Tabs`, `Tabs Bar` and `Banner` component
3341
3368
 
3342
- ### [2.0.2] - 2021-04-21
3369
+ ## [2.0.2] - 2021-04-21
3343
3370
 
3344
- ### [2.0.2-beta.0] - 2021-04-20
3371
+ ## [2.0.2-beta.0] - 2021-04-20
3345
3372
 
3346
- #### Fixed
3373
+ ### Fixed
3347
3374
 
3348
3375
  - TypeScript build errors due to duplicate declarations in `types.d.ts`
3349
3376
 
3350
- ### [2.0.1] - 2021-04-16
3377
+ ## [2.0.1] - 2021-04-16
3351
3378
 
3352
- #### Fixed
3379
+ ### Fixed
3353
3380
 
3354
3381
  - Visual appearance of `Checkbox Wrapper` in iOS Safari
3355
3382
  - A bug where `Text Field Wrapper` would throw an error when reattaching to DOM too quickly
3356
3383
  - Visual bug in Firefox when zooming out `Text Field Wrapper`, `Checkbox Wrapper` and `Textarea Wrapper`
3357
3384
  - Angular: streamline component styles in dark theme
3358
3385
 
3359
- #### Changed
3386
+ ### Changed
3360
3387
 
3361
3388
  - Aligned focus states of `Checkbox Wrapper` and `Radio Button Wrapper` across browsers
3362
3389
 
3363
- ### [2.0.0] - 2021-04-13
3390
+ ## [2.0.0] - 2021-04-13
3364
3391
 
3365
3392
  In keeping with [Semver](https://semver.org), Porsche Design System v2.0.0 was released due to changes in the API,
3366
3393
  fundamental changes in loading behavior and others. With our new major version `v2.0.0` there are some important changes
@@ -3606,137 +3633,137 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3606
3633
 
3607
3634
  ---
3608
3635
 
3609
- ### [2.0.0-rc.10] - 2021-04-12
3636
+ ## [2.0.0-rc.10] - 2021-04-12
3610
3637
 
3611
- #### Changed
3638
+ ### Changed
3612
3639
 
3613
3640
  - `Tabs` and `Tabs Bar` now respect dynamic additions / removals of `p-tabs-item`, `a` and `button` elements. Make sure
3614
3641
  to update the `activeTabIndex` when mutating elements
3615
3642
  - Improved performance of `Text`, `Button Pure` and `Link Pure` when `size` is not `inherit`
3616
3643
 
3617
- #### Added
3644
+ ### Added
3618
3645
 
3619
3646
  - `Grid` now has a `wrap` and `gutter` property
3620
3647
  - Components (`Grid Item`, `Flex Item`, `Tabs Item` and `Text List Item`) that require a specific parent (`Grid`,
3621
3648
  `Flex`, `Tabs` and `Text List`) will now throw an error if used without that parent
3622
3649
 
3623
- #### Fixed
3650
+ ### Fixed
3624
3651
 
3625
3652
  - Visual appearance of `Checkbox Wrapper` and `Radio Button Wrapper` reflect the state of the wrapped `input` element
3626
3653
 
3627
- ### [2.0.0-rc.9] - 2021-03-26
3654
+ ## [2.0.0-rc.9] - 2021-03-26
3628
3655
 
3629
- #### Added
3656
+ ### Added
3630
3657
 
3631
3658
  - `Button Group` component
3632
3659
  - Fullscreen property for `Modal` on mobile
3633
3660
 
3634
- #### Changed
3661
+ ### Changed
3635
3662
 
3636
3663
  - Spacings, heading and sizes of `Modal`
3637
3664
 
3638
- #### Fixed
3665
+ ### Fixed
3639
3666
 
3640
3667
  - Prevent duplicate loading of `porsche-design-system.v2.x.HASH.js` chunk when using `getComponentChunkLinks()` partial
3641
3668
 
3642
- ### [2.0.0-rc.8] - 2021-03-17
3669
+ ## [2.0.0-rc.8] - 2021-03-17
3643
3670
 
3644
- #### Added
3671
+ ### Added
3645
3672
 
3646
3673
  - Support for full height `Content Wrapper` with flex
3647
3674
  - `Tabs Bar` now supports `undefined` as `activeTabIndex`
3648
3675
 
3649
- #### Changed
3676
+ ### Changed
3650
3677
 
3651
3678
  - `Tabs Bar` has a new default `activeTabIndex`, which is `undefined`
3652
3679
  - `Tabs Bar` does not work by itself anymore. The `activeTabIndex` needs to be controlled from the outside
3653
3680
  ([read more](https://designsystem.porsche.com/v2/components/tabs-bar/examples))
3654
3681
  - Background Color of `Select Wrapper` in `dark` theme to meet accessibility criteria
3655
3682
 
3656
- ### [2.0.0-rc.7] - 2021-03-15
3683
+ ## [2.0.0-rc.7] - 2021-03-15
3657
3684
 
3658
- #### Fixed
3685
+ ### Fixed
3659
3686
 
3660
3687
  - Make shadowed `Flex` and `Grid` work in Firefox + Safari
3661
3688
 
3662
- ### [2.0.0-rc.6] - 2021-03-11
3689
+ ## [2.0.0-rc.6] - 2021-03-11
3663
3690
 
3664
- #### Changed
3691
+ ### Changed
3665
3692
 
3666
3693
  - Make `Grid` and `Grid Item` use Shadow DOM
3667
3694
  - Make `Flex` and `Flex Item` use Shadow DOM
3668
3695
 
3669
- ### [2.0.0-rc.5] - 2021-03-09
3696
+ ## [2.0.0-rc.5] - 2021-03-09
3670
3697
 
3671
- #### Added
3698
+ ### Added
3672
3699
 
3673
3700
  - Configurable background color of `Content Wrapper`
3674
3701
  - `italic` font-style in `Text` is now overridden with `normal`
3675
3702
 
3676
- #### Fixed
3703
+ ### Fixed
3677
3704
 
3678
3705
  - Usage of `Select Wrapper` within custom elements
3679
3706
  - A bug that caused `Spinner` to be displayed in a wrong size
3680
3707
 
3681
- ### [2.0.0-rc.4] - 2021-03-01
3708
+ ## [2.0.0-rc.4] - 2021-03-01
3682
3709
 
3683
- #### Changed
3710
+ ### Changed
3684
3711
 
3685
3712
  - Filter of `Select Wrapper` supports substring search
3686
3713
 
3687
- #### Fixed
3714
+ ### Fixed
3688
3715
 
3689
3716
  - Build error in SSR
3690
3717
 
3691
- ### [2.0.0-rc.3] - 2021-02-17
3718
+ ## [2.0.0-rc.3] - 2021-02-17
3692
3719
 
3693
- #### Added
3720
+ ### Added
3694
3721
 
3695
3722
  - React: utility function `skipCheckForPorscheDesignSystemProviderDuringTests`
3696
3723
  - React: tree shaking for component wrappers
3697
3724
 
3698
- #### Fixed
3725
+ ### Fixed
3699
3726
 
3700
3727
  - Angular: error in `Checkbox Wrapper`, `Radio Button Wrapper` and `Text Field Wrapper` when `input[type]` is bound
3701
3728
 
3702
- ### [2.0.0-rc.2] - 2021-02-12
3729
+ ## [2.0.0-rc.2] - 2021-02-12
3703
3730
 
3704
- #### Added
3731
+ ### Added
3705
3732
 
3706
3733
  - Validate usage of `Checkbox Wrapper`, `Radio Button Wrapper`, `Select Wrapper`, `Text Field Wrapper` and
3707
3734
  `Textarea Wrapper`
3708
3735
 
3709
- ### [2.0.0-rc.1] - 2021-02-04
3736
+ ## [2.0.0-rc.1] - 2021-02-04
3710
3737
 
3711
- #### Added
3738
+ ### Added
3712
3739
 
3713
3740
  - Partial function `getComponentChunkLinks()` to preload Porsche Design System Components
3714
3741
 
3715
- #### Changed
3742
+ ### Changed
3716
3743
 
3717
3744
  - Added a space before asterisk (`*`) when `input`, `textarea` or `select` have `required` attribute within form wrapper
3718
3745
  components
3719
3746
  - Renamed partial `getFontLinks()` option from `weight` to `weights`
3720
3747
 
3721
- #### Fixed
3748
+ ### Fixed
3722
3749
 
3723
3750
  - A bug in `Tabs Bar` where the nextButton was mistakenly rendered.
3724
3751
  - A bug where `Icon` was not rendered when using `lazy` property.
3725
3752
  - A bug in `Text Field Wrapper` with input type password where characters would overlap the icon.
3726
3753
 
3727
- ### [2.0.0-rc.0] - 2021-01-29
3754
+ ## [2.0.0-rc.0] - 2021-01-29
3728
3755
 
3729
- #### Added
3756
+ ### Added
3730
3757
 
3731
3758
  - Link support for `Marque`
3732
3759
  - Sizing options `'responsive' | 'small' | 'medium'` for `Marque`
3733
3760
 
3734
- #### Changed
3761
+ ### Changed
3735
3762
 
3736
3763
  - Angular: added static `load()` function `PorscheDesignSystemModule` for custom prefix
3737
3764
  - Hide up/down spin button when using **Text Field** with `type="number"` in Firefox
3738
3765
 
3739
- #### Fixed
3766
+ ### Fixed
3740
3767
 
3741
3768
  - Angular: typings
3742
3769
  - React: correct handling of `ref` property
@@ -3744,30 +3771,30 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3744
3771
  - A bug in `Tabs Bar` where scrolling was broken when a tab was selected
3745
3772
  - A bug in `Tabs Bar` where the `nextButton` was always rendered
3746
3773
 
3747
- ### [2.0.0-alpha.13] - 2021-01-26
3774
+ ## [2.0.0-alpha.13] - 2021-01-26
3748
3775
 
3749
- #### Added
3776
+ ### Added
3750
3777
 
3751
3778
  - Partial function `getFontLinks()` to prevent **Flash of Unstyled Text** (FOUT)
3752
3779
 
3753
- #### Fixed
3780
+ ### Fixed
3754
3781
 
3755
3782
  - React: correct handling of `className` property
3756
3783
 
3757
- ### [2.0.0-alpha.12] - 2021-01-20
3784
+ ## [2.0.0-alpha.12] - 2021-01-20
3758
3785
 
3759
- #### Added
3786
+ ### Added
3760
3787
 
3761
3788
  - Partial function `getInitialStyles()` to prevent **Flash of Unstyled Content** (FOUC)
3762
3789
  - Partial function `getFontFaceStylesheet()` to prevent **Flash of Unstyled Text** (FOUT)
3763
3790
 
3764
- #### Changed
3791
+ ### Changed
3765
3792
 
3766
3793
  - React: `PorscheDesignSystemProvider` needs to wrap application
3767
3794
  - React: component props have to be camelCase
3768
3795
  - React: `PorscheDesignSystemProvider` is needed while testing components
3769
3796
 
3770
- #### Fixed
3797
+ ### Fixed
3771
3798
 
3772
3799
  - React: typings
3773
3800
  - React: support of objects for property values
@@ -3776,47 +3803,47 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3776
3803
 
3777
3804
  - React: `getPrefixedComponents`, prefixing is handled by `PorscheDesignSystemProvider`
3778
3805
 
3779
- ### [2.0.0-alpha.11] - 2021-01-08
3806
+ ## [2.0.0-alpha.11] - 2021-01-08
3780
3807
 
3781
- #### Changed
3808
+ ### Changed
3782
3809
 
3783
3810
  - Precision of relative line height
3784
3811
  - Changed color of `neutral contrast low`
3785
3812
 
3786
- ### [2.0.0-alpha.10] - 2020-12-14
3813
+ ## [2.0.0-alpha.10] - 2020-12-14
3787
3814
 
3788
- #### Added
3815
+ ### Added
3789
3816
 
3790
3817
  - `native` property to `Select Wrapper` to force rendering of native Browser select dropdown
3791
3818
  - Extended flexibility of `Headline`
3792
3819
 
3793
- #### Changed
3820
+ ### Changed
3794
3821
 
3795
3822
  - Some styling improvements of `Select Wrapper`
3796
3823
 
3797
- #### Fixed
3824
+ ### Fixed
3798
3825
 
3799
3826
  - Jsdom Polyfill `fetch` error
3800
3827
 
3801
- ### [2.0.0-alpha.9] - 2020-12-09
3828
+ ## [2.0.0-alpha.9] - 2020-12-09
3802
3829
 
3803
3830
  ### Fixed
3804
3831
 
3805
3832
  - Improved reliability of `componentsReady()`
3806
3833
 
3807
- #### Changed
3834
+ ### Changed
3808
3835
 
3809
3836
  - Jsdom Polyfill `console.warn` behaviour
3810
3837
 
3811
- ### [2.0.0-alpha.8] - 2020-12-03
3838
+ ## [2.0.0-alpha.8] - 2020-12-03
3812
3839
 
3813
3840
  ### Fixed
3814
3841
 
3815
3842
  - A bug where `Modal` did not remove `overflow=hidden` on document body.
3816
3843
 
3817
- ### [2.0.0-alpha.7] - 2020-11-26
3844
+ ## [2.0.0-alpha.7] - 2020-11-26
3818
3845
 
3819
- #### Added
3846
+ ### Added
3820
3847
 
3821
3848
  - Jsdom Polyfill
3822
3849
 
@@ -3825,14 +3852,14 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3825
3852
  - Jsdom Mocks
3826
3853
  - Global "blur on focus" script
3827
3854
 
3828
- #### Changed
3855
+ ### Changed
3829
3856
 
3830
3857
  - Default dropdown direction of `SelectWrapper` from `down` to `auto`
3831
3858
  - Made API of `Tabs` consistent with `Tabs Bar`
3832
3859
  - Removed transition for focus styling
3833
3860
  - Use `:focus-visible` as default and `:focus` as fallback for focusable elements
3834
3861
 
3835
- #### Fixed
3862
+ ### Fixed
3836
3863
 
3837
3864
  - The Selected element of `SelectWrapper` dropdown keeps now in sync with native selection if changed programmatically
3838
3865
  - Invalid search results get cleared if `SelectWrapper` becomes focus state
@@ -3840,34 +3867,34 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3840
3867
  - Minification of dynamic slotted content styles
3841
3868
  - An issue where `Pagination` throws console errors if disconnected from dom.
3842
3869
 
3843
- ### [2.0.0-alpha.6] - 2020-10-28
3870
+ ## [2.0.0-alpha.6] - 2020-10-28
3844
3871
 
3845
- #### Changed
3872
+ ### Changed
3846
3873
 
3847
3874
  - default `type` of `Button` and `Button Pure` to `submit`
3848
3875
 
3849
- #### Fixed
3876
+ ### Fixed
3850
3877
 
3851
3878
  - Typings
3852
3879
 
3853
- ### [2.0.0-alpha.5] - 2020-10-26
3880
+ ## [2.0.0-alpha.5] - 2020-10-26
3854
3881
 
3855
- #### Added
3882
+ ### Added
3856
3883
 
3857
3884
  - `Modal` component
3858
3885
 
3859
- #### Fixed
3886
+ ### Fixed
3860
3887
 
3861
3888
  - Typing for `pageChange` event of `Pagination` component
3862
3889
  - Typings
3863
3890
 
3864
- #### Changed
3891
+ ### Changed
3865
3892
 
3866
3893
  - Focus styling
3867
3894
 
3868
- ### [2.0.0-alpha.4] - 2020-10-14
3895
+ ## [2.0.0-alpha.4] - 2020-10-14
3869
3896
 
3870
- #### Added
3897
+ ### Added
3871
3898
 
3872
3899
  - Custom filter to `Select Wrapper` component
3873
3900
  - DropDown direction property to `Select Wrapper` component
@@ -3880,13 +3907,13 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3880
3907
 
3881
3908
  - Default `position: relative;` style of `Link Pure` and `Button Pure`
3882
3909
 
3883
- #### Fixed
3910
+ ### Fixed
3884
3911
 
3885
3912
  - `Spinner` zooming bug on Safari
3886
3913
 
3887
- ### [2.0.0-alpha.3] - 2020-09-11
3914
+ ## [2.0.0-alpha.3] - 2020-09-11
3888
3915
 
3889
- #### Added
3916
+ ### Added
3890
3917
 
3891
3918
  - Support to load assets from China CDN directly via browser flag: `PORSCHE_DESIGN_SYSTEM_CDN = 'cn';`
3892
3919
 
@@ -3894,57 +3921,57 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3894
3921
 
3895
3922
  - Support for `<a>` wrapped `Link` and `Link Pure`
3896
3923
 
3897
- ### [2.0.0-alpha.2] - 2020-08-20
3924
+ ## [2.0.0-alpha.2] - 2020-08-20
3898
3925
 
3899
- ### [2.0.0-alpha.1] - 2020-08-17
3926
+ ## [2.0.0-alpha.1] - 2020-08-17
3900
3927
 
3901
- #### Changed
3928
+ ### Changed
3902
3929
 
3903
3930
  - Removed classnames dependency
3904
3931
  - Stencil Core `taskQueue` from `congestionAsync` to `async` for more performant component rendering
3905
3932
 
3906
- #### Fixed
3933
+ ### Fixed
3907
3934
 
3908
3935
  - Focus input on label click of `Checkbox Wrapper` and `Radio Button Wrapper`
3909
3936
 
3910
- ### [1.5.6] - 2020-10-15
3937
+ ## [1.5.6] - 2020-10-15
3911
3938
 
3912
- ### [1.5.6-rc.0] - 2020-10-13
3939
+ ## [1.5.6-rc.0] - 2020-10-13
3913
3940
 
3914
3941
  ### Fixed
3915
3942
 
3916
3943
  - `Spinner` zooming bug on Safari
3917
3944
 
3918
- ### [1.5.5] - 2020-09-11
3945
+ ## [1.5.5] - 2020-09-11
3919
3946
 
3920
- ### [1.5.5-rc.0] - 2020-09-07
3947
+ ## [1.5.5-rc.0] - 2020-09-07
3921
3948
 
3922
3949
  ### Changed
3923
3950
 
3924
3951
  - Deprecated stencil lifecycle-method `componentDidUnload` to `disconnectedCallback` to fix "`selectObserver` is
3925
3952
  undefined" bug in `Select Wrapper` and `Pagination`
3926
3953
 
3927
- ### [1.5.4] - 2020-08-25
3954
+ ## [1.5.4] - 2020-08-25
3928
3955
 
3929
- ### [1.5.4-rc.0] - 2020-08-17
3956
+ ## [1.5.4-rc.0] - 2020-08-17
3930
3957
 
3931
- #### Changed
3958
+ ### Changed
3932
3959
 
3933
3960
  - Removed classnames dependency
3934
3961
  - Stencil Core `taskQueue` from `congestionAsync` to `async` for more performant component rendering
3935
3962
 
3936
- #### Fixed
3963
+ ### Fixed
3937
3964
 
3938
3965
  - Focus input on label click of `Checkbox Wrapper` and `Radio Button Wrapper`
3939
3966
  - Fix typings for `orientation` of `Divider` component
3940
3967
 
3941
- ### [2.0.0-alpha.0] - 2020-08-06
3968
+ ## [2.0.0-alpha.0] - 2020-08-06
3942
3969
 
3943
- #### Added
3970
+ ### Added
3944
3971
 
3945
3972
  - **Experimental:** Optional web component scoping mechanism during runtime to enable micro service architecture
3946
3973
 
3947
- #### Changed
3974
+ ### Changed
3948
3975
 
3949
3976
  - Web components get lazy loaded from central CDN to improve caching strategy across Porsche's digital eco system
3950
3977
 
@@ -3952,60 +3979,60 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
3952
3979
 
3953
3980
  - Stop browser support for **IE11** and **EdgeHTML**
3954
3981
 
3955
- #### Fixed
3982
+ ### Fixed
3956
3983
 
3957
3984
  - Mix of `Optgroups` and `Options` on same level in `Select Wrapper` component
3958
3985
  - Fix typings for `orientation` of `Divider` component
3959
3986
 
3960
- ### [1.5.3] - 2020-08-10
3987
+ ## [1.5.3] - 2020-08-10
3961
3988
 
3962
- ### [1.5.3-rc.0] - 2020-08-10
3989
+ ## [1.5.3-rc.0] - 2020-08-10
3963
3990
 
3964
- #### Fixed
3991
+ ### Fixed
3965
3992
 
3966
3993
  - Mix of `Optgroups` and `Options` on same level in `Select Wrapper` component
3967
3994
 
3968
- ### [1.5.2] - 2020-07-22
3995
+ ## [1.5.2] - 2020-07-22
3969
3996
 
3970
- #### Fixed
3997
+ ### Fixed
3971
3998
 
3972
3999
  - Dispatch change event in `Select Wrapper`
3973
4000
  - Stencil react-output-target SSR Bug
3974
4001
 
3975
- ### [1.5.1] - 2020-07-20
4002
+ ## [1.5.1] - 2020-07-20
3976
4003
 
3977
- #### Fixed
4004
+ ### Fixed
3978
4005
 
3979
4006
  - SVGO settings for icons
3980
4007
  - Angular bug which causes `ngcc` to fail
3981
4008
 
3982
- ### [1.5.0] - 2020-07-16
4009
+ ## [1.5.0] - 2020-07-16
3983
4010
 
3984
- #### Added
4011
+ ### Added
3985
4012
 
3986
4013
  - Icons (active-cabin-ventilation, battery-full, bell, bookmark, car-battery, charging-active, charging-state, climate,
3987
4014
  climate-control, garage, horn, key, map, parking-brake, parking-light, preheating, send, shopping-bag, sidelights,
3988
4015
  user-manual, wrenches)
3989
4016
 
3990
- #### Changed
4017
+ ### Changed
3991
4018
 
3992
4019
  - Icons (arrow-first, arrow-last, battery-empty, car, card, charging-station, question)
3993
4020
 
3994
- #### Fixed
4021
+ ### Fixed
3995
4022
 
3996
4023
  - Porsche Marque images
3997
4024
 
3998
- ### [1.5.0-rc.2] - 2020-07-06
4025
+ ## [1.5.0-rc.2] - 2020-07-06
3999
4026
 
4000
- ### [1.5.0-rc.1] - 2020-07-06
4027
+ ## [1.5.0-rc.1] - 2020-07-06
4001
4028
 
4002
- #### Added
4029
+ ### Added
4003
4030
 
4004
4031
  - **Notification Neutral** color to `color` property of `p-text` and `p-icon`
4005
4032
 
4006
- ### [1.5.0-rc.0] - 2020-06-25
4033
+ ## [1.5.0-rc.0] - 2020-06-25
4007
4034
 
4008
- #### Added
4035
+ ### Added
4009
4036
 
4010
4037
  - `Fieldset Wrapper` component
4011
4038
  - Improved SEO of `p-headline` and `p-text`: Added possibility to write semantic HTML tags (e.g. `<h1>-<h6>` or `<p>`,
@@ -4015,48 +4042,48 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
4015
4042
  - `Button Pure` label with subline pattern as slot
4016
4043
  - `Link Pure` label with subline pattern as slot
4017
4044
 
4018
- #### Changed
4045
+ ### Changed
4019
4046
 
4020
4047
  - `Select Wrapper` is now ready for the catwalk. It is dressed now with a custom drop down list box and gets naked by
4021
4048
  default on touch devices.
4022
4049
 
4023
- #### Fixed
4050
+ ### Fixed
4024
4051
 
4025
4052
  - Minor accessibility improvements of `icons` and `Text Field`
4026
4053
  - Remove native number spinner buttons of `Text Field` with type text for Firefox
4027
4054
  - An issue with `Button` and `Button Pure` and their `disabled` attribute
4028
4055
 
4029
- ### [1.4.0] - 2020-05-14
4056
+ ## [1.4.0] - 2020-05-14
4030
4057
 
4031
- ### [1.4.0-rc.3] - 2020-05-08
4058
+ ## [1.4.0-rc.3] - 2020-05-08
4032
4059
 
4033
- #### Added
4060
+ ### Added
4034
4061
 
4035
4062
  - `Text List`
4036
4063
 
4037
- #### Changed
4064
+ ### Changed
4038
4065
 
4039
4066
  - Improve caching strategy for fonts by content-based hash
4040
4067
  - Improve caching strategy for marque by content-based hash
4041
4068
  - Dimensions and sharpness of marque
4042
4069
  - Props for `Content Wrapper`
4043
4070
 
4044
- ### [1.4.0-rc.2] - 2020-05-06
4071
+ ## [1.4.0-rc.2] - 2020-05-06
4045
4072
 
4046
- #### Added
4073
+ ### Added
4047
4074
 
4048
4075
  - `Content Wrapper`
4049
4076
  - Description property to `p-text-field-wrapper`, `p-textarea-wrapper` and `p-select-wrapper`
4050
4077
  - `Link Social`
4051
4078
 
4052
- #### Changed
4079
+ ### Changed
4053
4080
 
4054
4081
  - Improve accessibility of error and success states of form elements
4055
4082
  - Aria-invalid attribute of form elements if they are in error state is now managed by component
4056
4083
  - Rename icon name `configure` to `configurate` (prevents breaking change compared to stable v1.3.0)
4057
4084
  - Improve `p-icon` loading behavior
4058
4085
 
4059
- #### Fixed
4086
+ ### Fixed
4060
4087
 
4061
4088
  - Display of wrong icons
4062
4089
 
@@ -4064,14 +4091,14 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
4064
4091
 
4065
4092
  - `safe-zone` property of `p-grid` (`Content Wrapper` should be used instead)
4066
4093
 
4067
- ### [1.4.0-rc.1] - 2020-04-27
4094
+ ## [1.4.0-rc.1] - 2020-04-27
4068
4095
 
4069
- #### Added
4096
+ ### Added
4070
4097
 
4071
4098
  - Add `safe-zone` property to `p-grid` for outer grid margin, max-width and centering
4072
4099
  - Submit button with search icon to `p-textfield-wrapper` type search
4073
4100
 
4074
- #### Changed
4101
+ ### Changed
4075
4102
 
4076
4103
  - Background color of readonly state in components `p-textfield-wrapper` and `p-textarea-wrapper`
4077
4104
  - Visual appearance of icons
@@ -4079,121 +4106,121 @@ For advanced usage please [read further](https://designsystem.porsche.com/v2/sta
4079
4106
  - Cursor of Radio, Checkbox and Select
4080
4107
  - Fixed naming of Mock from `p-textfield-wrapper` to `p-text-field-wrapper`
4081
4108
 
4082
- #### Fixed
4109
+ ### Fixed
4083
4110
 
4084
4111
  - Icon loading mechanism
4085
4112
 
4086
- ### [1.4.0-rc.0] - 2020-04-09
4113
+ ## [1.4.0-rc.0] - 2020-04-09
4087
4114
 
4088
- #### Added
4115
+ ### Added
4089
4116
 
4090
4117
  - SSR support
4091
4118
 
4092
- ### [1.3.0] - 2020-04-08
4119
+ ## [1.3.0] - 2020-04-08
4093
4120
 
4094
- #### Added
4121
+ ### Added
4095
4122
 
4096
4123
  - New headline size `headline-5` to `p-headline`
4097
4124
  - Test Mocks
4098
4125
 
4099
- #### Fixed
4126
+ ### Fixed
4100
4127
 
4101
4128
  - Text styling of Select component on focus in IE11 and Chrome on Windows 10
4102
4129
 
4103
- ### [1.3.0-rc.0] - 2020-04-03
4130
+ ## [1.3.0-rc.0] - 2020-04-03
4104
4131
 
4105
- #### Fixed
4132
+ ### Fixed
4106
4133
 
4107
4134
  - Improve form elements
4108
4135
 
4109
- ### [1.2.0] - 2020-03-25
4136
+ ## [1.2.0] - 2020-03-25
4110
4137
 
4111
- #### Added
4138
+ ### Added
4112
4139
 
4113
4140
  - `Divider`
4114
4141
  - Hover state for form elements
4115
4142
 
4116
- #### Fixed
4143
+ ### Fixed
4117
4144
 
4118
4145
  - Support label text of form elements for Screen readers
4119
4146
 
4120
- ### [1.1.2] - 2020-03-17
4147
+ ## [1.1.2] - 2020-03-17
4121
4148
 
4122
- #### Changed
4149
+ ### Changed
4123
4150
 
4124
4151
  - Notification colors
4125
4152
 
4126
- ### [1.1.1] - 2020-03-13
4153
+ ## [1.1.1] - 2020-03-13
4127
4154
 
4128
- #### Changed
4155
+ ### Changed
4129
4156
 
4130
4157
  - Icon of `Checkbox` indeterminate state
4131
4158
 
4132
- ### [1.1.0] - 2020-03-11
4159
+ ## [1.1.0] - 2020-03-11
4133
4160
 
4134
- #### Fixed
4161
+ ### Fixed
4135
4162
 
4136
4163
  - Minor improvements
4137
4164
 
4138
- ### [1.1.0-rc.0] - 2020-03-02
4165
+ ## [1.1.0-rc.0] - 2020-03-02
4139
4166
 
4140
- #### Added
4167
+ ### Added
4141
4168
 
4142
4169
  - `Select Wrapper`
4143
4170
  - `Checkbox Wrapper`
4144
4171
  - `Radio Button Wrapper`
4145
4172
  - `Textarea Wrapper`
4146
4173
 
4147
- #### Fixed
4174
+ ### Fixed
4148
4175
 
4149
4176
  - `Text Field Wrapper` toggle password visibility
4150
4177
 
4151
- ### [1.0.3] - 2020-02-13
4178
+ ## [1.0.3] - 2020-02-13
4152
4179
 
4153
- #### Fixed
4180
+ ### Fixed
4154
4181
 
4155
4182
  - JS framework compatibility
4156
4183
 
4157
- ### [1.1.0-0] - 2020-02-06
4184
+ ## [1.1.0-0] - 2020-02-06
4158
4185
 
4159
- #### Added
4186
+ ### Added
4160
4187
 
4161
4188
  - `Text Field Wrapper`
4162
4189
 
4163
- #### Changed
4190
+ ### Changed
4164
4191
 
4165
4192
  - Add proper cursor for disabled state for `Button` and `Button Pure`
4166
4193
 
4167
- ### [1.0.2] - 2020-02-04
4194
+ ## [1.0.2] - 2020-02-04
4168
4195
 
4169
- #### Fixed
4196
+ ### Fixed
4170
4197
 
4171
4198
  - Inheritable styling of slotted content
4172
4199
 
4173
- ### [1.0.1] - 2020-01-30
4200
+ ## [1.0.1] - 2020-01-30
4174
4201
 
4175
- #### Added
4202
+ ### Added
4176
4203
 
4177
4204
  - Clickable area of `Link Pure` and `Button Pure` is optionally configurable by defining padding on host element
4178
4205
 
4179
- ### [1.0.0] - 2020-01-28
4206
+ ## [1.0.0] - 2020-01-28
4180
4207
 
4181
- #### Added
4208
+ ### Added
4182
4209
 
4183
4210
  - Cursor pointer on hover for `Button` and `Button Pure`
4184
4211
  - Line-height gets calculated based on Porsche type-scaling formula automatically for `Text`, `Link Pure` and
4185
4212
  `Button Pure`
4186
4213
  - Test helper function `componentsReady()` which indicates when lazy loaded components fully have loaded
4187
4214
 
4188
- #### Changed
4215
+ ### Changed
4189
4216
 
4190
4217
  - Update CDN asset paths
4191
4218
  - Improve font-weight definitions
4192
4219
  - Rename and optimize neutral colors for `Icon` and `Text`
4193
4220
 
4194
- ### [1.0.0-rc.1] - 2019-12-13
4221
+ ## [1.0.0-rc.1] - 2019-12-13
4195
4222
 
4196
- #### Added
4223
+ ### Added
4197
4224
 
4198
4225
  - `Headline`
4199
4226
  - `Text`