@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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-3e2d205e.entry.js +1 -0
- package/dist/biggive/{p-780650cc.entry.js → p-64a544fa.entry.js} +1 -1
- package/dist/cjs/biggive-back-to-top_27.cjs.entry.js +4 -4
- package/dist/cjs/biggive-table.cjs.entry.js +1 -1
- package/dist/collection/components/biggive-heading/biggive-heading.css +84 -0
- package/dist/collection/components/biggive-heading/biggive-heading.js +62 -32
- package/dist/collection/components/biggive-table/biggive-table.css +24 -24
- package/dist/collection/globals/heading-size.js +1 -0
- package/dist/collection/globals/heading-tag.js +1 -0
- package/dist/collection/globals/spacing-option.js +1 -0
- package/dist/components/biggive-heading.js +4 -4
- package/dist/components/biggive-table.js +1 -1
- package/dist/esm/biggive-back-to-top_27.entry.js +4 -4
- package/dist/esm/biggive-table.entry.js +1 -1
- package/dist/types/components/biggive-heading/biggive-heading.d.ts +10 -33
- package/dist/types/components.d.ts +15 -66
- package/dist/types/globals/heading-size.d.ts +5 -0
- package/dist/types/globals/heading-tag.d.ts +1 -0
- package/dist/types/globals/spacing-option.d.ts +5 -0
- package/hydrate/index.js +5 -5
- package/package.json +1 -1
- package/dist/biggive/p-08fc4499.entry.js +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { h } from '@stencil/core';
|
|
2
2
|
export class BiggiveHeading {
|
|
3
3
|
constructor() {
|
|
4
|
-
this.spaceAbove =
|
|
5
|
-
this.spaceBelow =
|
|
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,
|
|
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": "
|
|
37
|
-
"resolved": "
|
|
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": "
|
|
49
|
+
"text": ""
|
|
45
50
|
},
|
|
46
51
|
"attribute": "space-above",
|
|
47
52
|
"reflect": false,
|
|
48
|
-
"defaultValue": "
|
|
53
|
+
"defaultValue": "2"
|
|
49
54
|
},
|
|
50
55
|
"spaceBelow": {
|
|
51
56
|
"type": "number",
|
|
52
57
|
"mutable": false,
|
|
53
58
|
"complexType": {
|
|
54
|
-
"original": "
|
|
55
|
-
"resolved": "
|
|
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": "
|
|
72
|
+
"text": ""
|
|
63
73
|
},
|
|
64
74
|
"attribute": "space-below",
|
|
65
75
|
"reflect": false,
|
|
66
|
-
"defaultValue": "
|
|
76
|
+
"defaultValue": "4"
|
|
67
77
|
},
|
|
68
78
|
"colour": {
|
|
69
79
|
"type": "string",
|
|
70
80
|
"mutable": false,
|
|
71
81
|
"complexType": {
|
|
72
|
-
"original": "
|
|
73
|
-
"resolved": "
|
|
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": "
|
|
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": "
|
|
91
|
-
"resolved": "
|
|
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": "
|
|
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": "
|
|
109
|
-
"resolved": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
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": "
|
|
181
|
-
"resolved": "
|
|
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": "
|
|
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: #
|
|
160
|
+
color: #B30510;
|
|
161
161
|
}
|
|
162
162
|
.container.header-background-colour-brand-1 thead {
|
|
163
|
-
background-color: #
|
|
163
|
+
background-color: #B30510;
|
|
164
164
|
}
|
|
165
165
|
.container.body-text-colour-brand-1 tbody {
|
|
166
|
-
color: #
|
|
166
|
+
color: #B30510;
|
|
167
167
|
}
|
|
168
168
|
.container.body-background-colour-brand-1 tbody {
|
|
169
|
-
background-color: #
|
|
169
|
+
background-color: #B30510;
|
|
170
170
|
}
|
|
171
171
|
.container.header-text-colour-brand-2 thead {
|
|
172
|
-
color: #
|
|
172
|
+
color: #6E0887;
|
|
173
173
|
}
|
|
174
174
|
.container.header-background-colour-brand-2 thead {
|
|
175
|
-
background-color: #
|
|
175
|
+
background-color: #6E0887;
|
|
176
176
|
}
|
|
177
177
|
.container.body-text-colour-brand-2 tbody {
|
|
178
|
-
color: #
|
|
178
|
+
color: #6E0887;
|
|
179
179
|
}
|
|
180
180
|
.container.body-background-colour-brand-2 tbody {
|
|
181
|
-
background-color: #
|
|
181
|
+
background-color: #6E0887;
|
|
182
182
|
}
|
|
183
183
|
.container.header-text-colour-brand-3 thead {
|
|
184
|
-
color: #
|
|
184
|
+
color: #50B400;
|
|
185
185
|
}
|
|
186
186
|
.container.header-background-colour-brand-3 thead {
|
|
187
|
-
background-color: #
|
|
187
|
+
background-color: #50B400;
|
|
188
188
|
}
|
|
189
189
|
.container.body-text-colour-brand-3 tbody {
|
|
190
|
-
color: #
|
|
190
|
+
color: #50B400;
|
|
191
191
|
}
|
|
192
192
|
.container.body-background-colour-brand-3 tbody {
|
|
193
|
-
background-color: #
|
|
193
|
+
background-color: #50B400;
|
|
194
194
|
}
|
|
195
195
|
.container.header-text-colour-brand-4 thead {
|
|
196
|
-
color: #
|
|
196
|
+
color: #FFE500;
|
|
197
197
|
}
|
|
198
198
|
.container.header-background-colour-brand-4 thead {
|
|
199
|
-
background-color: #
|
|
199
|
+
background-color: #FFE500;
|
|
200
200
|
}
|
|
201
201
|
.container.body-text-colour-brand-4 tbody {
|
|
202
|
-
color: #
|
|
202
|
+
color: #FFE500;
|
|
203
203
|
}
|
|
204
204
|
.container.body-background-colour-brand-4 tbody {
|
|
205
|
-
background-color: #
|
|
205
|
+
background-color: #FFE500;
|
|
206
206
|
}
|
|
207
207
|
.container.header-text-colour-brand-5 thead {
|
|
208
|
-
color: #
|
|
208
|
+
color: #F07D00;
|
|
209
209
|
}
|
|
210
210
|
.container.header-background-colour-brand-5 thead {
|
|
211
|
-
background-color: #
|
|
211
|
+
background-color: #F07D00;
|
|
212
212
|
}
|
|
213
213
|
.container.body-text-colour-brand-5 tbody {
|
|
214
|
-
color: #
|
|
214
|
+
color: #F07D00;
|
|
215
215
|
}
|
|
216
216
|
.container.body-background-colour-brand-5 tbody {
|
|
217
|
-
background-color: #
|
|
217
|
+
background-color: #F07D00;
|
|
218
218
|
}
|
|
219
219
|
.container.header-text-colour-brand-6 thead {
|
|
220
|
-
color: #
|
|
220
|
+
color: #62CFC9;
|
|
221
221
|
}
|
|
222
222
|
.container.header-background-colour-brand-6 thead {
|
|
223
|
-
background-color: #
|
|
223
|
+
background-color: #62CFC9;
|
|
224
224
|
}
|
|
225
225
|
.container.body-text-colour-brand-6 tbody {
|
|
226
|
-
color: #
|
|
226
|
+
color: #62CFC9;
|
|
227
227
|
}
|
|
228
228
|
.container.body-background-colour-brand-6 tbody {
|
|
229
|
-
background-color: #
|
|
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 =
|
|
11
|
-
this.spaceBelow =
|
|
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,
|
|
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:#
|
|
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 =
|
|
406
|
-
this.spaceBelow =
|
|
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,
|
|
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:#
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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
|
-
|
|
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
|
-
|
|
643
|
-
|
|
644
|
-
"
|
|
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
|
-
|
|
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
|
-
|
|
2115
|
-
|
|
2116
|
-
"
|
|
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 @@
|
|
|
1
|
+
export type headingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|