npm - @ptcwebops/ptcw-design - Versions diffs - 6.3.37 → 6.3.38 - Mend

@ptcwebops/ptcw-design 6.3.37 → 6.3.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (856) hide show

package/dist/types/components.d.ts CHANGED Viewed

@@ -43,7 +43,12 @@ 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 {
@@ -94,7 +99,14 @@ 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
@@ -111,20 +123,30 @@ 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 {
         /**
@@ -150,12 +172,16 @@ 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
          */
@@ -164,7 +190,7 @@ export namespace Components {
     }
     interface MaxWidthContainer {
         "breakpoint": number;
-        "contentAlign": 'left' | 'center' | 'right';
+        "contentAlign": "left" | "center" | "right";
         "maxWidth": number;
         "maxWidthP"?: number;
         /**
@@ -293,7 +319,11 @@ 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
          */
@@ -313,7 +343,7 @@ export namespace Components {
         /**
           * Overlay Type standard is gray gradient. dark is dark gradient
          */
-        "overlayType": 'standard' | 'dark';
+        "overlayType": "standard" | "dark";
         /**
           * Pause Button Title
          */
@@ -335,7 +365,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
          */
@@ -344,7 +374,7 @@ export namespace Components {
     interface PtcBadge {
         "number": number;
         "svgCode": string;
-        "type": 'svg' | 'number';
+        "type": "svg" | "number";
     }
     interface PtcBioCard {
         /**
@@ -373,7 +403,14 @@ 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
          */
@@ -381,7 +418,7 @@ export namespace Components {
         /**
           * breadcrumb position
          */
-        "position"?: 'left' | 'center' | 'right';
+        "position"?: "left" | "center" | "right";
         /**
           * remove topMargin
          */
@@ -404,8 +441,21 @@ 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"
+		| "primary-cta"
+		| "secondary-cta-dark"
+		| "secondary-cta-light";
+        "ctaWidth": "full-width" | "default";
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -421,11 +471,14 @@ 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
          */
@@ -449,7 +502,7 @@ export namespace Components {
         /**
           * Button theme color
          */
-        "size": 'small' | 'medium' | 'large';
+        "size": "small" | "medium" | "large";
         /**
           * (optional) Injected CSS Styles
          */
@@ -465,12 +518,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 {
         /**
@@ -488,24 +541,28 @@ export namespace Components {
         /**
           * Card overflow
          */
-        "cardOverflow"?: 'auto' | 'hidden' | 'visible' | 'inherit' | 'initial';
+        "cardOverflow"?: | "auto"
+		| "hidden"
+		| "visible"
+		| "inherit"
+		| "initial";
         "cardTitle": string;
         /**
           * 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
          */
@@ -534,7 +591,10 @@ export namespace Components {
         /**
           * Card heading text transform
          */
-        "headingTransform": 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        "headingTransform": | "uppercase"
+		| "lowercase"
+		| "capitalize"
+		| "none";
         "isCreoCard"?: boolean;
         "isTabHidden": boolean;
         "language": string;
@@ -570,7 +630,15 @@ 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
@@ -578,21 +646,25 @@ 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>;
         /**
@@ -608,19 +680,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
          */
@@ -657,7 +729,7 @@ export namespace Components {
     interface PtcCaseStudiesSlider {
     }
     interface PtcCheckbox {
-        "checked": 'checked' | 'unchecked';
+        "checked": "checked" | "unchecked";
         "disabled": boolean;
         "inputName": string;
         "offsetFocusOutline": boolean;
@@ -666,7 +738,7 @@ export namespace Components {
     }
     interface PtcCheckboxGroup {
         "groupName": string;
-        "type": 'single' | 'card';
+        "type": "single" | "card";
     }
     interface PtcCloseIcon {
     }
@@ -685,10 +757,17 @@ 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 {
@@ -729,11 +808,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
          */
@@ -765,7 +844,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'sort' | 'support';
+        "theme": "sort" | "support";
         "trackerId": string;
     }
     interface PtcDynamicCard {
@@ -780,7 +859,7 @@ export namespace Components {
         /**
           * Card varients
          */
-        "cardScreen": 'mobile' | 'desktop';
+        "cardScreen": "mobile" | "desktop";
         /**
           * Card Title
          */
@@ -788,7 +867,7 @@ export namespace Components {
         /**
           * Dynamic Card Type
          */
-        "cardType": 'sequential';
+        "cardType": "sequential";
         /**
           * Focus the card-wrapper element
          */
@@ -826,7 +905,7 @@ export namespace Components {
          */
         "cardIndex": number;
         "disablePriceLabel": boolean;
-        "theme": 'standard' | 'alternate';
+        "theme": "standard" | "alternate";
     }
     interface PtcFeaturedList {
     }
@@ -846,7 +925,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 {
@@ -883,11 +962,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;
@@ -900,7 +979,10 @@ 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
          */
@@ -952,7 +1034,10 @@ 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;
         /**
@@ -987,11 +1072,15 @@ 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
          */
@@ -999,7 +1088,7 @@ export namespace Components {
         /**
           * Lazy loading option
          */
-        "loadMode": 'lazy-bg' | 'eager-bg';
+        "loadMode": "lazy-bg" | "eager-bg";
         /**
           * Image solution for large screen >=1200px
          */
@@ -1030,7 +1119,7 @@ export namespace Components {
         "styles"?: string;
         "target": string;
         "trackerId"?: string;
-        "variant": 'image' | 'text';
+        "variant": "image" | "text";
     }
     interface PtcInlineCta {
         "containerIsShadow": boolean;
@@ -1040,7 +1129,7 @@ export namespace Components {
         /**
           * PROPS
          */
-        "type": 'small' | 'big' | 'bottom';
+        "type": "small" | "big" | "bottom";
     }
     interface PtcJumbotron {
         "bgSrc"?: string;
@@ -1093,11 +1182,17 @@ 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
          */
@@ -1105,7 +1200,7 @@ export namespace Components {
         /**
           * Optional Link Area
          */
-        "linkArea"?: 'link-area-cover-parent';
+        "linkArea"?: "link-area-cover-parent";
         /**
           * Title
          */
@@ -1129,21 +1224,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
          */
@@ -1151,7 +1246,7 @@ export namespace Components {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType": 'list-primary';
+        "listType": "list-primary";
     }
     interface PtcMediaCard {
         /**
@@ -1170,7 +1265,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
          */
@@ -1182,7 +1277,10 @@ export namespace Components {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        "headingTransform"?: | "uppercase"
+		| "lowercase"
+		| "capitalize"
+		| "none";
         /**
           * Background Hover Image
          */
@@ -1250,7 +1348,10 @@ 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
@@ -1259,7 +1360,7 @@ export namespace Components {
         /**
           * This is to add css class to Modal Form with Content
          */
-        "customClass"?: '';
+        "customClass"?: "";
         /**
           * Sets if popup should overlay
          */
@@ -1285,7 +1386,10 @@ 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
          */
@@ -1307,7 +1411,12 @@ 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"
+		| "max"
+		| "sm-modal";
         /**
           * (optional) Injected CSS Styles
          */
@@ -1331,7 +1440,12 @@ 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;
@@ -1348,7 +1462,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
          */
@@ -1440,7 +1554,7 @@ export namespace Components {
         "labelTrackerId"?: string;
     }
     interface PtcNavTile {
-        "navLinks": { title: string; url: string} [];
+        "navLinks": { title: string; url: string }[];
     }
     interface PtcNews {
         /**
@@ -1482,38 +1596,45 @@ 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
@@ -1534,7 +1655,7 @@ export namespace Components {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "theme": 'events' | 'standard';
+        "theme": "events" | "standard";
         "totalCount"?: number;
     }
     interface PtcPara {
@@ -1546,11 +1667,21 @@ 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;
@@ -1561,45 +1692,60 @@ 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" | "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
          */
@@ -1611,15 +1757,19 @@ 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
          */
@@ -1633,7 +1783,10 @@ 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
          */
@@ -1641,7 +1794,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
          */
@@ -1649,11 +1802,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%?
          */
@@ -1669,7 +1822,13 @@ 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
          */
@@ -1909,7 +2068,7 @@ export namespace Components {
         "filterText": string;
         "jumpToProduct": string;
         "selectTechnology": string;
-        "suggestionList": { categoryName: string, products: string[] }[];
+        "suggestionList": { categoryName: string; products: string[] }[];
         "technologyText": string;
     }
     interface PtcProgressBar {
@@ -1947,7 +2106,9 @@ export namespace Components {
         /**
           * Quote Type
          */
-        "quoteType": "image-quote" | "plain-quote" | 'value-led-quote';
+        "quoteType": | "image-quote"
+		| "plain-quote"
+		| "value-led-quote";
     }
     interface PtcReadmore {
         /**
@@ -1957,11 +2118,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,
          */
@@ -1981,16 +2142,21 @@ 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
          */
@@ -1998,7 +2164,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 {
         /**
@@ -2061,10 +2227,10 @@ export namespace Components {
     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;
@@ -2073,7 +2239,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;
@@ -2112,73 +2278,79 @@ 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;
@@ -2271,25 +2443,50 @@ 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
          */
@@ -2302,29 +2499,53 @@ 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
          */
@@ -2334,7 +2555,7 @@ export namespace Components {
         /**
           * Arrow Direction
          */
-        "arrowDirection"?: 'up' | 'down';
+        "arrowDirection"?: "up" | "down";
         /**
           * Number after the icon
          */
@@ -2389,7 +2610,7 @@ export namespace Components {
         /**
           * Display
          */
-        "display": 'block' | 'inline' | 'inline-block' | 'flex';
+        "display": "block" | "inline" | "inline-block" | "flex";
         /**
           * Injected Styles
          */
@@ -2415,7 +2636,7 @@ export namespace Components {
         /**
           * Tab Type
          */
-        "type"?: 'default' | 'tab-with-banner';
+        "type"?: "default" | "tab-with-banner";
     }
     interface PtcTabs {
         "openTab": (index: number) => Promise<void>;
@@ -2444,7 +2665,10 @@ 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
          */
@@ -2456,7 +2680,10 @@ 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 {
         /**
@@ -2470,7 +2697,9 @@ export namespace Components {
         /**
           * Custom Validation - String
          */
-        "customValidation": (input: HTMLInputElement | HTMLTextAreaElement) => string;
+        "customValidation": (
+		input: HTMLInputElement | HTMLTextAreaElement,
+	) => string;
         /**
           * Disable the field
          */
@@ -2529,7 +2758,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
          */
@@ -2540,7 +2769,7 @@ 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;
@@ -2572,72 +2801,82 @@ 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
          */
@@ -2645,11 +2884,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 {
         /**
@@ -2668,7 +2907,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
          */
@@ -2676,7 +2915,12 @@ 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
          */
@@ -2684,7 +2928,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
@@ -2693,27 +2937,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 {
@@ -2724,16 +2968,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
          */
@@ -2743,7 +2987,9 @@ 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;
@@ -2790,7 +3036,7 @@ export namespace Components {
     }
     interface PtcVideoEmbed {
         "src": string;
-        "type": 'Brightcove' | 'Youtube' | 'HTML';
+        "type": "Brightcove" | "Youtube" | "HTML";
         "width"?: number;
     }
     interface PtcWhitePaper {
@@ -4295,7 +4541,12 @@ 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 {
@@ -4350,7 +4601,14 @@ 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
@@ -4368,20 +4626,30 @@ 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 {
         /**
@@ -4408,12 +4676,16 @@ 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
          */
@@ -4422,7 +4694,7 @@ declare namespace LocalJSX {
     }
     interface MaxWidthContainer {
         "breakpoint"?: number;
-        "contentAlign"?: 'left' | 'center' | 'right';
+        "contentAlign"?: "left" | "center" | "right";
         "maxWidth"?: number;
         "maxWidthP"?: number;
         /**
@@ -4559,7 +4831,11 @@ 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
          */
@@ -4579,7 +4855,7 @@ declare namespace LocalJSX {
         /**
           * Overlay Type standard is gray gradient. dark is dark gradient
          */
-        "overlayType"?: 'standard' | 'dark';
+        "overlayType"?: "standard" | "dark";
         /**
           * Pause Button Title
          */
@@ -4599,7 +4875,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
          */
@@ -4608,7 +4884,7 @@ declare namespace LocalJSX {
     interface PtcBadge {
         "number"?: number;
         "svgCode"?: string;
-        "type"?: 'svg' | 'number';
+        "type"?: "svg" | "number";
     }
     interface PtcBioCard {
         /**
@@ -4637,7 +4913,14 @@ 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
          */
@@ -4645,7 +4928,7 @@ declare namespace LocalJSX {
         /**
           * breadcrumb position
          */
-        "position"?: 'left' | 'center' | 'right';
+        "position"?: "left" | "center" | "right";
         /**
           * remove topMargin
          */
@@ -4668,8 +4951,21 @@ 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"
+		| "primary-cta"
+		| "secondary-cta-dark"
+		| "secondary-cta-light";
+        "ctaWidth"?: "full-width" | "default";
         /**
           * Add dark-focus-state property where button is present on dark backgrounds
          */
@@ -4685,11 +4981,14 @@ 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
          */
@@ -4717,7 +5016,7 @@ declare namespace LocalJSX {
         /**
           * Button theme color
          */
-        "size"?: 'small' | 'medium' | 'large';
+        "size"?: "small" | "medium" | "large";
         /**
           * (optional) Injected CSS Styles
          */
@@ -4733,12 +5032,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 {
         /**
@@ -4756,24 +5055,28 @@ declare namespace LocalJSX {
         /**
           * Card overflow
          */
-        "cardOverflow"?: 'auto' | 'hidden' | 'visible' | 'inherit' | 'initial';
+        "cardOverflow"?: | "auto"
+		| "hidden"
+		| "visible"
+		| "inherit"
+		| "initial";
         "cardTitle"?: string;
         /**
           * 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
          */
@@ -4801,7 +5104,10 @@ declare namespace LocalJSX {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        "headingTransform"?: | "uppercase"
+		| "lowercase"
+		| "capitalize"
+		| "none";
         "isCreoCard"?: boolean;
         "isTabHidden"?: boolean;
         "language"?: string;
@@ -4836,7 +5142,15 @@ 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;
         /**
@@ -4845,23 +5159,27 @@ 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
          */
@@ -4875,19 +5193,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
          */
@@ -4927,7 +5245,7 @@ declare namespace LocalJSX {
     interface PtcCaseStudiesSlider {
     }
     interface PtcCheckbox {
-        "checked"?: 'checked' | 'unchecked';
+        "checked"?: "checked" | "unchecked";
         "disabled"?: boolean;
         "inputName"?: string;
         "offsetFocusOutline"?: boolean;
@@ -4937,7 +5255,7 @@ declare namespace LocalJSX {
     }
     interface PtcCheckboxGroup {
         "groupName"?: string;
-        "type"?: 'single' | 'card';
+        "type"?: "single" | "card";
     }
     interface PtcCloseIcon {
     }
@@ -4961,10 +5279,17 @@ 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 {
@@ -5003,11 +5328,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
          */
@@ -5040,7 +5365,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'sort' | 'support';
+        "theme"?: "sort" | "support";
         "trackerId"?: string;
     }
     interface PtcDynamicCard {
@@ -5055,7 +5380,7 @@ declare namespace LocalJSX {
         /**
           * Card varients
          */
-        "cardScreen"?: 'mobile' | 'desktop';
+        "cardScreen"?: "mobile" | "desktop";
         /**
           * Card Title
          */
@@ -5063,7 +5388,7 @@ declare namespace LocalJSX {
         /**
           * Dynamic Card Type
          */
-        "cardType"?: 'sequential';
+        "cardType"?: "sequential";
         /**
           * is card expanded?
          */
@@ -5107,7 +5432,7 @@ declare namespace LocalJSX {
           * EVENTS
          */
         "onCtaFocussed"?: (event: PtcEnhancedProductListingCardCustomEvent<any>) => void;
-        "theme"?: 'standard' | 'alternate';
+        "theme"?: "standard" | "alternate";
     }
     interface PtcFeaturedList {
     }
@@ -5128,7 +5453,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 {
@@ -5167,11 +5492,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;
@@ -5184,7 +5509,10 @@ 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
          */
@@ -5236,7 +5564,10 @@ 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;
         /**
@@ -5270,11 +5601,15 @@ 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
          */
@@ -5282,7 +5617,7 @@ declare namespace LocalJSX {
         /**
           * Lazy loading option
          */
-        "loadMode"?: 'lazy-bg' | 'eager-bg';
+        "loadMode"?: "lazy-bg" | "eager-bg";
         /**
           * Image solution for large screen >=1200px
          */
@@ -5314,7 +5649,7 @@ declare namespace LocalJSX {
         "styles"?: string;
         "target"?: string;
         "trackerId"?: string;
-        "variant"?: 'image' | 'text';
+        "variant"?: "image" | "text";
     }
     interface PtcInlineCta {
         "containerIsShadow"?: boolean;
@@ -5324,7 +5659,7 @@ declare namespace LocalJSX {
         /**
           * PROPS
          */
-        "type"?: 'small' | 'big' | 'bottom';
+        "type"?: "small" | "big" | "bottom";
     }
     interface PtcJumbotron {
         "bgSrc"?: string;
@@ -5377,11 +5712,17 @@ 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
          */
@@ -5389,7 +5730,7 @@ declare namespace LocalJSX {
         /**
           * Optional Link Area
          */
-        "linkArea"?: 'link-area-cover-parent';
+        "linkArea"?: "link-area-cover-parent";
         /**
           * Title
          */
@@ -5413,21 +5754,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
          */
@@ -5435,7 +5776,7 @@ declare namespace LocalJSX {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType"?: 'list-primary';
+        "listType"?: "list-primary";
     }
     interface PtcMediaCard {
         /**
@@ -5454,7 +5795,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
          */
@@ -5466,7 +5807,10 @@ declare namespace LocalJSX {
         /**
           * Card heading text transform
          */
-        "headingTransform"?: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+        "headingTransform"?: | "uppercase"
+		| "lowercase"
+		| "capitalize"
+		| "none";
         /**
           * Background Hover Image
          */
@@ -5535,7 +5879,10 @@ 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
@@ -5544,7 +5891,7 @@ declare namespace LocalJSX {
         /**
           * This is to add css class to Modal Form with Content
          */
-        "customClass"?: '';
+        "customClass"?: "";
         /**
           * Sets if popup should overlay
          */
@@ -5569,7 +5916,10 @@ 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
          */
@@ -5597,7 +5947,12 @@ 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"
+		| "max"
+		| "sm-modal";
         /**
           * (optional) Injected CSS Styles
          */
@@ -5619,7 +5974,12 @@ 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;
@@ -5637,7 +5997,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
          */
@@ -5737,7 +6097,7 @@ declare namespace LocalJSX {
         "onDropdownClickEvent"?: (event: PtcNavSubmenuCustomEvent<any>) => void;
     }
     interface PtcNavTile {
-        "navLinks"?: { title: string; url: string} [];
+        "navLinks"?: { title: string; url: string }[];
     }
     interface PtcNews {
         /**
@@ -5780,38 +6140,45 @@ 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
          */
@@ -5833,7 +6200,7 @@ declare namespace LocalJSX {
           * (optional) Injected CSS styles
          */
         "styles"?: string;
-        "theme"?: 'events' | 'standard';
+        "theme"?: "events" | "standard";
         "totalCount"?: number;
     }
     interface PtcPara {
@@ -5845,11 +6212,21 @@ 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;
@@ -5860,45 +6237,60 @@ 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" | "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
          */
@@ -5910,15 +6302,19 @@ 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
          */
@@ -5932,7 +6328,10 @@ 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
          */
@@ -5940,7 +6339,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
          */
@@ -5948,11 +6347,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%?
          */
@@ -5968,7 +6367,13 @@ 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
          */
@@ -6215,7 +6620,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 {
@@ -6254,7 +6659,9 @@ declare namespace LocalJSX {
         /**
           * Quote Type
          */
-        "quoteType"?: "image-quote" | "plain-quote" | 'value-led-quote';
+        "quoteType"?: | "image-quote"
+		| "plain-quote"
+		| "value-led-quote";
     }
     interface PtcReadmore {
         /**
@@ -6264,11 +6671,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,
          */
@@ -6292,15 +6699,20 @@ 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
          */
@@ -6308,7 +6720,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 {
         /**
@@ -6379,9 +6791,9 @@ declare namespace LocalJSX {
     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;
@@ -6389,7 +6801,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;
@@ -6431,73 +6843,79 @@ 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;
@@ -6590,25 +7008,50 @@ 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
          */
@@ -6621,29 +7064,53 @@ 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
          */
@@ -6653,7 +7120,7 @@ declare namespace LocalJSX {
         /**
           * Arrow Direction
          */
-        "arrowDirection"?: 'up' | 'down';
+        "arrowDirection"?: "up" | "down";
         /**
           * Number after the icon
          */
@@ -6708,7 +7175,7 @@ declare namespace LocalJSX {
         /**
           * Display
          */
-        "display"?: 'block' | 'inline' | 'inline-block' | 'flex';
+        "display"?: "block" | "inline" | "inline-block" | "flex";
         /**
           * Injected Styles
          */
@@ -6735,7 +7202,7 @@ declare namespace LocalJSX {
         /**
           * Tab Type
          */
-        "type"?: 'default' | 'tab-with-banner';
+        "type"?: "default" | "tab-with-banner";
     }
     interface PtcTabs {
         "onTabChange"?: (event: PtcTabsCustomEvent<any>) => void;
@@ -6764,7 +7231,10 @@ 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
          */
@@ -6776,7 +7246,10 @@ 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 {
         /**
@@ -6790,7 +7263,9 @@ declare namespace LocalJSX {
         /**
           * Custom Validation - String
          */
-        "customValidation"?: (input: HTMLInputElement | HTMLTextAreaElement) => string;
+        "customValidation"?: (
+		input: HTMLInputElement | HTMLTextAreaElement,
+	) => string;
         /**
           * Disable the field
          */
@@ -6847,7 +7322,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
          */
@@ -6857,7 +7332,7 @@ 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;
@@ -6890,72 +7365,82 @@ 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
          */
@@ -6963,11 +7448,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 {
         /**
@@ -6986,7 +7471,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
          */
@@ -6994,7 +7479,12 @@ 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
          */
@@ -7002,7 +7492,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
@@ -7011,27 +7501,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 {
@@ -7042,16 +7532,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
          */
@@ -7061,7 +7551,9 @@ 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;
@@ -7108,7 +7600,7 @@ declare namespace LocalJSX {
     }
     interface PtcVideoEmbed {
         "src"?: string;
-        "type"?: 'Brightcove' | 'Youtube' | 'HTML';
+        "type"?: "Brightcove" | "Youtube" | "HTML";
         "width"?: number;
     }
     interface PtcWhitePaper {