@ptcwebops/ptcw-design 0.4.9 → 0.5.1

package/dist/types/components/icon-asset/icon-asset.d.ts

@@ -1,36 +1,36 @@
-export declare class IconAsset {
-  /**
-   * Icon ID name
-   */
-  name: string;
-  /**
-   * Icon Size
-   */
-  size: 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large';
-  /**
-   * Icon Type
-   */
-  type: 'solid' | 'brands' | 'ptc' | 'regular';
-  /**
-   * Icon Spin Animation (not valid for ptc type)
-   */
-  spin: 'fa-spin' | '';
-  /**
-   * Icon Pulse Animation (not valid for ptc type)
-   */
-  pulse: 'fa-pulse' | '';
-  /**
-   * Icon Color
-   */
-  color: 'black' | 'white' | 'ptc-green' | 'gray' | 'default' | 'inherit';
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  injectedStyle?: string;
-  render(): any;
-  private getCssClassMap;
-  private regularSprite;
-  private solidSprite;
-  private brandSprite;
-  private ptcSprite;
-}
+export declare class IconAsset {
+  /**
+   * Icon ID name
+   */
+  name: string;
+  /**
+   * Icon Size
+   */
+  size: 'x-small' | 'small' | 'large' | 'x-large' | 'xx-large';
+  /**
+   * Icon Type
+   */
+  type: 'solid' | 'brands' | 'ptc' | 'regular';
+  /**
+   * Icon Spin Animation (not valid for ptc type)
+   */
+  spin: 'fa-spin' | '';
+  /**
+   * Icon Pulse Animation (not valid for ptc type)
+   */
+  pulse: 'fa-pulse' | '';
+  /**
+   * Icon Color
+   */
+  color: 'black' | 'white' | 'ptc-green' | 'gray' | 'default' | 'inherit';
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  injectedStyle?: string;
+  render(): any;
+  private getCssClassMap;
+  private regularSprite;
+  private solidSprite;
+  private brandSprite;
+  private ptcSprite;
+}

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

@@ -1,8 +1,8 @@
-export declare class ListItem {
-  listType: 'list-primary' | 'list-footer' | 'breadcrumb';
-  linkHref?: string;
-  flushBefore: boolean;
-  linkTarget: string | undefined;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class ListItem {
+  listType: 'list-primary' | 'list-footer' | 'breadcrumb';
+  linkHref?: string;
+  flushBefore: boolean;
+  linkTarget: string | undefined;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/my-component/my-component.d.ts

@@ -1,16 +1,16 @@
-export declare class MyComponent {
-  /**
-   * The first name
-   */
-  first: string;
-  /**
-   * The middle name
-   */
-  middle: string;
-  /**
-   * The last name
-   */
-  last: string;
-  private getText;
-  render(): any;
-}
+export declare class MyComponent {
+  /**
+   * The first name
+   */
+  first: string;
+  /**
+   * The middle name
+   */
+  middle: string;
+  /**
+   * The last name
+   */
+  last: string;
+  private getText;
+  render(): any;
+}

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

@@ -1,39 +1,43 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcAnnouncement {
-  /**
-   * bar title
-   */
-  barTitle: string;
-  /**
-   * bar description
-   */
-  Description: string;
-  /**
-   * link Text
-   */
-  linkText: string;
-  /**
-   * Mutable Visibility
-   */
-  visible: boolean;
-  /**
-   * Link Url
-   */
-  linkUrl: string;
-  /**
-   * Temp Container
-   * We plan to remove container in the future
-   */
-  tempContainer: boolean;
-  /**
-  * Target
-  */
-  target: string | undefined;
-  /**
-   * Close Event
-   */
-  close: EventEmitter;
-  render(): any;
-  private getCssClassMap;
-  private closeClick;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcAnnouncement {
+  /**
+   * bar title
+   */
+  barTitle: string;
+  /**
+   * bar description
+   */
+  Description: string;
+  /**
+   * link Text
+   */
+  linkText: string;
+  /**
+   * link Title, will use Text if blank
+   */
+  linkTitle: string;
+  /**
+   * Mutable Visibility
+   */
+  visible: boolean;
+  /**
+   * Link Url
+   */
+  linkUrl: string;
+  /**
+   * Temp Container
+   * We plan to remove container in the future
+   */
+  tempContainer: boolean;
+  /**
+  * Target
+  */
+  target: string | undefined;
+  /**
+   * Close Event
+   */
+  close: EventEmitter;
+  render(): any;
+  private getCssClassMap;
+  private closeClick;
+}

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

@@ -1,4 +1,4 @@
-export declare class PtcBreadcrumb {
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcBreadcrumb {
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,56 +1,56 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcButton {
-  /**
-   * Disabled button
-   */
-  disabled?: boolean;
-  /**
-   * Button type
-   */
-  type: 'button' | 'reset' | 'submit' | 'link';
-  /**
-   * Button theme color
-   */
-  color: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary';
-  /**
-   * Icon Animation
-   */
-  iconAnimation: 'animation-right' | 'animation-down' | '';
-  /**
-   * Icon Position
-   */
-  iconPosition: 'icon-left' | 'icon-right';
-  /**
-   * Link URL
-   */
-  linkHref?: string;
-  /**
-   * link Title
-   */
-  linkTitle?: string;
-  /**
-   * Link target
-   * */
-  target?: string;
-  /**
-   *  Link rel
-   * */
-  rel?: string;
-  /**
-   *  (optional) tab-nav.
-   *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.
-   *  A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
-   */
-  tabNav: number;
-  /**
-   *  (optional) Injected CSS Styles
-   */
-  styles?: string;
-  /**
-   * Emitted when the button has focus.
-   */
-  clickEvent: EventEmitter<void>;
-  clickEventHandler(): void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcButton {
+  /**
+   * Disabled button
+   */
+  disabled?: boolean;
+  /**
+   * Button type
+   */
+  type: 'button' | 'reset' | 'submit' | 'link';
+  /**
+   * Button theme color
+   */
+  color: 'offwhite' | 'blackgrey' | 'turtlegreen' | 'nav' | 'legacy-green' | 'ptc-primary' | 'ptc-secondary' | 'ptc-tertiary' | 'ptc-quaternary';
+  /**
+   * Icon Animation
+   */
+  iconAnimation: 'animation-right' | 'animation-down' | '';
+  /**
+   * Icon Position
+   */
+  iconPosition: 'icon-left' | 'icon-right';
+  /**
+   * Link URL
+   */
+  linkHref?: string;
+  /**
+   * link Title
+   */
+  linkTitle?: string;
+  /**
+   * Link target
+   * */
+  target?: string;
+  /**
+   *  Link rel
+   * */
+  rel?: string;
+  /**
+   *  (optional) tab-nav.
+   *  indicates that its element can be focused, and where it participates in sequential keyboard navigation.
+   *  A negative value (usually tabindex="-1") means that the element is not reachable via sequential keyboard navigation
+   */
+  tabNav: number;
+  /**
+   *  (optional) Injected CSS Styles
+   */
+  styles?: string;
+  /**
+   * Emitted when the button has focus.
+   */
+  clickEvent: EventEmitter<void>;
+  clickEventHandler(): void;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,50 +1,50 @@
-export declare class PtcCard {
-  /**
-   * Card Type
-   * Specify Card Type, default to simple card
-   */
-  cardType: 'simple-card' | 'lottie-card' | 'custom-card' | 'clip-edge-card' | 'hightlight-card';
-  /**
-   * Card Link URL (Optional)
-   */
-  cardHref?: string;
-  /**
-   * (optional) Link card target
-   * */
-  target?: string;
-  /**
-   *  (optional) Link card rel
-   * */
-  rel?: string;
-  /**
-   * If this card has Image
-   */
-  hasImage: boolean;
-  /**
-   * If this card has Video
-   */
-  hasVideo: boolean;
-  /**
-   * If this card has Lottie Image
-   */
-  hasLottie: boolean;
-  /**
-   * Card heading
-   */
-  heading?: string;
-  /**
-   * Card heading text transform
-   */
-  headingTransform: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
-  /**
-   * Card Date
-   */
-  cardDate?: string;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-  private getMediaSlot;
-}
+export declare class PtcCard {
+  /**
+   * Card Type
+   * Specify Card Type, default to simple card
+   */
+  cardType: 'simple-card' | 'lottie-card' | 'custom-card' | 'clip-edge-card' | 'hightlight-card';
+  /**
+   * Card Link URL (Optional)
+   */
+  cardHref?: string;
+  /**
+   * (optional) Link card target
+   * */
+  target?: string;
+  /**
+   *  (optional) Link card rel
+   * */
+  rel?: string;
+  /**
+   * If this card has Image
+   */
+  hasImage: boolean;
+  /**
+   * If this card has Video
+   */
+  hasVideo: boolean;
+  /**
+   * If this card has Lottie Image
+   */
+  hasLottie: boolean;
+  /**
+   * Card heading
+   */
+  heading?: string;
+  /**
+   * Card heading text transform
+   */
+  headingTransform: 'uppercase' | 'lowercase' | 'capitalize' | 'none';
+  /**
+   * Card Date
+   */
+  cardDate?: string;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+  private getMediaSlot;
+}

package/dist/types/components/ptc-card-bottom/ptc-card-bottom.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCardBottom {
-  el: HTMLElement;
-  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist';
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCardBottom {
+  el: HTMLElement;
+  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'card-playlist';
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-card-content/ptc-card-content.d.ts

@@ -1,15 +1,15 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class PtcCardContent {
-  el: HTMLElement;
-  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
-  /**
-   * (optional) Injected CSS styles
-   **/
-  styles?: string;
-  hoverEvent: EventEmitter<void>;
-  hoverEventHandler(): void;
-  leaveEvent: EventEmitter<void>;
-  leaveEventHandler(): void;
-  render(): any;
-  private getCssClassMap;
-}
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class PtcCardContent {
+  el: HTMLElement;
+  cardType: 'card-video' | 'card-tall' | 'card-2up' | 'card-wide' | 'speed-bump' | 'card-playlist';
+  /**
+   * (optional) Injected CSS styles
+   **/
+  styles?: string;
+  hoverEvent: EventEmitter<void>;
+  hoverEventHandler(): void;
+  leaveEvent: EventEmitter<void>;
+  leaveEventHandler(): void;
+  render(): any;
+  private getCssClassMap;
+}

package/dist/types/components/ptc-card-plm/ptc-card-plm.d.ts

@@ -1,8 +1,8 @@
-export declare class PtcCardPlm {
-  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up';
-  cardLink: string;
-  linkTitle: string;
-  linkTarget: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcCardPlm {
+  cardType: 'card-video' | 'card-tall' | 'card-wide' | 'speed-bump' | 'card-playlist' | 'card-video-intro' | 'card-2up';
+  cardLink: string;
+  linkTitle: string;
+  linkTarget: string;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,3 +1,3 @@
-export declare class PtcCountdown {
-  render(): any;
-}
+export declare class PtcCountdown {
+  render(): any;
+}

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

@@ -1,41 +1,41 @@
-export declare class PtcDate {
-  /**
-   * Year
-   */
-  year: number;
-  /**
-   * Month
-   * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
-   */
-  month: number;
-  /**
-   * Day
-   * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
-   */
-  day: number;
-  /**
-   * 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
-   * examples: 2000-1-1 or 2000/01/01
-   */
-  dateString?: string;
-  /**
-   * Date Color
-   */
-  dateColor: 'white' | 'primary-grey';
-  /**
-   * Injected styles
-   */
-  dateStyles?: string;
-  /**
-   * Date Font Size
-   */
-  dataSize: 'medium' | 'small';
-  render(): any;
-  private getCssClassMap;
-  private getDate;
-}
+export declare class PtcDate {
+  /**
+   * Year
+   */
+  year: number;
+  /**
+   * Month
+   * An integer between 1 (January) and 12 (December) representing the month.If omitted, defaults to 0.
+   */
+  month: number;
+  /**
+   * Day
+   * An integer between 1 and 31 representing the day of the month. If omitted, defaults to 1.
+   */
+  day: number;
+  /**
+   * 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
+   * examples: 2000-1-1 or 2000/01/01
+   */
+  dateString?: string;
+  /**
+   * Date Color
+   */
+  dateColor: 'white' | 'primary-grey';
+  /**
+   * Injected styles
+   */
+  dateStyles?: string;
+  /**
+   * Date Font Size
+   */
+  dataSize: 'medium' | 'small';
+  render(): any;
+  private getCssClassMap;
+  private getDate;
+}

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

@@ -1,3 +1,3 @@
-export declare class PtcFooter {
-  render(): any;
-}
+export declare class PtcFooter {
+  render(): any;
+}

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

@@ -1,11 +1,11 @@
-import './validation/FormValidation.full.min.js';
-export declare class PtcForm {
-  el: HTMLElement;
-  value: string;
-  inputValue: string;
-  selectValue: string;
-  handleChange(event: any): void;
-  handleSelect(event: any): void;
-  componentDidLoad(): void;
-  render(): any;
-}
+import './validation/FormValidation.full.min.js';
+export declare class PtcForm {
+  el: HTMLElement;
+  value: string;
+  inputValue: string;
+  selectValue: string;
+  handleChange(event: any): void;
+  handleSelect(event: any): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -1,12 +1,12 @@
-export declare class PtcHero {
-  /**
-   * Hero Type
-   */
-  heroType: 'jumbotron' | 'footer-cta';
-  /**
-   * Hero Background Image URL
-   */
-  bgUrl: string;
-  render(): any;
-  private getCssClassMap;
-}
+export declare class PtcHero {
+  /**
+   * Hero Type
+   */
+  heroType: 'jumbotron' | 'footer-cta';
+  /**
+   * Hero Background Image URL
+   */
+  bgUrl: string;
+  render(): any;
+  private getCssClassMap;
+}

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

@@ -1,6 +1,6 @@
-export declare class PtcHeroFooterCta {
-  ctaTitle: string;
-  description: string;
-  backgroundImage: string;
-  render(): any;
-}
+export declare class PtcHeroFooterCta {
+  ctaTitle: string;
+  description: string;
+  backgroundImage: string;
+  render(): any;
+}