@biggive/components 1.0.163 → 1.0.166

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

@@ -2,11 +2,6 @@ import { h } from '@stencil/core';
 import { faFilterSlash, faMagnifyingGlass } from '@fortawesome/pro-solid-svg-icons';
 export class BiggiveCampaignCardFilterGrid {
   constructor() {
-    this.sortBy = null;
-    this.filterCategory = null;
-    this.filterBeneficiary = null;
-    this.filterLocation = null;
-    this.filterFunding = null;
     this.sortByPlaceholderText = 'Sort by';
     this.handleApplyFilterButtonClick = () => {
       const searchAndFilterObj = this.getSearchAndFilterObject();
@@ -37,11 +32,6 @@ export class BiggiveCampaignCardFilterGrid {
       this.filtersApplied = false;
       // Clear all
       this.searchText = null;
-      this.sortBy = null;
-      this.filterCategory = null;
-      this.filterBeneficiary = null;
-      this.filterLocation = null;
-      this.filterFunding = null;
       this.selectedSortByOption = null;
       this.selectedFilterBeneficiary = null;
       this.selectedFilterCategory = null;
@@ -76,20 +66,20 @@ export class BiggiveCampaignCardFilterGrid {
   getSearchAndFilterObject() {
     const event = {
       searchText: this.searchText,
-      sortBy: this.sortBy,
-      filterCategory: this.filterCategory,
-      filterBeneficiary: this.filterBeneficiary,
-      filterFunding: this.filterFunding,
-      filterLocation: this.filterLocation,
+      sortBy: this.selectedSortByOption,
+      filterCategory: this.selectedFilterCategory,
+      filterBeneficiary: this.selectedFilterBeneficiary,
+      filterFunding: this.selectedFilterFunding,
+      filterLocation: this.selectedFilterLocation,
     };
     return event;
   }
   doOptionSelectCompletedHandler(event) {
-    this.sortBy = this.el.shadowRoot.getElementById('sort-by').selectedValue;
-    this.filterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
-    this.filterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
-    this.filterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
-    this.filterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
+    this.selectedSortByOption = this.el.shadowRoot.getElementById('sort-by').selectedValue;
+    this.selectedFilterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
+    this.selectedFilterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
+    this.selectedFilterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
+    this.selectedFilterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
     // If this method was trigerred by the selection of a 'Sort by' dropdown option, then
     // emit an event to search, but do NOT emit an event for example when filter options
     // are selected, until the 'Apply filters' button is pressed which is handled separately

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

@@ -114,7 +114,6 @@ const Template = args => `
       </biggive-campaign-card-filter-grid>
       `;
 document.addEventListener('doSearchAndFilterUpdate', $event => console.log($event));
-document.addEventListener('doClearFilters', $event => console.log($event));
 export const CampaignCardFilterGridComponent = Template.bind({});
 CampaignCardFilterGridComponent.args = {
   categoryOptions: ['ABC', 'DEF'],

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;
@@ -743,31 +821,31 @@ a:hover {
   fill: #000000;
 }
 .category-icon-item.colour-scheme-brand-2 {
-  background-color: #B30510;
+  background-color: #6E0887;
 }
 .category-icon-item.colour-scheme-brand-2 svg {
   fill: #000000;
 }
 .category-icon-item.colour-scheme-brand-3 {
-  background-color: #B30510;
+  background-color: #50B400;
 }
 .category-icon-item.colour-scheme-brand-3 svg {
   fill: #000000;
 }
 .category-icon-item.colour-scheme-brand-4 {
-  background-color: #B30510;
+  background-color: #FFE500;
 }
 .category-icon-item.colour-scheme-brand-4 svg {
   fill: #000000;
 }
 .category-icon-item.colour-scheme-brand-5 {
-  background-color: #B30510;
+  background-color: #F07D00;
 }
 .category-icon-item.colour-scheme-brand-5 svg {
   fill: #000000;
 }
 .category-icon-item.colour-scheme-brand-6 {
-  background-color: #B30510;
+  background-color: #CBC8C8;
 }
 .category-icon-item.colour-scheme-brand-6 svg {
   fill: #000000;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

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

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.css

@@ -386,7 +386,7 @@ a:hover {
   border-color: #FFE500;
 }
 .button-brand-4:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-brand-5 {
@@ -404,7 +404,7 @@ a:hover {
   border-color: #CBC8C8;
 }
 .button-brand-6:hover {
-  background-color: #FFFFFF;
+  background-color: #000000;
 }
 
 .button-white {
@@ -466,6 +466,84 @@ a:hover {
   background-color: transparent;
 }
 
+.button-clear-brand-1 {
+  color: #B30510;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-1:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-2 {
+  color: #6E0887;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-2:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-3 {
+  color: #50B400;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-3:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-4 {
+  color: #FFE500;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-4:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-5 {
+  color: #F07D00;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-5:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.button-clear-brand-6 {
+  color: #CBC8C8;
+  background-color: transparent;
+  text-decoration: underline;
+  border: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+.button-clear-brand-6:hover {
+  text-decoration: none;
+  background-color: transparent;
+}
+
 .button-clear-white {
   color: #FFFFFF;
   background-color: transparent;