@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

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

@@ -9,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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 */
@@ -81,131 +77,39 @@ 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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):active,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):active,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover,
-.background-grey-10 a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.vjs-social-share-links a):hover,
-.background-plm-grey a:not(.hero-footer-form-wrapper a,
-ptc-modal inline-form 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,
-.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,
-.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,
-.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,
-.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,
-.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,
-.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,43 +27,37 @@ 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"; }
@@ -83,7 +77,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": {}
         },
@@ -95,7 +89,7 @@ export class PtcTooltipV2 {
         },
         "attribute": "element-display",
         "reflect": false,
-        "defaultValue": "\"block\""
+        "defaultValue": "'block'"
       },
       "maxLength": {
         "type": "number",
@@ -154,7 +148,7 @@ export class PtcTooltipV2 {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"full-width\" | \"default\"",
+          "original": "'full-width' | 'default'",
           "resolved": "\"default\" | \"full-width\"",
           "references": {}
         },
@@ -166,13 +160,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": {}
         },
@@ -184,7 +178,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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,36 +34,33 @@ 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}>`;
@@ -78,28 +75,26 @@ 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;
@@ -184,13 +179,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": {}
         },
@@ -202,13 +197,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": {}
         },
@@ -220,13 +215,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": {}
         },
@@ -238,7 +233,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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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\"\r\n\t\t| \"two-column-media-icon-list\"\r\n\t\t| \"two-column-text\"",
+          "original": "'two-column-media' | 'two-column-media-icon-list' | '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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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,10 +1,11 @@
-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"; }

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

@@ -9,10 +9,8 @@ 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;
@@ -31,10 +29,8 @@ 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 */