@ptcwebops/ptcw-design 6.3.37 → 6.3.38

package/dist/collection/components/homepage-clickable-tab/homepage-clickable-tab.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 */
@@ -153,28 +157,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");
@@ -189,10 +193,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,15 +19,30 @@ 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"; }
@@ -93,7 +108,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,8 +14,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;
@@ -34,8 +36,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 */
@@ -113,31 +117,41 @@ 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 {
@@ -146,7 +160,9 @@ 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.7.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' | 'xxx-small' |'xx-small' |'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large'",
+          "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\"",
           "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' | 'white' | 'ptc-green' | 'gray' | 'light-gray' | 'primary-gray' | 'default' | 'inherit'",
+          "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\"",
           "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/innovator-toggle-container/innovator-toggle-container.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,131 @@ 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,
+.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 {
   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,
+.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 {
   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,
+.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 {
   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,
+.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 {
   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,
+.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 {
   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,
+.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 {
   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,16 +7,15 @@ 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"; }

package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.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/jumbotron-sub-menu/jumbotron-sub-menu.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { h, } from "@stencil/core";
 export class JumbotronSubMenu {
   constructor() {
     this.isClickable = true;
@@ -23,7 +23,7 @@ export class JumbotronSubMenu {
     const upArrow = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, h("path", { d: "M13 8.5L7.34315 2.71178L1.68629 8.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const downArrow = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "11", viewBox: "0 0 15 11", fill: "none" }, h("path", { d: "M13 2.5L7.34315 8.28822L1.68629 2.5", stroke: "white", "stroke-width": "3", "stroke-linecap": "round" })));
     const menuItems = Array.from(this.el.querySelectorAll('[slot^="menu-item"]'));
-    return (h("nav", { class: "menu" }, h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu(), onKeyPress: () => this.toggleMenu(), tabindex: "0" }, h("span", { class: "mobile-menu-text" }, menuItems[this.activeItem].textContent), h("span", null, this.isOpen ? upArrow : downArrow)), h("ul", { class: `menu-list ${this.isOpen ? 'open' : ''}` }, menuItems.map((item, index) => (h("li", { key: index, id: `hp-tab-${index}`, class: this.activeItem === index ? 'active' : '' }, h("button", { onClick: () => this.selectItem(index) }, item.textContent)))))));
+    return (h("nav", { class: "menu" }, h("div", { class: "mobile-menu-icon", onClick: () => this.toggleMenu(), onKeyPress: () => this.toggleMenu(), tabindex: "0" }, h("span", { class: "mobile-menu-text" }, menuItems[this.activeItem].textContent), h("span", null, this.isOpen ? upArrow : downArrow)), h("ul", { class: `menu-list ${this.isOpen ? "open" : ""}` }, menuItems.map((item, index) => (h("li", { key: index, id: `hp-tab-${index}`, class: this.activeItem === index ? "active" : "" }, h("button", { onClick: () => this.selectItem(index) }, item.textContent)))))));
   }
   static get is() { return "jumbotron-sub-menu"; }
   static get encapsulation() { return "shadow"; }