@biggive/components 1.0.96 → 1.0.97

package/dist/collection/components/biggive-image-feature/biggive-image-feature.js

@@ -1,290 +1,252 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveImageFeature {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Default text colour
-     */
     this.defaultTextColour = 'primary';
-    /**
-     * Full URL of a image.
-     */
     this.imageUrl = '';
-    /**
-     * Slug
-     */
     this.slug = null;
-    /**
-     * Slug colour
-     */
     this.slugColour = '';
-    /**
-     * Video title
-     */
     this.mainTitle = null;
-    /**
-     * Slug colour
-     */
     this.mainTitleColour = '';
-    /**
-     * Introductory teaser text
-     */
     this.teaser = null;
-    /**
-     * Teaser colour
-     */
     this.teaserColour = '';
-    /**
-     * Button Url
-     */
     this.buttonUrl = null;
-    /**
-     * Button Label
-     */
     this.buttonLabel = null;
-    /**
-     * Button Colour Scheme
-     */
     this.buttonColourScheme = 'primary';
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow },
-      h("div", { class: "sleeve" },
-        h("div", { class: "content-wrap" },
-          h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug),
-          h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle),
-          h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser),
-          this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null),
-        h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" },
-          h("img", { src: this.imageUrl }))) : null))));
+    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "content-wrap" }, h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug), h("h2", { class: 'title text-colour-' + this.mainTitleColour }, this.mainTitle), h("div", { class: 'teaser text-colour-' + this.teaserColour }, this.teaser), this.buttonLabel != null && this.buttonUrl != null ? (h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })) : null), h("div", { class: "graphic-wrap" }, this.imageUrl.length > 0 ? (h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl }))) : null))));
   }
   static get is() { return "biggive-image-feature"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-image-feature.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-image-feature.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"
-    },
-    "defaultTextColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Default text colour"
-      },
-      "attribute": "default-text-colour",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Full URL of a image."
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "slug": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Slug"
-      },
-      "attribute": "slug",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "slugColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Slug colour"
-      },
-      "attribute": "slug-colour",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "mainTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Video title"
-      },
-      "attribute": "main-title",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "mainTitleColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Slug colour"
-      },
-      "attribute": "main-title-colour",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "teaser": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Introductory teaser text"
-      },
-      "attribute": "teaser",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "teaserColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Teaser colour"
-      },
-      "attribute": "teaser-colour",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "buttonUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Button Url"
-      },
-      "attribute": "button-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "buttonLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Button Label"
-      },
-      "attribute": "button-label",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "buttonColourScheme": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Button Colour Scheme"
-      },
-      "attribute": "button-colour-scheme",
-      "reflect": false,
-      "defaultValue": "'primary'"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-image-feature.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-image-feature.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"
+      },
+      "defaultTextColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Default text colour"
+        },
+        "attribute": "default-text-colour",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      },
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Full URL of a image."
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "slug": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Slug"
+        },
+        "attribute": "slug",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "slugColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Slug colour"
+        },
+        "attribute": "slug-colour",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "mainTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Video title"
+        },
+        "attribute": "main-title",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "mainTitleColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Slug colour"
+        },
+        "attribute": "main-title-colour",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "teaser": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Introductory teaser text"
+        },
+        "attribute": "teaser",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "teaserColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Teaser colour"
+        },
+        "attribute": "teaser-colour",
+        "reflect": false,
+        "defaultValue": "''"
+      },
+      "buttonUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Button Url"
+        },
+        "attribute": "button-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "buttonLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Button Label"
+        },
+        "attribute": "button-label",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "buttonColourScheme": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Button Colour Scheme"
+        },
+        "attribute": "button-colour-scheme",
+        "reflect": false,
+        "defaultValue": "'primary'"
+      }
+    };
+  }
 }

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

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