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

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