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-beneficiary-icon/biggive-beneficiary-icon.js CHANGED Viewed

@@ -1,26 +1,11 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 import { FontAwesomeIconsService } from '../../util/fontawesome-icons';
 export class BiggiveBeneficiaryIcon {
   constructor() {
-    /**
-     * Background colour
-     */
     this.backgroundColour = 'primary';
-    /**
-     * Background colour
-     */
     this.iconColour = 'white';
-    /**
-     * Icon
-     */
     this.icon = 'Other';
-    /**
-     * Label
-     */
     this.label = null;
-    /**
-     * Url
-     */
     this.url = '#';
   }
   getBeneficiaryIcon() {
@@ -28,110 +13,111 @@ export class BiggiveBeneficiaryIcon {
     return icon;
   }
   render() {
-    return (h("div", { class: "container" },
-      h("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour },
-        h("a", { href: this.url },
-          h("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] },
-            h("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))),
-      h("div", { class: "label" }, this.label)));
+    return (h("div", { class: "container" }, h("div", { class: 'beneficiary-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url }, h("svg", { width: this.getBeneficiaryIcon().icon[0], height: this.getBeneficiaryIcon().icon[1], xmlns: "http://www.w3.org/2000/svg", class: 'fill-' + this.iconColour, viewBox: '0 0 ' + this.getBeneficiaryIcon().icon[0] + ' ' + this.getBeneficiaryIcon().icon[1] }, h("path", { d: this.getBeneficiaryIcon().icon[4].toString() })))), h("div", { class: "label" }, this.label)));
   }
   static get is() { return "biggive-beneficiary-icon"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-beneficiary-icon.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-beneficiary-icon.css"]
-  }; }
-  static get properties() { return {
-    "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"
-      },
-      "attribute": "icon-colour",
-      "reflect": false,
-      "defaultValue": "'white'"
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Icon"
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "'Other'"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-beneficiary-icon.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-beneficiary-icon.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "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": "Label"
+      "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": "label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "url": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "icon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon"
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "'Other'"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Url"
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label"
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "null"
       },
-      "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-boxed-content/biggive-boxed-content.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;

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

@@ -1,25 +1,10 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveBoxedContent {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Vertical padding
-     */
     this.verticalPadding = 3;
-    /**
-     * Horizontal padding
-     */
     this.horizontalPadding = 3;
-    /**
-     * Background colour
-     */
     this.backgroundColour = 'white';
-    /**
-     * Shadow
-     */
     this.shadow = true;
   }
   render() {
@@ -32,107 +17,112 @@ export class BiggiveBoxedContent {
         ' vertical-padding-' +
         this.verticalPadding +
         ' shadow-' +
-        this.shadow },
-      h("slot", null)));
+        this.shadow }, h("slot", null)));
   }
   static get is() { return "biggive-boxed-content"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-boxed-content.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-boxed-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"
-    },
-    "verticalPadding": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Vertical padding"
-      },
-      "attribute": "vertical-padding",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "horizontalPadding": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Horizontal padding"
-      },
-      "attribute": "horizontal-padding",
-      "reflect": false,
-      "defaultValue": "3"
-    },
-    "backgroundColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-boxed-content.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-boxed-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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Background colour"
+      "verticalPadding": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Vertical padding"
+        },
+        "attribute": "vertical-padding",
+        "reflect": false,
+        "defaultValue": "3"
       },
-      "attribute": "background-colour",
-      "reflect": false,
-      "defaultValue": "'white'"
-    },
-    "shadow": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "horizontalPadding": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Horizontal padding"
+        },
+        "attribute": "horizontal-padding",
+        "reflect": false,
+        "defaultValue": "3"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Shadow"
+      "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": "'white'"
       },
-      "attribute": "shadow",
-      "reflect": false,
-      "defaultValue": "true"
-    }
-  }; }
+      "shadow": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Shadow"
+        },
+        "attribute": "shadow",
+        "reflect": false,
+        "defaultValue": "true"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-branded-image/biggive-branded-image.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;