@ptcwebops/ptcw-design 0.9.2 → 0.9.4

package/dist/types/components.d.ts

@@ -226,15 +226,15 @@ export namespace Components {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType": | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
+        "cardType": | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
     | 'case-studies-card';
         /**
           * Event Type
@@ -289,7 +289,7 @@ export namespace Components {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
         "removeInlineHeight": () => Promise<void>;
         "setHeight": (height: number) => Promise<void>;
@@ -499,6 +499,10 @@ export namespace Components {
           * Font Size
          */
         "fontSize": 'small' | 'medium' | 'large' | 'medium-large';
+        /**
+          * Font Weight
+         */
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -651,6 +655,40 @@ export namespace Components {
          */
         "size"?: 'sm' | 'md' | 'lg' | 'xl';
     }
+    interface PtcNavCard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Link URL Alt text(Optional)
+         */
+        "cardHrefAlt"?: string;
+        /**
+          * If this card has Image
+         */
+        "cardLogo"?: string;
+        /**
+          * Card Type Specify Card Type
+         */
+        "cardType": 'media-card' | 'links-card' | 'cta-card';
+        /**
+          * Card description
+         */
+        "description"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -659,21 +697,21 @@ export namespace Components {
         /**
           * Filter Color
          */
-        "filterColor": | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor": | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -725,24 +763,24 @@ export namespace Components {
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: | 'margin-flush'
-    | 'maring-top-1'
-    | 'margin-top-2'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-1'
-    | 'margin-bottom-2'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-1'
-    | 'margin-2'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "paraMargin"?: | 'margin-flush'
+    | 'maring-top-1'
+    | 'margin-top-2'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-1'
+    | 'margin-bottom-2'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-1'
+    | 'margin-2'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Paragraph Style
@@ -824,10 +862,18 @@ export namespace Components {
         "text": string | undefined;
     }
     interface PtcPricingBlock {
-        "active": "active";
+        "active": boolean;
         "optionClicked": boolean;
     }
-    interface PtcPricingOptionsComponent {
+    interface PtcPricingTabs {
+        /**
+          * Header of the pricing block
+         */
+        "header": string;
+        /**
+          * Sub title tag the shows in top left corner
+         */
+        "productTag": string;
     }
     interface PtcQuote {
         /**
@@ -1058,18 +1104,18 @@ export namespace Components {
         /**
           * 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'
+        "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';
         /**
           * Title Shadow
@@ -1195,6 +1241,10 @@ export interface PtcPagenationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcPagenationElement;
 }
+export interface PtcPricingTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcPricingTabsElement;
+}
 export interface PtcSearchFieldCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcSearchFieldElement;
@@ -1430,6 +1480,12 @@ declare global {
         prototype: HTMLPtcModalElement;
         new (): HTMLPtcModalElement;
     };
+    interface HTMLPtcNavCardElement extends Components.PtcNavCard, HTMLStencilElement {
+    }
+    var HTMLPtcNavCardElement: {
+        prototype: HTMLPtcNavCardElement;
+        new (): HTMLPtcNavCardElement;
+    };
     interface HTMLPtcOverlayElement extends Components.PtcOverlay, HTMLStencilElement {
     }
     var HTMLPtcOverlayElement: {
@@ -1466,11 +1522,11 @@ declare global {
         prototype: HTMLPtcPricingBlockElement;
         new (): HTMLPtcPricingBlockElement;
     };
-    interface HTMLPtcPricingOptionsComponentElement extends Components.PtcPricingOptionsComponent, HTMLStencilElement {
+    interface HTMLPtcPricingTabsElement extends Components.PtcPricingTabs, HTMLStencilElement {
     }
-    var HTMLPtcPricingOptionsComponentElement: {
-        prototype: HTMLPtcPricingOptionsComponentElement;
-        new (): HTMLPtcPricingOptionsComponentElement;
+    var HTMLPtcPricingTabsElement: {
+        prototype: HTMLPtcPricingTabsElement;
+        new (): HTMLPtcPricingTabsElement;
     };
     interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
     }
@@ -1630,13 +1686,14 @@ declare global {
         "ptc-minimized-header": HTMLPtcMinimizedHeaderElement;
         "ptc-mobile-select": HTMLPtcMobileSelectElement;
         "ptc-modal": HTMLPtcModalElement;
+        "ptc-nav-card": HTMLPtcNavCardElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-pagenation": HTMLPtcPagenationElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
         "ptc-previous-url": HTMLPtcPreviousUrlElement;
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
-        "ptc-pricing-options-component": HTMLPtcPricingOptionsComponentElement;
+        "ptc-pricing-tabs": HTMLPtcPricingTabsElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-readmore": HTMLPtcReadmoreElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
@@ -1892,15 +1949,15 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type, default to simple card
          */
-        "cardType"?: | 'simple-card'
-    | 'lottie-card'
-    | 'custom-card'
-    | 'clip-edge-card'
-    | 'hightlight-card'
-    | 'listing-card'
-    | 'horizontal-card'
-    | 'listing-card-horizontal'
-    | 'resource-center-card'
+        "cardType"?: | 'simple-card'
+    | 'lottie-card'
+    | 'custom-card'
+    | 'clip-edge-card'
+    | 'hightlight-card'
+    | 'listing-card'
+    | 'horizontal-card'
+    | 'listing-card-horizontal'
+    | 'resource-center-card'
     | 'case-studies-card';
         /**
           * Event Type
@@ -1957,7 +2014,7 @@ declare namespace LocalJSX {
         "styles"?: string;
     }
     interface PtcCardContent {
-        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined';
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined' | 'thumbnail-video-preview';
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
@@ -2177,6 +2234,10 @@ declare namespace LocalJSX {
           * Font Size
          */
         "fontSize"?: 'small' | 'medium' | 'large' | 'medium-large';
+        /**
+          * Font Weight
+         */
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -2337,6 +2398,40 @@ declare namespace LocalJSX {
          */
         "size"?: 'sm' | 'md' | 'lg' | 'xl';
     }
+    interface PtcNavCard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Link URL Alt text(Optional)
+         */
+        "cardHrefAlt"?: string;
+        /**
+          * If this card has Image
+         */
+        "cardLogo"?: string;
+        /**
+          * Card Type Specify Card Type
+         */
+        "cardType"?: 'media-card' | 'links-card' | 'cta-card';
+        /**
+          * Card description
+         */
+        "description"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
         /**
           * Overlay border shape
@@ -2345,21 +2440,21 @@ declare namespace LocalJSX {
         /**
           * Filter Color
          */
-        "filterColor"?: | 'blue'
-    | 'red'
-    | 'orange'
-    | 'green'
-    | 'black-1'
-    | 'black-2'
-    | 'black-3'
-    | 'black-4'
-    | 'black-5'
-    | 'slate-grey'
-    | 'bright-blue'
-    | 'bright-red'
-    | 'bright-orange'
-    | 'bright-green'
-    | 'bright-slate-grey'
+        "filterColor"?: | 'blue'
+    | 'red'
+    | 'orange'
+    | 'green'
+    | 'black-1'
+    | 'black-2'
+    | 'black-3'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
     | string;
         /**
           * Overlay z-index
@@ -2411,24 +2506,24 @@ declare namespace LocalJSX {
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: | 'margin-flush'
-    | 'maring-top-1'
-    | 'margin-top-2'
-    | 'margin-top-3'
-    | 'margin-top-4'
-    | 'margin-top-5'
-    | 'margin-top-6'
-    | 'margin-bottom-1'
-    | 'margin-bottom-2'
-    | 'margin-bottom-3'
-    | 'margin-bottom-4'
-    | 'margin-bottom-5'
-    | 'margin-bottom-6'
-    | 'margin-1'
-    | 'margin-2'
-    | 'margin-3'
-    | 'margin-4'
-    | 'margin-5'
+        "paraMargin"?: | 'margin-flush'
+    | 'maring-top-1'
+    | 'margin-top-2'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-1'
+    | 'margin-bottom-2'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-1'
+    | 'margin-2'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
     | 'margin-6';
         /**
           * Paragraph Style
@@ -2510,10 +2605,19 @@ declare namespace LocalJSX {
         "text"?: string | undefined;
     }
     interface PtcPricingBlock {
-        "active"?: "active";
+        "active"?: boolean;
         "optionClicked"?: boolean;
     }
-    interface PtcPricingOptionsComponent {
+    interface PtcPricingTabs {
+        /**
+          * Header of the pricing block
+         */
+        "header"?: string;
+        "onTabChanged"?: (event: PtcPricingTabsCustomEvent<any>) => void;
+        /**
+          * Sub title tag the shows in top left corner
+         */
+        "productTag"?: string;
     }
     interface PtcQuote {
         /**
@@ -2746,18 +2850,18 @@ declare namespace LocalJSX {
         /**
           * 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'
+        "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';
         /**
           * Title Shadow
@@ -2867,13 +2971,14 @@ declare namespace LocalJSX {
         "ptc-minimized-header": PtcMinimizedHeader;
         "ptc-mobile-select": PtcMobileSelect;
         "ptc-modal": PtcModal;
+        "ptc-nav-card": PtcNavCard;
         "ptc-overlay": PtcOverlay;
         "ptc-pagenation": PtcPagenation;
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
         "ptc-previous-url": PtcPreviousUrl;
         "ptc-pricing-block": PtcPricingBlock;
-        "ptc-pricing-options-component": PtcPricingOptionsComponent;
+        "ptc-pricing-tabs": PtcPricingTabs;
         "ptc-quote": PtcQuote;
         "ptc-readmore": PtcReadmore;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
@@ -2937,13 +3042,14 @@ declare module "@stencil/core" {
             "ptc-minimized-header": LocalJSX.PtcMinimizedHeader & JSXBase.HTMLAttributes<HTMLPtcMinimizedHeaderElement>;
             "ptc-mobile-select": LocalJSX.PtcMobileSelect & JSXBase.HTMLAttributes<HTMLPtcMobileSelectElement>;
             "ptc-modal": LocalJSX.PtcModal & JSXBase.HTMLAttributes<HTMLPtcModalElement>;
+            "ptc-nav-card": LocalJSX.PtcNavCard & JSXBase.HTMLAttributes<HTMLPtcNavCardElement>;
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-pagenation": LocalJSX.PtcPagenation & JSXBase.HTMLAttributes<HTMLPtcPagenationElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;
             "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
             "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
-            "ptc-pricing-options-component": LocalJSX.PtcPricingOptionsComponent & JSXBase.HTMLAttributes<HTMLPtcPricingOptionsComponentElement>;
+            "ptc-pricing-tabs": LocalJSX.PtcPricingTabs & JSXBase.HTMLAttributes<HTMLPtcPricingTabsElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;