@biggive/components 0.0.21 → 0.0.23

package/dist/types/components/biggive-branded-image/biggive-branded-image.stories.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    imageUrl: {
+      name: string;
+    };
+    logoUrl: {
+      name: string;
+    };
+    slug: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const BrandedImageComponent: any;

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

@@ -0,0 +1,23 @@
+export declare class BiggiveButton {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Colour Scheme
+   */
+  colourScheme: string;
+  /**
+   * Text
+   */
+  label: string;
+  /**
+   * URL
+   */
+  url: string;
+  /**
+   * Display full width
+   */
+  fullWidth: boolean;
+  render(): any;
+}

package/dist/types/components/biggive-button/biggive-button.stories.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    colourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    label: {
+      name: string;
+    };
+    url: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const ButtonComponent: any;

package/dist/types/components/biggive-call-to-action/biggive-call-to-action.d.ts

@@ -0,0 +1,67 @@
+export declare class BiggiveCallToAction {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Default text colour
+   */
+  defaultTextColour: string;
+  /**
+   * Slug colour
+   */
+  slugColour: string;
+  /**
+   * Slug
+   */
+  slug: string;
+  /**
+   * Main title colour
+   */
+  mainTitleColour: string;
+  /**
+   * Main title
+   */
+  mainTitle: string;
+  /**
+   * Subtitle colour
+   */
+  subtitleColour: string;
+  /**
+   * Subtitle
+   */
+  subtitle: string;
+  /**
+   * Teaser colour
+   */
+  teaserColour: string;
+  /**
+   * Teaser
+   */
+  teaser: string;
+  /**
+   * Primary button Url
+   */
+  primaryButtonUrl: string;
+  /**
+   * Primary button Label
+   */
+  primaryButtonLabel: string;
+  /**
+   * Primary button Colour Scheme
+   */
+  primaryButtonColourScheme: string;
+  /**
+   * Secondary button Url
+   */
+  secondaryButtonUrl: string;
+  /**
+   * Secondary button Label
+   */
+  secondaryButtonLabel: string;
+  /**
+   * Secondary button Colour Scheme
+   */
+  secondaryButtonColourScheme: string;
+  render(): any;
+}

package/dist/types/components/biggive-call-to-action/biggive-call-to-action.stories.d.ts

@@ -0,0 +1,87 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    defaultTextColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    slugColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    slug: {
+      name: string;
+    };
+    mainTitleColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    mainTitle: {
+      name: string;
+    };
+    subtitleColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    subtitle: {
+      name: string;
+    };
+    teaserColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    teaser: {
+      name: string;
+    };
+    primaryButtonUrl: {
+      name: string;
+    };
+    primaryButtonLabel: {
+      name: string;
+    };
+    primaryButtonColourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    secondaryButtonUrl: {
+      name: string;
+    };
+    secondaryButtonLabel: {
+      name: string;
+    };
+    secondaryButtonColourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const CallToActionComponent: any;

package/dist/types/components/biggive-campaign-card/biggive-campaign-card.d.ts

@@ -1,60 +1,72 @@
 export declare class BiggiveCampaignCard {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * e.g. "Match Funded".
+   */
+  campaignType: string;
   /**
    * Full URL of a banner image.
    */
   banner: string;
   /**
-   * (Ceiling of) whole number of days until campaign end.
+   * Display name of the charity's specific time-bound fundraising campaign.
+   */
+  campaignTitle: string;
+  /**
+   * Display name of the charity or non-profit.
    */
-  daysRemaining: number;
+  organisationName: string;
   /**
    * e.g. 'GBP'.
    */
   currencyCode: string;
   /**
-   * Target for the campaign including matching but excluding any
-   * tax relief, in major unit of currency e.g. pounds GBP.
+   * Label for the primary figure
    */
-  target: number;
+  primaryFigureLabel: string;
   /**
-   * Display name of the charity or non-profit.
+   * Amount for the primary figure
    */
-  organisationName: string;
+  primaryFigureAmount: number;
   /**
-   * Display name of the charity's specific time-bound fundraising campaign.
+   * Label for the secondary figure
    */
-  campaignTitle: string;
+  secondaryFigureLabel: string;
   /**
-   * e.g. "Match Funded".
+   * Amount for the secondary figure
    */
-  campaignType: string;
+  secondaryFigureAmount: number;
+  /**
+   * Progress bar percentage
+   */
+  progressBarCounter: number;
   /**
-   * Array of full beneficiary labels.
+   * Donate button label
    */
-  beneficiaries: string[];
+  donateButtonLabel: string;
   /**
-   * Array of full category labels.
+   * Donate button url
    */
-  categories: string[];
+  donateButtonUrl: string;
   /**
-   * Match funds not yet used or reserved, in major unit of currency e.g. pounds GBP.
+   * Donate button colour scheme
    */
-  matchFundsRemaining: number;
+  donateButtonColourScheme: string;
   /**
-   * Total the campaign has raised so far including matching but excluding any
-   * tax relief, in major unit of currency e.g. pounds GBP.
+   * More information button label
    */
-  totalFundsRaised: number;
+  moreInfoButtonLabel: string;
   /**
-   * Full URL of a call to action.
+   * More information button url
    */
-  callToActionUrl: string;
+  moreInfoButtonUrl: string;
   /**
-   * Text for the link to `callToActionUrl`.
+   * Donate button colour scheme
    */
-  callToActionLabel: string;
-  private getBeneficiaryIcons;
-  private getCategoryIcons;
+  moreInfoButtonColourScheme: string;
   /**
    * @returns Whole large currency units (e.g. pounds) formatted with symbol.
    */

package/dist/types/components/biggive-campaign-card/biggive-campaign-card.stories.d.ts

@@ -0,0 +1,70 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    banner: {
+      name: string;
+    };
+    currencyCode: {
+      name: string;
+    };
+    primaryFigureLabel: {
+      name: string;
+    };
+    primaryFigureAmount: {
+      name: string;
+    };
+    secondaryFigureLabel: {
+      name: string;
+    };
+    secondaryFigureAmount: {
+      name: string;
+    };
+    campaignTitle: {
+      name: string;
+    };
+    campaignType: {
+      name: string;
+    };
+    organisationName: {
+      name: string;
+    };
+    progressBarCounter: {
+      name: string;
+    };
+    donateButtonUrl: {
+      name: string;
+    };
+    donateButtonLabel: {
+      name: string;
+    };
+    donateButtonColourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    moreInfoButtonUrl: {
+      name: string;
+    };
+    moreInfoButtonLabel: {
+      name: string;
+    };
+    moreInfoButtonColourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const CampaignCardComponent: any;

package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts

@@ -0,0 +1,30 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class BiggiveCampaignCardFilterGrid {
+  /**
+   * This event `doTextSearch` event is emitted and propogates to the parent
+   * component which handles it
+   */
+  doSearch: EventEmitter<string>;
+  searchText: string;
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Intro
+   */
+  intro: string;
+  /**
+   * Defines the text displayed as the placeholder in the input field
+   * before the user types anything
+   */
+  placeholderText: string;
+  /**
+   * Defines the text on the search button
+   */
+  buttonText: string;
+  private handleSearchTextChanged;
+  private handleSearchButtonPressed;
+  private handleEnterPressed;
+  render(): any;
+}

package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const CampaignCardFilterGridComponent: any;

package/dist/types/components/biggive-campaign-highlights/biggive-campaign-highlights.d.ts

@@ -0,0 +1,59 @@
+export declare class BiggiveCampaignHighlights {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Full URL of a banner image.
+   */
+  banner: string;
+  /**
+   * Display name of the charity's specific time-bound fundraising campaign.
+   */
+  campaignTitle: string;
+  /**
+   * e.g. 'GBP'.
+   */
+  currencyCode: string;
+  /**
+   * Label for the primary figure
+   */
+  primaryFigureLabel: string;
+  /**
+   * Amount for the primary figure
+   */
+  primaryFigureAmount: number;
+  /**
+   * Label for the secondary figure
+   */
+  secondaryFigureLabel: string;
+  /**
+   * Amount for the secondary figure
+   */
+  secondaryFigureAmount: number;
+  /**
+   * Progress bar percentage
+   */
+  progressBarCounter: number;
+  /**
+   * Primary stat icon
+   */
+  primaryStatIcon: string;
+  /**
+   * Primary stat text
+   */
+  primaryStatText: string;
+  /**
+   * Secondary stat icon
+   */
+  secondaryStatIcon: string;
+  /**
+   * Secondary stat text
+   */
+  secondaryStatText: string;
+  /**
+   * @returns Whole large currency units (e.g. pounds) formatted with symbol.
+   */
+  private formatCurrency;
+  render(): any;
+}

package/dist/types/components/biggive-campaign-highlights/biggive-campaign-highlights.stories.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    banner: {
+      name: string;
+    };
+    campaignTitle: {
+      name: string;
+    };
+    currencyCode: {
+      name: string;
+    };
+    primaryFigureLabel: {
+      name: string;
+    };
+    primaryFigureAmount: {
+      name: string;
+    };
+    secondaryFigureLabel: {
+      name: string;
+    };
+    secondaryFigureAmount: {
+      name: string;
+    };
+    progressBarCounter: {
+      name: string;
+    };
+    primaryStatIcon: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    primaryStatText: {
+      name: string;
+    };
+    secondaryStatIcon: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    secondaryStatText: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const CampaignHighlightsComponent: any;

package/dist/types/components/biggive-category-icon/biggive-category-icon.d.ts

@@ -0,0 +1,24 @@
+export declare class BiggiveCategoryIcon {
+  /**
+   * Background colour
+   */
+  backgroundColour: string;
+  /**
+   * Background colour
+   */
+  iconColour: string;
+  /**
+   * Icon
+   */
+  icon: string;
+  /**
+   * Label
+   */
+  label: string;
+  /**
+   * Url
+   */
+  url: string;
+  private getCategoryIcon;
+  render(): any;
+}

package/dist/types/components/biggive-category-icon/biggive-category-icon.stories.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    iconColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    icon: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    url: {
+      name: string;
+    };
+    label: {
+      name: string;
+    };
+  };
+};
+export default _default;
+export declare const CategoryIconComponent: any;

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

@@ -0,0 +1,4 @@
+export declare class BiggiveFooter {
+  host: HTMLBiggiveFooterElement;
+  render(): any;
+}

package/dist/types/components/{demo-campaign-cards/demo-campaign-cards.stories.d.ts → biggive-footer/biggive-footer.stories.d.ts}

@@ -2,4 +2,4 @@ declare const _default: {
   title: string;
 };
 export default _default;
-export declare const DemoCampaignCards: any;
+export declare const FooterComponent: any;

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

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

package/dist/types/components/biggive-form-field-select/biggive-form-field-select.d.ts

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

package/dist/types/components/biggive-form-field-text-input/biggive-text-input.d.ts

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

package/dist/types/components/biggive-formatted-text/biggive-formatted-text.d.ts

@@ -0,0 +1,11 @@
+export declare class BiggiveFormattedText {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Default text colour
+   */
+  defaultTextColour: string;
+  render(): any;
+}

package/dist/types/components/biggive-formatted-text/biggive-formatted-text.stories.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    defaultTextColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const FormattedTextComponent: any;

package/dist/types/components/biggive-grid/biggive-grid.d.ts

@@ -1,3 +1,15 @@
 export declare class BiggiveGrid {
+  /**
+   * Space below component
+   */
+  spaceBelow: number;
+  /**
+   * Number of columns in grid
+   */
+  columnCount: number;
+  /**
+   * Gap between columns, based on spacer CSS variable
+   */
+  columnGap: number;
   render(): any;
 }