@ptcwebops/ptcw-design 6.2.9-beta → 6.2.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/blog-detail-content_2.cjs.entry.js +1 -1
- package/dist/cjs/blog-detail-layout.cjs.entry.js +1 -1
- package/dist/cjs/blogs-search-section.cjs.entry.js +1 -1
- package/dist/cjs/{component-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/{event-jumbotron-example_15.cjs.entry.js → event-jumbotron-example_16.cjs.entry.js} +37 -68
- 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-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} +10 -795
- 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/organism-bundles/event-jumbotron-example/event-jumbotron-example.css +0 -21
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +1 -23
- 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 -94
- package/dist/collection/components/ptc-modal/ptc-modal.js +7 -104
- 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-scroll-button/ptc-scroll-button.js +1 -41
- 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-textfield/ptc-textfield.css +0 -51
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +4 -59
- 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 +45 -222
- package/dist/esm/blog-detail-content_2.entry.js +1 -1
- package/dist/esm/blog-detail-layout.entry.js +1 -1
- package/dist/esm/blogs-search-section.entry.js +1 -1
- package/dist/esm/{component-9c921cc6.js → component-274da230.js} +1482 -3281
- package/dist/esm/component-341e4eaa.js +1802 -0
- package/dist/esm/{event-jumbotron-example_15.entry.js → event-jumbotron-example_16.entry.js} +37 -69
- 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-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} +9 -792
- 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-ff65c75b.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-0e8e6b0a.entry.js +1 -0
- package/dist/ptcw-design/{p-d10cb999.entry.js → p-103ec637.entry.js} +1 -1
- package/dist/ptcw-design/p-136a91bf.entry.js +1 -0
- package/dist/ptcw-design/{p-5ef88025.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-c66b8926.entry.js → p-2335d57c.entry.js} +1 -1
- package/dist/ptcw-design/{p-c37a3bd2.entry.js → p-29639cd4.entry.js} +1 -1
- package/dist/ptcw-design/{p-d9abe7e8.entry.js → p-34610052.entry.js} +1 -1
- package/dist/ptcw-design/{p-e4000363.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-c95f423e.entry.js → p-4c096997.entry.js} +1 -1
- package/dist/ptcw-design/p-4e2bb0e0.entry.js +1 -0
- package/dist/ptcw-design/{p-7a9611b4.entry.js → p-52b82ac5.entry.js} +1 -1
- package/dist/ptcw-design/p-583608d9.entry.js +1 -0
- package/dist/ptcw-design/{p-11e0edaf.entry.js → p-760507e1.entry.js} +1 -1
- package/dist/ptcw-design/p-78be481f.entry.js +1 -0
- package/dist/ptcw-design/{p-e3f8e5d5.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-ae970a60.entry.js → p-999d1c9f.entry.js} +1 -1
- 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-6d3326da.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-da82dc93.entry.js → p-df8526a2.entry.js} +1 -1
- package/dist/ptcw-design/{p-808ec62a.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-2c6fc745.entry.js → p-eab1042e.entry.js} +1 -1
- package/dist/ptcw-design/p-f05fec22.entry.js +1 -0
- package/dist/ptcw-design/{p-2749c178.entry.js → p-fce2bd81.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.d.ts +0 -1
- package/dist/types/components/ptc-button/ptc-button.d.ts +0 -1
- package/dist/types/components/ptc-icon-card/ptc-icon-card.d.ts +0 -6
- package/dist/types/components/ptc-link/ptc-link.d.ts +0 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +2 -7
- 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-scroll-button/ptc-scroll-button.d.ts +0 -10
- package/dist/types/components/ptc-social-icons-footer/ptc-social-icons-footer.d.ts +0 -5
- package/dist/types/components/ptc-textfield/ptc-textfield.d.ts +0 -3
- package/dist/types/components.d.ts +6 -55
- package/dist/types/utils/utils.d.ts +0 -1
- package/package.json +1 -1
- package/readme.md +1 -5
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- package/dist/cjs/ptc-overlay.cjs.entry.js +0 -34
- 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/modal-form-example.entry.js +0 -90
- package/dist/esm/ptc-overlay.entry.js +0 -30
- package/dist/ptcw-design/p-1b257420.entry.js +0 -1
- package/dist/ptcw-design/p-1f62e213.entry.js +0 -1
- package/dist/ptcw-design/p-257deac0.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-36007a57.entry.js +0 -1
- package/dist/ptcw-design/p-50d68602.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-77b8ce07.entry.js +0 -68
- package/dist/ptcw-design/p-799afee5.entry.js +0 -1
- package/dist/ptcw-design/p-8872161f.js +0 -1
- package/dist/ptcw-design/p-90c4f08b.entry.js +0 -1
- package/dist/ptcw-design/p-95187918.entry.js +0 -1
- package/dist/ptcw-design/p-a3b57ede.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-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-f8512dc9.entry.js +0 -1
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -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;
|
|
@@ -390,94 +386,4 @@ ptc-link, ptc-square-card,
|
|
|
390
386
|
transform: translate(-50%, -50%) !important;
|
|
391
387
|
margin: 0px;
|
|
392
388
|
position: absolute;
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
:host(.vh-center) .wrapper .modal-popup {
|
|
396
|
-
top: 50%;
|
|
397
|
-
left: 50%;
|
|
398
|
-
transform: translate(-50%, -50%) !important;
|
|
399
|
-
margin: 0px auto;
|
|
400
|
-
position: absolute;
|
|
401
|
-
}
|
|
402
|
-
|
|
403
|
-
:host(.thank-you) .wrapper .modal-popup {
|
|
404
|
-
max-width: calc(100% - 48px);
|
|
405
|
-
width: 100%;
|
|
406
|
-
}
|
|
407
|
-
@media only screen and (min-width: 480px) {
|
|
408
|
-
:host(.thank-you) .wrapper .modal-popup {
|
|
409
|
-
max-width: 640px;
|
|
410
|
-
width: 80%;
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
:host(.thank-you) .wrapper .modal-popup .modal-body {
|
|
414
|
-
padding: 2px 24px 48px 24px;
|
|
415
|
-
box-sizing: border-box;
|
|
416
|
-
}
|
|
417
|
-
@media only screen and (min-width: 480px) {
|
|
418
|
-
:host(.thank-you) .wrapper .modal-popup .modal-body {
|
|
419
|
-
padding: 2px 48px 48px 48px;
|
|
420
|
-
}
|
|
421
|
-
}
|
|
422
|
-
|
|
423
|
-
:host .wrapper .event-list-header {
|
|
424
|
-
display: flex;
|
|
425
|
-
position: absolute;
|
|
426
|
-
width: 100%;
|
|
427
|
-
height: 118px;
|
|
428
|
-
left: 0;
|
|
429
|
-
transform: translateY(-100%);
|
|
430
|
-
border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;
|
|
431
|
-
align-items: center;
|
|
432
|
-
}
|
|
433
|
-
:host .wrapper .event-list-header::before {
|
|
434
|
-
content: "";
|
|
435
|
-
position: absolute;
|
|
436
|
-
left: 0;
|
|
437
|
-
width: 100%;
|
|
438
|
-
height: 100%;
|
|
439
|
-
border-radius: 4px 4px 0px 0px;
|
|
440
|
-
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
|
|
441
|
-
z-index: 1;
|
|
442
|
-
}
|
|
443
|
-
:host .wrapper .event-list-header .text-wrapper {
|
|
444
|
-
display: flex;
|
|
445
|
-
padding: var(--ptc-element-spacing-06);
|
|
446
|
-
gap: 0.5em;
|
|
447
|
-
}
|
|
448
|
-
:host .wrapper .event-list-header .text-wrapper span {
|
|
449
|
-
display: inline-block;
|
|
450
|
-
color: var(--color-white);
|
|
451
|
-
font-family: var(--ptc-font-latin);
|
|
452
|
-
font-size: var(--ptc-font-size-x-large);
|
|
453
|
-
font-weight: var(--ptc-font-weight-medium);
|
|
454
|
-
line-height: var(--ptc-line-height-densest);
|
|
455
|
-
position: relative;
|
|
456
|
-
z-index: 2;
|
|
457
|
-
}
|
|
458
|
-
:host .wrapper .event-list-header .text-wrapper span:first-of-type {
|
|
459
|
-
font-weight: var(--ptc-font-weight-extrabold);
|
|
460
|
-
}
|
|
461
|
-
:host .wrapper .event-mobile-modal {
|
|
462
|
-
border-top-left-radius: 0px;
|
|
463
|
-
border-top-right-radius: 0px;
|
|
464
|
-
}
|
|
465
|
-
:host .wrapper .bottom-close {
|
|
466
|
-
text-align: center;
|
|
467
|
-
margin: 0 auto 40px auto;
|
|
468
|
-
}
|
|
469
|
-
:host .wrapper .bottom-close span {
|
|
470
|
-
cursor: pointer;
|
|
471
|
-
color: var(--color-hyperlink);
|
|
472
|
-
font-size: var(--ptc-font-size-small);
|
|
473
|
-
font-weight: var(--ptc-font-weight-bold);
|
|
474
|
-
text-decoration-line: underline;
|
|
475
|
-
line-height: var(--ptc-line-height-densest);
|
|
476
|
-
}
|
|
477
|
-
:host .wrapper .bottom-close span:focus-visible {
|
|
478
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
479
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
480
|
-
}
|
|
481
|
-
:host .wrapper .bottom-close span:hover {
|
|
482
|
-
color: var(--color-blue-08);
|
|
483
389
|
}
|
|
@@ -17,11 +17,6 @@ export class PtcModal {
|
|
|
17
17
|
this.isBioModal = false;
|
|
18
18
|
this.styles = undefined;
|
|
19
19
|
this.modalType = 'default-modal';
|
|
20
|
-
this.vhCenter = false;
|
|
21
|
-
this.headerOnlyBg = undefined;
|
|
22
|
-
this.headerOnlyText1 = undefined;
|
|
23
|
-
this.headerOnlyText2 = undefined;
|
|
24
|
-
this.bottomCloseBtn = undefined;
|
|
25
20
|
this.bodyOverflowSetting = undefined;
|
|
26
21
|
}
|
|
27
22
|
fireOnClosed(modal) {
|
|
@@ -132,7 +127,6 @@ export class PtcModal {
|
|
|
132
127
|
let overlay;
|
|
133
128
|
let type = this.iframeUrl ? 'frame' : 'html';
|
|
134
129
|
let closebtn = (h("div", { class: "close", id: "modal-close" }, h("ptc-close-icon", { onClick: (e) => { e.preventDefault(); this.close(); }, onKeyPress: (e) => { e.preventDefault(); this.close(); } })));
|
|
135
|
-
let bottomCloseBtnEle = (h("div", { class: "bottom-close", id: "modal-bottom-close", onClick: (e) => { e.preventDefault(); this.close(); }, onKeyPress: (e) => { e.preventDefault(); this.close(); } }, h("span", null, this.bottomCloseBtn)));
|
|
136
130
|
if (this.iframeUrl) {
|
|
137
131
|
content = (h("iframe", { src: this.iframeUrl, frameBorder: 0, allowFullScreen: false, height: "100%", width: "100%", scrolling: "no", onLoad: this.resizeIframe }));
|
|
138
132
|
}
|
|
@@ -152,18 +146,14 @@ export class PtcModal {
|
|
|
152
146
|
overlay = h("div", { class: "overlay" });
|
|
153
147
|
}
|
|
154
148
|
}
|
|
155
|
-
return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` }, overlay, h("div", { class: `modal-popup ${this.customClass ? this.customClass : ''} ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.
|
|
156
|
-
h("div", { class: "event-list-header" }, h("ptc-img", { "img-url": this.headerOnlyBg, "image-type": 'smart-img', styles: ".ptc-img{border-radius: var(--ptc-border-radius-standard) var(--ptc-border-radius-standard) 0px 0px;}" }), h("div", { class: "text-wrapper" }, h("span", null, this.headerOnlyText1 ? this.headerOnlyText1 : ""), h("span", null, this.headerOnlyText2 ? this.headerOnlyText2 : "")))
|
|
157
|
-
] : null, this.showHeaderFooter ? [
|
|
149
|
+
return (h(Host, { class: this.getCssClassMap() }, this.styles && h("style", null, this.styles), h("div", { class: `wrapper ${this.show ? "show" : "hide"} ${this.fixed ? 'fixed' : ''} ` }, overlay, h("div", { class: `modal-popup ${this.customClass ? this.customClass : ''} ${this.size} ${type} ${this.rounded ? 'rounded' : ''} ${this.showHeaderFooter ? 'shadow-scroller' : ''} ` }, this.showHeaderFooter ? [
|
|
158
150
|
h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
|
|
159
151
|
h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
|
|
160
152
|
h("div", { class: "modal-footer" }, h("slot", { name: "footer" }))
|
|
161
153
|
] : [
|
|
162
154
|
closebtn,
|
|
163
155
|
h("div", { class: "modal-body" }, content)
|
|
164
|
-
]
|
|
165
|
-
bottomCloseBtnEle
|
|
166
|
-
] : null))));
|
|
156
|
+
]))));
|
|
167
157
|
}
|
|
168
158
|
getCssClassMap() {
|
|
169
159
|
return {
|
|
@@ -171,8 +161,7 @@ export class PtcModal {
|
|
|
171
161
|
["bio-modal"]: this.isBioModal,
|
|
172
162
|
["enclose-modal"]: !this.isBioModal && this.keepInViewport,
|
|
173
163
|
[this.borderRadius]: true,
|
|
174
|
-
[this.modalType]: true
|
|
175
|
-
['vh-center']: this.vhCenter
|
|
164
|
+
[this.modalType]: true
|
|
176
165
|
};
|
|
177
166
|
}
|
|
178
167
|
async showModal() {
|
|
@@ -227,8 +216,8 @@ export class PtcModal {
|
|
|
227
216
|
"type": "string",
|
|
228
217
|
"mutable": true,
|
|
229
218
|
"complexType": {
|
|
230
|
-
"original": "'sm' | 'md' | 'lg' | 'xl' | '
|
|
231
|
-
"resolved": "\"
|
|
219
|
+
"original": "'sm' | 'md' | 'lg' | 'xl' | 'max'| 'sm-modal'",
|
|
220
|
+
"resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
|
|
232
221
|
"references": {}
|
|
233
222
|
},
|
|
234
223
|
"required": false,
|
|
@@ -459,8 +448,8 @@ export class PtcModal {
|
|
|
459
448
|
"type": "string",
|
|
460
449
|
"mutable": false,
|
|
461
450
|
"complexType": {
|
|
462
|
-
"original": "'video-modal' | 'default-modal' | 'event-listing'
|
|
463
|
-
"resolved": "\"default-modal\" | \"event-listing\" | \"
|
|
451
|
+
"original": "'video-modal' | 'default-modal' | 'event-listing'",
|
|
452
|
+
"resolved": "\"default-modal\" | \"event-listing\" | \"video-modal\"",
|
|
464
453
|
"references": {}
|
|
465
454
|
},
|
|
466
455
|
"required": false,
|
|
@@ -472,92 +461,6 @@ export class PtcModal {
|
|
|
472
461
|
"attribute": "modal-type",
|
|
473
462
|
"reflect": false,
|
|
474
463
|
"defaultValue": "'default-modal'"
|
|
475
|
-
},
|
|
476
|
-
"vhCenter": {
|
|
477
|
-
"type": "boolean",
|
|
478
|
-
"mutable": false,
|
|
479
|
-
"complexType": {
|
|
480
|
-
"original": "boolean",
|
|
481
|
-
"resolved": "boolean",
|
|
482
|
-
"references": {}
|
|
483
|
-
},
|
|
484
|
-
"required": false,
|
|
485
|
-
"optional": true,
|
|
486
|
-
"docs": {
|
|
487
|
-
"tags": [],
|
|
488
|
-
"text": ""
|
|
489
|
-
},
|
|
490
|
-
"attribute": "vh-center",
|
|
491
|
-
"reflect": false,
|
|
492
|
-
"defaultValue": "false"
|
|
493
|
-
},
|
|
494
|
-
"headerOnlyBg": {
|
|
495
|
-
"type": "string",
|
|
496
|
-
"mutable": false,
|
|
497
|
-
"complexType": {
|
|
498
|
-
"original": "string",
|
|
499
|
-
"resolved": "string",
|
|
500
|
-
"references": {}
|
|
501
|
-
},
|
|
502
|
-
"required": false,
|
|
503
|
-
"optional": true,
|
|
504
|
-
"docs": {
|
|
505
|
-
"tags": [],
|
|
506
|
-
"text": ""
|
|
507
|
-
},
|
|
508
|
-
"attribute": "header-only-bg",
|
|
509
|
-
"reflect": false
|
|
510
|
-
},
|
|
511
|
-
"headerOnlyText1": {
|
|
512
|
-
"type": "string",
|
|
513
|
-
"mutable": false,
|
|
514
|
-
"complexType": {
|
|
515
|
-
"original": "string",
|
|
516
|
-
"resolved": "string",
|
|
517
|
-
"references": {}
|
|
518
|
-
},
|
|
519
|
-
"required": false,
|
|
520
|
-
"optional": true,
|
|
521
|
-
"docs": {
|
|
522
|
-
"tags": [],
|
|
523
|
-
"text": ""
|
|
524
|
-
},
|
|
525
|
-
"attribute": "header-only-text-1",
|
|
526
|
-
"reflect": false
|
|
527
|
-
},
|
|
528
|
-
"headerOnlyText2": {
|
|
529
|
-
"type": "string",
|
|
530
|
-
"mutable": false,
|
|
531
|
-
"complexType": {
|
|
532
|
-
"original": "string",
|
|
533
|
-
"resolved": "string",
|
|
534
|
-
"references": {}
|
|
535
|
-
},
|
|
536
|
-
"required": false,
|
|
537
|
-
"optional": true,
|
|
538
|
-
"docs": {
|
|
539
|
-
"tags": [],
|
|
540
|
-
"text": ""
|
|
541
|
-
},
|
|
542
|
-
"attribute": "header-only-text-2",
|
|
543
|
-
"reflect": false
|
|
544
|
-
},
|
|
545
|
-
"bottomCloseBtn": {
|
|
546
|
-
"type": "string",
|
|
547
|
-
"mutable": false,
|
|
548
|
-
"complexType": {
|
|
549
|
-
"original": "string",
|
|
550
|
-
"resolved": "string",
|
|
551
|
-
"references": {}
|
|
552
|
-
},
|
|
553
|
-
"required": false,
|
|
554
|
-
"optional": true,
|
|
555
|
-
"docs": {
|
|
556
|
-
"tags": [],
|
|
557
|
-
"text": ""
|
|
558
|
-
},
|
|
559
|
-
"attribute": "bottom-close-btn",
|
|
560
|
-
"reflect": false
|
|
561
464
|
}
|
|
562
465
|
};
|
|
563
466
|
}
|
|
@@ -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,
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css
CHANGED
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|
|
@@ -82,38 +82,23 @@ a:focus-visible {
|
|
|
82
82
|
border-radius: var(--ptc-border-radius-standard);
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
85
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a), .background-plm-grey a.light-link {
|
|
86
86
|
color: var(--color-blue-04);
|
|
87
|
-
margin: -2px;
|
|
88
|
-
border: 2px solid transparent;
|
|
89
87
|
}
|
|
90
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
88
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited, .background-plm-grey a.light-link:visited {
|
|
91
89
|
color: var(--color-blue-06);
|
|
92
90
|
}
|
|
93
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
91
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
94
92
|
transition: none;
|
|
95
93
|
color: var(--color-blue-07);
|
|
96
94
|
}
|
|
97
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
95
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
98
96
|
color: var(--color-blue-05);
|
|
99
97
|
}
|
|
100
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a
|
|
98
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a).disabled, .background-plm-grey a.light-link.disabled {
|
|
101
99
|
color: var(--color-gray-04) !important;
|
|
102
100
|
cursor: not-allowed;
|
|
103
101
|
}
|
|
104
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .podcast-cta-section a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
106
|
-
border: 2px solid white;
|
|
107
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
108
|
-
}
|
|
109
|
-
.light-links .podcast-cta-section a, .background-grey-10 .podcast-cta-section a, .background-plm-grey .podcast-cta-section a {
|
|
110
|
-
border: 2px solid transparent;
|
|
111
|
-
}
|
|
112
|
-
.light-links .podcast-cta-section a:focus-visible, .background-grey-10 .podcast-cta-section a:focus-visible, .background-plm-grey .podcast-cta-section a:focus-visible {
|
|
113
|
-
border-radius: var(--ptc-border-radius-standard);
|
|
114
|
-
border: 2px solid white;
|
|
115
|
-
outline: 5px solid var(--keyboard-nav-outline);
|
|
116
|
-
}
|
|
117
102
|
|
|
118
103
|
.ptc-link {
|
|
119
104
|
color: var(--color-gray-10);
|