@ptcwebops/ptcw-design 0.0.5 → 0.0.7

package/dist/types/components.d.ts

@@ -153,6 +153,10 @@ export namespace Components {
         "sizeXs": string;
     }
     interface PtcLink {
+        /**
+          * Disabled link
+         */
+        "disabled": boolean;
         /**
           * Rxternal link
          */
@@ -176,7 +180,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'simple' | 'arrow';
+        "theme": 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link';
         /**
           * Uppercase
          */
@@ -228,6 +232,32 @@ export namespace Components {
          */
         "url": string;
     }
+    interface PtcNcard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * If this card has Image
+         */
+        "hasImage": boolean;
+        /**
+          * If this card has Lottie Image
+         */
+        "hasLottie": boolean;
+        /**
+          * If this card has Video
+         */
+        "hasVideo": boolean;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
     }
     interface PtcPara {
@@ -364,6 +394,12 @@ declare global {
         prototype: HTMLPtcNavItemElement;
         new (): HTMLPtcNavItemElement;
     };
+    interface HTMLPtcNcardElement extends Components.PtcNcard, HTMLStencilElement {
+    }
+    var HTMLPtcNcardElement: {
+        prototype: HTMLPtcNcardElement;
+        new (): HTMLPtcNcardElement;
+    };
     interface HTMLPtcOverlayElement extends Components.PtcOverlay, HTMLStencilElement {
     }
     var HTMLPtcOverlayElement: {
@@ -415,6 +451,7 @@ declare global {
         "ptc-lottie": HTMLPtcLottieElement;
         "ptc-nav": HTMLPtcNavElement;
         "ptc-nav-item": HTMLPtcNavItemElement;
+        "ptc-ncard": HTMLPtcNcardElement;
         "ptc-overlay": HTMLPtcOverlayElement;
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
@@ -575,6 +612,10 @@ declare namespace LocalJSX {
         "sizeXs"?: string;
     }
     interface PtcLink {
+        /**
+          * Disabled link
+         */
+        "disabled"?: boolean;
         /**
           * Rxternal link
          */
@@ -598,7 +639,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'simple' | 'arrow';
+        "theme"?: 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link';
         /**
           * Uppercase
          */
@@ -654,6 +695,32 @@ declare namespace LocalJSX {
          */
         "url"?: string;
     }
+    interface PtcNcard {
+        /**
+          * Card Link URL (Optional)
+         */
+        "cardHref"?: string;
+        /**
+          * If this card has Image
+         */
+        "hasImage"?: boolean;
+        /**
+          * If this card has Lottie Image
+         */
+        "hasLottie"?: boolean;
+        /**
+          * If this card has Video
+         */
+        "hasVideo"?: boolean;
+        /**
+          * (optional) Link card rel
+         */
+        "rel"?: string;
+        /**
+          * (optional) Link card target
+         */
+        "target"?: string;
+    }
     interface PtcOverlay {
     }
     interface PtcPara {
@@ -719,6 +786,7 @@ declare namespace LocalJSX {
         "ptc-lottie": PtcLottie;
         "ptc-nav": PtcNav;
         "ptc-nav-item": PtcNavItem;
+        "ptc-ncard": PtcNcard;
         "ptc-overlay": PtcOverlay;
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
@@ -745,6 +813,7 @@ declare module "@stencil/core" {
             "ptc-lottie": LocalJSX.PtcLottie & JSXBase.HTMLAttributes<HTMLPtcLottieElement>;
             "ptc-nav": LocalJSX.PtcNav & JSXBase.HTMLAttributes<HTMLPtcNavElement>;
             "ptc-nav-item": LocalJSX.PtcNavItem & JSXBase.HTMLAttributes<HTMLPtcNavItemElement>;
+            "ptc-ncard": LocalJSX.PtcNcard & JSXBase.HTMLAttributes<HTMLPtcNcardElement>;
             "ptc-overlay": LocalJSX.PtcOverlay & JSXBase.HTMLAttributes<HTMLPtcOverlayElement>;
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",

package/dist/ptcw-design/p-d0909325.entry.js

@@ -1 +0,0 @@
-import{r as t,h as a,H as i}from"./p-4f366fc3.js";const r=class{constructor(a){t(this,a),this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return a(i,null,a("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?a("icon-asset",{type:"solid",size:"small",name:"arrow-right"}):"",a("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,[this.fontSize]:!0}}};r.style='ptc-link a.ptc-link{display:inline-block;color:var(--color-primary-uigrey);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);margin-bottom:var(--ptc-element-spacing-01);outline:none;text-decoration:none}ptc-link a.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-standard-ease);border-bottom:2px solid var(--color-primary-green);opacity:0}ptc-link a:hover.simple::after{opacity:1}ptc-link a.arrow{margin-right:var(--ptc-element-spacing-01)}ptc-link a.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-06);border-bottom:2px solid var(--color-primary-green);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-standard-ease)}ptc-link a:hover.arrow::after{width:100%}ptc-link a.uppercase{text-transform:uppercase}ptc-link a.small{font-size:var(--ptc-font-size-small)}ptc-link a.medium{font-size:var(--ptc-font-size-medium)}ptc-link a.large{font-size:var(--ptc-font-size-large)}ptc-link a icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-standard-ease)}ptc-link a:hover.arrow icon-asset{transform:translateX(var(--ptc-element-spacing-04))}';export{r as ptc_link}