@biggive/components 0.0.2 → 0.0.3

package/dist/biggive/assets/fonts/EuclidTriangle/stylesheet.css

@@ -0,0 +1,89 @@
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold Italic'), local('EuclidTriangle-SemiBoldItalic'),
+        url('EuclidTriangle-SemiBoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBoldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold'), local('EuclidTriangle-Bold'),
+        url('EuclidTriangle-Bold.woff2') format('woff2'),
+        url('EuclidTriangle-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium Italic'), local('EuclidTriangle-MediumItalic'),
+        url('EuclidTriangle-MediumItalic.woff2') format('woff2'),
+        url('EuclidTriangle-MediumItalic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light'), local('EuclidTriangle-Light'),
+        url('EuclidTriangle-Light.woff2') format('woff2'),
+        url('EuclidTriangle-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Regular'), local('EuclidTriangle-Regular'),
+        url('EuclidTriangle-Regular.woff2') format('woff2'),
+        url('EuclidTriangle-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light Italic'), local('EuclidTriangle-LightItalic'),
+        url('EuclidTriangle-LightItalic.woff2') format('woff2'),
+        url('EuclidTriangle-LightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium'), local('EuclidTriangle-Medium'),
+        url('EuclidTriangle-Medium.woff2') format('woff2'),
+        url('EuclidTriangle-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Italic'), local('EuclidTriangle-Italic'),
+        url('EuclidTriangle-Italic.woff2') format('woff2'),
+        url('EuclidTriangle-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold Italic'), local('EuclidTriangle-BoldItalic'),
+        url('EuclidTriangle-BoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold'), local('EuclidTriangle-SemiBold'),
+        url('EuclidTriangle-SemiBold.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}

package/dist/biggive/biggive.esm.js

@@ -1 +1 @@
-import{p as a,b as i}from"./p-d50699e8.js";(()=>{const i=import.meta.url,n={};return""!==i&&(n.resourcesUrl=new URL(".",i).href),a(n)})().then((a=>i([["p-7274e6de",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{banner:[1],daysRemaining:[2,"days-remaining"],target:[2],organisationName:[1,"organisation-name"],campaignTitle:[1,"campaign-title"],campaignType:[1,"campaign-type"],beneficiaries:[1],categories:[1],matchFundsRemaining:[2,"match-funds-remaining"],totalFundsRaised:[2,"total-funds-raised"],callToActionUrl:[1,"call-to-action-url"],callToActionLabel:[1,"call-to-action-label"]}],[1,"biggive-grid"]]]],a)));
+import{p as a,b as i}from"./p-d50699e8.js";(()=>{const i=import.meta.url,n={};return""!==i&&(n.resourcesUrl=new URL(".",i).href),a(n)})().then((a=>i([["p-b8f16d7d",[[1,"demo-campaign-cards"],[1,"biggive-campaign-card",{banner:[1],daysRemaining:[2,"days-remaining"],target:[2],organisationName:[1,"organisation-name"],campaignTitle:[1,"campaign-title"],campaignType:[1,"campaign-type"],beneficiaries:[1],categories:[1],matchFundsRemaining:[2,"match-funds-remaining"],totalFundsRaised:[2,"total-funds-raised"],callToActionUrl:[1,"call-to-action-url"],callToActionLabel:[1,"call-to-action-label"]}],[1,"biggive-grid"]]]],a)));

package/dist/biggive/{p-7274e6de.entry.js → p-b8f16d7d.entry.js}

@@ -8,4 +8,4 @@ import{r as e,h as c}from"./p-d50699e8.js";
  * Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2022 Fonticons, Inc.
- */class F{static getBeneficiaries(){return[{name:"Children (3-18)",icon:l},{name:"General Public/Humankind",icon:w},{name:"Infants (<2)",icon:i},{name:"LGBTQAI",icon:u},{name:"Minority Groups",icon:S},{name:"Older People",icon:z},{name:"People With Disabilities",icon:a},{name:"Refugees/Asylum Seekers",icon:n},{name:"Women & Girls",icon:V},{name:"Young People (18-30)",icon:y},{name:"Other",icon:b}]}static getCategories(){return[{name:"Animals",icon:g},{name:"Armed Forces/Emergency Services",icon:m},{name:"Arts/Culture/Heritage",icon:p},{name:"Cancer",icon:L},{name:"Community Support & Development",icon:x},{name:"Disaster Relief",icon:d},{name:"Education/Training/Employment",icon:t},{name:"Environment/Conservation",icon:H},{name:"Health/Wellbeing",icon:r},{name:"Homeless/Refuge",icon:k},{name:"Hospitals/Hospices",icon:C},{name:"Human Rights/Advocacy",icon:v},{name:"Information/Advice",icon:s},{name:"Medical Research",icon:h},{name:"Mental Health",icon:N},{name:"Poverty Alleviation/Relief",icon:f},{name:"Religious",icon:M},{name:"Sports/Recreation",icon:o},{name:"Other",icon:b}]}static getBeneficiaryIcon(e){return F.getBeneficiaries().filter((c=>c.name===e))[0].icon||b}static getCategoryIcon(e){var c;return(null===(c=F.getCategories().filter((c=>c.name===e))[0])||void 0===c?void 0:c.icon)||b}}const A=class{constructor(c){e(this,c),this.banner="",this.daysRemaining=null,this.target=null,this.organisationName=null,this.campaignTitle=null,this.campaignType=null,this.beneficiaries="",this.categories="",this.matchFundsRemaining=null,this.totalFundsRaised=null,this.callToActionUrl=null,this.callToActionLabel=null}getBeneficiaryIcons(){return this.beneficiaries.length>0?this.beneficiaries.split("|").map((e=>F.getBeneficiaryIcon(e))):[]}getCategoryIcons(){return this.categories.length>0?this.categories.split("|").map((e=>F.getCategoryIcon(e))):[]}formatCurrency(e){return isNaN(e)?e:parseInt(e).toLocaleString()}render(){return c("div",{class:"container"},c("div",{class:"sleeve"},c("div",{class:"campaign-type"},c("span",null,this.campaignType)),this.banner.length>0?c("div",{class:"image-wrap banner",style:{"background-image":"url("+this.banner+")"}},c("img",{src:this.banner,class:"banner"})):null,c("div",{class:"content"},c("div",{class:"meta-wrap style-1"},c("div",{class:"meta-item"},c("span",{class:"label"},"Days Remaining:")," ",c("span",{class:"text"},this.daysRemaining)),c("div",{class:"meta-item"},c("span",{class:"label"},"Target:")," ",c("span",{class:"text"},"£",this.formatCurrency(this.target)))),c("header",null,c("div",{class:"slug"},this.organisationName),c("h3",null,this.campaignTitle)),c("div",{class:"meta-wrap style-2"},c("div",{class:"meta-item"},c("span",{class:"label"},"Categories"),c("span",{class:"text"},this.getCategoryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()})))))),c("div",{class:"meta-item"},c("span",{class:"label"},"Helping"),c("span",{class:"text"},this.getBeneficiaryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()}))))))),c("div",{class:"meta-wrap style-3"},c("div",{class:"meta-item"},c("span",{class:"label"},"Match",c("br",null),"Funds Remaining"),c("span",{class:"text"},"£",this.formatCurrency(this.matchFundsRemaining))),c("div",{class:"meta-item"},c("span",{class:"label"},"Total",c("br",null),"Funds Received"),c("span",{class:"text"},"£",this.formatCurrency(this.totalFundsRaised)))),c("div",{class:"button-wrap"},c("a",{href:this.callToActionUrl,class:"call-to-action"},this.callToActionLabel)))))}};A.style=":host{display:block;margin-bottom:30px}:host([column='1-5']){width:100%}:host([column='1-2']){width:calc(50% - (30px / 2))}:host([column='1-3']){width:calc(33.3% - (60px / 3))}:host([column='1-4']){width:calc(25% - (90px / 4))}:host([column='1-5']){width:calc(20% - (120px / 5))}.container{font-family:'Euclid Triangle', sans-serif;filter:drop-shadow(-1px 6px 3px rgba(0,0,0,0.25))}.sleeve{clip-path:polygon(\n      0% 0%,     \n      0% 0%,     \n      100% 0%,    \n      100% 0%,   \n      100% 100%,  \n      100% 100%,  \n      10% 100%,   \n      0 90%      \n    )}.content{padding:15px;background-color:#FFFFFF}.campaign-type{margin-left:15px;width:0;height:0;border-style:inset;border-width:86.6px 50px 0 50px;border-color:#2AF135 transparent transparent transparent;float:left;transform:rotate(360deg)}.campaign-type span{display:block;text-align:center;top:-75px;left:-25px;position:relative;width:46.5px;height:46.5px;margin:0;color:#2C089B;font-size:12px}.banner{padding-bottom:30%;background-repeat:no-repeat;background-position:center center;background-size:cover}.banner img{display:none}.meta-wrap.style-1{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-1 .meta-item{width:50%}.meta-wrap.style-1 .meta-item .label{font-weight:bold}.meta-wrap.style-1 .meta-item .text{color:#2C089B}header{margin-bottom:20px}header .slug{text-transform:uppercase;font-size:12px;line-height:14px}header h3{margin:0;padding:0;font-size:24px;line-height:28px}.meta-wrap.style-2{display:flex;font-size:12px;line-height:14px;margin-bottom:40px}.meta-wrap.style-2 .meta-item{width:50%}.meta-wrap.style-2 .meta-item .label{font-weight:bold;display:block;margin-bottom:10px}.meta-wrap.style-2 .meta-item .text{display:block;font-size:16px;line-height:18px}.meta-wrap.style-2 .meta-item .text i{margin-right:10px}.meta-wrap.style-3{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-3 .meta-item{margin-right:60px}.meta-wrap.style-3 .meta-item .label{font-weight:bold;display:block;font-size:12px;line-height:14px;margin-bottom:10px}.meta-wrap.style-3 .meta-item .text{display:block;font-size:36px;line-height:40px;font-weight:bold}.meta-wrap.style-3 .meta-item:last-child .text{color:#2C089B}.button-wrap{text-align:right}.button-wrap a{display:inline-block;padding:15px 30px;color:#FFFFFF;background-color:#2C089B;cursor:pointer;text-transform:uppercase;font-size:12px;text-decoration:none}.icon{height:1rem;width:2rem;vertical-align:-.125rem}";const R=class{constructor(c){e(this,c)}render(){return c("div",{class:"grid"},c("slot",null))}};R.style=":host{display:block}.grid{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between}";const B=class{constructor(c){e(this,c)}render(){return c("biggive-grid",null,[...Array(12)].map((()=>c("biggive-campaign-card",{banner:"/assets/img/banner.png","days-remaining":50,target:5e4,"organisation-name":"Ardent Theatre Company","campaign-type":"Match Funded","campaign-title":"Strike! A play by Tracy Ryan",categories:"Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing",beneficiaries:"General Public/Humankind","match-funds-remaining":17424,"total-funds-raised":15424,"call-to-action-url":"#","call-to-action-label":"Donate"}))))}};B.style=":host{display:block}";export{A as biggive_campaign_card,R as biggive_grid,B as demo_campaign_cards}
+ */class F{static getBeneficiaries(){return[{name:"Children (3-18)",icon:l},{name:"General Public/Humankind",icon:w},{name:"Infants (<2)",icon:i},{name:"LGBTQAI",icon:u},{name:"Minority Groups",icon:S},{name:"Older People",icon:z},{name:"People With Disabilities",icon:a},{name:"Refugees/Asylum Seekers",icon:n},{name:"Women & Girls",icon:V},{name:"Young People (18-30)",icon:y},{name:"Other",icon:b}]}static getCategories(){return[{name:"Animals",icon:g},{name:"Armed Forces/Emergency Services",icon:m},{name:"Arts/Culture/Heritage",icon:p},{name:"Cancer",icon:L},{name:"Community Support & Development",icon:x},{name:"Disaster Relief",icon:d},{name:"Education/Training/Employment",icon:t},{name:"Environment/Conservation",icon:H},{name:"Health/Wellbeing",icon:r},{name:"Homeless/Refuge",icon:k},{name:"Hospitals/Hospices",icon:C},{name:"Human Rights/Advocacy",icon:v},{name:"Information/Advice",icon:s},{name:"Medical Research",icon:h},{name:"Mental Health",icon:N},{name:"Poverty Alleviation/Relief",icon:f},{name:"Religious",icon:M},{name:"Sports/Recreation",icon:o},{name:"Other",icon:b}]}static getBeneficiaryIcon(e){return F.getBeneficiaries().filter((c=>c.name===e))[0].icon||b}static getCategoryIcon(e){var c;return(null===(c=F.getCategories().filter((c=>c.name===e))[0])||void 0===c?void 0:c.icon)||b}}const A=class{constructor(c){e(this,c),this.banner="",this.daysRemaining=null,this.target=null,this.organisationName=null,this.campaignTitle=null,this.campaignType=null,this.beneficiaries="",this.categories="",this.matchFundsRemaining=null,this.totalFundsRaised=null,this.callToActionUrl=null,this.callToActionLabel=null}getBeneficiaryIcons(){return this.beneficiaries.length>0?this.beneficiaries.split("|").map((e=>F.getBeneficiaryIcon(e))):[]}getCategoryIcons(){return this.categories.length>0?this.categories.split("|").map((e=>F.getCategoryIcon(e))):[]}formatCurrency(e){return isNaN(e)?e:parseInt(e).toLocaleString()}render(){return c("div",{class:"container"},c("div",{class:"sleeve"},c("div",{class:"campaign-type"},c("span",null,this.campaignType)),this.banner.length>0?c("div",{class:"image-wrap banner",style:{"background-image":"url("+this.banner+")"}},c("img",{src:this.banner,class:"banner"})):null,c("div",{class:"content"},c("div",{class:"meta-wrap style-1"},c("div",{class:"meta-item"},c("span",{class:"label"},"Days Remaining:")," ",c("span",{class:"text"},this.daysRemaining)),c("div",{class:"meta-item"},c("span",{class:"label"},"Target:")," ",c("span",{class:"text"},"£",this.formatCurrency(this.target)))),c("header",null,c("div",{class:"slug"},this.organisationName),c("h3",null,this.campaignTitle)),c("div",{class:"meta-wrap style-2"},c("div",{class:"meta-item"},c("span",{class:"label"},"Categories"),c("span",{class:"text"},this.getCategoryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()})))))),c("div",{class:"meta-item"},c("span",{class:"label"},"Helping"),c("span",{class:"text"},this.getBeneficiaryIcons().map((e=>c("svg",{width:"512",height:"512",xmlns:"http://www.w3.org/2000/svg",class:"icon",viewBox:"0 0 512 512"},c("path",{d:e.icon[4].toString()}))))))),c("div",{class:"meta-wrap style-3"},c("div",{class:"meta-item"},c("span",{class:"label"},"Match",c("br",null),"Funds Remaining"),c("span",{class:"text"},"£",this.formatCurrency(this.matchFundsRemaining))),c("div",{class:"meta-item"},c("span",{class:"label"},"Total",c("br",null),"Funds Received"),c("span",{class:"text"},"£",this.formatCurrency(this.totalFundsRaised)))),c("div",{class:"button-wrap"},c("a",{href:this.callToActionUrl,class:"call-to-action"},this.callToActionLabel)))))}};A.style=":host{display:block;margin-bottom:30px}:host([column='1-5']){width:100%}:host([column='1-2']){width:calc(50% - (30px / 2))}:host([column='1-3']){width:calc(33.3% - (60px / 3))}:host([column='1-4']){width:calc(25% - (90px / 4))}:host([column='1-5']){width:calc(20% - (120px / 5))}.container{font-family:'Euclid Triangle', sans-serif;filter:drop-shadow(-1px 6px 3px rgba(0,0,0,0.25))}.sleeve{clip-path:polygon(\n      0% 0%,     \n      0% 0%,     \n      100% 0%,    \n      100% 0%,   \n      100% 100%,  \n      100% 100%,  \n      10% 100%,   \n      0 90%      \n    )}.content{padding:15px;background-color:#FFFFFF}.campaign-type{margin-left:15px;width:0;height:0;border-style:inset;border-width:86.6px 50px 0 50px;border-color:#2AF135 transparent transparent transparent;float:left;transform:rotate(360deg)}.campaign-type span{display:block;text-align:center;top:-75px;left:-25px;position:relative;width:46.5px;height:46.5px;margin:0;color:#2C089B;font-size:12px}.banner{padding-bottom:30%;background-repeat:no-repeat;background-position:center center;background-size:cover}.banner img{display:none}.meta-wrap.style-1{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-1 .meta-item{width:50%}.meta-wrap.style-1 .meta-item .label{font-weight:bold}.meta-wrap.style-1 .meta-item .text{color:#2C089B}header{margin-bottom:20px}header .slug{text-transform:uppercase;font-size:12px;line-height:14px}header h3{margin:0;padding:0;font-size:24px;line-height:28px}.meta-wrap.style-2{display:flex;font-size:12px;line-height:14px;margin-bottom:40px}.meta-wrap.style-2 .meta-item{width:50%}.meta-wrap.style-2 .meta-item .label{font-weight:bold;display:block;margin-bottom:10px}.meta-wrap.style-2 .meta-item .text{display:block;font-size:16px;line-height:18px}.meta-wrap.style-2 .meta-item .text i{margin-right:10px}.meta-wrap.style-3{display:flex;font-size:16px;line-height:20px;margin-bottom:20px}.meta-wrap.style-3 .meta-item{margin-right:60px}.meta-wrap.style-3 .meta-item .label{font-weight:bold;display:block;font-size:12px;line-height:14px;margin-bottom:10px}.meta-wrap.style-3 .meta-item .text{display:block;font-size:36px;line-height:40px;font-weight:bold}.meta-wrap.style-3 .meta-item:last-child .text{color:#2C089B}.button-wrap{text-align:right}.button-wrap a{display:inline-block;padding:15px 30px;color:#FFFFFF;background-color:#2C089B;cursor:pointer;text-transform:uppercase;font-size:12px;text-decoration:none}.icon{height:1rem;width:2rem;vertical-align:-.125rem}";const R=class{constructor(c){e(this,c)}render(){return c("div",{class:"grid"},c("slot",null))}};R.style=":host{display:block}.grid{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-webkit-justify-content:space-between;justify-content:space-between}";const B=class{constructor(c){e(this,c)}render(){return c("biggive-grid",null,[...Array(12)].map((()=>c("biggive-campaign-card",{banner:"./assets/img/banner.png","days-remaining":50,target:5e4,"organisation-name":"Ardent Theatre Company","campaign-type":"Match Funded","campaign-title":"Strike! A play by Tracy Ryan",categories:"Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing",beneficiaries:"General Public/Humankind","match-funds-remaining":17424,"total-funds-raised":15424,"call-to-action-url":"#","call-to-action-label":"Donate"}))))}};B.style=":host{display:block}";export{A as biggive_campaign_card,R as biggive_grid,B as demo_campaign_cards}

package/dist/cjs/biggive-campaign-card_3.cjs.entry.js

@@ -416,7 +416,7 @@ const DemoCampaignCards = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("biggive-grid", null, [...Array(12)].map(() => (index.h("biggive-campaign-card", { banner: "/assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (index.h("biggive-grid", null, [...Array(12)].map(() => (index.h("biggive-campaign-card", { banner: "./assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
 };
 DemoCampaignCards.style = demoCampaignCardsCss;

package/dist/collection/assets/fonts/EuclidTriangle/stylesheet.css

@@ -0,0 +1,89 @@
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold Italic'), local('EuclidTriangle-SemiBoldItalic'),
+        url('EuclidTriangle-SemiBoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBoldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold'), local('EuclidTriangle-Bold'),
+        url('EuclidTriangle-Bold.woff2') format('woff2'),
+        url('EuclidTriangle-Bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium Italic'), local('EuclidTriangle-MediumItalic'),
+        url('EuclidTriangle-MediumItalic.woff2') format('woff2'),
+        url('EuclidTriangle-MediumItalic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light'), local('EuclidTriangle-Light'),
+        url('EuclidTriangle-Light.woff2') format('woff2'),
+        url('EuclidTriangle-Light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Regular'), local('EuclidTriangle-Regular'),
+        url('EuclidTriangle-Regular.woff2') format('woff2'),
+        url('EuclidTriangle-Regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Light Italic'), local('EuclidTriangle-LightItalic'),
+        url('EuclidTriangle-LightItalic.woff2') format('woff2'),
+        url('EuclidTriangle-LightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Medium'), local('EuclidTriangle-Medium'),
+        url('EuclidTriangle-Medium.woff2') format('woff2'),
+        url('EuclidTriangle-Medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Italic'), local('EuclidTriangle-Italic'),
+        url('EuclidTriangle-Italic.woff2') format('woff2'),
+        url('EuclidTriangle-Italic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle Bold Italic'), local('EuclidTriangle-BoldItalic'),
+        url('EuclidTriangle-BoldItalic.woff2') format('woff2'),
+        url('EuclidTriangle-BoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Euclid Triangle';
+    src: local('Euclid Triangle SemiBold'), local('EuclidTriangle-SemiBold'),
+        url('EuclidTriangle-SemiBold.woff2') format('woff2'),
+        url('EuclidTriangle-SemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}

package/dist/collection/components/demo-campaign-cards/demo-campaign-cards.js

@@ -1,7 +1,7 @@
 import { Component, h } from '@stencil/core';
 export class DemoCampaignCards {
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "/assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "./assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
   static get is() { return "demo-campaign-cards"; }
   static get encapsulation() { return "shadow"; }

package/dist/components/demo-campaign-cards.js

@@ -11,7 +11,7 @@ const DemoCampaignCards$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.__attachShadow();
   }
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "/assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "./assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
   static get style() { return demoCampaignCardsCss; }
 }, [1, "demo-campaign-cards"]);

package/dist/esm/biggive-campaign-card_3.entry.js

@@ -412,7 +412,7 @@ const DemoCampaignCards = class {
     registerInstance(this, hostRef);
   }
   render() {
-    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "/assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
+    return (h("biggive-grid", null, [...Array(12)].map(() => (h("biggive-campaign-card", { banner: "./assets/img/banner.png", "days-remaining": 50, target: 50000, "organisation-name": "Ardent Theatre Company", "campaign-type": "Match Funded", "campaign-title": "Strike! A play by Tracy Ryan", categories: "Arts/Culture/Heritage|Environment/Conservation|Health/Wellbeing", beneficiaries: "General Public/Humankind", "match-funds-remaining": 17424, "total-funds-raised": 15424, "call-to-action-url": "#", "call-to-action-label": "Donate" })))));
   }
 };
 DemoCampaignCards.style = demoCampaignCardsCss;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/readme.md

@@ -72,6 +72,8 @@ npm add_user
 
 Continuous Integration will automatically publish `main` to NPM, but you can also do it manually if necessary.
 
+(Once this repo gets closer to being stable, we can update the configuration to just publish new version tags.)
+
 ```bash
 npm publish --access=public
 ```
@@ -103,7 +105,7 @@ These can be added to an HTML page with the following code:
   <biggive-grid>
 
     <biggive-campaign-card
-      banner="/assets/img/banner.png"
+      banner="./assets/img/banner.png"
       days-remaining={50}
       target={50000}
       organisation-name="Ardent Theatre Company"