@ptcwebops/ptcw-design 4.3.0 → 4.3.2

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

@@ -52,7 +52,7 @@ export class PtcJumbotron {
       default:
         mediaElement = h("ptc-img", { "img-url": this.bgSrc, styles: ".smart-bg{background-position:right !important;}" });
     }
-    return (h(Host, { class: classMap }, h("div", { class: { 'parent': true, 'light-links': (this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video') } }, h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h("div", { class: "div2 content-container" }, h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { class: "ptc-container content-layout" }, h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { name: "breadcrumb" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("slot", { name: "main-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (h("div", null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), h("ptc-para", { "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": 'w-4', "para-margin": `${this.jumbotronType === 'text' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left' }, h("ptc-tooltip", { "text-lines": "8", description: this.subTitle, position: "right", styles: `.ellipsis-by-line-boxing{color: ${this.contentColor};}` })), this.hasCtaSlot &&
+    return (h(Host, { class: classMap }, h("div", { class: { 'parent': true, 'light-links': (this.jumbotronType === 'dark' || this.jumbotronType === 'dark-video') } }, h("div", { class: `div1 image-container ${this.jumbotronType === 'text' ? 'hidden' : ''}` }, mediaElement), h("div", { class: "div2 content-container" }, h("div", { class: "bg-overlay", style: { background: this.contentBackground } }), h("div", { class: "ptc-container content-layout" }, h("max-width-container", { "max-width-p": "60", breakpoint: 992, "content-align": this.jumbotronType === 'text' ? 'center' : this.textAlign, styles: ":host{z-index: 999}" }, h("slot", { name: "breadcrumb" }), h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }), h("slot", { name: "main-title" }), h("slot", { name: "hp-sub-title" }), (this.jumbotronType !== 'text' || (this.jumbotronType === 'text' && this.subTitle)) && (h("div", null, h("ptc-spacer", { breakpoint: "small", size: "small" }), h("ptc-spacer", { breakpoint: "x-small", size: "medium" }))), h("ptc-para", { "font-size": this.jumbotronType === 'text' && this.isMobile ? 'x-small' : 'small', "font-weight": 'w-4', "para-margin": `${this.jumbotronType === 'text' ? 'margin-flush' : 'margin-bottom-6'}`, "para-color": "white", "para-line-h": "line-height-p", "para-align": this.jumbotronType === 'text' ? 'center' : 'left' }, h("ptc-tooltip", { "text-lines": "8", description: this.subTitle, position: "right", styles: `.ellipsis-by-line-boxing{color: ${this.contentColor};}` })), this.hasCtaSlot &&
       h("div", { class: `u-flex u-flex-wrap gap-adjustment${this.jumbotronType === 'text' ? ' text-adjustment' : ''}` }, h("slot", { name: "j-cta" }))), (this.hasPopupVideo && this.jumbotronType !== 'png') ? h("slot", { name: "video" }) : null, this.jumbotronType === 'png' ? (h("div", { class: "desktop-media-image" }, h("div", { class: "media-image-wrapper" }, h("ptc-picture", { "is-full-width": true, src: this.pngSrc }), this.hasPopupVideo ? h("slot", { name: "video" }) : null))) : null, this.jumbotronType === 'gif' ? (h("div", { class: "desktop-media-image desk-gif-adjustment" }, h("img", { src: this.gifSrc }))) : null)))));
   }
   getCssClassMap() {
@@ -317,7 +317,7 @@ export class PtcJumbotron {
       },
       "hasCtaSlot": {
         "type": "boolean",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "boolean",
           "resolved": "boolean",

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

@@ -184,10 +184,16 @@ ptc-link, ptc-square-card {
 :host(.case-study-icon) .case-study-img-anchor:hover .after {
   display: block;
   background: rgba(0, 0, 0, 0.07);
+  transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
+  -webkit-transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
+  -o-transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
 }
 :host(.case-study-icon) .case-study-img-anchor:hover .case-study-icon-img {
   width: 96px;
   height: 46px;
+  transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
+  -webkit-transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
+  -o-transition: var(--ptc-transition-medium) var(--ptc-ease-inout);
 }
 :host(.case-study-icon) .case-study-img-anchor:active .after, :host(.case-study-icon) .case-study-img-anchor:focus .after {
   display: block;

package/dist/custom-elements/index.d.ts

@@ -74,6 +74,24 @@ export const FooterForm: {
   new (): FooterForm;
 };
 
+interface HomepageClickableTab extends Components.HomepageClickableTab, HTMLElement {}
+export const HomepageClickableTab: {
+  prototype: HomepageClickableTab;
+  new (): HomepageClickableTab;
+};
+
+interface HomepageJumbotron extends Components.HomepageJumbotron, HTMLElement {}
+export const HomepageJumbotron: {
+  prototype: HomepageJumbotron;
+  new (): HomepageJumbotron;
+};
+
+interface HomepageToggledContent extends Components.HomepageToggledContent, HTMLElement {}
+export const HomepageToggledContent: {
+  prototype: HomepageToggledContent;
+  new (): HomepageToggledContent;
+};
+
 interface IconAsset extends Components.IconAsset, HTMLElement {}
 export const IconAsset: {
   prototype: IconAsset;
@@ -86,6 +104,12 @@ export const InnovatorToggleContainer: {
   new (): InnovatorToggleContainer;
 };
 
+interface JumbotronSubMune extends Components.JumbotronSubMune, HTMLElement {}
+export const JumbotronSubMune: {
+  prototype: JumbotronSubMune;
+  new (): JumbotronSubMune;
+};
+
 interface ListItem extends Components.ListItem, HTMLElement {}
 export const ListItem: {
   prototype: ListItem;
@@ -374,6 +398,12 @@ export const PtcImg: {
   new (): PtcImg;
 };
 
+interface PtcInfoTile extends Components.PtcInfoTile, HTMLElement {}
+export const PtcInfoTile: {
+  prototype: PtcInfoTile;
+  new (): PtcInfoTile;
+};
+
 interface PtcJumbotron extends Components.PtcJumbotron, HTMLElement {}
 export const PtcJumbotron: {
   prototype: PtcJumbotron;