@ptcwebops/ptcw-design 6.4.3-beta → 6.4.3

package/dist/types/components.d.ts

@@ -31,6 +31,15 @@ export namespace Components {
         "isIframe": boolean;
         "jumbotron": string;
     }
+    interface BuyingOptionCard {
+        "backgroundImage"?: string;
+        /**
+          * Pre-processed grayscale image (preferred method)
+         */
+        "grayscaleImage"?: string;
+    }
+    interface BuyingOptionCardsSlider {
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget": string | undefined;
@@ -106,6 +115,7 @@ export namespace Components {
 		| "light-gray"
 		| "primary-gray"
 		| "default"
+		| "disabled"
 		| "inherit";
         "focusOn"?: boolean;
         /**
@@ -198,8 +208,6 @@ export namespace Components {
          */
         "styles"?: string;
     }
-    interface ModalFormExample {
-    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -319,31 +327,31 @@ export namespace Components {
     }
     interface PtcBackgroundVideo {
         /**
-          * Play/Pause Button Location
+          * Pause Button Location
          */
         "buttonLocation"?: | "top-left"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-right"
-    | "allbp-bottom-right";
+		| "top-right"
+		| "bottom-left"
+		| "bottom-right"
+		| "allbp-bottom-right";
         /**
-          * Play/Pause tab index
+          * Play/Pause Index
          */
         "buttonTabIndex": number;
         /**
-          * Defer mounting until first user interaction
+          * delay loading of video to improve perfomance
          */
         "defer": boolean;
         /**
-          * Use iframe instead of <video>
+          * Is it a iframe?
          */
         "isIframe": boolean;
         /**
-          * Overlay (Optional, default true)
+          * Overlay(Optional, By default is true)
          */
         "overlay"?: boolean;
         /**
-          * Overlay type
+          * Overlay Type standard is gray gradient. dark is dark gradient
          */
         "overlayType": "standard" | "dark";
         /**
@@ -357,11 +365,11 @@ export namespace Components {
         "playButtonTitle"?: string;
         "playVideo": () => Promise<void>;
         /**
-          * Poster URL
+          * Poster url(Placeholder image till the video get the loaded)
          */
         "posterSrc"?: string;
         /**
-          * Analytics tracker id
+          * tracker Id
          */
         "trackerId"?: string;
         /**
@@ -369,7 +377,7 @@ export namespace Components {
          */
         "type": "default" | "legacy";
         /**
-          * Video or embed URL
+          * Video url
          */
         "videoSrc": string;
     }
@@ -1079,14 +1087,6 @@ export namespace Components {
 		| "radius-large-top"
 		| "radius-standard-top"
 		| "";
-        /**
-          * (optional) setTimeout delay fro Lazy loading
-         */
-        "delay": number;
-        /**
-          * (optional) enable lazy loading
-         */
-        "enableLazyLoad": boolean;
         /**
           * Image type
          */
@@ -1156,10 +1156,6 @@ export namespace Components {
           * delay loading of video to improve perfomance
          */
         "defer": boolean;
-        /**
-          * (optional) to enable lazy loading
-         */
-        "enableLazy": boolean;
         "gifSrc"?: string;
         "hasCountdown": boolean;
         "hasCtaSlot": boolean;
@@ -1429,7 +1425,6 @@ export namespace Components {
 		| "md"
 		| "lg"
 		| "xl"
-		| "fit-content"
 		| "max"
 		| "sm-modal";
         /**
@@ -1715,10 +1710,7 @@ export namespace Components {
         /**
           * Paragraph Color
          */
-        "paraColor": | "primary-grey"
-		| "primary-green"
-		| "white"
-		| "gray-darker";
+        "paraColor": "primary-grey" | "white" | "gray-darker";
         /**
           * line height
          */
@@ -1910,7 +1902,6 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
-        "theme": "standard" | "light";
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2313,29 +2304,29 @@ export namespace Components {
         /**
           * Title line height
          */
-        "titleHeight": | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
+        "titleHeight": | "densest"
+		| "denser"
+		| "dense"
+		| "normal"
+		| "loose"
+		| "looser"
 		| "paragraph";
         /**
           * Title Margin
          */
-        "titleMargin"?: | "margin-flush"
-		| "margin-top-3"
-		| "margin-top-4"
-		| "margin-top-5"
-		| "margin-top-6"
-		| "margin-bottom-3"
-		| "margin-bottom-4"
-		| "margin-bottom-5"
-		| "margin-bottom-6"
-		| "margin-3"
-		| "margin-4"
-		| "margin-5"
-		| "margin-6"
+        "titleMargin"?: | "margin-flush"
+		| "margin-top-3"
+		| "margin-top-4"
+		| "margin-top-5"
+		| "margin-top-6"
+		| "margin-bottom-3"
+		| "margin-bottom-4"
+		| "margin-bottom-5"
+		| "margin-bottom-6"
+		| "margin-3"
+		| "margin-4"
+		| "margin-5"
+		| "margin-6"
 		| "margin-9";
         /**
           * Title Shadow
@@ -2344,18 +2335,18 @@ export namespace Components {
         /**
           * Title size
          */
-        "titleSize": | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
+        "titleSize": | "xx-small"
+		| "x-small"
+		| "small"
+		| "medium"
+		| "large"
+		| "x-large"
+		| "xx-large"
+		| "xxx-large"
+		| "xxxx-large"
+		| "xxxx-large-allbp"
+		| "xx-large-allbp"
+		| "xxxx-large-desktop"
 		| "xxxx-large-store";
         /**
           * Title weight
@@ -2721,7 +2712,7 @@ export namespace Components {
           * Custom Validation - String
          */
         "customValidation": (
-		input: HTMLInputElement | HTMLTextAreaElement
+		input: HTMLInputElement | HTMLTextAreaElement,
 	) => string;
         /**
           * Disable the field
@@ -3334,6 +3325,18 @@ declare global {
         prototype: HTMLBundleJumbotronExampleElement;
         new (): HTMLBundleJumbotronExampleElement;
     };
+    interface HTMLBuyingOptionCardElement extends Components.BuyingOptionCard, HTMLStencilElement {
+    }
+    var HTMLBuyingOptionCardElement: {
+        prototype: HTMLBuyingOptionCardElement;
+        new (): HTMLBuyingOptionCardElement;
+    };
+    interface HTMLBuyingOptionCardsSliderElement extends Components.BuyingOptionCardsSlider, HTMLStencilElement {
+    }
+    var HTMLBuyingOptionCardsSliderElement: {
+        prototype: HTMLBuyingOptionCardsSliderElement;
+        new (): HTMLBuyingOptionCardsSliderElement;
+    };
     interface HTMLDropdownItemElement extends Components.DropdownItem, HTMLStencilElement {
     }
     var HTMLDropdownItemElement: {
@@ -3454,12 +3457,6 @@ 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: {
@@ -4368,6 +4365,8 @@ declare global {
         "blogs-search-section": HTMLBlogsSearchSectionElement;
         "bundle-example": HTMLBundleExampleElement;
         "bundle-jumbotron-example": HTMLBundleJumbotronExampleElement;
+        "buying-option-card": HTMLBuyingOptionCardElement;
+        "buying-option-cards-slider": HTMLBuyingOptionCardsSliderElement;
         "dropdown-item": HTMLDropdownItemElement;
         "dynamic-box-bundle": HTMLDynamicBoxBundleElement;
         "embedded-form": HTMLEmbeddedFormElement;
@@ -4388,7 +4387,6 @@ 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;
@@ -4566,6 +4564,15 @@ declare namespace LocalJSX {
         "isIframe"?: boolean;
         "jumbotron"?: string;
     }
+    interface BuyingOptionCard {
+        "backgroundImage"?: string;
+        /**
+          * Pre-processed grayscale image (preferred method)
+         */
+        "grayscaleImage"?: string;
+    }
+    interface BuyingOptionCardsSlider {
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget"?: string | undefined;
@@ -4645,6 +4652,7 @@ declare namespace LocalJSX {
 		| "light-gray"
 		| "primary-gray"
 		| "default"
+		| "disabled"
 		| "inherit";
         "focusOn"?: boolean;
         /**
@@ -4739,8 +4747,6 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
-    interface ModalFormExample {
-    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4868,31 +4874,31 @@ declare namespace LocalJSX {
     }
     interface PtcBackgroundVideo {
         /**
-          * Play/Pause Button Location
+          * Pause Button Location
          */
         "buttonLocation"?: | "top-left"
-    | "top-right"
-    | "bottom-left"
-    | "bottom-right"
-    | "allbp-bottom-right";
+		| "top-right"
+		| "bottom-left"
+		| "bottom-right"
+		| "allbp-bottom-right";
         /**
-          * Play/Pause tab index
+          * Play/Pause Index
          */
         "buttonTabIndex"?: number;
         /**
-          * Defer mounting until first user interaction
+          * delay loading of video to improve perfomance
          */
         "defer"?: boolean;
         /**
-          * Use iframe instead of <video>
+          * Is it a iframe?
          */
         "isIframe"?: boolean;
         /**
-          * Overlay (Optional, default true)
+          * Overlay(Optional, By default is true)
          */
         "overlay"?: boolean;
         /**
-          * Overlay type
+          * Overlay Type standard is gray gradient. dark is dark gradient
          */
         "overlayType"?: "standard" | "dark";
         /**
@@ -4904,11 +4910,11 @@ declare namespace LocalJSX {
          */
         "playButtonTitle"?: string;
         /**
-          * Poster URL
+          * Poster url(Placeholder image till the video get the loaded)
          */
         "posterSrc"?: string;
         /**
-          * Analytics tracker id
+          * tracker Id
          */
         "trackerId"?: string;
         /**
@@ -4916,7 +4922,7 @@ declare namespace LocalJSX {
          */
         "type"?: "default" | "legacy";
         /**
-          * Video or embed URL
+          * Video url
          */
         "videoSrc"?: string;
     }
@@ -5645,14 +5651,6 @@ declare namespace LocalJSX {
 		| "radius-large-top"
 		| "radius-standard-top"
 		| "";
-        /**
-          * (optional) setTimeout delay fro Lazy loading
-         */
-        "delay"?: number;
-        /**
-          * (optional) enable lazy loading
-         */
-        "enableLazyLoad"?: boolean;
         /**
           * Image type
          */
@@ -5723,10 +5721,6 @@ declare namespace LocalJSX {
           * delay loading of video to improve perfomance
          */
         "defer"?: boolean;
-        /**
-          * (optional) to enable lazy loading
-         */
-        "enableLazy"?: boolean;
         "gifSrc"?: string;
         "hasCountdown"?: boolean;
         "hasCtaSlot"?: boolean;
@@ -6002,7 +5996,6 @@ declare namespace LocalJSX {
 		| "md"
 		| "lg"
 		| "xl"
-		| "fit-content"
 		| "max"
 		| "sm-modal";
         /**
@@ -6297,10 +6290,7 @@ declare namespace LocalJSX {
         /**
           * Paragraph Color
          */
-        "paraColor"?: | "primary-grey"
-		| "primary-green"
-		| "white"
-		| "gray-darker";
+        "paraColor"?: "primary-grey" | "white" | "gray-darker";
         /**
           * line height
          */
@@ -6490,7 +6480,6 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
-        "theme"?: "standard" | "light";
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6915,29 +6904,29 @@ declare namespace LocalJSX {
         /**
           * Title line height
          */
-        "titleHeight"?: | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
+        "titleHeight"?: | "densest"
+		| "denser"
+		| "dense"
+		| "normal"
+		| "loose"
+		| "looser"
 		| "paragraph";
         /**
           * Title Margin
          */
-        "titleMargin"?: | "margin-flush"
-		| "margin-top-3"
-		| "margin-top-4"
-		| "margin-top-5"
-		| "margin-top-6"
-		| "margin-bottom-3"
-		| "margin-bottom-4"
-		| "margin-bottom-5"
-		| "margin-bottom-6"
-		| "margin-3"
-		| "margin-4"
-		| "margin-5"
-		| "margin-6"
+        "titleMargin"?: | "margin-flush"
+		| "margin-top-3"
+		| "margin-top-4"
+		| "margin-top-5"
+		| "margin-top-6"
+		| "margin-bottom-3"
+		| "margin-bottom-4"
+		| "margin-bottom-5"
+		| "margin-bottom-6"
+		| "margin-3"
+		| "margin-4"
+		| "margin-5"
+		| "margin-6"
 		| "margin-9";
         /**
           * Title Shadow
@@ -6946,18 +6935,18 @@ declare namespace LocalJSX {
         /**
           * Title size
          */
-        "titleSize"?: | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
+        "titleSize"?: | "xx-small"
+		| "x-small"
+		| "small"
+		| "medium"
+		| "large"
+		| "x-large"
+		| "xx-large"
+		| "xxx-large"
+		| "xxxx-large"
+		| "xxxx-large-allbp"
+		| "xx-large-allbp"
+		| "xxxx-large-desktop"
 		| "xxxx-large-store";
         /**
           * Title weight
@@ -7324,7 +7313,7 @@ declare namespace LocalJSX {
           * Custom Validation - String
          */
         "customValidation"?: (
-		input: HTMLInputElement | HTMLTextAreaElement
+		input: HTMLInputElement | HTMLTextAreaElement,
 	) => string;
         /**
           * Disable the field
@@ -7699,6 +7688,8 @@ declare namespace LocalJSX {
         "blogs-search-section": BlogsSearchSection;
         "bundle-example": BundleExample;
         "bundle-jumbotron-example": BundleJumbotronExample;
+        "buying-option-card": BuyingOptionCard;
+        "buying-option-cards-slider": BuyingOptionCardsSlider;
         "dropdown-item": DropdownItem;
         "dynamic-box-bundle": DynamicBoxBundle;
         "embedded-form": EmbeddedForm;
@@ -7719,7 +7710,6 @@ 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;
@@ -7883,6 +7873,8 @@ declare module "@stencil/core" {
             "blogs-search-section": LocalJSX.BlogsSearchSection & JSXBase.HTMLAttributes<HTMLBlogsSearchSectionElement>;
             "bundle-example": LocalJSX.BundleExample & JSXBase.HTMLAttributes<HTMLBundleExampleElement>;
             "bundle-jumbotron-example": LocalJSX.BundleJumbotronExample & JSXBase.HTMLAttributes<HTMLBundleJumbotronExampleElement>;
+            "buying-option-card": LocalJSX.BuyingOptionCard & JSXBase.HTMLAttributes<HTMLBuyingOptionCardElement>;
+            "buying-option-cards-slider": LocalJSX.BuyingOptionCardsSlider & JSXBase.HTMLAttributes<HTMLBuyingOptionCardsSliderElement>;
             "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "dynamic-box-bundle": LocalJSX.DynamicBoxBundle & JSXBase.HTMLAttributes<HTMLDynamicBoxBundleElement>;
             "embedded-form": LocalJSX.EmbeddedForm & JSXBase.HTMLAttributes<HTMLEmbeddedFormElement>;
@@ -7903,7 +7895,6 @@ 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>;

package/dist/types/utils/utils.d.ts

@@ -26,5 +26,3 @@ export declare class PreloaderDependency {
   reject: () => any;
 }
 export declare function CheckDarkFocusState(context: any, el: HTMLElement, classList?: string): void;
-export declare function isReducedMotion(): boolean;
-export declare function onReducedMotionChange(cb: (reduced: boolean) => void): () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "6.4.3-beta",
+  "version": "6.4.3",
   "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.4.3-beta
+# PTC Design 6.4.3
 
 The site is the place for documentation on PTC Design System
 
@@ -17,7 +17,3 @@ 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