@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts

@@ -1,4 +1,4 @@
-import { FocusTrap } from "focus-trap";
+import { FocusTrap } from 'focus-trap';
 export declare class PtcRelatedCardRail {
   /**
    * Card Rail Element
@@ -13,8 +13,6 @@ export declare class PtcRelatedCardRail {
    */
   footerQuerySelector: string;
   railTitle: string;
-  isVisible: boolean;
-  onVisibleChanged(newValue: boolean): void;
   closed: boolean;
   cardInView: number;
   data: {
@@ -30,7 +28,6 @@ export declare class PtcRelatedCardRail {
   };
   openedByKeyboard: boolean;
   focusTrap: FocusTrap | undefined;
-  setFocusTrap: () => void;
   setScreenBasedProps: () => void;
   handlePrevClick: () => void;
   handleNextClick: () => void;

package/dist/types/components/ptc-scroll-button/ptc-scroll-button.d.ts

@@ -1,8 +1,8 @@
 export declare class PtcScrollButton {
-  direction: "left" | "right" | "up" | "down";
+  direction: 'left' | 'right' | 'up' | 'down';
   scrollContainerClass: string;
   scrollAmount: number;
-  orientation: "horizontal" | "vertical";
+  orientation: 'horizontal' | 'vertical';
   trackerId?: string;
   styles?: string;
   isVisible: boolean;

package/dist/types/components/ptc-search-field/ptc-search-field.d.ts

@@ -1,11 +1,11 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PtcSearchField {
   el: HTMLElement;
   textValue: string;
   placeholderLabel: string;
   darkTheme: boolean;
   isNews: boolean;
-  elevation: "x-small" | "small" | "medium" | "large" | "x-large";
+  elevation: 'x-small' | 'small' | 'medium' | 'large' | 'x-large';
   enableClear: boolean;
   valueChanged: EventEmitter;
   clicked: EventEmitter;

package/dist/types/components/ptc-select/ptc-select.d.ts

@@ -1,5 +1,5 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { MDCSelect } from "@material/select";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { MDCSelect } from '@material/select';
 interface ExtendedMDCSelect extends MDCSelect {
   open: boolean;
 }
@@ -22,17 +22,16 @@ export declare class PtcSelect {
   language: string;
   valueChange: EventEmitter<string>;
   defaultSelect: ExtendedMDCSelect;
-  lastInteraction: "mouse" | "keyboard";
+  lastInteraction: 'mouse' | 'keyboard';
   private map;
   setValue(): Promise<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
-  disconnectedCallback(): void;
   addKeyboardAccessibility(): void;
   setFocusToFirstMenuitem(): void;
   setFocusToNextMenuitem(currentMenuitem: HTMLElement): void;
   setFocusToPreviousMenuitem(currentMenuitem: HTMLElement): void;
-  getValidationMessage(type: string): string;
+  getValidationMessage(type: string): any;
   getSelectClassName(): string;
   setupFocusHandlers(): void;
   render(): any;

package/dist/types/components/ptc-seo-title/ptc-seo-title.d.ts

@@ -7,39 +7,39 @@ export declare class PtcSeoTitle {
   /**
    * Title Tag Type
    */
-  type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
   /**
    * Text Align
    */
-  textAlign: "left" | "center" | "right" | "inherit";
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
   /**
    * Upperline Style
    */
-  upperline: "dotted" | "solid" | "no-upperline";
+  upperline: 'dotted' | 'solid' | 'no-upperline';
   /**
    * Title Shadow
    */
-  titleShadow: "blue" | "red" | "green" | "orange" | "slate-grey";
+  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
   /**
    * Title color
    */
-  titleColor: "black" | "white" | "gray" | "gray-darker" | "gray-1";
+  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
   /**
    * 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 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 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 line height
    */
-  titleHeight: "densest" | "denser" | "dense" | "normal" | "loose" | "looser" | "paragraph";
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
   styles?: string;
   /**
    * Line number to cut text off at and add ellipsis
@@ -48,7 +48,7 @@ export declare class PtcSeoTitle {
   /**
    * Title heading display : To show line above heading full width or title width
    */
-  titleDisplay: "block" | "inline-block";
+  titleDisplay: 'block' | 'inline-block';
   render(): any;
   private getCssClassMap;
   private getLineCuttoff;

package/dist/types/components/ptc-shopping-cart/ptc-shopping-cart.d.ts

@@ -1,6 +1,6 @@
 export declare class PtcShoppingCart {
   cartCount?: string;
-  color: "black" | "white";
+  color: 'black' | 'white';
   cartText: string;
   render(): any;
   private getCssClassMap;

package/dist/types/components/ptc-slit-card/ptc-slit-card.d.ts

@@ -17,20 +17,20 @@ export declare class PtcSlitCard {
    * */
   rel?: string;
   /**
-   * Card heading
-   */
+    * Card heading
+    */
   heading?: string;
   /**
-   * Card heading
-   */
+    * Card heading
+    */
   content?: string;
   /**
-   * (optional) Injected CSS styles
-   **/
+  * (optional) Injected CSS styles
+  **/
   styles?: string;
   /**
-   * (optional) Injected CSS styles
-   **/
+  * (optional) Injected CSS styles
+  **/
   cardImage?: string;
   render(): any;
 }

package/dist/types/components/ptc-social-share/ptc-social-share.d.ts

@@ -1,8 +1,8 @@
 export declare class PtcSocialShare {
   el: HTMLElement;
   trackerId: string;
-  display?: "inline-block" | "block" | "inline" | "flex";
-  shareType?: "mail" | "twitter" | "linkedin" | "facebook" | "share-api" | "download" | "blog-mail" | "blog-twitter" | "blog-linkedin" | "blog-facebook";
+  display?: 'inline-block' | 'block' | 'inline' | 'flex';
+  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api' | 'download' | 'blog-mail' | 'blog-twitter' | 'blog-linkedin' | 'blog-facebook';
   shareTitle: string;
   text: string;
   url: string;
@@ -16,21 +16,21 @@ export declare class PtcSocialShare {
    */
   recipient?: string;
   /**
-   * Icon asset color
-   */
-  iconColor?: "black" | "white" | "ptc-green" | "gray" | "primary-gray" | "inherit";
+  * Icon asset color
+  */
+  iconColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
   /**
-   * Icon asset hover color
-   */
-  iconHoverColor?: "black" | "white" | "ptc-green" | "gray" | "primary-gray" | "inherit";
+* Icon asset hover color
+*/
+  iconHoverColor?: 'black' | 'white' | 'ptc-green' | 'gray' | 'primary-gray' | 'inherit';
   /**
    * is hover or not
    */
   isHover: boolean;
   /**
-   * Icon Size
-   */
-  iconSize?: "small" | "medium" | "large" | "x-large" | "xx-large" | "xxx-large" | "xxxx-large";
+  * Icon Size
+  */
+  iconSize?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
   /**
    *  darkFocusState for dark background
    */

package/dist/types/components/ptc-spacer/ptc-spacer.d.ts

@@ -2,15 +2,15 @@ export declare class PtcSpacer {
   /**
    * 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';
   /**
    * 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';
   /**
    * Direction
    */
-  direction: "vertical" | "horizontal";
+  direction: 'vertical' | 'horizontal';
   render(): any;
   private getCssClassMap;
 }

package/dist/types/components/ptc-span/ptc-span.d.ts

@@ -2,15 +2,15 @@ export declare class PtcSpan {
   /**
    * 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';
   /**
    * 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';
   /**
    * Injected Styles
    */

package/dist/types/components/ptc-square-card/ptc-square-card.d.ts

@@ -6,6 +6,6 @@ export declare class PtcSquareCard {
   /**
    * Arrow Direction
    */
-  arrowDirection?: "up" | "down";
+  arrowDirection?: 'up' | 'down';
   render(): any;
 }

package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts

@@ -6,7 +6,7 @@ export declare class PtcSvgBtn {
   /**
    * Display
    */
-  display: "block" | "inline" | "inline-block" | "flex";
+  display: 'block' | 'inline' | 'inline-block' | 'flex';
   /**
    * Z-Index
    */

package/dist/types/components/ptc-tab-list/ptc-tab-list.d.ts

@@ -1,10 +1,10 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { ITabContentData, ITabHeaderData, ITabGroup } from "../../utils/interfaces";
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ITabContentData, ITabHeaderData, ITabGroup } from '../../utils/interfaces';
 export declare class PtcTabList {
   /**
    * Tab Type
    */
-  type?: "default" | "tab-with-banner";
+  type?: 'default' | 'tab-with-banner';
   isMobile: boolean;
   isMobileTabWithBanner: boolean;
   tabsHeader: ITabHeaderData[];

package/dist/types/components/ptc-tabs/ptc-tabs.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Tabs {
   el: HTMLElement;
   tabChange: EventEmitter;

package/dist/types/components/ptc-text-copy-with-background/ptc-text-copy-with-background.d.ts

@@ -1,43 +1,41 @@
 export declare class PtcTextCopyWithBackground {
   /**
-   * Type
-   * Specify  Type, default is text-copy-with-background
-   */
-  type: "text-copy-with-background" | "hero-footer-cta" | "tab-cta-with-background" | "case-studies";
+  * Type
+  * Specify  Type, default is text-copy-with-background
+  */
+  type: 'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies';
   /**
-   * Background image
-   */
+  * Background image
+  */
   backgroundImage: string;
   /**
-   * (optional) Image alt text
-   */
+  * (optional) Image alt text
+  */
   ImageAltText?: string;
   /**
-   * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.
-   */
+  * (optional) topSlitBackgroundColor: It will be color value which should match the background of the body. Entering in "auto" will grab the background color of the body on page load.
+  */
   topSlitBackgroundColor?: string;
   /**
-   * (optional) topSlitPosition: It will decide the position of .
-   */
-  slitPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+ * (optional) topSlitPosition: It will decide the position of .
+ */
+  slitPosition?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
   /**
-   * (optional) isBackgroundBlur: If true,it will add background blur image effect
-   */
+  * (optional) isBackgroundBlur: If true,it will add background blur image effect
+  */
   isBackgroundBlur?: boolean;
   /**
-   * (optional) overlay: If true,it will add black overlay with 0.55 opacity
-   */
+  * (optional) overlay: If true,it will add black overlay with 0.55 opacity
+  */
   overlay?: boolean;
   /**
-   * (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance
-   */
+  * (optional) disableLightLinks: If true, it will not add class for links to be lighter for ADA compliance
+  */
   disableLightLinks?: boolean;
   /**
    *  (optional) Injected CSS Styles
    */
   styles?: string;
-  hostEle: HTMLElement;
-  componentDidLoad(): void;
   render(): any;
   private getSlitFillColor;
   private getCssClassMap;

package/dist/types/components/ptc-textfield/ptc-textfield.d.ts

@@ -56,17 +56,17 @@ export declare class PtcTextfield {
   /**
    * Custom Validation - String
    */
-  customValidation: (input: HTMLInputElement | HTMLTextAreaElement) => string;
+  customValidation: (input: HTMLInputElement) => string;
   language: string;
   /**
    * Ignore Blind Submit?
    */
   ignoreBlindSubmit: boolean;
-  lastInteraction: "mouse" | "keyboard";
-  phoneValidity: "valid" | "invalid" | "validating";
+  lastInteraction: 'mouse' | 'keyboard';
+  phoneValidity: 'valid' | 'invalid' | 'validating';
   mdcTextfieldComponent: any;
   mdcTextfield: any;
-  customInput: HTMLInputElement | HTMLTextAreaElement;
+  customInput: HTMLInputElement;
   iti: any;
   matchStatus: boolean;
   /**
@@ -80,20 +80,20 @@ export declare class PtcTextfield {
   /**
    * Text Field Form
    */
-  textfieldForm: "default" | "email-signup";
+  textfieldForm: 'default' | 'email-signup';
   handleInput(event: Event): void;
   handleFocus(event: Event): void;
   inputBlurHandler(): void;
   syncCountry(countryCode: string): Promise<void>;
   validateTextField(): Promise<void>;
-  getValidationMessage(type: string): Promise<string>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  getValidationMessage(type: string): any;
   getPhoneValidation(): void;
   setErrorBackground(): void;
   getInputClassName(): string;
   getValidationPattern(): string;
-  setHelperText(): Promise<void>;
+  setHelperText(): void;
   setupFocusHandlers(): void;
   render(): any;
 }

package/dist/types/components/ptc-theater-video/ptc-theater-video.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from "../../stencil-public-runtime";
+import { EventEmitter } from '../../stencil-public-runtime';
 export declare class PtcTheaterVideo {
   cardTitle?: string;
   cardDescription?: string;
@@ -8,7 +8,7 @@ export declare class PtcTheaterVideo {
   videoId?: number;
   vtagName?: string;
   vCardClicked: EventEmitter;
-  modalType?: "only-video" | "video-with-description";
+  modalType?: 'only-video' | 'video-with-description';
   showCardDetails(): void;
   render(): any;
 }

package/dist/types/components/ptc-theater-video-modal/ptc-theater-video-modal.d.ts

@@ -1,4 +1,3 @@
-import { EventEmitter } from "../../stencil-public-runtime";
 export declare class PtcTheaterVideoModal {
   cards: any;
   showModal: boolean;
@@ -6,11 +5,7 @@ export declare class PtcTheaterVideoModal {
   hostEl: HTMLElement;
   filteredTagName: string;
   modalType: string;
-  modalClosed: EventEmitter;
-  focusCardElement: any;
-  trap: any;
-  modalPopUpRef?: HTMLDivElement;
-  updateData(data: any, currentModalIndex: any, cardElement?: HTMLElement): Promise<void>;
+  updateData(data: any, currentModalIndex: any): Promise<void>;
   closeCardModal(): void;
   showNextCard(): void;
   showPrevCard(): void;

package/dist/types/components/ptc-theater-video-playlist/ptc-theater-video-playlist.d.ts

@@ -21,6 +21,6 @@ export declare class PtcTheaterVideoPlaylist {
     index: any;
     modalType: any;
   };
-  showCardDetails(index: number, cardElement?: HTMLElement): void;
+  showCardDetails(index: number): void;
   render(): any;
 }

package/dist/types/components/ptc-title/ptc-title.d.ts

@@ -7,39 +7,39 @@ export declare class PtcTitle {
   /**
    * Title Tag Type
    */
-  type: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  type: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
   /**
    * Text Align
    */
-  textAlign: "left" | "center" | "right" | "inherit";
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
   /**
    * Upperline Style
    */
-  upperline: "dotted" | "solid" | "no-upperline";
+  upperline: 'dotted' | 'solid' | 'no-upperline';
   /**
    * Title Shadow
    */
-  titleShadow: "blue" | "red" | "green" | "orange" | "slate-grey";
+  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
   /**
    * Title color
    */
-  titleColor: "black" | "white" | "gray" | "gray-darker" | "gray-1";
+  titleColor: 'black' | 'white' | 'gray' | 'gray-darker' | 'gray-1';
   /**
    * 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 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 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 line height
    */
-  titleHeight: "densest" | "denser" | "dense" | "normal" | "loose" | "looser" | "paragraph";
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
   styles?: string;
   /**
    * Line number to cut text off at and add ellipsis
@@ -48,7 +48,7 @@ export declare class PtcTitle {
   /**
    * Title heading display : To show line above heading full width or title width
    */
-  titleDisplay: "block" | "inline-block";
+  titleDisplay: 'block' | 'inline-block';
   /**
    * (optional) enable support for seo tools that can only view source
    */
@@ -60,11 +60,11 @@ export declare class PtcTitle {
   /**
    * 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';
   enableTooltip: boolean;
   maxChars: number;
   maxLines: number;
@@ -72,9 +72,9 @@ export declare class PtcTitle {
   hideTooltipOnMobile: boolean;
   ismob: boolean;
   /**
-   * This will make the width 100% respective to its parent
-   */
-  tooltipWidth?: "full-width" | "default";
+  * This will make the width 100% respective to its parent
+  */
+  tooltipWidth?: 'full-width' | 'default';
   componentDidLoad(): void;
   render(): any;
   getSortedText(content: string): string | undefined;

package/dist/types/components/ptc-tooltip/ptc-tooltip.d.ts

@@ -4,7 +4,7 @@ export declare class PtcTooltip {
    * Component Display
    * please don't set it to be inline-block
    */
-  textDisplay: "inline" | "block";
+  textDisplay: 'inline' | 'block';
   /**
    * max length
    */
@@ -21,11 +21,11 @@ export declare class PtcTooltip {
   /**
    * 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';
   /**
    * Tooltip position
    */
-  position: "left" | "right" | "bottom" | "bottom-right" | "top" | "side-left";
+  position: 'left' | 'right' | 'bottom' | 'bottom-right' | 'top' | 'side-left';
   /**
    *  (optional) Injected CSS Styles
    */
@@ -33,15 +33,15 @@ export declare class PtcTooltip {
   /**
    * 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 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';
   /**
    * If tooltip hide-on-mobile = "true" then the tooltip will not be visible belwo 768px devices
    */

package/dist/types/components/ptc-tooltip-v2/ptc-tooltip-v2.d.ts

@@ -1,11 +1,11 @@
 export declare class PtcTooltipV2 {
   el: HTMLElement;
-  elementDisplay: "block" | "inline-block" | "inline";
+  elementDisplay: 'block' | 'inline-block' | 'inline';
   maxLength: number;
   maxLines: number;
   zIndex: number;
-  width: "full-width" | "default";
-  position: "top" | "bottom" | "left" | "right";
+  width: 'full-width' | 'default';
+  position: 'top' | 'bottom' | 'left' | 'right';
   hideOnMobile: boolean;
   fullText: string;
   displayText: string;