@cakemail-org/ui-components-v2 2.0.96 → 2.0.98

package/dist/cjs/components/index.d.ts

@@ -30,6 +30,7 @@ export * from "./iconPill";
 export * from "./informationGroup";
 export * from "./inlineTextEdit";
 export * from "./linearProgress";
+export * from "./link";
 export * from "./loadingContainer";
 export * from "./logo";
 export * from "./metricCard";

package/dist/cjs/components/link/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TLink } from "./types";
+export declare function Link({ variant, color, children, className, bold, semiBold, ...props }: TLink): React.JSX.Element;
+export default Link;

package/dist/cjs/components/link/types.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from "@mui/material";
+import { TColorsMain, TTypographyVariant } from "../../types/generic";
+export interface TLink extends LinkProps {
+    variant?: TTypographyVariant;
+    color?: TColorsMain;
+    bold?: boolean;
+    semiBold?: boolean;
+}

package/dist/cjs/data/theme/MuiLink.d.ts

@@ -0,0 +1,101 @@
+import { Theme } from "@mui/material";
+declare module "@mui/material/styles" {
+    interface LinkVariants {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+    interface LinkVariantsOptions {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface LinkPropsVariantOverrides {
+        h1L: true;
+        h1S: true;
+        displayL: true;
+        display: true;
+        displayS: true;
+        h2L: true;
+        h2S: true;
+        headlineL: true;
+        headline: true;
+        headlineS: true;
+        h3L: true;
+        h3S: true;
+        titleL: true;
+        title: true;
+        titleS: true;
+        body1L: true;
+        body1S: true;
+        body2L: true;
+        body2S: true;
+        linkS: true;
+        link: true;
+        linkL: true;
+    }
+}
+export default function getMuiLink(theme: Theme): {
+    variants: {
+        props: {
+            color: string;
+        };
+        style: {
+            "&:hover": {
+                color: string;
+            };
+        };
+    }[];
+    styleOverrides: {
+        root: {
+            cursor: string;
+            "&:hover": {
+                color: string;
+            };
+        };
+    };
+    defaultProps: {
+        color: string;
+        variant: string;
+    };
+};

package/dist/cjs/index.js

@@ -6152,6 +6152,273 @@ function getMuiLinearProgress(theme) {
     };
 }
 
+function getMuiLink(theme) {
+    return {
+        variants: [
+            {
+                props: { color: "secondary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.secondary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "primary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.primary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body1.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body1.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body2.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body2.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "darkMatter.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.darkMatter.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "silver.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.silver.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "wildSand.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.wildSand.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "cloud.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.cloud.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "boulder.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.boulder.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "pebble.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.pebble.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "white.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.white.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade1000.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade1000.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade950.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade950.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade900.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade900.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade850.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade850.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade800.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade800.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade750.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade750.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade700.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade700.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade650.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade650.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade600.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade600.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade550.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade550.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade500.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade500.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade450.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade450.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade400.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade400.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade350.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade350.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade300.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade300.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade250.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade250.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade200.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade200.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade150.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade150.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade100.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade100.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade50.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade50.dark,
+                    }
+                },
+            },
+        ],
+        styleOverrides: {
+            root: {
+                cursor: "pointer",
+                "&:hover": {
+                    color: theme.palette.primary.dark,
+                }
+            },
+        },
+        defaultProps: {
+            color: "secondary.main",
+            variant: "link"
+        },
+    };
+}
+
 function getMuiMenu(theme) {
     return {
         styleOverrides: {
@@ -7375,42 +7642,7 @@ function buildMUITheme(_a) {
             MuiFab: {},
             MuiTextField: getMuiTextField(theme),
             MuiToolbar: {},
-            MuiLink: {
-                styleOverrides: {
-                    root: {
-                        fontFamily: bodyFont,
-                        fontWeight: 400,
-                        fontSize: "1rem",
-                        letterSpacing: "0px",
-                        textDecoration: "underline",
-                        color: theme.palette.secondary.main,
-                        "&:hover": {
-                            color: theme.palette.secondary.dark,
-                        }
-                    },
-                },
-                variants: [
-                    //These new variants can specify what styles the component should have when that specific variant prop value is applied.
-                    {
-                        props: { color: "text.secondary" },
-                        style: {
-                            color: theme.palette.text.secondary,
-                            "&:hover": {
-                                color: theme.palette.text.primary,
-                            }
-                        },
-                    },
-                    {
-                        props: { color: "primary" },
-                        style: {
-                            color: theme.palette.primary.main,
-                            "&:hover": {
-                                color: theme.palette.primary.dark,
-                            }
-                        },
-                    }
-                ],
-            },
+            MuiLink: getMuiLink(theme),
             MuiTypography: {
                 defaultProps: {
                     variantMapping: {
@@ -8833,6 +9065,15 @@ function FileUpload(_a) {
             }), value: dropdown.value }));
 }
 
+function Link(_a) {
+    var variant = _a.variant, color = _a.color, children = _a.children, className = _a.className, bold = _a.bold, semiBold = _a.semiBold, props = __rest(_a, ["variant", "color", "children", "className", "bold", "semiBold"]);
+    var classes = classNames(className, {
+        "bold": bold,
+        "semiBold": semiBold,
+    });
+    return React.createElement(material.Link, __assign({}, props, { variant: variant, color: color, className: classes }), children);
+}
+
 var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
 styleInject(css_248z$b);
 
@@ -9007,7 +9248,7 @@ function FilterBar(_a) {
                                 React.createElement(DropMenu, { inlineMenu: true, options: dropMenuOptions }),
                                 currentAction && React.createElement(Button, { color: "cloud", onClick: currentAction.onClick }, currentAction.text)))),
             !showSearch &&
-                React.createElement(material.Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
+                React.createElement(Link, { color: "secondary.main", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
                     React.createElement(Icon, { name: "Add18", color: "secondary" }),
                     " ",
                     addFilterTxt)),
@@ -9022,10 +9263,8 @@ function FilterBar(_a) {
         }).reverse()),
         cFilterTerms.length > 0 &&
             React.createElement(material.Stack, { direction: "row", className: "actionContainer", alignItems: "center", justifyContent: "center", gap: 3 },
-                onSave && React.createElement(material.Link, { onClick: handleOnSave },
-                    React.createElement(Typography, { variant: "body2" }, saveTxt)),
-                React.createElement(material.Link, { onClick: handleOnClear },
-                    React.createElement(Typography, { variant: "body2" }, clearTxt))));
+                onSave && React.createElement(Link, { onClick: handleOnSave, variant: "body2" }, saveTxt),
+                React.createElement(Link, { onClick: handleOnClear, variant: "body2" }, clearTxt)));
 }
 
 var emptyAccountLimits = {
@@ -15862,7 +16101,7 @@ function ResourceEdit(_a) {
         React.createElement(material.Box, { className: "resource-support ".concat(!open ? "open" : "hidden") }, support));
 }
 
-var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
+var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
 styleInject(css_248z$2);
 
 //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
@@ -15898,7 +16137,7 @@ function SideMenuItem(_a) {
     var mainClasses = classNames("sideMenuItem-component-v2", className, item.className, variant);
     return React.createElement(Box, { className: mainClasses },
         variant === "" || variant === "soloItem" ?
-            React.createElement(material.Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
+            React.createElement(Link, { href: item.path, "data-name": item.name, onClick: menuItemClick },
                 item.prefix && React.cloneElement(item.prefix, { key: 'sideMenuItemPrefix' }),
                 item.icon && React.createElement(Icon, { name: item.icon }),
                 React.createElement(material.Stack, { alignItems: "flex-start", justifyContent: "center", flex: 1 },
@@ -17528,6 +17767,7 @@ exports.IconPill = IconPill;
 exports.InformationGroup = InformationGroup;
 exports.InlineTextEdit = InlineTextEdit;
 exports.LinearProgress = LinearProgress;
+exports.Link = Link;
 exports.ListCampaignModel = ListCampaignModel;
 exports.ListModel = ListModel;
 exports.ListTemplateModel = ListTemplateModel;

package/dist/esm/components/index.d.ts

@@ -30,6 +30,7 @@ export * from "./iconPill";
 export * from "./informationGroup";
 export * from "./inlineTextEdit";
 export * from "./linearProgress";
+export * from "./link";
 export * from "./loadingContainer";
 export * from "./logo";
 export * from "./metricCard";

package/dist/esm/components/link/index.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TLink } from "./types";
+export declare function Link({ variant, color, children, className, bold, semiBold, ...props }: TLink): React.JSX.Element;
+export default Link;

package/dist/esm/components/link/types.d.ts

@@ -0,0 +1,8 @@
+import { LinkProps } from "@mui/material";
+import { TColorsMain, TTypographyVariant } from "../../types/generic";
+export interface TLink extends LinkProps {
+    variant?: TTypographyVariant;
+    color?: TColorsMain;
+    bold?: boolean;
+    semiBold?: boolean;
+}

package/dist/esm/data/theme/MuiLink.d.ts

@@ -0,0 +1,101 @@
+import { Theme } from "@mui/material";
+declare module "@mui/material/styles" {
+    interface LinkVariants {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+    interface LinkVariantsOptions {
+        h1L: React.CSSProperties;
+        h1S: React.CSSProperties;
+        displayL: React.CSSProperties;
+        display: React.CSSProperties;
+        displayS: React.CSSProperties;
+        h2L: React.CSSProperties;
+        h2S: React.CSSProperties;
+        headlineL: React.CSSProperties;
+        headline: React.CSSProperties;
+        headlineS: React.CSSProperties;
+        h3L: React.CSSProperties;
+        h3S: React.CSSProperties;
+        titleL: React.CSSProperties;
+        title: React.CSSProperties;
+        titleS: React.CSSProperties;
+        body1L: React.CSSProperties;
+        body1S: React.CSSProperties;
+        body2L: React.CSSProperties;
+        body2S: React.CSSProperties;
+        linkS: React.CSSProperties;
+        link: React.CSSProperties;
+        linkL: React.CSSProperties;
+    }
+}
+declare module '@mui/material/Typography' {
+    interface LinkPropsVariantOverrides {
+        h1L: true;
+        h1S: true;
+        displayL: true;
+        display: true;
+        displayS: true;
+        h2L: true;
+        h2S: true;
+        headlineL: true;
+        headline: true;
+        headlineS: true;
+        h3L: true;
+        h3S: true;
+        titleL: true;
+        title: true;
+        titleS: true;
+        body1L: true;
+        body1S: true;
+        body2L: true;
+        body2S: true;
+        linkS: true;
+        link: true;
+        linkL: true;
+    }
+}
+export default function getMuiLink(theme: Theme): {
+    variants: {
+        props: {
+            color: string;
+        };
+        style: {
+            "&:hover": {
+                color: string;
+            };
+        };
+    }[];
+    styleOverrides: {
+        root: {
+            cursor: string;
+            "&:hover": {
+                color: string;
+            };
+        };
+    };
+    defaultProps: {
+        color: string;
+        variant: string;
+    };
+};

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { Stack as Stack$1, Box, CircularProgress as CircularProgress$1, LinearProgress as LinearProgress$1, Tooltip, Typography as Typography$1, Badge, Avatar as Avatar$1, lighten, Dialog as Dialog$1, DialogContent, Checkbox as Checkbox$1, Paper, Chip as Chip$1, ClickAwayListener, useTheme as useTheme$2, FormControl, InputLabel, Link, Radio as Radio$1, InputAdornment, Select as Select$1, MenuItem as MenuItem$1 } from '@mui/material';
+import { Stack as Stack$1, Box, CircularProgress as CircularProgress$1, LinearProgress as LinearProgress$1, Tooltip, Typography as Typography$1, Badge, Avatar as Avatar$1, lighten, Dialog as Dialog$1, DialogContent, Checkbox as Checkbox$1, Paper, Chip as Chip$1, ClickAwayListener, useTheme as useTheme$2, FormControl, InputLabel, Link as Link$1, Radio as Radio$1, InputAdornment, Select as Select$1, MenuItem as MenuItem$1 } from '@mui/material';
 import classNames from 'classnames';
 import * as React from 'react';
 import React__default, { forwardRef, useRef, useState, useEffect, useLayoutEffect, useImperativeHandle, Component, useCallback, createContext } from 'react';
@@ -6132,6 +6132,273 @@ function getMuiLinearProgress(theme) {
     };
 }
 
+function getMuiLink(theme) {
+    return {
+        variants: [
+            {
+                props: { color: "secondary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.secondary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "primary.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.primary.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body1.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body1.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "body2.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.body2.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "darkMatter.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.darkMatter.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "silver.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.silver.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "wildSand.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.wildSand.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "cloud.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.cloud.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "boulder.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.boulder.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "pebble.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.pebble.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "white.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.white.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade1000.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade1000.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade950.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade950.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade900.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade900.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade850.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade850.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade800.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade800.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade750.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade750.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade700.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade700.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade650.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade650.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade600.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade600.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade550.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade550.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade500.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade500.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade450.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade450.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade400.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade400.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade350.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade350.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade300.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade300.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade250.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade250.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade200.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade200.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade150.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade150.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade100.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade100.dark,
+                    }
+                },
+            },
+            {
+                props: { color: "shade50.main" },
+                style: {
+                    "&:hover": {
+                        color: theme.palette.shade50.dark,
+                    }
+                },
+            },
+        ],
+        styleOverrides: {
+            root: {
+                cursor: "pointer",
+                "&:hover": {
+                    color: theme.palette.primary.dark,
+                }
+            },
+        },
+        defaultProps: {
+            color: "secondary.main",
+            variant: "link"
+        },
+    };
+}
+
 function getMuiMenu(theme) {
     return {
         styleOverrides: {
@@ -7355,42 +7622,7 @@ function buildMUITheme(_a) {
             MuiFab: {},
             MuiTextField: getMuiTextField(theme),
             MuiToolbar: {},
-            MuiLink: {
-                styleOverrides: {
-                    root: {
-                        fontFamily: bodyFont,
-                        fontWeight: 400,
-                        fontSize: "1rem",
-                        letterSpacing: "0px",
-                        textDecoration: "underline",
-                        color: theme.palette.secondary.main,
-                        "&:hover": {
-                            color: theme.palette.secondary.dark,
-                        }
-                    },
-                },
-                variants: [
-                    //These new variants can specify what styles the component should have when that specific variant prop value is applied.
-                    {
-                        props: { color: "text.secondary" },
-                        style: {
-                            color: theme.palette.text.secondary,
-                            "&:hover": {
-                                color: theme.palette.text.primary,
-                            }
-                        },
-                    },
-                    {
-                        props: { color: "primary" },
-                        style: {
-                            color: theme.palette.primary.main,
-                            "&:hover": {
-                                color: theme.palette.primary.dark,
-                            }
-                        },
-                    }
-                ],
-            },
+            MuiLink: getMuiLink(theme),
             MuiTypography: {
                 defaultProps: {
                     variantMapping: {
@@ -8813,6 +9045,15 @@ function FileUpload(_a) {
             }), value: dropdown.value }));
 }
 
+function Link(_a) {
+    var variant = _a.variant, color = _a.color, children = _a.children, className = _a.className, bold = _a.bold, semiBold = _a.semiBold, props = __rest(_a, ["variant", "color", "children", "className", "bold", "semiBold"]);
+    var classes = classNames(className, {
+        "bold": bold,
+        "semiBold": semiBold,
+    });
+    return React__default.createElement(Link$1, __assign({}, props, { variant: variant, color: color, className: classes }), children);
+}
+
 var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
 styleInject(css_248z$b);
 
@@ -8987,7 +9228,7 @@ function FilterBar(_a) {
                                 React__default.createElement(DropMenu, { inlineMenu: true, options: dropMenuOptions }),
                                 currentAction && React__default.createElement(Button, { color: "cloud", onClick: currentAction.onClick }, currentAction.text)))),
             !showSearch &&
-                React__default.createElement(Link, { color: "secondary", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
+                React__default.createElement(Link, { color: "secondary.main", onClick: handleShowSearch, alignItems: "center", justifyContent: "center", display: "flex", gap: 3 },
                     React__default.createElement(Icon, { name: "Add18", color: "secondary" }),
                     " ",
                     addFilterTxt)),
@@ -9002,10 +9243,8 @@ function FilterBar(_a) {
         }).reverse()),
         cFilterTerms.length > 0 &&
             React__default.createElement(Stack$1, { direction: "row", className: "actionContainer", alignItems: "center", justifyContent: "center", gap: 3 },
-                onSave && React__default.createElement(Link, { onClick: handleOnSave },
-                    React__default.createElement(Typography, { variant: "body2" }, saveTxt)),
-                React__default.createElement(Link, { onClick: handleOnClear },
-                    React__default.createElement(Typography, { variant: "body2" }, clearTxt))));
+                onSave && React__default.createElement(Link, { onClick: handleOnSave, variant: "body2" }, saveTxt),
+                React__default.createElement(Link, { onClick: handleOnClear, variant: "body2" }, clearTxt)));
 }
 
 var emptyAccountLimits = {
@@ -15842,7 +16081,7 @@ function ResourceEdit(_a) {
         React__default.createElement(Box, { className: "resource-support ".concat(!open ? "open" : "hidden") }, support));
 }
 
-var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
+var css_248z$2 = "html {\n  font-size: 14px;\n}\n\n@media only screen and (min-width: 1440px) {\n  html {\n    font-size: 16px;\n  }\n}\n.ellipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.ui-kit-v2-wrapper .MuiTypography-root,\n.MuiDialog-root .MuiTypography-root,\n.MuiTooltip-popper .MuiTypography-root,\n.MuiPopover-root .MuiTypography-root,\n.MuiMenu-root .MuiTypography-root,\n.base-Popper-root .MuiTypography-root {\n  overflow-wrap: break-word;\n  -webkit-hyphens: auto;\n          hyphens: auto;\n}\n.ui-kit-v2-wrapper .hidden,\n.MuiDialog-root .hidden,\n.MuiTooltip-popper .hidden,\n.MuiPopover-root .hidden,\n.MuiMenu-root .hidden,\n.base-Popper-root .hidden {\n  display: none;\n}\n.ui-kit-v2-wrapper .loading,\n.ui-kit-v2-wrapper .disabled,\n.ui-kit-v2-wrapper .inactive,\n.MuiDialog-root .loading,\n.MuiDialog-root .disabled,\n.MuiDialog-root .inactive,\n.MuiTooltip-popper .loading,\n.MuiTooltip-popper .disabled,\n.MuiTooltip-popper .inactive,\n.MuiPopover-root .loading,\n.MuiPopover-root .disabled,\n.MuiPopover-root .inactive,\n.MuiMenu-root .loading,\n.MuiMenu-root .disabled,\n.MuiMenu-root .inactive,\n.base-Popper-root .loading,\n.base-Popper-root .disabled,\n.base-Popper-root .inactive {\n  opacity: 0.65;\n  pointer-events: none;\n}\n.ui-kit-v2-wrapper .hoverAble,\n.MuiDialog-root .hoverAble,\n.MuiTooltip-popper .hoverAble,\n.MuiPopover-root .hoverAble,\n.MuiMenu-root .hoverAble,\n.base-Popper-root .hoverAble {\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .hoverAble:hover,\n.MuiDialog-root .hoverAble:hover,\n.MuiTooltip-popper .hoverAble:hover,\n.MuiPopover-root .hoverAble:hover,\n.MuiMenu-root .hoverAble:hover,\n.base-Popper-root .hoverAble:hover {\n  opacity: 0.65;\n}\n.ui-kit-v2-wrapper .squared,\n.MuiDialog-root .squared,\n.MuiTooltip-popper .squared,\n.MuiPopover-root .squared,\n.MuiMenu-root .squared,\n.base-Popper-root .squared {\n  border-radius: 8px !important;\n}\n.ui-kit-v2-wrapper .round,\n.MuiDialog-root .round,\n.MuiTooltip-popper .round,\n.MuiPopover-root .round,\n.MuiMenu-root .round,\n.base-Popper-root .round {\n  border-radius: 100px !important;\n}\n.ui-kit-v2-wrapper .rotate-180,\n.MuiDialog-root .rotate-180,\n.MuiTooltip-popper .rotate-180,\n.MuiPopover-root .rotate-180,\n.MuiMenu-root .rotate-180,\n.base-Popper-root .rotate-180 {\n  transform: rotate(180deg) !important;\n}\n.ui-kit-v2-wrapper .semiBold,\n.MuiDialog-root .semiBold,\n.MuiTooltip-popper .semiBold,\n.MuiPopover-root .semiBold,\n.MuiMenu-root .semiBold,\n.base-Popper-root .semiBold {\n  font-weight: 600 !important;\n}\n.ui-kit-v2-wrapper .bold,\n.MuiDialog-root .bold,\n.MuiTooltip-popper .bold,\n.MuiPopover-root .bold,\n.MuiMenu-root .bold,\n.base-Popper-root .bold {\n  font-weight: 700 !important;\n}\n.ui-kit-v2-wrapper .regular,\n.MuiDialog-root .regular,\n.MuiTooltip-popper .regular,\n.MuiPopover-root .regular,\n.MuiMenu-root .regular,\n.base-Popper-root .regular {\n  font-weight: 400 !important;\n}\n.ui-kit-v2-wrapper .uppercase,\n.MuiDialog-root .uppercase,\n.MuiTooltip-popper .uppercase,\n.MuiPopover-root .uppercase,\n.MuiMenu-root .uppercase,\n.base-Popper-root .uppercase {\n  text-transform: uppercase;\n}\n.ui-kit-v2-wrapper .showTooltip,\n.MuiDialog-root .showTooltip,\n.MuiTooltip-popper .showTooltip,\n.MuiPopover-root .showTooltip,\n.MuiMenu-root .showTooltip,\n.base-Popper-root .showTooltip {\n  border-bottom: 1px dashed var(--body-font-color-2, var(--silver, #9B9B9B));\n  cursor: pointer;\n}\n.ui-kit-v2-wrapper .ellipsis,\n.MuiDialog-root .ellipsis,\n.MuiTooltip-popper .ellipsis,\n.MuiPopover-root .ellipsis,\n.MuiMenu-root .ellipsis,\n.base-Popper-root .ellipsis {\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  text-wrap: nowrap !important;\n}\n.ui-kit-v2-wrapper .multilineEllipsis,\n.MuiDialog-root .multilineEllipsis,\n.MuiTooltip-popper .multilineEllipsis,\n.MuiPopover-root .multilineEllipsis,\n.MuiMenu-root .multilineEllipsis,\n.base-Popper-root .multilineEllipsis {\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3;\n  line-clamp: 3;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: normal !important;\n  word-break: break-word !important;\n}\n.ui-kit-v2-wrapper li::before,\n.MuiDialog-root li::before,\n.MuiTooltip-popper li::before,\n.MuiPopover-root li::before,\n.MuiMenu-root li::before,\n.base-Popper-root li::before {\n  content: unset;\n}\n\n.sideMenu-component-v2 {\n  z-index: 8000;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.sideMenu-component-v2 .sideMenu-spacer {\n  display: none;\n}\n.sideMenu-component-v2.minified:hover .sideMenu-spacer {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper {\n  z-index: 8000;\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  width: 20rem;\n  min-width: 20rem;\n  max-width: 20rem;\n  padding: 1rem;\n  background: var(--shade100, #F3F2F2);\n  position: relative;\n  box-sizing: border-box;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:horizontal {\n  position: absolute;\n  bottom: -20px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track:vertical {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 8px !important;\n  border-top-right-radius: 8px !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-track {\n  height: 2.5rem;\n  width: 2.5rem;\n  padding: 2rem;\n  background-clip: content-box;\n  border-bottom-left-radius: 8px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper::-webkit-scrollbar-thumb {\n  background: var(--body-font-color-2, var(--silver, #9B9B9B));\n  border-radius: 24px;\n  border-top: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-bottom: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-right: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n  border-left: 5px solid var(--background-color-1, var(--white, #FFFFFF));\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:hover {\n  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15);\n  position: absolute !important;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) {\n  gap: 1rem;\n  max-width: 73px;\n  min-width: 73px;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuHeader {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button {\n  padding: 0.75rem;\n  margin-right: 0;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .subNav-component-v2 button:not(.selected) {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2.subItem,\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 .chevron {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a {\n  justify-content: center;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .sideMenuContainer-component-v2 .menuItemRow .sideMenuItem-component-v2 a .MuiStack-root {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer > .avatar-component-v2 {\n  display: block;\n}\n.sideMenu-component-v2 .sideMenu-wrapper.minified:not(:hover) .footer button {\n  display: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader {\n  margin-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuHeader .minifyIcon {\n  cursor: pointer;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 {\n  margin-top: 1.5rem;\n  position: relative;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2 .inputContainer {\n  padding: 0.75rem 1rem;\n  box-shadow: unset;\n  border-radius: 8px;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .search-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 {\n  width: 100%;\n  position: relative;\n  justify-content: space-between;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2:after {\n  position: absolute;\n  left: 0;\n  bottom: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(var(--shade100, #F3F2F2) 0%, transparent 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button {\n  flex: 1;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) {\n  background: none;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path:not(.noFill),\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect:not(.noFill) {\n  fill: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg path.noFill,\n.sideMenu-component-v2 .sideMenu-wrapper .subNav-component-v2 button:not(.selected):not(:hover) svg rect.noFill {\n  stroke: var(--secondary-brand-color, var(--teal, #0ABDAE));\n}\n.sideMenu-component-v2 .sideMenu-wrapper .sideMenuContainer-component-v2 {\n  padding-top: 1.5rem;\n  padding-bottom: 1.5rem;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer {\n  position: relative;\n  justify-self: flex-end;\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer:before {\n  position: absolute;\n  left: 0;\n  top: -1.5rem;\n  content: \"\";\n  display: block;\n  width: 100%;\n  height: 1.5rem;\n  background: linear-gradient(transparent 0, var(--shade100, #F3F2F2) 100%);\n}\n.sideMenu-component-v2 .sideMenu-wrapper .footer > .avatar-component-v2 {\n  display: none;\n}\n\n.sideMenuContainer-component-v2 {\n  flex: 1;\n  overflow-y: auto;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:nth-child(2) {\n  margin-top: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.withSubItems.openedSubMenu .sideMenuItem-component-v2:last-child {\n  margin-bottom: calc(0.5rem - 1px);\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow.subSection {\n  margin-top: 1rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer > .menuItemRow:first-child {\n  margin-top: 0;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.subItem {\n  margin-left: 2.75rem;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.rotate .chevron {\n  rotate: 180deg;\n}\n.sideMenuContainer-component-v2 .menuItemsContainer .sideMenuItem-component-v2.hasLocationSelected:hover a {\n  cursor: default;\n  background: unset !important;\n}\n\n.sideMenuItem-component-v2 {\n  box-sizing: border-box;\n}\n.sideMenuItem-component-v2:hover a, .sideMenuItem-component-v2.selected a {\n  background: var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.hasSubItemSelected > .MuiTypography-root .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2 .avatar-component-v2 .MuiAvatar-root {\n  border-color: var(--shade200, #DBDADA);\n  background: var(--white, #FFFFFF);\n}\n.sideMenuItem-component-v2 .chevron {\n  margin-left: 1rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.sideMenuItem-component-v2 a {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.75rem;\n  border-radius: 8px;\n  text-decoration: none;\n  gap: 1rem;\n}\n.sideMenuItem-component-v2 a > .MuiStack-root {\n  flex: 1;\n}\n.sideMenuItem-component-v2 a img {\n  max-width: 80px;\n}\n.sideMenuItem-component-v2.soloItem a {\n  border-radius: 16px;\n  padding: 1.5rem;\n  border: 1px solid var(--shade200, #DBDADA);\n}\n.sideMenuItem-component-v2.soloItem a:hover {\n  border-color: var(--wild-sand, #dddddd);\n}\n.sideMenuItem-component-v2.soloItem .chevron {\n  rotate: -90deg;\n}\n.sideMenuItem-component-v2.subSection {\n  padding: 0.5rem 0.75rem 0.5rem 0.75rem;\n}";
 styleInject(css_248z$2);
 
 //{ subNav, menuItems, bottomContent, className, forcedLocationPath, menuItemClick, children }: TSideMenu
@@ -17446,4 +17685,4 @@ var UsersFactory = /** @class */ (function () {
     return UsersFactory;
 }());
 
-export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, CommonFormModel, ContactModel, ContactsFactory, ContentSectionContainer, CopyToClipboard, CountryDropdown, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, ECampaignStatuses, EEMailSummaryStatuses, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, addPartialInformation, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createForm, createTemplate, deepMergeObject, deleteCampaign, deleteCampaignsReportsExport, deleteForm, deletePartialInformation, deleteStorageItem, deleteTemplate, descendingComparator, disableForm, downloadCampaignLogExport, downloadCampaignsReportsExport, emptyAccountAddress, emptyAccountLimits, enableForm, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getBeeTokenService, getBestLocalMatch, getBrand, getBrandService, getBrandUrl, getCalendarFormat, getCampaign, getCampaignLinks, getCampaignLinksReport, getCampaignLogs, getCampaignLogsExports, getCampaignReport, getCampaignRevisions, getCampaignsReportsExport, getComparator, getCustomerProfile, getDate, getDomainFromEmail, getDomainsFromEmails, getDomainsService, getEmail, getEmailActivitySummary, getEmailReport, getEndOfDate, getForm, getHashQueryWithoutHistory, getIconSize, getList, getListLogs, getListReport, getNestedProperty, getPropertyValue, getSender, getStartOfDate, getStorage, getTColor, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listListAttributes, listSenders, listSystemEmails, listTemplates, listUsers, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderTemplate, requestSupportService, resumeCampaign, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateCampaign, updateSystemEmails, updateTemplate, updateUser, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };
+export { AccountModel, AccountsFactory, ActionBarContainer, ActionBarContainerHandler, AssetManager, AutomationsFactory, Avatar, BillingFactory, BrandWrapper, BrandsFactory, Button, ButtonMenu, CampaignModel, CampaignsFactory, Checkbox, Chip, CircularProgress, CodeInput, ColManager, ColorTextField, CommonFormModel, ContactModel, ContactsFactory, ContentSectionContainer, CopyToClipboard, CountryDropdown, CustomerModel, DataTable, DataTableHead, DataTableRow, DateCalendar, DatePicker, DateTimeCalendar, DateTimePicker, Dialog, DialogActions, DialogHandler, DialogTitle, Divider, Drawer, DrawerHandler, DropMenu, Dropdown, EApiLanguages, ECampaignStatuses, EEMailSummaryStatuses, EEditorType, EEmailAttachementTypes, EEmailLogType, EEmailLogTypeParam, EEmailProviders, EEmailSummaryEngagement, EEvents, EListAttributeType, EMethods, EOperatorTypes, EPartialInfoPool, EStorageType, ElementContains, Email, EmailAPIFactory, EmptyContent, EnhancedFormModel, FileUpload, FilterBar, FormModel, FormsFactory, FullBar, GenericWrapper, GenericWrapperContext, GroupedActions, Header, Icon, IconPill, InformationGroup, InlineTextEdit, LinearProgress, Link, ListCampaignModel, ListModel, ListTemplateModel, ListsFactory, LoadingContainer, LocationTextField, Logo, MD5, MetricCard, Modal, ModalHandler, ModalHeading, OverlayHandler, PhoneTextField, Radio, ResourceEdit, Search, SenderModel, SendersFactory, SideMenu, SideMenuContainer, SideMenuItem, SubNav, SummaryEnhancedFormModel, SupportFactory, SystemEmailsFactory, SystemEmailsModel, TemplateModel, TemplatesFactory, TextField, TimePicker, TimeSelector, Toggle, TopMenu, Typography, UserModel, UsersFactory, acceptListPolicy, addPartialInformation, addToImpersonificationTree, amIImpersonating, amILoggedInService, archiveCampaign, areAllPropertiesEmpty, buildMUITheme, callApi, camelCase, camelToSnakeCase, cancelCampaign, capitalizeFirstLetter, cleanPostHogId, clearImpersonificationTree, clearStorage, connectToZendeskSupportService, createAccount, createBrand, createCampaign, createCampaignLogsExports, createCampaignsReportsExport, createForm, createTemplate, deepMergeObject, deleteCampaign, deleteCampaignsReportsExport, deleteForm, deletePartialInformation, deleteStorageItem, deleteTemplate, descendingComparator, disableForm, downloadCampaignLogExport, downloadCampaignsReportsExport, emptyAccountAddress, emptyAccountLimits, enableForm, enrichBrand, enrichOrganization, enrichProfile, eventCondition, eventIdentify, eventLogout, fetchRetry, fetchRoute, findNestedProperty, formatNumber, getAccount, getAccountReport, getAdjustedBillingCycle, getBeeTokenService, getBestLocalMatch, getBrand, getBrandService, getBrandUrl, getCalendarFormat, getCampaign, getCampaignLinks, getCampaignLinksReport, getCampaignLogs, getCampaignLogsExports, getCampaignReport, getCampaignRevisions, getCampaignsReportsExport, getComparator, getCustomerProfile, getDate, getDomainFromEmail, getDomainsFromEmails, getDomainsService, getEmail, getEmailActivitySummary, getEmailReport, getEndOfDate, getForm, getHashQueryWithoutHistory, getIconSize, getList, getListLogs, getListReport, getNestedProperty, getPropertyValue, getSender, getStartOfDate, getStorage, getTColor, getTemplate, getUnixTime, getUrlQueryParam, getUser, getUtmCookies, googlePlacesMapper, hasDecimal, impersonateService, initFieldValidation, initPostHog, isColorLight, isDomainValidService, isSimpleType, isValidEmail, isValidString, isValidUrl, lisTEmailTags, listAccounts, listCampaigns, listCampaignsReportsExports, listContacts, listEmailLogs, listForms, listList, listListAttributes, listSenders, listSystemEmails, listTemplates, listUsers, logOutService, loginService, miliToSecond, modelSet, modelToJson, originalBrand, patchForm, popImpersonificationTree, postMessage, publishForm, reScheduleCampaign, removeEmptyProperties, removeQueryParams, removeTrailingChar, renderCampaign, renderForm, renderTemplate, requestSupportService, resumeCampaign, scheduleCampaign, searchCustomerProfiles, sendCampaignTest, setBrandHeadElements, setStorage, shareTemplate, splitArray, splitObject, stableSort, startPromisePool, suspendCampaign, trackEvent, truncateEmail, truncateText, uiKitConfig, unArchiveCampaign, unScheduleCampaign, unshareTemplate, updateAccount, updateAndClearUrlParams, updateCampaign, updateSystemEmails, updateTemplate, updateUser, validateColor, validateEmail, validateGenericInput, validateUrl, wait, whiteLabelBrand, whoAmi };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.0.96",
+    "version": "2.0.98",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",