@mycause/ui 0.18.6 → 0.18.8
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/CHANGELOG.md +14 -0
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts +5 -3
- package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts +7 -1
- package/dist/index.esm.js +25 -19
- package/dist/index.js +25 -19
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## 0.18.8
|
|
2
|
+
|
|
3
|
+
###### Fri, 15 Mar 2024
|
|
4
|
+
|
|
5
|
+
- MyAccountStartFundraiseCard
|
|
6
|
+
- Add new button
|
|
7
|
+
|
|
8
|
+
## 0.18.7
|
|
9
|
+
|
|
10
|
+
###### Tus, 4 Feb 2024
|
|
11
|
+
|
|
12
|
+
- Phone number input, Enhanced Select
|
|
13
|
+
- create new component
|
|
14
|
+
|
|
1
15
|
## 0.18.6
|
|
2
16
|
|
|
3
17
|
###### Tus, 4 Feb 2024
|
package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ export interface MyAccountStartFundraiseCardProps {
|
|
|
3
3
|
className?: string;
|
|
4
4
|
title?: string;
|
|
5
5
|
description?: string;
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
buttonText1?: string;
|
|
7
|
+
buttonText2?: string;
|
|
8
|
+
onClickButton1?: () => void;
|
|
9
|
+
onClickButton2?: () => void;
|
|
8
10
|
width: string;
|
|
9
11
|
}
|
|
10
|
-
declare const MyAccountStartFundraiseCard: ({ className, title,
|
|
12
|
+
declare const MyAccountStartFundraiseCard: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: MyAccountStartFundraiseCardProps) => JSX.Element;
|
|
11
13
|
export default MyAccountStartFundraiseCard;
|
package/dist/components/my-account-start-fundraise-card/my-account-start-fundraise-card.stories.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
|
|
|
3
3
|
declare const _default: {
|
|
4
4
|
title: string;
|
|
5
5
|
decorators: (typeof CenterDecorator)[];
|
|
6
|
-
component: ({ className, title,
|
|
6
|
+
component: ({ className, title, buttonText1, buttonText2, onClickButton1, onClickButton2, width, }: import("./my-account-start-fundraise-card").MyAccountStartFundraiseCardProps) => JSX.Element;
|
|
7
7
|
};
|
|
8
8
|
export default _default;
|
|
9
9
|
export declare const startFundraiseStory: {
|
|
@@ -12,3 +12,9 @@ export declare const startFundraiseStory: {
|
|
|
12
12
|
name: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
|
+
export declare const startFundraiseStoryV2: {
|
|
16
|
+
(): JSX.Element;
|
|
17
|
+
story: {
|
|
18
|
+
name: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
package/dist/index.esm.js
CHANGED
|
@@ -34782,43 +34782,47 @@ function FooterV2(_ref) {
|
|
|
34782
34782
|
}, "Copyright \xA9 ", new Date().getFullYear(), " all rights reserved"))));
|
|
34783
34783
|
}
|
|
34784
34784
|
|
|
34785
|
-
var css$o = ".my-account-start-fundraise-card-module_wrapper__2Iaek {\n height: 226px;\n display: flex;\n align-items: center;\n border-radius: 16px;\n background-color: #
|
|
34786
|
-
var cls$o = {"wrapper":"my-account-start-fundraise-card-module_wrapper__2Iaek","leftSide":"my-account-start-fundraise-card-module_leftSide__Tr9gw","title":"my-account-start-fundraise-card-module_title__19XBe","rightSide":"my-account-start-fundraise-card-module_rightSide__1k67A"};
|
|
34785
|
+
var css$o = ".my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 226px;\n display: flex;\n align-items: center;\n border-radius: 16px;\n background-color: #f7f7f8;\n position: relative;\n font-family: \"Montserrat\", sans-serif;\n box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25);\n width: 100%; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n padding-left: 52px;\n height: 100%; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n font-weight: 700;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n color: #404041;\n margin-bottom: 38px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH {\n display: flex;\n grid-gap: 15px;\n grid-gap: 15px;\n gap: 15px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj {\n padding: 16px 32px;\n background-color: #fff;\n border: 1px solid #ff5e6a;\n color: #ff5e6a;\n height: 56px;\n border-radius: 8px;\n font-size: 16px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n padding: 16px 32px;\n background-color: #ff5e6a;\n color: white;\n height: 56px;\n border-radius: 8px;\n font-size: 16px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 230px;\n position: absolute;\n right: 0;\n bottom: 0; }\n\n@media all and (max-width: 900px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 275px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n padding: 37px 40px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 330px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH {\n flex-direction: column; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 293px; } }\n\n@media all and (max-width: 720px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n overflow: hidden; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 300px;\n font-size: 16px;\n margin-bottom: 22px;\n line-height: 26px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n font-size: 14px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 280px;\n right: -60px; } }\n\n@media all and (max-width: 625px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 220px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 230px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n padding: 16px 10px;\n height: 44px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 240px; } }\n\n@media all and (max-width: 540px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 200px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n padding: 25px 20px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 220px;\n right: -60px; } }\n\n@media all and (max-width: 500px) and (min-width: 480px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 190px;\n right: -50px; } }\n\n@media all and (max-width: 415px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n margin-bottom: 20px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n font-size: 11px;\n height: 44px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 190px;\n right: -50px; } }\n";
|
|
34786
|
+
var cls$o = {"wrapper":"my-account-start-fundraise-card-module_wrapper__2Iaek","leftSide":"my-account-start-fundraise-card-module_leftSide__Tr9gw","title":"my-account-start-fundraise-card-module_title__19XBe","btnCover":"my-account-start-fundraise-card-module_btnCover__3DkvH","btn1":"my-account-start-fundraise-card-module_btn1__1ryxj","btn2":"my-account-start-fundraise-card-module_btn2__3OCZt","rightSide":"my-account-start-fundraise-card-module_rightSide__1k67A"};
|
|
34787
34787
|
styleInject(css$o);
|
|
34788
34788
|
|
|
34789
|
-
const img$j = "data:image/svg+xml,%3csvg width='
|
|
34789
|
+
const img$j = "data:image/svg+xml,%3csvg width='239' height='209' viewBox='0 0 239 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3102_8273)'%3e%3cpath d='M168.46 33.0748L167.701 33.9786L166.893 33.0748C128.783 -4.95258 67.0208 -4.90565 28.9417 33.153C-9.13705 71.2274 -9.90462 133.673 28.2055 171.7L167.77 310.936L307.241 171.528C345.32 133.454 344.521 71.0081 306.427 32.981C268.317 -5.04641 206.554 -4.99947 168.475 33.0592L168.46 33.0748Z' fill='%23EBEBEC'/%3e%3cpath d='M126.736 0.126587C126.736 0.126587 118.27 -1.91983 113.146 10.4435C108.876 20.7488 105.846 26.2521 109.313 29.9904C110.553 31.3278 112.322 32.0484 114.147 32.1101L133.661 32.7499C133.661 32.7499 140.825 14.0122 136.47 7.23704C132.115 0.458022 126.736 0.126587 126.736 0.126587Z' fill='%232F2E41'/%3e%3cpath d='M130.777 31.1927L121.391 34.272V20.7949H129.907L130.777 31.1927Z' fill='%23E58766'/%3e%3cpath d='M123.572 194.501H114.777L109.68 147.646H123.27L123.572 194.501Z' fill='%23E58766'/%3e%3cpath d='M106.212 202.033C105.289 202.033 104.465 202.009 103.843 201.951C101.506 201.74 99.2799 200.021 98.1589 199.015C97.6567 198.564 97.4945 197.843 97.7574 197.222C97.9466 196.775 98.3218 196.444 98.7854 196.313L104.956 194.556L114.949 187.831L115.061 188.031C115.104 188.105 116.085 189.87 116.414 191.06C116.537 191.515 116.507 191.893 116.317 192.182C116.186 192.386 116.004 192.501 115.853 192.567C116.035 192.756 116.603 193.137 118.346 193.415C120.896 193.819 121.429 191.184 121.452 191.072L121.468 190.983L121.545 190.933C122.759 190.155 123.504 189.8 123.764 189.873C123.926 189.92 124.193 190 124.915 197.176C124.988 197.4 125.494 199.053 125.151 200.629C124.776 202.348 117.252 201.755 115.745 201.62C115.702 201.624 110.069 202.024 106.209 202.024V202.033H106.212Z' fill='%23273240'/%3e%3cpath d='M143.438 194.501H134.647L129.547 147.646H143.137L143.438 194.501Z' fill='%23E58766'/%3e%3cpath d='M126.079 202.033C125.156 202.033 124.333 202.009 123.71 201.951C121.373 201.74 119.147 200.021 118.027 199.015C117.524 198.564 117.362 197.843 117.624 197.222C117.814 196.775 118.189 196.444 118.652 196.313L124.824 194.556L134.817 187.831L134.929 188.031C134.971 188.105 135.952 189.87 136.281 191.06C136.404 191.515 136.374 191.893 136.184 192.182C136.053 192.386 135.871 192.501 135.721 192.567C135.902 192.756 136.47 193.137 138.213 193.415C140.763 193.819 141.297 191.184 141.32 191.072L141.335 190.983L141.412 190.933C142.626 190.155 143.372 189.8 143.631 189.873C143.793 189.92 144.06 190 144.782 197.176C144.856 197.4 145.362 199.053 145.018 200.629C144.643 202.348 137.119 201.755 135.612 201.62C135.57 201.624 129.936 202.024 126.076 202.024V202.033H126.079Z' fill='%23273240'/%3e%3cpath d='M145.965 79.4168H103.242L118.598 29.0115H135.632L145.965 79.4168Z' fill='%23DDDEDF'/%3e%3cpath d='M102.081 107.7C101.571 110.787 99.5077 113.004 97.471 112.645C95.4348 112.287 94.1945 109.496 94.7044 106.409C94.8897 105.172 95.3803 104.004 96.1338 102.998L98.4605 89.9456L104.794 91.2675L101.826 103.993C102.217 105.196 102.305 106.467 102.085 107.7H102.081Z' fill='%23E58766'/%3e%3cpath d='M121.287 29.0191C121.287 29.0191 110.676 28.7417 109.56 31.5242C108.443 34.3106 95.3203 100.59 95.3203 100.59H103.976L121.287 29.0191Z' fill='%23DDDEDF'/%3e%3cpath d='M123.543 23.9784C128.709 23.9784 132.898 19.8011 132.898 14.6481C132.898 9.49519 128.709 5.31787 123.543 5.31787C118.376 5.31787 114.188 9.49519 114.188 14.6481C114.188 19.8011 118.376 23.9784 123.543 23.9784Z' fill='%23E28768'/%3e%3cpath d='M125.014 3.20576C125.014 3.20576 113.005 21.0223 115.025 32.1369L108.039 27.7705C108.039 27.7705 112.958 5.27145 120.289 3.52564L125.014 3.2019V3.20576Z' fill='%232F2E41'/%3e%3cpath d='M137.086 79.4167H109.052L93.7104 142.208C93.4283 144.859 95.1136 147.334 97.6987 148.024C106.115 150.27 126.309 153.458 156.879 144.586C159.819 143.734 161.489 140.64 160.565 137.726L137.086 79.4206V79.4167Z' fill='%23273240'/%3e%3cpath d='M99.2772 37.9527L99.0842 37.76L98.8905 37.9527C89.489 28.5838 74.2522 28.5954 64.8584 37.9719C55.4647 47.3523 55.2753 62.7371 64.6769 72.1057L99.1073 106.409L133.514 72.0633C142.908 62.6831 142.711 47.2984 133.313 37.9295C123.912 28.5607 108.675 28.5723 99.2811 37.9488L99.2772 37.9527Z' fill='%2341CCAD'/%3e%3cpath d='M124.703 33.7289L132.471 29.7555C136.022 28.4452 139.982 28.8845 143.159 30.9463C152.819 37.2128 171.862 51.029 163.678 57.8581C152.893 66.8607 138.313 50.8941 138.313 50.8941L124.703 33.7289Z' fill='%23DDDEDF'/%3e%3cpath d='M124.534 40.5194C121.833 38.9316 120.508 36.2107 121.578 34.4418C122.648 32.6767 125.705 32.5341 128.41 34.1219C129.5 34.7424 130.416 35.6211 131.08 36.6848L142.441 43.5678L138.917 48.9787L128.089 41.6177C126.822 41.5445 125.601 41.1669 124.53 40.5156H124.534V40.5194Z' fill='%23E58766'/%3e%3cpath d='M132.254 46.7588L135.485 39.0625L151.27 44.273L144.21 55.9927L132.254 46.7588Z' fill='%23DDDEDF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3102_8273'%3e%3cpath d='M0 0H295V193C295 201.837 287.837 209 279 209H0V0Z' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
34790
34790
|
|
|
34791
34791
|
var MyAccountStartFundraiseCard = function MyAccountStartFundraiseCard(_ref) {
|
|
34792
34792
|
var _ref$className = _ref.className,
|
|
34793
34793
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
34794
34794
|
_ref$title = _ref.title,
|
|
34795
34795
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
34796
|
-
_ref$buttonText = _ref.
|
|
34797
|
-
|
|
34798
|
-
|
|
34796
|
+
_ref$buttonText = _ref.buttonText1,
|
|
34797
|
+
buttonText1 = _ref$buttonText === void 0 ? "" : _ref$buttonText,
|
|
34798
|
+
_ref$buttonText2 = _ref.buttonText2,
|
|
34799
|
+
buttonText2 = _ref$buttonText2 === void 0 ? "" : _ref$buttonText2,
|
|
34800
|
+
onClickButton1 = _ref.onClickButton1,
|
|
34801
|
+
onClickButton2 = _ref.onClickButton2,
|
|
34799
34802
|
_ref$width = _ref.width,
|
|
34800
34803
|
width = _ref$width === void 0 ? "inherit" : _ref$width;
|
|
34801
34804
|
return React.createElement("div", {
|
|
34802
34805
|
className: classnames(cls$o.wrapper, className),
|
|
34803
34806
|
style: {
|
|
34804
|
-
|
|
34807
|
+
maxWidth: width
|
|
34805
34808
|
}
|
|
34806
34809
|
}, React.createElement("div", {
|
|
34807
34810
|
className: cls$o.leftSide
|
|
34808
34811
|
}, React.createElement("div", {
|
|
34809
34812
|
className: cls$o.title
|
|
34810
|
-
}, title), React.createElement(
|
|
34813
|
+
}, title), React.createElement("div", {
|
|
34814
|
+
className: cls$o.btnCover
|
|
34815
|
+
}, buttonText1 && React.createElement(Button, {
|
|
34811
34816
|
raised: true,
|
|
34812
34817
|
display: true,
|
|
34813
|
-
|
|
34814
|
-
|
|
34815
|
-
|
|
34816
|
-
|
|
34817
|
-
|
|
34818
|
-
|
|
34819
|
-
|
|
34820
|
-
|
|
34821
|
-
}, buttonText)), React.createElement("div", {
|
|
34818
|
+
className: cls$o.btn1,
|
|
34819
|
+
onClick: onClickButton1
|
|
34820
|
+
}, buttonText1), buttonText2 && React.createElement(Button, {
|
|
34821
|
+
raised: true,
|
|
34822
|
+
display: true,
|
|
34823
|
+
className: cls$o.btn2,
|
|
34824
|
+
onClick: onClickButton2
|
|
34825
|
+
}, buttonText2))), React.createElement("div", {
|
|
34822
34826
|
className: cls$o.rightSide
|
|
34823
34827
|
}, React.createElement("img", {
|
|
34824
34828
|
src: img$j,
|
|
@@ -34830,8 +34834,10 @@ MyAccountStartFundraiseCard.propTypes = {
|
|
|
34830
34834
|
className: _pt.string,
|
|
34831
34835
|
title: _pt.string,
|
|
34832
34836
|
description: _pt.string,
|
|
34833
|
-
|
|
34834
|
-
|
|
34837
|
+
buttonText1: _pt.string,
|
|
34838
|
+
buttonText2: _pt.string,
|
|
34839
|
+
onClickButton1: _pt.func,
|
|
34840
|
+
onClickButton2: _pt.func,
|
|
34835
34841
|
width: _pt.string.isRequired
|
|
34836
34842
|
};
|
|
34837
34843
|
|
package/dist/index.js
CHANGED
|
@@ -34796,43 +34796,47 @@ function FooterV2(_ref) {
|
|
|
34796
34796
|
}, "Copyright \xA9 ", new Date().getFullYear(), " all rights reserved"))));
|
|
34797
34797
|
}
|
|
34798
34798
|
|
|
34799
|
-
var css$o = ".my-account-start-fundraise-card-module_wrapper__2Iaek {\n height: 226px;\n display: flex;\n align-items: center;\n border-radius: 16px;\n background-color: #
|
|
34800
|
-
var cls$o = {"wrapper":"my-account-start-fundraise-card-module_wrapper__2Iaek","leftSide":"my-account-start-fundraise-card-module_leftSide__Tr9gw","title":"my-account-start-fundraise-card-module_title__19XBe","rightSide":"my-account-start-fundraise-card-module_rightSide__1k67A"};
|
|
34799
|
+
var css$o = ".my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 226px;\n display: flex;\n align-items: center;\n border-radius: 16px;\n background-color: #f7f7f8;\n position: relative;\n font-family: \"Montserrat\", sans-serif;\n box-shadow: 1px 1px 8px 0px rgba(110, 110, 110, 0.1), 8px 8px 24px 0px rgba(139, 162, 179, 0.25);\n width: 100%; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-between;\n padding-left: 52px;\n height: 100%; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n font-weight: 700;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n color: #404041;\n margin-bottom: 38px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH {\n display: flex;\n grid-gap: 15px;\n grid-gap: 15px;\n gap: 15px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj {\n padding: 16px 32px;\n background-color: #fff;\n border: 1px solid #ff5e6a;\n color: #ff5e6a;\n height: 56px;\n border-radius: 8px;\n font-size: 16px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n padding: 16px 32px;\n background-color: #ff5e6a;\n color: white;\n height: 56px;\n border-radius: 8px;\n font-size: 16px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 230px;\n position: absolute;\n right: 0;\n bottom: 0; }\n\n@media all and (max-width: 900px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 275px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n padding: 37px 40px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 330px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH {\n flex-direction: column; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 293px; } }\n\n@media all and (max-width: 720px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n overflow: hidden; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 300px;\n font-size: 16px;\n margin-bottom: 22px;\n line-height: 26px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n font-size: 14px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 280px;\n right: -60px; } }\n\n@media all and (max-width: 625px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 220px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n max-width: 230px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n padding: 16px 10px;\n height: 44px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 240px; } }\n\n@media all and (max-width: 540px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek {\n min-height: 200px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw {\n padding: 25px 20px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 220px;\n right: -60px; } }\n\n@media all and (max-width: 500px) and (min-width: 480px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 190px;\n right: -50px; } }\n\n@media all and (max-width: 415px) {\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_title__19XBe {\n margin-bottom: 20px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn1__1ryxj,\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_leftSide__Tr9gw .my-account-start-fundraise-card-module_btnCover__3DkvH .my-account-start-fundraise-card-module_btn2__3OCZt {\n font-size: 11px;\n height: 44px; }\n .my-account-start-fundraise-card-module_wrapper__2Iaek .my-account-start-fundraise-card-module_rightSide__1k67A img {\n width: 190px;\n right: -50px; } }\n";
|
|
34800
|
+
var cls$o = {"wrapper":"my-account-start-fundraise-card-module_wrapper__2Iaek","leftSide":"my-account-start-fundraise-card-module_leftSide__Tr9gw","title":"my-account-start-fundraise-card-module_title__19XBe","btnCover":"my-account-start-fundraise-card-module_btnCover__3DkvH","btn1":"my-account-start-fundraise-card-module_btn1__1ryxj","btn2":"my-account-start-fundraise-card-module_btn2__3OCZt","rightSide":"my-account-start-fundraise-card-module_rightSide__1k67A"};
|
|
34801
34801
|
styleInject(css$o);
|
|
34802
34802
|
|
|
34803
|
-
const img$j = "data:image/svg+xml,%3csvg width='
|
|
34803
|
+
const img$j = "data:image/svg+xml,%3csvg width='239' height='209' viewBox='0 0 239 209' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3102_8273)'%3e%3cpath d='M168.46 33.0748L167.701 33.9786L166.893 33.0748C128.783 -4.95258 67.0208 -4.90565 28.9417 33.153C-9.13705 71.2274 -9.90462 133.673 28.2055 171.7L167.77 310.936L307.241 171.528C345.32 133.454 344.521 71.0081 306.427 32.981C268.317 -5.04641 206.554 -4.99947 168.475 33.0592L168.46 33.0748Z' fill='%23EBEBEC'/%3e%3cpath d='M126.736 0.126587C126.736 0.126587 118.27 -1.91983 113.146 10.4435C108.876 20.7488 105.846 26.2521 109.313 29.9904C110.553 31.3278 112.322 32.0484 114.147 32.1101L133.661 32.7499C133.661 32.7499 140.825 14.0122 136.47 7.23704C132.115 0.458022 126.736 0.126587 126.736 0.126587Z' fill='%232F2E41'/%3e%3cpath d='M130.777 31.1927L121.391 34.272V20.7949H129.907L130.777 31.1927Z' fill='%23E58766'/%3e%3cpath d='M123.572 194.501H114.777L109.68 147.646H123.27L123.572 194.501Z' fill='%23E58766'/%3e%3cpath d='M106.212 202.033C105.289 202.033 104.465 202.009 103.843 201.951C101.506 201.74 99.2799 200.021 98.1589 199.015C97.6567 198.564 97.4945 197.843 97.7574 197.222C97.9466 196.775 98.3218 196.444 98.7854 196.313L104.956 194.556L114.949 187.831L115.061 188.031C115.104 188.105 116.085 189.87 116.414 191.06C116.537 191.515 116.507 191.893 116.317 192.182C116.186 192.386 116.004 192.501 115.853 192.567C116.035 192.756 116.603 193.137 118.346 193.415C120.896 193.819 121.429 191.184 121.452 191.072L121.468 190.983L121.545 190.933C122.759 190.155 123.504 189.8 123.764 189.873C123.926 189.92 124.193 190 124.915 197.176C124.988 197.4 125.494 199.053 125.151 200.629C124.776 202.348 117.252 201.755 115.745 201.62C115.702 201.624 110.069 202.024 106.209 202.024V202.033H106.212Z' fill='%23273240'/%3e%3cpath d='M143.438 194.501H134.647L129.547 147.646H143.137L143.438 194.501Z' fill='%23E58766'/%3e%3cpath d='M126.079 202.033C125.156 202.033 124.333 202.009 123.71 201.951C121.373 201.74 119.147 200.021 118.027 199.015C117.524 198.564 117.362 197.843 117.624 197.222C117.814 196.775 118.189 196.444 118.652 196.313L124.824 194.556L134.817 187.831L134.929 188.031C134.971 188.105 135.952 189.87 136.281 191.06C136.404 191.515 136.374 191.893 136.184 192.182C136.053 192.386 135.871 192.501 135.721 192.567C135.902 192.756 136.47 193.137 138.213 193.415C140.763 193.819 141.297 191.184 141.32 191.072L141.335 190.983L141.412 190.933C142.626 190.155 143.372 189.8 143.631 189.873C143.793 189.92 144.06 190 144.782 197.176C144.856 197.4 145.362 199.053 145.018 200.629C144.643 202.348 137.119 201.755 135.612 201.62C135.57 201.624 129.936 202.024 126.076 202.024V202.033H126.079Z' fill='%23273240'/%3e%3cpath d='M145.965 79.4168H103.242L118.598 29.0115H135.632L145.965 79.4168Z' fill='%23DDDEDF'/%3e%3cpath d='M102.081 107.7C101.571 110.787 99.5077 113.004 97.471 112.645C95.4348 112.287 94.1945 109.496 94.7044 106.409C94.8897 105.172 95.3803 104.004 96.1338 102.998L98.4605 89.9456L104.794 91.2675L101.826 103.993C102.217 105.196 102.305 106.467 102.085 107.7H102.081Z' fill='%23E58766'/%3e%3cpath d='M121.287 29.0191C121.287 29.0191 110.676 28.7417 109.56 31.5242C108.443 34.3106 95.3203 100.59 95.3203 100.59H103.976L121.287 29.0191Z' fill='%23DDDEDF'/%3e%3cpath d='M123.543 23.9784C128.709 23.9784 132.898 19.8011 132.898 14.6481C132.898 9.49519 128.709 5.31787 123.543 5.31787C118.376 5.31787 114.188 9.49519 114.188 14.6481C114.188 19.8011 118.376 23.9784 123.543 23.9784Z' fill='%23E28768'/%3e%3cpath d='M125.014 3.20576C125.014 3.20576 113.005 21.0223 115.025 32.1369L108.039 27.7705C108.039 27.7705 112.958 5.27145 120.289 3.52564L125.014 3.2019V3.20576Z' fill='%232F2E41'/%3e%3cpath d='M137.086 79.4167H109.052L93.7104 142.208C93.4283 144.859 95.1136 147.334 97.6987 148.024C106.115 150.27 126.309 153.458 156.879 144.586C159.819 143.734 161.489 140.64 160.565 137.726L137.086 79.4206V79.4167Z' fill='%23273240'/%3e%3cpath d='M99.2772 37.9527L99.0842 37.76L98.8905 37.9527C89.489 28.5838 74.2522 28.5954 64.8584 37.9719C55.4647 47.3523 55.2753 62.7371 64.6769 72.1057L99.1073 106.409L133.514 72.0633C142.908 62.6831 142.711 47.2984 133.313 37.9295C123.912 28.5607 108.675 28.5723 99.2811 37.9488L99.2772 37.9527Z' fill='%2341CCAD'/%3e%3cpath d='M124.703 33.7289L132.471 29.7555C136.022 28.4452 139.982 28.8845 143.159 30.9463C152.819 37.2128 171.862 51.029 163.678 57.8581C152.893 66.8607 138.313 50.8941 138.313 50.8941L124.703 33.7289Z' fill='%23DDDEDF'/%3e%3cpath d='M124.534 40.5194C121.833 38.9316 120.508 36.2107 121.578 34.4418C122.648 32.6767 125.705 32.5341 128.41 34.1219C129.5 34.7424 130.416 35.6211 131.08 36.6848L142.441 43.5678L138.917 48.9787L128.089 41.6177C126.822 41.5445 125.601 41.1669 124.53 40.5156H124.534V40.5194Z' fill='%23E58766'/%3e%3cpath d='M132.254 46.7588L135.485 39.0625L151.27 44.273L144.21 55.9927L132.254 46.7588Z' fill='%23DDDEDF'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3102_8273'%3e%3cpath d='M0 0H295V193C295 201.837 287.837 209 279 209H0V0Z' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
|
|
34804
34804
|
|
|
34805
34805
|
var MyAccountStartFundraiseCard = function MyAccountStartFundraiseCard(_ref) {
|
|
34806
34806
|
var _ref$className = _ref.className,
|
|
34807
34807
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
34808
34808
|
_ref$title = _ref.title,
|
|
34809
34809
|
title = _ref$title === void 0 ? "" : _ref$title,
|
|
34810
|
-
_ref$buttonText = _ref.
|
|
34811
|
-
|
|
34812
|
-
|
|
34810
|
+
_ref$buttonText = _ref.buttonText1,
|
|
34811
|
+
buttonText1 = _ref$buttonText === void 0 ? "" : _ref$buttonText,
|
|
34812
|
+
_ref$buttonText2 = _ref.buttonText2,
|
|
34813
|
+
buttonText2 = _ref$buttonText2 === void 0 ? "" : _ref$buttonText2,
|
|
34814
|
+
onClickButton1 = _ref.onClickButton1,
|
|
34815
|
+
onClickButton2 = _ref.onClickButton2,
|
|
34813
34816
|
_ref$width = _ref.width,
|
|
34814
34817
|
width = _ref$width === void 0 ? "inherit" : _ref$width;
|
|
34815
34818
|
return React__default.createElement("div", {
|
|
34816
34819
|
className: classnames(cls$o.wrapper, className),
|
|
34817
34820
|
style: {
|
|
34818
|
-
|
|
34821
|
+
maxWidth: width
|
|
34819
34822
|
}
|
|
34820
34823
|
}, React__default.createElement("div", {
|
|
34821
34824
|
className: cls$o.leftSide
|
|
34822
34825
|
}, React__default.createElement("div", {
|
|
34823
34826
|
className: cls$o.title
|
|
34824
|
-
}, title), React__default.createElement(
|
|
34827
|
+
}, title), React__default.createElement("div", {
|
|
34828
|
+
className: cls$o.btnCover
|
|
34829
|
+
}, buttonText1 && React__default.createElement(Button, {
|
|
34825
34830
|
raised: true,
|
|
34826
34831
|
display: true,
|
|
34827
|
-
|
|
34828
|
-
|
|
34829
|
-
|
|
34830
|
-
|
|
34831
|
-
|
|
34832
|
-
|
|
34833
|
-
|
|
34834
|
-
|
|
34835
|
-
}, buttonText)), React__default.createElement("div", {
|
|
34832
|
+
className: cls$o.btn1,
|
|
34833
|
+
onClick: onClickButton1
|
|
34834
|
+
}, buttonText1), buttonText2 && React__default.createElement(Button, {
|
|
34835
|
+
raised: true,
|
|
34836
|
+
display: true,
|
|
34837
|
+
className: cls$o.btn2,
|
|
34838
|
+
onClick: onClickButton2
|
|
34839
|
+
}, buttonText2))), React__default.createElement("div", {
|
|
34836
34840
|
className: cls$o.rightSide
|
|
34837
34841
|
}, React__default.createElement("img", {
|
|
34838
34842
|
src: img$j,
|
|
@@ -34844,8 +34848,10 @@ MyAccountStartFundraiseCard.propTypes = {
|
|
|
34844
34848
|
className: _pt.string,
|
|
34845
34849
|
title: _pt.string,
|
|
34846
34850
|
description: _pt.string,
|
|
34847
|
-
|
|
34848
|
-
|
|
34851
|
+
buttonText1: _pt.string,
|
|
34852
|
+
buttonText2: _pt.string,
|
|
34853
|
+
onClickButton1: _pt.func,
|
|
34854
|
+
onClickButton2: _pt.func,
|
|
34849
34855
|
width: _pt.string.isRequired
|
|
34850
34856
|
};
|
|
34851
34857
|
|