@mycause/ui 0.0.1-cf96d552 → 0.0.2-cf96d552

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/index.esm.js CHANGED
@@ -9648,7 +9648,36 @@ Uploader.propTypes = {
9648
9648
  })
9649
9649
  };
9650
9650
 
9651
- var cls = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n background-color: #13362e;\n}\n.wrapper .image {\n width: 100px;\n height: 100px;\n padding: 5px;\n}\n.wrapper .title {\n padding: 5px;\n font-weight: 700;\n font-size: 20px;\n line-height: 27px;\n text-align: center;\n color: white;\n}\n.wrapper .description {\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: center;\n}";
9651
+ function styleInject(css, ref) {
9652
+ if ( ref === void 0 ) ref = {};
9653
+ var insertAt = ref.insertAt;
9654
+
9655
+ if (!css || typeof document === 'undefined') { return; }
9656
+
9657
+ var head = document.head || document.getElementsByTagName('head')[0];
9658
+ var style = document.createElement('style');
9659
+ style.type = 'text/css';
9660
+
9661
+ if (insertAt === 'top') {
9662
+ if (head.firstChild) {
9663
+ head.insertBefore(style, head.firstChild);
9664
+ } else {
9665
+ head.appendChild(style);
9666
+ }
9667
+ } else {
9668
+ head.appendChild(style);
9669
+ }
9670
+
9671
+ if (style.styleSheet) {
9672
+ style.styleSheet.cssText = css;
9673
+ } else {
9674
+ style.appendChild(document.createTextNode(css));
9675
+ }
9676
+ }
9677
+
9678
+ var css = ".campaign-card-module_wrapper__21wRg {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n background-color: #13362e; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_image__2ZKXl {\n width: 100px;\n height: 100px;\n padding: 5px; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_title__2sx24 {\n padding: 5px;\n font-weight: 700;\n font-size: 20px;\n line-height: 27px;\n text-align: center;\n color: white; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_description__2yC7N {\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: center; }\n";
9679
+ var cls = {"wrapper":"campaign-card-module_wrapper__21wRg","image":"campaign-card-module_image__2ZKXl","title":"campaign-card-module_title__2sx24","description":"campaign-card-module_description__2yC7N"};
9680
+ styleInject(css);
9652
9681
 
9653
9682
  var CampaignCard = function CampaignCard(_ref) {
9654
9683
  var _ref$className = _ref.className,
@@ -9677,9 +9706,13 @@ CampaignCard.propTypes = {
9677
9706
  description: _pt.string
9678
9707
  };
9679
9708
 
9680
- var cls$1 = ".wrapper {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n}\n.wrapper .rightSide {\n width: 570px;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px;\n}\n.wrapper .rightSide .title {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black;\n}\n.wrapper .rightSide .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n.wrapper .rightSide .info {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.wrapper .rightSide .info .item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.wrapper .rightSide .info .item_value {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px;\n}\n.wrapper .rightSide .info .item_name {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d;\n}\n.wrapper .leftSide {\n width: 570px;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 937px;\n height: 1193px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 634px;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6;\n }\n .wrapper .image {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 719px;\n height: 1193px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 634px;\n display: flex;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6;\n }\n .wrapper .image {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n object-fit: cover;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 432px;\n height: 816px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 247px;\n display: flex;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 569px;\n padding: 27px 38px 38px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 9;\n /* number of lines to show */\n line-clamp: 9;\n }\n .wrapper .image {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n object-fit: cover;\n }\n}";
9709
+ var css$1 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 570px;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item__2qUuG {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_value__2UldJ {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_name__3ZCL8 {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 570px;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px; }\n\n@media all and (max-width: 1200px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 937px;\n height: 1193px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 634px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px; } }\n\n@media all and (max-width: 992px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 719px;\n height: 1193px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 634px;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n\n@media all and (max-width: 768px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 432px;\n height: 816px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 247px;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 569px;\n padding: 27px 38px 38px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 9;\n /* number of lines to show */\n line-clamp: 9; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n";
9710
+ var cls$1 = {"wrapper":"campaign-of-month-module_wrapper__3VW1j","rightSide":"campaign-of-month-module_rightSide__FXQyv","title":"campaign-of-month-module_title__2bUDz","description":"campaign-of-month-module_description__6rZ2k","info":"campaign-of-month-module_info__2W3vo","item":"campaign-of-month-module_item__2qUuG","item_value":"campaign-of-month-module_item_value__2UldJ","item_name":"campaign-of-month-module_item_name__3ZCL8","leftSide":"campaign-of-month-module_leftSide__22wcl","image":"campaign-of-month-module_image__2YMoT"};
9711
+ styleInject(css$1);
9681
9712
 
9682
- var cls$2 = ".wrapper {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px;\n}\n.wrapper .container {\n background-color: #eeeeee;\n border-radius: 999px;\n width: 100%;\n height: 18.23px;\n}\n.wrapper .bar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 5px;\n background-color: #41ccad;\n height: 100%;\n border-radius: 999px;\n height: 18.16px;\n text-align: right;\n}\n.wrapper .dot {\n background-color: #2d8a75;\n display: flex;\n width: 6.37px;\n height: 6.37px;\n border-radius: 999px;\n}";
9713
+ var css$2 = ".progressbar-module_wrapper__3NWOr {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_container__3rKcQ {\n background-color: #eeeeee;\n border-radius: 999px;\n width: 100%;\n height: 18.23px; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_bar__3PWVU {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 5px;\n background-color: #41ccad;\n height: 100%;\n border-radius: 999px;\n height: 18.16px;\n text-align: right; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_dot__3xInb {\n background-color: #2d8a75;\n display: flex;\n width: 6.37px;\n height: 6.37px;\n border-radius: 999px; }\n";
9714
+ var cls$2 = {"wrapper":"progressbar-module_wrapper__3NWOr","container":"progressbar-module_container__3rKcQ","bar":"progressbar-module_bar__3PWVU","dot":"progressbar-module_dot__3xInb"};
9715
+ styleInject(css$2);
9683
9716
 
9684
9717
  var ProgressBar = function ProgressBar(_ref) {
9685
9718
  var _ref$className = _ref.className,
@@ -9781,7 +9814,9 @@ CampaignOfMonth.propTypes = {
9781
9814
  goal: _pt.number
9782
9815
  };
9783
9816
 
9784
- var cls$3 = ".wrapper {\n width: 573px;\n height: 188px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 29px 39px 38px 37px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n border-radius: 10px;\n}\n.wrapper .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n width: 50%;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 188px;\n padding: 41px 35px 38px 39px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 643px;\n height: 90px;\n align-items: center;\n }\n .wrapper .title {\n width: 100%;\n font-size: 26px;\n line-height: 36.4px;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 350px;\n height: 128px;\n padding: 40px 32px 38px 34px;\n align-items: flex-end;\n }\n .wrapper .title {\n width: 70%;\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n }\n}";
9817
+ var css$3 = ".charity-card-module_wrapper__2GNuk {\n width: 573px;\n height: 188px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 29px 39px 38px 37px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n border-radius: 10px; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n width: 50%; }\n\n@media all and (max-width: 1200px) {\n .charity-card-module_wrapper__2GNuk {\n width: 456px;\n height: 188px;\n padding: 41px 35px 38px 39px; } }\n\n@media all and (max-width: 992px) {\n .charity-card-module_wrapper__2GNuk {\n width: 643px;\n height: 90px;\n align-items: center; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 100%;\n font-size: 26px;\n line-height: 36.4px; } }\n\n@media all and (max-width: 768px) {\n .charity-card-module_wrapper__2GNuk {\n width: 350px;\n height: 128px;\n padding: 40px 32px 38px 34px;\n align-items: flex-end; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 70%;\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; } }\n";
9818
+ var cls$3 = {"wrapper":"charity-card-module_wrapper__2GNuk","title":"charity-card-module_title__3_xZV"};
9819
+ styleInject(css$3);
9785
9820
 
9786
9821
  const img$1 = "data:image/svg+xml,%3csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.495 2L25 12M25 12L14.495 22M25 12H0' stroke='white' stroke-width='3'/%3e%3c/svg%3e";
9787
9822
 
@@ -9809,7 +9844,9 @@ CharityCard.propTypes = {
9809
9844
  title: _pt.string
9810
9845
  };
9811
9846
 
9812
- var cls$4 = ".wrapper {\n width: 407px;\n height: 330px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 29px 37px 36px 37px;\n background-color: #f8f8f7;\n border-radius: 10px;\n}\n.wrapper .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: black;\n}\n.wrapper .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 330px;\n padding: 41px 42px 36px 42px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 350px;\n height: 367px;\n padding: 36px 32px 36px 32px;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 430px;\n height: 289px;\n padding: 40px 42px 46px 42px;\n }\n .wrapper .title {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n }\n .wrapper .description {\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left;\n }\n}";
9847
+ var css$4 = ".donate-card-module_wrapper__ciBYC {\n width: 407px;\n height: 330px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 29px 37px 36px 37px;\n background-color: #f8f8f7;\n border-radius: 10px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: black; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n\n@media all and (max-width: 1200px) {\n .donate-card-module_wrapper__ciBYC {\n width: 456px;\n height: 330px;\n padding: 41px 42px 36px 42px; } }\n\n@media all and (max-width: 992px) {\n .donate-card-module_wrapper__ciBYC {\n width: 350px;\n height: 367px;\n padding: 36px 32px 36px 32px; } }\n\n@media all and (max-width: 768px) {\n .donate-card-module_wrapper__ciBYC {\n width: 430px;\n height: 289px;\n padding: 40px 42px 46px 42px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
9848
+ var cls$4 = {"wrapper":"donate-card-module_wrapper__ciBYC","title":"donate-card-module_title__2Pvi7","description":"donate-card-module_description__3X5cO"};
9849
+ styleInject(css$4);
9813
9850
 
9814
9851
  var DonateCard = function DonateCard(_ref) {
9815
9852
  var _ref$className = _ref.className,
@@ -9839,7 +9876,9 @@ DonateCard.propTypes = {
9839
9876
  description: _pt.string
9840
9877
  };
9841
9878
 
9842
- var cls$5 = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n}\n.wrapper .image {\n width: 100%;\n height: 100%;\n border-radius: 8px;\n}\n.wrapper .title {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black;\n}\n.wrapper .description {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n gap: 20px;\n}\n.wrapper .subtext {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px;\n}";
9879
+ var css$5 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n width: 100%;\n height: 100%;\n border-radius: 8px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_title__3rmNH {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_description__NZDGW {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n grid-gap: 20px;\n grid-gap: 20px;\n gap: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_subtext__2eSW5 {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px; }\n";
9880
+ var cls$5 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5"};
9881
+ styleInject(css$5);
9843
9882
 
9844
9883
  var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
9845
9884
  var _ref$className = _ref.className,
@@ -9890,7 +9929,9 @@ FeaturedCampaignCard.propTypes = {
9890
9929
  goal: _pt.number
9891
9930
  };
9892
9931
 
9893
- var cls$6 = ".wrapper {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px;\n}\n.wrapper .leftSide {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px;\n}\n.wrapper .image {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px;\n}\n.wrapper .rightSide {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n.wrapper .rightSide .title {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px;\n}\n.wrapper .rightSide .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}";
9932
+ var css$6 = ".fundraising-section-module_wrapper__2vajR {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_leftSide__1zI_4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_image__1G7d9 {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_title__3qv_k {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_description__1kteS {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n";
9933
+ var cls$6 = {"wrapper":"fundraising-section-module_wrapper__2vajR","leftSide":"fundraising-section-module_leftSide__1zI_4","image":"fundraising-section-module_image__1G7d9","rightSide":"fundraising-section-module_rightSide__3XxNu","title":"fundraising-section-module_title__3qv_k","description":"fundraising-section-module_description__1kteS"};
9934
+ styleInject(css$6);
9894
9935
 
9895
9936
  var FundraisingSection = function FundraisingSection(_ref) {
9896
9937
  var _ref$className = _ref.className,
@@ -9924,7 +9965,9 @@ FundraisingSection.propTypes = {
9924
9965
  imageUrl: _pt.string
9925
9966
  };
9926
9967
 
9927
- var cls$7 = ".wrapper {\n width: 100%;\n height: 509.07px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: #13362e;\n border-bottom-right-radius: 10px;\n}\n.wrapper .rightSide {\n width: 35%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n font-weight: 700;\n font-size: 40px;\n line-height: 56px;\n text-align: left;\n color: white;\n}\n.wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n padding-top: 20px;\n padding-bottom: 30px;\n}\n.wrapper .leftSide {\n width: 65%;\n height: 100%;\n border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n border-bottom-right-radius: 10px;\n height: 100%;\n width: 100%;\n object-fit: cover;\n mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%);\n}";
9968
+ var css$7 = ".hero-banner-module_wrapper__3tqb0 {\n width: 100%;\n height: 509.07px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: #13362e;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN {\n width: 35%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 29px 0px 36px 41px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_title__3W1MB {\n font-weight: 700;\n font-size: 40px;\n line-height: 56px;\n text-align: left;\n color: white; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_description__t3Jsm {\n color: white;\n font-weight: 500;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n padding-top: 20px;\n padding-bottom: 30px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_leftSide__2wEYK {\n width: 65%;\n height: 100%;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_image__jUz8f {\n border-bottom-right-radius: 10px;\n height: 100%;\n width: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%); }\n";
9969
+ var cls$7 = {"wrapper":"hero-banner-module_wrapper__3tqb0","rightSide":"hero-banner-module_rightSide__2v-ZN","title":"hero-banner-module_title__3W1MB","description":"hero-banner-module_description__t3Jsm","leftSide":"hero-banner-module_leftSide__2wEYK","image":"hero-banner-module_image__jUz8f"};
9970
+ styleInject(css$7);
9928
9971
 
9929
9972
  var HeroBnner = function HeroBnner(_ref) {
9930
9973
  var _ref$className = _ref.className,
@@ -9966,7 +10009,9 @@ HeroBnner.propTypes = {
9966
10009
  imageUrl: _pt.string
9967
10010
  };
9968
10011
 
9969
- var cls$8 = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px;\n}\n.wrapper .bar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background-color: #41ccad;\n border-radius: 999px;\n height: 50px;\n}\n.wrapper .dot {\n background-color: #2d8a75;\n display: flex;\n width: 20px;\n height: 20px;\n border-radius: 999px;\n margin-right: 17.5px;\n}";
10012
+ var css$8 = ".horizontalbar-module_wrapper__39Ym4 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_bar__1X0jE {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background-color: #41ccad;\n border-radius: 999px;\n height: 50px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_dot__1uJv_ {\n background-color: #2d8a75;\n display: flex;\n width: 20px;\n height: 20px;\n border-radius: 999px;\n margin-right: 17.5px; }\n";
10013
+ var cls$8 = {"wrapper":"horizontalbar-module_wrapper__39Ym4","bar":"horizontalbar-module_bar__1X0jE","dot":"horizontalbar-module_dot__1uJv_"};
10014
+ styleInject(css$8);
9970
10015
 
9971
10016
  var HorizontalBar = function HorizontalBar(_ref) {
9972
10017
  var _ref$className = _ref.className,
@@ -10008,7 +10053,9 @@ HorizontalBar.propTypes = {
10008
10053
  marginLeft: _pt.number
10009
10054
  };
10010
10055
 
10011
- var cls$9 = ".wrapper {\n width: 708px;\n height: 330px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n background-color: #2d8a75;\n}\n.wrapper .rightSide {\n width: 326px;\n height: 330px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n}\n.wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}\n.wrapper .leftSide {\n width: 382px;\n height: 330px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 330px;\n padding: 42px 42px 36px 42px;\n }\n .wrapper .leftSide {\n display: none;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 350px;\n height: 367px;\n padding: 36px 33px 36px 33px;\n }\n .wrapper .leftSide {\n display: none;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 430px;\n height: 525px;\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center;\n padding: 0;\n }\n .wrapper .leftSide {\n display: block;\n width: 430px;\n height: 330px;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover;\n }\n .wrapper .rightSide {\n width: 430;\n height: 195px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 0px 42px 51px 42px;\n }\n .wrapper .rightSide .title {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n text-align: left;\n color: white;\n }\n .wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left;\n }\n}";
10056
+ var css$9 = ".start-campaign-card-module_wrapper__26J9X {\n width: 708px;\n height: 330px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n background-color: #2d8a75; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 326px;\n height: 330px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n padding: 29px 0px 36px 41px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n width: 382px;\n height: 330px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n\n@media all and (max-width: 1200px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 456px;\n height: 330px;\n padding: 42px 42px 36px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 992px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 350px;\n height: 367px;\n padding: 36px 33px 36px 33px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 768px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 430px;\n height: 525px;\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center;\n padding: 0; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: block;\n width: 430px;\n height: 330px;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 430;\n height: 195px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 0px 42px 51px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
10057
+ var cls$9 = {"wrapper":"start-campaign-card-module_wrapper__26J9X","rightSide":"start-campaign-card-module_rightSide__2cTpp","title":"start-campaign-card-module_title__3S0AN","description":"start-campaign-card-module_description__2QHtW","leftSide":"start-campaign-card-module_leftSide__3yqbZ"};
10058
+ styleInject(css$9);
10012
10059
 
10013
10060
  var StartCampaignCard = function StartCampaignCard(_ref) {
10014
10061
  var _ref$className = _ref.className,
@@ -10596,7 +10643,9 @@ function useHover$1() {
10596
10643
  return [isHovered, bind];
10597
10644
  }
10598
10645
 
10599
- var cls$a = ".tabBar {\n height: 75px;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab) {\n height: 75px !important;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label) {\n font-size: 15px !important;\n font-weight: 500;\n}";
10646
+ var css$a = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n";
10647
+ var cls$a = {"tabBar":"nav-module_tabBar__1jJhu"};
10648
+ styleInject(css$a);
10600
10649
 
10601
10650
  function Navigation$1(_ref) {
10602
10651
  var logo = _ref.logo,
package/dist/index.js CHANGED
@@ -9661,7 +9661,36 @@ Uploader.propTypes = {
9661
9661
  })
9662
9662
  };
9663
9663
 
9664
- var cls = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n background-color: #13362e;\n}\n.wrapper .image {\n width: 100px;\n height: 100px;\n padding: 5px;\n}\n.wrapper .title {\n padding: 5px;\n font-weight: 700;\n font-size: 20px;\n line-height: 27px;\n text-align: center;\n color: white;\n}\n.wrapper .description {\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: center;\n}";
9664
+ function styleInject(css, ref) {
9665
+ if ( ref === void 0 ) ref = {};
9666
+ var insertAt = ref.insertAt;
9667
+
9668
+ if (!css || typeof document === 'undefined') { return; }
9669
+
9670
+ var head = document.head || document.getElementsByTagName('head')[0];
9671
+ var style = document.createElement('style');
9672
+ style.type = 'text/css';
9673
+
9674
+ if (insertAt === 'top') {
9675
+ if (head.firstChild) {
9676
+ head.insertBefore(style, head.firstChild);
9677
+ } else {
9678
+ head.appendChild(style);
9679
+ }
9680
+ } else {
9681
+ head.appendChild(style);
9682
+ }
9683
+
9684
+ if (style.styleSheet) {
9685
+ style.styleSheet.cssText = css;
9686
+ } else {
9687
+ style.appendChild(document.createTextNode(css));
9688
+ }
9689
+ }
9690
+
9691
+ var css = ".campaign-card-module_wrapper__21wRg {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n background-color: #13362e; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_image__2ZKXl {\n width: 100px;\n height: 100px;\n padding: 5px; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_title__2sx24 {\n padding: 5px;\n font-weight: 700;\n font-size: 20px;\n line-height: 27px;\n text-align: center;\n color: white; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_description__2yC7N {\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: center; }\n";
9692
+ var cls = {"wrapper":"campaign-card-module_wrapper__21wRg","image":"campaign-card-module_image__2ZKXl","title":"campaign-card-module_title__2sx24","description":"campaign-card-module_description__2yC7N"};
9693
+ styleInject(css);
9665
9694
 
9666
9695
  var CampaignCard = function CampaignCard(_ref) {
9667
9696
  var _ref$className = _ref.className,
@@ -9690,9 +9719,13 @@ CampaignCard.propTypes = {
9690
9719
  description: _pt.string
9691
9720
  };
9692
9721
 
9693
- var cls$1 = ".wrapper {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n}\n.wrapper .rightSide {\n width: 570px;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px;\n}\n.wrapper .rightSide .title {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black;\n}\n.wrapper .rightSide .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical;\n}\n.wrapper .rightSide .info {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.wrapper .rightSide .info .item {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n.wrapper .rightSide .info .item_value {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px;\n}\n.wrapper .rightSide .info .item_name {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d;\n}\n.wrapper .leftSide {\n width: 570px;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 937px;\n height: 1193px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 634px;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6;\n }\n .wrapper .image {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 719px;\n height: 1193px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 634px;\n display: flex;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6;\n }\n .wrapper .image {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n object-fit: cover;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 432px;\n height: 816px;\n flex-direction: column;\n }\n .wrapper .leftSide {\n width: 100%;\n height: 247px;\n display: flex;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 569px;\n padding: 27px 38px 38px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n }\n .wrapper .rightSide .description {\n -webkit-line-clamp: 9;\n /* number of lines to show */\n line-clamp: 9;\n }\n .wrapper .image {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n object-fit: cover;\n }\n}";
9722
+ var css$1 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 1140px;\n height: 400px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 570px;\n height: 400px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n /* number of lines to show */\n line-clamp: 3;\n -webkit-box-orient: vertical; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item__2qUuG {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_value__2UldJ {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_name__3ZCL8 {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 570px;\n height: 400px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n max-width: 100%;\n max-height: 100%;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px; }\n\n@media all and (max-width: 1200px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 937px;\n height: 1193px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 634px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px; } }\n\n@media all and (max-width: 992px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 719px;\n height: 1193px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 634px;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 559px;\n padding: 46px 52px 52px 56px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n\n@media all and (max-width: 768px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 432px;\n height: 816px;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: 247px;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: 569px;\n padding: 27px 38px 38px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: 9;\n /* number of lines to show */\n line-clamp: 9; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n";
9723
+ var cls$1 = {"wrapper":"campaign-of-month-module_wrapper__3VW1j","rightSide":"campaign-of-month-module_rightSide__FXQyv","title":"campaign-of-month-module_title__2bUDz","description":"campaign-of-month-module_description__6rZ2k","info":"campaign-of-month-module_info__2W3vo","item":"campaign-of-month-module_item__2qUuG","item_value":"campaign-of-month-module_item_value__2UldJ","item_name":"campaign-of-month-module_item_name__3ZCL8","leftSide":"campaign-of-month-module_leftSide__22wcl","image":"campaign-of-month-module_image__2YMoT"};
9724
+ styleInject(css$1);
9694
9725
 
9695
- var cls$2 = ".wrapper {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px;\n}\n.wrapper .container {\n background-color: #eeeeee;\n border-radius: 999px;\n width: 100%;\n height: 18.23px;\n}\n.wrapper .bar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 5px;\n background-color: #41ccad;\n height: 100%;\n border-radius: 999px;\n height: 18.16px;\n text-align: right;\n}\n.wrapper .dot {\n background-color: #2d8a75;\n display: flex;\n width: 6.37px;\n height: 6.37px;\n border-radius: 999px;\n}";
9726
+ var css$2 = ".progressbar-module_wrapper__3NWOr {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_container__3rKcQ {\n background-color: #eeeeee;\n border-radius: 999px;\n width: 100%;\n height: 18.23px; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_bar__3PWVU {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 5px;\n background-color: #41ccad;\n height: 100%;\n border-radius: 999px;\n height: 18.16px;\n text-align: right; }\n .progressbar-module_wrapper__3NWOr .progressbar-module_dot__3xInb {\n background-color: #2d8a75;\n display: flex;\n width: 6.37px;\n height: 6.37px;\n border-radius: 999px; }\n";
9727
+ var cls$2 = {"wrapper":"progressbar-module_wrapper__3NWOr","container":"progressbar-module_container__3rKcQ","bar":"progressbar-module_bar__3PWVU","dot":"progressbar-module_dot__3xInb"};
9728
+ styleInject(css$2);
9696
9729
 
9697
9730
  var ProgressBar = function ProgressBar(_ref) {
9698
9731
  var _ref$className = _ref.className,
@@ -9794,7 +9827,9 @@ CampaignOfMonth.propTypes = {
9794
9827
  goal: _pt.number
9795
9828
  };
9796
9829
 
9797
- var cls$3 = ".wrapper {\n width: 573px;\n height: 188px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 29px 39px 38px 37px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n border-radius: 10px;\n}\n.wrapper .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n width: 50%;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 188px;\n padding: 41px 35px 38px 39px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 643px;\n height: 90px;\n align-items: center;\n }\n .wrapper .title {\n width: 100%;\n font-size: 26px;\n line-height: 36.4px;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 350px;\n height: 128px;\n padding: 40px 32px 38px 34px;\n align-items: flex-end;\n }\n .wrapper .title {\n width: 70%;\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n }\n}";
9830
+ var css$3 = ".charity-card-module_wrapper__2GNuk {\n width: 573px;\n height: 188px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 29px 39px 38px 37px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n border-radius: 10px; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n width: 50%; }\n\n@media all and (max-width: 1200px) {\n .charity-card-module_wrapper__2GNuk {\n width: 456px;\n height: 188px;\n padding: 41px 35px 38px 39px; } }\n\n@media all and (max-width: 992px) {\n .charity-card-module_wrapper__2GNuk {\n width: 643px;\n height: 90px;\n align-items: center; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 100%;\n font-size: 26px;\n line-height: 36.4px; } }\n\n@media all and (max-width: 768px) {\n .charity-card-module_wrapper__2GNuk {\n width: 350px;\n height: 128px;\n padding: 40px 32px 38px 34px;\n align-items: flex-end; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 70%;\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; } }\n";
9831
+ var cls$3 = {"wrapper":"charity-card-module_wrapper__2GNuk","title":"charity-card-module_title__3_xZV"};
9832
+ styleInject(css$3);
9798
9833
 
9799
9834
  const img$1 = "data:image/svg+xml,%3csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.495 2L25 12M25 12L14.495 22M25 12H0' stroke='white' stroke-width='3'/%3e%3c/svg%3e";
9800
9835
 
@@ -9822,7 +9857,9 @@ CharityCard.propTypes = {
9822
9857
  title: _pt.string
9823
9858
  };
9824
9859
 
9825
- var cls$4 = ".wrapper {\n width: 407px;\n height: 330px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 29px 37px 36px 37px;\n background-color: #f8f8f7;\n border-radius: 10px;\n}\n.wrapper .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: black;\n}\n.wrapper .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 330px;\n padding: 41px 42px 36px 42px;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 350px;\n height: 367px;\n padding: 36px 32px 36px 32px;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 430px;\n height: 289px;\n padding: 40px 42px 46px 42px;\n }\n .wrapper .title {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n }\n .wrapper .description {\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left;\n }\n}";
9860
+ var css$4 = ".donate-card-module_wrapper__ciBYC {\n width: 407px;\n height: 330px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 29px 37px 36px 37px;\n background-color: #f8f8f7;\n border-radius: 10px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: black; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n\n@media all and (max-width: 1200px) {\n .donate-card-module_wrapper__ciBYC {\n width: 456px;\n height: 330px;\n padding: 41px 42px 36px 42px; } }\n\n@media all and (max-width: 992px) {\n .donate-card-module_wrapper__ciBYC {\n width: 350px;\n height: 367px;\n padding: 36px 32px 36px 32px; } }\n\n@media all and (max-width: 768px) {\n .donate-card-module_wrapper__ciBYC {\n width: 430px;\n height: 289px;\n padding: 40px 42px 46px 42px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
9861
+ var cls$4 = {"wrapper":"donate-card-module_wrapper__ciBYC","title":"donate-card-module_title__2Pvi7","description":"donate-card-module_description__3X5cO"};
9862
+ styleInject(css$4);
9826
9863
 
9827
9864
  var DonateCard = function DonateCard(_ref) {
9828
9865
  var _ref$className = _ref.className,
@@ -9852,7 +9889,9 @@ DonateCard.propTypes = {
9852
9889
  description: _pt.string
9853
9890
  };
9854
9891
 
9855
- var cls$5 = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n}\n.wrapper .image {\n width: 100%;\n height: 100%;\n border-radius: 8px;\n}\n.wrapper .title {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black;\n}\n.wrapper .description {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n gap: 20px;\n}\n.wrapper .subtext {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px;\n}";
9892
+ var css$5 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n width: 100%;\n height: 100%;\n border-radius: 8px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_title__3rmNH {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_description__NZDGW {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n grid-gap: 20px;\n grid-gap: 20px;\n gap: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_subtext__2eSW5 {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px; }\n";
9893
+ var cls$5 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5"};
9894
+ styleInject(css$5);
9856
9895
 
9857
9896
  var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
9858
9897
  var _ref$className = _ref.className,
@@ -9903,7 +9942,9 @@ FeaturedCampaignCard.propTypes = {
9903
9942
  goal: _pt.number
9904
9943
  };
9905
9944
 
9906
- var cls$6 = ".wrapper {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px;\n}\n.wrapper .leftSide {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px;\n}\n.wrapper .image {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px;\n}\n.wrapper .rightSide {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n.wrapper .rightSide .title {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px;\n}\n.wrapper .rightSide .description {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}";
9945
+ var css$6 = ".fundraising-section-module_wrapper__2vajR {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_leftSide__1zI_4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_image__1G7d9 {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_title__3qv_k {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_description__1kteS {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n";
9946
+ var cls$6 = {"wrapper":"fundraising-section-module_wrapper__2vajR","leftSide":"fundraising-section-module_leftSide__1zI_4","image":"fundraising-section-module_image__1G7d9","rightSide":"fundraising-section-module_rightSide__3XxNu","title":"fundraising-section-module_title__3qv_k","description":"fundraising-section-module_description__1kteS"};
9947
+ styleInject(css$6);
9907
9948
 
9908
9949
  var FundraisingSection = function FundraisingSection(_ref) {
9909
9950
  var _ref$className = _ref.className,
@@ -9937,7 +9978,9 @@ FundraisingSection.propTypes = {
9937
9978
  imageUrl: _pt.string
9938
9979
  };
9939
9980
 
9940
- var cls$7 = ".wrapper {\n width: 100%;\n height: 509.07px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: #13362e;\n border-bottom-right-radius: 10px;\n}\n.wrapper .rightSide {\n width: 35%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n font-weight: 700;\n font-size: 40px;\n line-height: 56px;\n text-align: left;\n color: white;\n}\n.wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n padding-top: 20px;\n padding-bottom: 30px;\n}\n.wrapper .leftSide {\n width: 65%;\n height: 100%;\n border-bottom-right-radius: 10px;\n}\n.wrapper .image {\n border-bottom-right-radius: 10px;\n height: 100%;\n width: 100%;\n object-fit: cover;\n mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%);\n}";
9981
+ var css$7 = ".hero-banner-module_wrapper__3tqb0 {\n width: 100%;\n height: 509.07px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: #13362e;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN {\n width: 35%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 29px 0px 36px 41px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_title__3W1MB {\n font-weight: 700;\n font-size: 40px;\n line-height: 56px;\n text-align: left;\n color: white; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_description__t3Jsm {\n color: white;\n font-weight: 500;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n padding-top: 20px;\n padding-bottom: 30px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_leftSide__2wEYK {\n width: 65%;\n height: 100%;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_image__jUz8f {\n border-bottom-right-radius: 10px;\n height: 100%;\n width: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%); }\n";
9982
+ var cls$7 = {"wrapper":"hero-banner-module_wrapper__3tqb0","rightSide":"hero-banner-module_rightSide__2v-ZN","title":"hero-banner-module_title__3W1MB","description":"hero-banner-module_description__t3Jsm","leftSide":"hero-banner-module_leftSide__2wEYK","image":"hero-banner-module_image__jUz8f"};
9983
+ styleInject(css$7);
9941
9984
 
9942
9985
  var HeroBnner = function HeroBnner(_ref) {
9943
9986
  var _ref$className = _ref.className,
@@ -9979,7 +10022,9 @@ HeroBnner.propTypes = {
9979
10022
  imageUrl: _pt.string
9980
10023
  };
9981
10024
 
9982
- var cls$8 = ".wrapper {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px;\n}\n.wrapper .bar {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background-color: #41ccad;\n border-radius: 999px;\n height: 50px;\n}\n.wrapper .dot {\n background-color: #2d8a75;\n display: flex;\n width: 20px;\n height: 20px;\n border-radius: 999px;\n margin-right: 17.5px;\n}";
10025
+ var css$8 = ".horizontalbar-module_wrapper__39Ym4 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_bar__1X0jE {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background-color: #41ccad;\n border-radius: 999px;\n height: 50px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_dot__1uJv_ {\n background-color: #2d8a75;\n display: flex;\n width: 20px;\n height: 20px;\n border-radius: 999px;\n margin-right: 17.5px; }\n";
10026
+ var cls$8 = {"wrapper":"horizontalbar-module_wrapper__39Ym4","bar":"horizontalbar-module_bar__1X0jE","dot":"horizontalbar-module_dot__1uJv_"};
10027
+ styleInject(css$8);
9983
10028
 
9984
10029
  var HorizontalBar = function HorizontalBar(_ref) {
9985
10030
  var _ref$className = _ref.className,
@@ -10021,7 +10066,9 @@ HorizontalBar.propTypes = {
10021
10066
  marginLeft: _pt.number
10022
10067
  };
10023
10068
 
10024
- var cls$9 = ".wrapper {\n width: 708px;\n height: 330px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n background-color: #2d8a75;\n}\n.wrapper .rightSide {\n width: 326px;\n height: 330px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n padding: 29px 0px 36px 41px;\n}\n.wrapper .rightSide .title {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n}\n.wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left;\n}\n.wrapper .leftSide {\n width: 382px;\n height: 330px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover;\n}\n\n@media all and (max-width: 1200px) {\n .wrapper {\n width: 456px;\n height: 330px;\n padding: 42px 42px 36px 42px;\n }\n .wrapper .leftSide {\n display: none;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n}\n@media all and (max-width: 992px) {\n .wrapper {\n width: 350px;\n height: 367px;\n padding: 36px 33px 36px 33px;\n }\n .wrapper .leftSide {\n display: none;\n }\n .wrapper .rightSide {\n width: 100%;\n height: 100%;\n padding: 0;\n }\n}\n@media all and (max-width: 768px) {\n .wrapper {\n width: 430px;\n height: 525px;\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center;\n padding: 0;\n }\n .wrapper .leftSide {\n display: block;\n width: 430px;\n height: 330px;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover;\n }\n .wrapper .rightSide {\n width: 430;\n height: 195px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 0px 42px 51px 42px;\n }\n .wrapper .rightSide .title {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n text-align: left;\n color: white;\n }\n .wrapper .rightSide .description {\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left;\n }\n}";
10069
+ var css$9 = ".start-campaign-card-module_wrapper__26J9X {\n width: 708px;\n height: 330px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n background-color: #2d8a75; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 326px;\n height: 330px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n padding: 29px 0px 36px 41px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n width: 382px;\n height: 330px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n\n@media all and (max-width: 1200px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 456px;\n height: 330px;\n padding: 42px 42px 36px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 992px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 350px;\n height: 367px;\n padding: 36px 33px 36px 33px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 768px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 430px;\n height: 525px;\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center;\n padding: 0; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: block;\n width: 430px;\n height: 330px;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 430;\n height: 195px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 0px 42px 51px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
10070
+ var cls$9 = {"wrapper":"start-campaign-card-module_wrapper__26J9X","rightSide":"start-campaign-card-module_rightSide__2cTpp","title":"start-campaign-card-module_title__3S0AN","description":"start-campaign-card-module_description__2QHtW","leftSide":"start-campaign-card-module_leftSide__3yqbZ"};
10071
+ styleInject(css$9);
10025
10072
 
10026
10073
  var StartCampaignCard = function StartCampaignCard(_ref) {
10027
10074
  var _ref$className = _ref.className,
@@ -10609,7 +10656,9 @@ function useHover$1() {
10609
10656
  return [isHovered, bind];
10610
10657
  }
10611
10658
 
10612
- var cls$a = ".tabBar {\n height: 75px;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab) {\n height: 75px !important;\n}\n.tabBar :global(.mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label) {\n font-size: 15px !important;\n font-weight: 500;\n}";
10659
+ var css$a = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n";
10660
+ var cls$a = {"tabBar":"nav-module_tabBar__1jJhu"};
10661
+ styleInject(css$a);
10613
10662
 
10614
10663
  function Navigation$1(_ref) {
10615
10664
  var logo = _ref.logo,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mycause/ui",
3
- "version": "0.0.1-cf96d552",
3
+ "version": "0.0.2-cf96d552",
4
4
  "author": "Marc Porciuncula <marc@mycause.com.au>",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",