@porsche-design-system/components-vue 3.7.0-rc.0 → 3.7.0-rc.2

package/CHANGELOG.md

@@ -14,6 +14,45 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.7.0-rc.2] - 2023-09-28
+
+#### Added
+
+- Styles: `gridStyles` and `pds-grid` support basic usage inside `Flyout` component
+  ([#2756](https://github.com/porsche-design-system/porsche-design-system/pull/2756))
+
+#### Fixed
+
+- Overlay issues of header/footer in `Flyout` component
+  ([#2786](https://github.com/porsche-design-system/porsche-design-system/pull/2786))
+
+### [3.7.0-rc.1] - 2023-09-20
+
+#### Added
+
+- **[EXPERIMENTAL]** Prop `loading` for `Radio Button Wrapper`
+  ([#2774](https://github.com/porsche-design-system/porsche-design-system/pull/2774))
+- Theme property supports `auto` for all themeable components, reflecting `prefers-color-scheme` based on OS system
+  settings ([#2719](https://github.com/porsche-design-system/porsche-design-system/pull/2719))
+- `hyphens` CSS property can now be overwritten in `Button Tile`, `Link Tile` and `Link Tile Model Signature` components
+  ([#2758](https://github.com/porsche-design-system/porsche-design-system/pull/2758))
+- Partials that produce innerHTML support `{ format: 'sha256' }` option for whitelisting in
+  [Content-Security-Policy (CSP)](must-know/security/content-security-policy)
+  ([#2773](https://github.com/porsche-design-system/porsche-design-system/pull/2773))
+- `Pin Code` ([#2691](https://github.com/porsche-design-system/porsche-design-system/pull/2691))
+
+#### Fixed
+
+- Dragging of `Carousel` can become stucked
+  ([#2768](https://github.com/porsche-design-system/porsche-design-system/pull/2768))
+- Color of `message` for `Fieldset`, `Fieldset Wrapper`, `Text Field Wrapper` and `Textarea Wrapper` in dark theme
+  ([#2769](https://github.com/porsche-design-system/porsche-design-system/pull/2769))
+
+#### Changed
+
+- Usage of `getInitialStyles()` partial is required and validated with an exception
+  ([#2749](https://github.com/porsche-design-system/porsche-design-system/pull/2749))
+
 ### [3.7.0-rc.0] - 2023-09-05
 
 #### Added

package/LICENSE.md

@@ -0,0 +1,115 @@
+Copyright (c) 2022 Dr. Ing. h.c. F. Porsche AG
+
+The Porsche Design System source code is licensed under the Apache License, Version 2.0 (the "License"); you may not use
+this file except in compliance with the License. You may obtain a copy of the License at
+[http://www.apache.org/licenses/LICENSE-2.0](http://www.apache.org/licenses/LICENSE-2.0).
+
+Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an
+"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific
+language governing permissions and limitations under the License.
+
+All Porsche specific design assets like fonts, icons, marque, etc. are licensed under the Porsche Design System Assets
+License Agreement.
+
+By accessing, using or contributing to the Design System of Porsche ('Porsche Design System'), you agree to the
+following Porsche Design System Assets License Agreement agreement ('Agreement') with Dr. Ing. h.c. F. Porsche AG,
+Germany ('Porsche AG') and its affiliates (“we”, “our”, “us” or "Porsche"). Porsche reserves the right to change and
+update this licensing agreement at any time.
+
+### License
+
+Subject to the terms of this Agreement, Porsche grants you a limited, worldwide, royalty-free, non-assignable,
+non-transferable, non-sublicensable, and non-exclusive license to use the Porsche Design System Assets solely to
+develop, test, and distribute software applications, websites, and interfaces on behalf of Porsche that are available
+via www.porsche.com or any associated websites or other Porsche software (“Applications”).
+
+### License Restrictions
+
+You may not use the Porsche Design System Assets (i) to develop, test, or distribute an external, stand-alone
+Application (“External Application”) unless such External Application is not identical to and is dissimilar and visually
+distinct from Porsche products and services, as determined by Porsche in its sole discretion, (ii) to mislead consumers
+as to Porsche’s sponsorship of, affiliation with, or endorsement of you, your organization, or your Application, and
+(iii) for any purpose not expressly permitted by this License Agreement. For clarity, any Application that embeds
+directly inside the Porsche Admin or other Porsche interface that allows for the embedding of Applications (“Embedded
+Application”), as determined by Porsche in its sole discretion, may be visually similar, but not identical, to Porsche
+products and services. You may not modify, adapt, redistribute, or create derivative works of the Porsche Design System
+Assets or any part of the Porsche Design System Assets.
+
+### Ownership of Intellectual Property
+
+You agree that Porsche owns all legal right, title and interest in and to the Porsche products and services, including
+the Porsche Design System and the Porsche Design System Assets, including any Intellectual Property Rights inherent
+therein and related thereto. “Intellectual Property Rights” means any and all rights under patent law, copyright law,
+trade secret law, trademark law, and any and all other proprietary rights. Porsche reserves all rights not expressly
+granted to you.
+
+### Termination
+
+Porsche may terminate this Agreement: (a) if you breach any of the terms of this Agreement or (b) if Porsche ceases to
+make the Porsche Design System Assets generally available. Either party may terminate this Agreement at any time, with
+or without cause. Upon termination, your Porsche Design System Assets license will also terminate. This means that you
+must cease using the Porsche Design System Assets and delete all copies of the Porsche Design System Assets. All terms
+of this Agreement will survive the termination or expiration of this Agreement, except for your license right granted in
+Section 1.
+
+### No Warranty
+
+THE Porsche Design System Assets ARE PROVIDED “AS IS” AND “WITH ALL FAULTS”. PORSCHE AND ITS THIRD PARTY LICENSORS
+DISCLAIM ALL REPRESENTATIONS, WARRANTIES AND GUARANTEES, WHETHER EXPRESS, IMPLIED OR STATUTORY, INCLUDING IMPLIED
+WARRANTIES OF MERCHANTABILITY, TITLE, NON-INFRINGEMENT AND FITNESS FOR ANY PURPOSE. PORSCHE MAKES NO REPRESENTATION,
+WARRANTY OR GUARANTEE RELATED TO RELIABILITY, ACCURACY, OR COMPLETENESS OF THE Porsche Design System Assets OR THAT YOUR
+USE OF THE Porsche Design System Assets WILL BE SECURE, TIMELY, UNINTERRUPTED OR ERROR-FREE. THE Porsche Design System
+Assets MAY NOT MEET YOUR REQUIREMENTS OR EXPECTATIONS.
+
+### Limitation of Liability
+
+IN NO EVENT SHALL PORSCHE BE LIABLE FOR ANY LOSS OF USE, LOST DATA, FAILURE OF SECURITY MECHANISMS, INTERRUPTION OF
+BUSINESS, OR ANY INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY KIND (INCLUDING LOST PROFITS OR LOST
+DATA), REGARDLESS OF THE FORM OF ACTION, WHETHER IN CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY OR
+OTHERWISE, EVEN IF INFORMED OF THE POSSIBILITY OF SUCH DAMAGES IN ADVANCE. PORSCHE SHALL NOT BE LIABLE FOR ANY DAMAGES
+THAT YOU MAY SUFFER IN CONNECTION WITH THE PERFORMANCE OF THE Porsche Design System Assets. NOTWITHSTANDING ANY OTHER
+PROVISION OF THIS AGREEMENT, PORSCHE’S ENTIRE LIABILITY TO YOU UNDER THIS AGREEMENT SHALL NOT EXCEED FIVE HUNDRED US
+DOLLARS ($500). THE ABOVE WARRANTY DISCLAIMERS AND LIMITATIONS OF LIABILITY APPLY TO THE MAXIMUM EXTENT PERMITTED BY
+LAW, BUT YOU MAY HAVE OTHER STATUTORY RIGHTS, WHICH THIS AGREEMENT CANNOT CHANGE. The limitations in this Section 6 will
+survive and apply even if any limited remedy specified in this Agreement is found to have failed of its essential
+purpose.
+
+### Applications; Indemnification
+
+You are solely responsible for your Applications, your use of Porsche Design System Assets, and your compliance with
+this Agreement. You agree to indemnify, defend and hold Porsche and its affiliates and their respective directors,
+officers, employees, successors, assigns, insurers, independent contractors and agents harmless from and against any and
+all claims, costs, damages, losses, liabilities and expenses (including reasonable attorneys’ fees and costs) arising
+out of any claim relating to (a) your Applications, (b) your use of the Porsche Design System Assets or (c) your breach
+of this Agreement. Porsche may participate in defending the claim at its own expense. You may not settle any claim
+without Porsche’s prior written consent. If you distribute your Applications to others, you agree to require the end
+users to agree that Porsche has no liability, warranty, or support or other obligations related to your Applications.
+
+#### General
+
+1. Severability If any provision of this Agreement is, for any reason, held to be invalid, illegal or unenforceable in
+   any respect, then such invalidity, illegality or unenforceability will not affect any other provision of this
+   Agreement, and this Agreement will be construed as if such invalid, illegal or unenforceable provision had never been
+   contained within this Agreement.
+
+2. No Waiver The failure of either party to insist upon or enforce strict performance by the other party of any
+   provision of this Agreement or to exercise any right under this Agreement shall not be construed as a waiver or
+   relinquishment to any extent of such party’s right to assert or rely upon any such provision or right in that or any
+   other instance; rather, the same shall be and remain in full force and effect. Each waiver shall be set forth in a
+   written instrument signed by the waiving party.
+
+3. Entire Agreement This Agreement, including all guidelines and other documents linked or otherwise incorporated or
+   referenced herein, sets forth the entire agreement and supersedes any and all prior agreements, written or oral, of
+   the parties with respect to the subject matter hereof (including any prior version of this Agreement).
+
+4. Assignment All the terms and provisions of this Agreement shall be binding upon and inure to the benefit of the
+   parties to the Agreement and to their respective heirs, successors, permitted assigns and legal representatives.
+   Porsche shall be permitted to assign this Agreement without notice to or consent from you. You shall have no right to
+   assign or otherwise transfer the Agreement, or any of your rights or obligations hereunder, to any third party
+   without Porsche’s prior written consent, to be given or withheld in Porsche’s sole discretion.
+
+5. Applicable Law This Agreement will be governed by and construed in accordance with the laws of Germany, excluding
+   conflicts of law rules and principles. Each party submits to the personal and exclusive jurisdiction of the courts
+   located in Stuttgart, Germany. Nothing in this Agreement limits Porsche’s rights to seek equitable relief.
+
+Last updated: February 20, 2022

package/cjs/lib/components/PinCodeWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),a=require("../../utils.cjs"),r=e.defineComponent({__name:"PinCodeWrapper",props:{description:{default:""},disabled:{type:Boolean,default:!1},hideLabel:{default:!1},label:{default:""},length:{default:4},loading:{type:Boolean,default:!1},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},theme:{default:"light"},type:{default:"number"},value:{default:""}},emits:["update"],setup(o,{emit:l}){const n=o,d=a.getPrefixedTagName("p-pin-code"),t=e.ref();return e.onMounted(()=>{a.syncProperties(t.value,n),a.addEventListenerToElementRef(t.value,"update",l)}),e.onUpdated(()=>{a.syncProperties(t.value,n)}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=r;

package/cjs/lib/components/PinCodeWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./PinCodeWrapper.vue.cjs");module.exports=e;

package/cjs/lib/components/RadioButtonWrapperWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../../utils.cjs"),p=e.defineComponent({__name:"RadioButtonWrapperWrapper",props:{hideLabel:{default:!1},label:{default:""},message:{default:""},state:{default:"none"},theme:{default:"light"}},setup(r){const n=r,a=o.getPrefixedTagName("p-radio-button-wrapper"),t=e.ref();return e.onMounted(()=>{o.syncProperties(t.value,n)}),e.onUpdated(()=>{o.syncProperties(t.value,n)}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),o=require("../../utils.cjs"),p=e.defineComponent({__name:"RadioButtonWrapperWrapper",props:{hideLabel:{default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},state:{default:"none"},theme:{default:"light"}},setup(a){const n=a,r=o.getPrefixedTagName("p-radio-button-wrapper"),t=e.ref();return e.onMounted(()=>{o.syncProperties(t.value,n)}),e.onUpdated(()=>{o.syncProperties(t.value,n)}),(s,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(r)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/public-api.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@porsche-design-system/components-js"),_=require("./lib/components/AccordionWrapper.vue.cjs"),t=require("./lib/components/BannerWrapper.vue.cjs"),p=require("./lib/components/ButtonWrapper.vue.cjs"),u=require("./lib/components/ButtonGroupWrapper.vue.cjs"),s=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CarouselWrapper.vue.cjs"),n=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),c=require("./lib/components/ContentWrapperWrapper.vue.cjs"),o=require("./lib/components/CrestWrapper.vue.cjs"),l=require("./lib/components/DisplayWrapper.vue.cjs"),v=require("./lib/components/DividerWrapper.vue.cjs"),g=require("./lib/components/FieldsetWrapper.vue.cjs"),P=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),y=require("./lib/components/FlexWrapper.vue.cjs"),W=require("./lib/components/FlexItemWrapper.vue.cjs"),q=require("./lib/components/FlyoutWrapper.vue.cjs"),d=require("./lib/components/GridWrapper.vue.cjs"),T=require("./lib/components/GridItemWrapper.vue.cjs"),S=require("./lib/components/HeadingWrapper.vue.cjs"),m=require("./lib/components/HeadlineWrapper.vue.cjs"),b=require("./lib/components/IconWrapper.vue.cjs"),x=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/LinkWrapper.vue.cjs"),C=require("./lib/components/LinkPureWrapper.vue.cjs"),I=require("./lib/components/LinkSocialWrapper.vue.cjs"),M=require("./lib/components/LinkTileWrapper.vue.cjs"),k=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),H=require("./lib/components/MarqueWrapper.vue.cjs"),L=require("./lib/components/ModalWrapper.vue.cjs"),D=require("./lib/components/ModelSignatureWrapper.vue.cjs"),F=require("./lib/components/MultiSelectWrapper.vue.cjs"),h=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),R=require("./lib/components/PaginationWrapper.vue.cjs"),w=require("./lib/components/PopoverWrapper.vue.cjs"),G=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),f=require("./lib/components/ScrollerWrapper.vue.cjs"),z=require("./lib/components/SegmentedControlWrapper.vue.cjs"),O=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),j=require("./lib/components/SelectWrapperWrapper.vue.cjs"),A=require("./lib/components/SpinnerWrapper.vue.cjs"),N=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),J=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),E=require("./lib/components/SwitchWrapper.vue.cjs"),K=require("./lib/components/TableWrapper.vue.cjs"),Q=require("./lib/components/TableBodyWrapper.vue.cjs"),U=require("./lib/components/TableCellWrapper.vue.cjs"),V=require("./lib/components/TableHeadWrapper.vue.cjs"),X=require("./lib/components/TableHeadCellWrapper.vue.cjs"),Y=require("./lib/components/TableHeadRowWrapper.vue.cjs"),Z=require("./lib/components/TableRowWrapper.vue.cjs"),$=require("./lib/components/TabsWrapper.vue.cjs"),ee=require("./lib/components/TabsBarWrapper.vue.cjs"),re=require("./lib/components/TabsItemWrapper.vue.cjs"),_e=require("./lib/components/TagWrapper.vue.cjs"),te=require("./lib/components/TagDismissibleWrapper.vue.cjs"),pe=require("./lib/components/TextWrapper.vue.cjs"),ue=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),se=require("./lib/components/TextListWrapper.vue.cjs"),ie=require("./lib/components/TextListItemWrapper.vue.cjs"),ae=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),ne=require("./lib/components/ToastWrapper.vue.cjs"),ce=require("./lib/components/WordmarkWrapper.vue.cjs"),oe=require("./utils.cjs"),le=require("./PorscheDesignSystemProvider.vue.cjs"),e=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>r.componentsReady});exports.PAccordion=_;exports.PBanner=t;exports.PButton=p;exports.PButtonGroup=u;exports.PButtonPure=s;exports.PButtonTile=i;exports.PCarousel=a;exports.PCheckboxWrapper=n;exports.PContentWrapper=c;exports.PCrest=o;exports.PDisplay=l;exports.PDivider=v;exports.PFieldset=g;exports.PFieldsetWrapper=P;exports.PFlex=y;exports.PFlexItem=W;exports.PFlyout=q;exports.PGrid=d;exports.PGridItem=T;exports.PHeading=S;exports.PHeadline=m;exports.PIcon=b;exports.PInlineNotification=x;exports.PLink=B;exports.PLinkPure=C;exports.PLinkSocial=I;exports.PLinkTile=M;exports.PLinkTileModelSignature=k;exports.PMarque=H;exports.PModal=L;exports.PModelSignature=D;exports.PMultiSelect=F;exports.PMultiSelectOption=h;exports.PPagination=R;exports.PPopover=w;exports.PRadioButtonWrapper=G;exports.PScroller=f;exports.PSegmentedControl=z;exports.PSegmentedControlItem=O;exports.PSelectWrapper=j;exports.PSpinner=A;exports.PStepperHorizontal=N;exports.PStepperHorizontalItem=J;exports.PSwitch=E;exports.PTable=K;exports.PTableBody=Q;exports.PTableCell=U;exports.PTableHead=V;exports.PTableHeadCell=X;exports.PTableHeadRow=Y;exports.PTableRow=Z;exports.PTabs=$;exports.PTabsBar=ee;exports.PTabsItem=re;exports.PTag=_e;exports.PTagDismissible=te;exports.PText=pe;exports.PTextFieldWrapper=ue;exports.PTextList=se;exports.PTextListItem=ie;exports.PTextareaWrapper=ae;exports.PToast=ne;exports.PWordmark=ce;exports.useToastManager=oe.useToastManager;exports.PorscheDesignSystemProvider=le;exports.createPorscheDesignSystem=e.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=e.usePorscheDesignSystemPlugin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@porsche-design-system/components-js"),_=require("./lib/components/AccordionWrapper.vue.cjs"),t=require("./lib/components/BannerWrapper.vue.cjs"),p=require("./lib/components/ButtonWrapper.vue.cjs"),u=require("./lib/components/ButtonGroupWrapper.vue.cjs"),s=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CarouselWrapper.vue.cjs"),n=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),c=require("./lib/components/ContentWrapperWrapper.vue.cjs"),o=require("./lib/components/CrestWrapper.vue.cjs"),l=require("./lib/components/DisplayWrapper.vue.cjs"),v=require("./lib/components/DividerWrapper.vue.cjs"),g=require("./lib/components/FieldsetWrapper.vue.cjs"),P=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),y=require("./lib/components/FlexWrapper.vue.cjs"),W=require("./lib/components/FlexItemWrapper.vue.cjs"),q=require("./lib/components/FlyoutWrapper.vue.cjs"),d=require("./lib/components/GridWrapper.vue.cjs"),T=require("./lib/components/GridItemWrapper.vue.cjs"),S=require("./lib/components/HeadingWrapper.vue.cjs"),m=require("./lib/components/HeadlineWrapper.vue.cjs"),b=require("./lib/components/IconWrapper.vue.cjs"),C=require("./lib/components/InlineNotificationWrapper.vue.cjs"),x=require("./lib/components/LinkWrapper.vue.cjs"),B=require("./lib/components/LinkPureWrapper.vue.cjs"),I=require("./lib/components/LinkSocialWrapper.vue.cjs"),M=require("./lib/components/LinkTileWrapper.vue.cjs"),k=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),H=require("./lib/components/MarqueWrapper.vue.cjs"),L=require("./lib/components/ModalWrapper.vue.cjs"),D=require("./lib/components/ModelSignatureWrapper.vue.cjs"),F=require("./lib/components/MultiSelectWrapper.vue.cjs"),h=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),R=require("./lib/components/PaginationWrapper.vue.cjs"),w=require("./lib/components/PinCodeWrapper.vue.cjs"),G=require("./lib/components/PopoverWrapper.vue.cjs"),f=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),z=require("./lib/components/ScrollerWrapper.vue.cjs"),O=require("./lib/components/SegmentedControlWrapper.vue.cjs"),j=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),A=require("./lib/components/SelectWrapperWrapper.vue.cjs"),N=require("./lib/components/SpinnerWrapper.vue.cjs"),J=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),E=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),K=require("./lib/components/SwitchWrapper.vue.cjs"),Q=require("./lib/components/TableWrapper.vue.cjs"),U=require("./lib/components/TableBodyWrapper.vue.cjs"),V=require("./lib/components/TableCellWrapper.vue.cjs"),X=require("./lib/components/TableHeadWrapper.vue.cjs"),Y=require("./lib/components/TableHeadCellWrapper.vue.cjs"),Z=require("./lib/components/TableHeadRowWrapper.vue.cjs"),$=require("./lib/components/TableRowWrapper.vue.cjs"),ee=require("./lib/components/TabsWrapper.vue.cjs"),re=require("./lib/components/TabsBarWrapper.vue.cjs"),_e=require("./lib/components/TabsItemWrapper.vue.cjs"),te=require("./lib/components/TagWrapper.vue.cjs"),pe=require("./lib/components/TagDismissibleWrapper.vue.cjs"),ue=require("./lib/components/TextWrapper.vue.cjs"),se=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),ie=require("./lib/components/TextListWrapper.vue.cjs"),ae=require("./lib/components/TextListItemWrapper.vue.cjs"),ne=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),ce=require("./lib/components/ToastWrapper.vue.cjs"),oe=require("./lib/components/WordmarkWrapper.vue.cjs"),le=require("./utils.cjs"),ve=require("./PorscheDesignSystemProvider.vue.cjs"),e=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>r.componentsReady});exports.PAccordion=_;exports.PBanner=t;exports.PButton=p;exports.PButtonGroup=u;exports.PButtonPure=s;exports.PButtonTile=i;exports.PCarousel=a;exports.PCheckboxWrapper=n;exports.PContentWrapper=c;exports.PCrest=o;exports.PDisplay=l;exports.PDivider=v;exports.PFieldset=g;exports.PFieldsetWrapper=P;exports.PFlex=y;exports.PFlexItem=W;exports.PFlyout=q;exports.PGrid=d;exports.PGridItem=T;exports.PHeading=S;exports.PHeadline=m;exports.PIcon=b;exports.PInlineNotification=C;exports.PLink=x;exports.PLinkPure=B;exports.PLinkSocial=I;exports.PLinkTile=M;exports.PLinkTileModelSignature=k;exports.PMarque=H;exports.PModal=L;exports.PModelSignature=D;exports.PMultiSelect=F;exports.PMultiSelectOption=h;exports.PPagination=R;exports.PPinCode=w;exports.PPopover=G;exports.PRadioButtonWrapper=f;exports.PScroller=z;exports.PSegmentedControl=O;exports.PSegmentedControlItem=j;exports.PSelectWrapper=A;exports.PSpinner=N;exports.PStepperHorizontal=J;exports.PStepperHorizontalItem=E;exports.PSwitch=K;exports.PTable=Q;exports.PTableBody=U;exports.PTableCell=V;exports.PTableHead=X;exports.PTableHeadCell=Y;exports.PTableHeadRow=Z;exports.PTableRow=$;exports.PTabs=ee;exports.PTabsBar=re;exports.PTabsItem=_e;exports.PTag=te;exports.PTagDismissible=pe;exports.PText=ue;exports.PTextFieldWrapper=se;exports.PTextList=ie;exports.PTextListItem=ae;exports.PTextareaWrapper=ne;exports.PToast=ce;exports.PWordmark=oe;exports.useToastManager=le.useToastManager;exports.PorscheDesignSystemProvider=ve;exports.createPorscheDesignSystem=e.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=e.usePorscheDesignSystemPlugin;

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

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
 }>> & {
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     size: BreakpointCustomizable<"small" | "medium">;
     tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -9,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -69,7 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     heading: string;
     open: boolean;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     dismissButton: boolean;
     state: "warning" | "error" | "info" | "neutral";

package/esm/lib/components/ButtonPureWrapper.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     active: {
@@ -68,7 +68,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     active: {
@@ -106,7 +106,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     stretch: BreakpointCustomizable<boolean>;
     type: "button" | "reset" | "submit";
     size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     active: boolean;
     alignLabel: BreakpointCustomizable<"left" | "right">;
     disabled: boolean;

package/esm/lib/components/ButtonTileWrapper.vue.d.ts

@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     background: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradient: {
@@ -110,7 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     background: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradient: {
@@ -127,7 +127,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     loading: boolean;
     align: "top" | "bottom";
     aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
-    background: "light" | "dark";
+    background: "light" | "dark" | "auto";
     gradient: boolean;
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/ButtonWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     type: "button" | "reset" | "submit";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     icon: import("../types").LinkButtonIconName;

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -54,7 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -100,7 +100,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onUpdate?: ((value: CarouselUpdateEvent) => any) | undefined;
     onCarouselChange?: ((value: CarouselUpdateEvent) => any) | undefined;
 }, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     width: "extended" | "basic";
     activeSlideIndex: number;
     alignHeader: "center" | "left";

package/esm/lib/components/CheckboxWrapperWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;

package/esm/lib/components/ContentWrapperWrapper.vue.d.ts

@@ -1,7 +1,7 @@
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     width: {
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     width: {
@@ -26,7 +26,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     width: "extended" | "basic" | "fluid" | "narrow" | "full";
     backgroundColor: "default" | "transparent";
 }, {}>, {

package/esm/lib/components/DisplayWrapper.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     align: "center" | "left" | "right";
     color: "inherit" | "primary";
     ellipsis: boolean;

package/esm/lib/components/DividerWrapper.vue.d.ts

@@ -1,7 +1,7 @@
 import type { BreakpointCustomizable } from '../types';
 declare const _default: import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     direction: {
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     direction: {
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<BreakpointCustomizable<"horizontal" | "vertical">>;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     direction: BreakpointCustomizable<"horizontal" | "vertical">;
     color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
 }, {}>;

package/esm/lib/components/FieldsetWrapper.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     state: "none" | "success" | "error";
     required: boolean;
     message: string;

package/esm/lib/components/FieldsetWrapperWrapper.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     state: "none" | "success" | "error";
     required: boolean;
     message: string;

package/esm/lib/components/FlexItemWrapper.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     alignSelf: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
+        type: import("vue").PropType<BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
         default: string;
     };
     flex: {
@@ -31,7 +31,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     alignSelf: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
+        type: import("vue").PropType<BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
         default: string;
     };
     flex: {
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     width: BreakpointCustomizable<"auto" | "full" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;
-    alignSelf: BreakpointCustomizable<"center" | "auto" | "flex-start" | "flex-end" | "stretch" | "baseline">;
+    alignSelf: BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">;
     flex: BreakpointCustomizable<"none" | "auto" | "initial" | "equal">;
     grow: BreakpointCustomizable<0 | 1>;
     offset: BreakpointCustomizable<"none" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;

package/esm/lib/components/FlyoutWrapper.vue.d.ts

@@ -6,7 +6,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -39,7 +39,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onDismiss?: ((value?: void | undefined) => any) | undefined;
 }, {
     open: boolean;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     position: "left" | "right";
 }, {}>, {
     default?(_: {}): any;

package/esm/lib/components/HeadingWrapper.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -32,7 +32,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-large">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     align: "center" | "left" | "right";
     color: "inherit" | "primary";
     ellipsis: boolean;