@biggive/components 202303201542.0.0 → 202303301223.0.0

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

@@ -1,6 +1,17 @@
 export declare class BiggiveFooter {
   host: HTMLBiggiveFooterElement;
   headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+  /**
+   * URL prefixes vary by environment, and components library is not best placed to know what they are, so we
+   * take them as props
+   */
+  blogUrlPrefix: string | undefined;
+  experienceUrlPrefix: string | undefined;
+  /**
+   * Conditionally render footer menu:
+   * hard-coded (preset) when set to true, dynamic (slot-based) when set to false
+   */
+  usePresetFooter: boolean;
   appendMenu(menuName: string): void;
   componentDidRender(): void;
   render(): any;

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

@@ -0,0 +1,10 @@
+import { brandColour } from '../../globals/brand-colour';
+export declare class BiggiveGenericIcon {
+  backgroundColour: brandColour;
+  iconColour: brandColour;
+  iconGroup: 'beneficiary' | 'misc' | 'social' | 'category';
+  icon: string;
+  url: string;
+  private getIcon;
+  render(): any;
+}

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

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

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

@@ -1,15 +1,11 @@
+import { spacingOption } from '../../globals/spacing-option';
 export declare class BiggiveGrid {
-  /**
-   * Space below component
-   */
   spaceBelow: number;
-  /**
-   * Number of columns in grid
-   */
   columnCount: number;
   /**
-   * Should have `justify-content: space-between`?
+   * Deprecated - should use columGap Instead
    */
   spaceBetween: boolean;
+  columnGap: spacingOption;
   render(): any;
 }

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

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
+export declare class BiggiveIconButton {
+  doButtonClick: EventEmitter<{
+    event: object;
+    url: string;
+  }>;
+  spaceBelow: spacingOption;
+  backgroundColour: brandColour;
+  backgroundPadding: spacingOption;
+  text: string;
+  textColour: brandColour;
+  iconGroup: 'beneficiary' | 'misc' | 'social' | 'category';
+  icon: string;
+  url: string;
+  openInNewTab: boolean;
+  size: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+  arrow: boolean;
+  arrowColour: brandColour;
+  circle: boolean;
+  shadow: boolean;
+  centered: boolean;
+  rounded: boolean;
+  buttonId: undefined | string;
+  private handleButtonClick;
+  render(): any;
+}

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

@@ -0,0 +1,81 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    backgroundPadding: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    icon: {
+      name: string;
+    };
+    text: {
+      name: string;
+    };
+    textColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    url: {
+      name: string;
+    };
+    openInNewTab: {
+      name: string;
+    };
+    size: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    arrow: {
+      name: string;
+      options: boolean[];
+    };
+    arrowColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    circle: {
+      name: string;
+      options: boolean[];
+    };
+    shadow: {
+      name: string;
+      options: boolean[];
+    };
+    centered: {
+      name: string;
+      options: boolean[];
+    };
+    rounded: {
+      name: string;
+      options: boolean[];
+    };
+  };
+};
+export default _default;
+export declare const IconButtonComponent: any;

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

@@ -0,0 +1,28 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { brandColour } from '../../globals/brand-colour';
+import { spacingOption } from '../../globals/spacing-option';
+export declare class BiggiveImageButton {
+  doButtonClick: EventEmitter<{
+    event: object;
+    url: string;
+  }>;
+  spaceBelow: spacingOption;
+  backgroundColour: brandColour;
+  backgroundPadding: spacingOption;
+  text: string;
+  textColour: brandColour;
+  imageUrl: string;
+  imageStyle: string;
+  url: string;
+  openInNewTab: boolean;
+  size: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+  arrow: boolean;
+  arrowColour: brandColour;
+  circle: boolean;
+  shadow: boolean;
+  centered: boolean;
+  rounded: boolean;
+  buttonId: undefined | string;
+  private handleButtonClick;
+  render(): any;
+}

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

@@ -0,0 +1,78 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    spaceBelow: {
+      name: string;
+      control: {
+        type: string;
+        options: number[];
+      };
+    };
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    imageUrl: {
+      name: string;
+    };
+    imageStyle: {
+      name: string;
+      options: string[];
+    };
+    text: {
+      name: string;
+    };
+    textColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    url: {
+      name: string;
+    };
+    openInNewTab: {
+      name: string;
+    };
+    size: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    arrow: {
+      name: string;
+      options: boolean[];
+    };
+    arrowColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    circle: {
+      name: string;
+      options: boolean[];
+    };
+    shadow: {
+      name: string;
+      options: boolean[];
+    };
+    centered: {
+      name: string;
+      options: boolean[];
+    };
+    rounded: {
+      name: string;
+      options: boolean[];
+    };
+  };
+};
+export default _default;
+export declare const ImageButtonComponent: any;

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

@@ -0,0 +1,15 @@
+import { brandColour } from '../../globals/brand-colour';
+export declare class BiggiveSheet {
+  host: HTMLBiggiveSheetElement;
+  /**
+   * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
+   */
+  sheetId: string;
+  backgroundColour: brandColour;
+  textColour: brandColour;
+  openSheet(hash: string): void;
+  componentWillLoad(): void;
+  componentDidRender(): void;
+  closeSheet(): void;
+  render(): any;
+}

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

@@ -0,0 +1,21 @@
+declare const _default: {
+  title: string;
+  argTypes: {
+    backgroundColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+    textColour: {
+      name: string;
+      control: {
+        type: string;
+        options: string[];
+      };
+    };
+  };
+};
+export default _default;
+export declare const SheetComponent: any;

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

@@ -10,11 +10,14 @@ export declare class BiggiveTabbedContent {
   buttonBackgroundColour: brandColour;
   buttonIconColour: brandColour;
   currentTab: number;
+  scrollContextTab: HTMLElement | null;
+  scrollOffset: number;
   children: Array<HTMLBiggiveTabElement>;
   componentWillLoad(): void;
   componentDidRender(): void;
   showTab(i: number): void;
   clickTabHandler(e: MouseEvent): void;
+  scrollTab(direction: 'NEXT' | 'PREV'): void;
   clickPrevHandler(): void;
   clickNextHandler(): void;
   render(): any;

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

@@ -15,12 +15,15 @@ export declare class BiggiveTimeline {
   entryTitleColour: brandColour;
   entryTextColour: brandColour;
   currentTab: number;
+  scrollContextTab: HTMLElement | null;
+  scrollOffset: number;
   tabHeadings: Array<string>;
   children: Array<HTMLBiggiveTimelineEntryElement>;
   componentWillLoad(): void;
   componentDidRender(): void;
   showTab(i: number): void;
   clickTabHandler(e: any): void;
+  scrollTab(direction: 'NEXT' | 'PREV'): void;
   clickPrevHandler(): void;
   clickNextHandler(): void;
   render(): any;