@digital-ai/dot-components 2.18.7 → 2.19.0

package/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useEffect, useState, useRef, useMemo, useContext, createContext, forwardRef, useCallback, createElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
-import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, StyledEngineProvider, Avatar, Button, Link, List, ListSubheader, Divider, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItem, ListItemButton, Collapse, ListItemIcon, ListItemText, Badge, useMediaQuery, Autocomplete, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogContent, DialogActions, useTheme as useTheme$1, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, Stepper, Step, StepLabel, StepContent, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab, LinearProgress } from '@mui/material';
+import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, StyledEngineProvider, Avatar, Button, Link, List, ListSubheader, Divider, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItem, ListItemButton, Collapse, ListItemIcon, ListItemText, Badge, useMediaQuery, Autocomplete, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogContent, DialogActions, useTheme as useTheme$1, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, Stepper, Step, StepLabel, StepContent, TablePagination, TableContainer, TableBody, TableCell, TableRow, TableSortLabel, TableHead, Table, Tabs, Tab, LinearProgress, Slide } from '@mui/material';
 import '@digital-ai/dot-icons';
 import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
 import { createTheme, ThemeProvider, alpha, useTheme } from '@mui/material/styles';
@@ -54,11 +54,11 @@ const DotTooltip = ({
   }), void 0) : children;
 };
 
-const rootClassName$17 = 'dot-icon';
+const rootClassName$16 = 'dot-icon';
 const StyledIcon = styled(Icon).withConfig({
   displayName: "Iconstyles__StyledIcon",
   componentId: "st0ybo-0"
-})(["", ""], () => css(["&.", "{font-size:20px;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px;}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;}}"], rootClassName$17));
+})(["", ""], () => css(["&.", "{font-size:20px;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px;}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;}}"], rootClassName$16));
 
 const DotIcon = ({
   ariaLabel,
@@ -69,7 +69,7 @@ const DotIcon = ({
   iconId,
   tooltip
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$17, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$16, className);
   return jsx(DotTooltip, Object.assign({
     title: tooltip
   }, {
@@ -133,7 +133,7 @@ const DotTypography = ({
   }), void 0);
 };
 
-const rootClassName$16 = 'dot-accordion';
+const rootClassName$15 = 'dot-accordion';
 const summaryClassName = 'dot-accordion-summary';
 const detailClassName = 'dot-accordion-details';
 const StyledAccordion = styled(Accordion).withConfig({
@@ -141,7 +141,7 @@ const StyledAccordion = styled(Accordion).withConfig({
   componentId: "sc-1amx4r3-0"
 })(["", ""], ({
   theme
-}) => css(["&.", " .", "{align-items:center;display:flex;&.Mui-expanded{border-top:1px solid rgba(0,0,0,0.12);&:before{opacity:1;}}.MuiAccordionSummary-content{align-items:center;gap:", ";width:calc(100% - ", ");.dot-tooltip{overflow:hidden;}}.MuiAccordionSummary-expandIconWrapper{padding:", ";margin-right:", ";}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}"], rootClassName$16, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
+}) => css(["&.", " .", "{align-items:center;display:flex;&.Mui-expanded{border-top:1px solid rgba(0,0,0,0.12);&:before{opacity:1;}}.MuiAccordionSummary-content{align-items:center;gap:", ";width:calc(100% - ", ");.dot-tooltip{overflow:hidden;}}.MuiAccordionSummary-expandIconWrapper{padding:", ";margin-right:", ";}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}"], rootClassName$15, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
 
 const DotAccordion = ({
   actions,
@@ -158,7 +158,7 @@ const DotAccordion = ({
   summary,
   noWrap: _noWrap = true
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$16, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$15, className);
   const [elevation, setElevation] = useState();
   useEffect(() => {
     if (onChange && expanded === undefined) {
@@ -218,7 +218,7 @@ const adornmentIconStyles = () => css(["font-size:24px;height:24px;padding:0;wid
 const pickerInputStyles = theme => css(["label:not(.MuiInputLabel-shrink){top:-5px;}.MuiInputBase-root{margin-bottom:0;.dot-error-icon{margin-right:", ";color:", ";}.dot-icon{", ";}}.MuiInputBase-input{height:", ";padding:", ";}.MuiFormHelperText-root{", ";}"], theme.spacing(0.5), theme.palette.error.main, adornmentIconStyles(), theme.spacing(2), theme.spacing(1.5, 0, 1.5, 2), formHelperTextRootStyles(theme));
 const readOnlyStyles = theme => css(["background:", ";color:", ";border-color:", ";-webkit-text-fill-color:", ";input.Mui-disabled{-webkit-text-fill-color:", ";}.dot-chip{background:", ";opacity:1;}"], theme.palette.grey[50], theme.palette.grey[500], theme.palette.grey[300], theme.palette.grey[500], theme.palette.grey[500], theme.palette.layer.n0);
 
-const rootClassName$15 = 'dot-text-field';
+const rootClassName$14 = 'dot-text-field';
 const rootSelectClassName = 'dot-select-field';
 const labelClassName = 'dot-input-label';
 const errorClassName = 'dot-error';
@@ -247,15 +247,15 @@ const StyledTextField = styled(TextField).withConfig({
 })(["", ""], ({
   theme,
   InputProps
-}) => css(["&.", "{.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-input{padding:", ";}.MuiInputBase-inputSizeSmall{padding-top:10.5px;padding-bottom:10.5px;&:not(textarea){height:19px;}}.MuiInputBase-inputMultiline{padding:0;}.MuiInputLabel-root.Mui-disabled{color:", ";}&.", " .MuiInputBase-root,.MuiInputBase-root.Mui-disabled{", ";}}.dot-select,.dot-input{&.", ",&.Mui-disabled{", ";}}&.", " .", "{margin-right:", ";}&.", ",&.", "{.", "{color:", ";p{font-size:", "px;margin:0;}.dot-icon i{margin-top:-2px;}}.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-inputSizeSmall:not(textarea){height:19px;padding-top:10.5px;padding-bottom:10.5px;}select.dot-select{padding-left:", ";}.MuiSelect-select:focus:not(.", "){background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiInputLabel-animated{color:", ";}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-animated,.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-animated,.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink:not(.MuiInputLabel-animated){color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$15, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, theme.palette.layer.n500, readOnlyClassName$1, readOnlyStyles(theme), readOnlyClassName$1, readOnlyStyles(theme), rootSelectClassName, adornmentIconClassName, theme.spacing(2), rootSelectClassName, rootClassName$15, adornmentIconClassName, theme.palette.layer.n700, theme.typography.body2.fontSize, theme.spacing(1.5), readOnlyClassName$1, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, errorClassName, theme.palette.error.main, adornmentIconClassName, theme.palette.error.main, warningClassName, theme.palette.warning.main, theme.palette.warning.main, adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], formHelperTextRootStyles(theme)));
+}) => css(["&.", "{.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-input{padding:", ";}.MuiInputBase-inputSizeSmall{padding-top:10.5px;padding-bottom:10.5px;&:not(textarea){height:19px;}}.MuiInputBase-inputMultiline{padding:0;}.MuiInputLabel-root.Mui-disabled{color:", ";}&.", " .MuiInputBase-root,.MuiInputBase-root.Mui-disabled{", ";}}.dot-select,.dot-input{&.", ",&.Mui-disabled{", ";}}&.", " .", "{margin-right:", ";}&.", ",&.", "{.", "{color:", ";p{font-size:", "px;margin:0;}.dot-icon i{margin-top:-2px;}}.MuiInputBase-root{margin-bottom:0;}.MuiInputBase-inputSizeSmall:not(textarea){height:19px;padding-top:10.5px;padding-bottom:10.5px;}select.dot-select{padding-left:", ";}.MuiSelect-select:focus:not(.", "){background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiInputLabel-animated{color:", ";}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-animated,.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-animated,.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink:not(.MuiInputLabel-animated){color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$14, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, theme.palette.layer.n500, readOnlyClassName$1, readOnlyStyles(theme), readOnlyClassName$1, readOnlyStyles(theme), rootSelectClassName, adornmentIconClassName, theme.spacing(2), rootSelectClassName, rootClassName$14, adornmentIconClassName, theme.palette.layer.n700, theme.typography.body2.fontSize, theme.spacing(1.5), readOnlyClassName$1, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, errorClassName, theme.palette.error.main, adornmentIconClassName, theme.palette.error.main, warningClassName, theme.palette.warning.main, theme.palette.warning.main, adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], formHelperTextRootStyles(theme)));
 
-const rootClassName$14 = 'dot-action-toolbar';
+const rootClassName$13 = 'dot-action-toolbar';
 const StyledToolbar = styled(Toolbar).withConfig({
   displayName: "ActionToolbarstyles__StyledToolbar",
   componentId: "sc-5llm03-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$14, theme.palette.grey[100], rootClassName$15));
+}) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$13, theme.palette.grey[100], rootClassName$14));
 
 const DotActionToolbar = ({
   ariaLabel,
@@ -264,7 +264,7 @@ const DotActionToolbar = ({
   'data-testid': dataTestId,
   variant: _variant = 'dense'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$14, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$13, className);
   return jsx(StyledToolbar, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -275,13 +275,13 @@ const DotActionToolbar = ({
   }), void 0);
 };
 
-const rootClassName$13 = 'dot-alert-banner';
+const rootClassName$12 = 'dot-alert-banner';
 const StyledAlertBanner = styled(Alert).withConfig({
   displayName: "AlertBannerstyles__StyledAlertBanner",
   componentId: "sc-1u3aqgz-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;min-height:48px;overflow:hidden;padding:", ";.dot-icon,.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.dot-icon,.MuiAlert-icon{color:", ";}}}"], rootClassName$13, theme.spacing(0.75, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.error[50], theme.palette.error[700], theme.palette.error[500]));
+}) => css(["&.", "{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;min-height:48px;overflow:hidden;padding:", ";.dot-icon,.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.dot-icon,.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.dot-icon,.MuiAlert-icon{color:", ";}}}"], rootClassName$12, theme.spacing(0.75, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.error[50], theme.palette.error[700], theme.palette.error[500]));
 
 var LatoRegular = "data:font/woff;base64,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";
 
@@ -966,7 +966,7 @@ const DotAlertBanner = ({
     success: AlertBannerIcon('check-solid'),
     warning: AlertBannerIcon('warning-solid')
   };
-  const rootClasses = useStylesWithRootClass(rootClassName$13, severity, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$12, severity, className);
   /* For simple string use default component, for everything else use 'div' */
   const typographyComponent = isString$1(children) ? undefined : 'div';
   return jsx(StyledAlertBanner, Object.assign({
@@ -1623,7 +1623,7 @@ const useDotCoreApiContext = () => {
   return useContext(DotCoreApiContext);
 };
 
-const rootClassName$12 = 'dot-avatar';
+const rootClassName$11 = 'dot-avatar';
 const avatarSpacing = {
   small: 3,
   medium: 5,
@@ -1634,7 +1634,7 @@ const StyledAvatar = styled(Avatar).withConfig({
   componentId: "sc-13bzj2s-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}img{width:auto;height:105%;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", ";width:", ";}&.medium{height:", ";width:", ";}&.large{height:", ";width:", ";}}"], rootClassName$12, ({
+}) => css(["&.", "{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}img{width:auto;height:105%;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", ";width:", ";}&.medium{height:", ";width:", ";}&.large{height:", ";width:", ";}}"], rootClassName$11, ({
   color
 }) => {
   return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
@@ -1710,7 +1710,7 @@ const DotAvatar = ({
   variant: _variant = 'circular',
   style
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$12, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$11, className);
   const getAvatarColor = () => {
     if ((style === null || style === void 0 ? void 0 : style.color) !== undefined) return 'inherit';
     if (color) return color;
@@ -1751,13 +1751,13 @@ const DotAvatar = ({
   }), void 0);
 };
 
-const rootClassName$11 = 'dot-button';
+const rootClassName$10 = 'dot-button';
 const StyledButton = styled(Button).withConfig({
   displayName: "Buttonstyles__StyledButton",
   componentId: "sx99hh-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{margin:", ";padding:", ";min-width:auto;white-space:nowrap;&:hover{background-color:", ";}&:active{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined,&.MuiButton-text{&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined{border-color:", ";color:", ";}&.MuiButton-text{background-color:transparent;color:", ";}&.Mui-disabled{background-color:", ";color:", ";&.MuiButton-outlined{border-color:", ";}&.MuiButton-text,&.MuiButton-containedSecondary{background-color:transparent;}}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}.dot-icon{display:flex;padding:0;}}"], rootClassName$11, theme.spacing(0.5), theme.spacing(0.75, 2), theme.palette.primary[800], theme.palette.primary[400], theme.palette.error[500], theme.palette.error[600], theme.palette.error[400], theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[300], theme.palette.grey[700], theme.palette.grey[700], theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[200], theme.spacing(5)));
+}) => css(["&.", "{margin:", ";padding:", ";min-width:auto;white-space:nowrap;&:hover{background-color:", ";}&:active{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined,&.MuiButton-text{&:hover{background-color:", ";}&:active{background-color:", ";}}&.MuiButton-outlined{border-color:", ";color:", ";}&.MuiButton-text{background-color:transparent;color:", ";}&.Mui-disabled{background-color:", ";color:", ";&.MuiButton-outlined{border-color:", ";}&.MuiButton-text,&.MuiButton-containedSecondary{background-color:transparent;}}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}.dot-icon{display:flex;padding:0;}}"], rootClassName$10, theme.spacing(0.5), theme.spacing(0.75, 2), theme.palette.primary[800], theme.palette.primary[400], theme.palette.error[500], theme.palette.error[600], theme.palette.error[400], theme.palette.grey[50], theme.palette.grey[100], theme.palette.grey[300], theme.palette.grey[700], theme.palette.grey[700], theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[200], theme.spacing(5)));
 
 /** This component wraps the Button component from @material-ui. */
 const DotButton = /*#__PURE__*/forwardRef(({
@@ -1780,7 +1780,7 @@ const DotButton = /*#__PURE__*/forwardRef(({
   tooltip,
   type: _type = 'primary'
 }, ref) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$11, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$10, className);
   let color;
   let variant;
   switch (_type) {
@@ -1831,11 +1831,11 @@ const DotButton = /*#__PURE__*/forwardRef(({
   }), void 0);
 });
 
-const rootClassName$10 = 'dot-link';
+const rootClassName$$ = 'dot-link';
 const StyledLink = styled(Link).withConfig({
   displayName: "Linkstyles__StyledLink",
   componentId: "sc-1lpmaww-0"
-})(["", ""], () => css(["&.", "{cursor:pointer;&:hover.MuiLink-underlineHover{text-decoration:none;}}"], rootClassName$10));
+})(["", ""], () => css(["&.", "{cursor:pointer;&:hover.MuiLink-underlineHover{text-decoration:none;}}"], rootClassName$$));
 
 const DotLink = ({
   ariaLabel,
@@ -1854,7 +1854,7 @@ const DotLink = ({
   tooltip,
   underline: _underline = 'always'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$10, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$$, className);
   useEffect(() => {
     // Include a console warning if the link is not a string and no ariaLabel is provided
     if (!isString$1(children) && !ariaLabel) {
@@ -1901,7 +1901,7 @@ const CreateUUID = () => {
   });
 };
 
-const rootClassName$$ = 'dot-list';
+const rootClassName$_ = 'dot-list';
 const listItemRootClass = 'dot-list-item';
 const nestedListClassName = 'dot-nested-list';
 const nestedDrawerClassName = 'dot-nested-drawer';
@@ -1910,7 +1910,7 @@ const StyledList = styled(List).withConfig({
   componentId: "wxwqwr-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiCollapse-root{padding-top:", ";margin-bottom:", ";.MuiCollapse-wrapper{margin:", ";overflow:hidden;width:calc(100% - ", ");}.MuiListSubheader-root .MuiTypography-root{padding:", ";}}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$$, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1), theme.spacing(-1), theme.spacing(0, 2), theme.spacing(4), theme.spacing(1, 0), theme.spacing(1)));
+}) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiCollapse-root{padding-top:", ";margin-bottom:", ";.MuiCollapse-wrapper{margin:", ";overflow:hidden;width:calc(100% - ", ");}.MuiListSubheader-root .MuiTypography-root{padding:", ";}}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$_, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1), theme.spacing(-1), theme.spacing(0, 2), theme.spacing(4), theme.spacing(1, 0), theme.spacing(1)));
 
 const getChevronIcon = (nestedListType, isOpened) => {
   if (nestedListType !== 'expandable') {
@@ -1956,11 +1956,11 @@ const DotListDivider = ({
   }, void 0);
 };
 
-const rootClassName$_ = 'dot-progress';
+const rootClassName$Z = 'dot-progress';
 const StyledCircularProgress = styled(CircularProgress).withConfig({
   displayName: "Progressstyles__StyledCircularProgress",
   componentId: "sc-1gs77rb-0"
-})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$_);
+})(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$Z);
 
 const DotProgress = ({
   ariaLabel,
@@ -1973,7 +1973,7 @@ const DotProgress = ({
   value,
   variant: _variant = 'indeterminate'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$_, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
   useEffect(() => {
     if (!ariaLabel) {
       console.warn('a11y: DotProgress must have an ariaLabel to describe the progress component');
@@ -2015,23 +2015,23 @@ var variables = /*#__PURE__*/Object.freeze({
   levelTop: levelTop
 });
 
-const rootClassName$Z = 'dot-popper';
+const rootClassName$Y = 'dot-popper';
 const StyledPopper$1 = styled(Popper).withConfig({
   displayName: "Popperstyles__StyledPopper",
   componentId: "sd1h8p-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$Z, theme.typography.fontFamily, theme.typography.body1.fontSize));
+}) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$Y, theme.typography.fontFamily, theme.typography.body1.fontSize));
 
 const flyoutMenuClassName = 'dot-flyout-menu';
-const rootClassName$Y = 'dot-menu';
+const rootClassName$X = 'dot-menu';
 const getListMaxHeight = maxHeight => isString$1(maxHeight) ? maxHeight : `${maxHeight}px`;
 const StyledPopper = styled(Popper).withConfig({
   displayName: "Menustyles__StyledPopper",
   componentId: "sc-134fmqu-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{font-family:", ";font-size:", "px;z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;}}.dot-action-item{height:", ";border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", ";.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], rootClassName$Z, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$Y, rootClassName$Z, ({
+}) => css(["&.", "{font-family:", ";font-size:", "px;z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{.dot-action-item-text{white-space:nowrap;overflow-x:hidden;text-overflow:ellipsis;}}ul{box-sizing:content-box;min-width:112px;overflow:auto;", " .dot-li{min-height:auto;}}.dot-action-item{height:", ";border-top:1px solid ", ";line-height:inherit;button.dot-button{border-radius:", ";justify-content:flex-start;height:100%;margin:0;&:focus-visible{background-color:", ";}.MuiButton-label{gap:", ";.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], rootClassName$Y, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$X, rootClassName$Y, ({
   $maxHeight
 }) => $maxHeight !== undefined && `
           max-height: ${getListMaxHeight($maxHeight)};
@@ -2041,7 +2041,7 @@ const MENU_ITEM_HEIGHT_NORMAL = 48;
 const MENU_ITEM_HEIGHT_DENSE = 36;
 const DEFAULT_MAX_VISIBLE_ITEMS = 7;
 
-const rootClassName$X = 'dot-ul';
+const rootClassName$W = 'dot-ul';
 const listItemClassName$1 = 'dot-li';
 const listItemWithSubmenuClassName = 'dot-li-with-submenu';
 const StyledMenuList = styled(MenuList).withConfig({
@@ -2049,7 +2049,7 @@ const StyledMenuList = styled(MenuList).withConfig({
   componentId: "yqdwwg-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$X, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
+}) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$W, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
 
 const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
 const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -2121,7 +2121,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
   onSubMenuCreate,
   selectedKey
 }, ref) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$X, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$W, className);
   const [activeSubmenu, setActiveSubmenu] = useState(null);
   const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
   const openSubmenu = (target, itemKey) => {
@@ -2232,7 +2232,7 @@ const DotMenu = ({
   open: _open = false,
   selectedKey
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$Y, className, _loading ? 'loading' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$X, className, _loading ? 'loading' : '');
   const isSubmenu = checkIfSubmenu(anchorEl);
   const hasSubItems = checkForSubItems(_menuItems);
   // Timeout object is customizable when Menu component is either submenu
@@ -2323,13 +2323,13 @@ const DotMenu = ({
   }), void 0);
 };
 
-const rootClassName$W = 'dot-drawer';
+const rootClassName$V = 'dot-drawer';
 const StyledDrawer = styled(Drawer).withConfig({
   displayName: "Drawerstyles__StyledDrawer",
   componentId: "sc-1uiowy0-0"
 })(["", ""], ({
   theme
-}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$W, alpha(theme.palette.grey[900], 0.7), ({
+}) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$V, alpha(theme.palette.grey[900], 0.7), ({
   height,
   anchor
 }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -2337,21 +2337,21 @@ const StyledDrawer = styled(Drawer).withConfig({
   anchor
 }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
 
-const rootClassName$V = 'dot-drawer-header';
+const rootClassName$U = 'dot-drawer-header';
 const StyleDrawerHeader = styled.div.withConfig({
   displayName: "DrawerHeaderstyles__StyleDrawerHeader",
   componentId: "sc-2d2xd3-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$V, theme.spacing(0, 0, 2)));
+}) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$U, theme.spacing(0, 0, 2)));
 
-const rootClassName$U = 'dot-icon-btn';
+const rootClassName$T = 'dot-icon-btn';
 const StyledIconButton = styled(IconButton).withConfig({
   displayName: "IconButtonstyles__StyledIconButton",
   componentId: "eko0kb-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{font-size:inherit;padding:10px;&.shape-square{border-radius:4px;border:1px solid ", ";padding:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$U, theme.palette.grey[300], theme.spacing(1), hoverGray));
+}) => css(["&.", "{font-size:inherit;padding:10px;&.shape-square{border-radius:4px;border:1px solid ", ";padding:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$T, theme.palette.grey[300], theme.spacing(1), hoverGray));
 
 const DotIconButton = ({
   ariaLabel,
@@ -2369,7 +2369,7 @@ const DotIconButton = ({
   size: _size = 'medium'
 }) => {
   const rippleClassName = _disableRipple ? 'ripple-disabled' : '';
-  const rootClasses = useStylesWithRootClass(rootClassName$U, rippleClassName, `shape-${_shape}`, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$T, rippleClassName, `shape-${_shape}`, className);
   return jsx(DotTooltip, Object.assign({
     "data-testid": "icon-button-tooltip",
     title: tooltip
@@ -2404,7 +2404,7 @@ const DotDrawerHeader = ({
   onClose,
   variant
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$V, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$U, className);
   return jsxs(StyleDrawerHeader, Object.assign({
     "aria-label": ariaLabel,
     "aria-level": 2,
@@ -2422,11 +2422,11 @@ const DotDrawerHeader = ({
   }), void 0);
 };
 
-const rootClassName$T = 'dot-drawer-body';
+const rootClassName$S = 'dot-drawer-body';
 const StyleDrawerBody = styled.div.withConfig({
   displayName: "DrawerBodystyles__StyleDrawerBody",
   componentId: "sc-1mpmjdk-0"
-})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$T));
+})(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$S));
 
 const DotDrawerBody = ({
   ariaLabel,
@@ -2438,7 +2438,7 @@ const DotDrawerBody = ({
   onClose,
   variant
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$T, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$S, className);
   return jsxs(StyleDrawerBody, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -2454,13 +2454,13 @@ const DotDrawerBody = ({
   }), void 0);
 };
 
-const rootClassName$S = 'dot-drawer-footer';
+const rootClassName$R = 'dot-drawer-footer';
 const StyleDrawerFooter = styled.div.withConfig({
   displayName: "DrawerFooterstyles__StyleDrawerFooter",
   componentId: "sc-1ki05ze-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{padding:", ";}"], rootClassName$S, theme.spacing(2, 0, 0)));
+}) => css(["&.", "{padding:", ";}"], rootClassName$R, theme.spacing(2, 0, 0)));
 
 const DotDrawerFooter = ({
   ariaLabel,
@@ -2469,7 +2469,7 @@ const DotDrawerFooter = ({
   className,
   'data-testid': dataTestId
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$S, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$R, className);
   return jsx(StyleDrawerFooter, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -2508,7 +2508,7 @@ const DotDrawer = ({
       onClose(event);
     }
   };
-  const rootClasses = useStylesWithRootClass(rootClassName$W, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$V, className);
   const backdropEnabled = _variant === 'temporary' && !(ModalProps === null || ModalProps === void 0 ? void 0 : ModalProps.hideBackdrop);
   const headerExists = !!drawerHeaderProps;
   const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
@@ -2829,7 +2829,7 @@ const DotList = ({
   nestedListType: _nestedListType = 'expandable',
   width: _width = 240
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$$, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$_, className);
   const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
   const listRef = useRef();
   const [listItemIndex, setListItemIndex] = useState(null);
@@ -3028,7 +3028,7 @@ const DotInputText = ({
   const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess;
   // This state is used only with debounce feature enabled
   const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
-  const rootStyles = useStylesWithRootClass(rootClassName$15, hasError, hasWarning, hasSuccess, _readOnly && readOnlyClassName$1);
+  const rootStyles = useStylesWithRootClass(rootClassName$14, hasError, hasWarning, hasSuccess, _readOnly && readOnlyClassName$1);
   // Used to control text value from the consumer component
   // when debounce feature is enabled
   useEffect(() => {
@@ -3141,11 +3141,11 @@ const DotInputText = ({
   }), void 0);
 };
 
-const rootClassName$R = 'dot-search-input';
+const rootClassName$Q = 'dot-search-input';
 const StyledSearchInput = styled.span.withConfig({
   displayName: "SearchInputstyles__StyledSearchInput",
   componentId: "qlwzku-0"
-})(["", ""], () => css(["&.", "{}"], rootClassName$R));
+})(["", ""], () => css(["&.", "{}"], rootClassName$Q));
 
 function SearchInput({
   'data-testid': dataTestId,
@@ -3159,7 +3159,7 @@ function SearchInput({
   tooltip = null,
   value
 }) {
-  const rootClasses = useStylesWithRootClass(rootClassName$R, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
   const [searchText, setSearchText] = useState(value);
   let previousSearchText = '';
   const handleChange = useCallback(event => {
@@ -3212,13 +3212,13 @@ function SearchInput({
   }), void 0);
 }
 
-const rootClassName$Q = 'dot-copy-button';
+const rootClassName$P = 'dot-copy-button';
 const StyledCopyButton = styled.span.withConfig({
   displayName: "CopyButtonstyles__StyledCopyButton",
   componentId: "sc-18ff0u-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$Q, theme.palette.success[400]));
+}) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$P, theme.palette.success[400]));
 
 const DotCopyButton = ({
   ariaLabel: _ariaLabel = 'Copy to clipboard',
@@ -3274,7 +3274,7 @@ const DotCopyButton = ({
     return false;
   }, [_showCopiedIcon, _disabled, _onClick]);
   return jsxs(StyledCopyButton, Object.assign({
-    className: rootClassName$Q,
+    className: rootClassName$P,
     "data-testid": dataTestId
   }, {
     children: [!timedShowCopiedIcon && jsx(DotIconButton, {
@@ -3522,13 +3522,13 @@ const recentAppInstancesSetter = (latestInstance, maxRecentItems
   };
 };
 
-const rootClassName$P = 'dot-app-switcher';
+const rootClassName$O = 'dot-app-switcher';
 const StyledAppSwitcher = styled(DotDrawer).withConfig({
   displayName: "AppSwitcherstyles__StyledAppSwitcher",
   componentId: "hhxfqg-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.dot-drawer-paper{padding:0;width:382px;}.content{padding:", ";overflow-y:auto;}.app-menu-item{display:flex;justify-content:space-between;align-items:center;}.dot-link,.product-menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;margin-bottom:", ";text-decoration:none;cursor:pointer;}.logo-title{display:flex;align-items:center;gap:16px;width:100%;.start-icon{width:40px;display:flex;justify-content:space-around;align-items:center;}}.dot-avatar{flex-basis:40px;}.section-title{display:flex;align-items:center;height:30px;padding:", ";margin:", ";border-bottom:1px solid ", ";}.dot-app-switcher-app-title{min-width:150px;}.dot-icon{flex-basis:content;}.app-switcher-header{.app-switcher-header-title{display:flex;align-items:center;}display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid ", ";padding:", ";.app-switcher-label{padding-left:", ";}}.app-switcher-back-button{&.dot-button.MuiButton-text{padding-left:0;}}.product-heading{display:flex;align-items:center;gap:16px;}.product-applications{margin-top:", ";width:100%;}.app-instance-search{margin-top:", ";}}"], rootClassName$P, theme.spacing(0, 2, 1, 2), theme.spacing(1), theme.spacing(0, 0, 0, 2), theme.spacing(0, -2, 0), theme.palette.grey[100], theme.palette.grey[100], theme.spacing(0, 2, 1, 2), theme.spacing(2), theme.spacing(2), theme.spacing(2)));
+}) => css(["&.", "{.dot-drawer-paper{padding:0;width:382px;}.content{padding:", ";overflow-y:auto;}.app-menu-item{display:flex;justify-content:space-between;align-items:center;}.dot-link,.product-menu-item{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;margin-bottom:", ";text-decoration:none;cursor:pointer;}.logo-title{display:flex;align-items:center;gap:16px;width:100%;.start-icon{width:40px;display:flex;justify-content:space-around;align-items:center;}}.dot-avatar{flex-basis:40px;}.section-title{display:flex;align-items:center;height:30px;padding:", ";margin:", ";border-bottom:1px solid ", ";}.dot-app-switcher-app-title{min-width:150px;}.dot-icon{flex-basis:content;}.app-switcher-header{.app-switcher-header-title{display:flex;align-items:center;}display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid ", ";padding:", ";.app-switcher-label{padding-left:", ";}}.app-switcher-back-button{&.dot-button.MuiButton-text{padding-left:0;}}.product-heading{display:flex;align-items:center;gap:16px;}.product-applications{margin-top:", ";width:100%;}.app-instance-search{margin-top:", ";}}"], rootClassName$O, theme.spacing(0, 2, 1, 2), theme.spacing(1), theme.spacing(0, 0, 0, 2), theme.spacing(0, -2, 0), theme.palette.grey[100], theme.palette.grey[100], theme.spacing(0, 2, 1, 2), theme.spacing(2), theme.spacing(2), theme.spacing(2)));
 
 const DotAppSwitcherView = ({
   activeApp,
@@ -3549,7 +3549,7 @@ const DotAppSwitcherView = ({
   if (dotCoreApiContext !== null) {
     setSelectedAppType = dotCoreApiContext.setSelectedAppSwitcherAppType;
   }
-  const rootClasses = useStylesWithRootClass(rootClassName$P, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$O, className);
   const [appTypeMap, setAppTypeMap] = useState();
   const [appTypeLabels, setAppTypeLabels] = useState();
   const [appTypeMenuItems, setAppTypeMenuItems] = useState();
@@ -3942,19 +3942,19 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
 }
 var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
 
-const rootClassName$O = 'dot-sidebar';
+const rootClassName$N = 'dot-sidebar';
 const StyledSidebar = styled.aside.withConfig({
   displayName: "Sidebarstyles__StyledSidebar",
   componentId: "l3atb4-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", ";}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}.back-button-text{margin-right:", ";}}hr.MuiDivider-root{border-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid ", ";margin:", ";.dot-typography{display:block;margin:0;padding:", ";}}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{padding:", ";overflow-y:auto;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);background:", ";color:", ";}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}.", "{margin:0;padding-left:", ";}}.dot-list-item{height:44px;padding:0;&:before{content:'';position:relative;left:0;top:0;bottom:0;border-radius:0 2px 2px 0;height:24px;width:4px;background-color:transparent;margin-right:-4px;}&:hover{background-color:", ";color:", ";}&.Mui-selected{background-color:", ";color:", ";&:before{background-color:", ";}.dot-typography,.MuiListItemIcon-root .dot-icon i:before{color:", ";}}&.Mui-focusVisible{background-color:", ";box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&.open{border:'none';}.dot-list-item-link .dot-icon{margin-right:", ";}.dot-icon{border-radius:50%;display:flex;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", ";text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", ";p.desc{white-space:nowrap;}.company-name{margin-top:", ";}.d-icon{display:none;}}&.collapsed{overflow:hidden;width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$O, theme.palette.layer.n0, theme.palette.layer.n100, theme.palette.layer.n700, theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n0, theme.palette.primary['50'], theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(2.5), theme.palette.layer.n100, theme.spacing(1, 0), theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.layer.n100, theme.palette.layer.n0, theme.palette.layer.n700, listItemRootClass, theme.spacing(2), theme.palette.primary['50'], theme.palette.primary['500'], theme.palette.primary['50'], theme.palette.primary['500'], theme.palette.primary['500'], theme.palette.primary['500'], theme.palette.primary['50'], theme.palette.layer.n0, theme.palette.primary['500'], theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.layer.n400, theme.spacing(1), theme.spacing(1)));
+}) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;-o-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;transition:width cubic-bezier(0.4,0,0.6,1) 0.3s;header{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;height:40px;flex-shrink:0;overflow:hidden;padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", ";}}.go-back{align-items:center;border-bottom:1px solid;border-bottom-color:", ";display:flex;.go-back-button{margin:", ";background-color:", ";&:hover{background-color:", ";}&:focus-visible{box-shadow:0 0 0 2px ", ",0 0 0 4px ", ";}}.back-button-text{margin-right:", ";}}hr.MuiDivider-root{border-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid ", ";margin:", ";.dot-typography{display:block;margin:0;padding:", ";}}ul.side-nav{background:transparent;flex-grow:2;overflow-x:hidden;overflow-y:auto;padding:0;width:auto;.dot-nested-list{background:transparent;}.", "{.dot-drawer-paper{padding:", ";overflow-y:auto;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);background:", ";color:", ";}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}}.", "{height:44px;margin:0;padding:0;.dot-typography{margin-left:", ";}.MuiListItemIcon-root{min-width:40px;.dot-icon{margin:0;}}&:before{content:'';position:relative;left:0;top:0;bottom:0;border-radius:0 2px 2px 0;height:24px;width:4px;background-color:transparent;margin-right:", ";}&:hover{background-color:", ";color:", ";}&.Mui-selected{background-color:", ";color:", ";&:before{background-color:", ";}.dot-typography,.MuiListItemIcon-root .dot-icon i:before{color:", ";}}&.Mui-focusVisible{background-color:", ";box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&.open{border:'none';}.dot-list-item-link .dot-icon{margin-right:", ";}.dot-icon{border-radius:50%;display:flex;height:40px;margin:", ";width:40px;}.dot-typography{white-space:nowrap;}}}.toggle-nav{border-top:1px solid;border-top-color:", ";padding:", ";text-align:right;.dot-icon{transform:rotate(0deg);-o-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;transition:all cubic-bezier(0.4,0,0.2,1) 0.3s;}}.powered-by{border-top:1px solid;border-top-color:", ";color:", ";display:flex;flex-direction:column;flex-shrink:0;font-size:12px;overflow:hidden;padding:", ";p.desc{white-space:nowrap;}.company-name{margin-top:", ";}.d-icon{display:none;}}&.collapsed{overflow:hidden;width:58px;-o-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-moz-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;-webkit-transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;transition:all cubic-bezier(0.4,0,0.6,1) 0.3s;li.MuiListSubheader-root .dot-typography,.go-back .MuiTypography-root,.MuiListItem-divider .dot-list-item-link,.child,.powered-by .company-name,.powered-by p.desc{display:none;}.dot-nested-drawer li.MuiListSubheader-root .dot-typography,.powered-by .d-icon{display:block;}header .dot-app-logo{text-align:center;}ul.side-nav{width:56px;.dot-list-item{margin-left:0;}.toggle-nav{align-self:center;}}.powered-by{align-items:center;}}}"], rootClassName$N, theme.palette.layer.n0, theme.palette.layer.n100, theme.palette.layer.n700, theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n0, theme.palette.primary['50'], theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(2.5), theme.palette.layer.n100, theme.spacing(1, 0), theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.layer.n100, theme.palette.layer.n0, theme.palette.layer.n700, listItemRootClass, theme.spacing(1), theme.spacing(1), theme.palette.primary['50'], theme.palette.primary['500'], theme.palette.primary['50'], theme.palette.primary['500'], theme.palette.primary['500'], theme.palette.primary['500'], theme.palette.primary['50'], theme.palette.layer.n0, theme.palette.primary['500'], theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.layer.n400, theme.spacing(1), theme.spacing(1)));
 
-const rootClassName$N = 'dot-truncate-with-tooltip';
+const rootClassName$M = 'dot-truncate-with-tooltip';
 const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
   displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
   componentId: "sc-1o80lur-0"
-})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$N));
+})(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$M));
 
 const getTruncatedLabel = (label, charactersLimit) => {
   if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
@@ -3974,7 +3974,7 @@ const DotTruncateWithTooltip = ({
   label,
   width
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$N, className, charactersLimit ? 'dot-characters-limit' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$M, className, charactersLimit ? 'dot-characters-limit' : '');
   return jsx(StyledTruncateWithTooltip, Object.assign({
     "aria-label": ariaLabel,
     arrow: _arrow,
@@ -4091,7 +4091,7 @@ const DotSidebar = ({
     setIsOpen(!isOpen);
   };
   const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
-  const rootClasses = useStylesWithRootClass(rootClassName$O, openClass, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$N, openClass, className);
   return jsxs(StyledSidebar, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -4164,13 +4164,13 @@ const DotSidebar = ({
   }), void 0);
 };
 
-const rootClassName$M = 'dot-badge';
+const rootClassName$L = 'dot-badge';
 const StyledBadge = styled(Badge).withConfig({
   displayName: "Badgestyles__StyledBadge",
   componentId: "sc-1brv3h5-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$M, theme.palette.text.primary, ({
+}) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$L, theme.palette.text.primary, ({
   $badgeColor
 }) => {
   return $badgeColor;
@@ -4188,7 +4188,7 @@ const DotBadge = ({
   overlap,
   variant: _variant = 'dot'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$M, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$L, className);
   return jsx(StyledBadge, Object.assign({
     "$badgeColor": badgeColor,
     anchorOrigin: {
@@ -4211,7 +4211,7 @@ const DotBadge = ({
   }), void 0);
 };
 
-const rootClassName$L = 'dot-app-toolbar';
+const rootClassName$K = 'dot-app-toolbar';
 const denseClassName = 'dense';
 const StyledMainMenu = styled(DotDrawer).withConfig({
   displayName: "AppToolbarstyles__StyledMainMenu",
@@ -4224,7 +4224,7 @@ const StyledAppToolbar = styled.header.withConfig({
   componentId: "sc-3kokby-1"
 })(["", ""], ({
   theme
-}) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", ";}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{color:", ";}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", ";}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.divider{margin-left:", ";}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangular{top:", ";right:", ";}}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$L, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.grey[100], theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
+}) => css(["&.", "{align-items:center;background:", ";border-bottom:4px solid ", ";box-sizing:border-box;color:", ";display:flex;height:64px;padding:", ";position:fixed;width:100%;z-index:", ";top:0;left:0;right:0;&.without-menu-icon{padding-left:", ";}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{color:", ";}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", ";}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.divider{margin-left:", ";}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangular{top:", ";right:", ";}}.avatar-wrapper{display:flex;align-items:center;justify-content:center;width:40px;button.dot-avatar:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";}}}"], rootClassName$K, theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.grey[100], theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
 
 const DotAppToolbar = ({
   ariaLabel,
@@ -4252,7 +4252,7 @@ const DotAppToolbar = ({
   const displayAppLogo = appLogo || appLogoSmall;
   const mainMenuRef = useRef(null);
   const denseClass = _dense ? denseClassName : '';
-  const rootClasses = useStylesWithRootClass(rootClassName$L, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
+  const rootClasses = useStylesWithRootClass(rootClassName$K, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
   const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
   const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
   useEffect(() => {
@@ -4396,7 +4396,7 @@ const DotAppToolbar = ({
   }), void 0) : appToolbar;
 };
 
-const rootClassName$K = 'dot-autocomplete';
+const rootClassName$J = 'dot-autocomplete';
 const inputRootClassName = 'dot-input-root';
 const inputMediumClassName = 'dot-input-medium';
 const StyledAutocomplete = styled(Autocomplete).withConfig({
@@ -4404,15 +4404,15 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
   componentId: "j2sgjy-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.MuiInputBase-root.Mui-disabled,.", " .MuiInputBase-root{", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$K, inputMediumClassName, inputRootClassName, theme.spacing(2), readOnlyClassName$1, readOnlyStyles(theme), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
+}) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.MuiInputBase-root.Mui-disabled,.", " .MuiInputBase-root{", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$J, inputMediumClassName, inputRootClassName, theme.spacing(2), readOnlyClassName$1, readOnlyStyles(theme), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
 
-const rootClassName$J = 'dot-chip';
+const rootClassName$I = 'dot-chip';
 const StyledChip = styled(Chip).withConfig({
   displayName: "Chipstyles__StyledChip",
   componentId: "f1tsra-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$J, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
+}) => css(["&.", "{border-color:", ";.dot-icon i{height:auto;}&.MuiChip-sizeSmall{.dot-icon,.dot-avatar{width:18px;height:18px;}}&.Mui-error{background-color:", ";border-color:", ";.MuiChip-deleteIcon{color:", ";}}&:not(.Mui-error){&:hover{background-color:", ";}.MuiChip-deleteIcon{&:hover{color:", ";}}}.MuiChip-deleteIcon{width:18px;height:18px;color:", ";}}"], rootClassName$I, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]));
 
 const DEFAULT_CHARACTERS_LIMIT = 32;
 const DotChip = ({
@@ -4432,7 +4432,7 @@ const DotChip = ({
   startIcon
 }) => {
   const errorClass = _error ? 'Mui-error' : '';
-  const rootClasses = useStylesWithRootClass(rootClassName$J, className, errorClass);
+  const rootClasses = useStylesWithRootClass(rootClassName$I, className, errorClass);
   const getChipLabel = () => {
     if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
     const label = `${children.substring(0, _charactersLimit)}...`;
@@ -4579,8 +4579,8 @@ const DotAutoComplete = ({
   const popperOpen = !_readOnly && (open || isOpened);
   const preventDuplicateInsertion = actionItem === null || actionItem === void 0 ? void 0 : actionItem.preventDuplicateInsertion;
   const textFieldWarningClassName = !_error && _warning && warningClassName;
-  const rootClasses = useStylesWithRootClass(rootClassName$K, _size === 'medium' && inputMediumClassName, className);
-  const textFieldRootClasses = useStylesWithRootClass(rootClassName$15, _readOnly && readOnlyClassName$1, textFieldWarningClassName);
+  const rootClasses = useStylesWithRootClass(rootClassName$J, _size === 'medium' && inputMediumClassName, className);
+  const textFieldRootClasses = useStylesWithRootClass(rootClassName$14, _readOnly && readOnlyClassName$1, textFieldWarningClassName);
   const inputRootClasses = useStylesWithRootClass(inputRootClassName, !_dense && inputMediumClassName);
   let highlightedOption = null;
   let textFieldInput;
@@ -4625,7 +4625,7 @@ const DotAutoComplete = ({
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const DotPopper = props => {
     if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
-      className: rootClassName$Z,
+      className: rootClassName$Y,
       disablePortal: _disablePortal,
       "$maxHeight": maxHeight
     }), void 0);
@@ -4648,7 +4648,7 @@ const DotAutoComplete = ({
     const paperProps = props.children.props;
     const paperChildren = paperProps.children;
     return jsx(StyledPopper, Object.assign({}, props, {
-      className: rootClassName$Z,
+      className: rootClassName$Y,
       disablePortal: _disablePortal,
       "$maxHeight": maxHeight
     }, {
@@ -4860,11 +4860,11 @@ const DotAutoComplete = ({
   }, void 0);
 };
 
-const rootClassName$I = 'dot-avatar-group';
+const rootClassName$H = 'dot-avatar-group';
 const StyledAvatarGroup = styled(AvatarGroup).withConfig({
   displayName: "AvatarGroupstyles__StyledAvatarGroup",
   componentId: "sc-25by6z-0"
-})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$I));
+})(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$H));
 
 const DotAvatarGroup = ({
   ariaLabel,
@@ -4874,7 +4874,7 @@ const DotAvatarGroup = ({
   max: _max = 3,
   spacing: _spacing = 'medium'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$I, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$H, className);
   return jsx(StyledAvatarGroup, Object.assign({
     "aria-label": ariaLabel,
     classes: {
@@ -4890,20 +4890,20 @@ const DotAvatarGroup = ({
   }), void 0);
 };
 
-const rootClassName$H = 'dot-breadcrumbs';
+const rootClassName$G = 'dot-breadcrumbs';
 const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
 const StyledBreadcrumbsWrapper = styled.div.withConfig({
   displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
   componentId: "sc-7cg374-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$H, theme.spacing(0.5, 2)));
+}) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$G, theme.spacing(0.5, 2)));
 const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
   displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
   componentId: "sc-7cg374-1"
 })(["", ""], ({
   theme
-}) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;i{line-height:20px;}}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$H, theme.palette.grey[700], theme.spacing(0.5, 2), theme.palette.grey[700]));
+}) => css(["&.", "{margin-bottom:0;.MuiBreadcrumbs-ol{flex-wrap:nowrap;}.MuiBreadcrumbs-li,.separator{color:", ";margin:0;white-space:nowrap;}.separator{font-size:12px;width:20px;height:20px;padding:0;i{line-height:20px;}}.MuiBreadcrumbs-separator{margin:0;}.MuiLink-underlineHover{cursor:pointer;}.MuiBreadcrumbs-li:last-child{overflow:hidden;text-overflow:ellipsis;}.breadcrumb{padding:", ";}.current-page{color:", ";cursor:default;}}"], rootClassName$G, theme.palette.grey[700], theme.spacing(0.5, 2), theme.palette.grey[700]));
 
 const compareWidth = (parentEl, childEl) => {
   return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -5194,7 +5194,7 @@ const DotBreadcrumbs = ({
     children: [jsx(StyledBreadcrumbs, Object.assign({
       "aria-label": "breadcrumb",
       classes: {
-        root: rootClassName$H,
+        root: rootClassName$G,
         ol: 'dot-ol',
         li: 'dot-li'
       },
@@ -5226,13 +5226,13 @@ const DotBreadcrumbs = ({
   }), void 0);
 };
 
-const rootClassName$G = 'dot-button-toggle';
+const rootClassName$F = 'dot-button-toggle';
 const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
   displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
   componentId: "sc-1oh4ljv-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";display:flex;+ p{margin-left:", ";}i{height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}&.Mui-selected{&.MuiToggleButton-standard{background:", ";}.dot-typography{color:inherit;}}}"], rootClassName$G, theme.spacing(5), theme.spacing(2), theme.palette.layer.n700, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
+}) => css(["&.", "{button:not(.MuiToggleButton-sizeLarge):not(.MuiToggleButton-sizeSmall){height:", ";.dot-icon{width:", ";}}.dot-icon{color:", ";display:flex;+ p{margin-left:", ";}i{height:auto;}}.dot-typography{margin-bottom:0;}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;}.dot-tooltip{&:first-child .MuiToggleButtonGroup-groupedHorizontal{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}&:last-child .MuiToggleButtonGroup-groupedHorizontal{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}&:not(:first-child) .MuiToggleButtonGroup-groupedHorizontal{margin-left:-1px;}}& > .MuiToggleButtonGroup-groupedHorizontal{:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;margin-left:0;}:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;margin-right:0;}}}.MuiButtonBase-root{&.Mui-disabled p,&.Mui-disabled .dot-icon{color:", ";}&.Mui-selected{&.MuiToggleButton-standard{background:", ";}.dot-typography{color:inherit;}}}"], rootClassName$F, theme.spacing(5), theme.spacing(2), theme.palette.layer.n700, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
 
 const DotButtonToggle = ({
   ariaLabel,
@@ -5248,7 +5248,7 @@ const DotButtonToggle = ({
   size: _size = 'medium',
   value
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$G, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$F, className);
   const renderToggleButton = ({
     ariaLabel: optionAriaLabel,
     className: optionClassName,
@@ -5358,13 +5358,13 @@ const DotCardContent = ({
   }), void 0);
 };
 
-const rootClassName$F = 'dot-card-footer';
+const rootClassName$E = 'dot-card-footer';
 const StyledDiv = styled.div.withConfig({
   displayName: "CardFooterstyles__StyledDiv",
   componentId: "koblh6-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{padding:", ";}"], rootClassName$F, theme.spacing(2)));
+}) => css(["&.", "{padding:", ";}"], rootClassName$E, theme.spacing(2)));
 
 const DotCardFooter = ({
   ariaLabel,
@@ -5372,7 +5372,7 @@ const DotCardFooter = ({
   className,
   'data-testid': dataTestId
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$F, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$E, className);
   return jsx(StyledDiv, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -5417,19 +5417,19 @@ const DotCardHeader = ({
   }, void 0);
 };
 
-const rootClassName$E = 'dot-form-control-label';
+const rootClassName$D = 'dot-form-control-label';
 const StyledFormControlLabel = styled(FormControlLabel).withConfig({
   displayName: "FormControlLabelstyles__StyledFormControlLabel",
   componentId: "sc-1vt0om4-0"
-})(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$E);
+})(["&.", "{.MuiFormControlLabel-label{margin-bottom:0;padding:0 0 0 4px;}&.MuiFormControlLabel-labelPlacementBottom{.MuiFormControlLabel-label{padding:4px 0 0 0;}}&.MuiFormControlLabel-labelPlacementTop{.MuiFormControlLabel-label{padding:0 0 4px 0;}}&.MuiFormControlLabel-labelPlacementStart{.MuiFormControlLabel-label{padding:0 4px 0;}}}"], rootClassName$D);
 
-const rootClassName$D = 'dot-checkbox';
+const rootClassName$C = 'dot-checkbox';
 const StyledCheckbox = styled(Checkbox).withConfig({
   displayName: "Checkboxstyles__StyledCheckbox",
   componentId: "sc-1ubsn6i-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$D, theme.spacing(1)));
+}) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$C, theme.spacing(1)));
 
 function DotCheckbox({
   ariaLabel,
@@ -5450,14 +5450,14 @@ function DotCheckbox({
   size = 'medium',
   value
 }) {
-  const rootClasses = useStylesWithRootClass(rootClassName$E, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$D, className);
   const handleChange = event => {
     onChange && onChange(event, event.target.value);
   };
   const checkboxControl = jsx(StyledCheckbox, {
     checked: checked,
     classes: {
-      root: rootClassName$D
+      root: rootClassName$C
     },
     color: "primary",
     "data-testid": dataTestId,
@@ -5485,7 +5485,7 @@ function DotCheckbox({
   }, void 0);
 }
 
-const rootClassName$C = 'dot-form-group';
+const rootClassName$B = 'dot-form-group';
 const groupLabelClassName = 'dot-form-group-label';
 const startAdornmentClassName = 'dot-start-adornment';
 const endAdornmentClassName = 'dot-end-adornment';
@@ -5493,9 +5493,9 @@ const placementClassName = 'dot-';
 const StyledFormControl = styled(FormControl).withConfig({
   displayName: "FormControlstyles__StyledFormControl",
   componentId: "sc-532kip-0"
-})(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$C, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
+})(["&.", "{.MuiFormLabel-root{width:100%;line-height:24px;margin-bottom:4px;display:flex;align-items:center;.", "{padding-left:4px;}.", "{padding-right:4px;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;flex-direction:row-reverse;}}&.", "{.MuiFormHelperText-root,.MuiFormLabel-root{display:flex;justify-content:center;}}}"], rootClassName$B, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
 
-const rootClassName$B = 'dot-checkbox-group';
+const rootClassName$A = 'dot-checkbox-group';
 const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
 const checkboxListClassName = 'dot-checkbox-list';
 const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -5504,16 +5504,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
   componentId: "bhb21v-0"
 })(["", ""], ({
   theme
-}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:", ";&:not(.Mui-error){color:", ";}}.", "{list-style:none;margin-top:0;padding-left:", ";.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$B, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$E));
+}) => css(["{&.", "{.", "{width:100%;}.MuiFormLabel-root{display:inline;width:100%;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:", ";&:not(.Mui-error){color:", ";}}.", "{list-style:none;margin-top:0;padding-left:", ";.", "{margin:0;}}}"], wrapperClassName$1, rootClassName$A, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$D));
 
-const rootClassName$A = 'dot-form-group';
+const rootClassName$z = 'dot-form-group';
 const StyledFormGroup = styled(FormGroup).withConfig({
   displayName: "FormGroupstyles__StyledFormGroup",
   componentId: "sc-1dlipcr-0"
 })(["", ""], ({
   theme,
   row
-}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$A, row ? `${theme.spacing(0.5)}` : 0));
+}) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$z, row ? `${theme.spacing(0.5)}` : 0));
 
 function DotFormGroup({
   ariaLabel,
@@ -5522,7 +5522,7 @@ function DotFormGroup({
   'data-testid': dataTestId,
   row
 }) {
-  const rootClasses = useStylesWithRootClass(rootClassName$C, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$B, className);
   return jsx(StyledFormGroup, Object.assign({
     "aria-label": ariaLabel,
     classes: {
@@ -5562,7 +5562,7 @@ function DotCheckboxGroup({
   size = 'medium'
 }) {
   const placement = `${placementClassName}${labelPlacement}`;
-  const rootClasses = useStylesWithRootClass(rootClassName$C, rootClassName$B, className, placement);
+  const rootClasses = useStylesWithRootClass(rootClassName$B, rootClassName$A, className, placement);
   const [selectedOptions, setSelectedOptions] = useState(defaultValues);
   const [allChecked, setAllChecked] = useState(false);
   /* This will ensure that state can be updated from the outside */
@@ -5654,13 +5654,13 @@ function DotCheckboxGroup({
   }), void 0);
 }
 
-const rootClassName$z = 'dot-dialog';
+const rootClassName$y = 'dot-dialog';
 const StyledDialog = styled(Dialog).withConfig({
   displayName: "Dialogstyles__StyledDialog",
   componentId: "sc-1tkr4ex-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root,.dot-dialog-title{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", ";}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$z, theme.spacing(2, 3), theme.spacing(1), theme.spacing(1, 3), theme.spacing(1, 3, 2, 3)));
+}) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root,.dot-dialog-title{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", ";}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$y, theme.spacing(2, 3), theme.spacing(1), theme.spacing(1, 3), theme.spacing(1, 3, 2, 3)));
 
 const DotDialog = ({
   ariaLabel,
@@ -5679,7 +5679,7 @@ const DotDialog = ({
   submitButtonProps,
   title
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$z, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$y, className);
   const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
   const [isOpen, setIsOpen] = useState(open);
   useEffect(() => {
@@ -5799,7 +5799,7 @@ const DotConfirmationDialog = ({
   }), void 0);
 };
 
-const rootClassName$y = 'dot-grid';
+const rootClassName$x = 'dot-grid';
 const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
 const breakpointsGetter$1 = (theme, columnsBreakpoints, columnGap, rowGap) => `${theme.breakpoints.up('xs')} {
     column-gap: ${`${columnGap.xs}px`};
@@ -5844,7 +5844,7 @@ const Grid = ({
   className,
   children
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$y, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$x, className);
   return jsx("div", Object.assign({
     className: rootClasses
   }, {
@@ -5865,7 +5865,7 @@ const StyledGrid = styled(Grid).withConfig({
   rows,
   theme,
   width
-}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$y, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
+}) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$x, frGetter(rows), columns ? `${columns && `grid-template-columns: ${frGetter(columns)}`};` : breakpointsGetter$1(theme, _columnsBreakpoints, _columnGap, _rowGap), gridTemplateAreas && `grid-template-areas: ${gridTemplateAreas};`, gap && `grid-gap: ${gap};`, width && `width: ${width};`, height && `height: ${height};`));
 const CssGrid = props => {
   return jsx(StyledGrid, Object.assign({}, props), void 0);
 };
@@ -6021,7 +6021,7 @@ const CssGridDebug = ({
   }), void 0);
 };
 
-const rootClassName$x = 'dot-empty-state';
+const rootClassName$w = 'dot-empty-state';
 const StyledEmptyState = styled.div.withConfig({
   displayName: "EmptyStatestyles__StyledEmptyState",
   componentId: "sc-1sftmht-0"
@@ -6039,7 +6039,7 @@ const DotEmptyState = ({
   subtitle,
   title
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$x, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$w, className);
   return jsxs(StyledEmptyState, Object.assign({
     "aria-label": ariaLabel,
     className: rootClasses,
@@ -6075,15 +6075,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
   componentId: "sc-84g3mq-1"
 })(["", ""], ({
   theme
-}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$E));
+}) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$D));
 
-const rootClassName$w = 'dot-form';
+const rootClassName$v = 'dot-form';
 const StyledFormContainer = styled.div.withConfig({
   displayName: "Formstyles__StyledFormContainer",
   componentId: "bbovqo-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$w, theme.spacing(3, 0), rootClassName$C, rootClassName$E, rootClassName$15, rootSelectClassName, theme.spacing(1, 0), rootClassName$B, groupClassName, rootClassName$E));
+}) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$v, theme.spacing(3, 0), rootClassName$B, rootClassName$D, rootClassName$14, rootSelectClassName, theme.spacing(1, 0), rootClassName$A, groupClassName, rootClassName$D));
 
 const DotForm = ({
   ariaLabel,
@@ -6092,7 +6092,7 @@ const DotForm = ({
   'data-testid': dataTestId,
   onSubmit
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$w, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$v, className);
   return jsx("form", Object.assign({
     "aria-label": ariaLabel,
     "data-testid": dataTestId,
@@ -6107,11 +6107,11 @@ const DotForm = ({
   }), void 0);
 };
 
-const rootClassName$v = 'dot-dynamic-form';
+const rootClassName$u = 'dot-dynamic-form';
 const StyledDynamicForm = styled(DotForm).withConfig({
   displayName: "DynamicFormstyles__StyledDynamicForm",
   componentId: "sc-1lnljcn-0"
-})(["", ""], () => css(["&.", "{}"], rootClassName$v));
+})(["", ""], () => css(["&.", "{}"], rootClassName$u));
 
 const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
 /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -6402,13 +6402,13 @@ const DotInputSelect = ({
   }), void 0);
 };
 
-const rootClassName$u = 'dot-progress-button';
+const rootClassName$t = 'dot-progress-button';
 const StyledProgressButton = styled(DotButton).withConfig({
   displayName: "ProgressButtonstyles__StyledProgressButton",
   componentId: "sc-1fvgky0-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$u, theme.palette.layer.n300));
+}) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$t, theme.palette.layer.n300));
 
 const SPINNER_DEFAULT_SIZE = 20;
 const SPINNER_LARGE_SIZE = 24;
@@ -6428,7 +6428,7 @@ const DotProgressButton = ({
   tooltip,
   type: _type = 'primary'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$u, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$t, className);
   const isButtonDisabled = _disabled || _isLoading;
   const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
   const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -6457,11 +6457,11 @@ const DotProgressButton = ({
   }), void 0);
 };
 
-const rootClassName$t = 'dot-radio';
+const rootClassName$s = 'dot-radio';
 const StyledRadioButton = styled(Radio).withConfig({
   displayName: "RadioButtonstyles__StyledRadioButton",
   componentId: "brp0sc-0"
-})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$t));
+})(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$s));
 
 function DotRadioButton({
   ariaLabel,
@@ -6479,7 +6479,7 @@ function DotRadioButton({
   size = 'medium',
   value
 }) {
-  const rootClasses = useStylesWithRootClass(rootClassName$E, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$D, className);
   const handleChange = event => {
     onChange && onChange(event, event.target.value);
   };
@@ -6487,7 +6487,7 @@ function DotRadioButton({
   const radioControl = jsx(StyledRadioButton, {
     checked: checked,
     classes: {
-      root: rootClassName$t
+      root: rootClassName$s
     },
     color: "primary",
     "data-testid": dataTestId,
@@ -6532,7 +6532,7 @@ const DotRadioGroup = ({
   size: _size = 'medium'
 }) => {
   const placement = `${placementClassName}${_labelPlacement}`;
-  const rootClasses = useStylesWithRootClass(rootClassName$C, className, placement);
+  const rootClasses = useStylesWithRootClass(rootClassName$B, className, placement);
   const radioValue = value || defaultValue;
   const [selectedValue, setSelectedValue] = useState(radioValue);
   /* This will ensure that value can be updated from the outside */
@@ -6604,7 +6604,7 @@ const DotRadioGroup = ({
   }), void 0);
 };
 
-const rootClassName$s = 'dot-switch';
+const rootClassName$r = 'dot-switch';
 const StyledSwitch = styled(Switch).withConfig({
   displayName: "Switchstyles__StyledSwitch",
   componentId: "eign2a-0"
@@ -6626,7 +6626,7 @@ const DotSwitch = ({
   onChange,
   size: _size = 'medium'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$s, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$r, className);
   const handleChange = event => {
     onChange && onChange(event);
   };
@@ -6650,7 +6650,7 @@ const DotSwitch = ({
     tabIndex: 0
   }, void 0);
   return jsx(StyledFormControlLabel, {
-    className: rootClassName$E,
+    className: rootClassName$D,
     control: switchControl,
     label: label,
     labelPlacement: _labelPlacement
@@ -6974,7 +6974,7 @@ const DotDynamicForm = ({
   onChange,
   onSubmit
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$v, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$u, className);
   // Memoize this operation so that is doesn't get executed each time this
   // component re-renders
   const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -7221,7 +7221,7 @@ const DotDynamicForm = ({
   }), void 0);
 };
 
-const rootClassName$r = 'dot-inline-edit';
+const rootClassName$q = 'dot-inline-edit';
 const editModeClassName = 'dot-edit-mode';
 const viewModeClassName = 'dot-view-mode';
 const placeholderClassName = 'dot-placeholder';
@@ -7234,7 +7234,7 @@ const StyledInlineEdit = styled.div.withConfig({
 })(["", ""], ({
   theme,
   fullWidth
-}) => css(["&.", "{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", ";background-color:", ";cursor:pointer;outline:0;.dot-edit-icon{display:block;}}.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", ";background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;&.", "{color:", ";}}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", ";}", " .", " .dot-input{padding-left:", ";}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}&:hover{background:", ";}.editing-actions{display:flex;justify-content:flex-end;margin-top:", ";}.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", ";padding:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", ";margin-top:", ";margin-bottom:", ";}}}"], rootClassName$r, fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), placeholderClassName, theme.palette.grey[200], theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
+}) => css(["&.", "{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", ";background-color:", ";cursor:pointer;outline:0;.dot-edit-icon{display:block;}}.", "{display:flex;width:100%;position:relative;.dot-edit-icon{height:100%;position:absolute;right:0;width:40px;background-color:", ";border-radius:", ";display:none;.dot-i{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}}&:not(.", "):hover{border-radius:", ";background-color:", ";cursor:pointer;.dot-edit-icon{display:block;}}.dot-view-mode-typography{padding:", ";margin-bottom:0;&.", "{color:", ";}}}.dot-empty-value fieldset{border-color:", ";}.dot-adornment-error{color:", ";}.MuiInputBase-input{height:auto;}.MuiInputBase-root{margin-bottom:", ";}", " .", " .dot-input{padding-left:", ";}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}&:hover{background:", ";}.editing-actions{display:flex;justify-content:flex-end;margin-top:", ";}.dot-icon-btn{background:", ";border:1px solid ", ";color:", ";margin-left:", ";padding:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", ";margin-top:", ";margin-bottom:", ";}}}"], rootClassName$q, fullWidth ? 'flex' : 'inline-flex', theme.palette.grey[700], theme.spacing(32), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, viewModeClassName, theme.palette.layer.n50, theme.spacing(0, 0.5, 0.5, 0), readOnlyClassName, theme.spacing(0.5), theme.palette.layer.n50, theme.spacing(1.3125, 1), placeholderClassName, theme.palette.grey[200], theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
   typography
 }) => typography && `
          .MuiInputBase-root {
@@ -7359,7 +7359,7 @@ const DotInlineEdit = ({
     }
   }, [_value]);
   const isSaveDisabled = checkIfEmptyValue(inputValue);
-  const rootClasses = useStylesWithRootClass(rootClassName$r, className, editing ? editModeClassName : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$q, className, editing ? editModeClassName : '');
   const handleShowTooltip = visible => {
     if (!editing) {
       setShowTooltip(visible);
@@ -7541,14 +7541,14 @@ const DotInlineEdit = ({
   }), void 0);
 };
 
-const rootClassName$q = 'dot-navigation-rail';
+const rootClassName$p = 'dot-navigation-rail';
 const StyledNavigationRail = styled.div.withConfig({
   displayName: "NavigationRailstyles__StyledNavigationRail",
   componentId: "sc-160kivd-0"
 })(["", ""], ({
   theme,
   railItemPosition
-}) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{border-radius:0;display:flex;flex-basis:72px;flex-direction:column;margin:0;padding:0;width:100%;white-space:normal;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.rail-item-text{word-break:break-word;padding:", ";}}}"], rootClassName$q, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.grey[700], theme.palette.layer.n0, theme.palette.layer.n100, theme.spacing(0, 0.5)));
+}) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{border-radius:0;display:flex;flex-basis:72px;flex-direction:column;margin:0;padding:0;width:100%;white-space:normal;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.rail-item-text{word-break:break-word;padding:", ";}}}"], rootClassName$p, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.grey[700], theme.palette.layer.n0, theme.palette.layer.n100, theme.spacing(0, 0.5)));
 
 const MAX_ALLOWED_ITEMS = 7;
 const DotNavigationRail = ({
@@ -7560,7 +7560,7 @@ const DotNavigationRail = ({
   railItems,
   selectedIndex: _selectedIndex = 0
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$q, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$p, className);
   const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
   /* Used to change selected index programmatically from the consumer component */
   useEffect(() => {
@@ -7614,13 +7614,13 @@ const DotNavigationRail = ({
   }), void 0);
 };
 
-const rootClassName$p = 'dot-pill';
+const rootClassName$o = 'dot-pill';
 const StyledPill = styled(Chip).withConfig({
   displayName: "Pillstyles__StyledPill",
   componentId: "l7oxi2-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}&.MuiChip-outlined{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}&.MuiChip-filled{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}}"], rootClassName$p, ({
+}) => css(["&.", "{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}&.MuiChip-outlined{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}&.MuiChip-filled{&.error{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.success{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.warning{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}&.in-progress{background-color:", ";border-color:", ";color:", ";.dot-icon{color:", ";}}}}"], rootClassName$o, ({
   backgroundcolor
 }) => {
   return backgroundcolor || theme.palette.grey[200];
@@ -7651,7 +7651,7 @@ const DotPill = ({
   status: _status = 'default',
   variant: _variant = 'filled'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$p, className, _status);
+  const rootClasses = useStylesWithRootClass(rootClassName$o, className, _status);
   return jsx(StyledPill, {
     "aria-label": ariaLabel,
     bordercolor: bordercolor,
@@ -7669,13 +7669,13 @@ const DotPill = ({
   }, void 0);
 };
 
-const rootClassName$o = 'dot-skeleton';
+const rootClassName$n = 'dot-skeleton';
 const StyledSkeleton = styled(Skeleton).withConfig({
   displayName: "Skeletonstyles__StyledSkeleton",
   componentId: "sc-17ayzv5-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{background-color:", ";}"], rootClassName$o, theme.palette.grey[100]));
+}) => css(["&.", "{background-color:", ";}"], rootClassName$n, theme.palette.grey[100]));
 
 const DotSkeleton = ({
   ariaLabel,
@@ -7686,7 +7686,7 @@ const DotSkeleton = ({
   width,
   variant
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$o, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$n, className);
   return jsx(StyledSkeleton, Object.assign({
     animation: "wave",
     "aria-label": ariaLabel,
@@ -7702,13 +7702,13 @@ const DotSkeleton = ({
   }), void 0);
 };
 
-const rootClassName$n = 'dot-snackbar';
+const rootClassName$m = 'dot-snackbar';
 const StyledSnackbar = styled(Snackbar).withConfig({
   displayName: "Snackbarstyles__StyledSnackbar",
   componentId: "sc-1huxoy3-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$n, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
+}) => css(["&.", "{.MuiSvgIcon-root{color:", ";}.MuiAlert-icon{padding:11px 0px;}.MuiAlert-message{padding:13px 0px;}&.MuiSnackbar-anchorOriginTopRight{top:0px;z-index:", ";}.MuiAlert-root{&.MuiAlert-standardInfo{background-color:", ";}&.MuiAlert-standardWarning{color:", ";.MuiSvgIcon-root{color:", ";}}max-width:500px;min-width:344px;color:", ";z-index:", ";position:relative;margin-top:108px;background-color:", ";@media (min-width:720px){.MuiAlert-root{top:112px;position:relative;}}}"], rootClassName$m, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, props => theme.palette[props.severity].main));
 
 function addAutoHideDuration(severity) {
   return severity === 'error' ? null : 10000;
@@ -7743,7 +7743,7 @@ const DotSnackbar = ({
     onClose,
     action
   });
-  const rootClasses = useStylesWithRootClass(rootClassName$n, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$m, className);
   return jsx(StyledSnackbar, Object.assign({
     anchorOrigin: _anchorOrigin,
     "aria-label": ariaLabel,
@@ -7773,11 +7773,11 @@ const DotSnackbar = ({
   }), void 0);
 };
 
-const rootClassName$m = 'dot-snackbar-container';
+const rootClassName$l = 'dot-snackbar-container';
 const StyledSnackbarContainer = styled.div.withConfig({
   displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
   componentId: "sc-1ogwjuc-0"
-})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$m));
+})(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$l));
 
 const DotSnackbarContext = /*#__PURE__*/createContext({
   alerts: [],
@@ -7795,11 +7795,11 @@ const DotSnackbarContainer = () => {
     };
   }
   return jsx(StyledSnackbarContainer, Object.assign({
-    className: rootClassName$m
+    className: rootClassName$l
   }, {
     children: jsx("div", Object.assign({
-      className: rootClassName$m,
-      "data-testid": rootClassName$m
+      className: rootClassName$l,
+      "data-testid": rootClassName$l
     }, {
       children: alerts.slice().reverse().map(alert => {
         return jsx(DotSnackbar, Object.assign({
@@ -7854,13 +7854,13 @@ const useDotSnackbarContext = () => {
   return useContext(DotSnackbarContext);
 };
 
-const rootClassName$l = 'dot-split-button-group';
+const rootClassName$k = 'dot-split-button-group';
 const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
   displayName: "SplitButtonstyles__StyledSplitButtonGroup",
   componentId: "ild520-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";border-top-left-radius:0;border-bottom-left-radius:0;&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$l, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
+}) => css(["&.", "{box-shadow:0px 3px 1px -2px rgb(0 0 0 / 20%),0px 2px 2px 0px rgb(0 0 0 / 14%),0px 1px 5px 0px rgb(0 0 0 / 12%);&.disabled{box-shadow:none;.dot-button{background:", ";border:1px solid ", ";}}&.outlined,&.text{box-shadow:none;.expand-button{border-left:none;}}&.outlined .dot-button{border-color:", ";}&.destructive .expand-button{border-left-color:", ";}.dot-button{box-shadow:none;margin:0;padding:", ";}.label-button{border-top-right-radius:0;border-bottom-right-radius:0;}.expand-button{border-left:1px solid ", ";border-top-left-radius:0;border-bottom-left-radius:0;&.Mui-disabled{border-left:0;}.MuiButton-label,.dot-icon{width:14px;height:14px;}}}"], rootClassName$k, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']));
 const StyledMenu$2 = styled(DotMenu).withConfig({
   displayName: "SplitButtonstyles__StyledMenu",
   componentId: "ild520-1"
@@ -7889,7 +7889,7 @@ const DotSplitButton = ({
   tooltip,
   type: _type = 'primary'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$l, className, _type, _disabled ? 'disabled' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$k, className, _type, _disabled ? 'disabled' : '');
   const [open, setOpen] = useState(false);
   const anchorRef = useRef(null);
   const hasEmptyOptions = _options.length === 0;
@@ -7955,7 +7955,7 @@ const DotSplitButton = ({
   }, void 0);
 };
 
-const rootClassName$k = 'dot-stepper';
+const rootClassName$j = 'dot-stepper';
 const stepListClassName = 'dot-stepper-list';
 const contentClassName = 'dot-stepper-content';
 const StyledStepper = styled.div.withConfig({
@@ -7963,7 +7963,7 @@ const StyledStepper = styled.div.withConfig({
   componentId: "sc-1qka0yq-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;}&.right{flex-direction:row-reverse;}.", "{padding:", ";&.MuiStepper-horizontal{padding:0;display:flex;flex-direction:column;}.MuiStep-root{width:315px;.dot-icon{display:flex;background:", ";border-radius:50%;color:", ";height:28px;width:28px;}.dot-typography{color:", ";}.MuiStepContent-root{border-left-color:", ";}&.MuiStep-horizontal{padding:", ";.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}.dot-typography{color:", ";}.horizontal-step-description{color:", ";}&:hover{cursor:pointer;}&.completed{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.active{background:", ";}&.error{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.in-progress{.dot-avatar i:before{color:", ";}}}&.MuiStep-vertical{&.completed{.dot-typography,.dot-icon{color:", ";}}&.active{.dot-icon{background:", ";color:", ";}.step-label.dot-typography{color:", ";}.dot-typography{color:", ";}}&.inactive .step-label.dot-typography{color:", ";}&.error{.dot-typography{color:", ";}.dot-icon{background:", ";border:1px solid ", ";color:", ";}}}&.disabled{.dot-icon{color:", ";}.dot-typography{color:", ";}}&:last-of-type .MuiStepContent-root{border-left-color:transparent;}}}.", "{width:100%;.step-content-container{padding:", ";}}}"], rootClassName$k, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100, theme.palette.layer.n500, theme.palette.layer.n400, theme.palette.secondary['500'], theme.palette.secondary['50'], theme.palette.layer['n50'], theme.palette.error['500'], theme.palette.error['50'], theme.palette.primary['400'], theme.palette.layer.n700, theme.palette.primary['400'], theme.palette.layer.n0, theme.palette.primary['500'], theme.palette.layer.n700, theme.palette.layer.n400, theme.palette.error.main, theme.palette.layer.n0, theme.palette.error.main, theme.palette.error.main, theme.palette.primary['50'], theme.palette.layer.n300, contentClassName, theme.spacing(3, 3, 2, 3)));
+}) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;}&.right{flex-direction:row-reverse;}.", "{padding:", ";&.MuiStepper-horizontal{padding:0;display:flex;flex-direction:column;}.MuiStep-root{width:315px;.dot-icon{display:flex;background:", ";border-radius:50%;color:", ";height:28px;width:28px;}.dot-typography{color:", ";}.MuiStepContent-root{border-left-color:", ";}&.MuiStep-horizontal{padding:", ";.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}.dot-typography{color:", ";}.horizontal-step-description{color:", ";}&:hover{cursor:pointer;}&.completed{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.active{background:", ";}&.error{.dot-avatar i:before{color:", ";}.dot-avatar,.dot-icon{background:", ";}}&.in-progress{.dot-avatar i:before{color:", ";}}}&.MuiStep-vertical{&.completed{.dot-typography,.dot-icon{color:", ";}}&.active{.dot-icon{background:", ";color:", ";}.step-label.dot-typography{color:", ";}.dot-typography{color:", ";}}&.inactive .step-label.dot-typography{color:", ";}&.error{.dot-typography{color:", ";}.dot-icon{background:", ";border:1px solid ", ";color:", ";}}}&.disabled{.dot-icon{color:", ";}.dot-typography{color:", ";}}&:last-of-type .MuiStepContent-root{border-left-color:transparent;}}}.", "{width:100%;.step-content-container{padding:", ";}}}"], rootClassName$j, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100, theme.palette.layer.n500, theme.palette.layer.n400, theme.palette.secondary['500'], theme.palette.secondary['50'], theme.palette.layer['n50'], theme.palette.error['500'], theme.palette.error['50'], theme.palette.primary['400'], theme.palette.layer.n700, theme.palette.primary['400'], theme.palette.layer.n0, theme.palette.primary['500'], theme.palette.layer.n700, theme.palette.layer.n400, theme.palette.error.main, theme.palette.layer.n0, theme.palette.error.main, theme.palette.error.main, theme.palette.primary['50'], theme.palette.layer.n300, contentClassName, theme.spacing(3, 3, 2, 3)));
 const ScrollbarContainer = styled.div.withConfig({
   displayName: "Stepperstyles__ScrollbarContainer",
   componentId: "sc-1qka0yq-1"
@@ -8033,7 +8033,7 @@ const DotStepper = ({
   const displayFinalContent = finalContent && currentStep > steps.length;
   const displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
   const isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
-  const rootClasses = useStylesWithRootClass(rootClassName$k, _stepsPosition, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$j, _stepsPosition, className);
   const stepContentClasses = displayInitialContent || displayFinalContent ? 'center-content' : '';
   const stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
   const actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
@@ -8250,7 +8250,7 @@ const DotStepper = ({
   }), void 0);
 };
 
-const rootClassName$j = 'dot-table-pagination';
+const rootClassName$i = 'dot-table-pagination';
 // TO-DO: Determine how to apply styles to standard popper element
 const paginationItemClassName = 'dot-pagination-menu-item';
 const StyledTablePagination = styled.div.withConfig({
@@ -8259,7 +8259,7 @@ const StyledTablePagination = styled.div.withConfig({
 })(["", ""], ({
   theme,
   typography
-}) => css([".", "{border-top:1px solid ", ";.dot-caption,.MuiInputBase-root{font-family:", ";font-size:", "px;letter-spacing:", ";line-height:", ";}.dot-caption{margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$j, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
+}) => css([".", "{border-top:1px solid ", ";.dot-caption,.MuiInputBase-root{font-family:", ";font-size:", "px;letter-spacing:", ";line-height:", ";}.dot-caption{margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$i, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
 
 const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
 /** This component wraps the TablePagination component from @material-ui. */
@@ -8276,7 +8276,7 @@ const DotTablePagination = ({
   rowsPerPageOptions: _rowsPerPageOptions = [...ROWS_PER_PAGE_OPTIONS],
   typography: _typography = 'subtitle2'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$j, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$i, className);
   const handlePageChange = (event, newPage) => {
     onPageChange && onPageChange(newPage);
   };
@@ -8285,7 +8285,7 @@ const DotTablePagination = ({
   };
   return (/* Container is used to pass 'typography' prop to a styled component */
     jsx(StyledTablePagination, Object.assign({
-      className: rootClassName$j,
+      className: rootClassName$i,
       typography: _typography
     }, {
       children: jsx(TablePagination, {
@@ -8312,13 +8312,13 @@ const DotTablePagination = ({
   );
 };
 
-const rootClassName$i = 'dot-table';
+const rootClassName$h = 'dot-table';
 const StyledPaper = styled(Paper).withConfig({
   displayName: "Tablestyles__StyledPaper",
   componentId: "s95z6y-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$i, theme.palette.layer.n100));
+}) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$h, theme.palette.layer.n100));
 const StyledTableContainer = styled(TableContainer).withConfig({
   displayName: "Tablestyles__StyledTableContainer",
   componentId: "s95z6y-1"
@@ -8330,6 +8330,12 @@ const StyledMenu$1 = styled(DotMenu).withConfig({
   componentId: "s95z6y-2"
 })([".dot-ul > li{padding:0;> button{width:100%;margin:0;justify-content:flex-start;}}"]);
 
+const rootClassName$g = 'dot-tbody';
+const StyledTableBody = styled(TableBody).withConfig({
+  displayName: "TableBodystyles__StyledTableBody",
+  componentId: "wszqgk-0"
+})(["", ""], () => css(["&.", "{tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$g));
+
 const getFormattedTableCellValue = (
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 value, typographyVariant) => {
@@ -8396,12 +8402,24 @@ const getExpandedRowIds = (expandedIds, id, isExpand) => {
   }
   return newIds;
 };
+const parseCellMaxWidth = width => {
+  if (!width) {
+    return;
+  }
+  // if contains % then convert to % of viewport
+  if (width.includes('%')) {
+    const percent = Number.parseFloat(width) / 100;
+    return `calc(100vw * ${percent})`;
+  }
+  // if contains 'px' or 'vw' then pass as is
+  return width;
+};
 
-const rootClassName$h = 'dot-td';
+const rootClassName$f = 'dot-td';
 const StyledTableCell = styled(TableCell).withConfig({
   displayName: "TableCellstyles__StyledTableCell",
   componentId: "e84k25-0"
-})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.actionItems,&.noWrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{max-width:0;text-align:right;text-overflow:clip;}&.noWrap p{max-width:calc(100% - 1px);}.action-cell-wrapper{width:100%;}}"], rootClassName$h));
+})(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.actionItems,&.noWrap p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{max-width:0;text-align:right;text-overflow:clip;}&.noWrap p{max-width:calc(100% - 1px);}.action-cell-wrapper{width:100%;}}"], rootClassName$f));
 
 /**
  * A wrapper component around the TableCell component from @material-ui.
@@ -8446,7 +8464,7 @@ const DotBodyCell = ({
     const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
     setShowMenu(isOverflowing);
   };
-  const rootClasses = useStylesWithRootClass(rootClassName$h, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
+  const rootClasses = useStylesWithRootClass(rootClassName$f, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
   const getTableCellValue = () => {
     if (Array.isArray(value)) {
       return jsx("div", Object.assign({
@@ -8459,7 +8477,7 @@ const DotBodyCell = ({
           iconSize: "small",
           onClick: () => onActionMenuTrigger(wrapperRef.current, value),
           size: "small"
-        }, void 0) : value.map((item, index) => {
+        }, void 0) : value.map(item => {
           if (item.onclick) {
             console.warn('The onclick property is deprecated, please use onClick instead');
           }
@@ -8472,7 +8490,7 @@ const DotBodyCell = ({
             onClick: item.onClick || item.onclick,
             size: "small",
             tooltip: item.tooltip
-          }, `${cellKey}-icon-${index}`);
+          }, `${cellKey}-icon-${CreateUUID()}`);
         })
       }), void 0);
     }
@@ -8492,179 +8510,464 @@ const DotBodyCell = ({
   }), void 0);
 };
 
-const rootClassName$g = 'dot-td-checkbox';
-const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
-  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
-  componentId: "ebk3sz-0"
-})(["", ""], ({
-  theme
-}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$g, theme.spacing(5), theme.spacing(0, 1)));
-
-const DotBodyCheckboxCell = ({
-  ariaLabel,
-  className,
-  'data-testid': dataTestId,
-  isChecked,
-  onChange,
-  rowId
+const EmptyDotRow = ({
+  cols,
+  message: _message = 'No data found',
+  typography
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$g, className);
-  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
-  /** This effect is used when 'checked' status is changed from the outside  */
-  useEffect(() => {
-    setIsCheckboxChecked(isChecked);
-  }, [isChecked]);
-  const handleChange = e => {
-    const checked = e.target.checked;
-    setIsCheckboxChecked(checked);
-    onChange(checked, rowId);
-  };
-  return jsx(StyledTableBodyCheckboxCell, Object.assign({
-    align: "left",
-    className: rootClasses,
-    "data-testid": dataTestId
+  return jsx(TableRow, Object.assign({
+    className: "empty-row"
   }, {
-    children: jsx(DotCheckbox, {
-      ariaLabel: ariaLabel,
-      checked: isCheckboxChecked,
-      "data-testid": "table-body-checkbox",
-      onChange: handleChange,
-      size: "small"
+    children: jsx(DotBodyCell, {
+      typography: typography,
+      colspan: cols,
+      value: _message
     }, void 0)
-  }), void 0);
+  }), CreateUUID());
 };
 
-const rootClassName$f = 'dot-tr';
+const rootClassName$e = 'dot-tr';
 const StyledTableRowStyles = styled(TableRow).withConfig({
   displayName: "TableRowstyles__StyledTableRowStyles",
   componentId: "a4fx2l-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{&.selected{background-color:", ";}&:hover{background-color:", ";}}"], rootClassName$f, theme.palette.primary[50], theme.palette.grey[50]));
+}) => css(["&.", "{&.selected{background-color:", ";}&:hover{background-color:", ";}}"], rootClassName$e, theme.palette.primary[50], theme.palette.grey[50]));
 
-const rootClassName$e = 'dot-td-expand-collapse';
-const StyledTableBodyExpandCollapseCell = styled(TableCell).withConfig({
-  displayName: "TableBodyExpandCollapseCellstyles__StyledTableBodyExpandCollapseCell",
-  componentId: "sc-1eomk5k-0"
+const TABLE_TYPOGRAPHY_VARIANT = 'body1';
+const TABLE_DEFAULT_SKELETON_ROWS = 4;
+
+const rootClassName$d = 'dot-th-checkbox';
+const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
+  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
+  componentId: "ymqg8x-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$e, theme.spacing(5), theme.spacing(0, 1)));
+}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$d, theme.spacing(5), theme.spacing(0, 1)));
 
-const DotBodyExpandCollapseCell = ({
+const DotHeaderCheckboxCell = ({
   ariaLabel,
   className,
   'data-testid': dataTestId,
-  isExpanded,
-  onRowExpandCollapse,
-  rowId
+  multiSelectState,
+  onCheckAllChange
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$e, className);
-  const [isCellExpanded, setIsCellExpanded] = useState(isExpanded);
-  /** This effect is used when 'expand' status is changed from the outside  */
+  const rootClasses = useStylesWithRootClass(rootClassName$d, className);
+  const [checkboxState, setCheckboxState] = useState('unchecked');
   useEffect(() => {
-    setIsCellExpanded(isExpanded);
-  }, [isExpanded]);
-  const handleIconClick = (event, expand) => {
-    setIsCellExpanded(expand);
-    onRowExpandCollapse(expand, rowId);
-    event.stopPropagation();
+    setCheckboxState(multiSelectState);
+  }, [multiSelectState]);
+  const getNextCheckboxState = currentCheckboxState => {
+    if (currentCheckboxState === 'indeterminate' || currentCheckboxState === 'checked') return 'unchecked';
+    return 'checked';
   };
-  return jsx(StyledTableBodyExpandCollapseCell, Object.assign({
+  const isIndeterminate = checkboxState === 'indeterminate';
+  const isCheckboxChecked = checkboxState === 'checked';
+  const handleChange = () => {
+    const nextState = getNextCheckboxState(checkboxState);
+    setCheckboxState(nextState);
+    onCheckAllChange(nextState === 'checked', []);
+  };
+  return jsx(StyledTableHeaderCheckboxCell, Object.assign({
     align: "left",
     className: rootClasses,
     "data-testid": dataTestId
   }, {
-    children: jsx(DotIconButton, {
+    children: jsx(DotCheckbox, {
       ariaLabel: ariaLabel,
-      iconId: isCellExpanded ? 'chevron-up' : 'chevron-down',
-      onClick: event => handleIconClick(event, !isCellExpanded),
+      checked: isCheckboxChecked,
+      "data-testid": "multi-select-checkbox",
+      indeterminate: isIndeterminate,
+      onChange: handleChange,
       size: "small"
     }, void 0)
   }), void 0);
 };
 
-const rootClassName$d = 'dot-collapsible-container';
-const StyledCollapsibleTableWrapper = styled.div.withConfig({
-  displayName: "TableBodyCollapsibleTablestyles__StyledCollapsibleTableWrapper",
-  componentId: "sc-42frd0-0"
+const rootClassName$c = 'dot-th';
+const StyledTableHeaderCell = styled(TableCell).withConfig({
+  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
+  componentId: "nko9j-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{.dot-tbody{tr:not(:last-child) td{border-bottom:1px solid ", ";}}.dot-collapsible-table-title{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";}}"], rootClassName$d, theme.palette.layer.n100, theme.spacing(1, 2)));
+}) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}> span.MuiTableSortLabel-root.Mui-focusVisible{.dot-cell-typography{color:", ";text-decoration:underline;}}.dot-cell-typography{font-family:", ";}}"], rootClassName$c, theme.palette.primary.main, theme.typography.h4.fontFamily));
 
-const DotBodyCollapsibleTable = ({
-  collapsibleTableBody,
-  isExpanded,
-  loading,
-  rowData
+/**
+ * A wrapper component around the TableCell component from @material-ui. This component should only
+ * be used inside DotHeaderRow.
+ */
+const DotHeaderCell = ({
+  align,
+  typography,
+  createSortHandler,
+  id,
+  order,
+  orderBy,
+  sortable: _sortable = true,
+  sortDirection,
+  uid,
+  value,
+  width
 }) => {
-  const tableId = CreateUUID();
-  const nestedTableRowData = collapsibleTableBody ? rowData[collapsibleTableBody.nestedTableDataPropName] : null;
-  const nestedTableColumns = collapsibleTableBody ? collapsibleTableBody.nestedTableColumns : null;
-  const nestedRow = nestedTableRowData instanceof Array ? nestedTableRowData.map(nestedRowData => {
-    return {
-      rowData: nestedRowData
-    };
-  }) : [];
-  return jsx(StyledCollapsibleTableWrapper, Object.assign({
-    className: rootClassName$d
-  }, {
-    children: jsxs(Collapse, Object.assign({
-      in: isExpanded
-    }, {
-      children: [collapsibleTableBody.nestedTableTitle && jsx(DotTypography, Object.assign({
-        className: "dot-collapsible-table-title",
-        variant: "h3"
+  const headerTitle = isString$1(value) ? value : null;
+  const formattedValue = getFormattedTableCellValue(value, typography);
+  const getCellValue = () => {
+    if (_sortable) {
+      const orderById = orderBy === id;
+      return jsx(TableSortLabel, Object.assign({
+        active: orderById,
+        "data-testid": "table-sort-label",
+        direction: orderById ? order : 'asc',
+        onClick: createSortHandler && createSortHandler(id)
       }, {
-        children: collapsibleTableBody.nestedTableTitle
-      }), void 0), jsx(DotTable, {
-        columns: nestedTableColumns,
-        data: nestedRow,
-        emptyMessage: collapsibleTableBody.nestedTableEmptyMessage,
-        loading: loading,
-        stickyHeader: false,
-        sortable: false
-      }, tableId)]
-    }), void 0)
-  }), void 0);
+        children: formattedValue
+      }), void 0);
+    }
+    return formattedValue;
+  };
+  const headerCellStyle = width ? {
+    width: width
+  } : undefined;
+  return jsx(StyledTableHeaderCell, Object.assign({
+    align: align,
+    classes: {
+      root: rootClassName$c
+    },
+    sortDirection: _sortable ? sortDirection : undefined,
+    style: headerCellStyle,
+    title: headerTitle
+  }, {
+    children: getCellValue()
+  }), uid);
 };
 
 /**
- * A wrapper component around the TableRow component from @material-ui. This component can be used
- * for manipulating data prior to displaying the data inside the table
+ * A wrapper component around the TableHead component from @material-ui. This component can be used
+ * to determine the functionality of the table header.
  */
-const DotTableRow = ({
-  collapsibleTableBody,
+const DotHeaderRow = ({
+  collapsibleTableOptions,
   columns,
-  className,
-  data,
-  multiSelectBody,
-  onActionMenuTrigger,
-  onClick,
-  rowKey,
-  selected,
+  multiSelectHeader,
+  onRequestSort,
+  order,
+  orderBy,
+  sortable: _sortable = false,
   typography
 }) => {
-  const id = data.id;
-  const rowData = data.rowData;
-  const [collapsibleTableLoading, setCollapsibleTableLoading] = useState(false);
-  const handleOnClick = event => {
-    onClick && onClick(event, id.toString());
+  const createSortHandler = property => _event => {
+    onRequestSort(property);
   };
+  const [multiSelectState, setMultiSelectState] = useState('unchecked');
   const {
-    onCheckIndividualChange,
+    onCheckAllChange,
+    pageData,
     selectedTableRowIds
-  } = multiSelectBody || {};
-  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
-  const rootClasses = useStylesWithRootClass(rootClassName$f, isCheckboxChecked ? 'selected' : undefined, className);
-  const renderCheckboxCell = () => {
-    return jsx(DotBodyCheckboxCell, {
-      ariaLabel: "Click to select this row",
-      isChecked: isCheckboxChecked,
-      onChange: onCheckIndividualChange,
-      rowId: id
+  } = multiSelectHeader || {};
+  useEffect(() => {
+    if (!multiSelectHeader) return;
+    if (selectedTableRowIds && selectedTableRowIds.length > 0 && pageData) {
+      const itemsNumber = pageData.length;
+      const checkedItemsNumber = pageData.filter(row => selectedTableRowIds.includes(row.id)).length;
+      if (itemsNumber === checkedItemsNumber) {
+        setMultiSelectState('checked');
+        return;
+      }
+      if (checkedItemsNumber > 0) {
+        setMultiSelectState('indeterminate');
+        return;
+      }
+    }
+    setMultiSelectState('unchecked');
+  }, [multiSelectHeader]);
+  const renderMultiSelectCell = () => {
+    return jsx(DotHeaderCheckboxCell, {
+      ariaLabel: "Click to select all table page rows",
+      multiSelectState: multiSelectState,
+      onCheckAllChange: onCheckAllChange
     }, void 0);
   };
-  const {
+  return jsx(TableHead, Object.assign({
+    classes: {
+      root: 'dot-thead'
+    }
+  }, {
+    children: jsxs(TableRow, Object.assign({
+      classes: {
+        root: 'dot-tr'
+      }
+    }, {
+      children: [multiSelectHeader && renderMultiSelectCell(), collapsibleTableOptions && jsx(TableCell, {
+        "aria-hidden": "true"
+      }, void 0), columns.map(cell => {
+        return jsx(DotHeaderCell, {
+          align: cell.align,
+          createSortHandler: createSortHandler,
+          id: cell.id,
+          order: order,
+          orderBy: orderBy,
+          sortDirection: orderBy === cell.id ? order : undefined,
+          sortable: _sortable && cell.sortable,
+          truncate: cell.truncate,
+          typography: typography,
+          uid: CreateUUID(),
+          value: cell.label,
+          width: cell.width
+        }, CreateUUID());
+      })]
+    }), void 0)
+  }), void 0);
+};
+
+const CollapsibleTableBody = ({
+  nestedTableBodyTypography: _nestedTableBodyTypography = TABLE_TYPOGRAPHY_VARIANT,
+  nestedTableColumns,
+  nestedTableEmptyMessage,
+  nestedTableRowData,
+  parentRowKey
+}) => {
+  const getNestedTableBodyRows = () => {
+    return !nestedTableRowData || nestedTableRowData.length === 0 ? jsx(EmptyDotRow, {
+      cols: nestedTableColumns.length,
+      message: nestedTableEmptyMessage,
+      typography: _nestedTableBodyTypography
+    }, void 0) : nestedTableRowData.map(row => {
+      const uid = CreateUUID();
+      return jsx(StyledTableRowStyles, Object.assign({
+        className: "dot-tr"
+      }, {
+        children: nestedTableColumns.map(column => {
+          const colId = column.id;
+          return jsx(DotBodyCell, {
+            align: column.align,
+            cellKey: `${parentRowKey}-${uid}-${colId}`,
+            typography: _nestedTableBodyTypography,
+            noWrap: column.truncate,
+            style: {
+              maxWidth: parseCellMaxWidth(column.width)
+            },
+            value: row[colId]
+          }, colId);
+        })
+      }), `${parentRowKey}-${uid}`);
+    });
+  };
+  return jsx(StyledTableBody, Object.assign({
+    className: "dot-tbody"
+  }, {
+    children: getNestedTableBodyRows()
+  }), void 0);
+};
+
+const CollapsibleTableClassName = 'dot-collapsible-table-container';
+const StyledCollapsibleTableWrapper = styled.div.withConfig({
+  displayName: "CollapsibleTablestyles__StyledCollapsibleTableWrapper",
+  componentId: "sc-7uzf9c-0"
+})(["", ""], ({
+  theme
+}) => css(["&.", "{border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;}}"], CollapsibleTableClassName, theme.palette.layer.n100));
+
+const DotCollapsibleTable = ({
+  collapsibleTableBody,
+  loading,
+  parentRowKey,
+  rowData
+}) => {
+  const rootClasses = useStylesWithRootClass(CollapsibleTableClassName, loading ? 'loading' : '');
+  const nestedTableColumns = collapsibleTableBody ? collapsibleTableBody.nestedTableColumns : null;
+  const nestedTableRowData = collapsibleTableBody ? rowData[collapsibleTableBody.nestedTableDataPropName] : null;
+  const {
+    nestedTableHeaderTypography,
+    nestedTableBodyTypography,
+    nestedTableEmptyMessage,
+    nestedTableTitle
+  } = Object.assign({}, collapsibleTableBody);
+  const getSkeletonData = () => {
+    const skeletonData = [];
+    const skeletonRow = {};
+    nestedTableColumns.forEach(column => {
+      skeletonRow[column.id] = jsx(DotSkeleton, Object.assign({
+        width: "300"
+      }, {
+        children: jsx("span", {
+          children: column.label
+        }, void 0)
+      }), void 0);
+    });
+    for (let i = 0; i < TABLE_DEFAULT_SKELETON_ROWS; i++) {
+      skeletonData.push(skeletonRow);
+    }
+    return skeletonData;
+  };
+  const renderTitleAsRow = () => {
+    return nestedTableTitle && jsx(TableHead, {
+      children: jsx(TableRow, {
+        children: jsx(TableCell, Object.assign({
+          colSpan: nestedTableColumns.length
+        }, {
+          children: jsx(DotTypography, Object.assign({
+            variant: "h4"
+          }, {
+            children: nestedTableTitle
+          }), void 0)
+        }), void 0)
+      }, void 0)
+    }, void 0);
+  };
+  const getData = () => {
+    return loading ? getSkeletonData() : nestedTableRowData;
+  };
+  // TODO: Implement sorting for nested tables
+  const onSortRequest = () => {
+    return;
+  };
+  return jsx(StyledCollapsibleTableWrapper, Object.assign({
+    className: rootClasses
+  }, {
+    children: jsx(StyledTableContainer, Object.assign({
+      className: "dot-table-container"
+    }, {
+      children: jsxs(Table, Object.assign({
+        padding: "normal",
+        stickyHeader: false
+      }, {
+        children: [renderTitleAsRow(), jsx(DotHeaderRow, {
+          columns: nestedTableColumns,
+          onRequestSort: onSortRequest,
+          sortable: false,
+          typography: nestedTableHeaderTypography
+        }, void 0), jsx(CollapsibleTableBody, {
+          nestedTableBodyTypography: nestedTableBodyTypography,
+          nestedTableColumns: nestedTableColumns,
+          nestedTableEmptyMessage: nestedTableEmptyMessage,
+          nestedTableRowData: getData(),
+          parentRowKey: parentRowKey
+        }, void 0)]
+      }), void 0)
+    }), void 0)
+  }), void 0);
+};
+
+const ExpandCollapseCellClassName = 'dot-td-expand-collapse';
+const StyledTableBodyExpandCollapseCell = styled(TableCell).withConfig({
+  displayName: "ExpandCollapseCellstyles__StyledTableBodyExpandCollapseCell",
+  componentId: "jtyppp-0"
+})(["", ""], ({
+  theme
+}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], ExpandCollapseCellClassName, theme.spacing(5), theme.spacing(0, 1)));
+
+const ExpandCollapseCell = ({
+  ariaLabel,
+  className,
+  'data-testid': dataTestId,
+  isExpanded,
+  onRowExpandCollapse,
+  rowId
+}) => {
+  const rootClasses = useStylesWithRootClass(ExpandCollapseCellClassName, className);
+  const [isCellExpanded, setIsCellExpanded] = useState(isExpanded);
+  /** This effect is used when 'expand' status is changed from the outside  */
+  useEffect(() => {
+    setIsCellExpanded(isExpanded);
+  }, [isExpanded]);
+  const handleIconClick = (event, expand) => {
+    setIsCellExpanded(expand);
+    onRowExpandCollapse(expand, rowId);
+    event.stopPropagation();
+  };
+  return jsx(StyledTableBodyExpandCollapseCell, Object.assign({
+    align: "left",
+    className: rootClasses,
+    "data-testid": dataTestId
+  }, {
+    children: jsx(DotIconButton, {
+      ariaLabel: ariaLabel,
+      iconId: isCellExpanded ? 'chevron-up' : 'chevron-down',
+      onClick: event => handleIconClick(event, !isCellExpanded),
+      size: "small"
+    }, void 0)
+  }), void 0);
+};
+
+const rootClassName$b = 'dot-td-checkbox';
+const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
+  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
+  componentId: "ebk3sz-0"
+})(["", ""], ({
+  theme
+}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$b, theme.spacing(5), theme.spacing(0, 1)));
+
+const DotBodyCheckboxCell = ({
+  ariaLabel,
+  className,
+  'data-testid': dataTestId,
+  isChecked,
+  onChange,
+  rowId
+}) => {
+  const rootClasses = useStylesWithRootClass(rootClassName$b, className);
+  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
+  /** This effect is used when 'checked' status is changed from the outside  */
+  useEffect(() => {
+    setIsCheckboxChecked(isChecked);
+  }, [isChecked]);
+  const handleChange = e => {
+    const checked = e.target.checked;
+    setIsCheckboxChecked(checked);
+    onChange(checked, rowId);
+  };
+  return jsx(StyledTableBodyCheckboxCell, Object.assign({
+    align: "left",
+    className: rootClasses,
+    "data-testid": dataTestId
+  }, {
+    children: jsx(DotCheckbox, {
+      ariaLabel: ariaLabel,
+      checked: isCheckboxChecked,
+      "data-testid": "table-body-checkbox",
+      onChange: handleChange,
+      size: "small"
+    }, void 0)
+  }), void 0);
+};
+
+/**
+ * A wrapper component around the TableRow component from @material-ui. This component can be used
+ * for manipulating data prior to displaying the data inside the table
+ */
+const DotTableRow = ({
+  collapsibleTableBody,
+  columns,
+  className,
+  data,
+  multiSelectBody,
+  onActionMenuTrigger,
+  onClick,
+  rowKey,
+  selected,
+  typography
+}) => {
+  const id = data.id;
+  const rowData = data.rowData;
+  const [collapsibleTableLoading, setCollapsibleTableLoading] = useState(false);
+  const handleOnClick = event => {
+    onClick && onClick(event, id.toString());
+  };
+  const {
+    onCheckIndividualChange,
+    selectedTableRowIds
+  } = multiSelectBody || {};
+  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
+  const rootClasses = useStylesWithRootClass(rootClassName$e, isCheckboxChecked ? 'selected' : undefined, className);
+  const renderCheckboxCell = () => {
+    return jsx(DotBodyCheckboxCell, {
+      ariaLabel: "Click to select this row",
+      isChecked: isCheckboxChecked,
+      onChange: onCheckIndividualChange,
+      rowId: id
+    }, void 0);
+  };
+  const {
     onRowExpandCollapseTable,
     expandedTableRowIds
   } = collapsibleTableBody || {};
@@ -8676,7 +8979,7 @@ const DotTableRow = ({
     });
   };
   const renderExpandCollapseCell = () => {
-    return jsx(DotBodyExpandCollapseCell, {
+    return jsx(ExpandCollapseCell, {
       ariaLabel: "Click to expand/collapse this row",
       "data-testid": "expand-collapse-cell",
       isExpanded: isCollapsibleTableExpanded,
@@ -8689,27 +8992,15 @@ const DotTableRow = ({
       children: jsx(StyledTableCell, Object.assign({
         colSpan: columns.length + 1
       }, {
-        children: jsx(DotBodyCollapsibleTable, {
+        children: jsx(DotCollapsibleTable, {
           collapsibleTableBody: collapsibleTableBody,
-          isExpanded: isCollapsibleTableExpanded,
           loading: collapsibleTableLoading,
+          parentRowKey: rowKey,
           rowData: rowData
         }, void 0)
       }), void 0)
     }, void 0);
   };
-  const parseMaxWidth = width => {
-    if (!width) {
-      return;
-    }
-    // if contains % then convert to % of viewport
-    if (width.includes('%')) {
-      const percent = Number.parseFloat(width) / 100;
-      return `calc(100vw * ${percent})`;
-    }
-    // if contains 'px' or 'vw' then pass as is
-    return `${width}`;
-  };
   return jsxs(Fragment, {
     children: [jsxs(StyledTableRowStyles, Object.assign({
       classes: {
@@ -8718,7 +9009,7 @@ const DotTableRow = ({
       onClick: handleOnClick,
       selected: selected
     }, {
-      children: [multiSelectBody && renderCheckboxCell(), collapsibleTableBody && renderExpandCollapseCell(), columns.map((column, index) => {
+      children: [multiSelectBody && renderCheckboxCell(), collapsibleTableBody && renderExpandCollapseCell(), columns.map(column => {
         return jsx(DotBodyCell, {
           align: column.align,
           cellKey: rowKey,
@@ -8727,35 +9018,14 @@ const DotTableRow = ({
           noWrap: column.truncate,
           onActionMenuTrigger: (menuRef, menuItem) => onActionMenuTrigger(menuRef, menuItem),
           style: {
-            maxWidth: parseMaxWidth(column.width)
+            maxWidth: parseCellMaxWidth(column.width)
           },
           value: rowData[column.id]
-        }, index);
+        }, column.id);
       })]
     }), void 0), isCollapsibleTableExpandValid && renderNestedTable()]
   }, void 0);
 };
-const EmptyDotRow = ({
-  cols,
-  message: _message = 'No data found',
-  typography
-}) => {
-  return jsx(TableRow, Object.assign({
-    className: "empty-row"
-  }, {
-    children: jsx(DotBodyCell, {
-      typography: typography,
-      colspan: cols,
-      value: _message
-    }, void 0)
-  }), CreateUUID());
-};
-
-const rootClassName$c = 'dot-tbody';
-const StyledTableBody = styled(TableBody).withConfig({
-  displayName: "TableBodystyles__StyledTableBody",
-  componentId: "wszqgk-0"
-})(["", ""], () => css(["&.", "{tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$c));
 
 /**
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -8801,13 +9071,13 @@ const DotTableBody = ({
         rowKey: `${tableId}-row-${index}`,
         selected: row.selected,
         typography: typography
-      }, index);
+      }, row.id);
     });
   };
   return jsxs(Fragment, {
     children: [jsx(StyledTableBody, Object.assign({
       classes: {
-        root: rootClassName$c
+        root: rootClassName$g
       }
     }, {
       children: getTableBodyRows()
@@ -8823,195 +9093,13 @@ const DotTableBody = ({
   }, void 0);
 };
 
-const rootClassName$b = 'dot-th';
-const StyledTableHeaderCell = styled(TableCell).withConfig({
-  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
-  componentId: "nko9j-0"
-})(["", ""], ({
-  theme
-}) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}> span.MuiTableSortLabel-root.Mui-focusVisible{.dot-cell-typography{color:", ";text-decoration:underline;}}.dot-cell-typography{font-family:", ";}}"], rootClassName$b, theme.palette.primary.main, theme.typography.h4.fontFamily));
-
-/**
- * A wrapper component around the TableCell component from @material-ui. This component should only
- * be used inside DotHeaderRow.
- */
-const DotHeaderCell = ({
-  align,
-  typography,
-  createSortHandler,
-  id,
-  order,
-  orderBy,
-  sortable: _sortable = true,
-  sortDirection,
-  uid,
-  value,
-  width
-}) => {
-  const headerTitle = isString$1(value) ? value : null;
-  const formattedValue = getFormattedTableCellValue(value, typography);
-  const getCellValue = () => {
-    if (_sortable) {
-      const orderById = orderBy === id;
-      return jsx(TableSortLabel, Object.assign({
-        active: orderById,
-        "data-testid": "table-sort-label",
-        direction: orderById ? order : 'asc',
-        onClick: createSortHandler && createSortHandler(id)
-      }, {
-        children: formattedValue
-      }), void 0);
-    }
-    return formattedValue;
-  };
-  const headerCellStyle = width ? {
-    width: width
-  } : undefined;
-  return jsx(StyledTableHeaderCell, Object.assign({
-    align: align,
-    classes: {
-      root: rootClassName$b
-    },
-    sortDirection: _sortable ? sortDirection : undefined,
-    style: headerCellStyle,
-    title: headerTitle
-  }, {
-    children: getCellValue()
-  }), uid);
-};
-
-const rootClassName$a = 'dot-th-checkbox';
-const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
-  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
-  componentId: "ymqg8x-0"
-})(["", ""], ({
-  theme
-}) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$a, theme.spacing(5), theme.spacing(0, 1)));
-
-const DotHeaderCheckboxCell = ({
-  ariaLabel,
-  className,
-  'data-testid': dataTestId,
-  multiSelectState,
-  onCheckAllChange
-}) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$a, className);
-  const [checkboxState, setCheckboxState] = useState('unchecked');
-  useEffect(() => {
-    setCheckboxState(multiSelectState);
-  }, [multiSelectState]);
-  const getNextCheckboxState = currentCheckboxState => {
-    if (currentCheckboxState === 'indeterminate' || currentCheckboxState === 'checked') return 'unchecked';
-    return 'checked';
-  };
-  const isIndeterminate = checkboxState === 'indeterminate';
-  const isCheckboxChecked = checkboxState === 'checked';
-  const handleChange = () => {
-    const nextState = getNextCheckboxState(checkboxState);
-    setCheckboxState(nextState);
-    onCheckAllChange(nextState === 'checked', []);
-  };
-  return jsx(StyledTableHeaderCheckboxCell, Object.assign({
-    align: "left",
-    className: rootClasses,
-    "data-testid": dataTestId
-  }, {
-    children: jsx(DotCheckbox, {
-      ariaLabel: ariaLabel,
-      checked: isCheckboxChecked,
-      "data-testid": "multi-select-checkbox",
-      indeterminate: isIndeterminate,
-      onChange: handleChange,
-      size: "small"
-    }, void 0)
-  }), void 0);
-};
-
-/**
- * A wrapper component around the TableHead component from @material-ui. This component can be used
- * to determine the functionality of the table header.
- */
-const DotHeaderRow = ({
-  collapsibleTableOptions,
-  columns,
-  multiSelectHeader,
-  onRequestSort,
-  order,
-  orderBy,
-  sortable: _sortable = false,
-  typography
-}) => {
-  const createSortHandler = property => _event => {
-    onRequestSort(property);
-  };
-  const [multiSelectState, setMultiSelectState] = useState('unchecked');
-  const {
-    onCheckAllChange,
-    pageData,
-    selectedTableRowIds
-  } = multiSelectHeader || {};
-  useEffect(() => {
-    if (!multiSelectHeader) return;
-    if (selectedTableRowIds && selectedTableRowIds.length > 0 && pageData) {
-      const itemsNumber = pageData.length;
-      const checkedItemsNumber = pageData.filter(row => selectedTableRowIds.includes(row.id)).length;
-      if (itemsNumber === checkedItemsNumber) {
-        setMultiSelectState('checked');
-        return;
-      }
-      if (checkedItemsNumber > 0) {
-        setMultiSelectState('indeterminate');
-        return;
-      }
-    }
-    setMultiSelectState('unchecked');
-  }, [multiSelectHeader]);
-  const renderMultiSelectCell = () => {
-    return jsx(DotHeaderCheckboxCell, {
-      ariaLabel: "Click to select all table page rows",
-      multiSelectState: multiSelectState,
-      onCheckAllChange: onCheckAllChange
-    }, void 0);
-  };
-  return jsx(TableHead, Object.assign({
-    classes: {
-      root: 'dot-thead'
-    }
-  }, {
-    children: jsxs(TableRow, Object.assign({
-      classes: {
-        root: 'dot-tr'
-      }
-    }, {
-      children: [multiSelectHeader && renderMultiSelectCell(), collapsibleTableOptions && jsx(TableCell, {
-        "aria-hidden": "true"
-      }, void 0), columns.map(cell => {
-        return jsx(DotHeaderCell, {
-          align: cell.align,
-          createSortHandler: createSortHandler,
-          id: cell.id,
-          order: order,
-          orderBy: orderBy,
-          sortDirection: orderBy === cell.id ? order : undefined,
-          sortable: _sortable && cell.sortable,
-          truncate: cell.truncate,
-          typography: typography,
-          uid: CreateUUID(),
-          value: cell.label,
-          width: cell.width
-        }, CreateUUID());
-      })]
-    }), void 0)
-  }), void 0);
-};
-
-const rootClassName$9 = 'dot-table-selection-toolbar';
+const rootClassName$a = 'dot-table-selection-toolbar';
 const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
   displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
   componentId: "qpx3y9-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$9, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
+}) => css(["&.", "{display:flex;align-items:center;justify-content:space-between;background-color:", ";.dot-selected-rows-container{display:flex;align-items:center;.dot-button{padding:", ";}}.dot-selected-rows-heading{font-weight:bold;}.dot-selected-rows-divider{padding:", ";}}"], rootClassName$a, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
 
 const DotTableSelectionToolbar = ({
   ariaLabel,
@@ -9021,7 +9109,7 @@ const DotTableSelectionToolbar = ({
   onClearAll,
   selectedRowsNumber
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$9, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$a, className);
   return jsxs(StyledTableSelectionToolbar, Object.assign({
     ariaLabel: ariaLabel,
     className: rootClasses,
@@ -9056,8 +9144,6 @@ const DotTableSelectionToolbar = ({
   }), void 0);
 };
 
-const TABLE_TYPOGRAPHY_VARIANT = 'body1';
-const skeletonRows = 4;
 const sortComparator = (a, b, orderBy) => {
   if (b.rowData[orderBy] < a.rowData[orderBy]) {
     return -1;
@@ -9122,11 +9208,13 @@ const DotTable = ({
     return onUpdateData ? data : stableSort(data, getComparator(_order, orderBy));
   };
   const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
-  const rootClasses = useStylesWithRootClass(rootClassName$i, className, _loading ? 'loading' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$h, className, _loading ? 'loading' : '');
   const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
     const newData = stableSort(data, getComparator(newOrder, newOrderBy));
     setPageData(newRowsPerPage ? newData.slice(newPage * newRowsPerPage, newPage * newRowsPerPage + newRowsPerPage) : newData);
   };
+  // Extract this to a helper function that can be used
+  // with CollapsibleTable as well
   const onSortRequest = property => {
     const isAsc = tableOrderBy === property && tableOrder === 'asc';
     const dataOrder = isAsc ? 'desc' : 'asc';
@@ -9159,7 +9247,7 @@ const DotTable = ({
         }, void 0)
       }), void 0);
     });
-    for (let i = 0; i < (rowsPerPage ? rowsPerPage : skeletonRows); i++) {
+    for (let i = 0; i < (rowsPerPage ? rowsPerPage : TABLE_DEFAULT_SKELETON_ROWS); i++) {
       skeletonData.push(skeletonRow);
     }
     return skeletonData;
@@ -9323,7 +9411,7 @@ const DotTableAction = ({
   }, void 0);
 };
 
-const rootClassName$8 = 'dot-table-actions';
+const rootClassName$9 = 'dot-table-actions';
 const TableActionsContainer = styled.div.withConfig({
   displayName: "TableActionsstyles__TableActionsContainer",
   componentId: "sc-8lo813-0"
@@ -9396,7 +9484,7 @@ const DotTableActions = ({
   };
   return jsxs(Fragment, {
     children: [jsxs(TableActionsContainer, Object.assign({
-      className: rootClassName$8,
+      className: rootClassName$9,
       ref: wrapperRef
     }, {
       children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
@@ -9421,13 +9509,13 @@ const DotTableActions = ({
   }, void 0);
 };
 
-const rootClassName$7 = 'dot-tabs';
+const rootClassName$8 = 'dot-tabs';
 const StyledTabs = styled(Tabs).withConfig({
   displayName: "Tabsstyles__StyledTabs",
   componentId: "sc-1pmrz8k-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{box-shadow:inset 0px -1px 0px ", ";max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$7, theme.spacing(0.5), theme.palette.layer.n100, theme.spacing(0.5)));
+}) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{box-shadow:inset 0px -1px 0px ", ";max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$8, theme.spacing(0.5), theme.palette.layer.n100, theme.spacing(0.5)));
 
 const DotTabs = ({
   centered: _centered = false,
@@ -9441,7 +9529,7 @@ const DotTabs = ({
   variant: _variant = 'standard'
 }) => {
   const [value, setValue] = useState(_initialValue);
-  const rootClasses = useStylesWithRootClass(rootClassName$7, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$8, className);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleChange = (_event, val) => {
     setValue(val);
@@ -9491,9 +9579,9 @@ const DotTabs = ({
   }), void 0);
 };
 
-const rootClassName$6 = 'dot-file-upload';
-const containerClassName$2 = `${rootClassName$6}-container`;
-const dropZoneClassName = `${rootClassName$6}-drop-zone`;
+const rootClassName$7 = 'dot-file-upload';
+const containerClassName$2 = `${rootClassName$7}-container`;
+const dropZoneClassName = `${rootClassName$7}-drop-zone`;
 const StyledFileUploadContainer = styled.div.withConfig({
   displayName: "FileUploadstyles__StyledFileUploadContainer",
   componentId: "sc-1q8bcxy-0"
@@ -9505,15 +9593,15 @@ const StyledFileUpload = styled.div.withConfig({
   componentId: "sc-1q8bcxy-1"
 })(["", ""], ({
   theme
-}) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", ";text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$6, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
+}) => css(["&.", ".", "{align-items:center;background:", ";border:2px dashed ", ";border-radius:4px;color:", ";display:flex;flex-direction:column;flex-wrap:wrap;height:240px;justify-content:center;padding:", ";margin-bottom:", ";text-align:center;&.disabled .dot-typography{color:", ";}.dot-icon{color:", ";font-size:100px;i.dot-i{height:100px;}}}"], rootClassName$7, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100));
 
-const rootClassName$5 = 'dot-file-list-item';
+const rootClassName$6 = 'dot-file-list-item';
 const StyledFileListItem = styled(StyledListItem).withConfig({
   displayName: "FileListItemstyles__StyledFileListItem",
   componentId: "sc-6mp1tz-0"
 })(["", ""], ({
   theme
-}) => css(["&.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&:focus-visible{background-color:", ";outline:none;}&.file-success:not(:hover,:focus-visible) .", "-end-icon{i:before{color:", ";}&:focus-visible i:before{color:unset;}}&.file-error:not(:hover,:focus-visible) .", "-end-icon{i:before,.MuiListItemText-secondary{color:", ";}&:focus-visible i:before{color:unset;}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", ";}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}"], rootClassName$5, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$5, theme.palette.secondary.main, rootClassName$5, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
+}) => css(["&.", "{border-bottom:1px solid ", ";&:hover{cursor:pointer;background:", ";}&:focus-visible{background-color:", ";outline:none;}&.file-success:not(:hover,:focus-visible) .", "-end-icon{i:before{color:", ";}&:focus-visible i:before{color:unset;}}&.file-error:not(:hover,:focus-visible) .", "-end-icon{i:before,.MuiListItemText-secondary{color:", ";}&:focus-visible i:before{color:unset;}}.dot-typography,.file-item-text{flex-grow:2;padding-left:", ";}.file-item-text{display:flex;flex-direction:column;.MuiTypography-body2{color:", ";}}}"], rootClassName$6, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$6, theme.palette.secondary.main, rootClassName$6, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
 
 const DotFileListItem = ({
   ariaLabel,
@@ -9528,7 +9616,7 @@ const DotFileListItem = ({
   onKeyPress,
   tabIndex: _tabIndex = 0
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$5, className, _error ? 'file-error' : 'file-success');
+  const rootClasses = useStylesWithRootClass(rootClassName$6, className, _error ? 'file-error' : 'file-success');
   const defaultIcon = _error ? 'error-solid' : 'check-solid';
   const [endIcon, setEndIcon] = useState(defaultIcon);
   const handleItemClick = clickedFile => _event => onClick === null || onClick === void 0 ? void 0 : onClick(clickedFile);
@@ -9565,7 +9653,7 @@ const DotFileListItem = ({
       }), void 0)]
     }), void 0), jsx(DotIconButton, {
       ariaLabel: "delete file",
-      className: `${rootClassName$5}-end-icon`,
+      className: `${rootClassName$6}-end-icon`,
       "data-testid": dataTestId && `${dataTestId}-end-icon`,
       disabled: disableDelete,
       iconId: endIcon,
@@ -9699,7 +9787,7 @@ const DotFileUpload = ({
   const [uploadedFiles, setUploadedFiles] = useState([]);
   const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
   const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
-  const rootClasses = useStylesWithRootClass(rootClassName$6, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$7, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
   const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
   const allowMultiple = maxFiles === undefined || maxFiles > 1;
   const setNewlyUploadedFiles = (acceptedFiles, fileRejections) => {
@@ -9771,11 +9859,11 @@ const DotFileUpload = ({
   }), void 0);
 };
 
-const rootClassName$4 = 'dot-divider';
+const rootClassName$5 = 'dot-divider';
 const StyledDivider = styled(Divider).withConfig({
   displayName: "Dividerstyles__StyledDivider",
   componentId: "yu3sip-0"
-})(["", ""], () => css(["&.", "{}"], rootClassName$4));
+})(["", ""], () => css(["&.", "{}"], rootClassName$5));
 
 const DotDivider = ({
   absolute,
@@ -9787,7 +9875,7 @@ const DotDivider = ({
   orientation,
   variant
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$4, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$5, className);
   return jsx(StyledDivider, {
     absolute: absolute,
     "aria-label": ariaLabel,
@@ -9814,7 +9902,7 @@ const DotPopper = ({
   open,
   placement
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   const handleClickAway = event => {
     if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -9854,7 +9942,7 @@ const DotPopper = ({
   }), void 0);
 };
 
-const rootClassName$3 = 'dot-draggable-list';
+const rootClassName$4 = 'dot-draggable-list';
 const listItemClassName = 'dot-draggable-list-item';
 const StyledDraggableList = styled.div.withConfig({
   displayName: "DraggableListstyles__StyledDraggableList",
@@ -9862,7 +9950,7 @@ const StyledDraggableList = styled.div.withConfig({
 })(["", ""], ({
   theme,
   draggableHandle
-}) => css(["&.", "{padding:", ";position:relative;.", "{.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}}"], rootClassName$3, theme.spacing(1, 0), listItemClassName, theme.palette.layer.n700, theme.palette.grey[50], draggableHandle));
+}) => css(["&.", "{padding:", ";position:relative;.", "{.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}}"], rootClassName$4, theme.spacing(1, 0), listItemClassName, theme.palette.layer.n700, theme.palette.grey[50], draggableHandle));
 
 const getOrderedListItems = (layout, listItems) => {
   if (!listItems || !layout) return [];
@@ -9896,7 +9984,7 @@ const DotDraggableList = ({
   rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT,
   width: _width = DEFAULT_LIST_WIDTH
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$3, className, draggableHandle ? 'with-draggable-handle' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$4, className, draggableHandle ? 'with-draggable-handle' : '');
   const listItemClasses = useStylesWithRootClass(listItemClassName, draggableHandle && !disableDrag ? 'with-handle-grab-cursor' : '', draggableHandle || disableDrag ? 'with-default-cursor' : '');
   const listWidth = isNumber(_width) ? `${_width}px` : _width;
   const [orderedItems, setOrderedItems] = useState([]);
@@ -9949,11 +10037,11 @@ const DotDraggableList = ({
   }), void 0);
 };
 
-const rootClassName$2 = 'dot-linear-progress';
+const rootClassName$3 = 'dot-linear-progress';
 const StyledLinearProgress = styled(LinearProgress).withConfig({
   displayName: "LinearProgressstyles__StyledLinearProgress",
   componentId: "sc-1qhzxb3-0"
-})(["&.", "{}"], rootClassName$2);
+})(["&.", "{}"], rootClassName$3);
 
 const DotLinearProgress = ({
   ariaLabel,
@@ -9964,7 +10052,7 @@ const DotLinearProgress = ({
   valueBuffer,
   variant: _variant = 'indeterminate'
 }) => {
-  const rootClasses = useStylesWithRootClass(rootClassName$2, className);
+  const rootClasses = useStylesWithRootClass(rootClassName$3, className);
   useEffect(() => {
     if (!ariaLabel) {
       console.warn('a11y: DotLinearProgress must have an ariaLabel to describe the progress bar');
@@ -10003,19 +10091,19 @@ const getContextEnumBasedOnTarget = (event, inputElement, contextEnum) => {
   return currentContextEnum;
 };
 
-const rootClassName$1 = 'dot-date-picker';
+const rootClassName$2 = 'dot-date-picker';
 const containerClassName$1 = 'dot-date-picker-container';
 const rectanglePickersDayClassName = 'dot-rectangle-pickers-day';
 const StyledDatePickerContainer = styled.div.withConfig({
   displayName: "DatePickerstyles__StyledDatePickerContainer",
   componentId: "sc-1to4suu-0"
-})(["&.", " .full-width{width:100%;}"], rootClassName$1);
+})(["&.", " .full-width{width:100%;}"], rootClassName$2);
 const StyledDatePicker = styled(DatePicker).withConfig({
   displayName: "DatePickerstyles__StyledDatePicker",
   componentId: "sc-1to4suu-1"
 })(["", ""], ({
   theme
-}) => css(["&.", "{", ";.Mui-disabled.MuiInputBase-root,&.read-only .MuiInputBase-root{", ";}.MuiFormLabel-root{color:", ";}}"], rootClassName$1, pickerInputStyles(theme), readOnlyStyles(theme), theme.palette.layer.n500));
+}) => css(["&.", "{", ";.Mui-disabled.MuiInputBase-root,&.read-only .MuiInputBase-root{", ";}.MuiFormLabel-root{color:", ";}}"], rootClassName$2, pickerInputStyles(theme), readOnlyStyles(theme), theme.palette.layer.n500));
 const StyledPickersDay = styled(PickersDay).withConfig({
   displayName: "DatePickerstyles__StyledPickersDay",
   componentId: "sc-1to4suu-2"
@@ -10074,7 +10162,7 @@ const DotDatePicker = ({
   const hasBothValueAndDefaultValue = value !== undefined && defaultValue !== undefined;
   const isInputReadOnly = _readOnly || hasValueWithoutChangeHandler || hasBothValueAndDefaultValue;
   const inputRef = useRef(null);
-  const rootClasses = useStylesWithRootClass(rootClassName$1, className, isInputReadOnly ? 'read-only' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$2, className, isInputReadOnly ? 'read-only' : '');
   const containerClasses = useStylesWithRootClass(containerClassName$1, _fullWidth ? 'full-width' : '', className);
   const focusInput = ref => {
     setTimeout(() => {
@@ -10281,7 +10369,7 @@ const getTimePickerButtonType = selectedDaytime => selectedDaytime && selectedDa
 const checkIfOpenPropDefined = open => open !== null && open !== undefined;
 const getDaytimeButtonType = daytimeSelected => daytimeSelected && daytimeSelected === Daytime.AM ? 'primary' : 'text';
 
-const rootClassName = 'dot-time-picker';
+const rootClassName$1 = 'dot-time-picker';
 const containerClassName = 'dot-time-picker-container';
 const TIME_SELECTION_HEIGHT_SPACING = 34.5;
 const TIME_SELECTION_WIDTH_SPACING = 14.5;
@@ -10298,7 +10386,7 @@ const StyledTimePicker = styled(TimePicker).withConfig({
   componentId: "sc-17aptuh-1"
 })(["", ""], ({
   theme
-}) => css(["&.", "{", ";.Mui-disabled.MuiInputBase-root,&.read-only .MuiInputBase-root{", ";}.MuiFormLabel-root{color:", ";}}"], rootClassName, pickerInputStyles(theme), readOnlyStyles(theme), theme.palette.layer.n500));
+}) => css(["&.", "{", ";.Mui-disabled.MuiInputBase-root,&.read-only .MuiInputBase-root{", ";}.MuiFormLabel-root{color:", ";}}"], rootClassName$1, pickerInputStyles(theme), readOnlyStyles(theme), theme.palette.layer.n500));
 
 dayjs.extend(utc);
 const DEFAULT_PICKER_TIME_FORMAT = 'HH:mm';
@@ -10340,7 +10428,7 @@ const DotTimePicker = ({
   const hasValueWithoutChangeHandler = value !== undefined && onChange === undefined;
   const hasBothValueAndDefaultValue = value !== undefined && defaultValue !== undefined;
   const isComponentReadOnly = _readOnly || hasValueWithoutChangeHandler || hasBothValueAndDefaultValue;
-  const rootClasses = useStylesWithRootClass(rootClassName, className, isComponentReadOnly ? 'read-only' : '');
+  const rootClasses = useStylesWithRootClass(rootClassName$1, className, isComponentReadOnly ? 'read-only' : '');
   const containerClasses = useStylesWithRootClass(containerClassName, _fullWidth ? 'full-width' : '', className);
   const inputRef = useRef(null);
   const [isPickerOpened, setIsPickerOpened] = useState(false);
@@ -10639,4 +10727,189 @@ const DotTimePicker = ({
   }), void 0);
 };
 
-export { Cell, CreateUUID, CssCell, CssGrid, CssGridDebug, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, checkIfValidDate, lightThemeColors as lightColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotCoreApiContext, useDotSnackbarContext };
+const rootClassName = 'dot-carousel';
+const StyledCarousel = styled.div.withConfig({
+  displayName: "Carouselstyles__StyledCarousel",
+  componentId: "sc-1a1m8lq-0"
+})(["", ""], ({
+  backgroundColor,
+  theme
+}) => css(["&.", "{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-x:hidden;&.with-background-color{background-color:", ";}.no-animation .MuiLinearProgress-bar{transition:0ms;}.MuiLinearProgress-bar{transition:1000ms;transition-timing-function:linear;}.carousel-top-container{flex-grow:1;padding:", ";.carousel-left-arrow{position:sticky;position:-webkit-sticky;float:left;top:calc(50% - ", ");}.carousel-right-arrow{position:sticky;position:-webkit-sticky;float:right;top:calc(50% - ", ");}.carousel-left-arrow,.carousel-right-arrow{&.top{top:", ";}&.bottom{z-index:1;top:calc(100% - ", ");}}.carousel-page{display:flex;flex-direction:row;justify-content:space-between;height:100%;margin:", ";.carousel-page-main-content-container{display:grid;width:100%;.carousel-page-main-content{grid-column:1;grid-row:1;}}}}.carousel-bottom-container{position:sticky;position:-webkit-sticky;bottom:0;width:100%;text-align:center;.carousel-page-button{margin-bottom:", ";}}}"], rootClassName, backgroundColor || 'transparent', theme.spacing(2, 0), theme.spacing(4), theme.spacing(4), theme.spacing(2), theme.spacing(4), theme.spacing(0, 3), theme.spacing(2)));
+
+const DotCarousel = ({
+  animation: _animation = 'fade',
+  ariaLabel,
+  autoPlay,
+  backgroundColor,
+  className,
+  currentPage,
+  'data-testid': dataTestId,
+  displayNavigationButtons: _displayNavigationButtons = 'center',
+  duration: _duration = 3,
+  initialPage: _initialPage = 0,
+  onPageChange,
+  pagesContent,
+  pauseAutoPlayOnHover,
+  progressIndicator,
+  showPagesButtons: _showPagesButtons = true
+}) => {
+  const rootClasses = useStylesWithRootClass(rootClassName, className, backgroundColor ? 'with-background-color' : '');
+  const rightNavigationButtonClasses = useStylesWithRootClass('carousel-right-arrow', _displayNavigationButtons);
+  const leftNavigationButtonClasses = useStylesWithRootClass('carousel-left-arrow', _displayNavigationButtons);
+  const createUuids = () => {
+    const uuids = [];
+    for (const _page of pagesContent) {
+      uuids.push(CreateUUID());
+    }
+    return uuids;
+  };
+  const containerRef = useRef(null);
+  const [selectedPage, setSelectedPage] = useState(_initialPage);
+  const [pagesUuids, _setPagesUuids] = useState(createUuids());
+  const [navigationDirection, setNavigationDirection] = useState('right');
+  const [progress, setProgress] = useState(0);
+  const [pausedAutoPlay, setPausedAutoPlay] = useState(false);
+  useEffect(() => {
+    // for autoPlay carousel
+    // each second the progress in incremented, unless paused
+    // once progress reaches the duration, the next page is shown and progress is reset to 0
+    const interval = autoPlay && !pausedAutoPlay && setInterval(() => {
+      setProgress(prev => prev + 1);
+    }, 1000);
+    return () => interval && clearInterval(interval);
+  }, [autoPlay, pausedAutoPlay]);
+  useEffect(() => {
+    progress >= _duration && handlePageChange(nextPage());
+  }, [selectedPage, pagesContent, progress, _duration]);
+  useEffect(() => {
+    if (currentPage !== undefined && currentPage !== null && currentPage !== selectedPage) {
+      changePage(currentPage);
+    }
+  }, [currentPage]);
+  const changePage = newPage => {
+    _animation === 'slide' && setNavigationDirection(calculateCarouselNavigationDirection(newPage));
+    setSelectedPage(newPage);
+    setProgress(0);
+  };
+  const handlePageChange = newPage => {
+    changePage(newPage);
+    onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(newPage);
+  };
+  const pauseAutoPlay = paused => {
+    autoPlay && pauseAutoPlayOnHover && setPausedAutoPlay(paused);
+  };
+  const nextPage = () => {
+    return selectedPage + 1 === pagesContent.length ? 0 : selectedPage + 1;
+  };
+  const previousPage = () => {
+    return selectedPage - 1 === -1 ? pagesContent.length - 1 : selectedPage - 1;
+  };
+  const calculateCarouselNavigationDirection = newPage => {
+    const isNavigatingFromFirstToLast = selectedPage === 0 && newPage === pagesContent.length - 1;
+    const isNavigatingFromLastToFirst = selectedPage === pagesContent.length - 1 && newPage === 0;
+    const isNavigatingToLaterPage = newPage > selectedPage;
+    if (isNavigatingFromLastToFirst || isNavigatingToLaterPage && !isNavigatingFromFirstToLast) return 'right';else return 'left';
+  };
+  const getSlideDirectionForPage = index => {
+    let slideDirection = navigationDirection;
+    if (selectedPage === index) slideDirection = navigationDirection === 'right' ? 'left' : 'right';
+    return slideDirection;
+  };
+  const renderPageContentWithAnimation = (uuid, index) => {
+    const pageContent = jsx("div", Object.assign({
+      className: "carousel-page-main-content"
+    }, {
+      children: pagesContent[index]
+    }), void 0);
+    if (_animation === 'fade') {
+      return jsx(Fade, Object.assign({
+        "data-testid": `carousel-fade-animation-${index}`,
+        in: selectedPage === index,
+        timeout: 600
+      }, {
+        children: pageContent
+      }), `fade-animation-${uuid}`);
+    }
+    if (_animation === 'slide') {
+      return jsx(Slide, Object.assign({
+        easing: {
+          enter: 'ease',
+          exit: 'ease'
+        },
+        "data-testid": `carousel-slide-animation-${index}`,
+        direction: getSlideDirectionForPage(index),
+        in: selectedPage === index,
+        timeout: 600,
+        container: containerRef.current
+      }, {
+        children: pageContent
+      }), `slide-animation-${uuid}`);
+    }
+  };
+  const renderLeftNavigationButton = () => {
+    return jsx(DotIconButton, {
+      className: leftNavigationButtonClasses,
+      color: "default",
+      "data-testid": "carousel-left-arrow",
+      iconId: "chevron-left",
+      onClick: _event => handlePageChange(previousPage()),
+      size: "small"
+    }, void 0);
+  };
+  const renderRightNavigationButton = () => {
+    return jsx(DotIconButton, {
+      className: rightNavigationButtonClasses,
+      color: "default",
+      "data-testid": "carousel-right-arrow",
+      iconId: "chevron-right",
+      onClick: _event => handlePageChange(nextPage()),
+      size: "small"
+    }, void 0);
+  };
+  return jsxs(StyledCarousel, Object.assign({
+    "aria-label": ariaLabel,
+    backgroundColor: backgroundColor,
+    className: rootClasses,
+    "data-testid": dataTestId,
+    onMouseOver: () => pauseAutoPlay(true),
+    onMouseOut: () => pauseAutoPlay(false),
+    onFocus: () => pauseAutoPlay(true),
+    onBlur: () => pauseAutoPlay(false),
+    ref: containerRef
+  }, {
+    children: [jsxs("div", Object.assign({
+      className: "carousel-top-container"
+    }, {
+      children: [_displayNavigationButtons !== 'none' && renderLeftNavigationButton(), _displayNavigationButtons !== 'none' && renderRightNavigationButton(), jsx("div", Object.assign({
+        className: "carousel-page"
+      }, {
+        children: jsx("div", Object.assign({
+          className: "carousel-page-main-content-container"
+        }, {
+          children: pagesContent.map((_node, index) => renderPageContentWithAnimation(pagesUuids[index], index))
+        }), void 0)
+      }), void 0)]
+    }), void 0), jsxs("div", Object.assign({
+      className: "carousel-bottom-container"
+    }, {
+      children: [_showPagesButtons && pagesContent.map((_node, index) => {
+        return jsx(DotIconButton, {
+          className: "carousel-page-button",
+          color: "primary",
+          "data-testid": `carousel-page-button-${index}`,
+          iconId: selectedPage === index ? 'circle' : 'circle-outline',
+          onClick: _event => handlePageChange(index),
+          size: "small"
+        }, `page-button-${pagesUuids[index]}`);
+      }), autoPlay && progressIndicator && jsx(DotLinearProgress, {
+        className: progress === 0 ? 'no-animation' : '',
+        ariaLabel: "loading the next carousel page",
+        "data-testid": "carousel-linear-progress",
+        variant: "determinate",
+        value: _duration === 1 ? 100 : progress / (_duration - 1) * 100
+      }, void 0)]
+    }), void 0)]
+  }), void 0);
+};
+
+export { Cell, CreateUUID, CssCell, CssGrid, CssGridDebug, DatePickerKeydownContext, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCarousel, DotCheckbox, DotCheckboxGroup, DotChip, DotClickAwayListener, DotConfirmationDialog, DotCopyButton, DotCoreApiProvider, DotDatePicker, DotDialog, DotDivider, DotDraggableList, DotDrawer, DotDynamicForm, DotEmptyState, DotFileListItem, DotFileUpload, DotForm, DotFormGroup, DotHeaderRow, DotIcon, DotIconButton, DotInlineEdit, DotInputSelect, DotInputText, DotLinearProgress, DotLink, DotList, DotMenu, DotNavigationRail, DotPill, DotPopper, DotProgress, DotProgressButton, DotRadioButton, DotRadioGroup, DotSidebar, DotSkeleton, DotSnackbar, DotSnackbarContainer, DotSnackbarProvider, DotSplitButton, DotStepper, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTimePicker, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, checkIfValidDate, lightThemeColors as lightColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotCoreApiContext, useDotSnackbarContext };