@ptcwebops/ptcw-design 1.0.6 → 1.0.7

package/dist/types/components.d.ts

@@ -8,6 +8,9 @@ import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface BundleExample {
     }
+    interface BundleJumbotronExample {
+        "jumbotron": string;
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget": string | undefined;
@@ -47,13 +50,22 @@ export namespace Components {
         "type": 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface ListItem {
+        /**
+          * Theme color
+         */
+        "color"?: 'white' | 'primary-gray';
         "flushBefore": boolean;
         "linkHref"?: string;
         "linkTarget": string | undefined;
         "listType": 'list-primary' | 'list-footer' | 'breadcrumb';
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
     }
     interface MaxWidthContainer {
         "breakpoint": number;
+        "contentAlign": 'left' | 'center' | 'right';
         "maxWidth": number;
     }
     interface MyComponent {
@@ -159,6 +171,22 @@ export namespace Components {
         "videoSrc": string;
     }
     interface PtcBreadcrumb {
+        /**
+          * Theme Color
+         */
+        "color": 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
+        /**
+          * breadcrumb position
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * remove topMargin
+         */
+        "removeTopMargin": boolean;
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
     }
     interface PtcButton {
         /**
@@ -226,16 +254,16 @@ 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'
-    | 'case-studies-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'
     | 'related-card';
         /**
           * Event Type
@@ -290,16 +318,16 @@ 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';
         "isLoading"?: boolean;
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
@@ -351,7 +379,7 @@ export namespace Components {
           * Theme
          */
         "backgroundColor": 'white' | 'gray';
-        "containerType": 'normal' | 'large' | 'none';
+        "containerType": 'large' | 'none' | '';
         "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
         "spacing": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
     }
@@ -507,6 +535,16 @@ export namespace Components {
          */
         "sizeXs": string;
     }
+    interface PtcJumbotron {
+        "bgSrc"?: string;
+        "bgVideoSrc"?: string;
+        "gifSrc"?: string;
+        "jumbotronType": string;
+        "mainTitle": string;
+        "pngSrc"?: string;
+        "popupVideo"?: string;
+        "subTitle": string;
+    }
     interface PtcLink {
         /**
           * Disabled link
@@ -722,21 +760,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
@@ -789,24 +827,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
@@ -1063,10 +1101,18 @@ export namespace Components {
           * Display
          */
         "display": 'block' | 'inline' | 'inline-block' | 'flex';
+        /**
+          * Injected Styles
+         */
+        "styles"?: number;
         /**
           * Options: "close", "slider-left", "slider-right", "back-arrow"
          */
         "svgName"?: string;
+        /**
+          * Z-Index
+         */
+        "zIndex"?: string;
     }
     interface PtcTab {
         "active": boolean;
@@ -1143,18 +1189,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
@@ -1311,6 +1357,12 @@ declare global {
         prototype: HTMLBundleExampleElement;
         new (): HTMLBundleExampleElement;
     };
+    interface HTMLBundleJumbotronExampleElement extends Components.BundleJumbotronExample, HTMLStencilElement {
+    }
+    var HTMLBundleJumbotronExampleElement: {
+        prototype: HTMLBundleJumbotronExampleElement;
+        new (): HTMLBundleJumbotronExampleElement;
+    };
     interface HTMLDropdownItemElement extends Components.DropdownItem, HTMLStencilElement {
     }
     var HTMLDropdownItemElement: {
@@ -1479,6 +1531,12 @@ declare global {
         prototype: HTMLPtcImgElement;
         new (): HTMLPtcImgElement;
     };
+    interface HTMLPtcJumbotronElement extends Components.PtcJumbotron, HTMLStencilElement {
+    }
+    var HTMLPtcJumbotronElement: {
+        prototype: HTMLPtcJumbotronElement;
+        new (): HTMLPtcJumbotronElement;
+    };
     interface HTMLPtcLinkElement extends Components.PtcLink, HTMLStencilElement {
     }
     var HTMLPtcLinkElement: {
@@ -1697,6 +1755,7 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "bundle-example": HTMLBundleExampleElement;
+        "bundle-jumbotron-example": HTMLBundleJumbotronExampleElement;
         "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
@@ -1725,6 +1784,7 @@ declare global {
         "ptc-icon-list": HTMLPtcIconListElement;
         "ptc-icon-minimize": HTMLPtcIconMinimizeElement;
         "ptc-img": HTMLPtcImgElement;
+        "ptc-jumbotron": HTMLPtcJumbotronElement;
         "ptc-link": HTMLPtcLinkElement;
         "ptc-list": HTMLPtcListElement;
         "ptc-lottie": HTMLPtcLottieElement;
@@ -1766,6 +1826,9 @@ declare global {
 declare namespace LocalJSX {
     interface BundleExample {
     }
+    interface BundleJumbotronExample {
+        "jumbotron"?: string;
+    }
     interface DropdownItem {
         "linkHref"?: string;
         "linkTarget"?: string | undefined;
@@ -1805,13 +1868,22 @@ declare namespace LocalJSX {
         "type"?: 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface ListItem {
+        /**
+          * Theme color
+         */
+        "color"?: 'white' | 'primary-gray';
         "flushBefore"?: boolean;
         "linkHref"?: string;
         "linkTarget"?: string | undefined;
         "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb';
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
     }
     interface MaxWidthContainer {
         "breakpoint"?: number;
+        "contentAlign"?: 'left' | 'center' | 'right';
         "maxWidth"?: number;
     }
     interface MyComponent {
@@ -1925,6 +1997,22 @@ declare namespace LocalJSX {
         "videoSrc"?: string;
     }
     interface PtcBreadcrumb {
+        /**
+          * Theme Color
+         */
+        "color"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
+        /**
+          * breadcrumb position
+         */
+        "position"?: 'left' | 'center' | 'right';
+        /**
+          * remove topMargin
+         */
+        "removeTopMargin"?: boolean;
+        /**
+          * (optional) Injected CSS styles
+         */
+        "styles"?: string;
     }
     interface PtcButton {
         /**
@@ -1996,16 +2084,16 @@ 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'
-    | 'case-studies-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'
     | 'related-card';
         /**
           * Event Type
@@ -2062,16 +2150,16 @@ 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';
         "isLoading"?: boolean;
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
@@ -2131,7 +2219,7 @@ declare namespace LocalJSX {
           * Theme
          */
         "backgroundColor"?: 'white' | 'gray';
-        "containerType"?: 'normal' | 'large' | 'none';
+        "containerType"?: 'large' | 'none' | '';
         "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
         "spacing"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large';
     }
@@ -2289,6 +2377,16 @@ declare namespace LocalJSX {
          */
         "sizeXs"?: string;
     }
+    interface PtcJumbotron {
+        "bgSrc"?: string;
+        "bgVideoSrc"?: string;
+        "gifSrc"?: string;
+        "jumbotronType"?: string;
+        "mainTitle"?: string;
+        "pngSrc"?: string;
+        "popupVideo"?: string;
+        "subTitle"?: string;
+    }
     interface PtcLink {
         /**
           * Disabled link
@@ -2512,21 +2610,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
@@ -2579,24 +2677,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
@@ -2856,10 +2954,18 @@ declare namespace LocalJSX {
           * Display
          */
         "display"?: 'block' | 'inline' | 'inline-block' | 'flex';
+        /**
+          * Injected Styles
+         */
+        "styles"?: number;
         /**
           * Options: "close", "slider-left", "slider-right", "back-arrow"
          */
         "svgName"?: string;
+        /**
+          * Z-Index
+         */
+        "zIndex"?: string;
     }
     interface PtcTab {
         "active"?: boolean;
@@ -2936,18 +3042,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
@@ -3029,6 +3135,7 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "bundle-example": BundleExample;
+        "bundle-jumbotron-example": BundleJumbotronExample;
         "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
@@ -3057,6 +3164,7 @@ declare namespace LocalJSX {
         "ptc-icon-list": PtcIconList;
         "ptc-icon-minimize": PtcIconMinimize;
         "ptc-img": PtcImg;
+        "ptc-jumbotron": PtcJumbotron;
         "ptc-link": PtcLink;
         "ptc-list": PtcList;
         "ptc-lottie": PtcLottie;
@@ -3100,6 +3208,7 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "bundle-example": LocalJSX.BundleExample & JSXBase.HTMLAttributes<HTMLBundleExampleElement>;
+            "bundle-jumbotron-example": LocalJSX.BundleJumbotronExample & JSXBase.HTMLAttributes<HTMLBundleJumbotronExampleElement>;
             "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "icon-asset": LocalJSX.IconAsset & JSXBase.HTMLAttributes<HTMLIconAssetElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
@@ -3128,6 +3237,7 @@ declare module "@stencil/core" {
             "ptc-icon-list": LocalJSX.PtcIconList & JSXBase.HTMLAttributes<HTMLPtcIconListElement>;
             "ptc-icon-minimize": LocalJSX.PtcIconMinimize & JSXBase.HTMLAttributes<HTMLPtcIconMinimizeElement>;
             "ptc-img": LocalJSX.PtcImg & JSXBase.HTMLAttributes<HTMLPtcImgElement>;
+            "ptc-jumbotron": LocalJSX.PtcJumbotron & JSXBase.HTMLAttributes<HTMLPtcJumbotronElement>;
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;
             "ptc-list": LocalJSX.PtcList & JSXBase.HTMLAttributes<HTMLPtcListElement>;
             "ptc-lottie": LocalJSX.PtcLottie & JSXBase.HTMLAttributes<HTMLPtcLottieElement>;