npm - @biggive/components - Versions diffs - 202501211147.0.0 → 202501311659.0.0 - Mend

@biggive/components 202501211147.0.0 → 202501311659.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 (245) hide show

package/dist/components/biggive-article-card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
-const biggiveArticleCardCss = "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}.image-wrap img{width:100%;height:auto}.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}.align-right{text-align:right}.container{height:100%;width:100%;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.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 .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-1 h3{color:#B30510}.container .slug-colour-brand-1 .slug{color:#B30510}.container .date-colour-brand-1 .date{color:#B30510}.container .image-label-colour-brand-1 .image-label{color:#B30510}.container .main-title-colour-brand-2 h3{color:#6E0887}.container .slug-colour-brand-2 .slug{color:#6E0887}.container .date-colour-brand-2 .date{color:#6E0887}.container .image-label-colour-brand-2 .image-label{color:#6E0887}.container .main-title-colour-brand-3 h3{color:#50B400}.container .slug-colour-brand-3 .slug{color:#50B400}.container .date-colour-brand-3 .date{color:#50B400}.container .image-label-colour-brand-3 .image-label{color:#50B400}.container .main-title-colour-brand-4 h3{color:#FFE500}.container .slug-colour-brand-4 .slug{color:#FFE500}.container .date-colour-brand-4 .date{color:#FFE500}.container .image-label-colour-brand-4 .image-label{color:#FFE500}.container .main-title-colour-brand-5 h3{color:#F07D00}.container .slug-colour-brand-5 .slug{color:#F07D00}.container .date-colour-brand-5 .date{color:#F07D00}.container .image-label-colour-brand-5 .image-label{color:#F07D00}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-brand-6 h3{color:#62CFC9}.container .slug-colour-brand-6 .slug{color:#62CFC9}.container .date-colour-brand-6 .date{color:#62CFC9}.container .image-label-colour-brand-6 .image-label{color:#62CFC9}";
+const biggiveArticleCardCss = "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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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}.image-wrap img{width:100%;height:auto}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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}.align-right{text-align:right}.container{height:100%;width:100%;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:left}.container .sleeve{height:100%;box-sizing:border-box;background-size:cover;padding:15px 15px 10px 15px}.container .sleeve .content-wrap{height:100%;display:flex;flex-direction:column}.container .meta{margin-bottom:10px}.container .meta .slug{font-size:13px;line-height:17px;margin-bottom:5px}.container .meta .date{font-size:13px;line-height:17px;margin-bottom:5px}.container h3{font-size:20px;line-height:24px;font-weight:bold;padding-bottom:15px;margin-bottom:auto}.container h3 a,.container h3 a:hover{text-decoration:none}.container .main-image-container img{width:100%;height:auto;display:inline-block}.container .image-group{display:flex;margin-bottom:15px}.container .image-group .image-container{margin-right:15px}.container .image-group .image-container .image-wrap{border-radius:50%;width:60px;height:60px;background-size:cover;background-position:center center;margin-bottom:5px}.container .image-group .image-container .image-wrap img{display:none}.container .image-label{font-size:11px;line-height:14px}.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 .main-title-colour-primary h3{color:#2C089B}.container .slug-colour-primary .slug{color:#2C089B}.container .date-colour-primary .date{color:#2C089B}.container .image-label-colour-primary .image-label{color:#2C089B}.container .main-title-colour-secondary h3{color:#2AF135}.container .slug-colour-secondary .slug{color:#2AF135}.container .date-colour-secondary .date{color:#2AF135}.container .image-label-colour-secondary .image-label{color:#2AF135}.container .main-title-colour-tertiary h3{color:#FF7272}.container .slug-colour-tertiary .slug{color:#FF7272}.container .date-colour-tertiary .date{color:#FF7272}.container .image-label-colour-tertiary .image-label{color:#FF7272}.container .main-title-colour-brand-1 h3{color:#B30510}.container .slug-colour-brand-1 .slug{color:#B30510}.container .date-colour-brand-1 .date{color:#B30510}.container .image-label-colour-brand-1 .image-label{color:#B30510}.container .main-title-colour-brand-2 h3{color:#6E0887}.container .slug-colour-brand-2 .slug{color:#6E0887}.container .date-colour-brand-2 .date{color:#6E0887}.container .image-label-colour-brand-2 .image-label{color:#6E0887}.container .main-title-colour-brand-3 h3{color:#50B400}.container .slug-colour-brand-3 .slug{color:#50B400}.container .date-colour-brand-3 .date{color:#50B400}.container .image-label-colour-brand-3 .image-label{color:#50B400}.container .main-title-colour-brand-4 h3{color:#FFE500}.container .slug-colour-brand-4 .slug{color:#FFE500}.container .date-colour-brand-4 .date{color:#FFE500}.container .image-label-colour-brand-4 .image-label{color:#FFE500}.container .main-title-colour-brand-5 h3{color:#F07D00}.container .slug-colour-brand-5 .slug{color:#F07D00}.container .date-colour-brand-5 .date{color:#F07D00}.container .image-label-colour-brand-5 .image-label{color:#F07D00}.container .main-title-colour-brand-cc-red h3{color:#B30510}.container .slug-colour-brand-cc-red .slug{color:#B30510}.container .date-colour-brand-cc-red .date{color:#B30510}.container .image-label-colour-brand-cc-red .image-label{color:#B30510}.container .main-title-colour-brand-wgmf-purple h3{color:#6E0887}.container .slug-colour-brand-wgmf-purple .slug{color:#6E0887}.container .date-colour-brand-wgmf-purple .date{color:#6E0887}.container .image-label-colour-brand-wgmf-purple .image-label{color:#6E0887}.container .main-title-colour-brand-gmf-green h3{color:#50B400}.container .slug-colour-brand-gmf-green .slug{color:#50B400}.container .date-colour-brand-gmf-green .date{color:#50B400}.container .image-label-colour-brand-gmf-green .image-label{color:#50B400}.container .main-title-colour-brand-emf-yellow h3{color:#FFE500}.container .slug-colour-brand-emf-yellow .slug{color:#FFE500}.container .date-colour-brand-emf-yellow .date{color:#FFE500}.container .image-label-colour-brand-emf-yellow .image-label{color:#FFE500}.container .main-title-colour-brand-c4c-orange h3{color:#F07D00}.container .slug-colour-brand-c4c-orange .slug{color:#F07D00}.container .date-colour-brand-c4c-orange .date{color:#F07D00}.container .image-label-colour-brand-c4c-orange .image-label{color:#F07D00}.container .main-title-colour-brand-afa-pink h3{color:#BF387D}.container .slug-colour-brand-afa-pink .slug{color:#BF387D}.container .date-colour-brand-afa-pink .date{color:#BF387D}.container .image-label-colour-brand-afa-pink .image-label{color:#BF387D}.container .main-title-colour-brand-scw-magenta h3{color:#EE2C65}.container .slug-colour-brand-scw-magenta .slug{color:#EE2C65}.container .date-colour-brand-scw-magenta .date{color:#EE2C65}.container .image-label-colour-brand-scw-magenta .image-label{color:#EE2C65}.container .main-title-colour-brand-mhf-turquoise h3{color:#62CFC9}.container .slug-colour-brand-mhf-turquoise .slug{color:#62CFC9}.container .date-colour-brand-mhf-turquoise .date{color:#62CFC9}.container .image-label-colour-brand-mhf-turquoise .image-label{color:#62CFC9}.container .main-title-colour-brand-grey h3{color:#CBC8C8}.container .slug-colour-brand-grey .slug{color:#CBC8C8}.container .date-colour-brand-grey .date{color:#CBC8C8}.container .image-label-colour-brand-grey .image-label{color:#CBC8C8}.container .main-title-colour-white h3{color:#FFFFFF}.container .slug-colour-white .slug{color:#FFFFFF}.container .date-colour-white .date{color:#FFFFFF}.container .image-label-colour-white .image-label{color:#FFFFFF}.container .main-title-colour-black h3{color:#000000}.container .slug-colour-black .slug{color:#000000}.container .date-colour-black .date{color:#000000}.container .image-label-colour-black .image-label{color:#000000}.container .main-title-colour-grey-extra-light h3{color:#D7D7D7}.container .slug-colour-grey-extra-light .slug{color:#D7D7D7}.container .date-colour-grey-extra-light .date{color:#D7D7D7}.container .image-label-colour-grey-extra-light .image-label{color:#D7D7D7}.container .main-title-colour-grey-light h3{color:#E8E8E8}.container .slug-colour-grey-light .slug{color:#E8E8E8}.container .date-colour-grey-light .date{color:#E8E8E8}.container .image-label-colour-grey-light .image-label{color:#E8E8E8}.container .main-title-colour-grey-medium h3{color:#8A8A8A}.container .slug-colour-grey-medium .slug{color:#8A8A8A}.container .date-colour-grey-medium .date{color:#8A8A8A}.container .image-label-colour-grey-medium .image-label{color:#8A8A8A}.container .main-title-colour-grey-dark h3{color:#4A4A4A}.container .slug-colour-grey-dark .slug{color:#4A4A4A}.container .date-colour-grey-dark .date{color:#4A4A4A}.container .image-label-colour-grey-dark .image-label{color:#4A4A4A}.container .main-title-colour-brand-6 h3{color:#62CFC9}.container .slug-colour-brand-6 .slug{color:#62CFC9}.container .date-colour-brand-6 .date{color:#62CFC9}.container .image-label-colour-brand-6 .image-label{color:#62CFC9}";
 const BiggiveArticleCardStyle0 = biggiveArticleCardCss;
 const BiggiveArticleCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveArticleCard extends HTMLElement {

package/dist/components/biggive-article-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-article-card.js","mappings":";;;AAAA,MAAM,qBAAqB,GAAG,~~ggXAAggX~~,CAAC;AAC~~/hX~~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","names":["BiggiveArticleCard"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n \n @include corner-clip-medium-top-right();\n \n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n \n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n \n }\n\n \n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n \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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {this.image1Url != '' \|\| this.image2Url != '' ? (\n <div class=\"image-group\">\n {this.image1Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n ) : null}\n\n {this.image2Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n ) : null}\n </div>\n ) : null}\n\n {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-article-card.js","mappings":"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","names":["BiggiveArticleCard"],"sources":["src/components/biggive-article-card/biggive-article-card.scss?tag=biggive-article-card&encapsulation=shadow","src/components/biggive-article-card/biggive-article-card.tsx"],"sourcesContent":["@include backgrounds();\n@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n display: contents;\n}\n\n.align-right {\n text-align: right;\n}\n\n.container {\n height: 100%;\n width: 100%;\n @include standard-font();\n position: relative;\n text-align: left;\n @include lower-shadow();\n .sleeve {\n height: 100%;\n box-sizing: border-box;\n background-size: cover;\n padding: $spacer-3 $spacer-3 $spacer-2 $spacer-3;\n .content-wrap {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n }\n .meta {\n margin-bottom: $spacer-2;\n }\n .meta .slug {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n .meta .date {\n @include font-size-small();\n margin-bottom: $spacer-1;\n }\n h3 {\n @include heading-4();\n padding-bottom: $spacer-3;\n margin-bottom: auto;\n a,\n a:hover {\n text-decoration: none;\n }\n }\n .main-image-container {\n img {\n width: 100%;\n height: auto;\n display: inline-block;\n }\n }\n .image-group {\n display: flex;\n margin-bottom: $spacer-3;\n .image-container {\n margin-right: 15px;\n .image-wrap {\n border-radius: 50%;\n width: 60px;\n height: 60px;\n background-size: cover;\n background-position: center center;\n margin-bottom: $spacer-1;\n img {\n display: none;\n }\n }\n }\n }\n .image-label {\n @include font-size-x-small();\n }\n\n\n .clip-bottom-left-corner-false.clip-top-right-corner-true {\n \n @include corner-clip-medium-top-right();\n \n }\n .clip-bottom-left-corner-true.clip-top-right-corner-false {\n @include corner-clip-medium-bottom-left();\n }\n \n .clip-bottom-left-corner-true.clip-top-right-corner-true {\n @include corner-clip-medium-bottom-left-top-right();\n \n }\n\n \n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n .main-title-colour-#{$key} h3 { color: $colour; }\n .slug-colour-#{$key} .slug { color: $colour; }\n .date-colour-#{$key} .date { color: $colour; }\n .image-label-colour-#{$key} .image-label { color: $colour; }\n }\n \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-article-card',\n styleUrl: 'biggive-article-card.scss',\n shadow: true,\n})\nexport class BiggiveArticleCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() backgroundImageUrl: string = '';\n\n @Prop() slug: string;\n\n @Prop() slugColour: brandColour = 'black';\n\n @Prop() date: string;\n\n @Prop() dateColour: brandColour = 'black';\n\n @Prop() mainTitle: string;\n\n @Prop() mainTitleColour: brandColour = 'black';\n\n @Prop() mainImageUrl: string;\n\n @Prop() mainImageAltText: string;\n\n @Prop() image1Url: string;\n\n @Prop() image1AltText: string;\n\n @Prop() image2Url: string;\n\n @Prop() image2AltText: string;\n\n @Prop() imageLabel: string;\n\n @Prop() imageLabelColour: brandColour = 'black';\n\n @Prop() buttonLabel: string;\n\n @Prop() buttonUrl: string;\n\n @Prop() buttonColour: brandColour = 'black';\n\n @Prop() clipBottomLeftCorner: boolean = true;\n\n @Prop() clipTopRightCorner: boolean = true;\n\n render() {\n return (\n <div class={'container space-below-' + this.spaceBelow}>\n <div\n class={\n 'sleeve background-colour-' +\n this.backgroundColour +\n ' text-colour-black ' +\n ' slug-colour-' +\n this.slugColour +\n ' date-colour-' +\n this.dateColour +\n ' main-title-colour-' +\n this.mainTitleColour +\n ' image-label-colour-' +\n this.imageLabelColour +\n ' button-colour' +\n this.buttonColour +\n ' clip-bottom-left-corner-' +\n this.clipBottomLeftCorner +\n ' clip-top-right-corner-' +\n this.clipTopRightCorner\n }\n style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n >\n <div class=\"content-wrap\">\n <div class=\"meta\">\n {this.slug != '' ? <div class=\"slug text-colour-primary\">{this.slug}</div> : null}\n {this.date != '' ? <div class=\"date\">{this.date}</div> : null}\n </div>\n\n {this.mainImageUrl != '' ? (\n <div class=\"main-image-container\">\n <div class=\"image-wrap\">\n <img src={this.mainImageUrl} alt={this.mainImageAltText} />\n </div>\n </div>\n ) : null}\n\n <h3 class=\"title\">\n <a href={this.buttonUrl}>{this.mainTitle}</a>\n </h3>\n {this.image1Url != '' \|\| this.image2Url != '' ? (\n <div class=\"image-group\">\n {this.image1Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image1Url + \"')\" }}>\n <img src={this.image1Url} alt={this.image1AltText} />\n </div>\n </div>\n ) : null}\n\n {this.image2Url != '' ? (\n <div class=\"image-container\">\n <div class=\"image-wrap\" style={{ 'background-image': \"url('\" + this.image2Url + \"')\" }}>\n <img src={this.image2Url} alt={this.image2AltText} />\n </div>\n </div>\n ) : null}\n </div>\n ) : null}\n\n {this.imageLabel != '' ? <div class=\"image-label\">{this.imageLabel}</div> : null}\n\n {this.buttonLabel != null && this.buttonUrl != null ? (\n <div class=\"button-wrap align-right\">\n <biggive-button colour-scheme={'clear-' + this.buttonColour} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n </div>\n ) : null}\n </div>\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-basic-card.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.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 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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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-scw-magenta{fill:#EE2C65}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBasicCard extends HTMLElement {

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

	@@ -1 +1 @@
1	- {"file":"biggive-basic-card.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG~~,+gNAA+gN~~,CAAC;~~AAC5iN~~,+BAAe,mBAAmB;;MCQrBA,kBAAgB;IAL7B;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,uBAAkB,GAAW,EAAE,CAAC;QAEhC,eAAU,GAAgB,OAAO,CAAC;QAElC,eAAU,GAAgB,OAAO,CAAC;QAYlC,SAAI,GAAY,IAAI,CAAC;QAErB,eAAU,GAAgB,SAAS,CAAC;QAEpC,gBAAW,GAAW,QAAQ,CAAC;QAE/B,gBAAW,GAAW,UAAU,CAAC;QAMjC,uBAAkB,GAAW,eAAe,CAAC;QAE7C,yBAAoB,GAAY,IAAI,CAAC;QAErC,uBAAkB,GAAY,IAAI,CAAC;QAEnC,iBAAY,GAA0B,CAAC,CAAC;QAExC,iBAAY,GAAY,KAAK,CAAC;KAqDvC;IAnDC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,4DACE,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,IAEvE,0DAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrB,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC3F,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,IAAI,IAAI,IAAI,IAChB,WAAK,KAAK,EAAC,MAAM,IACf,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,YAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG,EACzF,YAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,IACJ,IAAI,EACP,IAAI,CAAC,YAAY,IAAI,EAAE,IACtB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,YAAY,IACrB,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACR,EAAC,UAAU,qDAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc,EACvD,4DAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO,EAC3C,4DAAK,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,IACzE,WAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjD,uCAA+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":["BiggiveBasicCard"],"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.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,2vNAA2vN,CAAC;AACxxN,+BAAe,mBAAmB;;MCQrBA,kBAAgB;IAL7B;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,qBAAgB,GAAgB,SAAS,CAAC;QAE1C,uBAAkB,GAAW,EAAE,CAAC;QAEhC,eAAU,GAAgB,OAAO,CAAC;QAElC,eAAU,GAAgB,OAAO,CAAC;QAYlC,SAAI,GAAY,IAAI,CAAC;QAErB,eAAU,GAAgB,SAAS,CAAC;QAEpC,gBAAW,GAAW,QAAQ,CAAC;QAE/B,gBAAW,GAAW,UAAU,CAAC;QAMjC,uBAAkB,GAAW,eAAe,CAAC;QAE7C,yBAAoB,GAAY,IAAI,CAAC;QAErC,uBAAkB,GAAY,IAAI,CAAC;QAEnC,iBAAY,GAA0B,CAAC,CAAC;QAExC,iBAAY,GAAY,KAAK,CAAC;KAqDvC;IAnDC,MAAM;QACJ,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;QAE3C,QACE,4DACE,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,IAEvE,0DAAG,IAAI,EAAE,IAAI,CAAC,SAAS,IACrB,4DAAK,KAAK,EAAE,2BAA2B,GAAG,IAAI,CAAC,UAAU,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,IAC3F,4DAAK,KAAK,EAAC,cAAc,IACtB,IAAI,CAAC,IAAI,IAAI,IAAI,IAChB,WAAK,KAAK,EAAC,MAAM,IACf,WAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,YAAM,CAAC,EAAC,2DAA2D,EAAC,KAAK,EAAC,YAAY,GAAG,EACzF,YAAM,CAAC,EAAC,+EAA+E,EAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,GAAI,CACxH,CACF,IACJ,IAAI,EACP,IAAI,CAAC,YAAY,IAAI,EAAE,IACtB,WAAK,KAAK,EAAC,sBAAsB,IAC/B,WAAK,KAAK,EAAC,YAAY,IACrB,WAAK,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,CAAC,gBAAgB,EAAE,KAAK,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACrF,CACF,IACJ,IAAI,EACR,EAAC,UAAU,qDAAC,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,SAAS,CAAc,EACvD,4DAAK,KAAK,EAAC,UAAU,IAAE,IAAI,CAAC,QAAQ,CAAO,EAC3C,4DAAK,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,IACzE,WAAK,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAAC,WAAW,IACjD,uCAA+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":["BiggiveBasicCard"],"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/components/biggive-beneficiary-icon.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { F as FontAwesomeIconsService } from './fontawesome-icons.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 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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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-scw-magenta{fill:#EE2C65}.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$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBeneficiaryIcon extends HTMLElement {

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

	@@ -1 +1 @@
1	- {"file":"biggive-beneficiary-icon.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,~~qgMAAqgM~~,CAAC;~~AACxiM~~,qCAAe,yBAAyB;;MCQ3BA,wBAAsB;IALnC;;;;;;QASU,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;;;;QAI7B,SAAI,GAAW,OAAO,CAAC;;;;QAUvB,QAAG,GAAW,GAAG,CAAC;KA2B3B;IAzBS,kBAAkB;QACxB,IAAI,IAAI,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,4DAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB,IAC5E,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,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,IAE7F,6DAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA,EACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBeneficiaryIcon"],"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.js","mappings":";;;AAAA,MAAM,yBAAyB,GAAG,ypMAAypM,CAAC;AAC5rM,qCAAe,yBAAyB;;MCQ3BA,wBAAsB;IALnC;;;;;;QASU,qBAAgB,GAAW,SAAS,CAAC;;;;QAKrC,eAAU,GAAW,OAAO,CAAC;;;;QAI7B,SAAI,GAAW,OAAO,CAAC;;;;QAUvB,QAAG,GAAW,GAAG,CAAC;KA2B3B;IAzBS,kBAAkB;QACxB,IAAI,IAAI,GAAG,uBAAuB,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACjE,OAAO,IAAI,CAAC;KACb;IAED,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,4DAAK,KAAK,EAAE,0CAA0C,GAAG,IAAI,CAAC,gBAAgB,IAC5E,0DAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IACf,4DACE,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,IAE7F,6DAAM,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAI,CACrD,CACJ,CACA,EACN,4DAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAO,CACjC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBeneficiaryIcon"],"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/components/biggive-biography-card.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-const biggiveBiographyCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.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}.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:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-1 .image-wrap{background-color:#B30510}.container.background-colour-brand-2 .image-wrap{background-color:#6E0887}.container.background-colour-brand-3 .image-wrap{background-color:#50B400}.container.background-colour-brand-4 .image-wrap{background-color:#FFE500}.container.background-colour-brand-5 .image-wrap{background-color:#F07D00}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-brand-6 .image-wrap{background-color:#62CFC9}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-1{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-1{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-1{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-1{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-1{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-1{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-2{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-2{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-2{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-2{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-2{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-2{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-3{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-3{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-3{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-3{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-3{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-3{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-4{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-4{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-4{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-4{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-4{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-4{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-5{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-5{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-5{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-5{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-5{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-5{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-brand-6{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-6{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-6{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-6{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-6{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-6{border:60px solid #62CFC9}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio=\"1,1\"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
+const biggiveBiographyCardCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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:block}.container{text-align:left}.container.background-colour-primary .image-wrap{background-color:#2C089B}.container.background-colour-secondary .image-wrap{background-color:#2AF135}.container.background-colour-tertiary .image-wrap{background-color:#FF7272}.container.background-colour-brand-1 .image-wrap{background-color:#B30510}.container.background-colour-brand-2 .image-wrap{background-color:#6E0887}.container.background-colour-brand-3 .image-wrap{background-color:#50B400}.container.background-colour-brand-4 .image-wrap{background-color:#FFE500}.container.background-colour-brand-5 .image-wrap{background-color:#F07D00}.container.background-colour-brand-cc-red .image-wrap{background-color:#B30510}.container.background-colour-brand-wgmf-purple .image-wrap{background-color:#6E0887}.container.background-colour-brand-gmf-green .image-wrap{background-color:#50B400}.container.background-colour-brand-emf-yellow .image-wrap{background-color:#FFE500}.container.background-colour-brand-c4c-orange .image-wrap{background-color:#F07D00}.container.background-colour-brand-afa-pink .image-wrap{background-color:#BF387D}.container.background-colour-brand-scw-magenta .image-wrap{background-color:#EE2C65}.container.background-colour-brand-mhf-turquoise .image-wrap{background-color:#62CFC9}.container.background-colour-brand-grey .image-wrap{background-color:#CBC8C8}.container.background-colour-white .image-wrap{background-color:#FFFFFF}.container.background-colour-black .image-wrap{background-color:#000000}.container.background-colour-grey-extra-light .image-wrap{background-color:#D7D7D7}.container.background-colour-grey-light .image-wrap{background-color:#E8E8E8}.container.background-colour-grey-medium .image-wrap{background-color:#8A8A8A}.container.background-colour-grey-dark .image-wrap{background-color:#4A4A4A}.container.background-colour-brand-6 .image-wrap{background-color:#62CFC9}.container.text-align-center{text-align:center}.container.text-align-right{text-align:right}.container a{text-decoration:none}.container h3.full-name{font-size:font-size-medium();margin:0}.container div.job-title{font-size:font-size-small();margin:0}.container .sleeve{margin-bottom:10px}.container .sleeve.border-width-1.border-colour-primary{border:5px solid #2C089B}.container .sleeve.border-width-2.border-colour-primary{border:10px solid #2C089B}.container .sleeve.border-width-3.border-colour-primary{border:15px solid #2C089B}.container .sleeve.border-width-4.border-colour-primary{border:30px solid #2C089B}.container .sleeve.border-width-5.border-colour-primary{border:45px solid #2C089B}.container .sleeve.border-width-6.border-colour-primary{border:60px solid #2C089B}.container .sleeve.border-width-1.border-colour-secondary{border:5px solid #2AF135}.container .sleeve.border-width-2.border-colour-secondary{border:10px solid #2AF135}.container .sleeve.border-width-3.border-colour-secondary{border:15px solid #2AF135}.container .sleeve.border-width-4.border-colour-secondary{border:30px solid #2AF135}.container .sleeve.border-width-5.border-colour-secondary{border:45px solid #2AF135}.container .sleeve.border-width-6.border-colour-secondary{border:60px solid #2AF135}.container .sleeve.border-width-1.border-colour-tertiary{border:5px solid #FF7272}.container .sleeve.border-width-2.border-colour-tertiary{border:10px solid #FF7272}.container .sleeve.border-width-3.border-colour-tertiary{border:15px solid #FF7272}.container .sleeve.border-width-4.border-colour-tertiary{border:30px solid #FF7272}.container .sleeve.border-width-5.border-colour-tertiary{border:45px solid #FF7272}.container .sleeve.border-width-6.border-colour-tertiary{border:60px solid #FF7272}.container .sleeve.border-width-1.border-colour-brand-1{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-1{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-1{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-1{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-1{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-1{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-2{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-2{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-2{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-2{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-2{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-2{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-3{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-3{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-3{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-3{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-3{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-3{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-4{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-4{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-4{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-4{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-4{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-4{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-5{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-5{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-5{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-5{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-5{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-5{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-cc-red{border:5px solid #B30510}.container .sleeve.border-width-2.border-colour-brand-cc-red{border:10px solid #B30510}.container .sleeve.border-width-3.border-colour-brand-cc-red{border:15px solid #B30510}.container .sleeve.border-width-4.border-colour-brand-cc-red{border:30px solid #B30510}.container .sleeve.border-width-5.border-colour-brand-cc-red{border:45px solid #B30510}.container .sleeve.border-width-6.border-colour-brand-cc-red{border:60px solid #B30510}.container .sleeve.border-width-1.border-colour-brand-wgmf-purple{border:5px solid #6E0887}.container .sleeve.border-width-2.border-colour-brand-wgmf-purple{border:10px solid #6E0887}.container .sleeve.border-width-3.border-colour-brand-wgmf-purple{border:15px solid #6E0887}.container .sleeve.border-width-4.border-colour-brand-wgmf-purple{border:30px solid #6E0887}.container .sleeve.border-width-5.border-colour-brand-wgmf-purple{border:45px solid #6E0887}.container .sleeve.border-width-6.border-colour-brand-wgmf-purple{border:60px solid #6E0887}.container .sleeve.border-width-1.border-colour-brand-gmf-green{border:5px solid #50B400}.container .sleeve.border-width-2.border-colour-brand-gmf-green{border:10px solid #50B400}.container .sleeve.border-width-3.border-colour-brand-gmf-green{border:15px solid #50B400}.container .sleeve.border-width-4.border-colour-brand-gmf-green{border:30px solid #50B400}.container .sleeve.border-width-5.border-colour-brand-gmf-green{border:45px solid #50B400}.container .sleeve.border-width-6.border-colour-brand-gmf-green{border:60px solid #50B400}.container .sleeve.border-width-1.border-colour-brand-emf-yellow{border:5px solid #FFE500}.container .sleeve.border-width-2.border-colour-brand-emf-yellow{border:10px solid #FFE500}.container .sleeve.border-width-3.border-colour-brand-emf-yellow{border:15px solid #FFE500}.container .sleeve.border-width-4.border-colour-brand-emf-yellow{border:30px solid #FFE500}.container .sleeve.border-width-5.border-colour-brand-emf-yellow{border:45px solid #FFE500}.container .sleeve.border-width-6.border-colour-brand-emf-yellow{border:60px solid #FFE500}.container .sleeve.border-width-1.border-colour-brand-c4c-orange{border:5px solid #F07D00}.container .sleeve.border-width-2.border-colour-brand-c4c-orange{border:10px solid #F07D00}.container .sleeve.border-width-3.border-colour-brand-c4c-orange{border:15px solid #F07D00}.container .sleeve.border-width-4.border-colour-brand-c4c-orange{border:30px solid #F07D00}.container .sleeve.border-width-5.border-colour-brand-c4c-orange{border:45px solid #F07D00}.container .sleeve.border-width-6.border-colour-brand-c4c-orange{border:60px solid #F07D00}.container .sleeve.border-width-1.border-colour-brand-afa-pink{border:5px solid #BF387D}.container .sleeve.border-width-2.border-colour-brand-afa-pink{border:10px solid #BF387D}.container .sleeve.border-width-3.border-colour-brand-afa-pink{border:15px solid #BF387D}.container .sleeve.border-width-4.border-colour-brand-afa-pink{border:30px solid #BF387D}.container .sleeve.border-width-5.border-colour-brand-afa-pink{border:45px solid #BF387D}.container .sleeve.border-width-6.border-colour-brand-afa-pink{border:60px solid #BF387D}.container .sleeve.border-width-1.border-colour-brand-scw-magenta{border:5px solid #EE2C65}.container .sleeve.border-width-2.border-colour-brand-scw-magenta{border:10px solid #EE2C65}.container .sleeve.border-width-3.border-colour-brand-scw-magenta{border:15px solid #EE2C65}.container .sleeve.border-width-4.border-colour-brand-scw-magenta{border:30px solid #EE2C65}.container .sleeve.border-width-5.border-colour-brand-scw-magenta{border:45px solid #EE2C65}.container .sleeve.border-width-6.border-colour-brand-scw-magenta{border:60px solid #EE2C65}.container .sleeve.border-width-1.border-colour-brand-mhf-turquoise{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-mhf-turquoise{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-mhf-turquoise{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-mhf-turquoise{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-mhf-turquoise{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-mhf-turquoise{border:60px solid #62CFC9}.container .sleeve.border-width-1.border-colour-brand-grey{border:5px solid #CBC8C8}.container .sleeve.border-width-2.border-colour-brand-grey{border:10px solid #CBC8C8}.container .sleeve.border-width-3.border-colour-brand-grey{border:15px solid #CBC8C8}.container .sleeve.border-width-4.border-colour-brand-grey{border:30px solid #CBC8C8}.container .sleeve.border-width-5.border-colour-brand-grey{border:45px solid #CBC8C8}.container .sleeve.border-width-6.border-colour-brand-grey{border:60px solid #CBC8C8}.container .sleeve.border-width-1.border-colour-white{border:5px solid #FFFFFF}.container .sleeve.border-width-2.border-colour-white{border:10px solid #FFFFFF}.container .sleeve.border-width-3.border-colour-white{border:15px solid #FFFFFF}.container .sleeve.border-width-4.border-colour-white{border:30px solid #FFFFFF}.container .sleeve.border-width-5.border-colour-white{border:45px solid #FFFFFF}.container .sleeve.border-width-6.border-colour-white{border:60px solid #FFFFFF}.container .sleeve.border-width-1.border-colour-black{border:5px solid #000000}.container .sleeve.border-width-2.border-colour-black{border:10px solid #000000}.container .sleeve.border-width-3.border-colour-black{border:15px solid #000000}.container .sleeve.border-width-4.border-colour-black{border:30px solid #000000}.container .sleeve.border-width-5.border-colour-black{border:45px solid #000000}.container .sleeve.border-width-6.border-colour-black{border:60px solid #000000}.container .sleeve.border-width-1.border-colour-grey-extra-light{border:5px solid #D7D7D7}.container .sleeve.border-width-2.border-colour-grey-extra-light{border:10px solid #D7D7D7}.container .sleeve.border-width-3.border-colour-grey-extra-light{border:15px solid #D7D7D7}.container .sleeve.border-width-4.border-colour-grey-extra-light{border:30px solid #D7D7D7}.container .sleeve.border-width-5.border-colour-grey-extra-light{border:45px solid #D7D7D7}.container .sleeve.border-width-6.border-colour-grey-extra-light{border:60px solid #D7D7D7}.container .sleeve.border-width-1.border-colour-grey-light{border:5px solid #E8E8E8}.container .sleeve.border-width-2.border-colour-grey-light{border:10px solid #E8E8E8}.container .sleeve.border-width-3.border-colour-grey-light{border:15px solid #E8E8E8}.container .sleeve.border-width-4.border-colour-grey-light{border:30px solid #E8E8E8}.container .sleeve.border-width-5.border-colour-grey-light{border:45px solid #E8E8E8}.container .sleeve.border-width-6.border-colour-grey-light{border:60px solid #E8E8E8}.container .sleeve.border-width-1.border-colour-grey-medium{border:5px solid #8A8A8A}.container .sleeve.border-width-2.border-colour-grey-medium{border:10px solid #8A8A8A}.container .sleeve.border-width-3.border-colour-grey-medium{border:15px solid #8A8A8A}.container .sleeve.border-width-4.border-colour-grey-medium{border:30px solid #8A8A8A}.container .sleeve.border-width-5.border-colour-grey-medium{border:45px solid #8A8A8A}.container .sleeve.border-width-6.border-colour-grey-medium{border:60px solid #8A8A8A}.container .sleeve.border-width-1.border-colour-grey-dark{border:5px solid #4A4A4A}.container .sleeve.border-width-2.border-colour-grey-dark{border:10px solid #4A4A4A}.container .sleeve.border-width-3.border-colour-grey-dark{border:15px solid #4A4A4A}.container .sleeve.border-width-4.border-colour-grey-dark{border:30px solid #4A4A4A}.container .sleeve.border-width-5.border-colour-grey-dark{border:45px solid #4A4A4A}.container .sleeve.border-width-6.border-colour-grey-dark{border:60px solid #4A4A4A}.container .sleeve.border-width-1.border-colour-brand-6{border:5px solid #62CFC9}.container .sleeve.border-width-2.border-colour-brand-6{border:10px solid #62CFC9}.container .sleeve.border-width-3.border-colour-brand-6{border:15px solid #62CFC9}.container .sleeve.border-width-4.border-colour-brand-6{border:30px solid #62CFC9}.container .sleeve.border-width-5.border-colour-brand-6{border:45px solid #62CFC9}.container .sleeve.border-width-6.border-colour-brand-6{border:60px solid #62CFC9}.container .sleeve.circle-true{overflow:hidden;border-radius:50%}.container .sleeve .image-wrap{position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat}.container .sleeve .image-wrap.image-style-cover{background-size:cover}.container .sleeve .image-wrap.image-style-contain{background-size:contain}.container .sleeve .image-wrap[data-ratio=\"1,1\"]{padding-bottom:100%}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-1{padding-bottom:calc(100% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-2{padding-bottom:calc(100% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-3{padding-bottom:calc(100% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-4{padding-bottom:calc(100% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-5{padding-bottom:calc(100% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1\"].border-width-6{padding-bottom:calc(100% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"]{padding-bottom:150%}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-1{padding-bottom:calc(150% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-2{padding-bottom:calc(150% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-3{padding-bottom:calc(150% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-4{padding-bottom:calc(150% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-5{padding-bottom:calc(150% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,1.5\"].border-width-6{padding-bottom:calc(150% - 120px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"]{padding-bottom:200%}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-1{padding-bottom:calc(200% - 10px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-2{padding-bottom:calc(200% - 20px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-3{padding-bottom:calc(200% - 30px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-4{padding-bottom:calc(200% - 60px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-5{padding-bottom:calc(200% - 90px)}.container .sleeve .image-wrap[data-ratio=\"1,2\"].border-width-6{padding-bottom:calc(200% - 120px)}.container .sleeve .image-wrap.rounded-true{overflow:hidden;border-radius:10px}.container .sleeve .image-wrap .circle{position:absolute;width:30px;height:30px;background-color:#FFFFFF;bottom:15px;right:15px;border-radius:50%;text-align:center;padding:6.5px;box-sizing:border-box}.container .sleeve .image-wrap .circle svg path{stroke:#000000}.container .sleeve .image-wrap .circle.dark{background-color:#000000}.container .sleeve .image-wrap .circle.dark svg path{stroke:#FFFFFF}.container .sleeve .image-wrap .circle svg{position:relative;display:inline-block;top:-1px;height:15px;width:15px}.container .sleeve .image-wrap img{display:none}";
 const BiggiveBiographyCardStyle0 = biggiveBiographyCardCss;
 const BiggiveBiographyCard$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBiographyCard extends HTMLElement {

package/dist/components/biggive-biography-card.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-biography-card.js","mappings":"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","names":["BiggiveBiographyCard"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0; \n }\n \n\n .sleeve {\n\n \n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n \n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n \n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n \n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n \n \n \n \n \n \n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n \n \n\n \n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n \n \n \n img {\n display: none;\n }\n\n\n }\n\n\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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"version":3}
1	+ {"file":"biggive-biography-card.js","mappings":"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","names":["BiggiveBiographyCard"],"sources":["src/components/biggive-biography-card/biggive-biography-card.scss?tag=biggive-biography-card&encapsulation=shadow","src/components/biggive-biography-card/biggive-biography-card.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include backgrounds();\n@include text-colours();\n\n:host {\n display: block;\n}\n\n.container {\n\n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n &.background-colour-#{$key} .image-wrap { background-color: $colour; }\n }\n\n text-align: left;\n &.text-align-center {\n text-align: center;\n }\n &.text-align-right {\n text-align: right;\n }\n\n a {\n text-decoration: none;\n }\n\n h3.full-name {\n font-size: font-size-medium();\n margin: 0;\n }\n\n div.job-title {\n font-size: font-size-small();\n margin: 0; \n }\n \n\n .sleeve {\n\n \n @each $key, $colour in $brandColoursIncBrand6Turquoise {\n\n &.border-width-1.border-colour-#{$key} { border: $spacer-1 solid $colour; }\n &.border-width-2.border-colour-#{$key} { border: $spacer-2 solid $colour; }\n &.border-width-3.border-colour-#{$key} { border: $spacer-3 solid $colour; }\n &.border-width-4.border-colour-#{$key} { border: $spacer-4 solid $colour; }\n &.border-width-5.border-colour-#{$key} { border: $spacer-5 solid $colour; }\n &.border-width-6.border-colour-#{$key} { border: $spacer-6 solid $colour; }\n }\n \n\n margin-bottom: $spacer-2;\n\n &.circle-true {\n overflow: hidden;\n border-radius: 50%;\n }\n\n\n .image-wrap {\n position: relative;\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n \n &.image-style-cover {\n background-size: cover;\n }\n &.image-style-contain {\n background-size: contain;\n }\n \n &[data-ratio=\"1,1\"] { padding-bottom: 100%; }\n &[data-ratio=\"1,1\"].border-width-1 { padding-bottom: calc(100% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-2 { padding-bottom: calc(100% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-3 { padding-bottom: calc(100% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-4 { padding-bottom: calc(100% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-5 { padding-bottom: calc(100% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1\"].border-width-6 { padding-bottom: calc(100% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,1.5\"] { padding-bottom: 150%; }\n &[data-ratio=\"1,1.5\"].border-width-1 { padding-bottom: calc(150% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-2 { padding-bottom: calc(150% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-3 { padding-bottom: calc(150% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-4 { padding-bottom: calc(150% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-5 { padding-bottom: calc(150% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,1.5\"].border-width-6 { padding-bottom: calc(150% - ( $spacer-6 * 2 )); }\n \n &[data-ratio=\"1,2\"] { padding-bottom: 200%; }\n &[data-ratio=\"1,2\"].border-width-1 { padding-bottom: calc(200% - ( $spacer-1 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-2 { padding-bottom: calc(200% - ( $spacer-2 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-3 { padding-bottom: calc(200% - ( $spacer-3 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-4 { padding-bottom: calc(200% - ( $spacer-4 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-5 { padding-bottom: calc(200% - ( $spacer-5 * 2 )); }\n &[data-ratio=\"1,2\"].border-width-6 { padding-bottom: calc(200% - ( $spacer-6 * 2 )); }\n \n \n \n \n \n \n &.rounded-true {\n overflow: hidden;\n border-radius: 10px;\n }\n \n \n\n \n .circle {\n position: absolute;\n width: 30px;\n height: 30px;\n background-color: #FFFFFF;\n bottom: 15px;\n right: 15px;\n border-radius: 50%;\n text-align: center;\n padding: 6.5px;\n box-sizing: border-box;\n svg path {\n stroke: #000000;\n }\n &.dark {\n background-color: #000000;\n svg path {\n stroke: #FFFFFF;\n }\n }\n svg {\n position: relative;\n display: inline-block;\n top: -1px;\n height: 15px;\n width: 15px;\n }\n }\n \n \n \n img {\n display: none;\n }\n\n\n }\n\n\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-biography-card',\n styleUrl: 'biggive-biography-card.scss',\n shadow: true,\n})\nexport class BiggiveBiographyCard {\n @Prop() spaceBelow: spacingOption = 0;\n\n @Prop() borderWidth: spacingOption = 0;\n\n @Prop() imageUrl: string = '';\n\n @Prop() imageStyle: 'cover' \| 'contain' = 'cover';\n\n @Prop() textColour: brandColour = 'black';\n\n @Prop() backgroundColour: brandColour = 'white';\n\n @Prop() fullName: string = '';\n\n @Prop() jobTitle: string = '';\n\n @Prop() textAlign: 'center' \| 'left' \| 'right' = 'left';\n\n @Prop() ratio: '1,1' \| '1,1.5' \| '1,2' = '1,1.5';\n\n @Prop() circle: boolean = false;\n\n @Prop() circleColour: 'light' \| 'dark' = 'light';\n\n @Prop() rounded: boolean = false;\n\n @Prop() url: string = '';\n\n render() {\n if (this.url != '') {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <a href={this.url}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n <div class={'circle ' + this.circleColour}>\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n <path stroke-color=\"1\" d=\"M11 11v-11h1v11h11v1h-11v11h-1v-11h-11v-1h11z\" />\n </svg>\n </div>\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </a>\n </div>\n );\n } else {\n return (\n <div class={'container space-below-' + this.spaceBelow + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign}>\n <div\n class={\n 'sleeve circle-' +\n this.circle.toString() +\n ' border-colour-' +\n this.backgroundColour +\n ' background-colour-' +\n this.backgroundColour +\n ' border-width-' +\n this.borderWidth\n }\n >\n {this.imageUrl != '' ? (\n <div\n data-ratio={this.ratio}\n class={'image-wrap image-style-' + this.imageStyle + ' rounded-' + this.rounded.toString()}\n style={{ 'background-image': \"url('\" + this.imageUrl + \"')\" }}\n >\n <img src={this.imageUrl} alt={this.fullName} title={this.fullName} />\n </div>\n ) : null}\n </div>\n <h3 class=\"full-name\">{this.fullName}</h3>\n <div class=\"job-title\">{this.jobTitle}</div>\n </div>\n );\n }\n }\n}\n"],"version":3}

package/dist/components/biggive-boxed-content.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-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 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-scw-magenta:hover,.background-colour-brand-scw-magenta{background-color:#EE2C65}.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$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveBoxedContent extends HTMLElement {

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

	@@ -1 +1 @@
1	- {"file":"biggive-boxed-content.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,~~ujGAAujG~~,CAAC;~~AACvlG~~,kCAAe,sBAAsB;;MCMxBA,qBAAmB;IALhC;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,oBAAe,GAAW,CAAC,CAAC;;;;QAI5B,sBAAiB,GAAW,CAAC,CAAC;;;;QAI9B,qBAAgB,GAAW,OAAO,CAAC;;;;QAInC,WAAM,GAAY,IAAI,CAAC;KAsBhC;IApBC,MAAM;QACJ,QACE,4DACE,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,IAGb,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBoxedContent"],"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.js","mappings":";;AAAA,MAAM,sBAAsB,GAAG,sqGAAsqG,CAAC;AACtsG,kCAAe,sBAAsB;;MCMxBA,qBAAmB;IALhC;;;;;;;QASU,eAAU,GAAW,CAAC,CAAC;;;;QAIvB,oBAAe,GAAW,CAAC,CAAC;;;;QAI5B,sBAAiB,GAAW,CAAC,CAAC;;;;QAI9B,qBAAgB,GAAW,OAAO,CAAC;;;;QAInC,WAAM,GAAY,IAAI,CAAC;KAsBhC;IApBC,MAAM;QACJ,QACE,4DACE,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,IAGb,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveBoxedContent"],"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/components/biggive-button2.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{color:#B30510;background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{color:#50B400;background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-4:hover{background-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
+const biggiveButtonCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container a{display:inline-block}.container a.full-width-true{display:block}.container.centered-true{text-align:center}.button{font-size:17px;line-height:24px;padding:10px 30px;border-radius:5px;border:1px solid #000000;background-color:#000000;color:#FFFFFF;display:inline-block;text-decoration:none;text-align:center;transition:all ease-in-out 0.5s;cursor:pointer}.button:hover{background-color:#FFFFFF;color:#000000}.button.size-small{font-size:13px;line-height:17px;padding:5px 15px}.button.button.rounded-true{border-radius:27.5px}.button.button.rounded-true.size-small{border-radius:20px}.button-clear-brand-6{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-6:hover{text-decoration:none;background-color:transparent}.button-primary{color:#FFFFFF;background-color:#2C089B;border-color:#2C089B}.button-primary:hover{color:#2C089B;background-color:#FFFFFF}.button-secondary{color:#FFFFFF;background-color:#2AF135;border-color:#2AF135}.button-secondary:hover{color:#2AF135;background-color:#FFFFFF}.button-tertiary{color:#FFFFFF;background-color:#FF7272;border-color:#FF7272}.button-tertiary:hover{color:#FF7272;background-color:#FFFFFF}.button-brand-1{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-1:hover{color:#B30510;background-color:#FFFFFF}.button-brand-2{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-2:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-3{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-3:hover{color:#50B400;background-color:#FFFFFF}.button-brand-4{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-4:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-5{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-5:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-cc-red{color:#FFFFFF;background-color:#B30510;border-color:#B30510}.button-brand-cc-red:hover{color:#B30510;background-color:#FFFFFF}.button-brand-wgmf-purple{color:#FFFFFF;background-color:#6E0887;border-color:#6E0887}.button-brand-wgmf-purple:hover{color:#6E0887;background-color:#FFFFFF}.button-brand-gmf-green{color:#FFFFFF;background-color:#50B400;border-color:#50B400}.button-brand-gmf-green:hover{color:#50B400;background-color:#FFFFFF}.button-brand-emf-yellow{color:#FFFFFF;background-color:#FFE500;border-color:#FFE500}.button-brand-emf-yellow:hover{color:#FFE500;background-color:#FFFFFF}.button-brand-c4c-orange{color:#FFFFFF;background-color:#F07D00;border-color:#F07D00}.button-brand-c4c-orange:hover{color:#F07D00;background-color:#FFFFFF}.button-brand-afa-pink{color:#FFFFFF;background-color:#BF387D;border-color:#BF387D}.button-brand-afa-pink:hover{color:#BF387D;background-color:#FFFFFF}.button-brand-scw-magenta{color:#FFFFFF;background-color:#EE2C65;border-color:#EE2C65}.button-brand-scw-magenta:hover{color:#EE2C65;background-color:#FFFFFF}.button-brand-mhf-turquoise{color:#FFFFFF;background-color:#62CFC9;border-color:#62CFC9}.button-brand-mhf-turquoise:hover{color:#62CFC9;background-color:#FFFFFF}.button-brand-grey{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-grey:hover{color:#CBC8C8;background-color:#FFFFFF}.button-white{color:#FFFFFF;background-color:#FFFFFF;border-color:#FFFFFF}.button-white:hover{color:#FFFFFF;background-color:#FFFFFF}.button-black{color:#FFFFFF;background-color:#000000;border-color:#000000}.button-black:hover{color:#000000;background-color:#FFFFFF}.button-grey-extra-light{color:#FFFFFF;background-color:#D7D7D7;border-color:#D7D7D7}.button-grey-extra-light:hover{color:#D7D7D7;background-color:#FFFFFF}.button-grey-light{color:#FFFFFF;background-color:#E8E8E8;border-color:#E8E8E8}.button-grey-light:hover{color:#E8E8E8;background-color:#FFFFFF}.button-grey-medium{color:#FFFFFF;background-color:#8A8A8A;border-color:#8A8A8A}.button-grey-medium:hover{color:#8A8A8A;background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF;background-color:#4A4A4A;border-color:#4A4A4A}.button-grey-dark:hover{color:#4A4A4A;background-color:#FFFFFF}.button-brand-6{color:#FFFFFF;background-color:#CBC8C8;border-color:#CBC8C8}.button-brand-6:hover{background-color:#000000}.button-secondary{color:#000000}.button-secondary:hover{color:#000000;background-color:#FFFFFF;border-color:#000000}.button-brand-4:hover{background-color:#000000}.button-brand-grey{color:#FFFFFF}.button-brand-grey:hover{background-color:#000000}.button-brand-mhf-turquoise:hover{background-color:#000000}.button-brand-afa-pink:hover{background-color:#000000}.button-white{color:#2C089B}.button-white:hover{color:#000000;background-color:#2AF135}.button-black{color:#FFFFFF}.button-black:hover{background-color:#FFFFFF}.button-grey-extra-light{color:#000000}.button-grey-extra-light:hover{background-color:#000000}.button-grey-light{color:#000000}.button-grey-light:hover{background-color:#000000}.button-grey-medium{color:#FFFFFF}.button-grey-medium:hover{background-color:#FFFFFF}.button-grey-dark{color:#FFFFFF}.button-grey-dark:hover{background-color:#FFFFFF}.button-rounded{border-radius:27.5px}.button-rounded.size-small{border-radius:20px}.button-clear-primary{color:#2C089B;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-primary:hover{color:#2C089B;text-decoration:none;background-color:transparent}.button-clear-secondary{color:#2AF135;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-secondary:hover{color:#2AF135;text-decoration:none;background-color:transparent}.button-clear-tertiary{color:#FF7272;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-tertiary:hover{color:#FF7272;text-decoration:none;background-color:transparent}.button-clear-brand-1{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-1:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-2{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-2:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-3{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-3:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-4{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-4:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-5{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-5:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-cc-red{color:#B30510;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-cc-red:hover{color:#B30510;text-decoration:none;background-color:transparent}.button-clear-brand-wgmf-purple{color:#6E0887;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-wgmf-purple:hover{color:#6E0887;text-decoration:none;background-color:transparent}.button-clear-brand-gmf-green{color:#50B400;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-gmf-green:hover{color:#50B400;text-decoration:none;background-color:transparent}.button-clear-brand-emf-yellow{color:#FFE500;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-emf-yellow:hover{color:#FFE500;text-decoration:none;background-color:transparent}.button-clear-brand-c4c-orange{color:#F07D00;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-c4c-orange:hover{color:#F07D00;text-decoration:none;background-color:transparent}.button-clear-brand-afa-pink{color:#BF387D;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-afa-pink:hover{color:#BF387D;text-decoration:none;background-color:transparent}.button-clear-brand-scw-magenta{color:#EE2C65;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-scw-magenta:hover{color:#EE2C65;text-decoration:none;background-color:transparent}.button-clear-brand-mhf-turquoise{color:#62CFC9;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-mhf-turquoise:hover{color:#62CFC9;text-decoration:none;background-color:transparent}.button-clear-brand-grey{color:#CBC8C8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-brand-grey:hover{color:#CBC8C8;text-decoration:none;background-color:transparent}.button-clear-white{color:#FFFFFF;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-white:hover{color:#FFFFFF;text-decoration:none;background-color:transparent}.button-clear-black{color:#000000;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-black:hover{color:#000000;text-decoration:none;background-color:transparent}.button-clear-grey-extra-light{color:#D7D7D7;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-extra-light:hover{color:#D7D7D7;text-decoration:none;background-color:transparent}.button-clear-grey-light{color:#E8E8E8;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-light:hover{color:#E8E8E8;text-decoration:none;background-color:transparent}.button-clear-grey-medium{color:#8A8A8A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-medium:hover{color:#8A8A8A;text-decoration:none;background-color:transparent}.button-clear-grey-dark{color:#4A4A4A;background-color:transparent;text-decoration:underline;border:0;padding-left:0;padding-right:0}.button-clear-grey-dark:hover{color:#4A4A4A;text-decoration:none;background-color:transparent}";
 const BiggiveButtonStyle0 = biggiveButtonCss;
 const BiggiveButton = /*@__PURE__*/ proxyCustomElement(class BiggiveButton extends HTMLElement {

package/dist/components/biggive-button2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"biggive-button2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,~~u/UAAu/U~~,CAAC;~~AACjhV~~,4BAAe,gBAAgB;;MCMlB,aAAa;IAL1B;;;;;;;;QAiBU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,iBAAY,GAAW,SAAS,CAAC;;;;QAKjC,UAAK,GAAW,UAAU,CAAC;;;;QAU3B,iBAAY,GAAY,KAAK,CAAC;;;;QAK9B,cAAS,GAAY,KAAK,CAAC;;;;QAK3B,SAAI,GAAW,QAAQ,CAAC;;;;QAKxB,YAAO,GAAY,KAAK,CAAC;;;;QAKzB,aAAQ,GAAY,KAAK,CAAC;QAE1B,aAAQ,GAAuB,SAAS,CAAC;QAEzC,sBAAiB,GAAG,CAAC,KAAU;YACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;SACjF,CAAC;KAsBH;IApBC,MAAM;;;;QAIJ,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB,CAAC;QAE/C,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,IACnF,0DACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAEvJ,6DAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACxD,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n// brand-6 color ambiguity (for now keeping its definition outside of the brand colors loop)\n.button-clear-brand-6 {\n color: $colour-brand-grey;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n text-decoration: none;\n background-color: transparent;\n }\n}\n\n@each $brand, $colour in $colours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n// not part of loop, 6 is deprecated\n.button-brand-6 {\n color: $colour-white;\n background-color: $colour-brand-grey;\n border-color: $colour-brand-grey;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-4 {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $colours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 1;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Text\n /\n @Prop() label: string = 'Click me';\n\n /\n URL\n /\n @Prop() url: string \| undefined;\n\n /\n New Tab\n /\n @Prop() openInNewTab: boolean = false;\n\n /\n Display full width\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size\n /\n @Prop() size: string = 'medium';\n\n /\n Rounded corners\n /\n @Prop() rounded: boolean = false;\n\n /\n Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined \| string = undefined;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url \|\| 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered}>\n <a\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"biggive-button2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,u4VAAu4V,CAAC;AACj6V,4BAAe,gBAAgB;;MCMlB,aAAa;IAL1B;;;;;;;;QAiBU,eAAU,GAAW,CAAC,CAAC;;;;QAKvB,iBAAY,GAAW,SAAS,CAAC;;;;QAKjC,UAAK,GAAW,UAAU,CAAC;;;;QAU3B,iBAAY,GAAY,KAAK,CAAC;;;;QAK9B,cAAS,GAAY,KAAK,CAAC;;;;QAK3B,SAAI,GAAW,QAAQ,CAAC;;;;QAKxB,YAAO,GAAY,KAAK,CAAC;;;;QAKzB,aAAQ,GAAY,KAAK,CAAC;QAE1B,aAAQ,GAAuB,SAAS,CAAC;QAEzC,sBAAiB,GAAG,CAAC,KAAU;YACrC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,CAAC;SACjF,CAAC;KAsBH;IApBC,MAAM;;;;QAIJ,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,qBAAqB,CAAC;QAE/C,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,QAAQ,IACnF,0DACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,QAAQ,GAAG,OAAO,EAC9C,EAAE,EAAE,IAAI,CAAC,QAAQ,EACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAC,YAAY,GAAG,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,GAAG,QAAQ,GAAG,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,IAEvJ,6DAAM,OAAO,EAAE,IAAI,CAAC,iBAAiB,IAAG,IAAI,CAAC,KAAK,CAAQ,CACxD,CACA,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/biggive-button/biggive-button.scss?tag=biggive-button&encapsulation=shadow","src/components/biggive-button/biggive-button.tsx"],"sourcesContent":["@include spacers();\n\n:host {\n display: contents;\n}\n\n.container {\n @include standard-font();\n a {\n display: inline-block;\n &.full-width-true {\n display: block;\n }\n }\n &.centered-true {\n text-align: center;\n }\n}\n\n.button {\n @include button();\n &.size-small {\n @include button-small();\n }\n\n &.button.rounded-true {\n @include button-rounded();\n }\n}\n// brand-6 color ambiguity (for now keeping its definition outside of the brand colors loop)\n.button-clear-brand-6 {\n color: $colour-brand-grey;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n text-decoration: none;\n background-color: transparent;\n }\n}\n\n@each $brand, $colour in $colours {\n .button-#{$brand} {\n color: $colour-white; // may be overridden by following rules. Later CSS rules have priority.\n background-color: $colour;\n border-color: $colour;\n &:hover {\n color: $colour;\n background-color: $colour-white; // may be overriden by following rules\n }\n }\n}\n\n// not part of loop, 6 is deprecated\n.button-brand-6 {\n color: $colour-white;\n background-color: $colour-brand-grey;\n border-color: $colour-brand-grey;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-secondary {\n color: $colour-black;\n &:hover {\n color: $colour-black;\n background-color: $colour-white;\n border-color: $colour-black;\n }\n}\n\n.button-brand-4 {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-grey {\n color: $colour-white;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-mhf-turquoise {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-brand-afa-pink {\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-white {\n color: $colour-primary-blue;\n &:hover {\n color: $colour-black;\n background-color: $colour-secondary-green;\n }\n}\n\n.button-black {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-extra-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }\n}\n\n.button-grey-light {\n color: $colour-black;\n &:hover {\n background-color: $colour-black;\n }}\n\n.button-grey-medium {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-grey-dark {\n color: $colour-white;\n &:hover {\n background-color: $colour-white;\n }\n}\n\n.button-rounded {\n @include button-rounded();\n }\n\n @each $brand, $colour in $colours {\n .button-clear-#{$brand} {\n color: $colour;\n background-color: transparent;\n text-decoration: underline;\n border: 0;\n padding-left: 0;\n padding-right: 0;\n &:hover {\n color: $colour;\n text-decoration: none;\n background-color: transparent;\n }\n }\n}\n","import { Component, Event, EventEmitter, Prop, h } from '@stencil/core';\n\n@Component({\n tag: 'biggive-button',\n styleUrl: 'biggive-button.scss',\n shadow: true,\n})\nexport class BiggiveButton {\n @Event({\n eventName: 'doButtonClick',\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n doButtonClick: EventEmitter<{ event: object; url: string }>;\n\n /*\n Space below component\n /\n @Prop() spaceBelow: number = 1;\n\n /\n Colour Scheme\n /\n @Prop() colourScheme: string = 'primary';\n\n /\n Text\n /\n @Prop() label: string = 'Click me';\n\n /\n URL\n /\n @Prop() url: string \| undefined;\n\n /\n New Tab\n /\n @Prop() openInNewTab: boolean = false;\n\n /\n Display full width\n /\n @Prop() fullWidth: boolean = false;\n\n /\n Size\n /\n @Prop() size: string = 'medium';\n\n /\n Rounded corners\n /\n @Prop() rounded: boolean = false;\n\n /\n Centered\n */\n @Prop() centered: boolean = false;\n\n @Prop() buttonId: undefined \| string = undefined;\n\n private handleButtonClick = (event: any) => {\n this.doButtonClick.emit({ event: event, url: event.target.parentElement.href });\n };\n\n render() {\n // We always want to have a href so that browsers will see this as a link and allow clicking with keybard.\n // If there's no or an empty href then it isn't possible to click by keyboard and we would have to handle keyboard\n // interaction separately.\n const href = this.url \|\| 'javascript:void(0);';\n\n return (\n <div class={'container space-below-' + this.spaceBelow + ' centered-' + this.centered}>\n <a\n role=\"button\"\n href={href}\n target={this.openInNewTab ? '_blank' : '_self'}\n id={this.buttonId}\n class={'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString()}\n >\n <span onClick={this.handleButtonClick}>{this.label}</span>\n </a>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/components/biggive-call-to-action.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { d as defineCustomElement$2 } from './biggive-button2.js';
-const biggiveCallToActionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.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;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;position:relative;text-align:center}.content-wrap .slug{margin:0;padding:0}.content-wrap h2{margin:0 0 5px 0;padding:0}.content-wrap .subtitle{margin:0 0 5px 0;padding:0}.content-wrap .teaser{margin:15px auto 15px auto;max-width:400px;padding:0}@media screen and (max-width: 576px){.content-wrap{text-align:right}h2{padding:40px 0}}";
+const biggiveCallToActionCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}h1,.heading-1{font-size:47px;line-height:60px;font-weight:bold}h2,.heading-2{font-size:38px;line-height:45px;font-weight:bold}h3,.heading-3{font-size:25px;line-height:32px;font-weight:bold}h4,.heading-4{font-size:20px;line-height:24px;font-weight:bold}h5,.heading-5{font-size:17px;line-height:24px;font-weight:bold}.space-above-0{margin-top:0}.space-above-1{margin-top:5px}.space-above-2{margin-top:10px}.space-above-3{margin-top:15px}.space-above-4{margin-top:30px}.space-above-5{margin-top:45px}.space-above-6{margin-top:60px}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.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-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.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;font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px}.container{max-width:1200px;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto;position:relative;text-align:center}.content-wrap .slug{margin:0;padding:0}.content-wrap h2{margin:0 0 5px 0;padding:0}.content-wrap .subtitle{margin:0 0 5px 0;padding:0}.content-wrap .teaser{margin:15px auto 15px auto;max-width:400px;padding:0}@media screen and (max-width: 576px){.content-wrap{text-align:right}h2{padding:40px 0}}";
 const BiggiveCallToActionStyle0 = biggiveCallToActionCss;
 const BiggiveCallToAction$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveCallToAction extends HTMLElement {