@ptcwebops/ptcw-design 6.2.18-beta → 6.2.18

package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js

@@ -12,6 +12,7 @@ export class PtcIconMinimize {
     this.listType = "default";
     this.dataRefineValue = undefined;
     this.trackerId = undefined;
+    this.tabIndexValue = 0;
   }
   componentWillLoad() {
     this.timeStamp = Date.now().toString();
@@ -21,11 +22,20 @@ export class PtcIconMinimize {
     if (this.opened && !content.style.maxHeight) {
       content.style.maxHeight = content.scrollHeight + "px";
     }
+    if (!this.opened) {
+      this.setTabIndex();
+    }
   }
   dropdownToggle() {
     this.opened = !this.opened;
+    this.setTabIndex();
+  }
+  setTabIndex() {
     var checkList = this.host.querySelector(".fitler-check-list");
     var checkListModal = this.host.querySelector(".fitler-check-list-modal");
+    if (checkList == null) {
+      checkList = this.host.querySelector(".filter-checkbox-list");
+    }
     if (checkList) {
       var checkBoxesList = checkList.querySelectorAll("ptc-checkbox");
       if (checkBoxesList) {
@@ -35,6 +45,26 @@ export class PtcIconMinimize {
           }
         });
       }
+      var checkBoxesIconList = checkList.querySelectorAll("ptc-icon-minimize");
+      if (checkBoxesIconList) {
+        checkBoxesIconList.forEach(item => {
+          if (item.shadowRoot.querySelector(".icon")) {
+            this.opened ? item.shadowRoot.querySelector(".icon").setAttribute("tabindex", "0") :
+              item.shadowRoot.querySelector(".icon").setAttribute("tabindex", "-1");
+            var childrenCheckBoxesList = item.querySelectorAll("ptc-checkbox");
+            if (childrenCheckBoxesList) {
+              childrenCheckBoxesList.forEach(childitem => {
+                if (childitem.shadowRoot.querySelector("label")) {
+                  childitem.shadowRoot.querySelector("label").tabIndex = item.opened ? 0 : -1;
+                }
+              });
+            }
+          }
+        });
+      }
+    }
+    if (checkListModal == null) {
+      checkListModal = this.host.querySelector(".filter-check-list-modal");
     }
     if (checkListModal) {
       var checkBoxesListModal = checkListModal.querySelectorAll("ptc-checkbox");
@@ -45,6 +75,23 @@ export class PtcIconMinimize {
           }
         });
       }
+      var checkBoxesModelIconList = checkListModal.querySelectorAll("ptc-icon-minimize");
+      if (checkBoxesModelIconList) {
+        checkBoxesModelIconList.forEach(item => {
+          if (item.shadowRoot.querySelector(".icon")) {
+            this.opened ? item.shadowRoot.querySelector(".icon").setAttribute("tabindex", "0") :
+              item.shadowRoot.querySelector(".icon").setAttribute("tabindex", "-1");
+            var childrenCheckBoxesList = item.querySelectorAll("ptc-checkbox");
+            if (childrenCheckBoxesList) {
+              childrenCheckBoxesList.forEach(childitem => {
+                if (childitem.shadowRoot.querySelector("label")) {
+                  childitem.shadowRoot.querySelector("label").tabIndex = item.opened ? 0 : -1;
+                }
+              });
+            }
+          }
+        });
+      }
     }
   }
   getScrollHeight() {
@@ -91,9 +138,9 @@ export class PtcIconMinimize {
     let scrollHeight = this.getScrollHeight();
     let icon = this.opened ? 'minus' : 'plus';
     return (h("div", { class: 'ptc-icon-minimize' }, this.listType == "default" ?
-      h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: 0 }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
+      h("div", { class: "header" }, h("div", { class: "title" }, this.heading), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
       : this.listType == "checkbox" ?
-        h("div", { class: "header" }, h("div", { class: "title" }, h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading }, this.heading)), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: 0 }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
+        h("div", { class: "header checkbox-icon" }, h("div", { class: "title" }, h("ptc-checkbox", { checked: "unchecked", "data-refine": this.dataRefineValue, "input-name": "", value: this.heading, tabIndex: this.tabIndexValue }, this.heading)), h("div", { class: "icon mf-listen", id: this.trackerId, onClick: () => this.dropdownToggle(), onKeyDown: this.handleKeyDown, tabIndex: this.tabIndexValue }, h("icon-asset", { type: "ptc", color: "black", size: "xxx-small", name: icon })))
         : null, h("div", { class: "content", style: scrollHeight }, h("slot", null))));
   }
   static get is() { return "ptc-icon-minimize"; }
@@ -196,6 +243,24 @@ export class PtcIconMinimize {
         },
         "attribute": "tracker-id",
         "reflect": false
+      },
+      "tabIndexValue": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tab-index-value",
+        "reflect": false,
+        "defaultValue": "0"
       }
     };
   }

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1178,38 +1178,23 @@ a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
   color: var(--color-blue-04);
-  margin: -2px;
-  border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):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):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):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).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).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).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):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):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):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 {
-  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 {
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
 
 .ptc-link {
   color: var(--color-gray-10);

package/dist/collection/components/ptc-link/ptc-link.css

@@ -74,10 +74,6 @@ ptc-link, ptc-square-card,
   text-decoration: none;
   transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);
 }
-.ptc-link.focus-state-dark-background {
-  border: 2px solid transparent;
-  margin: -2px;
-}
 .ptc-link:active {
   transition: none;
 }
@@ -100,10 +96,6 @@ ptc-link, ptc-square-card,
   text-decoration-thickness: 2px;
   transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
 }
-.simple.focus-state-dark-background {
-  border: 2px solid transparent;
-  margin: -2px;
-}
 .simple:hover {
   color: var(--color-green-06);
   transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);

package/dist/collection/components/ptc-link/ptc-link.js

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { getSeoTagType, CheckDarkFocusState } from '../../utils/utils';
+import { getSeoTagType } from '../../utils/utils';
 export class PtcLink {
   constructor() {
     this.disabled = false;
@@ -17,9 +17,6 @@ export class PtcLink {
     this.tabNav = 0;
     this.darkFocusState = false;
   }
-  componentWillLoad() {
-    CheckDarkFocusState(this, this.el);
-  }
   seoCompRender() {
     const classMap = this.getCssClassMap();
     const [TagType, firstChild] = getSeoTagType(this.el, "a");

package/dist/collection/components/ptc-modal/ptc-modal.css

@@ -82,7 +82,6 @@ ptc-link, ptc-square-card,
   align-content: flex-end;
   z-index: 50020;
   transform: translateY(-100%);
-  position: relative;
 }
 @media only screen and (min-width: 992px) {
   .wrapper .modal-popup {
@@ -98,9 +97,6 @@ ptc-link, ptc-square-card,
 .wrapper .modal-popup.xl {
   max-width: 64.0625rem;
 }
-.wrapper .modal-popup.fit-content {
-  max-width: fit-content;
-}
 .wrapper .modal-popup.max {
   width: calc(100% - 4rem);
   max-width: 75rem;

package/dist/collection/components/ptc-modal/ptc-modal.js

@@ -227,8 +227,8 @@ export class PtcModal {
         "type": "string",
         "mutable": true,
         "complexType": {
-          "original": "'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max'| 'sm-modal'",
-          "resolved": "\"fit-content\" | \"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
+          "original": "'sm' | 'md' | 'lg' | 'xl' | 'max'| 'sm-modal'",
+          "resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ptc-para/ptc-para.css

@@ -104,9 +104,6 @@ p.main {
 p.primary-grey {
   color: var(--color-gray-10);
 }
-p.primary-green {
-  color: var(--color-green-06);
-}
 p.gray-darker {
   color: var(--color-gray-11);
 }

package/dist/collection/components/ptc-para/ptc-para.js

@@ -185,8 +185,8 @@ export class PtcPara {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'primary-grey' | 'primary-green' | 'white' | 'gray-darker'",
-          "resolved": "\"gray-darker\" | \"primary-green\" | \"primary-grey\" | \"white\"",
+          "original": "'primary-grey' | 'white' | 'gray-darker'",
+          "resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
           "references": {}
         },
         "required": false,

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css

@@ -5602,38 +5602,23 @@ a:focus-visible {
   border-radius: var(--ptc-border-radius-standard);
 }
 
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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), .background-plm-grey a.light-link {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
   color: var(--color-blue-04);
-  margin: -2px;
-  border: 2px solid transparent;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):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):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):visited, .background-plm-grey a.light-link:visited {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
   transition: none;
   color: var(--color-blue-07);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section 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):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form 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):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
   color: var(--color-blue-05);
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).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).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).disabled, .background-plm-grey a.light-link.disabled {
+.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
   color: var(--color-gray-04) !important;
   cursor: not-allowed;
 }
-.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):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):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):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 {
-  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 {
-  border-radius: var(--ptc-border-radius-standard);
-  border: 2px solid white;
-  outline: 5px solid var(--keyboard-nav-outline);
-}
 
 .ptc-link {
   color: var(--color-gray-10);

package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css

@@ -323,15 +323,27 @@ ptc-link, ptc-square-card,
 .skeleton-home-page .skeleton-jumbo {
   background-color: #F6F6F6;
   padding-top: 2rem;
-  margin-bottom: 12rem;
-  height: 90vh;
+  margin-bottom: 0;
+  min-height: 629px;
   max-height: 1000px;
   position: relative;
 }
-.skeleton-home-page .skeleton-jumbo .bot {
-  width: 100%;
-  position: absolute;
-  bottom: 0;
+.skeleton-home-page .skeleton-jumbo .pos-rel {
+  position: relative;
+}
+@media (min-height: 629px) {
+  .skeleton-home-page .skeleton-jumbo {
+    min-height: 72vh;
+  }
+}
+@media (min-width: 992px) and (min-height: 594px) {
+  .skeleton-home-page .skeleton-jumbo {
+    min-height: 72vh;
+  }
+}
+.skeleton-home-page .skeleton-jumbo .jumbo-content {
+  margin-top: 120px;
+  margin-bottom: 120px;
 }
 .skeleton-home-page .skeleton-jumbo .block {
   background: linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);
@@ -346,6 +358,8 @@ ptc-link, ptc-square-card,
   height: 35px;
   width: 132px;
   margin-bottom: 54px;
+  position: absolute;
+  left: 0;
 }
 @media only screen and (min-width: 992px) {
   .skeleton-home-page .skeleton-jumbo .block.tabs {
@@ -446,11 +460,15 @@ ptc-link, ptc-square-card,
     height: 49px;
   }
 }
-.skeleton-home-page .skeleton-jumbo .slide-container {
+.skeleton-home-page .bot {
+  width: 100%;
+  position: relative;
+}
+.skeleton-home-page .slide-container {
   overflow: hidden;
-  transform: translateY(80%);
+  transform: translateY(-32px);
 }
-.skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides {
+.skeleton-home-page .slide-container .skeleton-slides {
   width: 100%;
   min-width: 936px;
   display: flex;
@@ -458,24 +476,24 @@ ptc-link, ptc-square-card,
   align-items: center;
   justify-content: space-between;
   flex-wrap: nowrap;
+  column-gap: 40px;
 }
-.skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides .slide {
+.skeleton-home-page .slide-container .skeleton-slides .slide {
   background: linear-gradient(to right, var(--color-gray-02) 25%, var(--color-gray-03) 50%, var(--color-gray-02) 75%);
   background-size: 200% 100%;
   animation: loading 2.5s linear infinite;
   border-radius: 4px;
-  width: 296px;
+  width: 100%;
   height: 140px;
 }
 @media only screen and (min-width: 992px) {
-  .skeleton-home-page .skeleton-jumbo .slide-container .skeleton-slides .slide {
-    width: 356px;
+  .skeleton-home-page .slide-container .skeleton-slides .slide {
     height: 116px;
   }
 }
 
 .skeleton-homepage-toggle {
-  margin: 72px 0;
+  margin: 40px 0;
   width: 100%;
 }
 .skeleton-homepage-toggle .block {
@@ -685,7 +703,7 @@ ptc-link, ptc-square-card,
 }
 @media only screen and (min-width: 992px) {
   .skeleton-homepage-toggle {
-    margin: 112px 0;
+    margin: 80px 0;
   }
   .skeleton-homepage-toggle .is-center {
     align-content: center;
@@ -1981,7 +1999,7 @@ ptc-link, ptc-square-card,
   margin-bottom: 38px;
   margin-top: 22px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-1 {
     margin-bottom: 40px;
   }
@@ -1991,7 +2009,7 @@ ptc-link, ptc-square-card,
   margin-bottom: 24px;
   align-self: center;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-2 {
     margin-bottom: 25px;
   }
@@ -2005,7 +2023,7 @@ ptc-link, ptc-square-card,
     width: 335px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-3 {
     width: 445px;
   }
@@ -2019,7 +2037,7 @@ ptc-link, ptc-square-card,
     width: 397px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-4 {
     width: 525px;
   }
@@ -2029,7 +2047,7 @@ ptc-link, ptc-square-card,
   align-self: center;
   margin-bottom: 20px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-5 {
     width: 769px;
   }
@@ -2043,7 +2061,7 @@ ptc-link, ptc-square-card,
     width: 411px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-6 {
     width: 621px;
   }
@@ -2057,7 +2075,7 @@ ptc-link, ptc-square-card,
     width: 383px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-7 {
     display: none;
   }
@@ -2071,7 +2089,7 @@ ptc-link, ptc-square-card,
     width: 435px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-8 {
     display: none;
   }
@@ -2085,7 +2103,7 @@ ptc-link, ptc-square-card,
     width: 199px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-9 {
     display: none;
   }
@@ -2101,7 +2119,7 @@ ptc-link, ptc-square-card,
     width: 411px;
   }
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .jumbotron .jumbotron-bg .short-10 {
     width: 232px;
     margin-top: 35px;
@@ -2126,7 +2144,7 @@ ptc-link, ptc-square-card,
   width: 65%;
   margin-bottom: 20px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .short-16 {
     width: 275px;
   }
@@ -2134,7 +2152,7 @@ ptc-link, ptc-square-card,
 .preloader-events-listing .short-11 {
   width: 95%;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .short-11 {
     width: 60%;
   }
@@ -2142,7 +2160,7 @@ ptc-link, ptc-square-card,
 .preloader-events-listing .short-12 {
   width: 89%;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .short-12 {
     display: none;
   }
@@ -2157,13 +2175,18 @@ ptc-link, ptc-square-card,
     width: 290px;
   }
 }
+@media only screen and (min-width: 992px) {
+  .preloader-events-listing .short-15 {
+    display: none;
+  }
+}
 .preloader-events-listing .grid-cards {
   display: flex;
   flex-direction: row;
   column-gap: 24px;
   overflow-x: hidden;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-cards {
     margin: 0 120px;
   }
@@ -2176,7 +2199,7 @@ ptc-link, ptc-square-card,
   flex-grow: 1;
   min-width: 250px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-cards .short-17 {
     width: 270px;
     min-width: 270px;
@@ -2186,12 +2209,13 @@ ptc-link, ptc-square-card,
 .preloader-events-listing .grid-cards-desktop {
   display: none;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-cards-desktop {
     display: flex;
     flex-direction: row;
     column-gap: 24px;
     overflow-x: hidden;
+    justify-content: center;
   }
 }
 .preloader-events-listing .grid-cards-desktop .short-17 {
@@ -2202,11 +2226,20 @@ ptc-link, ptc-square-card,
   flex-grow: 1;
   min-width: 250px;
 }
+@media only screen and (min-width: 992px) {
+  .preloader-events-listing .grid-cards-desktop .short-17 {
+    width: 22%;
+    min-width: 22%;
+    height: 530px;
+    flex-grow: initial;
+  }
+}
 @media only screen and (min-width: 1440px) {
   .preloader-events-listing .grid-cards-desktop .short-17 {
-    width: 270px;
-    min-width: 270px;
+    width: 275px;
+    min-width: 275px;
     height: 530px;
+    flex-grow: initial;
   }
 }
 .preloader-events-listing .grid-long-cards-mobile {
@@ -2221,17 +2254,18 @@ ptc-link, ptc-square-card,
   width: 100%;
   height: 391px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-long-cards-mobile .short-13 {
     width: 996px;
     height: 391px;
     min-width: 996px;
+    display: none;
   }
 }
 .preloader-events-listing .grid-long-cards-mobile .short-14 {
   display: none;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-long-cards-mobile .short-14 {
     display: block;
     width: 996px;
@@ -2248,6 +2282,12 @@ ptc-link, ptc-square-card,
   margin-bottom: 30px;
   display: none;
 }
+@media only screen and (min-width: 992px) {
+  .preloader-events-listing .grid-long-cards {
+    margin-left: 24px;
+    display: flex;
+  }
+}
 @media only screen and (min-width: 1440px) {
   .preloader-events-listing .grid-long-cards {
     margin-left: 120px;
@@ -2258,17 +2298,17 @@ ptc-link, ptc-square-card,
   width: 100%;
   height: 391px;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-long-cards .short-13 {
-    width: 996px;
+    width: 80%;
     height: 391px;
-    min-width: 996px;
+    min-width: 80%;
   }
 }
 .preloader-events-listing .grid-long-cards .short-14 {
   display: none;
 }
-@media only screen and (min-width: 1440px) {
+@media only screen and (min-width: 992px) {
   .preloader-events-listing .grid-long-cards .short-14 {
     display: block;
     width: 996px;