@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.
- package/dist/cjs/{component-06dda623.js → component-4dd13907.js} +2643 -832
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +3 -36
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
- package/dist/cjs/ptc-bio-card.cjs.entry.js +4 -2
- package/dist/cjs/ptc-card_2.cjs.entry.js +5 -7
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +28 -27
- package/dist/cjs/ptc-countdown.cjs.entry.js +17 -19
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
- package/dist/cjs/ptc-enhanced-product-listing-card.cjs.entry.js +66 -0
- package/dist/cjs/ptc-featured-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-filter-level-theater.cjs.entry.js +1 -1
- package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +789 -5
- package/dist/cjs/ptc-icon-list.cjs.entry.js +6 -3
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +2 -3
- package/dist/cjs/ptc-mobile-select.cjs.entry.js +10 -1
- package/dist/cjs/ptc-office-locations.cjs.entry.js +3 -13
- package/dist/cjs/ptc-para.cjs.entry.js +1 -1
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
- package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-layout.cjs.entry.js +1 -3
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +10 -10
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/storefront-enhanced-product-list-example.cjs.entry.js +66 -0
- package/dist/collection/collection-manifest.json +3 -1
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -6
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +4 -8
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +2 -35
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
- 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
- package/dist/collection/components/organism-bundles/storefront-enhanced-product-list-example/storefront-enhanced-product-list-example.js +63 -0
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -6
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.js +3 -1
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
- package/dist/collection/components/ptc-container/ptc-container.js +2 -2
- package/dist/collection/components/ptc-countdown/ptc-countdown.js +17 -19
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.css +126 -0
- package/dist/collection/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.js +112 -0
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.css +5 -0
- package/dist/collection/components/ptc-icon-list/ptc-icon-list.js +40 -2
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -24
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.js +1 -20
- package/dist/collection/components/ptc-mobile-select/ptc-mobile-select.js +11 -2
- package/dist/collection/components/ptc-modal/ptc-modal.css +8 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +47 -28
- package/dist/collection/components/ptc-office-locations/ptc-office-locations.js +4 -15
- package/dist/collection/components/ptc-para/ptc-para.css +3 -0
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -6
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -102
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +4 -6
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -6
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +1 -1
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
- package/dist/collection/components/ptc-value-led-layout/ptc-value-led-layout.js +1 -3
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +9 -9
- package/dist/collection/stories/BackgroundImage.stories.js +42 -20
- package/dist/collection/stories/MobileSelect.stories.js +21 -11
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
- package/dist/custom-elements/index.d.ts +18 -6
- package/dist/custom-elements/index.js +331 -221
- package/dist/esm/{component-274da230.js → component-9c921cc6.js} +2592 -793
- package/dist/esm/event-jumbotron-example.entry.js +3 -36
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/modal-form-example.entry.js +90 -0
- package/dist/esm/ptc-bio-card.entry.js +4 -2
- package/dist/esm/ptc-card_2.entry.js +5 -7
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +28 -27
- package/dist/esm/ptc-countdown.entry.js +17 -19
- package/dist/esm/ptc-data-lookup.entry.js +1 -2
- package/dist/esm/ptc-enhanced-product-listing-card.entry.js +62 -0
- package/dist/esm/ptc-featured-list.entry.js +1 -1
- package/dist/esm/ptc-filter-level-theater.entry.js +1 -1
- package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +786 -4
- package/dist/esm/ptc-icon-list.entry.js +6 -3
- package/dist/esm/ptc-jumbotron.entry.js +2 -3
- package/dist/esm/ptc-mobile-select.entry.js +10 -1
- package/dist/esm/ptc-office-locations.entry.js +3 -13
- package/dist/esm/ptc-para.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +10 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-value-led-layout.entry.js +1 -3
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +11 -11
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/storefront-enhanced-product-list-example.entry.js +62 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
- package/dist/ptcw-design/p-072a76d3.entry.js +1 -0
- package/dist/ptcw-design/{p-7fb155da.entry.js → p-072aa896.entry.js} +1 -1
- package/dist/ptcw-design/p-08b281d1.entry.js +68 -0
- package/dist/ptcw-design/{p-a791c53a.entry.js → p-0b515839.entry.js} +1 -1
- package/dist/ptcw-design/p-0d223232.entry.js +1 -0
- package/dist/ptcw-design/p-0de4cd11.entry.js +1 -0
- package/dist/ptcw-design/{p-9f194554.entry.js → p-21aa746d.entry.js} +1 -1
- package/dist/ptcw-design/p-32f64f48.entry.js +1 -0
- package/dist/ptcw-design/p-38b7ca02.entry.js +1 -0
- package/dist/ptcw-design/{p-d089dc37.entry.js → p-3dd0ded9.entry.js} +1 -1
- package/dist/ptcw-design/p-42992202.entry.js +1 -0
- package/dist/ptcw-design/{p-4d8f6f46.entry.js → p-445329ed.entry.js} +1 -1
- package/dist/ptcw-design/p-52e6613f.entry.js +1 -0
- package/dist/ptcw-design/p-67c248ec.entry.js +1 -0
- package/dist/ptcw-design/p-72825cf6.entry.js +1 -0
- package/dist/ptcw-design/p-75390f63.entry.js +1 -0
- package/dist/ptcw-design/p-799afee5.entry.js +1 -0
- package/dist/ptcw-design/{p-6aa9ed95.entry.js → p-867a808f.entry.js} +1 -1
- package/dist/ptcw-design/p-8eb89969.entry.js +1 -0
- package/dist/ptcw-design/p-94f99d2d.entry.js +1 -0
- package/dist/ptcw-design/p-9501995f.entry.js +1 -0
- package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
- package/dist/ptcw-design/p-ae50e218.entry.js +1 -0
- package/dist/ptcw-design/p-b5094974.entry.js +1 -0
- package/dist/ptcw-design/p-baff4d44.entry.js +1 -0
- package/dist/ptcw-design/p-bcab66bf.js +336 -0
- package/dist/ptcw-design/p-bd6af63e.entry.js +1 -0
- package/dist/ptcw-design/{p-18ac526f.entry.js → p-d73cc053.entry.js} +1 -1
- package/dist/ptcw-design/p-de960790.entry.js +1 -0
- package/dist/ptcw-design/p-e6a272d9.entry.js +1 -0
- package/dist/ptcw-design/p-f4eb6d0a.entry.js +1 -0
- package/dist/ptcw-design/p-fe40421e.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.d.ts +0 -2
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
- 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
- package/dist/types/components/ptc-container/ptc-container.d.ts +1 -1
- package/dist/types/components/ptc-enhanced-product-listing-card/ptc-enhanced-product-listing-card.d.ts +20 -0
- package/dist/types/components/ptc-icon-list/ptc-icon-list.d.ts +2 -0
- package/dist/types/components/ptc-jumbotron/ptc-jumbotron.d.ts +0 -1
- package/dist/types/components/ptc-mobile-select/ptc-mobile-select.d.ts +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +3 -1
- package/dist/types/components/ptc-office-locations/ptc-office-locations.d.ts +0 -1
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
- package/dist/types/components/ptc-white-paper/ptc-white-paper.d.ts +1 -0
- package/dist/types/components.d.ts +71 -23
- package/package.json +1 -1
- package/readme.md +5 -1
- package/dist/cjs/component-5b5b6a98.js +0 -1819
- package/dist/cjs/ptc-icon-card-slider-example.cjs.entry.js +0 -82
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -672
- package/dist/cjs/validation-messages-33a4f26b.js +0 -126
- package/dist/collection/components/organism-bundles/ptc-icon-card-slider-example/ptc-icon-card-slider-example.js +0 -77
- package/dist/esm/component-341e4eaa.js +0 -1802
- package/dist/esm/ptc-icon-card-slider-example.entry.js +0 -78
- package/dist/esm/ptc-multi-select_2.entry.js +0 -667
- package/dist/esm/validation-messages-adbb6518.js +0 -124
- package/dist/ptcw-design/p-00e21489.entry.js +0 -1
- package/dist/ptcw-design/p-076efe50.entry.js +0 -68
- package/dist/ptcw-design/p-114d0de7.entry.js +0 -1
- package/dist/ptcw-design/p-15758793.entry.js +0 -1
- package/dist/ptcw-design/p-18a5a338.js +0 -1
- package/dist/ptcw-design/p-1ca8a5bf.entry.js +0 -1
- package/dist/ptcw-design/p-2aa19c11.entry.js +0 -1
- package/dist/ptcw-design/p-2b32297b.entry.js +0 -1
- package/dist/ptcw-design/p-38b782e8.entry.js +0 -1
- package/dist/ptcw-design/p-54f6e1a5.entry.js +0 -1
- package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
- package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
- package/dist/ptcw-design/p-752bba1c.entry.js +0 -1
- package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
- package/dist/ptcw-design/p-ab3d2934.entry.js +0 -1
- package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
- package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
- package/dist/ptcw-design/p-bab5bb88.entry.js +0 -1
- package/dist/ptcw-design/p-be533f0d.js +0 -134
- package/dist/ptcw-design/p-bf3bc577.entry.js +0 -1
- package/dist/ptcw-design/p-c1513c3f.js +0 -203
- package/dist/ptcw-design/p-c8f68292.entry.js +0 -1
- package/dist/ptcw-design/p-d5441844.entry.js +0 -1
- package/dist/ptcw-design/p-d66debb3.entry.js +0 -1
- package/dist/ptcw-design/p-e5369c4d.entry.js +0 -1
- 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' | '
|
|
106
|
-
"resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-
|
|
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
|
-
'
|
|
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);
|
|
@@ -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 {
|