@biggive/components 1.0.96 → 1.0.97

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

@@ -1,22 +1,10 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { FontAwesomeIconsService } from '../../util/fontawesome-icons';
 export class BiggiveSocialIcon {
   constructor() {
-    /**
-     * service
-     */
     this.service = 'Twitter';
-    /**
-     * Background colour
-     */
     this.backgroundColour = 'primary';
-    /**
-     * Background colour
-     */
     this.iconColour = 'white';
-    /**
-     * Url
-     */
     this.url = '#';
   }
   getSocialIcon() {
@@ -24,90 +12,93 @@ export class BiggiveSocialIcon {
     return icon;
   }
   render() {
-    return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour },
-      h("a", { href: this.url },
-        h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] },
-          h("path", { d: this.getSocialIcon().icon[4].toString() })))));
+    return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url }, h("svg", { width: this.getSocialIcon().icon[0], height: this.getSocialIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getSocialIcon().icon[0] + ' ' + this.getSocialIcon().icon[1] }, h("path", { d: this.getSocialIcon().icon[4].toString() })))));
   }
   static get is() { return "biggive-social-icon"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-social-icon.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-social-icon.css"]
-  }; }
-  static get properties() { return {
-    "service": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "service"
-      },
-      "attribute": "service",
-      "reflect": false,
-      "defaultValue": "'Twitter'"
-    },
-    "backgroundColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Background colour"
-      },
-      "attribute": "background-colour",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "iconColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Background colour"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-social-icon.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-social-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "service": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "service"
+        },
+        "attribute": "service",
+        "reflect": false,
+        "defaultValue": "'Twitter'"
       },
-      "attribute": "icon-colour",
-      "reflect": false,
-      "defaultValue": "'white'"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "backgroundColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Background colour"
+        },
+        "attribute": "background-colour",
+        "reflect": false,
+        "defaultValue": "'primary'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Url"
+      "iconColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Background colour"
+        },
+        "attribute": "icon-colour",
+        "reflect": false,
+        "defaultValue": "'white'"
       },
-      "attribute": "url",
-      "reflect": false,
-      "defaultValue": "'#'"
-    }
-  }; }
+      "url": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Url"
+        },
+        "attribute": "url",
+        "reflect": false,
+        "defaultValue": "'#'"
+      }
+    };
+  }
 }

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

@@ -218,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-tab/biggive-tab.js

@@ -1,43 +1,43 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveTab {
   constructor() {
-    /**
-     * Title
-     */
     this.tabTitle = '';
   }
   render() {
-    return (h("div", { class: "container" },
-      h("div", { class: "title" }, this.tabTitle),
-      h("div", { class: "content" },
-        h("slot", null))));
+    return (h("div", { class: "container" }, h("div", { class: "title" }, this.tabTitle), h("div", { class: "content" }, h("slot", null))));
   }
   static get is() { return "biggive-tab"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-tab.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-tab.css"]
-  }; }
-  static get properties() { return {
-    "tabTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Title"
-      },
-      "attribute": "tab-title",
-      "reflect": false,
-      "defaultValue": "''"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-tab.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-tab.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "tabTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Title"
+        },
+        "attribute": "tab-title",
+        "reflect": false,
+        "defaultValue": "''"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-tabbed-content/biggive-tabbed-content.css

@@ -218,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-tabbed-content/biggive-tabbed-content.js

@@ -1,63 +1,62 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveTabbedContent {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Default text colour
-     */
     this.defaultTextColour = 'black';
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' default-text-colour-' + this.defaultTextColour },
-      h("slot", null)));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' default-text-colour-' + this.defaultTextColour }, h("slot", null)));
   }
   static get is() { return "biggive-tabbed-content"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-tabbed-content.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-tabbed-content.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"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-tabbed-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-tabbed-content.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": "default-text-colour",
-      "reflect": false,
-      "defaultValue": "'black'"
-    }
-  }; }
+      "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'"
+      }
+    };
+  }
 }

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

@@ -218,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;
@@ -504,13 +524,21 @@ a:hover {
   font-size: 24px;
   line-height: 30px;
   font-weight: 600;
+  max-width: 33.3%;
 }
 .container .total-matched-funds-wrap {
   text-align: right;
-  padding: 10px 30px;
+  padding: 10px 30px 10px 50%;
   font-size: 13px;
   line-height: 17px;
 }
 .container .total-matched-funds-wrap .currency {
   font-weight: bold;
+}
+
+@media screen and (max-width: 576px) {
+  .container .total-raised-wrap {
+    font-size: 17px;
+    line-height: 24px;
+  }
 }