@ptcwebops/ptcw-design 6.4.27-beta → 6.4.29-beta

package/dist/collection/components/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.css

@@ -0,0 +1,93 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+  word-break: break-word;
+  hyphens: manual;
+  -webkit-hyphens: manual;
+  -moz-hyphens: manual;
+  -ms-hyphens: manual;
+}
+@supports (hyphenate-limit-chars: 12 3 3) {
+  h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    /* For Safari */
+    -webkit-hyphenate-limit-after: 3;
+    /* For Safari */
+    hyphenate-limit-chars: 12 3 3;
+    hyphenate-limit-lines: 2;
+    hyphenate-limit-last: always;
+    hyphenate-limit-zone: 6%;
+    -webkit-hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+    -webkit-hyphenate-limit-chars: 12 3 3;
+    -webkit-hyphenate-limit-lines: 2;
+    -moz-hyphens: auto;
+    -moz-hyphenate-limit-chars: 12 3 3;
+    -moz-hyphenate-limit-lines: 2;
+    -ms-hyphens: auto;
+    -ms-hyphenate-limit-chars: 12 3 3;
+    -ms-hyphenate-limit-lines: 2;
+  }
+}
+
+:host {
+  display: block;
+  text-align: center;
+}
+:host .blue-pill-announcement-bar-wrapper {
+  display: inline-flex;
+  padding: 12px 24px;
+  justify-content: center;
+  align-items: center;
+  gap: 12px;
+  border-radius: 30px;
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  background: var(--blue-7-base-color, #197bc0);
+  /* Drop Shadow (X-Large) */
+  box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.24);
+  color: var(--color-white);
+  font-family: var(--ptc-font-latin);
+  font-size: var(--ptc-font-size-x-small);
+  font-weight: var(--ptc-font-weight-medium);
+  line-height: var(--ptc-line-height-p);
+  text-align: left;
+}
+:host .blue-pill-announcement-bar-wrapper svg {
+  min-width: 16px;
+}
+:host ::slotted(p) {
+  margin-bottom: 0 !important;
+  color: var(--color-white) !important;
+  font-size: var(--ptc-font-size-x-small) !important;
+  font-weight: var(--ptc-font-weight-medium) !important;
+  line-height: var(--ptc-line-height-p) !important;
+  text-align: left !important;
+}

package/dist/collection/components/ptc-blue-pill-announcement-bar/ptc-blue-pill-announcement-bar.js

@@ -0,0 +1,18 @@
+import { Host, h } from "@stencil/core";
+export class PtcBluePillAnnouncementBar {
+  render() {
+    return (h(Host, null, h("div", { class: "blue-pill-announcement-bar-wrapper" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("g", { "clip-path": "url(#clip0_96_14879)" }, h("path", { d: "M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1Z", fill: "white" }), h("rect", { x: "7.5", y: "6.5", width: "1", height: "6", fill: "white", stroke: "white" }), h("circle", { cx: "8", cy: "4", r: "0.5", fill: "white", stroke: "white" })), h("defs", null, h("clipPath", { id: "clip0_96_14879" }, h("rect", { width: "16", height: "16", fill: "white" })))), h("div", null, h("slot", null)))));
+  }
+  static get is() { return "ptc-blue-pill-announcement-bar"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["ptc-blue-pill-announcement-bar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["ptc-blue-pill-announcement-bar.css"]
+    };
+  }
+}

package/dist/collection/components/ptc-case-studies-slider/ptc-case-studies-slider.css

@@ -83,7 +83,8 @@ swiper-slide {
 }
 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 /* 3D Effects */
 .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -390,8 +391,7 @@ button.swiper-pagination-bullet {
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
+          appearance: none;
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
@@ -559,8 +559,7 @@ button.swiper-pagination-bullet {
 .swiper-zoom-container > canvas {
   max-width: 100%;
   max-height: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 .swiper-slide-zoomed {
   cursor: move;
@@ -606,7 +605,8 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide {
   pointer-events: none;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
@@ -635,7 +635,8 @@ swiper-container .swiper-notification {
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
@@ -661,7 +662,8 @@ swiper-container .swiper-notification {
 }
 .swiper-flip .swiper-slide {
   pointer-events: none;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   z-index: 1;
 }
 .swiper-flip .swiper-slide .swiper-slide {
@@ -676,10 +678,12 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .swiper-creative .swiper-slide {
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height;
 }
@@ -688,7 +692,8 @@ swiper-container .swiper-notification {
 }
 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   overflow: hidden;
 }
 
@@ -929,6 +934,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-featured-list/ptc-featured-list.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-filter-level-theater/ptc-filter-level-theater.css

@@ -292,6 +292,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-icon-component/ptc-icon-component.css

@@ -83,7 +83,8 @@ swiper-slide {
 }
 .swiper-backface-hidden .swiper-slide {
   transform: translateZ(0);
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 /* 3D Effects */
 .swiper-3d.swiper-css-mode .swiper-wrapper {
@@ -390,8 +391,7 @@ button.swiper-pagination-bullet {
   padding: 0;
   box-shadow: none;
   -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
+          appearance: none;
 }
 .swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer;
@@ -559,8 +559,7 @@ button.swiper-pagination-bullet {
 .swiper-zoom-container > canvas {
   max-width: 100%;
   max-height: 100%;
-  -o-object-fit: contain;
-     object-fit: contain;
+  object-fit: contain;
 }
 .swiper-slide-zoomed {
   cursor: move;
@@ -606,7 +605,8 @@ swiper-container .swiper-notification {
 }
 .swiper-cube .swiper-slide {
   pointer-events: none;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   z-index: 1;
   visibility: hidden;
   transform-origin: 0 0;
@@ -635,7 +635,8 @@ swiper-container .swiper-notification {
 .swiper-cube .swiper-slide-shadow-left,
 .swiper-cube .swiper-slide-shadow-right {
   z-index: 0;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .swiper-cube .swiper-cube-shadow {
   position: absolute;
@@ -661,7 +662,8 @@ swiper-container .swiper-notification {
 }
 .swiper-flip .swiper-slide {
   pointer-events: none;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   z-index: 1;
 }
 .swiper-flip .swiper-slide .swiper-slide {
@@ -676,10 +678,12 @@ swiper-container .swiper-notification {
 .swiper-flip .swiper-slide-shadow-left,
 .swiper-flip .swiper-slide-shadow-right {
   z-index: 0;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
 }
 .swiper-creative .swiper-slide {
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   overflow: hidden;
   transition-property: transform, opacity, height;
 }
@@ -688,7 +692,8 @@ swiper-container .swiper-notification {
 }
 .swiper-cards .swiper-slide {
   transform-origin: center bottom;
-  backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
   overflow: hidden;
 }
 

package/dist/collection/components/ptc-jumbotron/ptc-jumbotron.css

@@ -1367,6 +1367,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-modal/ptc-modal.css

@@ -168,6 +168,16 @@ ptc-footer {
 .wrapper .modal-popup .modal-body.html {
   overflow: hidden;
 }
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar {
+  width: 6px;
+}
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-track {
+  border-radius: var(--ptc-border-radius-pill);
+}
+.wrapper .modal-popup .modal-body.modern-scrollbar::-webkit-scrollbar-thumb {
+  background: var(--color-gray-03);
+  border-radius: var(--ptc-border-radius-pill);
+}
 .wrapper .modal-popup.frame .modal-body {
   display: flex;
   flex: 1;

package/dist/collection/components/ptc-modal/ptc-modal.js

@@ -32,6 +32,8 @@ export class PtcModal {
     this.rounded = false;
     this.hideContainer = false;
     this.showHeaderFooter = false;
+    this.hideHeader = false;
+    this.modernScrollbar = false;
     this.overlayHeight = undefined;
     this.borderRadius = "standard";
     this.isBioModal = false;
@@ -281,13 +283,18 @@ export class PtcModal {
       ]
       : null, this.showHeaderFooter
       ? [
-        h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn),
-        h("div", { class: "modal-body", onScroll: () => this.handleScroll() }, content),
+        !this.hideHeader && (h("div", { class: "modal-header" }, h("slot", { name: "header" }), closebtn)),
+        this.hideHeader && closebtn,
+        h("div", { class: `modal-body ${this.modernScrollbar
+            ? "modern-scrollbar"
+            : ""}`, onScroll: () => this.handleScroll() }, content),
         h("div", { class: "modal-footer" }, h("slot", { name: "footer" })),
       ]
       : [
         closebtn,
-        h("div", { class: "modal-body" }, content),
+        h("div", { class: `modal-body ${this.modernScrollbar
+            ? "modern-scrollbar"
+            : ""}` }, content),
       ], this.modalType === "event-listing" &&
       this.bottomCloseBtn
       ? [bottomCloseBtnEle]
@@ -530,6 +537,42 @@ export class PtcModal {
         "reflect": false,
         "defaultValue": "false"
       },
+      "hideHeader": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Sets if popup should hide header"
+        },
+        "attribute": "hide-header",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "modernScrollbar": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Use modern scrollbar styling for the modal body."
+        },
+        "attribute": "modern-scrollbar",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "borderRadius": {
         "type": "string",
         "mutable": true,

package/dist/collection/components/ptc-overlay/ptc-overlay.css

@@ -169,6 +169,10 @@ ptc-footer {
   background: linear-gradient(180deg, transparent 0%, transparent 100%);
 }
 
+:host(.white-bottom) {
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, #fff 100%);
+}
+
 :host(.radius-standard) {
   border-radius: var(--ptc-border-radius-standard);
 }

package/dist/collection/components/ptc-overlay/ptc-overlay.js

@@ -38,7 +38,7 @@ export class PtcOverlay {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"blue\"\r\n\t\t| \"red\"\r\n\t\t| \"orange\"\r\n\t\t| \"green\"\r\n\t\t| \"black-1\"\r\n\t\t| \"black-2\"\r\n\t\t| \"black-3\"\r\n\t\t| \"black-4\"\r\n\t\t| \"black-5\"\r\n\t\t| \"slate-grey\"\r\n\t\t| \"bright-blue\"\r\n\t\t| \"bright-red\"\r\n\t\t| \"bright-orange\"\r\n\t\t| \"bright-green\"\r\n\t\t| \"bright-slate-grey\"\r\n\t\t| \"solid-black-1\"\r\n\t\t| \"solid-black-2\"\r\n\t\t| \"hp-blue\"\r\n\t\t| \"hp-green\"\r\n\t\t| \"hp-red\"\r\n\t\t| \"hp-gray\"\r\n\t\t| \"hp-orange\"\r\n\t\t| \"transparent\"\r\n\t\t| string",
+          "original": "| \"blue\"\r\n\t\t| \"red\"\r\n\t\t| \"orange\"\r\n\t\t| \"green\"\r\n\t\t| \"black-1\"\r\n\t\t| \"black-2\"\r\n\t\t| \"black-3\"\r\n\t\t| \"black-4\"\r\n\t\t| \"black-5\"\r\n\t\t| \"slate-grey\"\r\n\t\t| \"bright-blue\"\r\n\t\t| \"bright-red\"\r\n\t\t| \"bright-orange\"\r\n\t\t| \"bright-green\"\r\n\t\t| \"bright-slate-grey\"\r\n\t\t| \"solid-black-1\"\r\n\t\t| \"solid-black-2\"\r\n\t\t| \"hp-blue\"\r\n\t\t| \"hp-green\"\r\n\t\t| \"hp-red\"\r\n\t\t| \"hp-gray\"\r\n\t\t| \"hp-orange\"\r\n\t\t| \"transparent\"\r\n\t\t| \"white-bottom\"\r\n\t\t| string",
           "resolved": "string",
           "references": {}
         },

package/dist/collection/components/ptc-podcast-card/ptc-podcast-card.css

@@ -5730,6 +5730,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-product-card/ptc-product-card.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;
@@ -372,4 +376,18 @@ ptc-modal inline-form a,
 }
 :host(.has-opened) .product-highlights-container {
   display: block;
+}
+
+::slotted(.cta-group) {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  flex-wrap: wrap;
+  -moz-column-gap: 16px;
+       column-gap: 16px;
+}
+@media only screen and (min-width: 1200px) {
+  ::slotted(.cta-group) {
+    flex-direction: column;
+  }
 }

package/dist/collection/components/ptc-product-category/ptc-product-category.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-product-highlight-card/ptc-product-highlight-card.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-readmore-char/ptc-readmore-char.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-readmore-v3/ptc-readmore-v3.css

@@ -235,6 +235,10 @@ ptc-modal inline-form a,
   outline: 5px solid var(--keyboard-nav-outline);
 }
 
+.white-links a {
+  color: var(--color-white) !important;
+}
+
 .ptc-link {
   color: var(--color-gray-10);
   text-decoration: underline;

package/dist/collection/components/ptc-seo-title/ptc-seo-title.js

@@ -191,7 +191,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"margin-flush\"\r\n\t\t| \"margin-top-3\"\r\n\t\t| \"margin-top-4\"\r\n\t\t| \"margin-top-5\"\r\n\t\t| \"margin-top-6\"\r\n\t\t| \"margin-bottom-3\"\r\n\t\t| \"margin-bottom-4\"\r\n\t\t| \"margin-bottom-5\"\r\n\t\t| \"margin-bottom-6\"\r\n\t\t| \"margin-3\"\r\n\t\t| \"margin-4\"\r\n\t\t| \"margin-5\"\r\n\t\t| \"margin-6\"\r\n\t\t| \"margin-9\"",
+          "original": "| \"margin-flush\"\n\t\t| \"margin-top-3\"\n\t\t| \"margin-top-4\"\n\t\t| \"margin-top-5\"\n\t\t| \"margin-top-6\"\n\t\t| \"margin-bottom-3\"\n\t\t| \"margin-bottom-4\"\n\t\t| \"margin-bottom-5\"\n\t\t| \"margin-bottom-6\"\n\t\t| \"margin-3\"\n\t\t| \"margin-4\"\n\t\t| \"margin-5\"\n\t\t| \"margin-6\"\n\t\t| \"margin-9\"",
           "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\"",
           "references": {}
         },
@@ -225,7 +225,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"xx-small\"\r\n\t\t| \"x-small\"\r\n\t\t| \"small\"\r\n\t\t| \"medium\"\r\n\t\t| \"large\"\r\n\t\t| \"x-large\"\r\n\t\t| \"xx-large\"\r\n\t\t| \"xxx-large\"\r\n\t\t| \"xxxx-large\"\r\n\t\t| \"xxxx-large-allbp\"\r\n\t\t| \"xx-large-allbp\"\r\n\t\t| \"xxxx-large-desktop\"\r\n\t\t| \"xxxx-large-store\"",
+          "original": "| \"xx-small\"\n\t\t| \"x-small\"\n\t\t| \"small\"\n\t\t| \"medium\"\n\t\t| \"large\"\n\t\t| \"x-large\"\n\t\t| \"xx-large\"\n\t\t| \"xxx-large\"\n\t\t| \"xxxx-large\"\n\t\t| \"xxxx-large-allbp\"\n\t\t| \"xx-large-allbp\"\n\t\t| \"xxxx-large-desktop\"\n\t\t| \"xxxx-large-store\"",
           "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\"",
           "references": {}
         },
@@ -242,7 +242,7 @@ export class PtcSeoTitle {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "| \"densest\"\r\n\t\t| \"denser\"\r\n\t\t| \"dense\"\r\n\t\t| \"normal\"\r\n\t\t| \"loose\"\r\n\t\t| \"looser\"\r\n\t\t| \"paragraph\"",
+          "original": "| \"densest\"\n\t\t| \"denser\"\n\t\t| \"dense\"\n\t\t| \"normal\"\n\t\t| \"loose\"\n\t\t| \"looser\"\n\t\t| \"paragraph\"",
           "resolved": "\"dense\" | \"denser\" | \"densest\" | \"loose\" | \"looser\" | \"normal\" | \"paragraph\"",
           "references": {}
         },

package/dist/collection/components/ptc-store-card/ptc-store-card.css

@@ -0,0 +1,100 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+  word-break: break-word;
+  hyphens: manual;
+  -webkit-hyphens: manual;
+  -moz-hyphens: manual;
+  -ms-hyphens: manual;
+}
+@supports (hyphenate-limit-chars: 12 3 3) {
+  h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+ptc-subnav,
+ptc-tab-list,
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    /* For Safari */
+    -webkit-hyphenate-limit-after: 3;
+    /* For Safari */
+    hyphenate-limit-chars: 12 3 3;
+    hyphenate-limit-lines: 2;
+    hyphenate-limit-last: always;
+    hyphenate-limit-zone: 6%;
+    -webkit-hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+    -webkit-hyphenate-limit-chars: 12 3 3;
+    -webkit-hyphenate-limit-lines: 2;
+    -moz-hyphens: auto;
+    -moz-hyphenate-limit-chars: 12 3 3;
+    -moz-hyphenate-limit-lines: 2;
+    -ms-hyphens: auto;
+    -ms-hyphenate-limit-chars: 12 3 3;
+    -ms-hyphenate-limit-lines: 2;
+  }
+}
+
+:host {
+  display: flex;
+  flex-direction: column;
+  background-color: var(--color-white);
+  border-radius: var(--ptc-border-radius-standard);
+  /* Drop Shadow (X-Small) */
+  box-shadow: var(--ptc-shadow-x-small);
+  height: 100%;
+}
+:host .image-container {
+  height: 120px;
+  position: relative;
+}
+:host .content-container {
+  padding: 16px;
+  color: var(--color-gray-10);
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  /* Paragraph Small */
+  font-size: var(--ptc-font-size-x-small);
+  font-weight: var(--ptc-font-weight-regular);
+  line-height: var(--ptc-line-height-p);
+}
+:host ::slotted(.store-card-logo) {
+  display: block;
+  max-height: 24px;
+  margin-bottom: 8px;
+}
+:host ::slotted(h4) {
+  margin: 0 0 var(--ptc-element-spacing-02) 0 !important;
+}
+:host ::slotted(a.store-card-title) {
+  display: block;
+  color: var(--color-gray-10);
+}
+:host ::slotted(p) {
+  margin-bottom: 0 !important;
+  font-size: var(--ptc-font-size-x-small) !important;
+}