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-icon-group/biggive-icon-group.js CHANGED Viewed

@@ -1,65 +1,62 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveIconGroup {
   constructor() {
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Label
-     */
     this.label = null;
   }
   render() {
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
-      this.label != null ? h("div", { class: "label" }, this.label) : null,
-      h("div", { class: "sleeve" },
-        h("slot", null))));
+    return (h("div", { class: 'container space-below-' + this.spaceBelow }, this.label != null ? h("div", { class: "label" }, this.label) : null, h("div", { class: "sleeve" }, h("slot", null))));
   }
   static get is() { return "biggive-icon-group"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-icon-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-icon-group.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"
-    },
-    "label": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Label"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-icon-group.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-icon-group.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"
       },
-      "attribute": "label",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
+      "label": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Label"
+        },
+        "attribute": "label",
+        "reflect": false,
+        "defaultValue": "null"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-image/biggive-image.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-image/biggive-image.js CHANGED Viewed

@@ -1,29 +1,11 @@
-import { Component, Prop, h } from '@stencil/core';
+import { h } from '@stencil/core';
 export class BiggiveImage {
   constructor() {
-    /**
-     * Space above component
-     */
     this.spaceAbove = 0;
-    /**
-     * Space below component
-     */
     this.spaceBelow = 0;
-    /**
-     * Full URL of a image.
-     */
     this.imageUrl = '';
-    /**
-     * Image width
-     */
     this.width = 0;
-    /**
-     * Image width
-     */
     this.height = 0;
-    /**
-     * Size unit
-     */
     this.sizeUnit = 'px';
   }
   getWidth() {
@@ -41,126 +23,130 @@ export class BiggiveImage {
     return height;
   }
   render() {
-    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } },
-      h("div", { class: "image-wrap" },
-        h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() } }))));
+    return (h("div", { class: 'container space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow, style: { width: this.getWidth(), height: this.getHeight() } }, h("div", { class: "image-wrap" }, h("img", { src: this.imageUrl, style: { width: this.getWidth(), height: this.getHeight() } }))));
   }
   static get is() { return "biggive-image"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["biggive-image.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["biggive-image.css"]
-  }; }
-  static get properties() { return {
-    "spaceAbove": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Space above component"
-      },
-      "attribute": "space-above",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "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"
-    },
-    "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": "''"
-    },
-    "width": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Image width"
+  static get originalStyleUrls() {
+    return {
+      "$": ["biggive-image.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["biggive-image.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "spaceAbove": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Space above component"
+        },
+        "attribute": "space-above",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "width",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "height": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Image width"
+      "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": "''"
       },
-      "attribute": "height",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "sizeUnit": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+      "width": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image width"
+        },
+        "attribute": "width",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Size unit"
+      "height": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Image width"
+        },
+        "attribute": "height",
+        "reflect": false,
+        "defaultValue": "0"
       },
-      "attribute": "size-unit",
-      "reflect": false,
-      "defaultValue": "'px'"
-    }
-  }; }
+      "sizeUnit": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Size unit"
+        },
+        "attribute": "size-unit",
+        "reflect": false,
+        "defaultValue": "'px'"
+      }
+    };
+  }
 }

package/dist/collection/components/biggive-image-feature/biggive-image-feature.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;
@@ -493,29 +517,43 @@ a:hover {
   display: flex;
   justify-content: space-between;
 }
-.container .content-wrap {
+.container .sleeve .content-wrap {
   width: calc(40% - 15px);
   position: relative;
   z-index: 1;
 }
-.container .content-wrap .slug {
+.container .sleeve .content-wrap .slug {
   font-size: 20px;
   line-height: 24px;
   font-weight: bold;
   margin: 0;
   padding: 0;
 }
-.container .content-wrap h2 {
+.container .sleeve .content-wrap h2 {
   font-size: 38px;
   line-height: 45px;
   font-weight: bold;
   margin: 0 0 15px 0;
   padding: 0;
 }
-.container .content-wrap .teaser {
+.container .sleeve .content-wrap .teaser {
   margin: 0 0 45px 0;
   padding: 0;
 }
-.container .graphic-wrap {
+.container .sleeve .graphic-wrap {
   width: calc(60% - 15px);
+}
+@media screen and (max-width: 576px) {
+  .container .sleeve {
+    flex-wrap: wrap;
+  }
+  .container .sleeve .content-wrap {
+    width: 100%;
+  }
+  .container .sleeve .graphic-wrap {
+    width: 100%;
+    margin-bottom: 15px;
+    order: -1;
+  }
 }