@ptcwebops/ptcw-design 0.5.1 → 0.5.3

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

@@ -1,28 +1,28 @@
-export declare class PtcPara {
-  /**
-   * Paragraph font size
-   **/
-  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 Style
-   **/
-  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-heigth-23' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
-  /**
-   * Paragraph Margin
-   */
-  paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcPara {
+  /**
+   * Paragraph font size
+   **/
+  fontSize: 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+  /**
+   * Paragraph font weight
+   **/
+  fontWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  /**
+   * Paragraph Style
+   **/
+  paraStyle: 'default' | 'intro' | 'small' | 'announcement' | 'flush-style' | 'main';
+  /**
+   * Paragraph Color
+   */
+  paraColor: 'primary-grey' | 'white';
+  /**
+   * line height
+   */
+  paraLineH: 'line-height-densest' | 'line-height-denser' | 'line-height-dense' | 'line-height-normal' | 'line-height-loose' | 'line-height-looser';
+  /**
+   * Paragraph Margin
+   */
+  paraMargin?: 'margin-flush' | 'maring-top-1' | 'margin-top-2' | 'margin-top-3' | 'margin-top-4' | 'margin-top-5' | 'margin-top-6' | 'margin-bottom-1' | 'margin-bottom-2' | 'margin-bottom-3' | 'margin-bottom-4' | 'margin-bottom-5' | 'margin-bottom-6' | 'margin-1' | 'margin-2' | 'margin-3' | 'margin-4' | 'margin-5' | 'margin-6';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,93 +1,93 @@
-export declare class PtcPicture {
-  el: HTMLElement;
-  /**
-   * Image Render Src
-   */
-  src: string;
-  /**
-   * Image alt
-   */
-  alt: string;
-  /**
-   * Image size for smallest screen
-   * <=767px
-   */
-  sizeXs: string;
-  /**
-   * Image size for small screen
-   * >=768px and <=991px
-   */
-  sizeSm: string;
-  /**
-   * Image size for medium screen
-   * >=992px and <=1199px
-   */
-  sizeMd: string;
-  /**
-   * Image solution for large screen
-   * >=1200px
-   */
-  sizeLg: string;
-  /**
-   * Image Src
-   **/
-  oldSrc: string;
-  /**
-   * Image Position
-   */
-  imagePosition: 'relative' | 'absolute' | 'static';
-  /**
-   * Image border shape
-   */
-  borderRadius: 'radius-sm' | 'radius-md' | 'radius-lg' | 'radius-x-lg';
-  /**
-   * Set height
-   * Value unit: pixles
-   * Just put numbers without unit
-   */
-  height?: string;
-  /**
-   * Set Width
-   * value unit: pixles
-   * Just put numbers without unit
-   */
-  width?: string;
-  /**
-   * Object Fit
-   * Default: cover
-   */
-  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
-  /**
-   * Stretch height to 100%?
-   */
-  isFullHeight: boolean;
-  /**
-   * Stretch width to 100%?
-   */
-  isFullWidth: boolean;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  /**
-   * (optional) Image alignment
-   **/
-  imageAlignment?: 'left' | 'right' | 'center';
-  /**
-   * (optional) Set max-width
-   * value unit: pixles
-   * Just put numbers without unit
-   **/
-  maxWidth?: string;
-  WindowResize(): void;
-  io: IntersectionObserver;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  addIntersectionObserver(): void;
-  setResponsiveBg(): string;
-  render(): any;
-  private getCurrentBreakPoints;
-  private getFallbackBreakpoint;
-  private getCssClassMap;
-  private getCssClassMapHost;
-}
+export declare class PtcPicture {
+  el: HTMLElement;
+  /**
+   * Image Render Src
+   */
+  src: string;
+  /**
+   * Image alt
+   */
+  alt: string;
+  /**
+   * Image size for smallest screen
+   * <=767px
+   */
+  sizeXs: string;
+  /**
+   * Image size for small screen
+   * >=768px and <=991px
+   */
+  sizeSm: string;
+  /**
+   * Image size for medium screen
+   * >=992px and <=1199px
+   */
+  sizeMd: string;
+  /**
+   * Image solution for large screen
+   * >=1200px
+   */
+  sizeLg: string;
+  /**
+   * Image Src
+   **/
+  oldSrc: string;
+  /**
+   * Image Position
+   */
+  imagePosition: 'relative' | 'absolute' | 'static';
+  /**
+   * Image border shape
+   */
+  borderRadius: 'radius-standard' | 'radius-large';
+  /**
+   * Set height
+   * Value unit: pixles
+   * Just put numbers without unit
+   */
+  height?: string;
+  /**
+   * Set Width
+   * value unit: pixles
+   * Just put numbers without unit
+   */
+  width?: string;
+  /**
+   * Object Fit
+   * Default: cover
+   */
+  objectFit: 'cover' | 'fill' | 'contain' | 'scale-down' | 'none' | 'initial' | 'inherit';
+  /**
+   * Stretch height to 100%?
+   */
+  isFullHeight: boolean;
+  /**
+   * Stretch width to 100%?
+   */
+  isFullWidth: boolean;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  /**
+   * (optional) Image alignment
+   **/
+  imageAlignment?: 'left' | 'right' | 'center';
+  /**
+   * (optional) Set max-width
+   * value unit: pixles
+   * Just put numbers without unit
+   **/
+  maxWidth?: string;
+  WindowResize(): void;
+  io: IntersectionObserver;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  addIntersectionObserver(): void;
+  setResponsiveBg(): string;
+  render(): any;
+  private getCurrentBreakPoints;
+  private getFallbackBreakpoint;
+  private getCssClassMap;
+  private getCssClassMapHost;
+}

package/dist/types/components/ptc-previous-url/ptc-previous-url.d.ts

@@ -1,5 +1,5 @@
-export declare class PtcPreviousUrl {
-  href: string | undefined;
-  text: string | undefined;
-  render(): any;
-}
+export declare class PtcPreviousUrl {
+  href: string | undefined;
+  text: string | undefined;
+  render(): any;
+}

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

@@ -1,29 +1,29 @@
-export declare class PtcQuote {
-  /**
-   * Quote Type
-   */
-  quoteType: "image-quote" | "plain-quote";
-  /**
-   * Quote Name
-   */
-  quoteName: string;
-  /**
-   * Button CTA Text
-   */
-  ctaText?: string;
-  /**
-   * CTA Url
-   */
-  ctaUrl?: string;
-  /**
-   * Image Src
-   */
-  imgSrc?: string;
-  /**
-   * Image Title
-   */
-  imgTitle?: string;
-  getImageTitle(): any;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcQuote {
+  /**
+   * Quote Type
+   */
+  quoteType: "image-quote" | "plain-quote";
+  /**
+   * Quote Name
+   */
+  quoteName: string;
+  /**
+   * Button CTA Text
+   */
+  ctaText?: string;
+  /**
+   * CTA Url
+   */
+  ctaUrl?: string;
+  /**
+   * Image Src
+   */
+  imgSrc?: string;
+  /**
+   * Image Title
+   */
+  imgTitle?: string;
+  getImageTitle(): any;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-responsive-wrapper/ptc-responsive-wrapper.d.ts

@@ -1,8 +1,8 @@
-export declare class PtcResponsiveWrapper {
-  element: HTMLElement;
-  private ro;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  applySizeClasses(size: number): void;
-  render(): any;
-}
+export declare class PtcResponsiveWrapper {
+  element: HTMLElement;
+  private ro;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  applySizeClasses(size: number): void;
+  render(): any;
+}

package/dist/types/components/ptc-social-share/ptc-social-share.d.ts

@@ -1,25 +1,25 @@
-export declare class PtcSocialShare {
-  el: HTMLElement;
-  display?: 'inline-block' | 'block' | 'inline' | 'flex';
-  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
-  shareTitle: string;
-  text: string;
-  url: string;
-  /**
-   * Optional - source for linkedin
-   */
-  source?: string;
-  /**
-   * Email recipient.
-   * If you want to use mail share, you need to use this property
-   */
-  recipient?: string;
-  /**
-   * is hover or not
-   */
-  isHover: boolean;
-  render(): any;
-  private getCssClassMap;
-  private hoverToggle;
-  private share;
-}
+export declare class PtcSocialShare {
+  el: HTMLElement;
+  display?: 'inline-block' | 'block' | 'inline' | 'flex';
+  shareType?: 'mail' | 'twitter' | 'linkedin' | 'facebook' | 'share-api';
+  shareTitle: string;
+  text: string;
+  url: string;
+  /**
+   * Optional - source for linkedin
+   */
+  source?: string;
+  /**
+   * Email recipient.
+   * If you want to use mail share, you need to use this property
+   */
+  recipient?: string;
+  /**
+   * is hover or not
+   */
+  isHover: boolean;
+  render(): any;
+  private getCssClassMap;
+  private hoverToggle;
+  private share;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpacer {
-  /**
-   * Breakpoint
-   */
-  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
-  /**
-   * Spacing Size
-   */
-  size: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
-  /**
-   * Direction
-   */
-  direction: 'vertical' | 'horizontal';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpacer {
+  /**
+   * Breakpoint
+   */
+  breakpoint: '' | 'medium' | 'small' | 'large' | 'x-large' | 'xx-large' | 'x-small' | 'xx-small';
+  /**
+   * Spacing Size
+   */
+  size: 'large' | 'medium' | 'small' | 'x-large' | 'x-small' | 'xx-large' | 'xx-small' | 'xxx-large' | 'xxxx-large' | 'space-144' | 'space-120' | 'space-128';
+  /**
+   * Direction
+   */
+  direction: 'vertical' | 'horizontal';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,16 +1,16 @@
-export declare class PtcSpan {
-  /**
-   * Span Style
-   */
-  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
-  /**
-   * Display
-   */
-  display: 'block' | 'inline-block' | 'inline';
-  /**
-   * Injected Styles
-   */
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSpan {
+  /**
+   * Span Style
+   */
+  spanStyle: 'link-style' | 'tag-style' | 'nav-style' | 'plm-hub-style';
+  /**
+   * Display
+   */
+  display: 'block' | 'inline-block' | 'inline';
+  /**
+   * Injected Styles
+   */
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-svg-btn/ptc-svg-btn.d.ts

@@ -1,12 +1,12 @@
-export declare class PtcSvgBtn {
-  /**
-   * Options: "close", "slider-left", "slider-right"
-   */
-  svgName?: string;
-  /**
-   * Display
-   */
-  display: 'block' | 'inline' | 'inline-block' | 'flex';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcSvgBtn {
+  /**
+   * Options: "close", "slider-left", "slider-right", "back-arrow"
+   */
+  svgName?: string;
+  /**
+   * Display
+   */
+  display: 'block' | 'inline' | 'inline-block' | 'flex';
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,41 +1,41 @@
-export declare class PtcTitle {
-  /**
-   * Is this title using on the PLM Hub page
-   */
-  isPlmHub: boolean;
-  /**
-   * Title Tag Type
-   */
-  type: 'h1' | 'h2' | 'h3';
-  /**
-   * Text Align
-   */
-  textAlign: 'left' | 'center' | 'right' | 'inherit';
-  /**
-   * Upperline Style
-   */
-  upperline: 'dotted' | 'solid' | 'no-upperline';
-  /**
-   * Title Shadow
-   */
-  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
-  /**
-   * 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 weight
-   */
-  titleWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
-  /**
-   * Title size
-   */
-  titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large' | 'font-size-15' | 'font-size-50';
-  /**
-   * Title line height
-   */
-  titleLHeight: 'lh-59' | 'lh-28' | 'lh-23';
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcTitle {
+  /**
+   * Is this title using on the PLM Hub page
+   */
+  isPlmHub: boolean;
+  /**
+   * Title Tag Type
+   */
+  type: 'h1' | 'h2' | 'h3';
+  /**
+   * Text Align
+   */
+  textAlign: 'left' | 'center' | 'right' | 'inherit';
+  /**
+   * Upperline Style
+   */
+  upperline: 'dotted' | 'solid' | 'no-upperline';
+  /**
+   * Title Shadow
+   */
+  titleShadow: 'blue' | 'red' | 'green' | 'orange' | 'slate-grey';
+  /**
+   * 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 weight
+   */
+  titleWeight: 'w-3' | 'w-4' | 'w-5' | 'w-6' | 'w-7' | 'w-8' | 'w-9';
+  /**
+   * Title size
+   */
+  titleSize: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large' | 'xxx-large' | 'xxxx-large';
+  /**
+   * Title line height
+   */
+  titleHeight: 'densest' | 'denser' | 'dense' | 'normal' | 'loose' | 'looser' | 'paragraph';
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-two-column-media/ptc-two-column-media.d.ts

@@ -1,9 +1,9 @@
-export declare class PtcTwoColumnMedia {
-  /**
-   * Card Type
-   * Specify Card Type,
-   */
-  componentType: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcTwoColumnMedia {
+  /**
+   * Card Type
+   * Specify Card Type,
+   */
+  componentType: 'two-column-media' | 'two-column-media-icon-list' | 'two-column-text';
+  render(): any;
+  private getCssClassMap;
+}