@ptcwebops/ptcw-design 3.4.6 → 3.4.7

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }
@@ -84,6 +123,10 @@
   padding: 0px var(--ptc-element-spacing-08);
 }
 
+:host(.most-popular) {
+  padding: 0 16px 14px 16px;
+}
+
 @media only screen and (min-width: 768px) {
   :host(.card-2up) .ptc-card-bottom-wrapper {
     padding: 0 32px 32px 24px;

package/dist/collection/components/ptc-card-bottom/ptc-card-bottom.js

@@ -47,8 +47,8 @@ export class PtcCardBottom {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'",
-          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\" | \"color-outlined\" | \"extra-tall\"",
+          "original": "'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist' | 'extra-tall' | 'color-outlined'| 'most-popular'",
+          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-wide\" | \"color-outlined\" | \"extra-tall\" | \"most-popular\"",
           "references": {}
         },
         "required": false,

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   height: 100%;

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }
@@ -156,4 +195,16 @@
 }
 :host(.simple-card) a:hover {
   text-decoration: none;
+}
+
+:host(.most-popular) {
+  position: relative;
+  margin: 12px;
+  background-color: var(--color-white);
+}
+:host(.most-popular) a {
+  text-decoration: none;
+}
+:host(.most-popular) a:hover {
+  text-decoration: none;
 }

package/dist/collection/components/ptc-card-wrapper/ptc-card-wrapper.js

@@ -90,8 +90,8 @@ export class PtcCardPlm {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up' | 'extra-tall' | 'color-outlined' | 'result-box' | 'simple-card'",
-          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"extra-tall\" | \"result-box\" | \"simple-card\" | \"speed-bump\"",
+          "original": "'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up' | 'extra-tall' | 'color-outlined' | 'result-box' |'most-popular' | 'simple-card'",
+          "resolved": "\"card-2up\" | \"card-playlist\" | \"card-tall\" | \"card-video\" | \"card-video-intro\" | \"card-wide\" | \"color-outlined\" | \"extra-tall\" | \"most-popular\" | \"result-box\" | \"simple-card\" | \"speed-bump\"",
           "references": {}
         },
         "required": false,

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

@@ -691,6 +691,45 @@ swiper-container .swiper-notification {
   overflow: hidden;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   overflow: hidden;

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   height: 100%;

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
   position: relative;

package/dist/collection/components/ptc-data-lookup/ptc-data-lookup.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

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

@@ -1,4 +1,43 @@
 @charset "UTF-8";
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: inline-block;
   position: relative;

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

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-ellipsis-dropdown/ptc-ellipsis-dropdown.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 .ellipsis-icon {
   box-sizing: border-box;
   border: 1px solid var(--color-gray-08);

package/dist/collection/components/ptc-embedded-quiz/ptc-embedded-quiz.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }

package/dist/collection/components/ptc-featured-list/fl-tab-content/fl-tab-content.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: none;
 }

package/dist/collection/components/ptc-featured-list/fl-tab-header/fl-tab-header.css

@@ -1,3 +1,42 @@
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+ul,
+li,
+span {
+  word-break: break-word;
+  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;
+  -webkit-hyphenate-limit-last: always;
+  -webkit-hyphenate-limit-zone: 6%;
+  -moz-hyphens: auto;
+  -moz-hyphenate-limit-chars: 12 3 3;
+  -moz-hyphenate-limit-lines: 2;
+  -moz-hyphenate-limit-last: always;
+  -moz-hyphenate-limit-zone: 6%;
+  -ms-hyphens: auto;
+  -ms-hyphenate-limit-chars: 12 3 3;
+  -ms-hyphenate-limit-lines: 2;
+  -ms-hyphenate-limit-last: always;
+  -ms-hyphenate-limit-zone: 6%;
+}
+
 :host {
   display: block;
 }