@ptcwebops/ptcw-design 4.5.4 → 4.5.6

package/dist/cjs/{homepage-clickable-tab_2.cjs.entry.js → homepage-clickable-tab.cjs.entry.js}

@@ -30,24 +30,4 @@ const HomepageClickableTab = class {
 };
 HomepageClickableTab.style = homepageClickableTabCss;
 
-const ptcInfoTileCss = "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;-webkit-hyphenate-limit-after:3;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}.tile{position:relative;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);cursor:pointer;transition:border 0.3s;max-width:360px;height:116px}.tile.image{width:373px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;margin:0 auto}.tile.image .tile-content{border-bottom:2px solid var(--color-white);background:#FFF;height:82px;text-align:left;flex:1}.tile.image:hover .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:#FFF}.tile.image:active .tile-content,.tile.image:focus .tile-content{border-bottom:2px solid var(--Blue-6, #4795CD);background:var(--Gray-1, #F6F6F6)}.tile.text{background-color:var(--color-white);border:1px solid var(--color-gray-03);width:268px}.tile.text:hover{background-color:var(--color-gray-01);border:1px solid var(--color-gray-07)}.tile img{width:120px;height:116px}.tile h3{margin:0;font-size:1.2em}.tile p{margin:0.5em 0 0;color:#666}.tile .link-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}.tile .tile-content{padding:16px}.tile .tile-content h3{color:var(--color-blue-07);font-family:Raleway;font-size:14px;font-weight:500}.tile .tile-content p{color:var(--color-gray-10);font-family:Raleway;font-size:16px;font-weight:700;line-height:24px;}::slotted(img[slot=tile-image]){width:120px !important;height:120px !important}::slotted(h3[slot=tile-title]){color:var(--color-blue-07) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-xx-small) !important;font-weight:var(--ptc-font-weight-medium) !important;text-align:left !important}::slotted(p[slot=tile-description]){color:var(--color-gray-10) !important;font-family:var(--ptc-font-latin) !important;font-size:var(--ptc-font-size-x-small) !important;font-weight:var(--ptc-font-weight-bold) !important;line-height:var(--ptc-line-height-p) !important;text-align:left !important}";
-
-const PtcInfoTile = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.tileClick = index.createEvent(this, "tileClick", 7);
-    this.link = undefined;
-    this.variant = undefined;
-  }
-  handleClick() {
-    this.tileClick.emit();
-  }
-  render() {
-    const content = (index.h("div", { class: "tile-content" }, index.h("h3", null, index.h("slot", { name: "tile-title" })), index.h("p", null, index.h("slot", { name: "tile-description" }))));
-    return (index.h(index.Host, null, index.h("div", { class: `tile ${this.variant}`, onClick: () => this.handleClick() }, this.variant === 'image' && index.h("div", { class: "tile-image" }, index.h("slot", { name: "tile-image" })), content, this.link && (index.h("a", { href: this.link, class: "link-overlay" })))));
-  }
-};
-PtcInfoTile.style = ptcInfoTileCss;
-
 exports.homepage_clickable_tab = HomepageClickableTab;
-exports.ptc_info_tile = PtcInfoTile;