@ptcwebops/ptcw-design 2.7.1 → 2.7.2

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.
Files changed (19) hide show
  1. package/dist/cjs/ptc-subnav.cjs.entry.js +0 -28
  2. package/dist/cjs/ptc-title.cjs.entry.js +1 -1
  3. package/dist/collection/components/ptc-title/ptc-title.css +269 -45
  4. package/dist/collection/components/ptc-title/ptc-title.js +3 -3
  5. package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js +0 -28
  6. package/dist/custom-elements/index.js +1 -29
  7. package/dist/esm/ptc-subnav.entry.js +0 -28
  8. package/dist/esm/ptc-title.entry.js +1 -1
  9. package/dist/ptcw-design/p-377c65ff.entry.js +1 -0
  10. package/dist/ptcw-design/p-cefb766f.entry.js +1 -0
  11. package/dist/ptcw-design/ptcw-design.css +1 -1
  12. package/dist/ptcw-design/ptcw-design.esm.js +1 -1
  13. package/dist/types/components/ptc-title/ptc-title.d.ts +1 -1
  14. package/dist/types/components/subnav/ptc-subnav/ptc-subnav.d.ts +0 -4
  15. package/dist/types/components.d.ts +30 -4
  16. package/package.json +1 -1
  17. package/readme.md +1 -1
  18. package/dist/ptcw-design/p-0b1d5c21.entry.js +0 -1
  19. package/dist/ptcw-design/p-2fed7a6f.entry.js +0 -1
package/dist/cjs/ptc-subnav.cjs.entry.js CHANGED
@@ -9,7 +9,6 @@ const ptcSubnavCss = ":host{display:block;width:100%;background-color:var(--colo
9
9
  const PtcSubnav = class {
10
10
  constructor(hostRef) {
11
11
  index.registerInstance(this, hostRef);
12
- this.firstChildHref = null;
13
12
  this.mobileTitle = 'See page topics';
14
13
  this.navOpen = false;
15
14
  }
@@ -24,35 +23,8 @@ const PtcSubnav = class {
24
23
  console.log('link clicked');
25
24
  this.toggleNav();
26
25
  }
27
- firstChildfuncID() {
28
- const firstChildLi = document.querySelector('ptc-nav-link:first-child');
29
- if (firstChildLi) {
30
- const anchorElement = firstChildLi.shadowRoot.querySelector('a');
31
- this.firstChildHref = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getAttribute('href');
32
- this.firstChildID = this.firstChildHref;
33
- }
34
- return this.firstChildID;
35
- }
36
- scrollToSection(sectionId) {
37
- if (window.innerWidth < 1200) {
38
- const sectionWH = sectionId.replace(/#/g, '');
39
- const section = document.getElementById(sectionWH);
40
- if (section) {
41
- section.scrollIntoView({ behavior: 'smooth', block: 'start' });
42
- setTimeout(() => {
43
- if (this.el.shadowRoot.querySelector('nav.navbar').classList.contains('navOpen')) {
44
- this.el.shadowRoot.querySelector('div.sticky-subnav').classList.add('sticky');
45
- }
46
- else {
47
- this.el.shadowRoot.querySelector('div.sticky-subnav').classList.remove('sticky');
48
- }
49
- }, 100);
50
- }
51
- }
52
- }
53
26
  render() {
54
27
  return (index.h(index.Host, null, index.h("div", { class: "sticky-subnav" }, index.h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, index.h("button", { class: "navbar-toggle", onClick: () => {
55
- //this.scrollToSection(this.firstChildfuncID());
56
28
  this.toggleNav();
57
29
  } }, this.mobileTitle, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), index.h("div", { class: "navbar-inner" }, index.h("div", { class: "nav-wrapper" }, index.h("slot", { name: "subnav-menu-left" }), index.h("slot", { name: "subnav-menu-right" })))))));
58
30
  }
package/dist/cjs/ptc-title.cjs.entry.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  const index = require('./index-1662de74.js');
6
6
 
7
- const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}";
7
+ const ptcTitleCss = "div.center.sc-ptc-title{text-align:center}div.center.dotted.sc-ptc-title h1.sc-ptc-title::before,div.center.dotted.sc-ptc-title h2.sc-ptc-title::before,div.center.dotted.sc-ptc-title h3.sc-ptc-title::before,div.center.dotted.sc-ptc-title h4.sc-ptc-title::before,div.center.dotted.sc-ptc-title h5.sc-ptc-title::before,div.center.dotted.sc-ptc-title h6.sc-ptc-title::before{left:50%;transform:translateX(-50%)}div.left.sc-ptc-title{text-align:left}div.left.dotted.sc-ptc-title h1.sc-ptc-title::before,div.left.dotted.sc-ptc-title h2.sc-ptc-title::before,div.left.dotted.sc-ptc-title h3.sc-ptc-title::before,div.left.dotted.sc-ptc-title h4.sc-ptc-title::before,div.left.dotted.sc-ptc-title h5.sc-ptc-title::before,div.left.dotted.sc-ptc-title h6.sc-ptc-title::before{left:0%}div.right.sc-ptc-title{text-align:right}div.right.dotted.sc-ptc-title h1.sc-ptc-title::before,div.right.dotted.sc-ptc-title h2.sc-ptc-title::before,div.right.dotted.sc-ptc-title h3.sc-ptc-title::before,div.right.dotted.sc-ptc-title h4.sc-ptc-title::before,div.right.dotted.sc-ptc-title h5.sc-ptc-title::before,div.right.dotted.sc-ptc-title h6.sc-ptc-title::before{right:0%}div.inherit.sc-ptc-title{text-align:inherit}div.dotted.sc-ptc-title h1.sc-ptc-title::before,div.dotted.sc-ptc-title h2.sc-ptc-title::before,div.dotted.sc-ptc-title h3.sc-ptc-title::before,div.dotted.sc-ptc-title h4.sc-ptc-title::before,div.dotted.sc-ptc-title h5.sc-ptc-title::before,div.dotted.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;top:-6px;width:30%;display:block;border-top:3px dashed var(--color-green-07)}div.solid.sc-ptc-title h1.sc-ptc-title,div.solid.sc-ptc-title h2.sc-ptc-title,div.solid.sc-ptc-title h3.sc-ptc-title,div.solid.sc-ptc-title h4.sc-ptc-title,div.solid.sc-ptc-title h5.sc-ptc-title,div.solid.sc-ptc-title h6.sc-ptc-title{padding-top:12px}div.solid.sc-ptc-title h1.sc-ptc-title::before,div.solid.sc-ptc-title h2.sc-ptc-title::before,div.solid.sc-ptc-title h3.sc-ptc-title::before,div.solid.sc-ptc-title h4.sc-ptc-title::before,div.solid.sc-ptc-title h5.sc-ptc-title::before,div.solid.sc-ptc-title h6.sc-ptc-title::before{content:\"\";position:absolute;width:100%;height:0.7px;background-color:var(--color-gray-03);opacity:0.9;left:0px;top:0}div.solid.sc-ptc-title h1.sc-ptc-title::after,div.solid.sc-ptc-title h2.sc-ptc-title::after,div.solid.sc-ptc-title h3.sc-ptc-title::after,div.solid.sc-ptc-title h4.sc-ptc-title::after,div.solid.sc-ptc-title h5.sc-ptc-title::after,div.solid.sc-ptc-title h6.sc-ptc-title::after{content:\"\";position:absolute;width:56px;height:2px;background-color:var(--color-green-07);top:-2px;left:0px}div.is-standard.sc-ptc-title h1.sc-ptc-title,div.is-standard.sc-ptc-title h2.sc-ptc-title,div.is-standard.sc-ptc-title h3.sc-ptc-title,div.is-standard.sc-ptc-title h4.sc-ptc-title,div.is-standard.sc-ptc-title h5.sc-ptc-title,div.is-standard.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative}div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);letter-spacing:0px;color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h1.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-x-large);line-height:var(--ptc-line-height-densest);font-weight:var(--ptc-font-weight-extrabold);color:var(--color-gray-10)}@media only screen and (min-width: 768px){div.is-standard.sc-ptc-title h2.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.is-plm-hub.sc-ptc-title h1.sc-ptc-title,div.is-plm-hub.sc-ptc-title h2.sc-ptc-title,div.is-plm-hub.sc-ptc-title h3.sc-ptc-title,div.is-plm-hub.sc-ptc-title h4.sc-ptc-title,div.is-plm-hub.sc-ptc-title h5.sc-ptc-title,div.is-plm-hub.sc-ptc-title h6.sc-ptc-title{display:inline-block;position:relative;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px;color:var(--color-white) !important}div.margin-flush.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-flush.sc-ptc-title h1.sc-ptc-title,div.margin-flush.sc-ptc-title h2.sc-ptc-title,div.margin-flush.sc-ptc-title h3.sc-ptc-title,div.margin-flush.sc-ptc-title h4.sc-ptc-title,div.margin-flush.sc-ptc-title h5.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-top-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:0}div.margin-top-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:0}div.margin-top-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:0}div.margin-top-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:0}div.margin-top-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:0}div.margin-bottom-2.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-02);margin-top:0}div.margin-bottom-3.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-03);margin-top:0}div.margin-bottom-4.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-04);margin-top:0}div.margin-bottom-5.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-05);margin-top:0}div.margin-bottom-6.sc-ptc-title{margin-bottom:var(--ptc-element-spacing-06);margin-top:0}div.margin-2.sc-ptc-title{margin-top:var(--ptc-element-spacing-02);margin-bottom:var(--ptc-element-spacing-02)}div.margin-3.sc-ptc-title{margin-top:var(--ptc-element-spacing-03);margin-bottom:var(--ptc-element-spacing-03)}div.margin-4.sc-ptc-title{margin-top:var(--ptc-element-spacing-04);margin-bottom:var(--ptc-element-spacing-04)}div.margin-5.sc-ptc-title{margin-top:var(--ptc-element-spacing-05);margin-bottom:var(--ptc-element-spacing-05)}div.margin-5.sc-ptc-title h4.sc-ptc-title{margin-top:0;margin-bottom:0}div.margin-6.sc-ptc-title{margin-top:var(--ptc-element-spacing-06);margin-bottom:var(--ptc-element-spacing-06)}div.margin-9.sc-ptc-title{margin-top:var(--ptc-element-spacing-09);margin-bottom:var(--ptc-element-spacing-09)}div.green.sc-ptc-title h1.sc-ptc-title,div.green.sc-ptc-title h2.sc-ptc-title,div.green.sc-ptc-title h3.sc-ptc-title,div.green.sc-ptc-title h4.sc-ptc-title,div.green.sc-ptc-title h5.sc-ptc-title,div.green.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-green-07)}div.blue.sc-ptc-title h1.sc-ptc-title,div.blue.sc-ptc-title h2.sc-ptc-title,div.blue.sc-ptc-title h3.sc-ptc-title,div.blue.sc-ptc-title h4.sc-ptc-title,div.blue.sc-ptc-title h5.sc-ptc-title,div.blue.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-blue-07)}div.red.sc-ptc-title h1.sc-ptc-title,div.red.sc-ptc-title h2.sc-ptc-title,div.red.sc-ptc-title h3.sc-ptc-title,div.red.sc-ptc-title h4.sc-ptc-title,div.red.sc-ptc-title h5.sc-ptc-title,div.red.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-red-07)}div.orange.sc-ptc-title h1.sc-ptc-title,div.orange.sc-ptc-title h2.sc-ptc-title,div.orange.sc-ptc-title h3.sc-ptc-title,div.orange.sc-ptc-title h4.sc-ptc-title,div.orange.sc-ptc-title h5.sc-ptc-title,div.orange.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-orange-07)}div.slate-grey.sc-ptc-title h1.sc-ptc-title,div.slate-grey.sc-ptc-title h2.sc-ptc-title,div.slate-grey.sc-ptc-title h3.sc-ptc-title,div.slate-grey.sc-ptc-title h4.sc-ptc-title,div.slate-grey.sc-ptc-title h5.sc-ptc-title,div.slate-grey.sc-ptc-title h6.sc-ptc-title{text-shadow:0px 0px var(--ptc-element-spacing-03) var(--color-gray-07)}div.w-3.sc-ptc-title h1.sc-ptc-title,div.w-3.sc-ptc-title h2.sc-ptc-title,div.w-3.sc-ptc-title h3.sc-ptc-title,div.w-3.sc-ptc-title h4.sc-ptc-title,div.w-3.sc-ptc-title h5.sc-ptc-title,div.w-3.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-thin)}div.w-4.sc-ptc-title h1.sc-ptc-title,div.w-4.sc-ptc-title h2.sc-ptc-title,div.w-4.sc-ptc-title h3.sc-ptc-title,div.w-4.sc-ptc-title h4.sc-ptc-title,div.w-4.sc-ptc-title h5.sc-ptc-title,div.w-4.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-regular)}div.w-5.sc-ptc-title h1.sc-ptc-title,div.w-5.sc-ptc-title h2.sc-ptc-title,div.w-5.sc-ptc-title h3.sc-ptc-title,div.w-5.sc-ptc-title h4.sc-ptc-title,div.w-5.sc-ptc-title h5.sc-ptc-title,div.w-5.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-medium)}div.w-6.sc-ptc-title h1.sc-ptc-title,div.w-6.sc-ptc-title h2.sc-ptc-title,div.w-6.sc-ptc-title h3.sc-ptc-title,div.w-6.sc-ptc-title h4.sc-ptc-title,div.w-6.sc-ptc-title h5.sc-ptc-title,div.w-6.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-semibold)}div.w-7.sc-ptc-title h1.sc-ptc-title,div.w-7.sc-ptc-title h2.sc-ptc-title,div.w-7.sc-ptc-title h3.sc-ptc-title,div.w-7.sc-ptc-title h4.sc-ptc-title,div.w-7.sc-ptc-title h5.sc-ptc-title,div.w-7.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-bold)}div.w-8.sc-ptc-title h1.sc-ptc-title,div.w-8.sc-ptc-title h2.sc-ptc-title,div.w-8.sc-ptc-title h3.sc-ptc-title,div.w-8.sc-ptc-title h4.sc-ptc-title,div.w-8.sc-ptc-title h5.sc-ptc-title,div.w-8.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-extrabold)}div.w-9.sc-ptc-title h1.sc-ptc-title,div.w-9.sc-ptc-title h2.sc-ptc-title,div.w-9.sc-ptc-title h3.sc-ptc-title,div.w-9.sc-ptc-title h4.sc-ptc-title,div.w-9.sc-ptc-title h5.sc-ptc-title,div.w-9.sc-ptc-title h6.sc-ptc-title{font-weight:var(--ptc-font-weight-black)}div.xx-small.sc-ptc-title h1.sc-ptc-title,div.xx-small.sc-ptc-title h2.sc-ptc-title,div.xx-small.sc-ptc-title h3.sc-ptc-title,div.xx-small.sc-ptc-title h4.sc-ptc-title,div.xx-small.sc-ptc-title h5.sc-ptc-title,div.xx-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-small)}div.x-small.sc-ptc-title h1.sc-ptc-title,div.x-small.sc-ptc-title h2.sc-ptc-title,div.x-small.sc-ptc-title h3.sc-ptc-title,div.x-small.sc-ptc-title h4.sc-ptc-title,div.x-small.sc-ptc-title h5.sc-ptc-title,div.x-small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-small)}div.small.sc-ptc-title h1.sc-ptc-title,div.small.sc-ptc-title h2.sc-ptc-title,div.small.sc-ptc-title h3.sc-ptc-title,div.small.sc-ptc-title h4.sc-ptc-title,div.small.sc-ptc-title h5.sc-ptc-title,div.small.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-small)}div.medium.sc-ptc-title h1.sc-ptc-title,div.medium.sc-ptc-title h2.sc-ptc-title,div.medium.sc-ptc-title h3.sc-ptc-title,div.medium.sc-ptc-title h4.sc-ptc-title,div.medium.sc-ptc-title h5.sc-ptc-title,div.medium.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-medium)}div.large.sc-ptc-title h1.sc-ptc-title,div.large.sc-ptc-title h2.sc-ptc-title,div.large.sc-ptc-title h3.sc-ptc-title,div.large.sc-ptc-title h4.sc-ptc-title,div.large.sc-ptc-title h5.sc-ptc-title,div.large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-large)}div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-medium)}@media only screen and (min-width: 768px){div.large.sc-ptc-title h3.sc-ptc-title{font-size:var(--ptc-font-size-large)}}div.x-large.sc-ptc-title h1.sc-ptc-title,div.x-large.sc-ptc-title h2.sc-ptc-title,div.x-large.sc-ptc-title h3.sc-ptc-title,div.x-large.sc-ptc-title h4.sc-ptc-title,div.x-large.sc-ptc-title h5.sc-ptc-title,div.x-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-x-large)}@media only screen and (min-width: 768px){div.xx-large.sc-ptc-title h1.sc-ptc-title,div.xx-large.sc-ptc-title h2.sc-ptc-title,div.xx-large.sc-ptc-title h3.sc-ptc-title,div.xx-large.sc-ptc-title h4.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}}div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}@media only screen and (min-width: 768px){div.xxx-large.sc-ptc-title h1.sc-ptc-title,div.xxx-large.sc-ptc-title h2.sc-ptc-title,div.xxx-large.sc-ptc-title h3.sc-ptc-title,div.xxx-large.sc-ptc-title h4.sc-ptc-title,div.xxx-large.sc-ptc-title h5.sc-ptc-title,div.xxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}}div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media screen and (min-width: 769px){div.xxxx-large.sc-ptc-title h1.sc-ptc-title,div.xxxx-large.sc-ptc-title h2.sc-ptc-title,div.xxxx-large.sc-ptc-title h3.sc-ptc-title,div.xxxx-large.sc-ptc-title h4.sc-ptc-title,div.xxxx-large.sc-ptc-title h5.sc-ptc-title,div.xxxx-large.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xx-large)}div.xxxx-large-allbp.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-allbp.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-desktop.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-desktop.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxx-large)}@media only screen and (min-width: 992px){div.xxxx-large-store.sc-ptc-title h1.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h2.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h3.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h4.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h5.sc-ptc-title,div.xxxx-large-store.sc-ptc-title h6.sc-ptc-title{font-size:var(--ptc-font-size-xxxx-large)}}div.densest.sc-ptc-title h1.sc-ptc-title,div.densest.sc-ptc-title h2.sc-ptc-title,div.densest.sc-ptc-title h3.sc-ptc-title,div.densest.sc-ptc-title h4.sc-ptc-title,div.densest.sc-ptc-title h5.sc-ptc-title,div.densest.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-densest)}div.denser.sc-ptc-title h1.sc-ptc-title,div.denser.sc-ptc-title h2.sc-ptc-title,div.denser.sc-ptc-title h3.sc-ptc-title,div.denser.sc-ptc-title h4.sc-ptc-title,div.denser.sc-ptc-title h5.sc-ptc-title,div.denser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-denser)}div.dense.sc-ptc-title h1.sc-ptc-title,div.dense.sc-ptc-title h2.sc-ptc-title,div.dense.sc-ptc-title h3.sc-ptc-title,div.dense.sc-ptc-title h4.sc-ptc-title,div.dense.sc-ptc-title h5.sc-ptc-title,div.dense.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-dense)}div.normal.sc-ptc-title h1.sc-ptc-title,div.normal.sc-ptc-title h2.sc-ptc-title,div.normal.sc-ptc-title h3.sc-ptc-title,div.normal.sc-ptc-title h4.sc-ptc-title,div.normal.sc-ptc-title h5.sc-ptc-title,div.normal.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-normal)}div.loose.sc-ptc-title h1.sc-ptc-title,div.loose.sc-ptc-title h2.sc-ptc-title,div.loose.sc-ptc-title h3.sc-ptc-title,div.loose.sc-ptc-title h4.sc-ptc-title,div.loose.sc-ptc-title h5.sc-ptc-title,div.loose.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-loose)}div.looser.sc-ptc-title h1.sc-ptc-title,div.looser.sc-ptc-title h2.sc-ptc-title,div.looser.sc-ptc-title h3.sc-ptc-title,div.looser.sc-ptc-title h4.sc-ptc-title,div.looser.sc-ptc-title h5.sc-ptc-title,div.looser.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-looser)}div.paragraph.sc-ptc-title h1.sc-ptc-title,div.paragraph.sc-ptc-title h2.sc-ptc-title,div.paragraph.sc-ptc-title h3.sc-ptc-title,div.paragraph.sc-ptc-title h4.sc-ptc-title,div.paragraph.sc-ptc-title h5.sc-ptc-title,div.paragraph.sc-ptc-title h6.sc-ptc-title{line-height:var(--ptc-line-height-paragraph)}div.black.sc-ptc-title h1.sc-ptc-title,div.black.sc-ptc-title h2.sc-ptc-title,div.black.sc-ptc-title h3.sc-ptc-title,div.black.sc-ptc-title h4.sc-ptc-title,div.black.sc-ptc-title h5.sc-ptc-title,div.black.sc-ptc-title h6.sc-ptc-title{color:var(--color-black)}div.white.sc-ptc-title h1.sc-ptc-title,div.white.sc-ptc-title h2.sc-ptc-title,div.white.sc-ptc-title h3.sc-ptc-title,div.white.sc-ptc-title h4.sc-ptc-title,div.white.sc-ptc-title h5.sc-ptc-title,div.white.sc-ptc-title h6.sc-ptc-title{color:var(--color-white)}div.gray-1.sc-ptc-title h1.sc-ptc-title,div.gray-1.sc-ptc-title h2.sc-ptc-title,div.gray-1.sc-ptc-title h3.sc-ptc-title,div.gray-1.sc-ptc-title h4.sc-ptc-title,div.gray-1.sc-ptc-title h5.sc-ptc-title,div.gray-1.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-01)}div.gray.sc-ptc-title h1.sc-ptc-title,div.gray.sc-ptc-title h2.sc-ptc-title,div.gray.sc-ptc-title h3.sc-ptc-title,div.gray.sc-ptc-title h4.sc-ptc-title,div.gray.sc-ptc-title h5.sc-ptc-title,div.gray.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-10)}div.gray-darker.sc-ptc-title h1.sc-ptc-title,div.gray-darker.sc-ptc-title h2.sc-ptc-title,div.gray-darker.sc-ptc-title h3.sc-ptc-title,div.gray-darker.sc-ptc-title h4.sc-ptc-title,div.gray-darker.sc-ptc-title h5.sc-ptc-title,div.gray-darker.sc-ptc-title h6.sc-ptc-title{color:var(--color-gray-11)}div.ellipsis-boxing.sc-ptc-title h1.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h2.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h3.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h4.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h5.sc-ptc-title,div.ellipsis-boxing.sc-ptc-title h6.sc-ptc-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;overflow-wrap:break-word;padding-bottom:0}div.block.sc-ptc-title h1.sc-ptc-title,div.block.sc-ptc-title h2.sc-ptc-title,div.block.sc-ptc-title h3.sc-ptc-title,div.block.sc-ptc-title h4.sc-ptc-title,div.block.sc-ptc-title h5.sc-ptc-title,div.block.sc-ptc-title h6.sc-ptc-title{display:block}";
8
8
 
9
9
  const PtcTitle = class {
10
10
  constructor(hostRef) {
package/dist/collection/components/ptc-title/ptc-title.css CHANGED
@@ -135,7 +135,11 @@ div.margin-flush {
135
135
  margin-top: 0;
136
136
  margin-bottom: 0;
137
137
  }
138
- div.margin-flush h1, div.margin-flush h2, div.margin-flush h3, div.margin-flush h4, div.margin-flush h5 {
138
+ div.margin-flush h1,
139
+ div.margin-flush h2,
140
+ div.margin-flush h3,
141
+ div.margin-flush h4,
142
+ div.margin-flush h5 {
139
143
  margin-top: 0;
140
144
  margin-bottom: 0;
141
145
  }
@@ -203,55 +207,144 @@ div.margin-6 {
203
207
  margin-top: var(--ptc-element-spacing-06);
204
208
  margin-bottom: var(--ptc-element-spacing-06);
205
209
  }
206
- div.green h1, div.green h2, div.green h3, div.green h4, div.green h5, div.green h6 {
210
+ div.margin-9 {
211
+ margin-top: var(--ptc-element-spacing-09);
212
+ margin-bottom: var(--ptc-element-spacing-09);
213
+ }
214
+ div.green h1,
215
+ div.green h2,
216
+ div.green h3,
217
+ div.green h4,
218
+ div.green h5,
219
+ div.green h6 {
207
220
  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-green-07);
208
221
  }
209
- div.blue h1, div.blue h2, div.blue h3, div.blue h4, div.blue h5, div.blue h6 {
222
+ div.blue h1,
223
+ div.blue h2,
224
+ div.blue h3,
225
+ div.blue h4,
226
+ div.blue h5,
227
+ div.blue h6 {
210
228
  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-blue-07);
211
229
  }
212
- div.red h1, div.red h2, div.red h3, div.red h4, div.red h5, div.red h6 {
230
+ div.red h1,
231
+ div.red h2,
232
+ div.red h3,
233
+ div.red h4,
234
+ div.red h5,
235
+ div.red h6 {
213
236
  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-red-07);
214
237
  }
215
- div.orange h1, div.orange h2, div.orange h3, div.orange h4, div.orange h5, div.orange h6 {
238
+ div.orange h1,
239
+ div.orange h2,
240
+ div.orange h3,
241
+ div.orange h4,
242
+ div.orange h5,
243
+ div.orange h6 {
216
244
  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-orange-07);
217
245
  }
218
- div.slate-grey h1, div.slate-grey h2, div.slate-grey h3, div.slate-grey h4, div.slate-grey h5, div.slate-grey h6 {
246
+ div.slate-grey h1,
247
+ div.slate-grey h2,
248
+ div.slate-grey h3,
249
+ div.slate-grey h4,
250
+ div.slate-grey h5,
251
+ div.slate-grey h6 {
219
252
  text-shadow: 0px 0px var(--ptc-element-spacing-03) var(--color-gray-07);
220
253
  }
221
- div.w-3 h1, div.w-3 h2, div.w-3 h3, div.w-3 h4, div.w-3 h5, div.w-3 h6 {
254
+ div.w-3 h1,
255
+ div.w-3 h2,
256
+ div.w-3 h3,
257
+ div.w-3 h4,
258
+ div.w-3 h5,
259
+ div.w-3 h6 {
222
260
  font-weight: var(--ptc-font-weight-thin);
223
261
  }
224
- div.w-4 h1, div.w-4 h2, div.w-4 h3, div.w-4 h4, div.w-4 h5, div.w-4 h6 {
262
+ div.w-4 h1,
263
+ div.w-4 h2,
264
+ div.w-4 h3,
265
+ div.w-4 h4,
266
+ div.w-4 h5,
267
+ div.w-4 h6 {
225
268
  font-weight: var(--ptc-font-weight-regular);
226
269
  }
227
- div.w-5 h1, div.w-5 h2, div.w-5 h3, div.w-5 h4, div.w-5 h5, div.w-5 h6 {
270
+ div.w-5 h1,
271
+ div.w-5 h2,
272
+ div.w-5 h3,
273
+ div.w-5 h4,
274
+ div.w-5 h5,
275
+ div.w-5 h6 {
228
276
  font-weight: var(--ptc-font-weight-medium);
229
277
  }
230
- div.w-6 h1, div.w-6 h2, div.w-6 h3, div.w-6 h4, div.w-6 h5, div.w-6 h6 {
278
+ div.w-6 h1,
279
+ div.w-6 h2,
280
+ div.w-6 h3,
281
+ div.w-6 h4,
282
+ div.w-6 h5,
283
+ div.w-6 h6 {
231
284
  font-weight: var(--ptc-font-weight-semibold);
232
285
  }
233
- div.w-7 h1, div.w-7 h2, div.w-7 h3, div.w-7 h4, div.w-7 h5, div.w-7 h6 {
286
+ div.w-7 h1,
287
+ div.w-7 h2,
288
+ div.w-7 h3,
289
+ div.w-7 h4,
290
+ div.w-7 h5,
291
+ div.w-7 h6 {
234
292
  font-weight: var(--ptc-font-weight-bold);
235
293
  }
236
- div.w-8 h1, div.w-8 h2, div.w-8 h3, div.w-8 h4, div.w-8 h5, div.w-8 h6 {
294
+ div.w-8 h1,
295
+ div.w-8 h2,
296
+ div.w-8 h3,
297
+ div.w-8 h4,
298
+ div.w-8 h5,
299
+ div.w-8 h6 {
237
300
  font-weight: var(--ptc-font-weight-extrabold);
238
301
  }
239
- div.w-9 h1, div.w-9 h2, div.w-9 h3, div.w-9 h4, div.w-9 h5, div.w-9 h6 {
302
+ div.w-9 h1,
303
+ div.w-9 h2,
304
+ div.w-9 h3,
305
+ div.w-9 h4,
306
+ div.w-9 h5,
307
+ div.w-9 h6 {
240
308
  font-weight: var(--ptc-font-weight-black);
241
309
  }
242
- div.xx-small h1, div.xx-small h2, div.xx-small h3, div.xx-small h4, div.xx-small h5, div.xx-small h6 {
310
+ div.xx-small h1,
311
+ div.xx-small h2,
312
+ div.xx-small h3,
313
+ div.xx-small h4,
314
+ div.xx-small h5,
315
+ div.xx-small h6 {
243
316
  font-size: var(--ptc-font-size-xx-small);
244
317
  }
245
- div.x-small h1, div.x-small h2, div.x-small h3, div.x-small h4, div.x-small h5, div.x-small h6 {
318
+ div.x-small h1,
319
+ div.x-small h2,
320
+ div.x-small h3,
321
+ div.x-small h4,
322
+ div.x-small h5,
323
+ div.x-small h6 {
246
324
  font-size: var(--ptc-font-size-x-small);
247
325
  }
248
- div.small h1, div.small h2, div.small h3, div.small h4, div.small h5, div.small h6 {
326
+ div.small h1,
327
+ div.small h2,
328
+ div.small h3,
329
+ div.small h4,
330
+ div.small h5,
331
+ div.small h6 {
249
332
  font-size: var(--ptc-font-size-small);
250
333
  }
251
- div.medium h1, div.medium h2, div.medium h3, div.medium h4, div.medium h5, div.medium h6 {
334
+ div.medium h1,
335
+ div.medium h2,
336
+ div.medium h3,
337
+ div.medium h4,
338
+ div.medium h5,
339
+ div.medium h6 {
252
340
  font-size: var(--ptc-font-size-medium);
253
341
  }
254
- div.large h1, div.large h2, div.large h3, div.large h4, div.large h5, div.large h6 {
342
+ div.large h1,
343
+ div.large h2,
344
+ div.large h3,
345
+ div.large h4,
346
+ div.large h5,
347
+ div.large h6 {
255
348
  font-size: var(--ptc-font-size-large);
256
349
  }
257
350
  div.large h3 {
@@ -262,92 +355,218 @@ div.large h3 {
262
355
  font-size: var(--ptc-font-size-large);
263
356
  }
264
357
  }
265
- div.x-large h1, div.x-large h2, div.x-large h3, div.x-large h4, div.x-large h5, div.x-large h6 {
358
+ div.x-large h1,
359
+ div.x-large h2,
360
+ div.x-large h3,
361
+ div.x-large h4,
362
+ div.x-large h5,
363
+ div.x-large h6 {
266
364
  font-size: var(--ptc-font-size-x-large);
267
365
  }
268
- div.xx-large h1, div.xx-large h2, div.xx-large h3, div.xx-large h4 {
366
+ div.xx-large h1,
367
+ div.xx-large h2,
368
+ div.xx-large h3,
369
+ div.xx-large h4 {
269
370
  font-size: var(--ptc-font-size-x-large);
270
371
  }
271
372
  @media only screen and (min-width: 768px) {
272
- div.xx-large h1, div.xx-large h2, div.xx-large h3, div.xx-large h4 {
373
+ div.xx-large h1,
374
+ div.xx-large h2,
375
+ div.xx-large h3,
376
+ div.xx-large h4 {
273
377
  font-size: var(--ptc-font-size-xx-large);
274
378
  }
275
379
  }
276
- div.xxx-large h1, div.xxx-large h2, div.xxx-large h3, div.xxx-large h4, div.xxx-large h5, div.xxx-large h6 {
380
+ div.xxx-large h1,
381
+ div.xxx-large h2,
382
+ div.xxx-large h3,
383
+ div.xxx-large h4,
384
+ div.xxx-large h5,
385
+ div.xxx-large h6 {
277
386
  font-size: var(--ptc-font-size-xx-large);
278
387
  }
279
388
  @media only screen and (min-width: 768px) {
280
- div.xxx-large h1, div.xxx-large h2, div.xxx-large h3, div.xxx-large h4, div.xxx-large h5, div.xxx-large h6 {
389
+ div.xxx-large h1,
390
+ div.xxx-large h2,
391
+ div.xxx-large h3,
392
+ div.xxx-large h4,
393
+ div.xxx-large h5,
394
+ div.xxx-large h6 {
281
395
  font-size: var(--ptc-font-size-xxx-large);
282
396
  }
283
397
  }
284
- div.xxxx-large h1, div.xxxx-large h2, div.xxxx-large h3, div.xxxx-large h4, div.xxxx-large h5, div.xxxx-large h6 {
398
+ div.xxxx-large h1,
399
+ div.xxxx-large h2,
400
+ div.xxxx-large h3,
401
+ div.xxxx-large h4,
402
+ div.xxxx-large h5,
403
+ div.xxxx-large h6 {
285
404
  font-size: var(--ptc-font-size-xxx-large);
286
405
  }
287
406
  @media screen and (min-width: 769px) {
288
- div.xxxx-large h1, div.xxxx-large h2, div.xxxx-large h3, div.xxxx-large h4, div.xxxx-large h5, div.xxxx-large h6 {
407
+ div.xxxx-large h1,
408
+ div.xxxx-large h2,
409
+ div.xxxx-large h3,
410
+ div.xxxx-large h4,
411
+ div.xxxx-large h5,
412
+ div.xxxx-large h6 {
289
413
  font-size: var(--ptc-font-size-xxxx-large);
290
414
  }
291
415
  }
292
- div.xx-large-allbp h1, div.xx-large-allbp h2, div.xx-large-allbp h3, div.xx-large-allbp h4, div.xx-large-allbp h5, div.xx-large-allbp h6 {
416
+ div.xx-large-allbp h1,
417
+ div.xx-large-allbp h2,
418
+ div.xx-large-allbp h3,
419
+ div.xx-large-allbp h4,
420
+ div.xx-large-allbp h5,
421
+ div.xx-large-allbp h6 {
293
422
  font-size: var(--ptc-font-size-xx-large);
294
423
  }
295
- div.xxxx-large-allbp h1, div.xxxx-large-allbp h2, div.xxxx-large-allbp h3, div.xxxx-large-allbp h4, div.xxxx-large-allbp h5, div.xxxx-large-allbp h6 {
424
+ div.xxxx-large-allbp h1,
425
+ div.xxxx-large-allbp h2,
426
+ div.xxxx-large-allbp h3,
427
+ div.xxxx-large-allbp h4,
428
+ div.xxxx-large-allbp h5,
429
+ div.xxxx-large-allbp h6 {
296
430
  font-size: var(--ptc-font-size-xxxx-large);
297
431
  }
298
- div.xxxx-large-desktop h1, div.xxxx-large-desktop h2, div.xxxx-large-desktop h3, div.xxxx-large-desktop h4, div.xxxx-large-desktop h5, div.xxxx-large-desktop h6 {
432
+ div.xxxx-large-desktop h1,
433
+ div.xxxx-large-desktop h2,
434
+ div.xxxx-large-desktop h3,
435
+ div.xxxx-large-desktop h4,
436
+ div.xxxx-large-desktop h5,
437
+ div.xxxx-large-desktop h6 {
299
438
  font-size: var(--ptc-font-size-xxx-large);
300
439
  }
301
440
  @media only screen and (min-width: 992px) {
302
- div.xxxx-large-desktop h1, div.xxxx-large-desktop h2, div.xxxx-large-desktop h3, div.xxxx-large-desktop h4, div.xxxx-large-desktop h5, div.xxxx-large-desktop h6 {
441
+ div.xxxx-large-desktop h1,
442
+ div.xxxx-large-desktop h2,
443
+ div.xxxx-large-desktop h3,
444
+ div.xxxx-large-desktop h4,
445
+ div.xxxx-large-desktop h5,
446
+ div.xxxx-large-desktop h6 {
303
447
  font-size: var(--ptc-font-size-xxxx-large);
304
448
  }
305
449
  }
306
- div.xxxx-large-store h1, div.xxxx-large-store h2, div.xxxx-large-store h3, div.xxxx-large-store h4, div.xxxx-large-store h5, div.xxxx-large-store h6 {
450
+ div.xxxx-large-store h1,
451
+ div.xxxx-large-store h2,
452
+ div.xxxx-large-store h3,
453
+ div.xxxx-large-store h4,
454
+ div.xxxx-large-store h5,
455
+ div.xxxx-large-store h6 {
307
456
  font-size: var(--ptc-font-size-xxx-large);
308
457
  }
309
458
  @media only screen and (min-width: 992px) {
310
- div.xxxx-large-store h1, div.xxxx-large-store h2, div.xxxx-large-store h3, div.xxxx-large-store h4, div.xxxx-large-store h5, div.xxxx-large-store h6 {
459
+ div.xxxx-large-store h1,
460
+ div.xxxx-large-store h2,
461
+ div.xxxx-large-store h3,
462
+ div.xxxx-large-store h4,
463
+ div.xxxx-large-store h5,
464
+ div.xxxx-large-store h6 {
311
465
  font-size: var(--ptc-font-size-xxxx-large);
312
466
  }
313
467
  }
314
- div.densest h1, div.densest h2, div.densest h3, div.densest h4, div.densest h5, div.densest h6 {
468
+ div.densest h1,
469
+ div.densest h2,
470
+ div.densest h3,
471
+ div.densest h4,
472
+ div.densest h5,
473
+ div.densest h6 {
315
474
  line-height: var(--ptc-line-height-densest);
316
475
  }
317
- div.denser h1, div.denser h2, div.denser h3, div.denser h4, div.denser h5, div.denser h6 {
476
+ div.denser h1,
477
+ div.denser h2,
478
+ div.denser h3,
479
+ div.denser h4,
480
+ div.denser h5,
481
+ div.denser h6 {
318
482
  line-height: var(--ptc-line-height-denser);
319
483
  }
320
- div.dense h1, div.dense h2, div.dense h3, div.dense h4, div.dense h5, div.dense h6 {
484
+ div.dense h1,
485
+ div.dense h2,
486
+ div.dense h3,
487
+ div.dense h4,
488
+ div.dense h5,
489
+ div.dense h6 {
321
490
  line-height: var(--ptc-line-height-dense);
322
491
  }
323
- div.normal h1, div.normal h2, div.normal h3, div.normal h4, div.normal h5, div.normal h6 {
492
+ div.normal h1,
493
+ div.normal h2,
494
+ div.normal h3,
495
+ div.normal h4,
496
+ div.normal h5,
497
+ div.normal h6 {
324
498
  line-height: var(--ptc-line-height-normal);
325
499
  }
326
- div.loose h1, div.loose h2, div.loose h3, div.loose h4, div.loose h5, div.loose h6 {
500
+ div.loose h1,
501
+ div.loose h2,
502
+ div.loose h3,
503
+ div.loose h4,
504
+ div.loose h5,
505
+ div.loose h6 {
327
506
  line-height: var(--ptc-line-height-loose);
328
507
  }
329
- div.looser h1, div.looser h2, div.looser h3, div.looser h4, div.looser h5, div.looser h6 {
508
+ div.looser h1,
509
+ div.looser h2,
510
+ div.looser h3,
511
+ div.looser h4,
512
+ div.looser h5,
513
+ div.looser h6 {
330
514
  line-height: var(--ptc-line-height-looser);
331
515
  }
332
- div.paragraph h1, div.paragraph h2, div.paragraph h3, div.paragraph h4, div.paragraph h5, div.paragraph h6 {
516
+ div.paragraph h1,
517
+ div.paragraph h2,
518
+ div.paragraph h3,
519
+ div.paragraph h4,
520
+ div.paragraph h5,
521
+ div.paragraph h6 {
333
522
  line-height: var(--ptc-line-height-paragraph);
334
523
  }
335
- div.black h1, div.black h2, div.black h3, div.black h4, div.black h5, div.black h6 {
524
+ div.black h1,
525
+ div.black h2,
526
+ div.black h3,
527
+ div.black h4,
528
+ div.black h5,
529
+ div.black h6 {
336
530
  color: var(--color-black);
337
531
  }
338
- div.white h1, div.white h2, div.white h3, div.white h4, div.white h5, div.white h6 {
532
+ div.white h1,
533
+ div.white h2,
534
+ div.white h3,
535
+ div.white h4,
536
+ div.white h5,
537
+ div.white h6 {
339
538
  color: var(--color-white);
340
539
  }
341
- div.gray-1 h1, div.gray-1 h2, div.gray-1 h3, div.gray-1 h4, div.gray-1 h5, div.gray-1 h6 {
540
+ div.gray-1 h1,
541
+ div.gray-1 h2,
542
+ div.gray-1 h3,
543
+ div.gray-1 h4,
544
+ div.gray-1 h5,
545
+ div.gray-1 h6 {
342
546
  color: var(--color-gray-01);
343
547
  }
344
- div.gray h1, div.gray h2, div.gray h3, div.gray h4, div.gray h5, div.gray h6 {
548
+ div.gray h1,
549
+ div.gray h2,
550
+ div.gray h3,
551
+ div.gray h4,
552
+ div.gray h5,
553
+ div.gray h6 {
345
554
  color: var(--color-gray-10);
346
555
  }
347
- div.gray-darker h1, div.gray-darker h2, div.gray-darker h3, div.gray-darker h4, div.gray-darker h5, div.gray-darker h6 {
556
+ div.gray-darker h1,
557
+ div.gray-darker h2,
558
+ div.gray-darker h3,
559
+ div.gray-darker h4,
560
+ div.gray-darker h5,
561
+ div.gray-darker h6 {
348
562
  color: var(--color-gray-11);
349
563
  }
350
- div.ellipsis-boxing h1, div.ellipsis-boxing h2, div.ellipsis-boxing h3, div.ellipsis-boxing h4, div.ellipsis-boxing h5, div.ellipsis-boxing h6 {
564
+ div.ellipsis-boxing h1,
565
+ div.ellipsis-boxing h2,
566
+ div.ellipsis-boxing h3,
567
+ div.ellipsis-boxing h4,
568
+ div.ellipsis-boxing h5,
569
+ div.ellipsis-boxing h6 {
351
570
  display: -webkit-box;
352
571
  -webkit-line-clamp: 1;
353
572
  -webkit-box-orient: vertical;
@@ -356,6 +575,11 @@ div.ellipsis-boxing h1, div.ellipsis-boxing h2, div.ellipsis-boxing h3, div.elli
356
575
  overflow-wrap: break-word;
357
576
  padding-bottom: 0;
358
577
  }
359
- div.block h1, div.block h2, div.block h3, div.block h4, div.block h5, div.block h6 {
578
+ div.block h1,
579
+ div.block h2,
580
+ div.block h3,
581
+ div.block h4,
582
+ div.block h5,
583
+ div.block h6 {
360
584
  display: block;
361
585
  }
package/dist/collection/components/ptc-title/ptc-title.js CHANGED
@@ -188,8 +188,8 @@ export class PtcTitle {
188
188
  "type": "string",
189
189
  "mutable": false,
190
190
  "complexType": {
191
- "original": "| 'margin-flush'\r\n | 'margin-top-3'\r\n | 'margin-top-4'\r\n | 'margin-top-5'\r\n | 'margin-top-6'\r\n | 'margin-bottom-3'\r\n | 'margin-bottom-4'\r\n | 'margin-bottom-5'\r\n | 'margin-bottom-6'\r\n | 'margin-3'\r\n | 'margin-4'\r\n | 'margin-5'\r\n | 'margin-6'",
192
- "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
191
+ "original": "| 'margin-flush'\r\n | 'margin-top-3'\r\n | 'margin-top-4'\r\n | 'margin-top-5'\r\n | 'margin-top-6'\r\n | 'margin-bottom-3'\r\n | 'margin-bottom-4'\r\n | 'margin-bottom-5'\r\n | 'margin-bottom-6'\r\n | 'margin-3'\r\n | 'margin-4'\r\n | 'margin-5'\r\n | 'margin-6'\r\n | 'margin-9'",
192
+ "resolved": "\"margin-3\" | \"margin-4\" | \"margin-5\" | \"margin-6\" | \"margin-9\" | \"margin-bottom-3\" | \"margin-bottom-4\" | \"margin-bottom-5\" | \"margin-bottom-6\" | \"margin-flush\" | \"margin-top-3\" | \"margin-top-4\" | \"margin-top-5\" | \"margin-top-6\"",
193
193
  "references": {}
194
194
  },
195
195
  "required": false,
@@ -222,7 +222,7 @@ export class PtcTitle {
222
222
  "type": "string",
223
223
  "mutable": false,
224
224
  "complexType": {
225
- "original": "'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'xxxx-large-allbp' | 'xx-large-allbp' | 'xxxx-large-desktop' | 'xxxx-large-store'",
225
+ "original": "| 'xx-small'\r\n | 'x-small'\r\n | 'small'\r\n | 'medium'\r\n | 'large'\r\n | 'x-large'\r\n | 'xx-large'\r\n | 'xxx-large'\r\n | 'xxxx-large'\r\n | 'xxxx-large-allbp'\r\n | 'xx-large-allbp'\r\n | 'xxxx-large-desktop'\r\n | 'xxxx-large-store'",
226
226
  "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\" | \"xx-large\" | \"xx-large-allbp\" | \"xx-small\" | \"xxx-large\" | \"xxxx-large\" | \"xxxx-large-allbp\" | \"xxxx-large-desktop\" | \"xxxx-large-store\"",
227
227
  "references": {}
228
228
  },
package/dist/collection/components/subnav/ptc-subnav/ptc-subnav.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { Host, h } from '@stencil/core';
2
2
  export class PtcSubnav {
3
3
  constructor() {
4
- this.firstChildHref = null;
5
4
  this.mobileTitle = 'See page topics';
6
5
  this.navOpen = false;
7
6
  }
@@ -16,35 +15,8 @@ export class PtcSubnav {
16
15
  console.log('link clicked');
17
16
  this.toggleNav();
18
17
  }
19
- firstChildfuncID() {
20
- const firstChildLi = document.querySelector('ptc-nav-link:first-child');
21
- if (firstChildLi) {
22
- const anchorElement = firstChildLi.shadowRoot.querySelector('a');
23
- this.firstChildHref = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getAttribute('href');
24
- this.firstChildID = this.firstChildHref;
25
- }
26
- return this.firstChildID;
27
- }
28
- scrollToSection(sectionId) {
29
- if (window.innerWidth < 1200) {
30
- const sectionWH = sectionId.replace(/#/g, '');
31
- const section = document.getElementById(sectionWH);
32
- if (section) {
33
- section.scrollIntoView({ behavior: 'smooth', block: 'start' });
34
- setTimeout(() => {
35
- if (this.el.shadowRoot.querySelector('nav.navbar').classList.contains('navOpen')) {
36
- this.el.shadowRoot.querySelector('div.sticky-subnav').classList.add('sticky');
37
- }
38
- else {
39
- this.el.shadowRoot.querySelector('div.sticky-subnav').classList.remove('sticky');
40
- }
41
- }, 100);
42
- }
43
- }
44
- }
45
18
  render() {
46
19
  return (h(Host, null, h("div", { class: "sticky-subnav" }, h("nav", { class: `navbar ${this.navOpen ? 'navOpen' : ''}` }, h("button", { class: "navbar-toggle", onClick: () => {
47
- //this.scrollToSection(this.firstChildfuncID());
48
20
  this.toggleNav();
49
21
  } }, this.mobileTitle, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15", fill: "white", class: "" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.2375 2.83325L7.5 8.60203L1.7625 2.83325L-7.76305e-08 4.60923L7.5 12.1666L15 4.60923L13.2375 2.83325Z", fill: "white" }))), h("div", { class: "navbar-inner" }, h("div", { class: "nav-wrapper" }, h("slot", { name: "subnav-menu-left" }), h("slot", { name: "subnav-menu-right" })))))));
50
22
  }