techsbcn-storybook 0.7.3 → 0.8.0

package/dist/components/forms/ChangePasswordForm.d.ts

@@ -10,9 +10,9 @@ interface ChangePasswordFormProps {
     };
     valuesText: {
         buttonText: string;
-        textPassword: string;
+        labelPassword: string;
         placeholderPassword?: string;
-        textSamePassword: string;
+        labelSamePassword: string;
         placeholderSamePassword?: string;
     };
 }

package/dist/components/forms/LoginForm.d.ts

@@ -10,9 +10,9 @@ interface LoginFormProps {
     };
     valuesText: {
         buttonText: string;
-        textLogin: string;
+        labelLogin: string;
         placeholderLogin?: string;
-        textPassword: string;
+        labelPassword: string;
         placeholderPassword?: string;
     };
 }

package/dist/components/forms/ResetPasswordForm.d.ts

@@ -9,7 +9,7 @@ interface resetPasswordFormProps {
     };
     valuesText: {
         buttonText: string;
-        text: string;
+        label: string;
         placeholder?: string;
     };
 }

package/dist/stories/button/Button.stories.d.ts

@@ -5,3 +5,5 @@ export declare const Default: Story<import("@storybook/react").Args>;
 export declare const LoginButton: Story<import("@storybook/react").Args>;
 export declare const ModalCancel: Story<import("@storybook/react").Args>;
 export declare const Loading: Story<import("@storybook/react").Args>;
+export declare const StartIcon: Story<import("@storybook/react").Args>;
+export declare const EndIcon: Story<import("@storybook/react").Args>;

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

@@ -62,7 +62,7 @@ var PublicFormWrapper = function PublicFormWrapper(props) {
   }, props.children)));
 };
 
-var css_248z$1 = ".search-component .title {\n  color: #000;\n  font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n  font-weight: 400;\n  position: relative;\n}\n.search-component .tune-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  cursor: pointer;\n  color: white;\n}\n.search-component .tune-btn:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.search-component .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.search-component .wrapper-actions .btn-action .btn {\n  width: max-content;\n}\n.search-component .wrapper-actions .btn-action svg {\n  font-size: 40px !important;\n}\n\n.search-menu-actions .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.search-menu-actions .wrapper-actions .btn-action .btn {\n  width: max-content;\n}\n.search-menu-actions .wrapper-actions .btn-action svg {\n  font-size: 40px !important;\n}";
+var css_248z$1 = ".search-component .title {\n  color: #000;\n  font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n  font-weight: 400;\n  position: relative;\n}\n.search-component .tune-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  cursor: pointer;\n  color: white;\n}\n.search-component .tune-btn:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.search-component .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.search-component .wrapper-actions .btn-action .btn {\n  width: max-content;\n}\n.search-component .wrapper-actions .btn-action svg {\n  font-size: 40px;\n}\n\n.search-menu-actions .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.search-menu-actions .wrapper-actions .btn-action .btn {\n  width: max-content;\n}\n.search-menu-actions .wrapper-actions .btn-action svg {\n  font-size: 40px;\n}";
 styleInject(css_248z$1);
 
 var ActionsList = function ActionsList(actions) {
@@ -137,7 +137,7 @@ var SearchComponent = function SearchComponent(props) {
     xs: 4
   }, React__default.createElement(material.Box, {
     pl: 1,
-    className: "title main-background-color-after"
+    className: "main-background-color-after title"
   }, props.title)), props.actions && React__default.createElement(material.Grid, {
     item: true,
     xs: 8,
@@ -232,7 +232,7 @@ var SearchComponent = function SearchComponent(props) {
   })))));
 };
 
-var css_248z$2 = ".main-wrapper-component {\n  background-color: white;\n  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n}\n.main-wrapper-component .title {\n  color: #000;\n  font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n  font-weight: 400;\n  position: relative;\n}\n.main-wrapper-component .title:after {\n  content: \"\";\n  position: absolute;\n  left: -17px;\n  top: 0;\n  width: 4px;\n  height: 30px;\n}\n.main-wrapper-component .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.main-wrapper-component .wrapper-actions .btn-action .MuiButton-root {\n  width: max-content;\n}\n.main-wrapper-component .wrapper-actions .btn-action svg {\n  font-size: 40px !important;\n}";
+var css_248z$2 = ".main-wrapper-component {\n  background-color: white;\n  box-shadow: 0 1px 20px 0 rgba(69, 90, 100, 0.08);\n}\n.main-wrapper-component .title.main-background-color-after {\n  color: #000;\n  font-size: calc(21px + (23 - 21) * calc(100vw - 300px)/1300) !important;\n  font-weight: 400;\n  position: relative;\n}\n.main-wrapper-component .title.main-background-color-after:after {\n  content: \"\";\n  position: absolute;\n  left: -17px;\n  top: 0;\n  width: 4px;\n  height: 30px;\n}\n.main-wrapper-component .wrapper-actions .btn-action {\n  cursor: pointer;\n}\n.main-wrapper-component .wrapper-actions .btn-action .MuiButton-root {\n  width: max-content;\n}\n.main-wrapper-component .wrapper-actions .btn-action svg {\n  font-size: 40px;\n}";
 styleInject(css_248z$2);
 
 var MainWrapperComponent = function MainWrapperComponent(props) {
@@ -776,7 +776,7 @@ var UserInfo = function UserInfo(props) {
   }, React__default.createElement(material.Box, {
     display: "flex",
     alignItems: "center"
-  }, props.photoURL ? React__default.createElement(material.Avatar, {
+  }, props.photoURL && props.photoURL !== undefined ? React__default.createElement(material.Avatar, {
     className: "avatar-user",
     src: props.photoURL
   }) : React__default.createElement(material.Avatar, {
@@ -893,7 +893,7 @@ var DrawerSidebar = function DrawerSidebar(props) {
   }, props.footerComponents))));
 };
 
-var css_248z$9 = ".app-bar {\n  background-color: white !important;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n  color: black !important;\n}\n.app-bar .header-logo {\n  max-height: 64px;\n  height: 100%;\n  min-height: 56px;\n  width: 100%;\n}\n.app-bar img {\n  max-height: 64px;\n  height: 100%;\n  min-height: 56px;\n  width: 100%;\n}";
+var css_248z$9 = ".app-bar {\n  background-color: white !important;\n  border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n  color: black !important;\n}\n.app-bar .header-logo {\n  max-height: 59px;\n  height: 100%;\n  min-height: 56px;\n  width: 100%;\n}\n.app-bar img {\n  max-height: 59px;\n  height: 100%;\n  min-height: 56px;\n  width: 100%;\n}";
 styleInject(css_248z$9);
 
 var AppHeader = function AppHeader(props) {
@@ -916,7 +916,7 @@ var AppHeader = function AppHeader(props) {
   }, React__default.createElement(MenuIcon, null)), props.children));
 };
 
-var css_248z$a = ".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  box-shadow: none !important;\n  font-size: 1rem !important;\n  background-color: #3299C7;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root.btn-modal-cancel.Mui-disabled {\n  background-color: #666666c4 !important;\n  color: #030303b4 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}";
+var css_248z$a = ".MuiButton-root {\n  width: auto;\n  padding: 0.8rem 1rem !important;\n  text-transform: inherit !important;\n  line-height: inherit !important;\n  box-shadow: none !important;\n  font-size: 1rem !important;\n  background-color: #3299C7;\n}\n.MuiButton-root.btn-login {\n  width: 100%;\n}\n.MuiButton-root.btn-modal-cancel {\n  background-color: #666666 !important;\n}\n.MuiButton-root.btn-modal-cancel.Mui-disabled {\n  background-color: #666666c4 !important;\n  color: #030303b4 !important;\n}\n.MuiButton-root:hover {\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;\n}\n.MuiButton-root .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-label .MuiCircularProgress-root {\n  color: white !important;\n}\n.MuiButton-root .MuiButton-startIcon svg {\n  font-size: 20px !important;\n}\n.MuiButton-root .MuiButton-endIcon svg {\n  font-size: 20px !important;\n}";
 styleInject(css_248z$a);
 
 var ButtonComponent = function ButtonComponent(props) {
@@ -1964,7 +1964,7 @@ var LoginForm = function LoginForm(props) {
           name = _ref$field.name,
           ref = _ref$field.ref;
       return React__default.createElement(TextFieldComponent, {
-        label: props.valuesText.textLogin,
+        label: props.valuesText.labelLogin,
         placeholder: props.valuesText.placeholderLogin,
         autoComplete: "login",
         error: !!errors.login,
@@ -1989,7 +1989,7 @@ var LoginForm = function LoginForm(props) {
           name = _ref2$field.name,
           ref = _ref2$field.ref;
       return React__default.createElement(TextFieldComponent, {
-        label: props.valuesText.textPassword,
+        label: props.valuesText.labelPassword,
         placeholder: props.valuesText.placeholderPassword,
         type: showPassword ? 'text' : 'password',
         error: !!errors.password,
@@ -2066,7 +2066,7 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
           name = _ref$field.name,
           ref = _ref$field.ref;
       return React__default.createElement(TextFieldComponent, {
-        label: props.valuesText.textPassword,
+        label: props.valuesText.labelPassword,
         type: showPassword ? 'text' : 'password',
         error: !!errors.password,
         placeholder: props.valuesText.placeholderPassword,
@@ -2097,7 +2097,7 @@ var ChangePasswordForm = function ChangePasswordForm(props) {
           name = _ref2$field.name,
           ref = _ref2$field.ref;
       return React__default.createElement(TextFieldComponent, {
-        label: props.valuesText.textSamePassword,
+        label: props.valuesText.labelSamePassword,
         placeholder: props.valuesText.placeholderSamePassword,
         type: showPassword ? 'text' : 'password',
         error: !!errors.passwordConfirmation,
@@ -2157,7 +2157,7 @@ var ResetPasswordForm = function ResetPasswordForm(props) {
           name = _ref$field.name,
           ref = _ref$field.ref;
       return React__default.createElement(TextFieldComponent, {
-        label: props.valuesText.text,
+        label: props.valuesText.label,
         placeholder: props.valuesText.placeholder,
         autoComplete: "email",
         error: !!errors.email,