@ptcwebops/ptcw-design 6.3.38 → 6.3.40-beta

package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.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 */
@@ -157,28 +153,28 @@ a {
   }
 }
 .tab-item.hp-blue::before {
-  background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);
+  background: linear-gradient(180deg, #197BC0 0%, #4795CD 100%);
 }
 .tab-item.hp-blue.active {
-  background: linear-gradient(180deg, #197bc0 0%, #4795cd 100%);
+  background: linear-gradient(180deg, #197BC0 0%, #4795CD 100%);
 }
 .tab-item.hp-blue.active::after {
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H0Z' fill='%234795CD'/%3E%3C/svg%3E");
 }
 .tab-item.hp-green::before {
-  background: linear-gradient(180deg, #00890b 0%, #33a13c 100%);
+  background: linear-gradient(180deg, #00890B 0%, #33A13C 100%);
 }
 .tab-item.hp-green.active {
-  background: linear-gradient(180deg, #00890b 0%, #33a13c 100%);
+  background: linear-gradient(180deg, #00890B 0%, #33A13C 100%);
 }
 .tab-item.hp-green.active::after {
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%2333A13C'/%3E%3C/svg%3E");
 }
 .tab-item.hp-red::before {
-  background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);
+  background: linear-gradient(180deg, #D33E3E 0%, #DC6565 100%);
 }
 .tab-item.hp-red.active {
-  background: linear-gradient(180deg, #d33e3e 0%, #dc6565 100%);
+  background: linear-gradient(180deg, #D33E3E 0%, #DC6565 100%);
 }
 .tab-item.hp-red.active::after {
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23DC6565'/%3E%3C/svg%3E%0A");
@@ -193,10 +189,10 @@ a {
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23819099'/%3E%3C/svg%3E");
 }
 .tab-item.hp-orange::before {
-  background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);
+  background: linear-gradient(180deg, #C37729 0%, #CF9254 100%);
 }
 .tab-item.hp-orange.active {
-  background: linear-gradient(180deg, #c37729 0%, #cf9254 100%);
+  background: linear-gradient(180deg, #C37729 0%, #CF9254 100%);
 }
 .tab-item.hp-orange.active::after {
   background-image: url("data:image/svg+xml,%3Csvg width='28' height='19' viewBox='0 0 28 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.35082e-07 0L12.3578 17.6585C13.1539 18.7962 14.8388 18.7962 15.635 17.6585L27.9927 0H9.35082e-07Z' fill='%23CF9254'/%3E%3C/svg%3E");

package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.js

@@ -1,9 +1,9 @@
-import { h, Host, } from "@stencil/core";
+import { h, Host } from '@stencil/core';
 export class HomepageClickableTab {
   constructor() {
     this.active = undefined;
     this.label = undefined;
-    this.activeColor = "hp-blue";
+    this.activeColor = 'hp-blue';
     this.isHovered = false;
     this.styles = undefined;
     this.trackerId = undefined;
@@ -19,30 +19,15 @@ export class HomepageClickableTab {
   }
   componentDidRender() {
     let that = this;
-    this.el.shadowRoot
-      .querySelectorAll("a")
-      .forEach((a) => {
-      a.addEventListener("click", (e) => {
-        e.preventDefault();
-        that.handleClick();
-      });
-      a.addEventListener("keypress", () => {
-        that.handleClick();
-      });
-      a.addEventListener("mouseenter", () => {
-        that.handleMouseEnter();
-      });
-      a.addEventListener("mouseleave", () => {
-        that.handleMouseLeave();
-      });
+    this.el.shadowRoot.querySelectorAll('a').forEach((a) => {
+      a.addEventListener('click', (e) => { e.preventDefault(); that.handleClick(); });
+      a.addEventListener('keypress', () => { that.handleClick(); });
+      a.addEventListener('mouseenter', () => { that.handleMouseEnter(); });
+      a.addEventListener('mouseleave', () => { that.handleMouseLeave(); });
     });
   }
   render() {
-    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tab-id-wrapper" }, h("a", { href: "#", class: {
-        "tab-item": true,
-        active: this.active,
-        [this.activeColor]: true,
-      }, tabindex: "0" }, h("span", { class: "hyphenate-text" }, this.label)))));
+    return (h(Host, null, this.styles && h("style", null, this.styles), h("div", { id: this.trackerId, class: "tab-id-wrapper" }, h("a", { href: "#", class: { 'tab-item': true, 'active': this.active, [this.activeColor]: true }, tabindex: "0" }, h("span", { class: "hyphenate-text" }, this.label)))));
   }
   static get is() { return "homepage-clickable-tab"; }
   static get encapsulation() { return "shadow"; }
@@ -108,7 +93,7 @@ export class HomepageClickableTab {
         },
         "attribute": "active-color",
         "reflect": false,
-        "defaultValue": "\"hp-blue\""
+        "defaultValue": "'hp-blue'"
       },
       "styles": {
         "type": "string",

package/dist/collection/components/icon-asset/icon-asset.css

@@ -14,10 +14,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;
@@ -36,10 +34,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 */
@@ -117,41 +113,31 @@ svg.xxxx-large {
 svg.white {
   fill: var(--color-white);
 }
-svg.white use[href$="#minus"],
-svg.white use[href$="#plus"],
-svg.white use[href$="#checkmark"] {
+svg.white use[href$="#minus"], svg.white use[href$="#plus"], svg.white use[href$="#checkmark"] {
   stroke: var(--color-white);
 }
 svg.black {
   fill: var(--color-black);
 }
-svg.black use[href$="#minus"],
-svg.black use[href$="#plus"],
-svg.black use[href$="#checkmark"] {
+svg.black use[href$="#minus"], svg.black use[href$="#plus"], svg.black use[href$="#checkmark"] {
   stroke: var(--color-black);
 }
 svg.ptc-green {
   fill: var(--color-green-07);
 }
-svg.ptc-green use[href$="#minus"],
-svg.ptc-green use[href$="#plus"],
-svg.ptc-green use[href$="#checkmark"] {
+svg.ptc-green use[href$="#minus"], svg.ptc-green use[href$="#plus"], svg.ptc-green use[href$="#checkmark"] {
   stroke: var(--color-green-07);
 }
 svg.gray {
   fill: var(--color-gray-06);
 }
-svg.gray use[href$="#minus"],
-svg.gray use[href$="#plus"],
-svg.gray use[href$="#checkmark"] {
+svg.gray use[href$="#minus"], svg.gray use[href$="#plus"], svg.gray use[href$="#checkmark"] {
   stroke: var(--color-gray-06);
 }
 svg.light-gray {
   fill: var(--color-gray-05);
 }
-svg.light-gray use[href$="#minus"],
-svg.light-gray use[href$="#plus"],
-svg.light-gray use[href$="#checkmark"] {
+svg.light-gray use[href$="#minus"], svg.light-gray use[href$="#plus"], svg.light-gray use[href$="#checkmark"] {
   stroke: var(--color-gray-05);
 }
 svg.primary-gray {
@@ -160,9 +146,7 @@ svg.primary-gray {
 svg.inherit {
   fill: inherit;
 }
-svg.inherit use[href$="#minus"],
-svg.inherit use[href$="#plus"],
-svg.inherit use[href$="#checkmark"] {
+svg.inherit use[href$="#minus"], svg.inherit use[href$="#plus"], svg.inherit use[href$="#checkmark"] {
   stroke: inherit;
 }
 svg:focus {

package/dist/collection/components/icon-asset/icon-asset.js

@@ -1,16 +1,16 @@
-import { getAssetPath, h, Host, } from "@stencil/core";
+import { getAssetPath, h, Host } from '@stencil/core';
 export class IconAsset {
   constructor() {
-    this.regularSprite = getAssetPath("./media/regular.svg");
-    this.solidSprite = getAssetPath("./media/solid.svg");
-    this.brandSprite = getAssetPath("./media/brands.svg");
-    this.ptcSprite = getAssetPath("./media/designer-v6.0.7.svg");
+    this.regularSprite = getAssetPath('./media/regular.svg');
+    this.solidSprite = getAssetPath('./media/solid.svg');
+    this.brandSprite = getAssetPath('./media/brands.svg');
+    this.ptcSprite = getAssetPath('./media/designer-v6.0.6.svg');
     this.name = undefined;
-    this.size = "xx-small";
-    this.type = "regular";
-    this.spin = "";
-    this.pulse = "";
-    this.color = "default";
+    this.size = 'xx-small';
+    this.type = 'regular';
+    this.spin = '';
+    this.pulse = '';
+    this.color = 'default';
     this.isMobileSelect = undefined;
     this.injectedStyle = undefined;
     this.focusOn = false;
@@ -18,21 +18,21 @@ export class IconAsset {
   }
   componentDidLoad() {
     this.ready.emit({
-      "regular-icons": this.regularSprite,
-      "sold-icons": this.solidSprite,
-      "brand-icons": this.brandSprite,
-      "ptc-icons": this.ptcSprite,
+      'regular-icons': this.regularSprite,
+      'sold-icons': this.solidSprite,
+      'brand-icons': this.brandSprite,
+      'ptc-icons': this.ptcSprite
     });
   }
   render() {
     const classMap = this.getCssClassMap();
-    if (this.type == "brands") {
+    if (this.type == 'brands') {
       return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
     }
-    else if (this.type == "solid") {
+    else if (this.type == 'solid') {
       return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
     }
-    else if (this.type == "ptc") {
+    else if (this.type == 'ptc') {
       return (h(Host, null, this.injectedStyle && h("style", null, this.injectedStyle), h("svg", { class: classMap, "aria-hidden": this.isMobileSelect && "true", tabindex: this.focusOn ? 0 : -1, id: this.trackerId }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
     }
     else {
@@ -45,8 +45,8 @@ export class IconAsset {
       [this.spin]: true,
       [this.pulse]: true,
       [this.color]: true,
-      ["ismobileselect"]: this.isMobileSelect ? true : false,
-      ["mf-listen"]: this.trackerId !== "" ? true : false,
+      ['ismobileselect']: this.isMobileSelect ? true : false,
+      ['mf-listen']: this.trackerId !== "" ? true : false
     };
   }
   static get is() { return "icon-asset"; }
@@ -85,7 +85,7 @@ export class IconAsset {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"micro\"\r\n\t\t| \"xxx-small\"\r\n\t\t| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"",
+          "original": "'micro' | 'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
           "resolved": "\"large\" | \"medium\" | \"micro\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\" | \"xxx-small\" | \"xxxx-large\"",
           "references": {}
         },
@@ -97,13 +97,13 @@ export class IconAsset {
         },
         "attribute": "size",
         "reflect": false,
-        "defaultValue": "\"xx-small\""
+        "defaultValue": "'xx-small'"
       },
       "type": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"solid\" | \"brands\" | \"ptc\" | \"regular\"",
+          "original": "'solid' | 'brands' | 'ptc' | 'regular'",
           "resolved": "\"brands\" | \"ptc\" | \"regular\" | \"solid\"",
           "references": {}
         },
@@ -115,13 +115,13 @@ export class IconAsset {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "\"regular\""
+        "defaultValue": "'regular'"
       },
       "spin": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"fa-spin\" | \"\"",
+          "original": "'fa-spin' | ''",
           "resolved": "\"\" | \"fa-spin\"",
           "references": {}
         },
@@ -133,13 +133,13 @@ export class IconAsset {
         },
         "attribute": "spin",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "pulse": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"fa-pulse\" | \"\"",
+          "original": "'fa-pulse' | ''",
           "resolved": "\"\" | \"fa-pulse\"",
           "references": {}
         },
@@ -151,13 +151,13 @@ export class IconAsset {
         },
         "attribute": "pulse",
         "reflect": false,
-        "defaultValue": "\"\""
+        "defaultValue": "''"
       },
       "color": {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"black\"\r\n\t\t| \"white\"\r\n\t\t| \"ptc-green\"\r\n\t\t| \"gray\"\r\n\t\t| \"light-gray\"\r\n\t\t| \"primary-gray\"\r\n\t\t| \"default\"\r\n\t\t| \"inherit\"",
+          "original": "'black' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
           "resolved": "\"black\" | \"default\" | \"gray\" | \"inherit\" | \"light-gray\" | \"primary-gray\" | \"ptc-green\" | \"white\"",
           "references": {}
         },
@@ -169,7 +169,7 @@ export class IconAsset {
         },
         "attribute": "color",
         "reflect": false,
-        "defaultValue": "\"default\""
+        "defaultValue": "'default'"
       },
       "isMobileSelect": {
         "type": "boolean",

package/dist/collection/components/icon-asset/media/{designer-v6.0.7.svg → designer-v6.0.6.svg}

@@ -395,7 +395,6 @@
     <path id="rect28" d="M 0,0 H 4 V 18 H 0 Z" />
     <path id="rect30" d="m 10,0 h 4 v 18 h -4 z" />
   </symbol>
-
   <symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
     viewBox="0 0 22.84 22.84" id="download-arrow-news">
     <defs>
@@ -423,7 +422,6 @@
       </g>
     </g>
   </symbol>
-
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="twitter-blogs-icon">
     <g id="Layer_2">
       <g id="Layer_1-2">
@@ -460,6 +458,36 @@
       </g>
     </g>
   </symbol>
+
+  <symbol xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+    viewBox="0 0 22.84 22.84" id="download-arrow-news">
+    <style>.cls-1{fill:url(#linear-gradient);}</style>
+    <defs>
+      <linearGradient id="linear-gradient" x1="0.22" y1="25.05" x2="-0.67" y2="25.43"
+        gradientTransform="matrix(35, 0, 0, -35, 13.73, 892.38)" gradientUnits="userSpaceOnUse">
+        <stop offset="0" stop-color="#77c14d"></stop>
+        <stop offset="1" stop-color="#03793e"></stop>
+      </linearGradient>
+    </defs>
+    <g id="Layer_2">
+      <g id="Layer_1-2">
+        <g id="Group_1444">
+          <g id="Ellipse_446-2">
+            <circle cx="11.42" cy="11.42" r="11.42" class="cls-1"></circle>
+            <circle cx="11.42" cy="11.42" r="11.26" style="fill:none;stroke:#fff;stroke-width:0.33px;"></circle>
+          </g>
+        </g>
+        <g id="Group_1424">
+          <rect id="Rectangle_420" x="10.05" y="8.04" width="2.73" height="1.24" style="fill:#fff;"></rect>
+          <rect id="Rectangle_421" x="10.05" y="6.53" width="2.73" height="0.83" style="fill:#fff;"></rect>
+          <path id="Path_4278"
+            d="M10.17,12a.07.07,0,0,1-.07.07H8.8a.08.08,0,0,0-.08.07.11.11,0,0,0,0,.05L11.34,16a.08.08,0,0,0,.12,0,0,0,0,0,0,0,0l2.59-3.79a.08.08,0,0,0,0-.11h-1.3a.08.08,0,0,1-.08-.07h0V10a.07.07,0,0,0-.07-.07H10.25a.08.08,0,0,0-.08.07h0Z"
+            style="fill:#fff;"></path>
+        </g>
+      </g>
+    </g>
+  </symbol>
+  
   <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 32" id="arrow_ascending">
     <path d="M21.8 14.6L11 0L0 14.6H7L7 32L14.8 32L14.8 14.6L21.8 14.6Z"></path>
   </symbol>
@@ -719,19 +747,4 @@
     </g>
   </symbol>
 
-
-
-  <symbol xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="creo">
-    <g clip-path="url(#clip0_3505_2478)">
-      <path d="M1.5 7.05078V18.3008L11.25 24.0008V12.7508L1.5 7.05078Z" />
-      <path d="M12.75 24.0008L22.5 18.3008V7.05078L12.75 12.7508V24.0008Z" />
-      <path d="M21.75 5.7L12 0L2.25 5.7L12 11.4L21.75 5.7Z"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_3505_2478">
-        <rect width="24" height="24" />
-      </clipPath>
-    </defs>
-  </symbol>
-
 </svg>

package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.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/innovator-toggle-container/innovator-toggle-container.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { Host, h } from '@stencil/core';
 export class InnovatorToggleContainer {
   constructor() {
     this.sectionTitle = undefined;
@@ -7,15 +7,16 @@ export class InnovatorToggleContainer {
   }
   componentDidLoad() {
     this.el.addEventListener("mousemove", () => { });
-    let imgElement = this.el.shadowRoot.querySelector(".bgImage");
+    let imgElement = this.el.shadowRoot.querySelector('.bgImage');
+    ;
     onmousemove = (event) => {
       if (event.target === this.el) {
-        imgElement.style.setProperty("transform", `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
+        imgElement.style.setProperty('transform', `translate(-${event.clientX / 100}px, -${event.clientY / 100}px) scale(1.1, 1.1)`);
       }
     };
   }
   render() {
-    return (h(Host, null, h("img", { src: this.backgroundImage, alt: "", class: "bgImage" }), h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: "backdrop-blur light-links" }, h("div", { class: "ptc-container" }, h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), h("ptc-spacer", null)), h("div", { class: "ptc-container" }, h("div", { class: "content-box" }, h("div", { class: "backdrop" }), h("slot", null)))), h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));
+    return (h(Host, null, h("img", { src: this.backgroundImage, alt: "", class: 'bgImage' }), h("svg", { class: "cut cut-top", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), h("div", { class: 'backdrop-blur light-links' }, h("div", { class: "ptc-container" }, h("ptc-title", { type: "h2", "text-align": "center", "title-color": "white", "title-margin": "margin-flush" }, this.sectionTitle), h("ptc-para", { "font-size": "small", "para-align": "center", "font-weight": "w-5", "para-color": "white", "para-margin": "margin-5" }, this.description), h("ptc-spacer", null)), h("div", { class: "ptc-container" }, h("div", { class: "content-box" }, h("div", { class: "backdrop" }), h("slot", null)))), h("svg", { class: "cut cut-bottom", xmlns: "http://www.w3.org/2000/svg", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179" }, h("path", { fill: "#F3F3F3", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "path-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" }))));
   }
   static get is() { return "innovator-toggle-container"; }
   static get encapsulation() { return "shadow"; }