@ptcwebops/ptcw-design 0.5.5 → 0.5.7

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
@@ -56,6 +60,42 @@ export namespace Components {
          */
         "middle": string;
     }
+    interface PtcAccordion {
+        /**
+          * If multiple `<ptc-accordion-item>`s can open at the same time
+         */
+        "multiple"?: boolean;
+    }
+    interface PtcAccordionItem {
+        /**
+          * If the accordion item should be opened by default
+         */
+        "active"?: boolean;
+        /**
+          * If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height
+         */
+        "autoHeight"?: boolean;
+        /**
+          * Closes the accordion item
+         */
+        "close": () => Promise<void>;
+        /**
+          * Heading text. This will be overwritten by `heading` slot
+         */
+        "heading"?: string;
+        /**
+          * The HTML tag to be applied to the heading text. This will be overwritten by `heading` slot
+         */
+        "headingTag"?: string;
+        /**
+          * Opens the accordion item.
+         */
+        "open": () => Promise<void>;
+        /**
+          * Toggle open state of accordion item
+         */
+        "toggle": () => Promise<void>;
+    }
     interface PtcAnnouncement {
         /**
           * bar description
@@ -206,12 +246,17 @@ export namespace Components {
     }
     interface PtcCheckbox {
         "checked": 'checked' | 'unchecked';
+        "inputName": string;
+        "value": string;
     }
     interface PtcContainer {
         /**
           * Theme
          */
         "backgroundColor": 'white' | 'gray';
+        "containerType": 'normal' | 'large' | 'none';
+        "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+        "spacing": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
     }
     interface PtcDate {
         /**
@@ -247,19 +292,22 @@ export namespace Components {
          */
         "year": number;
     }
-    interface PtcFilterTag {
-        /**
-          * Font Size
-         */
-        "fontSize": 'small' | 'medium' | 'large';
+    interface PtcDropdown {
+        "label": string;
+        "listItems": any[];
         /**
           * Theme
          */
-        "theme": 'bubble';
+        "theme": 'sort';
+    }
+    interface PtcEllipsisDropdown {
+        "dataItems": Array<any>;
+    }
+    interface PtcFilterTag {
         /**
-          * Uppercase
+          * Theme
          */
-        "uppercase": boolean;
+        "theme": 'bubble' | 'link' | 'link-lg' | 'button';
     }
     interface PtcHero {
         /**
@@ -295,6 +343,10 @@ export namespace Components {
          */
         "valueWithUnit": string;
     }
+    interface PtcIconMinimize {
+        "heading": string;
+        "opened": boolean;
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -357,7 +409,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'simple' | 'underline' | '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' | 'product-link';
         /**
           * Uppercase
          */
@@ -431,10 +483,18 @@ export namespace Components {
           * Sets if popup should overlay
          */
         "overlay"?: boolean;
+        /**
+          * Sets if popup should have rounded corners
+         */
+        "rounded"?: boolean;
         /**
           * Set whether or not to display modal
          */
         "show"?: boolean;
+        /**
+          * Sets if popup should have header footer sections
+         */
+        "showHeaderFooter"?: boolean;
         /**
           * Sets if popup should close if click on outside
          */
@@ -618,6 +678,7 @@ export namespace Components {
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
+        "color": 'black' | 'white';
     }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
@@ -691,18 +752,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
@@ -719,7 +780,7 @@ export namespace Components {
         /**
           * Title Tag Type
          */
-        "type": 'h1' | 'h2' | 'h3';
+        "type": 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
@@ -741,6 +802,12 @@ export namespace Components {
     }
 }
 declare global {
+    interface HTMLDropdownItemElement extends Components.DropdownItem, HTMLStencilElement {
+    }
+    var HTMLDropdownItemElement: {
+        prototype: HTMLDropdownItemElement;
+        new (): HTMLDropdownItemElement;
+    };
     interface HTMLIconAssetElement extends Components.IconAsset, HTMLStencilElement {
     }
     var HTMLIconAssetElement: {
@@ -759,6 +826,18 @@ declare global {
         prototype: HTMLMyComponentElement;
         new (): HTMLMyComponentElement;
     };
+    interface HTMLPtcAccordionElement extends Components.PtcAccordion, HTMLStencilElement {
+    }
+    var HTMLPtcAccordionElement: {
+        prototype: HTMLPtcAccordionElement;
+        new (): HTMLPtcAccordionElement;
+    };
+    interface HTMLPtcAccordionItemElement extends Components.PtcAccordionItem, HTMLStencilElement {
+    }
+    var HTMLPtcAccordionItemElement: {
+        prototype: HTMLPtcAccordionItemElement;
+        new (): HTMLPtcAccordionItemElement;
+    };
     interface HTMLPtcAnnouncementElement extends Components.PtcAnnouncement, HTMLStencilElement {
     }
     var HTMLPtcAnnouncementElement: {
@@ -819,6 +898,18 @@ declare global {
         prototype: HTMLPtcDateElement;
         new (): HTMLPtcDateElement;
     };
+    interface HTMLPtcDropdownElement extends Components.PtcDropdown, HTMLStencilElement {
+    }
+    var HTMLPtcDropdownElement: {
+        prototype: HTMLPtcDropdownElement;
+        new (): HTMLPtcDropdownElement;
+    };
+    interface HTMLPtcEllipsisDropdownElement extends Components.PtcEllipsisDropdown, HTMLStencilElement {
+    }
+    var HTMLPtcEllipsisDropdownElement: {
+        prototype: HTMLPtcEllipsisDropdownElement;
+        new (): HTMLPtcEllipsisDropdownElement;
+    };
     interface HTMLPtcFilterTagElement extends Components.PtcFilterTag, HTMLStencilElement {
     }
     var HTMLPtcFilterTagElement: {
@@ -843,6 +934,12 @@ declare global {
         prototype: HTMLPtcIconListElement;
         new (): HTMLPtcIconListElement;
     };
+    interface HTMLPtcIconMinimizeElement extends Components.PtcIconMinimize, HTMLStencilElement {
+    }
+    var HTMLPtcIconMinimizeElement: {
+        prototype: HTMLPtcIconMinimizeElement;
+        new (): HTMLPtcIconMinimizeElement;
+    };
     interface HTMLPtcImgElement extends Components.PtcImg, HTMLStencilElement {
     }
     var HTMLPtcImgElement: {
@@ -1006,9 +1103,12 @@ declare global {
         new (): HTMLTabHeaderElement;
     };
     interface HTMLElementTagNameMap {
+        "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
         "my-component": HTMLMyComponentElement;
+        "ptc-accordion": HTMLPtcAccordionElement;
+        "ptc-accordion-item": HTMLPtcAccordionItemElement;
         "ptc-announcement": HTMLPtcAnnouncementElement;
         "ptc-breadcrumb": HTMLPtcBreadcrumbElement;
         "ptc-button": HTMLPtcButtonElement;
@@ -1019,10 +1119,13 @@ declare global {
         "ptc-checkbox": HTMLPtcCheckboxElement;
         "ptc-container": HTMLPtcContainerElement;
         "ptc-date": HTMLPtcDateElement;
+        "ptc-dropdown": HTMLPtcDropdownElement;
+        "ptc-ellipsis-dropdown": HTMLPtcEllipsisDropdownElement;
         "ptc-filter-tag": HTMLPtcFilterTagElement;
         "ptc-hero": HTMLPtcHeroElement;
         "ptc-hero-footer-cta": HTMLPtcHeroFooterCtaElement;
         "ptc-icon-list": HTMLPtcIconListElement;
+        "ptc-icon-minimize": HTMLPtcIconMinimizeElement;
         "ptc-img": HTMLPtcImgElement;
         "ptc-link": HTMLPtcLinkElement;
         "ptc-list": HTMLPtcListElement;
@@ -1053,6 +1156,10 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface DropdownItem {
+        "linkHref"?: string;
+        "linkTarget"?: string | undefined;
+    }
     interface IconAsset {
         /**
           * Icon Color
@@ -1103,6 +1210,46 @@ declare namespace LocalJSX {
          */
         "middle"?: string;
     }
+    interface PtcAccordion {
+        /**
+          * If multiple `<ptc-accordion-item>`s can open at the same time
+         */
+        "multiple"?: boolean;
+    }
+    interface PtcAccordionItem {
+        /**
+          * If the accordion item should be opened by default
+         */
+        "active"?: boolean;
+        /**
+          * If expanded height should be automatically calculated. If set, the `--ptc-accordion-item-body-max-height` CSS variable will be set automatically to the content height
+         */
+        "autoHeight"?: boolean;
+        /**
+          * Heading text. This will be overwritten by `heading` slot
+         */
+        "heading"?: string;
+        /**
+          * The HTML tag to be applied to the heading text. This will be overwritten by `heading` slot
+         */
+        "headingTag"?: string;
+        /**
+          * Emitted when accordion item has closed
+         */
+        "onClosed"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted when accordion item started closing
+         */
+        "onClosing"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted when accordion item has opened
+         */
+        "onOpened"?: (event: CustomEvent<any>) => void;
+        /**
+          * Emitted when accordion item started opening
+         */
+        "onOpening"?: (event: CustomEvent<any>) => void;
+    }
     interface PtcAnnouncement {
         /**
           * bar description
@@ -1265,13 +1412,18 @@ declare namespace LocalJSX {
     }
     interface PtcCheckbox {
         "checked"?: 'checked' | 'unchecked';
-        "onClickedItem"?: (event: CustomEvent<any>) => void;
+        "inputName"?: string;
+        "onCheckedChanged"?: (event: CustomEvent<any>) => void;
+        "value"?: string;
     }
     interface PtcContainer {
         /**
           * Theme
          */
         "backgroundColor"?: 'white' | 'gray';
+        "containerType"?: 'normal' | 'large' | 'none';
+        "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+        "spacing"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
     }
     interface PtcDate {
         /**
@@ -1307,19 +1459,25 @@ declare namespace LocalJSX {
          */
         "year"?: number;
     }
-    interface PtcFilterTag {
-        /**
-          * Font Size
-         */
-        "fontSize"?: 'small' | 'medium' | 'large';
+    interface PtcDropdown {
+        "label"?: string;
+        "listItems"?: any[];
+        "onClickedItem"?: (event: CustomEvent<any>) => void;
         /**
           * Theme
          */
-        "theme"?: 'bubble';
+        "theme"?: 'sort';
+    }
+    interface PtcEllipsisDropdown {
+        "dataItems"?: Array<any>;
+        "onItemSelected"?: (event: CustomEvent<any>) => void;
+    }
+    interface PtcFilterTag {
+        "onClicked"?: (event: CustomEvent<any>) => void;
         /**
-          * Uppercase
+          * Theme
          */
-        "uppercase"?: boolean;
+        "theme"?: 'bubble' | 'link' | 'link-lg' | 'button';
     }
     interface PtcHero {
         /**
@@ -1355,6 +1513,10 @@ declare namespace LocalJSX {
          */
         "valueWithUnit"?: string;
     }
+    interface PtcIconMinimize {
+        "heading"?: string;
+        "opened"?: boolean;
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -1417,7 +1579,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'simple' | 'underline' | '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' | 'product-link';
         /**
           * Uppercase
          */
@@ -1499,10 +1661,18 @@ declare namespace LocalJSX {
           * Sets if popup should overlay
          */
         "overlay"?: boolean;
+        /**
+          * Sets if popup should have rounded corners
+         */
+        "rounded"?: boolean;
         /**
           * Set whether or not to display modal
          */
         "show"?: boolean;
+        /**
+          * Sets if popup should have header footer sections
+         */
+        "showHeaderFooter"?: boolean;
         /**
           * Sets if popup should close if click on outside
          */
@@ -1690,6 +1860,7 @@ declare namespace LocalJSX {
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
+        "color"?: 'black' | 'white';
     }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
@@ -1763,18 +1934,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
@@ -1791,7 +1962,7 @@ declare namespace LocalJSX {
         /**
           * Title Tag Type
          */
-        "type"?: 'h1' | 'h2' | 'h3';
+        "type"?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
@@ -1811,9 +1982,12 @@ declare namespace LocalJSX {
         "onTabClicked"?: (event: CustomEvent<any>) => void;
     }
     interface IntrinsicElements {
+        "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
         "my-component": MyComponent;
+        "ptc-accordion": PtcAccordion;
+        "ptc-accordion-item": PtcAccordionItem;
         "ptc-announcement": PtcAnnouncement;
         "ptc-breadcrumb": PtcBreadcrumb;
         "ptc-button": PtcButton;
@@ -1824,10 +1998,13 @@ declare namespace LocalJSX {
         "ptc-checkbox": PtcCheckbox;
         "ptc-container": PtcContainer;
         "ptc-date": PtcDate;
+        "ptc-dropdown": PtcDropdown;
+        "ptc-ellipsis-dropdown": PtcEllipsisDropdown;
         "ptc-filter-tag": PtcFilterTag;
         "ptc-hero": PtcHero;
         "ptc-hero-footer-cta": PtcHeroFooterCta;
         "ptc-icon-list": PtcIconList;
+        "ptc-icon-minimize": PtcIconMinimize;
         "ptc-img": PtcImg;
         "ptc-link": PtcLink;
         "ptc-list": PtcList;
@@ -1861,9 +2038,12 @@ 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>;
+            "ptc-accordion": LocalJSX.PtcAccordion & JSXBase.HTMLAttributes<HTMLPtcAccordionElement>;
+            "ptc-accordion-item": LocalJSX.PtcAccordionItem & JSXBase.HTMLAttributes<HTMLPtcAccordionItemElement>;
             "ptc-announcement": LocalJSX.PtcAnnouncement & JSXBase.HTMLAttributes<HTMLPtcAnnouncementElement>;
             "ptc-breadcrumb": LocalJSX.PtcBreadcrumb & JSXBase.HTMLAttributes<HTMLPtcBreadcrumbElement>;
             "ptc-button": LocalJSX.PtcButton & JSXBase.HTMLAttributes<HTMLPtcButtonElement>;
@@ -1874,10 +2054,13 @@ declare module "@stencil/core" {
             "ptc-checkbox": LocalJSX.PtcCheckbox & JSXBase.HTMLAttributes<HTMLPtcCheckboxElement>;
             "ptc-container": LocalJSX.PtcContainer & JSXBase.HTMLAttributes<HTMLPtcContainerElement>;
             "ptc-date": LocalJSX.PtcDate & JSXBase.HTMLAttributes<HTMLPtcDateElement>;
+            "ptc-dropdown": LocalJSX.PtcDropdown & JSXBase.HTMLAttributes<HTMLPtcDropdownElement>;
+            "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>;
+            "ptc-icon-minimize": LocalJSX.PtcIconMinimize & JSXBase.HTMLAttributes<HTMLPtcIconMinimizeElement>;
             "ptc-img": LocalJSX.PtcImg & JSXBase.HTMLAttributes<HTMLPtcImgElement>;
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;
             "ptc-list": LocalJSX.PtcList & JSXBase.HTMLAttributes<HTMLPtcListElement>;