@ptcwebops/ptcw-design 0.2.8 → 0.2.9

package/dist/types/components/ptc-hero/ptc-hero.d.ts

@@ -0,0 +1,5 @@
+export declare class PtcHero {
+  heroType: 'jumbotron' | 'footer-cta';
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-img/ptc-img.d.ts

@@ -36,6 +36,9 @@ export declare class PtcImg {
    * Lazy loading option
    */
   loadMode: 'lazy-bg' | 'eager-bg';
+  /**
+   * Image Z Index
+   */
   WindowResize(): void;
   render(): any;
   componentDidLoad(): void;

package/dist/types/components/ptc-link/ptc-link.d.ts

@@ -22,7 +22,7 @@ export declare class PtcLink {
   /**
    * 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
    */

package/dist/types/components/ptc-list/ptc-list.d.ts

@@ -1,5 +1,5 @@
 export declare class PtcList {
-  listType: 'link-primary' | 'link-sub' | 'icon' | 'para-list';
+  listType: 'list-primary';
   listItems?: string[];
   render(): any;
   private getCssClassMap;

package/dist/types/components/ptc-overlay/ptc-overlay.d.ts

@@ -1,3 +1,20 @@
 export declare class PtcOverlay {
+  /**
+   * Filter Color
+   */
+  filterColor: 'blue' | 'red' | 'orange' | 'green' | 'black-1-xs' | 'black-2-xs' | 'black-1-sm' | 'black-2-sm' | 'black-3' | 'slate-grey';
+  /**
+   * Overlay border shape
+   */
+  borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
+  /**
+   * 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;
   render(): any;
+  private getCssClassMap;
 }

package/dist/types/components/ptc-para/ptc-para.d.ts

@@ -2,7 +2,7 @@ export declare class 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
    **/
@@ -10,11 +10,19 @@ export declare class PtcPara {
   /**
    * Paragraph Style
    **/
-  paraStyle: 'default' | 'intro' | 'small' | 'announcement';
+  paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
+  /**
+   * 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';
   render(): any;
   private getCssClassMap;
 }

package/dist/types/components/ptc-picture/ptc-picture.d.ts

@@ -32,10 +32,14 @@ export declare class PtcPicture {
    * Image Src
    **/
   oldSrc: string;
+  /**
+   * Image Position
+   */
+  imagePosition: 'relative' | 'absolute' | 'static';
   /**
    * 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

package/dist/types/components/ptc-spacer/ptc-spacer.d.ts

@@ -6,7 +6,7 @@ export declare class PtcSpacer {
   /**
    * 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';
   /**
    * Direction
    */

package/dist/types/components/ptc-span/ptc-span.d.ts

@@ -2,7 +2,10 @@ export declare class PtcSpan {
   /**
    * Span Style
    */
-  spanStyle: 'link-style' | 'tag-style' | 'nav-style';
+  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
+  /**
+   * Display
+   */
   display: 'block' | 'inline-block' | 'inline';
   /**
    * Injected Styles

package/dist/types/components/ptc-title/ptc-title.d.ts

@@ -1,4 +1,8 @@
 export declare class PtcTitle {
+  /**
+   * Is this title using on the PLM Hub page
+   */
+  isPlmHub: boolean;
   /**
    * Title Tag Type
    */
@@ -6,11 +10,19 @@ export declare class PtcTitle {
   /**
    * Text Align
    */
-  textAlign: 'left' | 'center' | 'right';
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
   /**
    * Upperline Style
    */
-  upperline: 'dotted' | 'solid';
+  upperline: 'dotted' | 'solid' | 'no-upperline';
+  /**
+   * 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';
+  /**
+   * Injected Style
+   */
+  styles?: string;
   render(): any;
   private getCssClassMap;
 }