@biggive/components 202303021718.0.0 → 202303031057.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.
@@ -1,8 +1,8 @@
1
1
  import { h } from '@stencil/core';
2
2
  export class BiggiveHeading {
3
3
  constructor() {
4
- this.spaceAbove = 0;
5
- this.spaceBelow = 0;
4
+ this.spaceAbove = 2;
5
+ this.spaceBelow = 4;
6
6
  this.colour = 'primary';
7
7
  this.htmlElement = 'h1';
8
8
  this.size = 1;
@@ -13,7 +13,7 @@ export class BiggiveHeading {
13
13
  }
14
14
  render() {
15
15
  const Tag = this.htmlElement;
16
- return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, h(Tag, { class: 'heading-colour-' + this.colour + ' heading-' + this.size }, this.text)));
16
+ return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
17
17
  }
18
18
  static get is() { return "biggive-heading"; }
19
19
  static get encapsulation() { return "shadow"; }
@@ -33,51 +33,66 @@ export class BiggiveHeading {
33
33
  "type": "number",
34
34
  "mutable": false,
35
35
  "complexType": {
36
- "original": "number",
37
- "resolved": "number",
38
- "references": {}
36
+ "original": "spacingOption",
37
+ "resolved": "0 | 1 | 2 | 3 | 4 | 5 | 6",
38
+ "references": {
39
+ "spacingOption": {
40
+ "location": "import",
41
+ "path": "../../globals/spacing-option"
42
+ }
43
+ }
39
44
  },
40
45
  "required": false,
41
46
  "optional": false,
42
47
  "docs": {
43
48
  "tags": [],
44
- "text": "Space above component"
49
+ "text": ""
45
50
  },
46
51
  "attribute": "space-above",
47
52
  "reflect": false,
48
- "defaultValue": "0"
53
+ "defaultValue": "2"
49
54
  },
50
55
  "spaceBelow": {
51
56
  "type": "number",
52
57
  "mutable": false,
53
58
  "complexType": {
54
- "original": "number",
55
- "resolved": "number",
56
- "references": {}
59
+ "original": "spacingOption",
60
+ "resolved": "0 | 1 | 2 | 3 | 4 | 5 | 6",
61
+ "references": {
62
+ "spacingOption": {
63
+ "location": "import",
64
+ "path": "../../globals/spacing-option"
65
+ }
66
+ }
57
67
  },
58
68
  "required": false,
59
69
  "optional": false,
60
70
  "docs": {
61
71
  "tags": [],
62
- "text": "Space below component"
72
+ "text": ""
63
73
  },
64
74
  "attribute": "space-below",
65
75
  "reflect": false,
66
- "defaultValue": "0"
76
+ "defaultValue": "4"
67
77
  },
68
78
  "colour": {
69
79
  "type": "string",
70
80
  "mutable": false,
71
81
  "complexType": {
72
- "original": "string",
73
- "resolved": "string",
74
- "references": {}
82
+ "original": "brandColour",
83
+ "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-light\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
84
+ "references": {
85
+ "brandColour": {
86
+ "location": "import",
87
+ "path": "../../globals/brand-colour"
88
+ }
89
+ }
75
90
  },
76
91
  "required": false,
77
92
  "optional": false,
78
93
  "docs": {
79
94
  "tags": [],
80
- "text": "Colour Scheme"
95
+ "text": ""
81
96
  },
82
97
  "attribute": "colour",
83
98
  "reflect": false,
@@ -87,15 +102,20 @@ export class BiggiveHeading {
87
102
  "type": "string",
88
103
  "mutable": false,
89
104
  "complexType": {
90
- "original": "string",
91
- "resolved": "string",
92
- "references": {}
105
+ "original": "headingTag",
106
+ "resolved": "\"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\"",
107
+ "references": {
108
+ "headingTag": {
109
+ "location": "import",
110
+ "path": "../../globals/heading-tag"
111
+ }
112
+ }
93
113
  },
94
114
  "required": false,
95
115
  "optional": false,
96
116
  "docs": {
97
117
  "tags": [],
98
- "text": "HTML element"
118
+ "text": ""
99
119
  },
100
120
  "attribute": "html-element",
101
121
  "reflect": false,
@@ -105,15 +125,20 @@ export class BiggiveHeading {
105
125
  "type": "number",
106
126
  "mutable": false,
107
127
  "complexType": {
108
- "original": "number",
109
- "resolved": "number",
110
- "references": {}
128
+ "original": "headingSize",
129
+ "resolved": "1 | 2 | 3 | 4 | 5",
130
+ "references": {
131
+ "headingSize": {
132
+ "location": "import",
133
+ "path": "../../globals/heading-size"
134
+ }
135
+ }
111
136
  },
112
137
  "required": false,
113
138
  "optional": false,
114
139
  "docs": {
115
140
  "tags": [],
116
- "text": "Heading size"
141
+ "text": ""
117
142
  },
118
143
  "attribute": "size",
119
144
  "reflect": false,
@@ -131,7 +156,7 @@ export class BiggiveHeading {
131
156
  "optional": false,
132
157
  "docs": {
133
158
  "tags": [],
134
- "text": "Text alignment"
159
+ "text": ""
135
160
  },
136
161
  "attribute": "align",
137
162
  "reflect": false,
@@ -149,7 +174,7 @@ export class BiggiveHeading {
149
174
  "optional": false,
150
175
  "docs": {
151
176
  "tags": [],
152
- "text": "Heading text"
177
+ "text": ""
153
178
  },
154
179
  "attribute": "text",
155
180
  "reflect": false,
@@ -167,7 +192,7 @@ export class BiggiveHeading {
167
192
  "optional": false,
168
193
  "docs": {
169
194
  "tags": [],
170
- "text": "Icon"
195
+ "text": ""
171
196
  },
172
197
  "attribute": "icon",
173
198
  "reflect": false,
@@ -177,15 +202,20 @@ export class BiggiveHeading {
177
202
  "type": "string",
178
203
  "mutable": false,
179
204
  "complexType": {
180
- "original": "string",
181
- "resolved": "string",
182
- "references": {}
205
+ "original": "brandColour",
206
+ "resolved": "\"black\" | \"brand-1\" | \"brand-2\" | \"brand-3\" | \"brand-4\" | \"brand-5\" | \"brand-6\" | \"grey-dark\" | \"grey-light\" | \"primary\" | \"secondary\" | \"tertiary\" | \"white\"",
207
+ "references": {
208
+ "brandColour": {
209
+ "location": "import",
210
+ "path": "../../globals/brand-colour"
211
+ }
212
+ }
183
213
  },
184
214
  "required": false,
185
215
  "optional": false,
186
216
  "docs": {
187
217
  "tags": [],
188
- "text": "Icon colour"
218
+ "text": ""
189
219
  },
190
220
  "attribute": "icon-colour",
191
221
  "reflect": false,
@@ -157,76 +157,76 @@ a:hover {
157
157
  background-color: #FF7272;
158
158
  }
159
159
  .container.header-text-colour-brand-1 thead {
160
- color: #62CFC9;
160
+ color: #B30510;
161
161
  }
162
162
  .container.header-background-colour-brand-1 thead {
163
- background-color: #62CFC9;
163
+ background-color: #B30510;
164
164
  }
165
165
  .container.body-text-colour-brand-1 tbody {
166
- color: #62CFC9;
166
+ color: #B30510;
167
167
  }
168
168
  .container.body-background-colour-brand-1 tbody {
169
- background-color: #62CFC9;
169
+ background-color: #B30510;
170
170
  }
171
171
  .container.header-text-colour-brand-2 thead {
172
- color: #B30510;
172
+ color: #6E0887;
173
173
  }
174
174
  .container.header-background-colour-brand-2 thead {
175
- background-color: #B30510;
175
+ background-color: #6E0887;
176
176
  }
177
177
  .container.body-text-colour-brand-2 tbody {
178
- color: #B30510;
178
+ color: #6E0887;
179
179
  }
180
180
  .container.body-background-colour-brand-2 tbody {
181
- background-color: #B30510;
181
+ background-color: #6E0887;
182
182
  }
183
183
  .container.header-text-colour-brand-3 thead {
184
- color: #6E0887;
184
+ color: #50B400;
185
185
  }
186
186
  .container.header-background-colour-brand-3 thead {
187
- background-color: #6E0887;
187
+ background-color: #50B400;
188
188
  }
189
189
  .container.body-text-colour-brand-3 tbody {
190
- color: #6E0887;
190
+ color: #50B400;
191
191
  }
192
192
  .container.body-background-colour-brand-3 tbody {
193
- background-color: #6E0887;
193
+ background-color: #50B400;
194
194
  }
195
195
  .container.header-text-colour-brand-4 thead {
196
- color: #50B400;
196
+ color: #FFE500;
197
197
  }
198
198
  .container.header-background-colour-brand-4 thead {
199
- background-color: #50B400;
199
+ background-color: #FFE500;
200
200
  }
201
201
  .container.body-text-colour-brand-4 tbody {
202
- color: #50B400;
202
+ color: #FFE500;
203
203
  }
204
204
  .container.body-background-colour-brand-4 tbody {
205
- background-color: #50B400;
205
+ background-color: #FFE500;
206
206
  }
207
207
  .container.header-text-colour-brand-5 thead {
208
- color: #FFE500;
208
+ color: #F07D00;
209
209
  }
210
210
  .container.header-background-colour-brand-5 thead {
211
- background-color: #FFE500;
211
+ background-color: #F07D00;
212
212
  }
213
213
  .container.body-text-colour-brand-5 tbody {
214
- color: #FFE500;
214
+ color: #F07D00;
215
215
  }
216
216
  .container.body-background-colour-brand-5 tbody {
217
- background-color: #FFE500;
217
+ background-color: #F07D00;
218
218
  }
219
219
  .container.header-text-colour-brand-6 thead {
220
- color: #F07D00;
220
+ color: #62CFC9;
221
221
  }
222
222
  .container.header-background-colour-brand-6 thead {
223
- background-color: #F07D00;
223
+ background-color: #62CFC9;
224
224
  }
225
225
  .container.body-text-colour-brand-6 tbody {
226
- color: #F07D00;
226
+ color: #62CFC9;
227
227
  }
228
228
  .container.body-background-colour-brand-6 tbody {
229
- background-color: #F07D00;
229
+ background-color: #62CFC9;
230
230
  }
231
231
  .container.header-text-colour-white thead {
232
232
  color: #FFFFFF;
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1 @@
1
+ export {};
@@ -1,14 +1,14 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const biggiveHeadingCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}";
3
+ const biggiveHeadingCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-brand-1{color:#B30510}.container .heading-colour-brand-2{color:#6E0887}.container .heading-colour-brand-3{color:#50B400}.container .heading-colour-brand-4{color:#FFE500}.container .heading-colour-brand-5{color:#F07D00}.container .heading-colour-brand-6{color:#62CFC9}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}.container .heading-colour-grey-extra-light{color:#D7D7D7}.container .heading-colour-grey-light{color:#E8E8E8}.container .heading-colour-grey-medium{color:#8A8A8A}.container .heading-colour-grey-dark{color:#4A4A4A}.container h1,.container h2,.container h3,.container h4,.container h5{margin:0;padding:0}.container h1 svg,.container h2 svg,.container h3 svg,.container h4 svg,.container h5 svg{height:0.7em;margin-right:0.2em}.container .icon-colour-primary svg path{fill:#2C089B}.container .icon-colour-secondary svg path{fill:#2AF135}.container .icon-colour-tertiary svg path{fill:#FF7272}.container .icon-colour-brand-1 svg path{fill:#B30510}.container .icon-colour-brand-2 svg path{fill:#6E0887}.container .icon-colour-brand-3 svg path{fill:#50B400}.container .icon-colour-brand-4 svg path{fill:#FFE500}.container .icon-colour-brand-5 svg path{fill:#F07D00}.container .icon-colour-brand-6 svg path{fill:#62CFC9}.container .icon-colour-white svg path{fill:#FFFFFF}.container .icon-colour-black svg path{fill:#000000}.container .icon-colour-grey-extra-light svg path{fill:#D7D7D7}.container .icon-colour-grey-light svg path{fill:#E8E8E8}.container .icon-colour-grey-medium svg path{fill:#8A8A8A}.container .icon-colour-grey-dark svg path{fill:#4A4A4A}";
4
4
 
5
5
  const BiggiveHeading$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
7
7
  super();
8
8
  this.__registerHost();
9
9
  this.__attachShadow();
10
- this.spaceAbove = 0;
11
- this.spaceBelow = 0;
10
+ this.spaceAbove = 2;
11
+ this.spaceBelow = 4;
12
12
  this.colour = 'primary';
13
13
  this.htmlElement = 'h1';
14
14
  this.size = 1;
@@ -19,7 +19,7 @@ const BiggiveHeading$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
19
19
  }
20
20
  render() {
21
21
  const Tag = this.htmlElement;
22
- return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, h(Tag, { class: 'heading-colour-' + this.colour + ' heading-' + this.size }, this.text)));
22
+ return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
23
23
  }
24
24
  static get style() { return biggiveHeadingCss; }
25
25
  }, [1, "biggive-heading", {
@@ -1,6 +1,6 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
 
3
- const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#62CFC9}.container.header-background-colour-brand-1 thead{background-color:#62CFC9}.container.body-text-colour-brand-1 tbody{color:#62CFC9}.container.body-background-colour-brand-1 tbody{background-color:#62CFC9}.container.header-text-colour-brand-2 thead{color:#B30510}.container.header-background-colour-brand-2 thead{background-color:#B30510}.container.body-text-colour-brand-2 tbody{color:#B30510}.container.body-background-colour-brand-2 tbody{background-color:#B30510}.container.header-text-colour-brand-3 thead{color:#6E0887}.container.header-background-colour-brand-3 thead{background-color:#6E0887}.container.body-text-colour-brand-3 tbody{color:#6E0887}.container.body-background-colour-brand-3 tbody{background-color:#6E0887}.container.header-text-colour-brand-4 thead{color:#50B400}.container.header-background-colour-brand-4 thead{background-color:#50B400}.container.body-text-colour-brand-4 tbody{color:#50B400}.container.body-background-colour-brand-4 tbody{background-color:#50B400}.container.header-text-colour-brand-5 thead{color:#FFE500}.container.header-background-colour-brand-5 thead{background-color:#FFE500}.container.body-text-colour-brand-5 tbody{color:#FFE500}.container.body-background-colour-brand-5 tbody{background-color:#FFE500}.container.header-text-colour-brand-6 thead{color:#F07D00}.container.header-background-colour-brand-6 thead{background-color:#F07D00}.container.body-text-colour-brand-6 tbody{color:#F07D00}.container.body-background-colour-brand-6 tbody{background-color:#F07D00}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
3
+ const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
4
4
 
5
5
  const BiggiveTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
6
6
  constructor() {
@@ -397,13 +397,13 @@ const BiggiveGrid = class {
397
397
  };
398
398
  BiggiveGrid.style = biggiveGridCss;
399
399
 
400
- const biggiveHeadingCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}";
400
+ const biggiveHeadingCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex}.container .heading-colour-primary{color:#2C089B}.container .heading-colour-secondary{color:#2AF135}.container .heading-colour-tertiary{color:#FF7272}.container .heading-colour-brand-1{color:#B30510}.container .heading-colour-brand-2{color:#6E0887}.container .heading-colour-brand-3{color:#50B400}.container .heading-colour-brand-4{color:#FFE500}.container .heading-colour-brand-5{color:#F07D00}.container .heading-colour-brand-6{color:#62CFC9}.container .heading-colour-white{color:#FFFFFF}.container .heading-colour-black{color:#000000}.container .heading-colour-grey-extra-light{color:#D7D7D7}.container .heading-colour-grey-light{color:#E8E8E8}.container .heading-colour-grey-medium{color:#8A8A8A}.container .heading-colour-grey-dark{color:#4A4A4A}.container h1,.container h2,.container h3,.container h4,.container h5{margin:0;padding:0}.container h1 svg,.container h2 svg,.container h3 svg,.container h4 svg,.container h5 svg{height:0.7em;margin-right:0.2em}.container .icon-colour-primary svg path{fill:#2C089B}.container .icon-colour-secondary svg path{fill:#2AF135}.container .icon-colour-tertiary svg path{fill:#FF7272}.container .icon-colour-brand-1 svg path{fill:#B30510}.container .icon-colour-brand-2 svg path{fill:#6E0887}.container .icon-colour-brand-3 svg path{fill:#50B400}.container .icon-colour-brand-4 svg path{fill:#FFE500}.container .icon-colour-brand-5 svg path{fill:#F07D00}.container .icon-colour-brand-6 svg path{fill:#62CFC9}.container .icon-colour-white svg path{fill:#FFFFFF}.container .icon-colour-black svg path{fill:#000000}.container .icon-colour-grey-extra-light svg path{fill:#D7D7D7}.container .icon-colour-grey-light svg path{fill:#E8E8E8}.container .icon-colour-grey-medium svg path{fill:#8A8A8A}.container .icon-colour-grey-dark svg path{fill:#4A4A4A}";
401
401
 
402
402
  const BiggiveHeading = class {
403
403
  constructor(hostRef) {
404
404
  registerInstance(this, hostRef);
405
- this.spaceAbove = 0;
406
- this.spaceBelow = 0;
405
+ this.spaceAbove = 2;
406
+ this.spaceBelow = 4;
407
407
  this.colour = 'primary';
408
408
  this.htmlElement = 'h1';
409
409
  this.size = 1;
@@ -414,7 +414,7 @@ const BiggiveHeading = class {
414
414
  }
415
415
  render() {
416
416
  const Tag = this.htmlElement;
417
- return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, h(Tag, { class: 'heading-colour-' + this.colour + ' heading-' + this.size }, this.text)));
417
+ return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { class: 'heading-colour-' + this.colour + ' icon-colour-' + this.iconColour + ' heading-' + this.size }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, this.text)));
418
418
  }
419
419
  };
420
420
  BiggiveHeading.style = biggiveHeadingCss;
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h } from './index-43541c5f.js';
2
2
 
3
- const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#62CFC9}.container.header-background-colour-brand-1 thead{background-color:#62CFC9}.container.body-text-colour-brand-1 tbody{color:#62CFC9}.container.body-background-colour-brand-1 tbody{background-color:#62CFC9}.container.header-text-colour-brand-2 thead{color:#B30510}.container.header-background-colour-brand-2 thead{background-color:#B30510}.container.body-text-colour-brand-2 tbody{color:#B30510}.container.body-background-colour-brand-2 tbody{background-color:#B30510}.container.header-text-colour-brand-3 thead{color:#6E0887}.container.header-background-colour-brand-3 thead{background-color:#6E0887}.container.body-text-colour-brand-3 tbody{color:#6E0887}.container.body-background-colour-brand-3 tbody{background-color:#6E0887}.container.header-text-colour-brand-4 thead{color:#50B400}.container.header-background-colour-brand-4 thead{background-color:#50B400}.container.body-text-colour-brand-4 tbody{color:#50B400}.container.body-background-colour-brand-4 tbody{background-color:#50B400}.container.header-text-colour-brand-5 thead{color:#FFE500}.container.header-background-colour-brand-5 thead{background-color:#FFE500}.container.body-text-colour-brand-5 tbody{color:#FFE500}.container.body-background-colour-brand-5 tbody{background-color:#FFE500}.container.header-text-colour-brand-6 thead{color:#F07D00}.container.header-background-colour-brand-6 thead{background-color:#F07D00}.container.body-text-colour-brand-6 tbody{color:#F07D00}.container.body-background-colour-brand-6 tbody{background-color:#F07D00}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
3
+ const biggiveTableCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.background-colour-hover-primary:hover,.background-colour-primary{background-color:#2C089B}.background-colour-hover-secondary:hover,.background-colour-secondary{background-color:#2AF135}.background-colour-hover-tertiary:hover,.background-colour-tertiary{background-color:#FF7272}.background-colour-hover-brand-1:hover,.background-colour-brand-1{background-color:#B30510}.background-colour-hover-brand-2:hover,.background-colour-brand-2{background-color:#6E0887}.background-colour-hover-brand-3:hover,.background-colour-brand-3{background-color:#50B400}.background-colour-hover-brand-4:hover,.background-colour-brand-4{background-color:#FFE500}.background-colour-hover-brand-5:hover,.background-colour-brand-5{background-color:#F07D00}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#CBC8C8}.background-colour-hover-white:hover,.background-colour-white{background-color:#FFFFFF}.background-colour-hover-black:hover,.background-colour-black{background-color:#000000}.fill-primary{fill:#2C089B}.fill-secondary{fill:#2AF135}.fill-tertiary{fill:#FF7272}.fill-brand-1{fill:#B30510}.fill-brand-2{fill:#6E0887}.fill-brand-3{fill:#50B400}.fill-brand-4{fill:#FFE500}.fill-brand-5{fill:#F07D00}.fill-brand-6{fill:#CBC8C8}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-red{fill:red}:host{display:contents;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container.header-text-colour-primary thead{color:#2C089B}.container.header-background-colour-primary thead{background-color:#2C089B}.container.body-text-colour-primary tbody{color:#2C089B}.container.body-background-colour-primary tbody{background-color:#2C089B}.container.header-text-colour-secondary thead{color:#2AF135}.container.header-background-colour-secondary thead{background-color:#2AF135}.container.body-text-colour-secondary tbody{color:#2AF135}.container.body-background-colour-secondary tbody{background-color:#2AF135}.container.header-text-colour-tertiary thead{color:#FF7272}.container.header-background-colour-tertiary thead{background-color:#FF7272}.container.body-text-colour-tertiary tbody{color:#FF7272}.container.body-background-colour-tertiary tbody{background-color:#FF7272}.container.header-text-colour-brand-1 thead{color:#B30510}.container.header-background-colour-brand-1 thead{background-color:#B30510}.container.body-text-colour-brand-1 tbody{color:#B30510}.container.body-background-colour-brand-1 tbody{background-color:#B30510}.container.header-text-colour-brand-2 thead{color:#6E0887}.container.header-background-colour-brand-2 thead{background-color:#6E0887}.container.body-text-colour-brand-2 tbody{color:#6E0887}.container.body-background-colour-brand-2 tbody{background-color:#6E0887}.container.header-text-colour-brand-3 thead{color:#50B400}.container.header-background-colour-brand-3 thead{background-color:#50B400}.container.body-text-colour-brand-3 tbody{color:#50B400}.container.body-background-colour-brand-3 tbody{background-color:#50B400}.container.header-text-colour-brand-4 thead{color:#FFE500}.container.header-background-colour-brand-4 thead{background-color:#FFE500}.container.body-text-colour-brand-4 tbody{color:#FFE500}.container.body-background-colour-brand-4 tbody{background-color:#FFE500}.container.header-text-colour-brand-5 thead{color:#F07D00}.container.header-background-colour-brand-5 thead{background-color:#F07D00}.container.body-text-colour-brand-5 tbody{color:#F07D00}.container.body-background-colour-brand-5 tbody{background-color:#F07D00}.container.header-text-colour-brand-6 thead{color:#62CFC9}.container.header-background-colour-brand-6 thead{background-color:#62CFC9}.container.body-text-colour-brand-6 tbody{color:#62CFC9}.container.body-background-colour-brand-6 tbody{background-color:#62CFC9}.container.header-text-colour-white thead{color:#FFFFFF}.container.header-background-colour-white thead{background-color:#FFFFFF}.container.body-text-colour-white tbody{color:#FFFFFF}.container.body-background-colour-white tbody{background-color:#FFFFFF}.container.header-text-colour-black thead{color:#000000}.container.header-background-colour-black thead{background-color:#000000}.container.body-text-colour-black tbody{color:#000000}.container.body-background-colour-black tbody{background-color:#000000}.container.header-text-colour-grey-extra-light thead{color:#D7D7D7}.container.header-background-colour-grey-extra-light thead{background-color:#D7D7D7}.container.body-text-colour-grey-extra-light tbody{color:#D7D7D7}.container.body-background-colour-grey-extra-light tbody{background-color:#D7D7D7}.container.header-text-colour-grey-light thead{color:#E8E8E8}.container.header-background-colour-grey-light thead{background-color:#E8E8E8}.container.body-text-colour-grey-light tbody{color:#E8E8E8}.container.body-background-colour-grey-light tbody{background-color:#E8E8E8}.container.header-text-colour-grey-medium thead{color:#8A8A8A}.container.header-background-colour-grey-medium thead{background-color:#8A8A8A}.container.body-text-colour-grey-medium tbody{color:#8A8A8A}.container.body-background-colour-grey-medium tbody{background-color:#8A8A8A}.container.header-text-colour-grey-dark thead{color:#4A4A4A}.container.header-background-colour-grey-dark thead{background-color:#4A4A4A}.container.body-text-colour-grey-dark tbody{color:#4A4A4A}.container.body-background-colour-grey-dark tbody{background-color:#4A4A4A}.container table{width:100%;border-collapse:collapse;border:0}.container table td,.container table th{padding:10px 20px;border:0;font-size:inherit}.container table thead{filter:drop-shadow(-1px 3px 12px rgba(0, 0, 0, 0.15))}.container table thead td,.container table thead th{font-weight:bold}.container table tbody tr.odd{background-color:rgba(255, 255, 255, 0.3)}.container table tbody td,.container table tbody th{font-size:80%}";
4
4
 
5
5
  const BiggiveTable = class {
6
6
  constructor(hostRef) {
@@ -1,39 +1,16 @@
1
+ import { brandColour } from '../../globals/brand-colour';
2
+ import { headingTag } from '../../globals/heading-tag';
3
+ import { headingSize } from '../../globals/heading-size';
4
+ import { spacingOption } from '../../globals/spacing-option';
1
5
  export declare class BiggiveHeading {
2
- /**
3
- * Space above component
4
- */
5
- spaceAbove: number;
6
- /**
7
- * Space below component
8
- */
9
- spaceBelow: number;
10
- /**
11
- * Colour Scheme
12
- */
13
- colour: string;
14
- /**
15
- * HTML element
16
- */
17
- htmlElement: string;
18
- /**
19
- * Heading size
20
- */
21
- size: number;
22
- /**
23
- * Text alignment
24
- */
6
+ spaceAbove: spacingOption;
7
+ spaceBelow: spacingOption;
8
+ colour: brandColour;
9
+ htmlElement: headingTag;
10
+ size: headingSize;
25
11
  align: string;
26
- /**
27
- * Heading text
28
- */
29
12
  text: string;
30
- /**
31
- * Icon
32
- */
33
13
  icon: boolean;
34
- /**
35
- * Icon colour
36
- */
37
- iconColour: string;
14
+ iconColour: brandColour;
38
15
  render(): any;
39
16
  }
@@ -5,7 +5,10 @@
5
5
  * It contains typing information for all components that exist in this project.
6
6
  */
7
7
  import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
8
+ import { spacingOption } from "./globals/spacing-option";
8
9
  import { brandColour } from "./globals/brand-colour";
10
+ import { headingTag } from "./globals/heading-tag";
11
+ import { headingSize } from "./globals/heading-size";
9
12
  export namespace Components {
10
13
  interface BiggiveArticleCard {
11
14
  /**
@@ -622,41 +625,14 @@ export namespace Components {
622
625
  "spaceBelow": number;
623
626
  }
624
627
  interface BiggiveHeading {
625
- /**
626
- * Text alignment
627
- */
628
628
  "align": string;
629
- /**
630
- * Colour Scheme
631
- */
632
- "colour": string;
633
- /**
634
- * HTML element
635
- */
636
- "htmlElement": string;
637
- /**
638
- * Icon
639
- */
629
+ "colour": brandColour;
630
+ "htmlElement": headingTag;
640
631
  "icon": boolean;
641
- /**
642
- * Icon colour
643
- */
644
- "iconColour": string;
645
- /**
646
- * Heading size
647
- */
648
- "size": number;
649
- /**
650
- * Space above component
651
- */
652
- "spaceAbove": number;
653
- /**
654
- * Space below component
655
- */
656
- "spaceBelow": number;
657
- /**
658
- * Heading text
659
- */
632
+ "iconColour": brandColour;
633
+ "size": headingSize;
634
+ "spaceAbove": spacingOption;
635
+ "spaceBelow": spacingOption;
660
636
  "text": string;
661
637
  }
662
638
  interface BiggiveHeroImage {
@@ -2094,41 +2070,14 @@ declare namespace LocalJSX {
2094
2070
  "spaceBelow"?: number;
2095
2071
  }
2096
2072
  interface BiggiveHeading {
2097
- /**
2098
- * Text alignment
2099
- */
2100
2073
  "align"?: string;
2101
- /**
2102
- * Colour Scheme
2103
- */
2104
- "colour"?: string;
2105
- /**
2106
- * HTML element
2107
- */
2108
- "htmlElement"?: string;
2109
- /**
2110
- * Icon
2111
- */
2074
+ "colour"?: brandColour;
2075
+ "htmlElement"?: headingTag;
2112
2076
  "icon"?: boolean;
2113
- /**
2114
- * Icon colour
2115
- */
2116
- "iconColour"?: string;
2117
- /**
2118
- * Heading size
2119
- */
2120
- "size"?: number;
2121
- /**
2122
- * Space above component
2123
- */
2124
- "spaceAbove"?: number;
2125
- /**
2126
- * Space below component
2127
- */
2128
- "spaceBelow"?: number;
2129
- /**
2130
- * Heading text
2131
- */
2077
+ "iconColour"?: brandColour;
2078
+ "size"?: headingSize;
2079
+ "spaceAbove"?: spacingOption;
2080
+ "spaceBelow"?: spacingOption;
2132
2081
  "text"?: string;
2133
2082
  }
2134
2083
  interface BiggiveHeroImage {
@@ -0,0 +1,5 @@
1
+ /**
2
+ * These are option identifiers, not exact measurements.
3
+ * Exact measurements are currently set in variables.scss
4
+ */
5
+ export type headingSize = 1 | 2 | 3 | 4 | 5;
@@ -0,0 +1 @@
1
+ export type headingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * These are option identifiers, not exact measurements.
3
+ * Exact measurements are currently set in variables.scss
4
+ */
5
+ export type spacingOption = 0 | 1 | 2 | 3 | 4 | 5 | 6;