@codezee/sixtify-brahma 0.2.7 → 0.2.8

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.js

@@ -0,0 +1,66 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserProfileMenu = UserProfileMenu;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const material_1 = require("@mui/material");
+const isFunction_1 = __importDefault(require("lodash/isFunction"));
+const react_1 = require("react");
+const UserProfileMenu_styled_1 = require("./UserProfileMenu.styled");
+function UserProfileMenu({ userDetails, menuItems, }) {
+    const [anchorEl, setAnchorEl] = (0, react_1.useState)(null);
+    const theme = (0, material_1.useTheme)();
+    const { iron } = theme.palette.app.color;
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { position: "relative", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", alignItems: "center", textAlign: "center" }, children: (0, jsx_runtime_1.jsx)(UserProfileMenu_styled_1.IconButtonStyled, { onClick: handleClick, size: "small", sx: { ml: 2 }, "aria-controls": open ? "account-menu" : undefined, "aria-haspopup": "true", "aria-expanded": open ? "true" : undefined, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: 1, color: "black", children: [(0, jsx_runtime_1.jsx)(material_1.Avatar, { src: userDetails.avatar, sx: { border: `1px solid ${iron[700]}` } }), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: userDetails.name }), open ? (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowUp, {}) : (0, jsx_runtime_1.jsx)(icons_material_1.KeyboardArrowDown, {})] }) }) }), (0, jsx_runtime_1.jsx)(material_1.Menu, { anchorEl: anchorEl, id: "account-menu", open: open, onClose: handleClose, onClick: handleClose, sx: {
+                    "& .MuiPaper-root": {
+                        width: "220px",
+                    },
+                }, slotProps: {
+                    paper: {
+                        elevation: 0,
+                        sx: {
+                            overflow: "visible",
+                            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+                            mt: 1.5,
+                            "& .MuiAvatar-root": {
+                                width: 32,
+                                height: 32,
+                                ml: -0.5,
+                                mr: 1,
+                            },
+                            "&::before": {
+                                content: "''",
+                                display: "block",
+                                position: "absolute",
+                                top: 0,
+                                right: 14,
+                                width: 10,
+                                height: 10,
+                                bgcolor: "background.paper",
+                                transform: "translateY(-50%) rotate(45deg)",
+                                zIndex: 0,
+                            },
+                        },
+                    },
+                }, transformOrigin: { horizontal: "right", vertical: "top" }, anchorOrigin: { horizontal: "right", vertical: "bottom" }, children: menuItems.map(({ divider = false, onClick, icon, label, sx = {}, key }) => {
+                    return ((0, jsx_runtime_1.jsxs)(material_1.Box, { children: [divider && (0, jsx_runtime_1.jsx)(material_1.Divider, {}), (0, jsx_runtime_1.jsx)(material_1.MenuItem, { onClick: () => {
+                                    if ((0, isFunction_1.default)(onClick)) {
+                                        onClick();
+                                    }
+                                }, children: (icon || label) && ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "1px", alignItems: "center", width: "100%", flexDirection: "row", sx: { ...sx }, children: [(0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { sx: {
+                                                minWidth: "20px",
+                                                alignItems: "center",
+                                                ...sx,
+                                            }, children: icon }), label && ((0, jsx_runtime_1.jsx)(material_1.Typography, { sx: { fontSize: "15px" }, children: label }))] })) })] }, `${key}_container`));
+                }) })] }));
+}

package/packages/shared-components/dist/UserProfileMenu/UserProfileMenu.styled.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButtonStyled = exports.MenuStyled = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("@mui/material/styles");
+exports.MenuStyled = (0, styles_1.styled)(material_1.Menu)(({ theme }) => {
+    const style = {
+        [`& .${material_1.menuClasses.paper}`]: {
+            boxShadow: theme.palette.app.paperBoxShadow,
+            minWidth: "29rem",
+            width: "auto",
+            margin: "0 0.5rem",
+            borderRadius: "8px",
+            overflow: "visible",
+            "& .MuiList-root": {
+                padding: "0",
+                overflow: "visible",
+            },
+        },
+    };
+    return style;
+});
+exports.IconButtonStyled = (0, styles_1.styled)(material_1.IconButton, {
+    shouldForwardProp: (prop) => prop !== "isOpened",
+})(() => {
+    const style = {
+        paddingInline: "0.3rem",
+        paddingBlock: "0.2rem",
+        borderRadius: "8px",
+    };
+    return style;
+});

package/packages/shared-components/dist/UserProfileMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./UserProfileMenu";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/UserProfileMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/UserProfileMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/packages/shared-components/dist/UserProfileMenu/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./UserProfileMenu"), exports);

package/packages/shared-components/dist/index.d.ts

@@ -0,0 +1,26 @@
+export * from "./Actions";
+export * from "./AgGrid";
+export * from "./AppBar";
+export * from "./Breadcrumbs";
+export * from "./Button";
+export * from "./Card";
+export * from "./Charts";
+export * from "./Chips";
+export * from "./Dialog";
+export * from "./Drawer";
+export * from "./FilterList";
+export * from "./FormFields";
+export * from "./Indicator";
+export * from "./Layouts";
+export * from "./Loader";
+export * from "./PadBox";
+export * from "./Pagination";
+export * from "./Stepper";
+export * from "./Svgs";
+export * from "./Tab";
+export * from "./Timeline";
+export * from "./Toast";
+export * from "./Tooltip";
+export * from "./UserProfileMenu";
+export * from "./utils";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/packages/shared-components/dist/index.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Actions"), exports);
+__exportStar(require("./AgGrid"), exports);
+__exportStar(require("./AppBar"), exports);
+__exportStar(require("./Breadcrumbs"), exports);
+__exportStar(require("./Button"), exports);
+__exportStar(require("./Card"), exports);
+__exportStar(require("./Charts"), exports);
+__exportStar(require("./Chips"), exports);
+__exportStar(require("./Dialog"), exports);
+__exportStar(require("./Drawer"), exports);
+__exportStar(require("./FilterList"), exports);
+__exportStar(require("./FormFields"), exports);
+__exportStar(require("./Indicator"), exports);
+__exportStar(require("./Layouts"), exports);
+__exportStar(require("./Loader"), exports);
+__exportStar(require("./PadBox"), exports);
+__exportStar(require("./Pagination"), exports);
+__exportStar(require("./Stepper"), exports);
+__exportStar(require("./Svgs"), exports);
+__exportStar(require("./Tab"), exports);
+__exportStar(require("./Timeline"), exports);
+__exportStar(require("./Toast"), exports);
+__exportStar(require("./Tooltip"), exports);
+__exportStar(require("./UserProfileMenu"), exports);
+__exportStar(require("./utils"), exports);

package/packages/shared-components/dist/utils/colorVariant.d.ts

@@ -0,0 +1,6 @@
+export type WorkDayType = "present" | "holiday" | "weekly_off" | "working" | "first_half_off" | "second_half_off" | "full_day_weekly_off" | "first_half_weekly_off" | "second_half_weekly_off" | "paid_leave" | "absent" | "late_in_early_out" | "unpaid_leave" | "loss_of_pay" | "penalty";
+export type WorkDayTypeShort = "P" | "H" | "WO" | "HO" | "FHWO" | "SHWO" | "PL" | "A" | "LIEO" | "UPL" | "PEN" | "LOP";
+export declare const serverityOptions: Record<WorkDayType, WorkDayTypeShort>;
+export declare const getColorByVariant: (variant: WorkDayType, type?: string) => string | undefined;
+export declare const getStatusLabel: (status: WorkDayType) => "Present" | "Absent" | "Weekly Off" | "Working" | "Holiday" | "Paid Leave" | "Unpaid Leave" | "First Half Weekly Off" | "Second Half Weekly Off" | "First Half Off" | "Second Half Off" | "Late In/Early Out" | "Loss of Pay" | "Penalty";
+//# sourceMappingURL=colorVariant.d.ts.map

package/packages/shared-components/dist/utils/colorVariant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorVariant.d.ts","sourceRoot":"","sources":["../../src/utils/colorVariant.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GACnB,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,gBAAgB,GAChB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,wBAAwB,GACxB,YAAY,GACZ,QAAQ,GACR,mBAAmB,GACnB,cAAc,GACd,aAAa,GACb,SAAS,CAAC;AAEd,MAAM,MAAM,gBAAgB,GACxB,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,MAAM,GACN,MAAM,GACN,IAAI,GACJ,GAAG,GACH,MAAM,GACN,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAgBlE,CAAC;AAEF,eAAO,MAAM,iBAAiB,YAAa,WAAW,sCA0DrD,CAAC;AAEF,eAAO,MAAM,cAAc,WAAY,WAAW,8OAkDjD,CAAC"}

package/packages/shared-components/dist/utils/colorVariant.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStatusLabel = exports.getColorByVariant = exports.serverityOptions = void 0;
+const material_1 = require("@mui/material");
+exports.serverityOptions = {
+    present: "P",
+    holiday: "H",
+    weekly_off: "WO",
+    working: "P",
+    first_half_off: "HO",
+    second_half_off: "HO",
+    full_day_weekly_off: "WO",
+    first_half_weekly_off: "FHWO",
+    second_half_weekly_off: "SHWO",
+    paid_leave: "PL",
+    absent: "A",
+    unpaid_leave: "UPL",
+    late_in_early_out: "LIEO",
+    loss_of_pay: "LOP",
+    penalty: "PEN",
+};
+const getColorByVariant = (variant, type = "dark") => {
+    const theme = (0, material_1.useTheme)();
+    const { darkMint, sapphireBlue, darkOrange, orchid, lipstickRed, deepAqua } = theme.palette.app.color;
+    // eslint-disable-next-line sonarjs/no-nested-conditional
+    const index = type === "dark" ? (variant === "penalty" ? 800 : 900) : 600;
+    switch (variant) {
+        case "present":
+            return darkMint[index];
+        case "working":
+            return darkMint[index];
+        case "holiday":
+            return sapphireBlue[index];
+        case "weekly_off":
+            return darkOrange[index];
+        case "full_day_weekly_off":
+            return darkOrange[index];
+        case "first_half_weekly_off":
+            return darkOrange[index];
+        case "second_half_weekly_off":
+            return darkOrange[index];
+        case "paid_leave":
+            return orchid[index];
+        case "absent":
+            return lipstickRed[index];
+        case "first_half_off":
+            return lipstickRed[index];
+        case "second_half_off":
+            return lipstickRed[index];
+        case "unpaid_leave":
+            return deepAqua[index];
+        case "late_in_early_out":
+            return lipstickRed[800];
+        case "loss_of_pay":
+            return lipstickRed[800];
+        case "penalty":
+            return lipstickRed[index];
+        default:
+            return lipstickRed[index];
+    }
+};
+exports.getColorByVariant = getColorByVariant;
+const getStatusLabel = (status) => {
+    switch (status) {
+        case "present":
+            return "Present";
+        case "absent":
+            return "Absent";
+        case "weekly_off":
+            return "Weekly Off";
+        case "working":
+            return "Working";
+        case "holiday":
+            return "Holiday";
+        case "paid_leave":
+            return "Paid Leave";
+        case "unpaid_leave":
+            return "Unpaid Leave";
+        case "first_half_weekly_off":
+            return "First Half Weekly Off";
+        case "second_half_weekly_off":
+            return "Second Half Weekly Off";
+        case "first_half_off":
+            return "First Half Off";
+        case "second_half_off":
+            return "Second Half Off";
+        case "full_day_weekly_off":
+            return "Weekly Off";
+        case "late_in_early_out":
+            return "Late In/Early Out";
+        case "loss_of_pay":
+            return "Loss of Pay";
+        case "penalty":
+            return "Penalty";
+        default:
+            return "Absent";
+    }
+};
+exports.getStatusLabel = getStatusLabel;

package/packages/shared-components/dist/utils/date.d.ts

@@ -0,0 +1,4 @@
+export declare const formatDate: (date: string, format?: string) => string;
+export declare const getTimeInHHmm: (date: string, format?: string) => string;
+export declare const getDifferenceInHHmmss: (startTime: string, endTime: string) => string;
+//# sourceMappingURL=date.d.ts.map

package/packages/shared-components/dist/utils/date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/utils/date.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,SAAU,MAAM,WAAU,MAAM,WAEtD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,MAAM,WAAU,MAAM,WAQzD,CAAC;AAEF,eAAO,MAAM,qBAAqB,cAAe,MAAM,WAAW,MAAM,WAQvE,CAAC"}

package/packages/shared-components/dist/utils/date.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDifferenceInHHmmss = exports.getTimeInHHmm = exports.formatDate = void 0;
+const luxon_1 = require("luxon");
+const formatDate = (date, format = "dd-MM-yyyy") => {
+    return luxon_1.DateTime.fromISO(date).toFormat(format);
+};
+exports.formatDate = formatDate;
+const getTimeInHHmm = (date, format = "HH:mm") => {
+    const dateTime = luxon_1.DateTime.fromISO(date);
+    if (!dateTime.isValid) {
+        return "";
+    }
+    return dateTime.toFormat(format);
+};
+exports.getTimeInHHmm = getTimeInHHmm;
+const getDifferenceInHHmmss = (startTime, endTime) => {
+    const start = luxon_1.DateTime.fromISO(startTime);
+    const end = luxon_1.DateTime.fromISO(endTime);
+    const diff = end.diff(start, ["hours", "minutes", "seconds"]);
+    return luxon_1.Duration.fromObject(diff.toObject()).toFormat("hh:mm:ss");
+};
+exports.getDifferenceInHHmmss = getDifferenceInHHmmss;

package/packages/shared-components/dist/utils/file.d.ts

@@ -0,0 +1,3 @@
+export declare const isFileSizeValid: (file: File, maxSizeMB: number) => boolean;
+export declare const isFileTypeValid: (file: File) => boolean;
+//# sourceMappingURL=file.d.ts.map

package/packages/shared-components/dist/utils/file.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,eAAe,SAAU,IAAI,aAAa,MAAM,YAI5D,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,IAAI,YAEzC,CAAC"}

package/packages/shared-components/dist/utils/file.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFileTypeValid = exports.isFileSizeValid = void 0;
+const SUPPORTED_FILE_TYPES = [
+    "image/png",
+    "image/jpeg",
+    "image/jpg",
+    "application/pdf",
+    "application/msword",
+    "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    "application/vnd.ms-excel",
+];
+const isFileSizeValid = (file, maxSizeMB) => {
+    const maxSizeInBytes = maxSizeMB * 1024 * 1024;
+    return file.size <= maxSizeInBytes;
+};
+exports.isFileSizeValid = isFileSizeValid;
+const isFileTypeValid = (file) => {
+    return SUPPORTED_FILE_TYPES.includes(file.type);
+};
+exports.isFileTypeValid = isFileTypeValid;

package/packages/shared-components/dist/utils/fileSizeValidate.d.ts

@@ -0,0 +1,2 @@
+export declare const isFileSizeValid: (file: File, maxSizeMB: number) => boolean;
+//# sourceMappingURL=fileSizeValidate.d.ts.map

package/packages/shared-components/dist/utils/fileSizeValidate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fileSizeValidate.d.ts","sourceRoot":"","sources":["../../src/utils/fileSizeValidate.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAU,IAAI,aAAa,MAAM,YAI5D,CAAC"}

package/packages/shared-components/dist/utils/fileSizeValidate.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isFileSizeValid = void 0;
+const isFileSizeValid = (file, maxSizeMB) => {
+    const maxSizeInBytes = maxSizeMB * 1024 * 1024;
+    return file.size <= maxSizeInBytes;
+};
+exports.isFileSizeValid = isFileSizeValid;

package/packages/shared-components/dist/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./theme/theme";
+export * from "./theme/colorPaletteUI";
+export * from "./colorVariant";
+export * from "./date";
+export * from "./fileSizeValidate";
+//# sourceMappingURL=index.d.ts.map

package/packages/shared-components/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,QAAQ,CAAC;AAEvB,cAAc,oBAAoB,CAAC"}

package/packages/shared-components/dist/utils/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./theme/theme"), exports);
+__exportStar(require("./theme/colorPaletteUI"), exports);
+__exportStar(require("./colorVariant"), exports);
+__exportStar(require("./date"), exports);
+__exportStar(require("./fileSizeValidate"), exports);

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts

@@ -0,0 +1,20 @@
+import type { Color } from "@mui/material";
+export type ColorShades = Partial<Color>;
+export type ColorPalette = {
+    lightSlateBlue: ColorShades;
+    lipstickRed: ColorShades;
+    darkOrange: ColorShades;
+    deepAqua: ColorShades;
+    sapphireBlue: ColorShades;
+    darkMint: ColorShades;
+    butterflyBlue: ColorShades;
+    orchid: ColorShades;
+    mirage: ColorShades;
+    iron: ColorShades;
+    slate: ColorShades;
+    red: ColorShades;
+    lightBlue: ColorShades;
+    black: ColorShades;
+};
+export declare const colorPalette: ColorPalette;
+//# sourceMappingURL=colorPalette.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPalette.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPalette.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,cAAc,EAAE,WAAW,CAAC;IAC5B,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,QAAQ,EAAE,WAAW,CAAC;IACtB,YAAY,EAAE,WAAW,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC;IACtB,aAAa,EAAE,WAAW,CAAC;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;IACpB,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,EAAE,WAAW,CAAC;IACnB,GAAG,EAAE,WAAW,CAAC;IACjB,SAAS,EAAE,WAAW,CAAC;IACvB,KAAK,EAAE,WAAW,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,YA0F1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPalette.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPalette = void 0;
+exports.colorPalette = {
+    iron: {
+        900: "hsla(0, 0%, 49%, 1)",
+        800: "hsla(0, 0%, 67%, 1)", // disabled color
+        700: "hsla(0, 0%, 85%, 1)",
+        600: "hsla(0, 0%, 100%, 1)", // white
+        500: "hsla(218, 15%, 59%, 1)",
+        400: "hsla(0, 0%, 18%, 1)",
+        300: "hsla(0, 0%, 0%, 0.35)", // shadow color
+    },
+    slate: {
+        900: "hsla(212, 19%, 37%, 1)", // info
+        800: "hsl(210, 20%, 96%)",
+        700: "hsl(193, 22%, 92%)",
+        600: "	hsl(0, 0%, 98%)",
+        500: "hsl(0, 0%, 49%)",
+    },
+    mirage: {
+        900: "hsla(224, 35%, 12%, 1)", // primary
+        800: "hsla(230, 90%, 3%, 0.08)",
+        700: "hsla(226, 34%, 15%, 1)",
+        600: "hsla(0, 0%, 22%, 0.7)",
+        500: "hsla(0, 0%, 18%, 1)",
+    },
+    lightSlateBlue: {
+        900: "hsla(234, 99%, 68%, 1)",
+        800: "hsla(234, 98%, 81%, 1)",
+        700: "hsla(233, 100%, 94%, 1)",
+        600: "hsla(236, 100%, 97%, 1)",
+    },
+    lipstickRed: {
+        900: "hsla(349, 90%, 41%, 1)",
+        800: "hsla(350, 63%, 64%, 1)",
+        700: "hsla(349, 66%, 87%, 1)",
+        600: "hsla(348, 100%, 95%, 1)",
+    },
+    darkOrange: {
+        900: "hsla(32, 100%, 52%, 1)", //warning
+        800: "hsla(32, 100%, 71%, 1)",
+        700: "hsla(33, 100%, 90%, 1)",
+        600: "hsla(33, 100%, 95%, 1)",
+    },
+    deepAqua: {
+        900: "hsla(183, 87%, 27%, 1)",
+        800: "hsla(184, 50%, 68%, 1)",
+        700: "hsla(183, 68%, 79%, 1)",
+        600: "hsla(183, 85%, 95%, 1)",
+    },
+    sapphireBlue: {
+        900: "hsla(223, 59%, 49%, 1)",
+        800: "hsla(223, 56%, 69%, 1)",
+        700: "hsla(222, 58%, 90%, 1)",
+        600: "hsla(223, 54%, 95%, 1)",
+        500: "hsl(216, 100%, 91%)",
+        400: "	hsl(217, 100%, 95%)",
+        300: "	hsl(193, 22%, 92%)",
+    },
+    darkMint: {
+        900: "hsla(136, 59%, 49%, 1)",
+        800: "hsla(136, 56%, 69%, 1)",
+        700: "hsla(136, 58%, 90%, 1)",
+        600: "hsla(133, 54%, 95%, 1)",
+    },
+    butterflyBlue: {
+        900: "hsla(203, 79%, 57%, 1)", //secondary
+        800: "hsla(204, 79%, 74%, 1)",
+        700: "hsl(204, 16%, 88%)",
+        600: "hsla(209, 83%, 91%, 1)",
+        500: "hsla(203, 82%, 96%, 1)",
+        400: "hsla(208, 25%, 66%, 1)", //primary.light
+        300: "hsla(207, 17%, 88%, 1)",
+    },
+    orchid: {
+        900: "hsla(295, 60%, 66%, 1)",
+        800: "hsla(295, 61%, 80%, 1)",
+        700: "hsla(297, 60%, 93%, 1)",
+        600: "hsla(295, 65%, 97%, 1)",
+    },
+    red: {
+        900: "hsla(0, 90%, 47%, 1)", //error
+        800: "hsla(0, 73%, 59%, 1)",
+        700: "hsla(0, 81%, 37%, 1)",
+    },
+    lightBlue: {
+        100: "hsla(193, 4%, 92%)",
+        50: "hsla(193, 0%, 100%)",
+    },
+    black: {
+        900: "hsl(0, 0%, 0%)",
+    },
+};

package/packages/shared-components/dist/utils/theme/colorPaletteUI.d.ts

@@ -0,0 +1,2 @@
+export declare const colorPaletteUI: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=colorPaletteUI.d.ts.map

package/packages/shared-components/dist/utils/theme/colorPaletteUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colorPaletteUI.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/colorPaletteUI.tsx"],"names":[],"mappings":"AAyBA,eAAO,MAAM,cAAc,+CAkB1B,CAAC"}

package/packages/shared-components/dist/utils/theme/colorPaletteUI.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colorPaletteUI = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const colorPalette_1 = require("./colorPalette");
+const ColorSwatch = ({ color, shade }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: color, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                width: 80,
+                height: 40,
+                backgroundColor: color,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                border: "1px solid #e0e0e0",
+                color: "black",
+                fontSize: "12px",
+            }, children: shade }) }));
+};
+const colorPaletteUI = () => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Stack, { spacing: 4, sx: { padding: 4 }, children: Object.entries(colorPalette_1.colorPalette).map(([name, shades]) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, { spacing: 2, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", sx: { textTransform: "capitalize" }, children: name.replace(/([A-Z])/g, " $1") }), (0, jsx_runtime_1.jsx)(material_1.Stack, { direction: "row", spacing: 0, children: Object.entries(shades).map(([shade, color]) => ((0, jsx_runtime_1.jsx)(ColorSwatch, { shade: shade, color: color }, shade))) })] }, name))) }));
+};
+exports.colorPaletteUI = colorPaletteUI;

package/packages/shared-components/dist/utils/theme/paletteDark.d.ts

@@ -0,0 +1,8 @@
+export declare const darkPalette: {
+    app: {
+        color: import("./colorPalette").ColorPalette;
+        paperBoxShadow: string;
+    };
+    divider: string | undefined;
+};
+//# sourceMappingURL=paletteDark.d.ts.map

package/packages/shared-components/dist/utils/theme/paletteDark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteDark.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteDark.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;CAOvB,CAAC"}

package/packages/shared-components/dist/utils/theme/paletteDark.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkPalette = void 0;
+const colorPalette_1 = require("./colorPalette");
+exports.darkPalette = {
+    app: {
+        color: colorPalette_1.colorPalette,
+        paperBoxShadow: "rgb(255, 255, 255) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px",
+    },
+    divider: colorPalette_1.colorPalette.butterflyBlue[700],
+};

package/packages/shared-components/dist/utils/theme/paletteLight.d.ts

@@ -0,0 +1,3 @@
+import { type PaletteOptions } from "@mui/material";
+export declare const lightPalette: PaletteOptions;
+//# sourceMappingURL=paletteLight.d.ts.map

package/packages/shared-components/dist/utils/theme/paletteLight.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paletteLight.d.ts","sourceRoot":"","sources":["../../../src/utils/theme/paletteLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,eAAO,MAAM,YAAY,EAAE,cA2B1B,CAAC"}