npm - @mycause/ui - Versions diffs - 0.0.0-c84eb11a → 0.0.0-c85735f7 - Mend

@mycause/ui 0.0.0-c84eb11a → 0.0.0-c85735f7

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.

Files changed (5) hide show

package/dist/components/featured-campaign-card/featured-campaign-card.d.ts CHANGED Viewed

@@ -5,7 +5,7 @@ export interface FeaturedCampaignCardProps {
     title?: string;
     description?: string;
     completed?: number;
-    width?: number;
+    maxWidth?: number;
     donation?: number;
     raised?: number;
     goal?: number;
@@ -13,5 +13,5 @@ export interface FeaturedCampaignCardProps {
     fundraisingText: string;
     handleImageError?: () => void;
 }
-declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
+declare const FeaturedCampaignCard: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: FeaturedCampaignCardProps) => JSX.Element;
 export default FeaturedCampaignCard;

package/dist/components/featured-campaign-card/featured-campaign-card.stories.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import CenterDecorator from "../../utils/center-decorator";
 declare const _default: {
     title: string;
     decorators: (typeof CenterDecorator)[];
-    component: ({ className, imageURL, title, donation, raised, goal, completed, width, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
+    component: ({ className, imageURL, title, donation, raised, goal, completed, maxWidth, onClick, fundraisingText, handleImageError, }: import("./featured-campaign-card").FeaturedCampaignCardProps) => JSX.Element;
 };
 export default _default;
 export declare const featuredcampaigncard: {

package/dist/index.esm.js CHANGED Viewed

@@ -10032,7 +10032,7 @@ CampaignCard.propTypes = {
   description: _pt.string
 };
-var css$4 = ".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: 50%;\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: 8;\n      /* number of lines to show */\n      line-clamp: 8;\n      -webkit-box-orient: vertical;\n      margin-bottom: 25px; }\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: 50%;\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: 1024px) {\n  .campaign-of-month-module_wrapper__3VW1j {\n    width: 937px;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 20px 50px 40px 50px;\n      border-radius: 0 0 10px 10px; }\n      .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n        -webkit-line-clamp: initial;\n        /* number of lines to show */\n        line-clamp: initial; }\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: auto;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto;\n      display: flex; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 27px 40px 36px;\n      border-bottom-left-radius: 10px;\n      border-bottom-right-radius: 10px; }\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";
+var css$4 = ".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: 50%;\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: 8;\n      /* number of lines to show */\n      line-clamp: 8;\n      -webkit-box-orient: vertical;\n      margin-bottom: 25px; }\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: 50%;\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: 1024px) {\n  .campaign-of-month-module_wrapper__3VW1j {\n    width: 937px;\n    flex-direction: column;\n    height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 20px 50px 40px 50px;\n      border-radius: 0 0 10px 10px; }\n      .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n        -webkit-line-clamp: initial;\n        /* number of lines to show */\n        line-clamp: initial; }\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: auto;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto;\n      display: flex; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 27px 40px 36px;\n      border-bottom-left-radius: 10px;\n      border-bottom-right-radius: 10px; }\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: 100%;\n    max-width: 342px; } }\n";
 var cls$4 = {"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"};
 styleInject(css$4);
@@ -10181,7 +10181,7 @@ DonateCard.propTypes = {
   description: _pt.string
 };
-var css$7 = ".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  cursor: pointer; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n    height: 100%;\n    display: flex;\n    align-items: center; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n    border-radius: 8px;\n    width: -webkit-fit-content;\n    width: fit-content; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n    width: 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    height: 50px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\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    border-radius: 10px;\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  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    color: #6d6d6d;\n    line-height: 20px;\n    font-size: 15px;\n    margin: 0 0 10px 0; }\n";
+var css$7 = ".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  cursor: pointer; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n    height: 100%;\n    display: flex;\n    align-items: center; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n    border-radius: 8px;\n    width: -webkit-fit-content;\n    width: fit-content; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n    width: 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    height: 50px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\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    border-radius: 10px;\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  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    color: #6d6d6d;\n    line-height: 20px;\n    font-size: 15px;\n    margin: 0 0 10px 0; }\n";
 var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","coverImage":"featured-campaign-card-module_coverImage__HUvxd","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","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
 styleInject(css$7);
@@ -10199,15 +10199,15 @@ var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
       goal = _ref$goal === void 0 ? 0 : _ref$goal,
       _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? 0 : _ref$completed,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 0 : _ref$width,
+      _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? 0 : _ref$maxWidth,
       onClick = _ref.onClick,
       fundraisingText = _ref.fundraisingText,
       handleImageError = _ref.handleImageError;
   return React.createElement("div", {
     className: classnames(cls$7.wrapper, className),
     style: {
-      width: "".concat(width, "px")
+      maxWidth: "".concat(maxWidth, "px")
     },
     onClick: onClick
   }, React.createElement("div", null, React.createElement("div", {
@@ -10240,7 +10240,7 @@ FeaturedCampaignCard.propTypes = {
   title: _pt.string,
   description: _pt.string,
   completed: _pt.number,
-  width: _pt.number,
+  maxWidth: _pt.number,
   donation: _pt.number,
   raised: _pt.number,
   goal: _pt.number,

package/dist/index.js CHANGED Viewed

@@ -10045,7 +10045,7 @@ CampaignCard.propTypes = {
   description: _pt.string
 };
-var css$4 = ".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: 50%;\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: 8;\n      /* number of lines to show */\n      line-clamp: 8;\n      -webkit-box-orient: vertical;\n      margin-bottom: 25px; }\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: 50%;\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: 1024px) {\n  .campaign-of-month-module_wrapper__3VW1j {\n    width: 937px;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 20px 50px 40px 50px;\n      border-radius: 0 0 10px 10px; }\n      .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n        -webkit-line-clamp: initial;\n        /* number of lines to show */\n        line-clamp: initial; }\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: auto;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto;\n      display: flex; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 27px 40px 36px;\n      border-bottom-left-radius: 10px;\n      border-bottom-right-radius: 10px; }\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";
+var css$4 = ".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: 50%;\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: 8;\n      /* number of lines to show */\n      line-clamp: 8;\n      -webkit-box-orient: vertical;\n      margin-bottom: 25px; }\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: 50%;\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: 1024px) {\n  .campaign-of-month-module_wrapper__3VW1j {\n    width: 937px;\n    flex-direction: column;\n    height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 20px 50px 40px 50px;\n      border-radius: 0 0 10px 10px; }\n      .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n        -webkit-line-clamp: initial;\n        /* number of lines to show */\n        line-clamp: initial; }\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: auto;\n    flex-direction: column; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n      width: 100%;\n      height: auto;\n      display: flex; }\n    .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n      width: 100%;\n      height: auto;\n      padding: 27px 40px 36px;\n      border-bottom-left-radius: 10px;\n      border-bottom-right-radius: 10px; }\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: 100%;\n    max-width: 342px; } }\n";
 var cls$4 = {"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"};
 styleInject(css$4);
@@ -10194,7 +10194,7 @@ DonateCard.propTypes = {
   description: _pt.string
 };
-var css$7 = ".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  cursor: pointer; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n    height: 100%;\n    display: flex;\n    align-items: center; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n    border-radius: 8px;\n    width: -webkit-fit-content;\n    width: fit-content; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n    width: 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    height: 50px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\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    border-radius: 10px;\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  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    color: #6d6d6d;\n    line-height: 20px;\n    font-size: 15px;\n    margin: 0 0 10px 0; }\n";
+var css$7 = ".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  cursor: pointer; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n    height: 100%;\n    display: flex;\n    align-items: center; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n    border-radius: 8px;\n    width: -webkit-fit-content;\n    width: fit-content; }\n  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n    width: 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    height: 50px;\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical; }\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    border-radius: 10px;\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  .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    color: #6d6d6d;\n    line-height: 20px;\n    font-size: 15px;\n    margin: 0 0 10px 0; }\n";
 var cls$7 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","coverImage":"featured-campaign-card-module_coverImage__HUvxd","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","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
 styleInject(css$7);
@@ -10212,15 +10212,15 @@ var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
       goal = _ref$goal === void 0 ? 0 : _ref$goal,
       _ref$completed = _ref.completed,
       completed = _ref$completed === void 0 ? 0 : _ref$completed,
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? 0 : _ref$width,
+      _ref$maxWidth = _ref.maxWidth,
+      maxWidth = _ref$maxWidth === void 0 ? 0 : _ref$maxWidth,
       onClick = _ref.onClick,
       fundraisingText = _ref.fundraisingText,
       handleImageError = _ref.handleImageError;
   return React__default.createElement("div", {
     className: classnames(cls$7.wrapper, className),
     style: {
-      width: "".concat(width, "px")
+      maxWidth: "".concat(maxWidth, "px")
     },
     onClick: onClick
   }, React__default.createElement("div", null, React__default.createElement("div", {
@@ -10253,7 +10253,7 @@ FeaturedCampaignCard.propTypes = {
   title: _pt.string,
   description: _pt.string,
   completed: _pt.number,
-  width: _pt.number,
+  maxWidth: _pt.number,
   donation: _pt.number,
   raised: _pt.number,
   goal: _pt.number,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mycause/ui",
-  "version": "0.0.0-c84eb11a",
+  "version": "0.0.0-c85735f7",
   "author": "Marc Porciuncula <marc@mycause.com.au>",
   "license": "MIT",
   "main": "dist/index.js",