@digital-ai/dot-components 2.5.5 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import { useState, useEffect, useRef, useMemo, useContext, createContext, forwardRef, Fragment, useCallback, createElement } from 'react';
4
- import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, Avatar, Button, darken, Link, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItemIcon, Collapse, ListSubheader, Divider, 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, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab, LinearProgress } from '@mui/material';
3
+ import { useState, useEffect, useRef, useMemo, useContext, createContext, forwardRef, Fragment, useCallback, createElement, useLayoutEffect } from 'react';
4
+ import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, Avatar, Button, darken, Link, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, IconButton, ListItemIcon, Collapse, ListSubheader, Divider, 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';
5
5
  import '@digital-ai/dot-icons';
6
6
  import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
7
7
  import { createTheme, ThemeProvider, alpha, useTheme } from '@mui/material/styles';
@@ -11,8 +11,9 @@ import { useDropzone } from 'react-dropzone';
11
11
  import GridLayout, { WidthProvider } from 'react-grid-layout';
12
12
  import dayjs from 'dayjs';
13
13
  import updateLocale from 'dayjs/plugin/updateLocale';
14
- import { DatePicker, PickersDay, LocalizationProvider } from '@mui/x-date-pickers';
14
+ import { DatePicker, PickersDay, LocalizationProvider, TimePicker } from '@mui/x-date-pickers';
15
15
  import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
16
+ import utc from 'dayjs/plugin/utc';
16
17
 
17
18
  function useStylesWithRootClass(name, className, ...args) {
18
19
  // combine the root classes into one string
@@ -47,11 +48,11 @@ const DotTooltip = ({
47
48
  }), void 0) : children;
48
49
  };
49
50
 
50
- const rootClassName$13 = 'dot-icon';
51
+ const rootClassName$15 = 'dot-icon';
51
52
  const StyledIcon = styled(Icon).withConfig({
52
53
  displayName: "Iconstyles__StyledIcon",
53
54
  componentId: "st0ybo-0"
54
- })(["", ""], () => 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$13));
55
+ })(["", ""], () => 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$15));
55
56
 
56
57
  const DotIcon = ({
57
58
  ariaLabel,
@@ -61,7 +62,7 @@ const DotIcon = ({
61
62
  iconId,
62
63
  tooltip
63
64
  }) => {
64
- const rootClasses = useStylesWithRootClass(rootClassName$13, className);
65
+ const rootClasses = useStylesWithRootClass(rootClassName$15, className);
65
66
  return jsx(DotTooltip, Object.assign({
66
67
  title: tooltip
67
68
  }, {
@@ -110,7 +111,7 @@ const DotTypography = ({
110
111
  }), void 0);
111
112
  };
112
113
 
113
- const rootClassName$12 = 'dot-accordion';
114
+ const rootClassName$14 = 'dot-accordion';
114
115
  const summaryClassName = 'dot-accordion-summary';
115
116
  const detailClassName = 'dot-accordion-details';
116
117
  const StyledAccordion = styled(Accordion).withConfig({
@@ -118,7 +119,7 @@ const StyledAccordion = styled(Accordion).withConfig({
118
119
  componentId: "sc-1amx4r3-0"
119
120
  })(["", ""], ({
120
121
  theme
121
- }) => 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$12, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
122
+ }) => 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$14, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
122
123
 
123
124
  const DotAccordion = ({
124
125
  actions,
@@ -135,7 +136,7 @@ const DotAccordion = ({
135
136
  summary,
136
137
  noWrap: _noWrap = true
137
138
  }) => {
138
- const rootClasses = useStylesWithRootClass(rootClassName$12, className);
139
+ const rootClasses = useStylesWithRootClass(rootClassName$14, className);
139
140
  const [elevation, setElevation] = useState();
140
141
  useEffect(() => {
141
142
  if (onChange && expanded === undefined) {
@@ -190,8 +191,9 @@ const DotAccordion = ({
190
191
 
191
192
  const formHelperTextRootStyles = theme => css(["font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}"], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 1.5), theme.palette.grey[400], theme.palette.layer.n200);
192
193
  const adornmentIconStyles = () => css(["font-size:24px;height:24px;padding:0;width:24px;"]);
194
+ 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));
193
195
 
194
- const rootClassName$11 = 'dot-text-field';
196
+ const rootClassName$13 = 'dot-text-field';
195
197
  const rootSelectClassName = 'dot-select-field';
196
198
  const labelClassName = 'dot-input-label';
197
199
  const errorClassName = 'dot-error';
@@ -219,15 +221,15 @@ const StyledTextField = styled(TextField).withConfig({
219
221
  })(["", ""], ({
220
222
  theme,
221
223
  InputProps
222
- }) => 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;}}&.", ",&.", "{.", "{color:", ";.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{background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$11, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$11, adornmentIconClassName, theme.palette.layer.n700, theme.spacing(1.5), InputProps.endAdornment ? `44px` : `12px`, successClassName, 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.grey[700], adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], formHelperTextRootStyles(theme)));
224
+ }) => 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;}}&.", ",&.", "{.", "{color:", ";.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{background-color:transparent;}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", " .dot-icon{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{", ";}}"], rootClassName$13, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$13, adornmentIconClassName, theme.palette.layer.n700, theme.spacing(1.5), InputProps.endAdornment ? `44px` : `12px`, successClassName, 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.grey[700], adornmentIconClassName, theme.palette.warning.main, warningClassName, fieldsetClassName, theme.palette.warning[500], theme.palette.grey[700], formHelperTextRootStyles(theme)));
223
225
 
224
- const rootClassName$10 = 'dot-action-toolbar';
226
+ const rootClassName$12 = 'dot-action-toolbar';
225
227
  const StyledToolbar = styled(Toolbar).withConfig({
226
228
  displayName: "ActionToolbarstyles__StyledToolbar",
227
229
  componentId: "sc-5llm03-0"
228
230
  })(["", ""], ({
229
231
  theme
230
- }) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$10, theme.palette.grey[100], rootClassName$11));
232
+ }) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$12, theme.palette.grey[100], rootClassName$13));
231
233
 
232
234
  const DotActionToolbar = ({
233
235
  ariaLabel,
@@ -236,7 +238,7 @@ const DotActionToolbar = ({
236
238
  'data-testid': dataTestId,
237
239
  variant: _variant = 'dense'
238
240
  }) => {
239
- const rootClasses = useStylesWithRootClass(rootClassName$10, className);
241
+ const rootClasses = useStylesWithRootClass(rootClassName$12, className);
240
242
  return jsx(StyledToolbar, Object.assign({
241
243
  "aria-label": ariaLabel,
242
244
  className: rootClasses,
@@ -247,13 +249,13 @@ const DotActionToolbar = ({
247
249
  }), void 0);
248
250
  };
249
251
 
250
- const rootClassName$$ = 'dot-alert-banner';
252
+ const rootClassName$11 = 'dot-alert-banner';
251
253
  const StyledAlertBanner = styled(Alert).withConfig({
252
254
  displayName: "AlertBannerstyles__StyledAlertBanner",
253
255
  componentId: "sc-1u3aqgz-0"
254
256
  })(["", ""], ({
255
257
  theme
256
- }) => 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$$, 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]));
258
+ }) => 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$11, 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]));
257
259
 
258
260
  var LatoRegular = "data:font/woff;base64,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";
259
261
 
@@ -935,7 +937,7 @@ const DotAlertBanner = ({
935
937
  success: AlertBannerIcon('check-solid'),
936
938
  warning: AlertBannerIcon('warning-solid')
937
939
  };
938
- const rootClasses = useStylesWithRootClass(rootClassName$$, severity, className);
940
+ const rootClasses = useStylesWithRootClass(rootClassName$11, severity, className);
939
941
  /* For simple string use default component, for everything else use 'div' */
940
942
  const typographyComponent = isString$1(children) ? undefined : 'div';
941
943
  return jsx(StyledAlertBanner, Object.assign({
@@ -1592,7 +1594,7 @@ const useDotCoreApiContext = () => {
1592
1594
  return useContext(DotCoreApiContext);
1593
1595
  };
1594
1596
 
1595
- const rootClassName$_ = 'dot-avatar';
1597
+ const rootClassName$10 = 'dot-avatar';
1596
1598
  const avatarSpacing = {
1597
1599
  small: 3,
1598
1600
  medium: 5,
@@ -1603,7 +1605,7 @@ const StyledAvatar = styled(Avatar).withConfig({
1603
1605
  componentId: "sc-13bzj2s-0"
1604
1606
  })(["", ""], ({
1605
1607
  theme
1606
- }) => 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$_, ({
1608
+ }) => 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$10, ({
1607
1609
  color
1608
1610
  }) => {
1609
1611
  return color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
@@ -1667,7 +1669,7 @@ const DotAvatar = ({
1667
1669
  variant: _variant = 'circular',
1668
1670
  style
1669
1671
  }) => {
1670
- const rootClasses = useStylesWithRootClass(rootClassName$_, className);
1672
+ const rootClasses = useStylesWithRootClass(rootClassName$10, className);
1671
1673
  const getAvatarColor = () => {
1672
1674
  if (color) return color;
1673
1675
  if (_text && _text !== alt) return getAvatarColorForInputText(_text);
@@ -1705,13 +1707,13 @@ const DotAvatar = ({
1705
1707
  }), void 0);
1706
1708
  };
1707
1709
 
1708
- const rootClassName$Z = 'dot-button';
1710
+ const rootClassName$$ = 'dot-button';
1709
1711
  const StyledButton = styled(Button).withConfig({
1710
1712
  displayName: "Buttonstyles__StyledButton",
1711
1713
  componentId: "sx99hh-0"
1712
1714
  })(["", ""], ({
1713
1715
  theme
1714
- }) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined:not([disabled]){border-color:rgba(0,0,0,0.23);color:", ";}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}.dot-icon{display:flex;padding:0;}}"], rootClassName$Z, theme.spacing(0.5), theme.palette.grey[700], theme.spacing(5), theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
1716
+ }) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined:not([disabled]){border-color:rgba(0,0,0,0.23);color:", ";}&:not(.MuiButton-sizeLarge):not(.MuiButton-sizeSmall){height:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}.dot-icon{display:flex;padding:0;}}"], rootClassName$$, theme.spacing(0.5), theme.palette.grey[700], theme.spacing(5), theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
1715
1717
 
1716
1718
  /** This component wraps the Button component from @material-ui. */
1717
1719
  const DotButton = /*#__PURE__*/forwardRef(({
@@ -1731,7 +1733,7 @@ const DotButton = /*#__PURE__*/forwardRef(({
1731
1733
  tooltip,
1732
1734
  type: _type = 'primary'
1733
1735
  }, ref) => {
1734
- const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
1736
+ const rootClasses = useStylesWithRootClass(rootClassName$$, className);
1735
1737
  let color;
1736
1738
  let variant;
1737
1739
  switch (_type) {
@@ -1779,11 +1781,11 @@ const DotButton = /*#__PURE__*/forwardRef(({
1779
1781
  }), void 0);
1780
1782
  });
1781
1783
 
1782
- const rootClassName$Y = 'dot-link';
1784
+ const rootClassName$_ = 'dot-link';
1783
1785
  const StyledLink = styled(Link).withConfig({
1784
1786
  displayName: "Linkstyles__StyledLink",
1785
1787
  componentId: "sc-1lpmaww-0"
1786
- })(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$Y));
1788
+ })(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$_));
1787
1789
 
1788
1790
  const DotLink = ({
1789
1791
  ariaLabel,
@@ -1801,7 +1803,7 @@ const DotLink = ({
1801
1803
  tooltip,
1802
1804
  underline
1803
1805
  }) => {
1804
- const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
1806
+ const rootClasses = useStylesWithRootClass(rootClassName$_, className);
1805
1807
  const handleKeyPress = event => {
1806
1808
  if (onClick && event.key === 'Enter') {
1807
1809
  event.preventDefault();
@@ -1833,7 +1835,7 @@ const DotLink = ({
1833
1835
  }), void 0);
1834
1836
  };
1835
1837
 
1836
- const rootClassName$X = 'dot-list';
1838
+ const rootClassName$Z = 'dot-list';
1837
1839
  const listItemRootClass = 'dot-list-item';
1838
1840
  const nestedListClassName = 'dot-nested-list';
1839
1841
  const nestedDrawerClassName = 'dot-nested-drawer';
@@ -1842,7 +1844,7 @@ const StyledList = styled(List).withConfig({
1842
1844
  componentId: "wxwqwr-0"
1843
1845
  })(["", ""], ({
1844
1846
  theme
1845
- }) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$X, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1847
+ }) => css(["&.", "{background:", ";.dot-icon{color:", ";}&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$Z, theme.palette.layer.n0, theme.palette.layer.n700, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1846
1848
 
1847
1849
  const getChevronIcon = (nestedListType, isOpened) => {
1848
1850
  if (nestedListType !== 'expandable') {
@@ -1864,11 +1866,11 @@ const StyledListItem = styled(ListItem).withConfig({
1864
1866
  theme
1865
1867
  }) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", ";}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
1866
1868
 
1867
- const rootClassName$W = 'dot-progress';
1869
+ const rootClassName$Y = 'dot-progress';
1868
1870
  const StyledCircularProgress = styled(CircularProgress).withConfig({
1869
1871
  displayName: "Progressstyles__StyledCircularProgress",
1870
1872
  componentId: "sc-1gs77rb-0"
1871
- })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$W);
1873
+ })(["&.", "{&.MuiCircularProgress-colorSecondary{color:#649a3d;}}"], rootClassName$Y);
1872
1874
 
1873
1875
  const DotProgress = ({
1874
1876
  ariaLabel,
@@ -1881,7 +1883,7 @@ const DotProgress = ({
1881
1883
  value,
1882
1884
  variant: _variant = 'indeterminate'
1883
1885
  }) => {
1884
- const rootClasses = useStylesWithRootClass(rootClassName$W, className);
1886
+ const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
1885
1887
  return jsx(DotTooltip, Object.assign({
1886
1888
  title: _tooltip
1887
1889
  }, {
@@ -1917,23 +1919,23 @@ var variables = /*#__PURE__*/Object.freeze({
1917
1919
  levelTop: levelTop
1918
1920
  });
1919
1921
 
1920
- const rootClassName$V = 'dot-popper';
1922
+ const rootClassName$X = 'dot-popper';
1921
1923
  const StyledPopper$1 = styled(Popper).withConfig({
1922
1924
  displayName: "Popperstyles__StyledPopper",
1923
1925
  componentId: "sd1h8p-0"
1924
1926
  })(["", ""], ({
1925
1927
  theme
1926
- }) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$V, theme.typography.fontFamily, theme.typography.body1.fontSize));
1928
+ }) => css(["&.", "{font-family:", ";font-size:", "px;}"], rootClassName$X, theme.typography.fontFamily, theme.typography.body1.fontSize));
1927
1929
 
1928
1930
  const flyoutMenuClassName = 'dot-flyout-menu';
1929
- const rootClassName$U = 'dot-menu';
1931
+ const rootClassName$W = 'dot-menu';
1930
1932
  const getListMaxHeight = maxHeight => isString$1(maxHeight) ? maxHeight : `${maxHeight}px`;
1931
1933
  const StyledPopper = styled(Popper).withConfig({
1932
1934
  displayName: "Menustyles__StyledPopper",
1933
1935
  componentId: "sc-134fmqu-0"
1934
1936
  })(["", ""], ({
1935
1937
  theme
1936
- }) => 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$V, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$U, rootClassName$V, ({
1938
+ }) => 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$X, theme.typography.fontFamily, theme.typography.body1.fontSize, levelSecond, rootClassName$W, rootClassName$X, ({
1937
1939
  $maxHeight
1938
1940
  }) => $maxHeight !== undefined && `
1939
1941
  max-height: ${getListMaxHeight($maxHeight)};
@@ -1943,7 +1945,7 @@ const MENU_ITEM_HEIGHT_NORMAL = 48;
1943
1945
  const MENU_ITEM_HEIGHT_DENSE = 36;
1944
1946
  const DEFAULT_MAX_VISIBLE_ITEMS = 7;
1945
1947
 
1946
- const rootClassName$T = 'dot-ul';
1948
+ const rootClassName$V = 'dot-ul';
1947
1949
  const listItemClassName$1 = 'dot-li';
1948
1950
  const listItemWithSubmenuClassName = 'dot-li-with-submenu';
1949
1951
  const StyledMenuList = styled(MenuList).withConfig({
@@ -1951,7 +1953,7 @@ const StyledMenuList = styled(MenuList).withConfig({
1951
1953
  componentId: "yqdwwg-0"
1952
1954
  })(["", ""], ({
1953
1955
  theme
1954
- }) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$T, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
1956
+ }) => css(["&.", "{.dot-li{font-size:", "px;justify-content:space-between;gap:", ";&:hover{background:", ";}&.Mui-selected,&.Mui-selected:hover{background:", ";}&.", "{padding-right:", ";}}}"], rootClassName$V, theme.typography.body1.fontSize, theme.spacing(3), hoverGray, lightSelectedGray, listItemWithSubmenuClassName, theme.spacing(0.5)));
1955
1957
 
1956
1958
  const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
1957
1959
  const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -2024,7 +2026,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
2024
2026
  onSubMenuCreate,
2025
2027
  selectedKey
2026
2028
  }, ref) => {
2027
- const rootClasses = useStylesWithRootClass(rootClassName$T, className);
2029
+ const rootClasses = useStylesWithRootClass(rootClassName$V, className);
2028
2030
  const [activeSubmenu, setActiveSubmenu] = useState(null);
2029
2031
  const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
2030
2032
  const openSubmenu = (target, itemKey) => {
@@ -2134,7 +2136,7 @@ const DotMenu = ({
2134
2136
  open: _open = false,
2135
2137
  selectedKey
2136
2138
  }) => {
2137
- const rootClasses = useStylesWithRootClass(rootClassName$U, className, _loading ? 'loading' : '');
2139
+ const rootClasses = useStylesWithRootClass(rootClassName$W, className, _loading ? 'loading' : '');
2138
2140
  const isSubmenu = checkIfSubmenu(anchorEl);
2139
2141
  const hasSubItems = checkForSubItems(_menuItems);
2140
2142
  // Timeout object is customizable when Menu component is either submenu
@@ -2232,13 +2234,13 @@ const CreateUUID = () => {
2232
2234
  });
2233
2235
  };
2234
2236
 
2235
- const rootClassName$S = 'dot-drawer';
2237
+ const rootClassName$U = 'dot-drawer';
2236
2238
  const StyledDrawer = styled(Drawer).withConfig({
2237
2239
  displayName: "Drawerstyles__StyledDrawer",
2238
2240
  componentId: "sc-1uiowy0-0"
2239
2241
  })(["", ""], ({
2240
2242
  theme
2241
- }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$S, alpha(theme.palette.grey[900], 0.7), ({
2243
+ }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$U, alpha(theme.palette.grey[900], 0.7), ({
2242
2244
  height,
2243
2245
  anchor
2244
2246
  }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -2246,19 +2248,19 @@ const StyledDrawer = styled(Drawer).withConfig({
2246
2248
  anchor
2247
2249
  }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
2248
2250
 
2249
- const rootClassName$R = 'dot-drawer-header';
2251
+ const rootClassName$T = 'dot-drawer-header';
2250
2252
  const StyleDrawerHeader = styled.div.withConfig({
2251
2253
  displayName: "DrawerHeaderstyles__StyleDrawerHeader",
2252
2254
  componentId: "sc-2d2xd3-0"
2253
2255
  })(["", ""], ({
2254
2256
  theme
2255
- }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$R, theme.spacing(0, 0, 2)));
2257
+ }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$T, theme.spacing(0, 0, 2)));
2256
2258
 
2257
- const rootClassName$Q = 'dot-icon-btn';
2259
+ const rootClassName$S = 'dot-icon-btn';
2258
2260
  const StyledIconButton = styled(IconButton).withConfig({
2259
2261
  displayName: "IconButtonstyles__StyledIconButton",
2260
2262
  componentId: "eko0kb-0"
2261
- })(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$Q, hoverGray));
2263
+ })(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}&.ripple-disabled{&:hover,&:active,&:focus{background:", ";}}"], rootClassName$S, hoverGray));
2262
2264
 
2263
2265
  const DotIconButton = ({
2264
2266
  ariaLabel,
@@ -2274,7 +2276,7 @@ const DotIconButton = ({
2274
2276
  size: _size = 'medium'
2275
2277
  }) => {
2276
2278
  const rippleClassName = _disableRipple ? 'ripple-disabled' : '';
2277
- const rootClasses = useStylesWithRootClass(rootClassName$Q, rippleClassName, className);
2279
+ const rootClasses = useStylesWithRootClass(rootClassName$S, rippleClassName, className);
2278
2280
  return jsx(DotTooltip, Object.assign({
2279
2281
  "data-testid": "icon-button-tooltip",
2280
2282
  title: tooltip
@@ -2308,7 +2310,7 @@ const DotDrawerHeader = ({
2308
2310
  onClose,
2309
2311
  variant
2310
2312
  }) => {
2311
- const rootClasses = useStylesWithRootClass(rootClassName$R, className);
2313
+ const rootClasses = useStylesWithRootClass(rootClassName$T, className);
2312
2314
  return jsxs(StyleDrawerHeader, Object.assign({
2313
2315
  "aria-label": ariaLabel,
2314
2316
  className: rootClasses,
@@ -2322,11 +2324,11 @@ const DotDrawerHeader = ({
2322
2324
  }), void 0);
2323
2325
  };
2324
2326
 
2325
- const rootClassName$P = 'dot-drawer-body';
2327
+ const rootClassName$R = 'dot-drawer-body';
2326
2328
  const StyleDrawerBody = styled.div.withConfig({
2327
2329
  displayName: "DrawerBodystyles__StyleDrawerBody",
2328
2330
  componentId: "sc-1mpmjdk-0"
2329
- })(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$P));
2331
+ })(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$R));
2330
2332
 
2331
2333
  const DotDrawerBody = ({
2332
2334
  ariaLabel,
@@ -2337,7 +2339,7 @@ const DotDrawerBody = ({
2337
2339
  onClose,
2338
2340
  variant
2339
2341
  }) => {
2340
- const rootClasses = useStylesWithRootClass(rootClassName$P, className);
2342
+ const rootClasses = useStylesWithRootClass(rootClassName$R, className);
2341
2343
  return jsxs(StyleDrawerBody, Object.assign({
2342
2344
  "aria-label": ariaLabel,
2343
2345
  className: rootClasses,
@@ -2351,13 +2353,13 @@ const DotDrawerBody = ({
2351
2353
  }), void 0);
2352
2354
  };
2353
2355
 
2354
- const rootClassName$O = 'dot-drawer-footer';
2356
+ const rootClassName$Q = 'dot-drawer-footer';
2355
2357
  const StyleDrawerFooter = styled.div.withConfig({
2356
2358
  displayName: "DrawerFooterstyles__StyleDrawerFooter",
2357
2359
  componentId: "sc-1ki05ze-0"
2358
2360
  })(["", ""], ({
2359
2361
  theme
2360
- }) => css(["&.", "{padding:", ";}"], rootClassName$O, theme.spacing(2, 0, 0)));
2362
+ }) => css(["&.", "{padding:", ";}"], rootClassName$Q, theme.spacing(2, 0, 0)));
2361
2363
 
2362
2364
  const DotDrawerFooter = ({
2363
2365
  ariaLabel,
@@ -2365,7 +2367,7 @@ const DotDrawerFooter = ({
2365
2367
  className,
2366
2368
  'data-testid': dataTestId
2367
2369
  }) => {
2368
- const rootClasses = useStylesWithRootClass(rootClassName$O, className);
2370
+ const rootClasses = useStylesWithRootClass(rootClassName$Q, className);
2369
2371
  return jsx(StyleDrawerFooter, Object.assign({
2370
2372
  "aria-label": ariaLabel,
2371
2373
  className: rootClasses,
@@ -2402,7 +2404,7 @@ const DotDrawer = ({
2402
2404
  onClose(event);
2403
2405
  }
2404
2406
  };
2405
- const rootClasses = useStylesWithRootClass(rootClassName$S, className);
2407
+ const rootClasses = useStylesWithRootClass(rootClassName$U, className);
2406
2408
  const headerExists = !!drawerHeaderProps;
2407
2409
  const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
2408
2410
  return jsxs(StyledDrawer, Object.assign({
@@ -2488,7 +2490,7 @@ const DotList = ({
2488
2490
  nestedListType: _nestedListType = 'expandable',
2489
2491
  width: _width = 240
2490
2492
  }) => {
2491
- const rootClasses = useStylesWithRootClass(rootClassName$X, className);
2493
+ const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
2492
2494
  const listWidth = typeof _width === 'number' ? `${_width}px` : _width;
2493
2495
  const listRef = useRef();
2494
2496
  const [listItemIndex, setListItemIndex] = useState(null);
@@ -2861,7 +2863,7 @@ const DotInputText = ({
2861
2863
  const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess;
2862
2864
  // This state is used only with debounce feature enabled
2863
2865
  const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
2864
- const rootStyles = useStylesWithRootClass(rootClassName$11, hasError, hasWarning, hasSuccess, _readOnly ? 'read-only' : '');
2866
+ const rootStyles = useStylesWithRootClass(rootClassName$13, hasError, hasWarning, hasSuccess, _readOnly ? 'read-only' : '');
2865
2867
  // Used to control text value from the consumer component
2866
2868
  // when debounce feature is enabled
2867
2869
  useEffect(() => {
@@ -2969,11 +2971,11 @@ const DotInputText = ({
2969
2971
  }), void 0);
2970
2972
  };
2971
2973
 
2972
- const rootClassName$N = 'dot-search-input';
2974
+ const rootClassName$P = 'dot-search-input';
2973
2975
  const StyledSearchInput = styled.span.withConfig({
2974
2976
  displayName: "SearchInputstyles__StyledSearchInput",
2975
2977
  componentId: "qlwzku-0"
2976
- })(["", ""], () => css(["&.", "{}"], rootClassName$N));
2978
+ })(["", ""], () => css(["&.", "{}"], rootClassName$P));
2977
2979
 
2978
2980
  function SearchInput({
2979
2981
  'data-testid': dataTestId,
@@ -2986,7 +2988,7 @@ function SearchInput({
2986
2988
  tooltip = null,
2987
2989
  value
2988
2990
  }) {
2989
- const rootClasses = useStylesWithRootClass(rootClassName$N, className);
2991
+ const rootClasses = useStylesWithRootClass(rootClassName$P, className);
2990
2992
  const [searchText, setSearchText] = useState(value);
2991
2993
  let previousSearchText = '';
2992
2994
  const handleChange = useCallback(event => {
@@ -3037,13 +3039,13 @@ function SearchInput({
3037
3039
  }), void 0);
3038
3040
  }
3039
3041
 
3040
- const rootClassName$M = 'dot-copy-button';
3042
+ const rootClassName$O = 'dot-copy-button';
3041
3043
  const StyledCopyButton = styled.span.withConfig({
3042
3044
  displayName: "CopyButtonstyles__StyledCopyButton",
3043
3045
  componentId: "sc-18ff0u-0"
3044
3046
  })(["", ""], ({
3045
3047
  theme
3046
- }) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$M, theme.palette.success[400]));
3048
+ }) => css(["&.", "{.copied-to-clipboard{color:", ";}}"], rootClassName$O, theme.palette.success[400]));
3047
3049
 
3048
3050
  const DotCopyButton = ({
3049
3051
  ariaLabel: _ariaLabel = 'Copy to clipboard',
@@ -3072,7 +3074,7 @@ const DotCopyButton = ({
3072
3074
  return false;
3073
3075
  };
3074
3076
  return jsxs(StyledCopyButton, Object.assign({
3075
- className: rootClassName$M,
3077
+ className: rootClassName$O,
3076
3078
  "data-testid": dataTestId
3077
3079
  }, {
3078
3080
  children: [!showCopiedIcon && jsx(DotIconButton, {
@@ -3313,13 +3315,13 @@ const recentAppInstancesSetter = (latestInstance, maxRecentItems
3313
3315
  };
3314
3316
  };
3315
3317
 
3316
- const rootClassName$L = 'dot-app-switcher';
3318
+ const rootClassName$N = 'dot-app-switcher';
3317
3319
  const StyledAppSwitcher = styled(DotDrawer).withConfig({
3318
3320
  displayName: "AppSwitcherstyles__StyledAppSwitcher",
3319
3321
  componentId: "hhxfqg-0"
3320
3322
  })(["", ""], ({
3321
3323
  theme
3322
- }) => 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$L, 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)));
3324
+ }) => 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$N, 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)));
3323
3325
 
3324
3326
  const DotAppSwitcherView = ({
3325
3327
  activeApp,
@@ -3340,7 +3342,7 @@ const DotAppSwitcherView = ({
3340
3342
  if (dotCoreApiContext !== null) {
3341
3343
  setSelectedAppType = dotCoreApiContext.setSelectedAppSwitcherAppType;
3342
3344
  }
3343
- const rootClasses = useStylesWithRootClass(rootClassName$L, className);
3345
+ const rootClasses = useStylesWithRootClass(rootClassName$N, className);
3344
3346
  const [appTypeMap, setAppTypeMap] = useState();
3345
3347
  const [appTypeLabels, setAppTypeLabels] = useState();
3346
3348
  const [appTypeMenuItems, setAppTypeMenuItems] = useState();
@@ -3721,19 +3723,19 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
3721
3723
  }
3722
3724
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
3723
3725
 
3724
- const rootClassName$K = 'dot-sidebar';
3726
+ const rootClassName$M = 'dot-sidebar';
3725
3727
  const StyledSidebar = styled.aside.withConfig({
3726
3728
  displayName: "Sidebarstyles__StyledSidebar",
3727
3729
  componentId: "l3atb4-0"
3728
3730
  })(["", ""], ({
3729
3731
  theme
3730
- }) => 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);}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}.", "{margin:0;padding-left:", ";}}.dot-list-item{height:44px;padding:0;&.Mui-focusVisible{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%;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$K, theme.palette.layer.n50, theme.palette.layer.n100, theme.palette.grey[700], theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, 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, listItemRootClass, theme.spacing(2), theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1)));
3732
+ }) => 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);}.MuiTypography-root.MuiTypography-subtitle2{line-height:40px;}.", "{margin:0;padding-left:", ";}}.dot-list-item{height:44px;padding:0;&.Mui-focusVisible{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%;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$M, theme.palette.layer.n50, theme.palette.layer.n100, theme.palette.grey[700], theme.palette.layer.n100, theme.spacing(1, 2), theme.spacing(1), theme.palette.layer.n100, theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, 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, listItemRootClass, theme.spacing(2), theme.palette.layer.n0, theme.palette.layer.n900, theme.spacing(1), theme.spacing(0, 1), theme.palette.layer.n100, theme.spacing(1), theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1)));
3731
3733
 
3732
- const rootClassName$J = 'dot-truncate-with-tooltip';
3734
+ const rootClassName$L = 'dot-truncate-with-tooltip';
3733
3735
  const StyledTruncateWithTooltip = styled(Tooltip).withConfig({
3734
3736
  displayName: "TruncateWithTooltipstyles__StyledTruncateWithTooltip",
3735
3737
  componentId: "sc-1o80lur-0"
3736
- })(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$J));
3738
+ })(["", ""], () => css(["&.", "{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}&.dot-characters-limit{display:inline;}"], rootClassName$L));
3737
3739
 
3738
3740
  const getTruncatedLabel = (label, charactersLimit) => {
3739
3741
  if (!charactersLimit || charactersLimit <= 0 || label.length < charactersLimit) return label;
@@ -3752,7 +3754,7 @@ const DotTruncateWithTooltip = ({
3752
3754
  label,
3753
3755
  width
3754
3756
  }) => {
3755
- const rootClasses = useStylesWithRootClass(rootClassName$J, className, charactersLimit ? 'dot-characters-limit' : '');
3757
+ const rootClasses = useStylesWithRootClass(rootClassName$L, className, charactersLimit ? 'dot-characters-limit' : '');
3756
3758
  return jsx(StyledTruncateWithTooltip, Object.assign({
3757
3759
  "aria-label": ariaLabel,
3758
3760
  className: rootClasses,
@@ -3868,7 +3870,7 @@ const DotSidebar = ({
3868
3870
  setIsOpen(!isOpen);
3869
3871
  };
3870
3872
  const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
3871
- const rootClasses = useStylesWithRootClass(rootClassName$K, openClass, className);
3873
+ const rootClasses = useStylesWithRootClass(rootClassName$M, openClass, className);
3872
3874
  return jsxs(StyledSidebar, Object.assign({
3873
3875
  "aria-label": ariaLabel,
3874
3876
  className: rootClasses,
@@ -3939,13 +3941,13 @@ const DotSidebar = ({
3939
3941
  }), void 0);
3940
3942
  };
3941
3943
 
3942
- const rootClassName$I = 'dot-badge';
3944
+ const rootClassName$K = 'dot-badge';
3943
3945
  const StyledBadge = styled(Badge).withConfig({
3944
3946
  displayName: "Badgestyles__StyledBadge",
3945
3947
  componentId: "sc-1brv3h5-0"
3946
3948
  })(["", ""], ({
3947
3949
  theme
3948
- }) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$I, theme.palette.text.primary, ({
3950
+ }) => css(["&.", "{color:", ";word-break:normal;.MuiBadge-badge{background-color:", ";&.MuiBadge-standard{font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$K, theme.palette.text.primary, ({
3949
3951
  $badgeColor
3950
3952
  }) => {
3951
3953
  return $badgeColor;
@@ -3963,7 +3965,7 @@ const DotBadge = ({
3963
3965
  overlap,
3964
3966
  variant: _variant = 'dot'
3965
3967
  }) => {
3966
- const rootClasses = useStylesWithRootClass(rootClassName$I, className);
3968
+ const rootClasses = useStylesWithRootClass(rootClassName$K, className);
3967
3969
  return jsx(StyledBadge, Object.assign({
3968
3970
  "$badgeColor": badgeColor,
3969
3971
  anchorOrigin: {
@@ -3986,7 +3988,7 @@ const DotBadge = ({
3986
3988
  }), void 0);
3987
3989
  };
3988
3990
 
3989
- const rootClassName$H = 'dot-app-toolbar';
3991
+ const rootClassName$J = 'dot-app-toolbar';
3990
3992
  const denseClassName = 'dense';
3991
3993
  const StyledMainMenu = styled(DotDrawer).withConfig({
3992
3994
  displayName: "AppToolbarstyles__StyledMainMenu",
@@ -3999,7 +4001,7 @@ const StyledAppToolbar = styled.header.withConfig({
3999
4001
  componentId: "sc-3kokby-1"
4000
4002
  })(["", ""], ({
4001
4003
  theme
4002
- }) => 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$H, 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));
4004
+ }) => 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$J, 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));
4003
4005
 
4004
4006
  const DotAppToolbar = ({
4005
4007
  ariaLabel,
@@ -4027,7 +4029,7 @@ const DotAppToolbar = ({
4027
4029
  const displayAppLogo = appLogo || appLogoSmall;
4028
4030
  const mainMenuRef = useRef(null);
4029
4031
  const denseClass = _dense ? denseClassName : '';
4030
- const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
4032
+ const rootClasses = useStylesWithRootClass(rootClassName$J, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
4031
4033
  const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
4032
4034
  const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
4033
4035
  useEffect(() => {
@@ -4168,7 +4170,7 @@ const DotAppToolbar = ({
4168
4170
  }), void 0) : appToolbar;
4169
4171
  };
4170
4172
 
4171
- const rootClassName$G = 'dot-autocomplete';
4173
+ const rootClassName$I = 'dot-autocomplete';
4172
4174
  const inputRootClassName = 'dot-input-root';
4173
4175
  const inputMediumClassName = 'dot-input-medium';
4174
4176
  const StyledAutocomplete = styled(Autocomplete).withConfig({
@@ -4176,15 +4178,15 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
4176
4178
  componentId: "j2sgjy-0"
4177
4179
  })(["", ""], ({
4178
4180
  theme
4179
- }) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$G, inputMediumClassName, inputRootClassName, theme.spacing(2), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
4181
+ }) => css(["&.", "{&.", " .dot-text-field .", "{height:56px;padding-left:", ";}.", "{padding-top:", ";padding-bottom:", ";}.dot-chip:first-child{margin-left:", ";}.dot-text-field{.", "{min-height:", ";}.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$I, inputMediumClassName, inputRootClassName, theme.spacing(2), inputRootClassName, theme.spacing(0), theme.spacing(0), theme.spacing(0), inputRootClassName, theme.spacing(5), theme.palette.warning.main, theme.palette.error.main));
4180
4182
 
4181
- const rootClassName$F = 'dot-chip';
4183
+ const rootClassName$H = 'dot-chip';
4182
4184
  const StyledChip = styled(Chip).withConfig({
4183
4185
  displayName: "Chipstyles__StyledChip",
4184
4186
  componentId: "f1tsra-0"
4185
4187
  })(["", ""], ({
4186
4188
  theme
4187
- }) => 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$F, 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]));
4189
+ }) => 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$H, 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]));
4188
4190
 
4189
4191
  const DEFAULT_CHARACTERS_LIMIT = 32;
4190
4192
  const DotChip = ({
@@ -4204,7 +4206,7 @@ const DotChip = ({
4204
4206
  startIcon
4205
4207
  }) => {
4206
4208
  const errorClass = _error ? 'Mui-error' : '';
4207
- const rootClasses = useStylesWithRootClass(rootClassName$F, className, errorClass);
4209
+ const rootClasses = useStylesWithRootClass(rootClassName$H, className, errorClass);
4208
4210
  const getChipLabel = () => {
4209
4211
  if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
4210
4212
  const label = `${children.substring(0, _charactersLimit)}...`;
@@ -4336,8 +4338,8 @@ const DotAutoComplete = ({
4336
4338
  const [isOpened, setIsOpened] = useState(false);
4337
4339
  const [inputText, setInputText] = useState('');
4338
4340
  const textFieldWarningClassName = !_error && _warning && warningClassName;
4339
- const rootClasses = useStylesWithRootClass(rootClassName$G, _size === 'medium' && inputMediumClassName, className);
4340
- const textFieldRootClasses = useStylesWithRootClass(rootClassName$11, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
4341
+ const rootClasses = useStylesWithRootClass(rootClassName$I, _size === 'medium' && inputMediumClassName, className);
4342
+ const textFieldRootClasses = useStylesWithRootClass(rootClassName$13, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
4341
4343
  const inputRootClasses = useStylesWithRootClass(inputRootClassName, !_dense && inputMediumClassName);
4342
4344
  let textFieldInput;
4343
4345
  // Used for focus management while popper is opened
@@ -4383,7 +4385,7 @@ const DotAutoComplete = ({
4383
4385
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
4384
4386
  const DotPopper = props => {
4385
4387
  if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
4386
- className: rootClassName$V,
4388
+ className: rootClassName$X,
4387
4389
  disablePortal: _disablePortal,
4388
4390
  "$maxHeight": maxHeight
4389
4391
  }), void 0);
@@ -4407,7 +4409,7 @@ const DotAutoComplete = ({
4407
4409
  const paperProps = props.children.props;
4408
4410
  const paperChildren = paperProps.children;
4409
4411
  return jsx(StyledPopper, Object.assign({}, props, {
4410
- className: rootClassName$V,
4412
+ className: rootClassName$X,
4411
4413
  disablePortal: _disablePortal,
4412
4414
  "$maxHeight": maxHeight
4413
4415
  }, {
@@ -4609,11 +4611,11 @@ const DotAutoComplete = ({
4609
4611
  }, void 0);
4610
4612
  };
4611
4613
 
4612
- const rootClassName$E = 'dot-avatar-group';
4614
+ const rootClassName$G = 'dot-avatar-group';
4613
4615
  const StyledAvatarGroup = styled(AvatarGroup).withConfig({
4614
4616
  displayName: "AvatarGroupstyles__StyledAvatarGroup",
4615
4617
  componentId: "sc-25by6z-0"
4616
- })(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$E));
4618
+ })(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$G));
4617
4619
 
4618
4620
  const DotAvatarGroup = ({
4619
4621
  ariaLabel,
@@ -4623,7 +4625,7 @@ const DotAvatarGroup = ({
4623
4625
  max: _max = 3,
4624
4626
  spacing: _spacing = 'medium'
4625
4627
  }) => {
4626
- const rootClasses = useStylesWithRootClass(rootClassName$E, className);
4628
+ const rootClasses = useStylesWithRootClass(rootClassName$G, className);
4627
4629
  return jsx(StyledAvatarGroup, Object.assign({
4628
4630
  "aria-label": ariaLabel,
4629
4631
  classes: {
@@ -4639,20 +4641,20 @@ const DotAvatarGroup = ({
4639
4641
  }), void 0);
4640
4642
  };
4641
4643
 
4642
- const rootClassName$D = 'dot-breadcrumbs';
4644
+ const rootClassName$F = 'dot-breadcrumbs';
4643
4645
  const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
4644
4646
  const StyledBreadcrumbsWrapper = styled.div.withConfig({
4645
4647
  displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
4646
4648
  componentId: "sc-7cg374-0"
4647
4649
  })(["", ""], ({
4648
4650
  theme
4649
- }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$D, theme.spacing(0.5, 2)));
4651
+ }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$F, theme.spacing(0.5, 2)));
4650
4652
  const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
4651
4653
  displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
4652
4654
  componentId: "sc-7cg374-1"
4653
4655
  })(["", ""], ({
4654
4656
  theme
4655
- }) => 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;}.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$D, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
4657
+ }) => 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;}.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$F, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
4656
4658
 
4657
4659
  const compareWidth = (parentEl, childEl) => {
4658
4660
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -4943,7 +4945,7 @@ const DotBreadcrumbs = ({
4943
4945
  children: [jsx(StyledBreadcrumbs, Object.assign({
4944
4946
  "aria-label": "breadcrumb",
4945
4947
  classes: {
4946
- root: rootClassName$D,
4948
+ root: rootClassName$F,
4947
4949
  ol: 'dot-ol',
4948
4950
  li: 'dot-li'
4949
4951
  },
@@ -4973,13 +4975,13 @@ const DotBreadcrumbs = ({
4973
4975
  }), void 0);
4974
4976
  };
4975
4977
 
4976
- const rootClassName$C = 'dot-button-toggle';
4978
+ const rootClassName$E = 'dot-button-toggle';
4977
4979
  const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
4978
4980
  displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
4979
4981
  componentId: "sc-1oh4ljv-0"
4980
4982
  })(["", ""], ({
4981
4983
  theme
4982
- }) => 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$C, 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));
4984
+ }) => 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$E, 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));
4983
4985
 
4984
4986
  const DotButtonToggle = ({
4985
4987
  ariaLabel,
@@ -4995,7 +4997,7 @@ const DotButtonToggle = ({
4995
4997
  size: _size = 'medium',
4996
4998
  value
4997
4999
  }) => {
4998
- const rootClasses = useStylesWithRootClass(rootClassName$C, className);
5000
+ const rootClasses = useStylesWithRootClass(rootClassName$E, className);
4999
5001
  const renderToggleButton = ({
5000
5002
  ariaLabel: optionAriaLabel,
5001
5003
  className: optionClassName,
@@ -5101,13 +5103,13 @@ const DotCardContent = ({
5101
5103
  }), void 0);
5102
5104
  };
5103
5105
 
5104
- const rootClassName$B = 'dot-card-footer';
5106
+ const rootClassName$D = 'dot-card-footer';
5105
5107
  const StyledDiv = styled.div.withConfig({
5106
5108
  displayName: "CardFooterstyles__StyledDiv",
5107
5109
  componentId: "koblh6-0"
5108
5110
  })(["", ""], ({
5109
5111
  theme
5110
- }) => css(["&.", "{padding:", ";}"], rootClassName$B, theme.spacing(2)));
5112
+ }) => css(["&.", "{padding:", ";}"], rootClassName$D, theme.spacing(2)));
5111
5113
 
5112
5114
  const DotCardFooter = ({
5113
5115
  ariaLabel,
@@ -5115,7 +5117,7 @@ const DotCardFooter = ({
5115
5117
  className,
5116
5118
  'data-testid': dataTestId
5117
5119
  }) => {
5118
- const rootClasses = useStylesWithRootClass(rootClassName$B, className);
5120
+ const rootClasses = useStylesWithRootClass(rootClassName$D, className);
5119
5121
  return jsx(StyledDiv, Object.assign({
5120
5122
  "aria-label": ariaLabel,
5121
5123
  className: rootClasses,
@@ -5160,19 +5162,19 @@ const DotCardHeader = ({
5160
5162
  }, void 0);
5161
5163
  };
5162
5164
 
5163
- const rootClassName$A = 'dot-form-control-label';
5165
+ const rootClassName$C = 'dot-form-control-label';
5164
5166
  const StyledFormControlLabel = styled(FormControlLabel).withConfig({
5165
5167
  displayName: "FormControlLabelstyles__StyledFormControlLabel",
5166
5168
  componentId: "sc-1vt0om4-0"
5167
- })(["&.", "{.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$A);
5169
+ })(["&.", "{.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$C);
5168
5170
 
5169
- const rootClassName$z = 'dot-checkbox';
5171
+ const rootClassName$B = 'dot-checkbox';
5170
5172
  const StyledCheckbox = styled(Checkbox).withConfig({
5171
5173
  displayName: "Checkboxstyles__StyledCheckbox",
5172
5174
  componentId: "sc-1ubsn6i-0"
5173
5175
  })(["", ""], ({
5174
5176
  theme
5175
- }) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$z, theme.spacing(1)));
5177
+ }) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$B, theme.spacing(1)));
5176
5178
 
5177
5179
  function DotCheckbox({
5178
5180
  ariaLabel,
@@ -5193,14 +5195,14 @@ function DotCheckbox({
5193
5195
  size = 'medium',
5194
5196
  value
5195
5197
  }) {
5196
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
5198
+ const rootClasses = useStylesWithRootClass(rootClassName$C, className);
5197
5199
  const handleChange = event => {
5198
5200
  onChange && onChange(event, event.target.value);
5199
5201
  };
5200
5202
  const checkboxControl = jsx(StyledCheckbox, {
5201
5203
  checked: checked,
5202
5204
  classes: {
5203
- root: rootClassName$z
5205
+ root: rootClassName$B
5204
5206
  },
5205
5207
  color: "primary",
5206
5208
  "data-testid": dataTestId,
@@ -5227,7 +5229,7 @@ function DotCheckbox({
5227
5229
  }, void 0);
5228
5230
  }
5229
5231
 
5230
- const rootClassName$y = 'dot-form-group';
5232
+ const rootClassName$A = 'dot-form-group';
5231
5233
  const groupLabelClassName = 'dot-form-group-label';
5232
5234
  const startAdornmentClassName = 'dot-start-adornment';
5233
5235
  const endAdornmentClassName = 'dot-end-adornment';
@@ -5235,9 +5237,9 @@ const placementClassName = 'dot-';
5235
5237
  const StyledFormControl = styled(FormControl).withConfig({
5236
5238
  displayName: "FormControlstyles__StyledFormControl",
5237
5239
  componentId: "sc-532kip-0"
5238
- })(["&.", "{.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$y, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
5240
+ })(["&.", "{.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$A, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
5239
5241
 
5240
- const rootClassName$x = 'dot-checkbox-group';
5242
+ const rootClassName$z = 'dot-checkbox-group';
5241
5243
  const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
5242
5244
  const checkboxListClassName = 'dot-checkbox-list';
5243
5245
  const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -5246,16 +5248,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
5246
5248
  componentId: "bhb21v-0"
5247
5249
  })(["", ""], ({
5248
5250
  theme
5249
- }) => 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$x, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$A));
5251
+ }) => 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$z, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$C));
5250
5252
 
5251
- const rootClassName$w = 'dot-form-group';
5253
+ const rootClassName$y = 'dot-form-group';
5252
5254
  const StyledFormGroup = styled(FormGroup).withConfig({
5253
5255
  displayName: "FormGroupstyles__StyledFormGroup",
5254
5256
  componentId: "sc-1dlipcr-0"
5255
5257
  })(["", ""], ({
5256
5258
  theme,
5257
5259
  row
5258
- }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$w, row ? `${theme.spacing(0.5)}` : 0));
5260
+ }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$y, row ? `${theme.spacing(0.5)}` : 0));
5259
5261
 
5260
5262
  function DotFormGroup({
5261
5263
  ariaLabel,
@@ -5264,7 +5266,7 @@ function DotFormGroup({
5264
5266
  'data-testid': dataTestId,
5265
5267
  row
5266
5268
  }) {
5267
- const rootClasses = useStylesWithRootClass(rootClassName$y, className);
5269
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className);
5268
5270
  return jsx(StyledFormGroup, Object.assign({
5269
5271
  "aria-label": ariaLabel,
5270
5272
  classes: {
@@ -5304,7 +5306,7 @@ function DotCheckboxGroup({
5304
5306
  size = 'medium'
5305
5307
  }) {
5306
5308
  const placement = `${placementClassName}${labelPlacement}`;
5307
- const rootClasses = useStylesWithRootClass(rootClassName$y, rootClassName$x, className, placement);
5309
+ const rootClasses = useStylesWithRootClass(rootClassName$A, rootClassName$z, className, placement);
5308
5310
  const [selectedOptions, setSelectedOptions] = useState(defaultValues);
5309
5311
  const [allChecked, setAllChecked] = useState(false);
5310
5312
  /* This will ensure that state can be updated from the outside */
@@ -5396,13 +5398,13 @@ function DotCheckboxGroup({
5396
5398
  }), void 0);
5397
5399
  }
5398
5400
 
5399
- const rootClassName$v = 'dot-dialog';
5401
+ const rootClassName$x = 'dot-dialog';
5400
5402
  const StyledDialog = styled(Dialog).withConfig({
5401
5403
  displayName: "Dialogstyles__StyledDialog",
5402
5404
  componentId: "sc-1tkr4ex-0"
5403
5405
  })(["", ""], ({
5404
5406
  theme
5405
- }) => 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$v, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
5407
+ }) => 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$x, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
5406
5408
 
5407
5409
  const DotDialog = ({
5408
5410
  ariaLabel,
@@ -5420,7 +5422,7 @@ const DotDialog = ({
5420
5422
  submitButtonProps,
5421
5423
  title
5422
5424
  }) => {
5423
- const rootClasses = useStylesWithRootClass(rootClassName$v, className);
5425
+ const rootClasses = useStylesWithRootClass(rootClassName$x, className);
5424
5426
  const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
5425
5427
  const [isOpen, setIsOpen] = useState(open);
5426
5428
  useEffect(() => {
@@ -5537,7 +5539,7 @@ const DotConfirmationDialog = ({
5537
5539
  }), void 0);
5538
5540
  };
5539
5541
 
5540
- const rootClassName$u = 'dot-grid';
5542
+ const rootClassName$w = 'dot-grid';
5541
5543
  const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
5542
5544
  const breakpointsGetter$1 = (theme, columnsBreakpoints, columnGap, rowGap) => `${theme.breakpoints.up('xs')} {
5543
5545
  column-gap: ${`${columnGap.xs}px`};
@@ -5582,7 +5584,7 @@ const Grid = ({
5582
5584
  className,
5583
5585
  children
5584
5586
  }) => {
5585
- const rootClasses = useStylesWithRootClass(rootClassName$u, className);
5587
+ const rootClasses = useStylesWithRootClass(rootClassName$w, className);
5586
5588
  return jsx("div", Object.assign({
5587
5589
  className: rootClasses
5588
5590
  }, {
@@ -5603,7 +5605,7 @@ const StyledGrid = styled(Grid).withConfig({
5603
5605
  rows,
5604
5606
  theme,
5605
5607
  width
5606
- }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$u, 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};`));
5608
+ }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$w, 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};`));
5607
5609
  const CssGrid = props => {
5608
5610
  return jsx(StyledGrid, Object.assign({}, props), void 0);
5609
5611
  };
@@ -5759,7 +5761,7 @@ const CssGridDebug = ({
5759
5761
  }), void 0);
5760
5762
  };
5761
5763
 
5762
- const rootClassName$t = 'dot-empty-state';
5764
+ const rootClassName$v = 'dot-empty-state';
5763
5765
  const StyledEmptyState = styled.div.withConfig({
5764
5766
  displayName: "EmptyStatestyles__StyledEmptyState",
5765
5767
  componentId: "sc-1sftmht-0"
@@ -5777,7 +5779,7 @@ const DotEmptyState = ({
5777
5779
  subtitle,
5778
5780
  title
5779
5781
  }) => {
5780
- const rootClasses = useStylesWithRootClass(rootClassName$t, className);
5782
+ const rootClasses = useStylesWithRootClass(rootClassName$v, className);
5781
5783
  return jsxs(StyledEmptyState, Object.assign({
5782
5784
  "aria-label": ariaLabel,
5783
5785
  className: rootClasses,
@@ -5813,15 +5815,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
5813
5815
  componentId: "sc-84g3mq-1"
5814
5816
  })(["", ""], ({
5815
5817
  theme
5816
- }) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$A));
5818
+ }) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$C));
5817
5819
 
5818
- const rootClassName$s = 'dot-form';
5820
+ const rootClassName$u = 'dot-form';
5819
5821
  const StyledFormContainer = styled.div.withConfig({
5820
5822
  displayName: "Formstyles__StyledFormContainer",
5821
5823
  componentId: "bbovqo-0"
5822
5824
  })(["", ""], ({
5823
5825
  theme
5824
- }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$s, theme.spacing(3, 0), rootClassName$y, rootClassName$A, rootClassName$11, rootSelectClassName, theme.spacing(1, 0), rootClassName$x, groupClassName, rootClassName$A));
5826
+ }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$u, theme.spacing(3, 0), rootClassName$A, rootClassName$C, rootClassName$13, rootSelectClassName, theme.spacing(1, 0), rootClassName$z, groupClassName, rootClassName$C));
5825
5827
 
5826
5828
  const DotForm = ({
5827
5829
  ariaLabel,
@@ -5830,7 +5832,7 @@ const DotForm = ({
5830
5832
  'data-testid': dataTestId,
5831
5833
  onSubmit
5832
5834
  }) => {
5833
- const rootClasses = useStylesWithRootClass(rootClassName$s, className);
5835
+ const rootClasses = useStylesWithRootClass(rootClassName$u, className);
5834
5836
  return jsx("form", Object.assign({
5835
5837
  "aria-label": ariaLabel,
5836
5838
  "data-testid": dataTestId,
@@ -5845,11 +5847,11 @@ const DotForm = ({
5845
5847
  }), void 0);
5846
5848
  };
5847
5849
 
5848
- const rootClassName$r = 'dot-dynamic-form';
5850
+ const rootClassName$t = 'dot-dynamic-form';
5849
5851
  const StyledDynamicForm = styled(DotForm).withConfig({
5850
5852
  displayName: "DynamicFormstyles__StyledDynamicForm",
5851
5853
  componentId: "sc-1lnljcn-0"
5852
- })(["", ""], () => css(["&.", "{}"], rootClassName$r));
5854
+ })(["", ""], () => css(["&.", "{}"], rootClassName$t));
5853
5855
 
5854
5856
  const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
5855
5857
  /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -6136,13 +6138,13 @@ const DotInputSelect = ({
6136
6138
  }), void 0);
6137
6139
  };
6138
6140
 
6139
- const rootClassName$q = 'dot-progress-button';
6141
+ const rootClassName$s = 'dot-progress-button';
6140
6142
  const StyledProgressButton = styled(DotButton).withConfig({
6141
6143
  displayName: "ProgressButtonstyles__StyledProgressButton",
6142
6144
  componentId: "sc-1fvgky0-0"
6143
6145
  })(["", ""], ({
6144
6146
  theme
6145
- }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$q, theme.palette.layer.n300));
6147
+ }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$s, theme.palette.layer.n300));
6146
6148
 
6147
6149
  const SPINNER_DEFAULT_SIZE = 20;
6148
6150
  const SPINNER_LARGE_SIZE = 24;
@@ -6161,7 +6163,7 @@ const DotProgressButton = ({
6161
6163
  tooltip,
6162
6164
  type: _type = 'primary'
6163
6165
  }) => {
6164
- const rootClasses = useStylesWithRootClass(rootClassName$q, className);
6166
+ const rootClasses = useStylesWithRootClass(rootClassName$s, className);
6165
6167
  const isButtonDisabled = _disabled || _isLoading;
6166
6168
  const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
6167
6169
  const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -6189,11 +6191,11 @@ const DotProgressButton = ({
6189
6191
  }), void 0);
6190
6192
  };
6191
6193
 
6192
- const rootClassName$p = 'dot-radio';
6194
+ const rootClassName$r = 'dot-radio';
6193
6195
  const StyledRadioButton = styled(Radio).withConfig({
6194
6196
  displayName: "RadioButtonstyles__StyledRadioButton",
6195
6197
  componentId: "brp0sc-0"
6196
- })(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$p));
6198
+ })(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$r));
6197
6199
 
6198
6200
  function DotRadioButton({
6199
6201
  ariaLabel,
@@ -6211,7 +6213,7 @@ function DotRadioButton({
6211
6213
  size = 'medium',
6212
6214
  value
6213
6215
  }) {
6214
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
6216
+ const rootClasses = useStylesWithRootClass(rootClassName$C, className);
6215
6217
  const handleChange = event => {
6216
6218
  onChange && onChange(event, event.target.value);
6217
6219
  };
@@ -6219,7 +6221,7 @@ function DotRadioButton({
6219
6221
  "aria-label": ariaLabel,
6220
6222
  checked: checked,
6221
6223
  classes: {
6222
- root: rootClassName$p
6224
+ root: rootClassName$r
6223
6225
  },
6224
6226
  color: "primary",
6225
6227
  "data-testid": dataTestId,
@@ -6261,7 +6263,7 @@ const DotRadioGroup = ({
6261
6263
  size: _size = 'medium'
6262
6264
  }) => {
6263
6265
  const placement = `${placementClassName}${_labelPlacement}`;
6264
- const rootClasses = useStylesWithRootClass(rootClassName$y, className, placement);
6266
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className, placement);
6265
6267
  const radioValue = value || defaultValue;
6266
6268
  const [selectedValue, setSelectedValue] = useState(radioValue);
6267
6269
  /* This will ensure that value can be updated from the outside */
@@ -6331,7 +6333,7 @@ const DotRadioGroup = ({
6331
6333
  }), void 0);
6332
6334
  };
6333
6335
 
6334
- const rootClassName$o = 'dot-switch';
6336
+ const rootClassName$q = 'dot-switch';
6335
6337
  const StyledSwitch = styled(Switch).withConfig({
6336
6338
  displayName: "Switchstyles__StyledSwitch",
6337
6339
  componentId: "eign2a-0"
@@ -6353,7 +6355,7 @@ const DotSwitch = ({
6353
6355
  onChange,
6354
6356
  size: _size = 'medium'
6355
6357
  }) => {
6356
- const rootClasses = useStylesWithRootClass(rootClassName$o, className);
6358
+ const rootClasses = useStylesWithRootClass(rootClassName$q, className);
6357
6359
  const handleChange = event => {
6358
6360
  onChange && onChange(event);
6359
6361
  };
@@ -6374,7 +6376,7 @@ const DotSwitch = ({
6374
6376
  size: _size
6375
6377
  }, void 0);
6376
6378
  return jsx(StyledFormControlLabel, {
6377
- className: rootClassName$A,
6379
+ className: rootClassName$C,
6378
6380
  control: switchControl,
6379
6381
  label: label,
6380
6382
  labelPlacement: _labelPlacement
@@ -6683,7 +6685,7 @@ const DotDynamicForm = ({
6683
6685
  onChange,
6684
6686
  onSubmit
6685
6687
  }) => {
6686
- const rootClasses = useStylesWithRootClass(rootClassName$r, className);
6688
+ const rootClasses = useStylesWithRootClass(rootClassName$t, className);
6687
6689
  // Memoize this operation so that is doesn't get executed each time this
6688
6690
  // component re-renders
6689
6691
  const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -6935,7 +6937,7 @@ const DotDynamicForm = ({
6935
6937
  }), void 0);
6936
6938
  };
6937
6939
 
6938
- const rootClassName$n = 'dot-inline-edit';
6940
+ const rootClassName$p = 'dot-inline-edit';
6939
6941
  const editModeClassName = 'dot-edit-mode';
6940
6942
  const viewModeClassName = 'dot-view-mode';
6941
6943
  const readOnlyClassName = 'dot-read-only';
@@ -6947,7 +6949,7 @@ const StyledInlineEdit = styled.div.withConfig({
6947
6949
  })(["", ""], ({
6948
6950
  theme,
6949
6951
  fullWidth
6950
- }) => 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;}}.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$n, 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), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
6952
+ }) => 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;}}.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$p, 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), theme.palette.error[500], theme.palette.error[500], theme.spacing(0), ({
6951
6953
  typography
6952
6954
  }) => typography && `
6953
6955
  .MuiInputBase-root {
@@ -7064,7 +7066,7 @@ const DotInlineEdit = ({
7064
7066
  }
7065
7067
  }, [_value]);
7066
7068
  const isSaveDisabled = checkIfEmptyValue(inputValue);
7067
- const rootClasses = useStylesWithRootClass(rootClassName$n, className, editing ? editModeClassName : '');
7069
+ const rootClasses = useStylesWithRootClass(rootClassName$p, className, editing ? editModeClassName : '');
7068
7070
  const handleShowTooltip = visible => {
7069
7071
  if (!editing) {
7070
7072
  setShowTooltip(visible);
@@ -7238,14 +7240,14 @@ const DotInlineEdit = ({
7238
7240
  }), void 0);
7239
7241
  };
7240
7242
 
7241
- const rootClassName$m = 'dot-navigation-rail';
7243
+ const rootClassName$o = 'dot-navigation-rail';
7242
7244
  const StyledNavigationRail = styled.div.withConfig({
7243
7245
  displayName: "NavigationRailstyles__StyledNavigationRail",
7244
7246
  componentId: "sc-160kivd-0"
7245
7247
  })(["", ""], ({
7246
7248
  theme,
7247
7249
  railItemPosition
7248
- }) => 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$m, 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)));
7250
+ }) => 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$o, 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)));
7249
7251
 
7250
7252
  const MAX_ALLOWED_ITEMS = 7;
7251
7253
  const DotNavigationRail = ({
@@ -7257,7 +7259,7 @@ const DotNavigationRail = ({
7257
7259
  railItems,
7258
7260
  selectedIndex: _selectedIndex = 0
7259
7261
  }) => {
7260
- const rootClasses = useStylesWithRootClass(rootClassName$m, className);
7262
+ const rootClasses = useStylesWithRootClass(rootClassName$o, className);
7261
7263
  const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
7262
7264
  /* Used to change selected index programmatically from the consumer component */
7263
7265
  useEffect(() => {
@@ -7311,13 +7313,13 @@ const DotNavigationRail = ({
7311
7313
  }), void 0);
7312
7314
  };
7313
7315
 
7314
- const rootClassName$l = 'dot-pill';
7316
+ const rootClassName$n = 'dot-pill';
7315
7317
  const StyledPill = styled(Chip).withConfig({
7316
7318
  displayName: "Pillstyles__StyledPill",
7317
7319
  componentId: "l7oxi2-0"
7318
7320
  })(["", ""], ({
7319
7321
  theme
7320
- }) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$l, ({
7322
+ }) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$n, ({
7321
7323
  backgroundcolor
7322
7324
  }) => {
7323
7325
  return backgroundcolor || theme.palette.grey[200];
@@ -7344,7 +7346,7 @@ const DotPill = ({
7344
7346
  status: _status = 'default',
7345
7347
  variant: _variant = 'filled'
7346
7348
  }) => {
7347
- const rootClasses = useStylesWithRootClass(rootClassName$l, className, _status);
7349
+ const rootClasses = useStylesWithRootClass(rootClassName$n, className, _status);
7348
7350
  return jsx(StyledPill, {
7349
7351
  "aria-label": ariaLabel,
7350
7352
  bordercolor: bordercolor,
@@ -7362,13 +7364,13 @@ const DotPill = ({
7362
7364
  }, void 0);
7363
7365
  };
7364
7366
 
7365
- const rootClassName$k = 'dot-skeleton';
7367
+ const rootClassName$m = 'dot-skeleton';
7366
7368
  const StyledSkeleton = styled(Skeleton).withConfig({
7367
7369
  displayName: "Skeletonstyles__StyledSkeleton",
7368
7370
  componentId: "sc-17ayzv5-0"
7369
7371
  })(["", ""], ({
7370
7372
  theme
7371
- }) => css(["&.", "{background-color:", ";}"], rootClassName$k, theme.palette.grey[100]));
7373
+ }) => css(["&.", "{background-color:", ";}"], rootClassName$m, theme.palette.grey[100]));
7372
7374
 
7373
7375
  const DotSkeleton = ({
7374
7376
  ariaLabel,
@@ -7379,7 +7381,7 @@ const DotSkeleton = ({
7379
7381
  width,
7380
7382
  variant
7381
7383
  }) => {
7382
- const rootClasses = useStylesWithRootClass(rootClassName$k, className);
7384
+ const rootClasses = useStylesWithRootClass(rootClassName$m, className);
7383
7385
  return jsx(StyledSkeleton, Object.assign({
7384
7386
  animation: "wave",
7385
7387
  "aria-label": ariaLabel,
@@ -7395,13 +7397,13 @@ const DotSkeleton = ({
7395
7397
  }), void 0);
7396
7398
  };
7397
7399
 
7398
- const rootClassName$j = 'dot-snackbar';
7400
+ const rootClassName$l = 'dot-snackbar';
7399
7401
  const StyledSnackbar = styled(Snackbar).withConfig({
7400
7402
  displayName: "Snackbarstyles__StyledSnackbar",
7401
7403
  componentId: "sc-1huxoy3-0"
7402
7404
  })(["", ""], ({
7403
7405
  theme
7404
- }) => 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$j, 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));
7406
+ }) => 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$l, 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));
7405
7407
 
7406
7408
  function addAutoHideDuration(severity) {
7407
7409
  return severity === 'error' ? null : 10000;
@@ -7436,7 +7438,7 @@ const DotSnackbar = ({
7436
7438
  onClose,
7437
7439
  action
7438
7440
  });
7439
- const rootClasses = useStylesWithRootClass(rootClassName$j, className);
7441
+ const rootClasses = useStylesWithRootClass(rootClassName$l, className);
7440
7442
  return jsx(StyledSnackbar, Object.assign({
7441
7443
  anchorOrigin: _anchorOrigin,
7442
7444
  "aria-label": ariaLabel,
@@ -7466,11 +7468,11 @@ const DotSnackbar = ({
7466
7468
  }), void 0);
7467
7469
  };
7468
7470
 
7469
- const rootClassName$i = 'dot-snackbar-container';
7471
+ const rootClassName$k = 'dot-snackbar-container';
7470
7472
  const StyledSnackbarContainer = styled.div.withConfig({
7471
7473
  displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
7472
7474
  componentId: "sc-1ogwjuc-0"
7473
- })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$i));
7475
+ })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$k));
7474
7476
 
7475
7477
  const DotSnackbarContext = /*#__PURE__*/createContext({
7476
7478
  alerts: [],
@@ -7488,11 +7490,11 @@ const DotSnackbarContainer = () => {
7488
7490
  };
7489
7491
  }
7490
7492
  return jsx(StyledSnackbarContainer, Object.assign({
7491
- className: rootClassName$i
7493
+ className: rootClassName$k
7492
7494
  }, {
7493
7495
  children: jsx("div", Object.assign({
7494
- className: rootClassName$i,
7495
- "data-testid": rootClassName$i
7496
+ className: rootClassName$k,
7497
+ "data-testid": rootClassName$k
7496
7498
  }, {
7497
7499
  children: alerts.slice().reverse().map(alert => {
7498
7500
  return jsx(DotSnackbar, Object.assign({
@@ -7547,13 +7549,13 @@ const useDotSnackbarContext = () => {
7547
7549
  return useContext(DotSnackbarContext);
7548
7550
  };
7549
7551
 
7550
- const rootClassName$h = 'dot-split-button-group';
7552
+ const rootClassName$j = 'dot-split-button-group';
7551
7553
  const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
7552
7554
  displayName: "SplitButtonstyles__StyledSplitButtonGroup",
7553
7555
  componentId: "ild520-0"
7554
7556
  })(["", ""], ({
7555
7557
  theme
7556
- }) => 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$h, 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']));
7558
+ }) => 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$j, 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']));
7557
7559
  const StyledMenu$2 = styled(DotMenu).withConfig({
7558
7560
  displayName: "SplitButtonstyles__StyledMenu",
7559
7561
  componentId: "ild520-1"
@@ -7582,7 +7584,7 @@ const DotSplitButton = ({
7582
7584
  tooltip,
7583
7585
  type: _type = 'primary'
7584
7586
  }) => {
7585
- const rootClasses = useStylesWithRootClass(rootClassName$h, className, _type, _disabled ? 'disabled' : '');
7587
+ const rootClasses = useStylesWithRootClass(rootClassName$j, className, _type, _disabled ? 'disabled' : '');
7586
7588
  const [open, setOpen] = useState(false);
7587
7589
  const anchorRef = useRef(null);
7588
7590
  const hasEmptyOptions = _options.length === 0;
@@ -7648,7 +7650,275 @@ const DotSplitButton = ({
7648
7650
  }, void 0);
7649
7651
  };
7650
7652
 
7651
- const rootClassName$g = 'dot-table-pagination';
7653
+ const rootClassName$i = 'dot-stepper';
7654
+ const stepListClassName = 'dot-stepper-list';
7655
+ const contentClassName = 'dot-stepper-content';
7656
+ const StyledStepper = styled.div.withConfig({
7657
+ displayName: "Stepperstyles__StyledStepper",
7658
+ componentId: "sc-1qka0yq-0"
7659
+ })(["", ""], ({
7660
+ theme
7661
+ }) => css(["&.", "{display:flex;align-items:flex-start;padding:0;width:100%;&.left{flex-direction:row;.", "{border-left:1px solid ", ";}}&.right{flex-direction:row-reverse;.", "{border-right:1px solid ", ";}}.", "{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:", ";margin-bottom:", ";}&.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:", ";}}&.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%;height:calc(100vh - 78px);overflow-y:auto;&.center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}.step-content-container{padding:", ";}}}"], rootClassName$i, contentClassName, theme.palette.layer.n200, contentClassName, theme.palette.layer.n200, stepListClassName, theme.spacing(3), theme.palette.primary['50'], theme.palette.primary['50'], theme.palette.layer.n300, theme.palette.layer.n300, theme.spacing(1), 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.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)));
7662
+ const StepContentWrapper = styled.div.withConfig({
7663
+ displayName: "Stepperstyles__StepContentWrapper",
7664
+ componentId: "sc-1qka0yq-1"
7665
+ })(["flex:1;display:flex;justify-content:center;"]);
7666
+ const StepDescription = styled(DotTypography).withConfig({
7667
+ displayName: "Stepperstyles__StepDescription",
7668
+ componentId: "sc-1qka0yq-2"
7669
+ })(["", ""], ({
7670
+ theme
7671
+ }) => css(["margin-bottom:", ";"], theme.spacing(6)));
7672
+ const StepActionsContainer = styled.div.withConfig({
7673
+ displayName: "Stepperstyles__StepActionsContainer",
7674
+ componentId: "sc-1qka0yq-3"
7675
+ })(["", ""], ({
7676
+ theme,
7677
+ displayCancelButton
7678
+ }) => css(["padding:", ";position:sticky;position:-webkit-sticky;bottom:0;background-color:", ";z-index:2;&.with-top-border{border-top:1px solid ", ";}.actions{display:flex;flex-direction:row;justify-content:", ";&.center-actions{justify-content:center;}.cancel-stepper{justify-self:flex-start;}.navigation-buttons{justify-self:flex-end;}}"], theme.spacing(2), theme.palette.layer['n0'], theme.palette.layer['n100'], displayCancelButton ? 'space-between' : 'flex-end'));
7679
+
7680
+ const defaultCellProps = {
7681
+ center: false,
7682
+ justifyContent: 'stretch',
7683
+ xs: {
7684
+ start: 1,
7685
+ span: 12
7686
+ },
7687
+ sm: {
7688
+ start: 1,
7689
+ span: 12
7690
+ },
7691
+ md: {
7692
+ start: 1,
7693
+ span: 12
7694
+ }
7695
+ };
7696
+ const DotStepper = ({
7697
+ activeStep: _activeStep = 0,
7698
+ ariaLabel,
7699
+ className,
7700
+ 'data-testid': dataTestId,
7701
+ finalContent,
7702
+ initialContent,
7703
+ nextButtonText: _nextButtonText = 'Next',
7704
+ nextStepDisabled: _nextStepDisabled = false,
7705
+ onBack,
7706
+ onCancel,
7707
+ onSubmit,
7708
+ orientation: _orientation = 'vertical',
7709
+ steps,
7710
+ stepsPosition: _stepsPosition = 'left',
7711
+ submitButtonText: _submitButtonText = 'Complete'
7712
+ }) => {
7713
+ const [currentStep, setActiveStep] = useState(_activeStep);
7714
+ const [isStickyBottom, setIsStickyBottom] = useState(false);
7715
+ const actionsRef = useRef(null);
7716
+ const stepperContentRef = useRef(null);
7717
+ const isHorizontal = _orientation === 'horizontal';
7718
+ const displayInitialContent = initialContent && currentStep === 0;
7719
+ const displayFinalContent = finalContent && currentStep > steps.length;
7720
+ const displayCancelButton = !!(!displayInitialContent && !displayFinalContent && onCancel);
7721
+ const isLastStep = currentStep === steps.length && !finalContent || currentStep > steps.length && finalContent;
7722
+ const rootClasses = useStylesWithRootClass(rootClassName$i, _stepsPosition, className);
7723
+ const contentClasses = useStylesWithRootClass(contentClassName, displayInitialContent || displayFinalContent ? 'center-content' : '');
7724
+ const stickyBottomClasses = useStylesWithRootClass(isStickyBottom ? 'with-top-border' : '');
7725
+ const actionsClasses = useStylesWithRootClass('actions', displayInitialContent || displayFinalContent ? 'center-actions' : '');
7726
+ useEffect(() => {
7727
+ const actionsElement = actionsRef.current;
7728
+ const stepperContentElement = stepperContentRef.current;
7729
+ let observer;
7730
+ if (actionsElement && stepperContentElement) {
7731
+ observer = new IntersectionObserver(([e]) => setIsStickyBottom(e.intersectionRatio < 1), {
7732
+ root: stepperContentElement,
7733
+ rootMargin: '0px 0px -1px 0px',
7734
+ threshold: [1]
7735
+ });
7736
+ observer.observe(actionsElement);
7737
+ }
7738
+ return () => {
7739
+ actionsElement && observer.unobserve(actionsElement);
7740
+ };
7741
+ }, []);
7742
+ useEffect(() => {
7743
+ setActiveStep(_activeStep);
7744
+ }, [_activeStep]);
7745
+ const handleNext = () => {
7746
+ const stepToComplete = steps.find(step => step.id === currentStep);
7747
+ (stepToComplete === null || stepToComplete === void 0 ? void 0 : stepToComplete.onComplete) && stepToComplete.onComplete();
7748
+ if (isLastStep) {
7749
+ onSubmit && onSubmit();
7750
+ } else {
7751
+ setActiveStep(currentStep + 1);
7752
+ }
7753
+ };
7754
+ const handleBack = () => {
7755
+ onBack && onBack();
7756
+ setActiveStep(currentStep - 1);
7757
+ };
7758
+ const getStepContent = id => {
7759
+ var _a;
7760
+ if (displayInitialContent) return initialContent;
7761
+ if (displayFinalContent) return finalContent;
7762
+ return (_a = steps.find(step => step.id === id)) === null || _a === void 0 ? void 0 : _a.content;
7763
+ };
7764
+ const getStepIcon = (iconId, completed, error) => {
7765
+ let stepIcon;
7766
+ if (completed) {
7767
+ stepIcon = isHorizontal ? 'check-solid' : 'check-line';
7768
+ } else if (error) {
7769
+ stepIcon = 'error-solid';
7770
+ } else if (iconId) {
7771
+ stepIcon = iconId;
7772
+ } else {
7773
+ stepIcon = isHorizontal ? 'circle' : 'edit';
7774
+ }
7775
+ return isHorizontal ? jsx(DotAvatar, {
7776
+ alt: iconId,
7777
+ iconId: stepIcon
7778
+ }, void 0) : jsx(DotIcon, {
7779
+ iconId: stepIcon
7780
+ }, void 0);
7781
+ };
7782
+ const navigateToStep = id => {
7783
+ if (id !== currentStep) {
7784
+ const stepSelected = steps.find(step => step.id === id);
7785
+ stepSelected.onClick && stepSelected.onClick();
7786
+ setActiveStep(id);
7787
+ }
7788
+ };
7789
+ const getStepCellSize = id => {
7790
+ const step = steps.find(s => s.id === id);
7791
+ if (step && step.halfWidthContent) {
7792
+ return {
7793
+ start: 4,
7794
+ span: 6
7795
+ };
7796
+ } else {
7797
+ return {
7798
+ start: 1,
7799
+ span: 12
7800
+ };
7801
+ }
7802
+ };
7803
+ const renderContent = () => {
7804
+ return jsxs("div", Object.assign({
7805
+ className: contentClasses,
7806
+ ref: stepperContentRef
7807
+ }, {
7808
+ children: [jsx(CssGrid, Object.assign({
7809
+ className: "step-content-container"
7810
+ }, {
7811
+ children: jsx(CssCell, Object.assign({}, defaultCellProps, {
7812
+ lg: getStepCellSize(currentStep)
7813
+ }, {
7814
+ children: getStepContent(currentStep)
7815
+ }), void 0)
7816
+ }), void 0), jsx(StepActionsContainer, Object.assign({
7817
+ className: stickyBottomClasses,
7818
+ ref: actionsRef,
7819
+ displayCancelButton: displayCancelButton
7820
+ }, {
7821
+ children: jsx(CssGrid, {
7822
+ children: jsx(CssCell, Object.assign({}, defaultCellProps, {
7823
+ className: actionsClasses,
7824
+ lg: {
7825
+ start: 4,
7826
+ span: 6
7827
+ }
7828
+ }, {
7829
+ children: jsxs(Fragment$1, {
7830
+ children: [displayCancelButton && jsx(DotButton, Object.assign({
7831
+ className: "cancel-stepper",
7832
+ onClick: onCancel,
7833
+ type: "text",
7834
+ "data-testid": "stepper-cancel-button"
7835
+ }, {
7836
+ children: "Cancel"
7837
+ }), void 0), jsxs("div", Object.assign({
7838
+ className: "navigation-buttons"
7839
+ }, {
7840
+ children: [!displayInitialContent && currentStep !== 1 && jsx(DotButton, Object.assign({
7841
+ onClick: handleBack,
7842
+ type: "outlined",
7843
+ "data-testid": "stepper-previous-button"
7844
+ }, {
7845
+ children: "Previous"
7846
+ }), void 0), jsx(DotButton, Object.assign({
7847
+ onClick: handleNext,
7848
+ disabled: _nextStepDisabled,
7849
+ "data-testid": "stepper-next-button"
7850
+ }, {
7851
+ children: isLastStep ? _submitButtonText : _nextButtonText
7852
+ }), void 0)]
7853
+ }), void 0)]
7854
+ }, void 0)
7855
+ }), void 0)
7856
+ }, void 0)
7857
+ }), void 0)]
7858
+ }), void 0);
7859
+ };
7860
+ return jsxs(StyledStepper, Object.assign({
7861
+ className: rootClasses
7862
+ }, {
7863
+ children: [jsx(Stepper, Object.assign({
7864
+ activeStep: currentStep,
7865
+ "aria-label": ariaLabel,
7866
+ className: stepListClassName,
7867
+ "data-testid": dataTestId,
7868
+ orientation: _orientation
7869
+ }, {
7870
+ children: steps.map((step, index) => {
7871
+ const isActive = currentStep === step.id;
7872
+ // TODO: use useStylesWithRootClass here
7873
+ const stepClasses = () => {
7874
+ return [step.className, isActive ? 'active' : '', step.completed ? 'completed' : '', step.disabled ? 'disabled' : '', step.error ? 'error' : '', step.inProgress ? 'in-progress' : ''].concat().join(' ').trim();
7875
+ };
7876
+ const getContent = () => {
7877
+ return isString$1(step.description) ? jsx(StepDescription, Object.assign({
7878
+ variant: "body2"
7879
+ }, {
7880
+ children: step.description
7881
+ }), void 0) : step.description;
7882
+ };
7883
+ const getHorizontalDescription = () => {
7884
+ return isString$1(step.description) ? jsx(DotTypography, Object.assign({
7885
+ variant: "body2",
7886
+ className: "horizontal-step-description"
7887
+ }, {
7888
+ children: step.description
7889
+ }), void 0) : null;
7890
+ };
7891
+ return jsxs(Step, Object.assign({
7892
+ active: isActive,
7893
+ classes: {
7894
+ root: stepClasses()
7895
+ },
7896
+ completed: step.completed,
7897
+ disabled: step.disabled,
7898
+ expanded: true
7899
+ }, {
7900
+ children: [jsxs(StepLabel, Object.assign({
7901
+ icon: getStepIcon(step.iconId, step.completed, step.error),
7902
+ onClick: () => navigateToStep(step.id)
7903
+ }, {
7904
+ children: [jsx(DotTypography, Object.assign({
7905
+ className: "step-label",
7906
+ variant: isHorizontal ? 'body1' : 'subtitle1'
7907
+ }, {
7908
+ children: step.label
7909
+ }), void 0), _orientation === 'horizontal' && getHorizontalDescription()]
7910
+ }), void 0), _orientation === 'vertical' && jsx(StepContent, {
7911
+ children: getContent()
7912
+ }, void 0)]
7913
+ }), index);
7914
+ })
7915
+ }), void 0), jsx(StepContentWrapper, {
7916
+ children: renderContent()
7917
+ }, void 0)]
7918
+ }), void 0);
7919
+ };
7920
+
7921
+ const rootClassName$h = 'dot-table-pagination';
7652
7922
  // TO-DO: Determine how to apply styles to standard popper element
7653
7923
  const paginationItemClassName = 'dot-pagination-menu-item';
7654
7924
  const StyledTablePagination = styled.div.withConfig({
@@ -7657,7 +7927,7 @@ const StyledTablePagination = styled.div.withConfig({
7657
7927
  })(["", ""], ({
7658
7928
  theme,
7659
7929
  typography
7660
- }) => 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$g, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
7930
+ }) => 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$h, theme.palette.grey[200], theme.typography[typography].fontFamily, theme.typography[typography].fontSize, theme.typography[typography].letterSpacing, theme.typography[typography].lineHeight));
7661
7931
 
7662
7932
  const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
7663
7933
  /** This component wraps the TablePagination component from @material-ui. */
@@ -7672,7 +7942,7 @@ const DotTablePagination = ({
7672
7942
  rowsPerPage: _rowsPerPage = 10,
7673
7943
  typography: _typography = 'subtitle2'
7674
7944
  }) => {
7675
- const rootClasses = useStylesWithRootClass(rootClassName$g, className);
7945
+ const rootClasses = useStylesWithRootClass(rootClassName$h, className);
7676
7946
  const handlePageChange = (event, newPage) => {
7677
7947
  onPageChange && onPageChange(newPage);
7678
7948
  };
@@ -7681,7 +7951,7 @@ const DotTablePagination = ({
7681
7951
  };
7682
7952
  return (/* Container is used to pass 'typography' prop to a styled component */
7683
7953
  jsx(StyledTablePagination, Object.assign({
7684
- className: rootClassName$g,
7954
+ className: rootClassName$h,
7685
7955
  typography: _typography
7686
7956
  }, {
7687
7957
  children: jsx(TablePagination, {
@@ -7707,13 +7977,13 @@ const DotTablePagination = ({
7707
7977
  );
7708
7978
  };
7709
7979
 
7710
- const rootClassName$f = 'dot-table';
7980
+ const rootClassName$g = 'dot-table';
7711
7981
  const StyledPaper = styled(Paper).withConfig({
7712
7982
  displayName: "Tablestyles__StyledPaper",
7713
7983
  componentId: "s95z6y-0"
7714
7984
  })(["", ""], ({
7715
7985
  theme
7716
- }) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$f, theme.palette.layer.n100));
7986
+ }) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$g, theme.palette.layer.n100));
7717
7987
  const StyledTableContainer = styled(TableContainer).withConfig({
7718
7988
  displayName: "Tablestyles__StyledTableContainer",
7719
7989
  componentId: "s95z6y-1"
@@ -7780,11 +8050,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
7780
8050
  return newIds;
7781
8051
  };
7782
8052
 
7783
- const rootClassName$e = 'dot-td';
8053
+ const rootClassName$f = 'dot-td';
7784
8054
  const StyledTableCell = styled(TableCell).withConfig({
7785
8055
  displayName: "TableCellstyles__StyledTableCell",
7786
8056
  componentId: "e84k25-0"
7787
- })(["", ""], () => 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$e));
8057
+ })(["", ""], () => 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));
7788
8058
 
7789
8059
  /**
7790
8060
  * A wrapper component around the TableCell component from @material-ui.
@@ -7828,7 +8098,7 @@ const DotBodyCell = ({
7828
8098
  const isOverflowing = actionTableCellWidth > (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current.clientWidth);
7829
8099
  setShowMenu(isOverflowing);
7830
8100
  };
7831
- const rootClasses = useStylesWithRootClass(rootClassName$e, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
8101
+ const rootClasses = useStylesWithRootClass(rootClassName$f, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
7832
8102
  const getTableCellValue = () => {
7833
8103
  if (Array.isArray(value)) {
7834
8104
  return jsx("div", Object.assign({
@@ -7868,13 +8138,13 @@ const DotBodyCell = ({
7868
8138
  }), void 0);
7869
8139
  };
7870
8140
 
7871
- const rootClassName$d = 'dot-td-checkbox';
8141
+ const rootClassName$e = 'dot-td-checkbox';
7872
8142
  const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
7873
8143
  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
7874
8144
  componentId: "ebk3sz-0"
7875
8145
  })(["", ""], ({
7876
8146
  theme
7877
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$d, theme.spacing(5), theme.spacing(0, 1)));
8147
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$e, theme.spacing(5), theme.spacing(0, 1)));
7878
8148
 
7879
8149
  const DotBodyCheckboxCell = ({
7880
8150
  ariaLabel,
@@ -7884,7 +8154,7 @@ const DotBodyCheckboxCell = ({
7884
8154
  onChange,
7885
8155
  rowId
7886
8156
  }) => {
7887
- const rootClasses = useStylesWithRootClass(rootClassName$d, className);
8157
+ const rootClasses = useStylesWithRootClass(rootClassName$e, className);
7888
8158
  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
7889
8159
  /** This effect is used when 'checked' status is changed from the outside */
7890
8160
  useEffect(() => {
@@ -7910,13 +8180,13 @@ const DotBodyCheckboxCell = ({
7910
8180
  }), void 0);
7911
8181
  };
7912
8182
 
7913
- const rootClassName$c = 'dot-tr';
8183
+ const rootClassName$d = 'dot-tr';
7914
8184
  const StyledTableRowStyles = styled(TableRow).withConfig({
7915
8185
  displayName: "TableRowstyles__StyledTableRowStyles",
7916
8186
  componentId: "a4fx2l-0"
7917
8187
  })(["", ""], ({
7918
8188
  theme
7919
- }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$c, theme.palette.primary[50]));
8189
+ }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$d, theme.palette.primary[50]));
7920
8190
 
7921
8191
  /**
7922
8192
  * A wrapper component around the TableRow component from @material-ui. This component can be used
@@ -7943,7 +8213,7 @@ const DotTableRow = ({
7943
8213
  selectedTableRowIds
7944
8214
  } = multiSelectBody || {};
7945
8215
  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
7946
- const rootClasses = useStylesWithRootClass(rootClassName$c, isCheckboxChecked ? 'selected' : undefined, className);
8216
+ const rootClasses = useStylesWithRootClass(rootClassName$d, isCheckboxChecked ? 'selected' : undefined, className);
7947
8217
  const renderCheckboxCell = () => {
7948
8218
  return jsx(DotBodyCheckboxCell, {
7949
8219
  ariaLabel: "Click to select this row",
@@ -7988,13 +8258,13 @@ const EmptyDotRow = ({
7988
8258
  }), CreateUUID());
7989
8259
  };
7990
8260
 
7991
- const rootClassName$b = 'dot-tbody';
8261
+ const rootClassName$c = 'dot-tbody';
7992
8262
  const StyledTableBody = styled(TableBody).withConfig({
7993
8263
  displayName: "TableBodystyles__StyledTableBody",
7994
8264
  componentId: "wszqgk-0"
7995
8265
  })(["", ""], ({
7996
8266
  theme
7997
- }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$b, theme.palette.grey[50]));
8267
+ }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$c, theme.palette.grey[50]));
7998
8268
 
7999
8269
  /**
8000
8270
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -8043,7 +8313,7 @@ const DotTableBody = ({
8043
8313
  return jsxs(Fragment$1, {
8044
8314
  children: [jsx(StyledTableBody, Object.assign({
8045
8315
  classes: {
8046
- root: rootClassName$b
8316
+ root: rootClassName$c
8047
8317
  }
8048
8318
  }, {
8049
8319
  children: getTableBodyRows()
@@ -8059,13 +8329,13 @@ const DotTableBody = ({
8059
8329
  }, void 0);
8060
8330
  };
8061
8331
 
8062
- const rootClassName$a = 'dot-th';
8332
+ const rootClassName$b = 'dot-th';
8063
8333
  const StyledTableHeaderCell = styled(TableCell).withConfig({
8064
8334
  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
8065
8335
  componentId: "nko9j-0"
8066
8336
  })(["", ""], ({
8067
8337
  theme
8068
- }) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$a, theme.typography.h4.fontFamily));
8338
+ }) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$b, theme.typography.h4.fontFamily));
8069
8339
 
8070
8340
  /**
8071
8341
  * A wrapper component around the TableCell component from @material-ui. This component should only
@@ -8106,7 +8376,7 @@ const DotHeaderCell = ({
8106
8376
  return jsx(StyledTableHeaderCell, Object.assign({
8107
8377
  align: align,
8108
8378
  classes: {
8109
- root: rootClassName$a
8379
+ root: rootClassName$b
8110
8380
  },
8111
8381
  sortDirection: _sortable ? sortDirection : undefined,
8112
8382
  style: headerCellStyle,
@@ -8116,13 +8386,13 @@ const DotHeaderCell = ({
8116
8386
  }), uid);
8117
8387
  };
8118
8388
 
8119
- const rootClassName$9 = 'dot-th-checkbox';
8389
+ const rootClassName$a = 'dot-th-checkbox';
8120
8390
  const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
8121
8391
  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
8122
8392
  componentId: "ymqg8x-0"
8123
8393
  })(["", ""], ({
8124
8394
  theme
8125
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$9, theme.spacing(5), theme.spacing(0, 1)));
8395
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$a, theme.spacing(5), theme.spacing(0, 1)));
8126
8396
 
8127
8397
  const DotHeaderCheckboxCell = ({
8128
8398
  ariaLabel,
@@ -8131,7 +8401,7 @@ const DotHeaderCheckboxCell = ({
8131
8401
  multiSelectState,
8132
8402
  onCheckAllChange
8133
8403
  }) => {
8134
- const rootClasses = useStylesWithRootClass(rootClassName$9, className);
8404
+ const rootClasses = useStylesWithRootClass(rootClassName$a, className);
8135
8405
  const [checkboxState, setCheckboxState] = useState('unchecked');
8136
8406
  useEffect(() => {
8137
8407
  setCheckboxState(multiSelectState);
@@ -8238,13 +8508,13 @@ const DotHeaderRow = ({
8238
8508
  }), void 0);
8239
8509
  };
8240
8510
 
8241
- const rootClassName$8 = 'dot-table-selection-toolbar';
8511
+ const rootClassName$9 = 'dot-table-selection-toolbar';
8242
8512
  const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
8243
8513
  displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
8244
8514
  componentId: "qpx3y9-0"
8245
8515
  })(["", ""], ({
8246
8516
  theme
8247
- }) => 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$8, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
8517
+ }) => 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)));
8248
8518
 
8249
8519
  const DotTableSelectionToolbar = ({
8250
8520
  ariaLabel,
@@ -8254,7 +8524,7 @@ const DotTableSelectionToolbar = ({
8254
8524
  onClearAll,
8255
8525
  selectedRowsNumber
8256
8526
  }) => {
8257
- const rootClasses = useStylesWithRootClass(rootClassName$8, className);
8527
+ const rootClasses = useStylesWithRootClass(rootClassName$9, className);
8258
8528
  return jsxs(StyledTableSelectionToolbar, Object.assign({
8259
8529
  ariaLabel: ariaLabel,
8260
8530
  className: rootClasses,
@@ -8350,7 +8620,7 @@ const DotTable = ({
8350
8620
  return onUpdateData ? data : stableSort(data, getComparator(_order, orderBy));
8351
8621
  };
8352
8622
  const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
8353
- const rootClasses = useStylesWithRootClass(rootClassName$f, className, _loading ? 'loading' : '');
8623
+ const rootClasses = useStylesWithRootClass(rootClassName$g, className, _loading ? 'loading' : '');
8354
8624
  const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
8355
8625
  const newData = stableSort(data, getComparator(newOrder, newOrderBy));
8356
8626
  setPageData(newRowsPerPage ? newData.slice(newPage * newRowsPerPage, newPage * newRowsPerPage + newRowsPerPage) : newData);
@@ -8534,7 +8804,7 @@ const DotTableAction = ({
8534
8804
  }, void 0);
8535
8805
  };
8536
8806
 
8537
- const rootClassName$7 = 'dot-table-actions';
8807
+ const rootClassName$8 = 'dot-table-actions';
8538
8808
  const TableActionsContainer = styled.div.withConfig({
8539
8809
  displayName: "TableActionsstyles__TableActionsContainer",
8540
8810
  componentId: "sc-8lo813-0"
@@ -8603,7 +8873,7 @@ const DotTableActions = ({
8603
8873
  };
8604
8874
  return jsxs(Fragment$1, {
8605
8875
  children: [jsxs(TableActionsContainer, Object.assign({
8606
- className: rootClassName$7,
8876
+ className: rootClassName$8,
8607
8877
  ref: wrapperRef
8608
8878
  }, {
8609
8879
  children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
@@ -8626,13 +8896,13 @@ const DotTableActions = ({
8626
8896
  }, void 0);
8627
8897
  };
8628
8898
 
8629
- const rootClassName$6 = 'dot-tabs';
8899
+ const rootClassName$7 = 'dot-tabs';
8630
8900
  const StyledTabs = styled(Tabs).withConfig({
8631
8901
  displayName: "Tabsstyles__StyledTabs",
8632
8902
  componentId: "sc-1pmrz8k-0"
8633
8903
  })(["", ""], ({
8634
8904
  theme
8635
- }) => 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$6, theme.spacing(0.5), theme.palette.layer.n100, theme.spacing(0.5)));
8905
+ }) => 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)));
8636
8906
 
8637
8907
  const DotTabs = ({
8638
8908
  centered: _centered = false,
@@ -8646,7 +8916,7 @@ const DotTabs = ({
8646
8916
  variant: _variant = 'standard'
8647
8917
  }) => {
8648
8918
  const [value, setValue] = useState(_initialValue);
8649
- const rootClasses = useStylesWithRootClass(rootClassName$6, className);
8919
+ const rootClasses = useStylesWithRootClass(rootClassName$7, className);
8650
8920
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
8651
8921
  const handleChange = (_event, val) => {
8652
8922
  setValue(val);
@@ -8696,29 +8966,29 @@ const DotTabs = ({
8696
8966
  }), void 0);
8697
8967
  };
8698
8968
 
8699
- const rootClassName$5 = 'dot-file-upload';
8700
- const containerClassName$1 = `${rootClassName$5}-container`;
8701
- const dropZoneClassName = `${rootClassName$5}-drop-zone`;
8969
+ const rootClassName$6 = 'dot-file-upload';
8970
+ const containerClassName$2 = `${rootClassName$6}-container`;
8971
+ const dropZoneClassName = `${rootClassName$6}-drop-zone`;
8702
8972
  const StyledFileUploadContainer = styled.div.withConfig({
8703
8973
  displayName: "FileUploadstyles__StyledFileUploadContainer",
8704
8974
  componentId: "sc-1q8bcxy-0"
8705
8975
  })(["", ""], ({
8706
8976
  theme
8707
- }) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}}"], containerClassName$1, theme.palette.error[500]));
8977
+ }) => css(["&.", "{.dot-max-files-message.dot-max-files-reached{color:", ";}}"], containerClassName$2, theme.palette.error[500]));
8708
8978
  const StyledFileUpload = styled.div.withConfig({
8709
8979
  displayName: "FileUploadstyles__StyledFileUpload",
8710
8980
  componentId: "sc-1q8bcxy-1"
8711
8981
  })(["", ""], ({
8712
8982
  theme
8713
- }) => 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$5, 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));
8983
+ }) => 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));
8714
8984
 
8715
- const rootClassName$4 = 'dot-file-list-item';
8985
+ const rootClassName$5 = 'dot-file-list-item';
8716
8986
  const StyledFileListItem = styled(StyledListItem).withConfig({
8717
8987
  displayName: "FileListItemstyles__StyledFileListItem",
8718
8988
  componentId: "sc-6mp1tz-0"
8719
8989
  })(["", ""], ({
8720
8990
  theme
8721
- }) => 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$4, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$4, theme.palette.secondary.main, rootClassName$4, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
8991
+ }) => 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));
8722
8992
 
8723
8993
  const DotFileListItem = ({
8724
8994
  ariaLabel,
@@ -8733,7 +9003,7 @@ const DotFileListItem = ({
8733
9003
  onKeyPress,
8734
9004
  tabIndex: _tabIndex = 0
8735
9005
  }) => {
8736
- const rootClasses = useStylesWithRootClass(rootClassName$4, className, _error ? 'file-error' : 'file-success');
9006
+ const rootClasses = useStylesWithRootClass(rootClassName$5, className, _error ? 'file-error' : 'file-success');
8737
9007
  const defaultIcon = _error ? 'error-solid' : 'check-solid';
8738
9008
  const [endIcon, setEndIcon] = useState(defaultIcon);
8739
9009
  const handleItemClick = clickedFile => _event => onClick === null || onClick === void 0 ? void 0 : onClick(clickedFile);
@@ -8769,7 +9039,7 @@ const DotFileListItem = ({
8769
9039
  children: errorText
8770
9040
  }), void 0)]
8771
9041
  }), void 0), jsx(DotIconButton, {
8772
- className: `${rootClassName$4}-end-icon`,
9042
+ className: `${rootClassName$5}-end-icon`,
8773
9043
  "data-testid": dataTestId && `${dataTestId}-end-icon`,
8774
9044
  disabled: disableDelete,
8775
9045
  iconId: endIcon,
@@ -8898,7 +9168,7 @@ const DotFileUpload = ({
8898
9168
  const [uploadedFiles, setUploadedFiles] = useState([]);
8899
9169
  const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
8900
9170
  const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
8901
- const rootClasses = useStylesWithRootClass(rootClassName$5, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
9171
+ const rootClasses = useStylesWithRootClass(rootClassName$6, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
8902
9172
  const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
8903
9173
  const allowMultiple = maxFiles === undefined || maxFiles > 1;
8904
9174
  const setNewlyUploadedFiles = (acceptedFiles, fileRejections) => {
@@ -8947,7 +9217,7 @@ const DotFileUpload = ({
8947
9217
  uploadedFiles
8948
9218
  });
8949
9219
  return jsxs(StyledFileUploadContainer, Object.assign({
8950
- className: containerClassName$1
9220
+ className: containerClassName$2
8951
9221
  }, {
8952
9222
  children: [jsxs(StyledFileUpload, Object.assign({}, getRootProps(), {
8953
9223
  "aria-label": ariaLabel,
@@ -8968,11 +9238,11 @@ const DotFileUpload = ({
8968
9238
  }), void 0);
8969
9239
  };
8970
9240
 
8971
- const rootClassName$3 = 'dot-divider';
9241
+ const rootClassName$4 = 'dot-divider';
8972
9242
  const StyledDivider = styled(Divider).withConfig({
8973
9243
  displayName: "Dividerstyles__StyledDivider",
8974
9244
  componentId: "yu3sip-0"
8975
- })(["", ""], () => css(["&.", "{}"], rootClassName$3));
9245
+ })(["", ""], () => css(["&.", "{}"], rootClassName$4));
8976
9246
 
8977
9247
  const DotDivider = ({
8978
9248
  absolute,
@@ -8984,7 +9254,7 @@ const DotDivider = ({
8984
9254
  orientation,
8985
9255
  variant
8986
9256
  }) => {
8987
- const rootClasses = useStylesWithRootClass(rootClassName$3, className);
9257
+ const rootClasses = useStylesWithRootClass(rootClassName$4, className);
8988
9258
  return jsx(StyledDivider, {
8989
9259
  absolute: absolute,
8990
9260
  "aria-label": ariaLabel,
@@ -9010,7 +9280,7 @@ const DotPopper = ({
9010
9280
  open,
9011
9281
  placement
9012
9282
  }) => {
9013
- const rootClasses = useStylesWithRootClass(rootClassName$V, className);
9283
+ const rootClasses = useStylesWithRootClass(rootClassName$X, className);
9014
9284
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
9015
9285
  const handleClickAway = event => {
9016
9286
  if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -9049,7 +9319,7 @@ const DotPopper = ({
9049
9319
  }), void 0);
9050
9320
  };
9051
9321
 
9052
- const rootClassName$2 = 'dot-draggable-list';
9322
+ const rootClassName$3 = 'dot-draggable-list';
9053
9323
  const listItemClassName = 'dot-draggable-list-item';
9054
9324
  const StyledDraggableList = styled.div.withConfig({
9055
9325
  displayName: "DraggableListstyles__StyledDraggableList",
@@ -9058,7 +9328,7 @@ const StyledDraggableList = styled.div.withConfig({
9058
9328
  theme,
9059
9329
  width,
9060
9330
  draggableHandle
9061
- }) => css(["&.", " .", "{width:", " !important;.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}"], rootClassName$2, listItemClassName, width, theme.palette.layer.n700, theme.palette.grey[50], draggableHandle));
9331
+ }) => css(["&.", " .", "{width:", " !important;.dot-icon{color:", ";}&.react-draggable-dragging{background-color:", ";}&.with-default-cursor{cursor:default;}&.with-handle-grab-cursor ", "{cursor:grab;}}"], rootClassName$3, listItemClassName, width, theme.palette.layer.n700, theme.palette.grey[50], draggableHandle));
9062
9332
 
9063
9333
  const getOrderedListItems = (layout, listItems) => {
9064
9334
  if (!listItems || !layout) return [];
@@ -9092,7 +9362,7 @@ const DotDraggableList = ({
9092
9362
  rowHeight: _rowHeight = DEFAULT_LIST_ITEM_HEIGHT,
9093
9363
  width: _width = DEFAULT_LIST_WIDTH
9094
9364
  }) => {
9095
- const rootClasses = useStylesWithRootClass(rootClassName$2, className, draggableHandle ? 'with-draggable-handle' : '');
9365
+ const rootClasses = useStylesWithRootClass(rootClassName$3, className, draggableHandle ? 'with-draggable-handle' : '');
9096
9366
  const listItemClasses = useStylesWithRootClass(listItemClassName, draggableHandle && !disableDrag ? 'with-handle-grab-cursor' : '', draggableHandle || disableDrag ? 'with-default-cursor' : '');
9097
9367
  const listWidth = isNumber(_width) ? `${_width}px` : _width;
9098
9368
  const [orderedItems, setOrderedItems] = useState([]);
@@ -9146,11 +9416,11 @@ const DotDraggableList = ({
9146
9416
  }), void 0);
9147
9417
  };
9148
9418
 
9149
- const rootClassName$1 = 'dot-linear-progress';
9419
+ const rootClassName$2 = 'dot-linear-progress';
9150
9420
  const StyledLinearProgress = styled(LinearProgress).withConfig({
9151
9421
  displayName: "LinearProgressstyles__StyledLinearProgress",
9152
9422
  componentId: "sc-1qhzxb3-0"
9153
- })(["&.", "{}"], rootClassName$1);
9423
+ })(["&.", "{}"], rootClassName$2);
9154
9424
 
9155
9425
  const DotLinearProgress = ({
9156
9426
  ariaLabel,
@@ -9161,7 +9431,7 @@ const DotLinearProgress = ({
9161
9431
  valueBuffer,
9162
9432
  variant: _variant = 'indeterminate'
9163
9433
  }) => {
9164
- const rootClasses = useStylesWithRootClass(rootClassName$1, className);
9434
+ const rootClasses = useStylesWithRootClass(rootClassName$2, className);
9165
9435
  return jsx(StyledLinearProgress, {
9166
9436
  "aria-label": ariaLabel,
9167
9437
  classes: {
@@ -9175,19 +9445,19 @@ const DotLinearProgress = ({
9175
9445
  }, void 0);
9176
9446
  };
9177
9447
 
9178
- const rootClassName = 'dot-date-picker';
9179
- const containerClassName = 'dot-date-picker-container';
9448
+ const rootClassName$1 = 'dot-date-picker';
9449
+ const containerClassName$1 = 'dot-date-picker-container';
9180
9450
  const rectanglePickersDayClassName = 'dot-rectangle-pickers-day';
9181
9451
  const StyledDatePickerContainer = styled.div.withConfig({
9182
9452
  displayName: "DatePickerstyles__StyledDatePickerContainer",
9183
9453
  componentId: "sc-1to4suu-0"
9184
- })(["&.", " .full-width{width:100%;}"], rootClassName);
9454
+ })(["&.", " .full-width{width:100%;}"], rootClassName$1);
9185
9455
  const StyledDatePicker = styled(DatePicker).withConfig({
9186
9456
  displayName: "DatePickerstyles__StyledDatePicker",
9187
9457
  componentId: "sc-1to4suu-1"
9188
9458
  })(["", ""], ({
9189
9459
  theme
9190
- }) => 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{", ";}}"], rootClassName, theme.spacing(0.5), theme.palette.error.main, adornmentIconStyles(), theme.spacing(2), theme.spacing(1.5, 0, 1.5, 2), formHelperTextRootStyles(theme)));
9460
+ }) => css(["&.", "{", ";}"], rootClassName$1, pickerInputStyles(theme)));
9191
9461
  const StyledPickersDay = styled(PickersDay).withConfig({
9192
9462
  displayName: "DatePickerstyles__StyledPickersDay",
9193
9463
  componentId: "sc-1to4suu-2"
@@ -9233,8 +9503,8 @@ const DotDatePicker = ({
9233
9503
  showDaysOutsideCurrentMonth,
9234
9504
  value
9235
9505
  }) => {
9236
- const rootClasses = useStylesWithRootClass(rootClassName, className, _readOnly ? 'read-only' : '');
9237
- const containerClasses = useStylesWithRootClass(containerClassName, _fullWidth ? 'full-width' : '', className);
9506
+ const rootClasses = useStylesWithRootClass(rootClassName$1, className, _readOnly ? 'read-only' : '');
9507
+ const containerClasses = useStylesWithRootClass(containerClassName$1, _fullWidth ? 'full-width' : '', className);
9238
9508
  useEffect(() => {
9239
9509
  if (!locale) return;
9240
9510
  const userLocaleName = dayjs.locale();
@@ -9332,4 +9602,348 @@ const DotDatePicker = ({
9332
9602
  }), void 0);
9333
9603
  };
9334
9604
 
9335
- export { Cell, CreateUUID, CssCell, CssGrid, CssGridDebug, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, 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, DotSwitch, DotTable, DotTableAction, DotTableActions, DotTablePagination, DotTabs, DotThemeProvider, DotTooltip, DotTruncateWithTooltip, DotTypography, avatarColors, lightThemeColors as lightColors, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotCoreApiContext, useDotSnackbarContext };
9605
+ var Daytime;
9606
+ (function (Daytime) {
9607
+ Daytime["AM"] = "AM";
9608
+ Daytime["PM"] = "PM";
9609
+ })(Daytime || (Daytime = {}));
9610
+
9611
+ const mockScrollIntoView = scrollIntoViewMock => {
9612
+ window.HTMLElement.prototype.scrollIntoView = scrollIntoViewMock;
9613
+ };
9614
+
9615
+ const getDayjsUtcDate = (value, timeFormat) => dayjs.utc(value, timeFormat);
9616
+ const createNumbersArray = (length, offset) => Array.from({
9617
+ length
9618
+ }, (_, i) => offset ? i + offset : i);
9619
+ const getHoursForTimePicker = hasDaytimeSelection => {
9620
+ return hasDaytimeSelection ? createNumbersArray(12, 1) : createNumbersArray(24);
9621
+ };
9622
+ const getMinutesForTimePicker = () => createNumbersArray(60);
9623
+ const checkIfAm = currentTime => currentTime.format('A') === 'AM';
9624
+ const calculateTimeForHourSelection = (is12hourFormat, selectedHour, currentTime) => {
9625
+ let hour = selectedHour;
9626
+ const isPM = currentTime.hour() >= 12;
9627
+ if (is12hourFormat) {
9628
+ if (hour === 12) {
9629
+ hour = isPM ? 12 : 0;
9630
+ } else {
9631
+ hour = isPM ? hour + 12 : hour;
9632
+ }
9633
+ }
9634
+ return currentTime.clone().hour(hour);
9635
+ };
9636
+ const calculateTimeForDaytimeSelection = (currentTime, selectedDaytime) => {
9637
+ let newTime = currentTime.clone();
9638
+ if (checkIfAm(currentTime) && selectedDaytime === Daytime.PM) {
9639
+ newTime = currentTime.add(12, 'hour');
9640
+ } else if (!checkIfAm(currentTime) && selectedDaytime === Daytime.AM) {
9641
+ newTime = currentTime.add(-12, 'hour');
9642
+ }
9643
+ return newTime;
9644
+ };
9645
+ const calculateHourBasedOnTimeFormat = (time, is12hourFormat) => {
9646
+ const hour = time.hour();
9647
+ if (is12hourFormat) {
9648
+ if (hour === 0) {
9649
+ return 12;
9650
+ } else if (hour > 12) {
9651
+ return hour - 12;
9652
+ }
9653
+ }
9654
+ return hour;
9655
+ };
9656
+ const getSelectedHourButtonIndex = (selectedHour, is12HourFormat) => {
9657
+ if (is12HourFormat) {
9658
+ return selectedHour - 1;
9659
+ } else {
9660
+ if (selectedHour === 0) return 0;
9661
+ return selectedHour;
9662
+ }
9663
+ };
9664
+
9665
+ const rootClassName = 'dot-time-picker';
9666
+ const containerClassName = 'dot-time-picker-container';
9667
+ const TIME_SELECTION_HEIGHT_SPACING = 34.5;
9668
+ const TIME_SELECTION_WIDTH_SPACING = 14.5;
9669
+ const TIME_UNIT_WIDTH_SPACING = 4.5;
9670
+ const TIME_UNIT_HEIGHT_SPACING = 4.5;
9671
+ const StyledTimePickerContainer = styled.div.withConfig({
9672
+ displayName: "TimePickerstyles__StyledTimePickerContainer",
9673
+ componentId: "sc-17aptuh-0"
9674
+ })(["", ""], ({
9675
+ theme
9676
+ }) => css(["&.", "{.full-width{width:100%;}.dot-time-picker-popper{z-index:", ";.dot-time-picker-paper{display:flex;flex-direction:column;align-items:center;.dot-time-picker-selection{max-height:", ";width:", ";display:flex;margin:", ";gap:", ";.dot-time-picker-hours,.dot-time-picker-minutes,.dot-time-picker-daytime{display:flex;flex-direction:column;overflow:auto;gap:", ";padding-bottom:", ";::-webkit-scrollbar{display:none;}-ms-overflow-style:none;scrollbar-width:none;}.dot-picker-button{width:", ";height:", ";margin:0;}}.dot-time-picker-action-buttons{display:flex;align-items:center;justify-content:space-between;padding:", ";}}}}"], containerClassName, levelTop, theme.spacing(TIME_SELECTION_HEIGHT_SPACING), theme.spacing(TIME_SELECTION_WIDTH_SPACING), theme.spacing(1), theme.spacing(0.5), theme.spacing(0.5), theme.spacing(TIME_SELECTION_HEIGHT_SPACING - TIME_UNIT_HEIGHT_SPACING), theme.spacing(TIME_UNIT_WIDTH_SPACING), theme.spacing(TIME_UNIT_HEIGHT_SPACING), theme.spacing(0.5)));
9677
+ const StyledTimePicker = styled(TimePicker).withConfig({
9678
+ displayName: "TimePickerstyles__StyledTimePicker",
9679
+ componentId: "sc-17aptuh-1"
9680
+ })(["", ""], ({
9681
+ theme
9682
+ }) => css(["&.", "{", ";}"], rootClassName, pickerInputStyles(theme)));
9683
+
9684
+ dayjs.extend(utc);
9685
+ const DEFAULT_PICKER_TIME_FORMAT = 'hh:mm';
9686
+ const DEFAULT_TIME_FORMAT = 'hh:mm A';
9687
+ const DEFAULT_TIME = '01:00';
9688
+ const DotTimePicker = ({
9689
+ ampm: _ampm = true,
9690
+ ariaLabel,
9691
+ autoFocus: _autoFocus = false,
9692
+ className,
9693
+ 'data-testid': dataTestId,
9694
+ disableOpenPicker: _disableOpenPicker = false,
9695
+ disabled,
9696
+ error,
9697
+ format,
9698
+ fullWidth: _fullWidth = false,
9699
+ helperText,
9700
+ hideActionButtons,
9701
+ inputId,
9702
+ inputName,
9703
+ label,
9704
+ onChange,
9705
+ onClose,
9706
+ onOpen,
9707
+ open,
9708
+ persistentLabel,
9709
+ readOnly: _readOnly = false,
9710
+ required: _required = false,
9711
+ value
9712
+ }) => {
9713
+ const rootClasses = useStylesWithRootClass(rootClassName, className, _readOnly ? 'read-only' : '');
9714
+ const containerClasses = useStylesWithRootClass(containerClassName, _fullWidth ? 'full-width' : '', className);
9715
+ const inputRef = useRef(null);
9716
+ const [isPickerOpened, setIsPickerOpened] = useState(false);
9717
+ const timeFormat = format || DEFAULT_TIME_FORMAT;
9718
+ const [time, setTime] = useState(null);
9719
+ const [pickerTime, setPickerTime] = useState();
9720
+ const hoursRef = useRef(null);
9721
+ const minutesRef = useRef(null);
9722
+ const hours = getHoursForTimePicker(_ampm);
9723
+ const minutes = getMinutesForTimePicker();
9724
+ const daytimeSelected = pickerTime && pickerTime.format('A') || Daytime.AM;
9725
+ const isOpenPropDefined = open !== null && open !== undefined;
9726
+ useEffect(() => {
9727
+ const timeValue = value ? getDayjsUtcDate(value, timeFormat) : null;
9728
+ setTime(timeValue);
9729
+ setPickerTime(timeValue);
9730
+ }, [value]);
9731
+ useLayoutEffect(() => {
9732
+ if (isPickerOpened && time) {
9733
+ scrollToSelectedTime();
9734
+ }
9735
+ }, [isPickerOpened, time]);
9736
+ useEffect(() => {
9737
+ if (isOpenPropDefined) {
9738
+ setIsPickerOpened(open);
9739
+ }
9740
+ }, [open]);
9741
+ const handleTimePickerButtonClick = () => {
9742
+ !isOpenPropDefined && setIsPickerOpened(true);
9743
+ onOpen === null || onOpen === void 0 ? void 0 : onOpen();
9744
+ };
9745
+ const handlePickerChange = pickedDateTime => {
9746
+ setPickerTime(pickedDateTime);
9747
+ };
9748
+ const handleInputChange = (currentValue, context) => {
9749
+ setPickerTime(currentValue ? currentValue : null);
9750
+ onChange === null || onChange === void 0 ? void 0 : onChange(currentValue ? currentValue.format(timeFormat) : null, context);
9751
+ };
9752
+ const handleClose = () => {
9753
+ !isOpenPropDefined && setIsPickerOpened(false);
9754
+ onClose === null || onClose === void 0 ? void 0 : onClose();
9755
+ };
9756
+ const handleHourClick = hour => {
9757
+ let currentTime;
9758
+ if (pickerTime) {
9759
+ currentTime = calculateTimeForHourSelection(_ampm, hour, pickerTime);
9760
+ } else {
9761
+ currentTime = getDayjsUtcDate(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT).hour(hour);
9762
+ }
9763
+ handlePickerChange(currentTime);
9764
+ };
9765
+ const handleMinuteClick = minute => {
9766
+ const currentTime = pickerTime ? pickerTime.set('minute', minute) : dayjs(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT).minute(minute);
9767
+ handlePickerChange(currentTime);
9768
+ };
9769
+ const handleDaytimeSelection = selectedDaytime => {
9770
+ const newTime = calculateTimeForDaytimeSelection(pickerTime ? pickerTime.clone() : getDayjsUtcDate(DEFAULT_TIME, DEFAULT_PICKER_TIME_FORMAT), selectedDaytime);
9771
+ handlePickerChange(newTime);
9772
+ };
9773
+ const handleCancel = () => {
9774
+ setPickerTime(time);
9775
+ handleClose();
9776
+ };
9777
+ const handleSet = () => {
9778
+ handleClose();
9779
+ setTime(pickerTime);
9780
+ onChange === null || onChange === void 0 ? void 0 : onChange(pickerTime.format(timeFormat), {
9781
+ validationError: null
9782
+ });
9783
+ };
9784
+ const scrollToSelectedTime = () => {
9785
+ if (!(hoursRef === null || hoursRef === void 0 ? void 0 : hoursRef.current) || !(minutesRef === null || minutesRef === void 0 ? void 0 : minutesRef.current)) return;
9786
+ const selectedHour = calculateHourBasedOnTimeFormat(time, _ampm);
9787
+ const selectedMinute = time.minute();
9788
+ const scrollOptions = {
9789
+ behavior: 'auto',
9790
+ block: 'start',
9791
+ inline: 'nearest'
9792
+ };
9793
+ if (selectedHour) {
9794
+ hoursRef.current.children[getSelectedHourButtonIndex(selectedHour, _ampm)].scrollIntoView(scrollOptions);
9795
+ }
9796
+ if (selectedMinute) {
9797
+ minutesRef.current.children[selectedMinute].scrollIntoView(scrollOptions);
9798
+ }
9799
+ };
9800
+ return jsxs(StyledTimePickerContainer, Object.assign({
9801
+ className: containerClasses,
9802
+ "data-testid": dataTestId
9803
+ }, {
9804
+ children: [jsxs(LocalizationProvider, Object.assign({
9805
+ dateAdapter: AdapterDayjs
9806
+ }, {
9807
+ children: [persistentLabel && jsx(DotInputLabel, Object.assign({}, {
9808
+ 'data-testid': dataTestId && `${dataTestId}-persistent-label`,
9809
+ disabled,
9810
+ error,
9811
+ id: inputId,
9812
+ label,
9813
+ required: _required
9814
+ }), void 0), jsx(StyledTimePicker, {
9815
+ ampm: _ampm,
9816
+ "aria-label": ariaLabel,
9817
+ autoFocus: _autoFocus,
9818
+ className: rootClasses,
9819
+ disabled: disabled,
9820
+ format: format,
9821
+ inputRef: inputRef,
9822
+ label: persistentLabel ? null : label,
9823
+ onChange: handleInputChange,
9824
+ slotProps: {
9825
+ textField: {
9826
+ required: _required,
9827
+ helperText,
9828
+ error,
9829
+ focused: _readOnly ? false : undefined,
9830
+ InputProps: {
9831
+ endAdornment: jsxs(Fragment$1, {
9832
+ children: [error && jsx(DotIcon, {
9833
+ className: "dot-error-icon",
9834
+ "data-testid": dataTestId && `${dataTestId}-input-error-icon`,
9835
+ iconId: "error-solid"
9836
+ }, void 0), !_disableOpenPicker && !_readOnly && !disabled && jsx(DotIconButton, {
9837
+ "data-testid": dataTestId && `${dataTestId}-open-btn`,
9838
+ iconId: "calendar",
9839
+ onClick: _event => handleTimePickerButtonClick(),
9840
+ size: "small"
9841
+ }, void 0)]
9842
+ }, void 0)
9843
+ },
9844
+ inputProps: {
9845
+ className: 'dot-input',
9846
+ 'data-testid': dataTestId && `${dataTestId}-input`
9847
+ },
9848
+ fullWidth: _fullWidth,
9849
+ name: inputName
9850
+ },
9851
+ field: {
9852
+ readOnly: _readOnly
9853
+ }
9854
+ },
9855
+ value: time
9856
+ }, void 0)]
9857
+ }), void 0), jsx(Popper, Object.assign({
9858
+ className: "dot-time-picker-popper",
9859
+ "data-testid": dataTestId && `${dataTestId}-popper`,
9860
+ open: isPickerOpened,
9861
+ anchorEl: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current,
9862
+ disablePortal: true,
9863
+ placement: "bottom-start"
9864
+ }, {
9865
+ children: jsx(ClickAwayListener, Object.assign({
9866
+ onClickAway: handleSet
9867
+ }, {
9868
+ children: jsxs(Paper, Object.assign({
9869
+ className: "dot-time-picker-paper",
9870
+ elevation: 8
9871
+ }, {
9872
+ children: [jsxs("div", Object.assign({
9873
+ className: "dot-time-picker-selection"
9874
+ }, {
9875
+ children: [jsx("div", Object.assign({
9876
+ className: "dot-time-picker-hours",
9877
+ ref: hoursRef
9878
+ }, {
9879
+ children: hours.map(hour => {
9880
+ const isSelected = pickerTime ? calculateHourBasedOnTimeFormat(pickerTime, _ampm) === hour : false;
9881
+ return jsx(DotButton, Object.assign({
9882
+ className: "dot-picker-button",
9883
+ "data-testid": dataTestId && `${dataTestId}-hour-button-${hour}`,
9884
+ onClick: () => handleHourClick(hour),
9885
+ type: isSelected ? 'primary' : 'text'
9886
+ }, {
9887
+ children: hour.toString().padStart(2, '0')
9888
+ }), hour);
9889
+ })
9890
+ }), void 0), jsx("div", Object.assign({
9891
+ className: "dot-time-picker-minutes",
9892
+ ref: minutesRef
9893
+ }, {
9894
+ children: minutes.map(minute => {
9895
+ const isSelected = pickerTime ? pickerTime.minute() === minute : false;
9896
+ return jsx(DotButton, Object.assign({
9897
+ className: "dot-picker-button",
9898
+ "data-testid": dataTestId && `${dataTestId}-minute-button-${minute}`,
9899
+ type: isSelected ? 'primary' : 'text',
9900
+ onClick: () => handleMinuteClick(minute)
9901
+ }, {
9902
+ children: minute.toString().padStart(2, '0')
9903
+ }), minute);
9904
+ })
9905
+ }), void 0), _ampm && jsxs("div", Object.assign({
9906
+ className: "dot-time-picker-daytime"
9907
+ }, {
9908
+ children: [jsx(DotButton, Object.assign({
9909
+ className: "dot-picker-button",
9910
+ "data-testid": dataTestId && `${dataTestId}-am-button`,
9911
+ type: daytimeSelected && daytimeSelected === Daytime.AM ? 'primary' : 'text',
9912
+ onClick: () => handleDaytimeSelection(Daytime.AM)
9913
+ }, {
9914
+ children: Daytime.AM
9915
+ }), Daytime.AM), jsx(DotButton, Object.assign({
9916
+ className: "dot-picker-button",
9917
+ "data-testid": dataTestId && `${dataTestId}-pm-button`,
9918
+ type: daytimeSelected && daytimeSelected === Daytime.PM ? 'primary' : 'text',
9919
+ onClick: () => handleDaytimeSelection(Daytime.PM)
9920
+ }, {
9921
+ children: Daytime.PM
9922
+ }), Daytime.PM)]
9923
+ }), void 0)]
9924
+ }), void 0), !hideActionButtons && jsxs("div", Object.assign({
9925
+ className: "dot-time-picker-action-buttons"
9926
+ }, {
9927
+ children: [jsx(DotButton, Object.assign({
9928
+ "data-testid": dataTestId && `${dataTestId}-cancel`,
9929
+ onClick: handleCancel,
9930
+ size: "small",
9931
+ type: "text"
9932
+ }, {
9933
+ children: "Cancel"
9934
+ }), void 0), jsx(DotButton, Object.assign({
9935
+ "data-testid": dataTestId && `${dataTestId}-set`,
9936
+ onClick: handleSet,
9937
+ size: "small",
9938
+ type: "text"
9939
+ }, {
9940
+ children: "Set"
9941
+ }), void 0)]
9942
+ }), void 0)]
9943
+ }), void 0)
9944
+ }), void 0)
9945
+ }), void 0)]
9946
+ }), void 0);
9947
+ };
9948
+
9949
+ export { Cell, CreateUUID, CssCell, CssGrid, CssGridDebug, Daytime, DotAccordion, DotActionToolbar, DotAlertBanner, DotAppLogo, DotAppSwitcher, DotAppToolbar, DotAutoComplete, DotAvatar, DotAvatarGroup, DotBadge, DotBreadcrumbs, DotButton, DotButtonToggle, DotCard, DotCardContent, DotCardFooter, DotCardHeader, DotCheckbox, DotCheckboxGroup, DotChip, 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, lightThemeColors as lightColors, mockScrollIntoView, parseAutoCompleteValue, variables as themeVariables, typographyOptions, useDotCoreApiContext, useDotSnackbarContext };