techsbcn-storybook 0.23.0 → 0.23.2

package/dist/components/wrappers/CardComponent/CardComponent.d.ts

@@ -7,6 +7,7 @@ interface CardComponentProps {
     backgroundType?: BackgroundType;
     className?: string;
     loading?: boolean;
+    onClick?: () => void;
 }
-declare const CardComponent: React.FC<CardComponentProps>;
-export default CardComponent;
+export declare const CardComponent: React.FC<CardComponentProps>;
+export {};

package/dist/techsbcn-storybook.cjs.development.js

@@ -3234,9 +3234,34 @@ DatePickerComponent.defaultProps = {
 var css_248z$i = ".card-component {\n  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n  background-color: white;\n}\n.card-component.gradiant-green {\n  background: linear-gradient(-135deg, #1de9b6, #1dc4e9);\n  color: white;\n}\n.card-component.gradiant-violet {\n  background: linear-gradient(-135deg, #899fd4, #a389d4);\n  color: white;\n}\n.card-component.grey {\n  background: #A9A9A9;\n  color: white;\n}\n.card-component.main-background-color {\n  color: white;\n}\n.card-component .MuiCircularProgress-root {\n  color: white;\n}";
 styleInject(css_248z$i);
 
+var CardComponent = function CardComponent(props) {
+  var _props$className, _props$height;
+
+  return React__default.createElement(material.Box, {
+    className: "card-component " + (props.onClick ? 'cursor-pointer' : '') + " " + props.backgroundType + " \n      " + ((_props$className = props.className) != null ? _props$className : ''),
+    height: "" + ((_props$height = props.height) != null ? _props$height : '100%'),
+    onClick: props.onClick
+  }, React__default.createElement(material.Box, {
+    p: 3.125,
+    py: 3.75,
+    height: '100%'
+  }, props.loading ? React__default.createElement(material.Box, {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    height: '100%'
+  }, React__default.createElement(material.CircularProgress, {
+    className: "" + (props.backgroundType === 'white' ? 'circular-progress-main-color' : '')
+  })) : props.children && props.children));
+};
+CardComponent.defaultProps = {
+  backgroundType: 'white'
+};
+
 exports.AppHeader = AppHeader;
 exports.AppSidebar = AppSidebar;
 exports.ButtonComponent = ButtonComponent;
+exports.CardComponent = CardComponent;
 exports.ChangePasswordForm = ChangePasswordForm;
 exports.DatePickerComponent = DatePickerComponent;
 exports.DrawerSidebar = DrawerSidebar;