@ptcwebops/ptcw-design 6.3.10 → 6.3.11-beta

package/dist/types/components.d.ts

@@ -172,6 +172,8 @@ export namespace Components {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -686,7 +688,7 @@ export namespace Components {
         "backgroundColor": 'white' | 'gray';
         "containerType": 'large' | 'none' | '';
         "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
-        "spacing": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';
+        "spacing": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
         "styles"?: string;
     }
     interface PtcCountdown {
@@ -818,6 +820,12 @@ export namespace Components {
         "restartQuizText"?: string;
         "startButtonText"?: string;
     }
+    interface PtcEnhancedProductListingCard {
+        /**
+          * PROPS
+         */
+        "cardIndex": number;
+    }
     interface PtcFeaturedList {
     }
     interface PtcFilterDropdown {
@@ -929,8 +937,6 @@ export namespace Components {
         "target": string;
         "trackerId"?: string;
     }
-    interface PtcIconCardSliderExample {
-    }
     interface PtcIconComponent {
     }
     interface PtcIconList {
@@ -943,6 +949,8 @@ export namespace Components {
           * List item type
          */
         "listType": 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
+        "noBottomSpace"?: boolean;
+        "styles"?: string;
         /**
           * List value text Example: up to
          */
@@ -1052,7 +1060,6 @@ export namespace Components {
         "isIframe"?: boolean;
         "isTransitioning": boolean;
         "jumbotronType": string;
-        "logo"?: string;
         "mainTitle": string;
         "pauseButtonTitle"?: string;
         "playButtonTitle"?: string;
@@ -1229,7 +1236,7 @@ export namespace Components {
          */
         "triggerName": string;
         /**
-          * Wheel Data (Mandatory) eg: data: [{ id: "1", value: "English" }],
+          * Wheel Data (Mandatory) eg: data: [{ id: "1", value: "附近" }],
          */
         "wheelData": string[];
     }
@@ -1263,6 +1270,7 @@ export namespace Components {
           * Set url for content iframe to load if false will load slot element
          */
         "iframeUrl": string;
+        "initialFocus"?: boolean;
         /**
           * Sets if popup is nio modal
          */
@@ -1293,7 +1301,7 @@ export namespace Components {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -1548,7 +1556,7 @@ export namespace Components {
         /**
           * Paragraph Color
          */
-        "paraColor": 'primary-grey' | 'white' | 'gray-darker';
+        "paraColor": 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -1712,6 +1720,7 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
+        "theme": 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2731,6 +2740,8 @@ export namespace Components {
     interface SequentialBundleExample {
         "isInteralCardsExpanded": boolean[];
     }
+    interface StorefrontEnhancedProductListExample {
+    }
     interface TabContent {
         "getChild": () => Promise<{ select: any; unselect: any; name: string; }>;
         "name": string;
@@ -2809,6 +2820,10 @@ export interface PtcEmbeddedQuizCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcEmbeddedQuizElement;
 }
+export interface PtcEnhancedProductListingCardCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcEnhancedProductListingCardElement;
+}
 export interface PtcFilterDropdownCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcFilterDropdownElement;
@@ -3100,6 +3115,12 @@ declare global {
         prototype: HTMLMaxWidthContainerElement;
         new (): HTMLMaxWidthContainerElement;
     };
+    interface HTMLModalFormExampleElement extends Components.ModalFormExample, HTMLStencilElement {
+    }
+    var HTMLModalFormExampleElement: {
+        prototype: HTMLModalFormExampleElement;
+        new (): HTMLModalFormExampleElement;
+    };
     interface HTMLMostPopularNewsElement extends Components.MostPopularNews, HTMLStencilElement {
     }
     var HTMLMostPopularNewsElement: {
@@ -3280,6 +3301,12 @@ declare global {
         prototype: HTMLPtcEmbeddedQuizElement;
         new (): HTMLPtcEmbeddedQuizElement;
     };
+    interface HTMLPtcEnhancedProductListingCardElement extends Components.PtcEnhancedProductListingCard, HTMLStencilElement {
+    }
+    var HTMLPtcEnhancedProductListingCardElement: {
+        prototype: HTMLPtcEnhancedProductListingCardElement;
+        new (): HTMLPtcEnhancedProductListingCardElement;
+    };
     interface HTMLPtcFeaturedListElement extends Components.PtcFeaturedList, HTMLStencilElement {
     }
     var HTMLPtcFeaturedListElement: {
@@ -3364,12 +3391,6 @@ declare global {
         prototype: HTMLPtcIconCardElement;
         new (): HTMLPtcIconCardElement;
     };
-    interface HTMLPtcIconCardSliderExampleElement extends Components.PtcIconCardSliderExample, HTMLStencilElement {
-    }
-    var HTMLPtcIconCardSliderExampleElement: {
-        prototype: HTMLPtcIconCardSliderExampleElement;
-        new (): HTMLPtcIconCardSliderExampleElement;
-    };
     interface HTMLPtcIconComponentElement extends Components.PtcIconComponent, HTMLStencilElement {
     }
     var HTMLPtcIconComponentElement: {
@@ -3964,6 +3985,12 @@ declare global {
         prototype: HTMLSequentialBundleExampleElement;
         new (): HTMLSequentialBundleExampleElement;
     };
+    interface HTMLStorefrontEnhancedProductListExampleElement extends Components.StorefrontEnhancedProductListExample, HTMLStencilElement {
+    }
+    var HTMLStorefrontEnhancedProductListExampleElement: {
+        prototype: HTMLStorefrontEnhancedProductListExampleElement;
+        new (): HTMLStorefrontEnhancedProductListExampleElement;
+    };
     interface HTMLTabContentElement extends Components.TabContent, HTMLStencilElement {
     }
     var HTMLTabContentElement: {
@@ -4004,6 +4031,7 @@ declare global {
         "jumbotron-sub-mune": HTMLJumbotronSubMuneElement;
         "list-item": HTMLListItemElement;
         "max-width-container": HTMLMaxWidthContainerElement;
+        "modal-form-example": HTMLModalFormExampleElement;
         "most-popular-news": HTMLMostPopularNewsElement;
         "my-component": HTMLMyComponentElement;
         "news-search-result": HTMLNewsSearchResultElement;
@@ -4034,6 +4062,7 @@ declare global {
         "ptc-dynamic-card": HTMLPtcDynamicCardElement;
         "ptc-ellipsis-dropdown": HTMLPtcEllipsisDropdownElement;
         "ptc-embedded-quiz": HTMLPtcEmbeddedQuizElement;
+        "ptc-enhanced-product-listing-card": HTMLPtcEnhancedProductListingCardElement;
         "ptc-featured-list": HTMLPtcFeaturedListElement;
         "ptc-filter-dropdown": HTMLPtcFilterDropdownElement;
         "ptc-filter-level-theater": HTMLPtcFilterLevelTheaterElement;
@@ -4048,7 +4077,6 @@ declare global {
         "ptc-homepage-image-feature": HTMLPtcHomepageImageFeatureElement;
         "ptc-homepage-video-background": HTMLPtcHomepageVideoBackgroundElement;
         "ptc-icon-card": HTMLPtcIconCardElement;
-        "ptc-icon-card-slider-example": HTMLPtcIconCardSliderExampleElement;
         "ptc-icon-component": HTMLPtcIconComponentElement;
         "ptc-icon-list": HTMLPtcIconListElement;
         "ptc-icon-minimize": HTMLPtcIconMinimizeElement;
@@ -4148,6 +4176,7 @@ declare global {
         "ptc-white-paper": HTMLPtcWhitePaperElement;
         "sequential-bundle": HTMLSequentialBundleElement;
         "sequential-bundle-example": HTMLSequentialBundleExampleElement;
+        "storefront-enhanced-product-list-example": HTMLStorefrontEnhancedProductListExampleElement;
         "tab-content": HTMLTabContentElement;
         "tab-header": HTMLTabHeaderElement;
     }
@@ -4324,6 +4353,8 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4856,7 +4887,7 @@ declare namespace LocalJSX {
         "backgroundColor"?: 'white' | 'gray';
         "containerType"?: 'large' | 'none' | '';
         "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
-        "spacing"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';
+        "spacing"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
         "styles"?: string;
     }
     interface PtcCountdown {
@@ -4989,6 +5020,16 @@ declare namespace LocalJSX {
         "restartQuizText"?: string;
         "startButtonText"?: string;
     }
+    interface PtcEnhancedProductListingCard {
+        /**
+          * PROPS
+         */
+        "cardIndex"?: number;
+        /**
+          * EVENTS
+         */
+        "onCtaFocussed"?: (event: PtcEnhancedProductListingCardCustomEvent<any>) => void;
+    }
     interface PtcFeaturedList {
     }
     interface PtcFilterDropdown {
@@ -5103,8 +5144,6 @@ declare namespace LocalJSX {
         "target"?: string;
         "trackerId"?: string;
     }
-    interface PtcIconCardSliderExample {
-    }
     interface PtcIconComponent {
     }
     interface PtcIconList {
@@ -5117,6 +5156,8 @@ declare namespace LocalJSX {
           * List item type
          */
         "listType"?: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list';
+        "noBottomSpace"?: boolean;
+        "styles"?: string;
         /**
           * List value text Example: up to
          */
@@ -5226,7 +5267,6 @@ declare namespace LocalJSX {
         "isIframe"?: boolean;
         "isTransitioning"?: boolean;
         "jumbotronType"?: string;
-        "logo"?: string;
         "mainTitle"?: string;
         "pauseButtonTitle"?: string;
         "playButtonTitle"?: string;
@@ -5404,7 +5444,7 @@ declare namespace LocalJSX {
          */
         "triggerName"?: string;
         /**
-          * Wheel Data (Mandatory) eg: data: [{ id: "1", value: "English" }],
+          * Wheel Data (Mandatory) eg: data: [{ id: "1", value: "附近" }],
          */
         "wheelData"?: string[];
     }
@@ -5437,6 +5477,7 @@ declare namespace LocalJSX {
           * Set url for content iframe to load if false will load slot element
          */
         "iframeUrl"?: string;
+        "initialFocus"?: boolean;
         /**
           * Sets if popup is nio modal
          */
@@ -5473,7 +5514,7 @@ declare namespace LocalJSX {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal';
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -5737,7 +5778,7 @@ declare namespace LocalJSX {
         /**
           * Paragraph Color
          */
-        "paraColor"?: 'primary-grey' | 'white' | 'gray-darker';
+        "paraColor"?: 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
@@ -5899,6 +5940,7 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
+        "theme"?: 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6940,6 +6982,8 @@ declare namespace LocalJSX {
     interface SequentialBundleExample {
         "isInteralCardsExpanded"?: boolean[];
     }
+    interface StorefrontEnhancedProductListExample {
+    }
     interface TabContent {
         "name"?: string;
     }
@@ -6980,6 +7024,7 @@ declare namespace LocalJSX {
         "jumbotron-sub-mune": JumbotronSubMune;
         "list-item": ListItem;
         "max-width-container": MaxWidthContainer;
+        "modal-form-example": ModalFormExample;
         "most-popular-news": MostPopularNews;
         "my-component": MyComponent;
         "news-search-result": NewsSearchResult;
@@ -7010,6 +7055,7 @@ declare namespace LocalJSX {
         "ptc-dynamic-card": PtcDynamicCard;
         "ptc-ellipsis-dropdown": PtcEllipsisDropdown;
         "ptc-embedded-quiz": PtcEmbeddedQuiz;
+        "ptc-enhanced-product-listing-card": PtcEnhancedProductListingCard;
         "ptc-featured-list": PtcFeaturedList;
         "ptc-filter-dropdown": PtcFilterDropdown;
         "ptc-filter-level-theater": PtcFilterLevelTheater;
@@ -7024,7 +7070,6 @@ declare namespace LocalJSX {
         "ptc-homepage-image-feature": PtcHomepageImageFeature;
         "ptc-homepage-video-background": PtcHomepageVideoBackground;
         "ptc-icon-card": PtcIconCard;
-        "ptc-icon-card-slider-example": PtcIconCardSliderExample;
         "ptc-icon-component": PtcIconComponent;
         "ptc-icon-list": PtcIconList;
         "ptc-icon-minimize": PtcIconMinimize;
@@ -7124,6 +7169,7 @@ declare namespace LocalJSX {
         "ptc-white-paper": PtcWhitePaper;
         "sequential-bundle": SequentialBundle;
         "sequential-bundle-example": SequentialBundleExample;
+        "storefront-enhanced-product-list-example": StorefrontEnhancedProductListExample;
         "tab-content": TabContent;
         "tab-header": TabHeader;
     }
@@ -7159,6 +7205,7 @@ declare module "@stencil/core" {
             "jumbotron-sub-mune": LocalJSX.JumbotronSubMune & JSXBase.HTMLAttributes<HTMLJumbotronSubMuneElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
+            "modal-form-example": LocalJSX.ModalFormExample & JSXBase.HTMLAttributes<HTMLModalFormExampleElement>;
             "most-popular-news": LocalJSX.MostPopularNews & JSXBase.HTMLAttributes<HTMLMostPopularNewsElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "news-search-result": LocalJSX.NewsSearchResult & JSXBase.HTMLAttributes<HTMLNewsSearchResultElement>;
@@ -7189,6 +7236,7 @@ declare module "@stencil/core" {
             "ptc-dynamic-card": LocalJSX.PtcDynamicCard & JSXBase.HTMLAttributes<HTMLPtcDynamicCardElement>;
             "ptc-ellipsis-dropdown": LocalJSX.PtcEllipsisDropdown & JSXBase.HTMLAttributes<HTMLPtcEllipsisDropdownElement>;
             "ptc-embedded-quiz": LocalJSX.PtcEmbeddedQuiz & JSXBase.HTMLAttributes<HTMLPtcEmbeddedQuizElement>;
+            "ptc-enhanced-product-listing-card": LocalJSX.PtcEnhancedProductListingCard & JSXBase.HTMLAttributes<HTMLPtcEnhancedProductListingCardElement>;
             "ptc-featured-list": LocalJSX.PtcFeaturedList & JSXBase.HTMLAttributes<HTMLPtcFeaturedListElement>;
             "ptc-filter-dropdown": LocalJSX.PtcFilterDropdown & JSXBase.HTMLAttributes<HTMLPtcFilterDropdownElement>;
             "ptc-filter-level-theater": LocalJSX.PtcFilterLevelTheater & JSXBase.HTMLAttributes<HTMLPtcFilterLevelTheaterElement>;
@@ -7203,7 +7251,6 @@ declare module "@stencil/core" {
             "ptc-homepage-image-feature": LocalJSX.PtcHomepageImageFeature & JSXBase.HTMLAttributes<HTMLPtcHomepageImageFeatureElement>;
             "ptc-homepage-video-background": LocalJSX.PtcHomepageVideoBackground & JSXBase.HTMLAttributes<HTMLPtcHomepageVideoBackgroundElement>;
             "ptc-icon-card": LocalJSX.PtcIconCard & JSXBase.HTMLAttributes<HTMLPtcIconCardElement>;
-            "ptc-icon-card-slider-example": LocalJSX.PtcIconCardSliderExample & JSXBase.HTMLAttributes<HTMLPtcIconCardSliderExampleElement>;
             "ptc-icon-component": LocalJSX.PtcIconComponent & JSXBase.HTMLAttributes<HTMLPtcIconComponentElement>;
             "ptc-icon-list": LocalJSX.PtcIconList & JSXBase.HTMLAttributes<HTMLPtcIconListElement>;
             "ptc-icon-minimize": LocalJSX.PtcIconMinimize & JSXBase.HTMLAttributes<HTMLPtcIconMinimizeElement>;
@@ -7303,6 +7350,7 @@ declare module "@stencil/core" {
             "ptc-white-paper": LocalJSX.PtcWhitePaper & JSXBase.HTMLAttributes<HTMLPtcWhitePaperElement>;
             "sequential-bundle": LocalJSX.SequentialBundle & JSXBase.HTMLAttributes<HTMLSequentialBundleElement>;
             "sequential-bundle-example": LocalJSX.SequentialBundleExample & JSXBase.HTMLAttributes<HTMLSequentialBundleExampleElement>;
+            "storefront-enhanced-product-list-example": LocalJSX.StorefrontEnhancedProductListExample & JSXBase.HTMLAttributes<HTMLStorefrontEnhancedProductListExampleElement>;
             "tab-content": LocalJSX.TabContent & JSXBase.HTMLAttributes<HTMLTabContentElement>;
             "tab-header": LocalJSX.TabHeader & JSXBase.HTMLAttributes<HTMLTabHeaderElement>;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "6.3.10",
+  "version": "6.3.11-beta",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "./dist/index.js",

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 6.3.10
+# PTC Design 6.3.11-beta
 
 The site is the place for documentation on PTC Design System
 
@@ -17,3 +17,7 @@ To build the site from the source, ensure you're using the most recent versions
 - puppeteer 10.0.0
 
 ## License
+
+## Release notes
+
+TODO: figure out how to do release notes with npm