@ptcwebops/ptcw-design 0.5.5 → 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
@@ -212,6 +216,8 @@ export namespace Components {
           * Theme
          */
         "backgroundColor": 'white' | 'gray';
+        "containerType": 'normal' | 'large' | 'none';
+        "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
     }
     interface PtcDate {
         /**
@@ -247,6 +253,9 @@ export namespace Components {
          */
         "year": number;
     }
+    interface PtcEllipsisDropdown {
+        "dataItems": Array<any>;
+    }
     interface PtcFilterTag {
         /**
           * Font Size
@@ -618,6 +627,7 @@ export namespace Components {
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
+        "color": 'black' | 'white';
     }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
@@ -691,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
@@ -741,6 +751,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: {
@@ -819,6 +835,12 @@ 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: {
@@ -1006,6 +1028,7 @@ declare global {
         new (): HTMLTabHeaderElement;
     };
     interface HTMLElementTagNameMap {
+        "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
         "my-component": HTMLMyComponentElement;
@@ -1019,6 +1042,7 @@ declare global {
         "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;
@@ -1053,6 +1077,10 @@ declare global {
     }
 }
 declare namespace LocalJSX {
+    interface DropdownItem {
+        "linkHref"?: string;
+        "linkTarget"?: string | undefined;
+    }
     interface IconAsset {
         /**
           * Icon Color
@@ -1272,6 +1300,8 @@ declare namespace LocalJSX {
           * Theme
          */
         "backgroundColor"?: 'white' | 'gray';
+        "containerType"?: 'normal' | 'large' | 'none';
+        "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
     }
     interface PtcDate {
         /**
@@ -1307,6 +1337,10 @@ declare namespace LocalJSX {
          */
         "year"?: number;
     }
+    interface PtcEllipsisDropdown {
+        "dataItems"?: Array<any>;
+        "onItemSelected"?: (event: CustomEvent<any>) => void;
+    }
     interface PtcFilterTag {
         /**
           * Font Size
@@ -1690,6 +1724,7 @@ declare namespace LocalJSX {
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
+        "color"?: 'black' | 'white';
     }
     interface PtcSocialShare {
         "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
@@ -1763,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
@@ -1811,6 +1846,7 @@ declare namespace LocalJSX {
         "onTabClicked"?: (event: CustomEvent<any>) => void;
     }
     interface IntrinsicElements {
+        "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
         "my-component": MyComponent;
@@ -1824,6 +1860,7 @@ declare namespace LocalJSX {
         "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;
@@ -1861,6 +1898,7 @@ 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>;
@@ -1874,6 +1912,7 @@ 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-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>;