@ptcwebops/ptcw-design 6.3.66-beta → 6.3.68-beta

package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -77,39 +81,155 @@ a.disabled {
   cursor: not-allowed;
 }
 a:focus-visible {
-  outline: 5px solid #003DD6 !important;
+  outline: 5px solid #003dd6 !important;
   outline-offset: 0px !important;
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.light-links a.light-link,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-grey-10 a.light-link,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a),
+.background-plm-grey a.light-link {
   color: var(--color-blue-04);
   margin: -2px;
   border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.light-links a.light-link:visited,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-grey-10 a.light-link:visited,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited,
+.background-plm-grey a.light-link:visited {
   color: var(--color-blue-06);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.light-links a.light-link:active,
+.light-links a.light-link:visited:active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-grey-10 a.light-link:active,
+.background-grey-10 a.light-link:visited:active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):active,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:active,
+.background-plm-grey a.light-link:active,
+.background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.light-links a.light-link:hover,
+.light-links a.light-link:visited:hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-grey-10 a.light-link:hover,
+.background-grey-10 a.light-link:visited:hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):hover,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):visited:hover,
+.background-plm-grey a.light-link:hover,
+.background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.light-links a.light-link.disabled,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-grey-10 a.light-link.disabled,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a).disabled,
+.background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
+.light-links a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.light-links a.light-link:focus-visible,
+.background-grey-10 a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-grey-10 a.light-link:focus-visible,
+.background-plm-grey a:not(.hero-footer-form-wrapper a,
+ptc-modal inline-form a,
+.podcast-cta-section a,
+.vjs-social-share-links a):focus-visible,
+.background-plm-grey a.light-link:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);
 }
-.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
+.light-links .podcast-cta-section a,
+.background-grey-10 .podcast-cta-section a,
+.background-plm-grey .podcast-cta-section a {
   border: 2px solid transparent;
 }
-.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
+.light-links .podcast-cta-section a:focus-visible,
+.background-grey-10 .podcast-cta-section a:focus-visible,
+.background-plm-grey .podcast-cta-section a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
   border: 2px solid white;
   outline: 5px solid var(--keyboard-nav-outline);

package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.js

@@ -1,22 +1,22 @@
-import { h, Host } from '@stencil/core';
+import { h, Host, } from "@stencil/core";
 export class PtcTooltipV2 {
   constructor() {
-    this.elementDisplay = 'block';
+    this.elementDisplay = "block";
     this.maxLength = 45;
     this.maxLines = undefined;
     this.zIndex = 1000;
-    this.width = 'default';
-    this.position = 'bottom';
+    this.width = "default";
+    this.position = "bottom";
     this.hideOnMobile = false;
-    this.fullText = '';
-    this.displayText = '';
+    this.fullText = "";
+    this.displayText = "";
     this.showTip = false;
     this.styles = undefined;
   }
   slotChangeHandler(event) {
     const slot = event.target;
     const nodes = slot.assignedNodes({ flatten: true });
-    this.fullText = nodes.map(node => node.textContent).join('');
+    this.fullText = nodes.map((node) => node.textContent).join("");
     this.processText();
   }
   componentWillLoad() {
@@ -27,37 +27,43 @@ export class PtcTooltipV2 {
   }
   processText(initial = false) {
     if (initial) {
-      const slot = this.el.shadowRoot.querySelector('slot');
+      const slot = this.el.shadowRoot.querySelector("slot");
       if (slot) {
         const nodes = slot.assignedNodes({ flatten: true });
         this.fullText = nodes
-          .map(node => node.textContent)
-          .join('')
+          .map((node) => node.textContent)
+          .join("")
           .trim();
       }
     }
     this.displayText = this.fullText;
-    if (this.fullText.length > this.maxLength && this.maxLines === undefined) {
-      const trimmedText = this.fullText.substring(0, this.maxLength).trim();
-      const lastSpace = trimmedText.lastIndexOf(' ');
-      this.displayText = trimmedText.substring(0, lastSpace) + '...';
+    if (this.fullText.length > this.maxLength &&
+      this.maxLines === undefined) {
+      const trimmedText = this.fullText
+        .substring(0, this.maxLength)
+        .trim();
+      const lastSpace = trimmedText.lastIndexOf(" ");
+      this.displayText = trimmedText.substring(0, lastSpace) + "...";
       this.showTip = true;
     }
   }
   render() {
     const style = {
       zIndex: this.zIndex.toString(),
-      width: this.width === 'full-width' ? '100%' : 'auto',
-      overflow: 'hidden',
-      display: this.maxLines ? '-webkit-box !important' : 'inherit',
-      WebkitBoxOrient: 'vertical',
-      WebkitLineClamp: this.maxLines ? this.maxLines.toString() : 'none',
+      width: this.width === "full-width" ? "100%" : "auto",
+      overflow: "hidden",
+      display: this.maxLines ? "-webkit-box !important" : "inherit",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: this.maxLines ? this.maxLines.toString() : "none",
     };
     const tooltipClass = {
-      'tooltip-container': true,
-      'with-tip': this.showTip, // Conditionally applying the 'with-tip' class
+      "tooltip-container": true,
+      "with-tip": this.showTip, // Conditionally applying the 'with-tip' class
     };
-    return (h(Host, { class: this.elementDisplay }, this.styles && h("style", null, this.styles), h("div", { class: tooltipClass, style: { zIndex: this.zIndex.toString(), width: this.width === 'full-width' ? '100%' : 'auto' } }, h("div", { class: "tooltip-text", style: style }, this.displayText), h("div", { class: `tooltip-content ${this.position}` }, h("slot", null)))));
+    return (h(Host, { class: this.elementDisplay }, this.styles && h("style", null, this.styles), h("div", { class: tooltipClass, style: {
+        zIndex: this.zIndex.toString(),
+        width: this.width === "full-width" ? "100%" : "auto",
+      } }, h("div", { class: "tooltip-text", style: style }, this.displayText), h("div", { class: `tooltip-content ${this.position}` }, h("slot", null)))));
   }
   static get is() { return "ptc-tooltip-v2"; }
   static get encapsulation() { return "shadow"; }
@@ -77,7 +83,7 @@ export class PtcTooltipV2 {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'block' | 'inline-block' | 'inline'",
+          "original": "\"block\" | \"inline-block\" | \"inline\"",
           "resolved": "\"block\" | \"inline\" | \"inline-block\"",
           "references": {}
         },
@@ -89,7 +95,7 @@ export class PtcTooltipV2 {
         },
         "attribute": "element-display",
         "reflect": false,
-        "defaultValue": "'block'"
+        "defaultValue": "\"block\""
       },
       "maxLength": {
         "type": "number",
@@ -148,7 +154,7 @@ export class PtcTooltipV2 {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'full-width' | 'default'",
+          "original": "\"full-width\" | \"default\"",
           "resolved": "\"default\" | \"full-width\"",
           "references": {}
         },
@@ -160,13 +166,13 @@ export class PtcTooltipV2 {
         },
         "attribute": "width",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "position": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'top' | 'bottom' | 'left' | 'right'",
+          "original": "\"top\" | \"bottom\" | \"left\" | \"right\"",
           "resolved": "\"bottom\" | \"left\" | \"right\" | \"top\"",
           "references": {}
         },
@@ -178,7 +184,7 @@ export class PtcTooltipV2 {
         },
         "attribute": "position",
         "reflect": false,
-        "defaultValue": "'bottom'"
+        "defaultValue": "\"bottom\""
       },
       "hideOnMobile": {
         "type": "boolean",

package/dist/collection/components/ptc-tooltip-v3/ptc-tooltip-v3.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-tooltip-v3/ptc-tooltip-v3.js

@@ -1,18 +1,18 @@
-import { h, Host } from '@stencil/core';
+import { h, Host, } from "@stencil/core";
 export class PtcTooltipV3 {
   constructor() {
-    this.fullContentstring = '';
+    this.fullContentstring = "";
     this.maxChars = undefined;
     this.maxLines = undefined;
     this.showTooltip = false;
-    this.truncatedContent = '';
+    this.truncatedContent = "";
     this.htmlTagType = undefined;
     this.maxCharEnable = false;
     this.maxLinesEnable = false;
-    this.zIndex = 'auto';
-    this.position = 'bottom';
-    this.theme = 'standard';
-    this.width = 'default';
+    this.zIndex = "auto";
+    this.position = "bottom";
+    this.theme = "standard";
+    this.width = "default";
     this.styles = undefined;
     this.hideOnMobile = false;
     this.isSmallScreen = undefined;
@@ -34,33 +34,36 @@ export class PtcTooltipV3 {
     this.isSmallScreen = window.innerWidth < 768;
     this.hideIfMobile = this.hideOnMobile && this.isSmallScreen;
     const content = this.el.innerText || this.el.textContent;
-    this.maxCharEnable = this.maxChars && (content.length > this.maxChars);
+    this.maxCharEnable = this.maxChars && content.length > this.maxChars;
     this.maxLinesEnable = this.maxLines && this.maxLines > 0;
     this.fullContentstring = content;
     this.getSortedText(content);
   }
   getSortedText(content) {
     const trimmedContent = content.trim();
-    this.truncatedContent = (this.maxCharEnable && !this.maxLinesEnable && !this.hideIfMobile) ? trimmedContent.slice(0, this.maxChars) + '...' : trimmedContent;
+    this.truncatedContent =
+      this.maxCharEnable && !this.maxLinesEnable && !this.hideIfMobile
+        ? trimmedContent.slice(0, this.maxChars) + "..."
+        : trimmedContent;
   }
   checkMaxLines() {
     const appRoot = this.el;
-    const text = appRoot.querySelectorAll('.trunc-text');
-    text.forEach(t => {
+    const text = appRoot.querySelectorAll(".trunc-text");
+    text.forEach((t) => {
       this.maxLinesShowCheck = t.scrollHeight > t.clientHeight;
     });
   }
   componentDidLoad() {
     this.updateContentMarkup();
     // Hide the slot and element from the DOM
-    const slotElement = this.el.querySelector('.slot-wrap');
+    const slotElement = this.el.querySelector(".slot-wrap");
     if (slotElement) {
       slotElement.remove();
     }
     this.checkMaxLines();
   }
   updateContentMarkup() {
-    const truncDiv = this.el.querySelector('.trunc-text');
+    const truncDiv = this.el.querySelector(".trunc-text");
     if (truncDiv) {
       if (this.htmlTagType) {
         let tagHtml = `<${this.htmlTagType}>${this.truncatedContent}</${this.htmlTagType}>`;
@@ -75,26 +78,28 @@ export class PtcTooltipV3 {
     this.showTooltip = show;
   }
   renderTooltip() {
-    return (((this.maxCharEnable && this.showTooltip) || (this.maxLinesEnable && this.showTooltip && this.maxLinesShowCheck)) ? (h("div", { class: `tooltip-box ${this.position} ${this.width}`, style: { 'z-index': this.zIndex }, ref: el => (this.tooltipBox = el) }, this.fullContentstring)) : '');
+    return (this.maxCharEnable && this.showTooltip) ||
+      (this.maxLinesEnable &&
+        this.showTooltip &&
+        this.maxLinesShowCheck) ? (h("div", { class: `tooltip-box ${this.position} ${this.width}`, style: { "z-index": this.zIndex }, ref: (el) => (this.tooltipBox = el) }, this.fullContentstring)) : ("");
   }
   render() {
     const classMap = this.getCssClassMap();
     const clampStyle = this.getLineCuttoff();
-    return (h(Host, null, h("div", { class: "tooltip-container", onMouseEnter: () => this.toggleTooltip(true), onMouseLeave: () => this.toggleTooltip(false) }, h("div", { class: classMap, style: clampStyle }), h("div", { class: 'slot-wrap' }, h("slot", null)), !this.hideIfMobile &&
-      this.renderTooltip())));
+    return (h(Host, null, h("div", { class: "tooltip-container", onMouseEnter: () => this.toggleTooltip(true), onMouseLeave: () => this.toggleTooltip(false) }, h("div", { class: classMap, style: clampStyle }), h("div", { class: "slot-wrap" }, h("slot", null)), !this.hideIfMobile && this.renderTooltip())));
   }
   getCssClassMap() {
     return {
-      'trunc-text': true,
-      'line-clamp': this.maxLinesEnable,
-      'hide-on-mobile': this.hideOnMobile
+      "trunc-text": true,
+      "line-clamp": this.maxLinesEnable,
+      "hide-on-mobile": this.hideOnMobile,
     };
   }
   getLineCuttoff() {
     let result;
     if (this.maxLinesEnable) {
       result = {
-        ['-webkit-line-clamp']: `${this.maxLines}`,
+        ["-webkit-line-clamp"]: `${this.maxLines}`,
       };
     }
     return result;
@@ -179,13 +184,13 @@ export class PtcTooltipV3 {
         },
         "attribute": "z-index",
         "reflect": false,
-        "defaultValue": "'auto'"
+        "defaultValue": "\"auto\""
       },
       "position": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'left' | 'right' | 'bottom' | 'bottom-right' | 'top'",
+          "original": "\"left\" | \"right\" | \"bottom\" | \"bottom-right\" | \"top\"",
           "resolved": "\"bottom\" | \"bottom-right\" | \"left\" | \"right\" | \"top\"",
           "references": {}
         },
@@ -197,13 +202,13 @@ export class PtcTooltipV3 {
         },
         "attribute": "position",
         "reflect": false,
-        "defaultValue": "'bottom'"
+        "defaultValue": "\"bottom\""
       },
       "theme": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'standard' | 'danger'",
+          "original": "\"standard\" | \"danger\"",
           "resolved": "\"danger\" | \"standard\"",
           "references": {}
         },
@@ -215,13 +220,13 @@ export class PtcTooltipV3 {
         },
         "attribute": "theme",
         "reflect": false,
-        "defaultValue": "'standard'"
+        "defaultValue": "\"standard\""
       },
       "width": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'full-width' | 'default'",
+          "original": "\"full-width\" | \"default\"",
           "resolved": "\"default\" | \"full-width\"",
           "references": {}
         },
@@ -233,7 +238,7 @@ export class PtcTooltipV3 {
         },
         "attribute": "width",
         "reflect": false,
-        "defaultValue": "'default'"
+        "defaultValue": "\"default\""
       },
       "styles": {
         "type": "string",

package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-two-column-media/ptc-two-column-media.js

@@ -1,4 +1,4 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcTwoColumnMedia {
   constructor() {
     this.componentType = undefined;
@@ -9,7 +9,7 @@ export class PtcTwoColumnMedia {
   }
   getCssClassMap() {
     return {
-      [this.componentType]: this.componentType ? true : false
+      [this.componentType]: this.componentType ? true : false,
     };
   }
   static get is() { return "ptc-two-column-media"; }
@@ -30,7 +30,7 @@ export class PtcTwoColumnMedia {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'two-column-media' | 'two-column-media-icon-list' | 'two-column-text'",
+          "original": "| \"two-column-media\"\r\n\t\t| \"two-column-media-icon-list\"\r\n\t\t| \"two-column-text\"",
           "resolved": "\"two-column-media\" | \"two-column-media-icon-list\" | \"two-column-text\"",
           "references": {}
         },

package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-value-led-card/ptc-value-led-card.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValueLedCard {
   constructor() {
     this.cardImage = undefined;
     this.cardUpNext = undefined;
   }
   render() {
-    return (h(Host, null, h("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { class: "card-content" }, h("span", { class: 'tag' }, this.cardUpNext), h("slot", { name: "card-title" }), h("ptc-spacer", { size: "x-small" }), h("slot", null))));
+    return (h(Host, null, h("ptc-picture", { alt: "image", "border-radius": "radius-standard", "display-image": "block", "image-position": "relative", "is-full-height": "true", "is-full-width": "true", "object-fit": "cover", src: this.cardImage, styles: "" }), h("div", { class: "card-content" }, h("span", { class: "tag" }, this.cardUpNext), h("slot", { name: "card-title" }), h("ptc-spacer", { size: "x-small" }), h("slot", null))));
   }
   static get is() { return "ptc-value-led-card"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-value-led-content/ptc-value-led-content.js

@@ -1,11 +1,10 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcValueLedContent {
   constructor() {
     this.contentTag = undefined;
   }
   render() {
-    return (h(Host, null, this.contentTag &&
-      h("div", { class: 'content-tag' }, this.contentTag), h("div", { class: "vl-content-title" }, h("slot", { name: "vl-content-title" })), h("slot", null)));
+    return (h(Host, null, this.contentTag && (h("div", { class: "content-tag" }, this.contentTag)), h("div", { class: "vl-content-title" }, h("slot", { name: "vl-content-title" })), h("slot", null)));
   }
   static get is() { return "ptc-value-led-content"; }
   static get encapsulation() { return "shadow"; }