@biggive/components 202303031447.0.0 → 202303171148.0.0

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

@@ -1,64 +1,22 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveBasicCard {
-  /**
-   * Space below component
-   */
-  spaceBelow: number;
-  /**
-   * Background colour.
-   */
-  backgroundColour: string;
-  /**
-   * Full URL of the background image.
-   */
+  spaceBelow: spacingOption;
+  backgroundColour: brandColour;
   backgroundImageUrl: string;
-  /**
-   * Card colour
-   */
-  cardColour: string;
-  /**
-   * Text colour
-   */
-  textColour: string;
-  /**
-   * Main title
-   */
+  cardColour: brandColour;
+  textColour: brandColour;
   mainTitle: string;
-  /**
-   * Subtitle title
-   */
   subtitle: string;
-  /**
-   * Teaser
-   */
   teaser: string;
-  /**
-   * Icon
-   */
   icon: boolean;
-  /**
-   * Icon colour
-   */
-  iconColour: string;
-  /**
-   * Button label
-   */
+  iconColour: brandColour;
   buttonLabel: string;
-  /**
-   * Button URL
-   */
   buttonUrl: string;
-  /**
-   * Button Colour Scheme
-   */
   buttonColourScheme: string;
-  /**
-   * Clip bottom left corner
-   */
   clipBottomLeftCorner: boolean;
-  /**
-   * Clip top right corner
-   */
   clipTopRightCorner: boolean;
   headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+  addAnimation: boolean;
   render(): any;
 }

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

@@ -0,0 +1,18 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
+export declare class BiggiveCarousel {
+  host: HTMLBiggiveCarouselElement;
+  spaceBelow: spacingOption;
+  columnCount: number;
+  buttonBackgroundColour: brandColour;
+  buttonIconColour: brandColour;
+  currentTab: number;
+  itemCount: number;
+  itemWidthPx: number;
+  sleeve: HTMLElement;
+  componentDidRender(): void;
+  showTab(direction: 'NEXT' | 'PREV'): void;
+  clickPrevHandler(): void;
+  clickNextHandler(): void;
+  render(): any;
+}

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

@@ -0,0 +1,35 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    columnCount: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    buttonBackgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    buttonIconColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const CarouselComponent: any;

package/dist/types/components/biggive-hero-image/biggive-hero-image.d.ts

@@ -1,12 +1,14 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveHeroImage {
   /**
    * Space below component
    */
-  spaceBelow: number;
+  spaceBelow: spacingOption;
   /**
    * Colour Scheme
    */
-  colourScheme: string;
+  colourScheme: brandColour;
   /**
    * Header slug
    */
@@ -14,11 +16,15 @@ export declare class BiggiveHeroImage {
   /**
    * Header slug colour
    */
-  slugColour: string;
+  slugColour: brandColour;
   /**
    * Full URL of a logo image.
    */
   logo: string;
+  /**
+  * Logo container height selection. Numbers are not measurements.
+  */
+  logoHeight: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
   /**
    * Logo alt text
    */
@@ -28,8 +34,8 @@ export declare class BiggiveHeroImage {
    */
   mainImage: string | null;
   /**
- * Horizontal alignment of image
- */
+   * Horizontal alignment of image
+   */
   mainImageAlignHorizontal: string;
   /**
 * Vertical alignment of image
@@ -42,7 +48,7 @@ export declare class BiggiveHeroImage {
   /**
    * Main title colour
    */
-  mainTitleColour?: string;
+  mainTitleColour?: brandColour;
   /**
    * Introductory teaser text
    */
@@ -50,7 +56,7 @@ export declare class BiggiveHeroImage {
   /**
    * Teaser colour
    */
-  teaserColour?: string;
+  teaserColour?: brandColour;
   /**
    * Button Url
    */
@@ -62,6 +68,6 @@ export declare class BiggiveHeroImage {
   /**
    * Button Colour Scheme
    */
-  buttonColourScheme: string;
+  buttonColourScheme: brandColour;
   render(): any;
 }

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

@@ -1,19 +1,10 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveQuote {
-  /**
-   * Space below component
-   */
-  spaceBelow: number;
-  /**
-   * Default text colour
-   */
-  defaultTextColour: string;
-  /**
-   * Quote text
-   */
+  spaceBelow: spacingOption;
+  defaultTextColour: brandColour;
   quote: string;
-  /**
-   * Attribution text
-   */
   attribution: string;
+  quoteIconColour: brandColour;
   render(): any;
 }

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

@@ -1,7 +1,4 @@
 export declare class BiggiveTab {
-  /**
-   * Title
-   */
   tabTitle: string;
   render(): any;
 }

package/dist/types/components/biggive-tabbed-content/biggive-tabbed-content.d.ts

@@ -1,11 +1,21 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveTabbedContent {
-  /**
-   * Space below component
-   */
-  spaceBelow: number;
-  /**
-   * Default text colour
-   */
-  defaultTextColour: string;
+  host: HTMLBiggiveTabbedContentElement;
+  spaceBelow: spacingOption;
+  textColour: brandColour;
+  selectedTextColour: brandColour;
+  navigationHighlightColour: brandColour;
+  selectedNavigationHighlightColour: brandColour;
+  buttonBackgroundColour: brandColour;
+  buttonIconColour: brandColour;
+  currentTab: number;
+  children: Array<HTMLBiggiveTabElement>;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  showTab(i: number): void;
+  clickTabHandler(e: MouseEvent): void;
+  clickPrevHandler(): void;
+  clickNextHandler(): void;
   render(): any;
 }

package/dist/types/components/biggive-tabbed-content/biggive-tabbed-content.stories.d.ts

@@ -8,7 +8,42 @@ declare const _default: {
         options: number[];
       };
     };
-    defaultTextColour: {
+    textColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    selectedTextColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    navigationHighlightColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    selectedNavigationHighlightColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    buttonBackgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    buttonIconColour: {
       name: string;
       control: {
         type: string;

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

@@ -1,6 +1,7 @@
 import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveTable {
-  spaceBelow: number;
+  spaceBelow: spacingOption;
   headerTextColour: brandColour;
   headerBackgroundColour: brandColour;
   bodyTextColour: brandColour;

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

@@ -0,0 +1,27 @@
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
+export declare class BiggiveTimeline {
+  host: HTMLBiggiveTimelineElement;
+  spaceBelow: spacingOption;
+  textColour: brandColour;
+  selectedTextColour: brandColour;
+  navigationHighlightColour: brandColour;
+  selectedNavigationHighlightColour: brandColour;
+  buttonBackgroundColour: brandColour;
+  buttonIconColour: brandColour;
+  entryBackgroundColour: brandColour;
+  entryHighlightColour: brandColour;
+  entryDateColour: brandColour;
+  entryTitleColour: brandColour;
+  entryTextColour: brandColour;
+  currentTab: number;
+  tabHeadings: Array<string>;
+  children: Array<HTMLBiggiveTimelineEntryElement>;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  showTab(i: number): void;
+  clickTabHandler(e: any): void;
+  clickPrevHandler(): void;
+  clickNextHandler(): void;
+  render(): any;
+}

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

@@ -0,0 +1,91 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    textColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    selectedTextColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    navigationHighlightColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    selectedNavigationHighlightColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    buttonBackgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    buttonIconColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    entryBackgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    entryHighlightColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    entryDateColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    entryTitleColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    entryTextColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const TimelineComponent: any;

package/dist/types/components/biggive-timeline-entry/biggive-timeline-entry.d.ts

@@ -0,0 +1,8 @@
+export declare class BiggiveTimelineEntry {
+  /**
+   * Should be in the format 'YYYY-mm-dd', for example '2023-01-01'
+   */
+  date: string;
+  heading: string;
+  render(): null;
+}

package/dist/types/components/biggive-tipping-slider/biggive-tipping-slider.d.ts

@@ -0,0 +1,18 @@
+import { spacingOption } from '../../globals/spacing-option';
+import { brandColour } from '../../globals/brand-colour';
+export declare class BiggiveTippingSlider {
+  host: HTMLBiggiveTippingSliderElement;
+  spaceBelow: spacingOption;
+  colourScheme: brandColour;
+  percentageStart: number;
+  percentageEnd: number;
+  donationAmount: number;
+  /**
+   * ISO-4217 currency code (e.g. GBP, USD)
+   */
+  donationCurrency: 'GBP' | 'USD';
+  format(currencyCode: 'GBP' | 'USD', amount: number): string;
+  componentDidRender(): void;
+  resetSlider: () => void;
+  render(): any;
+}

package/dist/types/components/biggive-tipping-slider/biggive-tipping-slider.stories.d.ts

@@ -0,0 +1,46 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    colourScheme: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    percentageStart: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    percentageEnd: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    donationAmount: {
+      name: string;
+      control: {
+        type: string;
+      };
+    };
+    donationCurrency: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const TippingSliderComponent: any;