npm - @biggive/components - Versions diffs - 1.0.95 → 1.0.97 - Mend

@biggive/components 1.0.95 → 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 (244) hide show

package/dist/collection/components/biggive-article-card/biggive-article-card.js CHANGED Viewed

@@ -1,272 +1,233 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveArticleCard {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Card background colour
-     */
     this.backgroundColour = 'white';
-    /**
-     * Card background colour hover
-     */
     this.backgroundColourHover = 'tertiary';
-    /**
-     * Text colour
-     */
     this.textColour = 'black';
-    /**
-     * Slug
-     */
     this.slug = null;
-    /**
-     * Date
-     */
     this.date = null;
-    /**
-     * Main title
-     */
     this.mainTitle = null;
-    /**
-     * Image URL
-     */
     this.imageUrl = null;
-    /**
-     * Image Label
-     */
     this.imageLabel = null;
-    /**
-     * Button label
-     */
     this.buttonLabel = null;
-    /**
-     * Button URL
-     */
     this.buttonUrl = null;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
-      h("div", { class: 'sleeve background-colour-' + this.backgroundColour + ' background-colour-hover-' + this.backgroundColourHover + ' text-colour-' + this.textColour },
-        h("div", { class: "content-wrap" },
-          this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null,
-          this.date != '' ? h("div", { class: "date" }, this.date) : null,
-          h("h3", { class: "title" },
-            h("a", { href: this.buttonUrl }, this.mainTitle)),
-          this.imageUrl != '' ? (h("div", { class: "image-group" },
-            h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.imageUrl + "')" } },
-              h("img", { src: this.imageUrl })),
-            h("div", { class: "image-label" }, this.imageLabel))) : null,
-          this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" },
-            h("biggive-button", { "colour-scheme": 'clear-primary', url: this.buttonUrl, label: this.buttonLabel }))) : null))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: 'sleeve background-colour-' + this.backgroundColour + ' background-colour-hover-' + this.backgroundColourHover + ' text-colour-' + this.textColour }, h("div", { class: "content-wrap" }, this.slug != '' ? h("div", { class: "slug text-colour-primary" }, this.slug) : null, this.date != '' ? h("div", { class: "date" }, this.date) : null, h("h3", { class: "title" }, h("a", { href: this.buttonUrl }, this.mainTitle)), this.imageUrl != '' ? (h("div", { class: "image-group" }, h("div", { class: "image-wrap", style: { 'background-image': "url('" + this.imageUrl + "')" } }, h("img", { src: this.imageUrl })), h("div", { class: "image-label" }, this.imageLabel))) : null, this.buttonLabel != null && this.buttonUrl != null ? (h("div", { class: "button-wrap align-right" }, h("biggive-button", { "colour-scheme": 'clear-primary', url: this.buttonUrl, label: this.buttonLabel }))) : null))));
   }
   static get is() { return "biggive-article-card"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-article-card.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-article-card.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"
-    },
-    "backgroundColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Card background colour"
-      },
-      "attribute": "background-colour",
-      "reflect": false,
-      "defaultValue": "'white'"
-    },
-    "backgroundColourHover": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Card background colour hover"
-      },
-      "attribute": "background-colour-hover",
-      "reflect": false,
-      "defaultValue": "'tertiary'"
-    },
-    "textColour": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Text colour"
-      },
-      "attribute": "text-colour",
-      "reflect": false,
-      "defaultValue": "'black'"
-    },
-    "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"
-    },
-    "date": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Date"
-      },
-      "attribute": "date",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "mainTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Main title"
-      },
-      "attribute": "main-title",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "imageUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Image URL"
-      },
-      "attribute": "image-url",
-      "reflect": false,
-      "defaultValue": "null"
-    },
-    "imageLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Image Label"
-      },
-      "attribute": "image-label",
-      "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"
-    },
-    "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"
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-article-card.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-article-card.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"
+      },
+      "backgroundColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Card background colour"
+        },
+        "attribute": "background-colour",
+        "reflect": false,
+        "defaultValue": "'white'"
+      },
+      "backgroundColourHover": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Card background colour hover"
+        },
+        "attribute": "background-colour-hover",
+        "reflect": false,
+        "defaultValue": "'tertiary'"
+      },
+      "textColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Text colour"
+        },
+        "attribute": "text-colour",
+        "reflect": false,
+        "defaultValue": "'black'"
+      },
+      "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"
+      },
+      "date": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Date"
+        },
+        "attribute": "date",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "mainTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Main title"
+        },
+        "attribute": "main-title",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "imageUrl": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image URL"
+        },
+        "attribute": "image-url",
+        "reflect": false,
+        "defaultValue": "null"
+      },
+      "imageLabel": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image Label"
+        },
+        "attribute": "image-label",
+        "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"
+      },
+      "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"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-back-to-top/biggive-back-to-top.css CHANGED Viewed

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
+.fill-red {
+  fill: red;
+}
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,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-back-to-top/biggive-back-to-top.js CHANGED Viewed

@@ -1,17 +1,18 @@
-import { Component, getAssetPath, h } from '@stencil/core';
+import { getAssetPath, h } from '@stencil/core';
 export class BiggiveBackToTop {
   render() {
-    return (h("div", { class: "container" },
-      h("a", { href: "#" },
-        h("img", { src: getAssetPath('../assets/images/triangles-combined.svg') }),
-        h("span", { class: "text" }, "Back to top"))));
+    return (h("div", { class: "container" }, h("a", { href: "#" }, h("img", { src: getAssetPath('../assets/images/triangles-combined.svg') }), h("span", { class: "text" }, "Back to top"))));
   }
   static get is() { return "biggive-back-to-top"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-back-to-top.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-back-to-top.css"]
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-back-to-top.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-back-to-top.css"]
+    };
+  }
 }

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

@@ -109,6 +109,10 @@ a:hover {
   fill: #000000;
 }
+.fill-red {
+  fill: red;
+}
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -214,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;