npm - @ptcwebops/ptcw-design - Versions diffs - 6.4.12 → 6.4.13-beta - Mend

@ptcwebops/ptcw-design 6.4.12 → 6.4.13-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (535) hide show

package/dist/collection/components/ptc-card/ptc-card.css CHANGED Viewed

@@ -572,6 +572,7 @@ ptc-footer {
   margin-bottom: 14px;
   margin-top: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.listing-card) ::slotted([slot=slot-date]) {
@@ -591,6 +592,7 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 1rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
@@ -686,6 +688,7 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 @media only screen and (min-width: 1200px) {
@@ -731,6 +734,7 @@ ptc-footer {
   margin-bottom: 8px;
   margin-top: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 @media (min-width: 768px) {
@@ -759,6 +763,7 @@ ptc-footer {
     margin-bottom: 8px;
     margin-top: 0rem;
     word-break: break-word;
+    -webkit-hyphens: auto;
     hyphens: auto;
   }
 }
@@ -773,6 +778,7 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.listing-card-horizontal) ::slotted([slot=slot-description]) p {
@@ -936,7 +942,8 @@ ptc-footer {
   margin-bottom: 12px;
   margin-top: 0rem;
   word-break: break-word;
-  hyphens: manual;
+  -webkit-hyphens: manual;
+          hyphens: manual;
 }
 :host(.resource-center-card) ::slotted([slot=slot-description]) {
   font-family: var(--ptc-font-latin);
@@ -947,6 +954,7 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 1rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.resource-center-card) ::slotted([slot=slot-description]) p {
@@ -958,6 +966,7 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-bottom: 39px;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.resource-center-card) ::slotted([slot=slot-description]) span {
@@ -1180,6 +1189,7 @@ ptc-footer {
   width: fit-content;
   clip-path: inset(-6px -6px -6px 0px);
   word-break: break-word;
+  -webkit-hyphens: manual;
   hyphens: manual;
 }
 :host(.related-card) .link-wrapper {
@@ -1272,6 +1282,7 @@ ptc-footer {
   display: inline-block;
   margin-top: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.related-card) .card-body .small {
@@ -1292,6 +1303,7 @@ ptc-footer {
   margin-bottom: 14px;
   margin-top: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.related-card) ::slotted([slot=slot-description]) {
@@ -1395,6 +1407,7 @@ ptc-footer {
   color: var(--color-gray-11);
   margin-top: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
   margin-bottom: 0rem;
 }
@@ -1415,6 +1428,7 @@ ptc-footer {
   margin-top: 0rem;
   margin-block-start: 0rem;
   word-break: break-word;
+  -webkit-hyphens: auto;
   hyphens: auto;
 }
 :host(.featured-horizontal-card) ::slotted([slot=slot-description]) p {

package/dist/collection/components/ptc-card-content/ptc-card-content.css CHANGED Viewed

@@ -93,16 +93,14 @@ ptc-footer {
 :host(.card-tall) .ptc-card-content-wrapper,
 :host(.card-video) .ptc-card-content-wrapper,
 :host(.card-wide) .ptc-card-content-wrapper,
-:host(.card-playlist) .ptc-card-content-wrapper,
-:host(.card-on-demand-video) .ptc-card-content-wrapper {
+:host(.card-playlist) .ptc-card-content-wrapper {
   border-radius: var(--ptc-border-radius-large);
   position: relative;
 }
 :host(.card-tall) .ptc-card-content-wrapper::before,
 :host(.card-video) .ptc-card-content-wrapper::before,
 :host(.card-wide) .ptc-card-content-wrapper::before,
-:host(.card-playlist) .ptc-card-content-wrapper::before,
-:host(.card-on-demand-video) .ptc-card-content-wrapper::before {
+:host(.card-playlist) .ptc-card-content-wrapper::before {
   content: "";
   position: absolute;
   width: 100%;
@@ -118,8 +116,7 @@ ptc-footer {
 :host(.card-tall) .ptc-card-content-wrapper::after,
 :host(.card-video) .ptc-card-content-wrapper::after,
 :host(.card-wide) .ptc-card-content-wrapper::after,
-:host(.card-playlist) .ptc-card-content-wrapper::after,
-:host(.card-on-demand-video) .ptc-card-content-wrapper::after {
+:host(.card-playlist) .ptc-card-content-wrapper::after {
   content: url("data:image/svg+xml,%3Csvg width='54' height='56' viewBox='0 0 54 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_126_10476)'%3E%3Cpath d='M42 20L12 36V4L42 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_126_10476' x='0' y='0' width='54' height='56' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='8'/%3E%3CfeGaussianBlur stdDeviation='6'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_126_10476'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_126_10476' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
   position: absolute;
   opacity: 0;
@@ -406,43 +403,4 @@ ptc-footer {
 :host(.o-blue) {
   border: 2px solid var(--color-blue-07);
-}
-:host(.card-on-demand-video) .ptc-card-content-wrapper::before {
-  background: rgba(0, 0, 0, 0.16);
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  box-sizing: border-box;
-}
-:host(.card-on-demand-video) .ptc-card-content-wrapper::after {
-  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="46" height="48" viewBox="0 0 46 48" fill="none"><g filter="url(%23filter0_d_2245_7)"><path d="M38 20L8 36V4L38 20Z" fill="white"/></g><defs><filter id="filter0_d_2245_7" x="0" y="0" width="46" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="4"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.24 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2245_7"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2245_7" result="shape"/></filter></defs></svg>');
-  opacity: 1;
-  left: 0;
-  right: 0;
-  top: 8px;
-  bottom: 0;
-  transform: translate(0%) scale(1);
-  width: 100%;
-  height: 100%;
-  transform: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::before {
-  background: transparent;
-}
-:host(.card-on-demand-video.mouse-hover) .ptc-card-content-wrapper::after {
-  transform: translate(0%) scale(1.07);
-  transition: opacity var(--ptc-transition-medium) var(--ptc-ease-inout), transform var(--ptc-transition-medium) var(--ptc-ease-inout);
-}
-:host(.card-on-demand-video:active) .ptc-card-content-wrapper::before {
-  background: rgba(0, 0, 0, 0.12);
-}
-:host(.card-on-demand-video.dark) .ptc-card-content-wrapper::before {
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  box-sizing: border-box;
 }

package/dist/collection/components/ptc-card-content/ptc-card-content.js CHANGED Viewed

@@ -5,13 +5,11 @@ export class PtcCardContent {
     this.outlineColor = undefined;
     this.styles = undefined;
     this.isLoading = false;
-    this.cardOnDemandVideoTheme = "light";
   }
   hoverEventHandler() {
     if (!this.el.classList.contains("speed-bump") &&
       !this.el.classList.contains("card-video-intro") &&
       !this.el.classList.contains("card-dynamic") &&
-      !this.el.classList.contains("card-on-demand-video") &&
       !this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
       this.el.classList.add("mouse-hover");
@@ -31,7 +29,6 @@ export class PtcCardContent {
     if (!this.el.classList.contains("speed-bump") &&
       !this.el.classList.contains("card-video-intro") &&
       !this.el.classList.contains("card-dynamic") &&
-      !this.el.classList.contains("card-on-demand-video") &&
       !this.el.classList.contains("extra-tall")) {
       this.hoverEvent.emit();
       this.el.classList.remove("mouse-hover");
@@ -70,9 +67,6 @@ export class PtcCardContent {
     return {
       [this.cardType]: !!this.cardType ? true : false,
       [this.outlineColor]: !!this.outlineColor ? true : false,
-      [this.cardOnDemandVideoTheme]: !!this.cardOnDemandVideoTheme
-        ? true
-        : false,
     };
   }
   static get is() { return "ptc-card-content"; }
@@ -93,8 +87,8 @@ export class PtcCardContent {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\"\r\n\t\t| \"card-on-demand-video\"",
-          "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-on-demand-video\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-jumbotron-sub-card\" | \"event-podcast\" | \"extra-tall\" | \"speed-bump\" | \"thumbnail-video-preview\"",
+          "original": "| \"card-video\"\r\n\t\t| \"card-tall\"\r\n\t\t| \"card-2up\"\r\n\t\t| \"card-wide\"\r\n\t\t| \"speed-bump\"\r\n\t\t| \"card-playlist\"\r\n\t\t| \"card-video-intro\"\r\n\t\t| \"card-dynamic\"\r\n\t\t| \"extra-tall\"\r\n\t\t| \"color-outlined\"\r\n\t\t| \"thumbnail-video-preview\"\r\n\t\t| \"event-jumbotron-sub-card\"\r\n\t\t| \"event-podcast\"",
+          "resolved": "\"card-2up\" | \"card-dynamic\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"event-jumbotron-sub-card\" | \"event-podcast\" | \"extra-tall\" | \"speed-bump\" | \"thumbnail-video-preview\"",
           "references": {}
         },
         "required": false,
@@ -157,24 +151,6 @@ export class PtcCardContent {
         "attribute": "is-loading",
         "reflect": false,
         "defaultValue": "false"
-      },
-      "cardOnDemandVideoTheme": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "\"light\" | \"dark\"",
-          "resolved": "\"dark\" | \"light\"",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "card-on-demand-video-theme",
-        "reflect": false,
-        "defaultValue": "\"light\""
       }
     };
   }

package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js CHANGED Viewed

@@ -26,14 +26,6 @@ export class PtcCardPlm {
       const cardOverlay = this.el.querySelector("ptc-overlay");
       cardOverlay.setOverlay("black-5");
     }
-    // Only toggle mouse-hover on nested ptc-card-content for on-demand video cards
-    const cardContent = this.el.querySelector("ptc-card-content");
-    if (cardContent) {
-      const contentClasses = cardContent.classList;
-      if (contentClasses.contains("card-on-demand-video")) {
-        contentClasses.add("mouse-hover");
-      }
-    }
   }
   leaveEventHandler() {
     if (this.el.classList.contains("extra-tall")) {
@@ -45,14 +37,6 @@ export class PtcCardPlm {
       const cardOverlay = this.el.querySelector("ptc-overlay");
       cardOverlay.setOverlay("black-4");
     }
-    // Remove hover state only for on-demand video card content
-    const cardContent = this.el.querySelector("ptc-card-content");
-    if (cardContent) {
-      const contentClasses = cardContent.classList;
-      if (contentClasses.contains("card-on-demand-video")) {
-        contentClasses.remove("mouse-hover");
-      }
-    }
   }
   componentDidLoad() {
     this.checkScreenSize();
@@ -65,7 +49,9 @@ export class PtcCardPlm {
       ? { onMouseEnter: this.hoverEventHandler.bind(this) }
       : {}), (!this.isLoading
       ? { onMouseLeave: this.leaveEventHandler.bind(this) }
-      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState ? "focus-state-dark-background" : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
+      : {})), this.styles && h("style", null, this.styles), h("div", { class: "tracker-div mf-listen", id: this.trackerId }, h(Tag, Object.assign({ class: `mf-listen ${this.darkFocusState
+        ? "focus-state-dark-background"
+        : ""}` }, (!!this.cardLink && this.cardType !== "simple-card"
       ? { tabindex: "0" }
       : { tabindex: "-1" }), (!!this.cardLink && !this.isLoading
       ? { href: this.cardLink }

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css CHANGED Viewed

@@ -782,14 +782,17 @@ a: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),
 .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);
@@ -798,38 +801,47 @@ ptc-modal inline-form a,
 }
 .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 {
@@ -838,24 +850,30 @@ ptc-modal inline-form a,
 }
 .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 {
@@ -863,14 +881,17 @@ ptc-modal inline-form a,
 }
 .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;
@@ -878,14 +899,17 @@ ptc-modal inline-form a,
 }
 .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);

package/dist/collection/components/ptc-featured-list/ptc-featured-list.css CHANGED Viewed

@@ -88,14 +88,17 @@ a: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),
 .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);
@@ -104,38 +107,47 @@ ptc-modal inline-form a,
 }
 .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 {
@@ -144,24 +156,30 @@ ptc-modal inline-form a,
 }
 .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 {
@@ -169,14 +187,17 @@ ptc-modal inline-form a,
 }
 .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;
@@ -184,14 +205,17 @@ ptc-modal inline-form a,
 }
 .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);

package/dist/collection/components/ptc-filter-dropdown/ptc-filter-dropdown.css CHANGED Viewed

@@ -194,6 +194,7 @@ ptc-footer {
   display: flex;
   align-items: baseline;
   word-break: break-word;
+  -webkit-hyphens: manual;
   hyphens: manual;
 }
 :host .radio-label input {