@ptcwebops/ptcw-design 0.2.8 → 0.2.9

package/dist/types/components.d.ts

@@ -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";
+    }
+    interface PtcCardContent {
+        "cardType": 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump';
+    }
+    interface PtcCardPlm {
+        "cardLink": string;
+        "cardType": 'card-video'| 'card-tall' | 'card-wide' | 'speed-bump';
+        "linkTarget": string;
+        "linkTitle": string;
+    }
     interface PtcCountdown {
     }
     interface PtcDate {
@@ -198,6 +217,9 @@ export namespace Components {
     }
     interface PtcForm {
     }
+    interface PtcHero {
+        "heroType": 'jumbotron' | 'footer-cta';
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -266,7 +288,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 +296,7 @@ export namespace Components {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType": 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType": 'list-primary';
     }
     interface PtcLottie {
         /**
@@ -319,24 +341,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 +392,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 +452,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 +472,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 +507,7 @@ export namespace Components {
         /**
           * Upperline Style
          */
-        "upperline": 'dotted' | 'solid';
+        "upperline": 'dotted' | 'solid' | 'no-upperline';
     }
 }
 declare global {
@@ -464,6 +541,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 +559,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 +601,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 +703,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;
@@ -647,8 +759,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 +809,8 @@ declare namespace LocalJSX {
     }
     interface PtcAvatar {
     }
+    interface PtcBreadcrumb {
+    }
     interface PtcButton {
         /**
           * Button theme color
@@ -714,15 +829,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 +853,7 @@ declare namespace LocalJSX {
          */
         "tabNav"?: number;
         /**
-          * (optional) Link target
+          * Link target
          */
         "target"?: string;
         /**
@@ -788,6 +907,20 @@ declare namespace LocalJSX {
          */
         "target"?: string;
     }
+    interface PtcCardBottom {
+        "cardType"?: "card-video" | "card-tall" | "card-2up" | "card-wide";
+    }
+    interface PtcCardContent {
+        "cardType"?: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump';
+        "onHoverEvent"?: (event: CustomEvent<void>) => void;
+        "onLeaveEvent"?: (event: CustomEvent<void>) => void;
+    }
+    interface PtcCardPlm {
+        "cardLink"?: string;
+        "cardType"?: 'card-video'| 'card-tall' | 'card-wide' | 'speed-bump';
+        "linkTarget"?: string;
+        "linkTitle"?: string;
+    }
     interface PtcCountdown {
     }
     interface PtcDate {
@@ -820,6 +953,9 @@ declare namespace LocalJSX {
     }
     interface PtcForm {
     }
+    interface PtcHero {
+        "heroType"?: 'jumbotron' | 'footer-cta';
+    }
     interface PtcImg {
         /**
           * Image border shape
@@ -896,7 +1032,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 +1040,7 @@ declare namespace LocalJSX {
     }
     interface PtcList {
         "listItems"?: string[];
-        "listType"?: 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+        "listType"?: 'list-primary';
     }
     interface PtcLottie {
         /**
@@ -953,24 +1089,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 +1140,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 +1200,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 +1220,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 +1255,7 @@ declare namespace LocalJSX {
         /**
           * Upperline Style
          */
-        "upperline"?: 'dotted' | 'solid';
+        "upperline"?: 'dotted' | 'solid' | 'no-upperline';
     }
     interface IntrinsicElements {
         "icon-asset": IconAsset;
@@ -1072,12 +1263,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 +1300,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.2.9",
   "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.2.9
 
 The site is the place for documentation on PTC Design System
 

package/dist/cjs/icon-asset.cjs.entry.js

@@ -1,64 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-0b899fc6.js');
-
-const iconAssetCss = "/*!\n * Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com\n * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)\n */.svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}icon-asset{vertical-align:middle}svg.x-small{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.xx-large{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white{fill:var(--color-white)}svg.black{fill:var(--color-black)}svg.ptc-green{fill:var(--color-primary-green)}svg.inherit{fill:inherit}";
-
-let IconAsset = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Icon Size
-     */
-    this.size = 'small';
-    /**
-     * Icon Type
-     */
-    this.type = 'regular';
-    /**
-     * Icon Spin Animation (not valid for ptc type)
-     */
-    this.spin = '';
-    /**
-     * Icon Pulse Animation (not valid for ptc type)
-     */
-    this.pulse = '';
-    /**
-     * Icon Color
-     */
-    this.color = 'default';
-    this.regularSprite = index.getAssetPath('./media/regular.svg');
-    this.solidSprite = index.getAssetPath('./media/solid.svg');
-    this.brandSprite = index.getAssetPath('./media/brands.svg');
-    this.ptcSprite = index.getAssetPath('./media/designer.svg');
-  }
-  render() {
-    const classMap = this.getCssClassMap();
-    if (this.type == 'brands') {
-      return (index.h(index.Host, null, index.h("svg", { class: classMap }, index.h("use", { href: `${this.brandSprite}#${this.name}` }))));
-    }
-    else if (this.type == 'solid') {
-      return (index.h(index.Host, null, index.h("svg", { class: classMap }, index.h("use", { href: `${this.solidSprite}#${this.name}` }))));
-    }
-    else if (this.type == 'ptc') {
-      return (index.h(index.Host, null, index.h("svg", { class: classMap }, index.h("use", { href: `${this.ptcSprite}#${this.name}` }))));
-    }
-    else {
-      return (index.h(index.Host, null, index.h("svg", { class: classMap }, index.h("use", { href: `${this.regularSprite}#${this.name}` }))));
-    }
-  }
-  getCssClassMap() {
-    return {
-      [this.size]: true,
-      [this.spin]: true,
-      [this.pulse]: true,
-      [this.color]: true,
-    };
-  }
-  static get assetsDirs() { return ["media"]; }
-};
-IconAsset.style = iconAssetCss;
-
-exports.icon_asset = IconAsset;

package/dist/cjs/interfaces-0ecd8027.js

@@ -1,15 +0,0 @@
-'use strict';
-
-let ResponsiveBgVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-img',
-  interval: 250
-};
-let ResponsivePictureVariables = {
-  envs: ['xs', 'sm', 'md', 'lg'],
-  selector: '.ptc-picture',
-  interval: 250
-};
-
-exports.ResponsiveBgVariables = ResponsiveBgVariables;
-exports.ResponsivePictureVariables = ResponsivePictureVariables;