npm - @biggive/components - Versions diffs - 1.0.158 → 1.0.160 - Mend

@biggive/components 1.0.158 → 1.0.160

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

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-branded-image/biggive-branded-image.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-button/biggive-button.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -518,6 +523,9 @@ a:hover {
 .container a.full-width-true {
   display: block;
 }
+.container.centered-true {
+  text-align: center;
+}
 .container .msg-wrapper {
   display: flex;
   justify-content: center;

package/dist/collection/components/biggive-button/biggive-button.js CHANGED Viewed

@@ -8,15 +8,17 @@ export class BiggiveButton {
     this.colourScheme = 'primary';
     this.label = 'Click me';
     this.url = undefined;
+    this.openInNewTab = false;
     this.fullWidth = false;
     this.size = 'medium';
     this.rounded = false;
+    this.centered = false;
     this.isFutureCampaign = false;
     this.isPastCampaign = false;
     this.datetime = undefined;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("a", { href: this.url, class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label)))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow + ' centered-' + this.centered }, this.isFutureCampaign || this.isPastCampaign ? (h("div", { class: "msg-wrapper" }, h("biggive-misc-icon", { "background-colour": "white", "icon-colour": "black", icon: "Timer" }), this.isFutureCampaign ? h("p", null, "Launches ", this.datetime) : h("p", null, "Closed ", this.datetime))) : (h("a", { href: this.url, target: this.openInNewTab ? '_blank' : '_self', class: 'button button-' + this.colourScheme + ' full-width-' + this.fullWidth.toString() + ' size-' + this.size + ' rounded-' + this.rounded.toString() }, h("span", { onClick: this.handleButtonClick }, this.label)))));
   }
   static get is() { return "biggive-button"; }
   static get encapsulation() { return "shadow"; }
@@ -104,6 +106,24 @@ export class BiggiveButton {
         "reflect": false,
         "defaultValue": "undefined"
       },
+      "openInNewTab": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "New Tab"
+        },
+        "attribute": "open-in-new-tab",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "fullWidth": {
         "type": "boolean",
         "mutable": false,
@@ -158,6 +178,24 @@ export class BiggiveButton {
         "reflect": false,
         "defaultValue": "false"
       },
+      "centered": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Centered"
+        },
+        "attribute": "centered",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "isFutureCampaign": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/components/biggive-button/biggive-button.stories.js CHANGED Viewed

@@ -32,6 +32,9 @@ export default {
     url: {
       name: 'Url',
     },
+    openInNewTab: {
+      name: 'Open in new tab',
+    },
     fullWidth: {
       name: 'Full width',
     },
@@ -45,6 +48,9 @@ export default {
     rounded: {
       name: 'Rounded',
     },
+    centered: {
+      name: 'Centered',
+    },
   },
 };
 const Template = args => `
@@ -56,9 +62,11 @@ const Template = args => `
       datetime="${args.datetime}"
       label="${args.label}"
       url="${args.url}"
+      open-in-new-tab="${args.openInNewTab}"
       full-width=${args.fullWidth}
       size=${args.size}
       rounded=${args.rounded}
+      centered=${args.centered}
     </biggive-button>
     `;
 export const ButtonComponent = Template.bind({});
@@ -70,7 +78,9 @@ ButtonComponent.args = {
   datetime: '29/11/2022, 12:00',
   label: 'Donate now',
   url: 'http://www.google.com',
+  openInNewTab: false,
   fullWidth: false,
   size: 'medium',
   rounded: false,
+  centered: false,
 };

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-campaign-card/biggive-campaign-card.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js CHANGED Viewed

@@ -33,6 +33,12 @@ export class BiggiveCampaignCardFilterGrid {
       this.el.shadowRoot.getElementById('filter-popup').openFromOutside();
     };
     this.handleClearAll = () => {
+      this.searchText = null;
+      this.sortBy = null;
+      this.filterCategory = null;
+      this.filterBeneficiary = null;
+      this.filterLocation = null;
+      this.filterFunding = null;
       this.filtersApplied = false;
       this.doClearFilters.emit(true);
     };

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-footer/biggive-footer.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-form-field-select-option/biggive-form-field-select-option.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;