@biggive/components 202607280601.0.0 → 202607300937.0.0

package/dist/collection/components/biggive-biography-card/biggive-biography-card.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;
@@ -376,9 +368,6 @@ a:hover {
   display: block;
 }
 
-.container {
-  text-align: left;
-}
 .container.background-colour-primary .image-wrap {
   background-color: #2C089B;
 }
@@ -469,6 +458,9 @@ a:hover {
 .container.background-colour-philco-gray-20 .image-wrap {
   background-color: #F6F6F6;
 }
+.container {
+  text-align: left;
+}
 .container.text-align-center {
   text-align: center;
 }
@@ -486,9 +478,6 @@ a:hover {
   font-size: font-size-small();
   margin: 0;
 }
-.container .sleeve {
-  margin-bottom: 10px;
-}
 .container .sleeve.border-width-1.border-colour-primary {
   border: 5px solid #2C089B;
 }
@@ -1029,6 +1018,9 @@ a:hover {
 .container .sleeve.border-width-6.border-colour-philco-gray-20 {
   border: 60px solid #F6F6F6;
 }
+.container .sleeve {
+  margin-bottom: 10px;
+}
 .container .sleeve.circle-true {
   overflow: hidden;
   border-radius: 50%;

package/dist/collection/components/biggive-boxed-content/biggive-boxed-content.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

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

@@ -19,7 +19,7 @@ export class BiggiveBrandedImage {
      * `role="presentation"` every time instead of accepting alt text.
      */
     render() {
-        return (h("div", { key: 'e0d9c4d88d7298bba7e678f4bf65584bd85b23c7', class: 'container space-below-' + this.spaceBelow }, h("div", { key: 'd60170a535693458b5cb401a8e33c534c5771fa5', class: "slug" }, this.slug), h("div", { key: '47925844fd3487764924f5105be219f6834a4127', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null, this.charityLocation !== undefined && this.charityLocation !== null ? h("div", { class: "charity-info" }, this.charityLocation) : null));
+        return (h("div", { key: 'c0096902d8bb425b9068a00ddd1a34465ba116ce', class: 'container space-below-' + this.spaceBelow }, h("div", { key: '8e2931d9f7f11246a5fd63d0865d738c01586662', class: "slug" }, this.slug), h("div", { key: '355f57ef25b83b985e4b5e960303a7d8b38d775b', class: "image-wrap" }, this.imageUrl !== undefined && this.imageUrl !== null ? (this.imageAlt == null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl })) : this.imageAlt == null && this.imageHeightPercent != null ? (h("img", { src: this.imageUrl, style: { height: this.imageHeightPercent + 'cqw' } })) : this.imageAlt != null && this.imageHeightPercent == null ? (h("img", { src: this.imageUrl, alt: this.imageAlt })) : (h("img", { src: this.imageUrl, alt: this.imageAlt, style: { height: this.imageHeightPercent + 'cqw' } }))) : null), this.logoUrl !== undefined && this.logoUrl !== null ? h("div", { class: "logo-wrap", style: { 'background-image': "url('" + this.logoUrl + "')" } }) : null, this.charityName !== undefined && this.charityName !== null ? h("h3", { class: "title" }, this.charityName) : null));
     }
     static get is() { return "biggive-branded-image"; }
     static get encapsulation() { return "shadow"; }
@@ -176,13 +176,16 @@ export class BiggiveBrandedImage {
                 "mutable": false,
                 "complexType": {
                     "original": "string",
-                    "resolved": "string",
+                    "resolved": "string | undefined",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
-                    "tags": [],
+                    "tags": [{
+                            "name": "deprecated",
+                            "text": undefined
+                        }],
                     "text": "Charity location"
                 },
                 "getter": false,

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

package/dist/collection/components/biggive-call-to-action/biggive-call-to-action.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 h1, .heading-1 {
   font-size: 47px;
   line-height: 60px;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

package/dist/collection/components/biggive-container-card/biggive-container-card.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

package/dist/collection/components/biggive-cookie-banner/biggive-cookie-banner.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: contents;
 }

package/dist/collection/components/biggive-form-field-select/biggive-form-field-select.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .align-left {
   text-align: left;
 }
@@ -87,14 +79,6 @@ a:hover {
   display: contents;
 }
 
-.container {
-  display: flex;
-}
-.container.biggive {
-  font-family: "Euclid Triangle", sans-serif;
-  font-size: 17px;
-  line-height: 24px;
-}
 .container.biggive h1, .container.biggive .heading-1 {
   font-size: 47px;
   line-height: 60px;
@@ -120,6 +104,11 @@ a:hover {
   line-height: 24px;
   font-weight: bold;
 }
+.container.biggive {
+  font-family: "Euclid Triangle", sans-serif;
+  font-size: 17px;
+  line-height: 24px;
+}
 .container.philco h1, .container.philco .heading-1, .container.philco h2, .container.philco .heading-2, .container.philco h3, .container.philco .heading-3 {
   font-family: "Garage Gothic", sans-serif;
   font-weight: 700;
@@ -228,6 +217,9 @@ a:hover {
 .container .heading-colour-philco-gray-20 {
   color: #F6F6F6;
 }
+.container {
+  display: flex;
+}
 .container h1, .container h2, .container h3, .container h4, .container h5 {
   margin: 0;
   padding: 0;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: contents;
   font-family: "Euclid Triangle", sans-serif;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

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

@@ -1,5 +1,6 @@
 /* eslint-disable prettier/prettier */
 import { h } from "@stencil/core";
+// @todo deprecated ?
 export class BiggiveHeroImage {
     constructor() {
         /**
@@ -54,9 +55,9 @@ export class BiggiveHeroImage {
         // `pre` or `pre-wrap` so that literal whitespace inserted into the rendered output doesn't affect the layout.
         // Assuming that this is needed only for the teaser, and the main title would never contain a line break.
         const teaserLines = this.lineBreakToBr(this.teaser);
-        return (h("div", { key: 'ca0d96cd4d0b510ea5d568bf81a5b7437d683094', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: '53182272095efd26dbe788fb79c32012dd97fa42', class: "sleeve" }, h("div", { key: '2e2e5e8566e01ca047c1df96a40b00e9fe0549a4', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
+        return (h("div", { key: '40797942e25fcae20a1040ff8f571780675bfa04', class: 'container colour-scheme-' + this.colourScheme + ' space-below-' + this.spaceBelow, style: this.mainImageShape === 'rectangle' ? { 'background-image': 'url(' + this.mainImage + ')', 'background-size': 'cover' } : {} }, h("div", { key: '1a067772fa32ec4e180b62e552345cb6badcb5c2', class: "sleeve" }, h("div", { key: 'fd02063ba25c12ec2b51e8ec16656cebffb1b658', class: "content-wrap" }, this.logo !== undefined && this.logo !== null ? (h("div", { class: 'logo image-wrap logo-height-' + this.logoHeight }, h("img", { src: this.logo, alt: this.logoAltText, title: this.logoAltText }))) : h("div", { class: 'logo-space logo-height-' + this.logoHeight }), ((_b = this.logo) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_c = this.slug) === null || _c === void 0 ? void 0 : _c.length) > 0
             ? (h("div", { class: 'slug text-colour-' + this.slugColour }, this.slug))
-            : null, h("h1", { key: '5720626195256d1fcd1ea18175a61ad17e70b1e7', class: mainTitleClasses }, this.mainTitle), h("div", { key: 'e443c78565a8c58b2799727ab0cf3873324570a4', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
+            : null, h("h1", { key: 'aff043ac610c62cca5e26b09c37592626f31a9a0', class: mainTitleClasses }, this.mainTitle), h("div", { key: 'a3f99b041ef43441617982924891d47d7c70d2c2', class: teaserClasses }, teaserLines), this.buttonLabel != null && this.buttonUrl != null
             ? h("biggive-button", { "colour-scheme": this.buttonColourScheme, url: this.buttonUrl, label: this.buttonLabel })
             : null), this.mainImageShape === 'triangle' && this.mainImage !== null ? (h("div", { class: "graphic-wrap" }, h("div", { class: "image-wrap", role: "presentation", style: { 'background-image': 'url(' + this.mainImage + ')', 'background-position': this.mainImageAlignHorizontal + ' ' + this.mainImageAlignVertical } }))) : null)));
     }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;

package/dist/collection/components/biggive-main-menu/biggive-main-menu.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: block !important;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .background-colour-hover-primary:hover,
 .background-colour-primary {
   background-color: #2C089B;
@@ -388,10 +380,6 @@ a:hover {
     transition: all ease-in-out 0.5s;
     display: inline-block;
     margin-right: 10px;
-    width: 30px;
-    height: 30px;
-    margin-right: 6px;
-    margin: auto;
   }
   .misc-icon-item.colour-scheme-primary {
     background-color: #2C089B;
@@ -476,9 +464,17 @@ a:hover {
     width: 100%;
     height: 100%;
   }
+  .misc-icon-item {
+    width: 30px;
+    height: 30px;
+    margin-right: 6px;
+  }
   .misc-icon-item a {
     padding: 6px;
   }
+  .misc-icon-item {
+    margin: auto;
+  }
   .misc-icon-item a {
     margin: auto;
   }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: contents;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: contents;
 }

package/dist/collection/components/biggive-page-column/biggive-page-column.css

@@ -1,16 +1,3 @@
-/**
- * @see brandColour in src/globals/brand-colour.ts . This and that should be updated together.
- * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
- *
- */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: block;
 }

package/dist/collection/components/biggive-page-columns/biggive-page-columns.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

package/dist/collection/components/biggive-page-section/biggive-page-section.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 :host {
   display: contents;
 }

package/dist/collection/components/biggive-progress-bar/biggive-progress-bar.css

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .space-above-0 {
   margin-top: 0;
 }

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

@@ -3,14 +3,6 @@
  * Also see mixin icon-large - that repeats this list of colours and specifies another colour to go with each one, e.g. white or black.
  *
  */
-a {
-  color: inherit;
-  text-decoration: underline;
-}
-a:hover {
-  text-decoration: none;
-}
-
 .image-wrap img {
   width: 100%;
   height: auto;
@@ -232,11 +224,6 @@ a:hover {
   line-height: 24px;
   height: 100%;
   background-color: white;
-  text-align: center;
-  margin-left: auto;
-  margin-right: auto;
-  max-width: 600px;
-  padding: 60px;
 }
 .container.philco {
   font-family: "Bitter", serif;
@@ -251,6 +238,13 @@ a:hover {
   width: 100px;
   height: 90px; /* = 86/96*100 */
 }
+.container {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 600px;
+  padding: 60px;
+}
 .container .image-wrap {
   text-align: center;
   margin-bottom: 15px;