@ptcwebops/ptcw-design 6.3.19 → 6.3.20-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (546) 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-35540bfb.js → component-4dd13907.js} +2643 -832
  5. package/dist/cjs/embedded-form.cjs.entry.js +1 -1
  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/icon-asset_8.cjs.entry.js +608 -0
  10. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  11. package/dist/cjs/jumbotron-sub-menu.cjs.entry.js +1 -1
  12. package/dist/cjs/list-item.cjs.entry.js +1 -1
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  15. package/dist/cjs/most-popular-news.cjs.entry.js +1 -1
  16. package/dist/cjs/my-component.cjs.entry.js +1 -1
  17. package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
  18. package/dist/cjs/ptc-back-to-top.cjs.entry.js +1 -16
  19. package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
  20. package/dist/cjs/ptc-bio-card.cjs.entry.js +5 -20
  21. package/dist/cjs/ptc-card_2.cjs.entry.js +5 -10
  22. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  23. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +17 -32
  24. package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
  25. package/dist/cjs/ptc-data-lookup.cjs.entry.js +28 -27
  26. package/dist/cjs/ptc-dynamic-card.cjs.entry.js +1 -1
  27. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  28. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  29. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +788 -6
  30. package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
  31. package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-icon-card.cjs.entry.js +1 -1
  33. package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
  34. package/dist/cjs/ptc-link.cjs.entry.js +1 -1
  35. package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
  36. package/dist/cjs/ptc-mobile-select.cjs.entry.js +8 -1
  37. package/dist/cjs/ptc-nav-skip-to-content.cjs.entry.js +3 -28
  38. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  39. package/dist/cjs/ptc-preferance-center-form.cjs.entry.js +1 -1
  40. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  41. package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +12 -10
  42. package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +2 -2
  43. package/dist/cjs/ptc-product-card.cjs.entry.js +2 -2
  44. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  45. package/dist/cjs/ptc-product-dropdown.cjs.entry.js +2 -2
  46. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  47. package/dist/cjs/ptc-product-list.cjs.entry.js +1 -7
  48. package/dist/cjs/ptc-product-sidebar.cjs.entry.js +6 -38
  49. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  50. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  51. package/dist/cjs/ptc-related-card-rail.cjs.entry.js +32 -86
  52. package/dist/cjs/ptc-social-icons-footer.cjs.entry.js +1 -1
  53. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  54. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  55. package/dist/cjs/ptc-white-paper.cjs.entry.js +10 -6
  56. package/dist/cjs/ptcw-design.cjs.js +1 -1
  57. package/dist/cjs/tab-header.cjs.entry.js +1 -1
  58. package/dist/cjs/{utils-b63aef52.js → utils-ad441b07.js} +1 -1
  59. package/dist/collection/collection-manifest.json +1 -0
  60. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
  61. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
  62. package/dist/collection/components/jumbotron-sub-menu/jumbotron-sub-menu.css +0 -1
  63. package/dist/collection/components/list-item/list-item.css +0 -4
  64. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
  65. package/dist/collection/components/organism-bundles/form/embedded-form/embedded-form.js +1 -1
  66. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  67. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  68. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.css +0 -4
  69. package/dist/collection/components/ptc-back-to-top/ptc-back-to-top.js +0 -15
  70. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -10
  71. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +4 -19
  72. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
  73. package/dist/collection/components/ptc-container/ptc-container.js +2 -2
  74. package/dist/collection/components/ptc-dynamic-card/ptc-dynamic-card.css +1 -1
  75. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +0 -16
  76. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +1 -1
  77. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
  78. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
  79. package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +0 -32
  80. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
  81. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +9 -2
  82. package/dist/collection/components/ptc-modal/ptc-modal.css +4 -0
  83. package/dist/collection/components/ptc-modal/ptc-modal.js +18 -50
  84. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.css +0 -7
  85. package/dist/collection/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.js +2 -78
  86. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  87. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  88. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
  89. package/dist/collection/components/ptc-preferance-center-form/ptc-preferance-center-form.js +1 -1
  90. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -419
  91. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +4 -9
  92. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  93. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  94. package/dist/collection/components/ptc-pricing-packaging-table/ptc-pricing-packaging-table.js +11 -9
  95. package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.js +1 -1
  96. package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -10
  97. package/dist/collection/components/ptc-product-card/ptc-product-card.js +1 -1
  98. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
  99. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css +0 -8
  100. package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js +1 -1
  101. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
  102. package/dist/collection/components/ptc-product-list/ptc-product-list.js +1 -7
  103. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css +0 -12
  104. package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js +5 -37
  105. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
  106. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
  107. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css +2 -1
  108. package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +33 -88
  109. package/dist/collection/components/ptc-textfield/ptc-textfield.js +19 -19
  110. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
  111. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
  112. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
  113. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +9 -5
  114. package/dist/collection/components/tab-header/tab-header.js +1 -1
  115. package/dist/collection/stories/Card.stories.js +148 -3
  116. package/dist/collection/stories/Link.stories.js +13 -25
  117. package/dist/collection/stories/MobileSelect.stories.js +21 -11
  118. package/dist/collection/stories/Paragraph.stories.js +10 -18
  119. package/dist/collection/stories/Select.stories.js +8 -5
  120. package/dist/collection/stories/Textfield.stories.js +28 -71
  121. package/dist/collection/stories/Title.stories.js +16 -28
  122. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  123. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  124. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  125. package/dist/collection/utils/elq-lib.js +25 -25
  126. package/dist/collection/utils/utils.js +1 -1
  127. package/dist/custom-elements/index.d.ts +6 -0
  128. package/dist/custom-elements/index.js +262 -315
  129. package/dist/esm/academic-form-test.entry.js +1 -1
  130. package/dist/esm/author-listing-example.entry.js +1 -1
  131. package/dist/esm/blog-detail-content_2.entry.js +2 -2
  132. package/dist/esm/blog-detail-layout.entry.js +2 -2
  133. package/dist/esm/blogs-search-section.entry.js +2 -2
  134. package/dist/esm/bundle-example.entry.js +1 -1
  135. package/dist/esm/bundle-jumbotron-example.entry.js +1 -1
  136. package/dist/esm/{component-8c53e377.js → component-9c921cc6.js} +2592 -793
  137. package/dist/esm/dropdown-item.entry.js +1 -1
  138. package/dist/esm/dynamic-box-bundle.entry.js +1 -1
  139. package/dist/esm/embedded-form.entry.js +2 -2
  140. package/dist/esm/event-jumbotron-example.entry.js +1 -1
  141. package/dist/esm/event-podcast-slider-example.entry.js +1 -1
  142. package/dist/esm/featured-events-slider-example.entry.js +1 -1
  143. package/dist/esm/featured-list.entry.js +2 -2
  144. package/dist/esm/fl-tab-content_3.entry.js +1 -1
  145. package/dist/esm/footer-form.entry.js +1 -1
  146. package/dist/esm/homepage-clickable-tab.entry.js +1 -1
  147. package/dist/esm/homepage-jumbotron.entry.js +2 -2
  148. package/dist/esm/homepage-toggled-content.entry.js +2 -2
  149. package/dist/esm/icon-asset_8.entry.js +597 -0
  150. package/dist/esm/{index-c83db688.js → index-0bf594c4.js} +1 -1
  151. package/dist/esm/innovator-toggle-container.entry.js +2 -2
  152. package/dist/esm/jumbotron-sub-menu.entry.js +2 -2
  153. package/dist/esm/jumbotron-sub-mune.entry.js +1 -1
  154. package/dist/esm/list-item.entry.js +2 -2
  155. package/dist/esm/loader.js +3 -3
  156. package/dist/esm/modal-form-example.entry.js +90 -0
  157. package/dist/esm/most-popular-news.entry.js +2 -2
  158. package/dist/esm/my-component.entry.js +2 -2
  159. package/dist/esm/news-search-result.entry.js +1 -1
  160. package/dist/esm/ptc-accordion-item.entry.js +2 -2
  161. package/dist/esm/ptc-accordion.entry.js +1 -1
  162. package/dist/esm/ptc-announcement.entry.js +1 -1
  163. package/dist/esm/ptc-back-to-top.entry.js +2 -17
  164. package/dist/esm/ptc-background-video.entry.js +2 -2
  165. package/dist/esm/ptc-badge.entry.js +1 -1
  166. package/dist/esm/ptc-bio-card.entry.js +6 -21
  167. package/dist/esm/ptc-breadcrumb.entry.js +1 -1
  168. package/dist/esm/ptc-brightcov-video.entry.js +1 -1
  169. package/dist/esm/ptc-card-bottom_2.entry.js +1 -1
  170. package/dist/esm/ptc-card-content.entry.js +1 -1
  171. package/dist/esm/ptc-card_2.entry.js +6 -11
  172. package/dist/esm/ptc-case-studies-slider.entry.js +2 -2
  173. package/dist/esm/ptc-checkbox-group.entry.js +1 -1
  174. package/dist/esm/ptc-checkbox.entry.js +1 -1
  175. package/dist/esm/ptc-close-icon_2.entry.js +18 -33
  176. package/dist/esm/ptc-collapse-list.entry.js +2 -2
  177. package/dist/esm/ptc-container.entry.js +1 -1
  178. package/dist/esm/ptc-countdown.entry.js +1 -1
  179. package/dist/esm/ptc-data-lookup.entry.js +29 -28
  180. package/dist/esm/ptc-date.entry.js +1 -1
  181. package/dist/esm/ptc-dropdown.entry.js +1 -1
  182. package/dist/esm/ptc-dynamic-card.entry.js +2 -2
  183. package/dist/esm/ptc-ellipsis-dropdown.entry.js +1 -1
  184. package/dist/esm/ptc-embedded-quiz.entry.js +1 -1
  185. package/dist/esm/ptc-featured-list.entry.js +2 -2
  186. package/dist/esm/ptc-filter-dropdown_4.entry.js +1 -1
  187. package/dist/esm/ptc-filter-level-theater.entry.js +2 -2
  188. package/dist/esm/ptc-filter-tag_2.entry.js +1 -1
  189. package/dist/esm/ptc-footer.entry.js +1 -1
  190. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +786 -6
  191. package/dist/esm/ptc-form-radio-button.entry.js +1 -1
  192. package/dist/esm/ptc-form-radio-group.entry.js +1 -1
  193. package/dist/esm/ptc-form.entry.js +1 -1
  194. package/dist/esm/ptc-hero-footer-cta.entry.js +1 -1
  195. package/dist/esm/ptc-hero.entry.js +1 -1
  196. package/dist/esm/ptc-homepage-image-feature.entry.js +2 -2
  197. package/dist/esm/ptc-homepage-video-background.entry.js +2 -2
  198. package/dist/esm/ptc-icon-card-slider-example.entry.js +1 -1
  199. package/dist/esm/ptc-icon-card.entry.js +2 -2
  200. package/dist/esm/ptc-icon-component.entry.js +1 -1
  201. package/dist/esm/ptc-icon-minimize.entry.js +1 -1
  202. package/dist/esm/ptc-image-download-strip.entry.js +1 -1
  203. package/dist/esm/ptc-img.entry.js +1 -1
  204. package/dist/esm/ptc-info-tile.entry.js +1 -1
  205. package/dist/esm/ptc-inline-cta.entry.js +1 -1
  206. package/dist/esm/ptc-jumbotron.entry.js +2 -2
  207. package/dist/esm/ptc-link.entry.js +2 -2
  208. package/dist/esm/ptc-list.entry.js +1 -1
  209. package/dist/esm/ptc-media-card.entry.js +2 -2
  210. package/dist/esm/ptc-minimized-nav.entry.js +1 -1
  211. package/dist/esm/ptc-mobile-select.entry.js +9 -2
  212. package/dist/esm/ptc-modal-quiz.entry.js +1 -1
  213. package/dist/esm/ptc-nav-card.entry.js +1 -1
  214. package/dist/esm/ptc-nav-link.entry.js +1 -1
  215. package/dist/esm/ptc-nav-pills.entry.js +1 -1
  216. package/dist/esm/ptc-nav-skip-to-content.entry.js +4 -29
  217. package/dist/esm/ptc-nav-slider.entry.js +1 -1
  218. package/dist/esm/ptc-nav-submenu.entry.js +1 -1
  219. package/dist/esm/ptc-nav-tile.entry.js +1 -1
  220. package/dist/esm/ptc-news.entry.js +1 -1
  221. package/dist/esm/ptc-office-location-card.entry.js +1 -1
  222. package/dist/esm/ptc-office-locations.entry.js +1 -1
  223. package/dist/esm/ptc-overlay.entry.js +1 -1
  224. package/dist/esm/ptc-picture.entry.js +1 -1
  225. package/dist/esm/ptc-podcast-card.entry.js +2 -2
  226. package/dist/esm/ptc-preferance-center-form.entry.js +2 -2
  227. package/dist/esm/ptc-previous-url.entry.js +11 -3
  228. package/dist/esm/ptc-pricing-add-on-card.entry.js +1 -1
  229. package/dist/esm/ptc-pricing-add-on-section.entry.js +1 -1
  230. package/dist/esm/ptc-pricing-block.entry.js +1 -1
  231. package/dist/esm/ptc-pricing-packaging-table.entry.js +13 -11
  232. package/dist/esm/ptc-pricing-tabs.entry.js +3 -3
  233. package/dist/esm/ptc-product-card.entry.js +3 -3
  234. package/dist/esm/ptc-product-category.entry.js +2 -2
  235. package/dist/esm/ptc-product-dropdown.entry.js +3 -3
  236. package/dist/esm/ptc-product-highlight-card.entry.js +2 -2
  237. package/dist/esm/ptc-product-list.entry.js +2 -8
  238. package/dist/esm/ptc-product-sidebar.entry.js +7 -39
  239. package/dist/esm/ptc-progress-bar.entry.js +1 -1
  240. package/dist/esm/ptc-quantity-counter.entry.js +1 -1
  241. package/dist/esm/ptc-quote.entry.js +1 -1
  242. package/dist/esm/ptc-readmore-char.entry.js +2 -2
  243. package/dist/esm/ptc-readmore-new.entry.js +1 -1
  244. package/dist/esm/ptc-readmore-v3.entry.js +2 -2
  245. package/dist/esm/ptc-readmore.entry.js +1 -1
  246. package/dist/esm/ptc-related-card-rail.entry.js +33 -87
  247. package/dist/esm/ptc-responsive-wrapper.entry.js +1 -1
  248. package/dist/esm/ptc-scroll-button.entry.js +1 -1
  249. package/dist/esm/ptc-search-field.entry.js +1 -1
  250. package/dist/esm/ptc-seo-title.entry.js +1 -1
  251. package/dist/esm/ptc-shopping-cart.entry.js +1 -1
  252. package/dist/esm/ptc-showcase-card.entry.js +1 -1
  253. package/dist/esm/ptc-skeleton.entry.js +1 -1
  254. package/dist/esm/ptc-slit-card.entry.js +1 -1
  255. package/dist/esm/ptc-social-icons-footer.entry.js +2 -2
  256. package/dist/esm/ptc-social-icons.entry.js +1 -1
  257. package/dist/esm/ptc-spacer.entry.js +1 -1
  258. package/dist/esm/ptc-span.entry.js +1 -1
  259. package/dist/esm/ptc-square-card.entry.js +1 -1
  260. package/dist/esm/ptc-sticky-icons.entry.js +1 -1
  261. package/dist/esm/ptc-sticky-section.entry.js +1 -1
  262. package/dist/esm/ptc-sticky-title.entry.js +1 -1
  263. package/dist/esm/ptc-subnav-card.entry.js +1 -1
  264. package/dist/esm/ptc-subnav.entry.js +1 -1
  265. package/dist/esm/ptc-svg-btn.entry.js +1 -1
  266. package/dist/esm/ptc-tab-list.entry.js +1 -1
  267. package/dist/esm/ptc-tab.entry.js +1 -1
  268. package/dist/esm/ptc-tabs.entry.js +1 -1
  269. package/dist/esm/ptc-text-copy-with-background.entry.js +1 -1
  270. package/dist/esm/ptc-theater-video-modal.entry.js +1 -1
  271. package/dist/esm/ptc-tooltip-v2.entry.js +2 -2
  272. package/dist/esm/ptc-tooltip-v3.entry.js +1 -1
  273. package/dist/esm/ptc-tooltip.entry.js +1 -1
  274. package/dist/esm/ptc-two-column-media.entry.js +1 -1
  275. package/dist/esm/ptc-value-led-card.entry.js +1 -1
  276. package/dist/esm/ptc-value-led-content-highlight.entry.js +1 -1
  277. package/dist/esm/ptc-value-led-content.entry.js +1 -1
  278. package/dist/esm/ptc-value-led-intro.entry.js +1 -1
  279. package/dist/esm/ptc-value-led-layout.entry.js +1 -1
  280. package/dist/esm/ptc-value-led-speed-bump.entry.js +2 -2
  281. package/dist/esm/ptc-value-prop-card.entry.js +1 -1
  282. package/dist/esm/ptc-video-embed.entry.js +1 -1
  283. package/dist/esm/ptc-white-paper.entry.js +11 -7
  284. package/dist/esm/ptcw-design.js +3 -3
  285. package/dist/esm/sequential-bundle-example.entry.js +1 -1
  286. package/dist/esm/sequential-bundle.entry.js +1 -1
  287. package/dist/esm/storefront-enhanced-product-list-example.entry.js +1 -1
  288. package/dist/esm/tab-content.entry.js +1 -1
  289. package/dist/esm/tab-header.entry.js +2 -2
  290. package/dist/esm/{utils-2f12c081.js → utils-ff65c75b.js} +2 -2
  291. package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
  292. package/dist/ptcw-design/{p-36abe396.entry.js → p-0261e249.entry.js} +1 -1
  293. package/dist/ptcw-design/p-03804bb6.entry.js +1 -0
  294. package/dist/ptcw-design/p-051ba8f9.entry.js +1 -0
  295. package/dist/ptcw-design/{p-b8ee8699.entry.js → p-07b1afd5.entry.js} +1 -1
  296. package/dist/ptcw-design/p-094f5dec.entry.js +1 -0
  297. package/dist/ptcw-design/{p-9e2fd13c.entry.js → p-0a558a22.entry.js} +1 -1
  298. package/dist/ptcw-design/{p-9ac99185.entry.js → p-0abb6e77.entry.js} +1 -1
  299. package/dist/ptcw-design/{p-71360e29.entry.js → p-0b182300.entry.js} +1 -1
  300. package/dist/ptcw-design/{p-e235bf27.entry.js → p-0bb3ea9a.entry.js} +1 -1
  301. package/dist/ptcw-design/{p-8cea8943.entry.js → p-0c862dbd.entry.js} +1 -1
  302. package/dist/ptcw-design/{p-76dab076.entry.js → p-0cd366c6.entry.js} +1 -1
  303. package/dist/ptcw-design/{p-dfb400ed.entry.js → p-0d2f10cf.entry.js} +1 -1
  304. package/dist/ptcw-design/{p-fb8584e4.entry.js → p-0ed4609e.entry.js} +1 -1
  305. package/dist/ptcw-design/p-10413689.entry.js +1 -0
  306. package/dist/ptcw-design/p-11eb4dd1.entry.js +1 -0
  307. package/dist/ptcw-design/{p-04ff81ef.entry.js → p-135191ce.entry.js} +1 -1
  308. package/dist/ptcw-design/{p-27e47c25.entry.js → p-14c77b5e.entry.js} +1 -1
  309. package/dist/ptcw-design/{p-7d29a418.entry.js → p-183ba1ca.entry.js} +1 -1
  310. package/dist/ptcw-design/{p-8521fdd4.entry.js → p-1948b914.entry.js} +1 -1
  311. package/dist/ptcw-design/{p-85f32bf5.entry.js → p-1ab6201b.entry.js} +1 -1
  312. package/dist/ptcw-design/{p-99daf693.entry.js → p-1acd3617.entry.js} +1 -1
  313. package/dist/ptcw-design/{p-77cad16c.entry.js → p-1adea6a5.entry.js} +1 -1
  314. package/dist/ptcw-design/{p-d3ac3758.entry.js → p-1b2ff400.entry.js} +1 -1
  315. package/dist/ptcw-design/{p-464d8e22.entry.js → p-1d48bad3.entry.js} +1 -1
  316. package/dist/ptcw-design/{p-46f67bec.entry.js → p-1e9f25fc.entry.js} +1 -1
  317. package/dist/ptcw-design/{p-9dbcfcee.entry.js → p-20388467.entry.js} +1 -1
  318. package/dist/ptcw-design/p-208ca9de.entry.js +1 -0
  319. package/dist/ptcw-design/{p-bf8fbba7.entry.js → p-208ec7f3.entry.js} +1 -1
  320. package/dist/ptcw-design/p-212cdacd.entry.js +1 -0
  321. package/dist/ptcw-design/{p-8c49d736.entry.js → p-212d0145.entry.js} +1 -1
  322. package/dist/ptcw-design/{p-7bdf1e64.entry.js → p-25dd15af.entry.js} +1 -1
  323. package/dist/ptcw-design/{p-9b26ea67.entry.js → p-290012e3.entry.js} +1 -1
  324. package/dist/ptcw-design/{p-9b0df204.entry.js → p-298d02ab.entry.js} +1 -1
  325. package/dist/ptcw-design/{p-7fe4d383.entry.js → p-29ae44dd.entry.js} +1 -1
  326. package/dist/ptcw-design/p-2a255901.entry.js +1 -0
  327. package/dist/ptcw-design/{p-e90fbbad.entry.js → p-2a3735a5.entry.js} +1 -1
  328. package/dist/ptcw-design/{p-a791c53a.entry.js → p-2b583ae1.entry.js} +1 -1
  329. package/dist/ptcw-design/{p-e5369c4d.entry.js → p-2fa28be9.entry.js} +1 -1
  330. package/dist/ptcw-design/{p-21fa5abe.entry.js → p-2fd01953.entry.js} +1 -1
  331. package/dist/ptcw-design/p-31e03c00.entry.js +1 -0
  332. package/dist/ptcw-design/{p-a59c9cdc.entry.js → p-3411ac77.entry.js} +1 -1
  333. package/dist/ptcw-design/p-36c42aae.entry.js +1 -0
  334. package/dist/ptcw-design/p-3717a6e1.entry.js +1 -0
  335. package/dist/ptcw-design/{p-6e8ed2ee.entry.js → p-379fcc72.entry.js} +1 -1
  336. package/dist/ptcw-design/{p-d089dc37.entry.js → p-38a1425c.entry.js} +1 -1
  337. package/dist/ptcw-design/p-39255f59.entry.js +1 -0
  338. package/dist/ptcw-design/p-3ada2482.entry.js +1 -0
  339. package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-3b6c2a79.entry.js} +1 -1
  340. package/dist/ptcw-design/{p-f61a3476.entry.js → p-3b967df1.entry.js} +1 -1
  341. package/dist/ptcw-design/{p-4702c233.entry.js → p-3c3d5474.entry.js} +1 -1
  342. package/dist/ptcw-design/{p-8533988f.entry.js → p-3c52fabe.entry.js} +1 -1
  343. package/dist/ptcw-design/{p-58e91cb8.entry.js → p-3c72e82d.entry.js} +1 -1
  344. package/dist/ptcw-design/{p-76d98c5a.entry.js → p-3e13b735.entry.js} +1 -1
  345. package/dist/ptcw-design/{p-fe907670.entry.js → p-4335d7f3.entry.js} +1 -1
  346. package/dist/ptcw-design/{p-c6a0dd99.entry.js → p-43756439.entry.js} +1 -1
  347. package/dist/ptcw-design/{p-0ddf2a09.entry.js → p-44e72b9d.entry.js} +1 -1
  348. package/dist/ptcw-design/{p-89f0cf12.entry.js → p-472579ea.entry.js} +1 -1
  349. package/dist/ptcw-design/{p-18ac526f.entry.js → p-485cb0c8.entry.js} +1 -1
  350. package/dist/ptcw-design/p-4e2c2f75.entry.js +68 -0
  351. package/dist/ptcw-design/p-50582650.entry.js +1 -0
  352. package/dist/ptcw-design/p-52952358.entry.js +1 -0
  353. package/dist/ptcw-design/{p-2c2f895a.entry.js → p-54891548.entry.js} +1 -1
  354. package/dist/ptcw-design/p-58d4b008.entry.js +1 -0
  355. package/dist/ptcw-design/{p-f731fc96.entry.js → p-5da98805.entry.js} +1 -1
  356. package/dist/ptcw-design/{p-61d28206.entry.js → p-5fb671ee.entry.js} +1 -1
  357. package/dist/ptcw-design/{p-c631608f.entry.js → p-61a5012d.entry.js} +1 -1
  358. package/dist/ptcw-design/p-662a77f5.entry.js +1 -0
  359. package/dist/ptcw-design/{p-bab5bb88.entry.js → p-666cdec9.entry.js} +1 -1
  360. package/dist/ptcw-design/p-6785dc81.entry.js +1 -0
  361. package/dist/ptcw-design/{p-d51438de.entry.js → p-6bd26096.entry.js} +1 -1
  362. package/dist/ptcw-design/{p-9de963f8.entry.js → p-6d628113.entry.js} +1 -1
  363. package/dist/ptcw-design/{p-9f194554.entry.js → p-6dc78042.entry.js} +1 -1
  364. package/dist/ptcw-design/{p-b209c116.entry.js → p-6f8858c3.entry.js} +1 -1
  365. package/dist/ptcw-design/p-72681e91.entry.js +1 -0
  366. package/dist/ptcw-design/{p-14b7693f.entry.js → p-73a41148.entry.js} +1 -1
  367. package/dist/ptcw-design/{p-04aae3f5.entry.js → p-74a845fd.entry.js} +1 -1
  368. package/dist/ptcw-design/{p-d74ccb19.entry.js → p-75d8b6ec.entry.js} +1 -1
  369. package/dist/ptcw-design/p-761f71c4.entry.js +1 -0
  370. package/dist/ptcw-design/p-7774b887.entry.js +1 -0
  371. package/dist/ptcw-design/p-779c3f21.entry.js +1 -0
  372. package/dist/ptcw-design/{p-282b7d4e.entry.js → p-78252282.entry.js} +1 -1
  373. package/dist/ptcw-design/{p-b436f56d.entry.js → p-79762cf6.entry.js} +1 -1
  374. package/dist/ptcw-design/p-7b75091d.entry.js +1 -0
  375. package/dist/ptcw-design/p-7e19be10.entry.js +1 -0
  376. package/dist/ptcw-design/{p-7cc9255e.entry.js → p-7fada7ae.entry.js} +1 -1
  377. package/dist/ptcw-design/{p-5980d65d.entry.js → p-807ad5c4.entry.js} +1 -1
  378. package/dist/ptcw-design/{p-931650bb.entry.js → p-80c56c81.entry.js} +1 -1
  379. package/dist/ptcw-design/p-8872161f.js +1 -0
  380. package/dist/ptcw-design/{p-7a3e9ecd.entry.js → p-8a452c0b.entry.js} +1 -1
  381. package/dist/ptcw-design/{p-15e36f30.entry.js → p-8cdcfb51.entry.js} +1 -1
  382. package/dist/ptcw-design/{p-9a335b5b.entry.js → p-8eb36507.entry.js} +1 -1
  383. package/dist/ptcw-design/{p-761a31f8.entry.js → p-8ffdd794.entry.js} +1 -1
  384. package/dist/ptcw-design/p-921f8961.entry.js +1 -0
  385. package/dist/ptcw-design/{p-2aa19c11.entry.js → p-9292844e.entry.js} +1 -1
  386. package/dist/ptcw-design/{p-ac75c7ad.js → p-944c5be8.js} +1 -1
  387. package/dist/ptcw-design/{p-e4eb925f.entry.js → p-96cc1268.entry.js} +1 -1
  388. package/dist/ptcw-design/p-973b06d1.entry.js +1 -0
  389. package/dist/ptcw-design/p-99e41dc4.entry.js +1 -0
  390. package/dist/ptcw-design/{p-752bba1c.entry.js → p-9a1922ba.entry.js} +1 -1
  391. package/dist/ptcw-design/{p-bfacfe67.entry.js → p-9a28ded2.entry.js} +1 -1
  392. package/dist/ptcw-design/{p-b647f7a1.entry.js → p-9b60270e.entry.js} +1 -1
  393. package/dist/ptcw-design/p-9be9f585.entry.js +1 -0
  394. package/dist/ptcw-design/p-9cfb4f41.entry.js +1 -0
  395. package/dist/ptcw-design/p-9d32f1bc.entry.js +1 -0
  396. package/dist/ptcw-design/{p-4d8f6f46.entry.js → p-9d386f08.entry.js} +1 -1
  397. package/dist/ptcw-design/p-9d8a9a72.entry.js +1 -0
  398. package/dist/ptcw-design/{p-3ee2a531.entry.js → p-9dde477c.entry.js} +1 -1
  399. package/dist/ptcw-design/{p-4f3dea53.entry.js → p-a1dc7ae5.entry.js} +1 -1
  400. package/dist/ptcw-design/p-a220ab2c.entry.js +1 -0
  401. package/dist/ptcw-design/{p-257a68df.entry.js → p-a22d7ae8.entry.js} +1 -1
  402. package/dist/ptcw-design/{p-3872fce7.entry.js → p-a2710bbf.entry.js} +1 -1
  403. package/dist/ptcw-design/{p-c8f68292.entry.js → p-a2f25add.entry.js} +1 -1
  404. package/dist/ptcw-design/p-a7e67938.entry.js +1 -0
  405. package/dist/ptcw-design/p-a8f77b33.entry.js +1 -0
  406. package/dist/ptcw-design/{p-8191928d.entry.js → p-a974f98f.entry.js} +1 -1
  407. package/dist/ptcw-design/{p-257267e3.entry.js → p-abdd3b8e.entry.js} +1 -1
  408. package/dist/ptcw-design/{p-dc85c302.entry.js → p-afbe8e2c.entry.js} +1 -1
  409. package/dist/ptcw-design/{p-8e42a22d.entry.js → p-b1c1de30.entry.js} +1 -1
  410. package/dist/ptcw-design/{p-aea09a70.entry.js → p-b293a0b1.entry.js} +1 -1
  411. package/dist/ptcw-design/{p-0e5932f0.entry.js → p-b3b63f67.entry.js} +1 -1
  412. package/dist/ptcw-design/{p-8c121480.entry.js → p-b4ba719a.entry.js} +1 -1
  413. package/dist/ptcw-design/p-b789c2ee.entry.js +1 -0
  414. package/dist/ptcw-design/{p-560b05a5.entry.js → p-bca81995.entry.js} +1 -1
  415. package/dist/ptcw-design/p-bcab66bf.js +336 -0
  416. package/dist/ptcw-design/{p-a7cb3851.entry.js → p-be00fb74.entry.js} +1 -1
  417. package/dist/ptcw-design/{p-89ba3dfd.entry.js → p-bf2f9183.entry.js} +1 -1
  418. package/dist/ptcw-design/p-bf7f25ce.entry.js +1 -0
  419. package/dist/ptcw-design/{p-38a56ed6.entry.js → p-c05e326f.entry.js} +1 -1
  420. package/dist/ptcw-design/{p-aac082cf.entry.js → p-c5417010.entry.js} +1 -1
  421. package/dist/ptcw-design/p-c5886b7b.entry.js +1 -0
  422. package/dist/ptcw-design/p-c73eb535.entry.js +1 -0
  423. package/dist/ptcw-design/{p-04f0b1ba.entry.js → p-c9a73ad1.entry.js} +1 -1
  424. package/dist/ptcw-design/{p-baeee2b4.entry.js → p-ca039722.entry.js} +1 -1
  425. package/dist/ptcw-design/{p-d66debb3.entry.js → p-ca5763d0.entry.js} +1 -1
  426. package/dist/ptcw-design/p-caac157f.entry.js +1 -0
  427. package/dist/ptcw-design/{p-5946d7c9.entry.js → p-cab0274c.entry.js} +1 -1
  428. package/dist/ptcw-design/{p-e3bf092e.entry.js → p-d1f57070.entry.js} +1 -1
  429. package/dist/ptcw-design/{p-9df7489b.entry.js → p-d4207d86.entry.js} +1 -1
  430. package/dist/ptcw-design/{p-52e17d34.entry.js → p-d871e7f7.entry.js} +1 -1
  431. package/dist/ptcw-design/{p-a54c6da5.entry.js → p-dabb1b70.entry.js} +1 -1
  432. package/dist/ptcw-design/{p-a0bf3dd2.entry.js → p-dadbab48.entry.js} +1 -1
  433. package/dist/ptcw-design/{p-c5f42895.entry.js → p-dd38bf84.entry.js} +1 -1
  434. package/dist/ptcw-design/{p-a8504f11.entry.js → p-de663192.entry.js} +1 -1
  435. package/dist/ptcw-design/p-e11607e8.entry.js +1 -0
  436. package/dist/ptcw-design/{p-a37c5209.entry.js → p-e2e33ddb.entry.js} +1 -1
  437. package/dist/ptcw-design/{p-fdee2cdc.entry.js → p-e6ebc832.entry.js} +1 -1
  438. package/dist/ptcw-design/{p-89177041.entry.js → p-e75dff95.entry.js} +1 -1
  439. package/dist/ptcw-design/{p-95187918.entry.js → p-e77d2204.entry.js} +1 -1
  440. package/dist/ptcw-design/{p-c68d31c6.entry.js → p-e87a4ff8.entry.js} +1 -1
  441. package/dist/ptcw-design/{p-0a9ee6c2.entry.js → p-e8b51e7d.entry.js} +1 -1
  442. package/dist/ptcw-design/{p-0c69ea52.entry.js → p-ec22d0b8.entry.js} +1 -1
  443. package/dist/ptcw-design/{p-7a1db471.entry.js → p-ecfc8211.entry.js} +1 -1
  444. package/dist/ptcw-design/p-ed71521c.entry.js +1 -0
  445. package/dist/ptcw-design/p-ef55ab3c.entry.js +1 -0
  446. package/dist/ptcw-design/{p-da02913d.entry.js → p-f05be87f.entry.js} +1 -1
  447. package/dist/ptcw-design/{p-f5c97ab2.entry.js → p-f2006b03.entry.js} +1 -1
  448. package/dist/ptcw-design/{p-e43c30c9.entry.js → p-f3db0dc6.entry.js} +1 -1
  449. package/dist/ptcw-design/{p-008307a6.entry.js → p-f69df077.entry.js} +1 -1
  450. package/dist/ptcw-design/p-f77c7c78.entry.js +1 -0
  451. package/dist/ptcw-design/{p-e3b1af2b.entry.js → p-ffd5c822.entry.js} +1 -1
  452. package/dist/ptcw-design/ptcw-design.css +2 -2
  453. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  454. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  455. package/dist/types/components/ptc-bio-card/ptc-bio-card.d.ts +1 -1
  456. package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
  457. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +1 -1
  458. package/dist/types/components/ptc-modal/ptc-modal.d.ts +2 -2
  459. package/dist/types/components/ptc-nav-skip-to-content/ptc-nav-skip-to-content.d.ts +0 -6
  460. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  461. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  462. package/dist/types/components/ptc-product-list/ptc-product-list.d.ts +1 -1
  463. package/dist/types/components/ptc-product-sidebar/ptc-product-sidebar.d.ts +3 -6
  464. package/dist/types/components/ptc-related-card-rail/ptc-related-card-rail.d.ts +5 -9
  465. package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +0 -54
  466. package/dist/types/components.d.ts +23 -124
  467. package/package.json +2 -6
  468. package/readme.md +5 -1
  469. package/dist/cjs/component-1b8ad4d2.js +0 -1819
  470. package/dist/cjs/icon-asset.cjs.entry.js +0 -65
  471. package/dist/cjs/max-width-container.cjs.entry.js +0 -54
  472. package/dist/cjs/ptc-button.cjs.entry.js +0 -87
  473. package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +0 -66
  474. package/dist/cjs/ptc-icon-list.cjs.entry.js +0 -35
  475. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
  476. package/dist/cjs/ptc-para.cjs.entry.js +0 -127
  477. package/dist/cjs/ptc-title.cjs.entry.js +0 -152
  478. package/dist/cjs/storefront-enhanced-product-list-alt-example.cjs.entry.js +0 -66
  479. package/dist/cjs/validation-messages-33a4f26b.js +0 -126
  480. package/dist/collection/stories/Jumbotron.stories.js +0 -763
  481. package/dist/esm/component-9beac35b.js +0 -1802
  482. package/dist/esm/icon-asset.entry.js +0 -61
  483. package/dist/esm/max-width-container.entry.js +0 -50
  484. package/dist/esm/ptc-button.entry.js +0 -83
  485. package/dist/esm/ptc-enhanced-product-listing-card.entry.js +0 -62
  486. package/dist/esm/ptc-icon-list.entry.js +0 -31
  487. package/dist/esm/ptc-multi-select_2.entry.js +0 -665
  488. package/dist/esm/ptc-para.entry.js +0 -123
  489. package/dist/esm/ptc-title.entry.js +0 -148
  490. package/dist/esm/storefront-enhanced-product-list-alt-example.entry.js +0 -62
  491. package/dist/esm/validation-messages-adbb6518.js +0 -124
  492. package/dist/ptcw-design/p-00e21489.entry.js +0 -1
  493. package/dist/ptcw-design/p-05c29cc2.entry.js +0 -1
  494. package/dist/ptcw-design/p-077839d5.entry.js +0 -1
  495. package/dist/ptcw-design/p-092e50c9.entry.js +0 -1
  496. package/dist/ptcw-design/p-0a214a22.entry.js +0 -1
  497. package/dist/ptcw-design/p-13e338a5.entry.js +0 -1
  498. package/dist/ptcw-design/p-1454ba84.entry.js +0 -1
  499. package/dist/ptcw-design/p-18a5a338.js +0 -1
  500. package/dist/ptcw-design/p-1eb40265.entry.js +0 -1
  501. package/dist/ptcw-design/p-24776ca2.entry.js +0 -1
  502. package/dist/ptcw-design/p-260ecfef.entry.js +0 -1
  503. package/dist/ptcw-design/p-297a14cb.entry.js +0 -1
  504. package/dist/ptcw-design/p-352e87c0.entry.js +0 -1
  505. package/dist/ptcw-design/p-38e5e590.entry.js +0 -1
  506. package/dist/ptcw-design/p-3ddb6c50.entry.js +0 -1
  507. package/dist/ptcw-design/p-3ed4a7ed.entry.js +0 -1
  508. package/dist/ptcw-design/p-45b1f3fc.entry.js +0 -1
  509. package/dist/ptcw-design/p-4737a0f6.entry.js +0 -1
  510. package/dist/ptcw-design/p-4ca956c1.entry.js +0 -1
  511. package/dist/ptcw-design/p-4cee12b8.entry.js +0 -1
  512. package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
  513. package/dist/ptcw-design/p-68ed2afe.entry.js +0 -1
  514. package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
  515. package/dist/ptcw-design/p-75431fa1.entry.js +0 -1
  516. package/dist/ptcw-design/p-757954b2.entry.js +0 -1
  517. package/dist/ptcw-design/p-80122e26.js +0 -1
  518. package/dist/ptcw-design/p-901c31b3.entry.js +0 -1
  519. package/dist/ptcw-design/p-97eb1025.entry.js +0 -1
  520. package/dist/ptcw-design/p-98426799.js +0 -203
  521. package/dist/ptcw-design/p-98610430.entry.js +0 -1
  522. package/dist/ptcw-design/p-98844b50.js +0 -134
  523. package/dist/ptcw-design/p-99355e65.entry.js +0 -1
  524. package/dist/ptcw-design/p-9d3a7f36.entry.js +0 -1
  525. package/dist/ptcw-design/p-a2c7df64.entry.js +0 -1
  526. package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
  527. package/dist/ptcw-design/p-a5fc048f.entry.js +0 -1
  528. package/dist/ptcw-design/p-a8872ce3.entry.js +0 -1
  529. package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
  530. package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
  531. package/dist/ptcw-design/p-b7fa9f2c.entry.js +0 -1
  532. package/dist/ptcw-design/p-b963ec8c.entry.js +0 -68
  533. package/dist/ptcw-design/p-bb9a879f.entry.js +0 -1
  534. package/dist/ptcw-design/p-bf56d5a3.entry.js +0 -1
  535. package/dist/ptcw-design/p-bf84ecc0.entry.js +0 -1
  536. package/dist/ptcw-design/p-c89030e4.entry.js +0 -1
  537. package/dist/ptcw-design/p-cad4b517.entry.js +0 -1
  538. package/dist/ptcw-design/p-cc677723.entry.js +0 -1
  539. package/dist/ptcw-design/p-d2cc0297.entry.js +0 -1
  540. package/dist/ptcw-design/p-d6845e91.entry.js +0 -1
  541. package/dist/ptcw-design/p-db1dcce0.entry.js +0 -1
  542. package/dist/ptcw-design/p-ddb898c7.entry.js +0 -1
  543. package/dist/ptcw-design/p-f9256e3d.entry.js +0 -1
  544. package/dist/ptcw-design/p-fbd9c8fc.entry.js +0 -1
  545. package/dist/ptcw-design/p-fd7e5935.entry.js +0 -1
  546. package/dist/ptcw-design/p-fd87fcd5.entry.js +0 -1
package/dist/collection/components/ptc-product-card/ptc-product-card.css CHANGED
@@ -82,26 +82,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
85
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
86
86
  color: var(--color-blue-04);
87
87
  margin: -2px;
88
88
  border: 2px solid transparent;
89
89
  }
90
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
90
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
91
91
  color: var(--color-blue-06);
92
92
  }
93
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
93
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
94
94
  transition: none;
95
95
  color: var(--color-blue-07);
96
96
  }
97
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
97
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
98
98
  color: var(--color-blue-05);
99
99
  }
100
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
100
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
101
101
  color: var(--color-gray-04) !important;
102
102
  cursor: not-allowed;
103
103
  }
104
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
104
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
105
105
  border-radius: var(--ptc-border-radius-standard);
106
106
  border: 2px solid white;
107
107
  outline: 5px solid var(--keyboard-nav-outline);
@@ -223,10 +223,6 @@ a:focus-visible {
223
223
  display: block;
224
224
  cursor: pointer;
225
225
  }
226
- :host .toggle-btn:focus-visible {
227
- border-radius: var(--ptc-border-radius-standard);
228
- outline: 5px solid var(--keyboard-nav-outline);
229
- }
230
226
  :host .toggle-btn svg {
231
227
  margin-right: var(--ptc-element-spacing-03);
232
228
  vertical-align: middle;
package/dist/collection/components/ptc-product-card/ptc-product-card.js CHANGED
@@ -45,7 +45,7 @@ export class PtcProductCard {
45
45
  render() {
46
46
  return (h(Host, null, h("div", { class: "card-wrap" }, this.cardImage &&
47
47
  h("ptc-picture", { alt: "image-test", src: this.cardImage, "display-image": "inline-block", width: '38' }), h("div", { class: "content" }, h("div", null, h("slot", { name: "title" }), h("ptc-spacer", { size: "x-small" }), h("ptc-spacer", { size: "xx-small", breakpoint: "x-small" }), h("div", null, h("slot", { name: "content" }))), h("div", { class: 'cta-wrap' }, h("slot", { name: "cta" })))), this.toggleCtaTitle &&
48
- h("ptc-para", { class: "toggle-btn mf-listen", "font-size": "small", "para-margin": "margin-flush", "para-line-h": "line-height-p", "para-z-index": "z-auto", onClick: () => this.togglePanel(), tabIndex: 0 }, h("span", { class: 'toggleText' }, this.toggleCtaTitle)), h("div", { class: 'product-highlights-container' }, h("slot", null))));
48
+ h("ptc-para", { class: "toggle-btn", "font-size": "small", "para-margin": "margin-flush", "para-line-h": "line-height-p", "para-z-index": "z-auto", onClick: () => this.togglePanel() }, h("span", { class: 'toggleText' }, this.toggleCtaTitle)), h("div", { class: 'product-highlights-container' }, h("slot", null))));
49
49
  }
50
50
  static get is() { return "ptc-product-card"; }
51
51
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/ptc-product-category/ptc-product-category.css CHANGED
@@ -82,26 +82,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
85
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
86
86
  color: var(--color-blue-04);
87
87
  margin: -2px;
88
88
  border: 2px solid transparent;
89
89
  }
90
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
90
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
91
91
  color: var(--color-blue-06);
92
92
  }
93
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
93
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
94
94
  transition: none;
95
95
  color: var(--color-blue-07);
96
96
  }
97
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
97
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
98
98
  color: var(--color-blue-05);
99
99
  }
100
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
100
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
101
101
  color: var(--color-gray-04) !important;
102
102
  cursor: not-allowed;
103
103
  }
104
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
104
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
105
105
  border-radius: var(--ptc-border-radius-standard);
106
106
  border: 2px solid white;
107
107
  outline: 5px solid var(--keyboard-nav-outline);
package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.css CHANGED
@@ -79,10 +79,6 @@ ptc-link, ptc-square-card,
79
79
  min-height: 34px;
80
80
  box-sizing: border-box;
81
81
  }
82
- :host .dropdown .dropdown-toggle:focus-visible {
83
- border-radius: var(--ptc-border-radius-standard);
84
- outline: 5px solid var(--keyboard-nav-outline);
85
- }
86
82
  :host .dropdown .dropdown-toggle .dropdown-placeholder {
87
83
  font-size: 14px;
88
84
  color: var(--color-gray-07);
@@ -134,8 +130,4 @@ ptc-link, ptc-square-card,
134
130
  width: 20px;
135
131
  height: 20px;
136
132
  margin-top: 0;
137
- }
138
- :host .checkbox-label input[type=checkbox]:focus-visible {
139
- border-radius: var(--ptc-border-radius-standard);
140
- outline: 5px solid var(--keyboard-nav-outline);
141
133
  }
package/dist/collection/components/ptc-product-dropdown/ptc-product-dropdown.js CHANGED
@@ -59,7 +59,7 @@ export class PtcProductDropdown {
59
59
  this.parseOptions();
60
60
  }
61
61
  render() {
62
- return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown(), onKeyDown: (e) => { e.key === 'Enter' ? this.toggleDropdown() : null; }, tabIndex: 0 }, h("span", { class: "dropdown-placeholder" }, this.placeholder), h("span", { class: "caret" }, h("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { class: "hidden" }, h("slot", null))));
62
+ return (h(Host, null, h("div", { class: "dropdown" }, h("div", { class: "dropdown-toggle", onClick: () => this.toggleDropdown() }, h("span", { class: "dropdown-placeholder" }, this.placeholder), h("span", { class: "caret" }, h("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M1.86537 0.917969L6.14614 4.56922L10.4269 0.917969L11.9769 2.23997L6.14614 7.21323L0.31543 2.23997L1.86537 0.917969Z", fill: "#323B42" })))), this.isOpen && (h("div", { class: "dropdown-menu" }, this.internalOptions.map((option) => (h("label", { class: "checkbox-label" }, h("input", { type: "checkbox", checked: this.selectedOptions.includes(option), onChange: () => this.handleCheckboxChange(option) }), option)))))), h("div", { class: "hidden" }, h("slot", null))));
63
63
  }
64
64
  static get is() { return "ptc-product-dropdown"; }
65
65
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css CHANGED
@@ -82,26 +82,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
85
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
86
86
  color: var(--color-blue-04);
87
87
  margin: -2px;
88
88
  border: 2px solid transparent;
89
89
  }
90
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
90
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
91
91
  color: var(--color-blue-06);
92
92
  }
93
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
93
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
94
94
  transition: none;
95
95
  color: var(--color-blue-07);
96
96
  }
97
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
97
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
98
98
  color: var(--color-blue-05);
99
99
  }
100
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
100
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
101
101
  color: var(--color-gray-04) !important;
102
102
  cursor: not-allowed;
103
103
  }
104
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
104
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
105
105
  border-radius: var(--ptc-border-radius-standard);
106
106
  border: 2px solid white;
107
107
  outline: 5px solid var(--keyboard-nav-outline);
package/dist/collection/components/ptc-product-list/ptc-product-list.js CHANGED
@@ -96,7 +96,7 @@ export class PtcProductList {
96
96
  productCards.forEach(card => {
97
97
  const toggleBtn = (card.shadowRoot).querySelector('.toggle-btn');
98
98
  if (toggleBtn) {
99
- const handleToggle = () => {
99
+ toggleBtn.addEventListener('click', () => {
100
100
  if (card.classList.contains('has-opened')) {
101
101
  card.classList.remove('has-opened');
102
102
  }
@@ -104,12 +104,6 @@ export class PtcProductList {
104
104
  card.classList.add('has-opened');
105
105
  }
106
106
  this.hideAllCards(card);
107
- };
108
- toggleBtn.addEventListener('click', handleToggle);
109
- toggleBtn.addEventListener('keydown', (event) => {
110
- if (event.key === 'Enter') {
111
- handleToggle();
112
- }
113
107
  });
114
108
  }
115
109
  });
package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.css CHANGED
@@ -107,10 +107,6 @@ ptc-link, ptc-square-card,
107
107
  font-size: var(--ptc-font-size-x-small);
108
108
  text-decoration: underline;
109
109
  }
110
- :host .filter-result-wrap .result-header .clear-cta:focus-visible {
111
- border-radius: var(--ptc-border-radius-standard);
112
- outline: 5px solid var(--keyboard-nav-outline);
113
- }
114
110
  :host .filter-result-wrap .result-header .clear-cta.show {
115
111
  display: block;
116
112
  }
@@ -147,10 +143,6 @@ ptc-link, ptc-square-card,
147
143
  border: 1px solid var(--color-gray-03);
148
144
  font-size: 14px;
149
145
  }
150
- :host .filter-result-wrap .typeahead-input .input-wrap input:focus-visible {
151
- border-radius: var(--ptc-border-radius-standard);
152
- outline: 5px solid var(--keyboard-nav-outline);
153
- }
154
146
  :host .filter-result-wrap .typeahead-input .suggestion-wrap {
155
147
  position: relative;
156
148
  width: 100%;
@@ -186,10 +178,6 @@ ptc-link, ptc-square-card,
186
178
  display: block;
187
179
  font-size: 14px;
188
180
  }
189
- :host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:focus-visible {
190
- border-radius: var(--ptc-border-radius-standard);
191
- outline: 5px solid var(--keyboard-nav-outline);
192
- }
193
181
  :host .filter-result-wrap .typeahead-input .suggestion-wrap .suggestions li:first-child {
194
182
  padding-top: 20px;
195
183
  }
package/dist/collection/components/ptc-product-sidebar/ptc-product-sidebar.js CHANGED
@@ -17,7 +17,6 @@ export class PtcProductSidebar {
17
17
  componentDidLoad() {
18
18
  this.productListWrap = this.hostElement.shadowRoot.querySelector('.product-list-wrap');
19
19
  this.clearBtn = this.hostElement.shadowRoot.querySelector('.clear-cta');
20
- this.inputBox = this.hostElement.shadowRoot.querySelector('#searchBox');
21
20
  }
22
21
  // Getting category title and products list
23
22
  getDomData() {
@@ -75,15 +74,6 @@ export class PtcProductSidebar {
75
74
  'event': e,
76
75
  });
77
76
  }
78
- else if (e.key === 'Escape') {
79
- this.clearSearch(e);
80
- this.inputBox.focus();
81
- }
82
- }
83
- handleKeyDownClearCta(e) {
84
- if (e.key === 'Enter') {
85
- this.clearSearch(e);
86
- }
87
77
  }
88
78
  clearSearch(event) {
89
79
  let input = this.hostElement.shadowRoot.querySelector('input');
@@ -113,10 +103,10 @@ export class PtcProductSidebar {
113
103
  handleClick() {
114
104
  this.suggestions = [];
115
105
  }
116
- handleclearCtaClicked(eve) {
117
- const { sender, event } = eve.detail;
106
+ handleclearCtaClicked(event) {
107
+ const { sender, event: mouseEvent, } = event.detail;
118
108
  if (sender) {
119
- this.clearSearch(event);
109
+ this.clearSearch(mouseEvent);
120
110
  }
121
111
  }
122
112
  handleSelectedValues(event) {
@@ -132,31 +122,9 @@ export class PtcProductSidebar {
132
122
  }
133
123
  }
134
124
  }
135
- handleSuggestionKeyDown(e, index, suggestion) {
136
- var _a;
137
- const listItems = (_a = e.currentTarget.parentElement) === null || _a === void 0 ? void 0 : _a.querySelectorAll('li');
138
- if (!listItems)
139
- return;
140
- if (e.key === 'Enter') {
141
- this.handleSelectSuggestion(suggestion, e);
142
- this.suggestions = [];
143
- }
144
- else if (e.key === 'Tab') {
145
- e.preventDefault();
146
- const isShift = e.shiftKey;
147
- const nextIndex = isShift
148
- ? (index - 1 + listItems.length) % listItems.length
149
- : (index + 1) % listItems.length;
150
- listItems[nextIndex].focus();
151
- }
152
- else if (e.key === 'Escape') {
153
- this.clearSearch(e);
154
- this.inputBox.focus();
155
- }
156
- }
157
125
  render() {
158
- return (h(Host, { class: 'search-box' }, h("div", { class: "filter-result-wrap white-box" }, h("div", { class: "result-header" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e), tabIndex: 0, onKeyDown: (e) => { this.handleKeyDownClearCta(e); } }, this.clearText)), h("div", { class: "sort-wrap" }, h("div", { class: "typeahead-input" }, h("label", { htmlFor: "searchBox" }, this.filterText), h("div", { class: "input-wrap" }, h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: 'searchBox' })), this.suggestions.length > 0 &&
159
- h("div", { class: "suggestion-wrap" }, h("ul", { class: "suggestions" }, this.suggestions.map((suggestion, index) => (h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e), tabIndex: 0, onKeyDown: (e) => this.handleSuggestionKeyDown(e, index, suggestion) }, suggestion)))))), h("div", { class: "dropdwon-filter" }, h("label", { htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { size: "large" }), h("ptc-spacer", { size: "large" }), h("div", { class: "product-list-wrap white-box" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (h("div", { class: "category-list" }, h("ptc-para", { "font-size": 'x-small', "font-weight": 'w-7', "para-line-h": "line-height-densest", "para-margin": 'margin-flush' }, h("list-item", { "list-type": "list-underline", "link-href": '#' + item.categoryName }, h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), h("div", { class: "product-list" }, h("ul", null, item.products.map((product) => (h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
126
+ return (h(Host, { class: 'search-box' }, h("div", { class: "filter-result-wrap white-box" }, h("div", { class: "result-header" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.filterResults), h("span", { class: "clear-cta", onClick: (e) => this.clearSearch(e) }, this.clearText)), h("div", { class: "sort-wrap" }, h("div", { class: "typeahead-input" }, h("label", { htmlFor: "searchBox" }, this.filterText), h("div", { class: "input-wrap" }, h("svg", { width: "19", height: "18", viewBox: "0 0 19 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M0.208984 0V1.2375L6.95898 7.65V14.2875L11.5715 17.8875V7.65L18.209 1.35V0H0.208984Z", fill: "#323B42" })), h("input", { type: "text", value: this.searchTerm, onInput: (event) => this.handleInputChange(event), onKeyUp: (e) => this.handleKeyUp(e), id: 'searchBox' })), this.suggestions.length > 0 &&
127
+ h("div", { class: "suggestion-wrap" }, h("ul", { class: "suggestions" }, this.suggestions.map((suggestion) => (h("li", { onClick: (e) => this.handleSelectSuggestion(suggestion, e) }, suggestion)))))), h("div", { class: "dropdwon-filter" }, h("label", { htmlFor: "tech-dropdown" }, this.technologyText), h("ptc-product-dropdown", { placeholder: this.selectTechnology, id: "tech-dropdown" }, this.suggestionList.map((item) => (h("span", null, item.categoryName))))))), h("ptc-spacer", { size: "large" }), h("ptc-spacer", { size: "large" }), h("div", { class: "product-list-wrap white-box" }, h("ptc-title", { type: "h3", "title-margin": "margin-flush", upperline: "no-upperline", "title-size": "medium", "title-height": "densest" }, this.jumpToProduct), this.suggestionList.map((item) => (h("div", { class: "category-list" }, h("ptc-para", { "font-size": 'x-small', "font-weight": 'w-7', "para-line-h": "line-height-densest", "para-margin": 'margin-flush' }, h("list-item", { "list-type": "list-underline", "link-href": '#' + item.categoryName }, h("ptc-tooltip", { "text-display": "inline", "text-lines": "4", "z-index": "z-2", description: item.categoryName, position: "bottom" }))), h("div", { class: "product-list" }, h("ul", null, item.products.map((product) => (h("list-item", { "list-type": "list-underline", "link-href": '#' + product }, product)))))))))));
160
128
  }
161
129
  static get is() { return "ptc-product-sidebar"; }
162
130
  static get encapsulation() { return "shadow"; }
package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css CHANGED
@@ -82,26 +82,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
85
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
86
86
  color: var(--color-blue-04);
87
87
  margin: -2px;
88
88
  border: 2px solid transparent;
89
89
  }
90
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
90
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
91
91
  color: var(--color-blue-06);
92
92
  }
93
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
93
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
94
94
  transition: none;
95
95
  color: var(--color-blue-07);
96
96
  }
97
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
97
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
98
98
  color: var(--color-blue-05);
99
99
  }
100
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
100
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
101
101
  color: var(--color-gray-04) !important;
102
102
  cursor: not-allowed;
103
103
  }
104
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
104
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
105
105
  border-radius: var(--ptc-border-radius-standard);
106
106
  border: 2px solid white;
107
107
  outline: 5px solid var(--keyboard-nav-outline);
package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css CHANGED
@@ -82,26 +82,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
85
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a), .background-plm-grey a.light-link {
86
86
  color: var(--color-blue-04);
87
87
  margin: -2px;
88
88
  border: 2px solid transparent;
89
89
  }
90
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
90
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
91
91
  color: var(--color-blue-06);
92
92
  }
93
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
93
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
94
94
  transition: none;
95
95
  color: var(--color-blue-07);
96
96
  }
97
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
97
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
98
98
  color: var(--color-blue-05);
99
99
  }
100
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
100
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
101
101
  color: var(--color-gray-04) !important;
102
102
  cursor: not-allowed;
103
103
  }
104
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
104
+ .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
105
105
  border-radius: var(--ptc-border-radius-standard);
106
106
  border: 2px solid white;
107
107
  outline: 5px solid var(--keyboard-nav-outline);
package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.css CHANGED
@@ -125,7 +125,8 @@ ptc-link, ptc-square-card,
125
125
  display: none;
126
126
  }
127
127
  :host .card-rail-content .content-container .content {
128
- flex: 1 0 calc(100% - 10px);
128
+ width: 100%;
129
+ flex: 1 0 100%;
129
130
  display: flex;
130
131
  padding: 5px;
131
132
  }