@biggive/components 202307271726.0.0 → 202308021605.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-6f588def.entry.js +1 -0
- package/dist/cjs/biggive-image-card.cjs.entry.js +51 -0
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/biggive-image-card/biggive-image-card.css +368 -0
- package/dist/collection/components/biggive-image-card/biggive-image-card.js +470 -0
- package/dist/collection/components/biggive-image-card/biggive-image-card.stories.js +159 -0
- package/dist/components/biggive-image-card.d.ts +11 -0
- package/dist/components/biggive-image-card.js +94 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/esm/biggive-image-card.entry.js +47 -0
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-image-card/biggive-image-card.d.ts +27 -0
- package/dist/types/components/biggive-image-card/biggive-image-card.stories.d.ts +76 -0
- package/dist/types/components.d.ts +57 -0
- package/hydrate/index.js +76 -0
- package/package.json +1 -1
package/hydrate/index.js
CHANGED
|
@@ -7809,6 +7809,81 @@ class BiggiveImageButton {
|
|
|
7809
7809
|
}; }
|
|
7810
7810
|
}
|
|
7811
7811
|
|
|
7812
|
+
const biggiveImageCardCss = "/*!@a*/a.sc-biggive-image-card{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-image-card:hover{text-decoration:none}/*!@.background-colour-hover-primary:hover,\n.background-colour-primary*/.background-colour-hover-primary.sc-biggive-image-card:hover,.background-colour-primary.sc-biggive-image-card{background-color:#2C089B}/*!@.background-colour-hover-secondary:hover,\n.background-colour-secondary*/.background-colour-hover-secondary.sc-biggive-image-card:hover,.background-colour-secondary.sc-biggive-image-card{background-color:#2AF135}/*!@.background-colour-hover-tertiary:hover,\n.background-colour-tertiary*/.background-colour-hover-tertiary.sc-biggive-image-card:hover,.background-colour-tertiary.sc-biggive-image-card{background-color:#FF7272}/*!@.background-colour-hover-brand-1:hover,\n.background-colour-brand-1*/.background-colour-hover-brand-1.sc-biggive-image-card:hover,.background-colour-brand-1.sc-biggive-image-card{background-color:#B30510}/*!@.background-colour-hover-brand-2:hover,\n.background-colour-brand-2*/.background-colour-hover-brand-2.sc-biggive-image-card:hover,.background-colour-brand-2.sc-biggive-image-card{background-color:#6E0887}/*!@.background-colour-hover-brand-3:hover,\n.background-colour-brand-3*/.background-colour-hover-brand-3.sc-biggive-image-card:hover,.background-colour-brand-3.sc-biggive-image-card{background-color:#50B400}/*!@.background-colour-hover-brand-4:hover,\n.background-colour-brand-4*/.background-colour-hover-brand-4.sc-biggive-image-card:hover,.background-colour-brand-4.sc-biggive-image-card{background-color:#FFE500}/*!@.background-colour-hover-brand-5:hover,\n.background-colour-brand-5*/.background-colour-hover-brand-5.sc-biggive-image-card:hover,.background-colour-brand-5.sc-biggive-image-card{background-color:#F07D00}/*!@.background-colour-hover-brand-6:hover,\n.background-colour-brand-6*/.background-colour-hover-brand-6.sc-biggive-image-card:hover,.background-colour-brand-6.sc-biggive-image-card{background-color:#62CFC9}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-image-card:hover,.background-colour-white.sc-biggive-image-card{background-color:#FFFFFF}/*!@.background-colour-hover-black:hover,\n.background-colour-black*/.background-colour-hover-black.sc-biggive-image-card:hover,.background-colour-black.sc-biggive-image-card{background-color:#000000}/*!@.background-colour-hover-white:hover,\n.background-colour-white*/.background-colour-hover-white.sc-biggive-image-card:hover,.background-colour-white.sc-biggive-image-card{background-color:#FFFFFF}/*!@.background-colour-hover-grey-extra-light:hover,\n.background-colour-grey-extra-light*/.background-colour-hover-grey-extra-light.sc-biggive-image-card:hover,.background-colour-grey-extra-light.sc-biggive-image-card{background-color:#D7D7D7}/*!@.background-colour-hover-grey-light:hover,\n.background-colour-grey-light*/.background-colour-hover-grey-light.sc-biggive-image-card:hover,.background-colour-grey-light.sc-biggive-image-card{background-color:#E8E8E8}/*!@.background-colour-hover-grey-medium:hover,\n.background-colour-grey-medium*/.background-colour-hover-grey-medium.sc-biggive-image-card:hover,.background-colour-grey-medium.sc-biggive-image-card{background-color:#8A8A8A}/*!@.background-colour-hover-grey-dark:hover,\n.background-colour-grey-dark*/.background-colour-hover-grey-dark.sc-biggive-image-card:hover,.background-colour-grey-dark.sc-biggive-image-card{background-color:#4A4A4A}/*!@.fill-primary*/.fill-primary.sc-biggive-image-card{fill:#2C089B}/*!@.fill-secondary*/.fill-secondary.sc-biggive-image-card{fill:#2AF135}/*!@.fill-tertiary*/.fill-tertiary.sc-biggive-image-card{fill:#FF7272}/*!@.fill-brand-1*/.fill-brand-1.sc-biggive-image-card{fill:#B30510}/*!@.fill-brand-2*/.fill-brand-2.sc-biggive-image-card{fill:#6E0887}/*!@.fill-brand-3*/.fill-brand-3.sc-biggive-image-card{fill:#50B400}/*!@.fill-brand-4*/.fill-brand-4.sc-biggive-image-card{fill:#FFE500}/*!@.fill-brand-5*/.fill-brand-5.sc-biggive-image-card{fill:#F07D00}/*!@.fill-brand-6*/.fill-brand-6.sc-biggive-image-card{fill:#CBC8C8}/*!@.fill-brand-mhf-turquoise*/.fill-brand-mhf-turquoise.sc-biggive-image-card{fill:#62CFC9}/*!@.fill-white*/.fill-white.sc-biggive-image-card{fill:#FFFFFF}/*!@.fill-black*/.fill-black.sc-biggive-image-card{fill:#000000}/*!@.fill-grey-extra-light*/.fill-grey-extra-light.sc-biggive-image-card{fill:#D7D7D7}/*!@.fill-grey-light*/.fill-grey-light.sc-biggive-image-card{fill:#E8E8E8}/*!@.fill-grey-medium*/.fill-grey-medium.sc-biggive-image-card{fill:#8A8A8A}/*!@.fill-grey-dark*/.fill-grey-dark.sc-biggive-image-card{fill:#4A4A4A}/*!@.fill-red*/.fill-red.sc-biggive-image-card{fill:red}/*!@.space-above-0*/.space-above-0.sc-biggive-image-card{margin-top:0}/*!@.space-above-1*/.space-above-1.sc-biggive-image-card{margin-top:5px}/*!@.space-above-2*/.space-above-2.sc-biggive-image-card{margin-top:10px}/*!@.space-above-3*/.space-above-3.sc-biggive-image-card{margin-top:15px}/*!@.space-above-4*/.space-above-4.sc-biggive-image-card{margin-top:30px}/*!@.space-above-5*/.space-above-5.sc-biggive-image-card{margin-top:45px}/*!@.space-above-6*/.space-above-6.sc-biggive-image-card{margin-top:60px}/*!@.space-below-0*/.space-below-0.sc-biggive-image-card{margin-bottom:0}/*!@.space-below-1*/.space-below-1.sc-biggive-image-card{margin-bottom:5px}/*!@.space-below-2*/.space-below-2.sc-biggive-image-card{margin-bottom:10px}/*!@.space-below-3*/.space-below-3.sc-biggive-image-card{margin-bottom:15px}/*!@.space-below-4*/.space-below-4.sc-biggive-image-card{margin-bottom:30px}/*!@.space-below-5*/.space-below-5.sc-biggive-image-card{margin-bottom:45px}/*!@.space-below-6*/.space-below-6.sc-biggive-image-card{margin-bottom:60px}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-image-card:hover,.text-colour-primary.sc-biggive-image-card{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-image-card:hover,.text-colour-secondary.sc-biggive-image-card{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-image-card:hover,.text-colour-tertiary.sc-biggive-image-card{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-image-card:hover,.text-colour-brand-1.sc-biggive-image-card{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-image-card:hover,.text-colour-brand-2.sc-biggive-image-card{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-image-card:hover,.text-colour-brand-3.sc-biggive-image-card{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-image-card:hover,.text-colour-brand-4.sc-biggive-image-card{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-image-card:hover,.text-colour-brand-5.sc-biggive-image-card{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-image-card:hover,.text-colour-brand-6.sc-biggive-image-card{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-image-card:hover,.text-colour-white.sc-biggive-image-card{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-image-card:hover,.text-colour-black.sc-biggive-image-card{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-image-card:hover,.text-colour-grey-extra-light.sc-biggive-image-card{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-image-card:hover,.text-colour-grey-light.sc-biggive-image-card{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-image-card:hover,.text-colour-grey-medium.sc-biggive-image-card{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-image-card:hover,.text-colour-grey-dark.sc-biggive-image-card{color:#4A4A4A}/*!@:host*/.sc-biggive-image-card-h{display:contents}/*!@.container*/.container.sc-biggive-image-card{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative;text-align:center;background-size:cover;background-position:center center;padding:10px;height:100%;white-space:pre-wrap}/*!@.container a,\n.container a:hover*/.container.sc-biggive-image-card a.sc-biggive-image-card,.container.sc-biggive-image-card a.sc-biggive-image-card:hover{text-decoration:none}/*!@.container .sleeve*/.container.sc-biggive-image-card .sleeve.sc-biggive-image-card{padding:10px;height:100%;box-sizing:border-box;transition:all 1s ease-in-out}/*!@.container.add-animation-true:hover .sleeve*/.container.add-animation-true.sc-biggive-image-card:hover .sleeve.sc-biggive-image-card{margin:-30px;padding:60px;height:calc(100% + 60px)}/*!@.container.clip-bottom-left-corner-false.clip-top-right-corner-true .sleeve*/.container.clip-bottom-left-corner-false.clip-top-right-corner-true.sc-biggive-image-card .sleeve.sc-biggive-image-card{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 0% 100%, 0 100%)}/*!@.container.clip-bottom-left-corner-true.clip-top-right-corner-false .sleeve*/.container.clip-bottom-left-corner-true.clip-top-right-corner-false.sc-biggive-image-card .sleeve.sc-biggive-image-card{clip-path:polygon(0% 0%, 0% 0%, 100% 0%, 100% 0, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}/*!@.container.clip-bottom-left-corner-true.clip-top-right-corner-true .sleeve*/.container.clip-bottom-left-corner-true.clip-top-right-corner-true.sc-biggive-image-card .sleeve.sc-biggive-image-card{clip-path:polygon(0% 0%, 0% 0%, calc(100% - 50px) 0%, 100% 50px, 100% 100%, 100% 100%, 50px 100%, 0 calc(100% - 50px))}/*!@.container .icon svg*/.container.sc-biggive-image-card .icon.sc-biggive-image-card svg.sc-biggive-image-card{width:50px;height:auto}/*!@.container .title*/.container.sc-biggive-image-card .title.sc-biggive-image-card{font-size:25px;line-height:32px;font-weight:bold;margin-bottom:15px}/*!@.container .subtitle*/.container.sc-biggive-image-card .subtitle.sc-biggive-image-card{margin-bottom:15px}/*!@.container .main-image-container*/.container.sc-biggive-image-card .main-image-container.sc-biggive-image-card{margin-bottom:15px}/*!@.container .main-image-container img*/.container.sc-biggive-image-card .main-image-container.sc-biggive-image-card img.sc-biggive-image-card{width:100%;height:auto}/*!@.container .button-wrap*/.container.sc-biggive-image-card .button-wrap.sc-biggive-image-card{text-align:center}/*!@.container .button-wrap.align-left*/.container.sc-biggive-image-card .button-wrap.align-left.sc-biggive-image-card{text-align:left}/*!@.container .button-wrap.align-right*/.container.sc-biggive-image-card .button-wrap.align-right.sc-biggive-image-card{text-align:right}/*!@.container .text-align-left*/.container.sc-biggive-image-card .text-align-left.sc-biggive-image-card{text-align:left}/*!@.container .text-align-center*/.container.sc-biggive-image-card .text-align-center.sc-biggive-image-card{text-align:center}/*!@.container .text-align-right*/.container.sc-biggive-image-card .text-align-right.sc-biggive-image-card{text-align:right}";
|
|
7813
|
+
|
|
7814
|
+
class BiggiveImageCard {
|
|
7815
|
+
constructor(hostRef) {
|
|
7816
|
+
registerInstance(this, hostRef);
|
|
7817
|
+
this.spaceBelow = 0;
|
|
7818
|
+
this.backgroundColour = 'primary';
|
|
7819
|
+
this.backgroundImageUrl = '';
|
|
7820
|
+
this.cardColour = 'white';
|
|
7821
|
+
this.textColour = 'black';
|
|
7822
|
+
this.mainImageUrl = undefined;
|
|
7823
|
+
this.mainImageAltText = undefined;
|
|
7824
|
+
this.textAlign = 'center';
|
|
7825
|
+
this.mainTitle = undefined;
|
|
7826
|
+
this.subtitle = undefined;
|
|
7827
|
+
this.teaser = undefined;
|
|
7828
|
+
this.icon = true;
|
|
7829
|
+
this.iconColour = 'primary';
|
|
7830
|
+
this.buttonAlign = 'center';
|
|
7831
|
+
this.buttonStyle = 'standard';
|
|
7832
|
+
this.buttonLabel = undefined;
|
|
7833
|
+
this.buttonUrl = undefined;
|
|
7834
|
+
this.buttonColourScheme = 'clear-primary';
|
|
7835
|
+
this.clipBottomLeftCorner = true;
|
|
7836
|
+
this.clipTopRightCorner = true;
|
|
7837
|
+
this.headingLevel = 3;
|
|
7838
|
+
this.addAnimation = false;
|
|
7839
|
+
}
|
|
7840
|
+
render() {
|
|
7841
|
+
const HeadingTag = `h${this.headingLevel}`;
|
|
7842
|
+
return (hAsync("div", { class: 'container space-below-' +
|
|
7843
|
+
this.spaceBelow +
|
|
7844
|
+
' background-colour-' +
|
|
7845
|
+
this.backgroundColour +
|
|
7846
|
+
' clip-bottom-left-corner-' +
|
|
7847
|
+
this.clipBottomLeftCorner +
|
|
7848
|
+
' clip-top-right-corner-' +
|
|
7849
|
+
this.clipTopRightCorner +
|
|
7850
|
+
' add-animation-' +
|
|
7851
|
+
this.addAnimation, style: { 'background-image': "url('" + this.backgroundImageUrl + "')" } }, hAsync("a", { href: this.buttonUrl }, hAsync("div", { class: 'sleeve background-colour-' + this.cardColour + ' text-colour-' + this.textColour + ' text-align-' + this.textAlign }, hAsync("div", { class: "content-wrap" }, this.icon == true ? (hAsync("div", { class: "icon" }, hAsync("svg", { width: "53", height: "39", viewBox: "0 0 53 39", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M38.7009 13.6572L52.3535 38.6959H25.0386L38.7009 13.6572Z", class: "fill-black" }), hAsync("path", { d: "M20.4789 36.4199L6.36785e-06 5.89713e-05L40.9724 6.61352e-05L20.4789 36.4199Z", class: 'fill-' + this.iconColour })))) : null, this.mainImageUrl != '' ? (hAsync("div", { class: "main-image-container" }, hAsync("div", { class: "image-wrap" }, hAsync("img", { src: this.mainImageUrl, alt: this.mainImageAltText, title: this.mainImageAltText })))) : null, hAsync(HeadingTag, { class: "title" }, this.mainTitle), hAsync("div", { class: "subtitle" }, this.subtitle), hAsync("div", { class: "teaser" }, this.teaser), this.buttonLabel != null && this.buttonUrl != null && this.buttonUrl != '' ? (hAsync("div", { class: 'button-wrap align-' + this.buttonAlign }, hAsync("biggive-button", { "colour-scheme": this.buttonColourScheme, label: this.buttonLabel }))) : null)))));
|
|
7852
|
+
}
|
|
7853
|
+
static get style() { return biggiveImageCardCss; }
|
|
7854
|
+
static get cmpMeta() { return {
|
|
7855
|
+
"$flags$": 9,
|
|
7856
|
+
"$tagName$": "biggive-image-card",
|
|
7857
|
+
"$members$": {
|
|
7858
|
+
"spaceBelow": [2, "space-below"],
|
|
7859
|
+
"backgroundColour": [1, "background-colour"],
|
|
7860
|
+
"backgroundImageUrl": [1, "background-image-url"],
|
|
7861
|
+
"cardColour": [1, "card-colour"],
|
|
7862
|
+
"textColour": [1, "text-colour"],
|
|
7863
|
+
"mainImageUrl": [1, "main-image-url"],
|
|
7864
|
+
"mainImageAltText": [1, "main-image-alt-text"],
|
|
7865
|
+
"textAlign": [1, "text-align"],
|
|
7866
|
+
"mainTitle": [1, "main-title"],
|
|
7867
|
+
"subtitle": [1],
|
|
7868
|
+
"teaser": [1],
|
|
7869
|
+
"icon": [4],
|
|
7870
|
+
"iconColour": [1, "icon-colour"],
|
|
7871
|
+
"buttonAlign": [1, "button-align"],
|
|
7872
|
+
"buttonStyle": [1, "button-style"],
|
|
7873
|
+
"buttonLabel": [1, "button-label"],
|
|
7874
|
+
"buttonUrl": [1, "button-url"],
|
|
7875
|
+
"buttonColourScheme": [1, "button-colour-scheme"],
|
|
7876
|
+
"clipBottomLeftCorner": [4, "clip-bottom-left-corner"],
|
|
7877
|
+
"clipTopRightCorner": [4, "clip-top-right-corner"],
|
|
7878
|
+
"headingLevel": [2, "heading-level"],
|
|
7879
|
+
"addAnimation": [4, "add-animation"]
|
|
7880
|
+
},
|
|
7881
|
+
"$listeners$": undefined,
|
|
7882
|
+
"$lazyBundleId$": "-",
|
|
7883
|
+
"$attrsToReflect$": []
|
|
7884
|
+
}; }
|
|
7885
|
+
}
|
|
7886
|
+
|
|
7812
7887
|
const biggiveImageFeatureCss = "/*!@a*/a.sc-biggive-image-feature{color:inherit;text-decoration:underline}/*!@a:hover*/a.sc-biggive-image-feature:hover{text-decoration:none}/*!@.image-wrap img*/.image-wrap.sc-biggive-image-feature img.sc-biggive-image-feature{width:100%;height:auto}/*!@.text-colour-hover-primary:hover,\n.text-colour-primary*/.text-colour-hover-primary.sc-biggive-image-feature:hover,.text-colour-primary.sc-biggive-image-feature{color:#2C089B}/*!@.text-colour-hover-secondary:hover,\n.text-colour-secondary*/.text-colour-hover-secondary.sc-biggive-image-feature:hover,.text-colour-secondary.sc-biggive-image-feature{color:#2AF135}/*!@.text-colour-hover-tertiary:hover,\n.text-colour-tertiary*/.text-colour-hover-tertiary.sc-biggive-image-feature:hover,.text-colour-tertiary.sc-biggive-image-feature{color:#FF7272}/*!@.text-colour-hover-brand-1:hover,\n.text-colour-brand-1*/.text-colour-hover-brand-1.sc-biggive-image-feature:hover,.text-colour-brand-1.sc-biggive-image-feature{color:#B30510}/*!@.text-colour-hover-brand-2:hover,\n.text-colour-brand-2*/.text-colour-hover-brand-2.sc-biggive-image-feature:hover,.text-colour-brand-2.sc-biggive-image-feature{color:#6E0887}/*!@.text-colour-hover-brand-3:hover,\n.text-colour-brand-3*/.text-colour-hover-brand-3.sc-biggive-image-feature:hover,.text-colour-brand-3.sc-biggive-image-feature{color:#50B400}/*!@.text-colour-hover-brand-4:hover,\n.text-colour-brand-4*/.text-colour-hover-brand-4.sc-biggive-image-feature:hover,.text-colour-brand-4.sc-biggive-image-feature{color:#FFE500}/*!@.text-colour-hover-brand-5:hover,\n.text-colour-brand-5*/.text-colour-hover-brand-5.sc-biggive-image-feature:hover,.text-colour-brand-5.sc-biggive-image-feature{color:#F07D00}/*!@.text-colour-hover-brand-6:hover,\n.text-colour-brand-6*/.text-colour-hover-brand-6.sc-biggive-image-feature:hover,.text-colour-brand-6.sc-biggive-image-feature{color:#CBC8C8}/*!@.text-colour-hover-white:hover,\n.text-colour-white*/.text-colour-hover-white.sc-biggive-image-feature:hover,.text-colour-white.sc-biggive-image-feature{color:#FFFFFF}/*!@.text-colour-hover-black:hover,\n.text-colour-black*/.text-colour-hover-black.sc-biggive-image-feature:hover,.text-colour-black.sc-biggive-image-feature{color:#000000}/*!@.text-colour-hover-grey-extra-light:hover,\n.text-colour-grey-extra-light*/.text-colour-hover-grey-extra-light.sc-biggive-image-feature:hover,.text-colour-grey-extra-light.sc-biggive-image-feature{color:#D7D7D7}/*!@.text-colour-hover-grey-light:hover,\n.text-colour-grey-light*/.text-colour-hover-grey-light.sc-biggive-image-feature:hover,.text-colour-grey-light.sc-biggive-image-feature{color:#E8E8E8}/*!@.text-colour-hover-grey-medium:hover,\n.text-colour-grey-medium*/.text-colour-hover-grey-medium.sc-biggive-image-feature:hover,.text-colour-grey-medium.sc-biggive-image-feature{color:#8A8A8A}/*!@.text-colour-hover-grey-dark:hover,\n.text-colour-grey-dark*/.text-colour-hover-grey-dark.sc-biggive-image-feature:hover,.text-colour-grey-dark.sc-biggive-image-feature{color:#4A4A4A}/*!@:host*/.sc-biggive-image-feature-h{display:contents}/*!@.container*/.container.sc-biggive-image-feature{font-family:\"Euclid Triangle\", sans-serif;font-size:17px;line-height:24px;position:relative}/*!@.container .sleeve*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature{display:flex;justify-content:space-between}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .content-wrap.sc-biggive-image-feature{width:calc(40% - 15px);position:relative;z-index:1}/*!@.container .sleeve .content-wrap .slug*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .content-wrap.sc-biggive-image-feature .slug.sc-biggive-image-feature{font-size:20px;line-height:24px;font-weight:bold;margin:0;padding:0}/*!@.container .sleeve .content-wrap h2*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .content-wrap.sc-biggive-image-feature h2.sc-biggive-image-feature{font-size:38px;line-height:45px;font-weight:bold;margin:0 0 15px 0;padding:0}/*!@.container .sleeve .content-wrap .teaser*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .content-wrap.sc-biggive-image-feature .teaser.sc-biggive-image-feature{margin:0 0 45px 0;padding:0}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .graphic-wrap.sc-biggive-image-feature{width:calc(60% - 15px)}@media screen and (max-width: 576px){/*!@.container .sleeve*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature{flex-wrap:wrap}/*!@.container .sleeve .content-wrap*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .content-wrap.sc-biggive-image-feature{width:100%}/*!@.container .sleeve .graphic-wrap*/.container.sc-biggive-image-feature .sleeve.sc-biggive-image-feature .graphic-wrap.sc-biggive-image-feature{width:100%;margin-bottom:15px;order:-1}}";
|
|
7813
7888
|
|
|
7814
7889
|
class BiggiveImageFeature {
|
|
@@ -9001,6 +9076,7 @@ registerComponents([
|
|
|
9001
9076
|
BiggiveIconGroup,
|
|
9002
9077
|
BiggiveImage,
|
|
9003
9078
|
BiggiveImageButton,
|
|
9079
|
+
BiggiveImageCard,
|
|
9004
9080
|
BiggiveImageFeature,
|
|
9005
9081
|
BiggiveMainMenu,
|
|
9006
9082
|
BiggiveMiscIcon,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@biggive/components",
|
|
3
3
|
"_comment": "Version number below is automatically replaced during CircleCI build.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "202308021605.0.0",
|
|
5
5
|
"description": "Big Give Components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
7
7
|
"module": "dist/index.js",
|