@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.
- package/CHANGELOG.md +665 -658
- package/LICENSE.md +1 -1
- 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
|
-
|
|
15
|
+
## [Unreleased]
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
## [3.28.0-rc.2] - 2025-04-23
|
|
18
18
|
|
|
19
|
-
|
|
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
|
-
|
|
31
|
+
## [3.28.0-rc.0] - 2025-04-11
|
|
25
32
|
|
|
26
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
54
|
+
## [3.27.3] - 2025-03-21
|
|
48
55
|
|
|
49
|
-
|
|
56
|
+
## [3.27.2] - 2025-03-20
|
|
50
57
|
|
|
51
|
-
|
|
58
|
+
## [3.27.2-rc.0] - 2025-03-18
|
|
52
59
|
|
|
53
|
-
|
|
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
|
-
|
|
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
|
-
|
|
70
|
+
## [3.27.1] - 2025-03-05
|
|
64
71
|
|
|
65
|
-
|
|
72
|
+
## [3.27.1-rc.0] - 2025-03-05
|
|
66
73
|
|
|
67
|
-
|
|
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
|
-
|
|
81
|
+
## [3.27.0] - 2025-02-28
|
|
75
82
|
|
|
76
|
-
|
|
83
|
+
## [3.27.0-rc.6] - 2025-02-28
|
|
77
84
|
|
|
78
|
-
|
|
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
|
-
|
|
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
|
-
|
|
112
|
+
## [3.27.0-rc.5] - 2025-02-20
|
|
106
113
|
|
|
107
|
-
|
|
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
|
-
|
|
119
|
+
## [3.27.0-rc.4] - 2025-02-20
|
|
113
120
|
|
|
114
|
-
|
|
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
|
-
|
|
126
|
+
## [3.27.0-rc.3] - 2025-02-18
|
|
120
127
|
|
|
121
|
-
|
|
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
|
-
|
|
133
|
+
## [3.27.0-rc.2] - 2025-02-18
|
|
127
134
|
|
|
128
|
-
|
|
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
|
-
|
|
140
|
+
## [3.27.0-rc.1] - 2025-02-17
|
|
134
141
|
|
|
135
|
-
|
|
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
|
-
|
|
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
|
-
|
|
153
|
+
## [3.27.0-rc.0] - 2025-02-13
|
|
147
154
|
|
|
148
|
-
|
|
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
|
-
|
|
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
|
-
|
|
172
|
+
## [3.26.0] - 2025-02-07
|
|
166
173
|
|
|
167
|
-
|
|
174
|
+
## [3.26.0-rc.0] - 2025-02-06
|
|
168
175
|
|
|
169
|
-
|
|
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
|
-
|
|
194
|
+
## [3.25.1] - 2025-01-23
|
|
188
195
|
|
|
189
|
-
|
|
196
|
+
## [3.25.1-rc.0] - 2025-01-23
|
|
190
197
|
|
|
191
|
-
|
|
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
|
-
|
|
203
|
+
## [3.25.0] - 2025-01-23
|
|
197
204
|
|
|
198
|
-
|
|
205
|
+
## [3.25.0-rc.1] - 2025-01-22
|
|
199
206
|
|
|
200
|
-
|
|
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
|
-
|
|
212
|
+
## [3.25.0-rc.0] - 2025-01-21
|
|
206
213
|
|
|
207
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
230
|
+
## [3.24.0] - 2025-01-08
|
|
224
231
|
|
|
225
|
-
|
|
232
|
+
## [3.24.0-rc.1] - 2025-01-08
|
|
226
233
|
|
|
227
|
-
|
|
234
|
+
## [3.24.0-rc.0] - 2025-01-07
|
|
228
235
|
|
|
229
|
-
|
|
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
|
-
|
|
242
|
+
### Changed
|
|
236
243
|
|
|
237
244
|
- React: updated peer dependency to `>=19.0.0 <20.0.0`
|
|
238
245
|
|
|
239
|
-
|
|
246
|
+
## [3.23.0] - 2024-12-12
|
|
240
247
|
|
|
241
|
-
|
|
248
|
+
## [3.23.0-rc.0] - 2024-12-12
|
|
242
249
|
|
|
243
|
-
|
|
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
|
-
|
|
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
|
-
|
|
261
|
+
## [3.22.1] - 2024-12-09
|
|
255
262
|
|
|
256
|
-
|
|
263
|
+
## [3.22.1-rc.0] - 2024-12-09
|
|
257
264
|
|
|
258
|
-
|
|
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
|
-
|
|
270
|
+
## [3.22.0] - 2024-12-06
|
|
264
271
|
|
|
265
|
-
|
|
272
|
+
## [3.22.0-rc.1] - 2024-12-06
|
|
266
273
|
|
|
267
|
-
|
|
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
|
-
|
|
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
|
-
|
|
291
|
+
## [3.22.0-rc.0] - 2024-11-19
|
|
285
292
|
|
|
286
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
324
|
+
## [3.21.0] - 2024-11-12
|
|
318
325
|
|
|
319
|
-
|
|
326
|
+
## [3.21.0-rc.0] - 2024-11-11
|
|
320
327
|
|
|
321
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
367
|
+
## [3.20.0] - 2024-10-24
|
|
361
368
|
|
|
362
|
-
|
|
369
|
+
## [3.20.0-rc.1] - 2024-10-24
|
|
363
370
|
|
|
364
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
387
|
+
## [3.20.0-rc.0] - 2024-10-18
|
|
381
388
|
|
|
382
|
-
|
|
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
|
-
|
|
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
|
-
|
|
401
|
+
## [3.19.0] - 2024-10-14
|
|
395
402
|
|
|
396
|
-
|
|
403
|
+
## [3.19.0-rc.4] - 2024-10-14
|
|
397
404
|
|
|
398
|
-
|
|
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
|
-
|
|
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
|
-
|
|
426
|
+
## [3.19.0-rc.3] - 2024-10-02
|
|
420
427
|
|
|
421
|
-
|
|
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
|
-
|
|
433
|
+
## [3.19.0-rc.2] - 2024-10-01
|
|
427
434
|
|
|
428
|
-
|
|
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
|
-
|
|
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
|
-
|
|
446
|
+
## [3.19.0-rc.1] - 2024-09-06
|
|
440
447
|
|
|
441
|
-
|
|
448
|
+
### Changed
|
|
442
449
|
|
|
443
450
|
- `Canvas`: Improve UX ([#3494](https://github.com/porsche-design-system/porsche-design-system/pull/3494))
|
|
444
451
|
|
|
445
|
-
|
|
452
|
+
## [3.19.0-rc.0] - 2024-09-03
|
|
446
453
|
|
|
447
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
471
|
+
## [3.18.0] - 2024-08-21
|
|
465
472
|
|
|
466
|
-
|
|
473
|
+
## [3.18.0-rc.0] - 2024-08-21
|
|
467
474
|
|
|
468
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
509
|
+
## [3.17.0] - 2024-08-01
|
|
503
510
|
|
|
504
|
-
|
|
511
|
+
## [3.17.0-rc.2] - 2024-08-01
|
|
505
512
|
|
|
506
|
-
|
|
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
|
-
|
|
520
|
+
## [3.17.0-rc.1] - 2024-07-31
|
|
514
521
|
|
|
515
|
-
|
|
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
|
-
|
|
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
|
-
|
|
534
|
+
## [3.17.0-rc.0] - 2024-07-29
|
|
528
535
|
|
|
529
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
603
|
+
## [3.16.0] - 2024-07-02
|
|
597
604
|
|
|
598
|
-
|
|
605
|
+
## [3.16.0-rc.2] - 2024-07-02
|
|
599
606
|
|
|
600
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
632
|
+
## [3.16.0-rc.1] - 2024-06-18
|
|
626
633
|
|
|
627
|
-
|
|
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
|
-
|
|
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
|
-
|
|
648
|
+
## [3.16.0-rc.0] - 2024-06-05
|
|
642
649
|
|
|
643
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
682
|
+
## [3.15.2] - 2024-05-29
|
|
676
683
|
|
|
677
|
-
|
|
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
|
-
|
|
689
|
+
## [3.15.1] - 2024-05-23
|
|
683
690
|
|
|
684
|
-
|
|
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
|
-
|
|
695
|
+
## [3.15.0] - 2024-05-16
|
|
689
696
|
|
|
690
|
-
|
|
697
|
+
## [3.15.0-rc.5] - 2024-05-16
|
|
691
698
|
|
|
692
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
726
|
+
## [3.15.0-rc.4] - 2024-05-06
|
|
720
727
|
|
|
721
|
-
|
|
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
|
-
|
|
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
|
-
|
|
744
|
+
## [3.15.0-rc.3] - 2024-04-23
|
|
738
745
|
|
|
739
|
-
|
|
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
|
-
|
|
751
|
+
## [3.15.0-rc.2] - 2024-04-22
|
|
745
752
|
|
|
746
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
775
|
+
## [3.15.0-rc.1] - 2024-04-17
|
|
769
776
|
|
|
770
|
-
|
|
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
|
-
|
|
782
|
+
## [3.15.0-rc.0] - 2024-04-05
|
|
776
783
|
|
|
777
|
-
|
|
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
|
-
|
|
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
|
-
|
|
799
|
+
## [3.14.0] - 2024-03-25
|
|
793
800
|
|
|
794
|
-
|
|
801
|
+
## [3.14.0-rc.0] - 2024-03-25
|
|
795
802
|
|
|
796
|
-
|
|
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
|
-
|
|
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
|
-
|
|
816
|
+
## [3.13.1] - 2024-03-20
|
|
810
817
|
|
|
811
|
-
|
|
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
|
-
|
|
827
|
+
## [3.13.0] - 2024-03-11
|
|
821
828
|
|
|
822
|
-
|
|
829
|
+
## [3.13.0-rc.2] - 2024-03-11
|
|
823
830
|
|
|
824
|
-
|
|
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
|
-
|
|
836
|
+
## [3.13.0-rc.1] - 2024-03-08
|
|
830
837
|
|
|
831
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
863
|
+
## [3.13.0-rc.0] - 2024-02-19
|
|
857
864
|
|
|
858
|
-
|
|
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
|
-
|
|
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
|
-
|
|
875
|
+
## [3.12.0] - 2024-02-12
|
|
869
876
|
|
|
870
|
-
|
|
877
|
+
## [3.12.0-rc.1] - 2024-02-08
|
|
871
878
|
|
|
872
|
-
|
|
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
|
-
|
|
885
|
+
## [3.12.0-rc.0] - 2024-02-05
|
|
879
886
|
|
|
880
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
913
|
+
## [3.11.0] - 2024-01-30
|
|
907
914
|
|
|
908
|
-
|
|
915
|
+
## [3.11.0-rc.0] - 2024-01-30
|
|
909
916
|
|
|
910
|
-
|
|
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
|
-
|
|
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
|
-
|
|
933
|
+
## [3.10.0] - 2024-01-17
|
|
927
934
|
|
|
928
|
-
|
|
935
|
+
## [3.10.0-rc.5] - 2024-01-16
|
|
929
936
|
|
|
930
|
-
|
|
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
|
-
|
|
944
|
+
## [3.10.0-rc.4] - 2024-01-15
|
|
938
945
|
|
|
939
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1010
|
+
## [3.10.0-rc.3] - 2023-12-12
|
|
1004
1011
|
|
|
1005
|
-
|
|
1012
|
+
## [3.10.0-rc.2] - 2023-12-12
|
|
1006
1013
|
|
|
1007
|
-
|
|
1014
|
+
## [3.10.0-rc.1] - 2023-12-11
|
|
1008
1015
|
|
|
1009
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1026
|
+
## [3.10.0-rc.0] - 2023-12-07
|
|
1020
1027
|
|
|
1021
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1046
|
+
## [3.9.0] - 2023-11-24
|
|
1040
1047
|
|
|
1041
|
-
|
|
1048
|
+
## [3.9.0-rc.0] - 2023-11-23
|
|
1042
1049
|
|
|
1043
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1092
|
+
## [3.8.0] - 2023-10-24
|
|
1086
1093
|
|
|
1087
|
-
|
|
1094
|
+
## [3.8.0-rc.0] - 2023-10-23
|
|
1088
1095
|
|
|
1089
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1200
|
+
## [3.7.0] - 2023-10-04
|
|
1194
1201
|
|
|
1195
|
-
|
|
1202
|
+
## [3.7.0-rc.2] - 2023-10-04
|
|
1196
1203
|
|
|
1197
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1214
|
+
## [3.7.0-rc.1] - 2023-09-20
|
|
1208
1215
|
|
|
1209
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1241
|
+
## [3.7.0-rc.0] - 2023-09-05
|
|
1235
1242
|
|
|
1236
|
-
|
|
1243
|
+
### Added
|
|
1237
1244
|
|
|
1238
1245
|
- `Multi Select` ([#2658](https://github.com/porsche-design-system/porsche-design-system/pull/2658))
|
|
1239
1246
|
|
|
1240
|
-
|
|
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
|
-
|
|
1252
|
+
## [3.6.1] - 2023-08-29
|
|
1246
1253
|
|
|
1247
|
-
|
|
1254
|
+
## [3.6.1-rc.0] - 2023-08-29
|
|
1248
1255
|
|
|
1249
|
-
|
|
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
|
-
|
|
1263
|
+
## [3.6.0] - 2023-08-28
|
|
1257
1264
|
|
|
1258
|
-
|
|
1265
|
+
## [3.6.0-rc.2] - 2023-08-28
|
|
1259
1266
|
|
|
1260
|
-
|
|
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
|
-
|
|
1272
|
+
## [3.6.0-rc.1] - 2023-08-24
|
|
1266
1273
|
|
|
1267
|
-
|
|
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
|
-
|
|
1279
|
+
## [3.6.0-rc.0] - 2023-08-23
|
|
1273
1280
|
|
|
1274
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1314
|
+
## [3.5.0] - 2023-07-25
|
|
1308
1315
|
|
|
1309
|
-
|
|
1316
|
+
## [3.5.0-rc.0] - 2023-07-21
|
|
1310
1317
|
|
|
1311
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1332
|
+
## [3.4.0] - 2023-07-14
|
|
1326
1333
|
|
|
1327
|
-
|
|
1334
|
+
## [3.4.0-rc.0] - 2023-07-13
|
|
1328
1335
|
|
|
1329
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1348
|
+
## [3.3.0] - 2023-07-07
|
|
1342
1349
|
|
|
1343
|
-
|
|
1350
|
+
## [3.3.0-rc.0] - 2023-07-06
|
|
1344
1351
|
|
|
1345
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1384
|
+
## [3.2.0] - 2023-06-19
|
|
1378
1385
|
|
|
1379
|
-
|
|
1386
|
+
## [3.2.0-rc.0] - 2023-06-19
|
|
1380
1387
|
|
|
1381
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1417
|
+
## [3.1.0] - 2023-06-09
|
|
1411
1418
|
|
|
1412
|
-
|
|
1419
|
+
## [3.1.0-rc.2] - 2023-06-09
|
|
1413
1420
|
|
|
1414
|
-
|
|
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
|
-
|
|
1427
|
+
### Added
|
|
1421
1428
|
|
|
1422
1429
|
- `Flyout` ([#2547](https://github.com/porsche-design-system/porsche-design-system/pull/2547))
|
|
1423
1430
|
|
|
1424
|
-
|
|
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
|
-
|
|
1440
|
+
## [3.1.0-rc.1] - 2023-06-02
|
|
1434
1441
|
|
|
1435
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1456
|
+
## [3.1.0-rc.0] - 2023-05-24
|
|
1450
1457
|
|
|
1451
|
-
|
|
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
|
-
|
|
1463
|
+
## [3.0.0] - 2023-05-11
|
|
1457
1464
|
|
|
1458
|
-
|
|
1465
|
+
## [3.0.0-rc.3] - 2023-05-10
|
|
1459
1466
|
|
|
1460
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1483
|
+
## [3.0.0-rc.2] - 2023-05-09
|
|
1477
1484
|
|
|
1478
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1519
|
+
## [3.0.0-rc.1] - 2023-04-19
|
|
1513
1520
|
|
|
1514
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1542
|
+
## [3.0.0-rc.0] - 2023-04-11
|
|
1536
1543
|
|
|
1537
|
-
|
|
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
|
-
|
|
1549
|
+
## [3.0.0-alpha.6] - 2023-04-06
|
|
1543
1550
|
|
|
1544
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1676
|
+
## [3.0.0-alpha.5] - 2023-03-30
|
|
1670
1677
|
|
|
1671
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1688
|
+
## [3.0.0-alpha.4] - 2023-03-28
|
|
1682
1689
|
|
|
1683
|
-
|
|
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
|
-
|
|
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
|
-
|
|
1720
|
+
### Fixed
|
|
1714
1721
|
|
|
1715
1722
|
- React: missing animation of `Carousel` in certain scenarios
|
|
1716
1723
|
|
|
1717
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2117
|
+
## [3.0.0-alpha.1] - 2023-02-16
|
|
2111
2118
|
|
|
2112
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2545
|
+
## [2.20.0] - 2023-02-06
|
|
2539
2546
|
|
|
2540
|
-
|
|
2547
|
+
## [2.20.0-rc.1] - 2023-02-06
|
|
2541
2548
|
|
|
2542
|
-
|
|
2549
|
+
## [2.20.0-rc.0] - 2023-01-30
|
|
2543
2550
|
|
|
2544
|
-
|
|
2551
|
+
### Added
|
|
2545
2552
|
|
|
2546
2553
|
- `applyNormalizeStyles` option for `getInitialStyles()` partial which includes basic css styles for Light DOM
|
|
2547
2554
|
|
|
2548
|
-
|
|
2555
|
+
## [2.19.1-rc.1] - 2023-01-18
|
|
2549
2556
|
|
|
2550
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2571
|
+
## [2.19.1-rc.0] - 2023-01-18
|
|
2565
2572
|
|
|
2566
|
-
|
|
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
|
-
|
|
2578
|
+
## [2.19.0] - 2022-12-22
|
|
2572
2579
|
|
|
2573
|
-
|
|
2580
|
+
## [2.19.0-rc.2] - 2022-12-22
|
|
2574
2581
|
|
|
2575
|
-
|
|
2582
|
+
## [2.19.0-rc.1] - 2022-12-22
|
|
2576
2583
|
|
|
2577
|
-
|
|
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
|
-
|
|
2588
|
+
## [2.19.0-rc.0] - 2022-12-21
|
|
2582
2589
|
|
|
2583
|
-
|
|
2590
|
+
### Added
|
|
2584
2591
|
|
|
2585
2592
|
- Vue: typed components are available via the `@porsche-design-system/components-vue` package
|
|
2586
2593
|
|
|
2587
|
-
|
|
2594
|
+
### Fixed
|
|
2588
2595
|
|
|
2589
2596
|
- `Modal` focus cycle when pressing Shift Tab right after it was opened
|
|
2590
2597
|
|
|
2591
|
-
|
|
2598
|
+
## [2.18.0] - 2022-12-15
|
|
2592
2599
|
|
|
2593
|
-
|
|
2600
|
+
## [2.18.0-rc.2] - 2022-12-14
|
|
2594
2601
|
|
|
2595
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2622
|
+
## [2.18.0-rc.1] - 2022-11-24
|
|
2616
2623
|
|
|
2617
|
-
|
|
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
|
-
|
|
2629
|
+
### Fixed
|
|
2623
2630
|
|
|
2624
2631
|
- `Select Wrapper` height if text is zoomed up to 200%
|
|
2625
2632
|
|
|
2626
|
-
|
|
2633
|
+
## [2.18.0-rc.0] - 2022-11-17
|
|
2627
2634
|
|
|
2628
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2657
|
+
## [2.17.0] - 2022-10-31
|
|
2651
2658
|
|
|
2652
|
-
|
|
2659
|
+
## [2.17.0-rc.0] - 2022-10-31
|
|
2653
2660
|
|
|
2654
|
-
|
|
2661
|
+
### Added
|
|
2655
2662
|
|
|
2656
2663
|
- `Link Tile`
|
|
2657
2664
|
|
|
2658
|
-
|
|
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
|
-
|
|
2669
|
+
### Changed
|
|
2663
2670
|
|
|
2664
2671
|
- Removed `!important` keyword from css property `display` of `Link Pure` and `Button Pure`
|
|
2665
2672
|
|
|
2666
|
-
|
|
2673
|
+
## [2.16.3] - 2022-10-21
|
|
2667
2674
|
|
|
2668
|
-
|
|
2675
|
+
## [2.16.3-rc.0] - 2022-10-21
|
|
2669
2676
|
|
|
2670
|
-
|
|
2677
|
+
### Fixed
|
|
2671
2678
|
|
|
2672
2679
|
- `Button Pure` and `Link Pure` error when using `size="inherit"` and `icon="none"`
|
|
2673
2680
|
|
|
2674
|
-
|
|
2681
|
+
### Changed
|
|
2675
2682
|
|
|
2676
2683
|
- Replaced all internal usage of `Text` and `Headline` components
|
|
2677
2684
|
|
|
2678
|
-
|
|
2685
|
+
## [2.16.2] - 2022-09-15
|
|
2679
2686
|
|
|
2680
|
-
|
|
2687
|
+
## [2.16.2-rc.0] - 2022-09-15
|
|
2681
2688
|
|
|
2682
|
-
|
|
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
|
-
|
|
2697
|
+
## [2.16.1] - 2022-09-09
|
|
2691
2698
|
|
|
2692
|
-
|
|
2699
|
+
### Fixed
|
|
2693
2700
|
|
|
2694
2701
|
- Issue with `Options` typing import for `Carousel`
|
|
2695
2702
|
|
|
2696
|
-
|
|
2703
|
+
## [2.16.0] - 2022-09-08
|
|
2697
2704
|
|
|
2698
|
-
|
|
2705
|
+
## [2.15.1-rc.1] - 2022-09-08
|
|
2699
2706
|
|
|
2700
|
-
|
|
2707
|
+
### Added
|
|
2701
2708
|
|
|
2702
2709
|
- `Carousel`
|
|
2703
2710
|
- `Scroller`
|
|
2704
2711
|
|
|
2705
|
-
|
|
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
|
-
|
|
2719
|
+
## [2.15.1-rc.0] - 2022-08-24
|
|
2713
2720
|
|
|
2714
|
-
|
|
2721
|
+
### Fixed
|
|
2715
2722
|
|
|
2716
2723
|
- `Radio Button Wrapper` visual selection change bug in Safari >= 15.5
|
|
2717
2724
|
|
|
2718
|
-
|
|
2725
|
+
## [2.15.0] - 2022-08-22
|
|
2719
2726
|
|
|
2720
|
-
|
|
2727
|
+
## [2.15.0-rc.1] - 2022-08-18
|
|
2721
2728
|
|
|
2722
|
-
|
|
2729
|
+
### Changed
|
|
2723
2730
|
|
|
2724
2731
|
- Downgraded `@angular` to `v13` to ensure backwards compatibility of `@porsche-design-system/components-angular`
|
|
2725
2732
|
|
|
2726
|
-
|
|
2733
|
+
## [2.15.0-rc.0] - 2022-08-16
|
|
2727
2734
|
|
|
2728
|
-
|
|
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
|
-
|
|
2740
|
+
## [2.15.0-beta.0] - 2022-08-05
|
|
2734
2741
|
|
|
2735
|
-
|
|
2742
|
+
### Fixed
|
|
2736
2743
|
|
|
2737
2744
|
- `Tabs` & `Tabs Bar` `size` property when using `BreakpointCustomizable`
|
|
2738
2745
|
|
|
2739
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2760
|
+
## [2.14.0] - 2022-07-11
|
|
2754
2761
|
|
|
2755
|
-
|
|
2762
|
+
## [2.14.0-rc.1] - 2022-07-11
|
|
2756
2763
|
|
|
2757
|
-
|
|
2764
|
+
## [2.14.0-rc.0] - 2022-07-11
|
|
2758
2765
|
|
|
2759
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2778
|
+
## [2.13.0] - 2022-06-23
|
|
2772
2779
|
|
|
2773
|
-
|
|
2780
|
+
## [2.13.0-rc.5] - 2022-06-23
|
|
2774
2781
|
|
|
2775
|
-
|
|
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
|
-
|
|
2788
|
+
## [2.13.0-rc.4] - 2022-06-22
|
|
2782
2789
|
|
|
2783
|
-
|
|
2790
|
+
### Added
|
|
2784
2791
|
|
|
2785
2792
|
- `Stepper Horizontal`
|
|
2786
2793
|
|
|
2787
|
-
|
|
2794
|
+
## [2.13.0-rc.3] - 2022-06-22
|
|
2788
2795
|
|
|
2789
|
-
|
|
2796
|
+
### Added
|
|
2790
2797
|
|
|
2791
2798
|
- `Segmented Control`
|
|
2792
2799
|
|
|
2793
|
-
|
|
2800
|
+
## [2.13.0-rc.2] - 2022-06-21
|
|
2794
2801
|
|
|
2795
|
-
|
|
2802
|
+
## [2.13.0-rc.1] - 2022-06-21
|
|
2796
2803
|
|
|
2797
|
-
|
|
2804
|
+
## [2.13.0-rc.0] - 2022-06-21
|
|
2798
2805
|
|
|
2799
|
-
|
|
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
|
-
|
|
2811
|
+
## [2.12.1] - 2022-05-25
|
|
2805
2812
|
|
|
2806
|
-
|
|
2813
|
+
## [2.12.1-rc.0] - 2022-05-25
|
|
2807
2814
|
|
|
2808
|
-
|
|
2815
|
+
### Fixed
|
|
2809
2816
|
|
|
2810
2817
|
- Issue with `JssStyle` typing import
|
|
2811
2818
|
|
|
2812
|
-
|
|
2819
|
+
## [2.12.0] - 2022-05-19
|
|
2813
2820
|
|
|
2814
|
-
|
|
2821
|
+
### Changed
|
|
2815
2822
|
|
|
2816
2823
|
- npm package is prepared for public release on [npmjs.org](https://npmjs.com)
|
|
2817
2824
|
|
|
2818
|
-
|
|
2825
|
+
## [2.12.0-rc.2] - 2022-05-12
|
|
2819
2826
|
|
|
2820
|
-
|
|
2827
|
+
## [2.12.0-rc.1] - 2022-05-11
|
|
2821
2828
|
|
|
2822
|
-
|
|
2829
|
+
## [2.12.0-rc.0] - 2022-05-04
|
|
2823
2830
|
|
|
2824
|
-
|
|
2831
|
+
### Added
|
|
2825
2832
|
|
|
2826
2833
|
- `Table Head Cell` now has a `multiline` property
|
|
2827
2834
|
|
|
2828
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2845
|
+
## [2.11.0-skeletons] - 2022-04-21
|
|
2839
2846
|
|
|
2840
|
-
|
|
2847
|
+
## [2.11.0] - 2022-04-21
|
|
2841
2848
|
|
|
2842
|
-
|
|
2849
|
+
## [2.11.0-rc.0] - 2022-04-20
|
|
2843
2850
|
|
|
2844
|
-
|
|
2851
|
+
### Added
|
|
2845
2852
|
|
|
2846
2853
|
- `Tag`
|
|
2847
2854
|
- `Tag Dismissible`
|
|
2848
2855
|
|
|
2849
|
-
|
|
2856
|
+
## [2.10.0-skeletons] - 2022-04-13
|
|
2850
2857
|
|
|
2851
|
-
|
|
2858
|
+
## [2.10.0] - 2022-04-13
|
|
2852
2859
|
|
|
2853
|
-
|
|
2860
|
+
## [2.9.3-rc.1] - 2022-04-06
|
|
2854
2861
|
|
|
2855
|
-
|
|
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
|
-
|
|
2869
|
+
## [2.9.3-rc.0-skeletons] - 2022-03-29
|
|
2863
2870
|
|
|
2864
|
-
|
|
2871
|
+
## [2.9.3-rc.0] - 2022-03-28
|
|
2865
2872
|
|
|
2866
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2883
|
+
## [2.9.2-skeletons] - 2022-03-24
|
|
2877
2884
|
|
|
2878
|
-
|
|
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
|
-
|
|
2893
|
+
## [2.9.2] - 2022-03-24
|
|
2887
2894
|
|
|
2888
|
-
|
|
2895
|
+
## [2.9.2-rc.1] - 2022-03-23
|
|
2889
2896
|
|
|
2890
|
-
|
|
2897
|
+
### Fixed
|
|
2891
2898
|
|
|
2892
2899
|
- Bug caused by Chrome where hover styles of `Link Pure` are not displayed correctly
|
|
2893
2900
|
|
|
2894
|
-
|
|
2901
|
+
## [2.9.2-rc.0] - 2022-03-22
|
|
2895
2902
|
|
|
2896
|
-
|
|
2903
|
+
### Added
|
|
2897
2904
|
|
|
2898
2905
|
- Normalized font behavior (`hyphen`, `overflow-wrap` and `text-size-adjust`) across components
|
|
2899
2906
|
|
|
2900
|
-
|
|
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
|
-
|
|
2913
|
+
## [2.9.1] - 2022-03-10
|
|
2907
2914
|
|
|
2908
|
-
|
|
2915
|
+
## [2.9.1-rc.0] - 2022-03-09
|
|
2909
2916
|
|
|
2910
|
-
|
|
2917
|
+
### Added
|
|
2911
2918
|
|
|
2912
2919
|
- Styles for slotted `<button>` in `Text`
|
|
2913
2920
|
|
|
2914
|
-
|
|
2921
|
+
### Changed
|
|
2915
2922
|
|
|
2916
2923
|
- `Modal` heading and aria validation happens only when open
|
|
2917
2924
|
|
|
2918
|
-
|
|
2925
|
+
### Fixed
|
|
2919
2926
|
|
|
2920
2927
|
- React: bundling format of partials
|
|
2921
2928
|
|
|
2922
|
-
|
|
2929
|
+
## [2.9.0] - 2022-02-28
|
|
2923
2930
|
|
|
2924
|
-
|
|
2931
|
+
## [2.9.0-rc.1] - 2022-02-25
|
|
2925
2932
|
|
|
2926
|
-
|
|
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
|
-
|
|
2939
|
+
## [2.9.0-rc.0] - 2022-02-16
|
|
2933
2940
|
|
|
2934
|
-
|
|
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
|
-
|
|
2958
|
+
## [2.9.0-beta.1] - 2022-01-27
|
|
2952
2959
|
|
|
2953
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2972
|
+
### Fixed
|
|
2966
2973
|
|
|
2967
2974
|
- `Modal` close button styles when no heading is passed
|
|
2968
2975
|
|
|
2969
|
-
|
|
2976
|
+
## [2.9.0-beta.0] - 2022-01-18
|
|
2970
2977
|
|
|
2971
|
-
|
|
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
|
-
|
|
2983
|
+
### Fixed
|
|
2977
2984
|
|
|
2978
2985
|
- React: `UnhandledPromiseRejectionWarning` when using `skipPorscheDesignSystemCDNRequestsDuringTests()`
|
|
2979
2986
|
|
|
2980
|
-
|
|
2987
|
+
## [2.8.0] - 2022-01-17
|
|
2981
2988
|
|
|
2982
|
-
|
|
2989
|
+
### Fixed
|
|
2983
2990
|
|
|
2984
2991
|
- Accessibility issue of `Icon` component in Windows High Contrast Mode in Chromium Browser
|
|
2985
2992
|
|
|
2986
|
-
|
|
2993
|
+
## [2.8.0-rc.0] - 2022-01-14
|
|
2987
2994
|
|
|
2988
|
-
|
|
2995
|
+
### Added
|
|
2989
2996
|
|
|
2990
2997
|
- Support for `tabindex` attribute on `Button`, `Button Pure`, `Switch`, `Link`, `Link Pure` and `Link Social`
|
|
2991
2998
|
|
|
2992
|
-
|
|
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
|
-
|
|
3013
|
+
## [2.8.0-beta.3] - 2021-12-22
|
|
3007
3014
|
|
|
3008
|
-
|
|
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
|
-
|
|
3025
|
+
### Changed
|
|
3019
3026
|
|
|
3020
3027
|
- `:focus-visible` style matches outline color of `Switch` while hovered
|
|
3021
3028
|
|
|
3022
|
-
|
|
3029
|
+
### Fixed
|
|
3023
3030
|
|
|
3024
3031
|
- Box model of `Button Pure`
|
|
3025
3032
|
|
|
3026
|
-
|
|
3033
|
+
## [2.8.0-beta.2] - 2021-12-22
|
|
3027
3034
|
|
|
3028
|
-
|
|
3035
|
+
### Fixed
|
|
3029
3036
|
|
|
3030
3037
|
- `Content Wrapper` regression for `!important` style
|
|
3031
3038
|
|
|
3032
|
-
|
|
3039
|
+
### Added
|
|
3033
3040
|
|
|
3034
3041
|
- Usage validation for `Link`, `Link Pure` and `Link Social`
|
|
3035
3042
|
|
|
3036
|
-
|
|
3043
|
+
## [2.8.0-beta.1] - 2021-12-16
|
|
3037
3044
|
|
|
3038
|
-
|
|
3045
|
+
### Fixed
|
|
3039
3046
|
|
|
3040
3047
|
- `Select Wrapper` validation of select element
|
|
3041
3048
|
|
|
3042
|
-
|
|
3049
|
+
## [2.8.0-beta.0] - 2021-12-15
|
|
3043
3050
|
|
|
3044
|
-
|
|
3051
|
+
### Changed
|
|
3045
3052
|
|
|
3046
3053
|
- Angular: increased peer dependency to `>=12.0.0 <14.0.0`
|
|
3047
3054
|
|
|
3048
|
-
|
|
3055
|
+
## [2.7.0] - 2021-12-14
|
|
3049
3056
|
|
|
3050
|
-
|
|
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
|
-
|
|
3063
|
+
## [2.7.0-beta.6] - 2021-12-08
|
|
3057
3064
|
|
|
3058
|
-
|
|
3065
|
+
### Added
|
|
3059
3066
|
|
|
3060
3067
|
- `Popover`
|
|
3061
3068
|
|
|
3062
|
-
|
|
3069
|
+
## [2.7.0-beta.5] - 2021-12-07
|
|
3063
3070
|
|
|
3064
|
-
|
|
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
|
-
|
|
3078
|
+
## [2.7.0-beta.4] - 2021-12-02
|
|
3072
3079
|
|
|
3073
|
-
|
|
3080
|
+
## [2.7.0-beta.3] - 2021-11-30
|
|
3074
3081
|
|
|
3075
|
-
|
|
3082
|
+
### Added
|
|
3076
3083
|
|
|
3077
3084
|
- `Accordion` uses `MutationObserver` fallback when no `ResizeObserver` is available in older browsers
|
|
3078
3085
|
|
|
3079
|
-
|
|
3086
|
+
### Fixed
|
|
3080
3087
|
|
|
3081
3088
|
- `Link` and `Link Social` not adapting slotted anchor to the width of the element
|
|
3082
3089
|
|
|
3083
|
-
|
|
3090
|
+
## [2.7.0-beta.2] - 2021-11-24
|
|
3084
3091
|
|
|
3085
|
-
|
|
3092
|
+
### Added
|
|
3086
3093
|
|
|
3087
3094
|
- `Toast`
|
|
3088
3095
|
|
|
3089
|
-
|
|
3096
|
+
### Fixed
|
|
3090
3097
|
|
|
3091
3098
|
- `Banner` animations respect offset correctly
|
|
3092
3099
|
|
|
3093
|
-
|
|
3100
|
+
## [2.7.0-beta.1] - 2021-11-16
|
|
3094
3101
|
|
|
3095
|
-
|
|
3102
|
+
### Fixed
|
|
3096
3103
|
|
|
3097
3104
|
- `Headline` applies `align` and `ellipsis` prop correctly
|
|
3098
3105
|
|
|
3099
|
-
|
|
3106
|
+
## [2.7.0-beta.0] - 2021-11-11
|
|
3100
3107
|
|
|
3101
|
-
|
|
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
|
-
|
|
3113
|
+
### Fixed
|
|
3107
3114
|
|
|
3108
3115
|
- React: warnings about `useLayoutEffect` in SSR context
|
|
3109
3116
|
|
|
3110
|
-
|
|
3117
|
+
## [2.6.1] - 2021-11-05
|
|
3111
3118
|
|
|
3112
|
-
|
|
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
|
-
|
|
3124
|
+
## [2.6.0] - 2021-11-04
|
|
3118
3125
|
|
|
3119
|
-
|
|
3126
|
+
### Added
|
|
3120
3127
|
|
|
3121
3128
|
- `unit` and `unitPosition` properties to `Text Field Wrapper`
|
|
3122
3129
|
|
|
3123
|
-
|
|
3130
|
+
## [2.6.0-beta.0] - 2021-10-29
|
|
3124
3131
|
|
|
3125
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3148
|
+
## [2.5.1-beta.0] - 2021-10-11
|
|
3142
3149
|
|
|
3143
|
-
|
|
3150
|
+
### Fixed
|
|
3144
3151
|
|
|
3145
3152
|
- Possible exceptions when components get unmounted directly
|
|
3146
3153
|
|
|
3147
|
-
|
|
3154
|
+
## [2.5.0] - 2021-10-04
|
|
3148
3155
|
|
|
3149
|
-
|
|
3156
|
+
### Added
|
|
3150
3157
|
|
|
3151
3158
|
- `SimHei` and `黑体` as fallback for all components' `font-family`
|
|
3152
3159
|
|
|
3153
|
-
|
|
3160
|
+
## [2.5.0-beta.1] - 2021-09-28
|
|
3154
3161
|
|
|
3155
|
-
|
|
3162
|
+
### Changed
|
|
3156
3163
|
|
|
3157
3164
|
- React: improved render behavior of components
|
|
3158
3165
|
|
|
3159
|
-
|
|
3166
|
+
## [2.5.0-beta.0] - 2021-09-22
|
|
3160
3167
|
|
|
3161
|
-
|
|
3168
|
+
### Added
|
|
3162
3169
|
|
|
3163
3170
|
- React: utility function `skipPorscheDesignSystemCDNRequestsDuringTests`
|
|
3164
3171
|
|
|
3165
|
-
|
|
3172
|
+
## [2.4.0] - 2021-09-21
|
|
3166
3173
|
|
|
3167
|
-
|
|
3174
|
+
## [2.4.0-beta.2] - 2021-09-21
|
|
3168
3175
|
|
|
3169
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3195
|
+
## [2.4.0-beta.1] - 2021-08-26
|
|
3189
3196
|
|
|
3190
|
-
|
|
3197
|
+
### Added
|
|
3191
3198
|
|
|
3192
3199
|
- `active` property to `Button Pure`
|
|
3193
3200
|
|
|
3194
|
-
|
|
3201
|
+
## [2.4.0-beta.0] - 2021-08-26
|
|
3195
3202
|
|
|
3196
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3221
|
+
## [2.3.0] - 2021-07-28
|
|
3215
3222
|
|
|
3216
|
-
|
|
3223
|
+
## [2.3.0-beta.3] - 2021-07-28
|
|
3217
3224
|
|
|
3218
|
-
|
|
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
|
-
|
|
3229
|
+
### Fixed
|
|
3223
3230
|
|
|
3224
3231
|
- `Text Field Wrapper` accessibility of type password and search
|
|
3225
3232
|
|
|
3226
|
-
|
|
3233
|
+
## [2.3.0-beta.2] - 2021-07-15
|
|
3227
3234
|
|
|
3228
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3247
|
+
## [2.3.0-beta.1] - 2021-07-08
|
|
3241
3248
|
|
|
3242
|
-
|
|
3249
|
+
### Added
|
|
3243
3250
|
|
|
3244
3251
|
- `Accordion`
|
|
3245
3252
|
|
|
3246
|
-
|
|
3253
|
+
### Changed
|
|
3247
3254
|
|
|
3248
3255
|
- Removed initial delay of `Banner`
|
|
3249
3256
|
|
|
3250
|
-
|
|
3257
|
+
## [2.3.0-beta.0] - 2021-07-01
|
|
3251
3258
|
|
|
3252
|
-
|
|
3259
|
+
### Added
|
|
3253
3260
|
|
|
3254
3261
|
- `Table`
|
|
3255
3262
|
- Angular: export types from package root
|
|
3256
3263
|
- Accessibility icon
|
|
3257
3264
|
|
|
3258
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3276
|
+
## [2.2.1] - 2021-06-08
|
|
3270
3277
|
|
|
3271
|
-
|
|
3278
|
+
### Changed
|
|
3272
3279
|
|
|
3273
3280
|
- Optimize vertical alignment of `Modal`
|
|
3274
3281
|
|
|
3275
|
-
|
|
3282
|
+
### Fixed
|
|
3276
3283
|
|
|
3277
3284
|
- URL in inject global style warning
|
|
3278
3285
|
|
|
3279
|
-
|
|
3286
|
+
## [2.2.1-beta.1] - 2021-06-02
|
|
3280
3287
|
|
|
3281
|
-
|
|
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
|
-
|
|
3294
|
+
## [2.2.0] - 2021-05-19
|
|
3288
3295
|
|
|
3289
|
-
|
|
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
|
-
|
|
3302
|
+
## [2.2.0-beta.2] - 2021-05-12
|
|
3296
3303
|
|
|
3297
|
-
|
|
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
|
-
|
|
3309
|
+
## [2.2.0-beta.1] - 2021-05-05
|
|
3303
3310
|
|
|
3304
|
-
|
|
3311
|
+
### Added
|
|
3305
3312
|
|
|
3306
3313
|
- Partial function `getIconLinks()` to preload Porsche Design System Icons
|
|
3307
3314
|
|
|
3308
|
-
|
|
3315
|
+
### Fixed
|
|
3309
3316
|
|
|
3310
3317
|
- `Text Field Wrapper` spacing in Safari
|
|
3311
3318
|
|
|
3312
|
-
|
|
3319
|
+
## [2.2.0-beta.0] - 2021-05-05
|
|
3313
3320
|
|
|
3314
|
-
|
|
3321
|
+
### Added
|
|
3315
3322
|
|
|
3316
3323
|
- Partial function `getMetaTagsAndIconLinks()` to simplify cross device fav and meta icons
|
|
3317
3324
|
|
|
3318
|
-
|
|
3325
|
+
## [2.1.0] - 2021-05-03
|
|
3319
3326
|
|
|
3320
|
-
|
|
3327
|
+
## [2.1.0-beta.0] - 2021-05-03
|
|
3321
3328
|
|
|
3322
|
-
|
|
3329
|
+
### Added
|
|
3323
3330
|
|
|
3324
3331
|
- `Switch`
|
|
3325
3332
|
|
|
3326
|
-
|
|
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
|
-
|
|
3341
|
+
## [2.0.3] - 2021-04-28
|
|
3335
3342
|
|
|
3336
|
-
|
|
3343
|
+
## [2.0.3-beta] - 2021-04-28
|
|
3337
3344
|
|
|
3338
|
-
|
|
3345
|
+
### Fixed
|
|
3339
3346
|
|
|
3340
3347
|
- Angular: events firing twice in `Pagination`, `Modal`, `Tabs`, `Tabs Bar` and `Banner` component
|
|
3341
3348
|
|
|
3342
|
-
|
|
3349
|
+
## [2.0.2] - 2021-04-21
|
|
3343
3350
|
|
|
3344
|
-
|
|
3351
|
+
## [2.0.2-beta.0] - 2021-04-20
|
|
3345
3352
|
|
|
3346
|
-
|
|
3353
|
+
### Fixed
|
|
3347
3354
|
|
|
3348
3355
|
- TypeScript build errors due to duplicate declarations in `types.d.ts`
|
|
3349
3356
|
|
|
3350
|
-
|
|
3357
|
+
## [2.0.1] - 2021-04-16
|
|
3351
3358
|
|
|
3352
|
-
|
|
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
|
-
|
|
3366
|
+
### Changed
|
|
3360
3367
|
|
|
3361
3368
|
- Aligned focus states of `Checkbox Wrapper` and `Radio Button Wrapper` across browsers
|
|
3362
3369
|
|
|
3363
|
-
|
|
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
|
-
|
|
3616
|
+
## [2.0.0-rc.10] - 2021-04-12
|
|
3610
3617
|
|
|
3611
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3634
|
+
## [2.0.0-rc.9] - 2021-03-26
|
|
3628
3635
|
|
|
3629
|
-
|
|
3636
|
+
### Added
|
|
3630
3637
|
|
|
3631
3638
|
- `Button Group` component
|
|
3632
3639
|
- Fullscreen property for `Modal` on mobile
|
|
3633
3640
|
|
|
3634
|
-
|
|
3641
|
+
### Changed
|
|
3635
3642
|
|
|
3636
3643
|
- Spacings, heading and sizes of `Modal`
|
|
3637
3644
|
|
|
3638
|
-
|
|
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
|
-
|
|
3649
|
+
## [2.0.0-rc.8] - 2021-03-17
|
|
3643
3650
|
|
|
3644
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3663
|
+
## [2.0.0-rc.7] - 2021-03-15
|
|
3657
3664
|
|
|
3658
|
-
|
|
3665
|
+
### Fixed
|
|
3659
3666
|
|
|
3660
3667
|
- Make shadowed `Flex` and `Grid` work in Firefox + Safari
|
|
3661
3668
|
|
|
3662
|
-
|
|
3669
|
+
## [2.0.0-rc.6] - 2021-03-11
|
|
3663
3670
|
|
|
3664
|
-
|
|
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
|
-
|
|
3676
|
+
## [2.0.0-rc.5] - 2021-03-09
|
|
3670
3677
|
|
|
3671
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3688
|
+
## [2.0.0-rc.4] - 2021-03-01
|
|
3682
3689
|
|
|
3683
|
-
|
|
3690
|
+
### Changed
|
|
3684
3691
|
|
|
3685
3692
|
- Filter of `Select Wrapper` supports substring search
|
|
3686
3693
|
|
|
3687
|
-
|
|
3694
|
+
### Fixed
|
|
3688
3695
|
|
|
3689
3696
|
- Build error in SSR
|
|
3690
3697
|
|
|
3691
|
-
|
|
3698
|
+
## [2.0.0-rc.3] - 2021-02-17
|
|
3692
3699
|
|
|
3693
|
-
|
|
3700
|
+
### Added
|
|
3694
3701
|
|
|
3695
3702
|
- React: utility function `skipCheckForPorscheDesignSystemProviderDuringTests`
|
|
3696
3703
|
- React: tree shaking for component wrappers
|
|
3697
3704
|
|
|
3698
|
-
|
|
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
|
-
|
|
3709
|
+
## [2.0.0-rc.2] - 2021-02-12
|
|
3703
3710
|
|
|
3704
|
-
|
|
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
|
-
|
|
3716
|
+
## [2.0.0-rc.1] - 2021-02-04
|
|
3710
3717
|
|
|
3711
|
-
|
|
3718
|
+
### Added
|
|
3712
3719
|
|
|
3713
3720
|
- Partial function `getComponentChunkLinks()` to preload Porsche Design System Components
|
|
3714
3721
|
|
|
3715
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3734
|
+
## [2.0.0-rc.0] - 2021-01-29
|
|
3728
3735
|
|
|
3729
|
-
|
|
3736
|
+
### Added
|
|
3730
3737
|
|
|
3731
3738
|
- Link support for `Marque`
|
|
3732
3739
|
- Sizing options `'responsive' | 'small' | 'medium'` for `Marque`
|
|
3733
3740
|
|
|
3734
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3754
|
+
## [2.0.0-alpha.13] - 2021-01-26
|
|
3748
3755
|
|
|
3749
|
-
|
|
3756
|
+
### Added
|
|
3750
3757
|
|
|
3751
3758
|
- Partial function `getFontLinks()` to prevent **Flash of Unstyled Text** (FOUT)
|
|
3752
3759
|
|
|
3753
|
-
|
|
3760
|
+
### Fixed
|
|
3754
3761
|
|
|
3755
3762
|
- React: correct handling of `className` property
|
|
3756
3763
|
|
|
3757
|
-
|
|
3764
|
+
## [2.0.0-alpha.12] - 2021-01-20
|
|
3758
3765
|
|
|
3759
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3786
|
+
## [2.0.0-alpha.11] - 2021-01-08
|
|
3780
3787
|
|
|
3781
|
-
|
|
3788
|
+
### Changed
|
|
3782
3789
|
|
|
3783
3790
|
- Precision of relative line height
|
|
3784
3791
|
- Changed color of `neutral contrast low`
|
|
3785
3792
|
|
|
3786
|
-
|
|
3793
|
+
## [2.0.0-alpha.10] - 2020-12-14
|
|
3787
3794
|
|
|
3788
|
-
|
|
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
|
-
|
|
3800
|
+
### Changed
|
|
3794
3801
|
|
|
3795
3802
|
- Some styling improvements of `Select Wrapper`
|
|
3796
3803
|
|
|
3797
|
-
|
|
3804
|
+
### Fixed
|
|
3798
3805
|
|
|
3799
3806
|
- Jsdom Polyfill `fetch` error
|
|
3800
3807
|
|
|
3801
|
-
|
|
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
|
-
|
|
3814
|
+
### Changed
|
|
3808
3815
|
|
|
3809
3816
|
- Jsdom Polyfill `console.warn` behaviour
|
|
3810
3817
|
|
|
3811
|
-
|
|
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
|
-
|
|
3824
|
+
## [2.0.0-alpha.7] - 2020-11-26
|
|
3818
3825
|
|
|
3819
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3850
|
+
## [2.0.0-alpha.6] - 2020-10-28
|
|
3844
3851
|
|
|
3845
|
-
|
|
3852
|
+
### Changed
|
|
3846
3853
|
|
|
3847
3854
|
- default `type` of `Button` and `Button Pure` to `submit`
|
|
3848
3855
|
|
|
3849
|
-
|
|
3856
|
+
### Fixed
|
|
3850
3857
|
|
|
3851
3858
|
- Typings
|
|
3852
3859
|
|
|
3853
|
-
|
|
3860
|
+
## [2.0.0-alpha.5] - 2020-10-26
|
|
3854
3861
|
|
|
3855
|
-
|
|
3862
|
+
### Added
|
|
3856
3863
|
|
|
3857
3864
|
- `Modal` component
|
|
3858
3865
|
|
|
3859
|
-
|
|
3866
|
+
### Fixed
|
|
3860
3867
|
|
|
3861
3868
|
- Typing for `pageChange` event of `Pagination` component
|
|
3862
3869
|
- Typings
|
|
3863
3870
|
|
|
3864
|
-
|
|
3871
|
+
### Changed
|
|
3865
3872
|
|
|
3866
3873
|
- Focus styling
|
|
3867
3874
|
|
|
3868
|
-
|
|
3875
|
+
## [2.0.0-alpha.4] - 2020-10-14
|
|
3869
3876
|
|
|
3870
|
-
|
|
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
|
-
|
|
3890
|
+
### Fixed
|
|
3884
3891
|
|
|
3885
3892
|
- `Spinner` zooming bug on Safari
|
|
3886
3893
|
|
|
3887
|
-
|
|
3894
|
+
## [2.0.0-alpha.3] - 2020-09-11
|
|
3888
3895
|
|
|
3889
|
-
|
|
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
|
-
|
|
3904
|
+
## [2.0.0-alpha.2] - 2020-08-20
|
|
3898
3905
|
|
|
3899
|
-
|
|
3906
|
+
## [2.0.0-alpha.1] - 2020-08-17
|
|
3900
3907
|
|
|
3901
|
-
|
|
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
|
-
|
|
3913
|
+
### Fixed
|
|
3907
3914
|
|
|
3908
3915
|
- Focus input on label click of `Checkbox Wrapper` and `Radio Button Wrapper`
|
|
3909
3916
|
|
|
3910
|
-
|
|
3917
|
+
## [1.5.6] - 2020-10-15
|
|
3911
3918
|
|
|
3912
|
-
|
|
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
|
-
|
|
3925
|
+
## [1.5.5] - 2020-09-11
|
|
3919
3926
|
|
|
3920
|
-
|
|
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
|
-
|
|
3934
|
+
## [1.5.4] - 2020-08-25
|
|
3928
3935
|
|
|
3929
|
-
|
|
3936
|
+
## [1.5.4-rc.0] - 2020-08-17
|
|
3930
3937
|
|
|
3931
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3948
|
+
## [2.0.0-alpha.0] - 2020-08-06
|
|
3942
3949
|
|
|
3943
|
-
|
|
3950
|
+
### Added
|
|
3944
3951
|
|
|
3945
3952
|
- **Experimental:** Optional web component scoping mechanism during runtime to enable micro service architecture
|
|
3946
3953
|
|
|
3947
|
-
|
|
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
|
-
|
|
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
|
-
|
|
3967
|
+
## [1.5.3] - 2020-08-10
|
|
3961
3968
|
|
|
3962
|
-
|
|
3969
|
+
## [1.5.3-rc.0] - 2020-08-10
|
|
3963
3970
|
|
|
3964
|
-
|
|
3971
|
+
### Fixed
|
|
3965
3972
|
|
|
3966
3973
|
- Mix of `Optgroups` and `Options` on same level in `Select Wrapper` component
|
|
3967
3974
|
|
|
3968
|
-
|
|
3975
|
+
## [1.5.2] - 2020-07-22
|
|
3969
3976
|
|
|
3970
|
-
|
|
3977
|
+
### Fixed
|
|
3971
3978
|
|
|
3972
3979
|
- Dispatch change event in `Select Wrapper`
|
|
3973
3980
|
- Stencil react-output-target SSR Bug
|
|
3974
3981
|
|
|
3975
|
-
|
|
3982
|
+
## [1.5.1] - 2020-07-20
|
|
3976
3983
|
|
|
3977
|
-
|
|
3984
|
+
### Fixed
|
|
3978
3985
|
|
|
3979
3986
|
- SVGO settings for icons
|
|
3980
3987
|
- Angular bug which causes `ngcc` to fail
|
|
3981
3988
|
|
|
3982
|
-
|
|
3989
|
+
## [1.5.0] - 2020-07-16
|
|
3983
3990
|
|
|
3984
|
-
|
|
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
|
-
|
|
3997
|
+
### Changed
|
|
3991
3998
|
|
|
3992
3999
|
- Icons (arrow-first, arrow-last, battery-empty, car, card, charging-station, question)
|
|
3993
4000
|
|
|
3994
|
-
|
|
4001
|
+
### Fixed
|
|
3995
4002
|
|
|
3996
4003
|
- Porsche Marque images
|
|
3997
4004
|
|
|
3998
|
-
|
|
4005
|
+
## [1.5.0-rc.2] - 2020-07-06
|
|
3999
4006
|
|
|
4000
|
-
|
|
4007
|
+
## [1.5.0-rc.1] - 2020-07-06
|
|
4001
4008
|
|
|
4002
|
-
|
|
4009
|
+
### Added
|
|
4003
4010
|
|
|
4004
4011
|
- **Notification Neutral** color to `color` property of `p-text` and `p-icon`
|
|
4005
4012
|
|
|
4006
|
-
|
|
4013
|
+
## [1.5.0-rc.0] - 2020-06-25
|
|
4007
4014
|
|
|
4008
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4036
|
+
## [1.4.0] - 2020-05-14
|
|
4030
4037
|
|
|
4031
|
-
|
|
4038
|
+
## [1.4.0-rc.3] - 2020-05-08
|
|
4032
4039
|
|
|
4033
|
-
|
|
4040
|
+
### Added
|
|
4034
4041
|
|
|
4035
4042
|
- `Text List`
|
|
4036
4043
|
|
|
4037
|
-
|
|
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
|
-
|
|
4051
|
+
## [1.4.0-rc.2] - 2020-05-06
|
|
4045
4052
|
|
|
4046
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4074
|
+
## [1.4.0-rc.1] - 2020-04-27
|
|
4068
4075
|
|
|
4069
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4089
|
+
### Fixed
|
|
4083
4090
|
|
|
4084
4091
|
- Icon loading mechanism
|
|
4085
4092
|
|
|
4086
|
-
|
|
4093
|
+
## [1.4.0-rc.0] - 2020-04-09
|
|
4087
4094
|
|
|
4088
|
-
|
|
4095
|
+
### Added
|
|
4089
4096
|
|
|
4090
4097
|
- SSR support
|
|
4091
4098
|
|
|
4092
|
-
|
|
4099
|
+
## [1.3.0] - 2020-04-08
|
|
4093
4100
|
|
|
4094
|
-
|
|
4101
|
+
### Added
|
|
4095
4102
|
|
|
4096
4103
|
- New headline size `headline-5` to `p-headline`
|
|
4097
4104
|
- Test Mocks
|
|
4098
4105
|
|
|
4099
|
-
|
|
4106
|
+
### Fixed
|
|
4100
4107
|
|
|
4101
4108
|
- Text styling of Select component on focus in IE11 and Chrome on Windows 10
|
|
4102
4109
|
|
|
4103
|
-
|
|
4110
|
+
## [1.3.0-rc.0] - 2020-04-03
|
|
4104
4111
|
|
|
4105
|
-
|
|
4112
|
+
### Fixed
|
|
4106
4113
|
|
|
4107
4114
|
- Improve form elements
|
|
4108
4115
|
|
|
4109
|
-
|
|
4116
|
+
## [1.2.0] - 2020-03-25
|
|
4110
4117
|
|
|
4111
|
-
|
|
4118
|
+
### Added
|
|
4112
4119
|
|
|
4113
4120
|
- `Divider`
|
|
4114
4121
|
- Hover state for form elements
|
|
4115
4122
|
|
|
4116
|
-
|
|
4123
|
+
### Fixed
|
|
4117
4124
|
|
|
4118
4125
|
- Support label text of form elements for Screen readers
|
|
4119
4126
|
|
|
4120
|
-
|
|
4127
|
+
## [1.1.2] - 2020-03-17
|
|
4121
4128
|
|
|
4122
|
-
|
|
4129
|
+
### Changed
|
|
4123
4130
|
|
|
4124
4131
|
- Notification colors
|
|
4125
4132
|
|
|
4126
|
-
|
|
4133
|
+
## [1.1.1] - 2020-03-13
|
|
4127
4134
|
|
|
4128
|
-
|
|
4135
|
+
### Changed
|
|
4129
4136
|
|
|
4130
4137
|
- Icon of `Checkbox` indeterminate state
|
|
4131
4138
|
|
|
4132
|
-
|
|
4139
|
+
## [1.1.0] - 2020-03-11
|
|
4133
4140
|
|
|
4134
|
-
|
|
4141
|
+
### Fixed
|
|
4135
4142
|
|
|
4136
4143
|
- Minor improvements
|
|
4137
4144
|
|
|
4138
|
-
|
|
4145
|
+
## [1.1.0-rc.0] - 2020-03-02
|
|
4139
4146
|
|
|
4140
|
-
|
|
4147
|
+
### Added
|
|
4141
4148
|
|
|
4142
4149
|
- `Select Wrapper`
|
|
4143
4150
|
- `Checkbox Wrapper`
|
|
4144
4151
|
- `Radio Button Wrapper`
|
|
4145
4152
|
- `Textarea Wrapper`
|
|
4146
4153
|
|
|
4147
|
-
|
|
4154
|
+
### Fixed
|
|
4148
4155
|
|
|
4149
4156
|
- `Text Field Wrapper` toggle password visibility
|
|
4150
4157
|
|
|
4151
|
-
|
|
4158
|
+
## [1.0.3] - 2020-02-13
|
|
4152
4159
|
|
|
4153
|
-
|
|
4160
|
+
### Fixed
|
|
4154
4161
|
|
|
4155
4162
|
- JS framework compatibility
|
|
4156
4163
|
|
|
4157
|
-
|
|
4164
|
+
## [1.1.0-0] - 2020-02-06
|
|
4158
4165
|
|
|
4159
|
-
|
|
4166
|
+
### Added
|
|
4160
4167
|
|
|
4161
4168
|
- `Text Field Wrapper`
|
|
4162
4169
|
|
|
4163
|
-
|
|
4170
|
+
### Changed
|
|
4164
4171
|
|
|
4165
4172
|
- Add proper cursor for disabled state for `Button` and `Button Pure`
|
|
4166
4173
|
|
|
4167
|
-
|
|
4174
|
+
## [1.0.2] - 2020-02-04
|
|
4168
4175
|
|
|
4169
|
-
|
|
4176
|
+
### Fixed
|
|
4170
4177
|
|
|
4171
4178
|
- Inheritable styling of slotted content
|
|
4172
4179
|
|
|
4173
|
-
|
|
4180
|
+
## [1.0.1] - 2020-01-30
|
|
4174
4181
|
|
|
4175
|
-
|
|
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
|
-
|
|
4186
|
+
## [1.0.0] - 2020-01-28
|
|
4180
4187
|
|
|
4181
|
-
|
|
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
|
-
|
|
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
|
-
|
|
4201
|
+
## [1.0.0-rc.1] - 2019-12-13
|
|
4195
4202
|
|
|
4196
|
-
|
|
4203
|
+
### Added
|
|
4197
4204
|
|
|
4198
4205
|
- `Headline`
|
|
4199
4206
|
- `Text`
|