@porsche-design-system/components-vue 3.0.0-alpha.4 → 3.0.0-alpha.6

package/CHANGELOG.md

@@ -9,15 +9,152 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.0.0-alpha.6] - 2023-04-06
+
+#### Added
+
+- `xxl` breakpoint for all breakpoint customizable component values
+  ([#2454](https://github.com/porsche-design-system/porsche-design-system/pull/2454))
+
+#### Fixed
+
+- Disabled color of `Icon` component ([#2446](https://github.com/porsche-design-system/porsche-design-system/pull/2446))
+- Support of `Radio Button Wrapper` for name value with non-alphanumeric characters
+  ([#2443](https://github.com/porsche-design-system/porsche-design-system/pull/2443))
+
+#### Changed
+
+- `Banner` is a controlled component now and its visibility has to be controlled via the `open` prop
+  ([#2447](https://github.com/porsche-design-system/porsche-design-system/pull/2447))
+
+```diff
+- <p-banner></p-banner>
++ <p-banner open="true"></p-banner>
+```
+
+- Renamed all custom `change` events to `update` because of bad event emissions with native `change` events, e.g. with
+  nested `select` or `input` elements
+
+#### 🤖 Property deprecations 🤖
+
+##### Accordion:
+
+- Event `accordionChange` is deprecated, use `update` event instead.
+
+```diff
+- <PAccordion onAccordionChange={(e: CustomEvent<AccordionChangeEvent>) => {}} />
++ <PAccordion onUpdate={(e: CustomEvent<AccordionUPdateEvent>) => {}} />
+```
+
+##### Banner:
+
+- Prop `persistent` is deprecated, use `dismissButton` instead.
+
+```diff
+- <p-banner persistent="true"></p-banner>
++ <p-banner dismiss-button="false"></p-banner>
+```
+
+##### Carousel:
+
+- Event `carouselChange` is deprecated, use `update` event instead.
+
+```diff
+- <PCarousel onCarouselChange={(e: CustomEvent<CarouselChangeEvent>) => {}} />
++ <PCarousel onUpdate={(e: CustomEvent<CarouselUpdateEvent>) => {}} />
+```
+
+##### Inline Notification:
+
+- Prop `persistent` is deprecated, use `dismissButton` instead.
+
+```diff
+- <p-inline-notification persistent="true"></p-inline-notification>
++ <p-inline-notification dismiss-button="false"></p-inline-notification>
+```
+
+##### Pagination:
+
+- Event `pageChange` is deprecated, use `update` event instead.
+
+```diff
+- <PPagination onPageChange={(e: CustomEvent<PageChangeEvent>) => {}} />
++ <PPagination onUpdate={(e: CustomEvent<PaginationUpdateEvent>) => {}} />
+```
+
+#### Segmented Control:
+
+- Event `segmentedControlChange` is deprecated, use `update` event instead.
+
+```diff
+- <PSegmentedControl onSegmentedControlChange={(e: CustomEvent<SegmentedControlChangeEvent>) => {}} />
++ <PSegmentedControl onUpdate={(e: CustomEvent<SegmentedControlUpdateEvent>) => {}} />
+```
+
+#### Stepper Horizontal:
+
+- Event `stepChange` is deprecated, use `update` event instead.
+
+```diff
+- <PStepperHorizontal onStepChange={(e: CustomEvent<StepChangeEvent>) => {}} />
++ <PStepperHorizontal onUpdate={(e: CustomEvent<StepperHorizontalUpdateEvent>) => {}} />
+```
+
+#### Switch:
+
+- Event `switchChange` is deprecated, use `update` event instead.
+
+```diff
+- <PSwitch onSwitchChange={(e: CustomEvent<SwitchChangeEvent>) => {}} />
++ <PSwitch onUpdate={(e: CustomEvent<SwitchUpdateEvent>) => {}} />
+```
+
+#### Table:
+
+- Event `sortingChange` is deprecated, use `update` event instead.
+
+```diff
+- <PTable onSortingChange={(e: CustomEvent<SortingChangeEvent>) => {}} />
++ <PTable onUpdate={(e: CustomEvent<TableUpdateEvent>) => {}} />
+```
+
+##### Tabs:
+
+- Event `tabChange` is deprecated, use `update` event instead.
+
+```diff
+- <PTabs onTabChange={(e: CustomEvent<TabChangeEvent>) => {}} />
++ <PTabs onUpdate={(e: CustomEvent<TabsUpdateEvent>) => {}} />
+```
+
+##### Tabs Bar:
+
+- Event `tabChange` is deprecated, use `update` event instead.
+
+```diff
+- <PTabsBar onTabChange={(e: CustomEvent<TabChangeEvent>) => {}} />
++ <PTabsBar onUpdate={(e: CustomEvent<TabsUpdateEvent>) => {}} />
+```
+
+### [3.0.0-alpha.5] - 2023-03-30
+
+#### Added
+
+- `Wordmark` ([#2418](https://github.com/porsche-design-system/porsche-design-system/pull/2418))
+- `Crest` ([#2437](https://github.com/porsche-design-system/porsche-design-system/pull/2437))
+- Styles: changed color values of `theme[Light|Dark]ContrastMedium` and `theme[Light|Dark]Notification[*]` color tokens
+  of `Styles` subpackage ([#2436](https://github.com/porsche-design-system/porsche-design-system/pull/2436))
+
 ### [3.0.0-alpha.4] - 2023-03-28
 
 #### Changed
 
-- `Table` matches new design language [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2364/)
+- `Table` matches new design language
+  ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
 
 #### Added
 
-- Styles: [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+- Styles: ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
   - `gridWide`
   - `gridWideColumnStart` and `pds-grid-wide-column-start`
   - `gridWideColumnEnd` and `pds-grid-wide-column-end`
@@ -30,14 +167,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
   - `gridWideOffset`, `gridWideOffsetBase`, `gridWideOffsetS`, `gridWideOffsetXXL` and `$pds-grid-wide-offset-base`,
     `$pds-grid-wide-offset-s`, `$pds-grid-wide-offset-xxl`
   - `gridFullOffset` and `$pds-grid-full-offset`
-- `Button Tile` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2381)
-- `Fieldset` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2404)
-- `Link Tile Model Signature` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2388)
-- Prop `activeSlideIndex` to `Carousel` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2421)
+- `Button Tile` ([#2381](https://github.com/porsche-design-system/porsche-design-system/pull/2381))
+- `Fieldset` ([#2404](https://github.com/porsche-design-system/porsche-design-system/pull/2404))
+- `Link Tile Model Signature` ([#2388](https://github.com/porsche-design-system/porsche-design-system/pull/2388))
+- Prop `activeSlideIndex` to `Carousel`
+  ([#2421](https://github.com/porsche-design-system/porsche-design-system/pull/2421))
 - Prop `slidesPerPage` supports value `auto` of `Carousel`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2421)
-- Prop `scrollbar` for `Scroller` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2364/)
-- Prop `theme` for `Table` [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2364/)
+  ([#2421](https://github.com/porsche-design-system/porsche-design-system/pull/2421))
+- Prop `scrollbar` for `Scroller` ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
+- Prop `theme` for `Table` ([#2364](https://github.com/porsche-design-system/porsche-design-system/pull/2364/))
 
 #### Fixed
 
@@ -46,30 +184,37 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 #### Changed
 
 - Styles: `gridStyles` and `pds-grid` are supporting an additional column range called `wide`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 - Styles: SCSS version needs to be imported by `@porsche-design-system/components-js/styles` instead of
   `@porsche-design-system/components-js/styles/scss`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 
 #### Removed
 
 - `Banner`: CSS variable `--p-banner-position-type`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 - `gridSafeZone`, `gridSafeZoneBase`, `gridSafeZoneXXL` and `pds-grid-safe-zone-base`, `pds-grid-safe-zone-xxl`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 - `gridWidth`, `gridWidthMin`, `gridWidthMax` and `pds-grid-width-min`, `pds-grid-width-max`
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 
 #### 🤖 Property deprecations 🤖
 
 ##### Banner:
 
 - Prop `width` has no effect anymore, instead the component is aligned with Porsche Grid "extended" by default.
-  [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2422)
+  ([#2422](https://github.com/porsche-design-system/porsche-design-system/pull/2422))
 
 #### 🤡 Component deprecations 🤡
 
-##### Fieldset Wrapper: [PR](https://github.com/porsche-design-system/porsche-design-system/pull/2404)
+##### Marque: ([#2418](https://github.com/porsche-design-system/porsche-design-system/pull/2418))
+
+```diff
+- <p-marque></p-marque>
++ <p-wordmark></p-wordmark>
+```
+
+##### Fieldset Wrapper: ([#2404](https://github.com/porsche-design-system/porsche-design-system/pull/2404))
 
 ```diff
 - <p-fieldset-wrapper label="Some legend label">

package/lib/components/AccordionWrapper.vue.d.ts

@@ -1,4 +1,4 @@
-import type { AccordionChangeEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
+import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Displays the Accordion as compact version with thinner border and smaller paddings.
@@ -29,9 +29,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tag: string;
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    accordionChange: (value: AccordionChangeEvent) => void;
+    accordionChange: (value: AccordionUpdateEvent) => void;
 } & {
-    change: (value: AccordionChangeEvent) => void;
+    update: (value: AccordionUpdateEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Displays the Accordion as compact version with thinner border and smaller paddings.
@@ -62,8 +62,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tag: string;
     theme: string;
 }>>> & {
-    onChange?: ((value: AccordionChangeEvent) => any) | undefined;
-    onAccordionChange?: ((value: AccordionChangeEvent) => any) | undefined;
+    onAccordionChange?: ((value: AccordionUpdateEvent) => any) | undefined;
+    onUpdate?: ((value: AccordionUpdateEvent) => any) | undefined;
 }, {
     size: BreakpointCustomizable<AccordionSize>;
     tag: AccordionTag;

package/lib/components/AccordionWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as l, ref as d, onMounted as s, onUpdated as f, openBlock as m, createBlock as i, resolveDynamicComponent as u, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { defineComponent as l, ref as c, onMounted as s, onUpdated as f, openBlock as u, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
 import { getPrefixedTagName as _, syncProperties as t, addEventListenerToElementRef as a } from "../../utils.js";
 const k = /* @__PURE__ */ l({
   __name: "AccordionWrapper",
@@ -10,19 +10,19 @@ const k = /* @__PURE__ */ l({
     tag: { default: "h2" },
     theme: { default: "light" }
   },
-  emits: ["accordionChange", "change"],
+  emits: ["accordionChange", "update"],
   setup(r, { emit: o }) {
-    const n = r, p = _("p-accordion"), e = d();
+    const n = r, p = _("p-accordion"), e = c();
     return s(() => {
-      t(e.value, n), a(e.value, "accordionChange", o), a(e.value, "change", o);
+      t(e.value, n), a(e.value, "accordionChange", o), a(e.value, "update", o);
     }), f(() => {
       t(e.value, n);
-    }), (c, v) => (m(), i(u(g(p)), {
+    }), (d, v) => (u(), m(i(g(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: h(() => [
-        C(c.$slots, "default")
+        C(d.$slots, "default")
       ]),
       _: 3
     }, 512));

package/lib/components/BannerWrapper.vue.d.ts

@@ -1,15 +1,23 @@
-import type { BannerState, Theme, BannerWidth } from '../types';
+import type { BannerState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Description of the banner.
      */
     description?: string | undefined;
+    /**
+     * If false, the banner will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * Heading of the banner.
      */
     heading?: string | undefined;
     /**
-     * Defines if the banner can be closed/removed by the user.
+     * If true, the banner is open.
+     */
+    open: boolean;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
      */
     persistent?: boolean | undefined;
     /**
@@ -27,11 +35,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: "extended" | "basic" | "fluid" | undefined;
 }>, {
     description: string;
+    dismissButton: boolean;
     heading: string;
-    persistent: boolean;
+    open: boolean;
     state: string;
     theme: string;
-    width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     dismiss: (value?: void | undefined) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
@@ -39,12 +47,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Description of the banner.
      */
     description?: string | undefined;
+    /**
+     * If false, the banner will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * Heading of the banner.
      */
     heading?: string | undefined;
     /**
-     * Defines if the banner can be closed/removed by the user.
+     * If true, the banner is open.
+     */
+    open: boolean;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the banner can be closed/removed by the user.
      */
     persistent?: boolean | undefined;
     /**
@@ -62,20 +78,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width?: "extended" | "basic" | "fluid" | undefined;
 }>, {
     description: string;
+    dismissButton: boolean;
     heading: string;
-    persistent: boolean;
+    open: boolean;
     state: string;
     theme: string;
-    width: string;
 }>>> & {
     onDismiss?: ((value?: void | undefined) => any) | undefined;
 }, {
     heading: string;
+    open: boolean;
     theme: Theme;
     description: string;
-    persistent: boolean;
+    dismissButton: boolean;
     state: BannerState;
-    width: BannerWidth;
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/BannerWrapper.vue.js

@@ -1,33 +1,35 @@
-import { defineComponent as d, ref as p, onMounted as f, onUpdated as i, openBlock as l, createBlock as m, resolveDynamicComponent as u, unref as c, withCtx as _, renderSlot as h } from "vue";
-import { getPrefixedTagName as C, syncProperties as n, addEventListenerToElementRef as g } from "../../utils.js";
-const B = /* @__PURE__ */ d({
+import { defineComponent as p, ref as d, onMounted as l, onUpdated as f, openBlock as i, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as B, renderSlot as _ } from "vue";
+import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as y } from "../../utils.js";
+const k = /* @__PURE__ */ p({
   __name: "BannerWrapper",
   props: {
     description: { default: "" },
+    dismissButton: { type: Boolean, default: !0 },
     heading: { default: "" },
-    persistent: { type: Boolean, default: !1 },
+    open: { type: Boolean, default: !1 },
+    persistent: { type: Boolean },
     state: { default: "info" },
     theme: { default: "light" },
-    width: { default: "extended" }
+    width: null
   },
   emits: ["dismiss"],
   setup(o, { emit: a }) {
-    const t = o, r = C("p-banner"), e = p();
-    return f(() => {
-      n(e.value, t), g(e.value, "dismiss", a);
-    }), i(() => {
+    const t = o, s = h("p-banner"), e = d();
+    return l(() => {
+      n(e.value, t), y(e.value, "dismiss", a);
+    }), f(() => {
       n(e.value, t);
-    }), (s, v) => (l(), m(u(c(r)), {
+    }), (r, C) => (i(), u(m(c(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: _(() => [
-        h(s.$slots, "default")
+      default: B(() => [
+        _(r.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  B as default
+  k as default
 };

package/lib/components/CarouselWrapper.vue.d.ts

@@ -1,4 +1,4 @@
-import type { CarouselAlignHeader, BreakpointCustomizable, CarouselChangeEvent, Theme, CarouselWidth } from '../types';
+import type { CarouselAlignHeader, BreakpointCustomizable, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which slide to be active (zero-based numbering).
@@ -58,9 +58,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    carouselChange: (value: CarouselChangeEvent) => void;
+    carouselChange: (value: CarouselUpdateEvent) => void;
 } & {
-    change: (value: CarouselChangeEvent) => void;
+    update: (value: CarouselUpdateEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines which slide to be active (zero-based numbering).
@@ -120,8 +120,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     width: string;
 }>>> & {
-    onChange?: ((value: CarouselChangeEvent) => any) | undefined;
-    onCarouselChange?: ((value: CarouselChangeEvent) => any) | undefined;
+    onUpdate?: ((value: CarouselUpdateEvent) => any) | undefined;
+    onCarouselChange?: ((value: CarouselUpdateEvent) => any) | undefined;
 }, {
     theme: Theme;
     width: CarouselWidth;

package/lib/components/CarouselWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as s, onMounted as i, onUpdated as p, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { defineComponent as u, ref as p, onMounted as s, onUpdated as i, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as C, renderSlot as h } from "vue";
 import { getPrefixedTagName as v, syncProperties as a, addEventListenerToElementRef as o } from "../../utils.js";
 const P = /* @__PURE__ */ u({
   __name: "CarouselWrapper",
@@ -16,19 +16,19 @@ const P = /* @__PURE__ */ u({
     width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
-  emits: ["carouselChange", "change"],
-  setup(l, { emit: n }) {
-    const t = l, r = v("p-carousel"), e = s();
-    return i(() => {
-      a(e.value, t), o(e.value, "carouselChange", n), o(e.value, "change", n);
-    }), p(() => {
-      a(e.value, t);
+  emits: ["carouselChange", "update"],
+  setup(l, { emit: t }) {
+    const n = l, r = v("p-carousel"), e = p();
+    return s(() => {
+      a(e.value, n), o(e.value, "carouselChange", t), o(e.value, "update", t);
+    }), i(() => {
+      a(e.value, n);
     }), (d, _) => (f(), c(m(g(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: h(() => [
-        C(d.$slots, "default")
+      default: C(() => [
+        h(d.$slots, "default")
       ]),
       _: 3
     }, 512));

package/lib/components/CrestWrapper.vue.d.ts

@@ -0,0 +1,49 @@
+import type { SelectedAriaAttributes, CrestTarget } from '../types';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    /**
+     * When providing an url then the component will be rendered as `<a>`.
+     */
+    href?: string | undefined;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: string | undefined;
+}>, {
+    target: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    /**
+     * When providing an url then the component will be rendered as `<a>`.
+     */
+    href?: string | undefined;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: string | undefined;
+}>, {
+    target: string;
+}>>>, {
+    target: CrestTarget;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/lib/components/CrestWrapper.vue.js

@@ -0,0 +1,24 @@
+import { defineComponent as p, ref as a, onMounted as s, onUpdated as f, openBlock as c, createBlock as l, resolveDynamicComponent as m, unref as u } from "vue";
+import { getPrefixedTagName as d, syncProperties as o } from "../../utils.js";
+const k = /* @__PURE__ */ p({
+  __name: "CrestWrapper",
+  props: {
+    aria: null,
+    href: null,
+    target: { default: "_self" }
+  },
+  setup(r) {
+    const n = r, t = d("p-crest"), e = a();
+    return s(() => {
+      o(e.value, n);
+    }), f(() => {
+      o(e.value, n);
+    }), (i, _) => (c(), l(m(u(t)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  k as default
+};

package/lib/components/CrestWrapper.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CrestWrapper.vue.js";
+export {
+  f as default
+};

package/lib/components/GridItemWrapper.vue.d.ts

@@ -4,11 +4,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 7 | 5 | 2 | 6 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 7 | 5 | 2 | 6 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;
@@ -16,11 +16,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The offset of the column. Can be between 0 and 11. Also defines the offset of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    offset?: BreakpointCustomizable<0 | 3 | 4 | 6 | 5 | 2 | 7 | 1 | 8 | 9 | 10 | 11> | undefined;
+    offset?: BreakpointCustomizable<0 | 3 | 4 | 7 | 5 | 2 | 6 | 1 | 8 | 9 | 10 | 11> | undefined;
     /**
      * The size of the column. Can be between 1 and 12. Also defines the size of the column for specific breakpoints, like {base: 6, l: 3}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<3 | 4 | 6 | 5 | 2 | 7 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
+    size?: BreakpointCustomizable<3 | 4 | 7 | 5 | 2 | 6 | 1 | 12 | 8 | 9 | 10 | 11> | undefined;
 }>, {
     offset: number;
     size: number;

package/lib/components/InlineNotificationWrapper.vue.d.ts

@@ -16,12 +16,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Description of the inline-notification.
      */
     description?: string | undefined;
+    /**
+     * If false, the inline-notification will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * Heading of the inline-notification.
      */
     heading?: string | undefined;
     /**
-     * Defines if the inline-notification can be closed/removed by the user.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the inline-notification can be closed/removed by the user.
      */
     persistent?: boolean | undefined;
     /**
@@ -36,8 +40,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actionIcon: string;
     actionLoading: boolean;
     description: string;
+    dismissButton: boolean;
     heading: string;
-    persistent: boolean;
     state: string;
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -61,12 +65,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Description of the inline-notification.
      */
     description?: string | undefined;
+    /**
+     * If false, the inline-notification will not have a dismiss button.
+     */
+    dismissButton?: boolean | undefined;
     /**
      * Heading of the inline-notification.
      */
     heading?: string | undefined;
     /**
-     * Defines if the inline-notification can be closed/removed by the user.
+     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the inline-notification can be closed/removed by the user.
      */
     persistent?: boolean | undefined;
     /**
@@ -81,8 +89,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     actionIcon: string;
     actionLoading: boolean;
     description: string;
+    dismissButton: boolean;
     heading: string;
-    persistent: boolean;
     state: string;
     theme: string;
 }>>> & {
@@ -92,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     heading: string;
     theme: Theme;
     description: string;
-    persistent: boolean;
+    dismissButton: boolean;
     state: InlineNotificationState;
     actionIcon: InlineNotificationActionIcon;
     actionLoading: boolean;