@ptcwebops/ptcw-design 6.2.7-beta → 6.2.7

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 (227) hide show
  1. package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
  2. package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
  3. package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
  4. package/dist/cjs/component-1b8ad4d2.js +1819 -0
  5. package/dist/cjs/{component-4dd13907.js → component-35540bfb.js} +1494 -3305
  6. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  7. package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
  8. package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
  9. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  10. package/dist/cjs/loader.cjs.js +1 -1
  11. package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
  12. package/dist/cjs/my-component.cjs.entry.js +1 -1
  13. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  14. package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
  15. package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
  16. package/dist/cjs/ptc-button.cjs.entry.js +1 -4
  17. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  18. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +1 -1
  19. package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
  20. package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
  21. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  23. package/dist/cjs/ptc-footer.cjs.entry.js +1 -1
  24. package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
  25. package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
  26. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  27. package/dist/cjs/ptc-icon-card.cjs.entry.js +2 -8
  28. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-link.cjs.entry.js +2 -5
  30. package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
  32. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-para.cjs.entry.js +2 -2
  34. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
  36. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
  37. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  38. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  40. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  41. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  42. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  43. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +2 -7
  44. package/dist/cjs/ptc-title.cjs.entry.js +1 -1
  45. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  46. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  47. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
  48. package/dist/cjs/ptcw-design.cjs.js +1 -1
  49. package/dist/cjs/{utils-ad441b07.js → utils-87d7b99f.js} +0 -9
  50. package/dist/cjs/validation-messages-33a4f26b.js +126 -0
  51. package/dist/collection/collection-manifest.json +0 -1
  52. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
  53. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +5 -20
  54. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +1 -19
  55. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +5 -20
  56. package/dist/collection/components/ptc-button/ptc-button.js +1 -4
  57. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +5 -20
  58. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +5 -20
  59. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +5 -20
  60. package/dist/collection/components/ptc-footer/ptc-footer-v2.css +1 -14
  61. package/dist/collection/components/ptc-icon-card/ptc-icon-card.css +0 -10
  62. package/dist/collection/components/ptc-icon-card/ptc-icon-card.js +1 -25
  63. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +5 -20
  64. package/dist/collection/components/ptc-link/ptc-link.css +0 -8
  65. package/dist/collection/components/ptc-link/ptc-link.js +1 -4
  66. package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
  67. package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
  68. package/dist/collection/components/ptc-para/ptc-para.css +0 -3
  69. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  70. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +5 -20
  71. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
  72. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
  73. package/dist/collection/components/ptc-product-card/ptc-product-card.css +5 -20
  74. package/dist/collection/components/ptc-product-category/ptc-product-category.css +5 -20
  75. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +5 -20
  76. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +5 -20
  77. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +5 -20
  78. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css +0 -10
  79. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +1 -24
  80. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +5 -20
  81. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +5 -20
  82. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +5 -20
  83. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +0 -7
  84. package/dist/collection/utils/utils.js +0 -8
  85. package/dist/custom-elements/index.d.ts +0 -6
  86. package/dist/custom-elements/index.js +32 -153
  87. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  88. package/dist/esm/blog-detail-layout.entry.js +1 -1
  89. package/dist/esm/blogs-search-section.entry.js +1 -1
  90. package/dist/esm/{component-9c921cc6.js → component-8c53e377.js} +1482 -3281
  91. package/dist/esm/component-9beac35b.js +1802 -0
  92. package/dist/esm/featured-list.entry.js +1 -1
  93. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  94. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  95. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  96. package/dist/esm/loader.js +1 -1
  97. package/dist/esm/most-popular-news.entry.js +1 -1
  98. package/dist/esm/my-component.entry.js +1 -1
  99. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  100. package/dist/esm/ptc-background-video.entry.js +1 -1
  101. package/dist/esm/ptc-bio-card.entry.js +1 -1
  102. package/dist/esm/ptc-button.entry.js +1 -4
  103. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  104. package/dist/esm/ptc-close-icon_2.entry.js +1 -1
  105. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  106. package/dist/esm/ptc-data-lookup.entry.js +2 -1
  107. package/dist/esm/ptc-featured-list.entry.js +1 -1
  108. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  109. package/dist/esm/ptc-footer.entry.js +1 -1
  110. package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
  111. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  112. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  113. package/dist/esm/ptc-icon-card.entry.js +3 -9
  114. package/dist/esm/ptc-jumbotron.entry.js +1 -1
  115. package/dist/esm/ptc-link.entry.js +2 -5
  116. package/dist/esm/ptc-media-card.entry.js +1 -1
  117. package/dist/esm/ptc-multi-select_2.entry.js +665 -0
  118. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  119. package/dist/esm/ptc-para.entry.js +2 -2
  120. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  121. package/dist/esm/ptc-previous-url.entry.js +2 -10
  122. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  123. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  124. package/dist/esm/ptc-product-card.entry.js +1 -1
  125. package/dist/esm/ptc-product-category.entry.js +1 -1
  126. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  127. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  128. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  129. package/dist/esm/ptc-social-icons-footer.entry.js +2 -7
  130. package/dist/esm/ptc-title.entry.js +1 -1
  131. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  132. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  133. package/dist/esm/ptc-white-paper.entry.js +1 -1
  134. package/dist/esm/ptcw-design.js +1 -1
  135. package/dist/esm/{utils-63eab4bd.js → utils-1bbe0c30.js} +1 -9
  136. package/dist/esm/validation-messages-adbb6518.js +124 -0
  137. package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
  138. package/dist/ptcw-design/p-00e21489.entry.js +1 -0
  139. package/dist/ptcw-design/{p-72df6678.entry.js → p-085e82b8.entry.js} +1 -1
  140. package/dist/ptcw-design/p-136a91bf.entry.js +1 -0
  141. package/dist/ptcw-design/p-18a5a338.js +1 -0
  142. package/dist/ptcw-design/p-18f59395.entry.js +1 -0
  143. package/dist/ptcw-design/p-1b7087e7.entry.js +1 -0
  144. package/dist/ptcw-design/{p-0d806031.entry.js → p-1cff585f.entry.js} +1 -1
  145. package/dist/ptcw-design/p-2a672c0e.entry.js +1 -0
  146. package/dist/ptcw-design/{p-eec2f3da.entry.js → p-2ac7e3ce.entry.js} +1 -1
  147. package/dist/ptcw-design/{p-bf18b622.entry.js → p-2e19248b.entry.js} +1 -1
  148. package/dist/ptcw-design/p-3f71553e.entry.js +1 -0
  149. package/dist/ptcw-design/{p-821f0ff9.entry.js → p-4036055e.entry.js} +1 -1
  150. package/dist/ptcw-design/{p-40160817.entry.js → p-453aee98.entry.js} +1 -1
  151. package/dist/ptcw-design/{p-d756db27.entry.js → p-48183365.entry.js} +1 -1
  152. package/dist/ptcw-design/p-4e2bb0e0.entry.js +1 -0
  153. package/dist/ptcw-design/{p-d2825140.entry.js → p-4fc9c83b.entry.js} +1 -1
  154. package/dist/ptcw-design/{p-e577ad62.entry.js → p-53f49500.entry.js} +1 -1
  155. package/dist/ptcw-design/{p-bbc706df.entry.js → p-5602ffb4.entry.js} +1 -1
  156. package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-56a4c6d4.entry.js} +1 -1
  157. package/dist/ptcw-design/p-583608d9.entry.js +1 -0
  158. package/dist/ptcw-design/p-5dae4f30.entry.js +1 -0
  159. package/dist/ptcw-design/{p-17f6e145.entry.js → p-65f19054.entry.js} +1 -1
  160. package/dist/ptcw-design/{p-d3229458.entry.js → p-717d3a75.entry.js} +1 -1
  161. package/dist/ptcw-design/p-74b323d6.entry.js +68 -0
  162. package/dist/ptcw-design/p-78be481f.entry.js +1 -0
  163. package/dist/ptcw-design/{p-48c33817.entry.js → p-873c711b.entry.js} +1 -1
  164. package/dist/ptcw-design/p-8daf00ae.entry.js +1 -0
  165. package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-942850e0.entry.js} +1 -1
  166. package/dist/ptcw-design/p-98426799.js +203 -0
  167. package/dist/ptcw-design/p-98844b50.js +134 -0
  168. package/dist/ptcw-design/{p-6f5fecae.entry.js → p-990bcbc4.entry.js} +1 -1
  169. package/dist/ptcw-design/{p-bb902570.entry.js → p-a3a04f4e.entry.js} +1 -1
  170. package/dist/ptcw-design/p-ad87bdab.js +1 -0
  171. package/dist/ptcw-design/{p-1070f8a3.entry.js → p-b35ad9ee.entry.js} +1 -1
  172. package/dist/ptcw-design/{p-28be539b.entry.js → p-b4564411.entry.js} +1 -1
  173. package/dist/ptcw-design/p-b6e5379a.entry.js +1 -0
  174. package/dist/ptcw-design/{p-77cad16c.entry.js → p-d1857ada.entry.js} +1 -1
  175. package/dist/ptcw-design/{p-ea7369e9.entry.js → p-d3e5b65c.entry.js} +1 -1
  176. package/dist/ptcw-design/p-d734b373.entry.js +1 -0
  177. package/dist/ptcw-design/p-dc488936.entry.js +1 -0
  178. package/dist/ptcw-design/p-dd73c4d1.entry.js +1 -0
  179. package/dist/ptcw-design/{p-627103d8.entry.js → p-dee4bb6c.entry.js} +1 -1
  180. package/dist/ptcw-design/{p-49e54079.entry.js → p-deebd138.entry.js} +1 -1
  181. package/dist/ptcw-design/p-e7937ac1.entry.js +1 -0
  182. package/dist/ptcw-design/p-e9a7475b.entry.js +1 -0
  183. package/dist/ptcw-design/{p-cbee4653.entry.js → p-f07e64f2.entry.js} +1 -1
  184. package/dist/ptcw-design/p-fcad5568.entry.js +1 -0
  185. package/dist/ptcw-design/{p-2749c178.entry.js → p-fce2bd81.entry.js} +1 -1
  186. package/dist/ptcw-design/ptcw-design.css +2 -2
  187. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  188. package/dist/types/components/ptc-button/ptc-button.d.ts +0 -1
  189. package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +0 -6
  190. package/dist/types/components/ptc-link/ptc-link.d.ts +0 -1
  191. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  192. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  193. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
  194. package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +0 -5
  195. package/dist/types/components.d.ts +4 -35
  196. package/dist/types/utils/utils.d.ts +0 -1
  197. package/package.json +1 -1
  198. package/readme.md +1 -1
  199. package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
  200. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
  201. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
  202. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
  203. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
  204. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
  205. package/dist/esm/modal-form-example.entry.js +0 -90
  206. package/dist/ptcw-design/p-1d068cc2.entry.js +0 -68
  207. package/dist/ptcw-design/p-257deac0.entry.js +0 -1
  208. package/dist/ptcw-design/p-2ac5ed9c.entry.js +0 -1
  209. package/dist/ptcw-design/p-34c50b3e.entry.js +0 -1
  210. package/dist/ptcw-design/p-50d68602.entry.js +0 -1
  211. package/dist/ptcw-design/p-5ef23b5c.entry.js +0 -1
  212. package/dist/ptcw-design/p-6c2b4fb8.entry.js +0 -1
  213. package/dist/ptcw-design/p-77b1221e.js +0 -1
  214. package/dist/ptcw-design/p-799afee5.entry.js +0 -1
  215. package/dist/ptcw-design/p-90c4f08b.entry.js +0 -1
  216. package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
  217. package/dist/ptcw-design/p-95187918.entry.js +0 -1
  218. package/dist/ptcw-design/p-9a6bd91f.entry.js +0 -1
  219. package/dist/ptcw-design/p-a3b57ede.entry.js +0 -1
  220. package/dist/ptcw-design/p-ba8c58a7.entry.js +0 -1
  221. package/dist/ptcw-design/p-bcab66bf.js +0 -336
  222. package/dist/ptcw-design/p-c01ea76f.entry.js +0 -1
  223. package/dist/ptcw-design/p-d2e26642.entry.js +0 -1
  224. package/dist/ptcw-design/p-de960790.entry.js +0 -1
  225. package/dist/ptcw-design/p-f8512dc9.entry.js +0 -1
  226. package/dist/ptcw-design/p-fd394e84.entry.js +0 -1
  227. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -109,20 +109,10 @@ ptc-link, ptc-square-card,
109
109
  background-color: var(--color-gray-09);
110
110
  transition: none;
111
111
  }
112
- :host ul li a:focus-visible {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
112
  @media only screen and (min-width: 992px) {
118
113
  :host ul li a {
119
114
  padding: 4px;
120
115
  width: 36px;
121
116
  height: 36px;
122
117
  }
123
- }
124
- :host ul.dark-bg a:focus-visible {
125
- border-radius: var(--ptc-border-radius-standard);
126
- border: 2px solid white;
127
- outline: 5px solid var(--keyboard-nav-outline);
128
118
  }
@@ -1,5 +1,4 @@
1
1
  import { Host, h } from '@stencil/core';
2
- import { CheckDarkFocusState } from '../../utils/utils';
3
2
  import instagramSVG from '../../media/svg-imgs/instagram.svg';
4
3
  import facebookSVG from '../../media/svg-imgs/facebook.svg';
5
4
  import linkedinSVG from '../../media/svg-imgs/linkedin.svg';
@@ -36,18 +35,14 @@ export class PtcSocialIconsFooter {
36
35
  this.weiboImageAlt = undefined;
37
36
  this.youkuImageAlt = undefined;
38
37
  this.target = undefined;
39
- this.darkFocusState = false;
40
38
  }
41
39
  openModal(e) {
42
40
  e.preventDefault();
43
41
  const modal = this.hostElement.shadowRoot.querySelector('#QRModal');
44
42
  modal.show = true;
45
43
  }
46
- componentWillLoad() {
47
- CheckDarkFocusState(this, this.hostElement);
48
- }
49
44
  render() {
50
- return (h(Host, null, h("slot", null), h("ul", { class: this.darkFocusState ? `dark-bg` : `standard-bg` }, this.instagramUrl && h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
45
+ return (h(Host, null, h("slot", null), h("ul", null, this.instagramUrl && h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
51
46
  }
52
47
  static get is() { return "ptc-social-icons-footer"; }
53
48
  static get encapsulation() { return "shadow"; }
@@ -504,24 +499,6 @@ export class PtcSocialIconsFooter {
504
499
  },
505
500
  "attribute": "target",
506
501
  "reflect": false
507
- },
508
- "darkFocusState": {
509
- "type": "boolean",
510
- "mutable": false,
511
- "complexType": {
512
- "original": "boolean",
513
- "resolved": "boolean",
514
- "references": {}
515
- },
516
- "required": false,
517
- "optional": false,
518
- "docs": {
519
- "tags": [],
520
- "text": "Add dark-focus-state property where button is present on dark backgrounds"
521
- },
522
- "attribute": "dark-focus-state",
523
- "reflect": false,
524
- "defaultValue": "false"
525
502
  }
526
503
  };
527
504
  }
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -82,38 +82,23 @@ a:focus-visible {
82
82
  border-radius: var(--ptc-border-radius-standard);
83
83
  }
84
84
 
85
- .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 {
85
+ .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 {
86
86
  color: var(--color-blue-04);
87
- margin: -2px;
88
- border: 2px solid transparent;
89
87
  }
90
- .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 {
88
+ .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 {
91
89
  color: var(--color-blue-06);
92
90
  }
93
- .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 {
91
+ .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 {
94
92
  transition: none;
95
93
  color: var(--color-blue-07);
96
94
  }
97
- .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 {
95
+ .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 {
98
96
  color: var(--color-blue-05);
99
97
  }
100
- .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 {
98
+ .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 {
101
99
  color: var(--color-gray-04) !important;
102
100
  cursor: not-allowed;
103
101
  }
104
- .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 {
105
- border-radius: var(--ptc-border-radius-standard);
106
- border: 2px solid white;
107
- outline: 5px solid var(--keyboard-nav-outline);
108
- }
109
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
110
- border: 2px solid transparent;
111
- }
112
- .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 {
113
- border-radius: var(--ptc-border-radius-standard);
114
- border: 2px solid white;
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
102
 
118
103
  .ptc-link {
119
104
  color: var(--color-gray-10);
@@ -5659,38 +5659,23 @@ a:focus-visible {
5659
5659
  border-radius: var(--ptc-border-radius-standard);
5660
5660
  }
5661
5661
 
5662
- .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 {
5662
+ .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 {
5663
5663
  color: var(--color-blue-04);
5664
- margin: -2px;
5665
- border: 2px solid transparent;
5666
5664
  }
5667
- .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 {
5665
+ .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 {
5668
5666
  color: var(--color-blue-06);
5669
5667
  }
5670
- .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 {
5668
+ .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 {
5671
5669
  transition: none;
5672
5670
  color: var(--color-blue-07);
5673
5671
  }
5674
- .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 {
5672
+ .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 {
5675
5673
  color: var(--color-blue-05);
5676
5674
  }
5677
- .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 {
5675
+ .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 {
5678
5676
  color: var(--color-gray-04) !important;
5679
5677
  cursor: not-allowed;
5680
5678
  }
5681
- .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 {
5682
- border-radius: var(--ptc-border-radius-standard);
5683
- border: 2px solid white;
5684
- outline: 5px solid var(--keyboard-nav-outline);
5685
- }
5686
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
5687
- border: 2px solid transparent;
5688
- }
5689
- .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 {
5690
- border-radius: var(--ptc-border-radius-standard);
5691
- border: 2px solid white;
5692
- outline: 5px solid var(--keyboard-nav-outline);
5693
- }
5694
5679
 
5695
5680
  .ptc-link {
5696
5681
  color: var(--color-gray-10);
@@ -109,8 +109,6 @@ ptc-link, ptc-square-card,
109
109
  padding: var(--ptc-element-spacing-04) var(--ptc-element-spacing-03);
110
110
  margin-left: 34%;
111
111
  position: relative;
112
- border: 2px solid transparent;
113
- margin: -2px;
114
112
  }
115
113
  :host .submenu-toggle::after {
116
114
  content: "";
@@ -171,11 +169,6 @@ ptc-link, ptc-square-card,
171
169
  :host .submenu-toggle icon-asset svg {
172
170
  margin: 0;
173
171
  }
174
- :host .submenu-toggle:focus-visible {
175
- border-radius: var(--ptc-border-radius-standard);
176
- border: 2px solid white;
177
- outline: 5px solid var(--keyboard-nav-outline);
178
- }
179
172
  :host .submenu-container {
180
173
  background-color: var(--color-gray-12);
181
174
  }
@@ -287,11 +287,3 @@ export class PreloaderDependency {
287
287
  }
288
288
  }
289
289
  }
290
- export function CheckDarkFocusState(context, el, classList = '.light-links,.background-grey-10,.background-plm-grey') {
291
- if (context && context.darkFocusState != undefined && context.darkFocusState == false) {
292
- let darkBgParent = el.closest(classList);
293
- if (darkBgParent) {
294
- context.darkFocusState = true;
295
- }
296
- }
297
- }
@@ -158,12 +158,6 @@ export const MaxWidthContainer: {
158
158
  new (): MaxWidthContainer;
159
159
  };
160
160
 
161
- interface ModalFormExample extends Components.ModalFormExample, HTMLElement {}
162
- export const ModalFormExample: {
163
- prototype: ModalFormExample;
164
- new (): ModalFormExample;
165
- };
166
-
167
161
  interface MostPopularNews extends Components.MostPopularNews, HTMLElement {}
168
162
  export const MostPopularNews: {
169
163
  prototype: MostPopularNews;