@codezee/sixtify-brahma 0.2.207 → 0.2.209

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

@@ -1,377 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPaletteByTheme = exports.Theme = void 0;
-exports.appTheme = appTheme;
-const material_1 = require("@mui/material");
-const paletteDark_1 = require("./paletteDark");
-const paletteLight_1 = require("./paletteLight");
-require("./types");
-const typography_1 = require("./typography");
-exports.Theme = {
-    light: "light",
-    dark: "dark",
-};
-const getPaletteByTheme = (mode) => ({
-    palette: {
-        mode,
-        ...(mode === exports.Theme.light ? paletteLight_1.lightPalette : paletteDark_1.darkPalette),
-    },
-});
-exports.getPaletteByTheme = getPaletteByTheme;
-const DESIGN_TOKENS = {
-    button: {
-        height: {
-            small: "32px",
-            medium: "36px",
-            large: "40px",
-        },
-        padding: {
-            small: "6px 12px",
-            medium: "8px 16px",
-            large: "10px 20px",
-        },
-        fontSize: "13px",
-        fontWeight: 500,
-        borderRadius: "6px",
-        minWidth: "80px",
-    },
-};
-function appTheme(theme) {
-    const { palette } = (0, exports.getPaletteByTheme)(theme);
-    const { borderRadius, fontSize, fontWeight, minWidth, padding, height } = DESIGN_TOKENS.button;
-    return {
-        palette,
-        typography: typography_1.typographyThemeOptions,
-        components: {
-            MuiInputBase: {
-                styleOverrides: {
-                    input: {
-                        padding: "8.5px 14px !important", //TODO: need to fix this important
-                        color: palette.app.color.slate[900],
-                        "::placeholder": {
-                            color: palette.app.color.iron[800],
-                            opacity: 1,
-                        },
-                        "&:disabled": {
-                            background: palette.app.color.iron[50],
-                            WebkitTextFillColor: palette.app.color.iron[100],
-                        },
-                    },
-                },
-            },
-            MuiCssBaseline: {
-                styleOverrides: {
-                    ":root": {
-                        fontSize: "62.5%",
-                    },
-                },
-            },
-            MuiButton: {
-                styleOverrides: {
-                    root: {
-                        textTransform: "none",
-                        borderRadius,
-                        fontSize,
-                        fontWeight,
-                        minWidth,
-                        padding: padding.medium,
-                        lineHeight: 1.5,
-                        transition: "all 0.2s ease-in-out",
-                        "&:hover": {
-                            boxShadow: `0 2px 4px ${palette.app.color.mirage[800]}`,
-                        },
-                        "&:active": {
-                            transform: "scale(0.98)",
-                        },
-                    },
-                    sizeSmall: {
-                        height: height.small,
-                        padding: padding.small,
-                    },
-                    sizeMedium: {
-                        height: height.medium,
-                        padding: padding.medium,
-                    },
-                    sizeLarge: {
-                        height: height.large,
-                        padding: padding.large,
-                    },
-                },
-                defaultProps: {
-                    variant: "contained",
-                    color: "secondary",
-                    size: "medium",
-                },
-                variants: [
-                    {
-                        props: { variant: "contained" },
-                        style: {
-                            color: palette.app.color.iron[600],
-                            boxShadow: "none",
-                            "&:hover": {
-                                boxShadow: `0 2px 6px ${palette.app.color.mirage[800]}`,
-                            },
-                        },
-                    },
-                    {
-                        props: { variant: "outlined" },
-                        style: {
-                            borderWidth: "1px",
-                            "&:hover": {
-                                borderWidth: "1px",
-                            },
-                        },
-                    },
-                    {
-                        props: { variant: "text" },
-                        style: {
-                            padding: padding.medium,
-                            "&:hover": {
-                                backgroundColor: palette.app.color.butterflyBlue[500],
-                            },
-                        },
-                    },
-                ],
-            },
-            MuiButtonGroup: {
-                styleOverrides: {
-                    root: {
-                        textTransform: "none",
-                        borderRadius: "5px",
-                        border: `1px solid ${palette.app.color.butterflyBlue[900]}`,
-                    },
-                    firstButton: {
-                        border: "unset",
-                    },
-                    middleButton: {
-                        border: "unset",
-                    },
-                    lastButton: {
-                        border: "unset",
-                    },
-                },
-                defaultProps: {
-                    variant: "contained",
-                    color: "secondary",
-                },
-            },
-            MuiCheckbox: {
-                styleOverrides: {
-                    indeterminate: {
-                        "& .MuiSvgIcon-root": {
-                            color: palette.app.color.butterflyBlue[900],
-                            borderRadius: "4px",
-                            width: "19px",
-                            height: "19px",
-                        },
-                    },
-                    root: {
-                        padding: "unset",
-                    },
-                },
-            },
-            MuiBreadcrumbs: {
-                styleOverrides: {
-                    root: {
-                        color: "unset",
-                    },
-                },
-            },
-            MuiFormHelperText: {
-                styleOverrides: {
-                    root: {
-                        marginLeft: "unset",
-                    },
-                },
-            },
-            MuiInputLabel: {
-                styleOverrides: {
-                    root: {
-                        marginLeft: "unset",
-                        color: palette.app.color.iron[400],
-                        fontWeight: 500,
-                        fontSize: "13px",
-                    },
-                },
-            },
-            MuiFormLabel: {
-                styleOverrides: {
-                    root: {
-                        fontSize: "13px",
-                        "&.Mui-disabled": {
-                            "& .MuiFormLabel-asterisk": {
-                                color: palette.app.color.iron[800],
-                            },
-                        },
-                    },
-                    asterisk: {
-                        color: palette.app.color.red[900],
-                    },
-                },
-            },
-            MuiIconButton: {
-                styleOverrides: {
-                    root: {
-                        borderRadius: "4px",
-                    },
-                },
-                defaultProps: {
-                    size: "small",
-                    color: "inherit",
-                },
-            },
-            MuiAutocomplete: {
-                styleOverrides: {
-                    paper: {
-                        fontSize: "1.4rem",
-                    },
-                    root: {
-                        "& .MuiInputBase-root": {
-                            padding: "unset",
-                        },
-                    },
-                },
-            },
-            MuiTabs: {
-                styleOverrides: {
-                    indicator: {
-                        backgroundColor: palette.app.color.butterflyBlue[900],
-                        height: "3px",
-                    },
-                    root: {
-                        "& .MuiButtonBase-root": {
-                            minHeight: "48px",
-                            fontSize: "13px",
-                        },
-                        "& .MuiTabs-scrollButtons.Mui-disabled": {
-                            display: "none",
-                        },
-                        "& .MuiSvgIcon-root": {
-                            color: palette.app.color.butterflyBlue[900],
-                        },
-                    },
-                },
-                defaultProps: {
-                    variant: "scrollable",
-                    scrollButtons: "auto",
-                    allowScrollButtonsMobile: true,
-                },
-            },
-            MuiTab: {
-                styleOverrides: {
-                    root: {
-                        textTransform: "none",
-                        fontWeight: 500,
-                        fontSize: "13px",
-                        color: "black",
-                        "&.Mui-selected": {
-                            color: "black",
-                        },
-                        "& .MuiTabs-scrollButtons.Mui-disabled": {
-                            display: "none",
-                        },
-                        "& .MuiSvgIcon-root": {
-                            color: palette.app.color.butterflyBlue[900],
-                        },
-                    },
-                },
-            },
-            MuiTypography: {
-                defaultProps: {
-                    variantMapping: {
-                        ...typography_1.typographyVariantMapping,
-                    },
-                },
-            },
-            MuiLink: {
-                styleOverrides: {
-                    root: {
-                        ":hover": {
-                            color: palette.app.color.butterflyBlue[900],
-                        },
-                    },
-                },
-            },
-            MuiOutlinedInput: {
-                styleOverrides: {
-                    root: {
-                        padding: "unset",
-                        ":hover": {
-                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                borderColor: palette.app.color.butterflyBlue[900],
-                            },
-                        },
-                        "&.Mui-focused": {
-                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                borderColor: palette.app.color.butterflyBlue[900],
-                            },
-                        },
-                        "&.Mui-disabled": {
-                            [`& .${material_1.outlinedInputClasses.notchedOutline}`]: {
-                                borderColor: palette.app.color.butterflyBlue[300],
-                            },
-                        },
-                    },
-                    notchedOutline: {
-                        borderColor: palette.app.color.iron[800],
-                    },
-                },
-            },
-            MuiInputAdornment: {
-                styleOverrides: {
-                    root: {
-                        marginRight: "unset",
-                        paddingLeft: "14px",
-                    },
-                    positionEnd: {
-                        paddingRight: "10px",
-                    },
-                },
-            },
-            MuiChip: {
-                styleOverrides: {
-                    root: {
-                        padding: "0px 5px 0px 5px",
-                        border: 0,
-                        borderRadius: "6px",
-                    },
-                },
-                defaultProps: {
-                    color: "success",
-                },
-                variants: [
-                    {
-                        props: { color: "success" },
-                        style: {
-                            background: palette.app.color.darkMint[700],
-                            color: palette.app.color.darkMint[900],
-                        },
-                    },
-                    {
-                        props: { color: "error" },
-                        style: {
-                            background: palette.app.color.lipstickRed[600],
-                            color: palette.app.color.red[800],
-                        },
-                    },
-                    {
-                        props: { color: "info" },
-                        style: {
-                            background: palette.app.color.butterflyBlue[600],
-                            color: palette.app.color.butterflyBlue[900],
-                        },
-                    },
-                ],
-            },
-            MuiTableCell: {
-                styleOverrides: {
-                    root: {
-                        borderBottom: `1px solid ${palette.app.color.butterflyBlue[700]}`,
-                        padding: "10px 16px",
-                    },
-                },
-            },
-        },
-        spacing: 10,
-    };
-}

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.typographyThemeOptions = exports.typographyVariantMapping = exports.typographyOptions = exports.typographyFontStyleOptions = void 0;
-exports.typographyFontStyleOptions = {
-    fontSize: 14,
-    fontFamily: "Poppins",
-};
-exports.typographyOptions = {
-    h1: {
-        fontSize: "clamp(1.625rem, 4vw, 2.375rem)",
-        lineHeight: "clamp(2.125rem, 5vw, 2.875rem)",
-    },
-    h2: {
-        fontSize: "clamp(1.375rem, 3.5vw, 1.875rem)",
-        lineHeight: "clamp(1.75rem, 4.5vw, 2.375rem)",
-    },
-    h3: {
-        fontSize: "clamp(1.125rem, 3vw, 1.625rem)",
-        lineHeight: "clamp(1.5rem, 3.75vw, 2rem)",
-    },
-    h4: {
-        fontSize: "clamp(1rem, 2.5vw, 1.375rem)",
-        lineHeight: "clamp(1.375rem, 3vw, 1.75rem)",
-    },
-    h5: {
-        fontSize: "clamp(0.875rem, 2vw, 1.125rem)",
-        lineHeight: "clamp(1.25rem, 2.5vw, 1.5rem)",
-    },
-    h6: {
-        fontSize: "clamp(0.8125rem, 1.75vw, 1rem)",
-        lineHeight: "clamp(1.25rem, 2.25vw, 1.375rem)",
-    },
-    subtitle1: {
-        fontSize: "clamp(0.75rem, 1.3vw, 0.875rem)",
-        lineHeight: "clamp(1.1875rem, 1.8vw, 1.3125rem)",
-    },
-    subtitle2: {
-        fontSize: "clamp(0.6875rem, 1.1vw, 0.75rem)",
-        lineHeight: "clamp(1.0625rem, 1.6vw, 1.1875rem)",
-    },
-    body1: {
-        fontSize: "clamp(0.8125rem, 1.2vw, 0.8125rem)",
-        lineHeight: "clamp(1.3125rem, 1.8vw, 1.3125rem)",
-    },
-    body2: {
-        fontSize: "clamp(0.6875rem, 1vw, 0.75rem)",
-        lineHeight: "clamp(1.0625rem, 1.5vw, 1.1875rem)",
-    },
-    caption: {
-        fontSize: "clamp(0.5625rem, 0.85vw, 0.625rem)",
-        lineHeight: "clamp(0.8125rem, 1.1vw, 0.9375rem)",
-    },
-};
-exports.typographyVariantMapping = {
-    subHeader1: "p",
-    subHeader2: "p",
-    body: "p",
-    subText: "p",
-    smallText: "p",
-    tinyText: "p",
-};
-exports.typographyThemeOptions = {
-    ...exports.typographyFontStyleOptions,
-    ...exports.typographyOptions,
-};

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.urlToNestedObject = urlToNestedObject;
-const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-function urlToNestedObject(url) {
-    const segments = url.split("/").filter((segment) => segment !== "");
-    return segments.reduceRight((acc, segment) => {
-        return { [segment]: (0, isEmpty_1.default)(acc) ? true : acc };
-    }, {});
-}