@ptcwebops/ptcw-design 0.5.2 → 0.5.4

package/dist/types/components.d.ts

@@ -204,6 +204,12 @@ export namespace Components {
         "linkTarget": string;
         "linkTitle": string;
     }
+    interface PtcContainer {
+        /**
+          * Theme
+         */
+        "backgroundColor": 'white' | 'gray';
+    }
     interface PtcDate {
         /**
           * Country examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
@@ -563,6 +569,8 @@ export namespace Components {
         "href": string | undefined;
         "text": string | undefined;
     }
+    interface PtcPricingBlock {
+    }
     interface PtcQuote {
         /**
           * Button CTA Text
@@ -763,6 +771,12 @@ declare global {
         prototype: HTMLPtcCardPlmElement;
         new (): HTMLPtcCardPlmElement;
     };
+    interface HTMLPtcContainerElement extends Components.PtcContainer, HTMLStencilElement {
+    }
+    var HTMLPtcContainerElement: {
+        prototype: HTMLPtcContainerElement;
+        new (): HTMLPtcContainerElement;
+    };
     interface HTMLPtcDateElement extends Components.PtcDate, HTMLStencilElement {
     }
     var HTMLPtcDateElement: {
@@ -871,6 +885,12 @@ declare global {
         prototype: HTMLPtcPreviousUrlElement;
         new (): HTMLPtcPreviousUrlElement;
     };
+    interface HTMLPtcPricingBlockElement extends Components.PtcPricingBlock, HTMLStencilElement {
+    }
+    var HTMLPtcPricingBlockElement: {
+        prototype: HTMLPtcPricingBlockElement;
+        new (): HTMLPtcPricingBlockElement;
+    };
     interface HTMLPtcQuoteElement extends Components.PtcQuote, HTMLStencilElement {
     }
     var HTMLPtcQuoteElement: {
@@ -930,6 +950,7 @@ declare global {
         "ptc-card-bottom": HTMLPtcCardBottomElement;
         "ptc-card-content": HTMLPtcCardContentElement;
         "ptc-card-plm": HTMLPtcCardPlmElement;
+        "ptc-container": HTMLPtcContainerElement;
         "ptc-date": HTMLPtcDateElement;
         "ptc-hero": HTMLPtcHeroElement;
         "ptc-hero-footer-cta": HTMLPtcHeroFooterCtaElement;
@@ -948,6 +969,7 @@ declare global {
         "ptc-para": HTMLPtcParaElement;
         "ptc-picture": HTMLPtcPictureElement;
         "ptc-previous-url": HTMLPtcPreviousUrlElement;
+        "ptc-pricing-block": HTMLPtcPricingBlockElement;
         "ptc-quote": HTMLPtcQuoteElement;
         "ptc-responsive-wrapper": HTMLPtcResponsiveWrapperElement;
         "ptc-social-share": HTMLPtcSocialShareElement;
@@ -1169,6 +1191,12 @@ declare namespace LocalJSX {
         "linkTarget"?: string;
         "linkTitle"?: string;
     }
+    interface PtcContainer {
+        /**
+          * Theme
+         */
+        "backgroundColor"?: 'white' | 'gray';
+    }
     interface PtcDate {
         /**
           * Country examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
@@ -1540,6 +1568,8 @@ declare namespace LocalJSX {
         "href"?: string | undefined;
         "text"?: string | undefined;
     }
+    interface PtcPricingBlock {
+    }
     interface PtcQuote {
         /**
           * Button CTA Text
@@ -1689,6 +1719,7 @@ declare namespace LocalJSX {
         "ptc-card-bottom": PtcCardBottom;
         "ptc-card-content": PtcCardContent;
         "ptc-card-plm": PtcCardPlm;
+        "ptc-container": PtcContainer;
         "ptc-date": PtcDate;
         "ptc-hero": PtcHero;
         "ptc-hero-footer-cta": PtcHeroFooterCta;
@@ -1707,6 +1738,7 @@ declare namespace LocalJSX {
         "ptc-para": PtcPara;
         "ptc-picture": PtcPicture;
         "ptc-previous-url": PtcPreviousUrl;
+        "ptc-pricing-block": PtcPricingBlock;
         "ptc-quote": PtcQuote;
         "ptc-responsive-wrapper": PtcResponsiveWrapper;
         "ptc-social-share": PtcSocialShare;
@@ -1731,6 +1763,7 @@ declare module "@stencil/core" {
             "ptc-card-bottom": LocalJSX.PtcCardBottom & JSXBase.HTMLAttributes<HTMLPtcCardBottomElement>;
             "ptc-card-content": LocalJSX.PtcCardContent & JSXBase.HTMLAttributes<HTMLPtcCardContentElement>;
             "ptc-card-plm": LocalJSX.PtcCardPlm & JSXBase.HTMLAttributes<HTMLPtcCardPlmElement>;
+            "ptc-container": LocalJSX.PtcContainer & JSXBase.HTMLAttributes<HTMLPtcContainerElement>;
             "ptc-date": LocalJSX.PtcDate & JSXBase.HTMLAttributes<HTMLPtcDateElement>;
             "ptc-hero": LocalJSX.PtcHero & JSXBase.HTMLAttributes<HTMLPtcHeroElement>;
             "ptc-hero-footer-cta": LocalJSX.PtcHeroFooterCta & JSXBase.HTMLAttributes<HTMLPtcHeroFooterCtaElement>;
@@ -1749,6 +1782,7 @@ declare module "@stencil/core" {
             "ptc-para": LocalJSX.PtcPara & JSXBase.HTMLAttributes<HTMLPtcParaElement>;
             "ptc-picture": LocalJSX.PtcPicture & JSXBase.HTMLAttributes<HTMLPtcPictureElement>;
             "ptc-previous-url": LocalJSX.PtcPreviousUrl & JSXBase.HTMLAttributes<HTMLPtcPreviousUrlElement>;
+            "ptc-pricing-block": LocalJSX.PtcPricingBlock & JSXBase.HTMLAttributes<HTMLPtcPricingBlockElement>;
             "ptc-quote": LocalJSX.PtcQuote & JSXBase.HTMLAttributes<HTMLPtcQuoteElement>;
             "ptc-responsive-wrapper": LocalJSX.PtcResponsiveWrapper & JSXBase.HTMLAttributes<HTMLPtcResponsiveWrapperElement>;
             "ptc-social-share": LocalJSX.PtcSocialShare & JSXBase.HTMLAttributes<HTMLPtcSocialShareElement>;

package/package.json

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

package/readme.md

@@ -1,6 +1,6 @@
 ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
 
-# PTC Design 0.5.2
+# PTC Design 0.5.4
 
 The site is the place for documentation on PTC Design System
 

package/dist/ptcw-design/p-37ffbdf2.entry.js

@@ -1 +0,0 @@
-import{r as t,h as o,H as e}from"./p-e8a60227.js";let r=class{constructor(o){t(this,o),this.disabled=!1,this.external=!1,this.target="_self",this.theme="simple",this.uppercase=!1,this.fontSize="medium"}render(){const t=this.getCssClassMap();return o(e,null,o("a",{class:t,href:this.href,target:this.external?"_blank":this.target,title:this.linkTitle},"arrow"==this.theme?o("icon-asset",{type:"solid",size:"x-small",name:"arrow-right"}):"","arrow-plm"==this.theme?o("icon-asset",{type:"ptc",size:"x-small",name:"button-arrow-right"}):"",o("slot",null)))}getCssClassMap(){return{"ptc-link":!0,[this.theme]:!0,uppercase:this.uppercase,disabled:this.disabled,[this.fontSize]:!0}}};r.style=':host{display:block}.disabled{pointer-events:none;cursor:default;text-decoration:none}.ptc-link{display:inline-block;color:var(--color-gray-10);font-weight:var(--ptc-font-weight-black);position:relative;line-height:var(--ptc-line-height-normal);outline:none;text-decoration:none}.simple::after{content:"";position:absolute;width:100%;left:0px;bottom:2px;transition:opacity var(--ptc-transition-fast) var(--ptc-ease-inout);border-bottom:2px solid var(--color-green-07);opacity:0}.simple:hover.simple::after{opacity:1}.arrow{margin-right:var(--ptc-element-spacing-01)}.arrow::after{position:absolute;display:block;content:"";width:var(--ptc-element-spacing-07);border-bottom:2px solid var(--color-green-07);bottom:1px;transition:width var(--ptc-transition-fast) var(--ptc-ease-inout)}.arrow:hover.arrow::after{width:100%}.uppercase{text-transform:uppercase}.small{font-size:var(--ptc-font-size-xx-small)}.medium{font-size:var(--ptc-font-size-x-small)}.large{font-size:var(--ptc-font-size-medium)}.ptc-link.arrow icon-asset{position:absolute;right:-25px;transition:transform var(--ptc-transition-fast) var(--ptc-ease-inout);transform:translateY(2px)}.ptc-link.arrow icon-asset svg{fill:var(--color-green-07) !important}.ptc-link.arrow-plm icon-asset{position:absolute;right:-6.75px;transform:translate(100%, 8%)}.ptc-link.arrow-plm svg{fill:var(--color-green-07) !important}.ptc-link:hover.arrow icon-asset{transform:translate(var(--ptc-element-spacing-04), 2px)}.nav-title:focus,.nav-title-link:focus,.primary-nav-link:focus,.secondary-nav-link:focus,.footer-nav-link:focus,.copyright-link:focus{outline:3px solid var(--color-blue-07);outline-offset:2px}.nav-title{box-sizing:border-box;color:var(--color-white);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin-bottom:var(--ptc-element-spacing-02);text-align:left}.primary-nav-link{background-color:transparent;box-sizing:border-box;color:var(--color-gray-01);display:inline-block;font-size:var(--ptc-font-size-x-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-dense);list-style:none;margin:var(--ptc-element-spacing-01) var(--ptc-element-spacing-03);padding:var(--ptc-element-spacing-02) var(--ptc-element-spacing-06);position:relative;text-decoration:none;transition:background-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.primary-nav-link:hover{border-radius:var(--ptc-border-radius-standard);background-color:var(--color-gray-12);text-decoration:none;outline:none}.nav-title-link{background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);list-style:none;text-align:left;text-decoration-color:var(--color-white);text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;display:inline-block}.nav-title-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06)}.secondary-nav-link{display:inline-block;background-color:transparent;box-sizing:border-box;color:var(--color-white);font-size:var(--ptc-font-size-xxx-small);font-stretch:100%;font-style:normal;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);list-style:none;margin-bottom:var(--ptc-element-spacing-03);text-align:left;text-decoration:none;transition:border-color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1.5px solid transparent;white-space:nowrap}.secondary-nav-link:hover{color:var(--color-white);border-bottom:1.5px solid var(--color-green-06);border-radius:0;text-decoration:none}.footer-nav-link{color:var(--color-white);transition:border var(--ptc-transition-medium) var(--ptc-ease-inout), color var(--ptc-transition-medium) var(--ptc-ease-inout);border-bottom:1px solid transparent;outline:none;text-decoration:none;font-weight:var(--ptc-font-weight-semibold);letter-spacing:var(--ptc-letter-spacing-normal);line-height:var(--ptc-line-height-densest);text-align:left;font-size:var(--ptc-font-size-x-small)}.footer-nav-link:hover{outline:none;text-decoration:none;border-bottom:0.1rem solid var(--color-green-06);color:var(--color-green-06)}.copyright-link{color:var(--color-white);font-size:var(--ptc-font-size-xx-small);font-weight:var(--ptc-font-weight-normal);line-height:var(--ptc-line-height-loose);display:inline-block}.arrow-plm{color:var(--color-white);font-weight:var(--ptc-font-weight-extrabold);line-height:var(--ptc-line-height-densest);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color var(--ptc-transition-medium) var(--ptc-ease-inout)}.arrow-plm:hover{text-decoration-color:var(--color-green-07)}';export{r as ptc_link}