@porsche-design-system/components-vue 3.0.0-alpha.0 → 3.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +65 -2
- package/OSS_NOTICE +65234 -2280
- package/README.md +25 -2
- package/lib/components/BannerWrapper.vue.d.ts +2 -2
- package/lib/components/ButtonPureWrapper.vue.d.ts +3 -3
- package/lib/components/ButtonWrapper.vue.d.ts +1 -1
- package/lib/components/CarouselWrapper.vue.d.ts +27 -3
- package/lib/components/CarouselWrapper.vue.js +12 -10
- package/lib/components/ContentWrapperWrapper.vue.d.ts +2 -2
- package/lib/components/ContentWrapperWrapper.vue.js +5 -5
- package/lib/components/DividerWrapper.vue.d.ts +2 -2
- package/lib/components/DividerWrapper.vue.js +7 -7
- package/lib/components/IconWrapper.vue.d.ts +2 -2
- package/lib/components/LinkPureWrapper.vue.d.ts +2 -2
- package/lib/components/ModelSignatureWrapper.vue.d.ts +66 -0
- package/lib/components/ModelSignatureWrapper.vue.js +25 -0
- package/lib/components/ModelSignatureWrapper.vue2.js +4 -0
- package/lib/components/SwitchWrapper.vue.d.ts +1 -1
- package/lib/components/TagWrapper.vue.d.ts +2 -2
- package/lib/components/TextListWrapper.vue.d.ts +6 -6
- package/lib/components/TextWrapper.vue.d.ts +4 -4
- package/lib/components/index.d.ts +1 -0
- package/lib/types.d.ts +89 -32
- package/package.json +2 -2
- package/plugin.d.ts +14 -0
- package/plugin.js +28 -0
- package/public-api.d.ts +1 -0
- package/public-api.js +83 -78
package/CHANGELOG.md
CHANGED
|
@@ -9,6 +9,68 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
|
9
9
|
|
|
10
10
|
### [Unreleased]
|
|
11
11
|
|
|
12
|
+
### [3.0.0-alpha.2] - 2023-02-27
|
|
13
|
+
|
|
14
|
+
#### 🤖 Property deprecations 🤖
|
|
15
|
+
|
|
16
|
+
##### Carousel:
|
|
17
|
+
|
|
18
|
+
- Prop `wrap-content` is deprecated.
|
|
19
|
+
|
|
20
|
+
```diff
|
|
21
|
+
- <p-carousel wrap-content="true"></p-carousel>
|
|
22
|
+
+ <p-carousel></p-carousel>
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
##### Divider:
|
|
26
|
+
|
|
27
|
+
- Prop values `neutral-contrast-low | neutral-contrast-medium | neutral-contrast-high` of `color` prop are deprecated.
|
|
28
|
+
|
|
29
|
+
```diff
|
|
30
|
+
- <p-divider color="neutral-contrast-low"></p-divider>
|
|
31
|
+
+ <p-divider color="contrast-low"></p-divider>
|
|
32
|
+
|
|
33
|
+
- <p-divider color="neutral-contrast-medium"></p-divider>
|
|
34
|
+
+ <p-divider color="contrast-medium"></p-divider>
|
|
35
|
+
|
|
36
|
+
- <p-divider color="neutral-contrast-high"></p-divider>
|
|
37
|
+
+ <p-divider color="contrast-high"></p-divider>
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
#### Changed
|
|
41
|
+
|
|
42
|
+
- `Divider`, `Button Group`, `Carousel` and `Text List` match new design language
|
|
43
|
+
- Background color of `Scroller`'s `prev` and `next` buttons in dark theme
|
|
44
|
+
- Partials: Removed deprecated `withoutTags` option for all partials, please use `format: 'jsx'` instead
|
|
45
|
+
- `Content Wrapper` default value of prop `width` has changed from `basic` to `extended`
|
|
46
|
+
|
|
47
|
+
#### Added
|
|
48
|
+
|
|
49
|
+
- `Model Signature`
|
|
50
|
+
- Props `align-header` and `width` for `Carousel`
|
|
51
|
+
- Vue: plugin functions `createPorscheDesignSystem` and `usePorscheDesignSystemPlugin`
|
|
52
|
+
|
|
53
|
+
#### Fixed
|
|
54
|
+
|
|
55
|
+
- `Radio Button Wrapper` keyboard arrow navigation
|
|
56
|
+
- `Button Pure` and `Link Pure` lagging active state background when scrolling on iOS
|
|
57
|
+
|
|
58
|
+
### [3.0.0-alpha.1] - 2023-02-16
|
|
59
|
+
|
|
60
|
+
#### Added
|
|
61
|
+
|
|
62
|
+
- Porsche Next font supports Vietnamese charset
|
|
63
|
+
- Prop `color` of `Icon` supports `disabled`
|
|
64
|
+
- React: `patchRemixRunProcessBrowserGlobalIdentifier` binary to support SSR components with Remix
|
|
65
|
+
|
|
66
|
+
#### Changed
|
|
67
|
+
|
|
68
|
+
- `Stepper Horizontal` matches new design language
|
|
69
|
+
- Styles: Optimize design tokens "spacing", "typography" and "theme" provided by styles sub-package
|
|
70
|
+
`@porsche-design-system/components-{js|angular|react|vue}/styles`
|
|
71
|
+
- Styles: Use calc() instead of max() to calculate padding for `gridStyle` (JS) and `pds-grid` (SCSS)
|
|
72
|
+
- Styles: `gridStyle` (JS) and `pds-grid` (SCSS) uses optimized grid gap
|
|
73
|
+
|
|
12
74
|
### [3.0.0-alpha.0] - 2023-02-08
|
|
13
75
|
|
|
14
76
|
#### Note to the new `v3` major release of the Porsche Design System
|
|
@@ -394,10 +456,11 @@ to the new values since those ones will be removed with next major version.
|
|
|
394
456
|
- `Spinner`, `Icon`, `Link Pure`, `Button Pure`, `Link`, `Link Social`, `Button`, `Checkbox Wrapper`,
|
|
395
457
|
`Radio Button Wrapper`, `Popover`, `Modal`, `Select Wrapper`, `Tag`, `Tag Dismissible`, `Textarea Wrapper`,
|
|
396
458
|
`Inline Notification`, `Banner`, `Toast`, `Grid`, `Flex`, `Pagination`, `Scroller`, `Accordion`, `Text`,
|
|
397
|
-
`Text Field Wrapper`, `Content Wrapper`, `Segmented Control`, `Tabs`, `Tabs Bar`, `Headline` and `Fieldset Wrapper`
|
|
459
|
+
`Text Field Wrapper`, `Content Wrapper`, `Segmented Control`, `Tabs`, `Tabs Bar`, `Headline` and `Fieldset Wrapper`
|
|
460
|
+
match new design language
|
|
398
461
|
- `Icon` supports
|
|
399
462
|
`primary | contrast-low | contrast-medium | contrast-high | notification-success | notification-warning | notification-error | notification-info | inherit`
|
|
400
|
-
for `color` prop
|
|
463
|
+
for `color` prop
|
|
401
464
|
- Default value of prop `width` of `Banner` has changed from `basic` to `extended`
|
|
402
465
|
- Default value of prop `action-icon` of `Inline Notification` has changed from `arrow-head-right` to `arrow-right`
|
|
403
466
|
- Default value of prop `name` of `Icon` has changed from `arrow-head-right` to `arrow-right`
|