@biggive/components 202501021532.0.0 → 202501071646.0.0

package/package.json

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

package/dist/biggive/p-0eda1345.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBoxedContentCss","BiggiveBoxedContentStyle0","BiggiveBoxedContent","render","h","key","class","this","backgroundColour","spaceBelow","horizontalPadding","verticalPadding","shadow"],"sources":["src/components/biggive-boxed-content/biggive-boxed-content.scss?tag=biggive-boxed-content&encapsulation=shadow","src/components/biggive-boxed-content/biggive-boxed-content.tsx"],"sourcesContent":["@include backgrounds();\n\n:host {\n  display: content;\n}\n\n.container {\n  @include standard-font();\n  &.shadow-true {\n    @include lower-shadow();\n  }  \n}\n\n.horizontal-padding-1 { padding-left: $spacer-1; padding-right: $spacer-1; }\n.horizontal-padding-2 { padding-left: $spacer-2; padding-right: $spacer-2; }\n.horizontal-padding-3 { padding-left: $spacer-3; padding-right: $spacer-3; }\n.horizontal-padding-4 { padding-left: $spacer-4; padding-right: $spacer-4; }\n.horizontal-padding-5 { padding-left: $spacer-5; padding-right: $spacer-5; }\n.horizontal-padding-6 { padding-left: $spacer-6; padding-right: $spacer-6; }\n\n.vertical-padding-1 { padding-top: $spacer-1; padding-bottom: $spacer-1; }\n.vertical-padding-2 { padding-top: $spacer-2; padding-bottom: $spacer-2; }\n.vertical-padding-3 { padding-top: $spacer-3; padding-bottom: $spacer-3; }\n.vertical-padding-4 { padding-top: $spacer-4; padding-bottom: $spacer-4; }\n.vertical-padding-5 { padding-top: $spacer-5; padding-bottom: $spacer-5; }\n.vertical-padding-6 { padding-top: $spacer-6; padding-bottom: $spacer-6; }","import { Component, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'biggive-boxed-content',\n  styleUrl: 'biggive-boxed-content.scss',\n  shadow: true,\n})\nexport class BiggiveBoxedContent {\n  /**\n   * Space below component\n   */\n  @Prop() spaceBelow: number = 0;\n  /**\n   * Vertical padding\n   */\n  @Prop() verticalPadding: number = 3;\n  /**\n   * Horizontal padding\n   */\n  @Prop() horizontalPadding: number = 3;\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'white';\n  /**\n   * Shadow\n   */\n  @Prop() shadow: boolean = true;\n\n  render() {\n    return (\n      <div\n        class={\n          'container background-colour-' +\n          this.backgroundColour +\n          ' space-below-' +\n          this.spaceBelow +\n          ' horizontal-padding-' +\n          this.horizontalPadding +\n          ' vertical-padding-' +\n          this.verticalPadding +\n          ' shadow-' +\n          this.shadow\n        }\n      >\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAyB,sjGAC/B,MAAAC,EAAeD,E,MCMFE,EAAmB,M,yCAID,E,qBAIK,E,uBAIE,E,sBAID,Q,YAIT,I,CAE1B,MAAAC,GACE,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,+BACAC,KAAKC,iBACL,gBACAD,KAAKE,WACL,uBACAF,KAAKG,kBACL,qBACAH,KAAKI,gBACL,WACAJ,KAAKK,QAGPR,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/dist/biggive/p-16da1da1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveBasicCardCss","BiggiveBasicCardStyle0","BiggiveBasicCard","render","HeadingTag","this","headingLevel","h","key","class","spaceBelow","backgroundColour","clipBottomLeftCorner","clipTopRightCorner","addAnimation","style","backgroundImageUrl","href","buttonUrl","cardColour","textColour","icon","width","height","viewBox","fill","xmlns","d","iconColour","mainImageUrl","src","alt","mainImageAltText","title","mainTitle","subtitle","teaser","buttonLabel","buttonAlign","buttonColourScheme","url","label"],"sources":["src/components/biggive-basic-card/biggive-basic-card.scss?tag=biggive-basic-card&encapsulation=shadow","src/components/biggive-basic-card/biggive-basic-card.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n@include spacers();\n@include text-colours();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  position: relative;\n  text-align: center;\n  background-size: cover;\n  background-position: center center;\n  padding: $spacer-4;\n  height: 100%;\n  white-space: pre-wrap;\n  a,\n  a:hover {\n    text-decoration: none;\n  }\n  .sleeve {\n    padding: $spacer-4;\n    height: 100%;\n    box-sizing: border-box;\n    transition: all 1s ease-in-out;\n  }\n  &.add-animation-true:hover .sleeve {\n    margin: -30px;\n    padding: 60px;\n    height: calc(100% + 60px);\n  }\n  &.clip-bottom-left-corner-false.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-top-right();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-false {\n    .sleeve {\n      @include corner-clip-medium-bottom-left();\n    }\n  }\n  &.clip-bottom-left-corner-true.clip-top-right-corner-true {\n    .sleeve {\n      @include corner-clip-medium-bottom-left-top-right();\n    }\n  }\n\n  .icon {\n    svg {\n      width: 50px;\n      height: auto;\n    }\n  }\n  .title {\n    // these have to be the heading level passed in based on order of headings, but in terms of design we want it look like H3.\n    @include heading-3();\n    margin-bottom: $spacer-3;\n  }\n  .subtitle {\n    margin-bottom: $spacer-3;\n  }\n  .main-image-container {\n    margin-bottom: 15px;\n    img {\n      width: 100%;\n      height: auto;\n    }\n  }\n  .button-wrap {\n    text-align: center;\n    &.align-left {\n      text-align: left;\n    }\n    &.align-right {\n      text-align: right;\n    }\n  }\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-basic-card',\n  styleUrl: 'biggive-basic-card.scss',\n  shadow: true,\n})\nexport class BiggiveBasicCard {\n  @Prop() spaceBelow: spacingOption = 0;\n\n  @Prop() backgroundColour: brandColour = 'primary';\n\n  @Prop() backgroundImageUrl: string = '';\n\n  @Prop() cardColour: brandColour = 'white';\n\n  @Prop() textColour: brandColour = 'black';\n\n  @Prop() mainImageUrl: string;\n\n  @Prop() mainImageAltText: string;\n\n  @Prop() mainTitle: string;\n\n  @Prop() subtitle: string;\n\n  @Prop() teaser: string;\n\n  @Prop() icon: boolean = true;\n\n  @Prop() iconColour: brandColour = 'primary';\n\n  @Prop() buttonAlign: string = 'center';\n\n  @Prop() buttonStyle: string = 'standard';\n\n  @Prop() buttonLabel: string;\n\n  @Prop() buttonUrl: string;\n\n  @Prop() buttonColourScheme: string = 'clear-primary';\n\n  @Prop() clipBottomLeftCorner: boolean = true;\n\n  @Prop() clipTopRightCorner: boolean = true;\n\n  @Prop() headingLevel: 1 | 2 | 3 | 4 | 5 | 6 = 3;\n\n  @Prop() addAnimation: boolean = false;\n\n  render() {\n    const HeadingTag = `h${this.headingLevel}`;\n\n    return (\n      <div\n        class={\n          'container space-below-' +\n          this.spaceBelow +\n          ' background-colour-' +\n          this.backgroundColour +\n          ' clip-bottom-left-corner-' +\n          this.clipBottomLeftCorner +\n          ' clip-top-right-corner-' +\n          this.clipTopRightCorner +\n          ' add-animation-' +\n          this.addAnimation\n        }\n        style={{ 'background-image': \"url('\" + this.backgroundImageUrl + \"')\" }}\n      >\n        <a href={this.buttonUrl}>\n          <div class={'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour}>\n            <div class=\"content-wrap\">\n              {this.icon == true ? (\n                <div class=\"icon\">\n                  <svg width=\"53\" height=\"39\" viewBox=\"0 0 53 39\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z\" class=\"fill-black\" />\n                    <path d=\"M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z\" class={'fill-' + this.iconColour} />\n                  </svg>\n                </div>\n              ) : null}\n              {this.mainImageUrl != '' ? (\n                <div class=\"main-image-container\">\n                  <div class=\"image-wrap\">\n                    <img src={this.mainImageUrl} alt={this.mainImageAltText} title={this.mainImageAltText} />\n                  </div>\n                </div>\n              ) : null}\n              <HeadingTag class=\"title\">{this.mainTitle}</HeadingTag>\n              <div class=\"subtitle\">{this.subtitle}</div>\n              <div class=\"teaser\">{this.teaser}</div>\n              {this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (\n                <div class={'button-wrap align-' + this.buttonAlign}>\n                  <biggive-button colour-scheme={this.buttonColourScheme} url={this.buttonUrl} label={this.buttonLabel}></biggive-button>\n                </div>\n              ) : null}\n            </div>\n          </div>\n        </a>\n      </div>\n    );\n  }\n}\n"],"mappings":"2CAAA,MAAMA,EAAsB,8gNAC5B,MAAAC,EAAeD,E,MCQFE,EAAgB,M,yCACS,E,sBAEI,U,wBAEH,G,gBAEH,Q,gBAEA,Q,6IAYV,K,gBAEU,U,iBAEJ,S,iBAEA,W,4EAMO,gB,0BAEG,K,wBAEF,K,kBAEQ,E,kBAEd,K,CAEhC,MAAAC,GACE,MAAMC,EAAa,IAAIC,KAAKC,eAE5B,OACEC,EAAA,OAAAC,IAAA,2CACEC,MACE,yBACAJ,KAAKK,WACL,sBACAL,KAAKM,iBACL,4BACAN,KAAKO,qBACL,0BACAP,KAAKQ,mBACL,kBACAR,KAAKS,aAEPC,MAAO,CAAE,mBAAoB,QAAUV,KAAKW,mBAAqB,OAEjET,EAAA,KAAAC,IAAA,2CAAGS,KAAMZ,KAAKa,WACZX,EAAA,OAAAC,IAAA,2CAAKC,MAAO,4BAA8BJ,KAAKc,WAAa,gBAAkBd,KAAKe,YACjFb,EAAA,OAAAC,IAAA,2CAAKC,MAAM,gBACRJ,KAAKgB,MAAQ,KACZd,EAAA,OAAKE,MAAM,QACTF,EAAA,OAAKe,MAAM,KAAKC,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,8BAChEnB,EAAA,QAAMoB,EAAE,4DAA4DlB,MAAM,eAC1EF,EAAA,QAAMoB,EAAE,gFAAgFlB,MAAO,QAAUJ,KAAKuB,eAGhH,KACHvB,KAAKwB,cAAgB,GACpBtB,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,cACTF,EAAA,OAAKuB,IAAKzB,KAAKwB,aAAcE,IAAK1B,KAAK2B,iBAAkBC,MAAO5B,KAAK2B,qBAGvE,KACJzB,EAACH,EAAU,CAAAI,IAAA,2CAACC,MAAM,SAASJ,KAAK6B,WAChC3B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,YAAYJ,KAAK8B,UAC5B5B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,UAAUJ,KAAK+B,QACzB/B,KAAKgC,aAAe,MAAQhC,KAAKa,WAAa,MAAQb,KAAKa,WAAa,GACvEX,EAAA,OAAKE,MAAO,qBAAuBJ,KAAKiC,aACtC/B,EAAA,kCAA+BF,KAAKkC,mBAAoBC,IAAKnC,KAAKa,UAAWuB,MAAOpC,KAAKgC,eAEzF,Q","ignoreList":[]}

package/dist/biggive/p-2eb2b970.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["biggiveCategoryIconCss","BiggiveCategoryIconStyle0","BiggiveCategoryIcon","getCategoryIcon","icon","FontAwesomeIconsService","this","render","h","key","class","backgroundColour","href","url","width","height","xmlns","iconColour","viewBox","d","toString","label"],"sources":["src/components/biggive-category-icon/biggive-category-icon.scss?tag=biggive-category-icon","src/components/biggive-category-icon/biggive-category-icon.tsx"],"sourcesContent":["@include backgrounds();\n@include fills();\n\n:host {\n  display: contents;\n}\n\n.container {\n  @include standard-font();\n  display: flex;\n  justify-content: flex-start;\n  .label {\n    padding-left: $spacer-3;\n    @include font-size-x-small();\n    width: 60px;\n    margin-top: auto;\n    margin-bottom: auto;\n  }\n}\n\n.category-icon-item {\n  @include icon-medium();\n}","import { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport { Component, Prop, h } from '@stencil/core';\nimport { FontAwesomeIconsService } from '../../util/fontawesome-icons';\n\n@Component({\n  tag: 'biggive-category-icon',\n  styleUrl: 'biggive-category-icon.scss',\n  shadow: false,\n})\nexport class BiggiveCategoryIcon {\n  /**\n   * Background colour\n   */\n  @Prop() backgroundColour: string = 'primary';\n\n  /**\n   * Background colour\n   */\n  @Prop() iconColour: string = 'white';\n  /**\n   * Icon\n   */\n  @Prop() icon: string;\n\n  /**\n   * Label\n   */\n  @Prop() label: string;\n\n  /**\n   * Url\n   */\n  @Prop() url: string = '#';\n\n  private getCategoryIcon(): IconDefinition {\n    var icon = FontAwesomeIconsService.getCategoryIcon(this.icon);\n    return icon;\n  }\n\n  render() {\n    return (\n      <div class=\"container\">\n        <div class={'category-icon-item background-colour-' + this.backgroundColour}>\n          <a href={this.url}>\n            <svg\n              width={this.getCategoryIcon().icon[0]}\n              height={this.getCategoryIcon().icon[1]}\n              xmlns=\"http://www.w3.org/2000/svg\"\n              class={'fill-' + this.iconColour}\n              viewBox={'0 0 ' + this.getCategoryIcon().icon[0] + ' ' + this.getCategoryIcon().icon[1]}\n            >\n              <path d={this.getCategoryIcon().icon[4].toString()} />\n            </svg>\n          </a>\n        </div>\n        <div class=\"label\">{this.label}</div>\n      </div>\n    );\n  }\n}\n"],"mappings":"+EAAA,MAAMA,EAAyB,s4LAC/B,MAAAC,EAAeD,E,MCQFE,EAAmB,M,+CAIK,U,gBAKN,Q,kDAcP,G,CAEd,eAAAC,GACN,IAAIC,EAAOC,EAAwBF,gBAAgBG,KAAKF,MACxD,OAAOA,C,CAGT,MAAAG,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,OAAAC,IAAA,2CAAKC,MAAO,wCAA0CJ,KAAKK,kBACzDH,EAAA,KAAAC,IAAA,2CAAGG,KAAMN,KAAKO,KACZL,EAAA,OAAAC,IAAA,2CACEK,MAAOR,KAAKH,kBAAkBC,KAAK,GACnCW,OAAQT,KAAKH,kBAAkBC,KAAK,GACpCY,MAAM,6BACNN,MAAO,QAAUJ,KAAKW,WACtBC,QAAS,OAASZ,KAAKH,kBAAkBC,KAAK,GAAK,IAAME,KAAKH,kBAAkBC,KAAK,IAErFI,EAAA,QAAAC,IAAA,2CAAMU,EAAGb,KAAKH,kBAAkBC,KAAK,GAAGgB,gBAI9CZ,EAAA,OAAAC,IAAA,2CAAKC,MAAM,SAASJ,KAAKe,O","ignoreList":[]}

package/dist/biggive/p-5262507c.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as i}from"./p-753c50c5.js";const n='a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}:host{display:contents}li{font-family:"Euclid Triangle", sans-serif;font-size:17px;line-height:24px;list-style-type:none;padding:0;margin:0;display:inline-block}::slotted(*){display:none}';const t=n;const s=class{constructor(i){e(this,i);this.url=undefined;this.label=undefined;this.iconColour=undefined}render(){return i("li",{key:"e3397df27a329b834615305d2f0c290942735e3a",class:"icon-"+this.iconColour},i("a",{key:"6bcc1f29538da7418b26e4f74b22e55dd1fa5f59",href:this.url},this.label),i("slot",{key:"9728762db7497b42bce1222b837699c075b31b00"}))}};s.style=t;export{s as biggive_nav_item};
-//# sourceMappingURL=p-5262507c.entry.js.map