@biggive/components 202303201257.0.0 → 202303231047.0.0

package/dist/types/components.d.ts

@@ -19,54 +19,27 @@ export namespace Components {
         "heading": string;
     }
     interface BiggiveArticleCard {
-        /**
-          * Card background colour
-         */
-        "backgroundColour": string;
-        /**
-          * Card background colour hover
-         */
-        "backgroundColourHover": string;
-        /**
-          * Button label
-         */
+        "backgroundColour": brandColour;
+        "backgroundImageUrl": string;
+        "buttonColour": brandColour;
         "buttonLabel": string;
-        /**
-          * Button URL
-         */
         "buttonUrl": string;
-        /**
-          * Date
-         */
+        "clipBottomLeftCorner": boolean;
+        "clipTopRightCorner": boolean;
         "date": string;
-        /**
-          * Image Alt Text
-         */
-        "imageAltText": string;
-        /**
-          * Image Label
-         */
+        "dateColour": brandColour;
+        "image1AltText": string;
+        "image1Url": string;
+        "image2AltText": string;
+        "image2Url": string;
         "imageLabel": string;
-        /**
-          * Image URL
-         */
-        "imageUrl": string;
-        /**
-          * Main title
-         */
+        "imageLabelColour": brandColour;
         "mainTitle": string;
-        /**
-          * Slug
-         */
+        "mainTitleColour": brandColour;
         "slug": string;
-        /**
-          * Space below component
-         */
-        "spaceBelow": number;
-        /**
-          * Text colour
-         */
-        "textColour": string;
+        "slugColour": brandColour;
+        "spaceBelow": spacingOption;
+        "textColour": brandColour;
     }
     interface BiggiveBackToTop {
     }
@@ -112,22 +85,19 @@ export namespace Components {
         "url": string;
     }
     interface BiggiveBiographyCard {
-        /**
-          * Job title
-         */
+        "backgroundColour": brandColour;
+        "borderWidth": spacingOption;
+        "circle": boolean;
         "fullName": string;
-        /**
-          * Full URL of the main image.
-         */
+        "imageStyle": 'cover' | 'contain';
         "imageUrl": string;
-        /**
-          * Job title
-         */
         "jobTitle": string;
-        /**
-          * Space below component
-         */
-        "spaceBelow": number;
+        "ratio": '1,1' | '1,1.5' | '1,2';
+        "rounded": boolean;
+        "spaceBelow": spacingOption;
+        "textAlign": 'center' | 'left' | 'right';
+        "textColour": brandColour;
+        "url": string;
     }
     interface BiggiveBoxedContent {
         /**
@@ -499,7 +469,7 @@ export namespace Components {
     interface BiggiveCarousel {
         "buttonBackgroundColour": brandColour;
         "buttonIconColour": brandColour;
-        "columnCount": number;
+        "columnCount": 1 | 2 | 3 | 4 | 5;
         "spaceBelow": spacingOption;
     }
     interface BiggiveCategoryIcon {
@@ -524,6 +494,12 @@ export namespace Components {
          */
         "url": string;
     }
+    interface BiggiveFilteredCarousel {
+        "buttonBackgroundColour": brandColour;
+        "buttonIconColour": brandColour;
+        "columnCount": 1 | 2 | 3 | 4 | 5;
+        "spaceBelow": spacingOption;
+    }
     interface BiggiveFooter {
         "headingLevel": 1 | 2 | 3 | 4 | 5 | 6;
     }
@@ -565,17 +541,19 @@ export namespace Components {
          */
         "spaceBelow": number;
     }
+    interface BiggiveGenericIcon {
+        "backgroundColour": brandColour;
+        "icon": string;
+        "iconColour": brandColour;
+        "iconGroup": 'beneficiary' | 'misc' | 'social' | 'category';
+        "url": string;
+    }
     interface BiggiveGrid {
-        /**
-          * Number of columns in grid
-         */
         "columnCount": number;
-        /**
-          * Space below component
-         */
+        "columnGap": spacingOption;
         "spaceBelow": number;
         /**
-          * Should have `justify-content: space-between`?
+          * Deprecated - should use columGap Instead
          */
         "spaceBetween": boolean;
     }
@@ -675,6 +653,25 @@ export namespace Components {
          */
         "teaserColour"?: brandColour;
     }
+    interface BiggiveIconButton {
+        "arrow": boolean;
+        "arrowColour": brandColour;
+        "backgroundColour": brandColour;
+        "backgroundPadding": spacingOption;
+        "buttonId": undefined | string;
+        "centered": boolean;
+        "circle": boolean;
+        "icon": string;
+        "iconGroup": 'beneficiary' | 'misc' | 'social' | 'category';
+        "openInNewTab": boolean;
+        "rounded": boolean;
+        "shadow": boolean;
+        "size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+        "spaceBelow": spacingOption;
+        "text": string;
+        "textColour": brandColour;
+        "url": string;
+    }
     interface BiggiveIconGroup {
         /**
           * Label
@@ -715,6 +712,25 @@ export namespace Components {
          */
         "width": number;
     }
+    interface BiggiveImageButton {
+        "arrow": boolean;
+        "arrowColour": brandColour;
+        "backgroundColour": brandColour;
+        "backgroundPadding": spacingOption;
+        "buttonId": undefined | string;
+        "centered": boolean;
+        "circle": boolean;
+        "imageStyle": string;
+        "imageUrl": string;
+        "openInNewTab": boolean;
+        "rounded": boolean;
+        "shadow": boolean;
+        "size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+        "spaceBelow": spacingOption;
+        "text": string;
+        "textColour": brandColour;
+        "url": string;
+    }
     interface BiggiveImageFeature {
         /**
           * Button Colour Scheme
@@ -901,6 +917,14 @@ export namespace Components {
         "placeholderText": string;
         "searchText": string;
     }
+    interface BiggiveSheet {
+        "backgroundColour": brandColour;
+        /**
+          * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
+         */
+        "sheetId": string;
+        "textColour": brandColour;
+    }
     interface BiggiveSocialIcon {
         /**
           * Background colour
@@ -1101,6 +1125,14 @@ export interface BiggiveFormFieldSelectOptionCustomEvent<T> extends CustomEvent<
     detail: T;
     target: HTMLBiggiveFormFieldSelectOptionElement;
 }
+export interface BiggiveIconButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBiggiveIconButtonElement;
+}
+export interface BiggiveImageButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLBiggiveImageButtonElement;
+}
 export interface BiggiveSearchCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLBiggiveSearchElement;
@@ -1202,6 +1234,12 @@ declare global {
         prototype: HTMLBiggiveCategoryIconElement;
         new (): HTMLBiggiveCategoryIconElement;
     };
+    interface HTMLBiggiveFilteredCarouselElement extends Components.BiggiveFilteredCarousel, HTMLStencilElement {
+    }
+    var HTMLBiggiveFilteredCarouselElement: {
+        prototype: HTMLBiggiveFilteredCarouselElement;
+        new (): HTMLBiggiveFilteredCarouselElement;
+    };
     interface HTMLBiggiveFooterElement extends Components.BiggiveFooter, HTMLStencilElement {
     }
     var HTMLBiggiveFooterElement: {
@@ -1232,6 +1270,12 @@ declare global {
         prototype: HTMLBiggiveFormattedTextElement;
         new (): HTMLBiggiveFormattedTextElement;
     };
+    interface HTMLBiggiveGenericIconElement extends Components.BiggiveGenericIcon, HTMLStencilElement {
+    }
+    var HTMLBiggiveGenericIconElement: {
+        prototype: HTMLBiggiveGenericIconElement;
+        new (): HTMLBiggiveGenericIconElement;
+    };
     interface HTMLBiggiveGridElement extends Components.BiggiveGrid, HTMLStencilElement {
     }
     var HTMLBiggiveGridElement: {
@@ -1260,6 +1304,12 @@ declare global {
         prototype: HTMLBiggiveHeroImageElement;
         new (): HTMLBiggiveHeroImageElement;
     };
+    interface HTMLBiggiveIconButtonElement extends Components.BiggiveIconButton, HTMLStencilElement {
+    }
+    var HTMLBiggiveIconButtonElement: {
+        prototype: HTMLBiggiveIconButtonElement;
+        new (): HTMLBiggiveIconButtonElement;
+    };
     interface HTMLBiggiveIconGroupElement extends Components.BiggiveIconGroup, HTMLStencilElement {
     }
     var HTMLBiggiveIconGroupElement: {
@@ -1272,6 +1322,12 @@ declare global {
         prototype: HTMLBiggiveImageElement;
         new (): HTMLBiggiveImageElement;
     };
+    interface HTMLBiggiveImageButtonElement extends Components.BiggiveImageButton, HTMLStencilElement {
+    }
+    var HTMLBiggiveImageButtonElement: {
+        prototype: HTMLBiggiveImageButtonElement;
+        new (): HTMLBiggiveImageButtonElement;
+    };
     interface HTMLBiggiveImageFeatureElement extends Components.BiggiveImageFeature, HTMLStencilElement {
     }
     var HTMLBiggiveImageFeatureElement: {
@@ -1354,6 +1410,12 @@ declare global {
         prototype: HTMLBiggiveSearchElement;
         new (): HTMLBiggiveSearchElement;
     };
+    interface HTMLBiggiveSheetElement extends Components.BiggiveSheet, HTMLStencilElement {
+    }
+    var HTMLBiggiveSheetElement: {
+        prototype: HTMLBiggiveSheetElement;
+        new (): HTMLBiggiveSheetElement;
+    };
     interface HTMLBiggiveSocialIconElement extends Components.BiggiveSocialIcon, HTMLStencilElement {
     }
     var HTMLBiggiveSocialIconElement: {
@@ -1443,17 +1505,21 @@ declare global {
         "biggive-campaign-highlights": HTMLBiggiveCampaignHighlightsElement;
         "biggive-carousel": HTMLBiggiveCarouselElement;
         "biggive-category-icon": HTMLBiggiveCategoryIconElement;
+        "biggive-filtered-carousel": HTMLBiggiveFilteredCarouselElement;
         "biggive-footer": HTMLBiggiveFooterElement;
         "biggive-form": HTMLBiggiveFormElement;
         "biggive-form-field-select": HTMLBiggiveFormFieldSelectElement;
         "biggive-form-field-select-option": HTMLBiggiveFormFieldSelectOptionElement;
         "biggive-formatted-text": HTMLBiggiveFormattedTextElement;
+        "biggive-generic-icon": HTMLBiggiveGenericIconElement;
         "biggive-grid": HTMLBiggiveGridElement;
         "biggive-header": HTMLBiggiveHeaderElement;
         "biggive-heading": HTMLBiggiveHeadingElement;
         "biggive-hero-image": HTMLBiggiveHeroImageElement;
+        "biggive-icon-button": HTMLBiggiveIconButtonElement;
         "biggive-icon-group": HTMLBiggiveIconGroupElement;
         "biggive-image": HTMLBiggiveImageElement;
+        "biggive-image-button": HTMLBiggiveImageButtonElement;
         "biggive-image-feature": HTMLBiggiveImageFeatureElement;
         "biggive-main-menu": HTMLBiggiveMainMenuElement;
         "biggive-misc-icon": HTMLBiggiveMiscIconElement;
@@ -1467,6 +1533,7 @@ declare global {
         "biggive-progress-bar": HTMLBiggiveProgressBarElement;
         "biggive-quote": HTMLBiggiveQuoteElement;
         "biggive-search": HTMLBiggiveSearchElement;
+        "biggive-sheet": HTMLBiggiveSheetElement;
         "biggive-social-icon": HTMLBiggiveSocialIconElement;
         "biggive-tab": HTMLBiggiveTabElement;
         "biggive-tabbed-content": HTMLBiggiveTabbedContentElement;
@@ -1491,54 +1558,27 @@ declare namespace LocalJSX {
         "heading"?: string;
     }
     interface BiggiveArticleCard {
-        /**
-          * Card background colour
-         */
-        "backgroundColour"?: string;
-        /**
-          * Card background colour hover
-         */
-        "backgroundColourHover"?: string;
-        /**
-          * Button label
-         */
+        "backgroundColour"?: brandColour;
+        "backgroundImageUrl"?: string;
+        "buttonColour"?: brandColour;
         "buttonLabel"?: string;
-        /**
-          * Button URL
-         */
         "buttonUrl"?: string;
-        /**
-          * Date
-         */
+        "clipBottomLeftCorner"?: boolean;
+        "clipTopRightCorner"?: boolean;
         "date"?: string;
-        /**
-          * Image Alt Text
-         */
-        "imageAltText"?: string;
-        /**
-          * Image Label
-         */
+        "dateColour"?: brandColour;
+        "image1AltText"?: string;
+        "image1Url"?: string;
+        "image2AltText"?: string;
+        "image2Url"?: string;
         "imageLabel"?: string;
-        /**
-          * Image URL
-         */
-        "imageUrl"?: string;
-        /**
-          * Main title
-         */
+        "imageLabelColour"?: brandColour;
         "mainTitle"?: string;
-        /**
-          * Slug
-         */
+        "mainTitleColour"?: brandColour;
         "slug"?: string;
-        /**
-          * Space below component
-         */
-        "spaceBelow"?: number;
-        /**
-          * Text colour
-         */
-        "textColour"?: string;
+        "slugColour"?: brandColour;
+        "spaceBelow"?: spacingOption;
+        "textColour"?: brandColour;
     }
     interface BiggiveBackToTop {
     }
@@ -1584,22 +1624,19 @@ declare namespace LocalJSX {
         "url"?: string;
     }
     interface BiggiveBiographyCard {
-        /**
-          * Job title
-         */
+        "backgroundColour"?: brandColour;
+        "borderWidth"?: spacingOption;
+        "circle"?: boolean;
         "fullName"?: string;
-        /**
-          * Full URL of the main image.
-         */
+        "imageStyle"?: 'cover' | 'contain';
         "imageUrl"?: string;
-        /**
-          * Job title
-         */
         "jobTitle"?: string;
-        /**
-          * Space below component
-         */
-        "spaceBelow"?: number;
+        "ratio"?: '1,1' | '1,1.5' | '1,2';
+        "rounded"?: boolean;
+        "spaceBelow"?: spacingOption;
+        "textAlign"?: 'center' | 'left' | 'right';
+        "textColour"?: brandColour;
+        "url"?: string;
     }
     interface BiggiveBoxedContent {
         /**
@@ -1984,7 +2021,7 @@ declare namespace LocalJSX {
     interface BiggiveCarousel {
         "buttonBackgroundColour"?: brandColour;
         "buttonIconColour"?: brandColour;
-        "columnCount"?: number;
+        "columnCount"?: 1 | 2 | 3 | 4 | 5;
         "spaceBelow"?: spacingOption;
     }
     interface BiggiveCategoryIcon {
@@ -2009,6 +2046,12 @@ declare namespace LocalJSX {
          */
         "url"?: string;
     }
+    interface BiggiveFilteredCarousel {
+        "buttonBackgroundColour"?: brandColour;
+        "buttonIconColour"?: brandColour;
+        "columnCount"?: 1 | 2 | 3 | 4 | 5;
+        "spaceBelow"?: spacingOption;
+    }
     interface BiggiveFooter {
         "headingLevel"?: 1 | 2 | 3 | 4 | 5 | 6;
     }
@@ -2058,17 +2101,19 @@ declare namespace LocalJSX {
          */
         "spaceBelow"?: number;
     }
+    interface BiggiveGenericIcon {
+        "backgroundColour"?: brandColour;
+        "icon"?: string;
+        "iconColour"?: brandColour;
+        "iconGroup"?: 'beneficiary' | 'misc' | 'social' | 'category';
+        "url"?: string;
+    }
     interface BiggiveGrid {
-        /**
-          * Number of columns in grid
-         */
         "columnCount"?: number;
-        /**
-          * Space below component
-         */
+        "columnGap"?: spacingOption;
         "spaceBelow"?: number;
         /**
-          * Should have `justify-content: space-between`?
+          * Deprecated - should use columGap Instead
          */
         "spaceBetween"?: boolean;
     }
@@ -2167,6 +2212,26 @@ declare namespace LocalJSX {
          */
         "teaserColour"?: brandColour;
     }
+    interface BiggiveIconButton {
+        "arrow"?: boolean;
+        "arrowColour"?: brandColour;
+        "backgroundColour"?: brandColour;
+        "backgroundPadding"?: spacingOption;
+        "buttonId"?: undefined | string;
+        "centered"?: boolean;
+        "circle"?: boolean;
+        "icon"?: string;
+        "iconGroup"?: 'beneficiary' | 'misc' | 'social' | 'category';
+        "onDoButtonClick"?: (event: BiggiveIconButtonCustomEvent<{ event: object; url: string }>) => void;
+        "openInNewTab"?: boolean;
+        "rounded"?: boolean;
+        "shadow"?: boolean;
+        "size"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+        "spaceBelow"?: spacingOption;
+        "text"?: string;
+        "textColour"?: brandColour;
+        "url"?: string;
+    }
     interface BiggiveIconGroup {
         /**
           * Label
@@ -2207,6 +2272,26 @@ declare namespace LocalJSX {
          */
         "width"?: number;
     }
+    interface BiggiveImageButton {
+        "arrow"?: boolean;
+        "arrowColour"?: brandColour;
+        "backgroundColour"?: brandColour;
+        "backgroundPadding"?: spacingOption;
+        "buttonId"?: undefined | string;
+        "centered"?: boolean;
+        "circle"?: boolean;
+        "imageStyle"?: string;
+        "imageUrl"?: string;
+        "onDoButtonClick"?: (event: BiggiveImageButtonCustomEvent<{ event: object; url: string }>) => void;
+        "openInNewTab"?: boolean;
+        "rounded"?: boolean;
+        "shadow"?: boolean;
+        "size"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+        "spaceBelow"?: spacingOption;
+        "text"?: string;
+        "textColour"?: brandColour;
+        "url"?: string;
+    }
     interface BiggiveImageFeature {
         /**
           * Button Colour Scheme
@@ -2394,6 +2479,14 @@ declare namespace LocalJSX {
         "placeholderText"?: string;
         "searchText"?: string;
     }
+    interface BiggiveSheet {
+        "backgroundColour"?: brandColour;
+        /**
+          * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
+         */
+        "sheetId"?: string;
+        "textColour"?: brandColour;
+    }
     interface BiggiveSocialIcon {
         /**
           * Background colour
@@ -2590,17 +2683,21 @@ declare namespace LocalJSX {
         "biggive-campaign-highlights": BiggiveCampaignHighlights;
         "biggive-carousel": BiggiveCarousel;
         "biggive-category-icon": BiggiveCategoryIcon;
+        "biggive-filtered-carousel": BiggiveFilteredCarousel;
         "biggive-footer": BiggiveFooter;
         "biggive-form": BiggiveForm;
         "biggive-form-field-select": BiggiveFormFieldSelect;
         "biggive-form-field-select-option": BiggiveFormFieldSelectOption;
         "biggive-formatted-text": BiggiveFormattedText;
+        "biggive-generic-icon": BiggiveGenericIcon;
         "biggive-grid": BiggiveGrid;
         "biggive-header": BiggiveHeader;
         "biggive-heading": BiggiveHeading;
         "biggive-hero-image": BiggiveHeroImage;
+        "biggive-icon-button": BiggiveIconButton;
         "biggive-icon-group": BiggiveIconGroup;
         "biggive-image": BiggiveImage;
+        "biggive-image-button": BiggiveImageButton;
         "biggive-image-feature": BiggiveImageFeature;
         "biggive-main-menu": BiggiveMainMenu;
         "biggive-misc-icon": BiggiveMiscIcon;
@@ -2614,6 +2711,7 @@ declare namespace LocalJSX {
         "biggive-progress-bar": BiggiveProgressBar;
         "biggive-quote": BiggiveQuote;
         "biggive-search": BiggiveSearch;
+        "biggive-sheet": BiggiveSheet;
         "biggive-social-icon": BiggiveSocialIcon;
         "biggive-tab": BiggiveTab;
         "biggive-tabbed-content": BiggiveTabbedContent;
@@ -2648,11 +2746,13 @@ declare module "@stencil/core" {
             "biggive-campaign-highlights": LocalJSX.BiggiveCampaignHighlights & JSXBase.HTMLAttributes<HTMLBiggiveCampaignHighlightsElement>;
             "biggive-carousel": LocalJSX.BiggiveCarousel & JSXBase.HTMLAttributes<HTMLBiggiveCarouselElement>;
             "biggive-category-icon": LocalJSX.BiggiveCategoryIcon & JSXBase.HTMLAttributes<HTMLBiggiveCategoryIconElement>;
+            "biggive-filtered-carousel": LocalJSX.BiggiveFilteredCarousel & JSXBase.HTMLAttributes<HTMLBiggiveFilteredCarouselElement>;
             "biggive-footer": LocalJSX.BiggiveFooter & JSXBase.HTMLAttributes<HTMLBiggiveFooterElement>;
             "biggive-form": LocalJSX.BiggiveForm & JSXBase.HTMLAttributes<HTMLBiggiveFormElement>;
             "biggive-form-field-select": LocalJSX.BiggiveFormFieldSelect & JSXBase.HTMLAttributes<HTMLBiggiveFormFieldSelectElement>;
             "biggive-form-field-select-option": LocalJSX.BiggiveFormFieldSelectOption & JSXBase.HTMLAttributes<HTMLBiggiveFormFieldSelectOptionElement>;
             "biggive-formatted-text": LocalJSX.BiggiveFormattedText & JSXBase.HTMLAttributes<HTMLBiggiveFormattedTextElement>;
+            "biggive-generic-icon": LocalJSX.BiggiveGenericIcon & JSXBase.HTMLAttributes<HTMLBiggiveGenericIconElement>;
             "biggive-grid": LocalJSX.BiggiveGrid & JSXBase.HTMLAttributes<HTMLBiggiveGridElement>;
             /**
              * @deprecated 
@@ -2661,8 +2761,10 @@ declare module "@stencil/core" {
             "biggive-header": LocalJSX.BiggiveHeader & JSXBase.HTMLAttributes<HTMLBiggiveHeaderElement>;
             "biggive-heading": LocalJSX.BiggiveHeading & JSXBase.HTMLAttributes<HTMLBiggiveHeadingElement>;
             "biggive-hero-image": LocalJSX.BiggiveHeroImage & JSXBase.HTMLAttributes<HTMLBiggiveHeroImageElement>;
+            "biggive-icon-button": LocalJSX.BiggiveIconButton & JSXBase.HTMLAttributes<HTMLBiggiveIconButtonElement>;
             "biggive-icon-group": LocalJSX.BiggiveIconGroup & JSXBase.HTMLAttributes<HTMLBiggiveIconGroupElement>;
             "biggive-image": LocalJSX.BiggiveImage & JSXBase.HTMLAttributes<HTMLBiggiveImageElement>;
+            "biggive-image-button": LocalJSX.BiggiveImageButton & JSXBase.HTMLAttributes<HTMLBiggiveImageButtonElement>;
             "biggive-image-feature": LocalJSX.BiggiveImageFeature & JSXBase.HTMLAttributes<HTMLBiggiveImageFeatureElement>;
             "biggive-main-menu": LocalJSX.BiggiveMainMenu & JSXBase.HTMLAttributes<HTMLBiggiveMainMenuElement>;
             "biggive-misc-icon": LocalJSX.BiggiveMiscIcon & JSXBase.HTMLAttributes<HTMLBiggiveMiscIconElement>;
@@ -2680,6 +2782,7 @@ declare module "@stencil/core" {
              * should we delete it rather than maintaining?
              */
             "biggive-search": LocalJSX.BiggiveSearch & JSXBase.HTMLAttributes<HTMLBiggiveSearchElement>;
+            "biggive-sheet": LocalJSX.BiggiveSheet & JSXBase.HTMLAttributes<HTMLBiggiveSheetElement>;
             "biggive-social-icon": LocalJSX.BiggiveSocialIcon & JSXBase.HTMLAttributes<HTMLBiggiveSocialIconElement>;
             "biggive-tab": LocalJSX.BiggiveTab & JSXBase.HTMLAttributes<HTMLBiggiveTabElement>;
             "biggive-tabbed-content": LocalJSX.BiggiveTabbedContent & JSXBase.HTMLAttributes<HTMLBiggiveTabbedContentElement>;