@biggive/components 1.0.195 → 1.0.197

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

@@ -5,6 +5,7 @@ export class BiggiveSocialIcon {
     this.service = 'Twitter';
     this.backgroundColour = 'primary';
     this.iconColour = 'white';
+    this.wide = false;
     this.url = '#';
   }
   getSocialIcon() {
@@ -12,7 +13,7 @@ export class BiggiveSocialIcon {
     return icon;
   }
   render() {
-    return (h("div", { class: 'social-icon-item background-colour-' + this.backgroundColour }, h("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, 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 + (this.wide ? ' wide' : '') }, h("a", { href: this.url, "aria-label": `Big Give on ${this.service}`, target: "_blank" }, 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() {
@@ -81,6 +82,24 @@ export class BiggiveSocialIcon {
         "reflect": false,
         "defaultValue": "'white'"
       },
+      "wide": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Used in the social icons in the biggive-footer, which are more spaced out\nthan others across the site. COM-43."
+        },
+        "attribute": "wide",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "url": {
         "type": "string",
         "mutable": false,