@galaxy-ds/core 1.1.56 → 1.1.59

package/dist/index.esm.js

@@ -30895,7 +30895,7 @@ function ChevronDownIcon(props) {
         React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.00001 6.08008L3.20001 6.88008L8.00001 11.6801L12.8 6.88008L12 6.08008L8.00001 10.0801L4.00001 6.08008Z", fill: "currentColor" })));
 }
 
-var useStyles$z = makeStyles(function (theme) {
+var useStyles$B = makeStyles(function (theme) {
     return createStyles({
         root: function (props) { return ({
             backgroundColor: props.bgColor || theme.palette.grey[200]
@@ -30903,7 +30903,7 @@ var useStyles$z = makeStyles(function (theme) {
     });
 });
 var AccordionSummary = function (props) {
-    var classes = useStyles$z({ bgColor: props.bgColor });
+    var classes = useStyles$B({ bgColor: props.bgColor });
     return (React__default.createElement(MuiAccordionSummary, __assign$1({ className: classes.root }, props, { expandIcon: React__default.createElement(ChevronDownIcon, { fontSize: 'small' }) })));
 };
 
@@ -33023,6 +33023,7 @@ var grey$2 = {
     50: '#FFFFFF'
 };
 var blue = {
+    300: "#CDE6F7",
     200: '#ebf1f4',
     100: "#C2D8E7",
     50: "#E0ECF5"
@@ -33153,7 +33154,7 @@ var common = {
     opacity: opacity
 };
 
-var useStyles$y = makeStyles({
+var useStyles$A = makeStyles({
     root: {
         "&.gds-text-primary": {
             color: common.brand.primary.main,
@@ -33186,7 +33187,7 @@ var useStyles$y = makeStyles({
 });
 var Typography = React__default.forwardRef(function (props, ref) {
     var color = props.color, upperCase = props.upperCase, rest = __rest(props, ["color", "upperCase"]);
-    var classes = useStyles$y(props);
+    var classes = useStyles$A(props);
     var colorProp;
     switch (color) {
         case 'primary':
@@ -33219,7 +33220,7 @@ var Typography = React__default.forwardRef(function (props, ref) {
     return (React__default.createElement(Typography$2, __assign$1({ ref: ref }, rest, { className: clsx(classes.root, colorProp, upperCase ? 'gds-text-uppercase' : '') })));
 });
 
-var useStyles$x = makeStyles({
+var useStyles$z = makeStyles({
     root: {
         '&.gds-divider': {
             marginTop: 2,
@@ -33237,7 +33238,7 @@ var useStyles$x = makeStyles({
 });
 var Divider = function (props) {
     var orientation = props.orientation, rest = __rest(props, ["orientation"]);
-    var classes = useStyles$x();
+    var classes = useStyles$z();
     var variantProp;
     switch (orientation) {
         case 'horizontal':
@@ -33252,7 +33253,7 @@ var Divider = function (props) {
     return (React__default.createElement(Divider$2, __assign$1({}, rest, { className: clsx(classes.root, 'gds-divider', variantProp) })));
 };
 
-var useStyles$w = makeStyles(function (theme) {
+var useStyles$y = makeStyles(function (theme) {
     return createStyles({
         inputRoot: {
             '& > *': {
@@ -33339,7 +33340,7 @@ var useStyles$w = makeStyles(function (theme) {
 });
 var Autocomplete = function (_a) {
     var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight"]);
-    var classes = useStyles$w({ platform: platform, bottomButtonHeight: bottomButtonHeight });
+    var classes = useStyles$y({ platform: platform, bottomButtonHeight: bottomButtonHeight });
     var _c = useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
     var root = useRef(null);
     var onKeyDownHandler = function (event) {
@@ -33372,7 +33373,7 @@ var Autocomplete = function (_a) {
             }, onKeyDown: onKeyDownHandler, ref: root }, rest))));
 };
 
-var useStyles$v = makeStyles(function () {
+var useStyles$x = makeStyles(function () {
     return createStyles({
         sizeSmall: {
             width: 18,
@@ -33403,7 +33404,7 @@ var useStyles$v = makeStyles(function () {
 var Avatar = function (props) {
     var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, rest = __rest(props, ["tooltip", "tooltipPlacement"]);
     var placement = tooltipPlacement !== undefined ? tooltipPlacement : "top";
-    var classes = useStyles$v(props);
+    var classes = useStyles$x(props);
     var sizeProp;
     var colorProp;
     switch (rest.size) {
@@ -33638,7 +33639,7 @@ var pallette$1 = {
 };
 var pallettes$1 = __assign$1({ pallette: pallette$1 }, common);
 
-var useStyles$u = makeStyles(createStyles({
+var useStyles$w = makeStyles(createStyles({
     root: {
         "&.gds-drawer-menu-item": {
             borderRadius: '0.5rem',
@@ -33711,7 +33712,7 @@ var useStyles$u = makeStyles(createStyles({
 }));
 var DrawerMenu = React__default.forwardRef(function (props, ref) {
     var children = props.children, startAdornment = props.startAdornment, submenu = props.submenu, _a = props.variant, variant = _a === void 0 ? 'light' : _a, value = props.value, open = props.open, expand = props.expand, rest = __rest(props, ["children", "startAdornment", "submenu", "variant", "value", "open", "expand"]);
-    var classes = useStyles$u();
+    var classes = useStyles$w();
     var variantProp;
     switch (variant) {
         case 'light':
@@ -33828,7 +33829,7 @@ var typography$1 = {
 };
 
 // import Tooltip from '../Tooltip/Tooltip';
-var useStyles$t = makeStyles(function (theme) {
+var useStyles$v = makeStyles(function (theme) {
     return createStyles({
         avatarBorder: {
             '& .MuiAvatar-root, & .MuiAvatarGroup-avatar': {
@@ -33893,7 +33894,7 @@ var useStyles$t = makeStyles(function (theme) {
     });
 });
 var AvatarsGroup = function (props) {
-    var classes = useStyles$t(props);
+    var classes = useStyles$v(props);
     props.color; var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, defaultProps = __rest(props, ["color", "tooltip", "tooltipPlacement"]);
     var colorProp;
     switch (props.color) {
@@ -33942,7 +33943,7 @@ var Box = function (props) {
     return (React__default.createElement(Box$2, __assign$1({}, props)));
 };
 
-var useStyles$s = makeStyles(function (theme) {
+var useStyles$u = makeStyles(function (theme) {
     return createStyles({
         root: {
             "&.gds-button--danger": {}
@@ -33950,7 +33951,7 @@ var useStyles$s = makeStyles(function (theme) {
     });
 });
 var Button = function (props) {
-    var classes = useStyles$s(props);
+    var classes = useStyles$u(props);
     var isLoading = props.isLoading, isDanger = props.isDanger, defaultProps = __rest(props, ["isLoading", "isDanger"]);
     return (React__default.createElement(Button$2, __assign$1({ disableElevation: true, disableRipple: true }, defaultProps, { onClick: defaultProps.onClick, ref: defaultProps.refprop, className: clsx(classes.root, isDanger ? ' gds-button--danger' : '') }), !isLoading ? defaultProps.children : React__default.createElement(CircularProgress$1, { size: 16, color: "inherit" })));
 };
@@ -33968,7 +33969,7 @@ function CrossIcon(props) {
         React__default.createElement("path", { stroke: "currentColor", d: "M8.012 15.875L15.887 8M15.887 15.976L8.012 8.101" })));
 }
 
-var useStyles$r = makeStyles({
+var useStyles$t = makeStyles({
     root: {
         '&.gds-chip-rounded': {
             borderRadius: 50,
@@ -33980,7 +33981,7 @@ var useStyles$r = makeStyles({
     },
 });
 var Chip = function (props) {
-    var classes = useStyles$r();
+    var classes = useStyles$t();
     var variant = props.variant, transparent = props.transparent, rounded = props.rounded, defaultProps = __rest(props, ["variant", "transparent", "rounded"]);
     var variantProp;
     switch (variant) {
@@ -34008,7 +34009,7 @@ var Chip = function (props) {
     return (React__default.createElement(MuiChip, __assign$1({}, defaultProps, { size: "small", onDelete: defaultProps.onDelete, deleteIcon: React__default.createElement(CrossIcon, null), className: clsx(variantProp, classes.root, transparent ? 'gds-chip-transparent' : '', rounded ? 'gds-chip-rounded' : '') })));
 };
 
-var useStyles$q = makeStyles({
+var useStyles$s = makeStyles({
     root: {
         "&.gds-card": {
             cursor: 'pointer'
@@ -34016,7 +34017,7 @@ var useStyles$q = makeStyles({
     },
 });
 var Card = function (props) {
-    var classes = useStyles$q();
+    var classes = useStyles$s();
     var active = props.active, children = props.children; __rest(props, ["active", "children"]);
     return (React__default.createElement(MuiCard, { elevation: 0, className: clsx(classes.root, 'gds-card', active ? 'gds-card--active' : '') }, children));
 };
@@ -34042,7 +34043,7 @@ var Input = function (_a) {
         helperText && React__default.createElement(FormHelperText$1, { error: error }, helperText)));
 };
 
-var useStyles$p = makeStyles(function () { return createStyles({
+var useStyles$r = makeStyles(function () { return createStyles({
     root: {
         width: function (props) { return props.width ? props.width : ''; }
     },
@@ -34053,7 +34054,7 @@ var useStyles$p = makeStyles(function () { return createStyles({
 }); });
 var Dropdown = function (_a) {
     var children = _a.children, _b = _a.elevation, elevation = _b === void 0 ? 3 : _b, _c = _a.align, align = _c === void 0 ? 'right' : _c, label = _a.label, width = _a.width, _d = _a.size, size = _d === void 0 ? 'medium' : _d, disabled = _a.disabled, _e = _a.variant, variant = _e === void 0 ? 'dropdown' : _e, fullWidth = _a.fullWidth, rest = __rest(_a, ["children", "elevation", "align", "label", "width", "size", "disabled", "variant", "fullWidth"]);
-    var classes = useStyles$p({ width: width });
+    var classes = useStyles$r({ width: width });
     var isDefinedWidth = function (definedWidth) {
         return typeof definedWidth !== 'undefined' ? 'MuiInputBase-definedWidth' : '';
     };
@@ -34097,7 +34098,7 @@ var EmptyState = function (_a) {
             React__default.createElement(Typography$2, { color: 'textSecondary', variant: 'body1' }, description))));
 };
 
-var useStyles$o = makeStyles(function (theme) { return ({
+var useStyles$q = makeStyles(function (theme) { return ({
     root: {
         "&.gds-formgroup": {
             width: '100%'
@@ -34113,11 +34114,11 @@ var useStyles$o = makeStyles(function (theme) { return ({
 }); });
 var FormGroup = function (_a) {
     var children = _a.children, _b = _a.spacing, spacing = _b === void 0 ? 0 : _b, _c = _a.alignItems, alignItems = _c === void 0 ? 'flex-start' : _c, _d = _a.margin, margin = _d === void 0 ? false : _d, props = __rest(_a, ["children", "spacing", "alignItems", "margin"]);
-    var classes = useStyles$o({ spacing: spacing, alignItems: alignItems });
+    var classes = useStyles$q({ spacing: spacing, alignItems: alignItems });
     return (React__default.createElement(MuiFormGroup, __assign$1({ className: clsx(classes.root, 'gds-formgroup', margin ? 'formGroupMargin' : '') }, props), children));
 };
 
-var useStyles$n = makeStyles({
+var useStyles$p = makeStyles({
     root: {
         "&.form-container": {
             display: "grid",
@@ -34129,11 +34130,11 @@ var useStyles$n = makeStyles({
     },
 });
 var FormContainer = function (props) {
-    var classes = useStyles$n(props);
+    var classes = useStyles$p(props);
     return (React__default.createElement("form", { onSubmit: props.onSubmit, className: clsx(classes.root, "form-container") }, props.children));
 };
 
-var useStyles$m = makeStyles({
+var useStyles$o = makeStyles({
     root: {
         "&.form-body": {
             display: 'flex',
@@ -34154,18 +34155,69 @@ var useStyles$m = makeStyles({
 });
 var FormBody = function (props) {
     var children = props.children;
-    var classes = useStyles$m(props);
+    var classes = useStyles$o(props);
     return (React__default.createElement("div", { className: clsx(classes.root, "form-body") }, children));
 };
 
+var useStyles$n = makeStyles(function (theme) {
+    return createStyles({
+        root: {
+            "& .MuiDivider-root": {
+                marginLeft: 32,
+            },
+            "&.gds-menu-item-system": __assign$1(__assign$1({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, backgroundColor: common.brand.background.main }, theme.typography.body2), { "&:hover": {
+                    backgroundColor: "#91C9F7",
+                    color: common.brand.text.main,
+                }, "&:hover .MuiListItemText-root .MuiTypography-root": {
+                    color: common.brand.text.main,
+                }, "&.Mui-selected": {
+                    backgroundColor: common.brand.background.main,
+                    color: common.brand.text.main,
+                    "& .MuiListItemIcon-root": {
+                        backgroundColor: "#91C9F7",
+                    },
+                    "& svg": {
+                        color: common.brand.text.main,
+                    },
+                }, "&.Mui-selected:hover": {
+                    backgroundColor: "#91C9F7",
+                    color: common.brand.text.main,
+                    "& svg": {
+                        color: common.brand.text.main,
+                    },
+                }, "&:not(.Mui-selected) svg": {
+                    color: common.brand.primary.main,
+                }, "&.customMultipleList .Mui-selected": {
+                    backgroundColor: "#fff",
+                }, "& .MuiListItemIcon-root": {
+                    minWidth: 22,
+                    height: 22,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    position: "absolute",
+                    left: 0,
+                }, "& .MuiSvgIcon-root": {
+                    fontSize: 12,
+                    color: "currentColor",
+                }, "& .MuiListItemText-root": {
+                    margin: 0,
+                    marginLeft: 6,
+                } }),
+        },
+    });
+});
 var MenuItem = React__default.forwardRef(function (props, ref) {
-    var children = props.children, startAdornment = props.startAdornment, value = props.value, rest = __rest(props, ["children", "startAdornment", "value"]);
-    return (React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true }),
-        startAdornment ?
-            React__default.createElement(ListItemIcon, null, startAdornment) : null,
-        children,
-        " ",
-        value));
+    var children = props.children, startAdornment = props.startAdornment, value = props.value, system = props.system, border = props.border, rest = __rest(props, ["children", "startAdornment", "value", "system", "border"]);
+    var classes = useStyles$n();
+    console.log("soph", props);
+    return (React__default.createElement("div", { className: classes.root },
+        React__default.createElement(MuiMenuItem, __assign$1({ ref: ref }, rest, { button: true, className: clsx(classes.root, system ? "gds-menu-item-system" : "", startAdornment ? "gds-menu-item-icon" : "") }),
+            startAdornment ? (React__default.createElement(ListItemIcon, null, startAdornment)) : null,
+            children,
+            " ",
+            value),
+        border && React__default.createElement(Divider, null)));
 });
 
 var IconButton = React__default.forwardRef(function (props, ref) {
@@ -34182,7 +34234,7 @@ function LawconnectIcon(props) {
         React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" })));
 }
 
-var useStyles$l = makeStyles({
+var useStyles$m = makeStyles({
     root: {
         '&.gds-header': {
             overflow: "hidden",
@@ -34247,7 +34299,7 @@ var useStyles$l = makeStyles({
     },
 });
 var FormHeader = React__default.forwardRef(function (props, ref) {
-    var classes = useStyles$l();
+    var classes = useStyles$m();
     return (React__default.createElement(Box$2, { className: clsx(classes.root, 'gds-header', props.fixed ? 'gds-header-fixed' : '') },
         React__default.createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
             React__default.createElement(LawconnectIcon, { size: "260" })),
@@ -34261,7 +34313,7 @@ var FormHeader = React__default.forwardRef(function (props, ref) {
         React__default.createElement("div", { className: clsx(classes.root, 'gds-header_content') }, props.children)));
 });
 
-var useStyles$k = makeStyles(function (theme) {
+var useStyles$l = makeStyles(function (theme) {
     return createStyles({
         root: {
             '& .MuiListSubheader-root': {
@@ -34281,36 +34333,56 @@ var useStyles$k = makeStyles(function (theme) {
 });
 var MenuHeader = function (props) {
     var children = props.children, rest = __rest(props, ["children"]);
-    var classes = useStyles$k();
+    var classes = useStyles$l();
     return (React__default.createElement("div", { className: classes.root },
         React__default.createElement(ListSubheader$2, __assign$1({}, rest), children),
         React__default.createElement(Divider, null)));
 };
 
-var useStyles$j = makeStyles(function (theme) {
+var useStyles$k = makeStyles(function (theme) {
     return createStyles({
         root: {
             color: common.brand.utility.border,
             background: common.brand.background.main,
-            border: '1px solid #CCCCCC',
-            padding: '0 2px',
+            border: "1px solid #CCCCCC",
+            padding: "0 2px",
             minWidth: 180,
-            '& .MuiListSubheader-root': {
-                fontSize: theme.typography.body2.fontSize
-            }
-        }
+            "& .MuiListSubheader-root": {
+                fontSize: theme.typography.body2.fontSize,
+            },
+        },
     });
 });
 var MenuContext = function (_a) {
     var title = _a.title, children = _a.children, props = __rest(_a, ["title", "children"]);
-    var classes = useStyles$j();
+    var classes = useStyles$k();
     return (React__default.createElement(MuiMenu, __assign$1({ PopoverClasses: { paper: classes.root } }, props, { elevation: 0 }),
-        title ? React__default.createElement(MenuHeader, null, title) : '',
+        title ? React__default.createElement(MenuHeader, null, title) : "",
         children));
 };
 
+var useStyles$j = makeStyles(function (theme) {
+    return createStyles({
+        root: {
+            "&.gds-menu-system .MuiPaper-root": {
+                color: common.brand.utility.border,
+                border: "1px solid #CCCCCC",
+                backgroundColor: common.brand.background.main,
+                padding: "0 2px",
+                minWidth: 180,
+                "& .MuiListSubheader-root": {
+                    fontSize: theme.typography.body2.fontSize,
+                },
+            },
+        },
+    });
+});
 var Menu = function (props) {
-    return (React__default.createElement(MuiMenu, __assign$1({}, props), props.children));
+    var system = props.system, title = props.title, rest = __rest(props, ["system", "title"]);
+    var classes = useStyles$j(props);
+    return (React__default.createElement(MuiMenu, __assign$1({}, rest, { className: clsx(classes.root, system ? "gds-menu-system" : "") }, props, { elevation: 0 }),
+        title ? React__default.createElement(MenuHeader, null, title) : "",
+        props.children));
 };
 
 function TickIcon(props) {
@@ -34321,39 +34393,39 @@ function TickIcon(props) {
 var useStyles$i = makeStyles(function (theme) {
     return createStyles({
         root: {
-            '& .MuiDivider-root': {
+            "& .MuiDivider-root": {
                 marginLeft: 32,
-            }
+            },
         },
-        MenuItem: __assign$1(__assign$1({ minHeight: 22, maxHeight: 22, padding: 0, backgroundColor: common.brand.background.main }, theme.typography.body2), { '&:hover': {
-                backgroundColor: '#91C9F7',
-                color: common.brand.text.main
-            }, '&:hover .MuiListItemText-root .MuiTypography-root': {
-                color: common.brand.text.main
-            }, '&.Mui-selected': {
+        MenuItem: __assign$1(__assign$1({ minHeight: 22, maxHeight: 22, padding: 0, backgroundColor: common.brand.background.main }, theme.typography.body2), { "&:hover": {
+                backgroundColor: "#91C9F7",
+                color: common.brand.text.main,
+            }, "&:hover .MuiListItemText-root .MuiTypography-root": {
+                color: common.brand.text.main,
+            }, "&.Mui-selected": {
                 backgroundColor: common.brand.background.main,
                 color: common.brand.text.main,
-            }, '.customMultipleList &$selected': {
-                backgroundColor: '#fff',
-            }, '&.Mui-selected:hover': {
-                backgroundColor: '#91C9F7',
-                color: common.brand.text.main
-            }, '& .MuiListItemText-root': {
+            }, ".customMultipleList &$selected": {
+                backgroundColor: "#fff",
+            }, "&.Mui-selected:hover": {
+                backgroundColor: "#91C9F7",
+                color: common.brand.text.main,
+            }, "& .MuiListItemText-root": {
                 margin: 0,
-                marginLeft: 6
-            }, '& .MuiListItemIcon-root': {
+                marginLeft: 6,
+            }, "& .MuiListItemIcon-root": {
                 minWidth: 22,
                 height: 22,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
                 marginRight: 10,
-            }, '& .MuiSvgIcon-root': {
+            }, "& .MuiSvgIcon-root": {
                 fontSize: 12,
-                color: common.brand.text.main
+                color: common.brand.text.main,
             } }),
         SelectedIcon: {
-            backgroundColor: '#91C9F7',
+            backgroundColor: "#91C9F7",
         },
     });
 });
@@ -34362,19 +34434,11 @@ var MenuItemSystem = React__default.forwardRef(function (props, ref) {
     var children = props.children, prependIcon = props.prependIcon, border = props.border, rest = __rest(props, ["children", "prependIcon", "border"]);
     return (React__default.createElement("div", { className: classes.root },
         React__default.createElement(MuiMenuItem, __assign$1({ className: classes.MenuItem, ref: ref }, rest),
-            prependIcon ?
-                props.selected ?
-                    React__default.createElement(ListItemIcon, { classes: { root: classes.SelectedIcon } },
-                        " ",
-                        React__default.createElement(TickIcon, null),
-                        " ") :
-                    React__default.createElement(ListItemIcon, null,
-                        " ",
-                        React__default.createElement(TickIcon, null),
-                        " ") :
-                React__default.createElement(ListItemIcon, null, " "),
+            prependIcon ? (props.selected ? (React__default.createElement(ListItemIcon, { classes: { root: classes.SelectedIcon } },
+                React__default.createElement(TickIcon, null))) : (React__default.createElement(ListItemIcon, null,
+                React__default.createElement(TickIcon, null)))) : (React__default.createElement(ListItemIcon, null, " ")),
             children),
-        border ? React__default.createElement(Divider, null) : ''));
+        border ? React__default.createElement(Divider, null) : ""));
 });
 
 var ListItem = function (_a) {
@@ -35683,8 +35747,9 @@ var useStyles$a = makeStyles(function (theme) {
                     : 'none',
         }); },
         containerDivider: function (props) { return ({
+            flexShrink: 0,
             display: 'flex',
-            marginLeft: 'auto',
+            flexDirection: 'row',
             borderLeft: props.divider === undefined
                 ? theme.shape.borderRadius === 0
                     ? "1px solid " + common.brand.utility.border
@@ -35693,17 +35758,28 @@ var useStyles$a = makeStyles(function (theme) {
                     ? "1px solid " + common.brand.utility.border
                     : 'none',
         }); },
+        toolbarContainer: function (props) { return ({
+            paddingRight: '16px',
+            display: 'grid',
+        }); },
+        toolbarWrap: function (props) { return ({
+            width: '100%',
+            overflow: 'hidden',
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "flex-end",
+        }); },
     });
 });
 var HeaderToolbar = function (_a) {
     var _b;
-    var title = _a.title, titleVisibility = _a.titleVisibility, left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _c = _a.bgPosition, bgPosition = _c === void 0 ? 'center' : _c, bgSize = _a.bgSize, divider = _a.divider; __rest(_a, ["title", "titleVisibility", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider"]);
-    var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
+    var title = _a.title, titleVisibility = _a.titleVisibility, left = _a.left, right = _a.right, bgColor = _a.bgColor, bgImageURL = _a.bgImageURL, _c = _a.bgPosition, bgPosition = _c === void 0 ? 'center' : _c, bgSize = _a.bgSize, divider = _a.divider, tooltip = _a.tooltip; __rest(_a, ["title", "titleVisibility", "left", "right", "bgColor", "bgImageURL", "bgPosition", "bgSize", "divider", "tooltip"]);
+    var classes = useStyles$a({ bgColor: bgColor, bgImageURL: bgImageURL, right: right, bgPosition: bgPosition, bgSize: bgSize, titleVisibility: titleVisibility, divider: divider });
     return (React__default.createElement(Toolbar$2, { className: clsx('gds-header-toolbar', classes.bgWrapper, (_b = {}, _b['with-title'] = titleVisibility, _b)) },
-        React__default.createElement(Box$2, { display: "flex", justifyContent: "space-between", alignItems: "flex-end", style: { width: '100%', overflow: 'hidden' } },
-            React__default.createElement(Box$2, { style: { flex: '1', maxWidth: right ? '70%' : '90%', paddingRight: '16px' }, display: "flex", flexDirection: "column", justifyContent: "stretch" },
-                title && (React__default.createElement(Box$2, { className: clsx("gds-header-toolbar-title", classes.titleVis), mb: 3 },
-                    React__default.createElement(Typography, { variant: "h1", noWrap: true, color: "primary" }, title))),
+        React__default.createElement(Box$2, { className: clsx(classes.toolbarWrap) },
+            React__default.createElement(Box$2, { className: clsx(classes.toolbarContainer) },
+                title && (tooltip ? (React__default.createElement(Tooltip, { title: title, placement: "bottom-start" },
+                    React__default.createElement(Typography, { gutterBottom: true, variant: "h1", noWrap: true, color: "primary" }, title))) : (React__default.createElement(Typography, { gutterBottom: true, variant: "h1", noWrap: true, color: "primary" }, title))),
                 left),
             right && (React__default.createElement(Box$2, { className: clsx("gds-buttons-w-divider", classes.containerDivider) }, right)))));
 };
@@ -35915,7 +35991,7 @@ var Tag = React__default.forwardRef(function (props, ref) {
 });
 
 function LeapLogo(props) {
-    return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.size + "px", viewBox: "0 0 142 60" },
+    return (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: props.width, viewBox: "0 0 142 60" },
         React__default.createElement("path", { fill: "#f69139", d: "M2,10.0002 L9.75846683,10.0002 L9.75846683,41.99924 L27.5974176,41.99924 L30.9207597,50 L2,50 L2,10.0002 Z M63.8025461,17.99876 L40.7008366,17.99876 L40.7008366,25.99352 L56.1077126,25.99352 L56.1077126,33.99628 L40.7008366,33.99628 L40.7008366,41.99904 L63.8025461,41.99904 L63.8025461,49.9998 L33,49.9998 L33,10 L63.8025461,10 L63.8025461,17.99876 Z M116.448143,33.99636 L116.30847,49.99988 L108.550003,49.99988 L108.550003,10.00008 L127.948171,10.00008 C135.935456,10.00008 139.972317,15.9915384 140.001958,22 C140.031507,27.9896489 136.07889,33.99636 128.087844,33.99636 L116.448143,33.99636 Z M98.2230148,49.99984 L94.9072768,41.99908 L76.7701697,41.99908 L73.4556323,49.99984 L65,49.99984 L81.5742879,10.00004 L81.6483267,10.00004 L90.0303204,10.00004 L90.1043592,10.00004 L106.679047,49.99984 L98.2230148,49.99984 Z M116.544807,26.0279999 L128.184508,25.9936 C133.919514,25.9936 133.72141,17.99884 128.044835,17.99884 L116.529999,17.99884 L116.544807,26.0279999 Z M80.0899963,33.99632 L91.5948269,33.99632 L85.8426117,20.1139894 L80.0899963,33.99632 Z" })));
 }
 
@@ -36428,10 +36504,10 @@ var startOfDay$1 = /*#__PURE__*/Object.freeze({
 /**
  * @name isSameDay
  * @category Day Helpers
- * @summary Are the given dates in the same day?
+ * @summary Are the given dates in the same day (and year and month)?
  *
  * @description
- * Are the given dates in the same day?
+ * Are the given dates in the same day (and year and month)?
  *
  * ### v2.0.0 breaking changes:
  *
@@ -36439,13 +36515,23 @@ var startOfDay$1 = /*#__PURE__*/Object.freeze({
  *
  * @param {Date|Number} dateLeft - the first date to check
  * @param {Date|Number} dateRight - the second date to check
- * @returns {Boolean} the dates are in the same day
+ * @returns {Boolean} the dates are in the same day (and year and month)
  * @throws {TypeError} 2 arguments required
  *
  * @example
  * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
  * var result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
  * //=> true
+ * 
+ * @example
+ * // Are 4 September and 4 October in the same day?
+ * var result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
+ * //=> false
+ * 
+ * @example
+ * // Are 4 September, 2014 and 4 September, 2015 in the same day?
+ * var result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
+ * //=> false
  */
 
 function isSameDay(dirtyDateLeft, dirtyDateRight) {
@@ -36742,7 +36828,7 @@ function buildLocalizeFn(args) {
       valuesArray = args.values[_width] || args.values[_defaultWidth];
     }
 
-    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challange you to try to remove it!
+    var index = args.argumentCallback ? args.argumentCallback(dirtyIndex) : dirtyIndex; // @ts-ignore: For some reason TypeScript just don't want to match it, no matter how hard we try. I challenge you to try to remove it!
 
     return valuesArray[index];
   };
@@ -37161,101 +37247,6 @@ function subMilliseconds(dirtyDate, dirtyAmount) {
   return addMilliseconds(dirtyDate, -amount);
 }
 
-function addLeadingZeros(number, targetLength) {
-  var sign = number < 0 ? '-' : '';
-  var output = Math.abs(number).toString();
-
-  while (output.length < targetLength) {
-    output = '0' + output;
-  }
-
-  return sign + output;
-}
-
-/*
- * |     | Unit                           |     | Unit                           |
- * |-----|--------------------------------|-----|--------------------------------|
- * |  a  | AM, PM                         |  A* |                                |
- * |  d  | Day of month                   |  D  |                                |
- * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
- * |  m  | Minute                         |  M  | Month                          |
- * |  s  | Second                         |  S  | Fraction of second             |
- * |  y  | Year (abs)                     |  Y  |                                |
- *
- * Letters marked by * are not implemented but reserved by Unicode standard.
- */
-
-var formatters$2 = {
-  // Year
-  y: function (date, token) {
-    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
-    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
-    // |----------|-------|----|-------|-------|-------|
-    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
-    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
-    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
-    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
-    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
-    var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
-
-    var year = signedYear > 0 ? signedYear : 1 - signedYear;
-    return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
-  },
-  // Month
-  M: function (date, token) {
-    var month = date.getUTCMonth();
-    return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
-  },
-  // Day of the month
-  d: function (date, token) {
-    return addLeadingZeros(date.getUTCDate(), token.length);
-  },
-  // AM or PM
-  a: function (date, token) {
-    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
-
-    switch (token) {
-      case 'a':
-      case 'aa':
-        return dayPeriodEnumValue.toUpperCase();
-
-      case 'aaa':
-        return dayPeriodEnumValue;
-
-      case 'aaaaa':
-        return dayPeriodEnumValue[0];
-
-      case 'aaaa':
-      default:
-        return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
-    }
-  },
-  // Hour [1-12]
-  h: function (date, token) {
-    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
-  },
-  // Hour [0-23]
-  H: function (date, token) {
-    return addLeadingZeros(date.getUTCHours(), token.length);
-  },
-  // Minute
-  m: function (date, token) {
-    return addLeadingZeros(date.getUTCMinutes(), token.length);
-  },
-  // Second
-  s: function (date, token) {
-    return addLeadingZeros(date.getUTCSeconds(), token.length);
-  },
-  // Fraction of second
-  S: function (date, token) {
-    var numberOfDigits = token.length;
-    var milliseconds = date.getUTCMilliseconds();
-    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
-    return addLeadingZeros(fractionalSeconds, token.length);
-  }
-};
-var lightFormatters = formatters$2;
-
 var MILLISECONDS_IN_DAY$1 = 86400000; // This function will be a part of public API when UTC function will be implemented.
 // See issue: https://github.com/date-fns/date-fns/issues/376
 
@@ -37358,7 +37349,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
 
 function getUTCWeekYear(dirtyDate, dirtyOptions) {
   requiredArgs(1, arguments);
-  var date = toDate(dirtyDate, dirtyOptions);
+  var date = toDate(dirtyDate);
   var year = date.getUTCFullYear();
   var options = dirtyOptions || {};
   var locale = options.locale;
@@ -37418,6 +37409,101 @@ function getUTCWeek(dirtyDate, options) {
   return Math.round(diff / MILLISECONDS_IN_WEEK) + 1;
 }
 
+function addLeadingZeros(number, targetLength) {
+  var sign = number < 0 ? '-' : '';
+  var output = Math.abs(number).toString();
+
+  while (output.length < targetLength) {
+    output = '0' + output;
+  }
+
+  return sign + output;
+}
+
+/*
+ * |     | Unit                           |     | Unit                           |
+ * |-----|--------------------------------|-----|--------------------------------|
+ * |  a  | AM, PM                         |  A* |                                |
+ * |  d  | Day of month                   |  D  |                                |
+ * |  h  | Hour [1-12]                    |  H  | Hour [0-23]                    |
+ * |  m  | Minute                         |  M  | Month                          |
+ * |  s  | Second                         |  S  | Fraction of second             |
+ * |  y  | Year (abs)                     |  Y  |                                |
+ *
+ * Letters marked by * are not implemented but reserved by Unicode standard.
+ */
+
+var formatters$2 = {
+  // Year
+  y: function (date, token) {
+    // From http://www.unicode.org/reports/tr35/tr35-31/tr35-dates.html#Date_Format_tokens
+    // | Year     |     y | yy |   yyy |  yyyy | yyyyy |
+    // |----------|-------|----|-------|-------|-------|
+    // | AD 1     |     1 | 01 |   001 |  0001 | 00001 |
+    // | AD 12    |    12 | 12 |   012 |  0012 | 00012 |
+    // | AD 123   |   123 | 23 |   123 |  0123 | 00123 |
+    // | AD 1234  |  1234 | 34 |  1234 |  1234 | 01234 |
+    // | AD 12345 | 12345 | 45 | 12345 | 12345 | 12345 |
+    var signedYear = date.getUTCFullYear(); // Returns 1 for 1 BC (which is year 0 in JavaScript)
+
+    var year = signedYear > 0 ? signedYear : 1 - signedYear;
+    return addLeadingZeros(token === 'yy' ? year % 100 : year, token.length);
+  },
+  // Month
+  M: function (date, token) {
+    var month = date.getUTCMonth();
+    return token === 'M' ? String(month + 1) : addLeadingZeros(month + 1, 2);
+  },
+  // Day of the month
+  d: function (date, token) {
+    return addLeadingZeros(date.getUTCDate(), token.length);
+  },
+  // AM or PM
+  a: function (date, token) {
+    var dayPeriodEnumValue = date.getUTCHours() / 12 >= 1 ? 'pm' : 'am';
+
+    switch (token) {
+      case 'a':
+      case 'aa':
+        return dayPeriodEnumValue.toUpperCase();
+
+      case 'aaa':
+        return dayPeriodEnumValue;
+
+      case 'aaaaa':
+        return dayPeriodEnumValue[0];
+
+      case 'aaaa':
+      default:
+        return dayPeriodEnumValue === 'am' ? 'a.m.' : 'p.m.';
+    }
+  },
+  // Hour [1-12]
+  h: function (date, token) {
+    return addLeadingZeros(date.getUTCHours() % 12 || 12, token.length);
+  },
+  // Hour [0-23]
+  H: function (date, token) {
+    return addLeadingZeros(date.getUTCHours(), token.length);
+  },
+  // Minute
+  m: function (date, token) {
+    return addLeadingZeros(date.getUTCMinutes(), token.length);
+  },
+  // Second
+  s: function (date, token) {
+    return addLeadingZeros(date.getUTCSeconds(), token.length);
+  },
+  // Fraction of second
+  S: function (date, token) {
+    var numberOfDigits = token.length;
+    var milliseconds = date.getUTCMilliseconds();
+    var fractionalSeconds = Math.floor(milliseconds * Math.pow(10, numberOfDigits - 3));
+    return addLeadingZeros(fractionalSeconds, token.length);
+  }
+};
+var lightFormatters = formatters$2;
+
 var dayPeriodEnum = {
   am: 'am',
   pm: 'pm',
@@ -38329,7 +38415,7 @@ function timeLongFormatter(pattern, formatLong) {
 }
 
 function dateTimeLongFormatter(pattern, formatLong) {
-  var matchResult = pattern.match(/(P+)(p+)?/);
+  var matchResult = pattern.match(/(P+)(p+)?/) || [];
   var datePattern = matchResult[1];
   var timePattern = matchResult[2];
 
@@ -38677,7 +38763,7 @@ var unescapedLatinCharacterRegExp$1 = /[a-zA-Z]/;
  * 8. `YY` and `YYYY` tokens represent week-numbering years but they are often confused with years.
  *    You should enable `options.useAdditionalWeekYearTokens` to use them. See: https://git.io/fxCyr
  *
- * 9. `D` and `DD` tokens represent days of the year but they are ofthen confused with days of the month.
+ * 9. `D` and `DD` tokens represent days of the year but they are often confused with days of the month.
  *    You should enable `options.useAdditionalDayOfYearTokens` to use them. See: https://git.io/fxCyr
  *
  * ### v2.0.0 breaking changes:
@@ -41314,7 +41400,7 @@ var parsers = {
       date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
       return date;
     },
-    incompatibleTokens: ['b', 'B', 'H', 'K', 'k', 't', 'T']
+    incompatibleTokens: ['b', 'B', 'H', 'k', 't', 'T']
   },
   // AM, PM, midnight
   b: {
@@ -41356,7 +41442,7 @@ var parsers = {
       date.setUTCHours(dayPeriodEnumToHours(value), 0, 0, 0);
       return date;
     },
-    incompatibleTokens: ['a', 'B', 'H', 'K', 'k', 't', 'T']
+    incompatibleTokens: ['a', 'B', 'H', 'k', 't', 'T']
   },
   // in the morning, in the afternoon, in the evening, at night
   B: {
@@ -41492,7 +41578,7 @@ var parsers = {
 
       return date;
     },
-    incompatibleTokens: ['a', 'b', 'h', 'H', 'k', 't', 'T']
+    incompatibleTokens: ['h', 'H', 'k', 't', 'T']
   },
   // Hour [1-24]
   k: {
@@ -41850,7 +41936,7 @@ var unescapedLatinCharacterRegExp = /[a-zA-Z]/;
  * |                                 |     | tt      | ...                               | 2     |
  * | Fraction of second              |  30 | S       | 0, 1, ..., 9                      |       |
  * |                                 |     | SS      | 00, 01, ..., 99                   |       |
- * |                                 |     | SSS     | 000, 0001, ..., 999               |       |
+ * |                                 |     | SSS     | 000, 001, ..., 999                |       |
  * |                                 |     | SSSS    | ...                               | 2     |
  * | Milliseconds timestamp          |  20 | T       | 512969520900                      |       |
  * |                                 |     | TT      | ...                               | 2     |
@@ -43459,10 +43545,10 @@ var differenceInDays$1 = /*#__PURE__*/Object.freeze({
 /**
  * @name isSameMonth
  * @category Month Helpers
- * @summary Are the given dates in the same month?
+ * @summary Are the given dates in the same month (and year)?
  *
  * @description
- * Are the given dates in the same month?
+ * Are the given dates in the same month (and year)?
  *
  * ### v2.0.0 breaking changes:
  *
@@ -43470,13 +43556,18 @@ var differenceInDays$1 = /*#__PURE__*/Object.freeze({
  *
  * @param {Date|Number} dateLeft - the first date to check
  * @param {Date|Number} dateRight - the second date to check
- * @returns {Boolean} the dates are in the same month
+ * @returns {Boolean} the dates are in the same month (and year)
  * @throws {TypeError} 2 arguments required
  *
  * @example
  * // Are 2 September 2014 and 25 September 2014 in the same month?
  * var result = isSameMonth(new Date(2014, 8, 2), new Date(2014, 8, 25))
  * //=> true
+ *
+ * @example
+ * // Are 2 September 2014 and 25 September 2015 in the same month?
+ * var result = isSameMonth(new Date(2014, 8, 2), new Date(2015, 8, 25))
+ * //=> false
  */
 
 function isSameMonth(dirtyDateLeft, dirtyDateRight) {
@@ -46484,6 +46575,99 @@ function SelectFilterFilledIcon(props) {
         React__default.createElement("path", { d: "M14 2.386l.37.337a.5.5 0 00.13-.337H14zM9.429 7.41l-.37-.336a.5.5 0 00-.13.336h.5zM14 1.5h.5A.5.5 0 0014 1v.5zm-12 0V1a.5.5 0 00-.5.5H2zm0 .886h-.5a.5.5 0 00.13.337L2 2.386zM6.571 7.41h.5a.5.5 0 00-.13-.336l-.37.336zm0 5.318h-.5a.5.5 0 00.237.425l.263-.425zM9.43 14.5l-.264.425a.5.5 0 00.764-.425h-.5zM13.63 2.05L9.06 7.073l.74.673 4.57-5.023-.739-.673zm-.13-.55v.886h1V1.5h-1zM2 2h12V1H2v1zm.5.386V1.5h-1v.886h1zm4.441 4.687L2.37 2.05l-.74.673 4.572 5.023.74-.673zm.13 5.654V7.41h-1v5.318h1zm2.621 1.348l-2.857-1.773-.527.85 2.857 1.773.527-.85zM8.93 7.41V14.5h1V7.41h-1z", fill: "currentColor" })));
 }
 
+function AccessIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.76 18v-3.885h.004c-.196-.204-.289-.487-.289-1.075 0-1.202.963-1.979.972-1.986l.05-.04.028-.058a1.818 1.818 0 00.058-1.501c.701-1.591-.148-2.908-.328-3.16-.457-1.344-1.43-1.628-2.171-1.628-.878 0-1.658.394-1.67.4-.813.334-1.367.864-1.647 1.578-.452 1.153-.042 2.42.107 2.808-.364.901.056 1.516.074 1.543l.057.06c.01.007.97.766.97 1.984 0 1.179-.632 1.395-1.432 1.668l-.104.035c-.9.303-2.772.933-2.772 2.981V18h8.093zM14.458 14.762v-1.524c0-1.052.84-1.905 1.875-1.905 1.036 0 1.875.853 1.875 1.905v1.524h1.125v4.19c0 .21-.168.381-.375.381h-5.25a.379.379 0 01-.375-.381v-4.19h1.125zm1.875-2.667c-.621 0-1.125.512-1.125 1.143v1.524h2.25v-1.524c0-.631-.503-1.143-1.125-1.143z", fill: "#107C41" })));
+}
+
+function AccountingIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 96 96" }),
+        React__default.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M36.486 40H16v-8h4V16h4v16h8v-8h4v8h8V12h4v20h-1.067c-5.003 0-9.086 3.412-10.447 8zM76 32h-8V20H56V8H12v80h24v4.64c0 1.165.17 2.294.486 3.36H7.999A4 4 0 014 91.997V4.003C4 1.793 5.8 0 8.005 0H60l16 16v16zM36 68v8.944A11.955 11.955 0 0128 80c-6.627 0-12-5.373-12-12s5.373-12 12-12v12h8zm0-4h-4V52c1.403 0 2.749.24 4 .683V64zm10.933-24h42.134C90.687 40 92 41.504 92 43.36v49.28c0 1.856-1.313 3.36-2.933 3.36H46.933C45.313 96 44 94.496 44 92.64V43.36c0-1.856 1.313-3.36 2.933-3.36zM48 84v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12-8v12h4V76h-4zm-36 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm-24-8v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h4v-4h-4zM48 48v12h40V48H48z" })));
+}
+
+function AssignCurvedIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
+        React__default.createElement("path", { d: "M12.8556 10.4974L9.60631 13.8505C9.41321 14.05 9.10063 14.0495 8.90756 13.851C8.71446 13.6526 8.71446 13.3304 8.90706 13.1309L11.3199 10.6415H6.37278C4.519 10.6415 3.00644 9.0873 3 7.17541V2.50888C3 2.22746 3.22073 2 3.49381 2C3.76689 2 3.98762 2.22746 3.98762 2.50888V7.17386C3.99205 8.52496 5.06216 9.62365 6.37276 9.62365H11.31L8.90656 7.14384C8.71396 6.94436 8.71396 6.62272 8.90706 6.42376C9.00335 6.32504 9.12976 6.27517 9.25619 6.27517C9.3826 6.27517 9.50951 6.32504 9.60581 6.42428L12.8551 9.77787C13.0482 9.97683 13.0482 10.299 12.8556 10.4974Z" })));
+}
+
+function CalendarIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("rect", { x: "4.03812", y: "7.03696", width: "16", height: "12", fill: "white" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.509 4C10.2132 4 9.97333 4.23985 9.97333 4.53571C9.97333 4.83158 10.2132 5.07143 10.509 5.07143H13.4957C13.7916 5.07143 14.0314 4.83158 14.0314 4.53571C14.0314 4.23985 13.7916 4 13.4957 4H10.509ZM4.46132 4.46018C4.71899 4.20251 5.08976 4.00122 5.50238 4.00122H7.00238C7.27852 4.00122 7.50238 4.22508 7.50238 4.50122C7.50238 4.77736 7.27852 5.00122 7.00238 5.00122H5.50238C5.41501 5.00122 5.28577 5.04995 5.16844 5.16728C5.0511 5.28462 5.00238 5.41386 5.00238 5.50122V6.99332H19.0024V5.50122C19.0024 5.41384 18.9537 5.2846 18.8363 5.16727C18.719 5.04995 18.5898 5.00122 18.5024 5.00122H17.0024C16.7262 5.00122 16.5024 4.77736 16.5024 4.50122C16.5024 4.22508 16.7262 4.00122 17.0024 4.00122H18.5024C18.915 4.00122 19.2858 4.20249 19.5434 4.46017C19.8011 4.71784 20.0024 5.0886 20.0024 5.50122V7.47818C20.004 7.49492 20.0048 7.51188 20.0048 7.52903C20.0048 7.54618 20.004 7.56315 20.0024 7.57989V18.5012C20.0024 18.9138 19.8011 19.2846 19.5434 19.5423C19.2858 19.7999 18.915 20.0012 18.5024 20.0012H5.50238C5.08976 20.0012 4.719 19.7999 4.46133 19.5423C4.20365 19.2846 4.00238 18.9138 4.00238 18.5012V7.57987C4.00081 7.56313 4 7.54618 4 7.52903C4 7.51189 4.00081 7.49493 4.00238 7.4782V5.50122C4.00238 5.08862 4.20366 4.71785 4.46132 4.46018ZM5.00238 18.5012V8.06475H19.0024V18.5012C19.0024 18.5886 18.9537 18.7178 18.8363 18.8352C18.719 18.9525 18.5898 19.0012 18.5024 19.0012H5.50238C5.415 19.0012 5.28576 18.9525 5.16843 18.8352C5.05111 18.7178 5.00238 18.5886 5.00238 18.5012ZM15.4869 4C15.7827 4 16.0226 4.23985 16.0226 4.53571V5.53349C16.0226 5.82935 15.7827 6.0692 15.4869 6.0692C15.191 6.0692 14.9511 5.82935 14.9511 5.53349V4.53571C14.9511 4.23985 15.191 4 15.4869 4ZM9.05364 4.53571C9.05364 4.23985 8.81379 4 8.51793 4C8.22206 4 7.98221 4.23985 7.98221 4.53571V5.53349C7.98221 5.82935 8.22206 6.0692 8.51793 6.0692C8.81379 6.0692 9.05364 5.82935 9.05364 5.53349V4.53571Z", fill: "#1E365E" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5024 7.00122C10.7785 7.00122 11.0024 7.22508 11.0024 7.50122V10.0012H12.0024C12.2785 10.0012 12.5024 10.2251 12.5024 10.5012C12.5024 10.7774 12.2785 11.0012 12.0024 11.0012H11.0024V13.0012H12.0024C12.2785 13.0012 12.5024 13.2251 12.5024 13.5012C12.5024 13.7774 12.2785 14.0012 12.0024 14.0012H11.0024V16.0012H16.0024V15.0012C16.0024 14.7251 16.2262 14.5012 16.5024 14.5012C16.7785 14.5012 17.0024 14.7251 17.0024 15.0012V16.0012H19.5024C19.7785 16.0012 20.0024 16.2251 20.0024 16.5012C20.0024 16.7774 19.7785 17.0012 19.5024 17.0012H17.0024V19.5012C17.0024 19.7774 16.7785 20.0012 16.5024 20.0012C16.2262 20.0012 16.0024 19.7774 16.0024 19.5012V17.0012H11.0024V19.5012C11.0024 19.7774 10.7785 20.0012 10.5024 20.0012C10.2262 20.0012 10.0024 19.7774 10.0024 19.5012V17.0012H8.00238V19.5012C8.00238 19.7774 7.77852 20.0012 7.50238 20.0012C7.22624 20.0012 7.00238 19.7774 7.00238 19.5012V17.0012H4.50238C4.22624 17.0012 4.00238 16.7774 4.00238 16.5012C4.00238 16.2251 4.22624 16.0012 4.50238 16.0012H7.00238V14.0012H4.50238C4.22624 14.0012 4.00238 13.7774 4.00238 13.5012C4.00238 13.2251 4.22624 13.0012 4.50238 13.0012H7.00238V11.0012H4.50238C4.22624 11.0012 4.00238 10.7774 4.00238 10.5012C4.00238 10.2251 4.22624 10.0012 4.50238 10.0012H7.00238V7.50122C7.00238 7.22508 7.22624 7.00122 7.50238 7.00122C7.77852 7.00122 8.00238 7.22508 8.00238 7.50122V10.0012H10.0024V7.50122C10.0024 7.22508 10.2262 7.00122 10.5024 7.00122ZM8.00238 11.0012V13.0012H10.0024V11.0012H8.00238ZM8.00238 14.0012V16.0012H10.0024V14.0012H8.00238ZM18.0024 13.0012C17.7262 13.0012 17.5024 13.2251 17.5024 13.5012C17.5024 13.7774 17.7262 14.0012 18.0024 14.0012H19.5024C19.7785 14.0012 20.0024 13.7774 20.0024 13.5012C20.0024 13.2251 19.7785 13.0012 19.5024 13.0012H18.0024ZM18.0024 10.0012C17.7262 10.0012 17.5024 10.2251 17.5024 10.5012C17.5024 10.7774 17.7262 11.0012 18.0024 11.0012H19.5024C19.7785 11.0012 20.0024 10.7774 20.0024 10.5012C20.0024 10.2251 19.7785 10.0012 19.5024 10.0012H18.0024ZM16.5024 7.00122C16.7785 7.00122 17.0024 7.22508 17.0024 7.50122V9.00122C17.0024 9.27736 16.7785 9.50122 16.5024 9.50122C16.2262 9.50122 16.0024 9.27736 16.0024 9.00122V7.50122C16.0024 7.22508 16.2262 7.00122 16.5024 7.00122Z", fill: "#1E365E", fillOpacity: "0.5" }),
+        React__default.createElement("rect", { x: "13.5381", y: "10.5369", width: "3", height: "3", fill: "#1E365E", fillOpacity: "0.5", stroke: "#1E365E" })));
+}
+
+function EmailSentIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 0V9L13 6H6L9 9H3V12.005L0 12.0058V0H16Z", fill: "white" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.25729 6.258L6.66029 6.661L3.73829 9H3.00002L2.99929 9.591L0.727295 11.4091V10.6818L6.25729 6.258ZM0.994041 1.01562L1.04429 1.048L6.83029 6H6.0013L0.994041 2.02191V1.01562ZM15 1V2L9.98829 6H9.16329L14.9373 1.041L15 1Z", fill: "#CCCCCC" }),
+        React__default.createElement("path", { d: "M16 0V9L14.98 7.98L15 1H1L0.971802 11.0194L3 11.019V12.005L0 12.0053V0H16Z", fill: "#9DA7B3" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 10V12H12L9 15H12L14.9621 12.0379L16 11L15 10L12 7H9L12 10H4Z", fill: "#2E6DAD" })));
+}
+
+function HomeIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 20 20" }),
+        React__default.createElement("path", { d: "M8.2 18v-5.647h3.6V18h4.5v-7.53H19L10 2l-9 8.47h2.7V18h4.5z", fill: "currentColor" })));
+}
+
+function MoreVerticalIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5C8.26314 10.5 8.49566 10.6008 8.69754 10.8025C8.89943 11.0041 9.00025 11.2366 9 11.5C8.99975 11.7634 8.89893 11.9959 8.69754 12.1975C8.49616 12.3992 8.26364 12.5 8 12.5C7.73636 12.5 7.50384 12.3992 7.30246 12.1975C7.10107 11.9959 7.00025 11.7634 7 11.5C6.99975 11.2366 7.10057 11.0041 7.30246 10.8025C7.50434 10.6008 7.73686 10.5 8 10.5ZM8 7C8.26314 7 8.49566 7.10082 8.69754 7.30246C8.89943 7.50409 9.00025 7.73661 9 8C8.99975 8.26339 8.89893 8.49591 8.69754 8.69754C8.49616 8.89918 8.26364 9 8 9C7.73636 9 7.50384 8.89918 7.30246 8.69754C7.10107 8.49591 7.00025 8.26339 7 8C6.99975 7.73661 7.10057 7.50409 7.30246 7.30246C7.50434 7.10082 7.73686 7 8 7ZM8 3.5C8.26314 3.5 8.49566 3.60082 8.69754 3.80246C8.89943 4.00409 9.00025 4.23661 9 4.5C8.99975 4.76339 8.89893 4.99591 8.69754 5.19754C8.49616 5.39918 8.26364 5.5 8 5.5C7.73636 5.5 7.50384 5.39918 7.30246 5.19754C7.10107 4.99591 7.00025 4.76339 7 4.5C6.99975 4.23661 7.10057 4.00409 7.30246 3.80246C7.50434 3.60082 7.73686 3.5 8 3.5Z" })));
+}
+
+function NewAppointmentIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({ viewBox: "0 0 32 32" }, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0001 4C10.0001 3.72414 10.2242 3.5 10.5001 3.5C10.7759 3.5 11.0001 3.72414 11.0001 4V5.5V6C11.0001 6.27586 10.7759 6.5 10.5001 6.5C10.2242 6.5 10.0001 6.27586 10.0001 6V4ZM12.0001 5V4C12.0001 3.17186 11.3282 2.5 10.5001 2.5C9.67194 2.5 9.00008 3.17186 9.00008 4V5.02083H7.63653C5.63761 5.02083 4.021 6.64748 4.021 8.65V9.5V23.35C4.021 25.3525 5.63761 26.9792 7.63653 26.9792H16.5002C16.7648 26.9792 16.9793 26.7646 16.9793 26.5C16.9793 26.2354 16.7648 26.0208 16.5002 26.0208H7.63653C6.1708 26.0208 4.97933 24.8272 4.97933 23.35V9.97917H27.021V16.5C27.021 16.7646 27.2355 16.9792 27.5002 16.9792C27.7648 16.9792 27.9793 16.7646 27.9793 16.5V9.5V8.65C27.9793 6.64748 26.3627 5.02083 24.3638 5.02083H23.0001V4C23.0001 3.17186 22.3282 2.5 21.5001 2.5C20.6719 2.5 20.0001 3.17186 20.0001 4V5H12.0001ZM12.0001 6C12.0001 6.82814 11.3282 7.5 10.5001 7.5C9.67194 7.5 9.00008 6.82814 9.00008 6V5.97917H7.63653C6.1708 5.97917 4.97933 7.17282 4.97933 8.65V9.02083H27.021V8.65C27.021 7.17282 25.8295 5.97917 24.3638 5.97917H23.0001V6C23.0001 6.82814 22.3282 7.5 21.5001 7.5C20.6719 7.5 20.0001 6.82814 20.0001 6H12.0001ZM21.0001 5.5L21.0001 6C21.0001 6.27586 21.2242 6.5 21.5001 6.5C21.7759 6.5 22.0001 6.27586 22.0001 6V4C22.0001 3.72414 21.7759 3.5 21.5001 3.5C21.2242 3.5 21.0001 3.72414 21.0001 4L21.0001 5.5Z", fill: "#1E365E" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 17C12.2241 17 12 17.2241 12 17.5C12 17.7759 12.2241 18 12.5 18C12.7759 18 13 17.7759 13 17.5C13 17.2241 12.7759 17 12.5 17ZM11 17.5C11 16.6719 11.6719 16 12.5 16C13.3281 16 14 16.6719 14 17.5C14 18.3281 13.3281 19 12.5 19C11.6719 19 11 18.3281 11 17.5Z", fill: "#32ABE2" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 19C21.4622 19 19 21.4631 19 24.5C19 27.5379 21.4621 30 24.5 30C27.5369 30 30 27.5378 30 24.5C30 21.4631 27.5369 19 24.5 19ZM18 24.5C18 20.9109 20.9098 18 24.5 18C28.0891 18 31 20.9109 31 24.5C31 28.0902 28.0891 31 24.5 31C20.9099 31 18 28.0901 18 24.5Z", fill: "#3FAF2A" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 24.5C21 24.2239 21.2239 24 21.5 24H27.5C27.7761 24 28 24.2239 28 24.5C28 24.7761 27.7761 25 27.5 25H21.5C21.2239 25 21 24.7761 21 24.5Z", fill: "#3FAF2A" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 21C24.7761 21 25 21.2239 25 21.5V27.5C25 27.7761 24.7761 28 24.5 28C24.2239 28 24 27.7761 24 27.5V21.5C24 21.2239 24.2239 21 24.5 21Z", fill: "#3FAF2A" })));
+}
+
+function PreviewIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 24 24" }),
+        React__default.createElement("path", { d: "M17.333 12.61a.5.5 0 101 0h-1zm-11.666.168a.5.5 0 001 0h-1zm12.666-.168c0-1.11-.71-2.268-1.807-3.126C15.413 8.613 13.846 8 12 8v1c1.623 0 2.973.539 3.91 1.271.952.745 1.423 1.642 1.423 2.34h1zM12 8c-1.846 0-3.415.613-4.53 1.509-1.105.886-1.803 2.087-1.803 3.269h1c0-.793.484-1.731 1.428-2.49C9.03 9.538 10.377 9 12 9V8zm1.833 5.556A1.834 1.834 0 0112 15.389v1a2.834 2.834 0 002.833-2.833h-1zM12 15.389a1.834 1.834 0 01-1.833-1.833h-1A2.834 2.834 0 0012 16.389v-1zm-1.833-1.833c0-1.013.82-1.834 1.833-1.834v-1a2.834 2.834 0 00-2.833 2.834h1zM12 11.722c1.012 0 1.833.821 1.833 1.834h1A2.834 2.834 0 0012 10.722v1z", fill: "currentColor" })));
+}
+
+function ReportingIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 96 96" }),
+        React__default.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M84.032 23.49l-12.807-5.123a4 4 0 01-6.827-.627l-12.404 2.481a4 4 0 11-7.962-.731l-12.807-5.123A3.994 3.994 0 0128 16c-.9 0-1.731-.297-2.4-.8L11.65 26.36A4 4 0 1110.4 24.8l13.95-11.16a4 4 0 117.618-1.13l12.807 5.124a4 4 0 016.827.627l12.404-2.481a4 4 0 117.962.731l12.807 5.123a4 4 0 11-.743 1.857zM0 88v-8h96v8H0zm4-40h8v24H4V48zm20-16h8v40h-8V32zm20 8h8v32h-8V40zm20-4h8v36h-8V36zm20 8h8v28h-8V44z" })));
+}
+
+function ResponseIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
+        React__default.createElement("path", { d: "M1 2H15V13H7L3 16V13H1V2Z", fill: "white" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 13H14H15V12V3V2H14H2H1V3V12V13H2H3V14V14.75V16L4 15.25L7 13ZM4 14L6.4 12.2L6.66667 12H7H14V3H2V12H3H4V13V14Z", fill: "#9DA7B3" }),
+        React__default.createElement("rect", { x: "4", y: "5", width: "8", height: "1", fill: "#2E6DAD" }),
+        React__default.createElement("rect", { x: "4", y: "7", width: "8", height: "1", fill: "#2E6DAD" }),
+        React__default.createElement("rect", { x: "4", y: "9", width: "4", height: "1", fill: "#2E6DAD" })));
+}
+
+function RevokeAccessIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0144 18.1731 22.9014 12.1819 22.9985L12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM3 12C3 16.9209 6.94925 20.9193 11.8512 20.9988L12 21C13.9176 21 15.6951 20.4003 17.1553 19.3782L4.62185 6.84473C3.59973 8.30486 3 10.0824 3 12ZM12 3C10.0824 3 8.30486 3.59973 6.84473 4.62185L19.3782 17.1553C20.4003 15.6951 21 13.9176 21 12C21 7.02944 16.9706 3 12 3Z", fill: "currentColor" })));
+}
+
+function UserLinkIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 21V19.3166C7 16.7946 8.79086 14.75 11 14.75H12.8759C12.7661 14.4745 12.7132 14.1045 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H7Z", fill: "currentColor" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0436 16.3999H10.9998C9.78478 16.3999 8.7998 17.3849 8.7998 18.5999V20.6378C8.7998 21.8528 9.78478 22.8378 10.9998 22.8378H19.7998C21.0148 22.8378 21.9998 21.8528 21.9998 20.6378V18.5999C21.9998 17.3849 21.0148 16.3999 19.7998 16.3999H18.8438V17.9999H14.0436V16.3999ZM10.3998 18.5999C10.3998 18.2685 10.6684 17.9999 10.9998 17.9999H19.7998C20.1312 17.9999 20.3998 18.2685 20.3998 18.5999V20.6378C20.3998 20.9692 20.1312 21.2378 19.7998 21.2378H16.2265V22.8378H12.0073V21.2378H10.9998C10.6684 21.2378 10.3998 20.9692 10.3998 20.6378V18.5999Z", fill: "currentColor" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.1183 18.0031H14.0132V16.4031H16.1183C17.1124 16.4031 17.9183 17.209 17.9183 18.2031V20H16.3183V18.2031C16.3183 18.0926 16.2288 18.0031 16.1183 18.0031Z", fill: "currentColor" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6877 19.4375V21.0408C14.6877 21.1512 14.7773 21.2408 14.8877 21.2408H16.2266V22.8408H14.8877C13.8936 22.8408 13.0877 22.0349 13.0877 21.0408V19.4375H14.6877Z", fill: "currentColor" })));
+}
+
+function UserLockIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.1406 21V15.1719H13.1457C12.852 14.8657 12.7132 14.4417 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H13.1406Z", fill: "currentColor" }),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6875 16.1429V13.8571C15.6875 12.2792 16.9467 11 18.5 11C20.0533 11 21.3125 12.2792 21.3125 13.8571V16.1429H23V22.4272C23 22.7435 22.7475 23 22.437 23H14.563C14.2521 23 14 22.7437 14 22.4272V16.1429H15.6875ZM18.5 12.1429C17.568 12.1429 16.8125 12.9104 16.8125 13.8571V16.1429H20.1875V13.8571C20.1875 12.9104 19.432 12.1429 18.5 12.1429Z", fill: "currentColor" })));
+}
+
+function UsersIcon(props) {
+    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
+        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.832 8.5c.5 0 1.157.192 1.465 1.1.122.17.695 1.058.221 2.132.073.173.18.558-.038 1.013l-.02.04-.033.027c-.006.004-.656.528-.656 1.34 0 .648.166.747.531.962.092.054.19.113.297.185.103.07.244.138.395.208l.05.024c.606.28 1.434.664 1.453 1.78l.004.189H9.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269zm-3-2c.5 0 1.157.192 1.465 1.1.057.079.213.317.314.657a1.436 1.436 0 00-.096.051c-.67.275-1.147.73-1.388 1.345-.273.698-.21 1.43.01 2.085.019.058-.105.524-.031.847.027.117.065.224.11.32.032.064.062.115.09.154l.021.031.027.028.038.04.03.03.032.026.051.048c.057.057.115.125.17.201.147.21.233.442.233.689 0 .407-.054.457-.627.652l-.07.024c-.588.197-.934.351-1.31.643a3.27 3.27 0 00-.037.029H6.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269z", fill: "currentColor" })));
+}
+
 var useStyles = makeStyles(function (theme) { return ({
     root: {
         width: '100%',
@@ -47493,6 +47677,16 @@ var themeWeb = createTheme({
                     backgroundColor: pallettes$1.brand.primary.main,
                     color: pallettes$1.grey['50'],
                 },
+                "&.gds-menu-item-icon": {
+                    paddingLeft: 32,
+                    "&:not($selected) svg": {
+                        color: pallettes$1.pallette.action.selected,
+                    },
+                    "& .MuiListItemIcon-root": {
+                        position: 'absolute',
+                        left: 8,
+                    }
+                },
                 '&.gds-drawer-menu-item-dark': {
                     backgroundColor: 'transparent',
                     color: pallettes$1.grey['200'],
@@ -48683,9 +48877,9 @@ var themeDesktop = createTheme({
                 },
             },
             adornedStart: {
-                '&.customdropdown > svg:first-child': {
+                '& svg:first-child': {
                     marginLeft: 3,
-                },
+                }
             },
             input: {
                 fontSize: '0.875rem',
@@ -48807,6 +49001,10 @@ var themeDesktop = createTheme({
                 }, '&$selected': {
                     backgroundColor: pallettes.brand.background.selected,
                     color: '#fff',
+                }, "&.gds-menu-item-icon": {
+                    "& .MuiListItemIcon-root": {
+                        display: "none",
+                    }
                 }, '.customMultipleList &$selected': {
                     backgroundColor: '#fff',
                 }, '&$selected:hover': {
@@ -49030,9 +49228,9 @@ var themeDesktop = createTheme({
                     },
                 },
                 '&.Mui-selected': {
-                    backgroundColor: common.blue[50],
+                    backgroundColor: common.blue[300],
                     '&:hover': {
-                        backgroundColor: common.blue[50],
+                        backgroundColor: common.blue[300],
                     },
                 },
             },
@@ -49110,57 +49308,6 @@ var createFilterOptions = function (config) {
     return createFilterOptions$1(config);
 };
 
-function AccessIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.76 18v-3.885h.004c-.196-.204-.289-.487-.289-1.075 0-1.202.963-1.979.972-1.986l.05-.04.028-.058a1.818 1.818 0 00.058-1.501c.701-1.591-.148-2.908-.328-3.16-.457-1.344-1.43-1.628-2.171-1.628-.878 0-1.658.394-1.67.4-.813.334-1.367.864-1.647 1.578-.452 1.153-.042 2.42.107 2.808-.364.901.056 1.516.074 1.543l.057.06c.01.007.97.766.97 1.984 0 1.179-.632 1.395-1.432 1.668l-.104.035c-.9.303-2.772.933-2.772 2.981V18h8.093zM14.458 14.762v-1.524c0-1.052.84-1.905 1.875-1.905 1.036 0 1.875.853 1.875 1.905v1.524h1.125v4.19c0 .21-.168.381-.375.381h-5.25a.379.379 0 01-.375-.381v-4.19h1.125zm1.875-2.667c-.621 0-1.125.512-1.125 1.143v1.524h2.25v-1.524c0-.631-.503-1.143-1.125-1.143z", fill: "#107C41" })));
-}
-
-function UsersIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.832 8.5c.5 0 1.157.192 1.465 1.1.122.17.695 1.058.221 2.132.073.173.18.558-.038 1.013l-.02.04-.033.027c-.006.004-.656.528-.656 1.34 0 .648.166.747.531.962.092.054.19.113.297.185.103.07.244.138.395.208l.05.024c.606.28 1.434.664 1.453 1.78l.004.189H9.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269zm-3-2c.5 0 1.157.192 1.465 1.1.057.079.213.317.314.657a1.436 1.436 0 00-.096.051c-.67.275-1.147.73-1.388 1.345-.273.698-.21 1.43.01 2.085.019.058-.105.524-.031.847.027.117.065.224.11.32.032.064.062.115.09.154l.021.031.027.028.038.04.03.03.032.026.051.048c.057.057.115.125.17.201.147.21.233.442.233.689 0 .407-.054.457-.627.652l-.07.024c-.588.197-.934.351-1.31.643a3.27 3.27 0 00-.037.029H6.5v-.186c0-1.383 1.264-1.808 1.871-2.013l.07-.023c.54-.185.967-.33.967-1.126 0-.822-.648-1.335-.655-1.34l-.038-.04c-.012-.018-.296-.433-.05-1.041-.1-.262-.377-1.117-.072-1.895.189-.482.563-.84 1.111-1.065l.004-.002c.05-.026.557-.269 1.124-.269z", fill: "currentColor" })));
-}
-
-function RevokeAccessIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 1C18.0751 1 23 5.92487 23 12C23 18.0144 18.1731 22.9014 12.1819 22.9985L12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1ZM3 12C3 16.9209 6.94925 20.9193 11.8512 20.9988L12 21C13.9176 21 15.6951 20.4003 17.1553 19.3782L4.62185 6.84473C3.59973 8.30486 3 10.0824 3 12ZM12 3C10.0824 3 8.30486 3.59973 6.84473 4.62185L19.3782 17.1553C20.4003 15.6951 21 13.9176 21 12C21 7.02944 16.9706 3 12 3Z", fill: "currentColor" })));
-}
-
-function AssignCurvedIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
-        React__default.createElement("path", { d: "M12.8556 10.4974L9.60631 13.8505C9.41321 14.05 9.10063 14.0495 8.90756 13.851C8.71446 13.6526 8.71446 13.3304 8.90706 13.1309L11.3199 10.6415H6.37278C4.519 10.6415 3.00644 9.0873 3 7.17541V2.50888C3 2.22746 3.22073 2 3.49381 2C3.76689 2 3.98762 2.22746 3.98762 2.50888V7.17386C3.99205 8.52496 5.06216 9.62365 6.37276 9.62365H11.31L8.90656 7.14384C8.71396 6.94436 8.71396 6.62272 8.90706 6.42376C9.00335 6.32504 9.12976 6.27517 9.25619 6.27517C9.3826 6.27517 9.50951 6.32504 9.60581 6.42428L12.8551 9.77787C13.0482 9.97683 13.0482 10.299 12.8556 10.4974Z" })));
-}
-
-function MoreVerticalIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 10.5C8.26314 10.5 8.49566 10.6008 8.69754 10.8025C8.89943 11.0041 9.00025 11.2366 9 11.5C8.99975 11.7634 8.89893 11.9959 8.69754 12.1975C8.49616 12.3992 8.26364 12.5 8 12.5C7.73636 12.5 7.50384 12.3992 7.30246 12.1975C7.10107 11.9959 7.00025 11.7634 7 11.5C6.99975 11.2366 7.10057 11.0041 7.30246 10.8025C7.50434 10.6008 7.73686 10.5 8 10.5ZM8 7C8.26314 7 8.49566 7.10082 8.69754 7.30246C8.89943 7.50409 9.00025 7.73661 9 8C8.99975 8.26339 8.89893 8.49591 8.69754 8.69754C8.49616 8.89918 8.26364 9 8 9C7.73636 9 7.50384 8.89918 7.30246 8.69754C7.10107 8.49591 7.00025 8.26339 7 8C6.99975 7.73661 7.10057 7.50409 7.30246 7.30246C7.50434 7.10082 7.73686 7 8 7ZM8 3.5C8.26314 3.5 8.49566 3.60082 8.69754 3.80246C8.89943 4.00409 9.00025 4.23661 9 4.5C8.99975 4.76339 8.89893 4.99591 8.69754 5.19754C8.49616 5.39918 8.26364 5.5 8 5.5C7.73636 5.5 7.50384 5.39918 7.30246 5.19754C7.10107 4.99591 7.00025 4.76339 7 4.5C6.99975 4.23661 7.10057 4.00409 7.30246 3.80246C7.50434 3.60082 7.73686 3.5 8 3.5Z" })));
-}
-
-function NewAppointmentIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({ viewBox: "0 0 32 32" }, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0001 4C10.0001 3.72414 10.2242 3.5 10.5001 3.5C10.7759 3.5 11.0001 3.72414 11.0001 4V5.5V6C11.0001 6.27586 10.7759 6.5 10.5001 6.5C10.2242 6.5 10.0001 6.27586 10.0001 6V4ZM12.0001 5V4C12.0001 3.17186 11.3282 2.5 10.5001 2.5C9.67194 2.5 9.00008 3.17186 9.00008 4V5.02083H7.63653C5.63761 5.02083 4.021 6.64748 4.021 8.65V9.5V23.35C4.021 25.3525 5.63761 26.9792 7.63653 26.9792H16.5002C16.7648 26.9792 16.9793 26.7646 16.9793 26.5C16.9793 26.2354 16.7648 26.0208 16.5002 26.0208H7.63653C6.1708 26.0208 4.97933 24.8272 4.97933 23.35V9.97917H27.021V16.5C27.021 16.7646 27.2355 16.9792 27.5002 16.9792C27.7648 16.9792 27.9793 16.7646 27.9793 16.5V9.5V8.65C27.9793 6.64748 26.3627 5.02083 24.3638 5.02083H23.0001V4C23.0001 3.17186 22.3282 2.5 21.5001 2.5C20.6719 2.5 20.0001 3.17186 20.0001 4V5H12.0001ZM12.0001 6C12.0001 6.82814 11.3282 7.5 10.5001 7.5C9.67194 7.5 9.00008 6.82814 9.00008 6V5.97917H7.63653C6.1708 5.97917 4.97933 7.17282 4.97933 8.65V9.02083H27.021V8.65C27.021 7.17282 25.8295 5.97917 24.3638 5.97917H23.0001V6C23.0001 6.82814 22.3282 7.5 21.5001 7.5C20.6719 7.5 20.0001 6.82814 20.0001 6H12.0001ZM21.0001 5.5L21.0001 6C21.0001 6.27586 21.2242 6.5 21.5001 6.5C21.7759 6.5 22.0001 6.27586 22.0001 6V4C22.0001 3.72414 21.7759 3.5 21.5001 3.5C21.2242 3.5 21.0001 3.72414 21.0001 4L21.0001 5.5Z", fill: "#1E365E" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 17C12.2241 17 12 17.2241 12 17.5C12 17.7759 12.2241 18 12.5 18C12.7759 18 13 17.7759 13 17.5C13 17.2241 12.7759 17 12.5 17ZM11 17.5C11 16.6719 11.6719 16 12.5 16C13.3281 16 14 16.6719 14 17.5C14 18.3281 13.3281 19 12.5 19C11.6719 19 11 18.3281 11 17.5Z", fill: "#32ABE2" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 19C21.4622 19 19 21.4631 19 24.5C19 27.5379 21.4621 30 24.5 30C27.5369 30 30 27.5378 30 24.5C30 21.4631 27.5369 19 24.5 19ZM18 24.5C18 20.9109 20.9098 18 24.5 18C28.0891 18 31 20.9109 31 24.5C31 28.0902 28.0891 31 24.5 31C20.9099 31 18 28.0901 18 24.5Z", fill: "#3FAF2A" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 24.5C21 24.2239 21.2239 24 21.5 24H27.5C27.7761 24 28 24.2239 28 24.5C28 24.7761 27.7761 25 27.5 25H21.5C21.2239 25 21 24.7761 21 24.5Z", fill: "#3FAF2A" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M24.5 21C24.7761 21 25 21.2239 25 21.5V27.5C25 27.7761 24.7761 28 24.5 28C24.2239 28 24 27.7761 24 27.5V21.5C24 21.2239 24.2239 21 24.5 21Z", fill: "#3FAF2A" })));
-}
-
-function CalendarIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("rect", { x: "4.03812", y: "7.03696", width: "16", height: "12", fill: "white" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.509 4C10.2132 4 9.97333 4.23985 9.97333 4.53571C9.97333 4.83158 10.2132 5.07143 10.509 5.07143H13.4957C13.7916 5.07143 14.0314 4.83158 14.0314 4.53571C14.0314 4.23985 13.7916 4 13.4957 4H10.509ZM4.46132 4.46018C4.71899 4.20251 5.08976 4.00122 5.50238 4.00122H7.00238C7.27852 4.00122 7.50238 4.22508 7.50238 4.50122C7.50238 4.77736 7.27852 5.00122 7.00238 5.00122H5.50238C5.41501 5.00122 5.28577 5.04995 5.16844 5.16728C5.0511 5.28462 5.00238 5.41386 5.00238 5.50122V6.99332H19.0024V5.50122C19.0024 5.41384 18.9537 5.2846 18.8363 5.16727C18.719 5.04995 18.5898 5.00122 18.5024 5.00122H17.0024C16.7262 5.00122 16.5024 4.77736 16.5024 4.50122C16.5024 4.22508 16.7262 4.00122 17.0024 4.00122H18.5024C18.915 4.00122 19.2858 4.20249 19.5434 4.46017C19.8011 4.71784 20.0024 5.0886 20.0024 5.50122V7.47818C20.004 7.49492 20.0048 7.51188 20.0048 7.52903C20.0048 7.54618 20.004 7.56315 20.0024 7.57989V18.5012C20.0024 18.9138 19.8011 19.2846 19.5434 19.5423C19.2858 19.7999 18.915 20.0012 18.5024 20.0012H5.50238C5.08976 20.0012 4.719 19.7999 4.46133 19.5423C4.20365 19.2846 4.00238 18.9138 4.00238 18.5012V7.57987C4.00081 7.56313 4 7.54618 4 7.52903C4 7.51189 4.00081 7.49493 4.00238 7.4782V5.50122C4.00238 5.08862 4.20366 4.71785 4.46132 4.46018ZM5.00238 18.5012V8.06475H19.0024V18.5012C19.0024 18.5886 18.9537 18.7178 18.8363 18.8352C18.719 18.9525 18.5898 19.0012 18.5024 19.0012H5.50238C5.415 19.0012 5.28576 18.9525 5.16843 18.8352C5.05111 18.7178 5.00238 18.5886 5.00238 18.5012ZM15.4869 4C15.7827 4 16.0226 4.23985 16.0226 4.53571V5.53349C16.0226 5.82935 15.7827 6.0692 15.4869 6.0692C15.191 6.0692 14.9511 5.82935 14.9511 5.53349V4.53571C14.9511 4.23985 15.191 4 15.4869 4ZM9.05364 4.53571C9.05364 4.23985 8.81379 4 8.51793 4C8.22206 4 7.98221 4.23985 7.98221 4.53571V5.53349C7.98221 5.82935 8.22206 6.0692 8.51793 6.0692C8.81379 6.0692 9.05364 5.82935 9.05364 5.53349V4.53571Z", fill: "#1E365E" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5024 7.00122C10.7785 7.00122 11.0024 7.22508 11.0024 7.50122V10.0012H12.0024C12.2785 10.0012 12.5024 10.2251 12.5024 10.5012C12.5024 10.7774 12.2785 11.0012 12.0024 11.0012H11.0024V13.0012H12.0024C12.2785 13.0012 12.5024 13.2251 12.5024 13.5012C12.5024 13.7774 12.2785 14.0012 12.0024 14.0012H11.0024V16.0012H16.0024V15.0012C16.0024 14.7251 16.2262 14.5012 16.5024 14.5012C16.7785 14.5012 17.0024 14.7251 17.0024 15.0012V16.0012H19.5024C19.7785 16.0012 20.0024 16.2251 20.0024 16.5012C20.0024 16.7774 19.7785 17.0012 19.5024 17.0012H17.0024V19.5012C17.0024 19.7774 16.7785 20.0012 16.5024 20.0012C16.2262 20.0012 16.0024 19.7774 16.0024 19.5012V17.0012H11.0024V19.5012C11.0024 19.7774 10.7785 20.0012 10.5024 20.0012C10.2262 20.0012 10.0024 19.7774 10.0024 19.5012V17.0012H8.00238V19.5012C8.00238 19.7774 7.77852 20.0012 7.50238 20.0012C7.22624 20.0012 7.00238 19.7774 7.00238 19.5012V17.0012H4.50238C4.22624 17.0012 4.00238 16.7774 4.00238 16.5012C4.00238 16.2251 4.22624 16.0012 4.50238 16.0012H7.00238V14.0012H4.50238C4.22624 14.0012 4.00238 13.7774 4.00238 13.5012C4.00238 13.2251 4.22624 13.0012 4.50238 13.0012H7.00238V11.0012H4.50238C4.22624 11.0012 4.00238 10.7774 4.00238 10.5012C4.00238 10.2251 4.22624 10.0012 4.50238 10.0012H7.00238V7.50122C7.00238 7.22508 7.22624 7.00122 7.50238 7.00122C7.77852 7.00122 8.00238 7.22508 8.00238 7.50122V10.0012H10.0024V7.50122C10.0024 7.22508 10.2262 7.00122 10.5024 7.00122ZM8.00238 11.0012V13.0012H10.0024V11.0012H8.00238ZM8.00238 14.0012V16.0012H10.0024V14.0012H8.00238ZM18.0024 13.0012C17.7262 13.0012 17.5024 13.2251 17.5024 13.5012C17.5024 13.7774 17.7262 14.0012 18.0024 14.0012H19.5024C19.7785 14.0012 20.0024 13.7774 20.0024 13.5012C20.0024 13.2251 19.7785 13.0012 19.5024 13.0012H18.0024ZM18.0024 10.0012C17.7262 10.0012 17.5024 10.2251 17.5024 10.5012C17.5024 10.7774 17.7262 11.0012 18.0024 11.0012H19.5024C19.7785 11.0012 20.0024 10.7774 20.0024 10.5012C20.0024 10.2251 19.7785 10.0012 19.5024 10.0012H18.0024ZM16.5024 7.00122C16.7785 7.00122 17.0024 7.22508 17.0024 7.50122V9.00122C17.0024 9.27736 16.7785 9.50122 16.5024 9.50122C16.2262 9.50122 16.0024 9.27736 16.0024 9.00122V7.50122C16.0024 7.22508 16.2262 7.00122 16.5024 7.00122Z", fill: "#1E365E", fillOpacity: "0.5" }),
-        React__default.createElement("rect", { x: "13.5381", y: "10.5369", width: "3", height: "3", fill: "#1E365E", fillOpacity: "0.5", stroke: "#1E365E" })));
-}
-
-function ResponseIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
-        React__default.createElement("path", { d: "M1 2H15V13H7L3 16V13H1V2Z", fill: "white" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 13H14H15V12V3V2H14H2H1V3V12V13H2H3V14V14.75V16L4 15.25L7 13ZM4 14L6.4 12.2L6.66667 12H7H14V3H2V12H3H4V13V14Z", fill: "#9DA7B3" }),
-        React__default.createElement("rect", { x: "4", y: "5", width: "8", height: "1", fill: "#2E6DAD" }),
-        React__default.createElement("rect", { x: "4", y: "7", width: "8", height: "1", fill: "#2E6DAD" }),
-        React__default.createElement("rect", { x: "4", y: "9", width: "4", height: "1", fill: "#2E6DAD" })));
-}
-
 function PoweredByLawconnectLogo(props) {
     return (React__default.createElement("svg", { viewBox: "0 0 180 31", width: "" + props.width, height: "" + props.height, xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
         React__default.createElement("path", { d: "M10.397 30.235A10.135 10.135 0 01.176 20.097 10.138 10.138 0 0110.397 9.96v4.873a5.267 5.267 0 105.264 5.27v-.006h4.874a10.13 10.13 0 01-10.121 10.138h-.017z", fill: "#0E5FE3" }),
@@ -49169,47 +49316,5 @@ function PoweredByLawconnectLogo(props) {
         React__default.createElement("path", { d: "M80.642 24.615c-.459.307-.95.56-1.466.757a6.48 6.48 0 01-2.275.397c-1.547 0-2.74-.5-3.582-1.5-.841-1.002-1.262-2.45-1.263-4.345 0-1.88.421-3.321 1.263-4.322.842-1 2.036-1.5 3.582-1.5a6.48 6.48 0 012.275.397 7.31 7.31 0 011.47.761l1.651-1.65c-.649-.6-1.447-1.065-2.394-1.396a9.193 9.193 0 00-3.045-.498c-1.577 0-2.953.337-4.129 1.012a6.772 6.772 0 00-2.706 2.866c-.629 1.235-.943 2.68-.944 4.334 0 1.654.314 3.102.944 4.344a6.753 6.753 0 002.706 2.875c1.175.676 2.551 1.014 4.129 1.014a9.178 9.178 0 003.047-.501c.946-.33 1.743-.794 2.391-1.392l-1.654-1.653zM127.168 25.247a5.251 5.251 0 01-2.657.706c-.986 0-1.743-.25-2.271-.75-.528-.501-.839-1.267-.933-2.297h7.569v-.796c0-1.729-.443-3.086-1.33-4.072-.887-.986-2.095-1.478-3.624-1.478-1.047 0-1.983.243-2.809.728a4.963 4.963 0 00-1.922 2.047c-.455.88-.683 1.889-.682 3.028 0 1.789.527 3.199 1.582 4.23 1.055 1.031 2.492 1.547 4.31 1.547a7.458 7.458 0 002.354-.387c.768-.254 1.408-.588 1.919-1.002l-1.506-1.505zm-5.011-5.958c.462-.485 1.073-.727 1.831-.727s1.349.239 1.774.716c.425.478.652 1.179.682 2.104h-5.137c.104-.91.387-1.608.85-2.093zM137.147 25.615a4.387 4.387 0 01-1.558.296c-.986 0-1.751-.308-2.297-.922-.546-.614-.819-1.49-.819-2.626 0-1.152.273-2.036.819-2.65.546-.614 1.311-.921 2.297-.921a4.404 4.404 0 011.558.295c.265.1.52.222.765.364l1.521-1.52c-.452-.414-1.048-.744-1.789-.993a7.258 7.258 0 00-2.308-.375c-1.152 0-2.168.243-3.048.728a5.024 5.024 0 00-2.035 2.058c-.478.887-.717 1.907-.717 3.06 0 1.152.228 2.16.683 3.027a4.766 4.766 0 001.967 2.001c.856.47 1.868.705 3.036.706a7.486 7.486 0 002.365-.376c.737-.243 1.345-.575 1.824-.998l-1.514-1.51c-.24.139-.491.258-.75.356zM147.669 25.955a8.173 8.173 0 01-.834.044c-1.38 0-2.07-.743-2.069-2.229v-4.8h2.903v-2.137h-2.903v-3.32h-2.843v3.32h-2.138v2.138h2.138v4.844c0 1.426.371 2.499 1.114 3.218.743.72 1.896 1.08 3.457 1.081.357 0 .749-.02 1.175-.06v-2.1zM27.004.765h3.638c.89 0 1.584.223 2.08.668.496.445.744 1.07.744 1.872 0 .804-.248 1.43-.744 1.879-.497.448-1.19.673-2.08.673h-2.114v3.238h-1.524V.765zm3.45 3.922c1.047 0 1.57-.457 1.57-1.37 0-.465-.129-.809-.389-1.033-.26-.224-.653-.337-1.181-.34h-1.927v2.744l1.927-.001zM35.126 8.826c-.44-.24-.8-.607-1.032-1.052-.245-.458-.367-.99-.367-1.595.001-.604.123-1.134.367-1.59a2.546 2.546 0 011.032-1.045c.444-.244.962-.366 1.553-.366a3.188 3.188 0 011.554.366A2.51 2.51 0 0139.26 4.59c.241.453.361.983.36 1.59 0 .606-.12 1.137-.36 1.594-.229.446-.587.812-1.027 1.052-.445.244-.963.366-1.554.366-.59 0-1.108-.123-1.553-.366zm2.64-1.253c.252-.315.378-.78.378-1.394 0-.607-.126-1.07-.378-1.388-.252-.319-.615-.48-1.087-.482-.472 0-.837.16-1.093.482-.256.32-.384.783-.384 1.386 0 .613.126 1.078.379 1.394.252.315.614.473 1.086.472.481 0 .847-.157 1.099-.472v.002zM48.246 3.317h1.445l-2.27 5.78h-1.29l-1.418-3.722-1.382 3.722h-1.276l-2.28-5.78h1.513l1.478 4.017 1.477-4.017h1.063l1.477 4.04 1.463-4.04zM55.24 6.472h-3.934c.046.535.207.933.482 1.193s.67.39 1.181.39c.636 0 1.253-.216 1.749-.614l.426 1.016a3.105 3.105 0 01-1.011.531 3.87 3.87 0 01-1.22.201c-.945 0-1.691-.268-2.239-.803-.548-.535-.821-1.268-.82-2.198a3.375 3.375 0 01.354-1.571c.223-.443.57-.813.998-1.063a2.821 2.821 0 011.46-.379c.795 0 1.423.256 1.883.768.46.512.691 1.217.692 2.115v.414zm-3.49-1.879c-.24.252-.389.614-.444 1.087h2.67c-.015-.48-.133-.845-.354-1.093-.22-.248-.527-.372-.922-.371-.393 0-.71.125-.95.377zM60.014 4.404l-.863.083c-.976.102-1.465.598-1.465 1.489v3.119H56.21v-5.78h1.406v1.018c.3-.692.919-1.07 1.858-1.134l.449-.035.092 1.24zM65.505 6.472h-3.932c.046.535.206.933.482 1.193.275.26.669.39 1.182.39.636 0 1.253-.216 1.748-.614l.425 1.016a3.1 3.1 0 01-1.006.531c-.394.132-.807.2-1.223.201-.945 0-1.692-.268-2.239-.803-.547-.535-.821-1.268-.822-2.198a3.367 3.367 0 01.355-1.571c.223-.443.57-.813.997-1.063a2.821 2.821 0 011.46-.379c.798 0 1.426.255 1.885.765.458.51.688 1.215.688 2.115v.417zm-3.489-1.879c-.24.252-.388.614-.443 1.087h2.67c-.015-.48-.133-.845-.354-1.093-.22-.248-.528-.372-.921-.371-.394 0-.712.125-.952.377zM71.994.765v8.33h-1.467V8.16c-.17.32-.431.584-.75.757-.342.186-.727.28-1.116.275a2.397 2.397 0 01-1.33-.378 2.511 2.511 0 01-.91-1.069 3.695 3.695 0 01-.324-1.59c0-.598.108-1.122.325-1.57a2.382 2.382 0 012.239-1.407c.385-.008.767.08 1.11.256.314.166.573.42.744.733V.765h1.479zm-1.85 6.794c.256-.323.383-.784.383-1.382 0-.599-.128-1.057-.383-1.377-.257-.318-.617-.478-1.082-.481-.472 0-.84.157-1.1.473-.261.315-.392.767-.39 1.358 0 .596.13 1.06.39 1.394.26.333.622.498 1.086.497.475.001.84-.16 1.097-.482zM80.784 3.541c.394.254.708.615.904 1.04.216.45.325.973.325 1.572.01.547-.1 1.09-.325 1.589-.195.435-.51.806-.908 1.07a2.394 2.394 0 01-1.329.377 2.266 2.266 0 01-1.116-.275 1.842 1.842 0 01-.75-.757v.934H76.13V.765h1.477v3.39c.17-.31.43-.564.745-.726.34-.174.718-.26 1.1-.254.47-.008.932.12 1.331.366zm-.638 4.006c.26-.33.39-.795.39-1.394 0-.59-.128-1.044-.384-1.359-.256-.315-.62-.472-1.092-.472-.473 0-.837.16-1.093.481-.255.321-.383.78-.384 1.376 0 .599.128 1.06.384 1.383.256.323.62.483 1.093.481.464 0 .826-.165 1.086-.496zM86.892 3.329h1.457l-3.474 7.893h-1.488L84.44 8.87 82.03 3.33h1.56l1.63 4.076 1.672-4.076z", fill: "#191919" })));
 }
 
-function EmailSentIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 16 16" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16 0V9L13 6H6L9 9H3V12.005L0 12.0058V0H16Z", fill: "white" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.25729 6.258L6.66029 6.661L3.73829 9H3.00002L2.99929 9.591L0.727295 11.4091V10.6818L6.25729 6.258ZM0.994041 1.01562L1.04429 1.048L6.83029 6H6.0013L0.994041 2.02191V1.01562ZM15 1V2L9.98829 6H9.16329L14.9373 1.041L15 1Z", fill: "#CCCCCC" }),
-        React__default.createElement("path", { d: "M16 0V9L14.98 7.98L15 1H1L0.971802 11.0194L3 11.019V12.005L0 12.0053V0H16Z", fill: "#9DA7B3" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 10V12H12L9 15H12L14.9621 12.0379L16 11L15 10L12 7H9L12 10H4Z", fill: "#2E6DAD" })));
-}
-
-function UserLockIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.1406 21V15.1719H13.1457C12.852 14.8657 12.7132 14.4417 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H13.1406Z", fill: "currentColor" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6875 16.1429V13.8571C15.6875 12.2792 16.9467 11 18.5 11C20.0533 11 21.3125 12.2792 21.3125 13.8571V16.1429H23V22.4272C23 22.7435 22.7475 23 22.437 23H14.563C14.2521 23 14 22.7437 14 22.4272V16.1429H15.6875ZM18.5 12.1429C17.568 12.1429 16.8125 12.9104 16.8125 13.8571V16.1429H20.1875V13.8571C20.1875 12.9104 19.432 12.1429 18.5 12.1429Z", fill: "currentColor" })));
-}
-
-function UserLinkIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7 21V19.3166C7 16.7946 8.79086 14.75 11 14.75H12.8759C12.7661 14.4745 12.7132 14.1045 12.7132 13.5597C12.7132 11.7562 14.1571 10.5918 14.1705 10.5811L14.246 10.5215L14.288 10.4343C14.7719 9.42121 14.5352 8.56722 14.374 8.18239C15.4262 5.79529 14.1527 3.8203 13.8825 3.44291C13.1979 1.42575 11.7366 1 10.6258 1C9.3091 1 8.13899 1.59109 8.12041 1.60184C6.90224 2.10075 6.071 2.89687 5.65095 3.96786C4.97239 5.69732 5.58794 7.59667 5.81089 8.17991C5.26441 9.53116 5.8945 10.4538 5.92277 10.4943L6.00759 10.5831C6.02213 10.5939 7.46245 11.7335 7.46245 13.5597C7.46245 15.3284 6.5153 15.6521 5.3153 16.0613L5.15818 16.1142C3.80834 16.5685 1 17.5138 1 20.5866V21H7Z", fill: "currentColor" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.0436 16.3999H10.9998C9.78478 16.3999 8.7998 17.3849 8.7998 18.5999V20.6378C8.7998 21.8528 9.78478 22.8378 10.9998 22.8378H19.7998C21.0148 22.8378 21.9998 21.8528 21.9998 20.6378V18.5999C21.9998 17.3849 21.0148 16.3999 19.7998 16.3999H18.8438V17.9999H14.0436V16.3999ZM10.3998 18.5999C10.3998 18.2685 10.6684 17.9999 10.9998 17.9999H19.7998C20.1312 17.9999 20.3998 18.2685 20.3998 18.5999V20.6378C20.3998 20.9692 20.1312 21.2378 19.7998 21.2378H16.2265V22.8378H12.0073V21.2378H10.9998C10.6684 21.2378 10.3998 20.9692 10.3998 20.6378V18.5999Z", fill: "currentColor" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.1183 18.0031H14.0132V16.4031H16.1183C17.1124 16.4031 17.9183 17.209 17.9183 18.2031V20H16.3183V18.2031C16.3183 18.0926 16.2288 18.0031 16.1183 18.0031Z", fill: "currentColor" }),
-        React__default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M14.6877 19.4375V21.0408C14.6877 21.1512 14.7773 21.2408 14.8877 21.2408H16.2266V22.8408H14.8877C13.8936 22.8408 13.0877 22.0349 13.0877 21.0408V19.4375H14.6877Z", fill: "currentColor" })));
-}
-
-function PreviewIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 24 24" }),
-        React__default.createElement("path", { d: "M17.333 12.61a.5.5 0 101 0h-1zm-11.666.168a.5.5 0 001 0h-1zm12.666-.168c0-1.11-.71-2.268-1.807-3.126C15.413 8.613 13.846 8 12 8v1c1.623 0 2.973.539 3.91 1.271.952.745 1.423 1.642 1.423 2.34h1zM12 8c-1.846 0-3.415.613-4.53 1.509-1.105.886-1.803 2.087-1.803 3.269h1c0-.793.484-1.731 1.428-2.49C9.03 9.538 10.377 9 12 9V8zm1.833 5.556A1.834 1.834 0 0112 15.389v1a2.834 2.834 0 002.833-2.833h-1zM12 15.389a1.834 1.834 0 01-1.833-1.833h-1A2.834 2.834 0 0012 16.389v-1zm-1.833-1.833c0-1.013.82-1.834 1.833-1.834v-1a2.834 2.834 0 00-2.833 2.834h1zM12 11.722c1.012 0 1.833.821 1.833 1.834h1A2.834 2.834 0 0012 10.722v1z", fill: "currentColor" })));
-}
-
-function HomeIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 20 20" }),
-        React__default.createElement("path", { d: "M8.2 18v-5.647h3.6V18h4.5v-7.53H19L10 2l-9 8.47h2.7V18h4.5z", fill: "currentColor" })));
-}
-
-function AccountingIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 96 96" }),
-        React__default.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M36.486 40H16v-8h4V16h4v16h8v-8h4v8h8V12h4v20h-1.067c-5.003 0-9.086 3.412-10.447 8zM76 32h-8V20H56V8H12v80h24v4.64c0 1.165.17 2.294.486 3.36H7.999A4 4 0 014 91.997V4.003C4 1.793 5.8 0 8.005 0H60l16 16v16zM36 68v8.944A11.955 11.955 0 0128 80c-6.627 0-12-5.373-12-12s5.373-12 12-12v12h8zm0-4h-4V52c1.403 0 2.749.24 4 .683V64zm10.933-24h42.134C90.687 40 92 41.504 92 43.36v49.28c0 1.856-1.313 3.36-2.933 3.36H46.933C45.313 96 44 94.496 44 92.64V43.36c0-1.856 1.313-3.36 2.933-3.36zM48 84v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12-8v12h4V76h-4zm-36 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm-24-8v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h8v-4h-8zm12 0v4h4v-4h-4zM48 48v12h40V48H48z" })));
-}
-
-function ReportingIcon(props) {
-    return (React__default.createElement(SvgIcon$1, __assign$1({}, props, { viewBox: "0 0 96 96" }),
-        React__default.createElement("path", { fillRule: "evenodd", fill: "currentColor", d: "M84.032 23.49l-12.807-5.123a4 4 0 01-6.827-.627l-12.404 2.481a4 4 0 11-7.962-.731l-12.807-5.123A3.994 3.994 0 0128 16c-.9 0-1.731-.297-2.4-.8L11.65 26.36A4 4 0 1110.4 24.8l13.95-11.16a4 4 0 117.618-1.13l12.807 5.124a4 4 0 016.827.627l12.404-2.481a4 4 0 117.962.731l12.807 5.123a4 4 0 11-.743 1.857zM0 88v-8h96v8H0zm4-40h8v24H4V48zm20-16h8v40h-8V32zm20 8h8v32h-8V40zm20-4h8v36h-8V36zm20 8h8v28h-8V44z" })));
-}
-
 export { AccessIcon, Accordion, AccordionDetails, AccordionPanel, AccordionSummary, AccountingIcon, ActivityLog, AppBar, AppointmentCalendar, AssignCurvedIcon, AttachmentIcon, Autocomplete, Avatar, AvatarBusinessIcon, AvatarCompanyIcon, AvatarGovernmentIcon, AvatarPeopleIcon, AvatarPersonIcon, AvatarTrustIcon, AvatarsGroup, BottomListButton, Box, BrowseIcon, Button, ButtonCaretIcon, ButtonFilterIcon, CalendarIcon, Card, Checkbox, ChevronDownIcon, Chip, CrossIcon, CssBaseline, DatePicker, DateRangePicker, Dialog, Divider, DocTypeEmailDraft$2 as DocTypeEmailDraft, DocTypeEmailRecieved, DocTypeEmailSent, Drawer, DrawerMenu, Dropdown, EmailSentIcon, EmptyState, FooterActions, FormBody, FormContainer, FormGroup, FormHeader, Grid, HeaderToolbar, HomeIcon, Icon, IconButton, InfoCircleIcon, Input, InputLabel, InsertLinkIcon, LawconnectIcon, LeapLogo, List, ListItem, ListItemAvatar, ListItemHoverContent, ListItemIcon, ListItemText, ListSubheader, Loader, LoaderIcon, Menu, MenuContext, MenuHeader, MenuItem, MenuItemSystem, Modal, ModalActions, ModalContent, ModalTitle, MoreVerticalIcon, NewAppointmentIcon as NewAppoinmentIcon, PoweredByLawconnectLogo, PreviewIcon, Radio, RadioGroup, ReportingIcon, ResponseIcon, RevokeAccessIcon, SearchIcon, SelectFilterEmptyIcon, SelectFilterFilledIcon, SidebarLayout, Switch, Tab, TabListItem, Table, TableBody, TableCell, TableCellIcon, TableContainer, TableFooter, TableHead, TableRow, Tabs, Tag, ThemeProvider, TickIcon, Toolbar, ToolbarButton, Tooltip, TwoColumnLayout, Typography, UserLinkIcon, UserLockIcon, UsersIcon, WarningIcon, baseline, createFilterOptions, themeDesktop, themeWeb };
 //# sourceMappingURL=index.esm.js.map