@ptcwebops/ptcw-design 6.2.23 → 6.2.25-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{component-35540bfb.js → component-4dd13907.js} +2643 -832
- package/dist/cjs/event-jumbotron-example_15.cjs.entry.js +1431 -0
- package/dist/cjs/event-podcast-slider-example.cjs.entry.js +7 -13
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/innovator-toggle-container.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/modal-form-example.cjs.entry.js +94 -0
- package/dist/cjs/ptc-announcement.cjs.entry.js +2 -2
- package/dist/cjs/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card-bottom.cjs.entry.js +67 -0
- package/dist/cjs/ptc-card_2.cjs.entry.js +3 -8
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-data-lookup.cjs.entry.js +1 -2
- package/dist/cjs/ptc-date.cjs.entry.js +1 -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-filter-tag_2.cjs.entry.js +0 -15
- package/dist/cjs/{ptc-form-checkbox_2.cjs.entry.js → ptc-form-checkbox_4.cjs.entry.js} +786 -4
- package/dist/cjs/ptc-icon-component.cjs.entry.js +2 -45
- package/dist/cjs/ptc-icon-minimize.cjs.entry.js +3 -50
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-minimized-nav.cjs.entry.js +1 -2
- package/dist/cjs/ptc-nav-link.cjs.entry.js +1 -1
- package/dist/cjs/ptc-nav-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-news.cjs.entry.js +3 -2
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +10 -2
- package/dist/cjs/ptc-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-related-card-rail.cjs.entry.js +1 -1
- 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 +2 -2
- package/dist/cjs/ptcw-design.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/icon-asset/media/designer-v6.0.6.svg +30 -2
- package/dist/collection/components/innovator-toggle-container/innovator-toggle-container.css +6 -13
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +2 -9
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +3 -25
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +1 -3
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.css +16 -19
- package/dist/collection/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.js +30 -12
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.css +26 -0
- package/dist/collection/components/organism-bundles/form/modal-from-example/modal-form-example.js +99 -0
- package/dist/collection/components/ptc-announcement/ptc-announcement.css +0 -6
- package/dist/collection/components/ptc-announcement/ptc-announcement.js +1 -1
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -13
- package/dist/collection/components/ptc-card/ptc-card.css +0 -1
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -13
- package/dist/collection/components/ptc-close-icon/ptc-close-icon.js +1 -1
- package/dist/collection/components/ptc-date/ptc-date.css +0 -4
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -13
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -13
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.css +0 -12
- package/dist/collection/components/ptc-icon-component/ptc-icon-component.js +1 -44
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.css +0 -8
- package/dist/collection/components/ptc-icon-minimize/ptc-icon-minimize.js +2 -67
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +8 -16
- package/dist/collection/components/ptc-minimized-nav/ptc-minimized-nav.js +1 -19
- package/dist/collection/components/ptc-modal/ptc-modal.css +6 -13
- package/dist/collection/components/ptc-modal/ptc-modal.js +99 -27
- package/dist/collection/components/ptc-news/ptc-news.css +0 -5
- package/dist/collection/components/ptc-news/ptc-news.js +19 -1
- package/dist/collection/components/ptc-pagenation/ptc-pagenation.js +0 -29
- package/dist/collection/components/ptc-para/ptc-para.css +3 -0
- package/dist/collection/components/ptc-para/ptc-para.js +2 -2
- package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css +6 -13
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +23 -174
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +1 -6
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.css +16 -0
- package/dist/collection/components/ptc-previous-url/ptc-previous-url.js +27 -1
- package/dist/collection/components/ptc-pricing-tabs/ptc-pricing-tabs.css +2 -3
- package/dist/collection/components/ptc-product-card/ptc-product-card.css +6 -13
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -13
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -13
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -13
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -13
- package/dist/collection/components/ptc-related-card-rail/ptc-related-card-rail.js +1 -1
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -13
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -13
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -13
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.js +1 -1
- package/dist/collection/components/subnav/ptc-nav-link/ptc-nav-link.css +2 -9
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.js +1 -1
- package/dist/collection/stories/organisms/eSupport/CaseTracker/preview.stories.js +45 -0
- package/dist/collection/stories/organisms/eSupport/SupportArticle/preview.stories.js +47 -0
- package/dist/collection/stories/organisms/eSupport/SupportPage/preview.stories.js +157 -0
- package/dist/custom-elements/index.d.ts +6 -0
- package/dist/custom-elements/index.js +234 -201
- 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-8c53e377.js → component-9c921cc6.js} +2592 -793
- package/dist/esm/event-jumbotron-example_15.entry.js +1413 -0
- package/dist/esm/event-podcast-slider-example.entry.js +7 -13
- 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/modal-form-example.entry.js +90 -0
- 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 +2 -2
- 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 +63 -0
- package/dist/esm/ptc-card_2.entry.js +3 -8
- 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 +1 -2
- package/dist/esm/ptc-date.entry.js +1 -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-filter-tag_2.entry.js +0 -15
- package/dist/esm/{ptc-form-checkbox_2.entry.js → ptc-form-checkbox_4.entry.js} +784 -4
- 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 +1 -1
- package/dist/esm/ptc-icon-component.entry.js +2 -45
- package/dist/esm/ptc-icon-minimize.entry.js +3 -50
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-media-card.entry.js +1 -1
- package/dist/esm/ptc-minimized-nav.entry.js +1 -2
- package/dist/esm/ptc-nav-link.entry.js +1 -1
- package/dist/esm/ptc-nav-slider.entry.js +1 -1
- package/dist/esm/ptc-news.entry.js +3 -2
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +10 -2
- package/dist/esm/ptc-pricing-packaging-table.entry.js +1 -1
- package/dist/esm/ptc-pricing-tabs.entry.js +2 -2
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-related-card-rail.entry.js +1 -1
- package/dist/esm/ptc-social-icons-footer.entry.js +1 -1
- 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 +2 -2
- package/dist/esm/ptcw-design.js +1 -1
- package/dist/esm/{utils-63eab4bd.js → utils-ff65c75b.js} +1 -1
- package/dist/ptcw-design/media/designer-v6.0.6.svg +30 -2
- package/dist/ptcw-design/p-06d75880.entry.js +1 -0
- package/dist/ptcw-design/{p-d3ac3758.entry.js → p-071a6109.entry.js} +1 -1
- package/dist/ptcw-design/p-0fdfd4ad.entry.js +68 -0
- package/dist/ptcw-design/{p-c01ea76f.entry.js → p-1b257420.entry.js} +1 -1
- package/dist/ptcw-design/p-257deac0.entry.js +1 -0
- package/dist/ptcw-design/p-2657df50.entry.js +1 -0
- package/dist/ptcw-design/{p-4d8f6f46.entry.js → p-2749c178.entry.js} +1 -1
- package/dist/ptcw-design/p-2ac5ed9c.entry.js +1 -0
- package/dist/ptcw-design/{p-4ee98a3e.entry.js → p-2c6fc745.entry.js} +1 -1
- package/dist/ptcw-design/{p-d089dc37.entry.js → p-34c50b3e.entry.js} +1 -1
- package/dist/ptcw-design/{p-fd394e84.entry.js → p-36007a57.entry.js} +1 -1
- package/dist/ptcw-design/p-370cbbdd.entry.js +1 -0
- package/dist/ptcw-design/{p-eddadb5a.entry.js → p-3db38765.entry.js} +1 -1
- package/dist/ptcw-design/p-40b8c884.entry.js +1 -0
- package/dist/ptcw-design/p-50d68602.entry.js +1 -0
- package/dist/ptcw-design/p-5ef23b5c.entry.js +1 -0
- package/dist/ptcw-design/p-69686408.entry.js +1 -0
- package/dist/ptcw-design/{p-cbee4653.entry.js → p-6d3326da.entry.js} +1 -1
- package/dist/ptcw-design/p-799afee5.entry.js +1 -0
- package/dist/ptcw-design/{p-6f5fecae.entry.js → p-7a9611b4.entry.js} +1 -1
- package/dist/ptcw-design/{p-eec2f3da.entry.js → p-808ec62a.entry.js} +1 -1
- package/dist/ptcw-design/p-85c29073.entry.js +1 -0
- package/dist/ptcw-design/{p-77b1221e.js → p-8872161f.js} +1 -1
- package/dist/ptcw-design/p-8fbe5eed.entry.js +1 -0
- package/dist/ptcw-design/p-90c4f08b.entry.js +1 -0
- package/dist/ptcw-design/p-9c1057ce.entry.js +1 -0
- package/dist/ptcw-design/p-9fe0c27d.entry.js +1 -0
- package/dist/ptcw-design/p-a3b57ede.entry.js +1 -0
- package/dist/ptcw-design/{p-d361afd1.entry.js → p-a808d399.entry.js} +1 -1
- package/dist/ptcw-design/{p-17f6e145.entry.js → p-ae970a60.entry.js} +1 -1
- package/dist/ptcw-design/p-b1ebac6f.entry.js +1 -0
- package/dist/ptcw-design/p-ba8c58a7.entry.js +1 -0
- package/dist/ptcw-design/p-bb902570.entry.js +1 -0
- package/dist/ptcw-design/p-bcab66bf.js +336 -0
- package/dist/ptcw-design/{p-821f0ff9.entry.js → p-c37a3bd2.entry.js} +1 -1
- package/dist/ptcw-design/{p-d3229458.entry.js → p-c66b8926.entry.js} +1 -1
- package/dist/ptcw-design/{p-6a3caf2b.entry.js → p-c95f423e.entry.js} +1 -1
- package/dist/ptcw-design/{p-627103d8.entry.js → p-d10cb999.entry.js} +1 -1
- package/dist/ptcw-design/p-d2e26642.entry.js +1 -0
- package/dist/ptcw-design/p-d7275289.entry.js +1 -0
- package/dist/ptcw-design/{p-18ac526f.entry.js → p-d756db27.entry.js} +1 -1
- package/dist/ptcw-design/{p-48c33817.entry.js → p-d9abe7e8.entry.js} +1 -1
- package/dist/ptcw-design/{p-e577ad62.entry.js → p-da82dc93.entry.js} +1 -1
- package/dist/ptcw-design/p-de960790.entry.js +1 -0
- package/dist/ptcw-design/{p-16e70f20.entry.js → p-e0b873d0.entry.js} +1 -1
- package/dist/ptcw-design/p-e346b320.entry.js +1 -0
- package/dist/ptcw-design/{p-9df7489b.entry.js → p-e372dc5b.entry.js} +1 -1
- package/dist/ptcw-design/{p-49e54079.entry.js → p-e3f8e5d5.entry.js} +1 -1
- package/dist/ptcw-design/{p-28be539b.entry.js → p-e4000363.entry.js} +1 -1
- package/dist/ptcw-design/{p-3ddb6c50.entry.js → p-e89ce54f.entry.js} +1 -1
- package/dist/ptcw-design/{p-a791c53a.entry.js → p-ea7369e9.entry.js} +1 -1
- package/dist/ptcw-design/p-f4699d4e.entry.js +1 -0
- package/dist/ptcw-design/p-f8512dc9.entry.js +1 -0
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/event-podcast-slider-example/event-podcast-slider-example.d.ts +1 -0
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +25 -0
- package/dist/types/components/ptc-icon-component/ptc-icon-component.d.ts +0 -5
- package/dist/types/components/ptc-icon-minimize/ptc-icon-minimize.d.ts +0 -2
- package/dist/types/components/ptc-minimized-nav/ptc-minimized-nav.d.ts +0 -1
- package/dist/types/components/ptc-mobile-select/mobile-select/dist/mobile-select.d.ts +209 -0
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +10 -3
- package/dist/types/components/ptc-news/ptc-news.d.ts +4 -0
- package/dist/types/components/ptc-pagenation/ptc-pagenation.d.ts +0 -3
- package/dist/types/components/ptc-para/ptc-para.d.ts +1 -1
- package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts +2 -0
- package/dist/types/components.d.ts +31 -9
- package/dist/types/utils/eloqua.d.ts +9 -0
- package/package.json +1 -1
- package/readme.md +5 -1
- package/dist/cjs/component-1b8ad4d2.js +0 -1819
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +0 -148
- package/dist/cjs/icon-asset.cjs.entry.js +0 -65
- package/dist/cjs/list-item.cjs.entry.js +0 -48
- 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 -156
- package/dist/cjs/ptc-card-content.cjs.entry.js +0 -76
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +0 -222
- package/dist/cjs/ptc-img.cjs.entry.js +0 -133
- package/dist/cjs/ptc-link.cjs.entry.js +0 -87
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +0 -670
- package/dist/cjs/ptc-para.cjs.entry.js +0 -127
- package/dist/cjs/ptc-scroll-button.cjs.entry.js +0 -136
- package/dist/cjs/ptc-spacer.cjs.entry.js +0 -38
- package/dist/cjs/ptc-title.cjs.entry.js +0 -152
- package/dist/cjs/validation-messages-33a4f26b.js +0 -126
- package/dist/esm/component-9beac35b.js +0 -1802
- package/dist/esm/event-jumbotron-example.entry.js +0 -144
- package/dist/esm/icon-asset.entry.js +0 -61
- package/dist/esm/list-item.entry.js +0 -44
- 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 -151
- package/dist/esm/ptc-card-content.entry.js +0 -72
- package/dist/esm/ptc-close-icon_2.entry.js +0 -217
- package/dist/esm/ptc-img.entry.js +0 -129
- package/dist/esm/ptc-link.entry.js +0 -83
- package/dist/esm/ptc-multi-select_2.entry.js +0 -665
- package/dist/esm/ptc-para.entry.js +0 -123
- package/dist/esm/ptc-scroll-button.entry.js +0 -132
- package/dist/esm/ptc-spacer.entry.js +0 -34
- package/dist/esm/ptc-title.entry.js +0 -148
- package/dist/esm/validation-messages-adbb6518.js +0 -124
- package/dist/ptcw-design/p-00e21489.entry.js +0 -1
- package/dist/ptcw-design/p-01075feb.entry.js +0 -1
- package/dist/ptcw-design/p-04ff81ef.entry.js +0 -1
- package/dist/ptcw-design/p-0c69ea52.entry.js +0 -1
- package/dist/ptcw-design/p-15758793.entry.js +0 -1
- package/dist/ptcw-design/p-18a5a338.js +0 -1
- package/dist/ptcw-design/p-25a25451.entry.js +0 -1
- package/dist/ptcw-design/p-2b32297b.entry.js +0 -1
- package/dist/ptcw-design/p-38b782e8.entry.js +0 -1
- package/dist/ptcw-design/p-4a7505ba.entry.js +0 -1
- package/dist/ptcw-design/p-51a45b13.entry.js +0 -1
- package/dist/ptcw-design/p-593b8eff.entry.js +0 -1
- package/dist/ptcw-design/p-5dae4f30.entry.js +0 -1
- package/dist/ptcw-design/p-6433c9d2.entry.js +0 -1
- package/dist/ptcw-design/p-71a20700.entry.js +0 -1
- package/dist/ptcw-design/p-73a853fc.entry.js +0 -1
- package/dist/ptcw-design/p-759f6457.entry.js +0 -1
- package/dist/ptcw-design/p-7793babb.entry.js +0 -1
- package/dist/ptcw-design/p-7fe4d383.entry.js +0 -1
- package/dist/ptcw-design/p-8e8c7a3a.entry.js +0 -1
- package/dist/ptcw-design/p-92d22c78.entry.js +0 -1
- package/dist/ptcw-design/p-98426799.js +0 -203
- package/dist/ptcw-design/p-98844b50.js +0 -134
- package/dist/ptcw-design/p-99355e65.entry.js +0 -1
- package/dist/ptcw-design/p-9f194554.entry.js +0 -1
- package/dist/ptcw-design/p-a412ff0a.entry.js +0 -1
- package/dist/ptcw-design/p-a58698ca.entry.js +0 -1
- package/dist/ptcw-design/p-acdd9a1d.entry.js +0 -1
- package/dist/ptcw-design/p-ad718ee1.entry.js +0 -1
- package/dist/ptcw-design/p-ad821a01.entry.js +0 -1
- package/dist/ptcw-design/p-b209c116.entry.js +0 -1
- package/dist/ptcw-design/p-b436f56d.entry.js +0 -1
- package/dist/ptcw-design/p-b651c1cb.entry.js +0 -1
- package/dist/ptcw-design/p-b8ee8699.entry.js +0 -1
- package/dist/ptcw-design/p-bf18b622.entry.js +0 -1
- package/dist/ptcw-design/p-d2f37084.entry.js +0 -1
- package/dist/ptcw-design/p-d3e2a446.entry.js +0 -1
- package/dist/ptcw-design/p-d74ccb19.entry.js +0 -1
- package/dist/ptcw-design/p-dd02e4d6.entry.js +0 -68
- package/dist/ptcw-design/p-f3d54454.entry.js +0 -1
- package/dist/ptcw-design/p-f9256e3d.entry.js +0 -1
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host {
|
|
170
163
|
display: block;
|
|
171
164
|
padding-bottom: var(--ptc-layout-spacing-03);
|
package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css
CHANGED
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host {
|
|
170
163
|
max-width: 300px;
|
|
171
164
|
display: block;
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host {
|
|
170
163
|
display: block;
|
|
171
164
|
}
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host {
|
|
170
163
|
display: block;
|
|
171
164
|
}
|
|
@@ -107,7 +107,7 @@ export class PtcRelatedCardRail {
|
|
|
107
107
|
};
|
|
108
108
|
// Redirect focus to the target element
|
|
109
109
|
this.redirectFocus = (event) => {
|
|
110
|
-
if (event.key === 'Tab'
|
|
110
|
+
if (event.key === 'Tab') {
|
|
111
111
|
const marker = document.getElementById('hidden-rail-marker');
|
|
112
112
|
const activeElement = document.activeElement;
|
|
113
113
|
console.log('active ele: ' + activeElement.classList);
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host(.block) {
|
|
170
163
|
display: block;
|
|
171
164
|
}
|
|
@@ -82,26 +82,26 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
87
|
margin: -2px;
|
|
88
88
|
border: 2px solid transparent;
|
|
89
89
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
90
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
91
91
|
color: var(--color-blue-06);
|
|
92
92
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
93
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
94
|
transition: none;
|
|
95
95
|
color: var(--color-blue-07);
|
|
96
96
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
97
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
98
|
color: var(--color-blue-05);
|
|
99
99
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
100
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
101
|
color: var(--color-gray-04) !important;
|
|
102
102
|
cursor: not-allowed;
|
|
103
103
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
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
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -159,13 +159,6 @@ a:focus-visible {
|
|
|
159
159
|
color: var(--color-green-06);
|
|
160
160
|
}
|
|
161
161
|
|
|
162
|
-
.vjs-social-share-links a {
|
|
163
|
-
color: var(--color-white);
|
|
164
|
-
}
|
|
165
|
-
.vjs-social-share-links a:hover {
|
|
166
|
-
color: var(--color-white);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
162
|
:host {
|
|
170
163
|
display: block;
|
|
171
164
|
margin-bottom: var(--ptc-element-spacing-07);
|
|
@@ -5659,26 +5659,26 @@ a:focus-visible {
|
|
|
5659
5659
|
border-radius: var(--ptc-border-radius-standard);
|
|
5660
5660
|
}
|
|
5661
5661
|
|
|
5662
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5662
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a), .background-plm-grey a.light-link {
|
|
5663
5663
|
color: var(--color-blue-04);
|
|
5664
5664
|
margin: -2px;
|
|
5665
5665
|
border: 2px solid transparent;
|
|
5666
5666
|
}
|
|
5667
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5667
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited, .background-plm-grey a.light-link:visited {
|
|
5668
5668
|
color: var(--color-blue-06);
|
|
5669
5669
|
}
|
|
5670
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5670
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
5671
5671
|
transition: none;
|
|
5672
5672
|
color: var(--color-blue-07);
|
|
5673
5673
|
}
|
|
5674
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5674
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
5675
5675
|
color: var(--color-blue-05);
|
|
5676
5676
|
}
|
|
5677
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5677
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a).disabled, .background-plm-grey a.light-link.disabled {
|
|
5678
5678
|
color: var(--color-gray-04) !important;
|
|
5679
5679
|
cursor: not-allowed;
|
|
5680
5680
|
}
|
|
5681
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5681
|
+
.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 {
|
|
5682
5682
|
border-radius: var(--ptc-border-radius-standard);
|
|
5683
5683
|
border: 2px solid white;
|
|
5684
5684
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -5736,13 +5736,6 @@ a:focus-visible {
|
|
|
5736
5736
|
color: var(--color-green-06);
|
|
5737
5737
|
}
|
|
5738
5738
|
|
|
5739
|
-
.vjs-social-share-links a {
|
|
5740
|
-
color: var(--color-white);
|
|
5741
|
-
}
|
|
5742
|
-
.vjs-social-share-links a:hover {
|
|
5743
|
-
color: var(--color-white);
|
|
5744
|
-
}
|
|
5745
|
-
|
|
5746
5739
|
/*
|
|
5747
5740
|
* Typography tokens
|
|
5748
5741
|
*/
|
|
@@ -106,7 +106,7 @@ export class PtcWhitePaper {
|
|
|
106
106
|
'wp-fullspan-text': true,
|
|
107
107
|
'text-center': comp.isCenterText,
|
|
108
108
|
};
|
|
109
|
-
return (h("div", { class: classes, key: index }, comp.mainContent && h("div", { class: "", innerHTML: comp.mainContent }), comp.mainContentMultiLine && h("div", { class: "", innerHTML: comp.mainContentMultiLine }), comp.mainContentChart && (h("div", { class: "" }, h("ptc-spacer", { size: "large" }), h("object", { id: "", type: "text/html", width: "100%", height: comp.mainContentChartHeight, "data-dw-widget": "Edge", data: comp.mainContentChart
|
|
109
|
+
return (h("div", { class: classes, key: index }, comp.mainContent && h("div", { class: "", innerHTML: comp.mainContent }), comp.mainContentMultiLine && h("div", { class: "", innerHTML: comp.mainContentMultiLine }), comp.mainContentChart && (h("div", { class: "" }, h("ptc-spacer", { size: "large" }), h("object", { id: "", type: "text/html", width: "100%", height: comp.mainContentChartHeight, "data-dw-widget": "Edge", data: comp.mainContentChart }), h("ptc-spacer", { size: "large" })))));
|
|
110
110
|
}
|
|
111
111
|
render() {
|
|
112
112
|
const startIndex = (this.currentPage - 1) * this.itemsPerPage;
|
|
@@ -104,9 +104,7 @@ ptc-link, ptc-square-card,
|
|
|
104
104
|
}
|
|
105
105
|
@media only screen and (min-width: 1200px) {
|
|
106
106
|
:host a {
|
|
107
|
-
padding:
|
|
108
|
-
margin-top: 6px;
|
|
109
|
-
border-top: 2px solid transparent;
|
|
107
|
+
padding: 22px var(--ptc-element-spacing-03);
|
|
110
108
|
margin-left: 0;
|
|
111
109
|
display: flex;
|
|
112
110
|
align-items: center;
|
|
@@ -152,12 +150,7 @@ ptc-link, ptc-square-card,
|
|
|
152
150
|
border-radius: var(--ptc-border-radius-standard);
|
|
153
151
|
border: 2px solid white;
|
|
154
152
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
155
|
-
padding:
|
|
156
|
-
}
|
|
157
|
-
@media only screen and (min-width: 1200px) {
|
|
158
|
-
:host a:focus-visible {
|
|
159
|
-
padding: 14px 10px 20px;
|
|
160
|
-
}
|
|
153
|
+
padding: 20px 10px;
|
|
161
154
|
}
|
|
162
155
|
:host ::slotted(icon-asset) {
|
|
163
156
|
margin-top: 4px;
|
|
@@ -21,7 +21,7 @@ export class PtcNavSlider {
|
|
|
21
21
|
const prevBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#prevBtn');
|
|
22
22
|
const nextBtn = document.querySelector(`#${sliderId}`).shadowRoot.querySelector('#nextBtn');
|
|
23
23
|
let notDropdown = element.target.tagName.toLowerCase() != 'ptc-nav-submenu';
|
|
24
|
-
|
|
24
|
+
console.log(element.target.tagName);
|
|
25
25
|
this.updateArrows(boxWrap, prevBtn, nextBtn, notDropdown);
|
|
26
26
|
}
|
|
27
27
|
updateArrows(boxWrap, prevBtn, nextBtn, isNotDropdown) {
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Organisms/E-Support Organisms/Case Tracker'
|
|
5
|
+
|
|
6
|
+
}
|
|
7
|
+
const CaseTracker = args => {
|
|
8
|
+
return html `
|
|
9
|
+
|
|
10
|
+
<ptc-spacer></ptc-spacer>
|
|
11
|
+
<ptc-spacer></ptc-spacer>
|
|
12
|
+
<ptc-spacer></ptc-spacer>
|
|
13
|
+
<div class="ptc-container is-grid">
|
|
14
|
+
<div class="is-col-12 is-col-6-md">
|
|
15
|
+
<ptc-title upperline="none">Case Tracker - Authorized Use Only</ptc-title>
|
|
16
|
+
<ptc-spacer></ptc-spacer>
|
|
17
|
+
<ptc-spacer></ptc-spacer>
|
|
18
|
+
<ptc-para>If you want to use this application on behalf of a customer use this search from to lookup the customer record. When you have found the customer hit the Next > button</ptc-para>
|
|
19
|
+
<ptc-textfield field-id="contact-email" label-text="Customer Name" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
|
|
20
|
+
<ptc-textfield field-id="contact-email" label-text="Customer Number" type="text" ptc-data-eloqua-name="C_EmailAddress" field-name="email"></ptc-textfield>
|
|
21
|
+
<ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Search</ptc-button>
|
|
22
|
+
<ptc-button color="ptc-quaternary" disabled="false" link-href="https://www.ptc.com" link-title="PTC" rel="undefined" tab-nav="0" target="_self" text-align="undefined" type="button">Next</ptc-button>
|
|
23
|
+
</div>
|
|
24
|
+
<div class="is-col-12 is-col-2-md">
|
|
25
|
+
|
|
26
|
+
</div>
|
|
27
|
+
<div class="is-col-12 is-col-3-md">
|
|
28
|
+
<ptc-spacer></ptc-spacer>
|
|
29
|
+
<ptc-spacer></ptc-spacer>
|
|
30
|
+
<ptc-spacer></ptc-spacer>
|
|
31
|
+
<ptc-spacer></ptc-spacer>
|
|
32
|
+
<div style="border: solid; padding: 5px;">
|
|
33
|
+
<ptc-title upperline="none" type="h3">search tips</ptc-title>
|
|
34
|
+
<ul>
|
|
35
|
+
<li>You can use this search form to use this application on behalf of a customer.</li>
|
|
36
|
+
<li>You can use this search form to use this application on behalf of a customer.</li>
|
|
37
|
+
</ul>
|
|
38
|
+
</div>
|
|
39
|
+
</div>
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
</div>
|
|
43
|
+
`;}
|
|
44
|
+
|
|
45
|
+
export const Preview = CaseTracker.bind();
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { html } from 'lit';
|
|
2
|
+
|
|
3
|
+
export default {
|
|
4
|
+
title: 'Organisms/E-Support Organisms/Support Article'
|
|
5
|
+
|
|
6
|
+
}
|
|
7
|
+
const ArticlePage = args => {
|
|
8
|
+
return html `
|
|
9
|
+
|
|
10
|
+
<div class="ptc-container">
|
|
11
|
+
|
|
12
|
+
<ptc-title upperline="" type="h4" title-color="grey">How to run Apache, Tomcat, Windchill Directory Server </ptc-title>
|
|
13
|
+
<ptc-para>Modified: 23-Nov-2023 | LastSeen: 17-Jun-2024
|
|
14
|
+
<ptc-dropdown label="Available in:" listitems="" theme="support">
|
|
15
|
+
<item selected="" label="English"></item>
|
|
16
|
+
<item label="English"></item>
|
|
17
|
+
<item label="English"></item>
|
|
18
|
+
|
|
19
|
+
</ptc-dropdown>
|
|
20
|
+
|
|
21
|
+
</ptc-para>
|
|
22
|
+
|
|
23
|
+
<div style="background-color: rgb(238, 238, 238);; padding:2px">
|
|
24
|
+
<ptc-title type="h5" upperline="">Public</ptc-title>
|
|
25
|
+
<ptc-para >
|
|
26
|
+
Created by Steven Jin and improved by Mi Yeon Grace Jin, Amit Deshpande, Hideyuki Akiyama, Lily Liu, Arshad Imam, Luis Barbosa, Feng Xiang Cliff Tian, Swapnil Deshmukh, Kellan Chen, Teresa Man, Chao Max Wang, Saurabh Ghewande, Mahesh Lomate, Aditya Chaure, Tsutomu Seki, Salesforce Data Manipulation User, Steven Jin, Shirley Yang
|
|
27
|
+
Customer Views: 24559 | Useful Ratings (Customers): 118 | Useful Ratings (PTC): 45 | Cases Solved: 154
|
|
28
|
+
</ptc-para>
|
|
29
|
+
|
|
30
|
+
</div>
|
|
31
|
+
<ptc-spacer></ptc-spacer>
|
|
32
|
+
<ptc-spacer></ptc-spacer>
|
|
33
|
+
<div>
|
|
34
|
+
<ptc-title upperline="" type="h4">Description</ptc-title>
|
|
35
|
+
<hr style="color:green">
|
|
36
|
+
<ptc-para>
|
|
37
|
+
<ul>
|
|
38
|
+
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
39
|
+
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
40
|
+
<li>How to run Apache HTTP Server, Tomcat, WindchillDS and, Windchill as a Windows service</li>
|
|
41
|
+
</ul>
|
|
42
|
+
</ptc-para>
|
|
43
|
+
</div>
|
|
44
|
+
</div>
|
|
45
|
+
`;}
|
|
46
|
+
|
|
47
|
+
export const Preview = ArticlePage.bind();
|