@ptcwebops/ptcw-design 3.4.6 → 3.4.7

package/dist/collection/components/ptc-progress-bar/ptc-progress-bar.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-quote/ptc-quote.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: flex;
   width: 100%;

package/dist/collection/components/ptc-readmore/ptc-readmore.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-readmore-char/ptc-readmore-char.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-related-card-rail/ptc-related-card-rail.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;
   /* 480px */

package/dist/collection/components/ptc-search-field/ptc-search-field.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 .search-div {
   position: relative;
   display: flex;
@@ -103,6 +142,29 @@
   background-color: var(--color-gray-08);
 }
 
+:host(.news) {
+  z-index: 999;
+  position: relative;
+  margin-top: 20px;
+}
+:host(.news) .search-div {
+  height: 43px;
+  width: 208px;
+}
+@media (max-width: 480px) {
+  :host(.news) .search-div {
+    width: 100%;
+  }
+}
+@media only screen and (min-width: 992px) {
+  :host(.news) .search-div {
+    width: 246px;
+  }
+}
+:host(.news) .search-div .search-btn {
+  height: 43px;
+}
+
 :host(.x-small) .search-div {
   box-shadow: var(--ptc-shadow-x-small);
 }

package/dist/collection/components/ptc-search-field/ptc-search-field.js

@@ -4,6 +4,7 @@ export class PtcSearchField {
     this.textValue = undefined;
     this.placeholderLabel = undefined;
     this.darkTheme = undefined;
+    this.isNews = undefined;
     this.elevation = 'small';
     this.enableClear = false;
     this.styles = undefined;
@@ -64,7 +65,8 @@ export class PtcSearchField {
     return {
       ['dark']: this.darkTheme ? true : false,
       [this.elevation]: true,
-      ['enable-clear']: this.enableClear
+      ['enable-clear']: this.enableClear,
+      ['news']: this.isNews ? true : false,
     };
   }
   static get is() { return "ptc-search-field"; }
@@ -132,6 +134,23 @@ export class PtcSearchField {
         "attribute": "dark-theme",
         "reflect": false
       },
+      "isNews": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-news",
+        "reflect": false
+      },
       "elevation": {
         "type": "string",
         "mutable": false,

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

@@ -6028,6 +6028,45 @@ a.mdc-list-item {
 }
 
 /*# sourceMappingURL=mdc.menu-surface.css.map*/
+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-seo-title/ptc-seo-title.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%;
+}
+
 div.center {
   text-align: center;
 }

package/dist/collection/components/ptc-shopping-cart/ptc-shopping-cart.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 {
   height: 20px;
 }

package/dist/collection/components/ptc-skeleton/ptc-skeleton.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-slit-card/ptc-slit-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-social-share/ptc-social-share.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(.inline-block) {
   display: inline-block;
 }

package/dist/collection/components/ptc-span/ptc-span.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 {
   z-index: 1;
 }

package/dist/collection/components/ptc-square-card/ptc-square-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;
   background-color: transparent;