npm - @biggive/components - Versions diffs - 202401191800.0.0 → 202401231203.0.0 - Mend

@biggive/components 202401191800.0.0 → 202401231203.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (224) hide show

package/dist/cjs/biggive-basic-card.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveBasicCardCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:30px;height:100%;white-space:pre-wrap}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:30px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .subtitle{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}";
+const BiggiveBasicCardStyle0 = biggiveBasicCardCss;
 const BiggiveBasicCard = class {
     constructor(hostRef) {
@@ -45,7 +46,7 @@ const BiggiveBasicCard = class {
                 this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, index.h("a", { href: this.buttonUrl }, index.h("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour }, index.h("div", { class: "content-wrap" }, this.icon == true ? (index.h("div", { class: "icon" }, index.h("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), index.h("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h(HeadingTag, { class: "title" }, this.mainTitle), index.h("div", { class: "subtitle" }, this.subtitle), index.h("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel }))) : null)))));
     }
 };
-BiggiveBasicCard.style = biggiveBasicCardCss;
+BiggiveBasicCard.style = BiggiveBasicCardStyle0;
 exports.biggive_basic_card = BiggiveBasicCard;

package/dist/cjs/biggive-basic-card.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-basic-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,+gNAA+gN;;~~MCS9hN~~,gBAAgB;;;0BACS,CAAC;gCAEG,SAAS;kCAEZ,EAAE;0BAEL,OAAO;0BAEP,OAAO;;;;;;oBAYjB,IAAI;0BAEM,SAAS;2BAEb,QAAQ;2BAER,UAAU;;;kCAMH,eAAe;oCAEZ,IAAI;kCAEN,IAAI;4BAEI,CAAC;4BAEf,KAAK;;IAErC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,iBACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,EAEnB,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,IAEvEA,eAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrBA,iBAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC3FA,iBAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,IAAI,IAAI,IAAI,IAChBA,iBAAK,KAAK,EAAC,MAAM,IACfA,iBAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,kBAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG,EACzFA,kBAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,IACJ,IAAI,EACP,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACRA,QAAC,UAAU,IAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc,EACvDA,iBAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO,EAC3CA,iBAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,iBAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjDA,6CAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACnH,IACJ,IAAI,CACJ,CACF,CACJ,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string;\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-basic-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,+gNAA+gN,CAAC;AAC5iN,+BAAe,mBAAmB;;MCQrB,gBAAgB;;;0BACS,CAAC;gCAEG,SAAS;kCAEZ,EAAE;0BAEL,OAAO;0BAEP,OAAO;;;;;;oBAYjB,IAAI;0BAEM,SAAS;2BAEb,QAAQ;2BAER,UAAU;;;kCAMH,eAAe;oCAEZ,IAAI;kCAEN,IAAI;4BAEI,CAAC;4BAEf,KAAK;;IAErC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACEA,iBACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,EAEnB,KAAK,EAAE,EAAE,kBAAkB,EAAE,OAAO,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI,EAAE,IAEvEA,eAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrBA,iBAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC3FA,iBAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,IAAI,IAAI,IAAI,IAChBA,iBAAK,KAAK,EAAC,MAAM,IACfA,iBAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,kBAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG,EACzFA,kBAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,IACJ,IAAI,EACP,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACRA,QAAC,UAAU,IAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc,EACvDA,iBAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO,EAC3CA,iBAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,iBAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjDA,6CAA+B,IAAI,CAAC,kBAAkB,EAAE,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CACnH,IACJ,IAAI,CACJ,CACF,CACJ,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-4;\n height: 100%;\n white-space: pre-wrap;\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-4;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-top-right();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n .sleeve {\n @include corner-clip-medium-bottom-left();\n }\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n .sleeve {\n @include corner-clip-medium-bottom-left-top-right();\n }\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .subtitle {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-basic-card',\n styleUrl: 'biggive-basic-card.scss',\n shadow: true,\n})\nexport class BiggiveBasicCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() cardColour: brandColour = 'white';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() mainTitle: string;\n\n @Prop() subtitle: string;\n\n @Prop() teaser: string;\n\n @Prop() icon: boolean = true;\n\n @Prop() iconColour: brandColour = 'primary';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() headingLevel: 1 \| 2 \| 3 \| 4 \| 5 \| 6 = 3;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n const HeadingTag = `h${this.headingLevel}`;\n\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n <div class=\"content-wrap\">\n {this.icon == true ? (\n <div class=\"icon\">\n <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n </svg>\n </div>\n ) : null}\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n <div class=\"subtitle\">{this.subtitle}</div>\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const fontawesomeIcons = require('./fontawesome-icons-7455fdd3.js');
 const biggiveBeneficiaryIconCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.beneficiary-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.beneficiary-icon-item.colour-scheme-primary{background-color:#2C089B}.beneficiary-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-secondary{background-color:#2AF135}.beneficiary-icon-item.colour-scheme-secondary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-tertiary{background-color:#FF7272}.beneficiary-icon-item.colour-scheme-tertiary svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-1{background-color:#B30510}.beneficiary-icon-item.colour-scheme-brand-1 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-2{background-color:#6E0887}.beneficiary-icon-item.colour-scheme-brand-2 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-3{background-color:#50B400}.beneficiary-icon-item.colour-scheme-brand-3 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-4{background-color:#FFE500}.beneficiary-icon-item.colour-scheme-brand-4 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-5{background-color:#F07D00}.beneficiary-icon-item.colour-scheme-brand-5 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.beneficiary-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.beneficiary-icon-item.colour-scheme-brand-grey svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.beneficiary-icon-item.colour-scheme-brand-6 svg{fill:#000000}.beneficiary-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.beneficiary-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.beneficiary-icon-item.colour-scheme-white{background-color:#FFFFFF}.beneficiary-icon-item.colour-scheme-white svg{fill:#000000}.beneficiary-icon-item.colour-scheme-black{background-color:#000000}.beneficiary-icon-item.colour-scheme-black svg{fill:#FFFFFF}.beneficiary-icon-item.colour-scheme-black{background-color:#D7D7D7}.beneficiary-icon-item.colour-scheme-black svg{fill:#D7D7D7}.beneficiary-icon-item.colour-scheme-black{background-color:#E8E8E8}.beneficiary-icon-item.colour-scheme-black svg{fill:#E8E8E8}.beneficiary-icon-item.colour-scheme-black{background-color:#8A8A8A}.beneficiary-icon-item.colour-scheme-black svg{fill:#8A8A8A}.beneficiary-icon-item.colour-scheme-black{background-color:#4A4A4A}.beneficiary-icon-item.colour-scheme-black svg{fill:#4A4A4A}.beneficiary-icon-item:hover{background-color:#FFFFFF}.beneficiary-icon-item:hover svg{fill:#000000}.beneficiary-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.beneficiary-icon-item a svg{width:100%;height:100%}.beneficiary-icon-item a{padding:6px}";
+const BiggiveBeneficiaryIconStyle0 = biggiveBeneficiaryIconCss;
 const BiggiveBeneficiaryIcon = class {
     constructor(hostRef) {
@@ -24,7 +25,7 @@ const BiggiveBeneficiaryIcon = class {
         return (index.h("div", { class: "container" }, index.h("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url }, index.h("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, index.h("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))), index.h("div", { class: "label" }, this.label)));
     }
 };
-BiggiveBeneficiaryIcon.style = biggiveBeneficiaryIconCss;
+BiggiveBeneficiaryIcon.style = BiggiveBeneficiaryIconStyle0;
 exports.biggive_beneficiary_icon = BiggiveBeneficiaryIcon;

package/dist/cjs/biggive-beneficiary-icon.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-beneficiary-icon.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,qgMAAqgM;;~~MCS1hM~~,sBAAsB;;;gCAIE,SAAS;0BAKf,OAAO;oBAIb,OAAO;;mBAUR,GAAG;;IAEjB,kBAAkB;QACxB,IAAI,IAAI,GAAGA,wCAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,iBAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB,IAC5EA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACfA,iBACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE7FA,kBAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA,EACNA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.scss?tag=biggive-beneficiary-icon","src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n display: flex;\n justify-content: flex-start;\n .label {\n padding-left: $spacer-3;\n @include font-size-x-small();\n width: 60px;\n margin-top: auto;\n margin-bottom: auto;\n }\n}\n\n.beneficiary-icon-item {\n @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-beneficiary-icon',\n styleUrl: 'biggive-beneficiary-icon.scss',\n shadow: false,\n})\nexport class BiggiveBeneficiaryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string = 'Other';\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getBeneficiaryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'beneficiary-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getBeneficiaryIcon().icon[0]}\n height={this.getBeneficiaryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1]}\n >\n <path d={this.getBeneficiaryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-beneficiary-icon.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,yBAAyB,GAAG,qgMAAqgM,CAAC;AACxiM,qCAAe,yBAAyB;;MCQ3B,sBAAsB;;;gCAIE,SAAS;0BAKf,OAAO;oBAIb,OAAO;;mBAUR,GAAG;;IAEjB,kBAAkB;QACxB,IAAI,IAAI,GAAGA,wCAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,iBAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB,IAC5EA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACfA,iBACE,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACxC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACzC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAE7FA,kBAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA,EACNA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.scss?tag=biggive-beneficiary-icon","src/components/biggive-beneficiary-icon/biggive-beneficiary-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n display: flex;\n justify-content: flex-start;\n .label {\n padding-left: $spacer-3;\n @include font-size-x-small();\n width: 60px;\n margin-top: auto;\n margin-bottom: auto;\n }\n}\n\n.beneficiary-icon-item {\n @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-beneficiary-icon',\n styleUrl: 'biggive-beneficiary-icon.scss',\n shadow: false,\n})\nexport class BiggiveBeneficiaryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string = 'Other';\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getBeneficiaryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getBeneficiaryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'beneficiary-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getBeneficiaryIcon().icon[0]}\n height={this.getBeneficiaryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1]}\n >\n <path d={this.getBeneficiaryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-boxed-content.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveBoxedContentCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}:host{display:content}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.horizontal-padding-1{padding-left:5px;padding-right:5px}.horizontal-padding-2{padding-left:10px;padding-right:10px}.horizontal-padding-3{padding-left:15px;padding-right:15px}.horizontal-padding-4{padding-left:30px;padding-right:30px}.horizontal-padding-5{padding-left:45px;padding-right:45px}.horizontal-padding-6{padding-left:60px;padding-right:60px}.vertical-padding-1{padding-top:5px;padding-bottom:5px}.vertical-padding-2{padding-top:10px;padding-bottom:10px}.vertical-padding-3{padding-top:15px;padding-bottom:15px}.vertical-padding-4{padding-top:30px;padding-bottom:30px}.vertical-padding-5{padding-top:45px;padding-bottom:45px}.vertical-padding-6{padding-top:60px;padding-bottom:60px}";
+const BiggiveBoxedContentStyle0 = biggiveBoxedContentCss;
 const BiggiveBoxedContent = class {
     constructor(hostRef) {
@@ -28,7 +29,7 @@ const BiggiveBoxedContent = class {
                 this.shadow }, index.h("slot", null)));
     }
 };
-BiggiveBoxedContent.style = biggiveBoxedContentCss;
+BiggiveBoxedContent.style = BiggiveBoxedContentStyle0;
 exports.biggive_boxed_content = BiggiveBoxedContent;

package/dist/cjs/biggive-boxed-content.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-boxed-content.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,ujGAAujG;;~~MCOzkG~~,mBAAmB;;;0BAID,CAAC;+BAII,CAAC;iCAIC,CAAC;gCAIF,OAAO;sBAIhB,IAAI;;IAE9B,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,8BAA8B;gBAC9B,IAAI,CAAC,gBAAgB;gBACrB,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,sBAAsB;gBACtB,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;gBACpB,IAAI,CAAC,eAAe;gBACpB,UAAU;gBACV,IAAI,CAAC,MAAM,IAGbA,qBAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-boxed-content.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,sBAAsB,GAAG,ujGAAujG,CAAC;AACvlG,kCAAe,sBAAsB;;MCMxB,mBAAmB;;;0BAID,CAAC;+BAII,CAAC;iCAIC,CAAC;gCAIF,OAAO;sBAIhB,IAAI;;IAE9B,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,8BAA8B;gBAC9B,IAAI,CAAC,gBAAgB;gBACrB,eAAe;gBACf,IAAI,CAAC,UAAU;gBACf,sBAAsB;gBACtB,IAAI,CAAC,iBAAiB;gBACtB,oBAAoB;gBACpB,IAAI,CAAC,eAAe;gBACpB,UAAU;gBACV,IAAI,CAAC,MAAM,IAGbA,qBAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n display: content;\n}\n\n.container {\n @include standard-font();\n &.shadow-true {\n @include lower-shadow();\n } \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-boxed-content',\n styleUrl: 'biggive-boxed-content.scss',\n shadow: true,\n})\nexport class BiggiveBoxedContent {\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n /\n Vertical padding\n /\n @Prop() verticalPadding: number = 3;\n /\n Horizontal padding\n /\n @Prop() horizontalPadding: number = 3;\n /\n Background colour\n /\n @Prop() backgroundColour: string = 'white';\n /\n Shadow\n */\n @Prop() shadow: boolean = true;\n\n render() {\n return (\n <div\n class={\n 'container background-colour-' +\n this.backgroundColour +\n ' space-below-' +\n this.spaceBelow +\n ' horizontal-padding-' +\n this.horizontalPadding +\n ' vertical-padding-' +\n this.verticalPadding +\n ' shadow-' +\n this.shadow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-category-icon.cjs.entry.js CHANGED Viewed

@@ -2,10 +2,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const fontawesomeIcons = require('./fontawesome-icons-7455fdd3.js');
 const biggiveCategoryIconCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;display:flex;justify-content:flex-start}.container .label{padding-left:15px;font-size:11px;line-height:14px;width:60px;margin-top:auto;margin-bottom:auto}.category-icon-item{width:40px;height:40px;border-radius:50%;text-align:center;transition:all ease-in-out 0.5s;display:inline-block;margin-right:10px;width:30px;height:30px}.category-icon-item.colour-scheme-primary{background-color:#2C089B}.category-icon-item.colour-scheme-primary svg{fill:#FFFFFF}.category-icon-item.colour-scheme-secondary{background-color:#2AF135}.category-icon-item.colour-scheme-secondary svg{fill:#000000}.category-icon-item.colour-scheme-tertiary{background-color:#FF7272}.category-icon-item.colour-scheme-tertiary svg{fill:#000000}.category-icon-item.colour-scheme-brand-1{background-color:#B30510}.category-icon-item.colour-scheme-brand-1 svg{fill:#000000}.category-icon-item.colour-scheme-brand-2{background-color:#6E0887}.category-icon-item.colour-scheme-brand-2 svg{fill:#000000}.category-icon-item.colour-scheme-brand-3{background-color:#50B400}.category-icon-item.colour-scheme-brand-3 svg{fill:#000000}.category-icon-item.colour-scheme-brand-4{background-color:#FFE500}.category-icon-item.colour-scheme-brand-4 svg{fill:#000000}.category-icon-item.colour-scheme-brand-5{background-color:#F07D00}.category-icon-item.colour-scheme-brand-5 svg{fill:#000000}.category-icon-item.colour-scheme-mhf-turquoise{background-color:#62CFC9}.category-icon-item.colour-scheme-mhf-turquoise svg{fill:#000000}.category-icon-item.colour-scheme-brand-grey{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-grey svg{fill:#000000}.category-icon-item.colour-scheme-brand-6{background-color:#CBC8C8}.category-icon-item.colour-scheme-brand-6 svg{fill:#000000}.category-icon-item.colour-scheme-brand-afa-pink{background-color:#BF387D}.category-icon-item.colour-scheme-brand-afa-pink svg{fill:#000000}.category-icon-item.colour-scheme-white{background-color:#FFFFFF}.category-icon-item.colour-scheme-white svg{fill:#000000}.category-icon-item.colour-scheme-black{background-color:#000000}.category-icon-item.colour-scheme-black svg{fill:#FFFFFF}.category-icon-item.colour-scheme-black{background-color:#D7D7D7}.category-icon-item.colour-scheme-black svg{fill:#D7D7D7}.category-icon-item.colour-scheme-black{background-color:#E8E8E8}.category-icon-item.colour-scheme-black svg{fill:#E8E8E8}.category-icon-item.colour-scheme-black{background-color:#8A8A8A}.category-icon-item.colour-scheme-black svg{fill:#8A8A8A}.category-icon-item.colour-scheme-black{background-color:#4A4A4A}.category-icon-item.colour-scheme-black svg{fill:#4A4A4A}.category-icon-item:hover{background-color:#FFFFFF}.category-icon-item:hover svg{fill:#000000}.category-icon-item a{display:grid;position:relative;padding:10px;box-sizing:border-box;height:100%}.category-icon-item a svg{width:100%;height:100%}.category-icon-item a{padding:6px}";
+const BiggiveCategoryIconStyle0 = biggiveCategoryIconCss;
 const BiggiveCategoryIcon = class {
     constructor(hostRef) {
@@ -24,7 +25,7 @@ const BiggiveCategoryIcon = class {
         return (index.h("div", { class: "container" }, index.h("div", { class: 'category-icon-item background-colour-' + this.backgroundColour }, index.h("a", { href: this.url }, index.h("svg", { width: this.getCategoryIcon().icon[0], height: this.getCategoryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1] }, index.h("path", { d: this.getCategoryIcon().icon[4].toString() })))), index.h("div", { class: "label" }, this.label)));
     }
 };
-BiggiveCategoryIcon.style = biggiveCategoryIconCss;
+BiggiveCategoryIcon.style = BiggiveCategoryIconStyle0;
 exports.biggive_category_icon = BiggiveCategoryIcon;

package/dist/cjs/biggive-category-icon.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-category-icon.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,u4LAAu4L;;~~MCSz5L~~,mBAAmB;;;gCAIK,SAAS;0BAKf,OAAO;;;mBAcd,GAAG;;IAEjB,eAAe;QACrB,IAAI,IAAI,GAAGA,wCAAuB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,iBAAK,KAAK,EAAE,uCAAuC,GAAG,IAAI,CAAC,gBAAgB,IACzEA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACfA,iBACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACrC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACtC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEvFA,kBAAM,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAClD,CACJ,CACA,EACNA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n display: flex;\n justify-content: flex-start;\n .label {\n padding-left: $spacer-3;\n @include font-size-x-small();\n width: 60px;\n margin-top: auto;\n margin-bottom: auto;\n }\n}\n\n.category-icon-item {\n @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-category-icon',\n styleUrl: 'biggive-category-icon.scss',\n shadow: false,\n})\nexport class BiggiveCategoryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getCategoryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getCategoryIcon().icon[0]}\n height={this.getCategoryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n >\n <path d={this.getCategoryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-category-icon.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,sBAAsB,GAAG,u4LAAu4L,CAAC;AACv6L,kCAAe,sBAAsB;;MCQxB,mBAAmB;;;gCAIK,SAAS;0BAKf,OAAO;;;mBAcd,GAAG;;IAEjB,eAAe;QACrB,IAAI,IAAI,GAAGA,wCAAuB,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACEC,iBAAK,KAAK,EAAC,WAAW,IACpBA,iBAAK,KAAK,EAAE,uCAAuC,GAAG,IAAI,CAAC,gBAAgB,IACzEA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACfA,iBACE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACrC,MAAM,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EACtC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAChC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,IAEvFA,kBAAM,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CAClD,CACJ,CACA,EACNA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;","names":["FontAwesomeIconsService","h"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n display: flex;\n justify-content: flex-start;\n .label {\n padding-left: $spacer-3;\n @include font-size-x-small();\n width: 60px;\n margin-top: auto;\n margin-bottom: auto;\n }\n}\n\n.category-icon-item {\n @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n tag: 'biggive-category-icon',\n styleUrl: 'biggive-category-icon.scss',\n shadow: false,\n})\nexport class BiggiveCategoryIcon {\n /*\n Background colour\n /\n @Prop() backgroundColour: string = 'primary';\n\n /\n Background colour\n /\n @Prop() iconColour: string = 'white';\n /\n Icon\n /\n @Prop() icon: string;\n\n /\n Label\n /\n @Prop() label: string;\n\n /\n Url\n */\n @Prop() url: string = '#';\n\n private getCategoryIcon(): IconDefinition {\n var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n return icon;\n }\n\n render() {\n return (\n <div class=\"container\">\n <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n <a href={this.url}>\n <svg\n width={this.getCategoryIcon().icon[0]}\n height={this.getCategoryIcon().icon[1]}\n xmlns=\"http://www.w3.org/2000/svg\"\n class={'fill-' + this.iconColour}\n viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n >\n <path d={this.getCategoryIcon().icon[4].toString()} />\n </svg>\n </a>\n </div>\n <div class=\"label\">{this.label}</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-cookie-banner.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveCookieBannerCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}h2:first-child{margin-top:0}div.cooke-consent-container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;font-size:13px;line-height:17px;border-radius:10px;background:white;border:1px solid black;max-width:500px;padding:1em}div.button-group{margin-top:1em;display:flex;justify-content:space-evenly;width:100%;flex-direction:column;gap:1em}@media screen and (min-width: 475px){div.button-group{flex-direction:row-reverse}}biggive-popup{font-size:17px;line-height:24px}biggive-popup div.content{max-height:95vh;overflow:auto}biggive-popup div.content h5{border-bottom:2px solid black;max-width:25em;margin-bottom:5px}biggive-popup div.content p{margin-top:5px;margin-bottom:8px}biggive-popup div.content div.radio-group{margin-bottom:30px}";
+const BiggiveCookieBannerStyle0 = biggiveCookieBannerCss;
 const BiggiveCookieBanner = class {
     constructor(hostRef) {
@@ -37,7 +38,7 @@ const BiggiveCookieBanner = class {
     }
     get el() { return index.getElement(this); }
 };
-BiggiveCookieBanner.style = biggiveCookieBannerCss;
+BiggiveCookieBanner.style = BiggiveCookieBannerStyle0;
 exports.biggive_cookie_banner = BiggiveCookieBanner;

package/dist/cjs/biggive-cookie-banner.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 500px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n @Prop() blogUriPrefix!: string;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n /*\n Indicates that the user accepts cookies for any purpose, without discrimination.\n /\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /\n Indicates that the user has made a selection of cookies purpose to accept.\n \n Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\">\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={true} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={true} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy'}>Find out more in our Privacy Policy</a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-cookie-banner.entry.cjs.js","mappings":"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","names":["h"],"sources":["src/components/biggive-cookie-banner/biggive-cookie-banner.scss?tag=biggive-cookie-banner&encapsulation=shadow","src/components/biggive-cookie-banner/biggive-cookie-banner.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\nh2:first-child {\n // padding of the container is enough, a top margin would make the banner unsymmetrical.\n margin-top: 0;\n}\n\ndiv.cooke-consent-container {\n @include standard-font();\n @include font-size-small();\n border-radius: 10px;\n background: white;\n border: 1px solid black;\n max-width: 500px;\n padding: 1em;\n}\n\ndiv.button-group {\n margin-top: 1em;\n display: flex;\n justify-content: space-evenly;\n width: 100%;\n flex-direction: column;\n gap: 1em;\n\n @media screen and (min-width: $screen-mobile-medium) {\n flex-direction: row-reverse;\n }\n}\n\nbiggive-popup {\n @include font-size-medium();\n div.content {\n max-height: 95vh;\n overflow: auto;\n h5 {\n border-bottom: 2px solid black;\n max-width: 25em;\n margin-bottom: 5px;\n }\n\n p {\n margin-top: 5px;\n margin-bottom: 8px;\n }\n\n div.radio-group {\n margin-bottom: 30px;\n }\n }\n}\n","import { Component, Element, Prop, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n tag: 'biggive-cookie-banner',\n styleUrl: 'biggive-cookie-banner.scss',\n shadow: true,\n})\nexport class BiggiveCookieBanner {\n @Prop() blogUriPrefix!: string;\n @Element() el: HTMLBiggiveCookieBannerElement;\n\n /*\n Indicates that the user accepts cookies for any purpose, without discrimination.\n /\n @Event({\n eventName: 'cookieBannerAcceptAllSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerAcceptAllSelected: EventEmitter<void>;\n\n /\n Indicates that the user has made a selection of cookies purpose to accept.\n \n Event data is an object with boolean properties to say whether the user accepts or refuses each category of optional cookie.\n */\n @Event({\n eventName: 'cookieBannerSavePreferencesSelected',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n cookieBannerSavePreferencesSelected: EventEmitter<{ analyticsAndTesting: Boolean; thirdParty: boolean }>;\n\n private handleChoosePrefencesClick = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.openFromOutside();\n };\n\n private handleAcceptSelectedCookies = () => {\n const elementById = this.el.shadowRoot?.getElementById('cookie-preferences-popup') as HTMLBiggivePopupElement;\n elementById.closeFromOutside();\n\n const analyticsAndTestingRadio = this.el.shadowRoot?.getElementById('a-and-t-on') as HTMLInputElement;\n const thirdPartyRadio = this.el.shadowRoot?.getElementById('third-party-on') as HTMLInputElement;\n\n this.cookieBannerSavePreferencesSelected.emit({ analyticsAndTesting: analyticsAndTestingRadio.checked, thirdParty: thirdPartyRadio.checked });\n\n elementById.closeFromOutside();\n };\n\n private handleAcceptAllClick = () => {\n // We just emit the event - it will be up to the application, e.g. wp or frontend to listen for the event, record the acceptence, and make\n // and make this component disappear.\n\n this.cookieBannerAcceptAllSelected.emit();\n };\n\n render() {\n return (\n <div class=\"cooke-consent-container\">\n <biggive-popup id=\"cookie-preferences-popup\">\n <div class=\"content\">\n <h4 class=\"space-above-0 space-below-3 text-colour-primary\">Manage your cookie preferences</h4>\n <form>\n <div class=\"radio-group\">\n <h5>Essential Cookies</h5>\n <p>These cookies are necessary to ensure our website functions correctly and include required cookies from third parties.</p>\n <input type=\"radio\" name=\"necassary\" id=\"necassary-off\" disabled={true} />\n <label htmlFor=\"necassary-on\">Off</label>\n\n <input type=\"radio\" name=\"necassary\" id=\"necassary-on\" disabled={true} checked={true} />\n <label htmlFor=\"necassary-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Analytics & Testing Cookies</h5>\n <p>\n We use analytics cookies to track activity on our website. For example, the pages you’ve visited, the content you’ve engaged with and the search terms you’ve\n used. This allows us to personalise and improve our content.\n </p>\n\n <p>\n We use testing cookies to collect data on how you interact with website features. These insights allow us to update our website and build features that enhance\n your user experience.\n </p>\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-off\" checked={true} />\n <label htmlFor=\"a-and-t-off\">Off</label>\n\n <input type=\"radio\" name=\"a-and-t\" id=\"a-and-t-on\" />\n <label htmlFor=\"a-and-t-on\">On</label>\n </div>\n\n <div class=\"radio-group\">\n <h5>Third-party Cookies </h5>\n <p>\n These cookies are used to track activity, which can help to provide a better experience and improve functionality across various applications. For example, our\n donation experience survey.\n </p>\n <input type=\"radio\" name=\"third-party\" id=\"third-party-off\" checked={true} />\n <label htmlFor=\"third-party-off\">Off</label>\n\n <input type=\"radio\" name=\"third-party\" id=\"third-party-on\" />\n <label htmlFor=\"third-party-on\">On</label>\n </div>\n\n <biggive-button\n space-below=\"0\"\n space-above=\"2\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept Selected Cookies\"\n open-in-new-tab=\"false\"\n full-width=\"false\"\n size=\"small\"\n rounded={false}\n centered={false}\n button-id=\"accept-selected-button\"\n onClick={this.handleAcceptSelectedCookies}\n ></biggive-button>\n </form>\n </div>\n </biggive-popup>\n\n <h2>Our website uses cookies</h2>\n\n <p>\n We use some essential cookies to make our website work. We'd also like to share data with our analytics platform and use analytics cookies to understand how you use the\n website and make improvements.\n </p>\n\n <p>\n <a href={this.blogUriPrefix + '/privacy'}>Find out more in our Privacy Policy</a>\n </p>\n\n <div class=\"button-group\">\n <biggive-button\n onClick={this.handleAcceptAllClick}\n space-below=\"0\"\n colour-scheme=\"secondary\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Accept All\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"accept-all-button\"\n ></biggive-button>\n\n <biggive-button\n onClick={this.handleChoosePrefencesClick}\n space-below=\"0\"\n colour-scheme=\"grey-light\"\n is-past-campaign=\"false\"\n is-future-campaign=\"false\"\n label=\"Choose Preferences\"\n open-in-new-tab=\"false\"\n full-width=\"true\"\n size=\"medium\"\n rounded={false}\n centered={false}\n button-id=\"choose-preferences-button\"\n ></biggive-button>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-form.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveFormCss = ":host{display:block}";
+const BiggiveFormStyle0 = biggiveFormCss;
 const BiggiveForm = class {
     constructor(hostRef) {
@@ -14,7 +15,7 @@ const BiggiveForm = class {
         return (index.h(index.Host, null, index.h("slot", null)));
     }
 };
-BiggiveForm.style = biggiveFormCss;
+BiggiveForm.style = BiggiveFormStyle0;
 exports.biggive_form = BiggiveForm;

package/dist/cjs/biggive-form.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-form.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;~~MCOhC~~,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,QACHD,qBAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/biggive-form/biggive-form.css?tag=biggive-form&encapsulation=shadow","src/components/biggive-form/biggive-form.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-form',\n styleUrl: 'biggive-form.css',\n shadow: true,\n})\nexport class BiggiveForm {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-form.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB,CAAC;AAC9C,0BAAe,cAAc;;MCMhB,WAAW;;;;IACtB,MAAM;QACJ,QACEA,QAACC,UAAI,QACHD,qBAAa,CACR,EACP;KACH;;;;;;","names":["h","Host"],"sources":["src/components/biggive-form/biggive-form.css?tag=biggive-form&encapsulation=shadow","src/components/biggive-form/biggive-form.tsx"],"sourcesContent":[":host {\n display: block;\n}\n","import { Component, Host, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-form',\n styleUrl: 'biggive-form.css',\n shadow: true,\n})\nexport class BiggiveForm {\n render() {\n return (\n <Host>\n <slot></slot>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-icon-group.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveIconGroupCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container .label{border-bottom:1px solid #4A4A4A;padding-bottom:5px;margin-bottom:10px}.container .sleeve{display:flex}::slotted(*){margin-right:15px}";
+const BiggiveIconGroupStyle0 = biggiveIconGroupCss;
 const BiggiveIconGroup = class {
     constructor(hostRef) {
@@ -16,7 +17,7 @@ const BiggiveIconGroup = class {
         return (index.h("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? index.h("div", { class: "label" }, this.label) : null, index.h("div", { class: "sleeve" }, index.h("slot", null))));
     }
 };
-BiggiveIconGroup.style = biggiveIconGroupCss;
+BiggiveIconGroup.style = BiggiveIconGroupStyle0;
 exports.biggive_icon_group = BiggiveIconGroup;

package/dist/cjs/biggive-icon-group.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-icon-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,8UAA8U;;~~MCO7V~~,gBAAgB;;;0BAIE,CAAC;;;IAO9B,MAAM;QACJ,QACEA,iBAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,IACnD,IAAI,CAAC,KAAK,IAAI,IAAI,GAAGA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,GAAG,IAAI,EAClEA,iBAAK,KAAK,EAAC,QAAQ,IACjBA,qBAAa,CACT,CACF,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-icon-group/biggive-icon-group.scss?tag=biggive-icon-group&encapsulation=shadow","src/components/biggive-icon-group/biggive-icon-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n .label {\n border-bottom: 1px solid $colour-grey-dark;\n padding-bottom: $spacer-1;\n margin-bottom: $spacer-2;\n }\n .sleeve {\n display: flex;\n }\n}\n\n\n::slotted() {\n margin-right: $spacer-3;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-icon-group',\n styleUrl: 'biggive-icon-group.scss',\n shadow: true,\n})\nexport class BiggiveIconGroup {\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Label\n */\n @Prop() label: string;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {this.label != null ? <div class=\"label\">{this.label}</div> : null}\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-icon-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,8UAA8U,CAAC;AAC3W,+BAAe,mBAAmB;;MCMrB,gBAAgB;;;0BAIE,CAAC;;;IAO9B,MAAM;QACJ,QACEA,iBAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,IACnD,IAAI,CAAC,KAAK,IAAI,IAAI,GAAGA,iBAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,GAAG,IAAI,EAClEA,iBAAK,KAAK,EAAC,QAAQ,IACjBA,qBAAa,CACT,CACF,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-icon-group/biggive-icon-group.scss?tag=biggive-icon-group&encapsulation=shadow","src/components/biggive-icon-group/biggive-icon-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n .label {\n border-bottom: 1px solid $colour-grey-dark;\n padding-bottom: $spacer-1;\n margin-bottom: $spacer-2;\n }\n .sleeve {\n display: flex;\n }\n}\n\n\n::slotted() {\n margin-right: $spacer-3;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-icon-group',\n styleUrl: 'biggive-icon-group.scss',\n shadow: true,\n})\nexport class BiggiveIconGroup {\n /\n Space below component\n /\n @Prop() spaceBelow: number = 0;\n\n /\n Label\n */\n @Prop() label: string;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n {this.label != null ? <div class=\"label\">{this.label}</div> : null}\n <div class=\"sleeve\">\n <slot></slot>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-image-card.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveImageCardCss = "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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}.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}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-1:hover,.text-colour-brand-1{color:#B30510}.text-colour-hover-brand-2:hover,.text-colour-brand-2{color:#6E0887}.text-colour-hover-brand-3:hover,.text-colour-brand-3{color:#50B400}.text-colour-hover-brand-4:hover,.text-colour-brand-4{color:#FFE500}.text-colour-hover-brand-5:hover,.text-colour-brand-5{color:#F07D00}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-brand-6:hover,.text-colour-brand-6{color:#CBC8C8}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:10px;height:100%;white-space:pre-wrap;box-shadow:0px 0px 30px rgba(0, 0, 0, 0.2)}.container a,.container a:hover{text-decoration:none}.container .sleeve{padding:10px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}.container.add-animation-true:hover .sleeve{margin:-30px;padding:60px;height:calc(100% + 60px)}.container.clip-bottom-left-corner-false.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}.container.clip-bottom-left-corner-true.clip-top-right-corner-false{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container.clip-bottom-left-corner-true.clip-top-right-corner-true{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}.container .icon svg{width:50px;height:auto}.container .title{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}.container .teaser{margin-bottom:15px}.container .main-image-container{margin-bottom:15px}.container .main-image-container img{width:100%;height:auto}.container .button-wrap{text-align:center}.container .button-wrap.align-left{text-align:left}.container .button-wrap.align-right{text-align:right}.container .text-align-left{text-align:left}.container .text-align-center{text-align:center}.container .text-align-right{text-align:right}";
+const BiggiveImageCardStyle0 = biggiveImageCardCss;
 const BiggiveImageCard = class {
     constructor(hostRef) {
@@ -38,7 +39,7 @@ const BiggiveImageCard = class {
                 this.addAnimation }, index.h("a", { href: this.buttonUrl }, index.h("div", { class: 'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign }, index.h("div", { class: "content-wrap" }, this.mainImageUrl != '' ? (index.h("div", { class: "main-image-container" }, index.h("div", { class: "image-wrap" }, index.h("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, index.h("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (index.h("div", { class: 'button-wrap align-' + this.buttonAlign }, index.h("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
     }
 };
-BiggiveImageCard.style = biggiveImageCardCss;
+BiggiveImageCard.style = BiggiveImageCardStyle0;
 exports.biggive_image_card = BiggiveImageCard;

package/dist/cjs/biggive-image-card.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-image-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,0qNAA0qN;;~~MCSzrN~~,gBAAgB;;;0BACS,CAAC;gCAEG,SAAS;;;yBAMA,QAAQ;;4BAIrB,OAAO;2BAEb,QAAQ;2BAER,UAAU;;;kCAMH,eAAe;oCAEZ,IAAI;kCAEN,IAAI;4BAEV,KAAK;;IAErC,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,IAGnBA,eAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrBA,iBAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,IACrFA,iBAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACRA,iBAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,iBAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjDA,6CAA+B,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CAC9F,IACJ,IAAI,CACJ,CACF,CACJ,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-image-card/biggive-image-card.scss?tag=biggive-image-card&encapsulation=shadow","src/components/biggive-image-card/biggive-image-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-2;\n height: 100%;\n white-space: pre-wrap;\n box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-2;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n @include corner-clip-medium-top-right();\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .teaser {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n .text-align-left {\n text-align: left;\n }\n .text-align-center {\n text-align: center;\n }\n .text-align-right {\n text-align: right;\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-image-card',\n styleUrl: 'biggive-image-card.scss',\n shadow: true,\n})\nexport class BiggiveImageCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() textAlign: 'left' \| 'center' \| 'right' = 'center';\n\n @Prop() teaser: string;\n\n @Prop() teaserColour: brandColour = 'black';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign}>\n <div class=\"content-wrap\">\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-image-card.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,mBAAmB,GAAG,0qNAA0qN,CAAC;AACvsN,+BAAe,mBAAmB;;MCQrB,gBAAgB;;;0BACS,CAAC;gCAEG,SAAS;;;yBAMA,QAAQ;;4BAIrB,OAAO;2BAEb,QAAQ;2BAER,UAAU;;;kCAMH,eAAe;oCAEZ,IAAI;kCAEN,IAAI;4BAEV,KAAK;;IAErC,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,wBAAwB;gBACxB,IAAI,CAAC,UAAU;gBACf,qBAAqB;gBACrB,IAAI,CAAC,gBAAgB;gBACrB,2BAA2B;gBAC3B,IAAI,CAAC,oBAAoB;gBACzB,yBAAyB;gBACzB,IAAI,CAAC,kBAAkB;gBACvB,iBAAiB;gBACjB,IAAI,CAAC,YAAY,IAGnBA,eAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrBA,iBAAK,KAAK,EAAE,qBAAqB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,IACrFA,iBAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,YAAY,IAAI,EAAE,IACtBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,iBAAK,KAAK,EAAC,YAAY,IACrBA,iBAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACRA,iBAAK,KAAK,EAAC,QAAQ,IAAE,IAAI,CAAC,MAAM,CAAO,EACtC,IAAI,CAAC,WAAW,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,EAAE,IACzEA,iBAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjDA,6CAA+B,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,GAAmB,CAC9F,IACJ,IAAI,CACJ,CACF,CACJ,CACA,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-image-card/biggive-image-card.scss?tag=biggive-image-card&encapsulation=shadow","src/components/biggive-image-card/biggive-image-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n position: relative;\n text-align: center;\n background-size: cover;\n background-position: center center;\n padding: $spacer-2;\n height: 100%;\n white-space: pre-wrap;\n box-shadow: 0px 0px 30px rgb(0 0 0 / 20%);\n a,\n a:hover {\n text-decoration: none;\n }\n .sleeve {\n padding: $spacer-2;\n height: 100%;\n box-sizing: border-box;\n transition: all 1s ease-in-out;\n }\n &.add-animation-true:hover .sleeve {\n margin: -30px;\n padding: 60px;\n height: calc(100% + 60px);\n }\n &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n @include corner-clip-medium-top-right();\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n }\n\n .icon {\n svg {\n width: 50px;\n height: auto;\n }\n }\n .title {\n // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n @include heading-3();\n margin-bottom: $spacer-3;\n }\n .teaser {\n margin-bottom: $spacer-3;\n }\n .main-image-container {\n margin-bottom: 15px;\n img {\n width: 100%;\n height: auto;\n }\n }\n .button-wrap {\n text-align: center;\n &.align-left {\n text-align: left;\n }\n &.align-right {\n text-align: right;\n }\n }\n\n .text-align-left {\n text-align: left;\n }\n .text-align-center {\n text-align: center;\n }\n .text-align-right {\n text-align: right;\n }\n\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-image-card',\n styleUrl: 'biggive-image-card.scss',\n shadow: true,\n})\nexport class BiggiveImageCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'primary';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() textAlign: 'left' \| 'center' \| 'right' = 'center';\n\n @Prop() teaser: string;\n\n @Prop() teaserColour: brandColour = 'black';\n\n @Prop() buttonAlign: string = 'center';\n\n @Prop() buttonStyle: string = 'standard';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColourScheme: string = 'clear-primary';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n @Prop() addAnimation: boolean = false;\n\n render() {\n return (\n <div\n class={\n 'container space-below-' +\n this.spaceBelow +\n ' background-colour-' +\n this.backgroundColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner +\n ' add-animation-' +\n this.addAnimation\n }\n >\n <a href={this.buttonUrl}>\n <div class={'sleeve text-colour-' + this.teaserColour + ' text-align-' + this.textAlign}>\n <div class=\"content-wrap\">\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n <div class=\"teaser\">{this.teaser}</div>\n {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n <div class={'button-wrap align-' + this.buttonAlign}>\n <biggive-button colour-scheme={this.buttonColourScheme} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-nav-group.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveNavGroupCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}ul{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0}";
+const BiggiveNavGroupStyle0 = biggiveNavGroupCss;
 const BiggiveNavGroup = class {
     constructor(hostRef) {
@@ -15,7 +16,7 @@ const BiggiveNavGroup = class {
         return (index.h("ul", null, index.h("slot", null)));
     }
 };
-BiggiveNavGroup.style = biggiveNavGroupCss;
+BiggiveNavGroup.style = BiggiveNavGroupStyle0;
 exports.biggive_nav_group = BiggiveNavGroup;

package/dist/cjs/biggive-nav-group.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-nav-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,uNAAuN;;~~MCOrO~~,eAAe;;;sBAIA,IAAI;;IAE9B,MAAM;QACJ,QACEA,oBACEA,qBAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-nav-group/biggive-nav-group.scss?tag=biggive-nav-group&encapsulation=shadow","src/components/biggive-nav-group/biggive-nav-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nul {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-group',\n styleUrl: 'biggive-nav-group.scss',\n shadow: true,\n})\nexport class BiggiveNavGroup {\n /*\n Inline\n */\n @Prop() inline: boolean = true;\n\n render() {\n return (\n <ul>\n <slot></slot>\n </ul>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-nav-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,kBAAkB,GAAG,uNAAuN,CAAC;AACnP,8BAAe,kBAAkB;;MCMpB,eAAe;;;sBAIA,IAAI;;IAE9B,MAAM;QACJ,QACEA,oBACEA,qBAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-nav-group/biggive-nav-group.scss?tag=biggive-nav-group&encapsulation=shadow","src/components/biggive-nav-group/biggive-nav-group.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nul {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-group',\n styleUrl: 'biggive-nav-group.scss',\n shadow: true,\n})\nexport class BiggiveNavGroup {\n /*\n Inline\n */\n @Prop() inline: boolean = true;\n\n render() {\n return (\n <ul>\n <slot></slot>\n </ul>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-nav-item.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 const biggiveNavItemCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}li{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0;display:inline-block}::slotted(*){display:none}";
+const BiggiveNavItemStyle0 = biggiveNavItemCss;
 const BiggiveNavItem = class {
     constructor(hostRef) {
@@ -17,7 +18,7 @@ const BiggiveNavItem = class {
         return (index.h("li", { class: 'icon-' + this.iconColour }, index.h("a", { href: this.url }, this.label), index.h("slot", null)));
     }
 };
-BiggiveNavItem.style = biggiveNavItemCss;
+BiggiveNavItem.style = BiggiveNavItemStyle0;
 exports.biggive_nav_item = BiggiveNavItem;

package/dist/cjs/biggive-nav-item.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-nav-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,sQAAsQ;;~~MCOnR~~,cAAc;;;;;;;IAczB,MAAM;QACJ,QACEA,gBAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,IAClCA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK,EACnCA,qBAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-nav-item/biggive-nav-item.scss?tag=biggive-nav-item&encapsulation=shadow","src/components/biggive-nav-item/biggive-nav-item.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nli {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n display: inline-block;\n\n\n}\n\n::slotted() {\n display: none;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-item',\n styleUrl: 'biggive-nav-item.scss',\n shadow: true,\n})\nexport class BiggiveNavItem {\n /\n URL\n /\n @Prop() url: string;\n /\n Label\n /\n @Prop() label: string;\n /\n URL\n */\n @Prop() iconColour: string;\n\n render() {\n return (\n <li class={'icon-' + this.iconColour}>\n <a href={this.url}>{this.label}</a>\n <slot></slot>\n </li>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-nav-item.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,sQAAsQ,CAAC;AACjS,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;;IAczB,MAAM;QACJ,QACEA,gBAAI,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,IAClCA,eAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,KAAK,CAAK,EACnCA,qBAAa,CACV,EACL;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-nav-item/biggive-nav-item.scss?tag=biggive-nav-item&encapsulation=shadow","src/components/biggive-nav-item/biggive-nav-item.tsx"],"sourcesContent":[":host {\n display: contents;\n}\n\n\nli {\n @include standard-font();\n list-style-type: none;\n padding: 0;\n margin: 0;\n display: inline-block;\n\n\n}\n\n::slotted() {\n display: none;\n}","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-nav-item',\n styleUrl: 'biggive-nav-item.scss',\n shadow: true,\n})\nexport class BiggiveNavItem {\n /\n URL\n /\n @Prop() url: string;\n /\n Label\n /\n @Prop() label: string;\n /\n URL\n */\n @Prop() iconColour: string;\n\n render() {\n return (\n <li class={'icon-' + this.iconColour}>\n <a href={this.url}>{this.label}</a>\n <slot></slot>\n </li>\n );\n }\n}\n"],"version":3}

package/dist/cjs/biggive-table.cjs.entry.js CHANGED Viewed

@@ -2,9 +2,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-626e8c0c.js');
+const index = require('./index-fb5fdee7.js');
 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-cc-red:hover,.background-colour-brand-cc-red{background-color:#B30510}.background-colour-hover-brand-wgmf-purple:hover,.background-colour-brand-wgmf-purple{background-color:#6E0887}.background-colour-hover-brand-gmf-green:hover,.background-colour-brand-gmf-green{background-color:#50B400}.background-colour-hover-brand-emf-yellow:hover,.background-colour-brand-emf-yellow{background-color:#FFE500}.background-colour-hover-brand-c4c-orange:hover,.background-colour-brand-c4c-orange{background-color:#F07D00}.background-colour-hover-brand-afa-pink:hover,.background-colour-brand-afa-pink{background-color:#BF387D}.background-colour-hover-brand-mhf-turquoise:hover,.background-colour-brand-mhf-turquoise{background-color:#62CFC9}.background-colour-hover-brand-grey:hover,.background-colour-brand-grey{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}.background-colour-hover-grey-extra-light:hover,.background-colour-grey-extra-light{background-color:#D7D7D7}.background-colour-hover-grey-light:hover,.background-colour-grey-light{background-color:#E8E8E8}.background-colour-hover-grey-medium:hover,.background-colour-grey-medium{background-color:#8A8A8A}.background-colour-hover-grey-dark:hover,.background-colour-grey-dark{background-color:#4A4A4A}.background-colour-hover-brand-6:hover,.background-colour-brand-6{background-color:#62CFC9}.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-cc-red{fill:#B30510}.fill-brand-wgmf-purple{fill:#6E0887}.fill-brand-gmf-green{fill:#50B400}.fill-brand-emf-yellow{fill:#FFE500}.fill-brand-c4c-orange{fill:#F07D00}.fill-brand-afa-pink{fill:#BF387D}.fill-brand-mhf-turquoise{fill:#62CFC9}.fill-brand-grey{fill:#CBC8C8}.fill-white{fill:#FFFFFF}.fill-black{fill:#000000}.fill-grey-extra-light{fill:#D7D7D7}.fill-grey-light{fill:#E8E8E8}.fill-grey-medium{fill:#8A8A8A}.fill-grey-dark{fill:#4A4A4A}.fill-brand-6{fill:#CBC8C8}: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-cc-red thead{color:#B30510}.container.header-background-colour-brand-cc-red thead{background-color:#B30510}.container.body-text-colour-brand-cc-red tbody{color:#B30510}.container.body-background-colour-brand-cc-red tbody{background-color:#B30510}.container.header-text-colour-brand-wgmf-purple thead{color:#6E0887}.container.header-background-colour-brand-wgmf-purple thead{background-color:#6E0887}.container.body-text-colour-brand-wgmf-purple tbody{color:#6E0887}.container.body-background-colour-brand-wgmf-purple tbody{background-color:#6E0887}.container.header-text-colour-brand-gmf-green thead{color:#50B400}.container.header-background-colour-brand-gmf-green thead{background-color:#50B400}.container.body-text-colour-brand-gmf-green tbody{color:#50B400}.container.body-background-colour-brand-gmf-green tbody{background-color:#50B400}.container.header-text-colour-brand-emf-yellow thead{color:#FFE500}.container.header-background-colour-brand-emf-yellow thead{background-color:#FFE500}.container.body-text-colour-brand-emf-yellow tbody{color:#FFE500}.container.body-background-colour-brand-emf-yellow tbody{background-color:#FFE500}.container.header-text-colour-brand-c4c-orange thead{color:#F07D00}.container.header-background-colour-brand-c4c-orange thead{background-color:#F07D00}.container.body-text-colour-brand-c4c-orange tbody{color:#F07D00}.container.body-background-colour-brand-c4c-orange tbody{background-color:#F07D00}.container.header-text-colour-brand-afa-pink thead{color:#BF387D}.container.header-background-colour-brand-afa-pink thead{background-color:#BF387D}.container.body-text-colour-brand-afa-pink tbody{color:#BF387D}.container.body-background-colour-brand-afa-pink tbody{background-color:#BF387D}.container.header-text-colour-brand-mhf-turquoise thead{color:#62CFC9}.container.header-background-colour-brand-mhf-turquoise thead{background-color:#62CFC9}.container.body-text-colour-brand-mhf-turquoise tbody{color:#62CFC9}.container.body-background-colour-brand-mhf-turquoise tbody{background-color:#62CFC9}.container.header-text-colour-brand-grey thead{color:#CBC8C8}.container.header-background-colour-brand-grey thead{background-color:#CBC8C8}.container.body-text-colour-brand-grey tbody{color:#CBC8C8}.container.body-background-colour-brand-grey tbody{background-color:#CBC8C8}.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.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 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%}";
+const BiggiveTableStyle0 = biggiveTableCss;
 const BiggiveTable = class {
     constructor(hostRef) {
@@ -28,7 +29,7 @@ const BiggiveTable = class {
                 this.spaceBelow }, index.h("slot", null)));
     }
 };
-BiggiveTable.style = biggiveTableCss;
+BiggiveTable.style = BiggiveTableStyle0;
 exports.biggive_table = BiggiveTable;

package/dist/cjs/biggive-table.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+qTAA+qT;;~~MCS1rT~~,YAAY;;;0BACa,CAAC;gCAEG,SAAS;sCAEH,OAAO;8BAEf,OAAO;oCAED,YAAY;;IAExD,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjBA,qBAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-table.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,+qTAA+qT,CAAC;AACxsT,2BAAe,eAAe;;MCQjB,YAAY;;;0BACa,CAAC;gCAEG,SAAS;sCAEH,OAAO;8BAEf,OAAO;oCAED,YAAY;;IAExD,MAAM;QACJ,QACEA,iBACE,KAAK,EACH,+BAA+B;gBAC/B,IAAI,CAAC,gBAAgB;gBACrB,4BAA4B;gBAC5B,IAAI,CAAC,sBAAsB;gBAC3B,oBAAoB;gBACpB,IAAI,CAAC,cAAc;gBACnB,0BAA0B;gBAC1B,IAAI,CAAC,oBAAoB;gBACzB,eAAe;gBACf,IAAI,CAAC,UAAU,IAGjBA,qBAAa,CACT,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-table/biggive-table.scss?tag=biggive-table","src/components/biggive-table/biggive-table.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n display: contents;\n @include standard-font();\n}\n\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.header-text-colour-#{$key} thead { color: $colour; }\n &.header-background-colour-#{$key} thead { background-color: $colour; }\n &.body-text-colour-#{$key} tbody { color: $colour; }\n &.body-background-colour-#{$key} tbody { background-color: $colour; }\n }\n\n\n table {\n width: 100%;\n border-collapse: collapse;\n border: 0;\n\n td,th {\n padding: 10px 20px;\n border: 0;\n font-size: inherit;\n }\n\n thead {\n filter: drop-shadow(-1px 3px 12px rgba(0,0,0,0.15));\n td,th {\n font-weight: bold;\n }\n }\n\n tbody {\n tr.odd {\n background-color: rgba(255,255,255,0.3);\n }\n \n td,th {\n font-size: 80%;\n }\n }\n\n }\n}","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n tag: 'biggive-table',\n styleUrl: 'biggive-table.scss',\n shadow: false,\n})\nexport class BiggiveTable {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() headerTextColour: brandColour = 'primary';\n\n @Prop() headerBackgroundColour: brandColour = 'white';\n\n @Prop() bodyTextColour: brandColour = 'black';\n\n @Prop() bodyBackgroundColour: brandColour = 'grey-light';\n\n render() {\n return (\n <div\n class={\n 'container header-text-colour-' +\n this.headerTextColour +\n ' header-background-colour-' +\n this.headerBackgroundColour +\n ' body-text-colour-' +\n this.bodyTextColour +\n ' body-background-colour-' +\n this.bodyBackgroundColour +\n ' space-below-' +\n this.spaceBelow\n }\n >\n <slot></slot>\n </div>\n );\n }\n}\n"],"version":3}