@ptcwebops/ptcw-design 6.3.10 → 6.3.11-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 (206) hide show
  1. package/dist/cjs/{component-06dda623.js → component-4dd13907.js} +2643 -832
  2. package/dist/cjs/event-jumbotron-example.cjs.entry.js +3 -36
  3. package/dist/cjs/featured-list.cjs.entry.js +1 -1
  4. package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
  5. package/dist/cjs/loader.cjs.js +1 -1
  6. package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
  7. package/dist/cjs/ptc-bio-card.cjs.entry.js +4 -2
  8. package/dist/cjs/ptc-card_2.cjs.entry.js +5 -7
  9. package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
  10. package/dist/cjs/ptc-close-icon_2.cjs.entry.js +28 -27
  11. package/dist/cjs/ptc-countdown.cjs.entry.js +17 -19
  12. package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
  13. package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +66 -0
  14. package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
  15. package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
  16. package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +789 -5
  17. package/dist/cjs/ptc-icon-list.cjs.entry.js +6 -3
  18. package/dist/cjs/ptc-jumbotron.cjs.entry.js +2 -3
  19. package/dist/cjs/ptc-mobile-select.cjs.entry.js +10 -1
  20. package/dist/cjs/ptc-office-locations.cjs.entry.js +3 -13
  21. package/dist/cjs/ptc-para.cjs.entry.js +1 -1
  22. package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
  23. package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
  24. package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
  25. package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
  26. package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
  27. package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
  28. package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
  29. package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
  30. package/dist/cjs/ptc-value-led-layout.cjs.entry.js +1 -3
  31. package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
  32. package/dist/cjs/ptc-white-paper.cjs.entry.js +10 -10
  33. package/dist/cjs/ptcw-design.cjs.js +1 -1
  34. package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +66 -0
  35. package/dist/collection/collection-manifest.json +3 -1
  36. package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
  37. package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
  38. package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
  39. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +4 -8
  40. package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +2 -35
  41. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
  42. package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
  43. package/dist/collection/components/organism-bundles/{ptc-icon-card-slider-example/ptc-icon-card-slider-example.css → storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.css} +57 -82
  44. package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.js +63 -0
  45. package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -6
  46. package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +3 -1
  47. package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
  48. package/dist/collection/components/ptc-container/ptc-container.js +2 -2
  49. package/dist/collection/components/ptc-countdown/ptc-countdown.js +17 -19
  50. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +126 -0
  51. package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +112 -0
  52. package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
  53. package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
  54. package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +5 -0
  55. package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +40 -2
  56. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -24
  57. package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -20
  58. package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +11 -2
  59. package/dist/collection/components/ptc-modal/ptc-modal.css +8 -4
  60. package/dist/collection/components/ptc-modal/ptc-modal.js +47 -28
  61. package/dist/collection/components/ptc-office-locations/ptc-office-locations.js +4 -15
  62. package/dist/collection/components/ptc-para/ptc-para.css +3 -0
  63. package/dist/collection/components/ptc-para/ptc-para.js +2 -2
  64. package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
  65. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -102
  66. package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +4 -6
  67. package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
  68. package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
  69. package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -6
  70. package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
  71. package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
  72. package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
  73. package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
  74. package/dist/collection/components/ptc-textfield/ptc-textfield.js +1 -1
  75. package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
  76. package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +1 -3
  77. package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
  78. package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
  79. package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +9 -9
  80. package/dist/collection/stories/BackgroundImage.stories.js +42 -20
  81. package/dist/collection/stories/MobileSelect.stories.js +21 -11
  82. package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
  83. package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
  84. package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
  85. package/dist/custom-elements/index.d.ts +18 -6
  86. package/dist/custom-elements/index.js +331 -221
  87. package/dist/esm/{component-274da230.js → component-9c921cc6.js} +2592 -793
  88. package/dist/esm/event-jumbotron-example.entry.js +3 -36
  89. package/dist/esm/featured-list.entry.js +1 -1
  90. package/dist/esm/innovator-toggle-container.entry.js +1 -1
  91. package/dist/esm/loader.js +1 -1
  92. package/dist/esm/modal-form-example.entry.js +90 -0
  93. package/dist/esm/ptc-bio-card.entry.js +4 -2
  94. package/dist/esm/ptc-card_2.entry.js +5 -7
  95. package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
  96. package/dist/esm/ptc-close-icon_2.entry.js +28 -27
  97. package/dist/esm/ptc-countdown.entry.js +17 -19
  98. package/dist/esm/ptc-data-lookup.entry.js +1 -2
  99. package/dist/esm/ptc-enhanced-product-listing-card.entry.js +62 -0
  100. package/dist/esm/ptc-featured-list.entry.js +1 -1
  101. package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
  102. package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +786 -4
  103. package/dist/esm/ptc-icon-list.entry.js +6 -3
  104. package/dist/esm/ptc-jumbotron.entry.js +2 -3
  105. package/dist/esm/ptc-mobile-select.entry.js +10 -1
  106. package/dist/esm/ptc-office-locations.entry.js +3 -13
  107. package/dist/esm/ptc-para.entry.js +1 -1
  108. package/dist/esm/ptc-podcast-card.entry.js +1 -1
  109. package/dist/esm/ptc-previous-url.entry.js +10 -2
  110. package/dist/esm/ptc-product-card.entry.js +1 -1
  111. package/dist/esm/ptc-product-category.entry.js +1 -1
  112. package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
  113. package/dist/esm/ptc-readmore-char.entry.js +1 -1
  114. package/dist/esm/ptc-readmore-v3.entry.js +1 -1
  115. package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
  116. package/dist/esm/ptc-value-led-layout.entry.js +1 -3
  117. package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
  118. package/dist/esm/ptc-white-paper.entry.js +11 -11
  119. package/dist/esm/ptcw-design.js +1 -1
  120. package/dist/esm/storefront-enhanced-product-list-example.entry.js +62 -0
  121. package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
  122. package/dist/ptcw-design/p-072a76d3.entry.js +1 -0
  123. package/dist/ptcw-design/{p-7fb155da.entry.js → p-072aa896.entry.js} +1 -1
  124. package/dist/ptcw-design/p-08b281d1.entry.js +68 -0
  125. package/dist/ptcw-design/{p-a791c53a.entry.js → p-0b515839.entry.js} +1 -1
  126. package/dist/ptcw-design/p-0d223232.entry.js +1 -0
  127. package/dist/ptcw-design/p-0de4cd11.entry.js +1 -0
  128. package/dist/ptcw-design/{p-9f194554.entry.js → p-21aa746d.entry.js} +1 -1
  129. package/dist/ptcw-design/p-32f64f48.entry.js +1 -0
  130. package/dist/ptcw-design/p-38b7ca02.entry.js +1 -0
  131. package/dist/ptcw-design/{p-d089dc37.entry.js → p-3dd0ded9.entry.js} +1 -1
  132. package/dist/ptcw-design/p-42992202.entry.js +1 -0
  133. package/dist/ptcw-design/{p-4d8f6f46.entry.js → p-445329ed.entry.js} +1 -1
  134. package/dist/ptcw-design/p-52e6613f.entry.js +1 -0
  135. package/dist/ptcw-design/p-67c248ec.entry.js +1 -0
  136. package/dist/ptcw-design/p-72825cf6.entry.js +1 -0
  137. package/dist/ptcw-design/p-75390f63.entry.js +1 -0
  138. package/dist/ptcw-design/p-799afee5.entry.js +1 -0
  139. package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-867a808f.entry.js} +1 -1
  140. package/dist/ptcw-design/p-8eb89969.entry.js +1 -0
  141. package/dist/ptcw-design/p-94f99d2d.entry.js +1 -0
  142. package/dist/ptcw-design/p-9501995f.entry.js +1 -0
  143. package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
  144. package/dist/ptcw-design/p-ae50e218.entry.js +1 -0
  145. package/dist/ptcw-design/p-b5094974.entry.js +1 -0
  146. package/dist/ptcw-design/p-baff4d44.entry.js +1 -0
  147. package/dist/ptcw-design/p-bcab66bf.js +336 -0
  148. package/dist/ptcw-design/p-bd6af63e.entry.js +1 -0
  149. package/dist/ptcw-design/{p-18ac526f.entry.js → p-d73cc053.entry.js} +1 -1
  150. package/dist/ptcw-design/p-de960790.entry.js +1 -0
  151. package/dist/ptcw-design/p-e6a272d9.entry.js +1 -0
  152. package/dist/ptcw-design/p-f4eb6d0a.entry.js +1 -0
  153. package/dist/ptcw-design/p-fe40421e.entry.js +1 -0
  154. package/dist/ptcw-design/ptcw-design.css +2 -2
  155. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  156. package/dist/types/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.d.ts +0 -2
  157. package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
  158. package/dist/types/components/organism-bundles/{ptc-icon-card-slider-example/ptc-icon-card-slider-example.d.ts → storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.d.ts} +3 -3
  159. package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
  160. package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +20 -0
  161. package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +2 -0
  162. package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +0 -1
  163. package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +1 -1
  164. package/dist/types/components/ptc-modal/ptc-modal.d.ts +3 -1
  165. package/dist/types/components/ptc-office-locations/ptc-office-locations.d.ts +0 -1
  166. package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
  167. package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
  168. package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -0
  169. package/dist/types/components.d.ts +71 -23
  170. package/package.json +1 -1
  171. package/readme.md +5 -1
  172. package/dist/cjs/component-5b5b6a98.js +0 -1819
  173. package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +0 -82
  174. package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -672
  175. package/dist/cjs/validation-messages-33a4f26b.js +0 -126
  176. package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.js +0 -77
  177. package/dist/esm/component-341e4eaa.js +0 -1802
  178. package/dist/esm/ptc-icon-card-slider-example.entry.js +0 -78
  179. package/dist/esm/ptc-multi-select_2.entry.js +0 -667
  180. package/dist/esm/validation-messages-adbb6518.js +0 -124
  181. package/dist/ptcw-design/p-00e21489.entry.js +0 -1
  182. package/dist/ptcw-design/p-076efe50.entry.js +0 -68
  183. package/dist/ptcw-design/p-114d0de7.entry.js +0 -1
  184. package/dist/ptcw-design/p-15758793.entry.js +0 -1
  185. package/dist/ptcw-design/p-18a5a338.js +0 -1
  186. package/dist/ptcw-design/p-1ca8a5bf.entry.js +0 -1
  187. package/dist/ptcw-design/p-2aa19c11.entry.js +0 -1
  188. package/dist/ptcw-design/p-2b32297b.entry.js +0 -1
  189. package/dist/ptcw-design/p-38b782e8.entry.js +0 -1
  190. package/dist/ptcw-design/p-54f6e1a5.entry.js +0 -1
  191. package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
  192. package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
  193. package/dist/ptcw-design/p-752bba1c.entry.js +0 -1
  194. package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
  195. package/dist/ptcw-design/p-ab3d2934.entry.js +0 -1
  196. package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
  197. package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
  198. package/dist/ptcw-design/p-bab5bb88.entry.js +0 -1
  199. package/dist/ptcw-design/p-be533f0d.js +0 -134
  200. package/dist/ptcw-design/p-bf3bc577.entry.js +0 -1
  201. package/dist/ptcw-design/p-c1513c3f.js +0 -203
  202. package/dist/ptcw-design/p-c8f68292.entry.js +0 -1
  203. package/dist/ptcw-design/p-d5441844.entry.js +0 -1
  204. package/dist/ptcw-design/p-d66debb3.entry.js +0 -1
  205. package/dist/ptcw-design/p-e5369c4d.entry.js +0 -1
  206. package/dist/ptcw-design/p-f9256e3d.entry.js +0 -1
@@ -781,26 +781,26 @@ a:focus-visible {
781
781
  border-radius: var(--ptc-border-radius-standard);
782
782
  }
783
783
 
784
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .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 {
784
+ .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 {
785
785
  color: var(--color-blue-04);
786
786
  margin: -2px;
787
787
  border: 2px solid transparent;
788
788
  }
789
- .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 {
789
+ .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 {
790
790
  color: var(--color-blue-06);
791
791
  }
792
- .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 {
792
+ .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 {
793
793
  transition: none;
794
794
  color: var(--color-blue-07);
795
795
  }
796
- .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 {
796
+ .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 {
797
797
  color: var(--color-blue-05);
798
798
  }
799
- .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 {
799
+ .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 {
800
800
  color: var(--color-gray-04) !important;
801
801
  cursor: not-allowed;
802
802
  }
803
- .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 {
803
+ .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 {
804
804
  border-radius: var(--ptc-border-radius-standard);
805
805
  border: 2px solid white;
806
806
  outline: 5px solid var(--keyboard-nav-outline);
@@ -102,8 +102,8 @@ export class PtcContainer {
102
102
  "type": "string",
103
103
  "mutable": false,
104
104
  "complexType": {
105
- "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large'",
106
- "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-small\" | \"xxx-large\"",
105
+ "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xxx-large' | 'xxx-large'",
106
+ "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-small\" | \"xxx-large\"",
107
107
  "references": {}
108
108
  },
109
109
  "required": false,
@@ -39,26 +39,8 @@ export class PtcCountdown {
39
39
  // Map time zone abbreviations to their offset in minutes.
40
40
  getOffsetFromAbbr(abbr) {
41
41
  const tzMapping = {
42
- 'PST': -480,
43
- 'PDT': -420,
44
- 'MST': -420,
45
- 'MDT': -360,
46
- 'CST': -360,
47
- 'CDT': -300,
48
- 'UTC': 0,
49
- 'BST': 60,
50
- 'GST': 240,
51
- 'KST': 540,
52
- 'ACST': 570,
53
42
  'ACDT': 630,
54
- 'EST': -300,
55
- 'EDT': -240,
56
- 'CET': 60,
57
- 'CEST': 120,
58
- 'IST': 330,
59
- 'CST_CN': 480,
60
- 'JST': 540,
61
- //Above shows the existing timezones in SC
43
+ 'ACST': 570,
62
44
  'ADT': -180,
63
45
  'AEDT': 660,
64
46
  'AEST': 600,
@@ -66,10 +48,25 @@ export class PtcCountdown {
66
48
  'AKST': -540,
67
49
  'AST': -240,
68
50
  'AWST': 480,
51
+ 'BST': 60,
52
+ 'CDT': -300,
53
+ 'CEST': 120,
54
+ 'CET': 60,
55
+ 'CST': -360,
56
+ 'CST_CN': 480,
57
+ 'EDT': -240,
69
58
  'EEST': 180,
70
59
  'EET': 120,
60
+ 'EST': -300,
71
61
  'GMT': 0,
72
62
  'HKT': 480,
63
+ 'IST': 330,
64
+ 'JST': 540,
65
+ 'MDT': -360,
66
+ 'MST': -420,
67
+ 'PDT': -420,
68
+ 'PST': -480,
69
+ 'UTC': 0,
73
70
  };
74
71
  return tzMapping[abbr] !== undefined ? tzMapping[abbr] : 0;
75
72
  }
@@ -156,6 +153,7 @@ export class PtcCountdown {
156
153
  year: 'numeric',
157
154
  hour: '2-digit',
158
155
  minute: '2-digit',
156
+ second: '2-digit',
159
157
  hour12: hour12,
160
158
  }), ' ', "(", this.eventTimeZone, ")")));
161
159
  }
@@ -0,0 +1,126 @@
1
+ h1,
2
+ h2,
3
+ h3,
4
+ h4,
5
+ h5,
6
+ h6,
7
+ p,
8
+ ul,
9
+ li,
10
+ ptc-subnav,
11
+ ptc-tab-list,
12
+ ptc-link, ptc-square-card,
13
+ .hyphenate-text, ptc-footer {
14
+ word-break: break-word;
15
+ hyphens: manual;
16
+ -webkit-hyphens: manual;
17
+ -moz-hyphens: manual;
18
+ -ms-hyphens: manual;
19
+ }
20
+ @supports (hyphenate-limit-chars: 12 3 3) {
21
+ h1,
22
+ h2,
23
+ h3,
24
+ h4,
25
+ h5,
26
+ h6,
27
+ p,
28
+ ul,
29
+ li,
30
+ ptc-subnav,
31
+ ptc-tab-list,
32
+ ptc-link, ptc-square-card,
33
+ .hyphenate-text, ptc-footer {
34
+ hyphens: auto;
35
+ -webkit-hyphenate-limit-before: 3;
36
+ /* For Safari */
37
+ -webkit-hyphenate-limit-after: 3;
38
+ /* For Safari */
39
+ hyphenate-limit-chars: 12 3 3;
40
+ hyphenate-limit-lines: 2;
41
+ hyphenate-limit-last: always;
42
+ hyphenate-limit-zone: 6%;
43
+ -webkit-hyphens: auto;
44
+ -webkit-hyphenate-limit-before: 3;
45
+ -webkit-hyphenate-limit-after: 3;
46
+ -webkit-hyphenate-limit-chars: 12 3 3;
47
+ -webkit-hyphenate-limit-lines: 2;
48
+ -moz-hyphens: auto;
49
+ -moz-hyphenate-limit-chars: 12 3 3;
50
+ -moz-hyphenate-limit-lines: 2;
51
+ -ms-hyphens: auto;
52
+ -ms-hyphenate-limit-chars: 12 3 3;
53
+ -ms-hyphenate-limit-lines: 2;
54
+ }
55
+ }
56
+
57
+ :host {
58
+ display: block;
59
+ height: 100%;
60
+ }
61
+ :host .card {
62
+ display: flex;
63
+ flex-direction: column;
64
+ gap: 24px;
65
+ justify-content: space-between;
66
+ position: relative;
67
+ padding: 32px 32px 40px 32px;
68
+ box-sizing: border-box;
69
+ width: 288px;
70
+ height: 100%;
71
+ border-radius: var(--ptc-border-radius-standard);
72
+ background: #FFF;
73
+ box-shadow: var(--ptc-shadow-small);
74
+ }
75
+ :host .ribbon {
76
+ position: absolute;
77
+ top: 32px;
78
+ left: -4px;
79
+ border-radius: 0px 4px 4px 0px;
80
+ background: var(--color-blue-07);
81
+ display: flex;
82
+ padding: 6px 28px;
83
+ justify-content: center;
84
+ align-items: center;
85
+ color: #FFF;
86
+ font-family: Raleway;
87
+ font-size: var(--ptc-font-size-x-small);
88
+ font-style: var(--ptc-font-style-normal);
89
+ font-weight: var(--ptc-font-weight-extrabold);
90
+ line-height: var(--ptc-line-height-densest);
91
+ }
92
+ :host .ribbon .ribbon-wrap-around {
93
+ position: absolute;
94
+ bottom: -4px;
95
+ left: 0px;
96
+ }
97
+ :host .flex-start {
98
+ padding-top: 48px;
99
+ }
100
+ :host .pricing {
101
+ display: flex;
102
+ gap: 4px;
103
+ align-items: flex-end;
104
+ margin-bottom: 16px;
105
+ }
106
+ :host .pricing .pricing-label {
107
+ color: var(--color-gray-10);
108
+ font-family: Raleway;
109
+ font-size: var(--ptc-font-size-x-small);
110
+ font-style: var(--ptc-font-style-normal);
111
+ font-weight: var(--ptc-font-weight-regular);
112
+ line-height: var(--ptc-line-height-p);
113
+ }
114
+ :host .pricing .pricing-value {
115
+ color: var(--color-gray-10, #323B42);
116
+ font-family: Raleway;
117
+ font-size: var(--ptc-font-size-x-large);
118
+ font-style: var(--ptc-font-style-normal);
119
+ font-weight: var(--ptc-font-weight-extrabold);
120
+ line-height: 35px;
121
+ }
122
+ @media only screen and (min-width: 768px) {
123
+ :host .card {
124
+ width: 100%;
125
+ }
126
+ }
@@ -0,0 +1,112 @@
1
+ import { Host, h } from '@stencil/core';
2
+ let iconListTextStyle = `:host .ptc-icon-list .ptc-content-simple {
3
+ color: #323B42;
4
+ font-family: Raleway;
5
+ font-size: 16px;
6
+ font-style: normal;
7
+ font-weight: 600;
8
+ line-height: 20px;
9
+ padding-top: 0;
10
+ }`;
11
+ export class PtcEnhancedProductListingCard {
12
+ constructor() {
13
+ this.ctaFocussedHandler = () => {
14
+ this.ctaFocussed.emit({
15
+ 'card-index': this.cardIndex
16
+ });
17
+ };
18
+ this.componentWillLoad = () => {
19
+ this.featureCallouts = [];
20
+ let featureCalloutSlots = this.el.querySelectorAll('[slot^="feature-callout-"]');
21
+ if (featureCalloutSlots && featureCalloutSlots.length > 0) {
22
+ for (let featureCalloutSlot of Array.from(featureCalloutSlots)) {
23
+ this.featureCallouts.push(featureCalloutSlot.innerText);
24
+ }
25
+ }
26
+ let cta = this.el.querySelector('[slot="cta"]');
27
+ if (cta) {
28
+ this.cta.href = cta.href;
29
+ this.cta.title = cta.title;
30
+ this.cta.text = cta.text;
31
+ this.cta.target = cta.target;
32
+ }
33
+ };
34
+ this.componentDidLoad = () => {
35
+ var _a;
36
+ let cta = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('ptc-button');
37
+ if (cta) {
38
+ cta.addEventListener('focus', () => this.ctaFocussedHandler());
39
+ }
40
+ };
41
+ this.cardIndex = 0;
42
+ this.featureCallouts = [];
43
+ this.cta = {
44
+ href: "",
45
+ title: "",
46
+ text: "",
47
+ target: "",
48
+ };
49
+ }
50
+ render() {
51
+ return (h(Host, null, h("div", { class: "card" }, h("div", { class: "ribbon" }, h("svg", { class: "ribbon-wrap-around", xmlns: "http://www.w3.org/2000/svg", width: "4", height: "4", viewBox: "0 0 4 4", fill: "none" }, h("path", { d: "M4 3.02124L0 0.0212402H4V3.02124Z", fill: "#08283E" })), h("slot", { name: "ribbon-text" })), h("div", { class: "flex-start" }, h("ptc-title", { "seo-compatibility-mode": true, type: "h3", "text-align": "left", "title-size": "large", "title-color": "gray", upperline: "no-upperline", "title-display": "block", "title-height": "densest", "title-margin": "margin-flush", "title-weight": "w-7", "is-plm-hub": "false" }, h("h3", null, h("slot", { name: "heading" }))), h("ptc-para", { "seo-compatibility-mode": true, "font-size": "x-small", "font-weight": "w-4", "para-align": "left", "para-color": "primary-grey", "para-line-h": "line-height-p", "para-margin": "margin-bottom-5" }, h("p", null, h("slot", { name: "description" }))), h("div", null, (this.featureCallouts.length > 0) && this.featureCallouts.map((feature, idx) => (h("ptc-icon-list", { "is-last-item": (idx === this.featureCallouts.length - 1) ? "true" : "false", "no-bottom-space": (idx === this.featureCallouts.length - 1) ? "true" : "false", "list-content": feature, styles: iconListTextStyle, "list-type": "simple-icon-list" }, h("icon-asset", { slot: "icon", type: "ptc", size: "x-small", name: "checkmark", color: "ptc-green" })))))), h("div", { class: "flex-end" }, h("div", { class: "pricing" }, h("span", { class: "pricing-label" }, h("slot", { name: "pricing-label" })), h("span", { class: "pricing-value" }, h("slot", { name: "pricing-value" }))), h("ptc-button", { color: "ptc-quaternary", "link-href": this.cta.href, "link-title": this.cta.title || this.cta.text, target: this.cta.target, type: "button", "tracker-id": `eplc${this.cardIndex}-cta` }, this.cta.text)))));
52
+ }
53
+ static get is() { return "ptc-enhanced-product-listing-card"; }
54
+ static get encapsulation() { return "shadow"; }
55
+ static get originalStyleUrls() {
56
+ return {
57
+ "$": ["ptc-enhanced-product-listing-card.scss"]
58
+ };
59
+ }
60
+ static get styleUrls() {
61
+ return {
62
+ "$": ["ptc-enhanced-product-listing-card.css"]
63
+ };
64
+ }
65
+ static get properties() {
66
+ return {
67
+ "cardIndex": {
68
+ "type": "number",
69
+ "mutable": false,
70
+ "complexType": {
71
+ "original": "number",
72
+ "resolved": "number",
73
+ "references": {}
74
+ },
75
+ "required": false,
76
+ "optional": false,
77
+ "docs": {
78
+ "tags": [],
79
+ "text": "PROPS"
80
+ },
81
+ "attribute": "card-index",
82
+ "reflect": false,
83
+ "defaultValue": "0"
84
+ }
85
+ };
86
+ }
87
+ static get states() {
88
+ return {
89
+ "featureCallouts": {},
90
+ "cta": {}
91
+ };
92
+ }
93
+ static get events() {
94
+ return [{
95
+ "method": "ctaFocussed",
96
+ "name": "ctaFocussed",
97
+ "bubbles": true,
98
+ "cancelable": true,
99
+ "composed": true,
100
+ "docs": {
101
+ "tags": [],
102
+ "text": "EVENTS"
103
+ },
104
+ "complexType": {
105
+ "original": "any",
106
+ "resolved": "any",
107
+ "references": {}
108
+ }
109
+ }];
110
+ }
111
+ static get elementRef() { return "el"; }
112
+ }
@@ -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);
@@ -139,26 +139,26 @@ a:focus-visible {
139
139
  border-radius: var(--ptc-border-radius-standard);
140
140
  }
141
141
 
142
- .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .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 {
142
+ .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 {
143
143
  color: var(--color-blue-04);
144
144
  margin: -2px;
145
145
  border: 2px solid transparent;
146
146
  }
147
- .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 {
147
+ .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 {
148
148
  color: var(--color-blue-06);
149
149
  }
150
- .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 {
150
+ .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 {
151
151
  transition: none;
152
152
  color: var(--color-blue-07);
153
153
  }
154
- .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 {
154
+ .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 {
155
155
  color: var(--color-blue-05);
156
156
  }
157
- .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 {
157
+ .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 {
158
158
  color: var(--color-gray-04) !important;
159
159
  cursor: not-allowed;
160
160
  }
161
- .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 {
161
+ .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 {
162
162
  border-radius: var(--ptc-border-radius-standard);
163
163
  border: 2px solid white;
164
164
  outline: 5px solid var(--keyboard-nav-outline);
@@ -127,4 +127,9 @@ ptc-link, ptc-square-card,
127
127
 
128
128
  :host(.last-item) {
129
129
  margin-bottom: var(--ptc-layout-spacing-03);
130
+ }
131
+
132
+ :host(.last-item.no-bottom-space) {
133
+ padding-bottom: 0;
134
+ margin-bottom: 0;
130
135
  }
@@ -6,16 +6,19 @@ export class PtcIconList {
6
6
  this.valueText = '';
7
7
  this.listContent = '';
8
8
  this.isLastItem = false;
9
+ this.noBottomSpace = false;
10
+ this.styles = undefined;
9
11
  }
10
12
  render() {
11
13
  const classMap = this.getCssClassMap();
12
- return (h(Host, { class: classMap }, this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
14
+ return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), this.listType == "stat-icon-list" ? (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-numbered-values" }, h("span", { class: "value-text" }, this.valueText, "\u00A0"), h("span", { class: "ptc-numbered-subtitle" }, this.valueWithUnit)), h("p", { class: "ptc-content" }, "- \u00A0", this.listContent))) : (h("div", { class: "ptc-icon-list" }, h("slot", { name: "icon" }), h("div", { class: "ptc-content-simple" }, this.listContent, !this.listContent &&
13
15
  h("slot", null))))));
14
16
  }
15
17
  getCssClassMap() {
16
18
  return {
17
19
  [this.listType]: this.listType ? true : false,
18
- ['last-item']: this.isLastItem ? true : false
20
+ ['last-item']: this.isLastItem ? true : false,
21
+ ['no-bottom-space']: this.noBottomSpace ? true : false,
19
22
  };
20
23
  }
21
24
  static get is() { return "ptc-icon-list"; }
@@ -121,6 +124,41 @@ export class PtcIconList {
121
124
  "attribute": "is-last-item",
122
125
  "reflect": false,
123
126
  "defaultValue": "false"
127
+ },
128
+ "noBottomSpace": {
129
+ "type": "boolean",
130
+ "mutable": false,
131
+ "complexType": {
132
+ "original": "boolean",
133
+ "resolved": "boolean",
134
+ "references": {}
135
+ },
136
+ "required": false,
137
+ "optional": true,
138
+ "docs": {
139
+ "tags": [],
140
+ "text": ""
141
+ },
142
+ "attribute": "no-bottom-space",
143
+ "reflect": false,
144
+ "defaultValue": "false"
145
+ },
146
+ "styles": {
147
+ "type": "string",
148
+ "mutable": false,
149
+ "complexType": {
150
+ "original": "string",
151
+ "resolved": "string",
152
+ "references": {}
153
+ },
154
+ "required": false,
155
+ "optional": true,
156
+ "docs": {
157
+ "tags": [],
158
+ "text": ""
159
+ },
160
+ "attribute": "styles",
161
+ "reflect": false
124
162
  }
125
163
  };
126
164
  }
@@ -1198,26 +1198,26 @@ a:focus-visible {
1198
1198
  border-radius: var(--ptc-border-radius-standard);
1199
1199
  }
1200
1200
 
1201
- .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 {
1201
+ .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 {
1202
1202
  color: var(--color-blue-04);
1203
1203
  margin: -2px;
1204
1204
  border: 2px solid transparent;
1205
1205
  }
1206
- .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 {
1206
+ .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 {
1207
1207
  color: var(--color-blue-06);
1208
1208
  }
1209
- .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 {
1209
+ .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 {
1210
1210
  transition: none;
1211
1211
  color: var(--color-blue-07);
1212
1212
  }
1213
- .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 {
1213
+ .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 {
1214
1214
  color: var(--color-blue-05);
1215
1215
  }
1216
- .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 {
1216
+ .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 {
1217
1217
  color: var(--color-gray-04) !important;
1218
1218
  cursor: not-allowed;
1219
1219
  }
1220
- .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 {
1220
+ .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 {
1221
1221
  border-radius: var(--ptc-border-radius-standard);
1222
1222
  border: 2px solid white;
1223
1223
  outline: 5px solid var(--keyboard-nav-outline);
@@ -1303,20 +1303,6 @@ a:focus-visible {
1303
1303
  z-index: 1;
1304
1304
  }
1305
1305
 
1306
- .logo-frame {
1307
- background-color: transparent;
1308
- margin-top: 24px;
1309
- display: flex;
1310
- width: 152px;
1311
- height: max-content;
1312
- }
1313
- .logo-frame img {
1314
- box-sizing: border-box;
1315
- max-width: 100%;
1316
- height: 100%;
1317
- max-height: 64.02px;
1318
- }
1319
-
1320
1306
  .hp-adjustments {
1321
1307
  background-color: var(--color-black);
1322
1308
  height: auto;
@@ -1539,10 +1525,6 @@ a:focus-visible {
1539
1525
  margin-bottom: 0;
1540
1526
  margin-top: 20px;
1541
1527
  }
1542
- :host(.text-jumbotron) .parent .logo-frame {
1543
- justify-self: center;
1544
- justify-content: center;
1545
- }
1546
1528
 
1547
1529
  :host(.png-jumbotron) .desktop-media-image,
1548
1530
  :host(.png-jumbotron) .mobile-media-image {