@ptcwebops/ptcw-design 0.5.4 → 0.5.6

package/dist/types/components.d.ts

@@ -6,6 +6,10 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    interface DropdownItem {
+        "linkHref"?: string;
+        "linkTarget": string | undefined;
+    }
     interface IconAsset {
         /**
           * Icon Color
@@ -204,11 +208,16 @@ export namespace Components {
         "linkTarget": string;
         "linkTitle": string;
     }
+    interface PtcCheckbox {
+        "checked": 'checked' | 'unchecked';
+    }
     interface PtcContainer {
         /**
           * Theme
          */
         "backgroundColor": 'white' | 'gray';
+        "containerType": 'normal' | 'large' | 'none';
+        "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
     }
     interface PtcDate {
         /**
@@ -244,6 +253,23 @@ export namespace Components {
          */
         "year": number;
     }
+    interface PtcEllipsisDropdown {
+        "dataItems": Array<any>;
+    }
+    interface PtcFilterTag {
+        /**
+          * Font Size
+         */
+        "fontSize": 'small' | 'medium' | 'large';
+        /**
+          * Theme
+         */
+        "theme": 'bubble';
+        /**
+          * Uppercase
+         */
+        "uppercase": boolean;
+    }
     interface PtcHero {
         /**
           * Hero Background Image URL
@@ -340,7 +366,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
+        "theme": 'simple' | 'underline' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
         /**
           * Uppercase
          */
@@ -599,6 +625,10 @@ export namespace Components {
     }
     interface PtcResponsiveWrapper {
     }
+    interface PtcShoppingCart {
+        "cartCount"?: string;
+        "color": 'black' | 'white';
+    }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
@@ -652,6 +682,8 @@ export namespace Components {
          */
         "svgName"?: string;
     }
+    interface PtcTabList {
+    }
     interface PtcTitle {
         /**
           * Is this title using on the PLM Hub page
@@ -669,18 +701,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
@@ -709,8 +741,22 @@ export namespace Components {
          */
         "componentType": 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
     }
+    interface TabContent {
+        "getChild": () => Promise<{ select: any; unselect: any; name: string; }>;
+        "name": string;
+    }
+    interface TabHeader {
+        "getChild": () => Promise<unknown>;
+        "name": string;
+    }
 }
 declare global {
+    interface HTMLDropdownItemElement extends Components.DropdownItem, HTMLStencilElement {
+    }
+    var HTMLDropdownItemElement: {
+        prototype: HTMLDropdownItemElement;
+        new (): HTMLDropdownItemElement;
+    };
     interface HTMLIconAssetElement extends Components.IconAsset, HTMLStencilElement {
     }
     var HTMLIconAssetElement: {
@@ -771,6 +817,12 @@ declare global {
         prototype: HTMLPtcCardPlmElement;
         new (): HTMLPtcCardPlmElement;
     };
+    interface HTMLPtcCheckboxElement extends Components.PtcCheckbox, HTMLStencilElement {
+    }
+    var HTMLPtcCheckboxElement: {
+        prototype: HTMLPtcCheckboxElement;
+        new (): HTMLPtcCheckboxElement;
+    };
     interface HTMLPtcContainerElement extends Components.PtcContainer, HTMLStencilElement {
     }
     var HTMLPtcContainerElement: {
@@ -783,6 +835,18 @@ declare global {
         prototype: HTMLPtcDateElement;
         new (): HTMLPtcDateElement;
     };
+    interface HTMLPtcEllipsisDropdownElement extends Components.PtcEllipsisDropdown, HTMLStencilElement {
+    }
+    var HTMLPtcEllipsisDropdownElement: {
+        prototype: HTMLPtcEllipsisDropdownElement;
+        new (): HTMLPtcEllipsisDropdownElement;
+    };
+    interface HTMLPtcFilterTagElement extends Components.PtcFilterTag, HTMLStencilElement {
+    }
+    var HTMLPtcFilterTagElement: {
+        prototype: HTMLPtcFilterTagElement;
+        new (): HTMLPtcFilterTagElement;
+    };
     interface HTMLPtcHeroElement extends Components.PtcHero, HTMLStencilElement {
     }
     var HTMLPtcHeroElement: {
@@ -903,6 +967,12 @@ declare global {
         prototype: HTMLPtcResponsiveWrapperElement;
         new (): HTMLPtcResponsiveWrapperElement;
     };
+    interface HTMLPtcShoppingCartElement extends Components.PtcShoppingCart, HTMLStencilElement {
+    }
+    var HTMLPtcShoppingCartElement: {
+        prototype: HTMLPtcShoppingCartElement;
+        new (): HTMLPtcShoppingCartElement;
+    };
     interface HTMLPtcSocialShareElement extends Components.PtcSocialShare, HTMLStencilElement {
     }
     var HTMLPtcSocialShareElement: {
@@ -927,6 +997,12 @@ declare global {
         prototype: HTMLPtcSvgBtnElement;
         new (): HTMLPtcSvgBtnElement;
     };
+    interface HTMLPtcTabListElement extends Components.PtcTabList, HTMLStencilElement {
+    }
+    var HTMLPtcTabListElement: {
+        prototype: HTMLPtcTabListElement;
+        new (): HTMLPtcTabListElement;
+    };
     interface HTMLPtcTitleElement extends Components.PtcTitle, HTMLStencilElement {
     }
     var HTMLPtcTitleElement: {
@@ -939,7 +1015,20 @@ declare global {
         prototype: HTMLPtcTwoColumnMediaElement;
         new (): HTMLPtcTwoColumnMediaElement;
     };
+    interface HTMLTabContentElement extends Components.TabContent, HTMLStencilElement {
+    }
+    var HTMLTabContentElement: {
+        prototype: HTMLTabContentElement;
+        new (): HTMLTabContentElement;
+    };
+    interface HTMLTabHeaderElement extends Components.TabHeader, HTMLStencilElement {
+    }
+    var HTMLTabHeaderElement: {
+        prototype: HTMLTabHeaderElement;
+        new (): HTMLTabHeaderElement;
+    };
     interface HTMLElementTagNameMap {
+        "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
         "my-component": HTMLMyComponentElement;
@@ -950,8 +1039,11 @@ declare global {
         "ptc-card-bottom": HTMLPtcCardBottomElement;
         "ptc-card-content": HTMLPtcCardContentElement;
         "ptc-card-plm": HTMLPtcCardPlmElement;
+        "ptc-checkbox": HTMLPtcCheckboxElement;
         "ptc-container": HTMLPtcContainerElement;
         "ptc-date": HTMLPtcDateElement;
+        "ptc-ellipsis-dropdown": HTMLPtcEllipsisDropdownElement;
+        "ptc-filter-tag": HTMLPtcFilterTagElement;
         "ptc-hero": HTMLPtcHeroElement;
         "ptc-hero-footer-cta": HTMLPtcHeroFooterCtaElement;
         "ptc-icon-list": HTMLPtcIconListElement;
@@ -972,15 +1064,23 @@ declare global {
         "ptc-pricing-block": HTMLPtcPricingBlockElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
+        "ptc-shopping-cart": HTMLPtcShoppingCartElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
         "ptc-spacer": HTMLPtcSpacerElement;
         "ptc-span": HTMLPtcSpanElement;
         "ptc-svg-btn": HTMLPtcSvgBtnElement;
+        "ptc-tab-list": HTMLPtcTabListElement;
         "ptc-title": HTMLPtcTitleElement;
         "ptc-two-column-media": HTMLPtcTwoColumnMediaElement;
+        "tab-content": HTMLTabContentElement;
+        "tab-header": HTMLTabHeaderElement;
     }
 }
 declare namespace LocalJSX {
+    interface DropdownItem {
+        "linkHref"?: string;
+        "linkTarget"?: string | undefined;
+    }
     interface IconAsset {
         /**
           * Icon Color
@@ -1191,11 +1291,17 @@ declare namespace LocalJSX {
         "linkTarget"?: string;
         "linkTitle"?: string;
     }
+    interface PtcCheckbox {
+        "checked"?: 'checked' | 'unchecked';
+        "onClickedItem"?: (event: CustomEvent<any>) => void;
+    }
     interface PtcContainer {
         /**
           * Theme
          */
         "backgroundColor"?: 'white' | 'gray';
+        "containerType"?: 'normal' | 'large' | 'none';
+        "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
     }
     interface PtcDate {
         /**
@@ -1231,6 +1337,24 @@ declare namespace LocalJSX {
          */
         "year"?: number;
     }
+    interface PtcEllipsisDropdown {
+        "dataItems"?: Array<any>;
+        "onItemSelected"?: (event: CustomEvent<any>) => void;
+    }
+    interface PtcFilterTag {
+        /**
+          * Font Size
+         */
+        "fontSize"?: 'small' | 'medium' | 'large';
+        /**
+          * Theme
+         */
+        "theme"?: 'bubble';
+        /**
+          * Uppercase
+         */
+        "uppercase"?: boolean;
+    }
     interface PtcHero {
         /**
           * Hero Background Image URL
@@ -1327,7 +1451,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
+        "theme"?: 'simple' | 'underline' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
         /**
           * Uppercase
          */
@@ -1598,6 +1722,10 @@ declare namespace LocalJSX {
     }
     interface PtcResponsiveWrapper {
     }
+    interface PtcShoppingCart {
+        "cartCount"?: string;
+        "color"?: 'black' | 'white';
+    }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
@@ -1651,6 +1779,8 @@ declare namespace LocalJSX {
          */
         "svgName"?: string;
     }
+    interface PtcTabList {
+    }
     interface PtcTitle {
         /**
           * Is this title using on the PLM Hub page
@@ -1668,18 +1798,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
@@ -1708,7 +1838,15 @@ declare namespace LocalJSX {
          */
         "componentType"?: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
     }
+    interface TabContent {
+        "name"?: string;
+    }
+    interface TabHeader {
+        "name"?: string;
+        "onTabClicked"?: (event: CustomEvent<any>) => void;
+    }
     interface IntrinsicElements {
+        "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
         "my-component": MyComponent;
@@ -1719,8 +1857,11 @@ declare namespace LocalJSX {
         "ptc-card-bottom": PtcCardBottom;
         "ptc-card-content": PtcCardContent;
         "ptc-card-plm": PtcCardPlm;
+        "ptc-checkbox": PtcCheckbox;
         "ptc-container": PtcContainer;
         "ptc-date": PtcDate;
+        "ptc-ellipsis-dropdown": PtcEllipsisDropdown;
+        "ptc-filter-tag": PtcFilterTag;
         "ptc-hero": PtcHero;
         "ptc-hero-footer-cta": PtcHeroFooterCta;
         "ptc-icon-list": PtcIconList;
@@ -1741,18 +1882,23 @@ declare namespace LocalJSX {
         "ptc-pricing-block": PtcPricingBlock;
         "ptc-quote": PtcQuote;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
+        "ptc-shopping-cart": PtcShoppingCart;
         "ptc-social-share": PtcSocialShare;
         "ptc-spacer": PtcSpacer;
         "ptc-span": PtcSpan;
         "ptc-svg-btn": PtcSvgBtn;
+        "ptc-tab-list": PtcTabList;
         "ptc-title": PtcTitle;
         "ptc-two-column-media": PtcTwoColumnMedia;
+        "tab-content": TabContent;
+        "tab-header": TabHeader;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "icon-asset": LocalJSX.IconAsset & JSXBase.HTMLAttributes<HTMLIconAssetElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
@@ -1763,8 +1909,11 @@ declare module "@stencil/core" {
             "ptc-card-bottom": LocalJSX.PtcCardBottom & JSXBase.HTMLAttributes<HTMLPtcCardBottomElement>;
             "ptc-card-content": LocalJSX.PtcCardContent & JSXBase.HTMLAttributes<HTMLPtcCardContentElement>;
             "ptc-card-plm": LocalJSX.PtcCardPlm & JSXBase.HTMLAttributes<HTMLPtcCardPlmElement>;
+            "ptc-checkbox": LocalJSX.PtcCheckbox & JSXBase.HTMLAttributes<HTMLPtcCheckboxElement>;
             "ptc-container": LocalJSX.PtcContainer & JSXBase.HTMLAttributes<HTMLPtcContainerElement>;
             "ptc-date": LocalJSX.PtcDate & JSXBase.HTMLAttributes<HTMLPtcDateElement>;
+            "ptc-ellipsis-dropdown": LocalJSX.PtcEllipsisDropdown & JSXBase.HTMLAttributes<HTMLPtcEllipsisDropdownElement>;
+            "ptc-filter-tag": LocalJSX.PtcFilterTag & JSXBase.HTMLAttributes<HTMLPtcFilterTagElement>;
             "ptc-hero": LocalJSX.PtcHero & JSXBase.HTMLAttributes<HTMLPtcHeroElement>;
             "ptc-hero-footer-cta": LocalJSX.PtcHeroFooterCta & JSXBase.HTMLAttributes<HTMLPtcHeroFooterCtaElement>;
             "ptc-icon-list": LocalJSX.PtcIconList & JSXBase.HTMLAttributes<HTMLPtcIconListElement>;
@@ -1785,12 +1934,16 @@ declare module "@stencil/core" {
             "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
+            "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-svg-btn": LocalJSX.PtcSvgBtn & JSXBase.HTMLAttributes<HTMLPtcSvgBtnElement>;
+            "ptc-tab-list": LocalJSX.PtcTabList & JSXBase.HTMLAttributes<HTMLPtcTabListElement>;
             "ptc-title": LocalJSX.PtcTitle & JSXBase.HTMLAttributes<HTMLPtcTitleElement>;
             "ptc-two-column-media": LocalJSX.PtcTwoColumnMedia & JSXBase.HTMLAttributes<HTMLPtcTwoColumnMediaElement>;
+            "tab-content": LocalJSX.TabContent & JSXBase.HTMLAttributes<HTMLTabContentElement>;
+            "tab-header": LocalJSX.TabHeader & JSXBase.HTMLAttributes<HTMLTabHeaderElement>;
         }
     }
 }