@digital-ai/dot-components 1.21.2 → 2.0.0-rc.2

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.
Files changed (121) hide show
  1. package/CHANGE_LOG.md +1 -34
  2. package/README.md +1 -1
  3. package/fonts/fonts.ts +6 -0
  4. package/index.d.ts +1 -0
  5. package/index.esm.js +489 -806
  6. package/index.umd.js +702 -1027
  7. package/lib/components/BaseButtonProps.d.ts +0 -2
  8. package/lib/components/accordion/Accordion.d.ts +1 -3
  9. package/lib/components/accordion/Accordion.styles.d.ts +1 -1
  10. package/lib/components/action-toolbar/ActionToolbar.styles.d.ts +1 -1
  11. package/lib/components/alert-banner/AlertBanner.styles.d.ts +1 -1
  12. package/lib/components/app-toolbar/AppToolbar.d.ts +1 -3
  13. package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +0 -1
  14. package/lib/components/app-toolbar/AppToolbar.styles.d.ts +0 -1
  15. package/lib/components/auto-complete/AutoComplete.d.ts +2 -2
  16. package/lib/components/auto-complete/AutoComplete.stories.styles.d.ts +2 -0
  17. package/lib/components/auto-complete/AutoComplete.styles.d.ts +1 -1
  18. package/lib/components/auto-complete/Autocomplete.stories.data.d.ts +1 -0
  19. package/lib/components/auto-complete/index.d.ts +1 -1
  20. package/lib/components/auto-complete/utils/helpers.d.ts +1 -2
  21. package/lib/components/avatar/Avatar.styles.d.ts +1 -1
  22. package/lib/components/avatar-group/AvatarGroup.d.ts +0 -1
  23. package/lib/components/avatar-group/AvatarGroup.styles.d.ts +3 -0
  24. package/lib/components/badge/Badge.styles.d.ts +1 -1
  25. package/lib/components/breadcrumbs/Breadcrumbs.d.ts +2 -4
  26. package/lib/components/breadcrumbs/Breadcrumbs.styles.d.ts +1 -1
  27. package/lib/components/breadcrumbs/utils/helpers.d.ts +2 -2
  28. package/lib/components/button/Button.d.ts +2 -2
  29. package/lib/components/button/Button.styles.d.ts +1 -1
  30. package/lib/components/button/IconButton.d.ts +1 -3
  31. package/lib/components/button/IconButton.styles.d.ts +1 -1
  32. package/lib/components/button-toggle/ButtonToggle.stories.data.d.ts +0 -1
  33. package/lib/components/button-toggle/ButtonToggle.styles.d.ts +1 -1
  34. package/lib/components/checkbox/Checkbox.d.ts +1 -2
  35. package/lib/components/checkbox/Checkbox.styles.d.ts +1 -1
  36. package/lib/components/chip/Chip.styles.d.ts +1 -1
  37. package/lib/components/css-grid/CssCell.d.ts +1 -1
  38. package/lib/components/css-grid/CssGrid.d.ts +14 -8
  39. package/lib/components/css-grid/CssGridDebug.d.ts +0 -1
  40. package/lib/components/dialog/Dialog.styles.d.ts +1 -1
  41. package/lib/components/divider/Divider.d.ts +0 -1
  42. package/lib/components/divider/Divider.styles.d.ts +1 -1
  43. package/lib/components/draggable-list/DraggableList.d.ts +0 -1
  44. package/lib/components/draggable-list/DraggableList.stories.data.d.ts +0 -1
  45. package/lib/components/draggable-list/utils/models.d.ts +1 -1
  46. package/lib/components/drawer/Drawer.styles.d.ts +1 -1
  47. package/lib/components/dynamic-form/DynamicForm.d.ts +0 -1
  48. package/lib/components/dynamic-form/DynamicForm.styles.d.ts +0 -1
  49. package/lib/components/dynamic-form/models.d.ts +1 -1
  50. package/lib/components/empty-state/EmptyState.d.ts +0 -1
  51. package/lib/components/file-upload/FileListItem.styles.d.ts +21 -25
  52. package/lib/components/file-upload/FileUpload.d.ts +1 -1
  53. package/lib/components/file-upload/FileUpload.stories.data.d.ts +0 -1
  54. package/lib/components/file-upload/uploadHelpers.d.ts +12 -0
  55. package/lib/components/form-controls/FormControl.styles.d.ts +1 -1
  56. package/lib/components/form-controls/FormControlLabel.styles.d.ts +1 -1
  57. package/lib/components/form-group/FormGroup.styles.d.ts +1 -1
  58. package/lib/components/icon/Icon.d.ts +2 -5
  59. package/lib/components/icon/Icon.styles.d.ts +3 -1
  60. package/lib/components/inline-edit/InlineEdit.d.ts +0 -1
  61. package/lib/components/input-form-fields/Input.stories.data.d.ts +0 -1
  62. package/lib/components/input-form-fields/InputFormFields.styles.d.ts +3 -2
  63. package/lib/components/input-form-fields/InputLabel.d.ts +0 -1
  64. package/lib/components/input-form-fields/InputSelect.d.ts +0 -1
  65. package/lib/components/input-form-fields/InputText.d.ts +7 -5
  66. package/lib/components/link/Link.d.ts +1 -3
  67. package/lib/components/link/Link.styles.d.ts +1 -1
  68. package/lib/components/list/List.d.ts +1 -2
  69. package/lib/components/list/List.styles.d.ts +1 -1
  70. package/lib/components/list/ListItem.styles.d.ts +21 -25
  71. package/lib/components/list/NestedList.styles.d.ts +0 -1
  72. package/lib/components/list/utils/models.d.ts +1 -9
  73. package/lib/components/menu/Menu.stories.data.d.ts +0 -1
  74. package/lib/components/menu/Menu.styles.d.ts +2 -3
  75. package/lib/components/menu/MenuList.d.ts +2 -2
  76. package/lib/components/menu/MenuList.styles.d.ts +1 -2
  77. package/lib/components/navigation-rail/NavigationRail.d.ts +0 -1
  78. package/lib/components/pill/Pill.d.ts +2 -2
  79. package/lib/components/pill/Pill.styles.d.ts +1 -1
  80. package/lib/components/popper/Popper.d.ts +1 -1
  81. package/lib/components/popper/Popper.stories.data.d.ts +0 -1
  82. package/lib/components/popper/Popper.styles.d.ts +2 -2
  83. package/lib/components/popper/index.d.ts +1 -1
  84. package/lib/components/progress/Progress.d.ts +2 -5
  85. package/lib/components/progress/Progress.styles.d.ts +1 -1
  86. package/lib/components/progress-button/ProgressButton.d.ts +0 -1
  87. package/lib/components/radio/RadioButton.styles.d.ts +1 -1
  88. package/lib/components/radio/RadioGroup.styles.d.ts +1 -1
  89. package/lib/components/sidebar/Sidebar.stories.data.d.ts +11 -5
  90. package/lib/components/skeleton/Skeleton.styles.d.ts +1 -1
  91. package/lib/components/snackbar/Snackbar.styles.d.ts +1 -1
  92. package/lib/components/snackbar/index.d.ts +1 -1
  93. package/lib/components/split-button/SplitButton.d.ts +1 -2
  94. package/lib/components/split-button/SplitButton.styles.d.ts +1 -2
  95. package/lib/components/switch/Switch.styles.d.ts +1 -1
  96. package/lib/components/table/Table.data.d.ts +0 -1
  97. package/lib/components/table/Table.stories.data.d.ts +1 -2
  98. package/lib/components/table/Table.styles.d.ts +2 -4
  99. package/lib/components/table/TableActions.d.ts +0 -1
  100. package/lib/components/table/TableActions.styles.d.ts +0 -1
  101. package/lib/components/table/TableBody.styles.d.ts +1 -1
  102. package/lib/components/table/TableBodyCheckboxCell.styles.d.ts +1 -1
  103. package/lib/components/table/TableCell.styles.d.ts +1 -1
  104. package/lib/components/table/TableHeader.d.ts +1 -4
  105. package/lib/components/table/TableHeaderCell.d.ts +1 -3
  106. package/lib/components/table/TableHeaderCell.styles.d.ts +1 -1
  107. package/lib/components/table/TableHeaderCheckboxCell.styles.d.ts +1 -1
  108. package/lib/components/table/TablePagination.d.ts +3 -3
  109. package/lib/components/table/TableRow.styles.d.ts +1 -1
  110. package/lib/components/table/TableSelectionToolbar.styles.d.ts +0 -1
  111. package/lib/components/table/utils/helpers.d.ts +1 -3
  112. package/lib/components/table/utils/models.d.ts +1 -1
  113. package/lib/components/tabs/Tabs.d.ts +1 -2
  114. package/lib/components/tabs/Tabs.styles.d.ts +1 -1
  115. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.d.ts +0 -1
  116. package/lib/components/truncate-with-tooltip/TruncateWithTooltip.styles.d.ts +1 -1
  117. package/lib/components/typography/Typography.d.ts +1 -1
  118. package/lib/testing-utils/index.d.ts +2 -2
  119. package/lib/theme-provider/ThemeProvider.d.ts +4 -7
  120. package/lib/theme-provider/colors/light-theme-colors.d.ts +1 -2
  121. package/package.json +4 -5
package/index.esm.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
2
2
  import * as React from 'react';
3
- import React__default, { useEffect, useState, forwardRef, useRef, Fragment, createElement, useMemo, useContext, createContext, useCallback } from 'react';
4
- import { Tooltip, Icon, Typography, Accordion, Fade, StylesProvider, MuiThemeProvider, AccordionSummary, AccordionDetails, Divider, AccordionActions, Toolbar, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, ListItemIcon, ListItemText, Collapse, ListSubheader, Badge, useMediaQuery, InputAdornment, InputLabel, TextField, Button, darken, Chip, Breadcrumbs, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@material-ui/core';
5
- import styled, { css, createGlobalStyle, ThemeProvider, keyframes } from 'styled-components';
6
- import { createTheme, alpha } from '@material-ui/core/styles';
7
- import { Alert, Autocomplete, AvatarGroup, ToggleButtonGroup, ToggleButton, Skeleton } from '@material-ui/lab';
3
+ import { useState, useEffect, forwardRef, useRef, Fragment, createElement, useMemo, useContext, createContext, useCallback } from 'react';
4
+ import { Tooltip, Icon, Typography, Accordion, AccordionSummary, AccordionDetails, AccordionActions, InputAdornment, InputLabel, TextField, Toolbar, Alert, Fade, IconButton, Link, Avatar, List, ListItem, CircularProgress, Popper, MenuList, MenuItem, Paper, ClickAwayListener, Drawer, ListItemIcon, Collapse, ListSubheader, Divider, ListItemText, Badge, useMediaQuery, Autocomplete, Button, darken, Chip, AvatarGroup, Breadcrumbs, ToggleButtonGroup, ToggleButton, Card, CardContent, CardHeader, FormControlLabel, Checkbox, FormControl, FormGroup, FormLabel, FormHelperText, Dialog, DialogTitle, DialogContent, DialogActions, useTheme, RadioGroup, Radio, Switch, Skeleton, Snackbar, ButtonGroup, TablePagination, TableContainer, TableCell, TableRow, TableBody, TableSortLabel, TableHead, Table, Tabs, Tab } from '@mui/material';
5
+ import styled, { css, createGlobalStyle, ThemeProvider as ThemeProvider$1, keyframes } from 'styled-components';
6
+ import { createTheme, ThemeProvider, alpha } from '@mui/material/styles';
7
+ import { StylesProvider } from '@mui/styles';
8
8
  import { useDropzone } from 'react-dropzone';
9
9
  import GridLayout, { WidthProvider } from 'react-grid-layout';
10
10
 
@@ -41,11 +41,11 @@ const DotTooltip = ({
41
41
  }), void 0) : children;
42
42
  };
43
43
 
44
- const rootClassName$Z = 'dot-icon';
44
+ const rootClassName$_ = 'dot-icon';
45
45
  const StyledIcon = styled(Icon).withConfig({
46
46
  displayName: "Iconstyles__StyledIcon",
47
47
  componentId: "st0ybo-0"
48
- })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$Z);
48
+ })(["&.", "{align-items:center;box-sizing:content-box;display:flex;float:left;font-size:20px;justify-content:center;&.MuiIcon-fontSizeLarge{font-size:28px;height:35px;width:35px;i{height:28px}}&.MuiIcon-fontSizeSmall{font-size:18px;i{height:18px;}}i{height:20px;&:before{font-family:'dot' !important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}&.icon-applications:before{content:\"\\ea03\";}&.icon-migration:before{content:\"\\ea04\";}&.icon-cleanup:before{content:\"\\ea05\";}&.icon-user-add:before{content:\"\\ea06\";}&.icon-back-solid:before{content:\"\\ea07\";}&.icon-defect:before{content:\"\\ea08\";}&.icon-singleproject:before{content:\"\\e9f9\";}&.icon-share:before{content:\"\\e9fa\";}&.icon-requesttemplate:before{content:\"\\e9fb\";}&.icon-project:before{content:\"\\e9fc\";}&.icon-progresstracker:before{content:\"\\e9fd\";}&.icon-devops:before{content:\"\\e9fe\";}&.icon-closedproject:before{content:\"\\e9ff\";}&.icon-chess:before{content:\"\\ea00\";}&.icon-ball:before{content:\"\\ea01\";}&.icon-mobile:before{content:\"\\ea02\";}&.icon-ideaspace:before{content:\"\\e9de\";}&.icon-testtemplate:before{content:\"\\e9df\";}&.icon-regressionset:before{content:\"\\e9e0\";}&.icon-testset:before{content:\"\\e9e1\";}&.icon-forecast:before{content:\"\\e9e2\";}&.icon-bookmark:before{content:\"\\e9e3\";}&.icon-forward:before{content:\"\\e9e4\";}&.icon-assetapp:before{content:\"\\e9e5\";}&.icon-unbundle:before{content:\"\\e9e6\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-stream:before{content:\"\\e9e7\";}&.icon-hourglass:before{content:\"\\e9e8\";}&.icon-support:before{content:\"\\e9e9\";}&.icon-trophy:before{content:\"\\e9ea\";}&.icon-regression:before{content:\"\\e9eb\";}&.icon-tasktemplate:before{content:\"\\e9ec\";}&.icon-defecttemplate:before{content:\"\\e9ed\";}&.icon-request:before{content:\"\\e9ee\";}&.icon-activity:before{content:\"\\e9ef\";}&.icon-bulb:before{content:\"\\e9f0\";}&.icon-wallet:before{content:\"\\e9f1\";}&.icon-epic:before{content:\"\\e9f2\";}&.icon-column-swap-right:before{content:\"\\e9f3\";}&.icon-column-swap-left:before{content:\"\\e9f4\";}&.icon-gears:before{content:\"\\e9f5\";}&.icon-portfolioitemtemplate:before{content:\"\\e9f6\";}&.icon-storytemplate:before{content:\"\\e9f7\";}&.icon-story:before{content:\"\\e9f8\";}&.icon-check-line:before{content:\"\\e9dd\";}&.icon-plugins:before{content:\"\\e9dc\";}&.icon-integrations:before{content:\"\\e9db\";}&.icon-line-graph:before{content:\"\\e9d7\";}&.icon-rocket-filled:before{content:\"\\e9d8\";}&.icon-circle-check-outline:before{content:\"\\e9d9\";}&.icon-circle-info-outline:before{content:\"\\e9da\";}&.icon-analytics:before{content:\"\\e9d4\";}&.icon-Increment:before{content:\"\\e9d5\";}&.icon-Portfolio:before{content:\"\\e9d6\";}&.icon-user-security:before{content:\"\\e9d2\";}&.icon-rocket:before{content:\"\\e9d3\";}&.icon-merge:before{content:\"\\e9d1\";}&.icon-cpu:before{content:\"\\e9d0\";}&.icon-progression:before{content:\"\\e9cf\";}&.icon-commit:before{content:\"\\e95f\";}&.icon-design:before{content:\"\\e960\";}&.icon-key:before{content:\"\\e981\";}&.icon-infrastructure:before{content:\"\\e989\";}&.icon-report:before{content:\"\\e9ce\";}&.icon-package:before{content:\"\\e9c9\";}&.icon-security-off:before{content:\"\\e9ca\";}&.icon-security-on:before{content:\"\\e9cb\";}&.icon-marker-check:before{content:\"\\e9cc\";}&.icon-restore:before{content:\"\\e9cd\";}&.icon-check-outlined:before{content:\"\\e9c7\";}&.icon-circle-half-full:before{content:\"\\e9c8\";}&.icon-host:before{content:'\\e9b9';}&.icon-cluster:before{content:'\\e9ba';}&.icon-environment:before{content:'\\e9bb';}&.icon-monitor-controls:before{content:'\\e9bc';}&.icon-flag:before{content:'\\e9bd';}&.icon-satelite:before{content:'\\e9be';}&.icon-satelite-group:before{content:'\\e9bf';}&.icon-monitor-gears:before{content:'\\e9c0';}&.icon-patch:before{content:'\\e9b6';}&.icon-branch:before{content:'\\e9b4';}&.icon-send-airplane:before{content:'\\e9b5';}&.icon-briefcase:before{content:'\\e9b7';}&.icon-cluster-dependencies:before{content:'\\e9b8';}&.icon-script:before{content:'\\e966';}&.icon-pattern-bundle:before{content:'\\e967';}&.icon-outline:before{content:'\\e968';}&.icon-apps:before{content:'\\e969';}&.icon-archive:before{content:'\\e96a';}&.icon-arrow-down:before{content:'\\e96b';}&.icon-arrow-right:before{content:'\\e96c';}&.icon-arrow-up:before{content:'\\e96d';}&.icon-attachment:before{content:'\\e96e';}&.icon-board:before{content:'\\e96f';}&.icon-calendar:before{content:'\\e970';}&.icon-change:before{content:'\\e971';}&.icon-chevron-right:before{content:'\\e972';}&.icon-circle-minus-outlines:before{content:'\\e973';}&.icon-circle-paused:before{content:'\\e974';}&.icon-column:before{content:'\\e975';}&.icon-comment:before{content:'\\e976';}&.icon-configuration-preferences:before{content:'\\e977';}&.icon-conversation-bubbles:before{content:'\\e978';}&.icon-dashboard:before{content:'\\e979';}&.icon-database:before{content:'\\e97a';}&.icon-delivery-eta-icon:before{content:'\\e97b';}&.icon-download:before{content:'\\e97c';}&.icon-drag:before{content:'\\e97d';}&.icon-duplicate:before{content:'\\e97e';}&.icon-exit:before{content:'\\e97f';}&.icon-expand-chevrons:before{content:'\\e980';}&.icon-expander:before{content:'\\e981';}&.icon-file-image:before{content:'\\e982';}&.icon-file-lines:before{content:'\\e983';}&.icon-file-warning:before{content:'\\e984';}&.icon-file:before{content:'\\e985';}&.icon-filter:before{content:'\\e986';}&.icon-flag-none:before{content:'\\e987';}&.icon-folder:before{content:'\\e988';}&.icon-full-screen:before{content:'\\e989';}&.icon-fullscreen-enter:before{content:'\\e98a';}&.icon-fullscreen-exit:before{content:'\\e98b';}&.icon-grid:before{content:'\\e98c';}&.icon-hard-drive:before{content:'\\e98d';}&.icon-help:before{content:'\\e98e';}&.icon-history:before{content:'\\e98f';}&.icon-inbox:before{content:'\\e990';}&.icon-link:before{content:'\\e991';}&.icon-list:before{content:'\\e992';}&.icon-lock:before{content:'\\e993';}&.icon-mail:before{content:'\\e994';}&.icon-menu:before{content:'\\e995';}&.icon-monitor-satellite:before{content:'\\e996';}&.icon-monitor:before{content:'\\e997';}&.icon-notification-bell:before{content:'\\e998';}&.icon-open-new-tab:before{content:'\\e999';}&.icon-options:before{content:'\\e99a';}&.icon-parallel:before{content:'\\e99b';}&.icon-pending-clock:before{content:'\\e99c';}&.icon-play:before{content:'\\e99d';}&.icon-redo:before{content:'\\e99e';}&.icon-refresh:before{content:'\\e99f';}&.icon-release:before{content:'\\e9a0';}&.icon-search:before{content:'\\e9a3';}&.icon-sequential:before{content:'\\e9a4';}&.icon-sort-asc:before{content:'\\e9a5';}&.icon-sort-desc:before{content:'\\e9a6';}&.icon-star-favorites-active:before{content:'\\e9a7';}&.icon-star-favorites-default:before{content:'\\e9a8';}&.icon-target:before{content:'\\e9a9';}&.icon-task:before{content:'\\e9aa';}&.icon-template:before{content:'\\e9ab';}&.icon-undo:before{content:'\\e9ac';}&.icon-unlock:before{content:'\\e9ad';}&.icon-variable:before{content:'\\e9ae';}&.icon-vault:before{content:'\\e9af';}&.icon-visibility-off:before{content:'\\e9b0';}&.icon-visibility-on:before{content:'\\e9b1';}&.icon-webhook:before{content:'\\e9b2';}&.icon-wrench:before{content:'\\e9b3';}&.icon-bright:before{content:'\\e961';}&.icon-rogue-commits:before{content:'\\e962';}&.icon-home:before{content:'\\e963';}&.icon-blocking-issues:before{content:'\\e964';}&.icon-print-link:before{content:'\\e965';}&.icon-logo-deploy:before{content:'\\e902';}&.icon-logo-experitest:before{content:'\\e903';}&.icon-logo-numerify:before{content:'\\e904';}&.icon-logo-arxan:before{content:'\\e905';}&.icon-logo-continuum:before{content:'\\e906';}&.icon-logo-versionone:before{content:'\\e907';}&.icon-logo-release:before{content:'\\e908';}&.icon-warning-solid:before{content:'\\e909';}&.icon-warning-outline:before{content:'\\e90a';}&.icon-info-solid:before{content:'\\e90b';}&.icon-minus-solid:before{content:'\\e90c';}&.icon-check-solid:before{content:'\\e90d';}&.icon-error-solid:before{content:'\\e90e';}&.icon-error-outlines:before{content:'\\e90f';}&.icon-add-outlined:before{content:'\\e910';}&.icon-add-solid:before{content:'\\e911';}&.icon-clear-solid:before{content:'\\e912';}&.icon-dark:before{content:'\\e913';}&.icon-location:before{content:'\\e914';}&.icon-roadmap:before{content:'\\e915';}&.icon-follow-solid:before{content:'\\e916';}&.icon-follow-outlined:before{content:'\\e917';}&.icon-video:before{content:'\\e918';}&.icon-thumbs-down:before{content:'\\e919';}&.icon-camera:before{content:'\\e91a';}&.icon-users:before{content:'\\e91b';}&.icon-user:before{content:'\\e91c';}&.icon-announcement:before{content:'\\e91d';}&.icon-not-allowed:before{content:'\\e91e';}&.icon-zoom-out:before{content:'\\e91f';}&.icon-zoom-in:before{content:'\\e920';}&.icon-triangle:before{content:'\\e921';}&.icon-delay:before{content:'\\e922';}&.icon-circle-outline:before{content:'\\e923';}&.icon-circle:before{content:'\\e924';}&.icon-add-from-list:before{content:'\\e925';}&.icon-sync:before{content:'\\e926';}&.icon-keyboard:before{content:'\\e927';}&.icon-planner:before{content:'\\e928';}&.icon-tag:before{content:'\\e929';}&.icon-progress:before{content:'\\e92a';}&.icon-timeline:before{content:'\\e92b';}&.icon-abort:before{content:'\\e92c';}&.icon-cancel:before{content:'\\e92d';}&.icon-power:before{content:'\\e92e';}&.icon-resize:before{content:'\\e92f';}&.icon-close:before{content:'\\e930';}&.icon-save:before{content:'\\e931';}&.icon-drag-vertical-up-down:before{content:'\\e932';}&.icon-add:before{content:'\\e933';}&.icon-minus:before{content:'\\e934';}&.icon-target-none:before{content:'\\e935';}&.icon-placeholder:before{content:'\\e936';}&.icon-server:before{content:'\\e937';}&.icon-square-wrench:before{content:'\\e938';}&.icon-square-wrench-check:before{content:'\\e939';}&.icon-square-settings:before{content:'\\e93a';}&.icon-trigger:before{content:'\\e93c';}&.icon-precondition:before{content:'\\e93d';}&.icon-composition:before{content:'\\e93e';}&.icon-block:before{content:'\\e93f';}&.icon-group:before{content:'\\e940';}&.icon-settings-admin-opaque:before{content:'\\e941';}&.icon-puzzle:before{content:'\\e942';}&.icon-alphabet-icon:before{content:'\\e943';}&.icon-crop:before{content:'\\e944';}&.icon-upload-file:before{content:'\\e945';}&.icon-container:before{content:'\\e946';}&.icon-flag-risk:before{content:'\\e947';}&.icon-learn:before{content:'\\e948';}&.icon-tree:before{content:'\\e949';}&.icon-process-template:before{content:'\\e94a';}&.icon-flag-attention:before{content:'\\e94b';}&.icon-collection:before{content:'\\e94c';}&.icon-table:before{content:'\\e94d';}&.icon-linkBrakeIt:before{content:'\\e94e';}&.icon-move-folder:before{content:'\\e94f';}&.icon-columns:before{content:'\\e950';}&.icon-file-word-doc:before{content:'\\e951';}&.icon-file-ppt:before{content:'\\e952';}&.icon-file-zip:before{content:'\\e953';}&.icon-file-xls:before{content:'\\e954';}&.icon-file-pdf:before{content:'\\e955';}&.icon-file-xml:before{content:'\\e956';}&.icon-dictionary-locked:before{content:'\\e957';}&.icon-dictionary:before{content:'\\e958';}&.icon-file-dotted:before{content:'\\e959';}&.icon-file-circle-check:before{content:'\\e95a';}&.icon-back:before{content:'\\e95b';}&.icon-chevron-left:before{content:'\\e95c';}&.icon-chevron-up:before{content:'\\e95d';}&.icon-chevron-down:before{content:'\\e95e';}&.icon-return-level-up:before{content:'\\e95f';}&.icon-return:before{content:'\\e960';}&.icon-edit:before{content:'\\e900';}&.icon-delete:before{content:'\\e901';}&.icon-settings:before{content:\"\\e93b\";}&.icon-network-drive:before{content:\"\\e9a1\";}&.icon-GitOps:before{content:\"\\e9a2\";}&.icon-rss:before{content:\"\\e9c1\";}&.icon-bug:before{content:\"\\e9c2\";}&.icon-cloud:before{content:\"\\e9c3\";}&.icon-more-horizontal:before{content:\"\\e9c4\";}&.icon-expand:before{content:\"\\e9c5\";}&.icon-collapse:before{content:\"\\e9c6\";}}}}"], rootClassName$_);
49
49
 
50
50
  const DotIcon = ({
51
51
  ariaLabel,
@@ -53,23 +53,9 @@ const DotIcon = ({
53
53
  'data-testid': dataTestId,
54
54
  fontSize: _fontSize = 'medium',
55
55
  iconId,
56
- title,
57
56
  tooltip
58
57
  }) => {
59
- const rootClasses = useStylesWithRootClass(rootClassName$Z, className); // deprecation warning(s)
60
-
61
- useEffect(() => {
62
- // 'inherit' causes the vertical alignment of the icon to be not be centered
63
- // TO-DO: S-76846 MUI 5 change IconFontSize 'default' to 'medium'
64
- if (_fontSize === 'inherit' || _fontSize === 'default') {
65
- console.warn(`The use of \`fontSize: ${_fontSize}\` on \`DotIcon\` is deprecated and will be removed in the next release. Please consider using \`fontSize: medium\` instead.`);
66
- } // deprecation warning
67
-
68
-
69
- if (title) {
70
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
71
- }
72
- }, []);
58
+ const rootClasses = useStylesWithRootClass(rootClassName$_, className);
73
59
  return jsx(DotTooltip, Object.assign({
74
60
  title: tooltip
75
61
  }, {
@@ -80,7 +66,7 @@ const DotIcon = ({
80
66
  root: rootClasses
81
67
  },
82
68
  "data-testid": dataTestId,
83
- fontSize: _fontSize === 'small' ? _fontSize : 'medium'
69
+ fontSize: _fontSize
84
70
  }, {
85
71
  children: jsx("i", {
86
72
  className: `icon-${iconId} dot-i`,
@@ -118,7 +104,7 @@ const DotTypography = ({
118
104
  }), void 0);
119
105
  };
120
106
 
121
- const rootClassName$Y = 'dot-accordion';
107
+ const rootClassName$Z = 'dot-accordion';
122
108
  const summaryClassName = 'dot-accordion-summary';
123
109
  const detailClassName = 'dot-accordion-details';
124
110
  const StyledAccordion = styled(Accordion).withConfig({
@@ -126,7 +112,134 @@ const StyledAccordion = styled(Accordion).withConfig({
126
112
  componentId: "sc-1amx4r3-0"
127
113
  })(["", ""], ({
128
114
  theme
129
- }) => css(["&.", "{background:", ";&.Mui-expanded:before{opacity:1;}.", "{align-items:center;display:flex;.MuiAccordionSummary-content{align-items:center;gap:", "px;width:calc(100% - ", "px);.dot-tooltip{overflow:hidden;}}.MuiTypography-root{margin-bottom:0;}.MuiTypography-body1{padding:2px 0;}}}"], rootClassName$Y, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5)));
115
+ }) => 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$Z, summaryClassName, theme.spacing(1), theme.spacing(5), theme.spacing(1.5), theme.spacing(-1.5)));
116
+
117
+ const DotAccordion = ({
118
+ actions,
119
+ ariaLabel,
120
+ children,
121
+ className,
122
+ 'data-testid': dataTestId = 'dot-accordion',
123
+ disabled: _disabled = false,
124
+ expanded,
125
+ hasElevation: _hasElevation = false,
126
+ onChange,
127
+ square: _square = false,
128
+ startIcon: _startIcon = null,
129
+ summary,
130
+ noWrap: _noWrap = true
131
+ }) => {
132
+ const rootClasses = useStylesWithRootClass(rootClassName$Z, className);
133
+ const [elevation, setElevation] = useState();
134
+ useEffect(() => {
135
+ if (onChange && expanded === undefined) {
136
+ console.warn('The use of an `onChange` callback makes this a controlled component but no `expanded` state has been provided. In effect, this makes the component disabled.');
137
+ }
138
+ }, []);
139
+ useEffect(() => {
140
+ setElevation(_hasElevation ? 1 : 0);
141
+ }, [_hasElevation]);
142
+ return jsxs(StyledAccordion, Object.assign({
143
+ "aria-label": ariaLabel,
144
+ className: rootClasses,
145
+ "data-testid": dataTestId,
146
+ disabled: _disabled,
147
+ elevation: elevation,
148
+ expanded: onChange ? expanded : undefined,
149
+ onChange: onChange,
150
+ square: _square
151
+ }, {
152
+ children: [jsxs(AccordionSummary, Object.assign({
153
+ classes: {
154
+ root: summaryClassName
155
+ },
156
+ "data-testid": `${dataTestId}-summary`,
157
+ expandIcon: jsx(DotIcon, {
158
+ iconId: "chevron-down"
159
+ }, void 0)
160
+ }, {
161
+ children: [_startIcon, jsx(DotTooltip, Object.assign({
162
+ "data-testid": "accordion-tooltip",
163
+ title: _noWrap ? summary : ''
164
+ }, {
165
+ children: jsx(DotTypography, Object.assign({
166
+ noWrap: _noWrap,
167
+ variant: "body1"
168
+ }, {
169
+ children: summary
170
+ }), void 0)
171
+ }), void 0)]
172
+ }), void 0), jsx(AccordionDetails, Object.assign({
173
+ classes: {
174
+ root: detailClassName
175
+ },
176
+ "data-testid": `${dataTestId}-details`
177
+ }, {
178
+ children: children
179
+ }), void 0), actions && jsx(AccordionActions, {
180
+ children: actions
181
+ }, void 0)]
182
+ }), void 0);
183
+ };
184
+
185
+ const rootClassName$Y = 'dot-text-field';
186
+ const rootSelectClassName = 'dot-select-field';
187
+ const labelClassName = 'dot-input-label';
188
+ const warningClassName = 'dot-warning';
189
+ const successClassName = 'dot-success';
190
+ const adornmentIconClassName = 'dot-adornment-icon';
191
+ const fieldsetClassName = 'MuiOutlinedInput-notchedOutline';
192
+ const StyledAdornment = styled(InputAdornment).withConfig({
193
+ displayName: "InputFormFieldsstyles__StyledAdornment",
194
+ componentId: "sc-1mbn9f0-0"
195
+ })([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
196
+ const StyledInputLabel = styled(InputLabel).withConfig({
197
+ displayName: "InputFormFieldsstyles__StyledInputLabel",
198
+ componentId: "sc-1mbn9f0-1"
199
+ })(["", ""], ({
200
+ theme
201
+ }) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
202
+ const StyledTextField = styled(TextField).withConfig({
203
+ displayName: "InputFormFieldsstyles__StyledTextField",
204
+ componentId: "sc-1mbn9f0-2"
205
+ })(["", ""], ({
206
+ theme,
207
+ InputProps
208
+ }) => 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;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.", "{color:", ";.dot-icon i{margin-top:-2px;}}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;&.", " .", "{border-color:", ";}}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.MuiFormHelperText-root{font-family:", ";font-size:12px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.MuiInputBase-inputAdornedStart{padding-left:12px;}.MuiInputBase-inputAdornedEnd{padding-right:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", ";margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}}}"], rootClassName$Y, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$Y, adornmentIconClassName, theme.palette.layer.n700, adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.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], theme.typography.body2.fontFamily, theme.spacing(0.5, 0, 0, 2), theme.palette.grey[400], theme.typography.fontFamily, theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[400], theme.palette.layer.n200));
209
+
210
+ const rootClassName$X = 'dot-action-toolbar';
211
+ const StyledToolbar = styled(Toolbar).withConfig({
212
+ displayName: "ActionToolbarstyles__StyledToolbar",
213
+ componentId: "sc-5llm03-0"
214
+ })(["", ""], ({
215
+ theme
216
+ }) => css(["&.", "{border-bottom:1px solid ", ";.", " .MuiInputBase-root{margin-bottom:0;}}"], rootClassName$X, theme.palette.grey[100], rootClassName$Y));
217
+
218
+ const DotActionToolbar = ({
219
+ ariaLabel,
220
+ children,
221
+ className,
222
+ 'data-testid': dataTestId,
223
+ variant: _variant = 'dense'
224
+ }) => {
225
+ const rootClasses = useStylesWithRootClass(rootClassName$X, className);
226
+ return jsx(StyledToolbar, Object.assign({
227
+ "aria-label": ariaLabel,
228
+ className: rootClasses,
229
+ "data-testid": dataTestId,
230
+ variant: _variant
231
+ }, {
232
+ children: children
233
+ }), void 0);
234
+ };
235
+
236
+ const rootClassName$W = 'dot-alert-banner';
237
+ const StyledAlertBanner = styled(Alert).withConfig({
238
+ displayName: "AlertBannerstyles__StyledAlertBanner",
239
+ componentId: "sc-1u3aqgz-0"
240
+ })(["", ""], ({
241
+ theme
242
+ }) => css(["&.", "{align-items:center;border-radius:8px;display:flex;overflow:hidden;padding:", ";.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{background-color:", ";.dot-typography{color:", ";}.MuiAlert-icon{color:", ";}}}"], rootClassName$W, 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]));
130
243
 
131
244
  var LatoRegular = "data:font/woff;base64,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";
132
245
 
@@ -149,49 +262,18 @@ const GlobalFonts = createGlobalStyle(_t || (_t = _`
149
262
  src: url(${0}) format('woff');
150
263
  }
151
264
 
265
+ @font-face {
266
+ font-family: 'LatoBold';
267
+ font-weight: 700;
268
+ src: url(${0}) format('woff');
269
+ }
270
+
152
271
  @font-face {
153
272
  font-display: block;
154
273
  font-family: 'dot';
155
274
  src: url(${0}) format('woff');
156
275
  }
157
- `), LatoRegular, LatoBold, Dot);
158
-
159
- const n0$2 = '#E6F0F4'; // level-0
160
-
161
- const n50$2 = '#FFFFFF'; // level-1
162
-
163
- const n100$2 = '#C3DBE4'; // level-2
164
-
165
- const n200$2 = '#9FC5D5'; // level-3
166
-
167
- const n300$2 = '#7CB0C5';
168
- const n400$2 = '#589BB6'; // text-3
169
-
170
- const n500$2 = '#438098'; // text-2
171
-
172
- const n600$2 = '#326174'; // text-1
173
-
174
- const n700$2 = '#244451'; // text-0
175
-
176
- const n800$1 = '#14262E';
177
- const n900$1 = '#000000';
178
-
179
- const n0$1 = '#050A0A'; // level-0
180
-
181
- const n50$1 = '#14262E'; // level-1
182
-
183
- const n100$1 = '#244451'; // level-2
184
-
185
- const n200$1 = '#336275'; // level-3
186
-
187
- const n300$1 = '#7CB0C5';
188
- const n400$1 = '#9FC5D5'; // text-3
189
-
190
- const n500$1 = '#E6F0F4'; // text-2
191
-
192
- const n600$1 = '#C3DBE4'; // text-1
193
-
194
- const n700$1 = '#FFFFFF'; // text-0
276
+ `), LatoRegular, LatoBold, LatoBold, Dot);
195
277
 
196
278
  //Primary blue
197
279
  //https://zeroheight.com/4a9ac476a/p/22005a-color/t/6288e9
@@ -309,8 +391,7 @@ const pA100 = '#ff9cd1';
309
391
  const pA200 = '#ff69b9';
310
392
  const pA400 = '#ff36a2';
311
393
  const pA700 = '#ff1d96';
312
- const agilityGreen = '#79b522';
313
- const agilityLightGreen = '#e4efd3';
394
+ const selectedGray = 'rgba(0, 0, 0, 0.12)';
314
395
 
315
396
  var lightThemeColors = /*#__PURE__*/Object.freeze({
316
397
  __proto__: null,
@@ -415,12 +496,25 @@ var lightThemeColors = /*#__PURE__*/Object.freeze({
415
496
  pA200: pA200,
416
497
  pA400: pA400,
417
498
  pA700: pA700,
418
- agilityGreen: agilityGreen,
419
- agilityLightGreen: agilityLightGreen
499
+ selectedGray: selectedGray
420
500
  });
421
501
 
422
- const componentTransition = {
423
- TransitionComponent: Fade
502
+ const componentOverrides = {
503
+ MuiMenu: {
504
+ defaultProps: {
505
+ TransitionComponent: Fade
506
+ }
507
+ },
508
+ MuiPopover: {
509
+ defaultProps: {
510
+ TransitionComponent: Fade
511
+ }
512
+ },
513
+ MuiTooltip: {
514
+ defaultProps: {
515
+ TransitionComponent: Fade
516
+ }
517
+ }
424
518
  };
425
519
  const typographyOptions = {
426
520
  fontFamily: 'Lato, sans-serif',
@@ -432,49 +526,42 @@ const typographyOptions = {
432
526
  },
433
527
  h1: {
434
528
  fontSize: 24,
435
- fontFamily: 'Lato, sans-serif',
436
- fontWeight: 700,
529
+ fontFamily: 'LatoBold, sans-serif',
437
530
  lineHeight: '30px'
438
531
  },
439
532
  h2: {
440
533
  fontSize: 20,
441
- fontFamily: 'Lato, sans-serif',
442
- fontWeight: 700,
534
+ fontFamily: 'LatoBold, sans-serif',
443
535
  lineHeight: '26px',
444
536
  letterSpacing: '0.02em'
445
537
  },
446
538
  h3: {
447
539
  fontSize: 17,
448
- fontFamily: 'Lato, sans-serif',
449
- fontWeight: 700,
540
+ fontFamily: 'LatoBold, sans-serif',
450
541
  lineHeight: '24px',
451
542
  letterSpacing: '0.02em'
452
543
  },
453
544
  h4: {
454
545
  fontSize: 14,
455
- fontFamily: 'Lato, sans-serif',
456
- fontWeight: 700,
546
+ fontFamily: 'LatoBold, sans-serif',
457
547
  lineHeight: '18px',
458
548
  letterSpacing: '0.03em'
459
549
  },
460
550
  h5: {
461
551
  fontSize: 12,
462
- fontFamily: 'Lato, sans-serif',
463
- fontWeight: 700,
552
+ fontFamily: 'LatoBold, sans-serif',
464
553
  lineHeight: '18px',
465
554
  letterSpacing: '0.03em'
466
555
  },
467
556
  subtitle1: {
468
- fontFamily: 'Lato, sans-serif',
469
- fontWeight: 700,
557
+ fontFamily: 'LatoBold, sans-serif',
470
558
  fontSize: 17,
471
559
  lineHeight: '23px',
472
560
  letterSpacing: '0.03em',
473
561
  marginBottom: 1
474
562
  },
475
563
  subtitle2: {
476
- fontFamily: 'Lato, sans-serif',
477
- fontWeight: 700,
564
+ fontFamily: 'LatoBold, sans-serif',
478
565
  fontSize: 14,
479
566
  lineHeight: '20px',
480
567
  letterSpacing: '0.03em',
@@ -494,7 +581,7 @@ const typographyOptions = {
494
581
  },
495
582
  caption: {
496
583
  fontSize: 10,
497
- fontFamily: 'Lato, sans-serif',
584
+ fontFamily: 'LatoBold, sans-serif',
498
585
  fontWeight: 700,
499
586
  lineHeight: '16px',
500
587
  letterSpacing: '0.03em',
@@ -560,148 +647,10 @@ const avatarColors = {
560
647
  backgroundColor: n200
561
648
  }
562
649
  };
563
- const agilityLightTheme = createTheme({
564
- breakpoints: Object.assign({}, breakpointOptions),
565
- palette: {
566
- type: 'light',
567
- product: 'agility',
568
- avatarColors: Object.assign({}, avatarColors),
569
- background: {
570
- default: n0$2
571
- },
572
- icon: {
573
- checkOutline: '#1E88E5',
574
- emphasized: '#C6F1FF',
575
- fileDotted: '#3949AB',
576
- improve: '#3D8B40',
577
- improveHover: '#6BA568',
578
- maintain: '#EA1C0D',
579
- maintainHover: '#F96244',
580
- rogueCommits: '#FFB300',
581
- unknown: '#4B626D',
582
- unknownHover: '#71828B'
583
- },
584
- layer: {
585
- n0: n0$2,
586
- n50: n50$2,
587
- n100: n100$2,
588
- n200: n200$2,
589
- n300: n300$2,
590
- n400: n400$2,
591
- n500: n500$2,
592
- n600: n600$2,
593
- n700: n700$2,
594
- n800: n800$1,
595
- n900: n900$1
596
- },
597
- agilityInterface: {
598
- activeBg: 'rgba(121, 181, 34, 0.2)',
599
- activeCardBg: '#EDF9DD',
600
- cardBg: n50$2,
601
- disabledText: '#A1BFCB',
602
- fixedCol: n0$2,
603
- headerBg: n700,
604
- helpColor: '#FF5722',
605
- menuBg: n50$2,
606
- panelBgActive: n50$2,
607
- panelBgDefault: '#9FC6D5',
608
- panelTextActive: n700$2,
609
- panelTextDefault: n700$2,
610
- projectNavBg: 'rgba(67, 128, 152, 0.2)',
611
- sideNavBorder: n300$2,
612
- sideNavHoverBg: agilityLightGreen,
613
- sideNavHoverBorder: agilityGreen,
614
- sideNavHoverText: g500,
615
- sideNavSubHeaderText: n400$2,
616
- textColor: n700$2,
617
- topBarIconHoverBg: '#667384',
618
- warnCardBg: '#FBE9E7'
619
- }
620
- },
621
- props: {
622
- MuiTooltip: componentTransition,
623
- MuiPopover: componentTransition,
624
- MuiMenu: componentTransition
625
- },
626
- typography: Object.assign(Object.assign({}, typographyOptions), {
627
- allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
628
- color: n700$2
629
- })
630
- })
631
- });
632
- const agilityDarkTheme = createTheme({
633
- breakpoints: Object.assign({}, breakpointOptions),
634
- palette: {
635
- type: 'dark',
636
- product: 'agility',
637
- avatarColors: Object.assign({}, avatarColors),
638
- background: {
639
- default: n0$1
640
- },
641
- icon: {
642
- checkOutline: '#42A5F5',
643
- emphasized: '#C6F1FF',
644
- fileDotted: '#9FA8DA',
645
- improve: '#6EC071',
646
- improveHover: '#1A6D25',
647
- maintain: '#F77066',
648
- maintainHover: '#C50000',
649
- rogueCommits: '#FFB300',
650
- unknown: '#B7C6CD',
651
- unknownHover: '#88979D'
652
- },
653
- layer: {
654
- n0: n0$1,
655
- n50: n50$1,
656
- n100: n100$1,
657
- n200: n200$1,
658
- n300: n300$1,
659
- n400: n400$1,
660
- n500: n500$1,
661
- n600: n600$1,
662
- n700: n700$1,
663
- n800: n700$1,
664
- n900: n700$1
665
- },
666
- agilityInterface: {
667
- activeBg: 'rgba(121, 181, 34, 0.2)',
668
- activeCardBg: '#405F12',
669
- cardBg: n200$1,
670
- disabledText: n200$1,
671
- fixedCol: '#1C3540',
672
- headerBg: '#14272E',
673
- helpColor: '#FF5722',
674
- menuBg: n100$1,
675
- panelBgActive: n300$1,
676
- panelBgDefault: '#14272E',
677
- panelTextActive: '#14272E',
678
- panelTextDefault: '#9FC6D5',
679
- projectNavBg: 'rgba(67, 128, 152, 0.2)',
680
- sideNavBorder: n200$1,
681
- sideNavHoverBg: n100$1,
682
- sideNavHoverBorder: n300$1,
683
- sideNavHoverText: n300$1,
684
- sideNavSubHeaderText: '#9FC6D5',
685
- textColor: n700$1,
686
- topBarIconHoverBg: n100$1,
687
- warnCardBg: '#7A4637'
688
- }
689
- },
690
- props: {
691
- MuiTooltip: componentTransition,
692
- MuiPopover: componentTransition,
693
- MuiMenu: componentTransition
694
- },
695
- typography: Object.assign(Object.assign({}, typographyOptions), {
696
- allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
697
- color: n700$1
698
- })
699
- })
700
- });
701
650
  const darkTheme = createTheme({
702
651
  breakpoints: Object.assign({}, breakpointOptions),
703
652
  palette: {
704
- type: 'dark',
653
+ mode: 'dark',
705
654
  avatarColors: Object.assign({}, avatarColors),
706
655
  icon: {
707
656
  checkOutline: b500,
@@ -733,11 +682,7 @@ const darkTheme = createTheme({
733
682
  primary: n0
734
683
  }
735
684
  },
736
- props: {
737
- MuiTooltip: componentTransition,
738
- MuiPopover: componentTransition,
739
- MuiMenu: componentTransition
740
- },
685
+ components: componentOverrides,
741
686
  typography: Object.assign(Object.assign({}, typographyOptions), {
742
687
  allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
743
688
  color: n0
@@ -747,7 +692,7 @@ const darkTheme = createTheme({
747
692
  const lightTheme = createTheme({
748
693
  breakpoints: Object.assign({}, breakpointOptions),
749
694
  palette: {
750
- type: 'light',
695
+ mode: 'light',
751
696
  avatarColors: Object.assign({}, avatarColors),
752
697
  background: {
753
698
  default: n0
@@ -883,11 +828,7 @@ const lightTheme = createTheme({
883
828
  },
884
829
  tonalOffset: 0.2
885
830
  },
886
- props: {
887
- MuiTooltip: componentTransition,
888
- MuiPopover: componentTransition,
889
- MuiMenu: componentTransition
890
- },
831
+ components: componentOverrides,
891
832
  typography: Object.assign(Object.assign({}, typographyOptions), {
892
833
  allVariants: Object.assign(Object.assign({}, typographyOptions.allVariants), {
893
834
  color: n700
@@ -898,33 +839,14 @@ function DotThemeProvider({
898
839
  children,
899
840
  theme = lightTheme
900
841
  }) {
901
- let userTheme = lightTheme;
902
-
903
- if (typeof theme === 'string') {
904
- switch (theme) {
905
- case 'dark':
906
- userTheme = darkTheme;
907
- break;
908
-
909
- case 'agility-dark':
910
- userTheme = agilityDarkTheme;
911
- break;
912
-
913
- case 'agility-light':
914
- userTheme = agilityLightTheme;
915
- break;
916
- }
917
- } else {
918
- userTheme = theme;
919
- }
920
-
842
+ const userTheme = typeof theme === 'string' && theme === 'dark' ? darkTheme : lightTheme;
921
843
  return jsx(StylesProvider, Object.assign({
922
844
  injectFirst: true
923
845
  }, {
924
- children: jsx(MuiThemeProvider, Object.assign({
846
+ children: jsx(ThemeProvider, Object.assign({
925
847
  theme: userTheme
926
848
  }, {
927
- children: jsxs(ThemeProvider, Object.assign({
849
+ children: jsxs(ThemeProvider$1, Object.assign({
928
850
  theme: userTheme
929
851
  }, {
930
852
  children: [jsx(GlobalFonts, {}, void 0), children]
@@ -960,115 +882,6 @@ const renderNodeOrTypography = (content, typographyVariant = 'body1') => {
960
882
  }), void 0) : content;
961
883
  };
962
884
 
963
- const DotAccordion = ({
964
- actions,
965
- ariaLabel,
966
- children,
967
- className,
968
- 'data-testid': dataTestId = 'dot-accordion',
969
- defaultExpanded,
970
- disabled: _disabled = false,
971
- expanded,
972
- hasElevation: _hasElevation = false,
973
- onChange,
974
- square: _square = false,
975
- startIcon,
976
- summary,
977
- noWrap: _noWrap = true
978
- }) => {
979
- const rootClasses = useStylesWithRootClass(rootClassName$Y, className);
980
- const [elevation, setElevation] = useState();
981
- useEffect(() => {
982
- if (defaultExpanded !== undefined) {
983
- console.warn('The use of `defaultExpanded` is deprecated and will be removed in the next major release, please use `expanded` instead.');
984
- }
985
-
986
- if (onChange && expanded === undefined) {
987
- console.warn('The use of an `onChange` callback makes this a controlled component but no `expanded` state has been provided. In effect, this makes the component disabled.');
988
- }
989
- }, []);
990
- useEffect(() => {
991
- setElevation(_hasElevation ? 1 : 0);
992
- }, [_hasElevation]);
993
- let dftExpanded = defaultExpanded;
994
-
995
- if (dftExpanded === undefined) {
996
- dftExpanded = expanded === undefined ? false : expanded;
997
- }
998
-
999
- return jsxs(StyledAccordion, Object.assign({
1000
- "aria-label": ariaLabel,
1001
- className: rootClasses,
1002
- "data-testid": dataTestId,
1003
- defaultExpanded: dftExpanded,
1004
- disabled: _disabled,
1005
- elevation: elevation,
1006
- expanded: onChange ? expanded : undefined,
1007
- onChange: onChange,
1008
- square: _square
1009
- }, {
1010
- children: [jsxs(AccordionSummary, Object.assign({
1011
- className: summaryClassName,
1012
- "data-testid": `${dataTestId}-summary`,
1013
- expandIcon: jsx(DotIcon, {
1014
- iconId: "chevron-down"
1015
- }, void 0)
1016
- }, {
1017
- children: [startIcon, jsx(DotTooltip, Object.assign({
1018
- title: _noWrap && isString(summary) ? summary : ''
1019
- }, {
1020
- children: jsx(DotTypography, Object.assign({
1021
- noWrap: _noWrap,
1022
- variant: "body1"
1023
- }, {
1024
- children: summary
1025
- }), void 0)
1026
- }), void 0)]
1027
- }), void 0), jsx(AccordionDetails, Object.assign({
1028
- className: detailClassName,
1029
- "data-testid": `${dataTestId}-details`
1030
- }, {
1031
- children: children
1032
- }), void 0), jsx(Divider, {}, void 0), actions && jsx(AccordionActions, {
1033
- children: actions
1034
- }, void 0)]
1035
- }), void 0);
1036
- };
1037
-
1038
- const rootClassName$X = 'dot-action-toolbar';
1039
- const StyledToolbar = styled(Toolbar).withConfig({
1040
- displayName: "ActionToolbarstyles__StyledToolbar",
1041
- componentId: "sc-5llm03-0"
1042
- })(["", ""], ({
1043
- theme
1044
- }) => css(["&.", "{border-bottom:1px solid ", ";}"], rootClassName$X, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]));
1045
-
1046
- const DotActionToolbar = ({
1047
- ariaLabel,
1048
- children,
1049
- className,
1050
- 'data-testid': dataTestId,
1051
- variant: _variant = 'dense'
1052
- }) => {
1053
- const rootClasses = useStylesWithRootClass(rootClassName$X, className);
1054
- return jsx(StyledToolbar, Object.assign({
1055
- "aria-label": ariaLabel,
1056
- className: rootClasses,
1057
- "data-testid": dataTestId,
1058
- variant: _variant
1059
- }, {
1060
- children: children
1061
- }), void 0);
1062
- };
1063
-
1064
- const rootClassName$W = 'dot-alert-banner';
1065
- const StyledAlertBanner = styled(Alert).withConfig({
1066
- displayName: "AlertBannerstyles__StyledAlertBanner",
1067
- componentId: "sc-1u3aqgz-0"
1068
- })(["", ""], ({
1069
- theme
1070
- }) => css(["&.", "{align-items:center;border-radius:0;display:flex;overflow:hidden;.MuiAlert-icon,.MuiAlert-message{padding:0;.dot-typography{margin-bottom:0;}}&.MuiAlert-standardSuccess{.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardInfo{background-color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardWarning{background-color:", ";color:", ";.MuiAlert-icon,.dot-typography{color:", ";}}&.MuiAlert-standardError{.MuiAlert-icon,.dot-typography{color:", ";}}}"], rootClassName$W, theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]));
1071
-
1072
885
  const DotAlertBanner = ({
1073
886
  action,
1074
887
  ariaLabel,
@@ -1142,9 +955,7 @@ const rootClassName$V = 'dot-icon-btn';
1142
955
  const StyledIconButton = styled(IconButton).withConfig({
1143
956
  displayName: "IconButtonstyles__StyledIconButton",
1144
957
  componentId: "eko0kb-0"
1145
- })(["", ""], ({
1146
- theme
1147
- }) => css(["&.", "{border:", ";border-color:", ";color:", ";font-size:inherit;padding:10px;&:hover{background:", ";}&:active,&:focus,&:focus-visible,&.Mui-focusVisible{background:", ";border-color:", ";}.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$V, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500));
958
+ })(["", ""], () => css(["&.", "{font-size:inherit;padding:10px;.dot-icon.MuiIcon-fontSizeSmall{padding:1px;}&.MuiIconButton-sizeSmall{padding:3px;}}"], rootClassName$V));
1148
959
 
1149
960
  const DotIconButton = ({
1150
961
  ariaLabel,
@@ -1156,18 +967,12 @@ const DotIconButton = ({
1156
967
  iconId,
1157
968
  iconSize: _iconSize = 'small',
1158
969
  onClick,
1159
- titleTooltip,
1160
970
  tooltip,
1161
971
  size: _size = 'medium'
1162
972
  }) => {
1163
973
  const rootClasses = useStylesWithRootClass(rootClassName$V, className);
1164
- useEffect(() => {
1165
- // deprecation warning
1166
- if (titleTooltip) {
1167
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1168
- }
1169
- }, []);
1170
974
  return jsx(DotTooltip, Object.assign({
975
+ "data-testid": "icon-button-tooltip",
1171
976
  title: tooltip
1172
977
  }, {
1173
978
  children: jsx(StyledIconButton, Object.assign({
@@ -1195,9 +1000,7 @@ const rootClassName$U = 'dot-link';
1195
1000
  const StyledLink = styled(Link).withConfig({
1196
1001
  displayName: "Linkstyles__StyledLink",
1197
1002
  componentId: "sc-1lpmaww-0"
1198
- })(["", ""], ({
1199
- theme
1200
- }) => css(["&.", "{color:", ";cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U, theme.palette.product === 'agility' && theme.palette.layer.n700));
1003
+ })(["", ""], () => css(["&.", "{cursor:pointer;&:hover:not(.MuiLink-underlineHover){text-decoration:none;}}"], rootClassName$U));
1201
1004
 
1202
1005
  const DotLink = ({
1203
1006
  ariaLabel,
@@ -1211,9 +1014,8 @@ const DotLink = ({
1211
1014
  rel: _rel = 'noreferrer',
1212
1015
  tabIndex: _tabIndex = 0,
1213
1016
  target,
1214
- title,
1215
1017
  tooltip,
1216
- underline: _underline = 'always'
1018
+ underline
1217
1019
  }) => {
1218
1020
  const rootClasses = useStylesWithRootClass(rootClassName$U, className);
1219
1021
 
@@ -1222,14 +1024,8 @@ const DotLink = ({
1222
1024
  event.preventDefault();
1223
1025
  onClick(event);
1224
1026
  }
1225
- }; // deprecation warning(s)
1226
-
1027
+ };
1227
1028
 
1228
- useEffect(() => {
1229
- if (title) {
1230
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1231
- }
1232
- }, []);
1233
1029
  return jsx(DotTooltip, Object.assign({
1234
1030
  title: tooltip
1235
1031
  }, {
@@ -1247,7 +1043,7 @@ const DotLink = ({
1247
1043
  rel: _rel,
1248
1044
  tabIndex: _tabIndex,
1249
1045
  target: target,
1250
- underline: _underline
1046
+ underline: underline
1251
1047
  }, {
1252
1048
  children: children
1253
1049
  }), void 0)
@@ -1265,14 +1061,14 @@ const StyledAvatar = styled(Avatar).withConfig({
1265
1061
  componentId: "sc-13bzj2s-0"
1266
1062
  })(["", ""], ({
1267
1063
  theme
1268
- }) => css(["&.MuiAvatar-root{display:inline-flex;background-color:", ";border:0px;&:focus-visible{box-shadow:0px 0px 0px 3px ", ",0px 0px 0px 5px ", ";outline:0;}.dot-i,.dot-typography{color:", ";margin-bottom:0;}&.small{height:", "px;width:", "px;}&.medium{height:", "px;width:", "px;}&.large{height:", "px;width:", "px;}}"], ({
1064
+ }) => 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$T, ({
1269
1065
  color
1270
1066
  }) => {
1271
- return theme.palette.product === 'agility' && color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
1067
+ return color === 'default' ? theme.palette.layer.n0 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].backgroundColor : theme.palette.avatarColors['default'].backgroundColor;
1272
1068
  }, theme.palette.layer.n0, theme.palette.layer.n900, ({
1273
1069
  color
1274
1070
  }) => {
1275
- return theme.palette.product === 'agility' && color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
1071
+ return color === 'default' ? theme.palette.layer.n700 : color && theme.palette.avatarColors[color] ? theme.palette.avatarColors[color].color : theme.palette.avatarColors['default'].color;
1276
1072
  }, theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.small), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.medium), theme.spacing(avatarSpacing.large), theme.spacing(avatarSpacing.large)));
1277
1073
 
1278
1074
  const AvatarContent = ({
@@ -1385,7 +1181,7 @@ const StyledList = styled(List).withConfig({
1385
1181
  componentId: "wxwqwr-0"
1386
1182
  })(["", ""], ({
1387
1183
  theme
1388
- }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", "px;}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", "px;}}}"], rootClassName$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1184
+ }) => css(["&.", "{background:", ";&.", " .", "{padding-left:", ";}.MuiListSubheader-root{padding:0;.MuiTypography-root{padding:", ";}}}"], rootClassName$S, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1)));
1389
1185
 
1390
1186
  const getChevronIcon = (nestedListType, isOpened) => {
1391
1187
  if (nestedListType !== 'expandable') {
@@ -1407,7 +1203,7 @@ const StyledListItem = styled(ListItem).withConfig({
1407
1203
  componentId: "sc-1fawh8v-0"
1408
1204
  })(["", ""], ({
1409
1205
  theme
1410
- }) => css(["&.", "{&.", "{padding:0;}p.MuiTypography-root{margin-bottom:0;}.", "{align-items:center;display:flex;flex-grow:2;}.", " .MuiIcon-root{margin-right:", "px;}.dot-icon i:before{color:", ";}}"], listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary));
1206
+ }) => 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));
1411
1207
 
1412
1208
  const rootClassName$R = 'dot-progress';
1413
1209
  const StyledCircularProgress = styled(CircularProgress).withConfig({
@@ -1422,20 +1218,13 @@ const DotProgress = ({
1422
1218
  'data-testid': dataTestId,
1423
1219
  size: _size = 40,
1424
1220
  thickness: _thickness = 3.6,
1425
- title,
1426
1221
  tooltip: _tooltip = 'loading data',
1427
1222
  value,
1428
1223
  variant: _variant = 'indeterminate'
1429
1224
  }) => {
1430
1225
  const rootClasses = useStylesWithRootClass(rootClassName$R, className);
1431
- useEffect(() => {
1432
- // deprecation warning
1433
- if (title) {
1434
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
1435
- }
1436
- }, []);
1437
1226
  return jsx(DotTooltip, Object.assign({
1438
- title: _tooltip || title
1227
+ title: _tooltip
1439
1228
  }, {
1440
1229
  children: jsx(StyledCircularProgress, {
1441
1230
  "aria-label": ariaLabel,
@@ -1469,26 +1258,33 @@ var variables = /*#__PURE__*/Object.freeze({
1469
1258
  levelTop: levelTop
1470
1259
  });
1471
1260
 
1261
+ const rootClassName$Q = 'dot-popper';
1262
+ const StyledPopper$1 = styled(Popper).withConfig({
1263
+ displayName: "Popperstyles__StyledPopper",
1264
+ componentId: "sd1h8p-0"
1265
+ })(["", ""], ({
1266
+ theme
1267
+ }) => css(["&.", "{font-family:", ";}"], rootClassName$Q, theme.typography.fontFamily));
1268
+
1472
1269
  const flyoutMenuClassName = 'dot-flyout-menu';
1473
- const rootClassName$Q = 'dot-menu';
1474
- const popperClassName = 'dot-popper';
1270
+ const rootClassName$P = 'dot-menu';
1475
1271
  const getListMaxHeight = maxHeight => isString(maxHeight) ? maxHeight : `${maxHeight}px`;
1476
- const StyledPopper$1 = styled(Popper).withConfig({
1272
+ const StyledPopper = styled(Popper).withConfig({
1477
1273
  displayName: "Menustyles__StyledPopper",
1478
1274
  componentId: "sc-134fmqu-0"
1479
1275
  })(["", ""], ({
1480
1276
  theme
1481
- }) => css(["&.", "{z-index:", ";}&.", ",&.", "{&.loading .MuiPaper-root{align-items:center;display:flex;justify-content:center;min-height:200px;min-width:200px;}ul,.dot-action-item{background:", ";.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;&:hover{background:", ";}&:active,&:focus{background:", ";}}.dot-link{color:", ";}}.dot-action-item{height:", "px;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:", "px;.MuiButton-startIcon{margin-left:0;.dot-icon{flex-shrink:0;}}}}}}"], popperClassName, levelSecond, rootClassName$Q, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, ({
1277
+ }) => css(["&.", "{font-family:", ";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$Q, theme.typography.fontFamily, levelSecond, rootClassName$P, rootClassName$Q, ({
1482
1278
  $maxHeight
1483
1279
  }) => $maxHeight !== undefined && `
1484
1280
  max-height: ${getListMaxHeight($maxHeight)};
1485
- `, theme.palette.product === 'agility' && theme.palette.agilityInterface.fixedCol, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.product === 'agility' && theme.palette.type === 'dark' ? theme.palette.layer.n200 : theme.palette.layer.n100, theme.spacing(3)));
1281
+ `, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.layer.n100, theme.spacing(3)));
1486
1282
 
1487
1283
  const MENU_ITEM_HEIGHT_NORMAL = 33;
1488
1284
  const MENU_ITEM_HEIGHT_DENSE = 28;
1489
1285
  const DEFAULT_MAX_VISIBLE_ITEMS = 7;
1490
1286
 
1491
- const rootClassName$P = 'dot-ul';
1287
+ const rootClassName$O = 'dot-ul';
1492
1288
  const listItemClassName$1 = 'dot-li';
1493
1289
  const listItemWithSubmenuClassName = 'dot-li-with-submenu';
1494
1290
  const StyledMenuList = styled(MenuList).withConfig({
@@ -1496,7 +1292,7 @@ const StyledMenuList = styled(MenuList).withConfig({
1496
1292
  componentId: "yqdwwg-0"
1497
1293
  })(["", ""], ({
1498
1294
  theme
1499
- }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", "px;&.", "{padding-right:", "px;}}}"], rootClassName$P, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1295
+ }) => css(["&.", "{.dot-li{justify-content:space-between;gap:", ";&.", "{padding-right:", ";}}}"], rootClassName$O, theme.spacing(3), listItemWithSubmenuClassName, theme.spacing(0.5)));
1500
1296
 
1501
1297
  const getDefaultItemHeight = isDense => isDense ? MENU_ITEM_HEIGHT_DENSE : MENU_ITEM_HEIGHT_NORMAL;
1502
1298
  const calculateItemHeight = (isDense, customItemHeight, menuItemHeight) => {
@@ -1574,7 +1370,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1574
1370
  onSubMenuCreate,
1575
1371
  selectedKey
1576
1372
  }, ref) => {
1577
- const rootClasses = useStylesWithRootClass(rootClassName$P, className);
1373
+ const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1578
1374
  const [activeSubmenu, setActiveSubmenu] = useState(null);
1579
1375
  const [subItemAnchorEl, setSubItemAnchorEl] = useState(null);
1580
1376
 
@@ -1653,7 +1449,7 @@ const DotMenuList = /*#__PURE__*/forwardRef(({
1653
1449
  divider: divider,
1654
1450
  onClick: handleClick,
1655
1451
  onMouseEnter: getMouseEnterHandler(key, hasSubmenu),
1656
- innerRef: ref,
1452
+ ref: ref,
1657
1453
  style: {
1658
1454
  height: itemHeight
1659
1455
  },
@@ -1691,7 +1487,7 @@ const DotMenu = ({
1691
1487
  open: _open = false,
1692
1488
  selectedKey
1693
1489
  }) => {
1694
- const rootClasses = useStylesWithRootClass(rootClassName$Q, className, _loading ? 'loading' : '');
1490
+ const rootClasses = useStylesWithRootClass(rootClassName$P, className, _loading ? 'loading' : '');
1695
1491
  const isSubmenu = checkIfSubmenu(anchorEl);
1696
1492
  const hasSubItems = checkForSubItems(_menuItems); // Timeout object is customizable when Menu component is either submenu
1697
1493
  // (it is opened within parent menu) or it contains at least one item which
@@ -1715,7 +1511,8 @@ const DotMenu = ({
1715
1511
  event.preventDefault();
1716
1512
  onLeave(event);
1717
1513
  }
1718
- };
1514
+ }; // eslint-disable-next-line @typescript-eslint/no-explicit-any
1515
+
1719
1516
 
1720
1517
  const handleClickAway = event => {
1721
1518
  if (onLeave && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -1723,7 +1520,7 @@ const DotMenu = ({
1723
1520
  }
1724
1521
  };
1725
1522
 
1726
- return jsx(StyledPopper$1, Object.assign({
1523
+ return jsx(StyledPopper, Object.assign({
1727
1524
  anchorEl: anchorEl,
1728
1525
  "aria-label": ariaLabel,
1729
1526
  className: rootClasses,
@@ -1748,7 +1545,7 @@ const DotMenu = ({
1748
1545
  onClickAway: handleClickAway
1749
1546
  }, {
1750
1547
  children: _loading ? jsx(DotProgress, {
1751
- title: "Loading Data...",
1548
+ "data-testid": "loading-indicator",
1752
1549
  tooltip: "Loading Data...",
1753
1550
  value: 20
1754
1551
  }, void 0) : jsx(DotMenuList, {
@@ -1792,13 +1589,13 @@ const CreateUUID = () => {
1792
1589
  });
1793
1590
  };
1794
1591
 
1795
- const rootClassName$O = 'dot-drawer';
1592
+ const rootClassName$N = 'dot-drawer';
1796
1593
  const StyledDrawer = styled(Drawer).withConfig({
1797
1594
  displayName: "Drawerstyles__StyledDrawer",
1798
1595
  componentId: "sc-1uiowy0-0"
1799
1596
  })(["", ""], ({
1800
1597
  theme
1801
- }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{background-color:", ";height:", ";padding:", "px;width:", ";}"], rootClassName$O, alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, ({
1598
+ }) => css(["&.", " .MuiBackdrop-root{background-color:", ";}.dot-drawer-paper{height:", ";padding:", ";width:", ";}"], rootClassName$N, alpha(theme.palette.grey[900], 0.7), ({
1802
1599
  height,
1803
1600
  anchor
1804
1601
  }) => anchor === 'left' || anchor === 'right' ? '100%' : height, theme.spacing(2), ({
@@ -1806,13 +1603,13 @@ const StyledDrawer = styled(Drawer).withConfig({
1806
1603
  anchor
1807
1604
  }) => anchor === 'bottom' || anchor === 'top' ? 'auto' : width));
1808
1605
 
1809
- const rootClassName$N = 'dot-drawer-header';
1606
+ const rootClassName$M = 'dot-drawer-header';
1810
1607
  const StyleDrawerHeader = styled.div.withConfig({
1811
1608
  displayName: "DrawerHeaderstyles__StyleDrawerHeader",
1812
1609
  componentId: "sc-2d2xd3-0"
1813
1610
  })(["", ""], ({
1814
1611
  theme
1815
- }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$N, theme.spacing(0, 0, 2)));
1612
+ }) => css(["&.", "{padding:", ";display:flex;align-items:center;.close-button{margin-left:auto;}}"], rootClassName$M, theme.spacing(0, 0, 2)));
1816
1613
 
1817
1614
  const DotDrawerHeader = ({
1818
1615
  ariaLabel,
@@ -1822,7 +1619,7 @@ const DotDrawerHeader = ({
1822
1619
  onClose,
1823
1620
  variant
1824
1621
  }) => {
1825
- const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1622
+ const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1826
1623
  return jsxs(StyleDrawerHeader, Object.assign({
1827
1624
  "aria-label": ariaLabel,
1828
1625
  className: rootClasses,
@@ -1836,11 +1633,11 @@ const DotDrawerHeader = ({
1836
1633
  }), void 0);
1837
1634
  };
1838
1635
 
1839
- const rootClassName$M = 'dot-drawer-body';
1636
+ const rootClassName$L = 'dot-drawer-body';
1840
1637
  const StyleDrawerBody = styled.div.withConfig({
1841
1638
  displayName: "DrawerBodystyles__StyleDrawerBody",
1842
1639
  componentId: "sc-1mpmjdk-0"
1843
- })(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$M));
1640
+ })(["", ""], () => css(["&.", "{display:flex;.dot-drawer-close-button{align-self:self-start;padding:0;margin-left:auto;}}"], rootClassName$L));
1844
1641
 
1845
1642
  const DotDrawerBody = ({
1846
1643
  ariaLabel,
@@ -1851,7 +1648,7 @@ const DotDrawerBody = ({
1851
1648
  onClose,
1852
1649
  variant
1853
1650
  }) => {
1854
- const rootClasses = useStylesWithRootClass(rootClassName$M, className);
1651
+ const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1855
1652
  return jsxs(StyleDrawerBody, Object.assign({
1856
1653
  "aria-label": ariaLabel,
1857
1654
  className: rootClasses,
@@ -1865,13 +1662,13 @@ const DotDrawerBody = ({
1865
1662
  }), void 0);
1866
1663
  };
1867
1664
 
1868
- const rootClassName$L = 'dot-drawer-footer';
1665
+ const rootClassName$K = 'dot-drawer-footer';
1869
1666
  const StyleDrawerFooter = styled.div.withConfig({
1870
1667
  displayName: "DrawerFooterstyles__StyleDrawerFooter",
1871
1668
  componentId: "sc-1ki05ze-0"
1872
1669
  })(["", ""], ({
1873
1670
  theme
1874
- }) => css(["&.", "{padding:", ";}"], rootClassName$L, theme.spacing(2, 0, 0)));
1671
+ }) => css(["&.", "{padding:", ";}"], rootClassName$K, theme.spacing(2, 0, 0)));
1875
1672
 
1876
1673
  const DotDrawerFooter = ({
1877
1674
  ariaLabel,
@@ -1879,7 +1676,7 @@ const DotDrawerFooter = ({
1879
1676
  className,
1880
1677
  'data-testid': dataTestId
1881
1678
  }) => {
1882
- const rootClasses = useStylesWithRootClass(rootClassName$L, className);
1679
+ const rootClasses = useStylesWithRootClass(rootClassName$K, className);
1883
1680
  return jsx(StyleDrawerFooter, Object.assign({
1884
1681
  "aria-label": ariaLabel,
1885
1682
  className: rootClasses,
@@ -1911,7 +1708,7 @@ const DotDrawer = ({
1911
1708
  console.warn('Please use `children` or `drawerBodyProps`. If both are used, `children` is ignored.');
1912
1709
  }
1913
1710
  }, []);
1914
- const rootClasses = useStylesWithRootClass(rootClassName$O, className);
1711
+ const rootClasses = useStylesWithRootClass(rootClassName$N, className);
1915
1712
  const headerExists = !!drawerHeaderProps;
1916
1713
  const bodyTestId = drawerBodyProps ? drawerBodyProps[`data-testid`] : 'drawer-body';
1917
1714
  return jsxs(StyledDrawer, Object.assign({
@@ -2059,7 +1856,6 @@ const DotList = ({
2059
1856
  component: item.component,
2060
1857
  "data-testid": `${dataTestId}-item-${index}`,
2061
1858
  endIcon: item.endIcon,
2062
- endIconId: item.endIconId,
2063
1859
  href: item.href,
2064
1860
  isOpened: listItemIndex === index,
2065
1861
  items: item.items,
@@ -2072,10 +1868,8 @@ const DotList = ({
2072
1868
  secondaryText: item.secondaryText,
2073
1869
  selected: item.selected,
2074
1870
  startIcon: item.startIcon,
2075
- startIconId: item.startIconId,
2076
1871
  target: item.target,
2077
1872
  text: item.text,
2078
- title: item.title,
2079
1873
  tooltip: item.tooltip,
2080
1874
  tooltipPlacement: item.tooltipPlacement || DEFAULT_TOOLTIP_PLACEMENT
2081
1875
  }, index);
@@ -2089,12 +1883,10 @@ const DotListItem = ({
2089
1883
  'data-testid': dataTestId,
2090
1884
  divider: _divider = false,
2091
1885
  endIcon,
2092
- endIconId,
2093
1886
  href,
2094
1887
  isOpened,
2095
1888
  onClick,
2096
1889
  onMenuLeave,
2097
- index,
2098
1890
  items: _items2 = [],
2099
1891
  menuPlacement,
2100
1892
  nestedDrawerLeftSpacing,
@@ -2103,37 +1895,16 @@ const DotListItem = ({
2103
1895
  secondaryText,
2104
1896
  selected,
2105
1897
  startIcon,
2106
- startIconId,
2107
1898
  target,
2108
1899
  text,
2109
- title,
2110
1900
  tooltip,
2111
1901
  tooltipPlacement: _tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT
2112
1902
  }) => {
2113
1903
  const hasChildren = _items2.length > 0;
2114
1904
  const isFlyout = nestedListType === 'menu' && hasChildren;
2115
1905
  const [anchorEl, setAnchorEl] = useState(null);
2116
- const showStartIcon = startIcon || startIconId;
2117
- const showEndIcon = endIcon || endIconId || hasChildren;
1906
+ const showEndIcon = endIcon || hasChildren;
2118
1907
  const rootClasses = useStylesWithRootClass(listItemRootClass, className, isOpened ? 'open' : '');
2119
- useEffect(() => {
2120
- // deprecation warnings
2121
- if (title) {
2122
- console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
2123
- }
2124
-
2125
- if (index) {
2126
- console.warn('The use of `index` is deprecated and will be removed in the next major release.');
2127
- }
2128
-
2129
- if (startIconId) {
2130
- console.warn('The use of `startIconId` is deprecated and will be removed in the next major release, please use `startIcon` instead.');
2131
- }
2132
-
2133
- if (endIconId) {
2134
- console.warn('The use of `endIconId` is deprecated and will be removed in the next major release, please use `endIcon` instead.');
2135
- }
2136
- }, []);
2137
1908
 
2138
1909
  const toggleOpen = event => setAnchorEl(event.currentTarget);
2139
1910
 
@@ -2153,18 +1924,10 @@ const DotListItem = ({
2153
1924
  children: text
2154
1925
  }), void 0);
2155
1926
 
2156
- const renderListItemStartIcon = () => {
2157
- return jsx(ListItemIcon, {
2158
- children: startIcon ? startIcon : jsx(DotIcon, {
2159
- iconId: startIconId
2160
- }, void 0)
2161
- }, void 0);
2162
- };
2163
-
2164
1927
  const renderListItemEndIcon = () => {
2165
1928
  if (hasChildren || !endIcon) {
2166
1929
  return jsx(DotIcon, {
2167
- iconId: hasChildren ? getChevronIcon(nestedListType, isOpened) : endIconId
1930
+ iconId: hasChildren && getChevronIcon(nestedListType, isOpened)
2168
1931
  }, void 0);
2169
1932
  }
2170
1933
 
@@ -2175,7 +1938,7 @@ const DotListItem = ({
2175
1938
  children: [jsx(DotTooltip, Object.assign({
2176
1939
  "data-testid": `${dataTestId}-tooltip`,
2177
1940
  placement: _tooltipPlacement,
2178
- title: tooltip || title
1941
+ title: tooltip
2179
1942
  }, {
2180
1943
  children: jsxs(StyledListItem, Object.assign({
2181
1944
  "aria-label": ariaLabel,
@@ -2194,7 +1957,9 @@ const DotListItem = ({
2194
1957
  children: [jsxs("span", Object.assign({
2195
1958
  className: listItemLinkClassName
2196
1959
  }, {
2197
- children: [showStartIcon && renderListItemStartIcon(), renderListItemText()]
1960
+ children: [startIcon && jsx(ListItemIcon, {
1961
+ children: startIcon
1962
+ }, void 0), renderListItemText()]
2198
1963
  }), void 0), showEndIcon && renderListItemEndIcon()]
2199
1964
  }), void 0)
2200
1965
  }), void 0), hasChildren && jsx(NestedList, {
@@ -2225,12 +1990,6 @@ const NestedList = ({
2225
1990
  const flyoutItemClasses = useStylesWithRootClass(listItemRootClass, flyoutListItemClassName);
2226
1991
  const flyoutSpanClasses = useStylesWithRootClass(listItemLinkClassName, flyoutItemLinkClassName);
2227
1992
 
2228
- const getNestedListItemIcon = icon => {
2229
- return typeof icon === 'string' ? jsx(DotIcon, {
2230
- iconId: icon
2231
- }, void 0) : icon;
2232
- };
2233
-
2234
1993
  if (type === 'expandable') {
2235
1994
  return jsx(Collapse, Object.assign({
2236
1995
  in: open,
@@ -2254,7 +2013,6 @@ const NestedList = ({
2254
2013
  href,
2255
2014
  target,
2256
2015
  onClick,
2257
- title,
2258
2016
  tooltip,
2259
2017
  tooltipPlacement = DEFAULT_TOOLTIP_PLACEMENT,
2260
2018
  text
@@ -2262,7 +2020,7 @@ const NestedList = ({
2262
2020
  return {
2263
2021
  children: jsx(DotTooltip, Object.assign({
2264
2022
  placement: tooltipPlacement,
2265
- title: tooltip || title
2023
+ title: tooltip
2266
2024
  }, {
2267
2025
  children: jsx(StyledListItem, Object.assign({
2268
2026
  className: flyoutItemClasses,
@@ -2275,7 +2033,7 @@ const NestedList = ({
2275
2033
  children: jsxs("span", Object.assign({
2276
2034
  className: flyoutSpanClasses
2277
2035
  }, {
2278
- children: [getNestedListItemIcon(item.startIcon || item.startIconId), jsx(DotTypography, Object.assign({
2036
+ children: [item.startIcon, jsx(DotTypography, Object.assign({
2279
2037
  variant: "body1"
2280
2038
  }, {
2281
2039
  children: text
@@ -2331,7 +2089,7 @@ var _path$2, _path2$2, _path3, _path4;
2331
2089
 
2332
2090
  var _excluded$2 = ["title", "titleId"];
2333
2091
 
2334
- function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
2092
+ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
2335
2093
 
2336
2094
  function _objectWithoutProperties$2(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$2(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2337
2095
 
@@ -2375,7 +2133,7 @@ var _path$1, _path2$1;
2375
2133
 
2376
2134
  var _excluded$1 = ["title", "titleId"];
2377
2135
 
2378
- function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2136
+ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
2379
2137
 
2380
2138
  function _objectWithoutProperties$1(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose$1(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2381
2139
 
@@ -2407,13 +2165,13 @@ function SvgLogoDigitalAi(_ref, svgRef) {
2407
2165
 
2408
2166
  var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAi);
2409
2167
 
2410
- const rootClassName$K = 'dot-sidebar';
2168
+ const rootClassName$J = 'dot-sidebar';
2411
2169
  const StyledSidebar = styled.aside.withConfig({
2412
2170
  displayName: "Sidebarstyles__StyledSidebar",
2413
2171
  componentId: "l3atb4-0"
2414
2172
  })(["", ""], ({
2415
2173
  theme
2416
- }) => css(["&.", "{align-items:stretch;background:", ";border-width:0 1px;border-style:solid;border-color:", ";box-shadow:", ";box-sizing:border-box;color:", ";display:flex;height:100%;flex-direction:column;justify-content:space-between;letter-spacing:0.01em;padding:", ";-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;margin-bottom:", ";padding:", ";white-space:nowrap;&.app-logo{box-sizing:border-box;.dot-app-logo{svg,img{max-width:100%;}}}.dot-avatar{margin-right:", "px;}}.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 ", ";}}}hr.MuiDivider-root{background-color:", ";margin:", ";}.MuiListSubheader-root{border-bottom:1px solid;border-bottom-color:", ";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:", "px;overflow-y:auto;border-right:1px solid ", ";box-shadow:0 0 5px 0 rgba(0,0,0,0.15);padding-top:", ";}.MuiTypography-root.MuiTypography-subtitle2{border:", ";color:", ";font-size:", ";line-height:40px;margin:", ";padding:", ";}.", "{margin:0;padding-left:", "px;}}.dot-list-item{height:", ";padding:0;margin-bottom:", ";&.MuiListItem-root.Mui-selected,&.MuiListItem-root.Mui-selected:hover,&:hover{background-color:", ";}&.Mui-focusVisible{box-shadow:inset 0 0 0 2px ", ";border:2px solid ", ";}&:hover,&:active,&:focus{.dot-typography,.dot-icon i.dot-i:before{color:", ";}}&.open{background-color:", ";border:", ";border-radius:", ";&:hover{background-color:", ";}}.MuiTouchRipple-root{display:", ";}.dot-list-item-link .dot-icon{margin-right:", "px;}.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:", "px;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:", "px;p.desc{white-space:nowrap;}.company-name{margin-top:", "px;}.d-icon{display:none;}}&.collapsed{overflow:hidden;padding:", ";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.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && `${theme.spacing(2)}px`, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : 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.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.spacing(0, 0, 1), theme.spacing(1.5, 2), nestedDrawerClassName, theme.spacing(2), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && `${theme.spacing(1)}px`, theme.palette.product === 'agility' && 'transparent', theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? `1px solid ${theme.palette.agilityInterface.sideNavHoverBorder}` : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.spacing(0, 1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.layer.n100, theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0)));
2174
+ }) => 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 ", ";}}}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:", ";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$J, 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.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), '44px', 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)));
2417
2175
 
2418
2176
  const Brand = ({
2419
2177
  brandDesc
@@ -2496,7 +2254,7 @@ const DotSidebar = ({
2496
2254
  const displayHeader = title || hasAppLogo;
2497
2255
  const openClass = isOpen ? 'open' : 'collapsed';
2498
2256
 
2499
- const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.startIconId && !item.startIcon);
2257
+ const checkPrimaryNavMissingIcons = () => _navItems.some(item => !item.divider && !item.startIcon);
2500
2258
 
2501
2259
  useEffect(() => {
2502
2260
  // Incorrect usage warning
@@ -2516,7 +2274,7 @@ const DotSidebar = ({
2516
2274
  };
2517
2275
 
2518
2276
  const sidebarClasses = useStylesWithRootClass('side-nav', openClass);
2519
- const rootClasses = useStylesWithRootClass(rootClassName$K, openClass, className);
2277
+ const rootClasses = useStylesWithRootClass(rootClassName$J, openClass, className);
2520
2278
  return jsxs(StyledSidebar, Object.assign({
2521
2279
  "aria-label": ariaLabel,
2522
2280
  className: rootClasses,
@@ -2582,13 +2340,13 @@ const DotSidebar = ({
2582
2340
  }), void 0);
2583
2341
  };
2584
2342
 
2585
- const rootClassName$J = 'dot-badge';
2343
+ const rootClassName$I = 'dot-badge';
2586
2344
  const StyledBadge = styled(Badge).withConfig({
2587
2345
  displayName: "Badgestyles__StyledBadge",
2588
2346
  componentId: "sc-1brv3h5-0"
2589
2347
  })(["", ""], ({
2590
2348
  theme
2591
- }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", "px;min-width:", "px;padding:", ";}}}"], rootClassName$J, ({
2349
+ }) => css(["&.", "{.MuiBadge-badge{background-color:", ";&:not(.MuiBadge-dot){font-size:10px;height:", ";min-width:", ";padding:", ";}}}"], rootClassName$I, ({
2592
2350
  $badgeColor
2593
2351
  }) => {
2594
2352
  return $badgeColor;
@@ -2606,7 +2364,7 @@ const DotBadge = ({
2606
2364
  overlap,
2607
2365
  variant: _variant = 'dot'
2608
2366
  }) => {
2609
- const rootClasses = useStylesWithRootClass(rootClassName$J, className);
2367
+ const rootClasses = useStylesWithRootClass(rootClassName$I, className);
2610
2368
  return jsx(StyledBadge, Object.assign({
2611
2369
  "$badgeColor": badgeColor,
2612
2370
  anchorOrigin: {
@@ -2633,7 +2391,7 @@ var _path, _path2;
2633
2391
 
2634
2392
  var _excluded = ["title", "titleId"];
2635
2393
 
2636
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2394
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2637
2395
 
2638
2396
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
2639
2397
 
@@ -2665,7 +2423,7 @@ function SvgLogoDigitalAiWhite(_ref, svgRef) {
2665
2423
 
2666
2424
  var ForwardRef = /*#__PURE__*/React.forwardRef(SvgLogoDigitalAiWhite);
2667
2425
 
2668
- const rootClassName$I = 'dot-app-toolbar';
2426
+ const rootClassName$H = 'dot-app-toolbar';
2669
2427
  const denseClassName = 'dense';
2670
2428
  const StyledMainMenu = styled(DotDrawer).withConfig({
2671
2429
  displayName: "AppToolbarstyles__StyledMainMenu",
@@ -2678,10 +2436,9 @@ const StyledAppToolbar = styled.header.withConfig({
2678
2436
  componentId: "sc-3kokby-1"
2679
2437
  })(["", ""], ({
2680
2438
  theme
2681
- }) => 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:", "px;}&.", "{height:48px;}.dot-main-menu-btn,.dot-right-side{.dot-icon-btn{border:", ";color:", ";&:hover,&:active,&:focus{background:", ";}}}.dot-main-menu-btn{text-align:center;}.dot-branding{align-items:center;display:flex;padding:", ";.primary-logo,.app-logo{margin-right:", "px;}.primary-logo,.dot-app-logo{display:flex;max-width:200px;svg,img{max-height:36px;max-width:200px;}}a{line-height:0;}.dot-product-name{color:", ";font-size:18px;margin:", ";}.divider{margin-left:", "px;}}div.dot-right-side{display:flex;flex-grow:2;justify-content:flex-end;.dot-badge .MuiBadge-anchorOriginTopRightRectangle{top:", "px;right:", "px;}}.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$I, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : 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.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.spacing(1.5), theme.spacing(1.5), theme.palette.layer.n900, theme.palette.layer.n0));
2439
+ }) => 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));
2682
2440
 
2683
2441
  const DotAppToolbar = ({
2684
- appName,
2685
2442
  appLogo,
2686
2443
  appLogoHref: _appLogoHref = '/',
2687
2444
  appLogoSmall,
@@ -2705,7 +2462,7 @@ const DotAppToolbar = ({
2705
2462
  const displayAppLogo = appLogo || appLogoSmall;
2706
2463
  const mainMenuRef = useRef(null);
2707
2464
  const denseClass = _dense ? denseClassName : '';
2708
- const rootClasses = useStylesWithRootClass(rootClassName$I, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2465
+ const rootClasses = useStylesWithRootClass(rootClassName$H, className, denseClass, showMainMenu ? '' : 'without-menu-icon');
2709
2466
  const mainMenuClasses = useStylesWithRootClass('dot-main-menu', denseClass, menuOpen ? 'open' : '');
2710
2467
  const targetBreakpoint = useMediaQuery(theme => theme.breakpoints.up('md'));
2711
2468
  useEffect(() => {
@@ -2729,11 +2486,6 @@ const DotAppToolbar = ({
2729
2486
 
2730
2487
  (_a = mainMenuRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleInsideMenuClick);
2731
2488
  };
2732
- } // deprecation warning
2733
-
2734
-
2735
- if (appName) {
2736
- console.warn('The use of `appName` is deprecated and will be removed in the next major release, please use either `children` or `appLogo` instead.');
2737
2489
  }
2738
2490
  }, []);
2739
2491
 
@@ -2810,6 +2562,7 @@ const DotAppToolbar = ({
2810
2562
  href: _primaryLogoHref
2811
2563
  }, {
2812
2564
  children: customLogo ? customLogo : jsx(DotTooltip, Object.assign({
2565
+ "data-testid": "logo-tooltip",
2813
2566
  title: "digital.ai"
2814
2567
  }, {
2815
2568
  children: jsx(ForwardRef, {}, void 0)
@@ -2824,10 +2577,6 @@ const DotAppToolbar = ({
2824
2577
  className: "dot-app-logo",
2825
2578
  smallOnly: !targetBreakpoint
2826
2579
  }, void 0)
2827
- }), void 0), appName && jsx(DotTypography, Object.assign({
2828
- className: "dot-product-name"
2829
- }, {
2830
- children: appName
2831
2580
  }), void 0)]
2832
2581
  }), void 0), children, jsxs("div", Object.assign({
2833
2582
  className: "dot-right-side"
@@ -2845,7 +2594,7 @@ const DotAppToolbar = ({
2845
2594
  }), void 0);
2846
2595
  };
2847
2596
 
2848
- const rootClassName$H = 'dot-autocomplete';
2597
+ const rootClassName$G = 'dot-autocomplete';
2849
2598
  const inputRootClassName = 'dot-input-root';
2850
2599
  const inputMediumClassName = 'dot-input-medium';
2851
2600
  const StyledAutocomplete = styled(Autocomplete).withConfig({
@@ -2853,31 +2602,7 @@ const StyledAutocomplete = styled(Autocomplete).withConfig({
2853
2602
  componentId: "j2sgjy-0"
2854
2603
  })(["", ""], ({
2855
2604
  theme
2856
- }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}.dot-text-field{.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$H, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0), theme.palette.warning.main, theme.palette.error.main));
2857
-
2858
- const rootClassName$G = 'dot-text-field';
2859
- const rootSelectClassName = 'dot-select-field';
2860
- const labelClassName = 'dot-input-label';
2861
- const warningClassName = 'dot-warning';
2862
- const successClassName = 'dot-success';
2863
- const adornmentIconClassName = 'dot-adornment-icon';
2864
- const StyledAdornment = styled(InputAdornment).withConfig({
2865
- displayName: "InputFormFieldsstyles__StyledAdornment",
2866
- componentId: "sc-1mbn9f0-0"
2867
- })([".dot-icon{font-size:24px;height:24px;padding:0;width:24px;}"]);
2868
- const StyledInputLabel = styled(InputLabel).withConfig({
2869
- displayName: "InputFormFieldsstyles__StyledInputLabel",
2870
- componentId: "sc-1mbn9f0-1"
2871
- })(["", ""], ({
2872
- theme
2873
- }) => css(["&.", "{transform:none;&.Mui-disabled .dot-typography{color:rgba(0,0,0,0.38);}&.Mui-error .dot-typography{color:", ";}.dot-typography{display:inline;}}"], labelClassName, theme.palette.error.main));
2874
- const StyledTextField = styled(TextField).withConfig({
2875
- displayName: "InputFormFieldsstyles__StyledTextField",
2876
- componentId: "sc-1mbn9f0-2"
2877
- })(["", ""], ({
2878
- theme,
2879
- InputProps
2880
- }) => css(["&.", "{.MuiInputBase-root{background:", ";margin-bottom:0;}.MuiInputBase-input{box-sizing:content-box;}.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiOutlinedInput-input{padding:", ";}.MuiOutlinedInput-inputMarginDense{padding-top:10.5px;padding-bottom:10.5px;}.MuiOutlinedInput-inputMultiline{padding:0;}}&.", ",&.", "{.dot-adornment-icon .dot-icon i{margin-top:-2px;}.MuiFormLabel-root.Mui-focused{color:", ";}select.dot-select{background:", ";}.MuiSelect-select:focus{background-color:transparent;}.Mui-error .", "{color:", ";}.MuiSelect-icon{right:", ";}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiFormLabel-root.Mui-focused{color:", ";}.", "{color:", ";}}&.", "{.MuiOutlinedInput-notchedOutline{border-color:", ";}.MuiInputLabel-outlined.MuiInputLabel-shrink{color:", ";}.", "{color:", ";}}.MuiOutlinedInput-adornedStart{padding-left:12px;}.MuiFormHelperText-root{font-family:", ";font-size:", "px;font-weight:400;margin:", ";display:flex;align-items:flex-end;&:not(.Mui-error){color:", ";}}.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:", ";}&.read-only .MuiOutlinedInput-root:hover > fieldset{border-color:", ";}}"], rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? `18px 12px 18px 0px` : `18px 12px`, rootSelectClassName, rootClassName$G, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error.main, InputProps.endAdornment ? `44px` : `12px`, successClassName, theme.palette.secondary.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.secondary.main, warningClassName, theme.palette.warning.main, theme.palette.grey[700], adornmentIconClassName, theme.palette.warning.main, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.spacing(0.5, 0, 0, 2), theme.palette.grey[400], theme.palette.product === 'agility' && agilityGreen, theme.palette.layer.n200));
2605
+ }) => css(["&.", "{.", ".", "{padding-top:", ";padding-bottom:", ";}.dot-text-field{.warning-icon{color:", ";}.error-icon{color:", ";}}}"], rootClassName$G, inputRootClassName, inputMediumClassName, theme.spacing(0), theme.spacing(0), theme.palette.warning.main, theme.palette.error.main));
2881
2606
 
2882
2607
  const rootClassName$F = 'dot-button';
2883
2608
  const StyledButton = styled(Button).withConfig({
@@ -2885,11 +2610,11 @@ const StyledButton = styled(Button).withConfig({
2885
2610
  componentId: "sx99hh-0"
2886
2611
  })(["", ""], ({
2887
2612
  theme
2888
- }) => css(["&.", "{margin:", "px;min-width:auto;white-space:nowrap;&.MuiButton-containedPrimary{background-color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$F, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2613
+ }) => css(["&.", "{margin:", ";min-width:auto;white-space:nowrap;&.MuiButton-outlined{border-color:rgba(0,0,0,0.23);color:", ";}&.MuiButton-containedSecondary{background-color:", ";&:hover,&:active{background-color:", ";}}&.MuiButton-text{padding:6px 16px;}span.dot-icon{padding:0;i{height:auto;}}}"], rootClassName$F, theme.spacing(0.5), theme.palette.grey[700], theme.palette.error.main, darken(theme.palette.error.main, 0.2)));
2889
2614
 
2890
2615
  /** This component wraps the Button component from @material-ui. */
2891
2616
 
2892
- const DotButton = /*#__PURE__*/React__default.forwardRef(({
2617
+ const DotButton = /*#__PURE__*/forwardRef(({
2893
2618
  ariaLabel,
2894
2619
  autoFocus: _autoFocus = false,
2895
2620
  children,
@@ -2903,9 +2628,6 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2903
2628
  onClick,
2904
2629
  size: _size = 'medium',
2905
2630
  startIcon,
2906
-
2907
- /** The use of `titleTooltip` is deprecated and will be removed in the next major release */
2908
- titleTooltip,
2909
2631
  tooltip,
2910
2632
  type: _type = 'primary'
2911
2633
  }, ref) => {
@@ -2915,7 +2637,7 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2915
2637
 
2916
2638
  switch (_type) {
2917
2639
  case 'destructive':
2918
- color = _disabled ? 'default' : 'secondary';
2640
+ color = _disabled ? 'inherit' : 'secondary';
2919
2641
  variant = 'contained';
2920
2642
  break;
2921
2643
 
@@ -2925,22 +2647,16 @@ const DotButton = /*#__PURE__*/React__default.forwardRef(({
2925
2647
  break;
2926
2648
 
2927
2649
  case 'outlined':
2928
- color = 'default';
2650
+ color = 'inherit';
2929
2651
  variant = 'outlined';
2930
2652
  break;
2931
2653
 
2932
2654
  case 'text':
2933
- color = 'default';
2655
+ color = 'inherit';
2934
2656
  variant = 'text';
2935
2657
  break;
2936
2658
  }
2937
2659
 
2938
- useEffect(() => {
2939
- // deprecation warning
2940
- if (titleTooltip) {
2941
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
2942
- }
2943
- }, []);
2944
2660
  return jsx(DotTooltip, Object.assign({
2945
2661
  title: tooltip
2946
2662
  }, {
@@ -2998,7 +2714,7 @@ const DotChip = ({
2998
2714
 
2999
2715
  const getChipLabel = () => {
3000
2716
  if (_charactersLimit <= 0 || children.length < _charactersLimit) return children;
3001
- const label = `${children.substr(0, _charactersLimit)}...`;
2717
+ const label = `${children.substring(0, _charactersLimit)}...`;
3002
2718
  return jsx(DotTooltip, Object.assign({
3003
2719
  title: children
3004
2720
  }, {
@@ -3128,8 +2844,8 @@ const DotAutoComplete = ({
3128
2844
  const [isOpened, setIsOpened] = useState(false);
3129
2845
  const [inputText, setInputText] = useState('');
3130
2846
  const textFieldWarningClassName = !_error && _warning && warningClassName;
3131
- const rootClasses = useStylesWithRootClass(rootClassName$H, className);
3132
- const textFieldRootClasses = useStylesWithRootClass(rootClassName$G, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
2847
+ const rootClasses = useStylesWithRootClass(rootClassName$G, className);
2848
+ const textFieldRootClasses = useStylesWithRootClass(rootClassName$Y, className, _readOnly ? 'read-only' : '', textFieldWarningClassName);
3133
2849
  const inputRootClasses = useStylesWithRootClass(inputRootClassName, _dense ? '' : inputMediumClassName);
3134
2850
  let textFieldInput; // Used for focus management while popper is opened
3135
2851
 
@@ -3180,8 +2896,8 @@ const DotAutoComplete = ({
3180
2896
 
3181
2897
 
3182
2898
  const DotPopper = props => {
3183
- if (!isActionItemDefined) return jsx(StyledPopper$1, Object.assign({}, props, {
3184
- className: popperClassName,
2899
+ if (!isActionItemDefined) return jsx(StyledPopper, Object.assign({}, props, {
2900
+ className: rootClassName$Q,
3185
2901
  disablePortal: _disablePortal,
3186
2902
  "$maxHeight": maxHeight
3187
2903
  }), void 0); // Disable action if customer explicitly enabled duplicate
@@ -3204,8 +2920,8 @@ const DotAutoComplete = ({
3204
2920
  }), void 0) : itemText;
3205
2921
  const paperProps = props.children.props;
3206
2922
  const paperChildren = paperProps.children;
3207
- return jsx(StyledPopper$1, Object.assign({}, props, {
3208
- className: popperClassName,
2923
+ return jsx(StyledPopper, Object.assign({}, props, {
2924
+ className: rootClassName$Q,
3209
2925
  disablePortal: _disablePortal,
3210
2926
  "$maxHeight": maxHeight
3211
2927
  }, {
@@ -3407,6 +3123,12 @@ const DotAutoComplete = ({
3407
3123
  }, void 0);
3408
3124
  };
3409
3125
 
3126
+ const rootClassName$D = 'dot-avatar-group';
3127
+ const StyledAvatarGroup = styled(AvatarGroup).withConfig({
3128
+ displayName: "AvatarGroupstyles__StyledAvatarGroup",
3129
+ componentId: "sc-25by6z-0"
3130
+ })(["", ""], () => css(["&.", "{justify-content:flex-end;.MuiAvatar-root{border:none;}}}"], rootClassName$D));
3131
+
3410
3132
  const DotAvatarGroup = ({
3411
3133
  ariaLabel,
3412
3134
  avatars,
@@ -3415,8 +3137,8 @@ const DotAvatarGroup = ({
3415
3137
  max: _max = 3,
3416
3138
  spacing: _spacing = 'medium'
3417
3139
  }) => {
3418
- const rootClasses = useStylesWithRootClass('dot-avatar-group', className);
3419
- return jsx(AvatarGroup, Object.assign({
3140
+ const rootClasses = useStylesWithRootClass(rootClassName$D, className);
3141
+ return jsx(StyledAvatarGroup, Object.assign({
3420
3142
  "aria-label": ariaLabel,
3421
3143
  classes: {
3422
3144
  root: rootClasses
@@ -3431,20 +3153,20 @@ const DotAvatarGroup = ({
3431
3153
  }), void 0);
3432
3154
  };
3433
3155
 
3434
- const rootClassName$D = 'dot-breadcrumbs';
3156
+ const rootClassName$C = 'dot-breadcrumbs';
3435
3157
  const breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
3436
3158
  const StyledBreadcrumbsWrapper = styled.div.withConfig({
3437
3159
  displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
3438
3160
  componentId: "sc-7cg374-0"
3439
3161
  })(["", ""], ({
3440
3162
  theme
3441
- }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$D, theme.spacing(0.5, 2)));
3163
+ }) => css(["&.", "{overflow:hidden;.dot-breadcrumbs-menu{.MuiMenuItem-root{padding:0;}a.breadcrumb{width:100%;padding:", ";}}}"], rootClassName$C, theme.spacing(0.5, 2)));
3442
3164
  const StyledBreadcrumbs = styled(Breadcrumbs).withConfig({
3443
3165
  displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
3444
3166
  componentId: "sc-7cg374-1"
3445
3167
  })(["", ""], ({
3446
3168
  theme
3447
- }) => 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]));
3169
+ }) => 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$C, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]));
3448
3170
 
3449
3171
  const compareWidth = (parentEl, childEl) => {
3450
3172
  return parentEl.getBoundingClientRect().width < childEl.getBoundingClientRect().width;
@@ -3691,8 +3413,7 @@ const DotBreadcrumbs = ({
3691
3413
  'data-testid': dataTestId,
3692
3414
  expansionMenu: _expansionMenu = false,
3693
3415
  items,
3694
- maxItems,
3695
- minWidth
3416
+ maxItems
3696
3417
  }) => {
3697
3418
  const wrapperRootClasses = useStylesWithRootClass(breadcrumbsWrapperClass, className);
3698
3419
  const wrapperRef = useRef();
@@ -3723,18 +3444,12 @@ const DotBreadcrumbs = ({
3723
3444
  const onMenuLeave = _event => {
3724
3445
  setMenuOpen(false);
3725
3446
  };
3726
-
3727
- useEffect(() => {
3728
- // deprecation warning
3729
- if (minWidth) {
3730
- console.warn('The use of `minWidth` is deprecated and will be removed in the next major release');
3731
- }
3732
- }, []);
3733
3447
  /* Build and connect expansion menu if 'expansionMenu' is set to true.
3734
3448
  In order for this to be functioning properly we need to set 'items' in
3735
3449
  the dependencies list as it will re-trigger hook if items array change.
3736
3450
  */
3737
3451
 
3452
+
3738
3453
  useEffect(() => {
3739
3454
  if (!_expansionMenu || !breadcrumbRef || !breadcrumbRef.current) return;
3740
3455
  const expandElement = getExpandElement(breadcrumbRef.current);
@@ -3758,7 +3473,7 @@ const DotBreadcrumbs = ({
3758
3473
  children: [jsx(StyledBreadcrumbs, Object.assign({
3759
3474
  "aria-label": "breadcrumb",
3760
3475
  classes: {
3761
- root: rootClassName$D,
3476
+ root: rootClassName$C,
3762
3477
  ol: 'dot-ol',
3763
3478
  li: 'dot-li'
3764
3479
  },
@@ -3769,10 +3484,7 @@ const DotBreadcrumbs = ({
3769
3484
  separator: jsx(DotIcon, {
3770
3485
  className: "separator",
3771
3486
  iconId: "chevron-right"
3772
- }, void 0),
3773
- style: {
3774
- width: minWidth
3775
- }
3487
+ }, void 0)
3776
3488
  }, {
3777
3489
  children: mapBreadcrumbItems(items, breadcrumbItemRefs, {
3778
3490
  isLastItemFullyVisible,
@@ -3791,7 +3503,7 @@ const DotBreadcrumbs = ({
3791
3503
  }), void 0);
3792
3504
  };
3793
3505
 
3794
- /*! *****************************************************************************
3506
+ /******************************************************************************
3795
3507
  Copyright (c) Microsoft Corporation.
3796
3508
 
3797
3509
  Permission to use, copy, modify, and/or distribute this software for any
@@ -3828,13 +3540,13 @@ function __awaiter(thisArg, _arguments, P, generator) {
3828
3540
  });
3829
3541
  }
3830
3542
 
3831
- const rootClassName$C = 'dot-button-toggle';
3543
+ const rootClassName$B = 'dot-button-toggle';
3832
3544
  const StyledToggleButtonGroup = styled(ToggleButtonGroup).withConfig({
3833
3545
  displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
3834
3546
  componentId: "sc-1oh4ljv-0"
3835
3547
  })(["", ""], ({
3836
3548
  theme
3837
- }) => css(["&.", "{.dot-icon{+ p{margin-left:", "px;}i{height:auto;}}.MuiToggleButton-label{color:", ";p{margin-bottom:0;}}.MuiToggleButtonGroup-groupedHorizontal{border:1px solid ", ";border-radius:0;: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:", ";}}"], rootClassName$C, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]));
3549
+ }) => css(["&.", "{.dot-icon{+ p{margin-left:", ";}i{color:", ";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{background:", ";}}"], rootClassName$B, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200], selectedGray));
3838
3550
 
3839
3551
  const DotButtonToggle = ({
3840
3552
  ariaLabel,
@@ -3849,7 +3561,7 @@ const DotButtonToggle = ({
3849
3561
  size: _size = 'medium',
3850
3562
  value
3851
3563
  }) => {
3852
- const rootClasses = useStylesWithRootClass(rootClassName$C, className);
3564
+ const rootClasses = useStylesWithRootClass(rootClassName$B, className);
3853
3565
 
3854
3566
  const renderToggleButton = ({
3855
3567
  ariaLabel: optionAriaLabel,
@@ -3916,7 +3628,7 @@ const TooltipToggleButton = /*#__PURE__*/forwardRef((_a, ref) => {
3916
3628
  } = _a,
3917
3629
  props = __rest(_a, ["CustomTooltipProps"]);
3918
3630
 
3919
- return jsx(Tooltip, Object.assign({}, CustomTooltipProps, {
3631
+ return jsx(DotTooltip, Object.assign({}, CustomTooltipProps, {
3920
3632
  children: jsx(ToggleButton, Object.assign({
3921
3633
  ref: ref
3922
3634
  }, props), void 0)
@@ -3960,13 +3672,13 @@ const DotCardContent = ({
3960
3672
  }), void 0);
3961
3673
  };
3962
3674
 
3963
- const rootClassName$B = 'dot-card-footer';
3675
+ const rootClassName$A = 'dot-card-footer';
3964
3676
  const StyledDiv = styled.div.withConfig({
3965
3677
  displayName: "CardFooterstyles__StyledDiv",
3966
3678
  componentId: "koblh6-0"
3967
3679
  })(["", ""], ({
3968
3680
  theme
3969
- }) => css(["&.", "{padding:", "px;}"], rootClassName$B, theme.spacing(2)));
3681
+ }) => css(["&.", "{padding:", ";}"], rootClassName$A, theme.spacing(2)));
3970
3682
 
3971
3683
  const DotCardFooter = ({
3972
3684
  ariaLabel,
@@ -3974,7 +3686,7 @@ const DotCardFooter = ({
3974
3686
  className,
3975
3687
  'data-testid': dataTestId
3976
3688
  }) => {
3977
- const rootClasses = useStylesWithRootClass(rootClassName$B, className);
3689
+ const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3978
3690
  return jsx(StyledDiv, Object.assign({
3979
3691
  "aria-label": ariaLabel,
3980
3692
  className: rootClasses,
@@ -4019,28 +3731,28 @@ const DotCardHeader = ({
4019
3731
  }, void 0);
4020
3732
  };
4021
3733
 
4022
- const rootClassName$A = 'dot-form-control-label';
3734
+ const rootClassName$z = 'dot-form-control-label';
4023
3735
  const StyledFormControlLabel = styled(FormControlLabel).withConfig({
4024
3736
  displayName: "FormControlLabelstyles__StyledFormControlLabel",
4025
3737
  componentId: "sc-1vt0om4-0"
4026
- })(["&.", "{.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);
3738
+ })(["&.", "{.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$z);
4027
3739
 
4028
- const rootClassName$z = 'dot-checkbox';
3740
+ const rootClassName$y = 'dot-checkbox';
4029
3741
  const StyledCheckbox = styled(Checkbox).withConfig({
4030
3742
  displayName: "Checkboxstyles__StyledCheckbox",
4031
3743
  componentId: "sc-1ubsn6i-0"
4032
3744
  })(["", ""], ({
4033
3745
  theme
4034
- }) => css(["&.", "{padding:", "px;}"], rootClassName$z, theme.spacing(1)));
3746
+ }) => css(["&.", "{padding:", ";&.MuiCheckbox-indeterminate{color:rgba(0,0,0,0.6);}}"], rootClassName$y, theme.spacing(1)));
4035
3747
 
4036
3748
  function DotCheckbox({
4037
3749
  ariaLabel,
4038
3750
  ariaLabelledby,
4039
3751
  checked,
4040
3752
  className,
4041
- disableRipple,
4042
3753
  'data-testid': dataTestId,
4043
3754
  disabled,
3755
+ disableRipple,
4044
3756
  id,
4045
3757
  indeterminate,
4046
3758
  inputRef,
@@ -4052,42 +3764,44 @@ function DotCheckbox({
4052
3764
  size = 'medium',
4053
3765
  value
4054
3766
  }) {
4055
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
3767
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
4056
3768
 
4057
3769
  const handleChange = event => {
4058
3770
  onChange && onChange(event, event.target.value);
4059
3771
  };
4060
3772
 
3773
+ const checkboxControl = jsx(StyledCheckbox, {
3774
+ checked: checked,
3775
+ classes: {
3776
+ root: rootClassName$y
3777
+ },
3778
+ color: "primary",
3779
+ "data-testid": dataTestId,
3780
+ disableRipple: disableRipple,
3781
+ disabled: disabled,
3782
+ id: id,
3783
+ indeterminate: indeterminate,
3784
+ inputProps: {
3785
+ 'aria-label': ariaLabel || label,
3786
+ 'aria-labelledby': ariaLabelledby
3787
+ },
3788
+ inputRef: inputRef,
3789
+ name: name,
3790
+ onChange: handleChange,
3791
+ required: required,
3792
+ size: size,
3793
+ value: value
3794
+ }, void 0);
3795
+
4061
3796
  return jsx(StyledFormControlLabel, {
4062
3797
  className: rootClasses,
4063
- control: jsx(StyledCheckbox, {
4064
- checked: checked,
4065
- classes: {
4066
- root: rootClassName$z
4067
- },
4068
- color: "primary",
4069
- "data-testid": dataTestId,
4070
- disableRipple: disableRipple,
4071
- disabled: disabled,
4072
- id: id,
4073
- indeterminate: indeterminate,
4074
- inputProps: {
4075
- 'aria-label': ariaLabel ? ariaLabel : label,
4076
- 'aria-labelledby': ariaLabelledby
4077
- },
4078
- inputRef: inputRef,
4079
- name: name,
4080
- onChange: handleChange,
4081
- required: required,
4082
- size: size,
4083
- value: value
4084
- }, void 0),
3798
+ control: checkboxControl,
4085
3799
  label: label,
4086
3800
  labelPlacement: labelPlacement
4087
3801
  }, void 0);
4088
3802
  }
4089
3803
 
4090
- const rootClassName$y = 'dot-form-group';
3804
+ const rootClassName$x = 'dot-form-group';
4091
3805
  const groupLabelClassName = 'dot-form-group-label';
4092
3806
  const startAdornmentClassName = 'dot-start-adornment';
4093
3807
  const endAdornmentClassName = 'dot-end-adornment';
@@ -4095,9 +3809,9 @@ const placementClassName = 'dot-';
4095
3809
  const StyledFormControl = styled(FormControl).withConfig({
4096
3810
  displayName: "FormControlstyles__StyledFormControl",
4097
3811
  componentId: "sc-532kip-0"
4098
- })(["&.", "{.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`);
3812
+ })(["&.", "{.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$x, endAdornmentClassName, startAdornmentClassName, `${placementClassName}start`, `${placementClassName}bottom`);
4099
3813
 
4100
- const rootClassName$x = 'dot-checkbox-group';
3814
+ const rootClassName$w = 'dot-checkbox-group';
4101
3815
  const wrapperClassName$1 = 'dot-checkbox-group-wrapper';
4102
3816
  const checkboxListClassName = 'dot-checkbox-list';
4103
3817
  const checkboxListItemClassName = 'dot-checkbox-list-item';
@@ -4106,16 +3820,16 @@ const StyledCheckboxGroup = styled.div.withConfig({
4106
3820
  componentId: "bhb21v-0"
4107
3821
  })(["", ""], ({
4108
3822
  theme
4109
- }) => 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:", "px;.", "{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));
3823
+ }) => 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$w, theme.typography.body2.fontFamily, theme.typography.body2.fontSize, theme.typography.body2.fontWeight, theme.palette.grey[400], checkboxListClassName, theme.spacing(2.5), rootClassName$z));
4110
3824
 
4111
- const rootClassName$w = 'dot-form-group';
3825
+ const rootClassName$v = 'dot-form-group';
4112
3826
  const StyledFormGroup = styled(FormGroup).withConfig({
4113
3827
  displayName: "FormGroupstyles__StyledFormGroup",
4114
3828
  componentId: "sc-1dlipcr-0"
4115
3829
  })(["", ""], ({
4116
3830
  theme,
4117
3831
  row
4118
- }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$w, row ? `${theme.spacing(0.5)}px` : 0));
3832
+ }) => css(["&.", "{& > *{margin:", ";}}"], rootClassName$v, row ? `${theme.spacing(0.5)}` : 0));
4119
3833
 
4120
3834
  function DotFormGroup({
4121
3835
  ariaLabel,
@@ -4124,7 +3838,7 @@ function DotFormGroup({
4124
3838
  'data-testid': dataTestId,
4125
3839
  row
4126
3840
  }) {
4127
- const rootClasses = useStylesWithRootClass(rootClassName$y, className);
3841
+ const rootClasses = useStylesWithRootClass(rootClassName$x, className);
4128
3842
  return jsx(StyledFormGroup, Object.assign({
4129
3843
  "aria-label": ariaLabel,
4130
3844
  classes: {
@@ -4164,7 +3878,7 @@ function DotCheckboxGroup({
4164
3878
  size = 'medium'
4165
3879
  }) {
4166
3880
  const placement = `${placementClassName}${labelPlacement}`;
4167
- const rootClasses = useStylesWithRootClass(rootClassName$y, rootClassName$x, className, placement);
3881
+ const rootClasses = useStylesWithRootClass(rootClassName$x, rootClassName$w, className, placement);
4168
3882
  const [selectedOptions, setSelectedOptions] = useState(defaultValues);
4169
3883
  const [allChecked, setAllChecked] = useState(false);
4170
3884
  /* This will ensure that state can be updated from the outside */
@@ -4261,13 +3975,13 @@ function DotCheckboxGroup({
4261
3975
  }), void 0);
4262
3976
  }
4263
3977
 
4264
- const rootClassName$v = 'dot-dialog';
3978
+ const rootClassName$u = 'dot-dialog';
4265
3979
  const StyledDialog = styled(Dialog).withConfig({
4266
3980
  displayName: "Dialogstyles__StyledDialog",
4267
3981
  componentId: "sc-1tkr4ex-0"
4268
3982
  })(["", ""], ({
4269
3983
  theme
4270
- }) => css(["&.", "{.MuiDialog-paper{background-color:", ";min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{align-items:center;display:flex;flex-wrap:nowrap;padding:", ";h2{flex-grow:1;}.dot-icon-button{margin-left:", "px;}}.dot-dialog-content{padding:", ";overflow-y:auto;}.dot-dialog-actions{padding:", ";.cancel-button{color:inherit;}}}"], rootClassName$v, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2)));
3984
+ }) => css(["&.", "{.MuiDialog-paper{min-width:280px;max-height:80vh;max-width:80vw;}.MuiDialogTitle-root{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$u, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(1)));
4271
3985
 
4272
3986
  const DotDialog = ({
4273
3987
  ariaLabel,
@@ -4284,7 +3998,7 @@ const DotDialog = ({
4284
3998
  submitButtonProps,
4285
3999
  title
4286
4000
  }) => {
4287
- const rootClasses = useStylesWithRootClass(rootClassName$v, className);
4001
+ const rootClasses = useStylesWithRootClass(rootClassName$u, className);
4288
4002
  const cancelClasses = useStylesWithRootClass(cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, 'cancel-button');
4289
4003
  const [isOpen, setIsOpen] = useState(open);
4290
4004
  useEffect(() => {
@@ -4327,15 +4041,13 @@ const DotDialog = ({
4327
4041
  onClose: handleClickAway,
4328
4042
  open: isOpen
4329
4043
  }, {
4330
- children: [jsxs(DialogTitle, Object.assign({
4331
- disableTypography: true
4332
- }, {
4044
+ children: [jsxs(DialogTitle, {
4333
4045
  children: [renderNodeOrTypography(title, 'h2'), closeIconVisible && jsx(DotIconButton, {
4334
4046
  iconId: "close",
4335
4047
  onClick: handleCancel,
4336
4048
  size: "small"
4337
4049
  }, void 0)]
4338
- }), void 0), jsx(DialogContent, Object.assign({
4050
+ }, void 0), jsx(DialogContent, Object.assign({
4339
4051
  classes: {
4340
4052
  root: `dot-dialog-content`
4341
4053
  }
@@ -4410,7 +4122,7 @@ const DotConfirmationDialog = ({
4410
4122
  }), void 0);
4411
4123
  };
4412
4124
 
4413
- const rootClassName$u = 'dot-grid';
4125
+ const rootClassName$t = 'dot-grid';
4414
4126
 
4415
4127
  const frGetter = value => typeof value === 'number' ? `repeat(${value}, 1fr)` : value;
4416
4128
 
@@ -4458,7 +4170,7 @@ const Grid = ({
4458
4170
  className,
4459
4171
  children
4460
4172
  }) => {
4461
- const rootClasses = useStylesWithRootClass(rootClassName$u, className);
4173
+ const rootClasses = useStylesWithRootClass(rootClassName$t, className);
4462
4174
  return jsx("div", Object.assign({
4463
4175
  className: rootClasses
4464
4176
  }, {
@@ -4479,7 +4191,7 @@ const StyledGrid = styled(Grid).withConfig({
4479
4191
  rows,
4480
4192
  theme,
4481
4193
  width
4482
- }) => 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};`));
4194
+ }) => css(["&.", "{display:grid;grid-template-rows:", ";", " ", " ", " ", " ", ""], rootClassName$t, 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};`));
4483
4195
  const CssGrid = props => {
4484
4196
  return jsx(StyledGrid, Object.assign({}, props), void 0);
4485
4197
  };
@@ -4647,13 +4359,13 @@ const CssGridDebug = ({
4647
4359
  }), void 0);
4648
4360
  };
4649
4361
 
4650
- const rootClassName$t = 'dot-empty-state';
4362
+ const rootClassName$s = 'dot-empty-state';
4651
4363
  const StyledEmptyState = styled.div.withConfig({
4652
4364
  displayName: "EmptyStatestyles__StyledEmptyState",
4653
4365
  componentId: "sc-1sftmht-0"
4654
4366
  })(["", ""], ({
4655
4367
  theme
4656
- }) => css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", "px;}h2{margin-bottom:", "px;}.dot-button{margin-top:", "px;}}"], theme.spacing(5), theme.spacing(1), theme.spacing(4)));
4368
+ }) => css(["&.dot-empty-state{margin:0 auto;max-width:600px;text-align:center;.empty-state-image{min-height:239px;margin-bottom:", ";}h2{margin-bottom:", ";}.dot-button{margin-top:", ";}}"], theme.spacing(5), theme.spacing(1), theme.spacing(4)));
4657
4369
 
4658
4370
  const DotEmptyState = ({
4659
4371
  ariaLabel,
@@ -4665,7 +4377,7 @@ const DotEmptyState = ({
4665
4377
  subtitle,
4666
4378
  title
4667
4379
  }) => {
4668
- const rootClasses = useStylesWithRootClass(rootClassName$t, className);
4380
+ const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4669
4381
  return jsxs(StyledEmptyState, Object.assign({
4670
4382
  "aria-label": ariaLabel,
4671
4383
  className: rootClasses,
@@ -4701,15 +4413,15 @@ const StyledRadioGroup = styled(RadioGroup).withConfig({
4701
4413
  componentId: "sc-84g3mq-1"
4702
4414
  })(["", ""], ({
4703
4415
  theme
4704
- }) => css(["{&.", "{padding-left:", "px;.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$A));
4416
+ }) => css(["{&.", "{padding-left:", ";.", "{margin:0;}}"], groupClassName, theme.spacing(2.5), rootClassName$z));
4705
4417
 
4706
- const rootClassName$s = 'dot-form';
4418
+ const rootClassName$r = 'dot-form';
4707
4419
  const StyledFormContainer = styled.div.withConfig({
4708
4420
  displayName: "Formstyles__StyledFormContainer",
4709
4421
  componentId: "bbovqo-0"
4710
4422
  })(["", ""], ({
4711
4423
  theme
4712
- }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$s, theme.spacing(3, 0), rootClassName$y, rootClassName$A, rootClassName$G, rootSelectClassName, theme.spacing(1, 0), rootClassName$x, groupClassName, rootClassName$A));
4424
+ }) => css(["&.", "{margin:", ";.", ",.", ",.", ",.", "{margin:", ";}.", ",.", "{.", "{margin:0;}}}"], rootClassName$r, theme.spacing(3, 0), rootClassName$x, rootClassName$z, rootClassName$Y, rootSelectClassName, theme.spacing(1, 0), rootClassName$w, groupClassName, rootClassName$z));
4713
4425
 
4714
4426
  const DotForm = ({
4715
4427
  ariaLabel,
@@ -4718,7 +4430,7 @@ const DotForm = ({
4718
4430
  'data-testid': dataTestId,
4719
4431
  onSubmit
4720
4432
  }) => {
4721
- const rootClasses = useStylesWithRootClass(rootClassName$s, className);
4433
+ const rootClasses = useStylesWithRootClass(rootClassName$r, className);
4722
4434
  return jsx("form", Object.assign({
4723
4435
  "aria-label": ariaLabel,
4724
4436
  "data-testid": dataTestId,
@@ -4733,11 +4445,11 @@ const DotForm = ({
4733
4445
  }), void 0);
4734
4446
  };
4735
4447
 
4736
- const rootClassName$r = 'dot-dynamic-form';
4448
+ const rootClassName$q = 'dot-dynamic-form';
4737
4449
  const StyledDynamicForm = styled(DotForm).withConfig({
4738
4450
  displayName: "DynamicFormstyles__StyledDynamicForm",
4739
4451
  componentId: "sc-1lnljcn-0"
4740
- })(["", ""], () => css(["&.", "{}"], rootClassName$r));
4452
+ })(["", ""], () => css(["&.", "{}"], rootClassName$q));
4741
4453
 
4742
4454
  const DATA_CONTROLS = ['dot-autocomplete', 'dot-checkbox', 'dot-checkbox-group', 'dot-input-select', 'dot-input-text', 'dot-radio-group', 'dot-switch'];
4743
4455
  /* Array of control types for which we don't have error state so validation doesn't make any sense */
@@ -5013,6 +4725,8 @@ const DotInputText = ({
5013
4725
  id,
5014
4726
  inputRef,
5015
4727
  label,
4728
+ maxRows,
4729
+ minRows,
5016
4730
  multiline: _multiline = false,
5017
4731
  name,
5018
4732
  onBlur,
@@ -5024,8 +4738,6 @@ const DotInputText = ({
5024
4738
  placeholder,
5025
4739
  readOnly: _readOnly = false,
5026
4740
  required: _required = false,
5027
- rows,
5028
- rowsMax,
5029
4741
  shrink,
5030
4742
  startIcon,
5031
4743
  size: _size = 'small',
@@ -5039,7 +4751,7 @@ const DotInputText = ({
5039
4751
  const hasEndAdornmentIcon = endIcon || _error || hasWarning || hasSuccess; // This state is used only with debounce feature enabled
5040
4752
 
5041
4753
  const [inputTextState, setInputTextState] = useState(hasDebounce && getInitialState(value));
5042
- const rootStyles = useStylesWithRootClass(rootClassName$G, className, hasWarning, hasSuccess, _readOnly ? 'read-only' : ''); // Used to control text value from the consumer component
4754
+ const rootStyles = useStylesWithRootClass(rootClassName$Y, className, hasWarning, hasSuccess, _readOnly ? 'read-only' : ''); // Used to control text value from the consumer component
5043
4755
  // when debounce feature is enabled
5044
4756
 
5045
4757
  useEffect(() => {
@@ -5128,8 +4840,8 @@ const DotInputText = ({
5128
4840
  onMouseUp: onMouseUp,
5129
4841
  placeholder: placeholder,
5130
4842
  required: _required,
5131
- rows: _multiline ? rows : null,
5132
- rowsMax: _multiline ? rowsMax : null,
4843
+ minRows: _multiline ? minRows : null,
4844
+ maxRows: _multiline ? maxRows : null,
5133
4845
  size: _size,
5134
4846
  type: _type,
5135
4847
  value: inputTextValue,
@@ -5249,13 +4961,13 @@ const DotInputSelect = ({
5249
4961
  }, void 0);
5250
4962
  };
5251
4963
 
5252
- const rootClassName$q = 'dot-progress-button';
4964
+ const rootClassName$p = 'dot-progress-button';
5253
4965
  const StyledProgressButton = styled(DotButton).withConfig({
5254
4966
  displayName: "ProgressButtonstyles__StyledProgressButton",
5255
4967
  componentId: "sc-1fvgky0-0"
5256
4968
  })(["", ""], ({
5257
4969
  theme
5258
- }) => 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));
4970
+ }) => css(["&.", "{.hidden{visibility:hidden;}.progress-circle{color:", ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}}"], rootClassName$p, theme.palette.layer.n300));
5259
4971
 
5260
4972
  const SPINNER_DEFAULT_SIZE = 20;
5261
4973
  const SPINNER_LARGE_SIZE = 24;
@@ -5274,7 +4986,7 @@ const DotProgressButton = ({
5274
4986
  tooltip,
5275
4987
  type: _type = 'primary'
5276
4988
  }) => {
5277
- const rootClasses = useStylesWithRootClass(rootClassName$q, className);
4989
+ const rootClasses = useStylesWithRootClass(rootClassName$p, className);
5278
4990
  const isButtonDisabled = _disabled || _isLoading;
5279
4991
  const titleClasses = useStylesWithRootClass(_isLoading ? 'hidden' : '');
5280
4992
  const progressCircleSize = _size === 'large' ? SPINNER_LARGE_SIZE : SPINNER_DEFAULT_SIZE;
@@ -5302,11 +5014,11 @@ const DotProgressButton = ({
5302
5014
  }), void 0);
5303
5015
  };
5304
5016
 
5305
- const rootClassName$p = 'dot-radio';
5017
+ const rootClassName$o = 'dot-radio';
5306
5018
  const StyledRadioButton = styled(Radio).withConfig({
5307
5019
  displayName: "RadioButtonstyles__StyledRadioButton",
5308
5020
  componentId: "brp0sc-0"
5309
- })(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$p));
5021
+ })(["", ""], () => css(["{&.", "{padding:8px;}"], rootClassName$o));
5310
5022
 
5311
5023
  function DotRadioButton({
5312
5024
  ariaLabel,
@@ -5324,31 +5036,33 @@ function DotRadioButton({
5324
5036
  size = 'medium',
5325
5037
  value
5326
5038
  }) {
5327
- const rootClasses = useStylesWithRootClass(rootClassName$A, className);
5039
+ const rootClasses = useStylesWithRootClass(rootClassName$z, className);
5328
5040
 
5329
5041
  const handleChange = event => {
5330
5042
  onChange && onChange(event, event.target.value);
5331
5043
  };
5332
5044
 
5045
+ const radioControl = jsx(StyledRadioButton, {
5046
+ "aria-label": ariaLabel,
5047
+ checked: checked,
5048
+ classes: {
5049
+ root: rootClassName$o
5050
+ },
5051
+ color: "primary",
5052
+ "data-testid": dataTestId,
5053
+ disabled: disabled,
5054
+ id: id,
5055
+ inputRef: inputRef,
5056
+ name: name,
5057
+ onChange: handleChange,
5058
+ required: required,
5059
+ size: size
5060
+ }, void 0);
5061
+
5333
5062
  return jsx(StyledFormControlLabel, {
5334
5063
  className: rootClasses,
5335
- control: jsx(StyledRadioButton, {
5336
- "aria-label": ariaLabel,
5337
- checked: checked,
5338
- classes: {
5339
- root: rootClassName$p
5340
- },
5341
- color: "primary",
5342
- "data-testid": dataTestId,
5343
- disabled: disabled,
5344
- id: id,
5345
- inputRef: inputRef,
5346
- name: name,
5347
- onChange: handleChange,
5348
- required: required,
5349
- size: size
5350
- }, void 0),
5351
- label: label,
5064
+ control: radioControl,
5065
+ label: label || radioControl,
5352
5066
  labelPlacement: labelPlacement,
5353
5067
  value: value
5354
5068
  }, void 0);
@@ -5375,7 +5089,7 @@ const DotRadioGroup = ({
5375
5089
  size: _size = 'medium'
5376
5090
  }) => {
5377
5091
  const placement = `${placementClassName}${_labelPlacement}`;
5378
- const rootClasses = useStylesWithRootClass(rootClassName$y, className, placement);
5092
+ const rootClasses = useStylesWithRootClass(rootClassName$x, className, placement);
5379
5093
  const radioValue = value || defaultValue;
5380
5094
  const [selectedValue, setSelectedValue] = useState(radioValue);
5381
5095
  /* This will ensure that value can be updated from the outside */
@@ -5448,7 +5162,7 @@ const DotRadioGroup = ({
5448
5162
  }), void 0);
5449
5163
  };
5450
5164
 
5451
- const rootClassName$o = 'dot-switch';
5165
+ const rootClassName$n = 'dot-switch';
5452
5166
  const StyledSwitch = styled(Switch).withConfig({
5453
5167
  displayName: "Switchstyles__StyledSwitch",
5454
5168
  componentId: "eign2a-0"
@@ -5460,7 +5174,7 @@ const DotSwitch = ({
5460
5174
  ariaLabel,
5461
5175
  checked,
5462
5176
  className,
5463
- color: _color = 'primary',
5177
+ color,
5464
5178
  'data-testid': dataTestId,
5465
5179
  disabled: _disabled = false,
5466
5180
  id,
@@ -5470,31 +5184,33 @@ const DotSwitch = ({
5470
5184
  onChange,
5471
5185
  size: _size = 'medium'
5472
5186
  }) => {
5473
- const rootClasses = useStylesWithRootClass(rootClassName$o, className);
5187
+ const rootClasses = useStylesWithRootClass(rootClassName$n, className);
5474
5188
 
5475
5189
  const handleChange = event => {
5476
5190
  onChange && onChange(event);
5477
5191
  };
5478
5192
 
5193
+ const switchControl = jsx(StyledSwitch, {
5194
+ checked: checked,
5195
+ classes: {
5196
+ root: rootClasses
5197
+ },
5198
+ color: color,
5199
+ "data-testid": dataTestId,
5200
+ disabled: _disabled,
5201
+ id: id,
5202
+ inputProps: {
5203
+ 'aria-label': ariaLabel || label
5204
+ },
5205
+ inputRef: inputRef,
5206
+ onChange: handleChange,
5207
+ size: _size
5208
+ }, void 0);
5209
+
5479
5210
  return jsx(StyledFormControlLabel, {
5480
- className: rootClassName$A,
5481
- control: jsx(StyledSwitch, {
5482
- checked: checked,
5483
- classes: {
5484
- root: rootClasses
5485
- },
5486
- color: _color,
5487
- "data-testid": dataTestId,
5488
- disabled: _disabled,
5489
- id: id,
5490
- inputProps: {
5491
- 'aria-label': ariaLabel ? ariaLabel : label
5492
- },
5493
- inputRef: inputRef,
5494
- onChange: handleChange,
5495
- size: _size
5496
- }, void 0),
5497
- label: label,
5211
+ className: rootClassName$z,
5212
+ control: switchControl,
5213
+ label: label || switchControl,
5498
5214
  labelPlacement: _labelPlacement
5499
5215
  }, void 0);
5500
5216
  };
@@ -5809,7 +5525,7 @@ const DotDynamicForm = ({
5809
5525
  onChange,
5810
5526
  onSubmit
5811
5527
  }) => {
5812
- const rootClasses = useStylesWithRootClass(rootClassName$r, className); // Memoize this operation so that is doesn't get executed each time this
5528
+ const rootClasses = useStylesWithRootClass(rootClassName$q, className); // Memoize this operation so that is doesn't get executed each time this
5813
5529
  // component re-renders
5814
5530
 
5815
5531
  const initialFormState = useMemo(() => getInitialFormState(config, _liveValidation), [config, _liveValidation, getInitialFormState]);
@@ -6094,7 +5810,7 @@ const DotDynamicForm = ({
6094
5810
  }), void 0);
6095
5811
  };
6096
5812
 
6097
- const rootClassName$n = 'dot-inline-edit';
5813
+ const rootClassName$m = 'dot-inline-edit';
6098
5814
  const editModeClassName = 'dot-edit-mode';
6099
5815
  const viewModeClassName = 'dot-view-mode';
6100
5816
  const readOnlyClassName = 'dot-read-only';
@@ -6106,17 +5822,17 @@ const StyledInlineEdit = styled.div.withConfig({
6106
5822
  })(["", ""], ({
6107
5823
  theme,
6108
5824
  fullWidth
6109
- }) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", "px;&:not(.", "):focus-visible{border-radius:", "px;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:", "px;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:", "px;}", " .", " .dot-input{padding-left:", "px;}.MuiOutlinedInput-input:focus{cursor:auto;}.dot-counter-adornment{.dot-counter-max-length{color:", ";}.dot-counter-length,.dot-counter-max-length{&.dot-counter-limit{color:", ";}}}.dot-read-only-adornment{display:none;}.", "{display:flex;align-items:center;margin:", ";.dot-button{padding:", "px;margin-top:", ";margin-bottom:", ";}}}"], 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), ({
5825
+ }) => css(["&.dot-inline-edit{display:", ";align-items:center;color:", ";min-width:", ";&:not(.", "):focus-visible{border-radius:", "px;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:", ";}}}"], 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), ({
6110
5826
  typography
6111
5827
  }) => typography && `
6112
5828
  .MuiInputBase-root {
6113
5829
  font-family: ${theme.typography[typography].fontFamily || 'inherit'};
6114
- font-size: ${theme.typography[typography].fontSize}px;
5830
+ font-size: ${theme.typography[typography].fontSize};
6115
5831
  line-height: ${theme.typography[typography].lineHeight || 'normal'};
6116
5832
  letter-spacing: ${theme.typography[typography].letterSpacing || 'normal'};
6117
5833
  text-transform: ${theme.typography[typography].textTransform || 'none'};
6118
5834
  }
6119
- `, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
5835
+ `, editTextFieldClassName, theme.spacing(1), theme.palette.layer.n400, theme.palette.error[500], theme.palette.grey[50], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), editActionsClassName, theme.spacing(0, 0, 0, 0.5), theme.spacing(0.75), theme.spacing(0), theme.spacing(0)));
6120
5836
 
6121
5837
  const getCounterAdornment = (currentLength, maxLength, dataTestId) => {
6122
5838
  if (currentLength === undefined || typeof currentLength !== 'number' || !maxLength || typeof maxLength !== 'number') return;
@@ -6174,8 +5890,8 @@ const applyBindings = (bindings, inlineEditText) => {
6174
5890
  // increment key value only if className value is defined
6175
5891
  className && key++;
6176
5892
  const nextStartingIndex = bindingStringIndex + stringBinding.length;
6177
- const previousText = text.substr(0, bindingStringIndex);
6178
- text = text.substr(nextStartingIndex, text.length);
5893
+ const previousText = text.substring(0, bindingStringIndex);
5894
+ text = text.substring(nextStartingIndex, text.length);
6179
5895
  bindingStringIndex = text.indexOf(stringBinding); // Add nodes to array
6180
5896
 
6181
5897
  boundNode = [boundNode, previousText, className ? jsx("span", Object.assign({
@@ -6221,7 +5937,7 @@ const DotInlineEdit = ({
6221
5937
  const inputRef = useRef();
6222
5938
  const inlineEditRef = useRef();
6223
5939
  const isSaveDisabled = checkIfEmptyValue(inputValue);
6224
- const rootClasses = useStylesWithRootClass(rootClassName$n, className, editing ? editModeClassName : '');
5940
+ const rootClasses = useStylesWithRootClass(rootClassName$m, className, editing ? editModeClassName : '');
6225
5941
 
6226
5942
  const handleShowTooltip = visible => {
6227
5943
  if (isNotReadOnlyOrEditing) {
@@ -6417,14 +6133,14 @@ const DotInlineEdit = ({
6417
6133
  }), void 0);
6418
6134
  };
6419
6135
 
6420
- const rootClassName$m = 'dot-navigation-rail';
6136
+ const rootClassName$l = 'dot-navigation-rail';
6421
6137
  const StyledNavigationRail = styled.div.withConfig({
6422
6138
  displayName: "NavigationRailstyles__StyledNavigationRail",
6423
6139
  componentId: "sc-160kivd-0"
6424
6140
  })(["", ""], ({
6425
6141
  theme,
6426
6142
  railItemPosition
6427
- }) => css(["&.", "{background-color:", ";border-left:1px solid ", ";display:flex;flex-direction:column;justify-content:", ";padding:", ";width:72px;.rail-item-button{flex-basis:72px;border-radius:0;margin:0;padding:0;width:100%;white-space:normal;&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;.rail-item-text{word-break:break-word;}}}}"], rootClassName$m, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100));
6143
+ }) => 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;word-break:break-word;.dot-icon{color:", ";}&.selected{background-color:", ";}&:focus-visible{background-color:", ";}.MuiButton-label{display:flex;flex-direction:column;.rail-item-text{word-break:break-word;}}}}"], rootClassName$l, 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));
6428
6144
 
6429
6145
  const MAX_ALLOWED_ITEMS = 7;
6430
6146
  const DotNavigationRail = ({
@@ -6436,7 +6152,7 @@ const DotNavigationRail = ({
6436
6152
  railItems,
6437
6153
  selectedIndex: _selectedIndex = 0
6438
6154
  }) => {
6439
- const rootClasses = useStylesWithRootClass(rootClassName$m, className);
6155
+ const rootClasses = useStylesWithRootClass(rootClassName$l, className);
6440
6156
  const [selectedItemIndex, setSelectedItemIndex] = useState(_selectedIndex);
6441
6157
  /* Used to change selected index programmatically from the consumer component */
6442
6158
 
@@ -6497,16 +6213,16 @@ const DotNavigationRail = ({
6497
6213
  }), void 0);
6498
6214
  };
6499
6215
 
6500
- const rootClassName$l = 'dot-pill';
6216
+ const rootClassName$k = 'dot-pill';
6501
6217
  const StyledPill = styled(Chip).withConfig({
6502
6218
  displayName: "Pillstyles__StyledPill",
6503
6219
  componentId: "l7oxi2-0"
6504
6220
  })(["", ""], ({
6505
6221
  theme
6506
- }) => 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, ({
6222
+ }) => css(["&.", "{background-color:", ";color:", ";border-color:", ";&.error{background-color:", ";color:", ";}&.success{background-color:", ";color:", ";}&.warning{background-color:", ";color:", ";}&.in-progress{background-color:", ";color:", ";}"], rootClassName$k, ({
6507
6223
  backgroundcolor
6508
6224
  }) => {
6509
- return backgroundcolor ? backgroundcolor : theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200];
6225
+ return backgroundcolor || theme.palette.grey[200];
6510
6226
  }, ({
6511
6227
  labelcolor
6512
6228
  }) => {
@@ -6528,9 +6244,9 @@ const DotPill = ({
6528
6244
  labelcolor,
6529
6245
  size: _size = 'medium',
6530
6246
  status: _status = 'default',
6531
- variant: _variant = 'default'
6247
+ variant: _variant = 'filled'
6532
6248
  }) => {
6533
- const rootClasses = useStylesWithRootClass(rootClassName$l, className, _status);
6249
+ const rootClasses = useStylesWithRootClass(rootClassName$k, className, _status);
6534
6250
  return jsx(StyledPill, {
6535
6251
  "aria-label": ariaLabel,
6536
6252
  bordercolor: bordercolor,
@@ -6548,13 +6264,13 @@ const DotPill = ({
6548
6264
  }, void 0);
6549
6265
  };
6550
6266
 
6551
- const rootClassName$k = 'dot-skeleton';
6267
+ const rootClassName$j = 'dot-skeleton';
6552
6268
  const StyledSkeleton = styled(Skeleton).withConfig({
6553
6269
  displayName: "Skeletonstyles__StyledSkeleton",
6554
6270
  componentId: "sc-17ayzv5-0"
6555
6271
  })(["", ""], ({
6556
6272
  theme
6557
- }) => css(["&.", "{background-color:", ";}"], rootClassName$k, theme.palette.grey[100]));
6273
+ }) => css(["&.", "{background-color:", ";}"], rootClassName$j, theme.palette.grey[100]));
6558
6274
 
6559
6275
  const DotSkeleton = ({
6560
6276
  ariaLabel,
@@ -6565,9 +6281,7 @@ const DotSkeleton = ({
6565
6281
  width,
6566
6282
  variant
6567
6283
  }) => {
6568
- const rootClasses = useStylesWithRootClass(rootClassName$k, className); // When we upgrade to Material UI v5 this must be removed!
6569
-
6570
- const skeletonVariant = variant === 'circular' ? 'circle' : variant === 'rectangular' ? 'rect' : variant;
6284
+ const rootClasses = useStylesWithRootClass(rootClassName$j, className);
6571
6285
  return jsx(StyledSkeleton, Object.assign({
6572
6286
  animation: "wave",
6573
6287
  "aria-label": ariaLabel,
@@ -6576,20 +6290,20 @@ const DotSkeleton = ({
6576
6290
  },
6577
6291
  "data-testid": dataTestId,
6578
6292
  height: height,
6579
- variant: skeletonVariant,
6293
+ variant: variant,
6580
6294
  width: width
6581
6295
  }, {
6582
6296
  children: children
6583
6297
  }), void 0);
6584
6298
  };
6585
6299
 
6586
- const rootClassName$j = 'dot-snackbar';
6300
+ const rootClassName$i = 'dot-snackbar';
6587
6301
  const StyledSnackbar = styled(Snackbar).withConfig({
6588
6302
  displayName: "Snackbarstyles__StyledSnackbar",
6589
6303
  componentId: "sc-1huxoy3-0"
6590
6304
  })(["", ""], ({
6591
6305
  theme
6592
- }) => 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));
6306
+ }) => 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$i, 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));
6593
6307
 
6594
6308
  function addAutoHideDuration(severity) {
6595
6309
  return severity === 'error' ? null : 10000;
@@ -6625,7 +6339,7 @@ const DotSnackbar = ({
6625
6339
  onClose,
6626
6340
  action
6627
6341
  });
6628
- const rootClasses = useStylesWithRootClass(rootClassName$j, className);
6342
+ const rootClasses = useStylesWithRootClass(rootClassName$i, className);
6629
6343
  return jsx(StyledSnackbar, Object.assign({
6630
6344
  anchorOrigin: _anchorOrigin,
6631
6345
  "aria-label": ariaLabel,
@@ -6655,11 +6369,11 @@ const DotSnackbar = ({
6655
6369
  }), void 0);
6656
6370
  };
6657
6371
 
6658
- const rootClassName$i = 'dot-snackbar-container';
6372
+ const rootClassName$h = 'dot-snackbar-container';
6659
6373
  const StyledSnackbarContainer = styled.div.withConfig({
6660
6374
  displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
6661
6375
  componentId: "sc-1ogwjuc-0"
6662
- })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$i));
6376
+ })(["", ""], () => css(["&.", "{position:absolute;top:0;width:250px;height:auto;right:0;& > div{position:relative;}}"], rootClassName$h));
6663
6377
 
6664
6378
  const DotSnackbarContext = /*#__PURE__*/createContext({
6665
6379
  alerts: [],
@@ -6679,11 +6393,11 @@ const DotSnackbarContainer = () => {
6679
6393
  }
6680
6394
 
6681
6395
  return jsx(StyledSnackbarContainer, Object.assign({
6682
- className: rootClassName$i
6396
+ className: rootClassName$h
6683
6397
  }, {
6684
6398
  children: jsx("div", Object.assign({
6685
- className: rootClassName$i,
6686
- "data-testid": rootClassName$i
6399
+ className: rootClassName$h,
6400
+ "data-testid": rootClassName$h
6687
6401
  }, {
6688
6402
  children: alerts.slice().reverse().map(alert => {
6689
6403
  return jsx(DotSnackbar, Object.assign({
@@ -6741,13 +6455,13 @@ const useDotSnackbarContext = () => {
6741
6455
  return useContext(DotSnackbarContext);
6742
6456
  };
6743
6457
 
6744
- const rootClassName$h = 'dot-split-button-group';
6458
+ const rootClassName$g = 'dot-split-button-group';
6745
6459
  const StyledSplitButtonGroup = styled(ButtonGroup).withConfig({
6746
6460
  displayName: "SplitButtonstyles__StyledSplitButtonGroup",
6747
6461
  componentId: "ild520-0"
6748
6462
  })(["", ""], ({
6749
6463
  theme
6750
- }) => 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 ", ";&.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']));
6464
+ }) => 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$g, 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']));
6751
6465
  const StyledMenu$2 = styled(DotMenu).withConfig({
6752
6466
  displayName: "SplitButtonstyles__StyledMenu",
6753
6467
  componentId: "ild520-1"
@@ -6773,13 +6487,10 @@ const DotSplitButton = ({
6773
6487
  onOptionClick,
6774
6488
  options: _options = [],
6775
6489
  size: _size = 'medium',
6776
-
6777
- /** The use of `titleTooltip` is deprecated and will be removed in the next major release */
6778
- titleTooltip,
6779
6490
  tooltip,
6780
6491
  type: _type = 'primary'
6781
6492
  }) => {
6782
- const rootClasses = useStylesWithRootClass(rootClassName$h, className, _type, _disabled ? 'disabled' : '');
6493
+ const rootClasses = useStylesWithRootClass(rootClassName$g, className, _type, _disabled ? 'disabled' : '');
6783
6494
  const [open, setOpen] = useState(false);
6784
6495
  const anchorRef = useRef(null);
6785
6496
  const hasEmptyOptions = _options.length === 0;
@@ -6796,17 +6507,11 @@ const DotSplitButton = ({
6796
6507
  const isMainOptionDisabled = _disabled || hasEmptyOptions || mainOptionDisabled;
6797
6508
  const isMenuButtonDisabled = _disabled || hasEmptyOptions || _options.length === 1;
6798
6509
 
6799
- const handleClick = (event, menuId, itemKey) => {
6510
+ const handleClick = (_event, _menuId, itemKey) => {
6800
6511
  setOpen(false);
6801
6512
  onOptionClick(itemKey);
6802
6513
  };
6803
6514
 
6804
- useEffect(() => {
6805
- // deprecation warning
6806
- if (titleTooltip) {
6807
- console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
6808
- }
6809
- }, []);
6810
6515
  return jsxs(Fragment$1, {
6811
6516
  children: [jsxs(StyledSplitButtonGroup, Object.assign({
6812
6517
  "aria-label": ariaLabel,
@@ -6855,14 +6560,14 @@ const DotSplitButton = ({
6855
6560
  }, void 0);
6856
6561
  };
6857
6562
 
6858
- const rootClassName$g = 'dot-table-pagination';
6563
+ const rootClassName$f = 'dot-table-pagination';
6859
6564
  const StyledTablePagination = styled.div.withConfig({
6860
6565
  displayName: "TablePaginationstyles__StyledTablePagination",
6861
6566
  componentId: "bs7p0b-0"
6862
6567
  })(["", ""], ({
6863
6568
  theme,
6864
6569
  typography
6865
- }) => css([".", "{.dot-caption{font-size:", "px;margin:0;}.dot-menu{margin-bottom:0;}border-top:1px solid ", ";}"], rootClassName$g, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]));
6570
+ }) => css([".", "{border-top:1px solid ", ";.dot-caption{font-size:", ";margin:0;}.dot-menu,.MuiInputBase-root{margin-bottom:0;}}"], rootClassName$f, theme.palette.grey[200], theme.typography[typography].fontSize));
6866
6571
 
6867
6572
  const ROWS_PER_PAGE_OPTIONS = [10, 25, 50, 100, 150, 200];
6868
6573
  /** This component wraps the TablePagination component from @material-ui. */
@@ -6872,20 +6577,20 @@ const DotTablePagination = ({
6872
6577
  className,
6873
6578
  count,
6874
6579
  'data-testid': dataTestId,
6875
- onChangePage,
6876
- onChangeRowsPerPage,
6580
+ onPageChange,
6581
+ onRowsPerPageChange,
6877
6582
  page: _page = 0,
6878
6583
  rowsPerPage: _rowsPerPage = 10,
6879
6584
  typography: _typography = 'body1'
6880
6585
  }) => {
6881
- const rootClasses = useStylesWithRootClass(rootClassName$g, className);
6586
+ const rootClasses = useStylesWithRootClass(rootClassName$f, className);
6882
6587
 
6883
6588
  const handlePageChange = (event, newPage) => {
6884
- onChangePage && onChangePage(newPage);
6589
+ onPageChange && onPageChange(newPage);
6885
6590
  };
6886
6591
 
6887
6592
  const handleChangeRowsPerPage = evt => {
6888
- onChangeRowsPerPage && onChangeRowsPerPage(evt);
6593
+ onRowsPerPageChange && onRowsPerPageChange(evt);
6889
6594
  };
6890
6595
 
6891
6596
  return (
@@ -6898,7 +6603,8 @@ const DotTablePagination = ({
6898
6603
  classes: {
6899
6604
  root: rootClasses,
6900
6605
  selectIcon: 'dot-icon',
6901
- caption: 'dot-caption',
6606
+ selectLabel: 'dot-caption',
6607
+ displayedRows: 'dot-caption',
6902
6608
  menuItem: 'dot-li',
6903
6609
  selectRoot: 'dot-menu'
6904
6610
  },
@@ -6915,25 +6621,26 @@ const DotTablePagination = ({
6915
6621
  );
6916
6622
  };
6917
6623
 
6918
- const rootClassName$f = 'dot-table';
6624
+ const rootClassName$e = 'dot-table';
6919
6625
  const StyledPaper = styled(Paper).withConfig({
6920
6626
  displayName: "Tablestyles__StyledPaper",
6921
6627
  componentId: "s95z6y-0"
6922
6628
  })(["", ""], ({
6923
6629
  theme
6924
- }) => css(["&.", "{background:", ";overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$f, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.layer.n100));
6630
+ }) => css(["&.", "{overflow:hidden;border:1px solid ", ";&.loading{opacity:0.4;pointer-events:none;.dot-table-pagination{display:none;}}}"], rootClassName$e, theme.palette.layer.n100));
6925
6631
  const StyledTableContainer = styled(TableContainer).withConfig({
6926
6632
  displayName: "Tablestyles__StyledTableContainer",
6927
6633
  componentId: "s95z6y-1"
6928
6634
  })(["", ""], ({
6929
6635
  theme
6930
- }) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";&.MuiTableCell-stickyHeader{background:", ";}}.MuiTableRow-root{height:52px;}}}"], theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[200], theme.palette.layer.n100, theme.palette.product === 'agility' && theme.palette.layer.n50));
6636
+ }) => css(["&.dot-table-container{border-radius:4px;align-items:stretch;flex-direction:column;justify-content:center;table{width:100%;td,th{.dot-cell-typography{margin:0;}}.Mui-selected:not(:hover){background-color:", ";}.MuiTableRow-head{height:56px;}.MuiTableCell-root{border-bottom:1px solid ", ";}.MuiTableRow-root{height:52px;}}}"], theme.palette.grey[200], theme.palette.layer.n100));
6931
6637
  const StyledMenu$1 = styled(DotMenu).withConfig({
6932
6638
  displayName: "Tablestyles__StyledMenu",
6933
6639
  componentId: "s95z6y-2"
6934
6640
  })([".dot-ul > li{padding:0;> button{width:100%;margin:0;justify-content:flex-start;}}"]);
6935
6641
 
6936
- const getFormattedTableCellValue = (value, typographyVariant) => {
6642
+ const getFormattedTableCellValue = ( // eslint-disable-next-line @typescript-eslint/no-explicit-any
6643
+ value, typographyVariant) => {
6937
6644
  if (isString(value) || isNumber(value)) {
6938
6645
  return jsx(DotTypography, Object.assign({
6939
6646
  className: "dot-cell-typography",
@@ -6951,14 +6658,6 @@ const getFormattedTableCellValue = (value, typographyVariant) => {
6951
6658
  const getContainerMaxHeightStyle = (stickyHeader, maxHeight) => {
6952
6659
  const maxHeightStickyHeader = stickyHeader ? 'calc(100vh - 76px)' : '';
6953
6660
  return maxHeight ? maxHeight : maxHeightStickyHeader;
6954
- }; // Checks whether any table data cell (from the last column)
6955
- // is an array - if it is, that means that whole column can be
6956
- // considered an action column (action columns are always right aligned)
6957
-
6958
- const checkIfActionColumnExist = (columns, tableData) => {
6959
- if (!columns || columns.length < 1) return false;
6960
- const lastColumnId = columns[columns.length - 1].id;
6961
- return tableData.some(item => Array.isArray(item.rowData[lastColumnId]));
6962
6661
  };
6963
6662
  const getSelectedRowIds = (id, isChecked, selectedIds) => {
6964
6663
  const newIds = [...selectedIds];
@@ -7001,11 +6700,11 @@ const getBulkSelectedRowIds = (isChecked, selectedIds, pageData) => {
7001
6700
  return newIds;
7002
6701
  };
7003
6702
 
7004
- const rootClassName$e = 'dot-td';
6703
+ const rootClassName$d = 'dot-td';
7005
6704
  const StyledTableCell = styled(TableCell).withConfig({
7006
6705
  displayName: "TableCellstyles__StyledTableCell",
7007
6706
  componentId: "e84k25-0"
7008
- })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$e));
6707
+ })(["", ""], () => css(["&.", "{padding-top:0;padding-bottom:0;&.noWrap,&.actionItems{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.actionItems{text-overflow:clip;text-align:right;}.action-cell-wrapper{width:100%;}}"], rootClassName$d));
7009
6708
 
7010
6709
  /**
7011
6710
  * A wrapper component around the TableCell component from @material-ui.
@@ -7052,7 +6751,7 @@ const DotBodyCell = ({
7052
6751
  setShowMenu(isOverflowing);
7053
6752
  };
7054
6753
 
7055
- const rootClasses = useStylesWithRootClass(rootClassName$e, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
6754
+ const rootClasses = useStylesWithRootClass(rootClassName$d, className, noWrap && 'noWrap', Array.isArray(value) && 'actionItems');
7056
6755
 
7057
6756
  const getTableCellValue = () => {
7058
6757
  if (Array.isArray(value)) {
@@ -7095,13 +6794,13 @@ const DotBodyCell = ({
7095
6794
  }), void 0);
7096
6795
  };
7097
6796
 
7098
- const rootClassName$d = 'dot-td-checkbox';
6797
+ const rootClassName$c = 'dot-td-checkbox';
7099
6798
  const StyledTableBodyCheckboxCell = styled(TableCell).withConfig({
7100
6799
  displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
7101
6800
  componentId: "ebk3sz-0"
7102
6801
  })(["", ""], ({
7103
6802
  theme
7104
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$d, theme.spacing(5), theme.spacing(0, 1)));
6803
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$c, theme.spacing(5), theme.spacing(0, 1)));
7105
6804
 
7106
6805
  const DotBodyCheckboxCell = ({
7107
6806
  ariaLabel,
@@ -7111,7 +6810,7 @@ const DotBodyCheckboxCell = ({
7111
6810
  onChange,
7112
6811
  rowId
7113
6812
  }) => {
7114
- const rootClasses = useStylesWithRootClass(rootClassName$d, className);
6813
+ const rootClasses = useStylesWithRootClass(rootClassName$c, className);
7115
6814
  const [isCheckboxChecked, setIsCheckboxChecked] = useState(isChecked);
7116
6815
  /** This effect is used when 'checked' status is changed from the outside */
7117
6816
 
@@ -7140,13 +6839,13 @@ const DotBodyCheckboxCell = ({
7140
6839
  }), void 0);
7141
6840
  };
7142
6841
 
7143
- const rootClassName$c = 'dot-tr';
6842
+ const rootClassName$b = 'dot-tr';
7144
6843
  const StyledTableRowStyles = styled(TableRow).withConfig({
7145
6844
  displayName: "TableRowstyles__StyledTableRowStyles",
7146
6845
  componentId: "a4fx2l-0"
7147
6846
  })(["", ""], ({
7148
6847
  theme
7149
- }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$c, theme.palette.primary[50]));
6848
+ }) => css(["&.", "{&.selected{background-color:", ";}}"], rootClassName$b, theme.palette.primary[50]));
7150
6849
 
7151
6850
  /**
7152
6851
  * A wrapper component around the TableRow component from @material-ui. This component can be used
@@ -7176,7 +6875,7 @@ const DotTableRow = ({
7176
6875
  selectedTableRowIds
7177
6876
  } = multiSelectBody || {};
7178
6877
  const isCheckboxChecked = selectedTableRowIds && selectedTableRowIds.includes(id) || false;
7179
- const rootClasses = useStylesWithRootClass(rootClassName$c, isCheckboxChecked ? 'selected' : undefined, className);
6878
+ const rootClasses = useStylesWithRootClass(rootClassName$b, isCheckboxChecked ? 'selected' : undefined, className);
7180
6879
 
7181
6880
  const renderCheckboxCell = () => {
7182
6881
  return jsx(DotBodyCheckboxCell, {
@@ -7223,13 +6922,13 @@ const EmptyDotRow = ({
7223
6922
  }), CreateUUID());
7224
6923
  };
7225
6924
 
7226
- const rootClassName$b = 'dot-tbody';
6925
+ const rootClassName$a = 'dot-tbody';
7227
6926
  const StyledTableBody = styled(TableBody).withConfig({
7228
6927
  displayName: "TableBodystyles__StyledTableBody",
7229
6928
  componentId: "wszqgk-0"
7230
6929
  })(["", ""], ({
7231
6930
  theme
7232
- }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$b, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]));
6931
+ }) => css(["&.", "{tr:hover{background-color:", ";}tr:last-child td{border-bottom:none;}.empty-row td{text-align:center;}}"], rootClassName$a, theme.palette.grey[50]));
7233
6932
 
7234
6933
  /**
7235
6934
  * A wrapper component around the TableBody component from @material-ui. This component can be used
@@ -7284,7 +6983,7 @@ const DotTableBody = ({
7284
6983
  return jsxs(Fragment$1, {
7285
6984
  children: [jsx(StyledTableBody, Object.assign({
7286
6985
  classes: {
7287
- root: rootClassName$b
6986
+ root: rootClassName$a
7288
6987
  }
7289
6988
  }, {
7290
6989
  children: getTableBodyRows()
@@ -7300,11 +6999,13 @@ const DotTableBody = ({
7300
6999
  }, void 0);
7301
7000
  };
7302
7001
 
7303
- const rootClassName$a = 'dot-th';
7002
+ const rootClassName$9 = 'dot-th';
7304
7003
  const StyledTableHeaderCell = styled(TableCell).withConfig({
7305
7004
  displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
7306
7005
  componentId: "nko9j-0"
7307
- })(["", ""], () => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-weight:700;}}"], rootClassName$a));
7006
+ })(["", ""], ({
7007
+ theme
7008
+ }) => css(["&.", "{&.MuiTableCell-alignCenter > span.MuiTableSortLabel-root{padding-left:26px;}.dot-cell-typography{font-family:", ";}}"], rootClassName$9, theme.typography.h4.fontFamily));
7308
7009
 
7309
7010
  /**
7310
7011
  * A wrapper component around the TableCell component from @material-ui. This component should only
@@ -7316,7 +7017,6 @@ const DotHeaderCell = ({
7316
7017
  typography,
7317
7018
  createSortHandler,
7318
7019
  id,
7319
- isInActionColumn,
7320
7020
  order,
7321
7021
  orderBy,
7322
7022
  sortable: _sortable = true,
@@ -7327,7 +7027,6 @@ const DotHeaderCell = ({
7327
7027
  }) => {
7328
7028
  const headerTitle = isString(value) ? value : null;
7329
7029
  const formattedValue = getFormattedTableCellValue(value, typography);
7330
- const cellAlignment = isInActionColumn ? 'right' : align;
7331
7030
 
7332
7031
  const getCellValue = () => {
7333
7032
  if (_sortable) {
@@ -7349,9 +7048,9 @@ const DotHeaderCell = ({
7349
7048
  width: width
7350
7049
  } : undefined;
7351
7050
  return jsx(StyledTableHeaderCell, Object.assign({
7352
- align: cellAlignment,
7051
+ align: align,
7353
7052
  classes: {
7354
- root: rootClassName$a
7053
+ root: rootClassName$9
7355
7054
  },
7356
7055
  sortDirection: _sortable ? sortDirection : undefined,
7357
7056
  style: headerCellStyle,
@@ -7361,13 +7060,13 @@ const DotHeaderCell = ({
7361
7060
  }), uid);
7362
7061
  };
7363
7062
 
7364
- const rootClassName$9 = 'dot-th-checkbox';
7063
+ const rootClassName$8 = 'dot-th-checkbox';
7365
7064
  const StyledTableHeaderCheckboxCell = styled(TableCell).withConfig({
7366
7065
  displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
7367
7066
  componentId: "ymqg8x-0"
7368
7067
  })(["", ""], ({
7369
7068
  theme
7370
- }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", "px;padding:", ";}"], rootClassName$9, theme.spacing(5), theme.spacing(0, 1)));
7069
+ }) => css(["&.", "{.dot-form-control-label{margin:0;}width:", ";padding:", ";}"], rootClassName$8, theme.spacing(5), theme.spacing(0, 1)));
7371
7070
 
7372
7071
  const DotHeaderCheckboxCell = ({
7373
7072
  ariaLabel,
@@ -7376,7 +7075,7 @@ const DotHeaderCheckboxCell = ({
7376
7075
  multiSelectState,
7377
7076
  onCheckAllChange
7378
7077
  }) => {
7379
- const rootClasses = useStylesWithRootClass(rootClassName$9, className);
7078
+ const rootClasses = useStylesWithRootClass(rootClassName$8, className);
7380
7079
  const [checkboxState, setCheckboxState] = useState('unchecked');
7381
7080
  useEffect(() => {
7382
7081
  setCheckboxState(multiSelectState);
@@ -7419,7 +7118,6 @@ const DotHeaderCheckboxCell = ({
7419
7118
 
7420
7119
  const DotHeaderRow = ({
7421
7120
  columns,
7422
- hasActionColumn,
7423
7121
  multiSelectHeader,
7424
7122
  onRequestSort,
7425
7123
  order,
@@ -7476,13 +7174,11 @@ const DotHeaderRow = ({
7476
7174
  root: 'dot-tr'
7477
7175
  }
7478
7176
  }, {
7479
- children: [multiSelectHeader && renderMultiSelectCell(), columns.map((cell, index) => {
7480
- const isInActionColumn = hasActionColumn && index === columns.length - 1;
7177
+ children: [multiSelectHeader && renderMultiSelectCell(), columns.map(cell => {
7481
7178
  return jsx(DotHeaderCell, {
7482
7179
  align: cell.align,
7483
7180
  createSortHandler: createSortHandler,
7484
7181
  id: cell.id,
7485
- isInActionColumn: isInActionColumn,
7486
7182
  order: order,
7487
7183
  orderBy: orderBy,
7488
7184
  sortDirection: orderBy === cell.id ? order : undefined,
@@ -7498,13 +7194,13 @@ const DotHeaderRow = ({
7498
7194
  }), void 0);
7499
7195
  };
7500
7196
 
7501
- const rootClassName$8 = 'dot-table-selection-toolbar';
7197
+ const rootClassName$7 = 'dot-table-selection-toolbar';
7502
7198
  const StyledTableSelectionToolbar = styled(DotActionToolbar).withConfig({
7503
7199
  displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
7504
7200
  componentId: "qpx3y9-0"
7505
7201
  })(["", ""], ({
7506
7202
  theme
7507
- }) => 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)));
7203
+ }) => 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$7, theme.palette.primary[50], theme.spacing(0.25, 0.25, 0, 0.5), theme.spacing(0.25, 0, 0, 1)));
7508
7204
 
7509
7205
  const DotTableSelectionToolbar = ({
7510
7206
  ariaLabel,
@@ -7514,7 +7210,7 @@ const DotTableSelectionToolbar = ({
7514
7210
  onClearAll,
7515
7211
  selectedRowsNumber
7516
7212
  }) => {
7517
- const rootClasses = useStylesWithRootClass(rootClassName$8, className);
7213
+ const rootClasses = useStylesWithRootClass(rootClassName$7, className);
7518
7214
  return jsxs(StyledTableSelectionToolbar, Object.assign({
7519
7215
  ariaLabel: ariaLabel,
7520
7216
  className: rootClasses,
@@ -7615,7 +7311,7 @@ const DotTable = ({
7615
7311
  };
7616
7312
 
7617
7313
  const [pageData, setPageData] = useState(getSortedData().slice(0, rowsPerPage ? rowsPerPage : data.length));
7618
- const rootClasses = useStylesWithRootClass(rootClassName$f, className, _loading ? 'loading' : '');
7314
+ const rootClasses = useStylesWithRootClass(rootClassName$e, className, _loading ? 'loading' : '');
7619
7315
 
7620
7316
  const updateData = (newOrder, newOrderBy, newPage, newRowsPerPage) => {
7621
7317
  const newData = stableSort(data, getComparator(newOrder, newOrderBy));
@@ -7631,12 +7327,12 @@ const DotTable = ({
7631
7327
  onUpdateData ? onUpdateData(dataOrder, property, 0, tableRowsPerPage) : updateData(dataOrder, property, 0, tableRowsPerPage);
7632
7328
  };
7633
7329
 
7634
- const onChangePage = newPage => {
7330
+ const onPageChange = newPage => {
7635
7331
  setPage(newPage);
7636
7332
  onUpdateData ? onUpdateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage) : updateData(tableOrder, tableOrderBy, newPage, tableRowsPerPage);
7637
7333
  };
7638
7334
 
7639
- const onChangeRowsPerPage = evt => {
7335
+ const onRowsPerPageChange = evt => {
7640
7336
  const newRowsPerPage = parseInt(evt.target.value);
7641
7337
  setRowsPerPage(newRowsPerPage);
7642
7338
  setPage(0);
@@ -7670,19 +7366,13 @@ const DotTable = ({
7670
7366
  return _loading ? getSkeletonData() : tableBodyData;
7671
7367
  };
7672
7368
 
7673
- const tableData = getData();
7674
- const hasActionColumn = checkIfActionColumnExist(columns, tableData);
7675
-
7676
- if (hasActionColumn) {
7677
- console.warn("The use of an array in the last column of rowData to indicate an Actions column is deprecated. Use 'DotTableActions' instead.");
7678
- } // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
7369
+ const tableData = getData(); // If table is not paginated (rowsPerPage prop not provided), ignore 'count'.
7679
7370
  // If paging is managed externally (onUpdateData callback provided) then use
7680
7371
  // the 'count' prop for total row count if it is provided, otherwise use
7681
7372
  // -1 (unknown). If paging is managed internally (onUpdateData not provided)
7682
7373
  // ignore 'count' prop and use the length of the provided 'data' for the
7683
7374
  // total row count.
7684
7375
 
7685
-
7686
7376
  const getTotalCount = () => {
7687
7377
  const validCount = count ? count : -1;
7688
7378
  const totalCount = onUpdateData ? validCount : data.length;
@@ -7763,7 +7453,6 @@ const DotTable = ({
7763
7453
  }, {
7764
7454
  children: [jsx(DotHeaderRow, {
7765
7455
  columns: columns,
7766
- hasActionColumn: hasActionColumn,
7767
7456
  multiSelectHeader: multiSelectHeader,
7768
7457
  onRequestSort: onSortRequest,
7769
7458
  order: tableOrder,
@@ -7781,8 +7470,8 @@ const DotTable = ({
7781
7470
  }), void 0)
7782
7471
  }), void 0), rowsPerPage && jsx(DotTablePagination, {
7783
7472
  count: getTotalCount(),
7784
- onChangePage: onChangePage,
7785
- onChangeRowsPerPage: onChangeRowsPerPage,
7473
+ onPageChange: onPageChange,
7474
+ onRowsPerPageChange: onRowsPerPageChange,
7786
7475
  page: tablePage,
7787
7476
  rowsPerPage: tableRowsPerPage,
7788
7477
  typography: _footerTypography
@@ -7825,7 +7514,7 @@ const DotTableAction = ({
7825
7514
  }, void 0);
7826
7515
  };
7827
7516
 
7828
- const rootClassName$7 = 'dot-table-actions';
7517
+ const rootClassName$6 = 'dot-table-actions';
7829
7518
  const TableActionsContainer = styled.div.withConfig({
7830
7519
  displayName: "TableActionsstyles__TableActionsContainer",
7831
7520
  componentId: "sc-8lo813-0"
@@ -7900,7 +7589,7 @@ const DotTableActions = ({
7900
7589
 
7901
7590
  return jsxs(Fragment$1, {
7902
7591
  children: [jsxs(TableActionsContainer, Object.assign({
7903
- className: rootClassName$7,
7592
+ className: rootClassName$6,
7904
7593
  ref: wrapperRef
7905
7594
  }, {
7906
7595
  children: [!showMenu && renderTableActions(), (showMenu || actions.length > 2) && jsx(DotIconButton, {
@@ -7923,13 +7612,13 @@ const DotTableActions = ({
7923
7612
  }, void 0);
7924
7613
  };
7925
7614
 
7926
- const rootClassName$6 = 'dot-tabs';
7615
+ const rootClassName$5 = 'dot-tabs';
7927
7616
  const StyledTabs = styled(Tabs).withConfig({
7928
7617
  displayName: "Tabsstyles__StyledTabs",
7929
7618
  componentId: "sc-1pmrz8k-0"
7930
7619
  })(["", ""], ({
7931
7620
  theme
7932
- }) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", "px;}}.MuiTab-root{color:", ";max-width:360px;min-width:0;&:hover{background-color:", ";color:", ";}&.Mui-selected{color:", ";}&.Mui-disabled{color:", ";}&.MuiTab-textColorPrimary:hover{background-color:", ";}&.MuiTab-textColorSecondary:hover{background-color:", ";}}.MuiIcon-root{display:inline;padding-right:", "px;}.MuiTabs-indicator{background-color:", ";}}"], rootClassName$6, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen));
7621
+ }) => css(["&.", "{&.MuiTabs-root{width:100%;}.dot-tab-label-container{display:flex;.dot-tab-label{padding-top:", ";}}.MuiTab-root{max-width:360px;min-width:0;}.MuiIcon-root{display:inline;padding-right:", ";}}"], rootClassName$5, theme.spacing(0.5), theme.spacing(0.5)));
7933
7622
 
7934
7623
  const DotTabs = ({
7935
7624
  centered: _centered = false,
@@ -7938,12 +7627,12 @@ const DotTabs = ({
7938
7627
  'data-testid': dataTestId,
7939
7628
  initialValue: _initialValue = 0,
7940
7629
  onChange,
7941
- scrollButtons: _scrollButtons = 'auto',
7630
+ scrollButtons,
7942
7631
  tabs,
7943
7632
  variant: _variant = 'standard'
7944
7633
  }) => {
7945
7634
  const [value, setValue] = useState(_initialValue);
7946
- const rootClasses = useStylesWithRootClass(rootClassName$6, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7635
+ const rootClasses = useStylesWithRootClass(rootClassName$5, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
7947
7636
 
7948
7637
  const handleChange = (_event, val) => {
7949
7638
  setValue(val);
@@ -7988,7 +7677,7 @@ const DotTabs = ({
7988
7677
  "data-testid": dataTestId,
7989
7678
  indicatorColor: _color,
7990
7679
  onChange: handleChange,
7991
- scrollButtons: _scrollButtons,
7680
+ scrollButtons: scrollButtons,
7992
7681
  textColor: _color,
7993
7682
  value: value,
7994
7683
  variant: _variant
@@ -7997,9 +7686,9 @@ const DotTabs = ({
7997
7686
  }), void 0);
7998
7687
  };
7999
7688
 
8000
- const rootClassName$5 = 'dot-file-upload';
8001
- const containerClassName = `${rootClassName$5}-container`;
8002
- const dropZoneClassName = `${rootClassName$5}-drop-zone`;
7689
+ const rootClassName$4 = 'dot-file-upload';
7690
+ const containerClassName = `${rootClassName$4}-container`;
7691
+ const dropZoneClassName = `${rootClassName$4}-drop-zone`;
8003
7692
  const StyledFileUploadContainer = styled.div.withConfig({
8004
7693
  displayName: "FileUploadstyles__StyledFileUploadContainer",
8005
7694
  componentId: "sc-1q8bcxy-0"
@@ -8011,15 +7700,15 @@ const StyledFileUpload = styled.div.withConfig({
8011
7700
  componentId: "sc-1q8bcxy-1"
8012
7701
  })(["", ""], ({
8013
7702
  theme
8014
- }) => 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:", "px;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));
7703
+ }) => 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$4, 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));
8015
7704
 
8016
- const rootClassName$4 = 'dot-file-list-item';
7705
+ const rootClassName$3 = 'dot-file-list-item';
8017
7706
  const StyledFileListItem = styled(StyledListItem).withConfig({
8018
7707
  displayName: "FileListItemstyles__StyledFileListItem",
8019
7708
  componentId: "sc-6mp1tz-0"
8020
7709
  })(["", ""], ({
8021
7710
  theme
8022
- }) => 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:", "px;}.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));
7711
+ }) => 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$3, theme.palette.layer.n100, theme.palette.layer.n50, theme.palette.layer.n100, rootClassName$3, theme.palette.secondary.main, rootClassName$3, theme.palette.error.main, theme.spacing(1), theme.palette.error.main));
8023
7712
 
8024
7713
  const DotFileListItem = ({
8025
7714
  ariaLabel,
@@ -8034,7 +7723,7 @@ const DotFileListItem = ({
8034
7723
  onKeyPress,
8035
7724
  tabIndex: _tabIndex = 0
8036
7725
  }) => {
8037
- const rootClasses = useStylesWithRootClass(rootClassName$4, className, _error ? 'file-error' : 'file-success');
7726
+ const rootClasses = useStylesWithRootClass(rootClassName$3, className, _error ? 'file-error' : 'file-success');
8038
7727
  const defaultIcon = _error ? 'error-solid' : 'check-solid';
8039
7728
  const [endIcon, setEndIcon] = useState(defaultIcon);
8040
7729
 
@@ -8073,7 +7762,7 @@ const DotFileListItem = ({
8073
7762
  children: errorText
8074
7763
  }), void 0)]
8075
7764
  }), void 0), jsx(DotIconButton, {
8076
- className: `${rootClassName$4}-end-icon`,
7765
+ className: `${rootClassName$3}-end-icon`,
8077
7766
  "data-testid": dataTestId && `${dataTestId}-end-icon`,
8078
7767
  disabled: disableDelete,
8079
7768
  iconId: endIcon,
@@ -8206,7 +7895,7 @@ const DotFileUpload = ({
8206
7895
  const [uploadedFiles, setUploadedFiles] = useState([]);
8207
7896
  const [hasMaxFilesError, setHasMaxFilesError] = useState(false);
8208
7897
  const isUploadDisabled = disabled || maxFiles && uploadedFiles.length >= maxFiles;
8209
- const rootClasses = useStylesWithRootClass(rootClassName$5, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
7898
+ const rootClasses = useStylesWithRootClass(rootClassName$4, className, !_buttonOnly ? dropZoneClassName : '', isUploadDisabled ? 'disabled' : '');
8210
7899
  const maxFilesClasses = useStylesWithRootClass('dot-max-files-message', hasMaxFilesError ? 'dot-max-files-reached' : '');
8211
7900
  const allowMultiple = maxFiles === undefined || maxFiles > 1;
8212
7901
 
@@ -8283,11 +7972,11 @@ const DotFileUpload = ({
8283
7972
  }), void 0);
8284
7973
  };
8285
7974
 
8286
- const rootClassName$3 = 'dot-divider';
7975
+ const rootClassName$2 = 'dot-divider';
8287
7976
  const StyledDivider = styled(Divider).withConfig({
8288
7977
  displayName: "Dividerstyles__StyledDivider",
8289
7978
  componentId: "yu3sip-0"
8290
- })(["", ""], () => css(["&.", "{}"], rootClassName$3));
7979
+ })(["", ""], () => css(["&.", "{}"], rootClassName$2));
8291
7980
 
8292
7981
  const DotDivider = ({
8293
7982
  absolute,
@@ -8299,7 +7988,7 @@ const DotDivider = ({
8299
7988
  orientation,
8300
7989
  variant
8301
7990
  }) => {
8302
- const rootClasses = useStylesWithRootClass(rootClassName$3, className);
7991
+ const rootClasses = useStylesWithRootClass(rootClassName$2, className);
8303
7992
  return jsx(StyledDivider, {
8304
7993
  absolute: absolute,
8305
7994
  "aria-label": ariaLabel,
@@ -8314,12 +8003,6 @@ const DotDivider = ({
8314
8003
  }, void 0);
8315
8004
  };
8316
8005
 
8317
- const rootClassName$2 = 'dot-popper';
8318
- const StyledPopper = styled(Popper).withConfig({
8319
- displayName: "Popperstyles__StyledPopper",
8320
- componentId: "sd1h8p-0"
8321
- })(["", ""], () => css(["&.", "{}"], rootClassName$2));
8322
-
8323
8006
  const DotPopper = ({
8324
8007
  ariaLabel,
8325
8008
  anchorEl,
@@ -8331,7 +8014,7 @@ const DotPopper = ({
8331
8014
  open,
8332
8015
  placement
8333
8016
  }) => {
8334
- const rootClasses = useStylesWithRootClass(rootClassName$2, className);
8017
+ const rootClasses = useStylesWithRootClass(rootClassName$Q, className); // eslint-disable-next-line @typescript-eslint/no-explicit-any
8335
8018
 
8336
8019
  const handleClickAway = event => {
8337
8020
  if (onClickAway && (!anchorEl || !anchorEl.contains(event.currentTarget))) {
@@ -8339,7 +8022,7 @@ const DotPopper = ({
8339
8022
  }
8340
8023
  };
8341
8024
 
8342
- return jsx(StyledPopper, Object.assign({
8025
+ return jsx(StyledPopper$1, Object.assign({
8343
8026
  anchorEl: anchorEl,
8344
8027
  "aria-label": ariaLabel,
8345
8028
  className: rootClasses,