@biggive/components 1.0.6 → 1.0.7

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

package/dist/collection/components/biggive-heading/biggive-heading.js

@@ -1,6 +1,10 @@
 import { Component, Prop, h } from '@stencil/core';
 export class BiggiveHeading {
   constructor() {
+    /**
+     * Space above component
+     */
+    this.spaceAbove = 0;
     /**
      * Space below component
      */
@@ -17,6 +21,10 @@ export class BiggiveHeading {
      * Heading size
      */
     this.size = 1;
+    /**
+     * Text alignment
+     */
+    this.align = 'left';
     /**
      * Heading text
      */
@@ -24,7 +32,7 @@ export class BiggiveHeading {
   }
   render() {
     const Tag = this.htmlElement;
-    return (h("div", { class: 'container space-below-' + this.spaceBelow },
+    return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow },
       h(Tag, { class: 'heading-colour-' + this.colour + ' heading-size-' + this.size }, this.text)));
   }
   static get is() { return "biggive-heading"; }
@@ -36,6 +44,24 @@ export class BiggiveHeading {
     "$": ["biggive-heading.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,
@@ -108,6 +134,24 @@ export class BiggiveHeading {
       "reflect": false,
       "defaultValue": "1"
     },
+    "align": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Text alignment"
+      },
+      "attribute": "align",
+      "reflect": false,
+      "defaultValue": "'left'"
+    },
     "text": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/biggive-heading/biggive-heading.stories.js

@@ -1,6 +1,13 @@
 export default {
   title: 'Components/Content',
   argTypes: {
+    spaceAbove: {
+      name: 'Space above',
+      control: {
+        type: 'select',
+        options: [0, 1, 2, 3, 4, 5, 6],
+      },
+    },
     spaceBelow: {
       name: 'Space below',
       control: {
@@ -29,23 +36,34 @@ export default {
         options: [1, 2, 3, 4, 5],
       },
     },
+    align: {
+      name: 'Text alignment',
+      control: {
+        type: 'select',
+        options: ['left', 'right', 'center', 'justify'],
+      },
+    },
   },
 };
 const Template = args => `
             <biggive-heading
+              space-above=${args.spaceAbove}
               space-below=${args.spaceBelow}
               colour="${args.colour}"
               html-element="${args.htmlElement}"
               size="${args.size}"
+              align="${args.align}"
               text="${args.text}"
               >
               </biggive-heading>
             `;
 export const HeadingComponent = Template.bind({});
 HeadingComponent.args = {
+  spaceAbove: 0,
   spaceBelow: 0,
   colour: 'primary',
   htmlElement: 'h1',
   size: '1',
+  align: 'left',
   text: 'This is the heading',
 };

package/dist/collection/components/biggive-hero-image/biggive-hero-image.css

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;

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

@@ -306,6 +306,22 @@ a:hover {
   height: auto;
 }
 
+.align-left {
+  text-align: left;
+}
+
+.align-right {
+  text-align: right;
+}
+
+.align-center {
+  text-align: center;
+}
+
+.align-justify {
+  text-align: justify;
+}
+
 .space-below-0 {
   margin-bottom: 0;
 }
@@ -334,6 +350,34 @@ a:hover {
   margin-bottom: 60px;
 }
 
+.space-above-0 {
+  margin-top: 0;
+}
+
+.space-above-1 {
+  margin-top: 5px;
+}
+
+.space-above-2 {
+  margin-top: 10px;
+}
+
+.space-above-3 {
+  margin-top: 15px;
+}
+
+.space-above-4 {
+  margin-top: 30px;
+}
+
+.space-above-5 {
+  margin-top: 45px;
+}
+
+.space-above-6 {
+  margin-top: 60px;
+}
+
 .horizontal-padding-1 {
   padding-left: 5px;
   padding-right: 5px;