npm - @biggive/components - Versions diffs - 1.0.96 → 1.0.97 - Mend

@biggive/components 1.0.96 → 1.0.97

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 (243) hide show

package/dist/collection/components/biggive-campaign-highlights/biggive-campaign-highlights.js CHANGED Viewed

@@ -1,57 +1,18 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveCampaignHighlights {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Full URL of a banner image.
-     */
     this.banner = '';
-    /**
-     * Display name of the charity's specific time-bound fundraising campaign.
-     */
     this.campaignTitle = null;
-    /**
-     * e.g. 'GBP'.
-     */
     this.currencyCode = 'GBP';
-    /**
-     * Label for the primary figure
-     */
     this.primaryFigureLabel = null;
-    /**
-     * Amount for the primary figure
-     */
     this.primaryFigureAmount = null;
-    /**
-     * Label for the secondary figure
-     */
     this.secondaryFigureLabel = null;
-    /**
-     * Amount for the secondary figure
-     */
     this.secondaryFigureAmount = null;
-    /**
-     * Progress bar percentage
-     */
     this.progressBarCounter = 100;
-    /**
-     * Primary stat icon
-     */
     this.primaryStatIcon = null;
-    /**
-     * Primary stat text
-     */
     this.primaryStatText = null;
-    /**
-     * Secondary stat icon
-     */
     this.secondaryStatIcon = null;
-    /**
-     * Secondary stat text
-     */
     this.secondaryStatText = null;
   }
   /**
@@ -69,271 +30,256 @@ export class BiggiveCampaignHighlights {
     }).format(amount);
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
-      h("div", { class: "sleeve" },
-        this.campaignTitle != null ? (h("div", { class: "campaign-title" },
-          h("span", null, this.campaignTitle))) : null,
-        this.banner.length > 0 ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } },
-          h("img", { src: this.banner, class: "banner" }))) : null,
-        h("div", { class: "meta-wrap" },
-          h("div", { class: "meta-item" },
-            h("span", { class: "label" }, this.primaryFigureLabel),
-            h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))),
-          h("div", { class: "meta-item" },
-            h("span", { class: "label" }, this.secondaryFigureLabel),
-            h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))),
-        h("div", { class: "progress-bar-wrap" },
-          h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })),
-        h("div", { class: "stat-wrap" },
-          this.primaryStatIcon != null ? (h("div", { class: "stat-item" },
-            h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }),
-            h("span", { class: "label" }, this.primaryStatText))) : null,
-          this.secondaryStatIcon != null ? (h("div", { class: "stat-item" },
-            h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }),
-            h("span", { class: "label" }, this.secondaryStatText))) : null))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, this.campaignTitle != null ? (h("div", { class: "campaign-title" }, h("span", null, this.campaignTitle))) : null, this.banner.length > 0 ? (h("div", { class: "image-wrap banner", style: { 'background-image': 'url(' + this.banner + ')' } }, h("img", { src: this.banner, class: "banner" }))) : null, h("div", { class: "meta-wrap" }, h("div", { class: "meta-item" }, h("span", { class: "label" }, this.primaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.primaryFigureAmount))), h("div", { class: "meta-item" }, h("span", { class: "label" }, this.secondaryFigureLabel), h("span", { class: "text" }, this.formatCurrency(this.currencyCode, this.secondaryFigureAmount)))), h("div", { class: "progress-bar-wrap" }, h("biggive-progress-bar", { counter: this.progressBarCounter, "colour-scheme": "primary" })), h("div", { class: "stat-wrap" }, this.primaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.primaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.primaryStatText))) : null, this.secondaryStatIcon != null ? (h("div", { class: "stat-item" }, h("biggive-misc-icon", { icon: this.secondaryStatIcon, "background-colour": "white", "icon-colour": "tertiary" }), h("span", { class: "label" }, this.secondaryStatText))) : null))));
   }
   static get is() { return "biggive-campaign-highlights"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-campaign-highlights.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-campaign-highlights.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"
-    },
-    "banner": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Full URL of a banner image."
-      },
-      "attribute": "banner",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "campaignTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Display name of the charity's specific time-bound fundraising campaign."
-      },
-      "attribute": "campaign-title",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "currencyCode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "e.g. 'GBP'."
-      },
-      "attribute": "currency-code",
-      "reflect": false,
-      "defaultValue": "'GBP'"
-    },
-    "primaryFigureLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the primary figure"
-      },
-      "attribute": "primary-figure-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "primaryFigureAmount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Amount for the primary figure"
-      },
-      "attribute": "primary-figure-amount",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryFigureLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label for the secondary figure"
-      },
-      "attribute": "secondary-figure-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryFigureAmount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-campaign-highlights.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-campaign-highlights.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": "Amount for the secondary figure"
+      "banner": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Full URL of a banner image."
+        },
+        "attribute": "banner",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "attribute": "secondary-figure-amount",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "progressBarCounter": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "campaignTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Display name of the charity's specific time-bound fundraising campaign."
+        },
+        "attribute": "campaign-title",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Progress bar percentage"
+      "currencyCode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "e.g. 'GBP'."
+        },
+        "attribute": "currency-code",
+        "reflect": false,
+        "defaultValue": "'GBP'"
       },
-      "attribute": "progress-bar-counter",
-      "reflect": false,
-      "defaultValue": "100"
-    },
-    "primaryStatIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "primaryFigureLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the primary figure"
+        },
+        "attribute": "primary-figure-label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Primary stat icon"
+      "primaryFigureAmount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Amount for the primary figure"
+        },
+        "attribute": "primary-figure-amount",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "primary-stat-icon",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "primaryStatText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "secondaryFigureLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label for the secondary figure"
+        },
+        "attribute": "secondary-figure-label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Primary stat text"
+      "secondaryFigureAmount": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Amount for the secondary figure"
+        },
+        "attribute": "secondary-figure-amount",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "primary-stat-text",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryStatIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "progressBarCounter": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Progress bar percentage"
+        },
+        "attribute": "progress-bar-counter",
+        "reflect": false,
+        "defaultValue": "100"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Secondary stat icon"
+      "primaryStatIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Primary stat icon"
+        },
+        "attribute": "primary-stat-icon",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "secondary-stat-icon",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "secondaryStatText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "primaryStatText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Primary stat text"
+        },
+        "attribute": "primary-stat-text",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Secondary stat text"
+      "secondaryStatIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Secondary stat icon"
+        },
+        "attribute": "secondary-stat-icon",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "attribute": "secondary-stat-text",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "secondaryStatText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Secondary stat text"
+        },
+        "attribute": "secondary-stat-text",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-category-icon/biggive-category-icon.css CHANGED Viewed

@@ -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;