@ptcwebops/ptcw-design 0.2.8 → 0.3.0

package/dist/types/components.d.ts

@@ -22,7 +22,7 @@ export namespace Components {
         /**
           * Icon Size
          */
-        "size": 'x-small' | 'small' | 'large' | 'xx-large';
+        "size": 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large';
         /**
           * Icon Spin Animation (not valid for ptc type)
          */
@@ -33,8 +33,9 @@ export namespace Components {
         "type": 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface ListItem {
+        "flushBefore": boolean;
         "linkHref"?: string;
-        "listType": 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType": 'list-primary' | 'breadcrumb';
     }
     interface MyComponent {
         /**
@@ -78,6 +79,8 @@ export namespace Components {
     }
     interface PtcAvatar {
     }
+    interface PtcBreadcrumb {
+    }
     interface PtcButton {
         /**
           * Button theme color
@@ -96,11 +99,15 @@ export namespace Components {
          */
         "iconPosition": 'icon-left' | 'icon-right';
         /**
-          * Link URL (Optional)
+          * Link URL
          */
         "linkHref"?: string;
         /**
-          * (optional) Link rel
+          * link Title
+         */
+        "linkTitle"?: string;
+        /**
+          * Link rel
          */
         "rel"?: string;
         /**
@@ -112,7 +119,7 @@ export namespace Components {
          */
         "tabNav": number;
         /**
-          * (optional) Link target
+          * Link target
          */
         "target"?: string;
         /**
@@ -166,6 +173,18 @@ export namespace Components {
          */
         "target"?: string;
     }
+    interface PtcCardBottom {
+        "cardType": "card-video" | "card-tall" | "card-2up" | "card-wide" | "card-playlist";
+    }
+    interface PtcCardContent {
+        "cardType": 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+    }
+    interface PtcCardPlm {
+        "cardLink": string;
+        "cardType": 'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro';
+        "linkTarget": string;
+        "linkTitle": string;
+    }
     interface PtcCountdown {
     }
     interface PtcDate {
@@ -173,6 +192,10 @@ export namespace Components {
           * Country examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
          */
         "country": string | undefined;
+        /**
+          * Date Color
+         */
+        "dateColor": 'white' | 'primary-grey';
         /**
           * Date examples: 2000-1-1 or 2000/01/01
          */
@@ -198,6 +221,9 @@ export namespace Components {
     }
     interface PtcForm {
     }
+    interface PtcHero {
+        "heroType": 'jumbotron' | 'footer-cta';
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -266,7 +292,7 @@ export namespace Components {
         /**
           * Theme
          */
-        "theme": 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link';
+        "theme": 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
         /**
           * Uppercase
          */
@@ -274,7 +300,7 @@ export namespace Components {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType": 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType": 'list-primary';
     }
     interface PtcLottie {
         /**
@@ -319,24 +345,48 @@ export namespace Components {
         "url": string;
     }
     interface PtcOverlay {
+        /**
+          * Overlay border shape
+         */
+        "borderRadius": 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
+        /**
+          * Filter Color
+         */
+        "filterColor": 'blue' | 'red' | 'orange' | 'green' | 'black-1-xs' | 'black-2-xs' | 'black-1-sm' | 'black-2-sm' | 'black-3' | 'slate-grey';
+        /**
+          * Overlay z-index
+         */
+        "overlayZIndex": 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
+        /**
+          * Injected Styles
+         */
+        "styles"?: string;
     }
     interface PtcPara {
         /**
           * Paragraph font size
          */
-        "fontSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+        "fontSize": 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15';
         /**
           * Paragraph font weight
          */
         "fontWeight": 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+        /**
+          * Paragraph Color
+         */
+        "paraColor": 'primary-grey' | 'white';
+        /**
+          * line height
+         */
+        "paraLineH": 'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6';
+        "paraMargin"?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6'| 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
         /**
           * Paragraph Style
          */
-        "paraStyle": 'default' | 'intro' | 'small' | 'announcement';
+        "paraStyle": 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
     }
     interface PtcPicture {
         /**
@@ -346,11 +396,15 @@ export namespace Components {
         /**
           * Image border shape
          */
-        "borderRadius": 'radius-sm' | 'radius-md' | 'radius-lg' | '';
+        "borderRadius": 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
         /**
           * Set height Value unit: pixles Just put numbers without unit
          */
         "height"?: string;
+        /**
+          * Image Position
+         */
+        "imagePosition": 'relative' | 'absolute' | 'static';
         /**
           * Object Fit Default: cover
          */
@@ -402,14 +456,17 @@ export namespace Components {
         /**
           * Spacing Size
          */
-        "size": 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large';
+        "size": 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120';
     }
     interface PtcSpan {
+        /**
+          * Display
+         */
         "display": 'block' | 'inline-block' | 'inline';
         /**
           * Span Style
          */
-        "spanStyle": 'link-style' | 'tag-style' | 'nav-style';
+        "spanStyle": 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
         /**
           * Injected Styles
          */
@@ -419,10 +476,34 @@ export namespace Components {
         "svgName"?: string;
     }
     interface PtcTitle {
+        /**
+          * Is this title using on the PLM Hub page
+         */
+        "isPlmHub": boolean;
+        /**
+          * Injected Style
+         */
+        "styles"?: string;
         /**
           * Text Align
          */
-        "textAlign": 'left' | 'center' | 'right';
+        "textAlign": 'left' | 'center' | 'right' | 'inherit';
+        /**
+          * Title Margin
+         */
+        "titleMargin"?: | 'margin-flush'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
+    | 'margin-6';
         /**
           * Title Tag Type
          */
@@ -430,7 +511,7 @@ export namespace Components {
         /**
           * Upperline Style
          */
-        "upperline": 'dotted' | 'solid';
+        "upperline": 'dotted' | 'solid' | 'no-upperline';
     }
 }
 declare global {
@@ -464,6 +545,12 @@ declare global {
         prototype: HTMLPtcAvatarElement;
         new (): HTMLPtcAvatarElement;
     };
+    interface HTMLPtcBreadcrumbElement extends Components.PtcBreadcrumb, HTMLStencilElement {
+    }
+    var HTMLPtcBreadcrumbElement: {
+        prototype: HTMLPtcBreadcrumbElement;
+        new (): HTMLPtcBreadcrumbElement;
+    };
     interface HTMLPtcButtonElement extends Components.PtcButton, HTMLStencilElement {
     }
     var HTMLPtcButtonElement: {
@@ -476,6 +563,24 @@ declare global {
         prototype: HTMLPtcCardElement;
         new (): HTMLPtcCardElement;
     };
+    interface HTMLPtcCardBottomElement extends Components.PtcCardBottom, HTMLStencilElement {
+    }
+    var HTMLPtcCardBottomElement: {
+        prototype: HTMLPtcCardBottomElement;
+        new (): HTMLPtcCardBottomElement;
+    };
+    interface HTMLPtcCardContentElement extends Components.PtcCardContent, HTMLStencilElement {
+    }
+    var HTMLPtcCardContentElement: {
+        prototype: HTMLPtcCardContentElement;
+        new (): HTMLPtcCardContentElement;
+    };
+    interface HTMLPtcCardPlmElement extends Components.PtcCardPlm, HTMLStencilElement {
+    }
+    var HTMLPtcCardPlmElement: {
+        prototype: HTMLPtcCardPlmElement;
+        new (): HTMLPtcCardPlmElement;
+    };
     interface HTMLPtcCountdownElement extends Components.PtcCountdown, HTMLStencilElement {
     }
     var HTMLPtcCountdownElement: {
@@ -500,6 +605,12 @@ declare global {
         prototype: HTMLPtcFormElement;
         new (): HTMLPtcFormElement;
     };
+    interface HTMLPtcHeroElement extends Components.PtcHero, HTMLStencilElement {
+    }
+    var HTMLPtcHeroElement: {
+        prototype: HTMLPtcHeroElement;
+        new (): HTMLPtcHeroElement;
+    };
     interface HTMLPtcImgElement extends Components.PtcImg, HTMLStencilElement {
     }
     var HTMLPtcImgElement: {
@@ -596,12 +707,17 @@ declare global {
         "my-component": HTMLMyComponentElement;
         "ptc-announcement": HTMLPtcAnnouncementElement;
         "ptc-avatar": HTMLPtcAvatarElement;
+        "ptc-breadcrumb": HTMLPtcBreadcrumbElement;
         "ptc-button": HTMLPtcButtonElement;
         "ptc-card": HTMLPtcCardElement;
+        "ptc-card-bottom": HTMLPtcCardBottomElement;
+        "ptc-card-content": HTMLPtcCardContentElement;
+        "ptc-card-plm": HTMLPtcCardPlmElement;
         "ptc-countdown": HTMLPtcCountdownElement;
         "ptc-date": HTMLPtcDateElement;
         "ptc-footer": HTMLPtcFooterElement;
         "ptc-form": HTMLPtcFormElement;
+        "ptc-hero": HTMLPtcHeroElement;
         "ptc-img": HTMLPtcImgElement;
         "ptc-input": HTMLPtcInputElement;
         "ptc-link": HTMLPtcLinkElement;
@@ -636,7 +752,7 @@ declare namespace LocalJSX {
         /**
           * Icon Size
          */
-        "size"?: 'x-small' | 'small' | 'large' | 'xx-large';
+        "size"?: 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large';
         /**
           * Icon Spin Animation (not valid for ptc type)
          */
@@ -647,8 +763,9 @@ declare namespace LocalJSX {
         "type"?: 'solid' | 'brands' | 'ptc' | 'regular';
     }
     interface ListItem {
+        "flushBefore"?: boolean;
         "linkHref"?: string;
-        "listType"?: 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType"?: 'list-primary' | 'breadcrumb';
     }
     interface MyComponent {
         /**
@@ -696,6 +813,8 @@ declare namespace LocalJSX {
     }
     interface PtcAvatar {
     }
+    interface PtcBreadcrumb {
+    }
     interface PtcButton {
         /**
           * Button theme color
@@ -714,15 +833,19 @@ declare namespace LocalJSX {
          */
         "iconPosition"?: 'icon-left' | 'icon-right';
         /**
-          * Link URL (Optional)
+          * Link URL
          */
         "linkHref"?: string;
+        /**
+          * link Title
+         */
+        "linkTitle"?: string;
         /**
           * Emitted when the button has focus.
          */
         "onClickEvent"?: (event: CustomEvent<void>) => void;
         /**
-          * (optional) Link rel
+          * Link rel
          */
         "rel"?: string;
         /**
@@ -734,7 +857,7 @@ declare namespace LocalJSX {
          */
         "tabNav"?: number;
         /**
-          * (optional) Link target
+          * Link target
          */
         "target"?: string;
         /**
@@ -788,6 +911,20 @@ declare namespace LocalJSX {
          */
         "target"?: string;
     }
+    interface PtcCardBottom {
+        "cardType"?: "card-video" | "card-tall" | "card-2up" | "card-wide" | "card-playlist";
+    }
+    interface PtcCardContent {
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+        "onHoverEvent"?: (event: CustomEvent<void>) => void;
+        "onLeaveEvent"?: (event: CustomEvent<void>) => void;
+    }
+    interface PtcCardPlm {
+        "cardLink"?: string;
+        "cardType"?: 'card-video'| 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro';
+        "linkTarget"?: string;
+        "linkTitle"?: string;
+    }
     interface PtcCountdown {
     }
     interface PtcDate {
@@ -795,6 +932,10 @@ declare namespace LocalJSX {
           * Country examples: en-US, zh-CN, zh-TW, fr-FR, ja-JP, ru-RU, de-DE, ko-KR, it-IT, es-ES
          */
         "country"?: string | undefined;
+        /**
+          * Date Color
+         */
+        "dateColor"?: 'white' | 'primary-grey';
         /**
           * Date examples: 2000-1-1 or 2000/01/01
          */
@@ -820,6 +961,9 @@ declare namespace LocalJSX {
     }
     interface PtcForm {
     }
+    interface PtcHero {
+        "heroType"?: 'jumbotron' | 'footer-cta';
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -896,7 +1040,7 @@ declare namespace LocalJSX {
         /**
           * Theme
          */
-        "theme"?: 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link';
+        "theme"?: 'simple' | 'arrow' | 'nav-title'| 'primary-nav-link' | 'nav-title-link' | 'secondary-nav-link' | 'footer-nav-link' | 'copyright-link' | 'arrow-plm';
         /**
           * Uppercase
          */
@@ -904,7 +1048,7 @@ declare namespace LocalJSX {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType"?: 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType"?: 'list-primary';
     }
     interface PtcLottie {
         /**
@@ -953,24 +1097,48 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface PtcOverlay {
+        /**
+          * Overlay border shape
+         */
+        "borderRadius"?: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
+        /**
+          * Filter Color
+         */
+        "filterColor"?: 'blue' | 'red' | 'orange' | 'green' | 'black-1-xs' | 'black-2-xs' | 'black-1-sm' | 'black-2-sm' | 'black-3' | 'slate-grey';
+        /**
+          * Overlay z-index
+         */
+        "overlayZIndex"?: 'z-index-auto' | 'z-index-n-2' | 'z-index-n-1' | 'z-index-p-1' | 'z-index-p-2';
+        /**
+          * Injected Styles
+         */
+        "styles"?: string;
     }
     interface PtcPara {
         /**
           * Paragraph font size
          */
-        "fontSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+        "fontSize"?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15';
         /**
           * Paragraph font weight
          */
         "fontWeight"?: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+        /**
+          * Paragraph Color
+         */
+        "paraColor"?: 'primary-grey' | 'white';
+        /**
+          * line height
+         */
+        "paraLineH"?: 'line-height-17' | 'line-height-18' | 'line-height-19' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
         /**
           * Paragraph Margin
          */
-        "paraMargin"?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6';
+        "paraMargin"?: 'margin-flush' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6'| 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
         /**
           * Paragraph Style
          */
-        "paraStyle"?: 'default' | 'intro' | 'small' | 'announcement';
+        "paraStyle"?: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
     }
     interface PtcPicture {
         /**
@@ -980,11 +1148,15 @@ declare namespace LocalJSX {
         /**
           * Image border shape
          */
-        "borderRadius"?: 'radius-sm' | 'radius-md' | 'radius-lg' | '';
+        "borderRadius"?: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
         /**
           * Set height Value unit: pixles Just put numbers without unit
          */
         "height"?: string;
+        /**
+          * Image Position
+         */
+        "imagePosition"?: 'relative' | 'absolute' | 'static';
         /**
           * Object Fit Default: cover
          */
@@ -1036,14 +1208,17 @@ declare namespace LocalJSX {
         /**
           * Spacing Size
          */
-        "size"?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large';
+        "size"?: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120';
     }
     interface PtcSpan {
+        /**
+          * Display
+         */
         "display"?: 'block' | 'inline-block' | 'inline';
         /**
           * Span Style
          */
-        "spanStyle"?: 'link-style' | 'tag-style' | 'nav-style';
+        "spanStyle"?: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
         /**
           * Injected Styles
          */
@@ -1053,10 +1228,34 @@ declare namespace LocalJSX {
         "svgName"?: string;
     }
     interface PtcTitle {
+        /**
+          * Is this title using on the PLM Hub page
+         */
+        "isPlmHub"?: boolean;
+        /**
+          * Injected Style
+         */
+        "styles"?: string;
         /**
           * Text Align
          */
-        "textAlign"?: 'left' | 'center' | 'right';
+        "textAlign"?: 'left' | 'center' | 'right' | 'inherit';
+        /**
+          * Title Margin
+         */
+        "titleMargin"?: | 'margin-flush'
+    | 'margin-top-3'
+    | 'margin-top-4'
+    | 'margin-top-5'
+    | 'margin-top-6'
+    | 'margin-bottom-3'
+    | 'margin-bottom-4'
+    | 'margin-bottom-5'
+    | 'margin-bottom-6'
+    | 'margin-3'
+    | 'margin-4'
+    | 'margin-5'
+    | 'margin-6';
         /**
           * Title Tag Type
          */
@@ -1064,7 +1263,7 @@ declare namespace LocalJSX {
         /**
           * Upperline Style
          */
-        "upperline"?: 'dotted' | 'solid';
+        "upperline"?: 'dotted' | 'solid' | 'no-upperline';
     }
     interface IntrinsicElements {
         "icon-asset": IconAsset;
@@ -1072,12 +1271,17 @@ declare namespace LocalJSX {
         "my-component": MyComponent;
         "ptc-announcement": PtcAnnouncement;
         "ptc-avatar": PtcAvatar;
+        "ptc-breadcrumb": PtcBreadcrumb;
         "ptc-button": PtcButton;
         "ptc-card": PtcCard;
+        "ptc-card-bottom": PtcCardBottom;
+        "ptc-card-content": PtcCardContent;
+        "ptc-card-plm": PtcCardPlm;
         "ptc-countdown": PtcCountdown;
         "ptc-date": PtcDate;
         "ptc-footer": PtcFooter;
         "ptc-form": PtcForm;
+        "ptc-hero": PtcHero;
         "ptc-img": PtcImg;
         "ptc-input": PtcInput;
         "ptc-link": PtcLink;
@@ -1104,12 +1308,17 @@ declare module "@stencil/core" {
             "my-component": LocalJSX.MyComponent & JSXBase.HTMLAttributes<HTMLMyComponentElement>;
             "ptc-announcement": LocalJSX.PtcAnnouncement & JSXBase.HTMLAttributes<HTMLPtcAnnouncementElement>;
             "ptc-avatar": LocalJSX.PtcAvatar & JSXBase.HTMLAttributes<HTMLPtcAvatarElement>;
+            "ptc-breadcrumb": LocalJSX.PtcBreadcrumb & JSXBase.HTMLAttributes<HTMLPtcBreadcrumbElement>;
             "ptc-button": LocalJSX.PtcButton & JSXBase.HTMLAttributes<HTMLPtcButtonElement>;
             "ptc-card": LocalJSX.PtcCard & JSXBase.HTMLAttributes<HTMLPtcCardElement>;
+            "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-countdown": LocalJSX.PtcCountdown & JSXBase.HTMLAttributes<HTMLPtcCountdownElement>;
             "ptc-date": LocalJSX.PtcDate & JSXBase.HTMLAttributes<HTMLPtcDateElement>;
             "ptc-footer": LocalJSX.PtcFooter & JSXBase.HTMLAttributes<HTMLPtcFooterElement>;
             "ptc-form": LocalJSX.PtcForm & JSXBase.HTMLAttributes<HTMLPtcFormElement>;
+            "ptc-hero": LocalJSX.PtcHero & JSXBase.HTMLAttributes<HTMLPtcHeroElement>;
             "ptc-img": LocalJSX.PtcImg & JSXBase.HTMLAttributes<HTMLPtcImgElement>;
             "ptc-input": LocalJSX.PtcInput & JSXBase.HTMLAttributes<HTMLPtcInputElement>;
             "ptc-link": LocalJSX.PtcLink & JSXBase.HTMLAttributes<HTMLPtcLinkElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ptcwebops/ptcw-design",
-  "version": "0.2.8",
+  "version": "0.3.0",
   "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.2.7
+# PTC Design 0.3.0
 
 The site is the place for documentation on PTC Design System