@ptcwebops/ptcw-design 0.8.8 → 0.8.9

package/dist/types/components.d.ts

@@ -159,10 +159,14 @@ export namespace Components {
     interface PtcBreadcrumb {
     }
     interface PtcButton {
+        /**
+          * Active Toggle button
+         */
+        "active"?: boolean;
         /**
           * Button theme color
          */
-        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary'| 'ptc-tertiary' | 'ptc-quaternary';
+        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary'| 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle';
         /**
           * Disabled button
          */
@@ -220,15 +224,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
@@ -372,7 +376,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'sort';
+        "theme": 'sort' | 'support';
     }
     interface PtcDynamicCard {
         /**
@@ -653,21 +657,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
@@ -719,24 +723,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
@@ -819,6 +823,9 @@ export namespace Components {
     }
     interface PtcPricingBlock {
         "active": "active";
+        "optionClicked": boolean;
+    }
+    interface PtcPricingOptionsComponent {
     }
     interface PtcQuote {
         /**
@@ -894,6 +901,10 @@ export namespace Components {
     }
     interface PtcResponsiveWrapper {
     }
+    interface PtcSearchField {
+        "placeholderLabel": string;
+        "textValue": string;
+    }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "color": 'black' | 'white';
@@ -961,7 +972,21 @@ export namespace Components {
          */
         "svgName"?: string;
     }
+    interface PtcTab {
+        "active": boolean;
+        "disabled": boolean;
+        "label": string;
+        "optionClicked": boolean;
+        "price": string;
+    }
     interface PtcTabList {
+        /**
+          * Tab Type
+         */
+        "type"?: 'default' | 'tab-with-banner';
+    }
+    interface PtcTabs {
+        "openTab": (index: number) => Promise<void>;
     }
     interface PtcTextCopyWithBackground {
         /**
@@ -1022,18 +1047,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
@@ -1065,6 +1090,10 @@ export namespace Components {
           * max length
          */
         "maxLength": number;
+        /**
+          * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
+         */
+        "mode": 'wrapper' | 'text-only';
         /**
           * Tooltip position
          */
@@ -1155,6 +1184,14 @@ export interface PtcPagenationCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcPagenationElement;
 }
+export interface PtcSearchFieldCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcSearchFieldElement;
+}
+export interface PtcTabsCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLPtcTabsElement;
+}
 export interface TabHeaderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLTabHeaderElement;
@@ -1412,6 +1449,12 @@ declare global {
         prototype: HTMLPtcPricingBlockElement;
         new (): HTMLPtcPricingBlockElement;
     };
+    interface HTMLPtcPricingOptionsComponentElement extends Components.PtcPricingOptionsComponent, HTMLStencilElement {
+    }
+    var HTMLPtcPricingOptionsComponentElement: {
+        prototype: HTMLPtcPricingOptionsComponentElement;
+        new (): HTMLPtcPricingOptionsComponentElement;
+    };
     interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
     }
     var HTMLPtcQuoteElement: {
@@ -1430,6 +1473,12 @@ declare global {
         prototype: HTMLPtcResponsiveWrapperElement;
         new (): HTMLPtcResponsiveWrapperElement;
     };
+    interface HTMLPtcSearchFieldElement extends Components.PtcSearchField, HTMLStencilElement {
+    }
+    var HTMLPtcSearchFieldElement: {
+        prototype: HTMLPtcSearchFieldElement;
+        new (): HTMLPtcSearchFieldElement;
+    };
     interface HTMLPtcShoppingCartElement extends Components.PtcShoppingCart, HTMLStencilElement {
     }
     var HTMLPtcShoppingCartElement: {
@@ -1466,12 +1515,24 @@ declare global {
         prototype: HTMLPtcSvgBtnElement;
         new (): HTMLPtcSvgBtnElement;
     };
+    interface HTMLPtcTabElement extends Components.PtcTab, HTMLStencilElement {
+    }
+    var HTMLPtcTabElement: {
+        prototype: HTMLPtcTabElement;
+        new (): HTMLPtcTabElement;
+    };
     interface HTMLPtcTabListElement extends Components.PtcTabList, HTMLStencilElement {
     }
     var HTMLPtcTabListElement: {
         prototype: HTMLPtcTabListElement;
         new (): HTMLPtcTabListElement;
     };
+    interface HTMLPtcTabsElement extends Components.PtcTabs, HTMLStencilElement {
+    }
+    var HTMLPtcTabsElement: {
+        prototype: HTMLPtcTabsElement;
+        new (): HTMLPtcTabsElement;
+    };
     interface HTMLPtcTextCopyWithBackgroundElement extends Components.PtcTextCopyWithBackground, HTMLStencilElement {
     }
     var HTMLPtcTextCopyWithBackgroundElement: {
@@ -1551,16 +1612,20 @@ declare global {
         "ptc-picture": HTMLPtcPictureElement;
         "ptc-previous-url": HTMLPtcPreviousUrlElement;
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
+        "ptc-pricing-options-component": HTMLPtcPricingOptionsComponentElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-readmore": HTMLPtcReadmoreElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
+        "ptc-search-field": HTMLPtcSearchFieldElement;
         "ptc-shopping-cart": HTMLPtcShoppingCartElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
         "ptc-spacer": HTMLPtcSpacerElement;
         "ptc-span": HTMLPtcSpanElement;
         "ptc-sticky-icons": HTMLPtcStickyIconsElement;
         "ptc-svg-btn": HTMLPtcSvgBtnElement;
+        "ptc-tab": HTMLPtcTabElement;
         "ptc-tab-list": HTMLPtcTabListElement;
+        "ptc-tabs": HTMLPtcTabsElement;
         "ptc-text-copy-with-background": HTMLPtcTextCopyWithBackgroundElement;
         "ptc-title": HTMLPtcTitleElement;
         "ptc-tooltip": HTMLPtcTooltipElement;
@@ -1731,10 +1796,14 @@ declare namespace LocalJSX {
     interface PtcBreadcrumb {
     }
     interface PtcButton {
+        /**
+          * Active Toggle button
+         */
+        "active"?: boolean;
         /**
           * Button theme color
          */
-        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary'| 'ptc-tertiary' | 'ptc-quaternary';
+        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary'| 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle';
         /**
           * Disabled button
          */
@@ -1796,15 +1865,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
@@ -1959,7 +2028,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'sort';
+        "theme"?: 'sort' | 'support';
     }
     interface PtcDynamicCard {
         /**
@@ -2249,21 +2318,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
@@ -2315,24 +2384,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
@@ -2415,6 +2484,9 @@ declare namespace LocalJSX {
     }
     interface PtcPricingBlock {
         "active"?: "active";
+        "optionClicked"?: boolean;
+    }
+    interface PtcPricingOptionsComponent {
     }
     interface PtcQuote {
         /**
@@ -2490,6 +2562,12 @@ declare namespace LocalJSX {
     }
     interface PtcResponsiveWrapper {
     }
+    interface PtcSearchField {
+        "onClickEvent"?: (event: PtcSearchFieldCustomEvent<MouseEvent>) => void;
+        "onValueChanged"?: (event: PtcSearchFieldCustomEvent<InputEvent>) => void;
+        "placeholderLabel"?: string;
+        "textValue"?: string;
+    }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "color"?: 'black' | 'white';
@@ -2557,7 +2635,21 @@ declare namespace LocalJSX {
          */
         "svgName"?: string;
     }
+    interface PtcTab {
+        "active"?: boolean;
+        "disabled"?: boolean;
+        "label"?: string;
+        "optionClicked"?: boolean;
+        "price"?: string;
+    }
     interface PtcTabList {
+        /**
+          * Tab Type
+         */
+        "type"?: 'default' | 'tab-with-banner';
+    }
+    interface PtcTabs {
+        "onTabChange"?: (event: PtcTabsCustomEvent<any>) => void;
     }
     interface PtcTextCopyWithBackground {
         /**
@@ -2618,18 +2710,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
@@ -2661,6 +2753,10 @@ declare namespace LocalJSX {
           * max length
          */
         "maxLength"?: number;
+        /**
+          * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
+         */
+        "mode"?: 'wrapper' | 'text-only';
         /**
           * Tooltip position
          */
@@ -2740,16 +2836,20 @@ declare namespace LocalJSX {
         "ptc-picture": PtcPicture;
         "ptc-previous-url": PtcPreviousUrl;
         "ptc-pricing-block": PtcPricingBlock;
+        "ptc-pricing-options-component": PtcPricingOptionsComponent;
         "ptc-quote": PtcQuote;
         "ptc-readmore": PtcReadmore;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
+        "ptc-search-field": PtcSearchField;
         "ptc-shopping-cart": PtcShoppingCart;
         "ptc-social-share": PtcSocialShare;
         "ptc-spacer": PtcSpacer;
         "ptc-span": PtcSpan;
         "ptc-sticky-icons": PtcStickyIcons;
         "ptc-svg-btn": PtcSvgBtn;
+        "ptc-tab": PtcTab;
         "ptc-tab-list": PtcTabList;
+        "ptc-tabs": PtcTabs;
         "ptc-text-copy-with-background": PtcTextCopyWithBackground;
         "ptc-title": PtcTitle;
         "ptc-tooltip": PtcTooltip;
@@ -2804,16 +2904,20 @@ declare module "@stencil/core" {
             "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-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-readmore": LocalJSX.PtcReadmore & JSXBase.HTMLAttributes<HTMLPtcReadmoreElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
+            "ptc-search-field": LocalJSX.PtcSearchField & JSXBase.HTMLAttributes<HTMLPtcSearchFieldElement>;
             "ptc-shopping-cart": LocalJSX.PtcShoppingCart & JSXBase.HTMLAttributes<HTMLPtcShoppingCartElement>;
             "ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;
             "ptc-spacer": LocalJSX.PtcSpacer & JSXBase.HTMLAttributes<HTMLPtcSpacerElement>;
             "ptc-span": LocalJSX.PtcSpan & JSXBase.HTMLAttributes<HTMLPtcSpanElement>;
             "ptc-sticky-icons": LocalJSX.PtcStickyIcons & JSXBase.HTMLAttributes<HTMLPtcStickyIconsElement>;
             "ptc-svg-btn": LocalJSX.PtcSvgBtn & JSXBase.HTMLAttributes<HTMLPtcSvgBtnElement>;
+            "ptc-tab": LocalJSX.PtcTab & JSXBase.HTMLAttributes<HTMLPtcTabElement>;
             "ptc-tab-list": LocalJSX.PtcTabList & JSXBase.HTMLAttributes<HTMLPtcTabListElement>;
+            "ptc-tabs": LocalJSX.PtcTabs & JSXBase.HTMLAttributes<HTMLPtcTabsElement>;
             "ptc-text-copy-with-background": LocalJSX.PtcTextCopyWithBackground & JSXBase.HTMLAttributes<HTMLPtcTextCopyWithBackgroundElement>;
             "ptc-title": LocalJSX.PtcTitle & JSXBase.HTMLAttributes<HTMLPtcTitleElement>;
             "ptc-tooltip": LocalJSX.PtcTooltip & JSXBase.HTMLAttributes<HTMLPtcTooltipElement>;