@biggive/components 1.0.95 → 1.0.97

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.js

@@ -1,92 +1,84 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveProgressBar {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Colour Scheme
-     */
     this.colourScheme = 'primary';
-    /**
-     * Text
-     */
     this.counter = 100;
   }
   getPercentage() {
     return Math.round(this.counter);
   }
   render() {
-    return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow },
-      h("div", { class: "slider" },
-        h("div", { class: "progress", style: { width: this.getPercentage() + '%' } })),
-      h("div", { class: "counter" },
-        this.getPercentage(),
-        "%")));
+    return (h("div", { class: 'progress-bar progress-bar-' + this.colourScheme + ' space-below-' + this.spaceBelow }, h("div", { class: "slider" }, h("div", { class: "progress", style: { width: this.getPercentage() + '%' } })), h("div", { class: "counter" }, this.getPercentage(), "%")));
   }
   static get is() { return "biggive-progress-bar"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-progress-bar.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-progress-bar.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "colourScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Colour Scheme"
-      },
-      "attribute": "colour-scheme",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "counter": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-progress-bar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-progress-bar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text"
+      "colourScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Colour Scheme"
+        },
+        "attribute": "colour-scheme",
+        "reflect": false,
+        "defaultValue": "'primary'"
       },
-      "attribute": "counter",
-      "reflect": false,
-      "defaultValue": "100"
-    }
-  }; }
+      "counter": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text"
+        },
+        "attribute": "counter",
+        "reflect": false,
+        "defaultValue": "100"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-quote/biggive-quote.css

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a:hover {
   background-color: #FFFFFF;
 }
 
+.button-white {
+  color: #2C089B;
+  background-color: #FFFFFF;
+  border-color: #FFFFFF;
+}
+.button-white:hover {
+  color: #FFFFFF;
+  background-color: #2C089B;
+}
+
+.button-black {
+  color: #FFFFFF;
+  background-color: #000000;
+  border-color: #000000;
+}
+.button-black:hover {
+  color: #000000;
+  background-color: #FFFFFF;
+}
+
 .button-clear-primary {
   color: #2C089B;
   background-color: transparent;

package/dist/collection/components/biggive-quote/biggive-quote.js

@@ -1,108 +1,100 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveQuote {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Default text colour
-     */
     this.defaultTextColour = 'black';
-    /**
-     * Quote text
-     */
     this.quote = '';
-    /**
-     * Attribution text
-     */
     this.attribution = '';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow },
-      h("div", { class: "quote" }, this.quote),
-      h("div", { class: "attribution" }, this.attribution)));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "quote" }, this.quote), h("div", { class: "attribution" }, this.attribution)));
   }
   static get is() { return "biggive-quote"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-quote.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-quote.css"]
-  }; }
-  static get properties() { return {
-    "spaceBelow": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space below component"
-      },
-      "attribute": "space-below",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "defaultTextColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Default text colour"
-      },
-      "attribute": "default-text-colour",
-      "reflect": false,
-      "defaultValue": "'black'"
-    },
-    "quote": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Quote text"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-quote.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-quote.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceBelow": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space below component"
+        },
+        "attribute": "space-below",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "quote",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "attribution": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "defaultTextColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default text colour"
+        },
+        "attribute": "default-text-colour",
+        "reflect": false,
+        "defaultValue": "'black'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Attribution text"
+      "quote": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Quote text"
+        },
+        "attribute": "quote",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "attribution",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
+      "attribution": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Attribution text"
+        },
+        "attribute": "attribution",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-search/biggive-search.css

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a:hover {
   background-color: #FFFFFF;
 }
 
+.button-white {
+  color: #2C089B;
+  background-color: #FFFFFF;
+  border-color: #FFFFFF;
+}
+.button-white:hover {
+  color: #FFFFFF;
+  background-color: #2C089B;
+}
+
+.button-black {
+  color: #FFFFFF;
+  background-color: #000000;
+  border-color: #000000;
+}
+.button-black:hover {
+  color: #000000;
+  background-color: #FFFFFF;
+}
+
 .button-clear-primary {
   color: #2C089B;
   background-color: transparent;

package/dist/collection/components/biggive-search/biggive-search.js

@@ -1,11 +1,13 @@
-import { Component, h, Prop, State, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 import { faMagnifyingGlass, faX } from '@fortawesome/pro-solid-svg-icons';
 export class BigGiveSearch {
   constructor() {
-    this.searchText = null;
     this.clearSearchText = () => {
       this.searchText = '';
     };
+    this.searchText = null;
+    this.placeholderText = undefined;
+    this.buttonText = undefined;
   }
   handleSearchTextChanged(event) {
     this.searchText = event.target.value;
@@ -19,81 +21,79 @@ export class BigGiveSearch {
     }
   }
   render() {
-    return (h("div", { class: "padding-enclosure" },
-      h("div", { class: "outer-container" },
-        h("div", { class: "triangle triangle-before" }),
-        h("div", { class: "inner-container" },
-          h("h2", null, "Find a charity or project"),
-          h("div", { class: "search-box" },
-            h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" },
-              h("path", { d: faMagnifyingGlass.icon[4].toString() })),
-            h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) }),
-            h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: () => this.clearSearchText() },
-              h("path", { d: faX.icon[4].toString() }))),
-          h("button", { onClick: () => this.handleSearchButtonPressed() }, this.buttonText)),
-        h("div", { class: "triangle triangle-after" }))));
+    return (h("div", { class: "padding-enclosure" }, h("div", { class: "outer-container" }, h("div", { class: "triangle triangle-before" }), h("div", { class: "inner-container" }, h("h2", null, "Find a charity or project"), h("div", { class: "search-box" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) }), h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", id: "x-icon", viewBox: "0 0 512 512", onClick: () => this.clearSearchText() }, h("path", { d: faX.icon[4].toString() }))), h("button", { onClick: () => this.handleSearchButtonPressed() }, this.buttonText)), h("div", { class: "triangle triangle-after" }))));
   }
   static get is() { return "biggive-search"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-search.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-search.css"]
-  }; }
-  static get properties() { return {
-    "placeholderText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the text displayed as the placeholder in the input field\nbefore the user types anything"
-      },
-      "attribute": "placeholder-text",
-      "reflect": false
-    },
-    "buttonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Defines the text on the search button"
-      },
-      "attribute": "button-text",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "searchText": {}
-  }; }
-  static get events() { return [{
-      "method": "doSearch",
-      "name": "doSearch",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "This event `doSearch` event is emitted and propogates to the parent\ncomponent which handles it"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-search.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-search.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "placeholderText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the text displayed as the placeholder in the input field\nbefore the user types anything"
+        },
+        "attribute": "placeholder-text",
+        "reflect": false
       },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "buttonText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Defines the text on the search button"
+        },
+        "attribute": "button-text",
+        "reflect": false
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "searchText": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "doSearch",
+        "name": "doSearch",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "This event `doSearch` event is emitted and propogates to the parent\ncomponent which handles it"
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
 }

package/dist/collection/components/biggive-social-icon/biggive-social-icon.css

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
 
+.fill-red {
+  fill: red;
+}
+
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,6 +218,26 @@ a:hover {
   background-color: #FFFFFF;
 }
 
+.button-white {
+  color: #2C089B;
+  background-color: #FFFFFF;
+  border-color: #FFFFFF;
+}
+.button-white:hover {
+  color: #FFFFFF;
+  background-color: #2C089B;
+}
+
+.button-black {
+  color: #FFFFFF;
+  background-color: #000000;
+  border-color: #000000;
+}
+.button-black:hover {
+  color: #000000;
+  background-color: #FFFFFF;
+}
+
 .button-clear-primary {
   color: #2C089B;
   background-color: transparent;