@ptcwebops/ptcw-design 6.3.66-beta → 6.3.68-beta

package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.css

@@ -9,8 +9,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -29,8 +31,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */

package/dist/collection/components/ptc-text-copy-with-background/ptc-text-copy-with-background.js

@@ -1,11 +1,11 @@
-import { Host, h } from '@stencil/core';
+import { Host, h } from "@stencil/core";
 export class PtcTextCopyWithBackground {
   constructor() {
-    this.type = 'text-copy-with-background';
+    this.type = "text-copy-with-background";
     this.backgroundImage = undefined;
     this.ImageAltText = undefined;
     this.topSlitBackgroundColor = undefined;
-    this.slitPosition = 'top-right';
+    this.slitPosition = "top-right";
     this.isBackgroundBlur = false;
     this.overlay = true;
     this.disableLightLinks = false;
@@ -14,13 +14,13 @@ export class PtcTextCopyWithBackground {
   componentDidLoad() {
     var _a;
     // Run logic only if type is 'hero-footer-cta'
-    if (this.hostEle.getAttribute('type') === 'hero-footer-cta') {
-      const centerWell = document.querySelector('.center-well');
+    if (this.hostEle.getAttribute("type") === "hero-footer-cta") {
+      const centerWell = document.querySelector(".center-well");
       if (centerWell) {
-        const sectionCount = centerWell.querySelectorAll(':scope > section').length;
+        const sectionCount = centerWell.querySelectorAll(":scope > section").length;
         // Add class only if more than one <section> inside .center-well
         if (sectionCount > 1) {
-          (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add('text-copy-footer-cta');
+          (_a = this.hostEle.parentElement) === null || _a === void 0 ? void 0 : _a.classList.add("text-copy-footer-cta");
         }
       }
     }
@@ -28,15 +28,10 @@ export class PtcTextCopyWithBackground {
   render() {
     const classMap = this.getCssClassMap();
     const slitFill = this.getSlitFillColor();
-    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ?
-      h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur &&
-        h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage }))
-      : null, this.overlay &&
-      h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" &&
-      h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: 'card-content' }))))), h("slot", null))));
+    return (h(Host, { class: classMap }, this.styles && h("style", null, this.styles), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "tcb-top-slit", width: "320.963", height: "28.179", viewBox: "0 0 320.963 28.179", style: { fill: slitFill } }, h("path", { id: "Path_8770", d: "M737.02 463.856v27.8H416.057v.378h102.38l47.607-28.179z", class: "tcb-top-slit-cls-1", "data-name": "Path 8770", transform: "translate(-416.057 -463.856)" })), this.backgroundImage ? (h("div", { class: "" }, h("img", { class: "copy-bg-image", alt: this.ImageAltText, src: this.backgroundImage }), this.isBackgroundBlur && (h("img", { class: "copy-bg-image bg-img-filter", alt: this.ImageAltText, src: this.backgroundImage })))) : null, this.overlay && h("div", { class: "copy-bg-overlay-layer" }), h("div", { class: "content-wrap" }, this.type == "case-studies" && (h("div", { class: "ptc-container" }, h("div", { class: "card-wrap" }, h("div", { class: "card-animated-border" }), h("div", { class: "card-content" }, h("div", { class: "card-layout" }, h("slot", { name: "card-content" })))))), h("slot", null))));
   }
   getSlitFillColor() {
-    let slitFill = '#fff';
+    let slitFill = "#fff";
     if (this.topSlitBackgroundColor == "auto") {
       let style = getComputedStyle(document.body);
       if (style && style.backgroundColor) {
@@ -52,8 +47,9 @@ export class PtcTextCopyWithBackground {
     return {
       [this.type]: true,
       [this.slitPosition]: true,
-      ['light-links']: this.overlay && !this.disableLightLinks,
-      ['bg-image-absent']: !this.backgroundImage && this.type == "text-copy-with-background"
+      ["light-links"]: this.overlay && !this.disableLightLinks,
+      ["bg-image-absent"]: !this.backgroundImage &&
+        this.type == "text-copy-with-background",
     };
   }
   static get is() { return "ptc-text-copy-with-background"; }
@@ -74,7 +70,7 @@ export class PtcTextCopyWithBackground {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'text-copy-with-background' | 'hero-footer-cta' | 'tab-cta-with-background' | 'case-studies'",
+          "original": "| \"text-copy-with-background\"\r\n\t\t| \"hero-footer-cta\"\r\n\t\t| \"tab-cta-with-background\"\r\n\t\t| \"case-studies\"",
           "resolved": "\"case-studies\" | \"hero-footer-cta\" | \"tab-cta-with-background\" | \"text-copy-with-background\"",
           "references": {}
         },
@@ -86,7 +82,7 @@ export class PtcTextCopyWithBackground {
         },
         "attribute": "type",
         "reflect": false,
-        "defaultValue": "'text-copy-with-background'"
+        "defaultValue": "\"text-copy-with-background\""
       },
       "backgroundImage": {
         "type": "string",
@@ -143,7 +139,7 @@ export class PtcTextCopyWithBackground {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'",
+          "original": "| \"top-left\"\r\n\t\t| \"top-right\"\r\n\t\t| \"bottom-left\"\r\n\t\t| \"bottom-right\"",
           "resolved": "\"bottom-left\" | \"bottom-right\" | \"top-left\" | \"top-right\"",
           "references": {}
         },
@@ -155,7 +151,7 @@ export class PtcTextCopyWithBackground {
         },
         "attribute": "slit-position",
         "reflect": false,
-        "defaultValue": "'top-right'"
+        "defaultValue": "\"top-right\""
       },
       "isBackgroundBlur": {
         "type": "boolean",

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

@@ -3508,8 +3508,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
   word-break: break-word;
   hyphens: manual;
   -webkit-hyphens: manual;
@@ -3528,8 +3530,10 @@ ul,
 li,
 ptc-subnav,
 ptc-tab-list,
-ptc-link, ptc-square-card,
-.hyphenate-text, ptc-footer {
+ptc-link,
+ptc-square-card,
+.hyphenate-text,
+ptc-footer {
     hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     /* For Safari */
@@ -3569,7 +3573,7 @@ ptc-link, ptc-square-card,
   position: absolute;
   width: calc(100% + 16px);
   height: calc(100% + 8px);
-  background: #FEF3F3;
+  background: #fef3f3;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -3675,7 +3679,7 @@ ptc-link, ptc-square-card,
   background-color: var(--color-white);
 }
 .ptc-text-field .mdc-text-field-helper-text--validation-msg {
-  color: #AF3231 !important;
+  color: #af3231 !important;
   font-family: var(--ptc-font-latin);
   font-size: var(--ptc-font-size-xx-small);
   font-weight: var(--ptc-font-weight-semibold) !important;
@@ -3699,7 +3703,7 @@ ptc-link, ptc-square-card,
   transform: translateY(3px);
 }
 .ptc-text-field .mdc-text-field-helper-text--alert-content-msg {
-  color: #40434A;
+  color: #40434a;
   font-feature-settings: "clig" off, "liga" off;
   font-family: var(--ptc-font-latin);
   font-size: var(--ptc-font-size-xx-small);
@@ -3855,9 +3859,9 @@ ptc-link, ptc-square-card,
   align-items: stretch;
 }
 .ptc-text-field .mdc-text-field:has(textarea.mdc-text-field__input) {
-  padding-right: 1px;
+  padding-right: 8px;
   padding-top: 2px;
-  padding-bottom: 2px;
+  padding-bottom: 8px;
 }
 .ptc-text-field .mdc-text-field--with-internal-counter textarea.mdc-text-field__input {
   padding-bottom: 32px;