npm - @biggive/components - Versions diffs - 1.0.158 → 1.0.159 - Mend

@biggive/components 1.0.158 → 1.0.159

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 (168) hide show

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -515,4 +520,94 @@ a:hover {
 .container img {
   width: 100%;
   height: auto;
+}
+.container.max-width-10 .sleeve {
+  max-width: 10%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-15 .sleeve {
+  max-width: 15%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-20 .sleeve {
+  max-width: 20%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-25 .sleeve {
+  max-width: 25%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-30 .sleeve {
+  max-width: 30%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-35 .sleeve {
+  max-width: 35%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-40 .sleeve {
+  max-width: 40%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-45 .sleeve {
+  max-width: 45%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-50 .sleeve {
+  max-width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-55 .sleeve {
+  max-width: 55%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-60 .sleeve {
+  max-width: 60%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-65 .sleeve {
+  max-width: 65%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-70 .sleeve {
+  max-width: 70%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-75 .sleeve {
+  max-width: 75%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-80 .sleeve {
+  max-width: 80%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-85 .sleeve {
+  max-width: 85%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-90 .sleeve {
+  max-width: 90%;
+  margin-left: auto;
+  margin-right: auto;
+}
+.container.max-width-95 .sleeve {
+  max-width: 95%;
+  margin-left: auto;
+  margin-right: auto;
 }

package/dist/collection/components/biggive-formatted-text/biggive-formatted-text.js CHANGED Viewed

@@ -3,9 +3,10 @@ export class BiggiveFormattedText {
   constructor() {
     this.spaceBelow = 0;
     this.defaultTextColour = 'primary';
+    this.maxWidth = 100;
   }
   render() {
-    return (h("div", { class: 'container text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", null)));
+    return (h("div", { class: 'container max-width-' + this.maxWidth + ' text-colour-' + this.defaultTextColour + ' space-below-' + this.spaceBelow }, h("slot", null)));
   }
   static get is() { return "biggive-formatted-text"; }
   static get encapsulation() { return "shadow"; }
@@ -56,6 +57,24 @@ export class BiggiveFormattedText {
         "attribute": "default-text-colour",
         "reflect": false,
         "defaultValue": "'primary'"
+      },
+      "maxWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Width"
+        },
+        "attribute": "max-width",
+        "reflect": false,
+        "defaultValue": "100"
       }
     };
   }

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -8,10 +8,12 @@ export class BiggiveHeading {
     this.size = 1;
     this.align = 'left';
     this.text = '';
+    this.icon = false;
+    this.iconColour = 'primary';
   }
   render() {
     const Tag = this.htmlElement;
-    return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, h(Tag, { class: 'heading-colour-' + this.colour + ' heading-' + this.size }, this.text)));
+    return (h("div", { class: 'container align-' + this.align + ' space-above-' + this.spaceAbove + ' space-below-' + this.spaceBelow }, this.icon ? (h("svg", { viewBox: "0 0 102 88" }, h("path", { class: "st0", d: "M51.2,0l-51,88h102L51.2,0z" }), h("path", { d: "M31,68.3c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C32.9,67.5,32.1,68.3,31,68.3z M29.5,79.4h3v-10\n         h-3V79.4z M41,69.4V70c-0.5-0.5-1.4-0.9-2.5-0.9c-2.7,0-4.9,2-4.9,4.9c0,2.9,2.2,4.9,4.9,4.9c1.1,0,2-0.3,2.5-0.9v0.6\n         c0,1.3-1.2,1.9-2.7,1.9c-1.3,0-2.4-0.3-3.5-0.9v3c1.3,0.5,2.7,0.6,3.6,0.6c3,0,5.5-1.3,5.5-4.6v-9.4L41,69.4L41,69.4z M41,75.3\n         c-0.4,0.6-1.2,0.9-1.9,0.9c-1.3,0-2.3-0.8-2.3-2.2c0-1.4,1-2.2,2.3-2.2c0.8,0,1.5,0.4,1.9,0.9V75.3z M52.8,79.7\n         c2.4,0,3.8-0.4,5.1-1.2v-7.7h-6.6v2.9h3.5v2.6c-0.5,0.1-1.1,0.3-1.9,0.3c-3,0-4.4-2-4.4-4.3c0-2.3,1.7-4.3,4.8-4.3\n         c1.3,0,2.6,0.4,3.5,0.9v-3.3c-0.9-0.4-2.1-0.7-3.7-0.7c-4.6,0-7.8,3.3-7.8,7.4C45.2,76.5,48.1,79.7,52.8,79.7z M60.7,68.3\n         c-1,0-1.9-0.9-1.9-1.9c0-1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.9,1.9,1.9C62.6,67.5,61.8,68.3,60.7,68.3z M59.2,79.4h3v-10h-3V79.4z\n          M69,73.9l-2.6-4.5h-3.5l6,10.3l6-10.3h-3.5L69,73.9z M77.5,75.1h7c0-4.4-2.5-6-5.1-6c-2.7,0-5.1,1.6-5.1,5.2c0,3.5,2.5,5.2,5.5,5.2\n         c1.3,0,2.7-0.2,3.8-0.8v-2.8c-1.5,0.9-2.5,0.9-3.3,0.9C78.9,76.9,77.6,76.5,77.5,75.1z M79.4,71.5c0.9,0,1.7,0.4,1.8,1.7h-3.7\n         C77.7,72,78.6,71.5,79.4,71.5z M26,71.6c0.7-0.6,1.1-1.5,1.1-2.5c0-1.9-1.8-3.9-4.4-3.9h-4.8v14.3h6.3c2.4,0,4.3-1.9,4.3-4.2\n         C28.4,73.8,27.8,72.2,26,71.6z M21,68.1h1.4c0.9,0,1.5,0.7,1.5,1.4c0,0.8-0.6,1.4-1.5,1.4H21V68.1z M23.8,76.5H21v-2.9h2.8\n         c0.9,0,1.5,0.6,1.5,1.4C25.3,75.9,24.7,76.5,23.8,76.5z" }))) : null, h(Tag, { class: 'heading-colour-' + this.colour + ' heading-' + this.size }, this.text)));
   }
   static get is() { return "biggive-heading"; }
   static get encapsulation() { return "shadow"; }
@@ -152,6 +154,42 @@ export class BiggiveHeading {
         "attribute": "text",
         "reflect": false,
         "defaultValue": "''"
+      },
+      "icon": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon"
+        },
+        "attribute": "icon",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "iconColour": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Icon colour"
+        },
+        "attribute": "icon-colour",
+        "reflect": false,
+        "defaultValue": "'primary'"
       }
     };
   }

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-image/biggive-image.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-image-feature/biggive-image-feature.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

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

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-nav-group/biggive-nav-group.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;

package/dist/collection/components/biggive-nav-item/biggive-nav-item.css CHANGED Viewed

@@ -1,5 +1,14 @@
 body {
-  background-color: #D7D7D7;
+  background-color: #FFFFFF;
+}
+body.background-primary {
+  background-color: #2C089B;
+}
+body.background-secondary {
+  background-color: #2C089B;
+}
+body.background-tertiary {
+  background-color: #2C089B;
 }
 h1, h3, h3, h4, h5, h6 {
@@ -242,7 +251,6 @@ a:hover {
   color: #2C089B;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -256,7 +264,6 @@ a:hover {
   color: #2AF135;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -270,7 +277,6 @@ a:hover {
   color: #FF7272;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;
@@ -284,7 +290,6 @@ a:hover {
   color: #FFFFFF;
   background-color: transparent;
   text-decoration: underline;
-  box-shadow: none;
   border: 0;
   padding-left: 0;
   padding-right: 0;