@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/types/components.d.ts

@@ -43,12 +43,7 @@ export namespace Components {
     interface EmbeddedForm {
     }
     interface EventJumbotronExample {
-        "cards": {
-		title: string;
-		description: string;
-		panelContent: string;
-		cardBg: string;
-	}[];
+        "cards": { title: string; description: string; panelContent: string; cardBg: string }[];
         "modalBtnCloseText": string;
     }
     interface EventPodcastSliderExample {
@@ -99,14 +94,7 @@ export namespace Components {
         /**
           * Icon Color
          */
-        "color": | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "light-gray"
-		| "primary-gray"
-		| "default"
-		| "inherit";
+        "color": 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
         "focusOn"?: boolean;
         /**
           * (optional) Injected CSS Styles
@@ -123,30 +111,20 @@ export namespace Components {
         /**
           * Icon Pulse Animation (not valid for ptc type)
          */
-        "pulse": "fa-pulse" | "";
+        "pulse": 'fa-pulse' | '';
         /**
           * Icon Size
          */
-        "size": | "micro"
-		| "xxx-small"
-		| "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large";
+        "size": 'micro' | 'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Icon Spin Animation (not valid for ptc type)
          */
-        "spin": "fa-spin" | "";
+        "spin": 'fa-spin' | '';
         "trackerId"?: string;
         /**
           * Icon Type
          */
-        "type": "solid" | "brands" | "ptc" | "regular";
+        "type": 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface InnovatorToggleContainer {
         /**
@@ -172,16 +150,12 @@ export namespace Components {
         /**
           * Theme color
          */
-        "color"?: "white" | "primary-gray" | "light-gray";
+        "color"?: 'white' | 'primary-gray' | 'light-gray';
         "flushBefore": boolean;
         "hasBeforeHomeIcon": boolean;
         "linkHref"?: string;
         "linkTarget": string | undefined;
-        "listType": | "list-primary"
-		| "list-footer"
-		| "breadcrumb"
-		| "list-green"
-		| "list-underline";
+        "listType": 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green' | 'list-underline';
         /**
           * (optional) Injected CSS styles
          */
@@ -190,7 +164,7 @@ export namespace Components {
     }
     interface MaxWidthContainer {
         "breakpoint": number;
-        "contentAlign": "left" | "center" | "right";
+        "contentAlign": 'left' | 'center' | 'right';
         "maxWidth": number;
         "maxWidthP"?: number;
         /**
@@ -198,6 +172,8 @@ export namespace Components {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle": string;
     }
@@ -319,11 +295,7 @@ export namespace Components {
         /**
           * Pause Button Location
          */
-        "buttonLocation"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right"
-		| "allbp-bottom-right";
+        "buttonLocation"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'allbp-bottom-right';
         /**
           * Play/Pause Index
          */
@@ -343,7 +315,7 @@ export namespace Components {
         /**
           * Overlay Type standard is gray gradient. dark is dark gradient
          */
-        "overlayType": "standard" | "dark";
+        "overlayType": 'standard' | 'dark';
         /**
           * Pause Button Title
          */
@@ -365,7 +337,7 @@ export namespace Components {
         /**
           * Video implementation type:  default: Content need to add in tag      Ex: <ptc-background-video>Content  </ptc-background-video>  legacy: Add the blank tag in any other setcon having relative parent.      Ex: <div class="section" style="position: relative;">             <ptc-background-video></ptc-background-video>             Content          </div>
          */
-        "type": "default" | "legacy";
+        "type": 'default' | 'legacy';
         /**
           * Video url
          */
@@ -374,7 +346,7 @@ export namespace Components {
     interface PtcBadge {
         "number": number;
         "svgCode": string;
-        "type": "svg" | "number";
+        "type": 'svg' | 'number';
     }
     interface PtcBioCard {
         /**
@@ -403,14 +375,7 @@ export namespace Components {
         /**
           * Theme Color
          */
-        "color": | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "light-gray"
-		| "primary-gray"
-		| "default"
-		| "inherit";
+        "color": 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
         /**
           * Dark Mode for Tab Index
          */
@@ -418,7 +383,7 @@ export namespace Components {
         /**
           * breadcrumb position
          */
-        "position"?: "left" | "center" | "right";
+        "position"?: 'left' | 'center' | 'right';
         /**
           * remove topMargin
          */
@@ -441,21 +406,7 @@ export namespace Components {
         /**
           * Button theme color
          */
-        "color": | "offwhite"
-		| "blackgrey"
-		| "turtlegreen"
-		| "nav"
-		| "legacy-green"
-		| "ptc-primary"
-		| "ptc-secondary"
-		| "ptc-tertiary"
-		| "ptc-quaternary"
-		| "icon-toggle"
-		| "clear-search"
-		| "primary-cta"
-		| "secondary-cta-dark"
-		| "secondary-cta-light";
-        "ctaWidth": "full-width" | "default";
+        "color": 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -471,14 +422,11 @@ export namespace Components {
         /**
           * Icon Animation
          */
-        "iconAnimation": | "animation-right"
-		| "animation-down"
-		| "reveal-down"
-		| "";
+        "iconAnimation": 'animation-right' | 'animation-down' | 'reveal-down' | '';
         /**
           * Icon Position
          */
-        "iconPosition": "icon-left" | "icon-right" | "none";
+        "iconPosition": 'icon-left' | 'icon-right' | 'none';
         /**
           * Link URL
          */
@@ -502,7 +450,7 @@ export namespace Components {
         /**
           * Button theme color
          */
-        "size": "small" | "medium" | "large";
+        "size": 'small' | 'medium' | 'large';
         /**
           * (optional) Injected CSS Styles
          */
@@ -518,12 +466,12 @@ export namespace Components {
         /**
           * Text Align
          */
-        "textAlign"?: "left" | "right" | "center";
+        "textAlign"?: 'left' | 'right' | 'center';
         "trackerId"?: string;
         /**
           * Button type
          */
-        "type": "button" | "reset" | "submit" | "link";
+        "type": 'button' | 'reset' | 'submit' | 'link';
     }
     interface PtcCard {
         /**
@@ -541,28 +489,23 @@ export namespace Components {
         /**
           * Card overflow
          */
-        "cardOverflow"?: | "auto"
-		| "hidden"
-		| "visible"
-		| "inherit"
-		| "initial";
-        "cardTitle": string;
+        "cardOverflow"?: 'auto' | 'hidden' | 'visible' | 'inherit' | 'initial';
         /**
           * 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"
-		| "featured-horizontal-card"
-		| "related-card"
-		| "events-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'
+    | 'featured-horizontal-card'
+    | 'related-card'
+    | 'events-card';
         /**
           * Card Date
          */
@@ -591,10 +534,7 @@ export namespace Components {
         /**
           * Card heading text transform
          */
-        "headingTransform": | "uppercase"
-		| "lowercase"
-		| "capitalize"
-		| "none";
+        "headingTransform": 'uppercase' | 'lowercase' | 'capitalize' | 'none';
         "isCreoCard"?: boolean;
         "isTabHidden": boolean;
         "language": string;
@@ -630,15 +570,7 @@ export namespace Components {
     }
     interface PtcCardBottom {
         "addClassOnDefaultSlot": () => Promise<void>;
-        "cardType": | "card-video"
-		| "card-tall"
-		| "card-2up"
-		| "card-wide"
-		| "card-playlist"
-		| "extra-tall"
-		| "color-outlined"
-		| "most-popular"
-		| "event-podcast";
+        "cardType": 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'| 'most-popular'| 'event-podcast';
         "removeClassOnDefaultSlot": () => Promise<void>;
         /**
           * (optional) Injected CSS styles
@@ -646,25 +578,21 @@ 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"
-		| "thumbnail-video-preview"
-		| "event-jumbotron-sub-card"
-		| "event-podcast";
+        "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'
+    | 'event-jumbotron-sub-card'
+    | 'event-podcast';
         "isLoading"?: boolean;
-        "outlineColor"?: | "o-red"
-		| "o-orange"
-		| "o-blue"
-		| "o-slate-grey"
-		| "o-green";
+        "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
         "removeInlineHeight": () => Promise<void>;
         "setHeight": (height: number) => Promise<void>;
         /**
@@ -680,19 +608,19 @@ export namespace Components {
         /**
           * Card Type
          */
-        "cardType": | "card-video"
-		| "card-tall"
-		| "card-wide"
-		| "speed-bump"
-		| "card-playlist"
-		| "card-video-intro"
-		| "card-2up"
-		| "extra-tall"
-		| "color-outlined"
-		| "result-box"
-		| "most-popular"
-		| "simple-card"
-		| "event-podcast";
+        "cardType": | 'card-video'
+    | 'card-tall'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-2up'
+    | 'extra-tall'
+    | 'color-outlined'
+    | 'result-box'
+    | 'most-popular'
+    | 'simple-card'
+    | 'event-podcast';
         /**
           * darkFocusState for dark background
          */
@@ -729,7 +657,7 @@ export namespace Components {
     interface PtcCaseStudiesSlider {
     }
     interface PtcCheckbox {
-        "checked": "checked" | "unchecked";
+        "checked": 'checked' | 'unchecked';
         "disabled": boolean;
         "inputName": string;
         "offsetFocusOutline": boolean;
@@ -738,7 +666,7 @@ export namespace Components {
     }
     interface PtcCheckboxGroup {
         "groupName": string;
-        "type": "single" | "card";
+        "type": 'single' | 'card';
     }
     interface PtcCloseIcon {
     }
@@ -757,17 +685,10 @@ export namespace Components {
         /**
           * Theme
          */
-        "backgroundColor": "white" | "gray";
-        "containerType": "large" | "none" | "";
-        "elevation": "x-small" | "small" | "medium" | "large" | "x-large";
-        "spacing": | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large";
+        "backgroundColor": 'white' | 'gray';
+        "containerType": 'large' | 'none' | '';
+        "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+        "spacing": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';
         "styles"?: string;
     }
     interface PtcCountdown {
@@ -808,11 +729,11 @@ export namespace Components {
         /**
           * Date Font Size
          */
-        "dataSize": "medium" | "small";
+        "dataSize": 'medium' | 'small';
         /**
           * Date Color
          */
-        "dateColor": "white" | "primary-grey";
+        "dateColor": 'white' | 'primary-grey';
         /**
           * Date examples: 2000-1-1 or 2000/01/01
          */
@@ -844,7 +765,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": "sort" | "support";
+        "theme": 'sort' | 'support';
         "trackerId": string;
     }
     interface PtcDynamicCard {
@@ -859,7 +780,7 @@ export namespace Components {
         /**
           * Card varients
          */
-        "cardScreen": "mobile" | "desktop";
+        "cardScreen": 'mobile' | 'desktop';
         /**
           * Card Title
          */
@@ -867,7 +788,7 @@ export namespace Components {
         /**
           * Dynamic Card Type
          */
-        "cardType": "sequential";
+        "cardType": 'sequential';
         /**
           * Focus the card-wrapper element
          */
@@ -905,7 +826,7 @@ export namespace Components {
          */
         "cardIndex": number;
         "disablePriceLabel": boolean;
-        "theme": "standard" | "alternate";
+        "theme": 'standard' | 'alternate';
     }
     interface PtcFeaturedList {
     }
@@ -925,7 +846,7 @@ export namespace Components {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "theme": "bubble" | "link" | "link-lg" | "button" | "standard";
+        "theme": 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
         "trackerID": string;
     }
     interface PtcFooter {
@@ -962,11 +883,11 @@ export namespace Components {
         /**
           * Content Alignment
          */
-        "contentAlignment"?: "left" | "right" | "center";
+        "contentAlignment"?: 'left' | 'right' | 'center';
         /**
           * Hero Type
          */
-        "heroType": "jumbotron" | "footer-cta" | "simple";
+        "heroType": 'jumbotron' | 'footer-cta' | 'simple';
     }
     interface PtcHeroFooterCta {
         "backgroundImage": string;
@@ -979,10 +900,7 @@ export namespace Components {
         /**
           * Pause Button Location
          */
-        "buttonLocation"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right";
+        "buttonLocation"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * delay loading of video to improve perfomance
          */
@@ -1034,10 +952,7 @@ export namespace Components {
         /**
           * List item type
          */
-        "listType": | "simple-icon-list"
-		| "stat-icon-list"
-		| "icon-top-align-list"
-		| "feature-callout-list";
+        "listType": 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list' | 'feature-callout-list';
         "noBottomSpace"?: boolean;
         "styles"?: string;
         /**
@@ -1072,15 +987,11 @@ export namespace Components {
         /**
           * Image border shape
          */
-        "borderRadius": | "radius-standard"
-		| "radius-large"
-		| "radius-large-top"
-		| "radius-standard-top"
-		| "";
+        "borderRadius": 'radius-standard' | 'radius-large' | 'radius-large-top' | 'radius-standard-top' | '';
         /**
           * Image type
          */
-        "imageType": "smart-bg" | "smart-img";
+        "imageType": 'smart-bg' | 'smart-img';
         /**
           * Image Src
          */
@@ -1088,7 +999,7 @@ export namespace Components {
         /**
           * Lazy loading option
          */
-        "loadMode": "lazy-bg" | "eager-bg";
+        "loadMode": 'lazy-bg' | 'eager-bg';
         /**
           * Image solution for large screen >=1200px
          */
@@ -1117,9 +1028,8 @@ export namespace Components {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "target": string;
         "trackerId"?: string;
-        "variant": "image" | "text";
+        "variant": 'image' | 'text';
     }
     interface PtcInlineCta {
         "containerIsShadow": boolean;
@@ -1129,7 +1039,7 @@ export namespace Components {
         /**
           * PROPS
          */
-        "type": "small" | "big" | "bottom";
+        "type": 'small' | 'big' | 'bottom';
     }
     interface PtcJumbotron {
         "bgSrc"?: string;
@@ -1182,17 +1092,11 @@ export namespace Components {
         /**
           * Font Size
          */
-        "fontSize": "small" | "medium" | "large" | "medium-large";
+        "fontSize": 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * Font Weight
          */
-        "fontWeight"?: | "w-thin"
-		| "w-regular"
-		| "w-medium"
-		| "w-semibold"
-		| "w-bold"
-		| "w-extrabold"
-		| "w-black";
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -1200,7 +1104,7 @@ export namespace Components {
         /**
           * Optional Link Area
          */
-        "linkArea"?: "link-area-cover-parent";
+        "linkArea"?: 'link-area-cover-parent';
         /**
           * Title
          */
@@ -1224,21 +1128,21 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": | "simple"
-		| "underline"
-		| "nav-title"
-		| "primary-nav-link"
-		| "nav-title-link"
-		| "nav-card-link"
-		| "secondary-nav-link"
-		| "footer-nav-link"
-		| "copyright-link"
-		| "product-link"
-		| "d-green-underline"
-		| "d-white-underline"
-		| "global"
-		| "utility-nav-link"
-		| "standard-link";
+        "theme": | 'simple'
+    | 'underline'
+    | 'nav-title'
+    | 'primary-nav-link'
+    | 'nav-title-link'
+    | 'nav-card-link'
+    | 'secondary-nav-link'
+    | 'footer-nav-link'
+    | 'copyright-link'
+    | 'product-link'
+    | 'd-green-underline'
+    | 'd-white-underline'
+    | 'global'
+    | 'utility-nav-link'
+    | 'standard-link';
         /**
           * trackerId added for Mouseflow id
          */
@@ -1246,7 +1150,7 @@ export namespace Components {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType": "list-primary";
+        "listType": 'list-primary';
     }
     interface PtcMediaCard {
         /**
@@ -1265,7 +1169,7 @@ export namespace Components {
         /**
           * Card Type Specify Card Type, default to media card
          */
-        "cardType"?: "media-card" | "bureau-card" | "case-study-icon";
+        "cardType"?: 'media-card' | 'bureau-card' | 'case-study-icon';
         /**
           * Card category
          */
@@ -1277,10 +1181,7 @@ export namespace Components {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: | "uppercase"
-		| "lowercase"
-		| "capitalize"
-		| "none";
+        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
         /**
           * Background Hover Image
          */
@@ -1348,10 +1249,7 @@ export namespace Components {
         /**
           * Add the border radius  Options: standard | large | pill | circle
          */
-        "borderRadius"?: | "standard"
-		| "large"
-		| "pill"
-		| "circle";
+        "borderRadius"?: 'standard' | 'large' | 'pill' | 'circle';
         "bottomCloseBtn"?: string;
         /**
           * Sets if popup should close if click on outside
@@ -1360,7 +1258,7 @@ export namespace Components {
         /**
           * This is to add css class to Modal Form with Content
          */
-        "customClass"?: "";
+        "customClass"?: '';
         /**
           * Sets if popup should overlay
          */
@@ -1386,10 +1284,7 @@ export namespace Components {
           * Sets if popup should overlay
          */
         "keepInViewport"?: boolean;
-        "modalType": | "video-modal"
-		| "default-modal"
-		| "event-listing"
-		| "thank-you";
+        "modalType": 'video-modal' | 'default-modal' | 'event-listing' | 'thank-you';
         /**
           * Sets if popup should overlay
          */
@@ -1411,12 +1306,7 @@ export namespace Components {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: | "sm"
-		| "md"
-		| "lg"
-		| "xl"
-		| "max"
-		| "sm-modal";
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -1440,12 +1330,7 @@ export namespace Components {
         "focusToggleButton": () => Promise<void>;
         "helpertext": string;
         "isRequired": boolean;
-        "items": Array<{
-		text: string;
-		selected: boolean;
-		ptcDataEloquaName: string;
-		ptcDataTargetEloquaName: string;
-	}>;
+        "items": Array<{ text: string; selected: boolean; ptcDataEloquaName: string; ptcDataTargetEloquaName: string }>;
         "label": string;
         "placeholderText": string;
         "selectAllText": string;
@@ -1462,7 +1347,7 @@ export namespace Components {
         /**
           * Card Type Specify Card Type
          */
-        "cardType": "media-card" | "links-card" | "cta-card";
+        "cardType": 'media-card' | 'links-card' | 'cta-card';
         /**
           * Card description
          */
@@ -1554,7 +1439,7 @@ export namespace Components {
         "labelTrackerId"?: string;
     }
     interface PtcNavTile {
-        "navLinks": { title: string; url: string }[];
+        "navLinks": { title: string; url: string} [];
     }
     interface PtcNews {
         /**
@@ -1596,45 +1481,38 @@ export namespace Components {
         /**
           * Overlay border shape
          */
-        "borderRadius": | "radius-standard"
-		| "radius-large"
-		| "radius-pill"
-		| "radius-circle";
+        "borderRadius": 'radius-standard' | 'radius-large'| 'radius-pill' | 'radius-circle';
         /**
           * 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"
-		| "solid-black-1"
-		| "solid-black-2"
-		| "hp-blue"
-		| "hp-green"
-		| "hp-red"
-		| "hp-gray"
-		| "hp-orange"
-		| "transparent"
-		| string;
+        "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'
+    | 'solid-black-1'
+    | 'solid-black-2'
+    | 'hp-blue'
+    | 'hp-green'
+    | 'hp-red'
+    | 'hp-gray'
+    | 'hp-orange'
+    | 'transparent'
+    | string;
         /**
           * Overlay z-index
          */
-        "overlayZIndex": | "z-index-auto"
-		| "z-index-n-2"
-		| "z-index-n-1"
-		| "z-index-p-1"
-		| "z-index-p-2";
+        "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
@@ -1655,7 +1533,7 @@ export namespace Components {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "theme": "events" | "standard";
+        "theme": 'events' | 'standard';
         "totalCount"?: number;
     }
     interface PtcPara {
@@ -1667,21 +1545,11 @@ export namespace Components {
         /**
           * Paragraph font size
          */
-        "fontSize": | "xxx-small"
-		| "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "htmlquote-para";
+        "fontSize": 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'htmlquote-para';
         /**
           * Paragraph font weight
          */
-        "fontWeight": "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "fontWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         "hideTooltipOnMobile": boolean;
         "maxChars": number;
         "maxLines": number;
@@ -1692,60 +1560,45 @@ export namespace Components {
         /**
           * Para text Alignment
          */
-        "paraAlign"?: | "left"
-		| "center"
-		| "right"
-		| "justify"
-		| "right-768above";
+        "paraAlign"?: 'left' | 'center' | 'right' | 'justify' | 'right-768above';
         /**
           * Paragraph Color
          */
-        "paraColor": "primary-grey" | "white" | "gray-darker";
+        "paraColor": 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
-        "paraLineH": | "line-height-densest"
-		| "line-height-denser"
-		| "line-height-dense"
-		| "line-height-normal"
-		| "line-height-loose"
-		| "line-height-looser"
-		| "line-height-p";
+        "paraLineH": 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser' | 'line-height-p';
         /**
           * 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"
-		| "margin-6";
+        "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
          */
-        "paraStyle": | "default"
-		| "intro"
-		| "small"
-		| "announcement"
-		| "flush-style"
-		| "main";
+        "paraStyle": 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
         /**
           * sep z-index
          */
-        "paraZIndex"?: "z-auto" | "z-1" | "z-2" | "z-3" | "z-99" | "z-999";
+        "paraZIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
         /**
           * (optional) enable support for seo tools that can only view source
          */
@@ -1757,19 +1610,15 @@ export namespace Components {
         /**
           * Tooltip position
          */
-        "tooltipPosition": | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top";
+        "tooltipPosition": 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         /**
           * (optional) Injected CSS Styles
          */
-        "tooltipTheme": "standard" | "danger";
+        "tooltipTheme": 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "tooltipWidth"?: "full-width" | "default";
+        "tooltipWidth"?: 'full-width' | 'default';
         /**
           * index of hover tooltip element
          */
@@ -1783,10 +1632,7 @@ export namespace Components {
         /**
           * Image border shape
          */
-        "borderRadius": | "radius-standard"
-		| "radius-large"
-		| "radius-pill"
-		| "radius-circle";
+        "borderRadius": 'radius-standard' | 'radius-large' | 'radius-pill' | 'radius-circle';
         /**
           * Disable Image resizing solution
          */
@@ -1794,7 +1640,7 @@ export namespace Components {
         /**
           * Display image: inline, inline-block, block
          */
-        "displayImage"?: "inline" | "inline-block" | "block";
+        "displayImage"?: 'inline' | 'inline-block' | 'block';
         /**
           * Set height Value unit: pixles Just put numbers without unit
          */
@@ -1802,11 +1648,11 @@ export namespace Components {
         /**
           * (optional) Image alignment
          */
-        "imageAlignment"?: "left" | "right" | "center";
+        "imageAlignment"?: 'left' | 'right' | 'center';
         /**
           * Image Position
          */
-        "imagePosition": "relative" | "absolute" | "static";
+        "imagePosition": 'relative' | 'absolute' | 'static';
         /**
           * Stretch height to 100%?
          */
@@ -1822,13 +1668,7 @@ export namespace Components {
         /**
           * Object Fit Default: cover
          */
-        "objectFit": | "cover"
-		| "fill"
-		| "contain"
-		| "scale-down"
-		| "none"
-		| "initial"
-		| "inherit";
+        "objectFit": 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
         /**
           * Image solution for large screen >=1200px
          */
@@ -1888,6 +1728,7 @@ export namespace Components {
          */
         "styles"?: string;
         "text": string | undefined;
+        "theme": 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -2068,7 +1909,7 @@ export namespace Components {
         "filterText": string;
         "jumpToProduct": string;
         "selectTechnology": string;
-        "suggestionList": { categoryName: string; products: string[] }[];
+        "suggestionList": { categoryName: string, products: string[] }[];
         "technologyText": string;
     }
     interface PtcProgressBar {
@@ -2106,9 +1947,7 @@ export namespace Components {
         /**
           * Quote Type
          */
-        "quoteType": | "image-quote"
-		| "plain-quote"
-		| "value-led-quote";
+        "quoteType": "image-quote" | "plain-quote" | 'value-led-quote';
     }
     interface PtcReadmore {
         /**
@@ -2118,11 +1957,11 @@ export namespace Components {
         /**
           * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
          */
-        "color": "blue" | "gray" | "green" | "initial";
+        "color": 'blue' | 'gray' | 'green' | 'initial';
         /**
           * @returns string
          */
-        "display": "inline" | "block";
+        "display": 'inline' | 'block';
         /**
           * isContentSlotted: if the readmore content is from slot,
          */
@@ -2142,21 +1981,16 @@ export namespace Components {
         /**
           * Read more text position: left or right
          */
-        "readMorePosition": "left" | "right" | "center";
+        "readMorePosition": 'left' | 'right' | 'center';
         /**
           * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
          */
-        "size": "small" | "medium" | "large";
+        "size": 'small' | 'medium' | 'large';
         "updateReadmoreStatus": () => Promise<void>;
         /**
           * visible lines
          */
-        "visibleLines": | "line1"
-		| "line2"
-		| "line3"
-		| "line4"
-		| "line5"
-		| "line10";
+        "visibleLines": 'line1' | 'line2' | 'line3' | 'line4' | 'line5'  | 'line10';
         /**
           * visible lines custom numebr
          */
@@ -2164,7 +1998,7 @@ export namespace Components {
         /**
           * index of hover lable
          */
-        "zIndex": "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
+        "zIndex": 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
     interface PtcReadmoreChar {
         /**
@@ -2221,16 +2055,15 @@ export namespace Components {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector": string;
-        "isVisible": boolean;
         "railTitle": string;
     }
     interface PtcResponsiveWrapper {
     }
     interface PtcScrollButton {
-        "direction": "left" | "right" | "up" | "down";
+        "direction": 'left' | 'right' | 'up' | 'down';
         "initVisibility": () => Promise<void>;
         "isDragging": boolean;
-        "orientation": "horizontal" | "vertical";
+        "orientation": 'horizontal' | 'vertical';
         "scrollAmount": number;
         "scrollContainerClass": string;
         "styles"?: string;
@@ -2239,7 +2072,7 @@ export namespace Components {
     interface PtcSearchField {
         "clearSearchValue": () => Promise<void>;
         "darkTheme": boolean;
-        "elevation": "x-small" | "small" | "medium" | "large" | "x-large";
+        "elevation": 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
         "enableClear": boolean;
         "isNews": boolean;
         "placeholderLabel": string;
@@ -2278,79 +2111,73 @@ export namespace Components {
         /**
           * Text Align
          */
-        "textAlign": "left" | "center" | "right" | "inherit";
+        "textAlign": 'left' | 'center' | 'right' | 'inherit';
         /**
           * Title color
          */
-        "titleColor": "black" | "white" | "gray" | "gray-darker" | "gray-1";
+        "titleColor": 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
         /**
           * Title heading display : To show line above heading full width or title width
          */
-        "titleDisplay": "block" | "inline-block";
+        "titleDisplay": 'block' | 'inline-block';
         /**
           * Title line height
          */
-        "titleHeight": | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
-		| "paragraph";
+        "titleHeight": 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
         /**
           * 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"
-		| "margin-6"
-		| "margin-9";
+        "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'
+    | 'margin-9';
         /**
           * Title Shadow
          */
-        "titleShadow": "blue" | "red" | "green" | "orange" | "slate-grey";
+        "titleShadow": 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
         /**
           * Title size
          */
-        "titleSize": | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
-		| "xxxx-large-store";
+        "titleSize": | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
+    | 'xxxx-large-store';
         /**
           * Title weight
          */
-        "titleWeight": "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "titleWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Title Tag Type
          */
-        "type": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "type": 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
-        "upperline": "dotted" | "solid" | "no-upperline";
+        "upperline": 'dotted' | 'solid' | 'no-upperline';
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "cartText": string;
-        "color": "black" | "white";
+        "color": 'black' | 'white';
     }
     interface PtcShowcaseCard {
         "headingIconAltText": string;
@@ -2443,50 +2270,25 @@ export namespace Components {
           * darkFocusState for dark background
          */
         "darkFocusState": boolean;
-        "display"?: "inline-block" | "block" | "inline" | "flex";
+        "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
           * Icon asset color
          */
-        "iconColor"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "primary-gray"
-		| "inherit";
+        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon asset hover color
          */
-        "iconHoverColor"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "primary-gray"
-		| "inherit";
+        "iconHoverColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon Size
          */
-        "iconSize"?: | "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large";
+        "iconSize"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Email recipient. If you want to use mail share, you need to use this property
          */
         "recipient"?: string;
         "shareTitle": string;
-        "shareType"?: | "mail"
-		| "twitter"
-		| "linkedin"
-		| "facebook"
-		| "share-api"
-		| "download"
-		| "blog-mail"
-		| "blog-twitter"
-		| "blog-linkedin"
-		| "blog-facebook";
+        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
         /**
           * Optional - source for linkedin
          */
@@ -2499,53 +2301,29 @@ export namespace Components {
         /**
           * Breakpoint
          */
-        "breakpoint": | ""
-		| "medium"
-		| "small"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "x-small"
-		| "xx-small"
-		| "xxx-large";
+        "breakpoint": '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
         /**
           * Direction
          */
-        "direction": "vertical" | "horizontal";
+        "direction": 'vertical' | 'horizontal';
         /**
           * Spacing Size
          */
-        "size": | "large"
-		| "medium"
-		| "small"
-		| "x-large"
-		| "x-small"
-		| "xx-large"
-		| "xx-small"
-		| "xxx-large"
-		| "xxxx-large"
-		| "space-144"
-		| "space-120"
-		| "space-128";
+        "size": 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
     }
     interface PtcSpan {
         /**
           * Display
          */
-        "display": "block" | "inline-block" | "inline";
+        "display": 'block' | 'inline-block' | 'inline';
         /**
           * Span weight
          */
-        "fontWeight": "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "fontWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Span Style
          */
-        "spanStyle": | "link-style"
-		| "tag-style"
-		| "nav-style"
-		| "plm-hub-style"
-		| "plm-hub-style-smaller"
-		| "blog-tag";
+        "spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
         /**
           * Injected Styles
          */
@@ -2555,7 +2333,7 @@ export namespace Components {
         /**
           * Arrow Direction
          */
-        "arrowDirection"?: "up" | "down";
+        "arrowDirection"?: 'up' | 'down';
         /**
           * Number after the icon
          */
@@ -2610,7 +2388,7 @@ export namespace Components {
         /**
           * Display
          */
-        "display": "block" | "inline" | "inline-block" | "flex";
+        "display": 'block' | 'inline' | 'inline-block' | 'flex';
         /**
           * Injected Styles
          */
@@ -2636,7 +2414,7 @@ export namespace Components {
         /**
           * Tab Type
          */
-        "type"?: "default" | "tab-with-banner";
+        "type"?: 'default' | 'tab-with-banner';
     }
     interface PtcTabs {
         "openTab": (index: number) => Promise<void>;
@@ -2665,10 +2443,7 @@ export namespace Components {
         /**
           * (optional) topSlitPosition: It will decide the position of .
          */
-        "slitPosition"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right";
+        "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * (optional) Injected CSS Styles
          */
@@ -2680,10 +2455,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"
-		| "case-studies";
+        "type": 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
         /**
@@ -2697,9 +2469,7 @@ export namespace Components {
         /**
           * Custom Validation - String
          */
-        "customValidation": (
-		input: HTMLInputElement | HTMLTextAreaElement,
-	) => string;
+        "customValidation": (input: HTMLInputElement) => string;
         /**
           * Disable the field
          */
@@ -2712,7 +2482,6 @@ export namespace Components {
           * input "name" value. e.g.: 'phone', 'email', 'firstname', 'lastname'
          */
         "fieldName": string;
-        "getValidationMessage": (type: string) => Promise<string>;
         /**
           * Validation text (red)
          */
@@ -2758,7 +2527,7 @@ export namespace Components {
         /**
           * Text Field Form
          */
-        "textfieldForm": "default" | "email-signup";
+        "textfieldForm": 'default' | 'email-signup';
         /**
           * text, button, email, file and etc. This value triggers different validation
          */
@@ -2769,13 +2538,13 @@ export namespace Components {
         "cardDescription"?: string;
         "cardNumber"?: number;
         "cardTitle"?: string;
-        "modalType"?: "only-video" | "video-with-description";
+        "modalType"?: 'only-video' | 'video-with-description';
         "thumbImg"?: string;
         "videoId"?: number;
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
-        "updateData": (data: any, currentModalIndex: any, cardElement?: HTMLElement) => Promise<void>;
+        "updateData": (data: any, currentModalIndex: any) => Promise<void>;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements": any;
@@ -2801,82 +2570,72 @@ export namespace Components {
         /**
           * Text Align
          */
-        "textAlign": "left" | "center" | "right" | "inherit";
+        "textAlign": 'left' | 'center' | 'right' | 'inherit';
         /**
           * Title color
          */
-        "titleColor": "black" | "white" | "gray" | "gray-darker" | "gray-1";
+        "titleColor": 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
         /**
           * Title heading display : To show line above heading full width or title width
          */
-        "titleDisplay": "block" | "inline-block";
+        "titleDisplay": 'block' | 'inline-block';
         /**
           * Title line height
          */
-        "titleHeight": | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
-		| "paragraph";
+        "titleHeight": 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
         /**
           * 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"
-		| "margin-6"
-		| "margin-9";
+        "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'
+    | 'margin-9';
         /**
           * Title Shadow
          */
-        "titleShadow": "blue" | "red" | "green" | "orange" | "slate-grey";
+        "titleShadow": 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
         /**
           * Title size
          */
-        "titleSize": | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
-		| "xxxx-large-store";
+        "titleSize": | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
+    | 'xxxx-large-store';
         /**
           * Title weight
          */
-        "titleWeight": "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "titleWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Tooltip position
          */
-        "tooltipPosition": | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top";
+        "tooltipPosition": 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         /**
           * (optional) Injected CSS Styles
          */
-        "tooltipTheme": "standard" | "danger";
+        "tooltipTheme": 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "tooltipWidth"?: "full-width" | "default";
+        "tooltipWidth"?: 'full-width' | 'default';
         /**
           * index of hover tooltip element
          */
@@ -2884,11 +2643,11 @@ export namespace Components {
         /**
           * Title Tag Type
          */
-        "type": "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "type": 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
-        "upperline": "dotted" | "solid" | "no-upperline";
+        "upperline": 'dotted' | 'solid' | 'no-upperline';
     }
     interface PtcTooltip {
         /**
@@ -2907,7 +2666,7 @@ export namespace Components {
         /**
           * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
          */
-        "mode": "wrapper" | "text-only";
+        "mode": 'wrapper' | 'text-only';
         /**
           * If tooltip noOverflow = "true" then the tooltip will not be visible just ellipses will be visible
          */
@@ -2915,12 +2674,7 @@ export namespace Components {
         /**
           * Tooltip position
          */
-        "position": | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top"
-		| "side-left";
+        "position": 'left' | 'right' | 'bottom' | 'bottom-right' | 'top' | 'side-left';
         /**
           * (optional) Injected CSS Styles
          */
@@ -2928,7 +2682,7 @@ export namespace Components {
         /**
           * Component Display please don't set it to be inline-block
          */
-        "textDisplay": "inline" | "block";
+        "textDisplay": 'inline' | 'block';
         /**
           * Ellipsis apply to X lines
           * @returns string
@@ -2937,27 +2691,27 @@ export namespace Components {
         /**
           * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
          */
-        "theme": "standard" | "danger";
+        "theme": 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "width"?: "full-width" | "default";
+        "width"?: 'full-width' | 'default';
         /**
           * index of hover element
          */
-        "zIndex": "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
+        "zIndex": 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
     interface PtcTooltipV2 {
-        "elementDisplay": "block" | "inline-block" | "inline";
+        "elementDisplay": 'block' | 'inline-block' | 'inline';
         "hideOnMobile": boolean;
         "maxLength": number;
         "maxLines": number;
-        "position": "top" | "bottom" | "left" | "right";
+        "position": 'top' | 'bottom' | 'left' | 'right';
         /**
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "width": "full-width" | "default";
+        "width": 'full-width' | 'default';
         "zIndex": number;
     }
     interface PtcTooltipV3 {
@@ -2968,16 +2722,16 @@ export namespace Components {
         /**
           * Tooltip position
          */
-        "position": "left" | "right" | "bottom" | "bottom-right" | "top";
+        "position": 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         "styles"?: string;
         /**
           * (optional) Injected CSS Styles
          */
-        "theme": "standard" | "danger";
+        "theme": 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "width"?: "full-width" | "default";
+        "width"?: 'full-width' | 'default';
         /**
           * index of hover element
          */
@@ -2987,9 +2741,7 @@ export namespace Components {
         /**
           * Card Type Specify Card Type,
          */
-        "componentType": | "two-column-media"
-		| "two-column-media-icon-list"
-		| "two-column-text";
+        "componentType": 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
     }
     interface PtcValueLedCard {
         "cardImage"?: string;
@@ -3036,7 +2788,7 @@ export namespace Components {
     }
     interface PtcVideoEmbed {
         "src": string;
-        "type": "Brightcove" | "Youtube" | "HTML";
+        "type": 'Brightcove' | 'Youtube' | 'HTML';
         "width"?: number;
     }
     interface PtcWhitePaper {
@@ -3256,10 +3008,6 @@ export interface PtcTheaterVideoCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcTheaterVideoElement;
 }
-export interface PtcTheaterVideoModalCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLPtcTheaterVideoModalElement;
-}
 export interface PtcWhitePaperCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLPtcWhitePaperElement;
@@ -3431,6 +3179,12 @@ declare global {
         prototype: HTMLMaxWidthContainerElement;
         new (): HTMLMaxWidthContainerElement;
     };
+    interface HTMLModalFormExampleElement extends Components.ModalFormExample, HTMLStencilElement {
+    }
+    var HTMLModalFormExampleElement: {
+        prototype: HTMLModalFormExampleElement;
+        new (): HTMLModalFormExampleElement;
+    };
     interface HTMLMostPopularNewsElement extends Components.MostPopularNews, HTMLStencilElement {
     }
     var HTMLMostPopularNewsElement: {
@@ -4353,6 +4107,7 @@ declare global {
         "jumbotron-sub-mune": HTMLJumbotronSubMuneElement;
         "list-item": HTMLListItemElement;
         "max-width-container": HTMLMaxWidthContainerElement;
+        "modal-form-example": HTMLModalFormExampleElement;
         "most-popular-news": HTMLMostPopularNewsElement;
         "my-component": HTMLMyComponentElement;
         "news-search-result": HTMLNewsSearchResultElement;
@@ -4541,12 +4296,7 @@ declare namespace LocalJSX {
     interface EmbeddedForm {
     }
     interface EventJumbotronExample {
-        "cards"?: {
-		title: string;
-		description: string;
-		panelContent: string;
-		cardBg: string;
-	}[];
+        "cards"?: { title: string; description: string; panelContent: string; cardBg: string }[];
         "modalBtnCloseText"?: string;
     }
     interface EventPodcastSliderExample {
@@ -4601,14 +4351,7 @@ declare namespace LocalJSX {
         /**
           * Icon Color
          */
-        "color"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "light-gray"
-		| "primary-gray"
-		| "default"
-		| "inherit";
+        "color"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
         "focusOn"?: boolean;
         /**
           * (optional) Injected CSS Styles
@@ -4626,30 +4369,20 @@ declare namespace LocalJSX {
         /**
           * Icon Pulse Animation (not valid for ptc type)
          */
-        "pulse"?: "fa-pulse" | "";
+        "pulse"?: 'fa-pulse' | '';
         /**
           * Icon Size
          */
-        "size"?: | "micro"
-		| "xxx-small"
-		| "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large";
+        "size"?: 'micro' | 'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Icon Spin Animation (not valid for ptc type)
          */
-        "spin"?: "fa-spin" | "";
+        "spin"?: 'fa-spin' | '';
         "trackerId"?: string;
         /**
           * Icon Type
          */
-        "type"?: "solid" | "brands" | "ptc" | "regular";
+        "type"?: 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface InnovatorToggleContainer {
         /**
@@ -4676,16 +4409,12 @@ declare namespace LocalJSX {
         /**
           * Theme color
          */
-        "color"?: "white" | "primary-gray" | "light-gray";
+        "color"?: 'white' | 'primary-gray' | 'light-gray';
         "flushBefore"?: boolean;
         "hasBeforeHomeIcon"?: boolean;
         "linkHref"?: string;
         "linkTarget"?: string | undefined;
-        "listType"?: | "list-primary"
-		| "list-footer"
-		| "breadcrumb"
-		| "list-green"
-		| "list-underline";
+        "listType"?: 'list-primary' | 'list-footer' | 'breadcrumb' | 'list-green' | 'list-underline';
         /**
           * (optional) Injected CSS styles
          */
@@ -4694,7 +4423,7 @@ declare namespace LocalJSX {
     }
     interface MaxWidthContainer {
         "breakpoint"?: number;
-        "contentAlign"?: "left" | "center" | "right";
+        "contentAlign"?: 'left' | 'center' | 'right';
         "maxWidth"?: number;
         "maxWidthP"?: number;
         /**
@@ -4702,6 +4431,8 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
     }
+    interface ModalFormExample {
+    }
     interface MostPopularNews {
         "topTitle"?: string;
     }
@@ -4831,11 +4562,7 @@ declare namespace LocalJSX {
         /**
           * Pause Button Location
          */
-        "buttonLocation"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right"
-		| "allbp-bottom-right";
+        "buttonLocation"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'allbp-bottom-right';
         /**
           * Play/Pause Index
          */
@@ -4855,7 +4582,7 @@ declare namespace LocalJSX {
         /**
           * Overlay Type standard is gray gradient. dark is dark gradient
          */
-        "overlayType"?: "standard" | "dark";
+        "overlayType"?: 'standard' | 'dark';
         /**
           * Pause Button Title
          */
@@ -4875,7 +4602,7 @@ declare namespace LocalJSX {
         /**
           * Video implementation type:  default: Content need to add in tag      Ex: <ptc-background-video>Content  </ptc-background-video>  legacy: Add the blank tag in any other setcon having relative parent.      Ex: <div class="section" style="position: relative;">             <ptc-background-video></ptc-background-video>             Content          </div>
          */
-        "type"?: "default" | "legacy";
+        "type"?: 'default' | 'legacy';
         /**
           * Video url
          */
@@ -4884,7 +4611,7 @@ declare namespace LocalJSX {
     interface PtcBadge {
         "number"?: number;
         "svgCode"?: string;
-        "type"?: "svg" | "number";
+        "type"?: 'svg' | 'number';
     }
     interface PtcBioCard {
         /**
@@ -4913,14 +4640,7 @@ declare namespace LocalJSX {
         /**
           * Theme Color
          */
-        "color"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "light-gray"
-		| "primary-gray"
-		| "default"
-		| "inherit";
+        "color"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit';
         /**
           * Dark Mode for Tab Index
          */
@@ -4928,7 +4648,7 @@ declare namespace LocalJSX {
         /**
           * breadcrumb position
          */
-        "position"?: "left" | "center" | "right";
+        "position"?: 'left' | 'center' | 'right';
         /**
           * remove topMargin
          */
@@ -4951,21 +4671,7 @@ declare namespace LocalJSX {
         /**
           * Button theme color
          */
-        "color"?: | "offwhite"
-		| "blackgrey"
-		| "turtlegreen"
-		| "nav"
-		| "legacy-green"
-		| "ptc-primary"
-		| "ptc-secondary"
-		| "ptc-tertiary"
-		| "ptc-quaternary"
-		| "icon-toggle"
-		| "clear-search"
-		| "primary-cta"
-		| "secondary-cta-dark"
-		| "secondary-cta-light";
-        "ctaWidth"?: "full-width" | "default";
+        "color"?: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary' | 'icon-toggle' | 'clear-search';
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -4981,14 +4687,11 @@ declare namespace LocalJSX {
         /**
           * Icon Animation
          */
-        "iconAnimation"?: | "animation-right"
-		| "animation-down"
-		| "reveal-down"
-		| "";
+        "iconAnimation"?: 'animation-right' | 'animation-down' | 'reveal-down' | '';
         /**
           * Icon Position
          */
-        "iconPosition"?: "icon-left" | "icon-right" | "none";
+        "iconPosition"?: 'icon-left' | 'icon-right' | 'none';
         /**
           * Link URL
          */
@@ -5016,7 +4719,7 @@ declare namespace LocalJSX {
         /**
           * Button theme color
          */
-        "size"?: "small" | "medium" | "large";
+        "size"?: 'small' | 'medium' | 'large';
         /**
           * (optional) Injected CSS Styles
          */
@@ -5032,12 +4735,12 @@ declare namespace LocalJSX {
         /**
           * Text Align
          */
-        "textAlign"?: "left" | "right" | "center";
+        "textAlign"?: 'left' | 'right' | 'center';
         "trackerId"?: string;
         /**
           * Button type
          */
-        "type"?: "button" | "reset" | "submit" | "link";
+        "type"?: 'button' | 'reset' | 'submit' | 'link';
     }
     interface PtcCard {
         /**
@@ -5055,28 +4758,23 @@ declare namespace LocalJSX {
         /**
           * Card overflow
          */
-        "cardOverflow"?: | "auto"
-		| "hidden"
-		| "visible"
-		| "inherit"
-		| "initial";
-        "cardTitle"?: string;
+        "cardOverflow"?: 'auto' | 'hidden' | 'visible' | 'inherit' | 'initial';
         /**
           * 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"
-		| "featured-horizontal-card"
-		| "related-card"
-		| "events-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'
+    | 'featured-horizontal-card'
+    | 'related-card'
+    | 'events-card';
         /**
           * Card Date
          */
@@ -5104,10 +4802,7 @@ declare namespace LocalJSX {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: | "uppercase"
-		| "lowercase"
-		| "capitalize"
-		| "none";
+        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
         "isCreoCard"?: boolean;
         "isTabHidden"?: boolean;
         "language"?: string;
@@ -5142,15 +4837,7 @@ declare namespace LocalJSX {
         "trackerId"?: string;
     }
     interface PtcCardBottom {
-        "cardType"?: | "card-video"
-		| "card-tall"
-		| "card-2up"
-		| "card-wide"
-		| "card-playlist"
-		| "extra-tall"
-		| "color-outlined"
-		| "most-popular"
-		| "event-podcast";
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'| 'most-popular'| 'event-podcast';
         "onHoverEvent"?: (event: PtcCardBottomCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardBottomCustomEvent<void>) => void;
         /**
@@ -5159,27 +4846,23 @@ 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"
-		| "thumbnail-video-preview"
-		| "event-jumbotron-sub-card"
-		| "event-podcast";
+        "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'
+    | 'event-jumbotron-sub-card'
+    | 'event-podcast';
         "isLoading"?: boolean;
         "onHoverEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
         "onLeaveEvent"?: (event: PtcCardContentCustomEvent<void>) => void;
-        "outlineColor"?: | "o-red"
-		| "o-orange"
-		| "o-blue"
-		| "o-slate-grey"
-		| "o-green";
+        "outlineColor"?: 'o-red' | 'o-orange' | 'o-blue' | 'o-slate-grey' | 'o-green';
         /**
           * (optional) Injected CSS styles
          */
@@ -5193,19 +4876,19 @@ declare namespace LocalJSX {
         /**
           * Card Type
          */
-        "cardType"?: | "card-video"
-		| "card-tall"
-		| "card-wide"
-		| "speed-bump"
-		| "card-playlist"
-		| "card-video-intro"
-		| "card-2up"
-		| "extra-tall"
-		| "color-outlined"
-		| "result-box"
-		| "most-popular"
-		| "simple-card"
-		| "event-podcast";
+        "cardType"?: | 'card-video'
+    | 'card-tall'
+    | 'card-wide'
+    | 'speed-bump'
+    | 'card-playlist'
+    | 'card-video-intro'
+    | 'card-2up'
+    | 'extra-tall'
+    | 'color-outlined'
+    | 'result-box'
+    | 'most-popular'
+    | 'simple-card'
+    | 'event-podcast';
         /**
           * darkFocusState for dark background
          */
@@ -5245,7 +4928,7 @@ declare namespace LocalJSX {
     interface PtcCaseStudiesSlider {
     }
     interface PtcCheckbox {
-        "checked"?: "checked" | "unchecked";
+        "checked"?: 'checked' | 'unchecked';
         "disabled"?: boolean;
         "inputName"?: string;
         "offsetFocusOutline"?: boolean;
@@ -5255,7 +4938,7 @@ declare namespace LocalJSX {
     }
     interface PtcCheckboxGroup {
         "groupName"?: string;
-        "type"?: "single" | "card";
+        "type"?: 'single' | 'card';
     }
     interface PtcCloseIcon {
     }
@@ -5279,17 +4962,10 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "backgroundColor"?: "white" | "gray";
-        "containerType"?: "large" | "none" | "";
-        "elevation"?: "x-small" | "small" | "medium" | "large" | "x-large";
-        "spacing"?: | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large";
+        "backgroundColor"?: 'white' | 'gray';
+        "containerType"?: 'large' | 'none' | '';
+        "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
+        "spacing"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large';
         "styles"?: string;
     }
     interface PtcCountdown {
@@ -5328,11 +5004,11 @@ declare namespace LocalJSX {
         /**
           * Date Font Size
          */
-        "dataSize"?: "medium" | "small";
+        "dataSize"?: 'medium' | 'small';
         /**
           * Date Color
          */
-        "dateColor"?: "white" | "primary-grey";
+        "dateColor"?: 'white' | 'primary-grey';
         /**
           * Date examples: 2000-1-1 or 2000/01/01
          */
@@ -5365,7 +5041,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: "sort" | "support";
+        "theme"?: 'sort' | 'support';
         "trackerId"?: string;
     }
     interface PtcDynamicCard {
@@ -5380,7 +5056,7 @@ declare namespace LocalJSX {
         /**
           * Card varients
          */
-        "cardScreen"?: "mobile" | "desktop";
+        "cardScreen"?: 'mobile' | 'desktop';
         /**
           * Card Title
          */
@@ -5388,7 +5064,7 @@ declare namespace LocalJSX {
         /**
           * Dynamic Card Type
          */
-        "cardType"?: "sequential";
+        "cardType"?: 'sequential';
         /**
           * is card expanded?
          */
@@ -5432,7 +5108,7 @@ declare namespace LocalJSX {
           * EVENTS
          */
         "onCtaFocussed"?: (event: PtcEnhancedProductListingCardCustomEvent<any>) => void;
-        "theme"?: "standard" | "alternate";
+        "theme"?: 'standard' | 'alternate';
     }
     interface PtcFeaturedList {
     }
@@ -5453,7 +5129,7 @@ declare namespace LocalJSX {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "theme"?: "bubble" | "link" | "link-lg" | "button" | "standard";
+        "theme"?: 'bubble' | 'link' | 'link-lg' | 'button' | 'standard';
         "trackerID"?: string;
     }
     interface PtcFooter {
@@ -5492,11 +5168,11 @@ declare namespace LocalJSX {
         /**
           * Content Alignment
          */
-        "contentAlignment"?: "left" | "right" | "center";
+        "contentAlignment"?: 'left' | 'right' | 'center';
         /**
           * Hero Type
          */
-        "heroType"?: "jumbotron" | "footer-cta" | "simple";
+        "heroType"?: 'jumbotron' | 'footer-cta' | 'simple';
     }
     interface PtcHeroFooterCta {
         "backgroundImage"?: string;
@@ -5509,10 +5185,7 @@ declare namespace LocalJSX {
         /**
           * Pause Button Location
          */
-        "buttonLocation"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right";
+        "buttonLocation"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * delay loading of video to improve perfomance
          */
@@ -5564,10 +5237,7 @@ declare namespace LocalJSX {
         /**
           * List item type
          */
-        "listType"?: | "simple-icon-list"
-		| "stat-icon-list"
-		| "icon-top-align-list"
-		| "feature-callout-list";
+        "listType"?: 'simple-icon-list' | 'stat-icon-list' | 'icon-top-align-list' | 'feature-callout-list';
         "noBottomSpace"?: boolean;
         "styles"?: string;
         /**
@@ -5601,15 +5271,11 @@ declare namespace LocalJSX {
         /**
           * Image border shape
          */
-        "borderRadius"?: | "radius-standard"
-		| "radius-large"
-		| "radius-large-top"
-		| "radius-standard-top"
-		| "";
+        "borderRadius"?: 'radius-standard' | 'radius-large' | 'radius-large-top' | 'radius-standard-top' | '';
         /**
           * Image type
          */
-        "imageType"?: "smart-bg" | "smart-img";
+        "imageType"?: 'smart-bg' | 'smart-img';
         /**
           * Image Src
          */
@@ -5617,7 +5283,7 @@ declare namespace LocalJSX {
         /**
           * Lazy loading option
          */
-        "loadMode"?: "lazy-bg" | "eager-bg";
+        "loadMode"?: 'lazy-bg' | 'eager-bg';
         /**
           * Image solution for large screen >=1200px
          */
@@ -5647,9 +5313,8 @@ declare namespace LocalJSX {
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "target"?: string;
         "trackerId"?: string;
-        "variant"?: "image" | "text";
+        "variant"?: 'image' | 'text';
     }
     interface PtcInlineCta {
         "containerIsShadow"?: boolean;
@@ -5659,7 +5324,7 @@ declare namespace LocalJSX {
         /**
           * PROPS
          */
-        "type"?: "small" | "big" | "bottom";
+        "type"?: 'small' | 'big' | 'bottom';
     }
     interface PtcJumbotron {
         "bgSrc"?: string;
@@ -5712,17 +5377,11 @@ declare namespace LocalJSX {
         /**
           * Font Size
          */
-        "fontSize"?: "small" | "medium" | "large" | "medium-large";
+        "fontSize"?: 'small' | 'medium' | 'large' | 'medium-large';
         /**
           * Font Weight
          */
-        "fontWeight"?: | "w-thin"
-		| "w-regular"
-		| "w-medium"
-		| "w-semibold"
-		| "w-bold"
-		| "w-extrabold"
-		| "w-black";
+        "fontWeight"?: 'w-thin' | 'w-regular' | 'w-medium' | 'w-semibold' | 'w-bold' | 'w-extrabold' | 'w-black';
         /**
           * href
          */
@@ -5730,7 +5389,7 @@ declare namespace LocalJSX {
         /**
           * Optional Link Area
          */
-        "linkArea"?: "link-area-cover-parent";
+        "linkArea"?: 'link-area-cover-parent';
         /**
           * Title
          */
@@ -5754,21 +5413,21 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: | "simple"
-		| "underline"
-		| "nav-title"
-		| "primary-nav-link"
-		| "nav-title-link"
-		| "nav-card-link"
-		| "secondary-nav-link"
-		| "footer-nav-link"
-		| "copyright-link"
-		| "product-link"
-		| "d-green-underline"
-		| "d-white-underline"
-		| "global"
-		| "utility-nav-link"
-		| "standard-link";
+        "theme"?: | 'simple'
+    | 'underline'
+    | 'nav-title'
+    | 'primary-nav-link'
+    | 'nav-title-link'
+    | 'nav-card-link'
+    | 'secondary-nav-link'
+    | 'footer-nav-link'
+    | 'copyright-link'
+    | 'product-link'
+    | 'd-green-underline'
+    | 'd-white-underline'
+    | 'global'
+    | 'utility-nav-link'
+    | 'standard-link';
         /**
           * trackerId added for Mouseflow id
          */
@@ -5776,7 +5435,7 @@ declare namespace LocalJSX {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType"?: "list-primary";
+        "listType"?: 'list-primary';
     }
     interface PtcMediaCard {
         /**
@@ -5795,7 +5454,7 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type, default to media card
          */
-        "cardType"?: "media-card" | "bureau-card" | "case-study-icon";
+        "cardType"?: 'media-card' | 'bureau-card' | 'case-study-icon';
         /**
           * Card category
          */
@@ -5807,10 +5466,7 @@ declare namespace LocalJSX {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: | "uppercase"
-		| "lowercase"
-		| "capitalize"
-		| "none";
+        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
         /**
           * Background Hover Image
          */
@@ -5879,10 +5535,7 @@ declare namespace LocalJSX {
         /**
           * Add the border radius  Options: standard | large | pill | circle
          */
-        "borderRadius"?: | "standard"
-		| "large"
-		| "pill"
-		| "circle";
+        "borderRadius"?: 'standard' | 'large' | 'pill' | 'circle';
         "bottomCloseBtn"?: string;
         /**
           * Sets if popup should close if click on outside
@@ -5891,7 +5544,7 @@ declare namespace LocalJSX {
         /**
           * This is to add css class to Modal Form with Content
          */
-        "customClass"?: "";
+        "customClass"?: '';
         /**
           * Sets if popup should overlay
          */
@@ -5916,10 +5569,7 @@ declare namespace LocalJSX {
           * Sets if popup should overlay
          */
         "keepInViewport"?: boolean;
-        "modalType"?: | "video-modal"
-		| "default-modal"
-		| "event-listing"
-		| "thank-you";
+        "modalType"?: 'video-modal' | 'default-modal' | 'event-listing' | 'thank-you';
         /**
           * Event for modal popup closed
          */
@@ -5947,12 +5597,7 @@ declare namespace LocalJSX {
         /**
           * Sets if popup should close if click on outside
          */
-        "size"?: | "sm"
-		| "md"
-		| "lg"
-		| "xl"
-		| "max"
-		| "sm-modal";
+        "size"?: 'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max' | 'sm-modal';
         /**
           * (optional) Injected CSS Styles
          */
@@ -5974,12 +5619,7 @@ declare namespace LocalJSX {
         "clearAllText"?: string;
         "helpertext"?: string;
         "isRequired"?: boolean;
-        "items"?: Array<{
-		text: string;
-		selected: boolean;
-		ptcDataEloquaName: string;
-		ptcDataTargetEloquaName: string;
-	}>;
+        "items"?: Array<{ text: string; selected: boolean; ptcDataEloquaName: string; ptcDataTargetEloquaName: string }>;
         "label"?: string;
         "onPtcMultiSelectLoaded"?: (event: PtcMultiSelectCustomEvent<void>) => void;
         "placeholderText"?: string;
@@ -5997,7 +5637,7 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type
          */
-        "cardType"?: "media-card" | "links-card" | "cta-card";
+        "cardType"?: 'media-card' | 'links-card' | 'cta-card';
         /**
           * Card description
          */
@@ -6097,7 +5737,7 @@ declare namespace LocalJSX {
         "onDropdownClickEvent"?: (event: PtcNavSubmenuCustomEvent<any>) => void;
     }
     interface PtcNavTile {
-        "navLinks"?: { title: string; url: string }[];
+        "navLinks"?: { title: string; url: string} [];
     }
     interface PtcNews {
         /**
@@ -6140,45 +5780,38 @@ declare namespace LocalJSX {
         /**
           * Overlay border shape
          */
-        "borderRadius"?: | "radius-standard"
-		| "radius-large"
-		| "radius-pill"
-		| "radius-circle";
+        "borderRadius"?: 'radius-standard' | 'radius-large'| 'radius-pill' | 'radius-circle';
         /**
           * 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"
-		| "solid-black-1"
-		| "solid-black-2"
-		| "hp-blue"
-		| "hp-green"
-		| "hp-red"
-		| "hp-gray"
-		| "hp-orange"
-		| "transparent"
-		| string;
+        "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'
+    | 'solid-black-1'
+    | 'solid-black-2'
+    | 'hp-blue'
+    | 'hp-green'
+    | 'hp-red'
+    | 'hp-gray'
+    | 'hp-orange'
+    | 'transparent'
+    | string;
         /**
           * Overlay z-index
          */
-        "overlayZIndex"?: | "z-index-auto"
-		| "z-index-n-2"
-		| "z-index-n-1"
-		| "z-index-p-1"
-		| "z-index-p-2";
+        "overlayZIndex"?: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
         /**
           * Injected Styles
          */
@@ -6200,7 +5833,7 @@ declare namespace LocalJSX {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "theme"?: "events" | "standard";
+        "theme"?: 'events' | 'standard';
         "totalCount"?: number;
     }
     interface PtcPara {
@@ -6212,21 +5845,11 @@ declare namespace LocalJSX {
         /**
           * Paragraph font size
          */
-        "fontSize"?: | "xxx-small"
-		| "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "htmlquote-para";
+        "fontSize"?: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'htmlquote-para';
         /**
           * Paragraph font weight
          */
-        "fontWeight"?: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "fontWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         "hideTooltipOnMobile"?: boolean;
         "maxChars"?: number;
         "maxLines"?: number;
@@ -6237,60 +5860,45 @@ declare namespace LocalJSX {
         /**
           * Para text Alignment
          */
-        "paraAlign"?: | "left"
-		| "center"
-		| "right"
-		| "justify"
-		| "right-768above";
+        "paraAlign"?: 'left' | 'center' | 'right' | 'justify' | 'right-768above';
         /**
           * Paragraph Color
          */
-        "paraColor"?: "primary-grey" | "white" | "gray-darker";
+        "paraColor"?: 'primary-grey' | 'primary-green' | 'white' | 'gray-darker';
         /**
           * line height
          */
-        "paraLineH"?: | "line-height-densest"
-		| "line-height-denser"
-		| "line-height-dense"
-		| "line-height-normal"
-		| "line-height-loose"
-		| "line-height-looser"
-		| "line-height-p";
+        "paraLineH"?: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser' | 'line-height-p';
         /**
           * 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"
-		| "margin-6";
+        "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
          */
-        "paraStyle"?: | "default"
-		| "intro"
-		| "small"
-		| "announcement"
-		| "flush-style"
-		| "main";
+        "paraStyle"?: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
         /**
           * sep z-index
          */
-        "paraZIndex"?: "z-auto" | "z-1" | "z-2" | "z-3" | "z-99" | "z-999";
+        "paraZIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-99' | 'z-999';
         /**
           * (optional) enable support for seo tools that can only view source
          */
@@ -6302,19 +5910,15 @@ declare namespace LocalJSX {
         /**
           * Tooltip position
          */
-        "tooltipPosition"?: | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top";
+        "tooltipPosition"?: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         /**
           * (optional) Injected CSS Styles
          */
-        "tooltipTheme"?: "standard" | "danger";
+        "tooltipTheme"?: 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "tooltipWidth"?: "full-width" | "default";
+        "tooltipWidth"?: 'full-width' | 'default';
         /**
           * index of hover tooltip element
          */
@@ -6328,10 +5932,7 @@ declare namespace LocalJSX {
         /**
           * Image border shape
          */
-        "borderRadius"?: | "radius-standard"
-		| "radius-large"
-		| "radius-pill"
-		| "radius-circle";
+        "borderRadius"?: 'radius-standard' | 'radius-large' | 'radius-pill' | 'radius-circle';
         /**
           * Disable Image resizing solution
          */
@@ -6339,7 +5940,7 @@ declare namespace LocalJSX {
         /**
           * Display image: inline, inline-block, block
          */
-        "displayImage"?: "inline" | "inline-block" | "block";
+        "displayImage"?: 'inline' | 'inline-block' | 'block';
         /**
           * Set height Value unit: pixles Just put numbers without unit
          */
@@ -6347,11 +5948,11 @@ declare namespace LocalJSX {
         /**
           * (optional) Image alignment
          */
-        "imageAlignment"?: "left" | "right" | "center";
+        "imageAlignment"?: 'left' | 'right' | 'center';
         /**
           * Image Position
          */
-        "imagePosition"?: "relative" | "absolute" | "static";
+        "imagePosition"?: 'relative' | 'absolute' | 'static';
         /**
           * Stretch height to 100%?
          */
@@ -6367,13 +5968,7 @@ declare namespace LocalJSX {
         /**
           * Object Fit Default: cover
          */
-        "objectFit"?: | "cover"
-		| "fill"
-		| "contain"
-		| "scale-down"
-		| "none"
-		| "initial"
-		| "inherit";
+        "objectFit"?: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
         /**
           * Image solution for large screen >=1200px
          */
@@ -6431,6 +6026,7 @@ declare namespace LocalJSX {
          */
         "styles"?: string;
         "text"?: string | undefined;
+        "theme"?: 'standard' | 'light';
     }
     interface PtcPricingAddOnCard {
         /**
@@ -6620,7 +6216,7 @@ declare namespace LocalJSX {
         "onInputChanged"?: (event: PtcProductSidebarCustomEvent<any>) => void;
         "onSelectedResult"?: (event: PtcProductSidebarCustomEvent<any>) => void;
         "selectTechnology"?: string;
-        "suggestionList"?: { categoryName: string; products: string[] }[];
+        "suggestionList"?: { categoryName: string, products: string[] }[];
         "technologyText"?: string;
     }
     interface PtcProgressBar {
@@ -6659,9 +6255,7 @@ declare namespace LocalJSX {
         /**
           * Quote Type
          */
-        "quoteType"?: | "image-quote"
-		| "plain-quote"
-		| "value-led-quote";
+        "quoteType"?: "image-quote" | "plain-quote" | 'value-led-quote';
     }
     interface PtcReadmore {
         /**
@@ -6671,11 +6265,11 @@ declare namespace LocalJSX {
         /**
           * color: Read more text color. Options: default is blue.  'blue' | 'gray' | 'green' | 'initial'
          */
-        "color"?: "blue" | "gray" | "green" | "initial";
+        "color"?: 'blue' | 'gray' | 'green' | 'initial';
         /**
           * @returns string
          */
-        "display"?: "inline" | "block";
+        "display"?: 'inline' | 'block';
         /**
           * isContentSlotted: if the readmore content is from slot,
          */
@@ -6699,20 +6293,15 @@ declare namespace LocalJSX {
         /**
           * Read more text position: left or right
          */
-        "readMorePosition"?: "left" | "right" | "center";
+        "readMorePosition"?: 'left' | 'right' | 'center';
         /**
           * Size: Font size of the read more text. Options small=16px | medium=18px | large=24px
          */
-        "size"?: "small" | "medium" | "large";
+        "size"?: 'small' | 'medium' | 'large';
         /**
           * visible lines
          */
-        "visibleLines"?: | "line1"
-		| "line2"
-		| "line3"
-		| "line4"
-		| "line5"
-		| "line10";
+        "visibleLines"?: 'line1' | 'line2' | 'line3' | 'line4' | 'line5'  | 'line10';
         /**
           * visible lines custom numebr
          */
@@ -6720,7 +6309,7 @@ declare namespace LocalJSX {
         /**
           * index of hover lable
          */
-        "zIndex"?: "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
+        "zIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
     interface PtcReadmoreChar {
         /**
@@ -6785,15 +6374,14 @@ declare namespace LocalJSX {
           * Query selector of page footer above which the related card rail will unstick
          */
         "footerQuerySelector"?: string;
-        "isVisible"?: boolean;
         "railTitle"?: string;
     }
     interface PtcResponsiveWrapper {
     }
     interface PtcScrollButton {
-        "direction"?: "left" | "right" | "up" | "down";
+        "direction"?: 'left' | 'right' | 'up' | 'down';
         "isDragging"?: boolean;
-        "orientation"?: "horizontal" | "vertical";
+        "orientation"?: 'horizontal' | 'vertical';
         "scrollAmount"?: number;
         "scrollContainerClass"?: string;
         "styles"?: string;
@@ -6801,7 +6389,7 @@ declare namespace LocalJSX {
     }
     interface PtcSearchField {
         "darkTheme"?: boolean;
-        "elevation"?: "x-small" | "small" | "medium" | "large" | "x-large";
+        "elevation"?: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
         "enableClear"?: boolean;
         "isNews"?: boolean;
         "onClicked"?: (event: PtcSearchFieldCustomEvent<any>) => void;
@@ -6843,79 +6431,73 @@ declare namespace LocalJSX {
         /**
           * Text Align
          */
-        "textAlign"?: "left" | "center" | "right" | "inherit";
+        "textAlign"?: 'left' | 'center' | 'right' | 'inherit';
         /**
           * Title color
          */
-        "titleColor"?: "black" | "white" | "gray" | "gray-darker" | "gray-1";
+        "titleColor"?: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
         /**
           * Title heading display : To show line above heading full width or title width
          */
-        "titleDisplay"?: "block" | "inline-block";
+        "titleDisplay"?: 'block' | 'inline-block';
         /**
           * Title line height
          */
-        "titleHeight"?: | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
-		| "paragraph";
+        "titleHeight"?: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
         /**
           * 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"
-		| "margin-6"
-		| "margin-9";
+        "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'
+    | 'margin-9';
         /**
           * Title Shadow
          */
-        "titleShadow"?: "blue" | "red" | "green" | "orange" | "slate-grey";
+        "titleShadow"?: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
         /**
           * Title size
          */
-        "titleSize"?: | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
-		| "xxxx-large-store";
+        "titleSize"?: | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
+    | 'xxxx-large-store';
         /**
           * Title weight
          */
-        "titleWeight"?: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "titleWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Title Tag Type
          */
-        "type"?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "type"?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
-        "upperline"?: "dotted" | "solid" | "no-upperline";
+        "upperline"?: 'dotted' | 'solid' | 'no-upperline';
     }
     interface PtcShoppingCart {
         "cartCount"?: string;
         "cartText"?: string;
-        "color"?: "black" | "white";
+        "color"?: 'black' | 'white';
     }
     interface PtcShowcaseCard {
         "headingIconAltText"?: string;
@@ -7008,50 +6590,25 @@ declare namespace LocalJSX {
           * darkFocusState for dark background
          */
         "darkFocusState"?: boolean;
-        "display"?: "inline-block" | "block" | "inline" | "flex";
+        "display"?: 'inline-block' | 'block' | 'inline' | 'flex';
         /**
           * Icon asset color
          */
-        "iconColor"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "primary-gray"
-		| "inherit";
+        "iconColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon asset hover color
          */
-        "iconHoverColor"?: | "black"
-		| "white"
-		| "ptc-green"
-		| "gray"
-		| "primary-gray"
-		| "inherit";
+        "iconHoverColor"?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
         /**
           * Icon Size
          */
-        "iconSize"?: | "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large";
+        "iconSize"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
         /**
           * Email recipient. If you want to use mail share, you need to use this property
          */
         "recipient"?: string;
         "shareTitle"?: string;
-        "shareType"?: | "mail"
-		| "twitter"
-		| "linkedin"
-		| "facebook"
-		| "share-api"
-		| "download"
-		| "blog-mail"
-		| "blog-twitter"
-		| "blog-linkedin"
-		| "blog-facebook";
+        "shareType"?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
         /**
           * Optional - source for linkedin
          */
@@ -7064,53 +6621,29 @@ declare namespace LocalJSX {
         /**
           * Breakpoint
          */
-        "breakpoint"?: | ""
-		| "medium"
-		| "small"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "x-small"
-		| "xx-small"
-		| "xxx-large";
+        "breakpoint"?: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small' | 'xxx-large';
         /**
           * Direction
          */
-        "direction"?: "vertical" | "horizontal";
+        "direction"?: 'vertical' | 'horizontal';
         /**
           * Spacing Size
          */
-        "size"?: | "large"
-		| "medium"
-		| "small"
-		| "x-large"
-		| "x-small"
-		| "xx-large"
-		| "xx-small"
-		| "xxx-large"
-		| "xxxx-large"
-		| "space-144"
-		| "space-120"
-		| "space-128";
+        "size"?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
     }
     interface PtcSpan {
         /**
           * Display
          */
-        "display"?: "block" | "inline-block" | "inline";
+        "display"?: 'block' | 'inline-block' | 'inline';
         /**
           * Span weight
          */
-        "fontWeight"?: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "fontWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Span Style
          */
-        "spanStyle"?: | "link-style"
-		| "tag-style"
-		| "nav-style"
-		| "plm-hub-style"
-		| "plm-hub-style-smaller"
-		| "blog-tag";
+        "spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style' | 'plm-hub-style-smaller' | 'blog-tag';
         /**
           * Injected Styles
          */
@@ -7120,7 +6653,7 @@ declare namespace LocalJSX {
         /**
           * Arrow Direction
          */
-        "arrowDirection"?: "up" | "down";
+        "arrowDirection"?: 'up' | 'down';
         /**
           * Number after the icon
          */
@@ -7175,7 +6708,7 @@ declare namespace LocalJSX {
         /**
           * Display
          */
-        "display"?: "block" | "inline" | "inline-block" | "flex";
+        "display"?: 'block' | 'inline' | 'inline-block' | 'flex';
         /**
           * Injected Styles
          */
@@ -7202,7 +6735,7 @@ declare namespace LocalJSX {
         /**
           * Tab Type
          */
-        "type"?: "default" | "tab-with-banner";
+        "type"?: 'default' | 'tab-with-banner';
     }
     interface PtcTabs {
         "onTabChange"?: (event: PtcTabsCustomEvent<any>) => void;
@@ -7231,10 +6764,7 @@ declare namespace LocalJSX {
         /**
           * (optional) topSlitPosition: It will decide the position of .
          */
-        "slitPosition"?: | "top-left"
-		| "top-right"
-		| "bottom-left"
-		| "bottom-right";
+        "slitPosition"?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
         /**
           * (optional) Injected CSS Styles
          */
@@ -7246,10 +6776,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"
-		| "case-studies";
+        "type"?: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
     }
     interface PtcTextfield {
         /**
@@ -7263,9 +6790,7 @@ declare namespace LocalJSX {
         /**
           * Custom Validation - String
          */
-        "customValidation"?: (
-		input: HTMLInputElement | HTMLTextAreaElement,
-	) => string;
+        "customValidation"?: (input: HTMLInputElement) => string;
         /**
           * Disable the field
          */
@@ -7322,7 +6847,7 @@ declare namespace LocalJSX {
         /**
           * Text Field Form
          */
-        "textfieldForm"?: "default" | "email-signup";
+        "textfieldForm"?: 'default' | 'email-signup';
         /**
           * text, button, email, file and etc. This value triggers different validation
          */
@@ -7332,14 +6857,13 @@ declare namespace LocalJSX {
         "cardDescription"?: string;
         "cardNumber"?: number;
         "cardTitle"?: string;
-        "modalType"?: "only-video" | "video-with-description";
+        "modalType"?: 'only-video' | 'video-with-description';
         "onVCardClicked"?: (event: PtcTheaterVideoCustomEvent<any>) => void;
         "thumbImg"?: string;
         "videoId"?: number;
         "vtagName"?: string;
     }
     interface PtcTheaterVideoModal {
-        "onModalClosed"?: (event: PtcTheaterVideoModalCustomEvent<any>) => void;
     }
     interface PtcTheaterVideoPlaylist {
         "cardElements"?: any;
@@ -7365,82 +6889,72 @@ declare namespace LocalJSX {
         /**
           * Text Align
          */
-        "textAlign"?: "left" | "center" | "right" | "inherit";
+        "textAlign"?: 'left' | 'center' | 'right' | 'inherit';
         /**
           * Title color
          */
-        "titleColor"?: "black" | "white" | "gray" | "gray-darker" | "gray-1";
+        "titleColor"?: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
         /**
           * Title heading display : To show line above heading full width or title width
          */
-        "titleDisplay"?: "block" | "inline-block";
+        "titleDisplay"?: 'block' | 'inline-block';
         /**
           * Title line height
          */
-        "titleHeight"?: | "densest"
-		| "denser"
-		| "dense"
-		| "normal"
-		| "loose"
-		| "looser"
-		| "paragraph";
+        "titleHeight"?: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
         /**
           * 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"
-		| "margin-6"
-		| "margin-9";
+        "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'
+    | 'margin-9';
         /**
           * Title Shadow
          */
-        "titleShadow"?: "blue" | "red" | "green" | "orange" | "slate-grey";
+        "titleShadow"?: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
         /**
           * Title size
          */
-        "titleSize"?: | "xx-small"
-		| "x-small"
-		| "small"
-		| "medium"
-		| "large"
-		| "x-large"
-		| "xx-large"
-		| "xxx-large"
-		| "xxxx-large"
-		| "xxxx-large-allbp"
-		| "xx-large-allbp"
-		| "xxxx-large-desktop"
-		| "xxxx-large-store";
+        "titleSize"?: | 'xx-small'
+    | 'x-small'
+    | 'small'
+    | 'medium'
+    | 'large'
+    | 'x-large'
+    | 'xx-large'
+    | 'xxx-large'
+    | 'xxxx-large'
+    | 'xxxx-large-allbp'
+    | 'xx-large-allbp'
+    | 'xxxx-large-desktop'
+    | 'xxxx-large-store';
         /**
           * Title weight
          */
-        "titleWeight"?: "w-3" | "w-4" | "w-5" | "w-6" | "w-7" | "w-8" | "w-9";
+        "titleWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
         /**
           * Tooltip position
          */
-        "tooltipPosition"?: | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top";
+        "tooltipPosition"?: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         /**
           * (optional) Injected CSS Styles
          */
-        "tooltipTheme"?: "standard" | "danger";
+        "tooltipTheme"?: 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "tooltipWidth"?: "full-width" | "default";
+        "tooltipWidth"?: 'full-width' | 'default';
         /**
           * index of hover tooltip element
          */
@@ -7448,11 +6962,11 @@ declare namespace LocalJSX {
         /**
           * Title Tag Type
          */
-        "type"?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+        "type"?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
         /**
           * Upperline Style
          */
-        "upperline"?: "dotted" | "solid" | "no-upperline";
+        "upperline"?: 'dotted' | 'solid' | 'no-upperline';
     }
     interface PtcTooltip {
         /**
@@ -7471,7 +6985,7 @@ declare namespace LocalJSX {
         /**
           * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
          */
-        "mode"?: "wrapper" | "text-only";
+        "mode"?: 'wrapper' | 'text-only';
         /**
           * If tooltip noOverflow = "true" then the tooltip will not be visible just ellipses will be visible
          */
@@ -7479,12 +6993,7 @@ declare namespace LocalJSX {
         /**
           * Tooltip position
          */
-        "position"?: | "left"
-		| "right"
-		| "bottom"
-		| "bottom-right"
-		| "top"
-		| "side-left";
+        "position"?: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top' | 'side-left';
         /**
           * (optional) Injected CSS Styles
          */
@@ -7492,7 +7001,7 @@ declare namespace LocalJSX {
         /**
           * Component Display please don't set it to be inline-block
          */
-        "textDisplay"?: "inline" | "block";
+        "textDisplay"?: 'inline' | 'block';
         /**
           * Ellipsis apply to X lines
           * @returns string
@@ -7501,27 +7010,27 @@ declare namespace LocalJSX {
         /**
           * If tool tip is only for text use 'text-only' otherwise it will wrap content instead of replacing
          */
-        "theme"?: "standard" | "danger";
+        "theme"?: 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "width"?: "full-width" | "default";
+        "width"?: 'full-width' | 'default';
         /**
           * index of hover element
          */
-        "zIndex"?: "z-auto" | "z-1" | "z-2" | "z-3" | "z-999";
+        "zIndex"?: 'z-auto' | 'z-1' | 'z-2' | 'z-3' | 'z-999';
     }
     interface PtcTooltipV2 {
-        "elementDisplay"?: "block" | "inline-block" | "inline";
+        "elementDisplay"?: 'block' | 'inline-block' | 'inline';
         "hideOnMobile"?: boolean;
         "maxLength"?: number;
         "maxLines"?: number;
-        "position"?: "top" | "bottom" | "left" | "right";
+        "position"?: 'top' | 'bottom' | 'left' | 'right';
         /**
           * (optional) Injected CSS Styles
          */
         "styles"?: string;
-        "width"?: "full-width" | "default";
+        "width"?: 'full-width' | 'default';
         "zIndex"?: number;
     }
     interface PtcTooltipV3 {
@@ -7532,16 +7041,16 @@ declare namespace LocalJSX {
         /**
           * Tooltip position
          */
-        "position"?: "left" | "right" | "bottom" | "bottom-right" | "top";
+        "position"?: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top';
         "styles"?: string;
         /**
           * (optional) Injected CSS Styles
          */
-        "theme"?: "standard" | "danger";
+        "theme"?: 'standard' | 'danger';
         /**
           * This will make the width 100% respective to its parent
          */
-        "width"?: "full-width" | "default";
+        "width"?: 'full-width' | 'default';
         /**
           * index of hover element
          */
@@ -7551,9 +7060,7 @@ declare namespace LocalJSX {
         /**
           * Card Type Specify Card Type,
          */
-        "componentType"?: | "two-column-media"
-		| "two-column-media-icon-list"
-		| "two-column-text";
+        "componentType"?: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
     }
     interface PtcValueLedCard {
         "cardImage"?: string;
@@ -7600,7 +7107,7 @@ declare namespace LocalJSX {
     }
     interface PtcVideoEmbed {
         "src"?: string;
-        "type"?: "Brightcove" | "Youtube" | "HTML";
+        "type"?: 'Brightcove' | 'Youtube' | 'HTML';
         "width"?: number;
     }
     interface PtcWhitePaper {
@@ -7659,6 +7166,7 @@ declare namespace LocalJSX {
         "jumbotron-sub-mune": JumbotronSubMune;
         "list-item": ListItem;
         "max-width-container": MaxWidthContainer;
+        "modal-form-example": ModalFormExample;
         "most-popular-news": MostPopularNews;
         "my-component": MyComponent;
         "news-search-result": NewsSearchResult;
@@ -7841,6 +7349,7 @@ declare module "@stencil/core" {
             "jumbotron-sub-mune": LocalJSX.JumbotronSubMune & JSXBase.HTMLAttributes<HTMLJumbotronSubMuneElement>;
             "list-item": LocalJSX.ListItem & JSXBase.HTMLAttributes<HTMLListItemElement>;
             "max-width-container": LocalJSX.MaxWidthContainer & JSXBase.HTMLAttributes<HTMLMaxWidthContainerElement>;
+            "modal-form-example": LocalJSX.ModalFormExample & JSXBase.HTMLAttributes<HTMLModalFormExampleElement>;
             "most-popular-news": LocalJSX.MostPopularNews & JSXBase.HTMLAttributes<HTMLMostPopularNewsElement>;
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "news-search-result": LocalJSX.NewsSearchResult & JSXBase.HTMLAttributes<HTMLNewsSearchResultElement>;