@ptcwebops/ptcw-design 0.8.3 → 0.8.4

package/dist/types/components/tab-header/tab-header.d.ts

@@ -1,14 +1,14 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class TabHeader {
-  id: string;
-  name: string;
-  tooltip: string;
-  tabClicked: EventEmitter;
-  isSelected: boolean;
-  getChild(): Promise<unknown>;
-  unselect(): void;
-  select(): void;
-  onClick(): void;
-  generateId(): string;
-  render(): any[];
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class TabHeader {
+  id: string;
+  name: string;
+  tooltip: string;
+  tabClicked: EventEmitter;
+  isSelected: boolean;
+  getChild(): Promise<unknown>;
+  unselect(): void;
+  select(): void;
+  onClick(): void;
+  generateId(): string;
+  render(): any[];
+}

package/dist/types/components.d.ts

@@ -198,15 +198,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
@@ -468,7 +468,7 @@ export namespace Components {
         /**
           * Font Size
          */
-        "fontSize": 'small' | 'medium' | 'large';
+        "fontSize": 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * href
          */
@@ -508,6 +508,48 @@ export namespace Components {
          */
         "speed": number;
     }
+    interface PtcMediaCard {
+        /**
+          * Background Imgae
+         */
+        "activeBackgroundImage": string;
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Type Specify Card Type, default to media card
+         */
+        "cardType"?: 'media-card';
+        /**
+          * Card category
+         */
+        "category"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * Card heading text transform
+         */
+        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        /**
+          * Background Imgae
+         */
+        "hoverBackgroundImage"?: string;
+        /**
+          * boolean variable for hover state
+         */
+        "isHovered": boolean;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcMinimizedFooter {
     }
     interface PtcMinimizedHeader {
@@ -587,7 +629,7 @@ export namespace Components {
         /**
           * Filter Color
          */
-        "filterColor": 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey';
+        "filterColor": 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey' | 'bright-blue' | 'bright-red' | 'bright-orange' | 'bright-green' | 'bright-slate-grey';
         /**
           * Overlay z-index
          */
@@ -637,24 +679,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
@@ -815,7 +857,7 @@ export namespace Components {
         /**
           * Breakpoint
          */
-        "breakpoint": '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
+        "breakpoint": '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
         /**
           * Direction
          */
@@ -833,7 +875,7 @@ export namespace Components {
         /**
           * Span Style
          */
-        "spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
+        "spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
         /**
           * Injected Styles
          */
@@ -900,18 +942,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
@@ -920,7 +962,7 @@ export namespace Components {
         /**
           * Title size
          */
-        "titleSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+        "titleSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xxxx-large-2';
         /**
           * Title weight
          */
@@ -1207,6 +1249,12 @@ declare global {
         prototype: HTMLPtcLottieElement;
         new (): HTMLPtcLottieElement;
     };
+    interface HTMLPtcMediaCardElement extends Components.PtcMediaCard, HTMLStencilElement {
+    }
+    var HTMLPtcMediaCardElement: {
+        prototype: HTMLPtcMediaCardElement;
+        new (): HTMLPtcMediaCardElement;
+    };
     interface HTMLPtcMinimizedFooterElement extends Components.PtcMinimizedFooter, HTMLStencilElement {
     }
     var HTMLPtcMinimizedFooterElement: {
@@ -1393,6 +1441,7 @@ declare global {
         "ptc-link": HTMLPtcLinkElement;
         "ptc-list": HTMLPtcListElement;
         "ptc-lottie": HTMLPtcLottieElement;
+        "ptc-media-card": HTMLPtcMediaCardElement;
         "ptc-minimized-footer": HTMLPtcMinimizedFooterElement;
         "ptc-minimized-header": HTMLPtcMinimizedHeaderElement;
         "ptc-mobile-select": HTMLPtcMobileSelectElement;
@@ -1626,15 +1675,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
@@ -1910,7 +1959,7 @@ declare namespace LocalJSX {
         /**
           * Font Size
          */
-        "fontSize"?: 'small' | 'medium' | 'large';
+        "fontSize"?: 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * href
          */
@@ -1950,6 +1999,48 @@ declare namespace LocalJSX {
          */
         "speed"?: number;
     }
+    interface PtcMediaCard {
+        /**
+          * Background Imgae
+         */
+        "activeBackgroundImage"?: string;
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * Card Type Specify Card Type, default to media card
+         */
+        "cardType"?: 'media-card';
+        /**
+          * Card category
+         */
+        "category"?: string;
+        /**
+          * Card heading
+         */
+        "heading"?: string;
+        /**
+          * Card heading text transform
+         */
+        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        /**
+          * Background Imgae
+         */
+        "hoverBackgroundImage"?: string;
+        /**
+          * boolean variable for hover state
+         */
+        "isHovered"?: boolean;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcMinimizedFooter {
     }
     interface PtcMinimizedHeader {
@@ -2037,7 +2128,7 @@ declare namespace LocalJSX {
         /**
           * Filter Color
          */
-        "filterColor"?: 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey';
+        "filterColor"?: 'blue' | 'red' | 'orange' | 'green' | 'black-1' | 'black-2' | 'black-3' | 'slate-grey' | 'bright-blue' | 'bright-red' | 'bright-orange' | 'bright-green' | 'bright-slate-grey';
         /**
           * Overlay z-index
          */
@@ -2088,24 +2179,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
@@ -2266,7 +2357,7 @@ declare namespace LocalJSX {
         /**
           * Breakpoint
          */
-        "breakpoint"?: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
+        "breakpoint"?: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
         /**
           * Direction
          */
@@ -2284,7 +2375,7 @@ declare namespace LocalJSX {
         /**
           * Span Style
          */
-        "spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
+        "spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller';
         /**
           * Injected Styles
          */
@@ -2351,18 +2442,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
@@ -2371,7 +2462,7 @@ declare namespace LocalJSX {
         /**
           * Title size
          */
-        "titleSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+        "titleSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xxxx-large-2';
         /**
           * Title weight
          */
@@ -2455,6 +2546,7 @@ declare namespace LocalJSX {
         "ptc-link": PtcLink;
         "ptc-list": PtcList;
         "ptc-lottie": PtcLottie;
+        "ptc-media-card": PtcMediaCard;
         "ptc-minimized-footer": PtcMinimizedFooter;
         "ptc-minimized-header": PtcMinimizedHeader;
         "ptc-mobile-select": PtcMobileSelect;
@@ -2516,6 +2608,7 @@ declare module "@stencil/core" {
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;
             "ptc-list": LocalJSX.PtcList & JSXBase.HTMLAttributes<HTMLPtcListElement>;
             "ptc-lottie": LocalJSX.PtcLottie & JSXBase.HTMLAttributes<HTMLPtcLottieElement>;
+            "ptc-media-card": LocalJSX.PtcMediaCard & JSXBase.HTMLAttributes<HTMLPtcMediaCardElement>;
             "ptc-minimized-footer": LocalJSX.PtcMinimizedFooter & JSXBase.HTMLAttributes<HTMLPtcMinimizedFooterElement>;
             "ptc-minimized-header": LocalJSX.PtcMinimizedHeader & JSXBase.HTMLAttributes<HTMLPtcMinimizedHeaderElement>;
             "ptc-mobile-select": LocalJSX.PtcMobileSelect & JSXBase.HTMLAttributes<HTMLPtcMobileSelectElement>;