@ptcwebops/ptcw-design 6.2.6-beta → 6.2.6

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 (261) 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-4dd13907.js → component-06dda623.js} +1494 -3305
  5. package/dist/cjs/component-5b5b6a98.js +1819 -0
  6. package/dist/cjs/event-jumbotron-example_16.cjs.entry.js +1315 -0
  7. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  8. package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
  9. package/dist/cjs/homepage-toggled-content.cjs.entry.js +1 -1
  10. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  11. package/dist/cjs/loader.cjs.js +1 -1
  12. package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
  13. package/dist/cjs/my-component.cjs.entry.js +1 -1
  14. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  15. package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
  16. package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-card-bottom.cjs.entry.js +46 -0
  18. package/dist/cjs/ptc-case-studies-slider.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-media-card.cjs.entry.js +1 -1
  30. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
  31. package/dist/cjs/ptc-nav-submenu.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
  34. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
  36. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  37. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  38. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  40. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  41. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +2 -7
  42. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  43. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  44. package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
  45. package/dist/cjs/ptcw-design.cjs.js +1 -1
  46. package/dist/cjs/{utils-ad441b07.js → utils-87d7b99f.js} +0 -9
  47. package/dist/cjs/validation-messages-33a4f26b.js +126 -0
  48. package/dist/collection/collection-manifest.json +0 -1
  49. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
  50. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +5 -20
  51. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +1 -19
  52. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +5 -20
  53. package/dist/collection/components/ptc-button/ptc-button.js +1 -4
  54. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +5 -20
  55. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +5 -20
  56. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +5 -20
  57. package/dist/collection/components/ptc-footer/ptc-footer-v2.css +1 -14
  58. package/dist/collection/components/ptc-icon-card/ptc-icon-card.css +0 -10
  59. package/dist/collection/components/ptc-icon-card/ptc-icon-card.js +1 -25
  60. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +5 -20
  61. package/dist/collection/components/ptc-link/ptc-link.css +0 -8
  62. package/dist/collection/components/ptc-link/ptc-link.js +1 -4
  63. package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
  64. package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
  65. package/dist/collection/components/ptc-para/ptc-para.css +0 -3
  66. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  67. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +5 -20
  68. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
  69. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
  70. package/dist/collection/components/ptc-product-card/ptc-product-card.css +5 -20
  71. package/dist/collection/components/ptc-product-category/ptc-product-category.css +5 -20
  72. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +5 -20
  73. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +5 -20
  74. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +5 -20
  75. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css +0 -10
  76. package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +1 -24
  77. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +5 -20
  78. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +5 -20
  79. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +5 -20
  80. package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +0 -7
  81. package/dist/collection/utils/utils.js +0 -8
  82. package/dist/custom-elements/index.d.ts +0 -6
  83. package/dist/custom-elements/index.js +31 -152
  84. package/dist/esm/blog-detail-content_2.entry.js +1 -1
  85. package/dist/esm/blog-detail-layout.entry.js +1 -1
  86. package/dist/esm/blogs-search-section.entry.js +1 -1
  87. package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
  88. package/dist/esm/component-341e4eaa.js +1802 -0
  89. package/dist/esm/event-jumbotron-example_16.entry.js +1296 -0
  90. package/dist/esm/featured-list.entry.js +1 -1
  91. package/dist/esm/homepage-jumbotron.entry.js +1 -1
  92. package/dist/esm/homepage-toggled-content.entry.js +1 -1
  93. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  94. package/dist/esm/loader.js +1 -1
  95. package/dist/esm/most-popular-news.entry.js +1 -1
  96. package/dist/esm/my-component.entry.js +1 -1
  97. package/dist/esm/ptc-accordion-item.entry.js +1 -1
  98. package/dist/esm/ptc-background-video.entry.js +1 -1
  99. package/dist/esm/ptc-bio-card.entry.js +1 -1
  100. package/dist/esm/ptc-card-bottom.entry.js +42 -0
  101. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  102. package/dist/esm/ptc-collapse-list.entry.js +1 -1
  103. package/dist/esm/ptc-data-lookup.entry.js +2 -1
  104. package/dist/esm/ptc-featured-list.entry.js +1 -1
  105. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  106. package/dist/esm/ptc-footer.entry.js +1 -1
  107. package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
  108. package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
  109. package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
  110. package/dist/esm/ptc-icon-card.entry.js +3 -9
  111. package/dist/esm/ptc-jumbotron.entry.js +1 -1
  112. package/dist/esm/ptc-media-card.entry.js +1 -1
  113. package/dist/esm/ptc-multi-select_2.entry.js +665 -0
  114. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  115. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  116. package/dist/esm/ptc-previous-url.entry.js +2 -10
  117. package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
  118. package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
  119. package/dist/esm/ptc-product-card.entry.js +1 -1
  120. package/dist/esm/ptc-product-category.entry.js +1 -1
  121. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  122. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  123. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  124. package/dist/esm/ptc-social-icons-footer.entry.js +2 -7
  125. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  126. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  127. package/dist/esm/ptc-white-paper.entry.js +1 -1
  128. package/dist/esm/ptcw-design.js +1 -1
  129. package/dist/esm/{utils-63eab4bd.js → utils-b7c6422e.js} +1 -9
  130. package/dist/esm/validation-messages-adbb6518.js +124 -0
  131. package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
  132. package/dist/ptcw-design/p-00e21489.entry.js +1 -0
  133. package/dist/ptcw-design/{p-72df6678.entry.js → p-085e82b8.entry.js} +1 -1
  134. package/dist/ptcw-design/{p-627103d8.entry.js → p-103ec637.entry.js} +1 -1
  135. package/dist/ptcw-design/p-136a91bf.entry.js +1 -0
  136. package/dist/ptcw-design/{p-bbc706df.entry.js → p-14e53256.entry.js} +1 -1
  137. package/dist/ptcw-design/p-18a5a338.js +1 -0
  138. package/dist/ptcw-design/p-18f59395.entry.js +1 -0
  139. package/dist/ptcw-design/p-1b7087e7.entry.js +1 -0
  140. package/dist/ptcw-design/p-1ca8a5bf.entry.js +1 -0
  141. package/dist/ptcw-design/{p-0d806031.entry.js → p-1cff585f.entry.js} +1 -1
  142. package/dist/ptcw-design/{p-d3229458.entry.js → p-2335d57c.entry.js} +1 -1
  143. package/dist/ptcw-design/{p-821f0ff9.entry.js → p-29639cd4.entry.js} +1 -1
  144. package/dist/ptcw-design/{p-48c33817.entry.js → p-34610052.entry.js} +1 -1
  145. package/dist/ptcw-design/{p-28be539b.entry.js → p-34b270c1.entry.js} +1 -1
  146. package/dist/ptcw-design/p-3f71553e.entry.js +1 -0
  147. package/dist/ptcw-design/p-419e260c.entry.js +68 -0
  148. package/dist/ptcw-design/{p-d756db27.entry.js → p-48183365.entry.js} +1 -1
  149. package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-4c096997.entry.js} +1 -1
  150. package/dist/ptcw-design/p-4e2bb0e0.entry.js +1 -0
  151. package/dist/ptcw-design/{p-6f5fecae.entry.js → p-52b82ac5.entry.js} +1 -1
  152. package/dist/ptcw-design/p-583608d9.entry.js +1 -0
  153. package/dist/ptcw-design/{p-d2825140.entry.js → p-760507e1.entry.js} +1 -1
  154. package/dist/ptcw-design/p-78be481f.entry.js +1 -0
  155. package/dist/ptcw-design/{p-49e54079.entry.js → p-7e7ebf0a.entry.js} +1 -1
  156. package/dist/ptcw-design/p-841b807d.js +1 -0
  157. package/dist/ptcw-design/p-8daf00ae.entry.js +1 -0
  158. package/dist/ptcw-design/{p-17f6e145.entry.js → p-999d1c9f.entry.js} +1 -1
  159. package/dist/ptcw-design/p-a2d9831c.entry.js +1 -0
  160. package/dist/ptcw-design/{p-bb902570.entry.js → p-a3a04f4e.entry.js} +1 -1
  161. package/dist/ptcw-design/p-be533f0d.js +134 -0
  162. package/dist/ptcw-design/p-c1513c3f.js +203 -0
  163. package/dist/ptcw-design/{p-cbee4653.entry.js → p-cffebefe.entry.js} +1 -1
  164. package/dist/ptcw-design/{p-77cad16c.entry.js → p-d1857ada.entry.js} +1 -1
  165. package/dist/ptcw-design/{p-ea7369e9.entry.js → p-d3e5b65c.entry.js} +1 -1
  166. package/dist/ptcw-design/p-d734b373.entry.js +1 -0
  167. package/dist/ptcw-design/p-dc488936.entry.js +1 -0
  168. package/dist/ptcw-design/p-dd73c4d1.entry.js +1 -0
  169. package/dist/ptcw-design/{p-e577ad62.entry.js → p-df8526a2.entry.js} +1 -1
  170. package/dist/ptcw-design/{p-eec2f3da.entry.js → p-e38ed0e3.entry.js} +1 -1
  171. package/dist/ptcw-design/p-e7937ac1.entry.js +1 -0
  172. package/dist/ptcw-design/p-e9a7475b.entry.js +1 -0
  173. package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-eab1042e.entry.js} +1 -1
  174. package/dist/ptcw-design/p-f05fec22.entry.js +1 -0
  175. package/dist/ptcw-design/p-f317864a.entry.js +1 -0
  176. package/dist/ptcw-design/{p-2749c178.entry.js → p-fce2bd81.entry.js} +1 -1
  177. package/dist/ptcw-design/ptcw-design.css +2 -2
  178. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  179. package/dist/types/components/ptc-button/ptc-button.d.ts +0 -1
  180. package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +0 -6
  181. package/dist/types/components/ptc-link/ptc-link.d.ts +0 -1
  182. package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -1
  183. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  184. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +0 -2
  185. package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +0 -5
  186. package/dist/types/components.d.ts +4 -35
  187. package/dist/types/utils/utils.d.ts +0 -1
  188. package/package.json +1 -1
  189. package/readme.md +1 -1
  190. package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -127
  191. package/dist/cjs/icon-asset.cjs.entry.js +0 -65
  192. package/dist/cjs/list-item.cjs.entry.js +0 -48
  193. package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
  194. package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -47
  195. package/dist/cjs/ptc-button.cjs.entry.js +0 -87
  196. package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -132
  197. package/dist/cjs/ptc-card-content.cjs.entry.js +0 -68
  198. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -211
  199. package/dist/cjs/ptc-img.cjs.entry.js +0 -133
  200. package/dist/cjs/ptc-link.cjs.entry.js +0 -98
  201. package/dist/cjs/ptc-overlay.cjs.entry.js +0 -34
  202. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  203. package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -81
  204. package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
  205. package/dist/cjs/ptc-title.cjs.entry.js +0 -152
  206. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
  207. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
  208. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
  209. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
  210. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
  211. package/dist/esm/event-jumbotron-example.entry.js +0 -123
  212. package/dist/esm/icon-asset.entry.js +0 -61
  213. package/dist/esm/list-item.entry.js +0 -44
  214. package/dist/esm/modal-form-example.entry.js +0 -90
  215. package/dist/esm/ptc-breadcrumb.entry.js +0 -43
  216. package/dist/esm/ptc-button.entry.js +0 -83
  217. package/dist/esm/ptc-card-bottom_2.entry.js +0 -127
  218. package/dist/esm/ptc-card-content.entry.js +0 -64
  219. package/dist/esm/ptc-close-icon_2.entry.js +0 -206
  220. package/dist/esm/ptc-img.entry.js +0 -129
  221. package/dist/esm/ptc-link.entry.js +0 -94
  222. package/dist/esm/ptc-overlay.entry.js +0 -30
  223. package/dist/esm/ptc-para.entry.js +0 -123
  224. package/dist/esm/ptc-scroll-button.entry.js +0 -77
  225. package/dist/esm/ptc-spacer.entry.js +0 -34
  226. package/dist/esm/ptc-title.entry.js +0 -148
  227. package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
  228. package/dist/ptcw-design/p-1070f8a3.entry.js +0 -1
  229. package/dist/ptcw-design/p-1d068cc2.entry.js +0 -68
  230. package/dist/ptcw-design/p-257deac0.entry.js +0 -1
  231. package/dist/ptcw-design/p-25a25451.entry.js +0 -1
  232. package/dist/ptcw-design/p-2ac5ed9c.entry.js +0 -1
  233. package/dist/ptcw-design/p-34c50b3e.entry.js +0 -1
  234. package/dist/ptcw-design/p-40160817.entry.js +0 -1
  235. package/dist/ptcw-design/p-50d68602.entry.js +0 -1
  236. package/dist/ptcw-design/p-5d885144.entry.js +0 -1
  237. package/dist/ptcw-design/p-5ef23b5c.entry.js +0 -1
  238. package/dist/ptcw-design/p-6c2b4fb8.entry.js +0 -1
  239. package/dist/ptcw-design/p-7793babb.entry.js +0 -1
  240. package/dist/ptcw-design/p-77b1221e.js +0 -1
  241. package/dist/ptcw-design/p-799afee5.entry.js +0 -1
  242. package/dist/ptcw-design/p-8b3ebdff.entry.js +0 -1
  243. package/dist/ptcw-design/p-90c4f08b.entry.js +0 -1
  244. package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
  245. package/dist/ptcw-design/p-95187918.entry.js +0 -1
  246. package/dist/ptcw-design/p-9a6bd91f.entry.js +0 -1
  247. package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
  248. package/dist/ptcw-design/p-a3b57ede.entry.js +0 -1
  249. package/dist/ptcw-design/p-b3bbd17d.entry.js +0 -1
  250. package/dist/ptcw-design/p-b8ee8699.entry.js +0 -1
  251. package/dist/ptcw-design/p-ba8c58a7.entry.js +0 -1
  252. package/dist/ptcw-design/p-bcab66bf.js +0 -336
  253. package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
  254. package/dist/ptcw-design/p-c01ea76f.entry.js +0 -1
  255. package/dist/ptcw-design/p-d2e26642.entry.js +0 -1
  256. package/dist/ptcw-design/p-de960790.entry.js +0 -1
  257. package/dist/ptcw-design/p-e90fbbad.entry.js +0 -1
  258. package/dist/ptcw-design/p-f65adb71.entry.js +0 -1
  259. package/dist/ptcw-design/p-f8512dc9.entry.js +0 -1
  260. package/dist/ptcw-design/p-fd394e84.entry.js +0 -1
  261. 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);
@@ -1,5 +1,5 @@
1
1
  import { h, Host } from '@stencil/core';
2
- import { getSeoTagType, CheckDarkFocusState } from '../../utils/utils';
2
+ import { getSeoTagType } from '../../utils/utils';
3
3
  export class PtcButton {
4
4
  constructor() {
5
5
  this.disabled = false;
@@ -27,9 +27,6 @@ export class PtcButton {
27
27
  clickEventHandler() {
28
28
  this.clickEvent.emit();
29
29
  }
30
- componentWillLoad() {
31
- CheckDarkFocusState(this, this.el);
32
- }
33
30
  seoCompRender() {
34
31
  const classMap = this.getCssClassMap();
35
32
  const Tag = !!this.linkHref ? 'a' : 'button';
@@ -781,38 +781,23 @@ a:focus-visible {
781
781
  border-radius: var(--ptc-border-radius-standard);
782
782
  }
783
783
 
784
- .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 {
784
+ .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 {
785
785
  color: var(--color-blue-04);
786
- margin: -2px;
787
- border: 2px solid transparent;
788
786
  }
789
- .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 {
787
+ .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 {
790
788
  color: var(--color-blue-06);
791
789
  }
792
- .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 {
790
+ .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 {
793
791
  transition: none;
794
792
  color: var(--color-blue-07);
795
793
  }
796
- .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 {
794
+ .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 {
797
795
  color: var(--color-blue-05);
798
796
  }
799
- .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 {
797
+ .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 {
800
798
  color: var(--color-gray-04) !important;
801
799
  cursor: not-allowed;
802
800
  }
803
- .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 {
804
- border-radius: var(--ptc-border-radius-standard);
805
- border: 2px solid white;
806
- outline: 5px solid var(--keyboard-nav-outline);
807
- }
808
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
809
- border: 2px solid transparent;
810
- }
811
- .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 {
812
- border-radius: var(--ptc-border-radius-standard);
813
- border: 2px solid white;
814
- outline: 5px solid var(--keyboard-nav-outline);
815
- }
816
801
 
817
802
  .ptc-link {
818
803
  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);
@@ -139,38 +139,23 @@ a:focus-visible {
139
139
  border-radius: var(--ptc-border-radius-standard);
140
140
  }
141
141
 
142
- .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 {
142
+ .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 {
143
143
  color: var(--color-blue-04);
144
- margin: -2px;
145
- border: 2px solid transparent;
146
144
  }
147
- .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 {
145
+ .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 {
148
146
  color: var(--color-blue-06);
149
147
  }
150
- .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 {
148
+ .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 {
151
149
  transition: none;
152
150
  color: var(--color-blue-07);
153
151
  }
154
- .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 {
152
+ .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 {
155
153
  color: var(--color-blue-05);
156
154
  }
157
- .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 {
155
+ .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 {
158
156
  color: var(--color-gray-04) !important;
159
157
  cursor: not-allowed;
160
158
  }
161
- .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 {
162
- border-radius: var(--ptc-border-radius-standard);
163
- border: 2px solid white;
164
- outline: 5px solid var(--keyboard-nav-outline);
165
- }
166
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
167
- border: 2px solid transparent;
168
- }
169
- .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 {
170
- border-radius: var(--ptc-border-radius-standard);
171
- border: 2px solid white;
172
- outline: 5px solid var(--keyboard-nav-outline);
173
- }
174
159
 
175
160
  .ptc-link {
176
161
  color: var(--color-gray-10);
@@ -67,12 +67,11 @@ ptc-footer ul {
67
67
  list-style: none;
68
68
  }
69
69
  ptc-footer ul li a {
70
- margin: -2px;
71
- border: 2px solid transparent;
72
70
  text-decoration: underline;
73
71
  text-underline-offset: 6px;
74
72
  text-decoration-thickness: 1px;
75
73
  text-decoration-color: transparent;
74
+ border-bottom: none;
76
75
  transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
77
76
  color: var(--color-white) !important;
78
77
  }
@@ -88,11 +87,6 @@ ptc-footer ul li a:active {
88
87
  transition: none;
89
88
  text-decoration-color: var(--color-gray-04);
90
89
  }
91
- ptc-footer ul li a:focus-visible {
92
- border-radius: var(--ptc-border-radius-standard);
93
- border: 2px solid white;
94
- outline: 5px solid var(--keyboard-nav-outline);
95
- }
96
90
  ptc-footer .gap-20 {
97
91
  grid-column-gap: 20px;
98
92
  grid-row-gap: 20px;
@@ -243,18 +237,11 @@ ptc-footer .footer-bottom ul li, ptc-footer .footer-bottom ol li {
243
237
  font-size: var(--ptc-font-size-xx-small);
244
238
  }
245
239
  ptc-footer .footer-bottom .logo {
246
- margin: -2px;
247
240
  margin-bottom: var(--ptc-element-spacing-06);
248
241
  }
249
242
  ptc-footer .footer-bottom .logo a {
250
- border: 2px solid transparent;
251
243
  display: inline-block;
252
244
  }
253
- ptc-footer .footer-bottom .logo a:focus-visible {
254
- border-radius: var(--ptc-border-radius-standard);
255
- border: 2px solid white;
256
- outline: 5px solid var(--keyboard-nav-outline);
257
- }
258
245
  ptc-footer .footer-bottom .logo .footer-ptc-logo {
259
246
  width: 78px;
260
247
  height: 28px;
@@ -71,7 +71,6 @@ ptc-link, ptc-square-card,
71
71
  padding: 20px;
72
72
  background-color: var(--color-gray-10);
73
73
  border-radius: var(--ptc-border-radius-standard);
74
- border: 2px solid transparent;
75
74
  align-items: center;
76
75
  text-decoration: none;
77
76
  text-align: center;
@@ -110,15 +109,6 @@ ptc-link, ptc-square-card,
110
109
  :host a span {
111
110
  display: block;
112
111
  }
113
- :host a:focus-visible {
114
- border-radius: var(--ptc-border-radius-standard);
115
- outline: 5px solid var(--keyboard-nav-outline);
116
- }
117
- :host .dark-bg a:focus-visible {
118
- border-radius: var(--ptc-border-radius-standard);
119
- border: 2px solid white;
120
- outline: 5px solid var(--keyboard-nav-outline);
121
- }
122
112
  :host .card-icon {
123
113
  width: 2rem;
124
114
  height: 2rem;
@@ -1,17 +1,12 @@
1
1
  import { Host, h } from '@stencil/core';
2
- import { CheckDarkFocusState } from '../../utils/utils';
3
2
  export class PtcIconCard {
4
3
  constructor() {
5
4
  this.cardHref = undefined;
6
5
  this.target = undefined;
7
6
  this.trackerId = undefined;
8
- this.darkFocusState = false;
9
- }
10
- componentWillLoad() {
11
- CheckDarkFocusState(this, this.el, '.light-links,ptc-footer');
12
7
  }
13
8
  render() {
14
- return (h(Host, null, h("div", { id: this.trackerId, class: this.darkFocusState ? `tracker-div mf-listen dark-bg` : `tracker-div mf-listenstandard-bg` }, h("a", { href: this.cardHref, target: this.target }, h("div", null, h("span", { class: 'card-icon' }, h("slot", null)), h("div", { class: 'card-title' }, h("slot", { name: 'card-title' })))))));
9
+ return (h(Host, null, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("a", { href: this.cardHref, target: this.target }, h("div", null, h("span", { class: 'card-icon' }, h("slot", null)), h("div", { class: 'card-title' }, h("slot", { name: 'card-title' })))))));
15
10
  }
16
11
  static get is() { return "ptc-icon-card"; }
17
12
  static get encapsulation() { return "shadow"; }
@@ -77,26 +72,7 @@ export class PtcIconCard {
77
72
  },
78
73
  "attribute": "tracker-id",
79
74
  "reflect": false
80
- },
81
- "darkFocusState": {
82
- "type": "boolean",
83
- "mutable": false,
84
- "complexType": {
85
- "original": "boolean",
86
- "resolved": "boolean",
87
- "references": {}
88
- },
89
- "required": false,
90
- "optional": false,
91
- "docs": {
92
- "tags": [],
93
- "text": "Add dark-focus-state property where button is present on dark backgrounds"
94
- },
95
- "attribute": "dark-focus-state",
96
- "reflect": false,
97
- "defaultValue": "false"
98
75
  }
99
76
  };
100
77
  }
101
- static get elementRef() { return "el"; }
102
78
  }
@@ -1178,38 +1178,23 @@ a:focus-visible {
1178
1178
  border-radius: var(--ptc-border-radius-standard);
1179
1179
  }
1180
1180
 
1181
- .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 {
1181
+ .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 {
1182
1182
  color: var(--color-blue-04);
1183
- margin: -2px;
1184
- border: 2px solid transparent;
1185
1183
  }
1186
- .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 {
1184
+ .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 {
1187
1185
  color: var(--color-blue-06);
1188
1186
  }
1189
- .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 {
1187
+ .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 {
1190
1188
  transition: none;
1191
1189
  color: var(--color-blue-07);
1192
1190
  }
1193
- .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 {
1191
+ .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 {
1194
1192
  color: var(--color-blue-05);
1195
1193
  }
1196
- .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 {
1194
+ .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 {
1197
1195
  color: var(--color-gray-04) !important;
1198
1196
  cursor: not-allowed;
1199
1197
  }
1200
- .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 {
1201
- border-radius: var(--ptc-border-radius-standard);
1202
- border: 2px solid white;
1203
- outline: 5px solid var(--keyboard-nav-outline);
1204
- }
1205
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
1206
- border: 2px solid transparent;
1207
- }
1208
- .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 {
1209
- border-radius: var(--ptc-border-radius-standard);
1210
- border: 2px solid white;
1211
- outline: 5px solid var(--keyboard-nav-outline);
1212
- }
1213
1198
 
1214
1199
  .ptc-link {
1215
1200
  color: var(--color-gray-10);
@@ -74,10 +74,6 @@ ptc-link, ptc-square-card,
74
74
  text-decoration: none;
75
75
  transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);
76
76
  }
77
- .ptc-link.focus-state-dark-background {
78
- border: 2px solid transparent;
79
- margin: -2px;
80
- }
81
77
  .ptc-link:active {
82
78
  transition: none;
83
79
  }
@@ -100,10 +96,6 @@ ptc-link, ptc-square-card,
100
96
  text-decoration-thickness: 2px;
101
97
  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
102
98
  }
103
- .simple.focus-state-dark-background {
104
- border: 2px solid transparent;
105
- margin: -2px;
106
- }
107
99
  .simple:hover {
108
100
  color: var(--color-green-06);
109
101
  transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
@@ -1,5 +1,5 @@
1
1
  import { h, Host } from '@stencil/core';
2
- import { getSeoTagType, CheckDarkFocusState } from '../../utils/utils';
2
+ import { getSeoTagType } from '../../utils/utils';
3
3
  export class PtcLink {
4
4
  constructor() {
5
5
  this.disabled = false;
@@ -17,9 +17,6 @@ export class PtcLink {
17
17
  this.tabNav = 0;
18
18
  this.darkFocusState = false;
19
19
  }
20
- componentWillLoad() {
21
- CheckDarkFocusState(this, this.el);
22
- }
23
20
  seoCompRender() {
24
21
  const classMap = this.getCssClassMap();
25
22
  const [TagType, firstChild] = getSeoTagType(this.el, "a");
@@ -82,7 +82,6 @@ ptc-link, ptc-square-card,
82
82
  align-content: flex-end;
83
83
  z-index: 50020;
84
84
  transform: translateY(-100%);
85
- position: relative;
86
85
  }
87
86
  @media only screen and (min-width: 992px) {
88
87
  .wrapper .modal-popup {
@@ -98,9 +97,6 @@ ptc-link, ptc-square-card,
98
97
  .wrapper .modal-popup.xl {
99
98
  max-width: 64.0625rem;
100
99
  }
101
- .wrapper .modal-popup.fit-content {
102
- max-width: fit-content;
103
- }
104
100
  .wrapper .modal-popup.max {
105
101
  width: calc(100% - 4rem);
106
102
  max-width: 75rem;
@@ -216,8 +216,8 @@ export class PtcModal {
216
216
  "type": "string",
217
217
  "mutable": true,
218
218
  "complexType": {
219
- "original": "'sm' | 'md' | 'lg' | 'xl' | 'fit-content' | 'max'| 'sm-modal'",
220
- "resolved": "\"fit-content\" | \"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
219
+ "original": "'sm' | 'md' | 'lg' | 'xl' | 'max'| 'sm-modal'",
220
+ "resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
221
221
  "references": {}
222
222
  },
223
223
  "required": false,
@@ -104,9 +104,6 @@ p.main {
104
104
  p.primary-grey {
105
105
  color: var(--color-gray-10);
106
106
  }
107
- p.primary-green {
108
- color: var(--color-green-06);
109
- }
110
107
  p.gray-darker {
111
108
  color: var(--color-gray-11);
112
109
  }
@@ -185,8 +185,8 @@ export class PtcPara {
185
185
  "type": "string",
186
186
  "mutable": false,
187
187
  "complexType": {
188
- "original": "'primary-grey' | 'primary-green' | 'white' | 'gray-darker'",
189
- "resolved": "\"gray-darker\" | \"primary-green\" | \"primary-grey\" | \"white\"",
188
+ "original": "'primary-grey' | 'white' | 'gray-darker'",
189
+ "resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
190
190
  "references": {}
191
191
  },
192
192
  "required": false,
@@ -5602,38 +5602,23 @@ a:focus-visible {
5602
5602
  border-radius: var(--ptc-border-radius-standard);
5603
5603
  }
5604
5604
 
5605
- .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 {
5605
+ .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 {
5606
5606
  color: var(--color-blue-04);
5607
- margin: -2px;
5608
- border: 2px solid transparent;
5609
5607
  }
5610
- .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 {
5608
+ .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 {
5611
5609
  color: var(--color-blue-06);
5612
5610
  }
5613
- .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 {
5611
+ .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 {
5614
5612
  transition: none;
5615
5613
  color: var(--color-blue-07);
5616
5614
  }
5617
- .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 {
5615
+ .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 {
5618
5616
  color: var(--color-blue-05);
5619
5617
  }
5620
- .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 {
5618
+ .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 {
5621
5619
  color: var(--color-gray-04) !important;
5622
5620
  cursor: not-allowed;
5623
5621
  }
5624
- .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 {
5625
- border-radius: var(--ptc-border-radius-standard);
5626
- border: 2px solid white;
5627
- outline: 5px solid var(--keyboard-nav-outline);
5628
- }
5629
- .light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
5630
- border: 2px solid transparent;
5631
- }
5632
- .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 {
5633
- border-radius: var(--ptc-border-radius-standard);
5634
- border: 2px solid white;
5635
- outline: 5px solid var(--keyboard-nav-outline);
5636
- }
5637
5622
 
5638
5623
  .ptc-link {
5639
5624
  color: var(--color-gray-10);
@@ -82,20 +82,4 @@ ptc-link, ptc-square-card,
82
82
  text-decoration: underline;
83
83
  text-decoration-color: var(--color-green-07);
84
84
  outline: none;
85
- }
86
-
87
- .light {
88
- display: inline-block;
89
- background: rgba(0, 0, 0, 0.54);
90
- border-radius: 4px;
91
- padding: 0.5rem 0.75rem;
92
- padding: 0.25rem 1rem 0.5rem 0.75rem;
93
- cursor: pointer;
94
- position: relative;
95
- display: block;
96
- }
97
- .light:hover span {
98
- text-decoration: underline;
99
- text-decoration-color: var(--color-green-07);
100
- outline: none;
101
85
  }
@@ -3,18 +3,10 @@ export class PtcPreviousUrl {
3
3
  constructor() {
4
4
  this.href = undefined;
5
5
  this.text = undefined;
6
- this.theme = 'standard';
7
6
  this.styles = undefined;
8
7
  }
9
8
  render() {
10
- return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, this.theme == 'light' ?
11
- (h("a", { class: this.getCssClassMap() }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("span", { class: "back-to-videos" }, this.text))) :
12
- [h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)]), h("slot", null)));
13
- }
14
- getCssClassMap() {
15
- return {
16
- [this.theme]: true
17
- };
9
+ return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
18
10
  }
19
11
  static get is() { return "ptc-previous-url"; }
20
12
  static get encapsulation() { return "shadow"; }
@@ -64,24 +56,6 @@ export class PtcPreviousUrl {
64
56
  "attribute": "text",
65
57
  "reflect": false
66
58
  },
67
- "theme": {
68
- "type": "string",
69
- "mutable": false,
70
- "complexType": {
71
- "original": "'standard' | 'light'",
72
- "resolved": "\"light\" | \"standard\"",
73
- "references": {}
74
- },
75
- "required": false,
76
- "optional": false,
77
- "docs": {
78
- "tags": [],
79
- "text": ""
80
- },
81
- "attribute": "theme",
82
- "reflect": false,
83
- "defaultValue": "'standard'"
84
- },
85
59
  "styles": {
86
60
  "type": "string",
87
61
  "mutable": false,