@ptcwebops/ptcw-design 6.2.5-beta → 6.2.5
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/blog-detail-content_2.cjs.entry.js +1 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
- package/dist/cjs/{component-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/event-jumbotron-example_15.cjs.entry.js +1240 -0
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/homepage-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/homepage-toggled-content.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/most-popular-news.cjs.entry.js +1 -1
- package/dist/cjs/my-component.cjs.entry.js +1 -1
- package/dist/cjs/ptc-accordion-item.cjs.entry.js +1 -1
- package/dist/cjs/ptc-announcement.cjs.entry.js +3 -10
- package/dist/cjs/ptc-background-video.cjs.entry.js +1 -1
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +46 -0
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-collapse-list.cjs.entry.js +1 -1
- package/dist/cjs/ptc-countdown.cjs.entry.js +2 -2
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +2 -1
- 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-footer.cjs.entry.js +1 -1
- package/dist/cjs/{ptc-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
- package/dist/cjs/ptc-homepage-image-feature.cjs.entry.js +1 -1
- package/dist/cjs/ptc-homepage-video-background.cjs.entry.js +1 -1
- package/dist/cjs/ptc-icon-card.cjs.entry.js +2 -8
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-media-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-submenu.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 +2 -10
- package/dist/cjs/ptc-pricing-packaging-table.cjs.entry.js +1 -1
- package/dist/cjs/ptc-pricing-tabs.cjs.entry.js +1 -1
- 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-social-icons-footer.cjs.entry.js +2 -7
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-speed-bump.cjs.entry.js +1 -1
- package/dist/cjs/ptc-white-paper.cjs.entry.js +1 -1
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/cjs/{utils-ad441b07.js → utils-87d7b99f.js} +0 -9
- package/dist/cjs/validation-messages-33a4f26b.js +126 -0
- package/dist/collection/collection-manifest.json +0 -1
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +2 -30
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +5 -20
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +1 -19
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +1 -1
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +3 -1
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +3 -3
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +2 -9
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +5 -20
- package/dist/collection/components/ptc-button/ptc-button.js +1 -4
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +5 -20
- package/dist/collection/components/ptc-countdown/ptc-countdown.js +3 -3
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +5 -20
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +5 -20
- package/dist/collection/components/ptc-footer/ptc-footer-v2.css +1 -14
- package/dist/collection/components/ptc-icon-card/ptc-icon-card.css +0 -10
- package/dist/collection/components/ptc-icon-card/ptc-icon-card.js +1 -25
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +5 -20
- package/dist/collection/components/ptc-link/ptc-link.css +0 -8
- package/dist/collection/components/ptc-link/ptc-link.js +1 -4
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -2
- package/dist/collection/components/ptc-para/ptc-para.css +0 -3
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +5 -20
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +0 -16
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +1 -27
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +5 -20
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +5 -20
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +5 -20
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +5 -20
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +5 -20
- package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.css +0 -10
- package/dist/collection/components/ptc-social-icons-footer/ptc-social-icons-footer.js +1 -24
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +5 -20
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +5 -20
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +5 -20
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +1 -8
- package/dist/collection/components/subnav/ptc-nav-submenu/ptc-nav-submenu.css +0 -7
- package/dist/collection/utils/utils.js +0 -8
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +41 -167
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- package/dist/esm/event-jumbotron-example_15.entry.js +1222 -0
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/homepage-jumbotron.entry.js +1 -1
- package/dist/esm/homepage-toggled-content.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/most-popular-news.entry.js +1 -1
- package/dist/esm/my-component.entry.js +1 -1
- package/dist/esm/ptc-accordion-item.entry.js +1 -1
- package/dist/esm/ptc-announcement.entry.js +3 -10
- package/dist/esm/ptc-background-video.entry.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-card-bottom.entry.js +42 -0
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-collapse-list.entry.js +1 -1
- package/dist/esm/ptc-countdown.entry.js +2 -2
- package/dist/esm/ptc-data-lookup.entry.js +2 -1
- 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-footer.entry.js +1 -1
- package/dist/esm/{ptc-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
- package/dist/esm/ptc-homepage-image-feature.entry.js +1 -1
- package/dist/esm/ptc-homepage-video-background.entry.js +1 -1
- package/dist/esm/ptc-icon-card.entry.js +3 -9
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-nav-submenu.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +2 -10
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +1 -1
- 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-social-icons-footer.entry.js +2 -7
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-value-led-speed-bump.entry.js +1 -1
- package/dist/esm/ptc-white-paper.entry.js +1 -1
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-63eab4bd.js → utils-b7c6422e.js} +1 -9
- package/dist/esm/validation-messages-adbb6518.js +124 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
- package/dist/ptcw-design/p-00e21489.entry.js +1 -0
- package/dist/ptcw-design/{p-72df6678.entry.js → p-085e82b8.entry.js} +1 -1
- package/dist/ptcw-design/{p-627103d8.entry.js → p-103ec637.entry.js} +1 -1
- package/dist/ptcw-design/p-136a91bf.entry.js +1 -0
- package/dist/ptcw-design/{p-bbc706df.entry.js → p-14e53256.entry.js} +1 -1
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/p-18f59395.entry.js +1 -0
- package/dist/ptcw-design/p-1b7087e7.entry.js +1 -0
- package/dist/ptcw-design/p-1ca8a5bf.entry.js +1 -0
- package/dist/ptcw-design/{p-0d806031.entry.js → p-1cff585f.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3229458.entry.js → p-2335d57c.entry.js} +1 -1
- package/dist/ptcw-design/{p-8193a2ae.entry.js → p-27a4ee73.entry.js} +1 -1
- package/dist/ptcw-design/{p-821f0ff9.entry.js → p-29639cd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-48c33817.entry.js → p-34610052.entry.js} +1 -1
- package/dist/ptcw-design/{p-28be539b.entry.js → p-34b270c1.entry.js} +1 -1
- package/dist/ptcw-design/p-3f71553e.entry.js +1 -0
- package/dist/ptcw-design/p-419e260c.entry.js +68 -0
- package/dist/ptcw-design/{p-d756db27.entry.js → p-48183365.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-4c096997.entry.js} +1 -1
- package/dist/ptcw-design/p-4e2bb0e0.entry.js +1 -0
- package/dist/ptcw-design/{p-6f5fecae.entry.js → p-52b82ac5.entry.js} +1 -1
- package/dist/ptcw-design/p-583608d9.entry.js +1 -0
- package/dist/ptcw-design/{p-d2825140.entry.js → p-760507e1.entry.js} +1 -1
- package/dist/ptcw-design/p-78be481f.entry.js +1 -0
- package/dist/ptcw-design/{p-49e54079.entry.js → p-7e7ebf0a.entry.js} +1 -1
- package/dist/ptcw-design/p-841b807d.js +1 -0
- package/dist/ptcw-design/p-8daf00ae.entry.js +1 -0
- package/dist/ptcw-design/{p-17f6e145.entry.js → p-999d1c9f.entry.js} +1 -1
- package/dist/ptcw-design/p-9dfc0206.entry.js +1 -0
- package/dist/ptcw-design/p-a2d9831c.entry.js +1 -0
- package/dist/ptcw-design/{p-bb902570.entry.js → p-a3a04f4e.entry.js} +1 -1
- package/dist/ptcw-design/p-b240b773.entry.js +1 -0
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/{p-cbee4653.entry.js → p-cffebefe.entry.js} +1 -1
- package/dist/ptcw-design/{p-77cad16c.entry.js → p-d1857ada.entry.js} +1 -1
- package/dist/ptcw-design/{p-ea7369e9.entry.js → p-d3e5b65c.entry.js} +1 -1
- package/dist/ptcw-design/p-d734b373.entry.js +1 -0
- package/dist/ptcw-design/p-dc488936.entry.js +1 -0
- package/dist/ptcw-design/p-dd73c4d1.entry.js +1 -0
- package/dist/ptcw-design/{p-e577ad62.entry.js → p-df8526a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-eec2f3da.entry.js → p-e38ed0e3.entry.js} +1 -1
- package/dist/ptcw-design/p-e7937ac1.entry.js +1 -0
- package/dist/ptcw-design/p-e9a7475b.entry.js +1 -0
- package/dist/ptcw-design/{p-577dad08.entry.js → p-e9f12e0d.entry.js} +1 -1
- package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-eab1042e.entry.js} +1 -1
- package/dist/ptcw-design/p-f05fec22.entry.js +1 -0
- package/dist/ptcw-design/{p-2749c178.entry.js → p-fce2bd81.entry.js} +1 -1
- 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 +1 -0
- package/dist/types/components/ptc-announcement/ptc-announcement.d.ts +0 -1
- package/dist/types/components/ptc-button/ptc-button.d.ts +0 -1
- package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +0 -6
- package/dist/types/components/ptc-link/ptc-link.d.ts +0 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -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 +0 -2
- package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +0 -5
- package/dist/types/components.d.ts +4 -35
- package/dist/types/utils/utils.d.ts +0 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -125
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/list-item.cjs.entry.js +0 -48
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/cjs/ptc-breadcrumb.cjs.entry.js +0 -47
- package/dist/cjs/ptc-button.cjs.entry.js +0 -87
- package/dist/cjs/ptc-card-bottom_2.cjs.entry.js +0 -132
- package/dist/cjs/ptc-card-content.cjs.entry.js +0 -68
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -211
- package/dist/cjs/ptc-img.cjs.entry.js +0 -133
- package/dist/cjs/ptc-link.cjs.entry.js +0 -98
- package/dist/cjs/ptc-overlay.cjs.entry.js +0 -34
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +0 -26
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +0 -99
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +0 -45
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +0 -47
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +0 -157
- package/dist/esm/event-jumbotron-example.entry.js +0 -121
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/list-item.entry.js +0 -44
- package/dist/esm/modal-form-example.entry.js +0 -90
- package/dist/esm/ptc-breadcrumb.entry.js +0 -43
- package/dist/esm/ptc-button.entry.js +0 -83
- package/dist/esm/ptc-card-bottom_2.entry.js +0 -127
- package/dist/esm/ptc-card-content.entry.js +0 -64
- package/dist/esm/ptc-close-icon_2.entry.js +0 -206
- package/dist/esm/ptc-img.entry.js +0 -129
- package/dist/esm/ptc-link.entry.js +0 -94
- package/dist/esm/ptc-overlay.entry.js +0 -30
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-1070f8a3.entry.js +0 -1
- package/dist/ptcw-design/p-1d068cc2.entry.js +0 -68
- package/dist/ptcw-design/p-257deac0.entry.js +0 -1
- package/dist/ptcw-design/p-25a25451.entry.js +0 -1
- package/dist/ptcw-design/p-2a70a438.entry.js +0 -1
- package/dist/ptcw-design/p-2ac5ed9c.entry.js +0 -1
- package/dist/ptcw-design/p-34c50b3e.entry.js +0 -1
- package/dist/ptcw-design/p-40160817.entry.js +0 -1
- package/dist/ptcw-design/p-50d68602.entry.js +0 -1
- package/dist/ptcw-design/p-5d885144.entry.js +0 -1
- package/dist/ptcw-design/p-5ef23b5c.entry.js +0 -1
- package/dist/ptcw-design/p-6c2b4fb8.entry.js +0 -1
- package/dist/ptcw-design/p-7793babb.entry.js +0 -1
- package/dist/ptcw-design/p-77b1221e.js +0 -1
- package/dist/ptcw-design/p-799afee5.entry.js +0 -1
- package/dist/ptcw-design/p-90c4f08b.entry.js +0 -1
- package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
- package/dist/ptcw-design/p-95187918.entry.js +0 -1
- package/dist/ptcw-design/p-9a6bd91f.entry.js +0 -1
- package/dist/ptcw-design/p-9e9ae28c.entry.js +0 -1
- package/dist/ptcw-design/p-a3b57ede.entry.js +0 -1
- package/dist/ptcw-design/p-b3bbd17d.entry.js +0 -1
- package/dist/ptcw-design/p-b8ee8699.entry.js +0 -1
- package/dist/ptcw-design/p-ba8c58a7.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
- package/dist/ptcw-design/p-c01ea76f.entry.js +0 -1
- package/dist/ptcw-design/p-d2e26642.entry.js +0 -1
- package/dist/ptcw-design/p-de960790.entry.js +0 -1
- package/dist/ptcw-design/p-e90fbbad.entry.js +0 -1
- package/dist/ptcw-design/p-ecd86dfe.entry.js +0 -1
- package/dist/ptcw-design/p-f8512dc9.entry.js +0 -1
- package/dist/ptcw-design/p-fd394e84.entry.js +0 -1
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -5602,38 +5602,23 @@ a:focus-visible {
|
|
|
5602
5602
|
border-radius: var(--ptc-border-radius-standard);
|
|
5603
5603
|
}
|
|
5604
5604
|
|
|
5605
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
5605
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
5606
5606
|
color: var(--color-blue-04);
|
|
5607
|
-
margin: -2px;
|
|
5608
|
-
border: 2px solid transparent;
|
|
5609
5607
|
}
|
|
5610
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
5608
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
5611
5609
|
color: var(--color-blue-06);
|
|
5612
5610
|
}
|
|
5613
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
5611
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
5614
5612
|
transition: none;
|
|
5615
5613
|
color: var(--color-blue-07);
|
|
5616
5614
|
}
|
|
5617
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
5615
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
5618
5616
|
color: var(--color-blue-05);
|
|
5619
5617
|
}
|
|
5620
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
5618
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
5621
5619
|
color: var(--color-gray-04) !important;
|
|
5622
5620
|
cursor: not-allowed;
|
|
5623
5621
|
}
|
|
5624
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
5625
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
5626
|
-
border: 2px solid white;
|
|
5627
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
5628
|
-
}
|
|
5629
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
5630
|
-
border: 2px solid transparent;
|
|
5631
|
-
}
|
|
5632
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
5633
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
5634
|
-
border: 2px solid white;
|
|
5635
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
5636
|
-
}
|
|
5637
5622
|
|
|
5638
5623
|
.ptc-link {
|
|
5639
5624
|
color: var(--color-gray-10);
|
|
@@ -82,20 +82,4 @@ ptc-link, ptc-square-card,
|
|
|
82
82
|
text-decoration: underline;
|
|
83
83
|
text-decoration-color: var(--color-green-07);
|
|
84
84
|
outline: none;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.light {
|
|
88
|
-
display: inline-block;
|
|
89
|
-
background: rgba(0, 0, 0, 0.54);
|
|
90
|
-
border-radius: 4px;
|
|
91
|
-
padding: 0.5rem 0.75rem;
|
|
92
|
-
padding: 0.25rem 1rem 0.5rem 0.75rem;
|
|
93
|
-
cursor: pointer;
|
|
94
|
-
position: relative;
|
|
95
|
-
display: block;
|
|
96
|
-
}
|
|
97
|
-
.light:hover span {
|
|
98
|
-
text-decoration: underline;
|
|
99
|
-
text-decoration-color: var(--color-green-07);
|
|
100
|
-
outline: none;
|
|
101
85
|
}
|
|
@@ -3,18 +3,10 @@ export class PtcPreviousUrl {
|
|
|
3
3
|
constructor() {
|
|
4
4
|
this.href = undefined;
|
|
5
5
|
this.text = undefined;
|
|
6
|
-
this.theme = 'standard';
|
|
7
6
|
this.styles = undefined;
|
|
8
7
|
}
|
|
9
8
|
render() {
|
|
10
|
-
return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, this.
|
|
11
|
-
(h("a", { class: this.getCssClassMap() }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("span", { class: "back-to-videos" }, this.text))) :
|
|
12
|
-
[h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)]), h("slot", null)));
|
|
13
|
-
}
|
|
14
|
-
getCssClassMap() {
|
|
15
|
-
return {
|
|
16
|
-
[this.theme]: true
|
|
17
|
-
};
|
|
9
|
+
return (h(Host, null, this.styles && h("style", null, this.styles), h("list-item", { listType: 'breadcrumb', flushBefore: true, "link-href": this.href }, h("ptc-svg-btn", { class: "backarrow", "svg-name": "back-arrow", display: "inline-block" }), h("a", { class: "back-to-videos" }, this.text)), h("slot", null)));
|
|
18
10
|
}
|
|
19
11
|
static get is() { return "ptc-previous-url"; }
|
|
20
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -64,24 +56,6 @@ export class PtcPreviousUrl {
|
|
|
64
56
|
"attribute": "text",
|
|
65
57
|
"reflect": false
|
|
66
58
|
},
|
|
67
|
-
"theme": {
|
|
68
|
-
"type": "string",
|
|
69
|
-
"mutable": false,
|
|
70
|
-
"complexType": {
|
|
71
|
-
"original": "'standard' | 'light'",
|
|
72
|
-
"resolved": "\"light\" | \"standard\"",
|
|
73
|
-
"references": {}
|
|
74
|
-
},
|
|
75
|
-
"required": false,
|
|
76
|
-
"optional": false,
|
|
77
|
-
"docs": {
|
|
78
|
-
"tags": [],
|
|
79
|
-
"text": ""
|
|
80
|
-
},
|
|
81
|
-
"attribute": "theme",
|
|
82
|
-
"reflect": false,
|
|
83
|
-
"defaultValue": "'standard'"
|
|
84
|
-
},
|
|
85
59
|
"styles": {
|
|
86
60
|
"type": "string",
|
|
87
61
|
"mutable": false,
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css
CHANGED
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -109,20 +109,10 @@ ptc-link, ptc-square-card,
|
|
|
109
109
|
background-color: var(--color-gray-09);
|
|
110
110
|
transition: none;
|
|
111
111
|
}
|
|
112
|
-
:host ul li a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
112
|
@media only screen and (min-width: 992px) {
|
|
118
113
|
:host ul li a {
|
|
119
114
|
padding: 4px;
|
|
120
115
|
width: 36px;
|
|
121
116
|
height: 36px;
|
|
122
117
|
}
|
|
123
|
-
}
|
|
124
|
-
:host ul.dark-bg a:focus-visible {
|
|
125
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
126
|
-
border: 2px solid white;
|
|
127
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
128
118
|
}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
|
-
import { CheckDarkFocusState } from '../../utils/utils';
|
|
3
2
|
import instagramSVG from '../../media/svg-imgs/instagram.svg';
|
|
4
3
|
import facebookSVG from '../../media/svg-imgs/facebook.svg';
|
|
5
4
|
import linkedinSVG from '../../media/svg-imgs/linkedin.svg';
|
|
@@ -36,18 +35,14 @@ export class PtcSocialIconsFooter {
|
|
|
36
35
|
this.weiboImageAlt = undefined;
|
|
37
36
|
this.youkuImageAlt = undefined;
|
|
38
37
|
this.target = undefined;
|
|
39
|
-
this.darkFocusState = false;
|
|
40
38
|
}
|
|
41
39
|
openModal(e) {
|
|
42
40
|
e.preventDefault();
|
|
43
41
|
const modal = this.hostElement.shadowRoot.querySelector('#QRModal');
|
|
44
42
|
modal.show = true;
|
|
45
43
|
}
|
|
46
|
-
componentWillLoad() {
|
|
47
|
-
CheckDarkFocusState(this, this.hostElement);
|
|
48
|
-
}
|
|
49
44
|
render() {
|
|
50
|
-
return (h(Host, null, h("slot", null), h("ul",
|
|
45
|
+
return (h(Host, null, h("slot", null), h("ul", null, this.instagramUrl && h("li", { id: "footerInstagramIconID" }, " ", h("a", { href: this.instagramUrl, title: this.instagramImageAlt, innerHTML: this.instagramImageUrl == "" ? instagramSVG : "", target: this.target }, this.instagramImageUrl != "" && h("img", { src: this.instagramImageUrl, alt: this.instagramImageAlt })), " "), this.facebookUrl && h("li", { id: "footerFacebookIconID" }, " ", h("a", { href: this.facebookUrl, title: this.facebookImageAlt, innerHTML: this.facebookImageUrl == "" ? facebookSVG : "", target: this.target }, this.facebookImageUrl != "" && h("img", { src: this.facebookImageUrl, alt: this.facebookImageAlt })), " "), this.linkedinUrl && h("li", { id: "footerLinkedInIconID" }, " ", h("a", { href: this.linkedinUrl, title: this.linkedinImageAlt, innerHTML: this.linkedinImageUrl == "" ? linkedinSVG : "", target: this.target }, this.linkedinImageUrl != "" && h("img", { src: this.linkedinImageUrl, alt: this.linkedinImageAlt })), " "), this.xUrl && h("li", { id: "footerXIconID" }, " ", h("a", { href: this.xUrl, title: this.xImageAlt, innerHTML: this.xImageUrl == "" ? xSVG : "", target: this.target }, this.xImageUrl != "" && h("img", { src: this.xImageUrl, alt: this.xImageAlt, "aria-label": "X, formerly Twitter" })), " "), this.youtubeUrl && h("li", { id: "footerYouTubeIconID" }, " ", h("a", { href: this.youtubeUrl, title: this.youtubeImageAlt, innerHTML: this.youtubeImageUrl == "" ? youtubeSVG : "", target: this.target }, this.youtubeImageUrl != "" && h("img", { src: this.youtubeImageUrl, alt: this.youtubeImageAlt })), " "), this.weiboUrl && h("li", { id: "footerWeiboIconID" }, " ", h("a", { href: this.weiboUrl, title: this.weiboImageAlt, innerHTML: this.weiboImageUrl == "" ? weiboSVG : "", target: this.target }, this.weiboImageUrl != "" && h("img", { src: this.weiboImageUrl, alt: this.weiboImageAlt })), " "), this.youkuUrl && h("li", { id: "footerYouKuIconID" }, " ", h("a", { href: this.youkuUrl, title: this.youkuImageAlt, innerHTML: this.youkuImageUrl == "" ? ykSVG : "", target: this.target }, this.youkuImageUrl != "" && h("img", { src: this.youkuImageUrl, alt: this.youkuImageAlt })), " "), this.wechatQrImageUrl && h("li", { id: "footerWeChatIconID" }, " ", h("a", { href: "#", onClick: (Event) => { this.openModal(Event); }, title: this.wechatImageAlt != "" ? this.wechatImageAlt : "WeChat", innerHTML: this.wechatImageUrl == "" ? wechatSVG : "" }, this.wechatImageUrl != "" && h("img", { src: this.wechatImageUrl, alt: this.wechatImageAlt })), " ")), h("ptc-modal", { id: "QRModal", show: false, size: "sm", "close-on-blur": true, fixed: true, styles: '.wrapper .modal-popup .modal-body { padding-bottom: 40px}' }, h("ptc-picture", { alt: this.wechatQrImageAltText, src: this.wechatQrImageUrl, "max-width": '250', "image-alignment": 'center', styles: 'img{margin:auto}' }))));
|
|
51
46
|
}
|
|
52
47
|
static get is() { return "ptc-social-icons-footer"; }
|
|
53
48
|
static get encapsulation() { return "shadow"; }
|
|
@@ -504,24 +499,6 @@ export class PtcSocialIconsFooter {
|
|
|
504
499
|
},
|
|
505
500
|
"attribute": "target",
|
|
506
501
|
"reflect": false
|
|
507
|
-
},
|
|
508
|
-
"darkFocusState": {
|
|
509
|
-
"type": "boolean",
|
|
510
|
-
"mutable": false,
|
|
511
|
-
"complexType": {
|
|
512
|
-
"original": "boolean",
|
|
513
|
-
"resolved": "boolean",
|
|
514
|
-
"references": {}
|
|
515
|
-
},
|
|
516
|
-
"required": false,
|
|
517
|
-
"optional": false,
|
|
518
|
-
"docs": {
|
|
519
|
-
"tags": [],
|
|
520
|
-
"text": "Add dark-focus-state property where button is present on dark backgrounds"
|
|
521
|
-
},
|
|
522
|
-
"attribute": "dark-focus-state",
|
|
523
|
-
"reflect": false,
|
|
524
|
-
"defaultValue": "false"
|
|
525
502
|
}
|
|
526
503
|
};
|
|
527
504
|
}
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|