@ptcwebops/ptcw-design 0.8.3 → 0.8.6

package/dist/types/components.d.ts

@@ -50,6 +50,10 @@ export namespace Components {
         "linkTarget": string | undefined;
         "listType": 'list-primary' | 'list-footer' | 'breadcrumb';
     }
+    interface MaxWidthContainer {
+        "breakpoint": number;
+        "maxWidth": number;
+    }
     interface MyComponent {
         /**
           * The first name
@@ -198,15 +202,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
@@ -263,6 +267,8 @@ export namespace Components {
     interface PtcCardContent {
         "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-dynamic' | 'extra-tall' | 'color-outlined';
         "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
+        "removeInlineHeight": () => Promise<void>;
+        "setHeight": (height: number) => Promise<void>;
         /**
           * (optional) Injected CSS styles
          */
@@ -468,7 +474,7 @@ export namespace Components {
         /**
           * Font Size
          */
-        "fontSize": 'small' | 'medium' | 'large';
+        "fontSize": 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * href
          */
@@ -508,6 +514,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,11 +635,27 @@ 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'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
+    | string;
         /**
           * Overlay z-index
          */
         "overlayZIndex": 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
+        "setOverlay": (overlayName: string) => Promise<void>;
         /**
           * Injected Styles
          */
@@ -637,24 +701,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
@@ -765,18 +829,46 @@ export namespace Components {
         "quoteType": "image-quote" | "plain-quote";
     }
     interface PtcReadmore {
+        /**
+          * Input element state
+         */
+        "checked": boolean;
+        /**
+          * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
+         */
+        "color": 'blue' | 'gray' | 'green' | 'initial';
         /**
           * @returns string
          */
         "display": 'inline' | 'block';
+        /**
+          * Icon: if true show up/down icon besides text
+         */
+        "isIcon": boolean;
+        /**
+          * customize less more text
+         */
+        "lessText"?: string;
         /**
           * customize read more text
          */
-        "moreText": string;
+        "moreText"?: string;
+        /**
+          * Read more text position: left or right
+         */
+        "readMorePosition": string;
+        /**
+          * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
+         */
+        "size": 'small' | 'medium' | 'large';
         /**
           * visible lines
          */
-        "visibleLines": 'line1' | 'line2' | 'line3' | 'line4' | 'line5';
+        "visibleLines": 'line1' | 'line2' | 'line3' | 'line4' | 'line5'  | 'line10';
+        /**
+          * visible lines custom numebr
+         */
+        "visibleLinesCustom": number;
         /**
           * index of hover lable
          */
@@ -815,7 +907,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 +925,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
          */
@@ -866,6 +958,14 @@ export namespace Components {
           * (optional) isBackgroundBlur: If true,it will add background blur image effect
          */
         "isBackgroundBlur"?: boolean;
+        /**
+          * (optional) overlay: If true,it will add black overlay with 0.55 opacity
+         */
+        "overlay"?: boolean;
+        /**
+          * (optional) topSlitPosition: It will decide the position of .
+         */
+        "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
          */
@@ -873,7 +973,7 @@ export namespace Components {
         /**
           * Type Specify  Type, default is text-copy-with-background
          */
-        "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background';
+        "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTitle {
         /**
@@ -893,6 +993,10 @@ export namespace Components {
           * Title color
          */
         "titleColor": 'black' | 'white' | 'gray';
+        /**
+          * Title heading display : To show line above heading full width or title width
+         */
+        "titleDisplay": 'block' | 'inline-block';
         /**
           * Title line height
          */
@@ -900,18 +1004,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 +1024,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' | 'xx-large-allbp';
         /**
           * Title weight
          */
@@ -955,6 +1059,11 @@ export namespace Components {
           * Component Display please don't set it to be inline-block
          */
         "textDisplay": 'inline' | 'block';
+        /**
+          * Ellipsis apply to X lines
+          * @returns string
+         */
+        "textLines"?: number;
         /**
           * index of hover element
          */
@@ -1051,6 +1160,12 @@ declare global {
         prototype: HTMLListItemElement;
         new (): HTMLListItemElement;
     };
+    interface HTMLMaxWidthContainerElement extends Components.MaxWidthContainer, HTMLStencilElement {
+    }
+    var HTMLMaxWidthContainerElement: {
+        prototype: HTMLMaxWidthContainerElement;
+        new (): HTMLMaxWidthContainerElement;
+    };
     interface HTMLMyComponentElement extends Components.MyComponent, HTMLStencilElement {
     }
     var HTMLMyComponentElement: {
@@ -1207,6 +1322,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: {
@@ -1367,6 +1488,7 @@ declare global {
         "dropdown-item": HTMLDropdownItemElement;
         "icon-asset": HTMLIconAssetElement;
         "list-item": HTMLListItemElement;
+        "max-width-container": HTMLMaxWidthContainerElement;
         "my-component": HTMLMyComponentElement;
         "ptc-accordion": HTMLPtcAccordionElement;
         "ptc-accordion-item": HTMLPtcAccordionItemElement;
@@ -1393,6 +1515,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;
@@ -1466,6 +1589,10 @@ declare namespace LocalJSX {
         "linkTarget"?: string | undefined;
         "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb';
     }
+    interface MaxWidthContainer {
+        "breakpoint"?: number;
+        "maxWidth"?: number;
+    }
     interface MyComponent {
         /**
           * The first name
@@ -1626,15 +1753,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 +2037,7 @@ declare namespace LocalJSX {
         /**
           * Font Size
          */
-        "fontSize"?: 'small' | 'medium' | 'large';
+        "fontSize"?: 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * href
          */
@@ -1950,6 +2077,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 +2206,22 @@ 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'
+    | 'black-4'
+    | 'black-5'
+    | 'slate-grey'
+    | 'bright-blue'
+    | 'bright-red'
+    | 'bright-orange'
+    | 'bright-green'
+    | 'bright-slate-grey'
+    | string;
         /**
           * Overlay z-index
          */
@@ -2088,24 +2272,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
@@ -2216,18 +2400,46 @@ declare namespace LocalJSX {
         "quoteType"?: "image-quote" | "plain-quote";
     }
     interface PtcReadmore {
+        /**
+          * Input element state
+         */
+        "checked"?: boolean;
+        /**
+          * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
+         */
+        "color"?: 'blue' | 'gray' | 'green' | 'initial';
         /**
           * @returns string
          */
         "display"?: 'inline' | 'block';
+        /**
+          * Icon: if true show up/down icon besides text
+         */
+        "isIcon"?: boolean;
+        /**
+          * customize less more text
+         */
+        "lessText"?: string;
         /**
           * customize read more text
          */
         "moreText"?: string;
+        /**
+          * Read more text position: left or right
+         */
+        "readMorePosition"?: string;
+        /**
+          * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
+         */
+        "size"?: 'small' | 'medium' | 'large';
         /**
           * visible lines
          */
-        "visibleLines"?: 'line1' | 'line2' | 'line3' | 'line4' | 'line5';
+        "visibleLines"?: 'line1' | 'line2' | 'line3' | 'line4' | 'line5'  | 'line10';
+        /**
+          * visible lines custom numebr
+         */
+        "visibleLinesCustom"?: number;
         /**
           * index of hover lable
          */
@@ -2266,7 +2478,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 +2496,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
          */
@@ -2317,6 +2529,14 @@ declare namespace LocalJSX {
           * (optional) isBackgroundBlur: If true,it will add background blur image effect
          */
         "isBackgroundBlur"?: boolean;
+        /**
+          * (optional) overlay: If true,it will add black overlay with 0.55 opacity
+         */
+        "overlay"?: boolean;
+        /**
+          * (optional) topSlitPosition: It will decide the position of .
+         */
+        "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body.
          */
@@ -2324,7 +2544,7 @@ declare namespace LocalJSX {
         /**
           * Type Specify  Type, default is text-copy-with-background
          */
-        "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background';
+        "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTitle {
         /**
@@ -2344,6 +2564,10 @@ declare namespace LocalJSX {
           * Title color
          */
         "titleColor"?: 'black' | 'white' | 'gray';
+        /**
+          * Title heading display : To show line above heading full width or title width
+         */
+        "titleDisplay"?: 'block' | 'inline-block';
         /**
           * Title line height
          */
@@ -2351,18 +2575,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 +2595,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' | 'xx-large-allbp';
         /**
           * Title weight
          */
@@ -2406,6 +2630,11 @@ declare namespace LocalJSX {
           * Component Display please don't set it to be inline-block
          */
         "textDisplay"?: 'inline' | 'block';
+        /**
+          * Ellipsis apply to X lines
+          * @returns string
+         */
+        "textLines"?: number;
         /**
           * index of hover element
          */
@@ -2429,6 +2658,7 @@ declare namespace LocalJSX {
         "dropdown-item": DropdownItem;
         "icon-asset": IconAsset;
         "list-item": ListItem;
+        "max-width-container": MaxWidthContainer;
         "my-component": MyComponent;
         "ptc-accordion": PtcAccordion;
         "ptc-accordion-item": PtcAccordionItem;
@@ -2455,6 +2685,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;
@@ -2490,6 +2721,7 @@ declare module "@stencil/core" {
             "dropdown-item": LocalJSX.DropdownItem & JSXBase.HTMLAttributes<HTMLDropdownItemElement>;
             "icon-asset": LocalJSX.IconAsset & JSXBase.HTMLAttributes<HTMLIconAssetElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
+            "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "ptc-accordion": LocalJSX.PtcAccordion & JSXBase.HTMLAttributes<HTMLPtcAccordionElement>;
             "ptc-accordion-item": LocalJSX.PtcAccordionItem & JSXBase.HTMLAttributes<HTMLPtcAccordionItemElement>;
@@ -2516,6 +2748,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>;