@porsche-design-system/components-react 2.16.3-rc.0 → 2.17.0-rc.0

package/CHANGELOG.md

@@ -9,6 +9,22 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [2.17.0-rc.0] - 2022-10-31
+
+#### Added
+
+- `Link Tile`
+
+#### Fixed
+
+- `Scroller` bug where scrollable content was not fully hidden by the gradient, when zoomed into the page.
+
+#### Changed
+
+- Removed `!important` keyword from css property `display` of `Link Pure` and `Button Pure`
+
+### [2.16.3] - 2022-10-21
+
 ### [2.16.3-rc.0] - 2022-10-21
 
 #### Fixed

package/LICENSE

@@ -25,10 +25,10 @@ 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. Shopify reserves all rights not expressly granted to you.
+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 Shopify 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.
+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.
@@ -51,7 +51,7 @@ The failure of either party to insist upon or enforce strict performance by the
 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. Shopify 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 Shopify’s prior written consent, to be given or withheld in Shopify’s sole discretion.
+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.

package/esm/public-api.js

@@ -6,14 +6,12 @@ import { createContext, useEffect, useContext, useRef, useMemo, useLayoutEffect,
 // to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
 const PorscheDesignSystemContext = createContext({
     prefix: undefined,
-    usesSkeletons: undefined,
 });
-const hasSkeleton = () => typeof window !== 'undefined' && !!document.querySelector('style[uses-skeleton]');
-const PorscheDesignSystemProvider = ({ prefix = '', usesSkeletons = hasSkeleton(), ...props }) => {
+const PorscheDesignSystemProvider = ({ prefix = '', ...props }) => {
     useEffect(() => {
         load({ prefix });
     }, [prefix]);
-    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix, usesSkeletons }, ...props });
+    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
 };
 
 const splitToArray =  (str) => str.split(' ').filter((str) => str);
@@ -423,6 +421,22 @@ const PLinkSocial = /*#__PURE__*/ forwardRef(({ hideLabel = false, href, icon, i
     return jsx(Tag, { ...props });
 });
 
+const PLinkTile = /*#__PURE__*/ forwardRef(({ align = 'bottom', aria, aspectRatio = '4:3', compact = false, description, download, gradient = true, href, label, rel, size = 'default', target = '_self', weight = 'semibold', className, ...rest }, ref) => {
+    const elementRef = useRef();
+    const Tag = usePrefix('p-link-tile');
+    const propsToSync = [align, aria, aspectRatio, compact, description, download, gradient, href, label, rel, size, target, weight];
+    useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['align', 'aria', 'aspectRatio', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: useMergedClass(elementRef, className),
+        ref: syncRef(elementRef, ref)
+    };
+    return jsx(Tag, { ...props });
+});
+
 const PMarque = /*#__PURE__*/ forwardRef(({ aria, href, size = 'responsive', target = '_self', trademark = true, className, ...rest }, ref) => {
     const elementRef = useRef();
     const Tag = usePrefix('p-marque');
@@ -895,4 +909,4 @@ const PToast = /*#__PURE__*/ forwardRef(({ theme = 'light', className, ...rest }
     return jsx(Tag, { ...props });
 });
 
-export { PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCarousel, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PorscheDesignSystemProvider, skipCheckForPorscheDesignSystemProviderDuringTests, skipPorscheDesignSystemCDNRequestsDuringTests, useToastManager };
+export { PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PCarousel, PCheckboxWrapper, PContentWrapper, PDivider, PFieldsetWrapper, PFlex, PFlexItem, PGrid, PGridItem, PHeadline, PIcon, PInlineNotification, PLink, PLinkPure, PLinkSocial, PLinkTile, PMarque, PModal, PPagination, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelectWrapper, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextareaWrapper, PToast, PorscheDesignSystemProvider, skipCheckForPorscheDesignSystemProviderDuringTests, skipPorscheDesignSystemCDNRequestsDuringTests, useToastManager };

package/hooks.d.ts

@@ -7,7 +7,6 @@ import type { ToastMessage } from './lib/types';
  */
 export declare const skipCheckForPorscheDesignSystemProviderDuringTests: () => void;
 export declare const usePrefix: (tagName: string) => string;
-export declare const useSkeleton: () => boolean;
 export declare const useEventCallback: (ref: MutableRefObject<HTMLElement>, eventName: string, eventHandler: (e: Event) => void) => void;
 export declare const useMergedClass: (ref: MutableRefObject<HTMLElement>, className: string) => string;
 export declare const useBrowserLayoutEffect: typeof useEffect;