@biggive/components 202303201542.0.0 → 202303301223.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/dist/biggive/biggive.esm.js +1 -1
  2. package/dist/biggive/{p-5406c558.entry.js → p-044de4a5.entry.js} +1 -1
  3. package/dist/biggive/p-0f955c67.entry.js +1 -0
  4. package/dist/biggive/{p-4402efe9.entry.js → p-12035aa2.entry.js} +1 -1
  5. package/dist/biggive/{p-42649676.entry.js → p-14a9d9a4.entry.js} +1 -1
  6. package/dist/biggive/{p-63abb338.entry.js → p-1e8f981c.entry.js} +1 -1
  7. package/dist/biggive/{p-b73fddaa.entry.js → p-241aed7a.entry.js} +1 -1
  8. package/dist/biggive/{p-f6dedf7d.entry.js → p-2fa6188d.entry.js} +1 -1
  9. package/dist/biggive/p-47d3c810.entry.js +1 -0
  10. package/dist/biggive/{p-87487165.entry.js → p-518fd1c9.entry.js} +1 -1
  11. package/dist/biggive/{p-2c639bd5.entry.js → p-58521290.entry.js} +1 -1
  12. package/dist/biggive/{p-ff8bc382.js → p-740166e9.js} +2 -2
  13. package/dist/biggive/{p-41588003.entry.js → p-76413b3e.entry.js} +1 -1
  14. package/dist/biggive/{p-26c0b6cf.entry.js → p-7be9d211.entry.js} +1 -1
  15. package/dist/biggive/{p-01d03da2.entry.js → p-d8ec56e6.entry.js} +1 -1
  16. package/dist/biggive/{p-f375edb7.entry.js → p-f224b742.entry.js} +1 -1
  17. package/dist/biggive/{p-ead5a5ce.entry.js → p-fe1f033c.entry.js} +1 -1
  18. package/dist/cjs/{biggive-accordion_35.cjs.entry.js → biggive-accordion_43.cjs.entry.js} +469 -50
  19. package/dist/cjs/biggive-basic-card.cjs.entry.js +2 -2
  20. package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js +2 -2
  21. package/dist/cjs/biggive-boxed-content.cjs.entry.js +2 -2
  22. package/dist/cjs/biggive-category-icon.cjs.entry.js +2 -2
  23. package/dist/cjs/biggive-form.cjs.entry.js +1 -1
  24. package/dist/cjs/biggive-header.cjs.entry.js +1 -1
  25. package/dist/cjs/biggive-icon-group.cjs.entry.js +1 -1
  26. package/dist/cjs/biggive-nav-group.cjs.entry.js +1 -1
  27. package/dist/cjs/biggive-nav-item.cjs.entry.js +1 -1
  28. package/dist/cjs/biggive-popup-standalone.cjs.entry.js +1 -1
  29. package/dist/cjs/biggive-search.cjs.entry.js +1 -1
  30. package/dist/cjs/biggive-table.cjs.entry.js +2 -2
  31. package/dist/cjs/biggive-text-input.cjs.entry.js +1 -1
  32. package/dist/cjs/biggive-video.cjs.entry.js +1 -1
  33. package/dist/cjs/biggive.cjs.js +2 -2
  34. package/dist/cjs/{index-8dd1da4d.js → index-8dcaaf94.js} +3 -0
  35. package/dist/cjs/loader.cjs.js +2 -2
  36. package/dist/collection/collection-manifest.json +5 -0
  37. package/dist/collection/components/biggive-accordion/biggive-accordion.css +2 -2
  38. package/dist/collection/components/biggive-accordion/biggive-accordion.stories.js +3 -3
  39. package/dist/collection/components/biggive-article-card/biggive-article-card.css +36 -13
  40. package/dist/collection/components/biggive-article-card/biggive-article-card.js +258 -32
  41. package/dist/collection/components/biggive-basic-card/biggive-basic-card.css +1 -1
  42. package/dist/collection/components/biggive-beneficiary-icon/biggive-beneficiary-icon.css +1 -1
  43. package/dist/collection/components/biggive-biography-card/biggive-biography-card.css +592 -1
  44. package/dist/collection/components/biggive-biography-card/biggive-biography-card.js +218 -8
  45. package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css +1 -1
  46. package/dist/collection/components/biggive-button/biggive-button.css +110 -0
  47. package/dist/collection/components/biggive-carousel/biggive-carousel.css +18 -5
  48. package/dist/collection/components/biggive-carousel/biggive-carousel.js +18 -11
  49. package/dist/collection/components/biggive-category-icon/biggive-category-icon.css +1 -1
  50. package/dist/collection/components/biggive-filtered-carousel/biggive-filtered-carousel.css +34 -0
  51. package/dist/collection/components/biggive-filtered-carousel/biggive-filtered-carousel.js +166 -0
  52. package/dist/collection/components/biggive-footer/biggive-footer.js +69 -5
  53. package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.css +420 -0
  54. package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.js +144 -0
  55. package/dist/collection/components/biggive-generic-icon/biggive-generic-icon.stories.js +53 -0
  56. package/dist/collection/components/biggive-grid/biggive-grid.css +166 -6
  57. package/dist/collection/components/biggive-grid/biggive-grid.js +28 -4
  58. package/dist/collection/components/biggive-icon-button/biggive-icon-button.css +418 -0
  59. package/dist/collection/components/biggive-icon-button/biggive-icon-button.js +400 -0
  60. package/dist/collection/components/biggive-icon-button/biggive-icon-button.stories.js +116 -0
  61. package/dist/collection/components/biggive-image-button/biggive-image-button.css +369 -0
  62. package/dist/collection/components/biggive-image-button/biggive-image-button.js +401 -0
  63. package/dist/collection/components/biggive-image-button/biggive-image-button.stories.js +115 -0
  64. package/dist/collection/components/biggive-main-menu/biggive-main-menu.js +3 -14
  65. package/dist/collection/components/biggive-misc-icon/biggive-misc-icon.css +1 -1
  66. package/dist/collection/components/biggive-page-section/biggive-page-section.css +33 -1
  67. package/dist/collection/components/biggive-sheet/biggive-sheet.css +379 -0
  68. package/dist/collection/components/biggive-sheet/biggive-sheet.js +111 -0
  69. package/dist/collection/components/biggive-sheet/biggive-sheet.stories.js +34 -0
  70. package/dist/collection/components/biggive-social-icon/biggive-social-icon.css +1 -1
  71. package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css +9 -5
  72. package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.js +33 -3
  73. package/dist/collection/components/biggive-table/biggive-table.css +1 -1
  74. package/dist/collection/components/biggive-timeline/biggive-timeline.css +9 -11
  75. package/dist/collection/components/biggive-timeline/biggive-timeline.js +38 -5
  76. package/dist/collection/components/biggive-tipping-slider/biggive-tipping-slider.css +1 -1
  77. package/dist/collection/components/biggive-tipping-slider/biggive-tipping-slider.js +1 -1
  78. package/dist/collection/components/biggive-totalizer/biggive-totalizer.css +1 -1
  79. package/dist/collection/util/helper-methods.js +6 -0
  80. package/dist/components/biggive-accordion.js +1 -1
  81. package/dist/components/biggive-article-card.js +44 -9
  82. package/dist/components/biggive-basic-card.js +1 -1
  83. package/dist/components/biggive-beneficiary-icon.js +1 -1
  84. package/dist/components/biggive-biography-card.js +40 -3
  85. package/dist/components/biggive-boxed-content.js +1 -1
  86. package/dist/components/biggive-button2.js +1 -1
  87. package/dist/components/biggive-carousel.js +1 -83
  88. package/dist/components/biggive-carousel2.js +92 -0
  89. package/dist/components/biggive-category-icon.js +1 -1
  90. package/dist/components/biggive-filtered-carousel.d.ts +11 -0
  91. package/dist/components/biggive-filtered-carousel.js +99 -0
  92. package/dist/components/biggive-footer.js +29 -8
  93. package/dist/components/biggive-generic-icon.d.ts +11 -0
  94. package/dist/components/biggive-generic-icon.js +6 -0
  95. package/dist/components/biggive-generic-icon2.js +59 -0
  96. package/dist/components/biggive-grid.js +5 -3
  97. package/dist/components/biggive-icon-button.d.ts +11 -0
  98. package/dist/components/biggive-icon-button.js +89 -0
  99. package/dist/components/biggive-image-button.d.ts +11 -0
  100. package/dist/components/biggive-image-button.js +83 -0
  101. package/dist/components/biggive-main-menu.js +3 -14
  102. package/dist/components/biggive-misc-icon2.js +1 -1
  103. package/dist/components/biggive-page-section.js +1 -1
  104. package/dist/components/biggive-sheet.d.ts +11 -0
  105. package/dist/components/biggive-sheet.js +60 -0
  106. package/dist/components/biggive-social-icon2.js +1 -1
  107. package/dist/components/biggive-tabbed-content.js +34 -4
  108. package/dist/components/biggive-table.js +1 -1
  109. package/dist/components/biggive-timeline.js +39 -6
  110. package/dist/components/biggive-tipping-slider.js +2 -2
  111. package/dist/components/biggive-totalizer.js +1 -1
  112. package/dist/components/helper-methods.js +8 -0
  113. package/dist/components/index.d.ts +5 -0
  114. package/dist/components/index.js +5 -0
  115. package/dist/esm/{biggive-accordion_35.entry.js → biggive-accordion_43.entry.js} +462 -51
  116. package/dist/esm/biggive-basic-card.entry.js +2 -2
  117. package/dist/esm/biggive-beneficiary-icon.entry.js +2 -2
  118. package/dist/esm/biggive-boxed-content.entry.js +2 -2
  119. package/dist/esm/biggive-category-icon.entry.js +2 -2
  120. package/dist/esm/biggive-form.entry.js +1 -1
  121. package/dist/esm/biggive-header.entry.js +1 -1
  122. package/dist/esm/biggive-icon-group.entry.js +1 -1
  123. package/dist/esm/biggive-nav-group.entry.js +1 -1
  124. package/dist/esm/biggive-nav-item.entry.js +1 -1
  125. package/dist/esm/biggive-popup-standalone.entry.js +1 -1
  126. package/dist/esm/biggive-search.entry.js +1 -1
  127. package/dist/esm/biggive-table.entry.js +2 -2
  128. package/dist/esm/biggive-text-input.entry.js +1 -1
  129. package/dist/esm/biggive-video.entry.js +1 -1
  130. package/dist/esm/biggive.js +2 -2
  131. package/dist/esm/{index-801eebfb.js → index-341903f8.js} +3 -0
  132. package/dist/esm/loader.js +2 -2
  133. package/dist/types/components/biggive-article-card/biggive-article-card.d.ts +17 -42
  134. package/dist/types/components/biggive-biography-card/biggive-biography-card.d.ts +12 -13
  135. package/dist/types/components/biggive-carousel/biggive-carousel.d.ts +2 -1
  136. package/dist/types/components/biggive-filtered-carousel/biggive-filtered-carousel.d.ts +12 -0
  137. package/dist/types/components/biggive-footer/biggive-footer.d.ts +11 -0
  138. package/dist/types/components/biggive-generic-icon/biggive-generic-icon.d.ts +10 -0
  139. package/dist/types/components/biggive-generic-icon/biggive-generic-icon.stories.d.ts +38 -0
  140. package/dist/types/components/biggive-grid/biggive-grid.d.ts +3 -7
  141. package/dist/types/components/biggive-icon-button/biggive-icon-button.d.ts +28 -0
  142. package/dist/types/components/biggive-icon-button/biggive-icon-button.stories.d.ts +81 -0
  143. package/dist/types/components/biggive-image-button/biggive-image-button.d.ts +28 -0
  144. package/dist/types/components/biggive-image-button/biggive-image-button.stories.d.ts +78 -0
  145. package/dist/types/components/biggive-sheet/biggive-sheet.d.ts +15 -0
  146. package/dist/types/components/biggive-sheet/biggive-sheet.stories.d.ts +21 -0
  147. package/dist/types/components/biggive-tabbed-content/biggive-tabbed-content.d.ts +3 -0
  148. package/dist/types/components/biggive-timeline/biggive-timeline.d.ts +3 -0
  149. package/dist/types/components.d.ts +247 -126
  150. package/dist/types/util/helper-methods.d.ts +1 -0
  151. package/hydrate/index.js +545 -70
  152. package/package.json +1 -1
  153. package/dist/biggive/p-28e16ef9.entry.js +0 -1
  154. package/dist/biggive/p-4a1ba0c4.entry.js +0 -1
  155. package/dist/biggive/p-4adb4dce.entry.js +0 -1
  156. package/dist/biggive/p-87edb8c6.entry.js +0 -1
  157. package/dist/biggive/p-8feb91ae.entry.js +0 -1
  158. package/dist/cjs/biggive-article-card.cjs.entry.js +0 -31
  159. package/dist/cjs/biggive-biography-card.cjs.entry.js +0 -23
  160. package/dist/cjs/biggive-formatted-text.cjs.entry.js +0 -22
  161. package/dist/esm/biggive-article-card.entry.js +0 -27
  162. package/dist/esm/biggive-biography-card.entry.js +0 -19
  163. package/dist/esm/biggive-formatted-text.entry.js +0 -18
@@ -19,54 +19,27 @@ export namespace Components {
19
19
  "heading": string;
20
20
  }
21
21
  interface BiggiveArticleCard {
22
- /**
23
- * Card background colour
24
- */
25
- "backgroundColour": string;
26
- /**
27
- * Card background colour hover
28
- */
29
- "backgroundColourHover": string;
30
- /**
31
- * Button label
32
- */
22
+ "backgroundColour": brandColour;
23
+ "backgroundImageUrl": string;
24
+ "buttonColour": brandColour;
33
25
  "buttonLabel": string;
34
- /**
35
- * Button URL
36
- */
37
26
  "buttonUrl": string;
38
- /**
39
- * Date
40
- */
27
+ "clipBottomLeftCorner": boolean;
28
+ "clipTopRightCorner": boolean;
41
29
  "date": string;
42
- /**
43
- * Image Alt Text
44
- */
45
- "imageAltText": string;
46
- /**
47
- * Image Label
48
- */
30
+ "dateColour": brandColour;
31
+ "image1AltText": string;
32
+ "image1Url": string;
33
+ "image2AltText": string;
34
+ "image2Url": string;
49
35
  "imageLabel": string;
50
- /**
51
- * Image URL
52
- */
53
- "imageUrl": string;
54
- /**
55
- * Main title
56
- */
36
+ "imageLabelColour": brandColour;
57
37
  "mainTitle": string;
58
- /**
59
- * Slug
60
- */
38
+ "mainTitleColour": brandColour;
61
39
  "slug": string;
62
- /**
63
- * Space below component
64
- */
65
- "spaceBelow": number;
66
- /**
67
- * Text colour
68
- */
69
- "textColour": string;
40
+ "slugColour": brandColour;
41
+ "spaceBelow": spacingOption;
42
+ "textColour": brandColour;
70
43
  }
71
44
  interface BiggiveBackToTop {
72
45
  }
@@ -112,22 +85,19 @@ export namespace Components {
112
85
  "url": string;
113
86
  }
114
87
  interface BiggiveBiographyCard {
115
- /**
116
- * Job title
117
- */
88
+ "backgroundColour": brandColour;
89
+ "borderWidth": spacingOption;
90
+ "circle": boolean;
118
91
  "fullName": string;
119
- /**
120
- * Full URL of the main image.
121
- */
92
+ "imageStyle": 'cover' | 'contain';
122
93
  "imageUrl": string;
123
- /**
124
- * Job title
125
- */
126
94
  "jobTitle": string;
127
- /**
128
- * Space below component
129
- */
130
- "spaceBelow": number;
95
+ "ratio": '1,1' | '1,1.5' | '1,2';
96
+ "rounded": boolean;
97
+ "spaceBelow": spacingOption;
98
+ "textAlign": 'center' | 'left' | 'right';
99
+ "textColour": brandColour;
100
+ "url": string;
131
101
  }
132
102
  interface BiggiveBoxedContent {
133
103
  /**
@@ -499,7 +469,7 @@ export namespace Components {
499
469
  interface BiggiveCarousel {
500
470
  "buttonBackgroundColour": brandColour;
501
471
  "buttonIconColour": brandColour;
502
- "columnCount": number;
472
+ "columnCount": 1 | 2 | 3 | 4 | 5;
503
473
  "spaceBelow": spacingOption;
504
474
  }
505
475
  interface BiggiveCategoryIcon {
@@ -524,8 +494,23 @@ export namespace Components {
524
494
  */
525
495
  "url": string;
526
496
  }
497
+ interface BiggiveFilteredCarousel {
498
+ "buttonBackgroundColour": brandColour;
499
+ "buttonIconColour": brandColour;
500
+ "columnCount": 1 | 2 | 3 | 4 | 5;
501
+ "spaceBelow": spacingOption;
502
+ }
527
503
  interface BiggiveFooter {
504
+ /**
505
+ * URL prefixes vary by environment, and components library is not best placed to know what they are, so we take them as props
506
+ */
507
+ "blogUrlPrefix": string | undefined;
508
+ "experienceUrlPrefix": string | undefined;
528
509
  "headingLevel": 1 | 2 | 3 | 4 | 5 | 6;
510
+ /**
511
+ * Conditionally render footer menu: hard-coded (preset) when set to true, dynamic (slot-based) when set to false
512
+ */
513
+ "usePresetFooter": boolean;
529
514
  }
530
515
  interface BiggiveForm {
531
516
  }
@@ -565,17 +550,19 @@ export namespace Components {
565
550
  */
566
551
  "spaceBelow": number;
567
552
  }
553
+ interface BiggiveGenericIcon {
554
+ "backgroundColour": brandColour;
555
+ "icon": string;
556
+ "iconColour": brandColour;
557
+ "iconGroup": 'beneficiary' | 'misc' | 'social' | 'category';
558
+ "url": string;
559
+ }
568
560
  interface BiggiveGrid {
569
- /**
570
- * Number of columns in grid
571
- */
572
561
  "columnCount": number;
573
- /**
574
- * Space below component
575
- */
562
+ "columnGap": spacingOption;
576
563
  "spaceBelow": number;
577
564
  /**
578
- * Should have `justify-content: space-between`?
565
+ * Deprecated - should use columGap Instead
579
566
  */
580
567
  "spaceBetween": boolean;
581
568
  }
@@ -675,6 +662,25 @@ export namespace Components {
675
662
  */
676
663
  "teaserColour"?: brandColour;
677
664
  }
665
+ interface BiggiveIconButton {
666
+ "arrow": boolean;
667
+ "arrowColour": brandColour;
668
+ "backgroundColour": brandColour;
669
+ "backgroundPadding": spacingOption;
670
+ "buttonId": undefined | string;
671
+ "centered": boolean;
672
+ "circle": boolean;
673
+ "icon": string;
674
+ "iconGroup": 'beneficiary' | 'misc' | 'social' | 'category';
675
+ "openInNewTab": boolean;
676
+ "rounded": boolean;
677
+ "shadow": boolean;
678
+ "size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
679
+ "spaceBelow": spacingOption;
680
+ "text": string;
681
+ "textColour": brandColour;
682
+ "url": string;
683
+ }
678
684
  interface BiggiveIconGroup {
679
685
  /**
680
686
  * Label
@@ -715,6 +721,25 @@ export namespace Components {
715
721
  */
716
722
  "width": number;
717
723
  }
724
+ interface BiggiveImageButton {
725
+ "arrow": boolean;
726
+ "arrowColour": brandColour;
727
+ "backgroundColour": brandColour;
728
+ "backgroundPadding": spacingOption;
729
+ "buttonId": undefined | string;
730
+ "centered": boolean;
731
+ "circle": boolean;
732
+ "imageStyle": string;
733
+ "imageUrl": string;
734
+ "openInNewTab": boolean;
735
+ "rounded": boolean;
736
+ "shadow": boolean;
737
+ "size": 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
738
+ "spaceBelow": spacingOption;
739
+ "text": string;
740
+ "textColour": brandColour;
741
+ "url": string;
742
+ }
718
743
  interface BiggiveImageFeature {
719
744
  /**
720
745
  * Button Colour Scheme
@@ -901,6 +926,14 @@ export namespace Components {
901
926
  "placeholderText": string;
902
927
  "searchText": string;
903
928
  }
929
+ interface BiggiveSheet {
930
+ "backgroundColour": brandColour;
931
+ /**
932
+ * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
933
+ */
934
+ "sheetId": string;
935
+ "textColour": brandColour;
936
+ }
904
937
  interface BiggiveSocialIcon {
905
938
  /**
906
939
  * Background colour
@@ -1101,6 +1134,14 @@ export interface BiggiveFormFieldSelectOptionCustomEvent<T> extends CustomEvent<
1101
1134
  detail: T;
1102
1135
  target: HTMLBiggiveFormFieldSelectOptionElement;
1103
1136
  }
1137
+ export interface BiggiveIconButtonCustomEvent<T> extends CustomEvent<T> {
1138
+ detail: T;
1139
+ target: HTMLBiggiveIconButtonElement;
1140
+ }
1141
+ export interface BiggiveImageButtonCustomEvent<T> extends CustomEvent<T> {
1142
+ detail: T;
1143
+ target: HTMLBiggiveImageButtonElement;
1144
+ }
1104
1145
  export interface BiggiveSearchCustomEvent<T> extends CustomEvent<T> {
1105
1146
  detail: T;
1106
1147
  target: HTMLBiggiveSearchElement;
@@ -1202,6 +1243,12 @@ declare global {
1202
1243
  prototype: HTMLBiggiveCategoryIconElement;
1203
1244
  new (): HTMLBiggiveCategoryIconElement;
1204
1245
  };
1246
+ interface HTMLBiggiveFilteredCarouselElement extends Components.BiggiveFilteredCarousel, HTMLStencilElement {
1247
+ }
1248
+ var HTMLBiggiveFilteredCarouselElement: {
1249
+ prototype: HTMLBiggiveFilteredCarouselElement;
1250
+ new (): HTMLBiggiveFilteredCarouselElement;
1251
+ };
1205
1252
  interface HTMLBiggiveFooterElement extends Components.BiggiveFooter, HTMLStencilElement {
1206
1253
  }
1207
1254
  var HTMLBiggiveFooterElement: {
@@ -1232,6 +1279,12 @@ declare global {
1232
1279
  prototype: HTMLBiggiveFormattedTextElement;
1233
1280
  new (): HTMLBiggiveFormattedTextElement;
1234
1281
  };
1282
+ interface HTMLBiggiveGenericIconElement extends Components.BiggiveGenericIcon, HTMLStencilElement {
1283
+ }
1284
+ var HTMLBiggiveGenericIconElement: {
1285
+ prototype: HTMLBiggiveGenericIconElement;
1286
+ new (): HTMLBiggiveGenericIconElement;
1287
+ };
1235
1288
  interface HTMLBiggiveGridElement extends Components.BiggiveGrid, HTMLStencilElement {
1236
1289
  }
1237
1290
  var HTMLBiggiveGridElement: {
@@ -1260,6 +1313,12 @@ declare global {
1260
1313
  prototype: HTMLBiggiveHeroImageElement;
1261
1314
  new (): HTMLBiggiveHeroImageElement;
1262
1315
  };
1316
+ interface HTMLBiggiveIconButtonElement extends Components.BiggiveIconButton, HTMLStencilElement {
1317
+ }
1318
+ var HTMLBiggiveIconButtonElement: {
1319
+ prototype: HTMLBiggiveIconButtonElement;
1320
+ new (): HTMLBiggiveIconButtonElement;
1321
+ };
1263
1322
  interface HTMLBiggiveIconGroupElement extends Components.BiggiveIconGroup, HTMLStencilElement {
1264
1323
  }
1265
1324
  var HTMLBiggiveIconGroupElement: {
@@ -1272,6 +1331,12 @@ declare global {
1272
1331
  prototype: HTMLBiggiveImageElement;
1273
1332
  new (): HTMLBiggiveImageElement;
1274
1333
  };
1334
+ interface HTMLBiggiveImageButtonElement extends Components.BiggiveImageButton, HTMLStencilElement {
1335
+ }
1336
+ var HTMLBiggiveImageButtonElement: {
1337
+ prototype: HTMLBiggiveImageButtonElement;
1338
+ new (): HTMLBiggiveImageButtonElement;
1339
+ };
1275
1340
  interface HTMLBiggiveImageFeatureElement extends Components.BiggiveImageFeature, HTMLStencilElement {
1276
1341
  }
1277
1342
  var HTMLBiggiveImageFeatureElement: {
@@ -1354,6 +1419,12 @@ declare global {
1354
1419
  prototype: HTMLBiggiveSearchElement;
1355
1420
  new (): HTMLBiggiveSearchElement;
1356
1421
  };
1422
+ interface HTMLBiggiveSheetElement extends Components.BiggiveSheet, HTMLStencilElement {
1423
+ }
1424
+ var HTMLBiggiveSheetElement: {
1425
+ prototype: HTMLBiggiveSheetElement;
1426
+ new (): HTMLBiggiveSheetElement;
1427
+ };
1357
1428
  interface HTMLBiggiveSocialIconElement extends Components.BiggiveSocialIcon, HTMLStencilElement {
1358
1429
  }
1359
1430
  var HTMLBiggiveSocialIconElement: {
@@ -1443,17 +1514,21 @@ declare global {
1443
1514
  "biggive-campaign-highlights": HTMLBiggiveCampaignHighlightsElement;
1444
1515
  "biggive-carousel": HTMLBiggiveCarouselElement;
1445
1516
  "biggive-category-icon": HTMLBiggiveCategoryIconElement;
1517
+ "biggive-filtered-carousel": HTMLBiggiveFilteredCarouselElement;
1446
1518
  "biggive-footer": HTMLBiggiveFooterElement;
1447
1519
  "biggive-form": HTMLBiggiveFormElement;
1448
1520
  "biggive-form-field-select": HTMLBiggiveFormFieldSelectElement;
1449
1521
  "biggive-form-field-select-option": HTMLBiggiveFormFieldSelectOptionElement;
1450
1522
  "biggive-formatted-text": HTMLBiggiveFormattedTextElement;
1523
+ "biggive-generic-icon": HTMLBiggiveGenericIconElement;
1451
1524
  "biggive-grid": HTMLBiggiveGridElement;
1452
1525
  "biggive-header": HTMLBiggiveHeaderElement;
1453
1526
  "biggive-heading": HTMLBiggiveHeadingElement;
1454
1527
  "biggive-hero-image": HTMLBiggiveHeroImageElement;
1528
+ "biggive-icon-button": HTMLBiggiveIconButtonElement;
1455
1529
  "biggive-icon-group": HTMLBiggiveIconGroupElement;
1456
1530
  "biggive-image": HTMLBiggiveImageElement;
1531
+ "biggive-image-button": HTMLBiggiveImageButtonElement;
1457
1532
  "biggive-image-feature": HTMLBiggiveImageFeatureElement;
1458
1533
  "biggive-main-menu": HTMLBiggiveMainMenuElement;
1459
1534
  "biggive-misc-icon": HTMLBiggiveMiscIconElement;
@@ -1467,6 +1542,7 @@ declare global {
1467
1542
  "biggive-progress-bar": HTMLBiggiveProgressBarElement;
1468
1543
  "biggive-quote": HTMLBiggiveQuoteElement;
1469
1544
  "biggive-search": HTMLBiggiveSearchElement;
1545
+ "biggive-sheet": HTMLBiggiveSheetElement;
1470
1546
  "biggive-social-icon": HTMLBiggiveSocialIconElement;
1471
1547
  "biggive-tab": HTMLBiggiveTabElement;
1472
1548
  "biggive-tabbed-content": HTMLBiggiveTabbedContentElement;
@@ -1491,54 +1567,27 @@ declare namespace LocalJSX {
1491
1567
  "heading"?: string;
1492
1568
  }
1493
1569
  interface BiggiveArticleCard {
1494
- /**
1495
- * Card background colour
1496
- */
1497
- "backgroundColour"?: string;
1498
- /**
1499
- * Card background colour hover
1500
- */
1501
- "backgroundColourHover"?: string;
1502
- /**
1503
- * Button label
1504
- */
1570
+ "backgroundColour"?: brandColour;
1571
+ "backgroundImageUrl"?: string;
1572
+ "buttonColour"?: brandColour;
1505
1573
  "buttonLabel"?: string;
1506
- /**
1507
- * Button URL
1508
- */
1509
1574
  "buttonUrl"?: string;
1510
- /**
1511
- * Date
1512
- */
1575
+ "clipBottomLeftCorner"?: boolean;
1576
+ "clipTopRightCorner"?: boolean;
1513
1577
  "date"?: string;
1514
- /**
1515
- * Image Alt Text
1516
- */
1517
- "imageAltText"?: string;
1518
- /**
1519
- * Image Label
1520
- */
1578
+ "dateColour"?: brandColour;
1579
+ "image1AltText"?: string;
1580
+ "image1Url"?: string;
1581
+ "image2AltText"?: string;
1582
+ "image2Url"?: string;
1521
1583
  "imageLabel"?: string;
1522
- /**
1523
- * Image URL
1524
- */
1525
- "imageUrl"?: string;
1526
- /**
1527
- * Main title
1528
- */
1584
+ "imageLabelColour"?: brandColour;
1529
1585
  "mainTitle"?: string;
1530
- /**
1531
- * Slug
1532
- */
1586
+ "mainTitleColour"?: brandColour;
1533
1587
  "slug"?: string;
1534
- /**
1535
- * Space below component
1536
- */
1537
- "spaceBelow"?: number;
1538
- /**
1539
- * Text colour
1540
- */
1541
- "textColour"?: string;
1588
+ "slugColour"?: brandColour;
1589
+ "spaceBelow"?: spacingOption;
1590
+ "textColour"?: brandColour;
1542
1591
  }
1543
1592
  interface BiggiveBackToTop {
1544
1593
  }
@@ -1584,22 +1633,19 @@ declare namespace LocalJSX {
1584
1633
  "url"?: string;
1585
1634
  }
1586
1635
  interface BiggiveBiographyCard {
1587
- /**
1588
- * Job title
1589
- */
1636
+ "backgroundColour"?: brandColour;
1637
+ "borderWidth"?: spacingOption;
1638
+ "circle"?: boolean;
1590
1639
  "fullName"?: string;
1591
- /**
1592
- * Full URL of the main image.
1593
- */
1640
+ "imageStyle"?: 'cover' | 'contain';
1594
1641
  "imageUrl"?: string;
1595
- /**
1596
- * Job title
1597
- */
1598
1642
  "jobTitle"?: string;
1599
- /**
1600
- * Space below component
1601
- */
1602
- "spaceBelow"?: number;
1643
+ "ratio"?: '1,1' | '1,1.5' | '1,2';
1644
+ "rounded"?: boolean;
1645
+ "spaceBelow"?: spacingOption;
1646
+ "textAlign"?: 'center' | 'left' | 'right';
1647
+ "textColour"?: brandColour;
1648
+ "url"?: string;
1603
1649
  }
1604
1650
  interface BiggiveBoxedContent {
1605
1651
  /**
@@ -1984,7 +2030,7 @@ declare namespace LocalJSX {
1984
2030
  interface BiggiveCarousel {
1985
2031
  "buttonBackgroundColour"?: brandColour;
1986
2032
  "buttonIconColour"?: brandColour;
1987
- "columnCount"?: number;
2033
+ "columnCount"?: 1 | 2 | 3 | 4 | 5;
1988
2034
  "spaceBelow"?: spacingOption;
1989
2035
  }
1990
2036
  interface BiggiveCategoryIcon {
@@ -2009,8 +2055,23 @@ declare namespace LocalJSX {
2009
2055
  */
2010
2056
  "url"?: string;
2011
2057
  }
2058
+ interface BiggiveFilteredCarousel {
2059
+ "buttonBackgroundColour"?: brandColour;
2060
+ "buttonIconColour"?: brandColour;
2061
+ "columnCount"?: 1 | 2 | 3 | 4 | 5;
2062
+ "spaceBelow"?: spacingOption;
2063
+ }
2012
2064
  interface BiggiveFooter {
2065
+ /**
2066
+ * URL prefixes vary by environment, and components library is not best placed to know what they are, so we take them as props
2067
+ */
2068
+ "blogUrlPrefix"?: string | undefined;
2069
+ "experienceUrlPrefix"?: string | undefined;
2013
2070
  "headingLevel"?: 1 | 2 | 3 | 4 | 5 | 6;
2071
+ /**
2072
+ * Conditionally render footer menu: hard-coded (preset) when set to true, dynamic (slot-based) when set to false
2073
+ */
2074
+ "usePresetFooter"?: boolean;
2014
2075
  }
2015
2076
  interface BiggiveForm {
2016
2077
  }
@@ -2058,17 +2119,19 @@ declare namespace LocalJSX {
2058
2119
  */
2059
2120
  "spaceBelow"?: number;
2060
2121
  }
2122
+ interface BiggiveGenericIcon {
2123
+ "backgroundColour"?: brandColour;
2124
+ "icon"?: string;
2125
+ "iconColour"?: brandColour;
2126
+ "iconGroup"?: 'beneficiary' | 'misc' | 'social' | 'category';
2127
+ "url"?: string;
2128
+ }
2061
2129
  interface BiggiveGrid {
2062
- /**
2063
- * Number of columns in grid
2064
- */
2065
2130
  "columnCount"?: number;
2066
- /**
2067
- * Space below component
2068
- */
2131
+ "columnGap"?: spacingOption;
2069
2132
  "spaceBelow"?: number;
2070
2133
  /**
2071
- * Should have `justify-content: space-between`?
2134
+ * Deprecated - should use columGap Instead
2072
2135
  */
2073
2136
  "spaceBetween"?: boolean;
2074
2137
  }
@@ -2167,6 +2230,26 @@ declare namespace LocalJSX {
2167
2230
  */
2168
2231
  "teaserColour"?: brandColour;
2169
2232
  }
2233
+ interface BiggiveIconButton {
2234
+ "arrow"?: boolean;
2235
+ "arrowColour"?: brandColour;
2236
+ "backgroundColour"?: brandColour;
2237
+ "backgroundPadding"?: spacingOption;
2238
+ "buttonId"?: undefined | string;
2239
+ "centered"?: boolean;
2240
+ "circle"?: boolean;
2241
+ "icon"?: string;
2242
+ "iconGroup"?: 'beneficiary' | 'misc' | 'social' | 'category';
2243
+ "onDoButtonClick"?: (event: BiggiveIconButtonCustomEvent<{ event: object; url: string }>) => void;
2244
+ "openInNewTab"?: boolean;
2245
+ "rounded"?: boolean;
2246
+ "shadow"?: boolean;
2247
+ "size"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
2248
+ "spaceBelow"?: spacingOption;
2249
+ "text"?: string;
2250
+ "textColour"?: brandColour;
2251
+ "url"?: string;
2252
+ }
2170
2253
  interface BiggiveIconGroup {
2171
2254
  /**
2172
2255
  * Label
@@ -2207,6 +2290,26 @@ declare namespace LocalJSX {
2207
2290
  */
2208
2291
  "width"?: number;
2209
2292
  }
2293
+ interface BiggiveImageButton {
2294
+ "arrow"?: boolean;
2295
+ "arrowColour"?: brandColour;
2296
+ "backgroundColour"?: brandColour;
2297
+ "backgroundPadding"?: spacingOption;
2298
+ "buttonId"?: undefined | string;
2299
+ "centered"?: boolean;
2300
+ "circle"?: boolean;
2301
+ "imageStyle"?: string;
2302
+ "imageUrl"?: string;
2303
+ "onDoButtonClick"?: (event: BiggiveImageButtonCustomEvent<{ event: object; url: string }>) => void;
2304
+ "openInNewTab"?: boolean;
2305
+ "rounded"?: boolean;
2306
+ "shadow"?: boolean;
2307
+ "size"?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
2308
+ "spaceBelow"?: spacingOption;
2309
+ "text"?: string;
2310
+ "textColour"?: brandColour;
2311
+ "url"?: string;
2312
+ }
2210
2313
  interface BiggiveImageFeature {
2211
2314
  /**
2212
2315
  * Button Colour Scheme
@@ -2394,6 +2497,14 @@ declare namespace LocalJSX {
2394
2497
  "placeholderText"?: string;
2395
2498
  "searchText"?: string;
2396
2499
  }
2500
+ interface BiggiveSheet {
2501
+ "backgroundColour"?: brandColour;
2502
+ /**
2503
+ * A string ID (no spaces) unique within the page context, used to trigger the opening of the sheet from an anchor hash.
2504
+ */
2505
+ "sheetId"?: string;
2506
+ "textColour"?: brandColour;
2507
+ }
2397
2508
  interface BiggiveSocialIcon {
2398
2509
  /**
2399
2510
  * Background colour
@@ -2590,17 +2701,21 @@ declare namespace LocalJSX {
2590
2701
  "biggive-campaign-highlights": BiggiveCampaignHighlights;
2591
2702
  "biggive-carousel": BiggiveCarousel;
2592
2703
  "biggive-category-icon": BiggiveCategoryIcon;
2704
+ "biggive-filtered-carousel": BiggiveFilteredCarousel;
2593
2705
  "biggive-footer": BiggiveFooter;
2594
2706
  "biggive-form": BiggiveForm;
2595
2707
  "biggive-form-field-select": BiggiveFormFieldSelect;
2596
2708
  "biggive-form-field-select-option": BiggiveFormFieldSelectOption;
2597
2709
  "biggive-formatted-text": BiggiveFormattedText;
2710
+ "biggive-generic-icon": BiggiveGenericIcon;
2598
2711
  "biggive-grid": BiggiveGrid;
2599
2712
  "biggive-header": BiggiveHeader;
2600
2713
  "biggive-heading": BiggiveHeading;
2601
2714
  "biggive-hero-image": BiggiveHeroImage;
2715
+ "biggive-icon-button": BiggiveIconButton;
2602
2716
  "biggive-icon-group": BiggiveIconGroup;
2603
2717
  "biggive-image": BiggiveImage;
2718
+ "biggive-image-button": BiggiveImageButton;
2604
2719
  "biggive-image-feature": BiggiveImageFeature;
2605
2720
  "biggive-main-menu": BiggiveMainMenu;
2606
2721
  "biggive-misc-icon": BiggiveMiscIcon;
@@ -2614,6 +2729,7 @@ declare namespace LocalJSX {
2614
2729
  "biggive-progress-bar": BiggiveProgressBar;
2615
2730
  "biggive-quote": BiggiveQuote;
2616
2731
  "biggive-search": BiggiveSearch;
2732
+ "biggive-sheet": BiggiveSheet;
2617
2733
  "biggive-social-icon": BiggiveSocialIcon;
2618
2734
  "biggive-tab": BiggiveTab;
2619
2735
  "biggive-tabbed-content": BiggiveTabbedContent;
@@ -2648,11 +2764,13 @@ declare module "@stencil/core" {
2648
2764
  "biggive-campaign-highlights": LocalJSX.BiggiveCampaignHighlights & JSXBase.HTMLAttributes<HTMLBiggiveCampaignHighlightsElement>;
2649
2765
  "biggive-carousel": LocalJSX.BiggiveCarousel & JSXBase.HTMLAttributes<HTMLBiggiveCarouselElement>;
2650
2766
  "biggive-category-icon": LocalJSX.BiggiveCategoryIcon & JSXBase.HTMLAttributes<HTMLBiggiveCategoryIconElement>;
2767
+ "biggive-filtered-carousel": LocalJSX.BiggiveFilteredCarousel & JSXBase.HTMLAttributes<HTMLBiggiveFilteredCarouselElement>;
2651
2768
  "biggive-footer": LocalJSX.BiggiveFooter & JSXBase.HTMLAttributes<HTMLBiggiveFooterElement>;
2652
2769
  "biggive-form": LocalJSX.BiggiveForm & JSXBase.HTMLAttributes<HTMLBiggiveFormElement>;
2653
2770
  "biggive-form-field-select": LocalJSX.BiggiveFormFieldSelect & JSXBase.HTMLAttributes<HTMLBiggiveFormFieldSelectElement>;
2654
2771
  "biggive-form-field-select-option": LocalJSX.BiggiveFormFieldSelectOption & JSXBase.HTMLAttributes<HTMLBiggiveFormFieldSelectOptionElement>;
2655
2772
  "biggive-formatted-text": LocalJSX.BiggiveFormattedText & JSXBase.HTMLAttributes<HTMLBiggiveFormattedTextElement>;
2773
+ "biggive-generic-icon": LocalJSX.BiggiveGenericIcon & JSXBase.HTMLAttributes<HTMLBiggiveGenericIconElement>;
2656
2774
  "biggive-grid": LocalJSX.BiggiveGrid & JSXBase.HTMLAttributes<HTMLBiggiveGridElement>;
2657
2775
  /**
2658
2776
  * @deprecated
@@ -2661,8 +2779,10 @@ declare module "@stencil/core" {
2661
2779
  "biggive-header": LocalJSX.BiggiveHeader & JSXBase.HTMLAttributes<HTMLBiggiveHeaderElement>;
2662
2780
  "biggive-heading": LocalJSX.BiggiveHeading & JSXBase.HTMLAttributes<HTMLBiggiveHeadingElement>;
2663
2781
  "biggive-hero-image": LocalJSX.BiggiveHeroImage & JSXBase.HTMLAttributes<HTMLBiggiveHeroImageElement>;
2782
+ "biggive-icon-button": LocalJSX.BiggiveIconButton & JSXBase.HTMLAttributes<HTMLBiggiveIconButtonElement>;
2664
2783
  "biggive-icon-group": LocalJSX.BiggiveIconGroup & JSXBase.HTMLAttributes<HTMLBiggiveIconGroupElement>;
2665
2784
  "biggive-image": LocalJSX.BiggiveImage & JSXBase.HTMLAttributes<HTMLBiggiveImageElement>;
2785
+ "biggive-image-button": LocalJSX.BiggiveImageButton & JSXBase.HTMLAttributes<HTMLBiggiveImageButtonElement>;
2666
2786
  "biggive-image-feature": LocalJSX.BiggiveImageFeature & JSXBase.HTMLAttributes<HTMLBiggiveImageFeatureElement>;
2667
2787
  "biggive-main-menu": LocalJSX.BiggiveMainMenu & JSXBase.HTMLAttributes<HTMLBiggiveMainMenuElement>;
2668
2788
  "biggive-misc-icon": LocalJSX.BiggiveMiscIcon & JSXBase.HTMLAttributes<HTMLBiggiveMiscIconElement>;
@@ -2680,6 +2800,7 @@ declare module "@stencil/core" {
2680
2800
  * should we delete it rather than maintaining?
2681
2801
  */
2682
2802
  "biggive-search": LocalJSX.BiggiveSearch & JSXBase.HTMLAttributes<HTMLBiggiveSearchElement>;
2803
+ "biggive-sheet": LocalJSX.BiggiveSheet & JSXBase.HTMLAttributes<HTMLBiggiveSheetElement>;
2683
2804
  "biggive-social-icon": LocalJSX.BiggiveSocialIcon & JSXBase.HTMLAttributes<HTMLBiggiveSocialIconElement>;
2684
2805
  "biggive-tab": LocalJSX.BiggiveTab & JSXBase.HTMLAttributes<HTMLBiggiveTabElement>;
2685
2806
  "biggive-tabbed-content": LocalJSX.BiggiveTabbedContent & JSXBase.HTMLAttributes<HTMLBiggiveTabbedContentElement>;
@@ -0,0 +1 @@
1
+ export declare const makeURL: (urlType: string, urlPrefix: string | undefined, relativeUrl: string) => string;