@ptcwebops/ptcw-design 6.3.1-beta → 6.3.1
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-4dd13907.js → component-06dda623.js} +1494 -3305
- package/dist/cjs/component-5b5b6a98.js +1819 -0
- package/dist/cjs/event-jumbotron-example.cjs.entry.js +5 -0
- package/dist/cjs/featured-list.cjs.entry.js +1 -1
- package/dist/cjs/icon-asset_6.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/ptc-bio-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-card_2.cjs.entry.js +4 -8
- package/dist/cjs/ptc-case-studies-slider.cjs.entry.js +1 -1
- package/dist/cjs/ptc-close-icon_2.cjs.entry.js +1 -40
- 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-form-checkbox_4.cjs.entry.js → ptc-form-checkbox_2.cjs.entry.js} +5 -787
- package/dist/cjs/ptc-jumbotron.cjs.entry.js +1 -1
- package/dist/cjs/ptc-multi-select_2.cjs.entry.js +670 -0
- package/dist/cjs/ptc-para.cjs.entry.js +1 -1
- package/dist/cjs/ptc-podcast-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-previous-url.cjs.entry.js +2 -10
- package/dist/cjs/ptc-product-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-category.cjs.entry.js +1 -1
- package/dist/cjs/ptc-product-highlight-card.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-char.cjs.entry.js +1 -1
- package/dist/cjs/ptc-readmore-v3.cjs.entry.js +1 -1
- package/dist/cjs/ptc-tooltip-v2.cjs.entry.js +1 -1
- package/dist/cjs/ptc-value-led-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/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 +6 -6
- package/dist/collection/components/organism-bundles/bundle-featured-list/featured-list.css +3 -3
- package/dist/collection/components/organism-bundles/event-jumbotron-example/event-jumbotron-example.js +5 -0
- package/dist/collection/components/ptc-bio-card/ptc-bio-card.css +6 -6
- package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css +6 -6
- package/dist/collection/components/ptc-featured-list/ptc-featured-list.css +6 -6
- package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css +6 -6
- package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css +6 -6
- package/dist/collection/components/ptc-modal/ptc-modal.css +0 -4
- package/dist/collection/components/ptc-modal/ptc-modal.js +2 -60
- 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 +6 -6
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.css +0 -265
- package/dist/collection/components/ptc-preloader-section/ptc-preloader-section.js +3 -7
- 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 +6 -6
- package/dist/collection/components/ptc-product-category/ptc-product-category.css +6 -6
- package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css +6 -6
- package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css +6 -6
- package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css +6 -6
- package/dist/collection/components/ptc-textfield/ptc-textfield.js +1 -1
- package/dist/collection/components/ptc-tooltip-v2/ptc-tooltip-v2.css +6 -6
- package/dist/collection/components/ptc-value-led-speed-bump/ptc-value-led-speed-bump.css +6 -6
- package/dist/collection/components/ptc-white-paper/ptc-white-paper.css +6 -6
- package/dist/collection/components/subnav/ptc-nav-slider/ptc-nav-slider.css +3 -3
- package/dist/custom-elements/index.d.ts +0 -6
- package/dist/custom-elements/index.js +34 -170
- 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.entry.js +5 -0
- package/dist/esm/featured-list.entry.js +1 -1
- package/dist/esm/icon-asset_6.entry.js +1 -1
- package/dist/esm/innovator-toggle-container.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/ptc-bio-card.entry.js +1 -1
- package/dist/esm/ptc-card_2.entry.js +4 -8
- package/dist/esm/ptc-case-studies-slider.entry.js +1 -1
- package/dist/esm/ptc-close-icon_2.entry.js +1 -40
- 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-form-checkbox_4.entry.js → ptc-form-checkbox_2.entry.js} +4 -784
- package/dist/esm/ptc-jumbotron.entry.js +1 -1
- package/dist/esm/ptc-multi-select_2.entry.js +665 -0
- package/dist/esm/ptc-para.entry.js +1 -1
- package/dist/esm/ptc-podcast-card.entry.js +1 -1
- package/dist/esm/ptc-previous-url.entry.js +2 -10
- package/dist/esm/ptc-product-card.entry.js +1 -1
- package/dist/esm/ptc-product-category.entry.js +1 -1
- package/dist/esm/ptc-product-highlight-card.entry.js +1 -1
- package/dist/esm/ptc-readmore-char.entry.js +1 -1
- package/dist/esm/ptc-readmore-v3.entry.js +1 -1
- package/dist/esm/ptc-tooltip-v2.entry.js +1 -1
- package/dist/esm/ptc-value-led-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/validation-messages-adbb6518.js +124 -0
- package/dist/ptcw-design/media/designer-v6.0.6.svg +2 -30
- package/dist/ptcw-design/{p-38a1425c.entry.js → p-00ccc051.entry.js} +1 -1
- package/dist/ptcw-design/p-18a5a338.js +1 -0
- package/dist/ptcw-design/p-235149b5.entry.js +1 -0
- package/dist/ptcw-design/{p-485cb0c8.entry.js → p-2ab0f25c.entry.js} +1 -1
- package/dist/ptcw-design/{p-d2523dce.entry.js → p-2db8ed95.entry.js} +1 -1
- package/dist/ptcw-design/p-3a50e95a.entry.js +68 -0
- package/dist/ptcw-design/{p-6dc78042.entry.js → p-483e20af.entry.js} +1 -1
- package/dist/ptcw-design/p-4ee29b78.entry.js +1 -0
- package/dist/ptcw-design/p-4f523245.entry.js +1 -0
- package/dist/ptcw-design/p-520542e2.entry.js +1 -0
- package/dist/ptcw-design/p-53d15f85.entry.js +1 -0
- package/dist/ptcw-design/{p-beb29540.entry.js → p-57b28b2b.entry.js} +1 -1
- package/dist/ptcw-design/p-647dee4f.entry.js +1 -0
- package/dist/ptcw-design/p-69ef15d4.entry.js +1 -0
- package/dist/ptcw-design/{p-9d386f08.entry.js → p-6b7d2579.entry.js} +1 -1
- package/dist/ptcw-design/{p-a4c78993.entry.js → p-6d0f7580.entry.js} +1 -1
- package/dist/ptcw-design/p-753dff04.entry.js +1 -0
- package/dist/ptcw-design/p-7e3985cc.entry.js +1 -0
- package/dist/ptcw-design/p-ad4f4f33.entry.js +1 -0
- package/dist/ptcw-design/p-b29e43cf.entry.js +1 -0
- package/dist/ptcw-design/p-be533f0d.js +134 -0
- package/dist/ptcw-design/p-c1513c3f.js +203 -0
- package/dist/ptcw-design/{p-2b583ae1.entry.js → p-e6cb2dce.entry.js} +1 -1
- package/dist/ptcw-design/p-edcad0f1.entry.js +1 -0
- package/dist/ptcw-design/p-f093f6f8.entry.js +1 -0
- package/dist/ptcw-design/p-f31e17d9.entry.js +1 -0
- package/dist/ptcw-design/{p-b10baf43.entry.js → p-fd5b7db1.entry.js} +1 -1
- package/dist/ptcw-design/{p-3964837c.entry.js → p-ff0910d6.entry.js} +1 -1
- package/dist/ptcw-design/ptcw-design.css +2 -2
- package/dist/ptcw-design/ptcw-design.esm.js +1 -1
- package/dist/types/components/ptc-modal/ptc-modal.d.ts +1 -8
- 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.d.ts +4 -21
- package/package.json +1 -1
- package/readme.md +1 -5
- package/dist/cjs/modal-form-example.cjs.entry.js +0 -94
- 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/ptcw-design/p-094f5dec.entry.js +0 -1
- package/dist/ptcw-design/p-130e2278.entry.js +0 -1
- package/dist/ptcw-design/p-1e85cb97.entry.js +0 -1
- package/dist/ptcw-design/p-31e03c00.entry.js +0 -1
- package/dist/ptcw-design/p-3ada2482.entry.js +0 -1
- package/dist/ptcw-design/p-4e8c87e1.entry.js +0 -1
- package/dist/ptcw-design/p-50582650.entry.js +0 -1
- package/dist/ptcw-design/p-9be9f585.entry.js +0 -1
- package/dist/ptcw-design/p-a7e67938.entry.js +0 -1
- package/dist/ptcw-design/p-b789c2ee.entry.js +0 -1
- package/dist/ptcw-design/p-bcab66bf.js +0 -336
- package/dist/ptcw-design/p-c73eb535.entry.js +0 -1
- package/dist/ptcw-design/p-caac157f.entry.js +0 -1
- package/dist/ptcw-design/p-ed71521c.entry.js +0 -1
- package/dist/ptcw-design/p-ef55ab3c.entry.js +0 -1
- package/dist/ptcw-design/p-f26707a6.entry.js +0 -68
- package/dist/types/components/organism-bundles/form/modal-from-example/modal-form-example.d.ts +0 -25
|
@@ -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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
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, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
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, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
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, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
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, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
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, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -781,26 +781,26 @@ a:focus-visible {
|
|
|
781
781
|
border-radius: var(--ptc-border-radius-standard);
|
|
782
782
|
}
|
|
783
783
|
|
|
784
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
784
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
785
785
|
color: var(--color-blue-04);
|
|
786
786
|
margin: -2px;
|
|
787
787
|
border: 2px solid transparent;
|
|
788
788
|
}
|
|
789
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
789
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
790
790
|
color: var(--color-blue-06);
|
|
791
791
|
}
|
|
792
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
792
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
793
793
|
transition: none;
|
|
794
794
|
color: var(--color-blue-07);
|
|
795
795
|
}
|
|
796
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
796
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
797
797
|
color: var(--color-blue-05);
|
|
798
798
|
}
|
|
799
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
799
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
800
800
|
color: var(--color-gray-04) !important;
|
|
801
801
|
cursor: not-allowed;
|
|
802
802
|
}
|
|
803
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
803
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
804
804
|
border-radius: var(--ptc-border-radius-standard);
|
|
805
805
|
border: 2px solid white;
|
|
806
806
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
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, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
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, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
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, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
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, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
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, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
105
105
|
border-radius: var(--ptc-border-radius-standard);
|
|
106
106
|
border: 2px solid white;
|
|
107
107
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -139,26 +139,26 @@ a:focus-visible {
|
|
|
139
139
|
border-radius: var(--ptc-border-radius-standard);
|
|
140
140
|
}
|
|
141
141
|
|
|
142
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
142
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
143
143
|
color: var(--color-blue-04);
|
|
144
144
|
margin: -2px;
|
|
145
145
|
border: 2px solid transparent;
|
|
146
146
|
}
|
|
147
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
147
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
148
148
|
color: var(--color-blue-06);
|
|
149
149
|
}
|
|
150
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
150
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
151
151
|
transition: none;
|
|
152
152
|
color: var(--color-blue-07);
|
|
153
153
|
}
|
|
154
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
154
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
155
155
|
color: var(--color-blue-05);
|
|
156
156
|
}
|
|
157
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
157
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
158
158
|
color: var(--color-gray-04) !important;
|
|
159
159
|
cursor: not-allowed;
|
|
160
160
|
}
|
|
161
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
161
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
162
162
|
border-radius: var(--ptc-border-radius-standard);
|
|
163
163
|
border: 2px solid white;
|
|
164
164
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -1198,26 +1198,26 @@ a:focus-visible {
|
|
|
1198
1198
|
border-radius: var(--ptc-border-radius-standard);
|
|
1199
1199
|
}
|
|
1200
1200
|
|
|
1201
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1201
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
1202
1202
|
color: var(--color-blue-04);
|
|
1203
1203
|
margin: -2px;
|
|
1204
1204
|
border: 2px solid transparent;
|
|
1205
1205
|
}
|
|
1206
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1206
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
1207
1207
|
color: var(--color-blue-06);
|
|
1208
1208
|
}
|
|
1209
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1209
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
1210
1210
|
transition: none;
|
|
1211
1211
|
color: var(--color-blue-07);
|
|
1212
1212
|
}
|
|
1213
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1213
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
1214
1214
|
color: var(--color-blue-05);
|
|
1215
1215
|
}
|
|
1216
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1216
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
1217
1217
|
color: var(--color-gray-04) !important;
|
|
1218
1218
|
cursor: not-allowed;
|
|
1219
1219
|
}
|
|
1220
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
1220
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
1221
1221
|
border-radius: var(--ptc-border-radius-standard);
|
|
1222
1222
|
border: 2px solid white;
|
|
1223
1223
|
outline: 5px solid var(--keyboard-nav-outline);
|
|
@@ -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;
|
|
@@ -1,14 +1,6 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
2
|
export class PtcModal {
|
|
3
3
|
constructor() {
|
|
4
|
-
this.handleKeyPress = (event) => {
|
|
5
|
-
if (event.key === 'Enter' || event.key === ' ') {
|
|
6
|
-
this.openedByKeyboard = true;
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
this.handleMouseDown = () => {
|
|
10
|
-
this.openedByKeyboard = false;
|
|
11
|
-
};
|
|
12
4
|
this.iframeUrl = undefined;
|
|
13
5
|
this.size = 'sm';
|
|
14
6
|
this.customClass = undefined;
|
|
@@ -30,8 +22,6 @@ export class PtcModal {
|
|
|
30
22
|
this.headerOnlyText1 = undefined;
|
|
31
23
|
this.headerOnlyText2 = undefined;
|
|
32
24
|
this.bottomCloseBtn = undefined;
|
|
33
|
-
this.initialFocus = true;
|
|
34
|
-
this.openedByKeyboard = false;
|
|
35
25
|
this.bodyOverflowSetting = undefined;
|
|
36
26
|
}
|
|
37
27
|
fireOnClosed(modal) {
|
|
@@ -45,15 +35,6 @@ export class PtcModal {
|
|
|
45
35
|
wrapperEle && wrapperEle.focus();
|
|
46
36
|
this.scrollToTopIfNeeded();
|
|
47
37
|
}, 100);
|
|
48
|
-
if (this.openedByKeyboard) {
|
|
49
|
-
this.initialFocus &&
|
|
50
|
-
setTimeout(() => {
|
|
51
|
-
this.setInitialFocus();
|
|
52
|
-
}, 150);
|
|
53
|
-
}
|
|
54
|
-
else {
|
|
55
|
-
this.openedByKeyboard = false;
|
|
56
|
-
}
|
|
57
38
|
}
|
|
58
39
|
scrollToTopIfNeeded() {
|
|
59
40
|
if (this.el && this.modalType === 'event-listing') {
|
|
@@ -70,14 +51,6 @@ export class PtcModal {
|
|
|
70
51
|
return;
|
|
71
52
|
}
|
|
72
53
|
}
|
|
73
|
-
connectedCallback() {
|
|
74
|
-
document.addEventListener('keydown', this.handleKeyPress);
|
|
75
|
-
document.addEventListener('mousedown', this.handleMouseDown);
|
|
76
|
-
}
|
|
77
|
-
disconnectedCallback() {
|
|
78
|
-
document.removeEventListener('keydown', this.handleKeyPress);
|
|
79
|
-
document.removeEventListener('mousedown', this.handleMouseDown);
|
|
80
|
-
}
|
|
81
54
|
componentWillLoad() {
|
|
82
55
|
let body = document.querySelector('body');
|
|
83
56
|
this.bodyOverflowSetting = {
|
|
@@ -173,18 +146,6 @@ export class PtcModal {
|
|
|
173
146
|
close() {
|
|
174
147
|
this.show = false;
|
|
175
148
|
}
|
|
176
|
-
setInitialFocus() {
|
|
177
|
-
var _a, _b, _c;
|
|
178
|
-
const firstFocusableElement = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button, a, input, select, textarea, [tabindex]:not([tabindex="-1"]), ptc-close-icon');
|
|
179
|
-
const closeIcon = (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('ptc-close-icon');
|
|
180
|
-
const closeSvg = (_c = closeIcon === null || closeIcon === void 0 ? void 0 : closeIcon.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('svg');
|
|
181
|
-
if (closeSvg) {
|
|
182
|
-
closeSvg.focus();
|
|
183
|
-
}
|
|
184
|
-
else if (firstFocusableElement) {
|
|
185
|
-
firstFocusableElement.focus();
|
|
186
|
-
}
|
|
187
|
-
}
|
|
188
149
|
render() {
|
|
189
150
|
let content;
|
|
190
151
|
let overlay;
|
|
@@ -296,8 +257,8 @@ export class PtcModal {
|
|
|
296
257
|
"type": "string",
|
|
297
258
|
"mutable": true,
|
|
298
259
|
"complexType": {
|
|
299
|
-
"original": "'sm' | 'md' | 'lg' | 'xl' | '
|
|
300
|
-
"resolved": "\"
|
|
260
|
+
"original": "'sm' | 'md' | 'lg' | 'xl' | 'max' | 'sm-modal'",
|
|
261
|
+
"resolved": "\"lg\" | \"max\" | \"md\" | \"sm\" | \"sm-modal\" | \"xl\"",
|
|
301
262
|
"references": {}
|
|
302
263
|
},
|
|
303
264
|
"required": false,
|
|
@@ -627,31 +588,12 @@ export class PtcModal {
|
|
|
627
588
|
},
|
|
628
589
|
"attribute": "bottom-close-btn",
|
|
629
590
|
"reflect": false
|
|
630
|
-
},
|
|
631
|
-
"initialFocus": {
|
|
632
|
-
"type": "boolean",
|
|
633
|
-
"mutable": false,
|
|
634
|
-
"complexType": {
|
|
635
|
-
"original": "boolean",
|
|
636
|
-
"resolved": "boolean",
|
|
637
|
-
"references": {}
|
|
638
|
-
},
|
|
639
|
-
"required": false,
|
|
640
|
-
"optional": true,
|
|
641
|
-
"docs": {
|
|
642
|
-
"tags": [],
|
|
643
|
-
"text": ""
|
|
644
|
-
},
|
|
645
|
-
"attribute": "initial-focus",
|
|
646
|
-
"reflect": false,
|
|
647
|
-
"defaultValue": "true"
|
|
648
591
|
}
|
|
649
592
|
};
|
|
650
593
|
}
|
|
651
594
|
static get states() {
|
|
652
595
|
return {
|
|
653
596
|
"overlayHeight": {},
|
|
654
|
-
"openedByKeyboard": {},
|
|
655
597
|
"bodyOverflowSetting": {}
|
|
656
598
|
};
|
|
657
599
|
}
|
|
@@ -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,26 +5602,26 @@ 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, .vjs-social-share-links a), .light-links a.light-link, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-grey-10 a.light-link, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a), .background-plm-grey a.light-link {
|
|
5606
5606
|
color: var(--color-blue-04);
|
|
5607
5607
|
margin: -2px;
|
|
5608
5608
|
border: 2px solid transparent;
|
|
5609
5609
|
}
|
|
5610
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5610
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .light-links a.light-link:visited, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-grey-10 a.light-link:visited, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited, .background-plm-grey a.light-link:visited {
|
|
5611
5611
|
color: var(--color-blue-06);
|
|
5612
5612
|
}
|
|
5613
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5613
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .light-links a.light-link:active, .light-links a.light-link:visited:active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-grey-10 a.light-link:active, .background-grey-10 a.light-link:visited:active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):active, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:active, .background-plm-grey a.light-link:active, .background-plm-grey a.light-link:visited:active {
|
|
5614
5614
|
transition: none;
|
|
5615
5615
|
color: var(--color-blue-07);
|
|
5616
5616
|
}
|
|
5617
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5617
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .light-links a.light-link:hover, .light-links a.light-link:visited:hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-grey-10 a.light-link:hover, .background-grey-10 a.light-link:visited:hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):hover, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):visited:hover, .background-plm-grey a.light-link:hover, .background-plm-grey a.light-link:visited:hover {
|
|
5618
5618
|
color: var(--color-blue-05);
|
|
5619
5619
|
}
|
|
5620
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5620
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .light-links a.light-link.disabled, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-grey-10 a.light-link.disabled, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a).disabled, .background-plm-grey a.light-link.disabled {
|
|
5621
5621
|
color: var(--color-gray-04) !important;
|
|
5622
5622
|
cursor: not-allowed;
|
|
5623
5623
|
}
|
|
5624
|
-
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .
|
|
5624
|
+
.light-links a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .light-links a.light-link:focus-visible, .background-grey-10 a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-grey-10 a.light-link:focus-visible, .background-plm-grey a:not(.hero-footer-form-wrapper a, ptc-modal inline-form a, .vjs-social-share-links a):focus-visible, .background-plm-grey a.light-link:focus-visible {
|
|
5625
5625
|
border-radius: var(--ptc-border-radius-standard);
|
|
5626
5626
|
border: 2px solid white;
|
|
5627
5627
|
outline: 5px solid var(--keyboard-nav-outline);
|