@biggive/components 202504231610.0.0 → 202504291132.0.0

package/dist/biggive/biggive.esm.js

@@ -1,2 +1,2 @@
-import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-df065ff2",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-f08e0727",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-aab8f046",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-68b98a75",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-c43aea6d",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-a6618470",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-ba0197ba",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-dedeb4ae",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-cfebc5f1",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-2b97a6f0",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-6a039368",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-7c70d1a6",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-a1e95602",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}]]],["p-6982fdc0",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-f427dabd",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-d0c80568",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-e547c90c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-090da850",[[1,"biggive-page-column"]]],["p-92350ad9",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-874eb056",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-f63ef6ee",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-6c7d1090",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-2df44aa5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-f5074301",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-48d7e762",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-c14c3d1e",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-71fe5573",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-671ff619",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-3d817748",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41621756",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-d43ab928",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-6dd1dfc1",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-bf6c495e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-60e5f77e",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-af22ff32",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
+import{p as e,H as o,b as t}from"./p-0cedd560.js";export{s as setNonce}from"./p-0cedd560.js";import{g as l}from"./p-e1255160.js";var r=()=>{{a(o.prototype)}const t=import.meta.url;const l={};if(t!==""){l.resourcesUrl=new URL(".",t).href}return e(l)};var a=e=>{const o=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return o.call(this,e)}const t=o.call(this,false);const l=this.childNodes;if(e){for(let e=0;e<l.length;e++){if(l[e].nodeType!==2){t.appendChild(l[e].cloneNode(true))}}}return t}};r().then((async e=>{await l();return t(JSON.parse('[["p-df065ff2",[[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}]]],["p-f08e0727",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"selectedSortByOption":[1025,"selected-sort-by-option"],"selectedFilterCategory":[1025,"selected-filter-category"],"selectedFilterBeneficiary":[1025,"selected-filter-beneficiary"],"selectedFilterLocation":[1025,"selected-filter-location"],"filtersApplied":[32],"unfocusInputs":[64]}]]],["p-aab8f046",[[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}]]],["p-2da84e16",[[1,"biggive-cookie-banner",{"autoOpenPreferences":[4,"auto-open-preferences"],"blogUriPrefix":[1,"blog-uri-prefix"],"previouslyAgreedCookiePreferences":[16]},null,{"autoOpenPreferences":["autoOpenPreferencesIfRequested"]}]]],["p-3b3ec8f6",[[1,"biggive-footer",{"headingLevel":[2,"heading-level"],"donateUrlPrefix":[1,"donate-url-prefix"],"blogUrlPrefix":[1,"blog-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"usePresetFooter":[4,"use-preset-footer"]}]]],["p-68b98a75",[[1,"biggive-main-menu",{"blogUrlPrefix":[1,"blog-url-prefix"],"donateUrlPrefix":[1,"donate-url-prefix"],"experienceUrlPrefix":[1,"experience-url-prefix"],"smallCharityWeekEnabled":[4,"small-charity-week-enabled"],"someCampaignHasHomePageRedirect":[4,"some-campaign-has-home-page-redirect"],"isLoggedIn":[4,"is-logged-in"],"closeMobileMenuFromOutside":[64]}]]],["p-c43aea6d",[[1,"philco-main-menu",{"philcoUrlPrefix":[1,"philco-url-prefix"],"closeMobileMenuFromOutside":[64]}]]],["p-883d3a3c",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"slug":[1],"slugColour":[1,"slug-colour"],"date":[1],"dateColour":[1,"date-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"image1Url":[1,"image-1-url"],"image1AltText":[1,"image-1-alt-text"],"image2Url":[1,"image-2-url"],"image2AltText":[1,"image-2-alt-text"],"imageLabel":[1,"image-label"],"imageLabelColour":[1,"image-label-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColour":[1,"button-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["p-a6618470",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"siteDesign":[1,"site-design"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"mainTitle":[1,"main-title"],"subtitle":[1],"author":[1],"date":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"],"addAnimation":[4,"add-animation"]}]]],["p-ba0197ba",[[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}]]],["p-dedeb4ae",[[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoHeight":[2,"logo-height"],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageShape":[1,"main-image-shape"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-cfebc5f1",[[1,"biggive-icon-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"icon":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-2b97a6f0",[[1,"biggive-image-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"mainImageUrl":[1,"main-image-url"],"mainImageAltText":[1,"main-image-alt-text"],"textAlign":[1,"text-align"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonAlign":[1,"button-align"],"buttonStyle":[1,"button-style"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"addAnimation":[4,"add-animation"]}]]],["p-6a039368",[[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-7c70d1a6",[[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}]]],["p-72ea7015",[[1,"biggive-accordion",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"headingColour":[1,"heading-colour"],"children":[32]}]]],["p-6b3f32c3",[[1,"biggive-accordion-entry",{"heading":[1]}]]],["p-7cd24c41",[[1,"biggive-back-to-top"]]],["p-4473537b",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"borderWidth":[2,"border-width"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"textColour":[1,"text-colour"],"backgroundColour":[1,"background-colour"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"],"textAlign":[1,"text-align"],"ratio":[1],"circle":[4],"circleColour":[1,"circle-colour"],"rounded":[4],"url":[1]}]]],["p-a043051c",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["p-18264bd2",[[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}]]],["p-a1e95602",[[1,"biggive-container-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"],"headingLevel":[2,"heading-level"]}]]],["p-38677249",[[1,"biggive-form"]]],["p-3e16773a",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["p-1fcfd985",[[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"],"columnGap":[2,"column-gap"]}]]],["p-8b927a9d",[[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}]]],["p-6982fdc0",[[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}]]],["p-f427dabd",[[1,"biggive-image-button",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundPadding":[2,"background-padding"],"text":[1],"textColour":[1,"text-colour"],"imageUrl":[1,"image-url"],"imageStyle":[1,"image-style"],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"size":[1],"arrow":[4],"arrowColour":[1,"arrow-colour"],"circle":[4],"shadow":[4],"centered":[4],"rounded":[4],"buttonId":[1,"button-id"]}]]],["p-d0c80568",[[1,"biggive-nav-group",{"inline":[4]}]]],["p-e547c90c",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["p-090da850",[[1,"biggive-page-column"]]],["p-92350ad9",[[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}]]],["p-874eb056",[[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"],"primaryFullBleed":[4,"primary-full-bleed"]}]]],["p-d51d056a",[[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1],"quoteIconColour":[1,"quote-icon-colour"],"siteDesign":[1,"site-design"]}]]],["p-6c7d1090",[[1,"biggive-sheet",{"sheetId":[1,"sheet-id"],"backgroundColour":[1,"background-colour"],"textColour":[1,"text-colour"]}]]],["p-2df44aa5",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["p-f5074301",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"]}]]],["p-48d7e762",[[1,"biggive-table",{"spaceBelow":[2,"space-below"],"headerTextColour":[1,"header-text-colour"],"headerBackgroundColour":[1,"header-background-colour"],"bodyTextColour":[1,"body-text-colour"],"bodyBackgroundColour":[1,"body-background-colour"]}]]],["p-c14c3d1e",[[1,"biggive-text-input",{"value":[1],"currency":[1],"spaceBelow":[2,"space-below"],"selectStyle":[1,"select-style"],"siteDesign":[1,"site-design"]}]]],["p-71fe5573",[[1,"biggive-timeline",{"spaceBelow":[2,"space-below"],"textColour":[1,"text-colour"],"selectedTextColour":[1,"selected-text-colour"],"navigationHighlightColour":[1,"navigation-highlight-colour"],"selectedNavigationHighlightColour":[1,"selected-navigation-highlight-colour"],"buttonBackgroundColour":[1,"button-background-colour"],"buttonIconColour":[1,"button-icon-colour"],"entryBackgroundColour":[1,"entry-background-colour"],"entryHighlightColour":[1,"entry-highlight-colour"],"entryDateColour":[1,"entry-date-colour"],"entryTitleColour":[1,"entry-title-colour"],"entryTextColour":[1,"entry-text-colour"]}]]],["p-2a46a00c",[[1,"biggive-timeline-entry",{"date":[1],"heading":[1]}]]],["p-671ff619",[[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}]]],["p-3d817748",[[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}]]],["p-41621756",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]],["p-d43ab928",[[1,"philco-footer",{"headingLevel":[2,"heading-level"],"philcoUrlPrefix":[1,"philco-url-prefix"]}]]],["p-9478552c",[[1,"biggive-form-field-select",{"selectionChanged":[16],"prompt":[1],"selectedValue":[1025,"selected-value"],"selectedLabel":[1025,"selected-label"],"options":[1],"selectStyle":[1,"select-style"],"backgroundColour":[1,"background-colour"],"selectedOptionColour":[1,"selected-option-colour"],"spaceBelow":[2,"space-below"],"placeholder":[1]}]]],["p-6dd1dfc1",[[1,"biggive-popup",{"modalClosedCallback":[16],"openFromOutside":[64],"closeFromOutside":[64]}]]],["p-2ac73719",[[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}]]],["p-bf6c495e",[[1,"biggive-social-icon",{"service":[1],"labelPrefix":[1,"label-prefix"],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"wide":[4],"url":[1]}]]],["p-60e5f77e",[[1,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["p-af22ff32",[[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"buttonId":[1,"button-id"],"siteDesign":[1,"site-design"],"disabled":[4]}]]]]'),e)}));
 //# sourceMappingURL=biggive.esm.js.map

package/dist/biggive/p-d51d056a.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e}from"./p-0cedd560.js";const r='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}';const t=r;const a=class{constructor(e){o(this,e);this.spaceBelow=0;this.defaultTextColour="black";this.quote="";this.attribution="";this.quoteIconColour="primary";this.siteDesign="biggive"}render(){const o=this.siteDesign==="philco"?this.quote:`“${this.quote}”`;const r=this.siteDesign==="philco"?this.attribution:`- ${this.attribution}`;const t=e("svg",{key:"5de20dedf9b3f63e0d18a3c6f6db658773930ef4",width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"4232e2d6813809c0e65b72b2bcb857adf78523bb",d:"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z",fill:"#2C089B"}));const a=e("svg",{key:"39bed67f4a66342040d8999462237f1bc33bb2d3",width:"96",height:"86",overflow:"hidden",viewBox:"0 0 96 81",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"eed7338576d6133cc4fe2af249b9fa736e629305",d:"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z",fill:"#f18a00"}));return e("div",{key:"55704a7665da798a11bc6078df421e6bef21dff2",class:"container text-colour-"+this.defaultTextColour+" quote-icon-colour-"+this.quoteIconColour+" space-below-"+this.spaceBelow+" "+this.siteDesign},e("div",{key:"4887cb1a6c1d6f37b94c8120dd33e20f17269246",class:"image-wrap"},this.siteDesign==="philco"?a:t),e("div",{key:"842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9",class:"quote"},o),e("div",{key:"efc0b32403e7951e0e59b3c8f5e16fd483af9d4a",class:"attribution"},r))}};a.style=t;export{a as biggive_quote};
+//# sourceMappingURL=p-d51d056a.entry.js.map

package/dist/biggive/p-d51d056a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["biggiveQuoteCss","BiggiveQuoteStyle0","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","overflow","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,01KACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,kBAAiC,QAEjCF,KAAAG,MAAgB,GAEhBH,KAAAI,YAAsB,GAEtBJ,KAAAK,gBAA+B,UAE/BL,KAAAM,WAAmC,S,CAE3C,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAA,QAAAC,IAAA,2CAAMM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKM,SAAS,SAASL,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAClFN,EAAA,QAAAC,IAAA,2CACEM,EAAE,ucACFF,KAAK,aAKX,OACEL,EAAA,OAAAC,IAAA,2CAAKS,MAAO,yBAA2BnB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKS,MAAM,cAAcnB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKS,MAAM,SAAShB,GACpBM,EAAA,OAAAC,IAAA,2CAAKS,MAAM,eAAef,G","ignoreList":[]}

package/dist/biggive/pages/philco.html

@@ -11,40 +11,105 @@
   <script nomodule src="../build/biggive.js"></script>
 
   <style>
-    body {
-      /*
-         background colour shows through in triangles above and below any page sections that use the crop-left / crop-right
-         diagonal edge feature. This means we we can only support those sections being used if there are white (or whatever
-         the body background is) coloured sections immediately before and after.
-       */
-      background-color: #ffffff;
-      margin: 0;
-      padding: 0;
+    body.background-primary {background-color: #2C089B;}
+    body.background-secondary {background-color: #2AF135;}
+    body.background-tertiary {background-color: #FF7272;}
+    body.background-brand-cc-red {background-color: #B30510;}
+    body.background-brand-wgmf-purple {background-color: #6E0887;}
+    body.background-brand-gmf-green {background-color: #50B400;}
+    body.background-brand-emf-yellow {background-color: #FFE500;}
+    body.background-brand-c4c-orange {background-color: #F07D00;}
+    body.background-brand-mhf-turquoise {background-color: #62CFC9;}
+    body.background-brand-afa-pink {background-color: #BF387D;}
+    body.background-brand-scw-magenta {background-color: #EE2C65;}
+    body.background-brand-grey {background-color: #CBC8C8;}
+    body.background-white {background-color: #FFFFFF;}
+    body.background-black {background-color: #000000;}
+    body.background-grey-extra-light {background-color: #D7D7D7;}
+    body.background-grey-light {background-color: #F6F6F6;}
+    body.background-grey-medium {background-color: #8A8A8A;}
+    body.background-grey-dark {background-color: #4A4A4A;}
+    body.background-philco-orange {background-color: #F18A00;}
+    body.background-philco-gray-90 {background-color: #1D1D1B;}
+    body.background-philco-gray-70 {background-color: #7D7D7D;}
+    body.background-philco-white {background-color: #FFFFFF;}
+    body.background-philco-success-green {background-color: #1EC691;}
+    body.background-philco-error-coral {background-color: #F54242;}
+    body.background-philco-gray-30 {background-color: #BBBBBB;}
+    body.background-philco-gray-20 {background-color: #F6F6F6;}
+
+
+    .philco-hero-image {
+      font-family: 'Bitter', serif;
+      container-type: inline-size;
+      min-height: 500px;
+      .textside {
+        h1 {
+          font-family: 'Garage Gothic', sans-serif;
+          font-weight: 700;
+          font-size: 40px;
+          line-height: 60px;
+          font-weight: bold;
+          text-transform: uppercase;
+          position: relative;
+          z-index: 2;
+        }
+        color: #1D1D1B; /* philco-grey-90 */
+      }
+    }
+    img {
+
+      position: relative;
+      left: 50%;
+      width: 500px;
+      height: 333px;
+      transform: translateX(-50%);
     }
+
+    @container (min-width: 1200px) {
+      .textside {
+        max-width: 800px;
+        p {
+          max-width: 500px;
+        }
+      }
+      img {
+        position: absolute;
+        left: auto;
+        top: 0;
+        right: 0;
+        transform: inherit;
+        width: 800px;
+        height: 533px;
+      }
+    }
+
+
   </style>
+
 </head>
+<body  background-philco-orange uses-components philco>
 
 <philco-main-menu
   philco-url-prefix="http://localhost:30003"
 ></philco-main-menu>
 
+<biggive-page-section
+  colour-scheme="philco-orange"  max-width="100"  section-style-top="straight"  section-style-bottom="straight" >
 
-<!--
-todo - work out how to express that the first word of "Transform Capitalism below should be a different colour"
-and the part of the teaser up to the word "philanthropy," should be bold.
--->
+<div class="philco-hero-image">
+  <img fetchpriority="high" decoding="async" src="https://d1842m250x5wwk.cloudfront.net/uploads/sites/2/2025/04/philco-logo-composite.png" width="800" height="533"/>
+  <div class="textside">
+    <h1><span style="color: white">Transform</span> Capitalism For Good</h1>
 
-  <biggive-hero-image
-    slug=""
-    slug-colour=""  logo=""
-    logo-height="1"  logo-alt-text=""
-    main-image=""
-    main-image-align-vertical="center"  main-image-align-horizontal="center"
-    main-title="Transform capitalism for good"  main-title-colour=""
-    teaser=
-      "The PhilCo movement transforms business by committing 10% of shares to philanthropy, creating positive change, building reputation, and ensuring growth. Lead your industry in doing good while thriving"
-    teaser-colour="" >
-  </biggive-hero-image>
+    <p><strong>The PhilCo movement transforms business by committing 10% of
+      shares to philanthropy,</strong> creating positive change, building reputation,
+      and ensuring growth. Lead your industry in doing good while thriving.
+    </p>
+  </div>
+</div>
+
+</biggive-page-section>
 
 
 
@@ -178,37 +243,20 @@ Sign up today
 </biggive-page-section>
 
 <biggive-page-section>
-  <h2>What the Philco Leaders Are Saying</h2>
-  <div style="display: flex;">
-    <div style="flex: 1">
-    <biggive-quote
-      default-text-colour="${args.defaultTextColour}"
-      quote="Philanthropy is the core of who we are. Joining the Philco movement
-      has not only strengthened our commitment to society but also transformed how we
-      do business. It's given us purpose, increased loyalty, and built resilience.
-      Doing good truly makes business better."
-      attribution="Name, title - company name"
-      site-design="philco"
-      quote-icon-colour="philco-orange"
-    >
-    </biggive-quote>
-    </div>
-    <div style="flex: 1">
-      <biggive-quote
-        default-text-colour="${args.defaultTextColour}"
-        quote="Becoming a PhilCo has redefined our approach to business. It’s
-        not just about giving back; it’s about creating a better world while
-        building a stronger, more loyal customer base. The impact on our
-        employees and community has been phenomenal, and we’re thriving
-        because of it."
-        attribution="Name, title - company name"
-        site-design="philco"
-        quote-icon-colour="philco-orange"
-      >
-      </biggive-quote>
-  </div>
-  </div>
-</biggive-page-section>
+
+
+  <biggive-grid
+    space-below="0"  column-count="2"  column-gap="1" >
+
+
+    <biggive-quote quote="Philanthropy is at the core of who we are. Joining the PhilCo movement has not only strengthened our commitment to society but also transformed how we do business. It’s given us purpose, increased loyalty, and built resilience. Doing good truly makes business better."  attribution="Name, Title - company name"  site-design="philco"  space-below="0"  default-text-colour="philco-gray-90"  quote-icon-colour="philco-orange" ></biggive-quote>
+
+
+    <biggive-quote quote="Philanthropy is at the core of who we are. Joining the PhilCo movement has not only strengthened our commitment to society but also transformed how we do business. It’s given us purpose, increased loyalty, and built resilience. Doing good truly makes business better."  attribution="Name, Title - company name"  site-design="philco"  space-below="0"  default-text-colour="philco-gray-90"  quote-icon-colour="philco-orange" ></biggive-quote>
+
+
+
+  </biggive-grid>
 
 <philco-footer
   heading-level=3

package/dist/cjs/biggive-quote.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-68d18263.js');
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
 const BiggiveQuoteStyle0 = biggiveQuoteCss;
 
 const BiggiveQuote = class {
@@ -21,8 +21,8 @@ const BiggiveQuote = class {
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (index.h("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (index.h("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (index.h("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, index.h("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), index.h("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), index.h("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (index.h("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (index.h("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, index.h("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), index.h("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), index.h("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
 };
 BiggiveQuote.style = BiggiveQuoteStyle0;

package/dist/cjs/biggive-quote.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"biggive-quote.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,kyKAAkyK,CAAC;AAC3zK,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrBA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,mEAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpBA,kEAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9FA,mEACE,CAAC,EAAC,4jBAA4jB,EAC9jB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtKA,kEAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnGA,kEAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChCA,kEAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n     svg {\n        height: 90px;\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n          fill=\"#F18A00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-quote.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,61KAA61K,CAAC;AACt3K,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrBA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5FA,mEAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpBA,kEAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9GA,mEACE,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACEA,kEAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtKA,kEAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnGA,kEAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChCA,kEAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;","names":["h"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -223,8 +223,12 @@ a:hover {
   font-size: 16px;
   background-color: transparent;
 }
+.container.philco .image-wrap {
+  overflow: hidden;
+}
 .container.philco .image-wrap svg {
-  height: 90px;
+  width: 100px;
+  height: 90px; /* = 86/96*100 */
 }
 .container .image-wrap {
   text-align: center;

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

@@ -12,8 +12,8 @@ export class BiggiveQuote {
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (h("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (h("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (h("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), h("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (h("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (h("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), h("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
     static get is() { return "biggive-quote"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/biggive-quote/biggive-quote.js.map

@@ -1 +1 @@
-{"version":3,"file":"biggive-quote.js","sourceRoot":"","sources":["../../../src/components/biggive-quote/biggive-quote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY;IALzB;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,GAAG,CACxB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,GAAG,CACvB,4DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC9F,6DACE,CAAC,EAAC,4jBAA4jB,EAC9jB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU;YACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAO;YACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO;YAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n          fill=\"#F18A00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"biggive-quote.js","sourceRoot":"","sources":["../../../src/components/biggive-quote/biggive-quote.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,YAAY;IALzB;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,GAAG,CACxB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,GAAG,CACvB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;YAC9G,6DACE,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU;YACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAO;YACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO;YAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/pages/philco.html

@@ -11,40 +11,105 @@
   <script nomodule src="../build/biggive.js"></script>
 
   <style>
-    body {
-      /*
-         background colour shows through in triangles above and below any page sections that use the crop-left / crop-right
-         diagonal edge feature. This means we we can only support those sections being used if there are white (or whatever
-         the body background is) coloured sections immediately before and after.
-       */
-      background-color: #ffffff;
-      margin: 0;
-      padding: 0;
+    body.background-primary {background-color: #2C089B;}
+    body.background-secondary {background-color: #2AF135;}
+    body.background-tertiary {background-color: #FF7272;}
+    body.background-brand-cc-red {background-color: #B30510;}
+    body.background-brand-wgmf-purple {background-color: #6E0887;}
+    body.background-brand-gmf-green {background-color: #50B400;}
+    body.background-brand-emf-yellow {background-color: #FFE500;}
+    body.background-brand-c4c-orange {background-color: #F07D00;}
+    body.background-brand-mhf-turquoise {background-color: #62CFC9;}
+    body.background-brand-afa-pink {background-color: #BF387D;}
+    body.background-brand-scw-magenta {background-color: #EE2C65;}
+    body.background-brand-grey {background-color: #CBC8C8;}
+    body.background-white {background-color: #FFFFFF;}
+    body.background-black {background-color: #000000;}
+    body.background-grey-extra-light {background-color: #D7D7D7;}
+    body.background-grey-light {background-color: #F6F6F6;}
+    body.background-grey-medium {background-color: #8A8A8A;}
+    body.background-grey-dark {background-color: #4A4A4A;}
+    body.background-philco-orange {background-color: #F18A00;}
+    body.background-philco-gray-90 {background-color: #1D1D1B;}
+    body.background-philco-gray-70 {background-color: #7D7D7D;}
+    body.background-philco-white {background-color: #FFFFFF;}
+    body.background-philco-success-green {background-color: #1EC691;}
+    body.background-philco-error-coral {background-color: #F54242;}
+    body.background-philco-gray-30 {background-color: #BBBBBB;}
+    body.background-philco-gray-20 {background-color: #F6F6F6;}
+
+
+    .philco-hero-image {
+      font-family: 'Bitter', serif;
+      container-type: inline-size;
+      min-height: 500px;
+      .textside {
+        h1 {
+          font-family: 'Garage Gothic', sans-serif;
+          font-weight: 700;
+          font-size: 40px;
+          line-height: 60px;
+          font-weight: bold;
+          text-transform: uppercase;
+          position: relative;
+          z-index: 2;
+        }
+        color: #1D1D1B; /* philco-grey-90 */
+      }
+    }
+    img {
+
+      position: relative;
+      left: 50%;
+      width: 500px;
+      height: 333px;
+      transform: translateX(-50%);
     }
+
+    @container (min-width: 1200px) {
+      .textside {
+        max-width: 800px;
+        p {
+          max-width: 500px;
+        }
+      }
+      img {
+        position: absolute;
+        left: auto;
+        top: 0;
+        right: 0;
+        transform: inherit;
+        width: 800px;
+        height: 533px;
+      }
+    }
+
+
   </style>
+
 </head>
+<body  background-philco-orange uses-components philco>
 
 <philco-main-menu
   philco-url-prefix="http://localhost:30003"
 ></philco-main-menu>
 
+<biggive-page-section
+  colour-scheme="philco-orange"  max-width="100"  section-style-top="straight"  section-style-bottom="straight" >
 
-<!--
-todo - work out how to express that the first word of "Transform Capitalism below should be a different colour"
-and the part of the teaser up to the word "philanthropy," should be bold.
--->
+<div class="philco-hero-image">
+  <img fetchpriority="high" decoding="async" src="https://d1842m250x5wwk.cloudfront.net/uploads/sites/2/2025/04/philco-logo-composite.png" width="800" height="533"/>
+  <div class="textside">
+    <h1><span style="color: white">Transform</span> Capitalism For Good</h1>
 
-  <biggive-hero-image
-    slug=""
-    slug-colour=""  logo=""
-    logo-height="1"  logo-alt-text=""
-    main-image=""
-    main-image-align-vertical="center"  main-image-align-horizontal="center"
-    main-title="Transform capitalism for good"  main-title-colour=""
-    teaser=
-      "The PhilCo movement transforms business by committing 10% of shares to philanthropy, creating positive change, building reputation, and ensuring growth. Lead your industry in doing good while thriving"
-    teaser-colour="" >
-  </biggive-hero-image>
+    <p><strong>The PhilCo movement transforms business by committing 10% of
+      shares to philanthropy,</strong> creating positive change, building reputation,
+      and ensuring growth. Lead your industry in doing good while thriving.
+    </p>
+  </div>
+</div>
+
+</biggive-page-section>
 
 
 
@@ -178,37 +243,20 @@ Sign up today
 </biggive-page-section>
 
 <biggive-page-section>
-  <h2>What the Philco Leaders Are Saying</h2>
-  <div style="display: flex;">
-    <div style="flex: 1">
-    <biggive-quote
-      default-text-colour="${args.defaultTextColour}"
-      quote="Philanthropy is the core of who we are. Joining the Philco movement
-      has not only strengthened our commitment to society but also transformed how we
-      do business. It's given us purpose, increased loyalty, and built resilience.
-      Doing good truly makes business better."
-      attribution="Name, title - company name"
-      site-design="philco"
-      quote-icon-colour="philco-orange"
-    >
-    </biggive-quote>
-    </div>
-    <div style="flex: 1">
-      <biggive-quote
-        default-text-colour="${args.defaultTextColour}"
-        quote="Becoming a PhilCo has redefined our approach to business. It’s
-        not just about giving back; it’s about creating a better world while
-        building a stronger, more loyal customer base. The impact on our
-        employees and community has been phenomenal, and we’re thriving
-        because of it."
-        attribution="Name, title - company name"
-        site-design="philco"
-        quote-icon-colour="philco-orange"
-      >
-      </biggive-quote>
-  </div>
-  </div>
-</biggive-page-section>
+
+
+  <biggive-grid
+    space-below="0"  column-count="2"  column-gap="1" >
+
+
+    <biggive-quote quote="Philanthropy is at the core of who we are. Joining the PhilCo movement has not only strengthened our commitment to society but also transformed how we do business. It’s given us purpose, increased loyalty, and built resilience. Doing good truly makes business better."  attribution="Name, Title - company name"  site-design="philco"  space-below="0"  default-text-colour="philco-gray-90"  quote-icon-colour="philco-orange" ></biggive-quote>
+
+
+    <biggive-quote quote="Philanthropy is at the core of who we are. Joining the PhilCo movement has not only strengthened our commitment to society but also transformed how we do business. It’s given us purpose, increased loyalty, and built resilience. Doing good truly makes business better."  attribution="Name, Title - company name"  site-design="philco"  space-below="0"  default-text-colour="philco-gray-90"  quote-icon-colour="philco-orange" ></biggive-quote>
+
+
+
+  </biggive-grid>
 
 <philco-footer
   heading-level=3

package/dist/components/biggive-quote.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
 const BiggiveQuoteStyle0 = biggiveQuoteCss;
 
 const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveQuote extends HTMLElement {
@@ -19,8 +19,8 @@ const BiggiveQuote$1 = /*@__PURE__*/ proxyCustomElement(class BiggiveQuote exten
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (h("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (h("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (h("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), h("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (h("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (h("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), h("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
     static get style() { return BiggiveQuoteStyle0; }
 }, [1, "biggive-quote", {

package/dist/components/biggive-quote.js.map

@@ -1 +1 @@
-{"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,kyKAAkyK,CAAC;AAC3zK,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpB,4DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9F,6DACE,CAAC,EAAC,4jBAA4jB,EAC9jB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n     svg {\n        height: 90px;\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n          fill=\"#F18A00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-quote.js","mappings":";;AAAA,MAAM,eAAe,GAAG,61KAA61K,CAAC;AACt3K,2BAAe,eAAe;;MCQjBA,cAAY;IALzB;;;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9G,6DACE,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BiggiveQuote"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/biggive-quote.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-673860e9.js';
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
 const BiggiveQuoteStyle0 = biggiveQuoteCss;
 
 const BiggiveQuote = class {
@@ -17,8 +17,8 @@ const BiggiveQuote = class {
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (h("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (h("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (h("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), h("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (h("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (h("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, h("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), h("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), h("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
 };
 BiggiveQuote.style = BiggiveQuoteStyle0;

package/dist/esm/biggive-quote.entry.js.map

@@ -1 +1 @@
-{"file":"biggive-quote.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,kyKAAkyK,CAAC;AAC3zK,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpB,4DAAK,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9F,6DACE,CAAC,EAAC,4jBAA4jB,EAC9jB,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;","names":[],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n     svg {\n        height: 90px;\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n          fill=\"#F18A00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"biggive-quote.entry.js","mappings":";;AAAA,MAAM,eAAe,GAAG,61KAA61K,CAAC;AACt3K,2BAAe,eAAe;;MCQjB,YAAY;IALzB;;QAMU,eAAU,GAAkB,CAAC,CAAC;QAE9B,sBAAiB,GAAgB,OAAO,CAAC;QAEzC,UAAK,GAAW,EAAE,CAAC;QAEnB,gBAAW,GAAW,EAAE,CAAC;QAEzB,oBAAe,GAAgB,SAAS,CAAC;QAEzC,eAAU,GAAyB,SAAS,CAAC;KA6BtD;IA3BC,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,GAAG,CAAC;QAC5E,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,IAAI,CAAC,WAAW,GAAG,KAAK,IAAI,CAAC,WAAW,EAAE,CAAC;QAE9F,MAAM,iBAAiB,IACrB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC5F,6DAAM,CAAC,EAAC,kFAAkF,EAAC,IAAI,EAAC,SAAS,GAAG,CACxG,CACP,CAAC;QAEF,MAAM,gBAAgB,IACpB,4DAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAC9G,6DACE,CAAC,EAAC,scAAsc,EACxc,IAAI,EAAC,SAAS,GACd,CACE,CACP,CAAC;QAEF,QACE,4DAAK,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,GAAG,qBAAqB,GAAG,IAAI,CAAC,eAAe,GAAG,eAAe,GAAG,IAAI,CAAC,UAAU,GAAG,GAAG,GAAG,IAAI,CAAC,UAAU,IACtK,4DAAK,KAAK,EAAC,YAAY,IAAE,IAAI,CAAC,UAAU,KAAK,QAAQ,GAAG,gBAAgB,GAAG,iBAAiB,CAAO,EACnG,4DAAK,KAAK,EAAC,OAAO,IAAE,KAAK,CAAO,EAChC,4DAAK,KAAK,EAAC,aAAa,IAAE,WAAW,CAAO,CACxC,EACN;KACH;;;;;;","names":[],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n      overflow: hidden;\n      svg {\n        width: 100px;\n        height: 90px; /* = 86/96*100 */\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"96\" height=\"86\" overflow=\"hidden\" viewBox=\"0 0 96 81\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z\"\n          fill=\"#f18a00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/hydrate/index.js

@@ -4966,7 +4966,7 @@ class BiggiveProgressBar {
     }; }
 }
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
 var BiggiveQuoteStyle0 = biggiveQuoteCss;
 
 class BiggiveQuote {
@@ -4983,8 +4983,8 @@ class BiggiveQuote {
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (hAsync("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (hAsync("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (hAsync("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, hAsync("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), hAsync("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), hAsync("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (hAsync("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (hAsync("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, hAsync("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), hAsync("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), hAsync("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
     static get style() { return BiggiveQuoteStyle0; }
     static get cmpMeta() { return {

package/hydrate/index.mjs

@@ -4962,7 +4962,7 @@ class BiggiveProgressBar {
     }; }
 }
 
-const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
+const biggiveQuoteCss = "a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap{overflow:hidden}.container.philco .image-wrap svg{width:100px;height:90px;}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}";
 var BiggiveQuoteStyle0 = biggiveQuoteCss;
 
 class BiggiveQuote {
@@ -4979,8 +4979,8 @@ class BiggiveQuote {
         const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;
         const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;
         const bigGiveQuoteMarks = (hAsync("svg", { key: '5de20dedf9b3f63e0d18a3c6f6db658773930ef4', width: "34", height: "24", viewBox: "0 0 34 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '4232e2d6813809c0e65b72b2bcb857adf78523bb', d: "M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z", fill: "#2C089B" })));
-        const philcoQuoteMarks = (hAsync("svg", { key: '801adfd0b7b04c3ce3f4ba8c959399af9ed46767', width: "472", height: "86", viewBox: "0 0 472 86", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: '424767034f03aa08fcde792af2effed57b3e7828', d: "M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z", fill: "#F18A00" })));
-        return (hAsync("div", { key: '02da30d77792fb4a463ba66a513eb98f127d2dae', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, hAsync("div", { key: '2518585cff80d128faf19c8f67909e7c003c12b5', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), hAsync("div", { key: '8c5e0f38c369fe9539311fe9004bfd072553688e', class: "quote" }, quote), hAsync("div", { key: 'f5b981bdd4da90849dff4ecd6015466ed4ccf5f2', class: "attribution" }, attribution)));
+        const philcoQuoteMarks = (hAsync("svg", { key: '39bed67f4a66342040d8999462237f1bc33bb2d3', width: "96", height: "86", overflow: "hidden", viewBox: "0 0 96 81", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { key: 'eed7338576d6133cc4fe2af249b9fa736e629305', d: "m 23.6,81.400008 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 l 7.8,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z m 53.2,0 c -15,0 -23.6,-12 -23.6,-32 0,-21.8 11.8,-38.8 35,-49.400008 L 96,15.600008 c -14.8,6.6 -22.4,16.4 -22.4,30.4 l 1.2,19 -11.8,-16.4 c 3.6,-3.2 9.6,-5.8 14.6,-5.8 10.8,0 18.2,7.4 18.2,18.4 0,12.2 -8,20.2 -19,20.2 z", fill: "#f18a00" })));
+        return (hAsync("div", { key: '55704a7665da798a11bc6078df421e6bef21dff2', class: 'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign }, hAsync("div", { key: '4887cb1a6c1d6f37b94c8120dd33e20f17269246', class: "image-wrap" }, this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks), hAsync("div", { key: '842e8ed2cfbabc6f91f7c45fee571f2b0b37cfd9', class: "quote" }, quote), hAsync("div", { key: 'efc0b32403e7951e0e59b3c8f5e16fd483af9d4a', class: "attribution" }, attribution)));
     }
     static get style() { return BiggiveQuoteStyle0; }
     static get cmpMeta() { return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@biggive/components",
   "_comment": "Version number below is automatically replaced during CircleCI build.",
-  "version": "202504231610.0.0",
+  "version": "202504291132.0.0",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/biggive/p-f63ef6ee.entry.js

@@ -1,2 +0,0 @@
-import{r as o,h as e}from"./p-0cedd560.js";const r='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}.image-wrap img{width:100%;height:auto}.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}.space-below-0{margin-bottom:0}.space-below-1{margin-bottom:5px}.space-below-2{margin-bottom:10px}.space-below-3{margin-bottom:15px}.space-below-4{margin-bottom:30px}.space-below-5{margin-bottom:45px}.space-below-6{margin-bottom:60px}.text-colour-hover-primary:hover,.text-colour-primary{color:#2C089B}.text-colour-hover-secondary:hover,.text-colour-secondary{color:#2AF135}.text-colour-hover-tertiary:hover,.text-colour-tertiary{color:#FF7272}.text-colour-hover-brand-cc-red:hover,.text-colour-brand-cc-red{color:#B30510}.text-colour-hover-brand-wgmf-purple:hover,.text-colour-brand-wgmf-purple{color:#6E0887}.text-colour-hover-brand-gmf-green:hover,.text-colour-brand-gmf-green{color:#50B400}.text-colour-hover-brand-emf-yellow:hover,.text-colour-brand-emf-yellow{color:#FFE500}.text-colour-hover-brand-c4c-orange:hover,.text-colour-brand-c4c-orange{color:#F07D00}.text-colour-hover-brand-afa-pink:hover,.text-colour-brand-afa-pink{color:#BF387D}.text-colour-hover-brand-scw-magenta:hover,.text-colour-brand-scw-magenta{color:#EE2C65}.text-colour-hover-brand-mhf-turquoise:hover,.text-colour-brand-mhf-turquoise{color:#62CFC9}.text-colour-hover-brand-grey:hover,.text-colour-brand-grey{color:#CBC8C8}.text-colour-hover-white:hover,.text-colour-white{color:#FFFFFF}.text-colour-hover-black:hover,.text-colour-black{color:#000000}.text-colour-hover-grey-extra-light:hover,.text-colour-grey-extra-light{color:#D7D7D7}.text-colour-hover-grey-light:hover,.text-colour-grey-light{color:#E8E8E8}.text-colour-hover-grey-medium:hover,.text-colour-grey-medium{color:#8A8A8A}.text-colour-hover-grey-dark:hover,.text-colour-grey-dark{color:#4A4A4A}.text-colour-hover-philco-orange:hover,.text-colour-philco-orange{color:#f18a00}.text-colour-hover-philco-gray-90:hover,.text-colour-philco-gray-90{color:#1d1d1B}.text-colour-hover-philco-gray-70:hover,.text-colour-philco-gray-70{color:#7D7D7D}.text-colour-hover-philco-white:hover,.text-colour-philco-white{color:#FFFFFF}.text-colour-hover-philco-success-green:hover,.text-colour-philco-success-green{color:#1Ec691}.text-colour-hover-philco-error-coral:hover,.text-colour-philco-error-coral{color:#F54242}.text-colour-hover-philco-gray-30:hover,.text-colour-philco-gray-30{color:#BBBBBB}.text-colour-hover-philco-gray-20:hover,.text-colour-philco-gray-20{color:#F6F6F6}:host{display:contents}.container{font-family:"Euclid Triangle", sans-serif;font-size:17px;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;font-size:16px;background-color:transparent}.container.philco .image-wrap svg{height:90px}.container .image-wrap{text-align:center;margin-bottom:15px}.container .image-wrap svg{height:30px;width:auto;margin:auto}.container .quote{margin-bottom:30px}.container.quote-icon-colour-primary .image-wrap path{fill:#2C089B}.container.quote-icon-colour-secondary .image-wrap path{fill:#2AF135}.container.quote-icon-colour-tertiary .image-wrap path{fill:#FF7272}.container.quote-icon-colour-brand-cc-red .image-wrap path{fill:#B30510}.container.quote-icon-colour-brand-wgmf-purple .image-wrap path{fill:#6E0887}.container.quote-icon-colour-brand-gmf-green .image-wrap path{fill:#50B400}.container.quote-icon-colour-brand-emf-yellow .image-wrap path{fill:#FFE500}.container.quote-icon-colour-brand-c4c-orange .image-wrap path{fill:#F07D00}.container.quote-icon-colour-brand-afa-pink .image-wrap path{fill:#BF387D}.container.quote-icon-colour-brand-scw-magenta .image-wrap path{fill:#EE2C65}.container.quote-icon-colour-brand-mhf-turquoise .image-wrap path{fill:#62CFC9}.container.quote-icon-colour-brand-grey .image-wrap path{fill:#CBC8C8}.container.quote-icon-colour-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-black .image-wrap path{fill:#000000}.container.quote-icon-colour-grey-extra-light .image-wrap path{fill:#D7D7D7}.container.quote-icon-colour-grey-light .image-wrap path{fill:#E8E8E8}.container.quote-icon-colour-grey-medium .image-wrap path{fill:#8A8A8A}.container.quote-icon-colour-grey-dark .image-wrap path{fill:#4A4A4A}.container.quote-icon-colour-philco-orange .image-wrap path{fill:#f18a00}.container.quote-icon-colour-philco-gray-90 .image-wrap path{fill:#1d1d1B}.container.quote-icon-colour-philco-gray-70 .image-wrap path{fill:#7D7D7D}.container.quote-icon-colour-philco-white .image-wrap path{fill:#FFFFFF}.container.quote-icon-colour-philco-success-green .image-wrap path{fill:#1Ec691}.container.quote-icon-colour-philco-error-coral .image-wrap path{fill:#F54242}.container.quote-icon-colour-philco-gray-30 .image-wrap path{fill:#BBBBBB}.container.quote-icon-colour-philco-gray-20 .image-wrap path{fill:#F6F6F6}@media screen and (max-width: 768px){.container{padding:45px}.container svg{width:40px;height:40px}}@media screen and (max-width: 576px){.container{padding:30px;font-size:13px;line-height:17px}.container svg{width:30px;height:30px}}@media screen and (max-width: 450px){.container{padding:15px}}.container.philco .attribution{font-weight:bolder;color:#7D7D7D}';const t=r;const a=class{constructor(e){o(this,e);this.spaceBelow=0;this.defaultTextColour="black";this.quote="";this.attribution="";this.quoteIconColour="primary";this.siteDesign="biggive"}render(){const o=this.siteDesign==="philco"?this.quote:`“${this.quote}”`;const r=this.siteDesign==="philco"?this.attribution:`- ${this.attribution}`;const t=e("svg",{key:"5de20dedf9b3f63e0d18a3c6f6db658773930ef4",width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"4232e2d6813809c0e65b72b2bcb857adf78523bb",d:"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z",fill:"#2C089B"}));const a=e("svg",{key:"801adfd0b7b04c3ce3f4ba8c959399af9ed46767",width:"472",height:"86",viewBox:"0 0 472 86",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"424767034f03aa08fcde792af2effed57b3e7828",d:"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z",fill:"#F18A00"}));return e("div",{key:"02da30d77792fb4a463ba66a513eb98f127d2dae",class:"container text-colour-"+this.defaultTextColour+" quote-icon-colour-"+this.quoteIconColour+" space-below-"+this.spaceBelow+" "+this.siteDesign},e("div",{key:"2518585cff80d128faf19c8f67909e7c003c12b5",class:"image-wrap"},this.siteDesign==="philco"?a:t),e("div",{key:"8c5e0f38c369fe9539311fe9004bfd072553688e",class:"quote"},o),e("div",{key:"f5b981bdd4da90849dff4ecd6015466ed4ccf5f2",class:"attribution"},r))}};a.style=t;export{a as biggive_quote};
-//# sourceMappingURL=p-f63ef6ee.entry.js.map

package/dist/biggive/p-f63ef6ee.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveQuoteCss","BiggiveQuoteStyle0","BiggiveQuote","constructor","hostRef","this","spaceBelow","defaultTextColour","quote","attribution","quoteIconColour","siteDesign","render","bigGiveQuoteMarks","h","key","width","height","viewBox","fill","xmlns","d","philcoQuoteMarks","class"],"sources":["src/components/biggive-quote/biggive-quote.scss?tag=biggive-quote&encapsulation=shadow","src/components/biggive-quote/biggive-quote.tsx"],"sourcesContent":["@include image-alignment();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include all-round-shadow();\n  @include standard-font();\n  height: 100%;\n  background-color: white;\n  &.philco {\n    @include philco-body-font();\n    background-color: transparent;\n    .image-wrap {\n     svg {\n        height: 90px;\n      }\n    }\n  }\n  text-align: center;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 600px;\n  padding: $spacer-6;\n  .image-wrap {\n    text-align: center;\n    margin-bottom: $spacer-3;\n    svg {\n      height: 30px;\n      width: auto;\n      margin: auto;\n    }\n  }\n  .quote {\n    margin-bottom: $spacer-4;\n  }\n\n  @each $key, $colour in $brandColours {\n    &.quote-icon-colour-#{$key} .image-wrap path { fill: $colour; }\n  }\n\n\n  @media screen and (max-width: $screen-tablet-max) {\n    padding: $spacer-5;\n    svg {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-max) {\n    padding: $spacer-4;\n    @include font-size-small();\n\n    svg {\n      width: 30px;\n      height: 30px;\n    }\n  }\n\n  @media screen and (max-width: $screen-mobile-small) {\n    padding: $spacer-3;\n  }\n\n  &.philco .attribution {\n    font-weight: bolder;\n    color: $colour-philco-gray-70;\n  }\n}\n","import { Component, Prop, h } from '@stencil/core';\nimport { brandColour } from '../../globals/brand-colour';\nimport { spacingOption } from '../../globals/spacing-option';\n\n@Component({\n  tag: 'biggive-quote',\n  styleUrl: 'biggive-quote.scss',\n  shadow: true,\n})\nexport class BiggiveQuote {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() defaultTextColour: brandColour = 'black';\n\n  @Prop() quote: string = '';\n\n  @Prop() attribution: string = '';\n\n  @Prop() quoteIconColour: brandColour = 'primary';\n\n  @Prop() siteDesign: 'biggive' | 'philco' = 'biggive';\n\n  render() {\n    const quote = this.siteDesign === 'philco' ? this.quote : `“${this.quote}”`;\n    const attribution = this.siteDesign === 'philco' ? this.attribution : `- ${this.attribution}`;\n\n    const bigGiveQuoteMarks = (\n      <svg width=\"34\" height=\"24\" viewBox=\"0 0 34 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path d=\"M16.1245 0L13.7167 24H0L11.0901 0H16.1245ZM34 0L31.5923 24H17.8755L28.9657 0H34Z\" fill=\"#2C089B\" />\n      </svg>\n    );\n\n    const philcoQuoteMarks = (\n      <svg width=\"472\" height=\"86\" viewBox=\"0 0 472 86\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M218.139 82.2C203.139 82.2 194.539 70.2 194.539 50.2C194.539 28.4 206.339 11.4 229.539 0.799992L237.339 16.4C222.539 23 214.939 32.8 214.939 46.8L216.139 65.8L204.339 49.4C207.939 46.2 213.939 43.6 218.939 43.6C229.739 43.6 237.139 51 237.139 62C237.139 74.2 229.139 82.2 218.139 82.2ZM271.339 82.2C256.339 82.2 247.739 70.2 247.739 50.2C247.739 28.4 259.539 11.4 282.739 0.799992L290.539 16.4C275.739 23 268.139 32.8 268.139 46.8L269.339 65.8L257.539 49.4C261.139 46.2 267.139 43.6 272.139 43.6C282.939 43.6 290.339 51 290.339 62C290.339 74.2 282.339 82.2 271.339 82.2Z\"\n          fill=\"#F18A00\"\n        />\n      </svg>\n    );\n\n    return (\n      <div class={'container text-colour-' + this.defaultTextColour + ' quote-icon-colour-' + this.quoteIconColour + ' space-below-' + this.spaceBelow + ' ' + this.siteDesign}>\n        <div class=\"image-wrap\">{this.siteDesign === 'philco' ? philcoQuoteMarks : bigGiveQuoteMarks}</div>\n        <div class=\"quote\">{quote}</div>\n        <div class=\"attribution\">{attribution}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAkB,+xKACxB,MAAAC,EAAeD,E,MCQFE,EAAY,MALzB,WAAAC,CAAAC,G,UAMUC,KAAAC,WAA4B,EAE5BD,KAAAE,kBAAiC,QAEjCF,KAAAG,MAAgB,GAEhBH,KAAAI,YAAsB,GAEtBJ,KAAAK,gBAA+B,UAE/BL,KAAAM,WAAmC,S,CAE3C,MAAAC,GACE,MAAMJ,EAAQH,KAAKM,aAAe,SAAWN,KAAKG,MAAQ,IAAIH,KAAKG,SACnE,MAAMC,EAAcJ,KAAKM,aAAe,SAAWN,KAAKI,YAAc,KAAKJ,KAAKI,cAEhF,MAAMI,EACJC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEN,EAAA,QAAAC,IAAA,2CAAMM,EAAE,mFAAmFF,KAAK,aAIpG,MAAMG,EACJR,EAAA,OAAAC,IAAA,2CAAKC,MAAM,MAAMC,OAAO,KAAKC,QAAQ,aAAaC,KAAK,OAAOC,MAAM,8BAClEN,EAAA,QAAAC,IAAA,2CACEM,EAAE,6jBACFF,KAAK,aAKX,OACEL,EAAA,OAAAC,IAAA,2CAAKQ,MAAO,yBAA2BlB,KAAKE,kBAAoB,sBAAwBF,KAAKK,gBAAkB,gBAAkBL,KAAKC,WAAa,IAAMD,KAAKM,YAC5JG,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,cAAclB,KAAKM,aAAe,SAAWW,EAAmBT,GAC3EC,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,SAASf,GACpBM,EAAA,OAAAC,IAAA,2CAAKQ,MAAM,eAAed,G","ignoreList":[]}