@galaxy-ds/core 2.0.19 → 2.0.21

package/dist/index.js

@@ -39,7 +39,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol */
+/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
 
 
 var __assign = function() {
@@ -76,8 +76,8 @@ function __awaiter(thisArg, _arguments, P, generator) {
 }
 
 function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -864,7 +864,8 @@ var autocompleteOverrides$1 = {
             '.MuiOutlinedInput-root': {
                 padding: 0,
                 '& .MuiAutocomplete-input': {
-                    padding: 0,
+                    padding: '0',
+                    marginTop: '0',
                 },
             },
             '& .MuiInputBase-root.Mui-focused': {
@@ -873,6 +874,9 @@ var autocompleteOverrides$1 = {
             '& .MuiFormControl-root.MuiTextField-root': {
                 marginBottom: 0,
             },
+            '& .MuiAutocomplete-input:first-child.MuiInputBase-input': {
+                padding: '0 4px',
+            },
         },
         inputRoot: {
             '&.MuiOutlinedInput-root': {
@@ -898,6 +902,9 @@ var autocompleteOverrides$1 = {
                     WebkitBoxShadow: 'inset 0 0 6px rgba(0,0,0,0.05)',
                     backgroundColor: '#7a7a7a',
                 },
+                '& svg:first-of-type': {
+                    marginLeft: 0,
+                },
             },
         },
         input: {
@@ -1165,11 +1172,9 @@ var dialogTitleOverrides$1 = {
 var dividerOverrides$1 = {
     styleOverrides: {
         root: {
-            width: '100%',
             '&.gds-divider': {
                 marginTop: 2,
                 marginBottom: 2,
-                backgroundColor: '#d4d4d4',
             },
             '&.gds-divider--vertical': {
                 marginLeft: 5,
@@ -1193,6 +1198,8 @@ var dropdownOverrides$1 = {
             var theme = _a.theme;
             return (__assign(__assign({}, theme.typography.body1), { lineHeight: '1.375rem', background: "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M9.0625 3.66666L9.9375 4.54166L6 8.47916L2.0625 4.54166L2.9375 3.66666L6 6.72916L9.0625 3.66666Z' fill='%23444444'/%3E%3C/svg%3E\") center right 3px no-repeat", cursor: 'default', '&.MuiInputBase-input': {
                     paddingRight: 22,
+                    paddingTop: 0,
+                    paddingBottom: 0,
                 }, '.customLargeSize &': {
                     height: 30,
                     lineHeight: '30px',
@@ -1211,10 +1218,16 @@ var dropdownOverrides$1 = {
 
 var formControlLabelOverrides$1 = {
     styleOverrides: {
-        root: {
-            marginLeft: 0,
-            marginRight: 0,
-            marginBottom: 0,
+        root: function (_a) {
+            var theme = _a.theme;
+            return ({
+                marginLeft: 0,
+                marginRight: 0,
+                marginBottom: 0,
+                '&.Mui-disabled': {
+                    color: theme.palette.default.main,
+                },
+            });
         },
     },
 };
@@ -1264,6 +1277,9 @@ var inputBaseOverrides$1 = {
                 height: '1.5rem',
                 maxHeight: 24,
                 verticalAlign: 'top', // fix inline-flex add up height
+                '&.MuiInputBase-colorPrimary': {
+                    background: theme.palette.grey[50],
+                },
                 '&.Mui-focused': {
                     borderColor: '#0078D7', // pallettes.brand.utility.accent.dark,
                 },
@@ -1378,7 +1394,7 @@ var inputLabelOverrides$1 = {
                 letterSpacing: theme.typography.body1.letterSpacing,
                 marginBottom: 2,
                 '&.Mui-focused': {
-                    backgroundColor: "".concat(theme.palette.background.paper, " !important"),
+                    backgroundColor: "".concat(theme.palette.background.paper),
                     boxShadow: "inset 0 0 0 2px ".concat(theme.palette.text.primary),
                 },
             });
@@ -1514,7 +1530,9 @@ var menuHeaderOverrides = {
     styleOverrides: {
         root: function (_a) {
             var theme = _a.theme;
-            return (__assign(__assign({}, theme.typography.body1), { fontWeight: 500, color: theme.palette.grey[700], backgroundColor: 'transparent !important', paddingTop: 4, paddingBottom: 4, paddingLeft: 6, paddingRight: 6 }));
+            return ({
+                '&.MuiListSubheader-root': __assign(__assign({}, theme.typography.body1), { fontWeight: 500, color: theme.palette.grey[700], backgroundColor: 'transparent', paddingTop: 4, paddingBottom: 4, paddingLeft: 6, paddingRight: 6 }),
+            });
         },
     },
 };
@@ -1555,14 +1573,14 @@ var menuItemOverrides$1 = {
                 }, _b['&.gds-drawer-menu-item-dark'] = {
                     backgroundColor: theme.palette.primary.main,
                     color: theme.palette.grey[200],
-                    '&:not($selected) svg': {
+                    '&:not(.Mui-selected) svg': {
                         color: theme.palette.grey[200],
                     },
                     '&:hover': {
                         backgroundColor: 'rgba(0,0,0,.1)',
                         color: theme.palette.grey[200],
                         cursor: 'pointer',
-                        '&:not($selected) svg': {
+                        '&:not(.Mui-selected) svg': {
                             color: theme.palette.grey[200],
                         },
                     },
@@ -1576,6 +1594,7 @@ var menuItemOverrides$1 = {
                     marginLeft: 32,
                 }, _b['&.gds-menu-item-icon'] = {
                     paddingLeft: 0,
+                    gap: 10,
                     '& .MuiSvgIcon-root': {
                         fontSize: 15,
                     },
@@ -1597,23 +1616,19 @@ var menuItemOverrides$1 = {
                         color: '#fff',
                         backgroundColor: '#0078D7',
                     },
-                }, _b['&.gds-menu-item-system'] = __assign(__assign({ borderRadius: theme.shapes.sm, minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, marginTop: theme.shapes.sm, marginBottom: theme.shapes.sm, backgroundColor: '#F9F9F9', color: theme.palette.text.primary }, theme.typography.body2), { '&:hover, &:focus': {
-                        backgroundColor: '#EDEDEE',
+                }, _b['&.gds-menu-item-system'] = __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, marginTop: theme.shapes.sm, marginBottom: theme.shapes.sm, backgroundColor: '#F9F9F9', color: theme.palette.text.primary }, theme.typography.body2), { '&:hover, &:focus': {
+                        backgroundColor: '#91C9F7',
                         color: theme.palette.text.primary,
                     }, '&:hover .MuiListItemText-root .MuiTypography-root': {
                         color: theme.palette.text.primary,
                     }, '&:hover .MuiListItemIcon-root': {
-                        backgroundColor: '#EDEDEE',
-                        borderRadius: theme.shapes.sm,
+                        backgroundColor: '#91C9F7',
+                    }, '& .MuiListItemIcon-root.selected': {
+                        backgroundColor: '#91C9F7',
                     }, '&.Mui-selected': {
-                        backgroundColor: '#EDEDEE',
                         '& .MuiListItemText-root': {
                             color: theme.palette.text.primary,
                         },
-                        '& .MuiListItemIcon-root': {
-                            backgroundColor: '#EDEDEE',
-                            borderRadius: theme.shapes.sm,
-                        },
                         '& svg': {
                             color: theme.palette.text.primary,
                         },
@@ -1724,6 +1739,13 @@ var radioOverrides$1 = {
                 '& + .MuiFormControlLabel-label': {
                     marginLeft: 10,
                 },
+                '&.Mui-checked.Mui-disabled input': {
+                    backgroundColor: theme.palette.grey[100],
+                    borderColor: theme.palette.grey[400],
+                },
+                '&.Mui-checked.Mui-disabled input::after': {
+                    backgroundColor: theme.palette.grey[400],
+                },
             });
         },
     },
@@ -1783,14 +1805,17 @@ var switchOverrides$1 = {
                     border: "1px solid ".concat(theme.palette.primary.main),
                     borderRadius: 10,
                 },
+                '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track': {
+                    backgroundColor: '#3FAF2A33',
+                },
                 '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {
                     opacity: 1,
                     backgroundColor: 'rgba(63, 175, 42, 0.15)',
                 },
                 '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {
-                    opacity: 1,
+                    opacity: 0.5,
                     backgroundColor: theme.palette.grey[100],
-                    borderColor: theme.palette.grey[400],
+                    borderColor: theme.palette.grey[500],
                 },
                 '& .MuiSwitch-switchBase.Mui-disabled': {
                     '& .MuiSwitch-thumb': {
@@ -2151,30 +2176,38 @@ var chip = {
             default: {
                 color: palette.primary.main,
                 background: 'rgba(30,54,94, 0.15)',
+                contrastText: palette.primary.contrastText,
             },
             primary: {
                 color: palette.primary.main,
                 background: palette.primary.transparent,
+                contrastText: palette.primary.contrastText,
+                light: palette.primary.light,
             },
             secondary: {
                 color: palette.secondary.main,
                 background: palette.secondary.transparent,
+                contrastText: palette.secondary.contrastText,
             },
             info: {
                 color: palette.default.main,
                 background: palette.default.transparent,
+                contrastText: palette.default.contrastText,
             },
             success: {
                 color: palette.success.main,
                 background: palette.success.transparent,
+                contrastText: palette.success.light,
             },
             warning: {
                 color: palette.warning.main,
                 background: palette.warning.transparent,
+                contrastText: palette.warning.light,
             },
             error: {
                 color: palette.error.main,
                 background: palette.error.transparent,
+                contrastText: palette.error.light,
             },
         },
         outlined: {
@@ -2365,12 +2398,16 @@ var baseline = {
 
 var accordionOverrides = {
     styleOverrides: {
-        root: {
-            height: 'fit-content',
-            borderRadius: 4,
-            '&:not(:last-child)': {
-                borderBottom: 0,
-            },
+        root: function (_a) {
+            var theme = _a.theme;
+            return ({
+                height: 'fit-content',
+                borderRadius: 4,
+                boxShadow: "0px 2px 1px -1px ".concat(theme.palette.grey[300], ", 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)"), // NOTE: overriding web default mui box shadow with grey[300]
+                '&:not(:last-child)': {
+                    borderBottom: 0,
+                },
+            });
         },
     },
 };
@@ -2676,7 +2713,7 @@ var dialogTitleOverrides = {
     styleOverrides: {
         root: {
             fontSize: '1rem',
-            height: 34,
+            height: 50,
             padding: '8px 16px',
             display: 'flex',
             alignItems: 'center',
@@ -2690,11 +2727,9 @@ var dialogTitleOverrides = {
 var dividerOverrides = {
     styleOverrides: {
         root: {
-            width: '100%',
             '&.gds-divider': {
                 marginTop: 2,
                 marginBottom: 2,
-                backgroundColor: '#d4d4d4',
             },
             '&.gds-divider--vertical': {
                 marginLeft: 5,
@@ -2719,10 +2754,12 @@ var dropdownOverrides = {
                 display: 'inline-flex',
                 alignItems: 'center',
                 gap: 8,
-                padding: '12px 12px 12px 16px',
+                padding: '12px 0',
                 '&.MuiInputBase-adornedStart': {
                     '.MuiSvgIcon-root': {
                         fontSize: 16,
+                        left: 16,
+                        position: 'relative',
                         margin: 0,
                     },
                 },
@@ -2749,6 +2786,9 @@ var dropdownOverrides = {
                     height: 12,
                     background: "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4H2L6 8L10 4Z' fill='%231C365F'/%3E%3C/svg%3E\") center center no-repeat",
                     marginLeft: 'auto',
+                    position: 'absolute',
+                    right: '12px',
+                    pointerEvents: 'none',
                 },
                 '&.customselect::after': {
                     content: '""',
@@ -2757,6 +2797,9 @@ var dropdownOverrides = {
                     height: 12,
                     background: "url(\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7H2L6 11L10 7Z' fill='%23444444'/%3E%3Cpath d='M2 5L10 5L6 1L2 5Z' fill='%23444444'/%3E%3C/svg%3E\") center center no-repeat",
                     marginLeft: 'auto',
+                    position: 'absolute',
+                    right: '12px',
+                    pointerEvents: 'none',
                 },
             });
         },
@@ -2767,7 +2810,7 @@ var dropdownOverrides = {
             fontWeight: 600,
             letterSpacing: '.02em',
             '&.MuiOutlinedInput-input': {
-                padding: '12px 0px',
+                padding: '8px 32px 8px 16px',
             },
         },
     },
@@ -2781,6 +2824,9 @@ var formControlLabelOverrides = {
                 marginLeft: 0,
                 marginRight: 0,
                 '& .MuiTypography-root': __assign(__assign({}, theme.typography.button), { textTransform: 'none' }),
+                '&.Mui-disabled': {
+                    color: theme.palette.default.main,
+                },
             });
         },
     },
@@ -2924,7 +2970,7 @@ var inputLabelOverrides = {
                 letterSpacing: theme.typography.subtitle2.letterSpacing,
                 marginBottom: 4,
                 '&.Mui-focused': {
-                    backgroundColor: "".concat(theme.palette.background.paper, " !important"),
+                    backgroundColor: "".concat(theme.palette.background.paper),
                     boxShadow: "inset 0 0 0 2px ".concat(theme.palette.text.primary),
                 },
             });
@@ -3048,7 +3094,7 @@ var menuItemOverrides = {
                 '&.MuiMenuItem-root': (_b = {
                         lineHeight: 1.5715,
                         letterSpacing: '0.01rem',
-                        padding: '.25rem 1.25rem'
+                        padding: '.5rem 1rem'
                     },
                     _b[theme.breakpoints.down('sm')] = {
                         minHeight: 40,
@@ -3143,23 +3189,19 @@ var menuItemOverrides = {
                             },
                         },
                     },
-                    _b['&.gds-menu-item-system'] = __assign(__assign({ borderRadius: theme.shapes.sm, minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, marginTop: theme.shapes.sm, marginBottom: theme.shapes.sm, backgroundColor: '#F9F9F9', color: theme.palette.text.primary }, theme.typography.body2), { '&:hover, &:focus': {
-                            backgroundColor: '#EDEDEE',
+                    _b['&.gds-menu-item-system'] = __assign(__assign({ minHeight: 22, maxHeight: 22, padding: 0, paddingLeft: 32, paddingRight: 10, marginTop: theme.shapes.sm, marginBottom: theme.shapes.sm, backgroundColor: '#F9F9F9', color: theme.palette.text.primary }, theme.typography.body2), { '&:hover, &:focus': {
+                            backgroundColor: '#91C9F7',
                             color: theme.palette.text.primary,
                         }, '&:hover .MuiListItemText-root .MuiTypography-root': {
                             color: theme.palette.text.primary,
                         }, '&:hover .MuiListItemIcon-root': {
-                            backgroundColor: '#EDEDEE',
-                            borderRadius: theme.shapes.sm,
+                            backgroundColor: '#91C9F7',
+                        }, '& .MuiListItemIcon-root.selected': {
+                            backgroundColor: '#91C9F7',
                         }, '&.Mui-selected': {
-                            backgroundColor: '#EDEDEE',
                             '& .MuiListItemText-root': {
                                 color: theme.palette.text.primary,
                             },
-                            '& .MuiListItemIcon-root': {
-                                backgroundColor: '#EDEDEE',
-                                borderRadius: theme.shapes.sm,
-                            },
                             '& svg': {
                                 color: theme.palette.text.primary,
                             },
@@ -3170,6 +3212,9 @@ var menuItemOverrides = {
                             },
                         }, '&:not(.Mui-selected) svg': {
                             color: theme.palette.primary.main,
+                        }, '&:not(.Mui-selected):hover svg': {
+                            fontSize: 12,
+                            color: theme.palette.primary.main,
                         }, '&.customMultipleList .Mui-selected': {
                             backgroundColor: '#fff',
                         }, '& .MuiListItemIcon-root': {
@@ -3181,7 +3226,7 @@ var menuItemOverrides = {
                             position: 'absolute',
                             left: 0,
                         }, '& .MuiSvgIcon-root': {
-                            fontSize: 15,
+                            fontSize: 12,
                             color: 'currentColor',
                         }, '& .MuiListItemText-root': {
                             margin: 0,
@@ -3267,6 +3312,13 @@ var radioOverrides = {
                 '&.Mui-disabled input': {
                     backgroundColor: theme.palette.grey[100],
                 },
+                '&.Mui-checked.Mui-disabled input': {
+                    backgroundColor: theme.palette.grey[100],
+                    borderColor: theme.palette.grey[400],
+                },
+                '&.Mui-checked.Mui-disabled input::after': {
+                    backgroundColor: theme.palette.grey[400],
+                },
                 '& + .MuiFormControlLabel-label': {
                     marginLeft: 8,
                 },
@@ -3332,6 +3384,9 @@ var switchOverrides = {
                     border: "1px solid ".concat(theme.palette.grey[400]),
                     height: 24,
                 },
+                '& .MuiSwitch-switchBase.Mui-checked.Mui-disabled + .MuiSwitch-track': {
+                    backgroundColor: '#3FAF2A33',
+                },
                 '& .MuiSwitch-switchBase.Mui-disabled': {
                     '& .MuiSwitch-thumb': {
                         color: theme.palette.grey[400],
@@ -3569,6 +3624,11 @@ var MuiIcon = styles$1.styled(Icon)(function () { return ({
         transition: 'all 0.3s ease-out',
     },
 }); });
+var MuiListItemButton = styles$1.styled(material.ListItemButton)(function () { return ({
+    '&.MuiListItemButton-root:hover': {
+        backgroundColor: 'transparent',
+    },
+}); });
 styles$1.styled(ListItem)(function () { return ({
     width: '100%',
     paddingLeft: 10,
@@ -3576,9 +3636,6 @@ styles$1.styled(ListItem)(function () { return ({
     maxHeight: 32,
     paddingTop: 6,
     paddingBottom: 6,
-    '&.MuiListItem-button:hover': {
-        background: 'transparent',
-    },
 }); });
 var MuiListItemText$1 = styles$1.styled(ListItemText)(function () { return ({
     '&.accordionTitle': {
@@ -3621,9 +3678,9 @@ var Accordion = function (_a) {
     var handleClick = function () {
         setOpen(!open);
     };
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ListSubheader, { sx: {
+    return (jsxRuntime.jsxs("div", { style: { background: bgColor }, children: [jsxRuntime.jsx(ListSubheader, { sx: {
                     bgcolor: bgColor,
-                }, children: jsxRuntime.jsxs(material.ListItemButton, { onClick: handleClick, sx: {
+                }, children: jsxRuntime.jsxs(MuiListItemButton, { onClick: handleClick, sx: {
                         backgroundColor: bgColor,
                         borderBottom: border ? "1px solid rgb(212, 212, 212)" : 'none',
                     }, children: [jsxRuntime.jsx(MuiListItemIcon$1, { "aria-label": chevronPosition, className: chevronPosition === 'end'
@@ -3631,6 +3688,9 @@ var Accordion = function (_a) {
                                 : 'accordionPrependIcon', children: jsxRuntime.jsx(MuiIcon, { name: ChevronDownIcon, className: open ? 'iconOpen' : 'iconClosed', sx: { color: '#444444' } }) }), jsxRuntime.jsx(MuiListItemText$1, { className: "accordionTitle", children: jsxRuntime.jsx(Typography, { color: color, variant: "body1", children: title }) }), time && (jsxRuntime.jsx(MuiListItemText$1, { className: "accordionTime", children: jsxRuntime.jsx(Typography, { variant: "body1", children: time }) }))] }, title) }), jsxRuntime.jsx(material.Collapse, __assign({ in: open }, rest, { children: jsxRuntime.jsx(List, { sx: {
                         bgcolor: bgColor,
                         pb: 0,
+                        '& .MuiListItem-root': {
+                            bgcolor: bgColor,
+                        },
                         '& .MuiListSubheader-gutters': {
                             bgcolor: bgColor,
                         },
@@ -4621,6 +4681,7 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
         border: '1px solid transparent',
         position: 'relative',
         overflow: 'hidden',
+        cursor: 'default',
         '&.chip--rounded': {
             borderRadius: '50px',
         },
@@ -4631,6 +4692,16 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
             color: theme.chip.color.filled.default.color,
             borderColor: theme.chip.color.filled.default.borderColor,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.default.borderColor,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.default.background,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.default.color,
+                color: theme.chip.color.filled.default.contrastText,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.default.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4640,11 +4711,30 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.default.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.default.background,
+                color: theme.chip.color.filled.default.color,
+                borderColor: theme.chip.color.filled.default.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.default.color,
+            },
         },
         '&.MuiChip-filledPrimary': {
+            //NOTE: Leaving default primary same color as rounded
             backgroundColor: theme.chip.color.filled.primary.background,
             color: theme.chip.color.filled.primary.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.primary.borderColor,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.primary.background,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.primary.light,
+                color: theme.chip.color.filled.primary.contrastText,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.primary.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4654,11 +4744,25 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.primary.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.primary.background,
+                color: theme.chip.color.filled.primary.color,
+                borderColor: theme.chip.color.filled.primary.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.primary.color,
+            },
         },
         '&.MuiChip-filledSecondary': {
             backgroundColor: theme.chip.color.filled.secondary.background,
             color: theme.chip.color.filled.secondary.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.secondary.borderColor,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.secondary.background,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.secondary.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4668,11 +4772,29 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.secondary.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.secondary.background,
+                color: theme.chip.color.filled.secondary.color,
+                borderColor: theme.chip.color.filled.secondary.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.secondary.color,
+            },
         },
         '&.MuiChip-filledInfo': {
             backgroundColor: theme.chip.color.filled.info.background,
             color: theme.chip.color.filled.info.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.info.borderColor,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.info.color,
+                color: theme.chip.color.filled.info.contrastText,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.info.background,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.info.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4682,13 +4804,31 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.info.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.info.background,
+                color: theme.chip.color.filled.info.color,
+                borderColor: theme.chip.color.filled.info.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.info.color,
+            },
         },
         '&.MuiChip-filledSuccess': {
             backgroundColor: theme.chip.color.filled.success.background,
             color: theme.chip.color.filled.success.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.success.borderColor,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.success.color,
+                color: theme.chip.color.filled.success.contrastText,
+            },
+            '&.chip--rounded--web': {
                 borderColor: theme.chip.color.filled.success.background,
             },
+            '&.MuiChip-deletable': {
+                borderColor: theme.chip.color.filled.info.background,
+            },
             '&.MuiChip-deletable svg': {
                 color: theme.chip.color.filled.success.color,
                 borderLeft: "1px solid ".concat(theme.chip.color.filled.success.background),
@@ -4696,11 +4836,29 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.success.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.success.background,
+                color: theme.chip.color.filled.success.color,
+                borderColor: theme.chip.color.filled.success.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.success.color,
+            },
         },
         '&.MuiChip-filledWarning': {
             backgroundColor: theme.chip.color.filled.warning.background,
             color: theme.chip.color.filled.warning.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.warning.borderColor,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.warning.color,
+                color: theme.chip.color.filled.warning.contrastText,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.warning.background,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.warning.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4710,11 +4868,29 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.warning.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.warning.background,
+                color: theme.chip.color.filled.warning.color,
+                borderColor: theme.chip.color.filled.warning.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.warning.color,
+            },
         },
         '&.MuiChip-filledError': {
             backgroundColor: theme.chip.color.filled.error.background,
             color: theme.chip.color.filled.error.color,
             '&.chip--rounded': {
+                borderColor: theme.chip.color.filled.error.borderColor,
+            },
+            '&.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.error.color,
+                color: theme.chip.color.filled.error.contrastText,
+            },
+            '&.chip--rounded--web': {
+                borderColor: theme.chip.color.filled.error.background,
+            },
+            '&.MuiChip-deletable': {
                 borderColor: theme.chip.color.filled.error.background,
             },
             '&.MuiChip-deletable svg': {
@@ -4724,6 +4900,14 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
                     backgroundColor: theme.chip.color.filled.error.background,
                 },
             },
+            '&.MuiChip-deletable.gds-chip--web': {
+                backgroundColor: theme.chip.color.filled.error.background,
+                color: theme.chip.color.filled.error.color,
+                borderColor: theme.chip.color.filled.error.borderColor,
+            },
+            '&.MuiChip-deletable.gds-chip--web svg': {
+                color: theme.chip.color.filled.error.color,
+            },
         },
         // Size
         '& .MuiChip-label': {
@@ -4760,7 +4944,14 @@ var ChipStyled = styles$1.styled(MuiChip)(function (_a) {
 
 var Chip = function (props) {
     var rounded = props.rounded, deleteIcon = props.deleteIcon, rest = __rest(props, ["rounded", "deleteIcon"]);
-    return (jsxRuntime.jsx(ChipStyled, __assign({ size: "small", deleteIcon: deleteIcon ? deleteIcon : jsxRuntime.jsx(CrossIcon, { "aria-label": "Remove" }), onDelete: props.onDelete, className: rounded ? "chip--rounded" : '' }, rest)));
+    var theme = material.useTheme();
+    return (jsxRuntime.jsx(ChipStyled, __assign({ size: "small", deleteIcon: deleteIcon ? deleteIcon : jsxRuntime.jsx(CrossIcon, { "aria-label": "Remove" }), onDelete: props.onDelete, className: rounded && theme.platform.name === 'leap_web'
+            ? 'chip--rounded chip--rounded--web'
+            : theme.platform.name === 'leap_web'
+                ? 'gds-chip--web'
+                : rounded
+                    ? 'chip--rounded'
+                    : '' }, rest)));
 };
 
 var IconButton = React.forwardRef(function IconButton(props, ref) {
@@ -4854,7 +5045,7 @@ var DocTypeImageStyled = styles$1.styled('img')({
 
 var ActivityLog = function (props) {
     var name = props.name, time = props.time, ext = props.ext, iconURL = props.iconURL, onAttach = props.onAttach, onClick = props.onClick, users = props.users, attachment = props.attachment, action = props.action, avatarGroupTooltip = props.avatarGroupTooltip, cost = props.cost, _a = props.insertIconTooltip, insertIconTooltip = _a === void 0 ? 'Insert' : _a, hover = props.hover, _b = props.tooltip, tooltip = _b === void 0 ? 'Preview' : _b, _c = props.nameRef, nameRef = _c === void 0 ? undefined : _c;
-    return (jsxRuntime.jsxs(MuiListItem, { "data-testid": "activity-log", children: [jsxRuntime.jsx(MuiListItemIcon, { className: "prependIcon", children: attachment ? (jsxRuntime.jsx(Tooltip, { title: insertIconTooltip, children: jsxRuntime.jsx(IconButton, { onClick: onAttach, children: jsxRuntime.jsx(Icon, { name: InsertLinkIcon }) }) })) : ('') }), jsxRuntime.jsx(MuiListItemIcon, { className: "docTypeIcon", children: iconURL ? (jsxRuntime.jsx(DocTypeImageStyled, { title: iconURL, src: iconURL })) : (jsxRuntime.jsx(AttachmentIcon, { ext: ext })) }), jsxRuntime.jsxs(MuiListItemText, { disableTypography: true, onClick: onClick, secondary: action && (jsxRuntime.jsx(ActivityLogChips, { children: action.map(function (tag) { return (jsxRuntime.jsx(Chip, { label: tag.label, color: tag.color }, tag.label)); }) })), children: [hover ? (jsxRuntime.jsx(Tooltip, { title: tooltip, children: jsxRuntime.jsx(ActivityLogMainName, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", children: name }) })) : (jsxRuntime.jsx(ActivityLogMainName, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", children: name })), users ? (jsxRuntime.jsx(ActivityLogGroup, { children: jsxRuntime.jsx(AvatarGroup, { max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: "bottom-end", children: users.map(function (person) { return (jsxRuntime.jsx(Avatar, { color: "default", size: "small", tooltip: person.name, children: person.initials }, person.initials)); }) }) })) : (''), jsxRuntime.jsx(ActivityLogValues, { children: jsxRuntime.jsx(Typography, { variant: "body1", children: time }) }), cost && (jsxRuntime.jsx(ActivityLogValues, { children: jsxRuntime.jsx(Typography, { variant: "body1", children: cost }) }))] })] }));
+    return (jsxRuntime.jsxs(MuiListItem, { "data-testid": "activity-log", children: [jsxRuntime.jsx(MuiListItemIcon, { className: "prependIcon", children: attachment ? (jsxRuntime.jsx(Tooltip, { title: insertIconTooltip, children: jsxRuntime.jsx(IconButton, { onClick: onAttach, children: jsxRuntime.jsx(Icon, { name: InsertLinkIcon }) }) })) : ('') }), iconURL || ext ? (jsxRuntime.jsx(MuiListItemIcon, { className: "docTypeIcon", children: iconURL ? (jsxRuntime.jsx(DocTypeImageStyled, { title: iconURL, src: iconURL })) : (jsxRuntime.jsx(AttachmentIcon, { ext: ext })) })) : null, jsxRuntime.jsxs(MuiListItemText, { disableTypography: true, onClick: onClick, secondary: action && (jsxRuntime.jsx(ActivityLogChips, { children: action.map(function (tag) { return (jsxRuntime.jsx(Chip, { label: tag.label, color: tag.color }, tag.label)); }) })), children: [hover ? (jsxRuntime.jsx(Tooltip, { title: tooltip, children: jsxRuntime.jsx(ActivityLogMainName, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", children: name }) })) : (jsxRuntime.jsx(ActivityLogMainName, { ref: nameRef, noWrap: true, variant: "subtitle1", color: "primary", children: name })), users ? (jsxRuntime.jsx(ActivityLogGroup, { children: jsxRuntime.jsx(AvatarGroup, { max: 2, size: "small", tooltip: avatarGroupTooltip, tooltipPlacement: "bottom-end", children: users.map(function (person) { return (jsxRuntime.jsx(Avatar, { color: "default", size: "small", tooltip: person.name, children: person.initials }, person.initials)); }) }) })) : (''), jsxRuntime.jsx(ActivityLogValues, { children: jsxRuntime.jsx(Typography, { variant: "body1", children: time }) }), cost && (jsxRuntime.jsx(ActivityLogValues, { children: jsxRuntime.jsx(Typography, { variant: "body1", children: cost }) }))] })] }));
 };
 
 function LeapLogo() {
@@ -4872,7 +5063,7 @@ var MuiAppBar = styles$1.styled(material.AppBar)(function (_a) {
         color: theme.palette.background.paper,
         overflow: 'hidden',
         '& svg': {
-            color: '#ffffff !important',
+            color: '#ffffff',
         },
         '& .MuiIconButton-root': {
             width: 50,
@@ -4937,7 +5128,7 @@ var AppBar = function (props) {
     var isMobile = useMediaQuery('(max-width:380px)');
     return (jsxRuntime.jsx(MuiAppBar, __assign({ color: "primary", position: position, elevation: 0 }, rest, { children: jsxRuntime.jsxs(AppBarToolbar, { variant: "dense", children: [hasDrawerToggle && (jsxRuntime.jsx(material.Box, { sx: {
                         display: { xs: hasDrawerToggle ? 'block' : 'none', sm: 'block' },
-                    }, children: jsxRuntime.jsx(IconButton, { "aria-label": "open drawer", onClick: onDrawerToggle, children: jsxRuntime.jsx(Icon, { name: MenuIcon }) }) })), jsxRuntime.jsx(AppBarLogo, { sx: isMobile ? { marginRight: 0, height: '3.125rem' } : {}, children: jsxRuntime.jsx(Icon, { name: LeapLogo }) }), jsxRuntime.jsx(material.Box, { sx: { display: { xs: 'none', sm: 'block' } }, children: jsxRuntime.jsx(Typography, { upperCase: true, color: "white", variant: "h2", children: props.title }) }), jsxRuntime.jsx(AppBarContent, { children: props.children }), !!props && !!props.user && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(AppBarUser, { sx: isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {}, children: [jsxRuntime.jsxs(Typography, { color: "white", variant: "h4", children: [user === null || user === void 0 ? void 0 : user.firstName, " ", user === null || user === void 0 ? void 0 : user.lastName] }), jsxRuntime.jsx(Typography, { color: "gray", variant: "body2", children: user === null || user === void 0 ? void 0 : user.email })] }), jsxRuntime.jsx(IconButton, { "aria-label": "logout", onClick: onLogout, children: jsxRuntime.jsx(Icon, { name: PowerIcon }) })] }))] }) })));
+                    }, children: jsxRuntime.jsx(IconButton, { "aria-label": "open drawer", onClick: onDrawerToggle, children: jsxRuntime.jsx(Icon, { name: MenuIcon }) }) })), jsxRuntime.jsx(AppBarLogo, { sx: isMobile ? { marginRight: 0, height: '3.125rem' } : {}, children: jsxRuntime.jsx(Icon, { name: LeapLogo }) }), jsxRuntime.jsx(material.Box, { sx: { display: { xs: 'none', sm: 'block' } }, children: jsxRuntime.jsx(Typography, { upperCase: true, color: "white", variant: "h2", children: props.title }) }), jsxRuntime.jsx(AppBarContent, { children: props.children }), !!props && !!props.user && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(AppBarUser, { sx: isMobile ? { overflow: 'hidden', minWidth: '6.25rem' } : {}, children: [jsxRuntime.jsxs(Typography, { color: "white", variant: "h4", children: [user === null || user === void 0 ? void 0 : user.firstName, " ", user === null || user === void 0 ? void 0 : user.lastName] }), jsxRuntime.jsx(Typography, { color: "text.light", variant: "body2", children: user === null || user === void 0 ? void 0 : user.email })] }), jsxRuntime.jsx(IconButton, { "aria-label": "logout", onClick: onLogout, children: jsxRuntime.jsx(Icon, { name: PowerIcon }) })] }))] }) })));
 };
 
 var InputLabel = function (props) {
@@ -5022,9 +5213,7 @@ var ListButtonText = material.styled(Typography)(function (_a) {
     return ({
         textTransform: 'capitalize',
         fontWeight: 'normal',
-        color: theme.platform.name === 'lawconnect'
-            ? theme.palette.primary.main
-            : theme.palette.primary.light,
+        color: theme.palette.primary.light,
         textAlign: 'center',
         letterSpacing: '0',
     });
@@ -5080,7 +5269,6 @@ var ButtonStyled = styles$1.styled(material.Button)(function (_a) {
         padding: theme.buttons.padding,
         height: theme.buttons.height,
         transition: 'all 0.15s ease-in-out',
-        border: '1px solid transparent',
         minWidth: '120px',
         '&:hover': {
             boxShadow: 'none',
@@ -7171,7 +7359,6 @@ var formatters$1 = {
     return addLeadingZeros(fractionalSeconds, token.length);
   }
 };
-var lightFormatters = formatters$1;
 
 var dayPeriodEnum = {
   am: 'am',
@@ -7265,7 +7452,7 @@ var formatters = {
         unit: 'year'
       });
     }
-    return lightFormatters.y(date, token);
+    return formatters$1.y(date, token);
   },
   // Local week-numbering year
   Y: function Y(date, token, localize, options) {
@@ -7387,7 +7574,7 @@ var formatters = {
     switch (token) {
       case 'M':
       case 'MM':
-        return lightFormatters.M(date, token);
+        return formatters$1.M(date, token);
       // 1st, 2nd, ..., 12th
       case 'Mo':
         return localize.ordinalNumber(month + 1, {
@@ -7477,7 +7664,7 @@ var formatters = {
         unit: 'date'
       });
     }
-    return lightFormatters.d(date, token);
+    return formatters$1.d(date, token);
   },
   // Day of year
   D: function D(date, token, localize) {
@@ -7757,7 +7944,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return lightFormatters.h(date, token);
+    return formatters$1.h(date, token);
   },
   // Hour [0-23]
   H: function H(date, token, localize) {
@@ -7766,7 +7953,7 @@ var formatters = {
         unit: 'hour'
       });
     }
-    return lightFormatters.H(date, token);
+    return formatters$1.H(date, token);
   },
   // Hour [0-11]
   K: function K(date, token, localize) {
@@ -7796,7 +7983,7 @@ var formatters = {
         unit: 'minute'
       });
     }
-    return lightFormatters.m(date, token);
+    return formatters$1.m(date, token);
   },
   // Second
   s: function s(date, token, localize) {
@@ -7805,11 +7992,11 @@ var formatters = {
         unit: 'second'
       });
     }
-    return lightFormatters.s(date, token);
+    return formatters$1.s(date, token);
   },
   // Fraction of second
   S: function S(date, token) {
-    return lightFormatters.S(date, token);
+    return formatters$1.S(date, token);
   },
   // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
   X: function X(date, token, _localize, options) {
@@ -7919,7 +8106,7 @@ function formatTimezoneShort(offset, dirtyDelimiter) {
   if (minutes === 0) {
     return sign + String(hours);
   }
-  var delimiter = dirtyDelimiter || '';
+  var delimiter = dirtyDelimiter;
   return sign + String(hours) + delimiter + addLeadingZeros(minutes, 2);
 }
 function formatTimezoneWithOptionalMinutes(offset, dirtyDelimiter) {
@@ -8137,7 +8324,6 @@ var formatDistance = function formatDistance(token, count, options) {
   }
   return result;
 };
-var formatDistance$1 = formatDistance;
 
 function buildFormatLongFn(args) {
   return function () {
@@ -8181,7 +8367,6 @@ var formatLong = {
     defaultWidth: 'full'
   })
 };
-var formatLong$1 = formatLong;
 
 var formatRelativeLocale = {
   lastWeek: "'last' eeee 'at' p",
@@ -8194,7 +8379,6 @@ var formatRelativeLocale = {
 var formatRelative = function formatRelative(token, _date, _baseDate, _options) {
   return formatRelativeLocale[token];
 };
-var formatRelative$1 = formatRelative;
 
 function buildLocalizeFn(args) {
   return function (dirtyIndex, options) {
@@ -8356,7 +8540,6 @@ var localize = {
     defaultFormattingWidth: 'wide'
   })
 };
-var localize$1 = localize;
 
 function buildMatchFn(args) {
   return function (string) {
@@ -8514,7 +8697,6 @@ var match = {
     defaultParseWidth: 'any'
   })
 };
-var match$1 = match;
 
 /**
  * @type {Locale}
@@ -8527,21 +8709,20 @@ var match$1 = match;
  */
 var locale = {
   code: 'en-US',
-  formatDistance: formatDistance$1,
-  formatLong: formatLong$1,
-  formatRelative: formatRelative$1,
-  localize: localize$1,
-  match: match$1,
+  formatDistance: formatDistance,
+  formatLong: formatLong,
+  formatRelative: formatRelative,
+  localize: localize,
+  match: match,
   options: {
     weekStartsOn: 0 /* Sunday */,
     firstWeekContainsDate: 1
   }
 };
-var defaultLocale = locale;
 
 var enUS = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: defaultLocale
+    default: locale
 });
 
 // - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
@@ -8860,7 +9041,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
   requiredArgs(2, arguments);
   var formatStr = String(dirtyFormatStr);
   var defaultOptions = getDefaultOptions();
-  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
+  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
   var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
 
   // Test if weekStartsOn is between 1 and 7 _and_ is not NaN
@@ -8873,10 +9054,10 @@ function format(dirtyDate, dirtyFormatStr, options) {
   if (!(weekStartsOn >= 0 && weekStartsOn <= 6)) {
     throw new RangeError('weekStartsOn must be between 0 and 6 inclusively');
   }
-  if (!locale.localize) {
+  if (!locale$1.localize) {
     throw new RangeError('locale must contain localize property');
   }
-  if (!locale.formatLong) {
+  if (!locale$1.formatLong) {
     throw new RangeError('locale must contain formatLong property');
   }
   var originalDate = toDate(dirtyDate);
@@ -8892,14 +9073,14 @@ function format(dirtyDate, dirtyFormatStr, options) {
   var formatterOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale,
+    locale: locale$1,
     _originalDate: originalDate
   };
   var result = formatStr.match(longFormattingTokensRegExp$1).map(function (substring) {
     var firstCharacter = substring[0];
     if (firstCharacter === 'p' || firstCharacter === 'P') {
       var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
+      return longFormatter(substring, locale$1.formatLong);
     }
     return substring;
   }).join('').match(formattingTokensRegExp$1).map(function (substring) {
@@ -8919,7 +9100,7 @@ function format(dirtyDate, dirtyFormatStr, options) {
       if (!(options !== null && options !== void 0 && options.useAdditionalDayOfYearTokens) && isProtectedDayOfYearToken(substring)) {
         throwProtectedError(substring, dirtyFormatStr, String(dirtyDate));
       }
-      return formatter(utcDate, substring, locale.localize, formatterOptions);
+      return formatter(utcDate, substring, locale$1.localize, formatterOptions);
     }
     if (firstCharacter.match(unescapedLatinCharacterRegExp$1)) {
       throw new RangeError('Format string contains an unescaped latin alphabet character `' + firstCharacter + '`');
@@ -8974,7 +9155,7 @@ function _interopRequireDefault$a(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$7(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$7 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$7(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$7(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$7(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$7(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$7(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$7(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
@@ -8998,7 +9179,7 @@ function _classCallCheck$8(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$8(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$8(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$8(Constructor.prototype, protoProps); if (staticProps) _defineProperties$8(Constructor, staticProps); return Constructor; }
+function _createClass$8(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$8(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$8(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$8(subClass, superClass); }
 
@@ -9869,7 +10050,7 @@ function _interopRequireDefault$8(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$6(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$6 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$6(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$6(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$6(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$6(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$6(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$6(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
@@ -9883,7 +10064,7 @@ function _classCallCheck$7(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$7(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$7(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$7(Constructor.prototype, protoProps); if (staticProps) _defineProperties$7(Constructor, staticProps); return Constructor; }
+function _createClass$7(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$7(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$7(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$7(subClass, superClass); }
 
@@ -10078,68 +10259,64 @@ var require$$3 = /*@__PURE__*/getAugmentedNamespace(isEqual$1);
 
 var require$$4$1 = /*@__PURE__*/getAugmentedNamespace(isValid$1);
 
-function _arrayLikeToArray$3(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
+function _arrayLikeToArray$3(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
 }
 
-function _unsupportedIterableToArray$3(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
+function _unsupportedIterableToArray$3(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray$3(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$3(r, a) : void 0;
+  }
 }
 
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      var F = function F() {};
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray$3(r)) || e) {
+      t && (r = t);
+      var _n = 0,
+        F = function F() {};
       return {
         s: F,
         n: function n() {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
+          return _n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[_n++]
           };
         },
-        e: function e(_e) {
-          throw _e;
+        e: function e(r) {
+          throw r;
         },
         f: F
       };
     }
     throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  var normalCompletion = true,
-    didErr = false,
-    err;
+  var o,
+    a = !0,
+    u = !1;
   return {
     s: function s() {
-      it = it.call(o);
+      t = t.call(r);
     },
     n: function n() {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
+      var r = t.next();
+      return a = r.done, r;
     },
-    e: function e(_e2) {
-      didErr = true;
-      err = _e2;
+    e: function e(r) {
+      u = !0, o = r;
     },
     f: function f() {
       try {
-        if (!normalCompletion && it["return"] != null) it["return"]();
+        a || null == t["return"] || t["return"]();
       } finally {
-        if (didErr) throw err;
+        if (u) throw o;
       }
     }
   };
@@ -10157,43 +10334,34 @@ function assign(target, object) {
   return target;
 }
 
-function _assertThisInitialized$6(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
+function _assertThisInitialized$6(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
 }
 
-function _setPrototypeOf$6(o, p) {
-  _setPrototypeOf$6 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf$6(o, p);
+function _setPrototypeOf$6(t, e) {
+  return _setPrototypeOf$6 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf$6(t, e);
 }
 
-function _inherits$6(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
+function _inherits$6(t, e) {
+  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, {
     constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
+      value: t,
+      writable: !0,
+      configurable: !0
     }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf$6(subClass, superClass);
+  }), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), e && _setPrototypeOf$6(t, e);
 }
 
-function _getPrototypeOf$6(o) {
-  _getPrototypeOf$6 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf$6(o);
+function _getPrototypeOf$6(t) {
+  return _getPrototypeOf$6 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf$6(t);
 }
 
 function _isNativeReflectConstruct$6() {
@@ -10205,34 +10373,27 @@ function _isNativeReflectConstruct$6() {
   })();
 }
 
-function _possibleConstructorReturn$6(self, call) {
-  if (call && (_typeof$8(call) === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-  return _assertThisInitialized$6(self);
+function _possibleConstructorReturn$6(t, e) {
+  if (e && ("object" == _typeof$8(e) || "function" == typeof e)) return e;
+  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+  return _assertThisInitialized$6(t);
 }
 
-function _createSuper$6(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct$6();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf$6(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf$6(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn$6(this, result);
+function _createSuper$6(t) {
+  var r = _isNativeReflectConstruct$6();
+  return function () {
+    var e,
+      o = _getPrototypeOf$6(t);
+    if (r) {
+      var s = _getPrototypeOf$6(this).constructor;
+      e = Reflect.construct(o, arguments, s);
+    } else e = o.apply(this, arguments);
+    return _possibleConstructorReturn$6(this, e);
   };
 }
 
-function _classCallCheck$6(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
+function _classCallCheck$6(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
 }
 
 function toPrimitive(t, r) {
@@ -10248,40 +10409,28 @@ function toPrimitive(t, r) {
 
 function toPropertyKey(t) {
   var i = toPrimitive(t, "string");
-  return "symbol" == _typeof$8(i) ? i : String(i);
+  return "symbol" == _typeof$8(i) ? i : i + "";
 }
 
-function _defineProperties$6(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
+function _defineProperties$6(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
   }
 }
-function _createClass$6(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties$6(Constructor.prototype, protoProps);
-  if (staticProps) _defineProperties$6(Constructor, staticProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
+function _createClass$6(e, r, t) {
+  return r && _defineProperties$6(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
 }
 
-function _defineProperty$9(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty$9(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 
 var TIMEZONE_UNIT_PRIORITY = 10;
@@ -12768,8 +12917,8 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var dateString = String(dirtyDateString);
   var formatString = String(dirtyFormatString);
   var defaultOptions = getDefaultOptions();
-  var locale = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : defaultLocale;
-  if (!locale.match) {
+  var locale$1 = (_ref = (_options$locale = options === null || options === void 0 ? void 0 : options.locale) !== null && _options$locale !== void 0 ? _options$locale : defaultOptions.locale) !== null && _ref !== void 0 ? _ref : locale;
+  if (!locale$1.match) {
     throw new RangeError('locale must contain match property');
   }
   var firstWeekContainsDate = toInteger((_ref2 = (_ref3 = (_ref4 = (_options$firstWeekCon = options === null || options === void 0 ? void 0 : options.firstWeekContainsDate) !== null && _options$firstWeekCon !== void 0 ? _options$firstWeekCon : options === null || options === void 0 ? void 0 : (_options$locale2 = options.locale) === null || _options$locale2 === void 0 ? void 0 : (_options$locale2$opti = _options$locale2.options) === null || _options$locale2$opti === void 0 ? void 0 : _options$locale2$opti.firstWeekContainsDate) !== null && _ref4 !== void 0 ? _ref4 : defaultOptions.firstWeekContainsDate) !== null && _ref3 !== void 0 ? _ref3 : (_defaultOptions$local = defaultOptions.locale) === null || _defaultOptions$local === void 0 ? void 0 : (_defaultOptions$local2 = _defaultOptions$local.options) === null || _defaultOptions$local2 === void 0 ? void 0 : _defaultOptions$local2.firstWeekContainsDate) !== null && _ref2 !== void 0 ? _ref2 : 1);
@@ -12794,7 +12943,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
   var subFnOptions = {
     firstWeekContainsDate: firstWeekContainsDate,
     weekStartsOn: weekStartsOn,
-    locale: locale
+    locale: locale$1
   };
 
   // If timezone isn't specified, it will be set to the system timezone
@@ -12803,7 +12952,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
     var firstCharacter = substring[0];
     if (firstCharacter in longFormatters) {
       var longFormatter = longFormatters[firstCharacter];
-      return longFormatter(substring, locale.formatLong);
+      return longFormatter(substring, locale$1.formatLong);
     }
     return substring;
   }).join('').match(formattingTokensRegExp);
@@ -12837,7 +12986,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
           token: firstCharacter,
           fullToken: token
         });
-        var parseResult = parser.run(dateString, token, locale.match, subFnOptions);
+        var parseResult = parser.run(dateString, token, locale$1.match, subFnOptions);
         if (!parseResult) {
           return {
             v: new Date(NaN)
@@ -12965,13 +13114,13 @@ function _interopRequireDefault$7(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$5(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$5 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$5(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$5(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$5(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$5(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$5(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$5(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _classCallCheck$5(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties$5(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$5(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$5(Constructor.prototype, protoProps); if (staticProps) _defineProperties$5(Constructor, staticProps); return Constructor; }
+function _createClass$5(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$5(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$5(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$5(subClass, superClass); }
 
@@ -14560,7 +14709,7 @@ function _interopRequireDefault$5(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$4(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$4 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$4(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$4(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$4(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$4(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$4(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$4(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
@@ -14584,7 +14733,7 @@ function _classCallCheck$4(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$4(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$4(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$4(Constructor.prototype, protoProps); if (staticProps) _defineProperties$4(Constructor, staticProps); return Constructor; }
+function _createClass$4(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$4(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$4(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$4(subClass, superClass); }
 
@@ -15354,7 +15503,7 @@ function _interopRequireDefault$4(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$3(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$3 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$3(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$3(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$3(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$3(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
@@ -15366,7 +15515,7 @@ function _classCallCheck$3(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$3(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$3(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$3(Constructor.prototype, protoProps); if (staticProps) _defineProperties$3(Constructor, staticProps); return Constructor; }
+function _createClass$3(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$3(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$3(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$3(subClass, superClass); }
 
@@ -15760,13 +15909,13 @@ function _interopRequireDefault$2(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$2(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$2 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$2(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$2(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$2(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$2(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$2(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$2(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function _classCallCheck$2(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties$2(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); if (staticProps) _defineProperties$2(Constructor, staticProps); return Constructor; }
+function _createClass$2(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$2(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$2(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$2(subClass, superClass); }
 
@@ -15893,7 +16042,7 @@ function _interopRequireDefault$1(obj) { return obj && obj.__esModule ? obj : {
 
 function _getRequireWildcardCache$1(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache$1 = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard$1(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof$1(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$1(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard$1(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof$1(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache$1(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -15903,7 +16052,7 @@ function _classCallCheck$1(instance, Constructor) { if (!(instance instanceof Co
 
 function _defineProperties$1(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); if (staticProps) _defineProperties$1(Constructor, staticProps); return Constructor; }
+function _createClass$1(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties$1(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits$1(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf$1(subClass, superClass); }
 
@@ -16112,7 +16261,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -16126,7 +16275,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); return Constructor; }
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
@@ -16265,7 +16414,7 @@ DateRangePicker$2.default = _default$1;
 
 var StyledCalendar = material.styled(dist.Calendar)(function (_a) {
     var theme = _a.theme;
-    return "\n  &.rdrCalendarWrapper {\n    box-shadow: 0 0 1px rgba(0, 0, 0, 1);\n  }\n\n  /* Calendar */\n  .rdrDateDisplayWrapper {\n    background-color: ".concat(theme.palette.background.default, ";\n  }\n\n  .rdrDateDisplay {\n    margin: 0.5rem 0.75rem;\n  }\n\n  .rdrDateDisplayItem {\n    border-radius: ").concat(theme.shapes.button, ";\n  }\n\n  .rdrDateDisplayItem input {\n    height: 1.5rem;\n    line-height: 1.5rem;\n  }\n\n  .rdrDateDisplayItemActive {\n    border-color: #32abe2;\n  }\n\n  .rdrMonthAndYearWrapper {\n    height: 2rem;\n    padding-top: 0;\n    border-bottom: 1px solid  ").concat(theme.palette.divider, ";\n  }\n\n  .leap-4d-calendar .rdrMonthAndYearWrapper {\n    border-top: none;\n  }\n\n  .rdrMonthAndYearPickers select {\n    padding: 8px 24px 8px 0px;\n    font-size: 13px;\n    color: ").concat(theme.palette.primary.main, ";\n    border-radius: 0;\n  }\n\n  .rdrMonthAndYearPickers select:hover {\n    background-color: #dceef9;\n  }\n\n  .rdrMonthAndYearPickers select option {\n    background-color: white;\n  }\n\n  .rdrMonthName {\n    padding: 0.5rem 0.5rem 0.25rem;\n    text-align: center;\n    color:  ").concat(theme.palette.text.secondary, ";\n  }\n\n  .rdrMonth {\n    padding: 0 1em 0.5em;\n    width: 18.5em;\n  }\n\n  .rdrMonth:only-child {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .rdrDay {\n    height: 2em;\n    line-height: 2em;\n  }\n\n  .rdrDayStartPreview,\n  .rdrDayInPreview,\n  .rdrDayEndPreview,\n  .rdrSelected,\n  .rdrInRange,\n  .rdrStartEdge,\n  .rdrEndEdge {\n    top: 0px;\n    bottom: 0px;\n  }\n\n  .rdrWeekDay {\n    color: #aab0b8;\n    font-weight: 600;\n    line-height: 2em;\n  }\n\n  .rdrDayNumber span {\n    color:  ").concat(theme.palette.text.primary, ";\n  }\n\n  .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n    color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span {\n    font-weight: 600;\n  }\n\n  .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n    bottom: -1px;\n    width: 15px;\n    height: 1px;\n  }\n\n  .rdrNextPrevButton {\n    margin: 0 0.5rem;\n    background: none;\n  }\n\n  .rdrNextPrevButton:hover {\n    background-color: #E1E7F0;\n  }\n\n  .rdrNextPrevButton i {\n    width: 24px;\n    height: 24px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n    padding: 0;\n    margin: 0;\n  }\n\n  .rdrPprevButton i {\n    border: none;\n    transform: rotate(-180deg);\n  }\n\n  .rdrNextButton i {\n    border: none;\n    transform: none;\n  }\n\n  .rdrStaticRange:hover .rdrStaticRangeLabel,\n  .rdrStaticRange:focus .rdrStaticRangeLabel {\n    background-color: #dceef9;\n  }\n\n\n  &.leap-4d-calendar .rdrMonths .rdrMonth .rdrDayHovered .rdrDayNumber:after {\n    border-radius: 100%;\n    top: -5px;\n    bottom: -5px;\n    left: 2px;\n    right: 2px;\n  }\n\n  &.leap-4d-calendar .rdrDayStartPreview,\n  &.leap-4d-calendar .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n    left: 2px;\n  }\n\n  &.leap-4d-calendar .rdrDayEndPreview,\n  &.leap-4d-calendar .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n    right: 2px;\n  }\n\n  .rdrDayPassive .rdrDayNumber span {\n    color: #d8d8d8;\n  }\n\n");
+    return "\n  &.rdrCalendarWrapper {\n    box-shadow: 0 0 1px rgba(0, 0, 0, 1);\n  }\n\n  /* Calendar */\n  .rdrDateDisplayWrapper {\n    background-color: ".concat(theme.palette.background.default, ";\n  }\n\n  .rdrDateDisplay {\n    margin: 0.5rem 0.75rem;\n  }\n\n  .rdrDateDisplayItem {\n    border-radius: ").concat(theme.shapes.button, ";\n  }\n\n  .rdrDateDisplayItem input {\n    height: 1.5rem;\n    line-height: 1.5rem;\n  }\n\n  .rdrDateDisplayItemActive {\n    border-color: #32abe2;\n  }\n\n  .rdrMonthAndYearWrapper {\n    height: 2rem;\n    padding-top: 0;\n    border-bottom: 1px solid  ").concat(theme.palette.divider, ";\n  }\n\n  .leap-4d-calendar .rdrMonthAndYearWrapper {\n    border-top: none;\n  }\n\n  .rdrMonthAndYearPickers select {\n    padding: 8px 24px 8px 0px;\n    font-size: 13px;\n    color: ").concat(theme.palette.primary.main, ";\n    border-radius: 0;\n  }\n\n  .rdrMonthAndYearPickers select:hover {\n    background-color: #dceef9;\n  }\n\n  .rdrMonthAndYearPickers select option {\n    background-color: white;\n  }\n\n  .rdrMonthName {\n    padding: 0.5rem 0.5rem 0.25rem;\n    text-align: center;\n    color:  ").concat(theme.palette.text.secondary, ";\n  }\n\n  .rdrMonth {\n    padding: 0 1em 0.5em;\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .rdrDay {\n    height: 2em;\n    line-height: 2em;\n  }\n\n  .rdrDayStartPreview,\n  .rdrDayInPreview,\n  .rdrDayEndPreview,\n  .rdrSelected,\n  .rdrInRange,\n  .rdrStartEdge,\n  .rdrEndEdge {\n    top: 1px;\n    bottom: 1px;\n    left: 4px;\n    right: 4px;\n  }\n\n  .rdrWeekDay {\n    color: #aab0b8;\n    font-weight: 600;\n    line-height: 2em;\n  }\n\n  .rdrDayNumber span {\n    color:  ").concat(theme.palette.text.primary, ";\n  }\n\n  .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n    color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span {\n    font-weight: 600;\n  }\n\n  .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n    bottom: -1px;\n    width: 15px;\n    height: 1px;\n  }\n\n  .rdrNextPrevButton {\n    margin: 0 0.5rem;\n    background: none;\n  }\n\n  .rdrNextPrevButton:hover {\n    background-color: #E1E7F0;\n  }\n\n  .rdrNextPrevButton i {\n    width: 24px;\n    height: 24px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n    padding: 0;\n    margin: 0;\n  }\n\n  .rdrPprevButton i {\n    border: none;\n    transform: rotate(-180deg);\n  }\n\n  .rdrNextButton i {\n    border: none;\n    transform: none;\n  }\n\n  .rdrStaticRange:hover .rdrStaticRangeLabel,\n  .rdrStaticRange:focus .rdrStaticRangeLabel {\n    background-color: #dceef9;\n  }\n\n  &.leap-4d-calendar .rdrMonths .rdrMonth .rdrDayHovered .rdrDayNumber:after {\n    border-radius: 100%;\n    top: -4px;\n    bottom: -4px;\n    left: 4px;\n    right: 4px;\n  }\n\n  &.leap-4d-calendar .rdrDayStartPreview,\n  &.leap-4d-calendar .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n    left: 4px;\n  }\n\n  &.leap-4d-calendar .rdrDayEndPreview,\n  &.leap-4d-calendar .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n    right: 4px;\n  }\n\n  .rdrDayPassive .rdrDayNumber span {\n    color: #d8d8d8;\n  }\n\n");
 });
 
 var DatePicker = function (_a) {
@@ -16308,7 +16457,7 @@ styleInject(css_248z);
 
 var StyledDateRangePicker = material.styled(dist.DateRangePicker)(function (_a) {
     var theme = _a.theme;
-    return "\n  .rdrDateRangeWrapper {\n    border: none;\n  }\n\n  /* Defined Ranges */\n  .rdrDefinedRangesWrapper {\n    width: 120px;\n    border-color: ".concat(theme.palette.divider, ";\n  }\n\n  .rdrInputRanges {\n    display: none;\n  }\n\n  .rdrStaticRange {\n    font-family: ").concat(theme.typography.body1.fontFamily, ";\n  }\n\n  .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n    color: ").concat(theme.palette.primary.main, " !important;\n    background-color: #dceef9;\n  }\n\n  .rdrStaticRangeLabel {\n    line-height: 1rem;\n    padding: 0.625rem 1.5rem;\n  }\n\n  /* Calendar */\n  .rdrDateDisplayWrapper {\n    background-color: ").concat(theme.palette.background.default, ";\n  }\n\n  .rdrDateDisplay {\n    margin: 0.5rem 0.75rem;\n  }\n\n  .rdrDateDisplayItem {\n    border-radius: ").concat(theme.shapes.button, ";\n  }\n\n  .rdrDateDisplayItem input {\n    height: 1.5rem;\n    line-height: 1.5rem;\n  }\n\n  .rdrDateDisplayItemActive {\n    border-color: #32abe2;\n  }\n\n  .rdrMonthAndYearWrapper {\n    height: 2rem;\n    padding-top: 0;\n    border-top: 1px solid  ").concat(theme.palette.divider, ";\n    border-bottom: 1px solid  ").concat(theme.palette.divider, ";\n  }\n\n  .leap-4d-calendar .rdrMonthAndYearWrapper {\n    border-top: none;\n  }\n\n  .rdrMonthAndYearPickers select {\n    padding: 8px 24px 8px 0px;\n    font-size: 13px;\n    color: ").concat(theme.palette.primary.main, ";\n    border-radius: 0;\n  }\n\n  .rdrMonthAndYearPickers select:hover {\n    background-color: #dceef9;\n  }\n\n  .rdrMonthAndYearPickers select option {\n    background-color: white;\n  }\n\n  .rdrMonthName {\n    padding: 0.5rem 0.5rem 0.25rem;\n    text-align: center;\n    color:  ").concat(theme.palette.text.secondary, ";\n  }\n\n  .rdrMonth {\n    padding: 0 1em 0.5em;\n    width: 18.5em;\n  }\n\n  .rdrMonth:only-child {\n    margin-left: auto;\n    margin-right: auto;\n  }\n\n  .rdrDay {\n    height: 2em;\n    line-height: 2em;\n  }\n\n  .rdrDayStartPreview,\n  .rdrDayInPreview,\n  .rdrDayEndPreview,\n  .rdrSelected,\n  .rdrInRange,\n  .rdrStartEdge,\n  .rdrEndEdge {\n    top: 0px;\n    bottom: 0px;\n  }\n\n  .rdrSelected {\n    left: 0px;\n    right: 0px;\n  }\n\n  .rdrWeekDay {\n    color: #aab0b8;\n    font-weight: 600;\n    line-height: 2em;\n  }\n\n  .rdrDayNumber span {\n    color:  ").concat(theme.palette.text.primary, ";\n  }\n\n  .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n    color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span {\n    font-weight: 600;\n  }\n\n  .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n    bottom: -1px;\n    width: 15px;\n    height: 1px;\n  }\n\n  .rdrNextPrevButton {\n    margin: 0 0.5rem;\n    background: none;\n  }\n\n  .rdrNextPrevButton:hover {\n    background-color: #E1E7F0;\n  }\n\n  .rdrNextPrevButton i {\n    width: 24px;\n    height: 24px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    padding: 0;\n    margin: 0;\n  }\n\n  .rdrPprevButton i {\n    border: none;\n    transform: rotate(-180deg);\n  }\n\n  .rdrNextButton i {\n    border: none;\n    transform: none;\n  }\n\n  .rdrStaticRange:hover .rdrStaticRangeLabel,\n  .rdrStaticRange:focus .rdrStaticRangeLabel {\n    background-color: #dceef9;\n  }\n\n  .rdrDayStartPreview,\n  .rdrDayStartOfWeek .rdrDayEndPreview,\n  .rdrDayStartOfWeek .rdrDayInPreview {\n    left: 2px;\n  }\n\n  .rdrDayEndPreview,\n  .rdrDayEndOfWeek .rdrDayStartPreview,\n  .rdrDayEndOfWeek .rdrDayInPreview {\n    right: 2px;\n  }\n\n  .rdrDayPassive .rdrDayNumber span {\n    color: #d8d8d8;\n  }\n");
+    return "\n  .rdrDateRangeWrapper {\n    border: none;\n  }\n\n  /* Defined Ranges */\n  .rdrDefinedRangesWrapper {\n    width: 120px;\n    border-color: ".concat(theme.palette.divider, ";\n  }\n\n  .rdrInputRanges {\n    display: none;\n  }\n\n  .rdrStaticRange {\n    font-family: ").concat(theme.typography.body1.fontFamily, ";\n  }\n\n  .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n    color: ").concat(theme.palette.primary.main, ";\n    background-color: #dceef9;\n  }\n\n  .rdrStaticRangeLabel {\n    line-height: 1rem;\n    padding: 0.625rem 1.5rem;\n  }\n\n  /* Calendar */\n  .rdrDateDisplayWrapper {\n    background-color: ").concat(theme.palette.background.default, ";\n  }\n\n  .rdrDateDisplay {\n    margin: 0.5rem 0.75rem;\n  }\n\n  .rdrDateDisplayItem {\n    border-radius: ").concat(theme.shapes.button, ";\n  }\n\n  .rdrDateDisplayItem input {\n    height: 1.5rem;\n    line-height: 1.5rem;\n  }\n\n  .rdrDateDisplayItemActive {\n    border-color: #32abe2;\n  }\n\n  .rdrMonthAndYearWrapper {\n    height: 2rem;\n    padding-top: 0;\n    border-top: 1px solid  ").concat(theme.palette.divider, ";\n    border-bottom: 1px solid  ").concat(theme.palette.divider, ";\n  }\n\n  .leap-4d-calendar .rdrMonthAndYearWrapper {\n    border-top: none;\n  }\n\n  .rdrMonthAndYearPickers select {\n    padding: 8px 24px 8px 0px;\n    font-size: 13px;\n    color: ").concat(theme.palette.primary.main, ";\n    border-radius: 0;\n  }\n\n  .rdrMonthAndYearPickers select:hover {\n    background-color: #dceef9;\n  }\n\n  .rdrMonthAndYearPickers select option {\n    background-color: white;\n  }\n\n  .rdrMonthName {\n    padding: 0.5rem 0.5rem 0.25rem;\n    text-align: center;\n    color:  ").concat(theme.palette.text.secondary, ";\n  }\n\n  .rdrMonth {\n    padding: 0 1em 0.5em;\n    width: 18.5em;\n  }\n\n  .rdrMonth:only-child {\n    margin: 0 auto;\n    width: 100%;\n  }\n\n  .rdrMonth:only-child .rdrStartEdge {\n    left: 4px;\n  }\n\n  .rdrMonth:only-child .rdrEndEdge {\n    right: 4px;\n  }\n    \n  .rdrDay {\n    height: 2em;\n    line-height: 2em;\n  }\n\n  .rdrDayStartPreview,\n  .rdrDayInPreview,\n  .rdrDayEndPreview,\n  .rdrSelected,\n  .rdrInRange,\n  .rdrStartEdge,\n  .rdrEndEdge {\n    top: 1px;\n    bottom: 1px;\n  }\n\n  .rdrWeekDay {\n    color: #aab0b8;\n    font-weight: 600;\n    line-height: 2em;\n  }\n\n  .rdrDayNumber span {\n    color:  ").concat(theme.palette.text.primary, ";\n  }\n\n  .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n  .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n    color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span {\n    font-weight: 600;\n  }\n\n  .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n  .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n  }\n\n  .rdrDayToday .rdrDayNumber span:after {\n    background-color: ").concat(theme.palette.primary.main, ";\n    bottom: -1px;\n    width: 15px;\n    height: 1px;\n  }\n\n  .rdrNextPrevButton {\n    margin: 0 0.5rem;\n    background: none;\n  }\n\n  .rdrNextPrevButton:hover {\n    background-color: #E1E7F0;\n  }\n\n  .rdrNextPrevButton i {\n    width: 24px;\n    height: 24px;\n    background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n    background-repeat: no-repeat;\n    padding: 0;\n    margin: 0;\n  }\n\n  .rdrPprevButton i {\n    border: none;\n    transform: rotate(-180deg);\n  }\n\n  .rdrNextButton i {\n    border: none;\n    transform: none;\n  }\n\n  &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayHovered .rdrDayNumber:after {\n    border-radius: 100%;\n    top: -4px;\n    bottom: -4px;\n    left: 4px;\n    right: 4px;\n  }\n\n  &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayStartPreview,\n  &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n    left: 4px;\n  }\n\n  &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayEndPreview,\n  &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n    right: 4px;\n  }\n\n\n  .rdrStaticRange:hover .rdrStaticRangeLabel,\n  .rdrStaticRange:focus .rdrStaticRangeLabel {\n    background-color: #dceef9;\n  }\n\n  .rdrDayStartPreview,\n  .rdrStartEdge,\n  .rdrDayStartOfWeek .rdrDayEndPreview,\n  .rdrDayStartOfWeek .rdrDayInPreview {\n    left: 3px;\n  }\n\n  .rdrDayEndPreview,\n  .rdrEndEdge,\n  .rdrDayEndOfWeek .rdrDayStartPreview,\n  .rdrDayEndOfWeek .rdrDayInPreview {\n    right: 3px;\n  }\n\n  .rdrDayPassive .rdrDayNumber span {\n    color: #d8d8d8;\n  }\n");
 });
 
 var DateRangePicker = function (props) {
@@ -16366,14 +16515,14 @@ var Dialog = function (props) {
 };
 
 var Divider = function (props) {
-    var _a = props.orientation, orientation = _a === void 0 ? 'horizontal' : _a, rest = __rest(props, ["orientation"]);
-    // TODO: These overrides are applicable for material 4. Will need to do regression testing before removing
-    // in the meantime overrides exist through sx and rest props
+    var _a = props.orientation, orientation = _a === void 0 ? 'horizontal' : _a, sx = props.sx, rest = __rest(props, ["orientation", "sx"]);
+    // NOTE: These overrides exist for custom spacing between dividers
+    // Alternatively if not applicable we use sx to override the spacing
     var variantProp = {
         horizontal: 'gds-divider--horizontal',
         vertical: 'gds-divider--vertical',
     }[orientation];
-    return jsxRuntime.jsx(MuiDivider, __assign({ className: "gds-divider ".concat(variantProp) }, rest));
+    return (jsxRuntime.jsx(MuiDivider, __assign({ className: orientation && !sx ? "gds-divider ".concat(variantProp) : '', sx: __assign({ backgroundColor: '#d4d4d4' }, sx) }, rest)));
 };
 
 var DrawerContainer = material.styled(material.Drawer)(function (_a) {
@@ -16465,7 +16614,7 @@ var DrawerMenuContainer = material.styled(material.MenuItem)(function (_a) {
             },
             '&.gds-drawer-menu-item-sub': {
                 '&:hover': {
-                    backgroundColor: 'rgba(255,255,255,.2) !important',
+                    backgroundColor: 'rgba(255,255,255,.2)',
                 },
                 '& .MuiListItemIcon-root': {
                     marginRight: 0,
@@ -16504,28 +16653,21 @@ var Dropdown = function (props) {
                 } }, rest, { children: children }))] }));
 };
 
-var EmptyStateContainer = material.styled(material.Box)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        height: '100%',
-        flex: 1,
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        textAlign: 'center',
-        color: '#58595b',
-        fontFamily: theme.platform.name === 'lawconnect'
-            ? 'Inter, sans-serif'
-            : 'Open Sans, sans-serif',
-    });
-});
+var EmptyStateContainer = material.styled(material.Box)(function () { return ({
+    height: '100%',
+    flex: 1,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textAlign: 'center',
+    color: '#58595b',
+    fontFamily: 'Open Sans, sans-serif',
+}); });
 var EmptyStateTitle = material.styled(material.Typography)(function (_a) {
     var theme = _a.theme;
     return ({
-        color: theme.platform.name === 'lawconnect'
-            ? theme.palette.text.primary
-            : theme.palette.primary.light,
+        color: theme.palette.primary.light,
         textTransform: 'none',
         margin: 0,
         padding: 0,
@@ -16540,28 +16682,28 @@ var EmptyState = function (props) {
         var icon;
         switch (variant) {
             case 'document':
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.document }));
+                icon = jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.document });
                 break;
             case 'matter':
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.matter }));
+                icon = jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.matter });
                 break;
             case 'appointment':
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.appointment }));
+                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.appointment }));
                 break;
             case 'transaction':
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.transaction }));
+                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.transaction }));
                 break;
             case 'default':
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.default }));
+                icon = jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.default });
                 break;
             default:
-                icon = (jsxRuntime.jsx(Icon, { sx: { fontSize: '160px !important' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.default }));
+                icon = jsxRuntime.jsx(Icon, { sx: { fontSize: '160px' }, name: themeIcons === null || themeIcons === void 0 ? void 0 : themeIcons.default });
                 break;
         }
         return icon;
     };
     var theme = material.useTheme();
-    return (jsxRuntime.jsxs(EmptyStateContainer, { children: [jsxRuntime.jsx(EmptyStateIcon, { variant: variant, emptyState: theme.emptyState }), jsxRuntime.jsx(EmptyStateTitle, { sx: { marginTop: 2 }, variant: theme.platform.name === 'lawconnect' ? 'subtitle1' : 'h2', children: title }), description && (jsxRuntime.jsx(material.Box, { mt: 1, children: jsxRuntime.jsx(material.Typography, { color: "textSecondary", variant: theme.platform.name === 'lawconnect' ? 'body2' : 'body1', children: description }) }))] }));
+    return (jsxRuntime.jsxs(EmptyStateContainer, { children: [jsxRuntime.jsx(EmptyStateIcon, { variant: variant, emptyState: theme.emptyState }), jsxRuntime.jsx(EmptyStateTitle, { sx: { marginTop: 2 }, variant: "h2", children: title }), description && (jsxRuntime.jsx(material.Box, { mt: 1, children: jsxRuntime.jsx(material.Typography, { color: "textSecondary", variant: "body1", children: description }) }))] }));
 };
 
 var FooterActionsContainer = styles$1.styled(material.Grid)({
@@ -16705,6 +16847,7 @@ var FormHeaderDetail = styles$1.styled(material.Grid)(function () { return ({
     zIndex: 9,
     position: 'relative',
     minHeight: 21,
+    justifyContent: 'space-between',
     button: {
         fontSize: 12,
     },
@@ -16712,11 +16855,9 @@ var FormHeaderDetail = styles$1.styled(material.Grid)(function () { return ({
 var FormHeaderInfo = styles$1.styled(material.Grid)(function () { return ({
     paddingTop: 0,
     paddingBottom: 0,
-    flexWrap: 'nowrap',
-    p: {
+    '& p': {
         fontWeight: 500,
         color: '#6d7278',
-        whiteSpace: 'nowrap',
     },
     '& .MuiButton-label': {
         top: 0,
@@ -16724,8 +16865,7 @@ var FormHeaderInfo = styles$1.styled(material.Grid)(function () { return ({
     '& .MuiButtonBase-root': {
         paddingTop: 0,
         paddingBottom: 0,
-        fontSize: '13px',
-        fontWeight: 400,
+        height: 21,
     },
 }); });
 var FormHeaderAccent = styles$1.styled('div')(function () { return ({
@@ -16747,7 +16887,7 @@ var FormHeaderContent = styles$1.styled('div')(function () { return ({
 
 var FormHeader = React.forwardRef(function FormHeader(props, ref) {
     var theme = material.useTheme();
-    return (jsxRuntime.jsxs(FormHeaderBox, { ref: ref, className: props.fixed ? 'gds-header-fixed' : '', children: [jsxRuntime.jsx(FormHeaderAccent, { children: jsxRuntime.jsx(LawconnectIcon, { width: "260" }) }), jsxRuntime.jsxs(FormHeaderDetail, { container: true, children: [jsxRuntime.jsx(material.Grid, { item: true, xs: 5, children: theme.platform.name === 'leap_web' ? (jsxRuntime.jsx(Typography, { color: "default", variant: "body2", sx: { textTransform: 'uppercase' }, children: props.title })) : (jsxRuntime.jsx(Typography, { color: "primary.light", variant: "h2", sx: { textTransform: 'uppercase' }, children: props.title })) }), jsxRuntime.jsx(material.Grid, { item: true, xs: 7, children: jsxRuntime.jsxs(FormHeaderInfo, { container: true, alignItems: "center", justifyContent: "flex-end", children: [props.from ? (jsxRuntime.jsx(Typography, { align: "right", variant: "body2", children: props.from })) : null, props.from && props.onClick ? (jsxRuntime.jsx(material.Divider, { orientation: "vertical", sx: {
+    return (jsxRuntime.jsxs(FormHeaderBox, { ref: ref, className: props.fixed ? 'gds-header-fixed' : '', children: [props.hideBranding ? ('') : (jsxRuntime.jsx(FormHeaderAccent, { children: jsxRuntime.jsx(LawconnectIcon, { width: "260" }) })), jsxRuntime.jsxs(FormHeaderDetail, { container: true, children: [jsxRuntime.jsx(material.Grid, { item: true, children: theme.platform.name === 'leap_web' ? (jsxRuntime.jsx(Typography, { color: "primary", variant: "h4", sx: { textTransform: 'uppercase' }, children: props.title })) : (jsxRuntime.jsx(Typography, { color: "primary.light", variant: "body1", sx: { textTransform: 'uppercase' }, children: props.title })) }), jsxRuntime.jsx(material.Grid, { item: true, children: jsxRuntime.jsxs(FormHeaderInfo, { container: true, children: [props.from ? (jsxRuntime.jsx(Typography, { align: "right", variant: "body2", children: props.from })) : null, props.from && props.onClick ? (jsxRuntime.jsx(material.Divider, { orientation: "vertical", sx: {
                                         height: 16,
                                         width: '1px',
                                         margin: '2px 5px',
@@ -18543,7 +18683,7 @@ var ImageUpload = function (props) {
     React.useEffect(function () { return function () {
         files.forEach(function (file) { return URL.revokeObjectURL(file.url); });
     }; }, [files]);
-    return (jsxRuntime.jsx(ImageUploadStyled, { "data-testid": "image-upload", children: jsxRuntime.jsxs("div", __assign({}, getRootProps({ className: 'dropzone' }), { children: [jsxRuntime.jsx("input", __assign({}, getInputProps())), jsxRuntime.jsxs(ImageUploadContainer, { children: [jsxRuntime.jsx(ImageUploadClose, { children: jsxRuntime.jsx(IconButton, { size: "small", onClick: reset, children: jsxRuntime.jsx(Icon, { name: CrossIcon }) }) }), jsxRuntime.jsx(ImageUploadWrapperStyled, { children: files.length < 1 ? (jsxRuntime.jsx(ImageUploadPhoto, { className: rounded ? 'gds-image-upload-rounded' : '', children: placeholderImage })) : (files.map(function (file, index) { return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ImageUploadPhoto, { className: rounded ? 'gds-image-upload-rounded' : '', children: jsxRuntime.jsx(ImageStyled, { title: file.url, src: file.url }) }) }, index)); })) })] }), jsxRuntime.jsx(Button, { color: "inherit", variant: "outlined", type: "button", size: "medium", fullWidth: true, onClick: open, style: { padding: 8 }, children: "Upload Photo" })] })) }));
+    return (jsxRuntime.jsx(ImageUploadStyled, { "data-testid": "image-upload", children: jsxRuntime.jsxs("div", __assign({}, getRootProps({ className: 'dropzone' }), { children: [jsxRuntime.jsx("input", __assign({}, getInputProps())), jsxRuntime.jsxs(ImageUploadContainer, { children: [jsxRuntime.jsx(ImageUploadClose, { children: jsxRuntime.jsx(IconButton, { size: "small", onClick: reset, children: jsxRuntime.jsx(Icon, { name: CrossIcon }) }) }), jsxRuntime.jsx(ImageUploadWrapperStyled, { children: files.length < 1 ? (jsxRuntime.jsx(ImageUploadPhoto, { className: rounded ? 'gds-image-upload-rounded' : '', children: placeholderImage })) : (files.map(function (file, index) { return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ImageUploadPhoto, { className: rounded ? 'gds-image-upload-rounded' : '', children: jsxRuntime.jsx(ImageStyled, { title: file.url, src: file.url }) }) }, index)); })) })] }), jsxRuntime.jsx(Button, { variant: "outlined", fullWidth: true, onClick: open, sx: { padding: 2, borderRadius: 0 }, children: "Upload Photo" })] })) }));
 };
 
 var StyledInputBase = styles$1.styled(InputBase, {
@@ -18651,44 +18791,39 @@ var Loader = function (props) {
         } }, rest, { open: props.open, children: spinner ? (jsxRuntime.jsx(SpinnerIcon, { color: "inherit" })) : (jsxRuntime.jsx(LoaderIcon, { color: "inherit" })) })));
 };
 
-var MenuHeaderContainer = material.styled('div')(function (_a) {
+var MenuHeaderContainer = material.styled('div')(function () { return ({
+    '.MuiDivider-root': {
+        marginTop: 2,
+    },
+}); });
+var MenuListSubheader = material.styled(material.ListSubheader)(function (_a) {
     var theme = _a.theme;
-    return ({
-        '.MuiDivider-root': {
-            marginTop: 2,
-            display: theme.platform.name === 'lawconnect' ? 'none' : '',
-        },
-    });
+    return (__assign(__assign({}, theme.typography.body1), { fontWeight: 500, color: theme.palette.grey[700], backgroundColor: 'transparent', paddingTop: 4, paddingBottom: 4, paddingLeft: 6, paddingRight: 6, '&.gds-menu-subheader': {
+            fontWeight: 400,
+            fontSize: 13,
+            '&.MuiListSubheader-gutters': {
+                paddingTop: 4,
+                paddingBottom: 4,
+                paddingLeft: 6,
+                paddingRight: 6,
+            },
+        } }));
 });
 
 var MenuHeader = function (props) {
-    var children = props.children;
-    return (jsxRuntime.jsxs(MenuHeaderContainer, { children: [jsxRuntime.jsx(material.ListSubheader, { children: children }), jsxRuntime.jsx(material.Divider, {})] }));
+    var children = props.children, rest = __rest(props, ["children"]);
+    var theme = material.useTheme();
+    return (jsxRuntime.jsxs(MenuHeaderContainer, { children: [jsxRuntime.jsx(MenuListSubheader, __assign({ className: theme.platform.name === 'leap_web' ? 'gds-menu-subheader' : '' }, rest, { children: children })), jsxRuntime.jsx(material.Divider, {})] }));
 };
 
 var Menu = React.forwardRef(function Menu(props, ref) {
-    var heading = props.heading, _a = props.padding, padding = _a === void 0 ? 'small' : _a, system = props.system, rest = __rest(props, ["heading", "padding", "system"]);
-    var paddings = 2;
-    switch (padding) {
-        case 'medium':
-            paddings = 4;
-            break;
-        case 'small':
-            paddings = 2;
-            break;
-    }
-    return (jsxRuntime.jsxs(material.Menu, __assign({ ref: ref, className: system ? 'gds-menu-system' : '', MenuListProps: {
-            sx: {
-                padding: function (theme) {
-                    return theme.platform.name === 'lawconnect' ? paddings : '';
-                },
-            },
-        } }, rest, { children: [heading ? jsxRuntime.jsx(MenuHeader, { children: heading }) : '', props.children] })));
+    var heading = props.heading, system = props.system, rest = __rest(props, ["heading", "system"]);
+    return (jsxRuntime.jsxs(material.Menu, __assign({ ref: ref, className: system ? 'gds-menu-system' : '' }, rest, { children: [heading ? jsxRuntime.jsx(MenuHeader, { children: heading }) : '', props.children] })));
 });
 
 var MenuItem = function (props) {
     var startIcon = props.startIcon, endIcon = props.endIcon, stacked = props.stacked, children = props.children, system = props.system, border = props.border, rest = __rest(props, ["startIcon", "endIcon", "stacked", "children", "system", "border"]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(material.MenuItem, __assign({ className: "".concat(startIcon || system ? 'gds-menu-item-icon' : '', " ").concat(system ? 'gds-menu-item-system' : '') }, rest, { children: [startIcon ? jsxRuntime.jsx(ListItemIcon$1, { children: startIcon }) : null, jsxRuntime.jsx(ListItemText$1, { className: stacked ? 'MuiListItemText-stacked' : 'MuiListItemText-inline', children: children }), endIcon ? jsxRuntime.jsx(ListItemIcon$1, { children: endIcon }) : null] })), border && jsxRuntime.jsx(material.Divider, {})] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(material.MenuItem, __assign({ className: "".concat(startIcon || system ? 'gds-menu-item-icon' : '', " ").concat(system ? 'gds-menu-item-system' : '') }, rest, { children: [startIcon ? (jsxRuntime.jsx(ListItemIcon$1, { className: props.selected ? 'selected' : '', children: startIcon })) : null, jsxRuntime.jsx(ListItemText$1, { className: stacked ? 'MuiListItemText-stacked' : 'MuiListItemText-inline', children: children }), endIcon ? jsxRuntime.jsx(ListItemIcon$1, { children: endIcon }) : null] })), border && jsxRuntime.jsx(material.Divider, {})] }));
 };
 
 var Modal = function (_a) {
@@ -18877,49 +19012,6 @@ var RibbonButtonGroup = React.forwardRef(function RibbonButtonGroup(props, ref)
                 }, children: jsxRuntime.jsx(CaretIcon, {}) })] })));
 });
 
-var SelectStyled = styles$1.styled(material.Select)(function (_a) {
-    var theme = _a.theme;
-    return ({
-        borderRadius: theme.shapes.card,
-        height: 40,
-        select: {
-            padding: '0 16px',
-            height: 40,
-            lineHeight: '40px',
-            display: 'flex',
-            alignItems: 'center',
-            '& .MuiTypography-root': {
-                fontWeight: 'inherit',
-            },
-            '&.MuiInputBase-input, &.MuiOutlinedInput-input': {
-                paddingRight: '44px',
-                paddingTop: 0,
-            },
-            '&.MuiInputBase-input.MuiFilledInput-input': {},
-            '&.MuiInputBase-input': {
-                '&.MuiFilledInput-input': {
-                    '&:focus': {
-                        backgroundColor: 'transparent',
-                    },
-                },
-            },
-        },
-        '& .MuiFilledInput-input': {
-            paddingTop: '8px',
-            '&:focus': {
-                backgroundColor: 'transparent',
-            },
-        },
-        legend: {
-            display: 'none',
-        },
-    });
-});
-
-var Select = function (props) {
-    return jsxRuntime.jsx(SelectStyled, __assign({ IconComponent: ChevronDownIcon }, props));
-};
-
 var SidebarWrapper = styles$1.styled(Box)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n  height: 100%;\n  overflow: hidden;\n"], ["\n  height: 100%;\n  overflow: hidden;\n"])));
 var SidebarMain = styles$1.styled(Box)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  flex: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"], ["\n  flex: auto;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
 var SidebarSide = styles$1.styled(Box)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"], ["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));
@@ -19215,8 +19307,27 @@ var TagLabel = styles$1.styled('div')(function (_a) {
     var theme = _a.theme;
     return "\n  padding-left: 5px;\n  padding-right: 5px;\n  align-items: center;\n  color:".concat(theme.palette.text.primary, "; \n");
 });
-var TagStartIcon = styles$1.styled('div')(function () { return "\n  display: flex;\n  padding: 0 5px;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n"; });
-var TagEndIcon = styles$1.styled('div')(function () { return "\n  display: flex;\n  .MuiSvgIcon-root {\n    font-size: 16px;\n  }\n  .MuiIconButton-root {\n    padding-left: 5px;\n    padding-right: 5px;\n  }\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n"; });
+var TagStartIcon = styles$1.styled('div')(function (_a) {
+    var startIconStyles = _a.startIconStyles;
+    return ({
+        display: 'flex',
+        padding: '0 5px',
+        '& .MuiSvgIcon-root': __assign({ fontSize: '1rem' }, startIconStyles),
+    });
+});
+var TagEndIcon = styles$1.styled('div')(function (_a) {
+    var endIconStyles = _a.endIconStyles;
+    return ({
+        display: 'flex',
+        '& .MuiSvgIcon-root': {
+            fontSize: '1rem',
+        },
+        '& .MuiIconButton-root': __assign({ paddingLeft: '5px', paddingRight: '5px' }, endIconStyles),
+        '& .MuiButtonBase-root': {
+            color: 'inherit',
+        },
+    });
+});
 var TagDelete = styles$1.styled('div')(function () { return "\n  display: flex;\n  border-left: 1px solid #C0D7EE;\n  .MuiButtonBase-root{\n    color: inherit;\n  }\n  & > *:last-of-type {\n    .MuiSvgIcon-root {\n      font-size: 24px;\n    }  \n  }\n"; });
 var MuiIconButton = styles$1.styled(material.IconButton)(function (_a) {
     var theme = _a.theme;
@@ -19225,11 +19336,11 @@ var MuiIconButton = styles$1.styled(material.IconButton)(function (_a) {
 var templateObject_1$1;
 
 var Tag = function (props) {
-    var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipDelete = props.tooltipDelete, tooltipDeletePlacement = props.tooltipDeletePlacement, tooltipLabelPlacement = props.tooltipLabelPlacement, tooltipLabel = props.tooltipLabel, disabled = props.disabled, rest = __rest(props, ["tooltip", "tooltipPlacement", "tooltipDelete", "tooltipDeletePlacement", "tooltipLabelPlacement", "tooltipLabel", "disabled"]);
+    var tooltip = props.tooltip, tooltipPlacement = props.tooltipPlacement, tooltipDelete = props.tooltipDelete, tooltipDeletePlacement = props.tooltipDeletePlacement, tooltipLabelPlacement = props.tooltipLabelPlacement, tooltipLabel = props.tooltipLabel, disabled = props.disabled, startIconStyles = props.startIconStyles, endIconStyles = props.endIconStyles, rest = __rest(props, ["tooltip", "tooltipPlacement", "tooltipDelete", "tooltipDeletePlacement", "tooltipLabelPlacement", "tooltipLabel", "disabled", "startIconStyles", "endIconStyles"]);
     var placement = tooltipPlacement !== undefined ? tooltipPlacement : 'top';
     var placementLabel = tooltipLabelPlacement !== undefined ? tooltipLabelPlacement : 'top';
     var placementDelete = tooltipDeletePlacement !== undefined ? tooltipDeletePlacement : 'top';
-    return (jsxRuntime.jsxs(TagWrapper, { children: [rest.startIcon ? jsxRuntime.jsx(TagStartIcon, { children: rest.startIcon }) : null, jsxRuntime.jsx(TagLabel, { sx: {
+    return (jsxRuntime.jsxs(TagWrapper, { children: [rest.startIcon ? (jsxRuntime.jsx(TagStartIcon, { startIconStyles: startIconStyles, children: rest.startIcon })) : null, jsxRuntime.jsx(TagLabel, { sx: {
                     whiteSpace: 'nowrap',
                     overflow: 'hidden',
                     textOverflow: 'ellipsis',
@@ -19243,25 +19354,28 @@ var Tag = function (props) {
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         width: '100%',
-                    }, variant: "body2", children: rest.label })) }), rest.endIcon ? (jsxRuntime.jsx(TagEndIcon, { children: tooltip ? (jsxRuntime.jsx(material.Tooltip, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 }, children: jsxRuntime.jsx(MuiIconButton, { disabled: disabled, onClick: rest.onClick, children: rest.endIcon }) })) : (jsxRuntime.jsx(MuiIconButton, { disabled: disabled, onClick: rest.onClick, children: rest.endIcon })) })) : null, rest.onDelete ? (jsxRuntime.jsx(TagDelete, { children: tooltipDelete ? (jsxRuntime.jsx(material.Tooltip, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 }, children: jsxRuntime.jsx(MuiIconButton, { onClick: rest.onDelete, children: rest.deleteIcon ? (rest.deleteIcon) : (jsxRuntime.jsx(Icon, { "data-testid": "tooltip-delete", name: CrossIcon })) }) })) : (jsxRuntime.jsx(MuiIconButton, { onClick: rest.onDelete, children: rest.deleteIcon ? (rest.deleteIcon) : (jsxRuntime.jsx(Icon, { "data-testid": "delete", name: CrossIcon })) })) })) : null] }));
+                    }, variant: "body2", children: rest.label })) }), rest.endIcon ? (jsxRuntime.jsx(TagEndIcon, { endIconStyles: endIconStyles, children: tooltip ? (jsxRuntime.jsx(material.Tooltip, { title: tooltip, placement: placement, TransitionProps: { timeout: 0 }, children: jsxRuntime.jsx(MuiIconButton, { disabled: disabled, onClick: rest.onClick, children: rest.endIcon }) })) : (jsxRuntime.jsx(MuiIconButton, { disabled: disabled, onClick: rest.onClick, children: rest.endIcon })) })) : null, rest.onDelete ? (jsxRuntime.jsx(TagDelete, { children: tooltipDelete ? (jsxRuntime.jsx(material.Tooltip, { title: tooltipDelete, placement: placementDelete, TransitionProps: { timeout: 0 }, children: jsxRuntime.jsx(MuiIconButton, { onClick: rest.onDelete, children: rest.deleteIcon ? (rest.deleteIcon) : (jsxRuntime.jsx(Icon, { "data-testid": "tooltip-delete", name: CrossIcon })) }) })) : (jsxRuntime.jsx(MuiIconButton, { onClick: rest.onDelete, children: rest.deleteIcon ? (rest.deleteIcon) : (jsxRuntime.jsx(Icon, { "data-testid": "delete", name: CrossIcon })) })) })) : null] }));
 };
 
 var Toolbar = function (props) {
     return jsxRuntime.jsx(material.Toolbar, __assign({}, props));
 };
 
-var StyledToolbarButton = styles$1.styled(Button$1)(function (_a) {
+var StyledToolbarButton = styles$1.styled(Button)(function (_a) {
     var theme = _a.theme;
-    return (__assign(__assign({}, (theme.platform.name === 'leap_desktop' && __assign(__assign({ height: 'auto', maxWidth: 70, minWidth: 'unset', margin: '0 15px', border: '1px solid transparent', backgroundColor: 'transparent', flexDirection: 'column', padding: '0 4px', whiteSpace: 'normal' }, theme.typography.body2), { lineHeight: '1rem', '&:hover': {
-            backgroundColor: '#DDE7F3',
-            borderColor: '#CADEF3',
-        }, '.MuiSvgIcon-root': {
-            width: 32,
-            height: 32,
-            marginBottom: 6,
-        }, '.MuiButton-startIcon': {
-            margin: 0,
-        } }))), (theme.platform.name === 'leap_web' && {
+    return (__assign(__assign({}, (theme.platform.name === 'leap_desktop' && {
+        '&.MuiButton-outlinedPrimary': __assign(__assign({ height: 'auto', maxWidth: 70, minWidth: 'unset', margin: '0 15px', border: '1px solid transparent', backgroundColor: 'transparent', flexDirection: 'column', padding: '0 4px', whiteSpace: 'normal' }, theme.typography.body2), { lineHeight: '1rem', '&:hover, &:focus': {
+                backgroundColor: '#DDE7F3',
+                borderColor: '#CADEF3',
+                boxShadow: 'none',
+            }, '.MuiSvgIcon-root': {
+                width: 32,
+                height: 32,
+                marginBottom: 6,
+            }, '.MuiButton-startIcon': {
+                margin: 0,
+            } }),
+    })), (theme.platform.name === 'leap_web' && {
         '.MuiButton-startIcon': {
             display: 'none',
         },
@@ -19510,7 +19624,6 @@ exports.RibbonButton = RibbonButton;
 exports.RibbonButtonGroup = RibbonButtonGroup;
 exports.ScannedDoc16Icon = ScannedDoc16Icon;
 exports.SearchIcon = SearchIcon;
-exports.Select = Select;
 exports.SelectFilterEmptyIcon = SelectFilterEmptyIcon;
 exports.SelectFilterFilledIcon = SelectFilterFilledIcon;
 exports.SelectFilterIcon = SelectFilterIcon;