@ptcwebops/ptcw-design 6.2.6-beta → 6.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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_16.cjs.entry.js +1315 -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-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-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-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/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-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-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 +31 -152
- 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_16.entry.js +1296 -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-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-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-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-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-a2d9831c.entry.js +1 -0
- package/dist/ptcw-design/{p-bb902570.entry.js → p-a3a04f4e.entry.js} +1 -1
- 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-4ee98a3e.entry.js → p-eab1042e.entry.js} +1 -1
- package/dist/ptcw-design/p-f05fec22.entry.js +1 -0
- package/dist/ptcw-design/p-f317864a.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/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 -127
- 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-scroll-button.cjs.entry.js +0 -81
- 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 -123
- 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-scroll-button.entry.js +0 -77
- 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-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-8b3ebdff.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-f65adb71.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
|
@@ -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);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
|
-
import { getSeoTagType
|
|
2
|
+
import { getSeoTagType } from '../../utils/utils';
|
|
3
3
|
export class PtcButton {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.disabled = false;
|
|
@@ -27,9 +27,6 @@ export class PtcButton {
|
|
|
27
27
|
clickEventHandler() {
|
|
28
28
|
this.clickEvent.emit();
|
|
29
29
|
}
|
|
30
|
-
componentWillLoad() {
|
|
31
|
-
CheckDarkFocusState(this, this.el);
|
|
32
|
-
}
|
|
33
30
|
seoCompRender() {
|
|
34
31
|
const classMap = this.getCssClassMap();
|
|
35
32
|
const Tag = !!this.linkHref ? 'a' : 'button';
|
|
@@ -781,38 +781,23 @@ a:focus-visible {
|
|
|
781
781
|
border-radius: var(--ptc-border-radius-standard);
|
|
782
782
|
}
|
|
783
783
|
|
|
784
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
784
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
785
785
|
color: var(--color-blue-04);
|
|
786
|
-
margin: -2px;
|
|
787
|
-
border: 2px solid transparent;
|
|
788
786
|
}
|
|
789
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
787
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
790
788
|
color: var(--color-blue-06);
|
|
791
789
|
}
|
|
792
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
790
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
793
791
|
transition: none;
|
|
794
792
|
color: var(--color-blue-07);
|
|
795
793
|
}
|
|
796
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
794
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
797
795
|
color: var(--color-blue-05);
|
|
798
796
|
}
|
|
799
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
797
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
800
798
|
color: var(--color-gray-04) !important;
|
|
801
799
|
cursor: not-allowed;
|
|
802
800
|
}
|
|
803
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
804
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
805
|
-
border: 2px solid white;
|
|
806
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
807
|
-
}
|
|
808
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
809
|
-
border: 2px solid transparent;
|
|
810
|
-
}
|
|
811
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
812
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
813
|
-
border: 2px solid white;
|
|
814
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
815
|
-
}
|
|
816
801
|
|
|
817
802
|
.ptc-link {
|
|
818
803
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
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);
|
|
@@ -139,38 +139,23 @@ a:focus-visible {
|
|
|
139
139
|
border-radius: var(--ptc-border-radius-standard);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
142
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
143
143
|
color: var(--color-blue-04);
|
|
144
|
-
margin: -2px;
|
|
145
|
-
border: 2px solid transparent;
|
|
146
144
|
}
|
|
147
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
145
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
148
146
|
color: var(--color-blue-06);
|
|
149
147
|
}
|
|
150
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
148
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
151
149
|
transition: none;
|
|
152
150
|
color: var(--color-blue-07);
|
|
153
151
|
}
|
|
154
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
152
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
155
153
|
color: var(--color-blue-05);
|
|
156
154
|
}
|
|
157
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
155
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
158
156
|
color: var(--color-gray-04) !important;
|
|
159
157
|
cursor: not-allowed;
|
|
160
158
|
}
|
|
161
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
162
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
163
|
-
border: 2px solid white;
|
|
164
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
165
|
-
}
|
|
166
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
167
|
-
border: 2px solid transparent;
|
|
168
|
-
}
|
|
169
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
170
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
171
|
-
border: 2px solid white;
|
|
172
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
173
|
-
}
|
|
174
159
|
|
|
175
160
|
.ptc-link {
|
|
176
161
|
color: var(--color-gray-10);
|
|
@@ -67,12 +67,11 @@ ptc-footer ul {
|
|
|
67
67
|
list-style: none;
|
|
68
68
|
}
|
|
69
69
|
ptc-footer ul li a {
|
|
70
|
-
margin: -2px;
|
|
71
|
-
border: 2px solid transparent;
|
|
72
70
|
text-decoration: underline;
|
|
73
71
|
text-underline-offset: 6px;
|
|
74
72
|
text-decoration-thickness: 1px;
|
|
75
73
|
text-decoration-color: transparent;
|
|
74
|
+
border-bottom: none;
|
|
76
75
|
transition: text-decoration var(--ptc-transition-medium) var(--ptc-ease-inout);
|
|
77
76
|
color: var(--color-white) !important;
|
|
78
77
|
}
|
|
@@ -88,11 +87,6 @@ ptc-footer ul li a:active {
|
|
|
88
87
|
transition: none;
|
|
89
88
|
text-decoration-color: var(--color-gray-04);
|
|
90
89
|
}
|
|
91
|
-
ptc-footer ul li a:focus-visible {
|
|
92
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
93
|
-
border: 2px solid white;
|
|
94
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
95
|
-
}
|
|
96
90
|
ptc-footer .gap-20 {
|
|
97
91
|
grid-column-gap: 20px;
|
|
98
92
|
grid-row-gap: 20px;
|
|
@@ -243,18 +237,11 @@ ptc-footer .footer-bottom ul li, ptc-footer .footer-bottom ol li {
|
|
|
243
237
|
font-size: var(--ptc-font-size-xx-small);
|
|
244
238
|
}
|
|
245
239
|
ptc-footer .footer-bottom .logo {
|
|
246
|
-
margin: -2px;
|
|
247
240
|
margin-bottom: var(--ptc-element-spacing-06);
|
|
248
241
|
}
|
|
249
242
|
ptc-footer .footer-bottom .logo a {
|
|
250
|
-
border: 2px solid transparent;
|
|
251
243
|
display: inline-block;
|
|
252
244
|
}
|
|
253
|
-
ptc-footer .footer-bottom .logo a:focus-visible {
|
|
254
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
255
|
-
border: 2px solid white;
|
|
256
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
257
|
-
}
|
|
258
245
|
ptc-footer .footer-bottom .logo .footer-ptc-logo {
|
|
259
246
|
width: 78px;
|
|
260
247
|
height: 28px;
|
|
@@ -71,7 +71,6 @@ ptc-link, ptc-square-card,
|
|
|
71
71
|
padding: 20px;
|
|
72
72
|
background-color: var(--color-gray-10);
|
|
73
73
|
border-radius: var(--ptc-border-radius-standard);
|
|
74
|
-
border: 2px solid transparent;
|
|
75
74
|
align-items: center;
|
|
76
75
|
text-decoration: none;
|
|
77
76
|
text-align: center;
|
|
@@ -110,15 +109,6 @@ ptc-link, ptc-square-card,
|
|
|
110
109
|
:host a span {
|
|
111
110
|
display: block;
|
|
112
111
|
}
|
|
113
|
-
:host a:focus-visible {
|
|
114
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
|
-
:host .dark-bg a:focus-visible {
|
|
118
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
119
|
-
border: 2px solid white;
|
|
120
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
121
|
-
}
|
|
122
112
|
:host .card-icon {
|
|
123
113
|
width: 2rem;
|
|
124
114
|
height: 2rem;
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
|
-
import { CheckDarkFocusState } from '../../utils/utils';
|
|
3
2
|
export class PtcIconCard {
|
|
4
3
|
constructor() {
|
|
5
4
|
this.cardHref = undefined;
|
|
6
5
|
this.target = undefined;
|
|
7
6
|
this.trackerId = undefined;
|
|
8
|
-
this.darkFocusState = false;
|
|
9
|
-
}
|
|
10
|
-
componentWillLoad() {
|
|
11
|
-
CheckDarkFocusState(this, this.el, '.light-links,ptc-footer');
|
|
12
7
|
}
|
|
13
8
|
render() {
|
|
14
|
-
return (h(Host, null, h("div", { id: this.trackerId, class:
|
|
9
|
+
return (h(Host, null, h("div", { id: this.trackerId, class: "tracker-div mf-listen" }, h("a", { href: this.cardHref, target: this.target }, h("div", null, h("span", { class: 'card-icon' }, h("slot", null)), h("div", { class: 'card-title' }, h("slot", { name: 'card-title' })))))));
|
|
15
10
|
}
|
|
16
11
|
static get is() { return "ptc-icon-card"; }
|
|
17
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -77,26 +72,7 @@ export class PtcIconCard {
|
|
|
77
72
|
},
|
|
78
73
|
"attribute": "tracker-id",
|
|
79
74
|
"reflect": false
|
|
80
|
-
},
|
|
81
|
-
"darkFocusState": {
|
|
82
|
-
"type": "boolean",
|
|
83
|
-
"mutable": false,
|
|
84
|
-
"complexType": {
|
|
85
|
-
"original": "boolean",
|
|
86
|
-
"resolved": "boolean",
|
|
87
|
-
"references": {}
|
|
88
|
-
},
|
|
89
|
-
"required": false,
|
|
90
|
-
"optional": false,
|
|
91
|
-
"docs": {
|
|
92
|
-
"tags": [],
|
|
93
|
-
"text": "Add dark-focus-state property where button is present on dark backgrounds"
|
|
94
|
-
},
|
|
95
|
-
"attribute": "dark-focus-state",
|
|
96
|
-
"reflect": false,
|
|
97
|
-
"defaultValue": "false"
|
|
98
75
|
}
|
|
99
76
|
};
|
|
100
77
|
}
|
|
101
|
-
static get elementRef() { return "el"; }
|
|
102
78
|
}
|
|
@@ -1178,38 +1178,23 @@ a:focus-visible {
|
|
|
1178
1178
|
border-radius: var(--ptc-border-radius-standard);
|
|
1179
1179
|
}
|
|
1180
1180
|
|
|
1181
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
1181
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
1182
1182
|
color: var(--color-blue-04);
|
|
1183
|
-
margin: -2px;
|
|
1184
|
-
border: 2px solid transparent;
|
|
1185
1183
|
}
|
|
1186
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
1184
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
1187
1185
|
color: var(--color-blue-06);
|
|
1188
1186
|
}
|
|
1189
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
1187
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
1190
1188
|
transition: none;
|
|
1191
1189
|
color: var(--color-blue-07);
|
|
1192
1190
|
}
|
|
1193
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
1191
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
1194
1192
|
color: var(--color-blue-05);
|
|
1195
1193
|
}
|
|
1196
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
1194
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
1197
1195
|
color: var(--color-gray-04) !important;
|
|
1198
1196
|
cursor: not-allowed;
|
|
1199
1197
|
}
|
|
1200
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
1201
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
1202
|
-
border: 2px solid white;
|
|
1203
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
1204
|
-
}
|
|
1205
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
1206
|
-
border: 2px solid transparent;
|
|
1207
|
-
}
|
|
1208
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
1209
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
1210
|
-
border: 2px solid white;
|
|
1211
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
1212
|
-
}
|
|
1213
1198
|
|
|
1214
1199
|
.ptc-link {
|
|
1215
1200
|
color: var(--color-gray-10);
|
|
@@ -74,10 +74,6 @@ ptc-link, ptc-square-card,
|
|
|
74
74
|
text-decoration: none;
|
|
75
75
|
transition: color var(--ptc-transition-fast) var(--ptc-ease-inout);
|
|
76
76
|
}
|
|
77
|
-
.ptc-link.focus-state-dark-background {
|
|
78
|
-
border: 2px solid transparent;
|
|
79
|
-
margin: -2px;
|
|
80
|
-
}
|
|
81
77
|
.ptc-link:active {
|
|
82
78
|
transition: none;
|
|
83
79
|
}
|
|
@@ -100,10 +96,6 @@ ptc-link, ptc-square-card,
|
|
|
100
96
|
text-decoration-thickness: 2px;
|
|
101
97
|
transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
|
|
102
98
|
}
|
|
103
|
-
.simple.focus-state-dark-background {
|
|
104
|
-
border: 2px solid transparent;
|
|
105
|
-
margin: -2px;
|
|
106
|
-
}
|
|
107
99
|
.simple:hover {
|
|
108
100
|
color: var(--color-green-06);
|
|
109
101
|
transition: text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
|
-
import { getSeoTagType
|
|
2
|
+
import { getSeoTagType } from '../../utils/utils';
|
|
3
3
|
export class PtcLink {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.disabled = false;
|
|
@@ -17,9 +17,6 @@ export class PtcLink {
|
|
|
17
17
|
this.tabNav = 0;
|
|
18
18
|
this.darkFocusState = false;
|
|
19
19
|
}
|
|
20
|
-
componentWillLoad() {
|
|
21
|
-
CheckDarkFocusState(this, this.el);
|
|
22
|
-
}
|
|
23
20
|
seoCompRender() {
|
|
24
21
|
const classMap = this.getCssClassMap();
|
|
25
22
|
const [TagType, firstChild] = getSeoTagType(this.el, "a");
|
|
@@ -82,7 +82,6 @@ ptc-link, ptc-square-card,
|
|
|
82
82
|
align-content: flex-end;
|
|
83
83
|
z-index: 50020;
|
|
84
84
|
transform: translateY(-100%);
|
|
85
|
-
position: relative;
|
|
86
85
|
}
|
|
87
86
|
@media only screen and (min-width: 992px) {
|
|
88
87
|
.wrapper .modal-popup {
|
|
@@ -98,9 +97,6 @@ ptc-link, ptc-square-card,
|
|
|
98
97
|
.wrapper .modal-popup.xl {
|
|
99
98
|
max-width: 64.0625rem;
|
|
100
99
|
}
|
|
101
|
-
.wrapper .modal-popup.fit-content {
|
|
102
|
-
max-width: fit-content;
|
|
103
|
-
}
|
|
104
100
|
.wrapper .modal-popup.max {
|
|
105
101
|
width: calc(100% - 4rem);
|
|
106
102
|
max-width: 75rem;
|
|
@@ -216,8 +216,8 @@ export class PtcModal {
|
|
|
216
216
|
"type": "string",
|
|
217
217
|
"mutable": true,
|
|
218
218
|
"complexType": {
|
|
219
|
-
"original": "'sm' | 'md' | 'lg' | 'xl' | '
|
|
220
|
-
"resolved": "\"
|
|
219
|
+
"original": "'sm' | 'md' | 'lg' | 'xl' | 'max'| 'sm-modal'",
|
|
220
|
+
"resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
|
|
221
221
|
"references": {}
|
|
222
222
|
},
|
|
223
223
|
"required": false,
|
|
@@ -185,8 +185,8 @@ export class PtcPara {
|
|
|
185
185
|
"type": "string",
|
|
186
186
|
"mutable": false,
|
|
187
187
|
"complexType": {
|
|
188
|
-
"original": "'primary-grey' | '
|
|
189
|
-
"resolved": "\"gray-darker\" | \"primary-
|
|
188
|
+
"original": "'primary-grey' | 'white' | 'gray-darker'",
|
|
189
|
+
"resolved": "\"gray-darker\" | \"primary-grey\" | \"white\"",
|
|
190
190
|
"references": {}
|
|
191
191
|
},
|
|
192
192
|
"required": false,
|
|
@@ -5602,38 +5602,23 @@ a:focus-visible {
|
|
|
5602
5602
|
border-radius: var(--ptc-border-radius-standard);
|
|
5603
5603
|
}
|
|
5604
5604
|
|
|
5605
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
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,
|