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