@symply.io/basic-components 1.3.0 → 1.3.1

package/DynamicHeaderBar/HeaderButtons.js

@@ -13,6 +13,7 @@ import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import Fab from "@mui/material/Fab";
 import Grid from "@mui/material/Grid";
 import Button from "@mui/material/Button";
+import IconButton from "@mui/material/IconButton";
 import useMediaQuery from "@mui/material/useMediaQuery";
 import ThemeProvider from "@mui/material/styles/ThemeProvider";
 import MenuButtonGroup from "../MenuButtonGroup";
@@ -28,10 +29,14 @@ function HeaderButtons(props) {
                         var _a = button.variant, variant = _a === void 0 ? "contained" : _a, text = button.text, onClick = button.onClick, color = button.color, size = button.size, startIcon = button.startIcon, endIcon = button.endIcon, disabled = button.disabled;
                         return (_jsx(Grid, __assign({ item: true, xs: isLessThanSm ? 12 : undefined, style: { textAlign: "end" } }, { children: _jsx(Button, __assign({ fullWidth: isLessThanSm, variant: variant, onClick: onClick, color: color, size: isLessThanSm ? "small" : size, startIcon: startIcon, endIcon: endIcon, disabled: disabled }, { children: text })) }), text));
                     }
-                    case HeaderButtonCategory.IconButton: {
+                    case HeaderButtonCategory.FabButton: {
                         var title = button.title, onClick = button.onClick, color = button.color, _b = button.size, size = _b === void 0 ? "medium" : _b, icon = button.icon, disabled = button.disabled, variant = button.variant;
                         return (_jsx(Grid, __assign({ item: true, style: { textAlign: "end" } }, { children: _jsx(Fab, __assign({ onClick: onClick, color: color, title: title, size: isLessThanSm ? "small" : size, disabled: disabled, variant: variant }, { children: icon })) }), title));
                     }
+                    case HeaderButtonCategory.IconButton: {
+                        var title = button.title, onClick = button.onClick, color = button.color, _c = button.size, size = _c === void 0 ? "medium" : _c, icon = button.icon, disabled = button.disabled;
+                        return (_jsx(Grid, __assign({ item: true, style: { textAlign: "end" } }, { children: _jsx(IconButton, __assign({ onClick: onClick, color: color, title: title, size: isLessThanSm ? "small" : size, disabled: disabled }, { children: icon })) }), title));
+                    }
                     case HeaderButtonCategory.MenuButton: {
                         var btns = button.buttons, buttonText = button.buttonText, disabled = button.disabled, variant = button.variant, size = button.size;
                         return (_jsx(Grid, __assign({ item: true, xs: isLessThanSm ? 12 : undefined, style: { textAlign: "end" } }, { children: _jsx(MenuButtonGroup, { size: isLessThanSm ? "small" : size, variant: variant, buttons: btns, buttonText: buttonText, disabled: disabled }) }), buttonText));

package/DynamicHeaderBar/types.d.ts

@@ -6,7 +6,8 @@ import { MenuButtonGroupProps } from "../MenuButtonGroup";
 export declare enum HeaderButtonCategory {
     IconButton = "icon",
     TextButton = "text",
-    MenuButton = "menu"
+    MenuButton = "menu",
+    FabButton = "fab"
 }
 interface HeaderTextButtonProps {
     text: string;
@@ -24,13 +25,22 @@ interface HeaderIconButtonProps {
     icon: ReactElement;
     disabled?: boolean;
     type: HeaderButtonCategory.IconButton;
-    variant?: FabProps["variant"];
     color?: IconButtonProps["color"];
     size?: IconButtonProps["size"];
     onClick: IconButtonProps["onClick"];
 }
+interface HeaderFabButtonProps {
+    title: string;
+    icon: ReactElement;
+    disabled?: boolean;
+    type: HeaderButtonCategory.FabButton;
+    variant?: FabProps["variant"];
+    color?: FabProps["color"];
+    size?: FabProps["size"];
+    onClick: FabProps["onClick"];
+}
 declare type HeaderMenuButtonProps = {
     type: HeaderButtonCategory.MenuButton;
 } & MenuButtonGroupProps;
-export declare type HeaderButtonProps = HeaderTextButtonProps | HeaderIconButtonProps | HeaderMenuButtonProps;
+export declare type HeaderButtonProps = HeaderFabButtonProps | HeaderTextButtonProps | HeaderIconButtonProps | HeaderMenuButtonProps;
 export {};

package/DynamicHeaderBar/types.js

@@ -3,4 +3,5 @@ export var HeaderButtonCategory;
     HeaderButtonCategory["IconButton"] = "icon";
     HeaderButtonCategory["TextButton"] = "text";
     HeaderButtonCategory["MenuButton"] = "menu";
+    HeaderButtonCategory["FabButton"] = "fab";
 })(HeaderButtonCategory || (HeaderButtonCategory = {}));

package/ToastPrompt/Presentation.js

@@ -41,13 +41,13 @@ var ToastPrompt = function (props) {
             backgroundColor: green[600]
         },
         error: {
-            backgroundColor: red[700]
+            backgroundColor: red["A400"]
         },
         info: {
             backgroundColor: blue[600]
         },
         warning: {
-            backgroundColor: amber[900]
+            backgroundColor: amber[500]
         }
     };
     var Transition = function (args) {
@@ -70,6 +70,7 @@ var ToastPrompt = function (props) {
                         },
                         _a) }), "aria-describedby": "Toast", message: _jsxs(Typography, __assign({ id: "Toast", component: "span", sx: {
                         fontSize: 14,
+                        fontWeight: 500,
                         display: "flex",
                         alignItems: "center"
                     } }, { children: [variant ? (_jsx(Icon, { sx: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symply.io/basic-components",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Basic and reusable components for all frontend of Symply apps",
   "keywords": [
     "react",