@carto/meridian-ds 1.4.4-alpha-others.1 → 1.4.4-alpha-icons-shapes.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 (91) hide show
  1. package/CHANGELOG.md +11 -1
  2. package/dist/Alert-D8jI1sG4.js +134 -0
  3. package/dist/Alert-zqtoWsBL.cjs +133 -0
  4. package/dist/ArrowDown-8fLj23Ge.cjs +31 -0
  5. package/dist/ArrowDown-CY_wMVJT.js +32 -0
  6. package/dist/MenuItem-Br2jY2lt.cjs +164 -0
  7. package/dist/MenuItem-CXnnE5lK.js +165 -0
  8. package/dist/OpenDiagonallyRight-5HZXh46V.js +59 -0
  9. package/dist/OpenDiagonallyRight-BrRyCV4Q.cjs +58 -0
  10. package/dist/SwatchSquare-DDi0beUM.js +51 -0
  11. package/dist/SwatchSquare-w-U8-O-P.cjs +50 -0
  12. package/dist/TablePaginationActions-CFGXm44W.cjs +5661 -0
  13. package/dist/{TablePaginationActions-WZ3P4O35.js → TablePaginationActions-KpTvhN4Y.js} +1086 -656
  14. package/dist/components/index.cjs +4403 -1
  15. package/dist/components/index.js +3235 -1857
  16. package/dist/custom-icons/index.cjs +5857 -1
  17. package/dist/custom-icons/index.js +2658 -2326
  18. package/dist/paletteUtils-B9ybmwiI.cjs +304 -0
  19. package/dist/paletteUtils-BHqJlHm9.js +288 -0
  20. package/dist/theme/index.cjs +3140 -1
  21. package/dist/theme/index.js +1056 -1012
  22. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialog.d.ts +16 -0
  23. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialog.d.ts.map +1 -0
  24. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogConfirmation.d.ts +16 -0
  25. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogConfirmation.d.ts.map +1 -0
  26. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogContent.d.ts +10 -0
  27. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogContent.d.ts.map +1 -0
  28. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogError.d.ts +8 -0
  29. package/dist/types/components/organisms/CodeArea/CodeAreaDialog/CodeAreaDialogError.d.ts.map +1 -0
  30. package/dist/types/components/organisms/CodeArea/CodeAreaField.d.ts +4 -0
  31. package/dist/types/components/organisms/CodeArea/CodeAreaField.d.ts.map +1 -0
  32. package/dist/types/components/organisms/CodeArea/CodeAreaFooter.d.ts +12 -0
  33. package/dist/types/components/organisms/CodeArea/CodeAreaFooter.d.ts.map +1 -0
  34. package/dist/types/components/organisms/CodeArea/CodeAreaHeader.d.ts +9 -0
  35. package/dist/types/components/organisms/CodeArea/CodeAreaHeader.d.ts.map +1 -0
  36. package/dist/types/components/organisms/CodeArea/CodeAreaInput.d.ts +28 -0
  37. package/dist/types/components/organisms/CodeArea/CodeAreaInput.d.ts.map +1 -0
  38. package/dist/types/components/organisms/CodeArea/CodeAreaTheme.d.ts +7 -0
  39. package/dist/types/components/organisms/CodeArea/CodeAreaTheme.d.ts.map +1 -0
  40. package/dist/types/components/organisms/CodeArea/index.d.ts +9 -0
  41. package/dist/types/components/organisms/CodeArea/index.d.ts.map +1 -0
  42. package/dist/types/components/organisms/CodeArea/types.d.ts +38 -0
  43. package/dist/types/components/organisms/CodeArea/types.d.ts.map +1 -0
  44. package/dist/types/components/organisms/CodeArea/utils.d.ts +5 -0
  45. package/dist/types/components/organisms/CodeArea/utils.d.ts.map +1 -0
  46. package/dist/types/components/organisms/index.d.ts +2 -0
  47. package/dist/types/components/organisms/index.d.ts.map +1 -1
  48. package/dist/types/localization/en.d.ts +6 -0
  49. package/dist/types/localization/en.d.ts.map +1 -1
  50. package/dist/types/localization/es.d.ts +6 -0
  51. package/dist/types/localization/es.d.ts.map +1 -1
  52. package/dist/types/localization/id.d.ts +6 -0
  53. package/dist/types/localization/id.d.ts.map +1 -1
  54. package/dist/types/localization/index.d.ts +18 -0
  55. package/dist/types/localization/index.d.ts.map +1 -1
  56. package/dist/types/theme/sections/components/data-display.d.ts.map +1 -1
  57. package/dist/types/utils/chartConstants.d.ts +3 -3
  58. package/dist/types/utils/chartConstants.d.ts.map +1 -1
  59. package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts +2 -2
  60. package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts.map +1 -1
  61. package/dist/types/widgets/PieWidgetUI/PieWidgetUI.d.ts +2 -2
  62. package/dist/types/widgets/PieWidgetUI/PieWidgetUI.d.ts.map +1 -1
  63. package/dist/types/widgets/PieWidgetUI/usePieCategories.d.ts +2 -2
  64. package/dist/types/widgets/PieWidgetUI/usePieCategories.d.ts.map +1 -1
  65. package/dist/types/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.d.ts.map +1 -1
  66. package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.d.ts +2 -5
  67. package/dist/types/widgets/TimeSeriesWidgetUI/components/TimeSeriesChart.d.ts.map +1 -1
  68. package/dist/types/widgets/TimeSeriesWidgetUI/timeSeriesUtils.d.ts +7 -0
  69. package/dist/types/widgets/TimeSeriesWidgetUI/timeSeriesUtils.d.ts.map +1 -1
  70. package/dist/types/widgets/TimeSeriesWidgetUI/types.d.ts +6 -0
  71. package/dist/types/widgets/TimeSeriesWidgetUI/types.d.ts.map +1 -0
  72. package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts +2 -2
  73. package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/ComparativeCategoryWidgetUI.d.ts.map +1 -1
  74. package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/transposeCategoryData.d.ts +2 -2
  75. package/dist/types/widgets/comparative/ComparativeCategoryWidgetUI/transposeCategoryData.d.ts.map +1 -1
  76. package/dist/types/widgets/index.d.ts +1 -0
  77. package/dist/types/widgets/index.d.ts.map +1 -1
  78. package/dist/widgets/index.cjs +7211 -21
  79. package/dist/widgets/index.js +5201 -3806
  80. package/package.json +6 -1
  81. package/dist/Alert-BAvr1f31.js +0 -130
  82. package/dist/Alert-DPGMxifE.cjs +0 -4
  83. package/dist/ArrowDown-BD0WmQR3.cjs +0 -1
  84. package/dist/ArrowDown-CMhYkZ2p.js +0 -31
  85. package/dist/MenuItem-Cd34y6F3.js +0 -165
  86. package/dist/MenuItem-Dbss-WG1.cjs +0 -1
  87. package/dist/SwatchSquare-C34ayL4L.cjs +0 -1
  88. package/dist/SwatchSquare-CVpwEFFV.js +0 -48
  89. package/dist/TablePaginationActions-Bp1DCaIE.cjs +0 -9
  90. package/dist/paletteUtils-BEwZhrLg.js +0 -262
  91. package/dist/paletteUtils-DLQVT9qo.cjs +0 -1
@@ -1 +1,3140 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@mui/material"),p=require("react/jsx-runtime"),r=require("../TablePaginationActions-Bp1DCaIE.cjs"),a=require("@mui/icons-material"),M=require("../ArrowDown-BD0WmQR3.cjs"),w=require("@mui/x-date-pickers"),B=require("../MenuItem-Dbss-WG1.cjs"),n=require("../paletteUtils-DLQVT9qo.cjs"),V=1,g=.5,u=V+g,Q="M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z",E="50%",_=.5,Y={MuiDivider:{defaultProps:{role:"separator"},styleOverrides:{root:({theme:o})=>({backgroundColor:"transparent",borderColor:o.palette.divider}),light:({theme:o})=>({borderColor:o.palette.white[12]})}},MuiTooltip:{defaultProps:{arrow:!0,placement:"top",enterDelay:1e3,leaveDelay:200},styleOverrides:{tooltip:({theme:o})=>({...o.typography.caption,fontWeight:500,maxWidth:"240px",backgroundColor:o.palette.black[90],'.MuiTooltip-popper[data-popper-placement*="top"] &':{marginBottom:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginBottom:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="right"] &':{marginLeft:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginLeft:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="bottom"] &':{marginTop:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginTop:o.spacing(u)}},'.MuiTooltip-popper[data-popper-placement*="left"] &':{marginRight:o.spacing(g),"&.MuiTooltip-tooltipArrow":{marginRight:o.spacing(u)}}}),arrow:({theme:o})=>({height:o.spacing(V),color:o.palette.black[90]})}},MuiPopper:{styleOverrides:{root:({theme:o})=>({"& .MuiPaper-root":{marginTop:o.spacing(.5)}})}},MuiPopover:{styleOverrides:{root:({theme:o})=>({"& .MuiPaper-root":{marginTop:o.spacing(.5)}})}},MuiDialog:{defaultProps:{maxWidth:"md"}},MuiDialogTitle:{defaultProps:{variant:"subtitle1"},styleOverrides:{root:({theme:o})=>({padding:o.spacing(3,3,2)})}},MuiDialogContent:{styleOverrides:{root:({theme:o})=>({"& .MuiFormGroup-root":{padding:o.spacing(1,0)}})}},MuiDialogContentText:{defaultProps:{variant:"body2"},styleOverrides:{root:({theme:o})=>({color:o.palette.text.primary})}},MuiTablePagination:{defaultProps:{SelectProps:{variant:"outlined",size:"small"},labelDisplayedRows:({from:o,to:i,count:c})=>p.jsxs(p.Fragment,{children:[p.jsx(r.Typography,{component:"span",variant:"inherit",weight:"strong",color:"textPrimary",children:`${o}-${i}`}),` of ${c}`]}),ActionsComponent:r.TablePaginationActions},styleOverrides:{root:()=>({borderBottom:0}),toolbar:({theme:o})=>({minHeight:"0 !important",padding:"0 !important",height:o.spacing(6)}),selectLabel:({theme:o})=>({margin:0,...o.typography.caption,fontWeight:o.typography.fontWeightMedium}),selectIcon:({theme:o})=>({"&.MuiSvgIcon-root":{right:o.spacing(1)}}),input:({theme:o})=>({marginRight:o.spacing(2),marginLeft:o.spacing(1),width:"auto",paddingRight:o.spacing(3)}),displayedRows:({theme:o})=>({color:o.palette.text.secondary})}},MuiTable:{defaultProps:{stickyHeader:!0}},MuiTableRow:{styleOverrides:{root:({theme:o})=>({transition:"background-color 0.25s ease",borderColor:o.palette.divider,"&.MuiTableRow-hover:hover":{cursor:"pointer"}})}},MuiTableCell:{styleOverrides:{root:({theme:o})=>({padding:o.spacing(.5,2),height:o.spacing(6),"&.MuiTableCell-sizeSmall":{height:o.spacing(4)},"&.MuiTableCell-footer":{padding:0}}),head:({theme:o})=>({...o.typography.caption,fontWeight:o.typography.fontWeightMedium,color:o.palette.text.primary}),stickyHeader:({theme:o})=>({backgroundColor:o.palette.common.white}),paddingCheckbox:({theme:o})=>({padding:o.spacing(.5,1)}),paddingNone:()=>({padding:0})}},MuiChip:{defaultProps:{color:"primary"},styleOverrides:{root:({theme:o})=>({maxWidth:"192px",padding:o.spacing(0,.5),"& .MuiAvatar-root":{width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE,margin:0,color:o.palette.secondary.contrastText,backgroundColor:o.palette.background.paper,border:`1px solid ${o.palette.action.hover}`},"& .MuiChip-icon":{margin:0,marginLeft:o.spacing(.5)},"& img":{width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE},"&.MuiChip-root.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground,opacity:1,"& .MuiChip-deleteIcon, & .MuiChip-icon":{color:o.palette.action.disabled},"& .MuiAvatar-root":{opacity:.6}},"& .MuiChip-deleteIcon":{color:o.palette.text.hint}}),filled:({theme:o})=>({border:0,backgroundColor:o.palette.default.main,"& .MuiChip-iconColorPrimary":{color:o.palette.primary.contrastText},"& .MuiChip-deleteIcon:hover":{color:o.palette.text.primary}}),filledPrimary:({theme:o})=>({backgroundColor:o.palette.primary.main,"& .MuiChip-deleteIcon":{color:o.palette.white[60],"&:hover":{color:o.palette.common.white}}}),filledSecondary:({theme:o})=>({backgroundColor:o.palette.secondary.main}),outlined:({theme:o})=>({borderColor:o.palette.default.outlinedBorder,"&.MuiChip-root.Mui-disabled":{borderColor:o.palette.default.outlinedBorder,backgroundColor:"transparent"},"& .MuiChip-deleteIcon:hover":{color:o.palette.text.primary}}),outlinedPrimary:({theme:o})=>({borderColor:o.palette.primary.main}),outlinedSecondary:({theme:o})=>({borderColor:o.palette.secondary.main}),colorSuccess:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.success.dark,borderColor:o.palette.success.main},"&.MuiChip-filled":{color:o.palette.success.dark,backgroundColor:o.palette.success.relatedLight},"& .MuiChip-icon":{color:o.palette.success.main}}),colorInfo:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.primary.dark,borderColor:o.palette.primary.main},"&.MuiChip-filled":{color:o.palette.primary.dark,backgroundColor:o.palette.primary.relatedLight},"& .MuiChip-icon":{color:o.palette.info.main}}),colorError:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.error.dark,borderColor:o.palette.error.main},"&.MuiChip-filled":{color:o.palette.error.dark,backgroundColor:o.palette.error.relatedLight},"& .MuiChip-icon":{color:o.palette.error.main}}),colorWarning:({theme:o})=>({"&.MuiChip-outlined":{color:o.palette.warning.relatedDark,borderColor:o.palette.warning.main},"&.MuiChip-filled":{color:o.palette.warning.relatedDark,backgroundColor:o.palette.warning.relatedLight},"& .MuiChip-icon":{color:o.palette.warning.main}}),sizeSmall:({theme:o})=>({"& img":{width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& .MuiAvatar-root":{width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& .MuiChip-icon":{marginLeft:o.spacing(.25)}}),label:({theme:o})=>({...o.typography.button,padding:o.spacing(0,.75)}),labelSmall:({theme:o})=>({...o.typography.caption,fontWeight:500,padding:o.spacing(0,.5)}),deleteIcon:()=>({width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,margin:0,marginLeft:"2px",marginRight:"3px",transition:"color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"}),deleteIconSmall:({theme:o})=>({width:o.spacing(2),height:o.spacing(2),marginRight:0}),clickable:({theme:o})=>({"&:active":{boxShadow:"none"},"&.MuiChip-outlined":{transitionProperty:"background, color, border-color",transitionDuration:"300ms",transitionTimingFunction:"cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{backgroundColor:"transparent","&.MuiChip-colorPrimary":{color:o.palette.primary.dark,borderColor:o.palette.primary.dark},"&.MuiChip-colorSecondary":{color:o.palette.secondary.dark,borderColor:o.palette.secondary.dark},"&.MuiChip-colorDefault":{borderColor:o.palette.default.dark},"&.MuiChip-colorSuccess":{color:o.palette.success.dark,borderColor:o.palette.success.dark},"&.MuiChip-colorInfo":{color:o.palette.info.dark,borderColor:o.palette.info.dark},"&.MuiChip-colorError":{color:o.palette.error.dark,borderColor:o.palette.error.dark},"&.MuiChip-colorWarning":{color:o.palette.warning.dark,borderColor:o.palette.warning.dark}}},"&.MuiChip-filled":{"&:hover":{"&.MuiChip-colorSecondary":{backgroundColor:o.palette.secondary.light},"&.MuiChip-colorDefault":{backgroundColor:o.palette.default.dark},"&.MuiChip-colorSuccess":{backgroundColor:s.alpha(o.palette.success.main,.25)},"&.MuiChip-colorInfo":{backgroundColor:s.alpha(o.palette.info.main,.12)},"&.MuiChip-colorError":{backgroundColor:s.alpha(o.palette.error.main,.12)},"&.MuiChip-colorWarning":{backgroundColor:s.alpha(o.palette.warning.main,.25)}}}})}},MuiAvatar:{styleOverrides:{root:({theme:o})=>({overflow:"initial",color:o.palette.secondary.contrastText,backgroundColor:o.palette.secondary.main,"& .MuiAvatar-fallback":{path:{d:`path('${Q}') !important`}}}),img:({theme:o})=>({boxShadow:`0 0 0 1px ${o.palette.default.outlinedBorder}`}),circular:()=>({borderRadius:E,"& img":{borderRadius:E}}),rounded:({theme:o})=>({borderRadius:o.spacing(_),"& img":{borderRadius:o.spacing(_)}})}},MuiSkeleton:{defaultProps:{animation:"wave"}},MuiTypography:{defaultProps:{color:"textPrimary",variantMapping:{caption:"p",overline:"p",overlineDelicate:"p"}}},MuiSvgIcon:{styleOverrides:{root:()=>({fontSize:r.ICON_SIZE_MEDIUM}),fontSizeSmall:()=>({fontSize:r.ICON_SIZE_SMALL}),fontSizeLarge:()=>({fontSize:r.ICON_SIZE_LARGE})}}},R=r.getSpacing(2),l=r.getSpacing(3),e=r.getSpacing(4),d=r.getSpacing(6),P=r.getSpacing(.5),X={MuiButtonBase:{defaultProps:{disableRipple:!0},styleOverrides:{root:()=>({"& .MuiSvgIcon-root, & svg":{display:"flex",fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM}})}},MuiButton:{defaultProps:{disableElevation:!0},styleOverrides:{root:({ownerState:o,theme:i})=>({"&:hover, &:focus-visible":{boxShadow:i.shadows[0],...o.variant!=="contained"&&{...o.color==="primary"&&{backgroundColor:i.palette.primary.background},...o.color==="secondary"&&{backgroundColor:i.palette.secondary.background},...o.color==="error"&&{background:i.palette.error.relatedLight}},...o.variant==="contained"&&o.color==="secondary"&&{backgroundColor:i.palette.secondary.light}},"& svg:not(.doNotFillIcon) path":{fill:"currentColor"},"& + .MuiButtonBase-root":{marginLeft:i.spacing(1)}}),contained:({theme:o})=>({boxShadow:"none","&.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}}),text:({theme:o})=>({minWidth:o.spacing(7)}),outlined:({theme:o})=>({"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder}}),outlinedPrimary:({theme:o})=>({borderColor:o.palette.primary.main}),outlinedSecondary:({theme:o})=>({borderColor:o.palette.secondary.main}),outlinedError:({theme:o})=>({borderColor:o.palette.error.main}),containedPrimary:({theme:o})=>({"&:hover, &:focus-visible":{backgroundColor:o.palette.primary.dark}}),containedError:({theme:o})=>({"&:hover, &:focus-visible":{backgroundColor:o.palette.error.dark}}),startIcon:({theme:o})=>({marginRight:o.spacing(.75),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiButton-iconSizeSmall":{marginRight:o.spacing(.5),marginLeft:o.spacing(-.5)}}),endIcon:({theme:o})=>({marginLeft:o.spacing(.75),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiButton-iconSizeSmall":{marginLeft:o.spacing(.5),marginRight:o.spacing(-.5)}}),sizeSmall:({theme:o,ownerState:i})=>({height:l,padding:o.spacing(0,1.5),...o.typography.caption,lineHeight:l,fontWeight:500,letterSpacing:"0.4px",...i.variant==="text"&&{padding:o.spacing(0,1)}}),sizeMedium:({theme:o,ownerState:i})=>({height:e,padding:o.spacing(0,2),lineHeight:e,...i.variant==="text"&&{padding:o.spacing(0,1)}}),sizeLarge:({theme:o,ownerState:i})=>({height:d,padding:o.spacing(0,2.5),...o.typography.body1,lineHeight:d,fontWeight:500,letterSpacing:"0.25px",...i.variant==="text"&&{padding:o.spacing(0,2)}})},variants:[{props:{variant:"contained",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,backgroundColor:o.palette.default.main,borderColor:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground},"&:hover, &:focus-visible":{backgroundColor:o.palette.default.dark}})},{props:{variant:"outlined",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,borderColor:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder},"&:hover, &:focus-visible":{backgroundColor:o.palette.action.hover,borderColor:o.palette.text.primary}})},{props:{variant:"text",color:"default"},style:({theme:o})=>({color:o.palette.text.primary,"&.Mui-disabled":{color:o.palette.text.disabled},"&:hover, &:focus-visible":{backgroundColor:o.palette.action.hover}})}]},MuiButtonGroup:{defaultProps:{disableRipple:!0,disableElevation:!0},styleOverrides:{root:({ownerState:o,theme:i})=>({"& .MuiButton-root + .MuiButton-root":{marginLeft:0},...o.variant==="text"&&{boxShadow:i.shadows[1],borderColor:i.palette.default.dark,"& .MuiButtonGroup-grouped:not(:last-of-type)":{borderColor:i.palette.default.dark}},...o.variant==="outlined"&&{...o.color==="default"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.text.primary}},...o.color==="primary"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.primary.main}},...o.color==="secondary"&&{"& .MuiButtonBase-root.Mui-disabled":{borderColor:i.palette.secondary.main}},...o.orientation!=="vertical"&&{"& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)":{borderRightColor:"transparent"}}},...o.variant==="contained"&&{...o.color==="default"&&{"& .MuiButtonGroup-grouped:not(:last-of-type)":{borderRightColor:i.palette.default.dark,"&.Mui-disabled":{...o.color==="default"&&{borderColor:i.palette.default.dark}}}}}})}},MuiIconButton:{styleOverrides:{root:({ownerState:o,theme:i})=>({position:"relative",overflow:"hidden",borderRadius:i.spacing(.5),...o.color==="default"&&{color:i.palette.text.secondary},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"& svg":{fill:"currentColor","& path":{fillOpacity:1}},"& svg:not(.doNotFillIcon) path":{fill:"currentColor"},"&.Mui-disabled svg:not(.doNotFillIcon) path":{fill:i.palette.text.disabled},"&:hover, &:focus-visible":{...o.color==="default"&&{backgroundColor:i.palette.action.hover},...o.color==="primary"&&{backgroundColor:i.palette.primary.background},...o.color==="secondary"&&{backgroundColor:i.palette.secondary.background},...o.color==="error"&&{backgroundColor:i.palette.error.relatedLight},...o.color==="warning"&&{backgroundColor:i.palette.warning.relatedLight}}}),sizeSmall:()=>({width:l,height:l}),sizeMedium:()=>({width:e,height:e}),sizeLarge:()=>({width:d,height:d})},variants:[{props:{size:"xsmall"},style:()=>({width:R,height:R,"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_SMALL,width:r.ICON_SIZE_SMALL,minWidth:r.ICON_SIZE_SMALL,height:r.ICON_SIZE_SMALL}})},{props:{variant:"contained"},style:({theme:o})=>({color:o.palette.text.primary,backgroundColor:o.palette.default.main,"&:hover":{backgroundColor:o.palette.default.dark},"&.MuiIconButton-colorSecondary":{color:o.palette.secondary.contrastText,backgroundColor:o.palette.secondary.main,"&:hover":{backgroundColor:o.palette.secondary.light}},"&.MuiIconButton-colorPrimary":{color:o.palette.primary.contrastText,backgroundColor:o.palette.primary.main,"&:hover":{backgroundColor:o.palette.primary.dark}},"&.MuiIconButton-colorError":{color:o.palette.error.contrastText,backgroundColor:o.palette.error.main,"&:hover":{backgroundColor:o.palette.error.dark}},"&.MuiIconButton-colorWarning":{color:o.palette.warning.contrastText,backgroundColor:o.palette.warning.main,"&:hover":{backgroundColor:o.palette.warning.light}},"&[disabled]":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}})},{props:{variant:"outlined"},style:({theme:o})=>({color:o.palette.text.primary,border:`1px solid ${o.palette.text.primary}`,"&:hover":{backgroundColor:o.palette.action.hover},"&.MuiIconButton-colorSecondary":{color:o.palette.secondary.main,borderColor:o.palette.secondary.main,"&:hover":{backgroundColor:o.palette.secondary.background}},"&.MuiIconButton-colorPrimary":{color:o.palette.primary.main,borderColor:o.palette.primary.main,"&:hover":{backgroundColor:o.palette.primary.background}},"&.MuiIconButton-colorError":{color:o.palette.error.main,borderColor:o.palette.error.main,"&:hover":{backgroundColor:o.palette.error.relatedLight}},"&.MuiIconButton-colorWarning":{color:o.palette.warning.main,borderColor:o.palette.warning.main,"&:hover":{backgroundColor:o.palette.warning.relatedLight}},"&[disabled]":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder}})}]},MuiToggleButton:{styleOverrides:{root:({theme:o})=>({minWidth:e,height:e,padding:o.spacing(0,1),color:o.palette.text.secondary,border:"none",borderRadius:P,transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&:hover":{backgroundColor:o.palette.action.hover},"& + &":{marginLeft:o.spacing(.5)},".MuiSvgIcon-root, & svg":{margin:o.spacing(0,-.75)},"&.Mui-selected":{color:o.palette.primary.main,backgroundColor:o.palette.primary.background,"&:hover":{backgroundColor:o.palette.action.hover}},"&.Mui-disabled":{border:"none"}}),sizeLarge:({theme:o})=>({minWidth:d,height:d,...o.typography.body1}),sizeSmall:({theme:o})=>({minWidth:l,height:l,...o.typography.caption,fontWeight:500})}},MuiToggleButtonGroup:{defaultProps:{orientation:"horizontal",exclusive:!0},styleOverrides:{root:({theme:o})=>({alignItems:"center",justifyContent:"center",borderRadius:o.spacing(1),boxShadow:o.shadows[1],backgroundColor:o.palette.background.paper,"& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)":{borderRadius:P},".MuiDivider-root":{"&.MuiDivider-vertical":{height:d,margin:o.spacing(0,1),marginLeft:o.spacing(.5)},"&.MuiDivider-horizontal":{width:d,margin:o.spacing(1,0),marginTop:o.spacing(.5)}},".MuiToggleButton-sizeSmall":{"& + .MuiDivider-root.MuiDivider-vertical":{height:e},"& + .MuiDivider-root.MuiDivider-horizontal":{width:e}}}),groupedHorizontal:({theme:o})=>({height:e,margin:o.spacing(1),"&:not(:last-of-type)":{marginRight:o.spacing(.5),marginLeft:0,borderLeft:"none"},"&:first-of-type:not(.MuiDivider-root)":{marginLeft:o.spacing(1)},"&:last-of-type:not(.MuiDivider-root)":{marginLeft:0},"&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)":{height:l,margin:o.spacing(.5),"&:not(:first-of-type)":{marginLeft:0}}}),groupedVertical:({theme:o})=>({width:e,margin:o.spacing(1),"&.MuiToggleButton-root":{marginLeft:o.spacing(1),marginBottom:o.spacing(.5),"&:last-of-type":{marginBottom:o.spacing(1)},"&:not(:first-of-type)":{marginTop:0}},"&.MuiToggleButton-sizeSmall":{width:l,margin:o.spacing(.5),"&:last-of-type":{marginBottom:o.spacing(.5)}}})}},MuiFab:{defaultProps:{color:"primary"},styleOverrides:{root:({ownerState:o,theme:i})=>({"&:focus":{boxShadow:i.shadows[6]},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_LARGE,width:r.ICON_SIZE_LARGE,minWidth:r.ICON_SIZE_LARGE,height:r.ICON_SIZE_LARGE},"&.MuiFab-extended":{...i.typography.body1,fontWeight:500,width:"auto",height:i.spacing(7),paddingRight:i.spacing(3),borderRadius:i.spacing(8),"& .MuiSvgIcon-root":{marginRight:i.spacing(1.5)}},...o.color==="default"&&{color:i.palette.text.primary,backgroundColor:i.palette.background.paper,"&:hover, &:focus-visible":{backgroundColor:i.palette.default.light}}}),sizeSmall:({theme:o})=>({width:o.spacing(4),height:o.spacing(4),minHeight:o.spacing(4),"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM},"&.MuiFab-extended":{...o.typography.caption,width:"auto",height:o.spacing(4),paddingRight:o.spacing(2),"& .MuiSvgIcon-root":{marginRight:o.spacing(1)}}}),sizeMedium:({theme:o})=>({"&.MuiFab-extended":{...o.typography.button,height:o.spacing(6)}}),secondary:({theme:o})=>({"&:hover":{backgroundColor:o.palette.secondary.light}})}}},b=2.25,x=3,z=2,A=3,L=4,T={root:({ownerState:o,theme:i})=>({padding:i.spacing(.5),...o.size==="small"&&{padding:"3px"},...o.readOnly===!0&&{pointerEvents:"none",color:i.palette.text.disabled,"&.Mui-checked":{color:i.palette.text.disabled}},"&:hover, &:focus-visible":{backgroundColor:i.palette.primary.background},"& + .MuiFormControlLabel-label":{...i.typography.body2,marginLeft:i.spacing(.25),...o.size==="small"&&{marginLeft:i.spacing(.5)}},"& .MuiSvgIcon-root":{fontSize:i.spacing(x),width:i.spacing(x),minWidth:i.spacing(x),height:i.spacing(x),...o.size==="small"&&{fontSize:i.spacing(b),width:i.spacing(b),minWidth:i.spacing(b),height:i.spacing(b)}}})},D={root:({theme:o})=>({position:"static",transform:"none",marginBottom:o.spacing(1),...o.typography.caption,fontWeight:500,color:o.palette.text.primary}),sizeSmall:({theme:o})=>({marginBottom:o.spacing(.5)}),standard:()=>({marginBottom:0}),asterisk:({theme:o})=>({"&, &.Mui-error":{color:"transparent"},"&::after":{content:'"(required)"',marginLeft:o.spacing(-.5),color:o.palette.text.secondary,fontWeight:400,".Mui-disabled &":{color:o.palette.text.disabled}}})},J={MuiCheckbox:{defaultProps:{size:"small"},styleOverrides:{...T}},MuiRadio:{defaultProps:{size:"small"},styleOverrides:{...T}},MuiTextField:{defaultProps:{fullWidth:!0,size:"small",InputLabelProps:{shrink:!0},SelectProps:{IconComponent:M.ArrowDown,size:"small"}},styleOverrides:{root:({ownerState:o,theme:i})=>({"& legend":{display:"none"},...o.select===!0&&{"& .MuiInputBase-root":{padding:0,"&.MuiOutlinedInput-root, &.MuiFilledInput-root":{padding:0},"& .MuiInputAdornment-positionEnd":{marginRight:i.spacing(3)},"& .MuiSelect-select":{padding:i.spacing(1.5),"&.MuiInputBase-input":{paddingLeft:i.spacing(2),paddingRight:i.spacing(5),"&.MuiSelect-standard":{paddingLeft:0}},"&:focus":{background:"transparent"},"& .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},"& .MuiSelect-icon":{right:i.spacing(2),color:i.palette.text.secondary},"& .MuiSelect-iconStandard":{right:0}},"& .MuiInputBase-sizeSmall":{"&.MuiInputBase-root.MuiFilledInput-root":{padding:0},"& .MuiSelect-select":{...i.typography.body2,padding:i.spacing(.75),"&.MuiInputBase-input":{paddingLeft:i.spacing(1.5),paddingRight:i.spacing(4)}},"&.MuiOutlinedInput-root.MuiInputBase-sizeSmall":{padding:0},"& .MuiSelect-icon":{right:i.spacing(1.5)}}}})}},MuiInputBase:{styleOverrides:{root:({theme:o})=>({height:o.spacing(6),...o.typography.body1,"& input":{padding:0,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis","&::placeholder":{opacity:1,color:o.palette.text.hint},"&:read-only::placeholder":{color:o.palette.text.disabled},"&.Mui-disabled::placeholder":{color:o.palette.text.disabled},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},"&.Mui-disabled":{cursor:"not-allowed","& .Mui-disabled":{cursor:"not-allowed"}},"&.MuiInputBase-formControl::after":{top:0,transform:"none",opacity:0},"&.MuiInputBase-formControl.Mui-focused::after":{transform:"none",opacity:1},"& legend":{display:"none"},"& .MuiButtonBase-root.MuiMenuItem-root":{padding:0,"&:hover":{backgroundColor:"transparent"},[o.breakpoints.up("sm")]:{minHeight:"initial"}},"&.MuiFilledInput-root":{padding:o.spacing(1,2),borderRadius:o.spacing(.5),backgroundColor:o.palette.default.background,"&:hover":{backgroundColor:o.palette.default.background},"&::before":{top:0,borderRadius:o.spacing(.5),border:"1px solid transparent",transition:"border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},"&:hover:not(.Mui-disabled)::before":{borderColor:o.palette.text.primary},"&::after":{borderRadius:o.spacing(.5),border:"1px solid transparent"},"&.MuiInputBase-sizeSmall":{padding:o.spacing(.5,1.5)},"&.Mui-focused":{backgroundColor:o.palette.background.paper,"&::after":{border:`2px solid ${o.palette.primary.main}`}},"&.Mui-disabled":{backgroundColor:o.palette.default.background,"&::before":{borderBottomStyle:"solid"}},"&.Mui-error::after":{opacity:1,border:`2px solid ${o.palette.error.light}`},"&.Mui-readOnly":{"&.Mui-focused":{backgroundColor:o.palette.default.background}}},"&.MuiOutlinedInput-root":{padding:o.spacing(1,2),"&.MuiInputBase-sizeSmall":{padding:o.spacing(.5,1.5)},"&.Mui-focused":{backgroundColor:o.palette.background.paper},"&.Mui-disabled":{backgroundColor:o.palette.default.background},"&.Mui-readOnly":{backgroundColor:o.palette.default.background,"&.Mui-focused":{backgroundColor:o.palette.default.background}},"& .MuiOutlinedInput-notchedOutline":{top:0,borderColor:o.palette.default.outlinedBorder,transition:"border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"},"&.Mui-focused .MuiOutlinedInput-notchedOutline":{transition:"none"},"&.Mui-error .MuiOutlinedInput-notchedOutline":{border:`2px solid ${o.palette.error.light}`}},"&.MuiInput-underline":{marginTop:0,padding:0,"&::before":{borderColor:o.palette.default.outlinedBorder},"&:hover:not(.Mui-disabled)::before":{borderBottom:`1px solid ${o.palette.text.primary}`},"&:not(.Mui-disabled)::after":{borderBottom:"1px solid transparent"},"&.Mui-focused::after":{borderBottom:`2px solid ${o.palette.primary.main}`},"&.Mui-error::after":{opacity:1,borderBottom:`2px solid ${o.palette.error.light}`},"&.Mui-disabled::before":{borderBottomStyle:"solid"}},"&.MuiInputBase-multiline":{height:"auto",minHeight:o.spacing(12),alignItems:"flex-start",padding:o.spacing(0,.25),"& textarea":{padding:o.spacing(1.5,1.75),...o.typography.body1,"&::placeholder":{opacity:1,color:o.palette.text.hint},"&.Mui-disabled::placeholder":{color:o.palette.text.disabled},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},"&.MuiInputBase-sizeSmall":{minHeight:o.spacing(9),padding:o.spacing(0,.25),"& textarea":{padding:o.spacing(1,1.25),...o.typography.body2}}},"&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input":{paddingLeft:0,paddingRight:o.spacing(3)}}),sizeSmall:({theme:o})=>({height:o.spacing(4),padding:o.spacing(0,1.5),"& input":{...o.typography.body2}})}},MuiInputAdornment:{styleOverrides:{root:({theme:o})=>({"& .MuiTypography-root":{...o.typography.body1,color:o.palette.text.secondary},"&.MuiInputAdornment-sizeSmall":{"& .MuiTypography-root":{...o.typography.body2}},"&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)":{marginTop:0},"& .MuiSvgIcon-root, & svg":{fontSize:r.ICON_SIZE_MEDIUM,width:r.ICON_SIZE_MEDIUM,minWidth:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,color:o.palette.text.secondary},".Mui-disabled &":{"& .MuiTypography-root, & .MuiSvgIcon-root":{color:o.palette.text.disabled}}})}},MuiFormControl:{defaultProps:{fullWidth:!0}},MuiFormControlLabel:{styleOverrides:{root:({ownerState:o,theme:i})=>({marginLeft:i.spacing(-.5),"& .MuiSwitch-root":{marginLeft:i.spacing(.5)},...o.readOnly===!0&&{pointerEvents:"none"}})}},MuiFormHelperText:{styleOverrides:{root:({theme:o})=>({margin:0,marginTop:o.spacing(1)})}},MuiInputLabel:{styleOverrides:{...D}},MuiFormLabel:{styleOverrides:{...D}},MuiSelect:{defaultProps:{IconComponent:M.ArrowDown,fullWidth:!0,size:"small"},styleOverrides:{root:({theme:o})=>({padding:0,"& .MuiSelect-icon":{right:o.spacing(2),color:o.palette.text.secondary},"&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon":{color:o.palette.text.disabled},"& .MuiSelect-iconStandard":{right:0},"& legend":{display:"none"},"&.MuiOutlinedInput-root, &.MuiFilledInput-root":{padding:0},"&.MuiFilledInput-root, &.MuiInput-underline":{"&.Mui-focused::after":{height:"100%",transition:"none"}},"&.MuiInputBase-sizeSmall":{...o.typography.body2,"& .MuiSelect-select":{"&.MuiInputBase-input":{paddingLeft:o.spacing(1.5),paddingRight:o.spacing(4)},"&.MuiSelect-standard":{paddingLeft:0}},"&.MuiOutlinedInput-root.MuiInputBase-sizeSmall, &.MuiFilledInput-root.MuiInputBase-sizeSmall":{padding:0},"& .MuiSelect-icon":{right:o.spacing(1.5)}}}),select:({theme:o})=>({padding:o.spacing(1.5),"&.MuiInputBase-input":{paddingLeft:o.spacing(2),paddingRight:o.spacing(5),"&.MuiSelect-standard":{paddingLeft:0}},"&:focus":{background:"transparent"},"&:focus-visible":{outline:"none !important",boxShadow:"none !important"},"& .MuiTypography-root":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},"&.MuiInputBase-inputSizeSmall":{padding:o.spacing(.75)}})}},MuiAutocomplete:{defaultProps:{size:"small",fullWidth:!0,popupIcon:p.jsx(M.ArrowDown,{}),clearIcon:p.jsx(s.Tooltip,{title:"Clear",children:p.jsx(a.Cancel,{"data-testid":"cancel-icon-autocomplete"})}),clearText:"",ChipProps:{color:"default"},limitTags:1,componentsProps:{paper:{elevation:8}}},styleOverrides:{root:({ownerState:o,theme:i})=>({"&.MuiAutocomplete-root .MuiFormControl-root":{".MuiInputBase-root":{gap:i.spacing(.5),height:"auto",minHeight:i.spacing(6),padding:i.spacing(1,2),paddingRight:i.spacing(5),".MuiInputBase-input":{padding:0},...o.multiple===!0&&{paddingLeft:i.spacing(1),".MuiInputBase-input":{padding:0,marginLeft:i.spacing(1)}},...o.size==="small"&&{minHeight:i.spacing(4),padding:i.spacing(.5,1.5),paddingRight:i.spacing(4),...o.multiple===!0&&{paddingLeft:i.spacing(.5)}},...o.readOnly===!0&&{backgroundColor:i.palette.default.background},"&.Mui-disabled":{pointerEvents:"none"}},".MuiFilledInput-root .MuiAutocomplete-tag":{backgroundColor:"transparent",border:`1px solid ${i.palette.default.main}`}},"&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root":{paddingRight:i.spacing(8.5),...o.size==="small"&&{paddingRight:i.spacing(7)}}}),inputRoot:({theme:o})=>({maxHeight:o.spacing(20),overflow:"auto",transition:"box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","& .MuiAutocomplete-input":{minWidth:`${o.spacing(10)} !important`,"&[readOnly]":{display:"none"}},"&::before, &::after":{content:"none"},"& fieldset":{border:"0 !important"},"&.MuiOutlinedInput-root":{boxShadow:`inset 0 0 0 1px ${o.palette.default.outlinedBorder}`},"&:hover":{boxShadow:`inset 0 0 0 1px ${o.palette.text.primary}`},"&.Mui-focused":{transition:"none",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main}`},"&.Mui-error":{boxShadow:`inset 0 0 0 2px ${o.palette.error.light}`},"&.Mui-disabled.MuiOutlinedInput-root":{boxShadow:`inset 0 0 0 1px ${o.palette.default.outlinedBorder}`,"&.Mui-error":{boxShadow:`inset 0 0 0 2px ${o.palette.error.light}`}},"&.Mui-disabled.MuiFilledInput-root":{"& .MuiAutocomplete-tag":{borderColor:`${o.palette.default.outlinedBorder} !important`}}}),endAdornment:({theme:o})=>({transform:"none",top:o.spacing(2),display:"flex",alignItems:"center",justifyContent:"flex-end",marginRight:o.spacing(1),".MuiAutocomplete-hasClearIcon &":{top:o.spacing(1)},".MuiInputBase-sizeSmall &":{top:o.spacing(.5),width:o.spacing(3),height:o.spacing(3),marginRight:o.spacing(.5)}}),clearIndicator:({ownerState:o,theme:i})=>({marginRight:0,color:i.palette.text.hint,...o.size==="small"&&{width:i.spacing(3),height:i.spacing(3)}}),popupIndicator:({theme:o})=>({width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM,cursor:"pointer","&:hover":{backgroundColor:"transparent"},"&.MuiButtonBase-root":{color:o.palette.text.secondary},".Mui-disabled &":{color:o.palette.text.disabled},"input:read-only + .MuiAutocomplete-endAdornment &":{color:o.palette.text.disabled}}),tag:({ownerState:o,theme:i})=>({margin:0,"&:not(.MuiButtonBase-root)":{display:"flex",alignItems:"center",height:i.spacing(4),padding:i.spacing(0,1.5),backgroundColor:i.palette.default.main,borderRadius:i.spacing(2),...i.typography.button,fontWeight:i.typography.fontWeightMedium,...o.size==="small"&&{height:i.spacing(3),padding:i.spacing(0,1),borderRadius:i.spacing(1.5),...i.typography.caption,fontWeight:i.typography.fontWeightMedium}}}),option:({ownerState:o,theme:i})=>({"&.MuiAutocomplete-option":{minHeight:i.spacing(4),padding:i.spacing(.5,2),...i.typography.body2,transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","& .MuiCheckbox-root svg path":{fill:i.palette.text.secondary},"&:hover":{backgroundColor:i.palette.action.hover},"&.Mui-disabled":{"& .MuiCheckbox-root svg path":{fill:i.palette.text.disabled}},'&[aria-disabled="true"]':{opacity:1},'&[aria-selected="true"]':{color:i.palette.primary.main,backgroundColor:i.palette.primary.background,".MuiTypography-root":{color:i.palette.primary.main},".MuiTypography-caption":{color:i.palette.text.secondary},"& .MuiCheckbox-root svg path":{fill:i.palette.primary.main},"&.Mui-focused:hover":{backgroundColor:i.palette.action.hover},"&.Mui-disabled":{backgroundColor:"transparent","& svg path":{fill:i.palette.text.disabled},"& .MuiCheckbox-root svg path":{fill:i.palette.text.disabled},"& .MuiTypography-root":{color:i.palette.text.disabled}}},"&:first-of-type":{marginTop:i.spacing(1)},...o.size==="small"&&{padding:i.spacing(.5,1.5)}}}),noOptions:({ownerState:o,theme:i})=>({padding:i.spacing(2.5,2),...i.typography.body2,color:i.palette.text.secondary,...o.size==="small"&&{padding:i.spacing(2,1.5)}}),listbox:({theme:o})=>({paddingTop:0,".MuiDivider-root":{display:"none"},".MuiButtonBase-root + .MuiDivider-root":{display:"block"},".MuiMenuItem-root:first-of-type":{marginTop:o.spacing(1)}})}},MuiSwitch:{defaultProps:{disableRipple:!0},styleOverrides:{root:({theme:o})=>({width:o.spacing(A),height:o.spacing(z),padding:0,overflow:"visible","& + .MuiTypography-root":{marginLeft:o.spacing(1),color:o.palette.text.primary},"& + .MuiFormControlLabel-label":{...o.typography.body2}}),switchBase:({ownerState:o,theme:i})=>({width:i.spacing(L),height:i.spacing(L),padding:i.spacing(.5),borderRadius:"50%",color:i.palette.text.secondary,transform:"translate(-8px, -8px)","&:hover":{backgroundColor:i.palette.action.hover},"&.MuiSwitch-switchBase input":{top:i.spacing(1),left:i.spacing(1)},"&.Mui-checked":{transform:"translate(0, -8px)",color:i.palette.common.white,"&.MuiSwitch-switchBase input":{left:0},"& + .MuiSwitch-track":{opacity:1,border:0}},...o.readOnly===!0&&{color:i.palette.text.disabled}}),thumb:({theme:o})=>({width:o.spacing(1),height:o.spacing(1),boxShadow:o.shadows[0],".Mui-checked &":{boxShadow:o.shadows[1]},".Mui-disabled &":{backgroundColor:o.palette.text.disabled},".Mui-disabled.Mui-checked &":{backgroundColor:o.palette.common.white}}),input:({theme:o})=>({width:o.spacing(A),height:o.spacing(z),left:0}),track:({ownerState:o,theme:i})=>({height:"auto",border:`1px solid ${i.palette.text.secondary}`,borderRadius:i.spacing(2),opacity:1,backgroundColor:i.palette.common.white,transitionDuration:"300ms",".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &":{opacity:1,borderColor:i.palette.text.disabled},".MuiButtonBase-root.Mui-checked.Mui-disabled + &":{backgroundColor:i.palette.text.disabled},".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &":{borderColor:i.palette.text.disabled},"[readOnly] .MuiButtonBase-root.Mui-checked + &":{backgroundColor:i.palette.text.disabled},...o.readOnly===!0&&{borderColor:i.palette.text.disabled}}),colorPrimary:({theme:o})=>({"&.Mui-checked:hover":{backgroundColor:o.palette.primary.background}}),colorSecondary:({theme:o})=>({"&.Mui-checked:hover":{backgroundColor:o.palette.secondary.background}})}},MuiCircularProgress:{defaultProps:{size:40,thickness:4}},MuiSlider:{defaultProps:{color:"primary",marks:!1,size:"small"},styleOverrides:{thumb:({theme:o})=>({"&:hover, &.Mui-focusVisible":{boxShadow:`0 0 0 ${o.spacing(1)} ${o.palette.primary.background}`}})}}},oo={MuiMenu:{styleOverrides:{paper:({theme:o})=>({"&.MuiMenu-paper":{minWidth:o.spacing(8),maxHeight:o.spacing(39),"&:focus-visible":{outline:"none !important",boxShadow:"none !important"}}})}},MuiMenuItem:{styleOverrides:{root:({theme:o})=>({...o.typography.body2,columnGap:o.spacing(1),minHeight:o.spacing(4),padding:o.spacing(.75,1,.75,1.5),whiteSpace:"normal",transition:"background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",[o.breakpoints.up("sm")]:{"&.MuiButtonBase-root":{minHeight:o.spacing(4)}},"&:hover":{".MuiAvatar-root, .MuiChip-root, .CartoTag-root":{cursor:"pointer"}},"&:focus-visible":{backgroundColor:"transparent",outline:"none !important",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main} !important`,borderRadius:o.shape.borderRadius,"&:hover":{backgroundColor:o.palette.action.hover}},"&.Mui-selected":{color:o.palette.primary.main,"&:focus-visible":{backgroundColor:o.palette.primary.background},"&:hover":{backgroundColor:o.palette.action.hover},"& .MuiTypography-root, & .MuiSvgIcon-root":{color:o.palette.primary.main},".MuiTypography-caption":{color:o.palette.text.secondary}},"&.Mui-disabled":{opacity:1,color:o.palette.text.disabled,backgroundColor:o.palette.background.paper,"&:empty":{height:0,minHeight:0,padding:0},".MuiTypography-root":{color:o.palette.text.disabled},svg:{color:o.palette.text.disabled},".MuiListItemIcon-root svg path":{fill:o.palette.text.disabled},".MuiAvatar-root":{color:o.palette.text.disabled,backgroundColor:o.palette.action.disabledBackground}},"& > .MuiSvgIcon-root":{marginRight:o.spacing(1)},".MuiMenu-paper-sizeSmall &":{paddingLeft:o.spacing(1.5),paddingRight:o.spacing(1.5)}}),dense:({theme:o})=>({minHeight:o.spacing(3),paddingTop:0,paddingBottom:0,".MuiTypography-root":{...o.typography.caption,fontWeight:500},[o.breakpoints.up("sm")]:{"&.MuiButtonBase-root":{minHeight:o.spacing(3)}}})}},MuiList:{styleOverrides:{root:({theme:o})=>({paddingTop:0,".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &":{minWidth:o.spacing(8),maxHeight:o.spacing(39),overflowY:"auto","&:focus-visible":{outline:"none !important",boxShadow:"none !important"}},".MuiDivider-root":{margin:o.spacing(1,0)},"& .MuiList-root":{paddingTop:0,paddingBottom:0,"& .MuiListItem-root":{paddingLeft:o.spacing(4)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(6)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(8)},"& .MuiList-root":{"& .MuiListItem-root":{paddingLeft:o.spacing(10)}}}}},"& .MuiListItemButton-root":{"&:focus-visible":{backgroundColor:"transparent"}}})}},MuiListItemText:{defaultProps:{primaryTypographyProps:{variant:"body2",noWrap:!0,component:"span"},secondaryTypographyProps:{variant:"caption"}},styleOverrides:{root:({theme:o})=>({paddingRight:o.spacing(2),"& + .MuiBox-root":{marginRight:o.spacing(1)}})}},MuiListItemIcon:{styleOverrides:{root:({theme:o})=>({display:"flex",alignItems:"center",gap:o.spacing(2),"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_LARGE},".MuiMenuItem-root.MuiButtonBase-root &":{minWidth:r.ICON_SIZE_MEDIUM}})}},MuiListItemAvatar:{styleOverrides:{root:({theme:o})=>({"& .MuiAvatar-root":{height:o.spacing(4),width:o.spacing(4)},"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_MEDIUM}})}},MuiTabs:{styleOverrides:{root:({theme:o})=>({boxSizing:"content-box",boxShadow:`0 1px 0 0 ${o.palette.black[12]}`}),vertical:()=>({borderBottom:0})}},MuiTab:{defaultProps:{iconPosition:"start"},styleOverrides:{root:({theme:o})=>({minHeight:o.spacing(6),minWidth:o.spacing(6),padding:o.spacing(0,2),paddingTop:"2px",borderBottom:"2px solid transparent",...o.typography.subtitle2,color:o.palette.text.primary,transition:"border 300ms cubic-bezier(0.4, 0, 0.2, 1)","&:hover":{borderBottomColor:o.palette.text.primary},"&:focus-visible":{outline:"none !important",boxShadow:`inset 0 0 0 2px ${o.palette.primary.main} !important`,borderRadius:`${o.shape.borderRadius}px ${o.shape.borderRadius}px 0 0`},"&.Mui-selected":{pointerEvents:"none","& svg:not(.doNotFillIcon) path":{fill:o.palette.primary.main}},".MuiTabs-vertical &":{paddingTop:0,borderBottom:0,paddingLeft:"2px",borderRight:"2px solid transparent","&:hover":{borderRightColor:o.palette.text.primary}}}),wrapped:()=>({maxWidth:"240px"})}},MuiBreadcrumbs:{styleOverrides:{li:({theme:o})=>({"& .MuiTypography-root":{...o.typography.body2,display:"flex",flexDirection:"row",alignItems:"center"},"& .MuiSvgIcon-root":{fontSize:r.ICON_SIZE_MEDIUM,marginRight:o.spacing(1)}}),separator:({theme:o})=>({marginLeft:o.spacing(.5),marginRight:o.spacing(.5)})}},MuiLink:{defaultProps:{underline:"hover"},styleOverrides:{root:()=>({cursor:"pointer"})}}},N=35,y=39.5,io={MuiDatePicker:{defaultProps:{slotProps:{popper:{placement:"bottom-end"},textField:{InputLabelProps:{shrink:!0}}},slots:{openPickerIcon:a.EventOutlined,clearIcon:a.Cancel}}},MuiDateCalendar:{defaultProps:{dayOfWeekFormatter:o=>`${o.toLocaleDateString("en-US",{weekday:"short"})}`,slots:{rightArrowIcon:a.ChevronRightOutlined,leftArrowIcon:a.ChevronLeftOutlined,switchViewIcon:a.ExpandMoreOutlined}},styleOverrides:{root:({ownerState:o,theme:i})=>{var c,C,I,v,h,S,k,m,O;return{width:i.spacing(N),height:i.spacing(y),maxHeight:i.spacing(y),...((c=o.views)==null?void 0:c.includes("year"))&&!((C=o.views)!=null&&C.includes("month"))&&!((I=o.views)!=null&&I.includes("day"))&&{height:i.spacing(33.5),maxHeight:i.spacing(33.5)},...((v=o.views)==null?void 0:v.includes("month"))&&!((h=o.views)!=null&&h.includes("year"))&&!((S=o.views)!=null&&S.includes("day"))&&{height:i.spacing(29),maxHeight:i.spacing(29),"& .MuiPickersCalendarHeader-labelContainer":{cursor:"default"}},...((k=o.views)==null?void 0:k.includes("day"))&&!((m=o.views)!=null&&m.includes("year"))&&!((O=o.views)!=null&&O.includes("month"))&&{"& .MuiPickersCalendarHeader-labelContainer":{cursor:"default"}},"& .MuiYearCalendar-root, & .MuiMonthCalendar-root":{gap:i.spacing(.5),width:i.spacing(N),padding:i.spacing(1,2)},"& .MuiPickersYear-root":{flexBasis:"22.5%"},"& .MuiPickersMonth-root":{flexBasis:"31.1%"},"& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root":{width:"100%",height:i.spacing(4),margin:0,padding:0,...i.typography.button,borderRadius:i.shape.borderRadius,"&:hover":{backgroundColor:i.palette.action.hover},"&.Mui-selected":{backgroundColor:i.palette.primary.background,color:i.palette.primary.main,"&:focus":{backgroundColor:i.palette.primary.background},"&:hover":{backgroundColor:i.palette.action.hover}},"&.Mui-disabled":{color:i.palette.text.disabled}},"& .MuiPickersDay-root":{margin:i.spacing(.25)}}}}},MuiPickersPopper:{styleOverrides:{paper:({theme:o})=>({marginBottom:o.spacing(.5)})}},MuiYearCalendar:{styleOverrides:{root:({theme:o})=>({maxHeight:o.spacing(33.5)})}},MuiPickersCalendarHeader:{styleOverrides:{root:({theme:o})=>({maxHeight:o.spacing(4),minHeight:o.spacing(4),margin:0,padding:o.spacing(1,1,1,2),boxSizing:"content-box","& .MuiIconButton-root":{borderRadius:o.shape.borderRadius},"& .MuiPickersArrowSwitcher-spacer":{width:o.spacing(4)}}),label:({theme:o})=>({...o.typography.subtitle2}),switchViewButton:({theme:o})=>({width:o.spacing(4),height:o.spacing(4)})}},MuiDayCalendar:{styleOverrides:{header:({theme:o})=>({margin:o.spacing(0,2)}),weekContainer:()=>({margin:0}),weekDayLabel:({theme:o})=>({flex:1,...o.typography.caption,fontWeight:o.typography.fontWeightRegular,color:o.palette.text.secondary})}},MuiPickersDay:{styleOverrides:{root:({theme:o})=>({width:`${o.spacing(4)} !important`,height:o.spacing(4),"&:focus":{backgroundColor:"transparent"}}),today:({theme:o})=>({border:`1px solid ${o.palette.default.outlinedBorder}`,"&:hover, &:selected":{borderColor:o.palette.primary.light},"&:not(.Mui-selected)":{borderColor:o.palette.default.outlinedBorder},"&.Mui-selected":{borderColor:o.palette.primary.light,"&:focus":{borderColor:o.palette.primary.light}},"&.Mui-disabled":{color:o.palette.text.disabled,borderColor:o.palette.default.outlinedBorder,backgroundColor:"transparent","&.Mui-selected":{opacity:"1 !important",color:o.palette.text.disabled,backgroundColor:"transparent",borderColor:o.palette.default.outlinedBorder}}})}},MuiTimePicker:{defaultProps:{views:["hours"],format:"hh:mm a",ampm:!0,viewRenderers:{hours:w.renderDigitalClockTimeView},timeSteps:{minutes:30},slotProps:{actionBar:{actions:[]}},slots:{clearIcon:a.Cancel,digitalClockItem:o=>p.jsx(B.MenuItem,{...o,disableRipple:!0})}}},MuiDateTimePicker:{defaultProps:{views:["year","month","day","hours"],format:"MM/dd/yyyy hh:mm a",ampm:!0,viewRenderers:{hours:w.renderDigitalClockTimeView},timeSteps:{minutes:30},slotProps:{popper:{placement:"bottom-end"},actionBar:{actions:[]}},slots:{openPickerIcon:a.EventOutlined,clearIcon:a.Cancel,digitalClockItem:o=>p.jsx(B.MenuItem,{...o,disableRipple:!0})}}},MuiDigitalClock:{defaultProps:{timeStep:30,ampm:!0},styleOverrides:{root:({theme:o})=>({minWidth:o.spacing(15)}),list:({theme:o})=>({".MuiPopper-root &":{maxHeight:o.spacing(y),paddingBottom:o.spacing(1)}})}}};function t(o){return .0625*o+"rem"}const f={htmlFontSize:16,fontFamily:"Inter, sans-serif",fontSize:16,lineHeight:1.5,fontWeightLight:300,fontWeightRegular:400,fontWeightMedium:500,fontWeightBold:600,fontSmoothing:"antialiased",h1:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(96),lineHeight:1.167,letterSpacing:"-1.5px"},h2:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(60),lineHeight:1.2,letterSpacing:"-0.5px"},h3:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(48),lineHeight:1.167,letterSpacing:0},h4:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(32),lineHeight:1.25,letterSpacing:0},h5:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(24),lineHeight:1.167,letterSpacing:0},h6:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(18),lineHeight:1.333,letterSpacing:0},subtitle1:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(16),lineHeight:1.5,letterSpacing:0},subtitle2:{fontFamily:"Inter, sans-serif",fontWeight:600,fontSize:t(13),lineHeight:1.538,letterSpacing:0},body1:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(16),lineHeight:1.5,letterSpacing:0},body2:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(13),lineHeight:1.538,letterSpacing:0},button:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(13),lineHeight:1.538,letterSpacing:0,textTransform:"inherit"},caption:{fontFamily:"Inter, sans-serif",fontWeight:400,fontSize:t(11),lineHeight:1.454,letterSpacing:0},overline:{fontFamily:"Inter, sans-serif",fontWeight:500,fontSize:t(10),lineHeight:1.2,letterSpacing:"1.2px",textTransform:"uppercase"}},ro={captionMedium:{...f.caption,fontWeight:500,letterSpacing:0},overlineDelicate:{...f.overline,fontWeight:400,letterSpacing:"1.2px"},code1:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(16),lineHeight:1.5,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"},code2:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(14),lineHeight:1.428,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"},code3:{fontFamily:'"Overpass Mono", monospace',fontWeight:400,fontSize:t(12),lineHeight:1.333,letterSpacing:0,fontVariantLigatures:"no-common-ligatures"}},q={...f,...ro};var W,Z,H,F,U,$,G,j;const to={"*:focus-visible":{outline:`2px solid ${(W=n.commonPalette.primary)==null?void 0:W.main} !important`,boxShadow:`0 0 0 4px ${(Z=n.commonPalette.primary)==null?void 0:Z.background} !important`,borderRadius:"4px"},"*::-webkit-scrollbar":{position:"fixed"},"*::-webkit-scrollbar:vertical":{width:"5px"},"*::-webkit-scrollbar:horizontal":{height:"5px"},"*::-webkit-scrollbar-track":{boxShadow:"none",background:"transparent"},"*::-webkit-scrollbar-thumb":{borderRadius:"3px",background:(H=n.commonPalette.action)==null?void 0:H.focus,outline:"none"},'input[type="search"]::-webkit-search-cancel-button':{WebkitAppearance:"none",appearance:"none",height:r.getSpacing(2),width:r.getSpacing(2),display:"block",backgroundImage:"url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)",backgroundRepeat:"no-repeat",backgroundSize:r.getSpacing(2)},".mapboxgl-ctrl.mapboxgl-ctrl-attrib":{padding:r.getSpacing(0,1),borderRadius:r.getSpacing(.5,0,0,0),"& .mapboxgl-ctrl-attrib-inner":{...q.overline,textTransform:"none",letterSpacing:"0.75px","& a":{color:(F=n.commonPalette.primary)==null?void 0:F.main}},"&.mapboxgl-compact":{backgroundColor:"transparent",right:r.getSpacing(.5),bottom:r.getSpacing(2.5),"@media (max-width: 600px)":{bottom:r.getSpacing(.5)},"& .mapboxgl-ctrl-attrib-button":{backgroundImage:`url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(U=n.commonPalette.text)==null?void 0:U.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,backgroundColor:"rgba(255,255,255,.8)",top:"auto",bottom:0,right:0,"&:not(:disabled):hover":{backgroundColor:"rgba(255,255,255,.8)"}},"& .mapboxgl-ctrl-attrib-inner":{backgroundColor:"rgba(255,255,255,.8)",padding:r.getSpacing(.5,1),borderRadius:r.getSpacing(1.5),marginRight:r.getSpacing(2.5),color:($=n.commonPalette.text)==null?void 0:$.secondary},"&.mapboxgl-compact-show":{"& .mapboxgl-ctrl-attrib-button":{backgroundImage:`url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,backgroundColor:(G=n.commonPalette.common)==null?void 0:G.black,"&:not(:disabled):hover":{backgroundColor:(j=n.commonPalette.common)==null?void 0:j.black}}}}}},ao={MuiSnackbar:{defaultProps:{anchorOrigin:{vertical:"bottom",horizontal:"center"}}},MuiSkeleton:{defaultProps:{animation:"wave",variant:"rounded"},styleOverrides:{root:({theme:o})=>({backgroundColor:o.palette.black[8]}),rounded:({theme:o})=>({borderRadius:o.spacing(.5)}),text:({theme:o})=>({borderRadius:o.spacing(.5)}),wave:({theme:o})=>({"&::after":{background:`linear-gradient( 90deg, transparent, ${o.palette.black[4]}, transparent )`}})}},MuiAlert:{defaultProps:{iconMapping:{success:p.jsx(a.CheckCircleOutlined,{})}},styleOverrides:{root:({theme:o})=>({borderRadius:o.spacing(1),alignSelf:"start",width:"100%",padding:o.spacing(1.5)}),icon:({theme:o})=>({height:o.spacing(3),display:"flex",alignItems:"center",padding:0,marginRight:o.spacing(1),svg:{width:r.ICON_SIZE_MEDIUM,height:r.ICON_SIZE_MEDIUM}}),action:()=>({paddingTop:0,marginRight:0}),message:({theme:o})=>({paddingTop:o.spacing(.5),paddingBottom:0,...o.typography.caption})}},MuiAlertTitle:{defaultProps:{variant:"body2"},styleOverrides:{root:({theme:o})=>({marginBottom:o.spacing(.5),fontWeight:o.typography.fontWeightBold,color:"inherit"})}}},eo={MuiAppBar:{styleOverrides:{root:({theme:o})=>({flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:r.APPBAR_SIZE,backgroundColor:o.palette.brand.navyBlue,color:o.palette.common.white,boxShadow:o.shadows[0],"& .MuiToolbar-root":{justifyContent:"space-between",width:"100%",padding:o.spacing(0,1),minHeight:r.APPBAR_SIZE},"& .MuiAvatar-root":{width:o.spacing(4),height:o.spacing(4)}})}},MuiAccordion:{defaultProps:{disableGutters:!0,elevation:0},styleOverrides:{root:({theme:o})=>({...o.typography.body2,backgroundColor:"transparent",boxShadow:`inset 0 -1px 0 0 ${o.palette.divider}`,"&:last-of-type":{boxShadow:"none"},"&::before":{content:"none"},"&.Mui-disabled":{backgroundColor:"transparent"}})}},MuiAccordionSummary:{defaultProps:{expandIcon:p.jsx(a.ExpandMoreOutlined,{})},styleOverrides:{root:({theme:o})=>({...o.typography.button,"&.Mui-disabled":{opacity:1,color:o.palette.text.disabled},"&.Mui-focusVisible":{backgroundColor:"transparent",borderRadius:o.shape.borderRadius}}),expandIconWrapper:({theme:o})=>({"& svg":{color:o.palette.text.secondary,".Mui-disabled &":{color:o.palette.text.disabled}}})}},MuiAccordionDetails:{styleOverrides:{root:({theme:o})=>({paddingBottom:o.spacing(3)})}}},no=["none","0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)","0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)","0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)","0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)","0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)","0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)","0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)","0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)","0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)","0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)","0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)","0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)","0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)","0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)","0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)","0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)","0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)","0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)","0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)","0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)","0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)","0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)","0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)","0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"],K={themeName:"CARTO",breakpoints:{keys:["xs","sm","md","lg","xl"],values:{xs:r.BREAKPOINTS.XS,sm:r.BREAKPOINTS.SM,md:r.BREAKPOINTS.MD,lg:r.BREAKPOINTS.LG,xl:r.BREAKPOINTS.XL},unit:"px",step:5},direction:"ltr",mixins:{toolbar:{minHeight:56,"@media (min-width:0px) and (orientation: landscape)":{minHeight:48},"@media (min-width:600px)":{minHeight:56}}},palette:n.commonPalette,shadows:no,typography:q,spacingValue:r.SPACING,spacing:r.SPACING,shape:{borderRadius:4},transitions:{easing:{easeInOut:"cubic-bezier(0.4, 0, 0.2, 1)",easeOut:"cubic-bezier(0.0, 0, 0.2, 1)",easeIn:"cubic-bezier(0.4, 0, 1, 1)",sharp:"cubic-bezier(0.4, 0, 0.6, 1)"},duration:{shortest:150,shorter:200,short:250,standard:300,complex:375,enteringScreen:225,leavingScreen:195}},zIndex:{mobileStepper:1e3,speedDial:1050,appBar:1100,drawer:1200,modal:1300,snackbar:1400,tooltip:1500},components:{MuiCssBaseline:{styleOverrides:{...to}},...X,...J,...oo,...Y,...ao,...eo,...io}},po=s.responsiveFontSizes(s.createTheme(K));exports.APPBAR_SIZE=r.APPBAR_SIZE;exports.BREAKPOINTS=r.BREAKPOINTS;exports.ICON_SIZE_LARGE=r.ICON_SIZE_LARGE;exports.ICON_SIZE_MEDIUM=r.ICON_SIZE_MEDIUM;exports.ICON_SIZE_SMALL=r.ICON_SIZE_SMALL;exports.NOTIFICATION_DURATION_IN_MS=r.NOTIFICATION_DURATION_IN_MS;exports.SPACING=r.SPACING;exports.getSpacing=r.getSpacing;exports.getCartoColorStylePropsForItem=n.getCartoColorStylePropsForItem;exports.cartoThemeOptions=K;exports.theme=po;
1
+ "use strict";
2
+ var _a, _b, _c, _d, _e, _f, _g, _h;
3
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
4
+ const material = require("@mui/material");
5
+ const jsxRuntime = require("react/jsx-runtime");
6
+ const TablePaginationActions = require("../TablePaginationActions-CFGXm44W.cjs");
7
+ const iconsMaterial = require("@mui/icons-material");
8
+ const ArrowDown = require("../ArrowDown-8fLj23Ge.cjs");
9
+ const xDatePickers = require("@mui/x-date-pickers");
10
+ const MenuItem = require("../MenuItem-Br2jY2lt.cjs");
11
+ const paletteUtils = require("../paletteUtils-B9ybmwiI.cjs");
12
+ const tooltipArrowSize = 1;
13
+ const tooltipSeparation = 0.5;
14
+ const tooltipMargin = tooltipArrowSize + tooltipSeparation;
15
+ const avatarFallbackImage = "M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z";
16
+ const avatarCircularRadius = "50%";
17
+ const avatarRoundedRadius = 0.5;
18
+ const dataDisplayOverrides = {
19
+ // Divider
20
+ MuiDivider: {
21
+ defaultProps: {
22
+ role: "separator"
23
+ },
24
+ styleOverrides: {
25
+ root: ({ theme: theme2 }) => ({
26
+ backgroundColor: "transparent",
27
+ borderColor: theme2.palette.divider
28
+ }),
29
+ light: ({ theme: theme2 }) => ({
30
+ borderColor: theme2.palette.white[12]
31
+ })
32
+ }
33
+ },
34
+ // Tooltip
35
+ MuiTooltip: {
36
+ defaultProps: {
37
+ arrow: true,
38
+ placement: "top",
39
+ enterDelay: 1e3,
40
+ leaveDelay: 200
41
+ },
42
+ styleOverrides: {
43
+ tooltip: ({ theme: theme2 }) => ({
44
+ ...theme2.typography.caption,
45
+ fontWeight: 500,
46
+ maxWidth: "240px",
47
+ backgroundColor: theme2.palette.black[90],
48
+ '.MuiTooltip-popper[data-popper-placement*="top"] &': {
49
+ marginBottom: theme2.spacing(tooltipSeparation),
50
+ "&.MuiTooltip-tooltipArrow": {
51
+ marginBottom: theme2.spacing(tooltipMargin)
52
+ }
53
+ },
54
+ '.MuiTooltip-popper[data-popper-placement*="right"] &': {
55
+ marginLeft: theme2.spacing(tooltipSeparation),
56
+ "&.MuiTooltip-tooltipArrow": {
57
+ marginLeft: theme2.spacing(tooltipMargin)
58
+ }
59
+ },
60
+ '.MuiTooltip-popper[data-popper-placement*="bottom"] &': {
61
+ marginTop: theme2.spacing(tooltipSeparation),
62
+ "&.MuiTooltip-tooltipArrow": {
63
+ marginTop: theme2.spacing(tooltipMargin)
64
+ }
65
+ },
66
+ '.MuiTooltip-popper[data-popper-placement*="left"] &': {
67
+ marginRight: theme2.spacing(tooltipSeparation),
68
+ "&.MuiTooltip-tooltipArrow": {
69
+ marginRight: theme2.spacing(tooltipMargin)
70
+ }
71
+ }
72
+ }),
73
+ arrow: ({ theme: theme2 }) => ({
74
+ height: theme2.spacing(tooltipArrowSize),
75
+ color: theme2.palette.black[90]
76
+ })
77
+ }
78
+ },
79
+ // Popper
80
+ MuiPopper: {
81
+ styleOverrides: {
82
+ root: ({ theme: theme2 }) => ({
83
+ "& .MuiPaper-root": {
84
+ marginTop: theme2.spacing(0.5)
85
+ }
86
+ })
87
+ }
88
+ },
89
+ // Popover
90
+ MuiPopover: {
91
+ styleOverrides: {
92
+ root: ({ theme: theme2 }) => ({
93
+ "& .MuiPaper-root": {
94
+ marginTop: theme2.spacing(0.5)
95
+ }
96
+ })
97
+ }
98
+ },
99
+ // Dialog
100
+ MuiDialog: {
101
+ defaultProps: {
102
+ maxWidth: "md"
103
+ }
104
+ },
105
+ MuiDialogTitle: {
106
+ defaultProps: {
107
+ variant: "subtitle1"
108
+ },
109
+ styleOverrides: {
110
+ root: ({ theme: theme2 }) => ({
111
+ padding: theme2.spacing(3, 3, 2)
112
+ })
113
+ }
114
+ },
115
+ MuiDialogContent: {
116
+ styleOverrides: {
117
+ root: ({ theme: theme2 }) => ({
118
+ "& .MuiFormGroup-root": {
119
+ padding: theme2.spacing(1, 0)
120
+ }
121
+ })
122
+ }
123
+ },
124
+ MuiDialogContentText: {
125
+ defaultProps: {
126
+ variant: "body2"
127
+ },
128
+ styleOverrides: {
129
+ root: ({ theme: theme2 }) => ({
130
+ color: theme2.palette.text.primary
131
+ })
132
+ }
133
+ },
134
+ // Table
135
+ MuiTablePagination: {
136
+ defaultProps: {
137
+ SelectProps: {
138
+ variant: "outlined",
139
+ size: "small"
140
+ },
141
+ labelDisplayedRows: ({ from, to, count }) => {
142
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
143
+ /* @__PURE__ */ jsxRuntime.jsx(
144
+ TablePaginationActions.Typography,
145
+ {
146
+ component: "span",
147
+ variant: "inherit",
148
+ weight: "strong",
149
+ color: "textPrimary",
150
+ children: `${from}-${to}`
151
+ }
152
+ ),
153
+ ` of ${count}`
154
+ ] });
155
+ },
156
+ ActionsComponent: TablePaginationActions.TablePaginationActions
157
+ },
158
+ styleOverrides: {
159
+ root: () => ({
160
+ borderBottom: 0
161
+ }),
162
+ toolbar: ({ theme: theme2 }) => ({
163
+ minHeight: "0 !important",
164
+ padding: "0 !important",
165
+ height: theme2.spacing(6)
166
+ }),
167
+ selectLabel: ({ theme: theme2 }) => ({
168
+ margin: 0,
169
+ ...theme2.typography.caption,
170
+ fontWeight: theme2.typography.fontWeightMedium
171
+ }),
172
+ selectIcon: ({ theme: theme2 }) => ({
173
+ "&.MuiSvgIcon-root": {
174
+ right: theme2.spacing(1)
175
+ }
176
+ }),
177
+ input: ({ theme: theme2 }) => ({
178
+ marginRight: theme2.spacing(2),
179
+ marginLeft: theme2.spacing(1),
180
+ width: "auto",
181
+ paddingRight: theme2.spacing(3)
182
+ }),
183
+ displayedRows: ({ theme: theme2 }) => ({
184
+ color: theme2.palette.text.secondary
185
+ })
186
+ }
187
+ },
188
+ MuiTable: {
189
+ defaultProps: {
190
+ stickyHeader: true
191
+ }
192
+ },
193
+ MuiTableRow: {
194
+ styleOverrides: {
195
+ root: ({ theme: theme2 }) => ({
196
+ transition: "background-color 0.25s ease",
197
+ borderColor: theme2.palette.divider,
198
+ "&.MuiTableRow-hover:hover": {
199
+ cursor: "pointer"
200
+ }
201
+ })
202
+ }
203
+ },
204
+ MuiTableCell: {
205
+ styleOverrides: {
206
+ root: ({ theme: theme2 }) => ({
207
+ padding: theme2.spacing(0.5, 2),
208
+ height: theme2.spacing(6),
209
+ "&.MuiTableCell-sizeSmall": {
210
+ height: theme2.spacing(4)
211
+ },
212
+ "&.MuiTableCell-footer": {
213
+ padding: 0
214
+ }
215
+ }),
216
+ head: ({ theme: theme2 }) => ({
217
+ ...theme2.typography.caption,
218
+ fontWeight: theme2.typography.fontWeightMedium,
219
+ color: theme2.palette.text.primary
220
+ }),
221
+ stickyHeader: ({ theme: theme2 }) => ({
222
+ backgroundColor: theme2.palette.common.white
223
+ }),
224
+ paddingCheckbox: ({ theme: theme2 }) => ({
225
+ padding: theme2.spacing(0.5, 1)
226
+ }),
227
+ paddingNone: () => ({
228
+ padding: 0
229
+ })
230
+ }
231
+ },
232
+ // Chip
233
+ MuiChip: {
234
+ defaultProps: {
235
+ color: "primary"
236
+ },
237
+ styleOverrides: {
238
+ root: ({ theme: theme2 }) => ({
239
+ maxWidth: "192px",
240
+ padding: theme2.spacing(0, 0.5),
241
+ "& .MuiAvatar-root": {
242
+ width: TablePaginationActions.ICON_SIZE_LARGE,
243
+ minWidth: TablePaginationActions.ICON_SIZE_LARGE,
244
+ height: TablePaginationActions.ICON_SIZE_LARGE,
245
+ margin: 0,
246
+ color: theme2.palette.secondary.contrastText,
247
+ backgroundColor: theme2.palette.background.paper,
248
+ border: `1px solid ${theme2.palette.action.hover}`
249
+ },
250
+ "& .MuiChip-icon": {
251
+ margin: 0,
252
+ marginLeft: theme2.spacing(0.5)
253
+ },
254
+ "& img": {
255
+ width: TablePaginationActions.ICON_SIZE_LARGE,
256
+ minWidth: TablePaginationActions.ICON_SIZE_LARGE,
257
+ height: TablePaginationActions.ICON_SIZE_LARGE
258
+ },
259
+ "&.MuiChip-root.Mui-disabled": {
260
+ color: theme2.palette.text.disabled,
261
+ backgroundColor: theme2.palette.action.disabledBackground,
262
+ opacity: 1,
263
+ "& .MuiChip-deleteIcon, & .MuiChip-icon": {
264
+ color: theme2.palette.action.disabled
265
+ },
266
+ "& .MuiAvatar-root": {
267
+ opacity: 0.6
268
+ }
269
+ },
270
+ "& .MuiChip-deleteIcon": {
271
+ color: theme2.palette.text.hint
272
+ }
273
+ }),
274
+ // Variants
275
+ filled: ({ theme: theme2 }) => ({
276
+ border: 0,
277
+ backgroundColor: theme2.palette.default.main,
278
+ "& .MuiChip-iconColorPrimary": {
279
+ color: theme2.palette.primary.contrastText
280
+ },
281
+ "& .MuiChip-deleteIcon:hover": {
282
+ color: theme2.palette.text.primary
283
+ }
284
+ }),
285
+ filledPrimary: ({ theme: theme2 }) => ({
286
+ backgroundColor: theme2.palette.primary.main,
287
+ "& .MuiChip-deleteIcon": {
288
+ color: theme2.palette.white[60],
289
+ "&:hover": {
290
+ color: theme2.palette.common.white
291
+ }
292
+ }
293
+ }),
294
+ filledSecondary: ({ theme: theme2 }) => ({
295
+ backgroundColor: theme2.palette.secondary.main
296
+ }),
297
+ outlined: ({ theme: theme2 }) => ({
298
+ borderColor: theme2.palette.default.outlinedBorder,
299
+ "&.MuiChip-root.Mui-disabled": {
300
+ borderColor: theme2.palette.default.outlinedBorder,
301
+ backgroundColor: "transparent"
302
+ },
303
+ "& .MuiChip-deleteIcon:hover": {
304
+ color: theme2.palette.text.primary
305
+ }
306
+ }),
307
+ outlinedPrimary: ({ theme: theme2 }) => ({
308
+ borderColor: theme2.palette.primary.main
309
+ }),
310
+ outlinedSecondary: ({ theme: theme2 }) => ({
311
+ borderColor: theme2.palette.secondary.main
312
+ }),
313
+ // Status colors
314
+ colorSuccess: ({ theme: theme2 }) => ({
315
+ "&.MuiChip-outlined": {
316
+ color: theme2.palette.success.dark,
317
+ borderColor: theme2.palette.success.main
318
+ },
319
+ "&.MuiChip-filled": {
320
+ color: theme2.palette.success.dark,
321
+ backgroundColor: theme2.palette.success.relatedLight
322
+ },
323
+ "& .MuiChip-icon": {
324
+ color: theme2.palette.success.main
325
+ }
326
+ }),
327
+ colorInfo: ({ theme: theme2 }) => ({
328
+ "&.MuiChip-outlined": {
329
+ color: theme2.palette.primary.dark,
330
+ borderColor: theme2.palette.primary.main
331
+ },
332
+ "&.MuiChip-filled": {
333
+ color: theme2.palette.primary.dark,
334
+ backgroundColor: theme2.palette.primary.relatedLight
335
+ },
336
+ "& .MuiChip-icon": {
337
+ color: theme2.palette.info.main
338
+ }
339
+ }),
340
+ colorError: ({ theme: theme2 }) => ({
341
+ "&.MuiChip-outlined": {
342
+ color: theme2.palette.error.dark,
343
+ borderColor: theme2.palette.error.main
344
+ },
345
+ "&.MuiChip-filled": {
346
+ color: theme2.palette.error.dark,
347
+ backgroundColor: theme2.palette.error.relatedLight
348
+ },
349
+ "& .MuiChip-icon": {
350
+ color: theme2.palette.error.main
351
+ }
352
+ }),
353
+ colorWarning: ({ theme: theme2 }) => ({
354
+ "&.MuiChip-outlined": {
355
+ color: theme2.palette.warning.relatedDark,
356
+ borderColor: theme2.palette.warning.main
357
+ },
358
+ "&.MuiChip-filled": {
359
+ color: theme2.palette.warning.relatedDark,
360
+ backgroundColor: theme2.palette.warning.relatedLight
361
+ },
362
+ "& .MuiChip-icon": {
363
+ color: theme2.palette.warning.main
364
+ }
365
+ }),
366
+ // Sizes
367
+ sizeSmall: ({ theme: theme2 }) => ({
368
+ "& img": {
369
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
370
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
371
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
372
+ },
373
+ "& .MuiAvatar-root": {
374
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
375
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
376
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
377
+ },
378
+ "& .MuiChip-icon": {
379
+ marginLeft: theme2.spacing(0.25)
380
+ }
381
+ }),
382
+ // Inner elements
383
+ label: ({ theme: theme2 }) => ({
384
+ ...theme2.typography.button,
385
+ padding: theme2.spacing(0, 0.75)
386
+ }),
387
+ labelSmall: ({ theme: theme2 }) => ({
388
+ ...theme2.typography.caption,
389
+ fontWeight: 500,
390
+ padding: theme2.spacing(0, 0.5)
391
+ }),
392
+ deleteIcon: () => ({
393
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
394
+ height: TablePaginationActions.ICON_SIZE_MEDIUM,
395
+ margin: 0,
396
+ marginLeft: "2px",
397
+ // Forced to a non-standard value to meet with design
398
+ marginRight: "3px",
399
+ // Forced to a non-standard value to meet with design
400
+ transition: "color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
401
+ }),
402
+ deleteIconSmall: ({ theme: theme2 }) => ({
403
+ width: theme2.spacing(2),
404
+ height: theme2.spacing(2),
405
+ marginRight: 0
406
+ }),
407
+ clickable: ({ theme: theme2 }) => ({
408
+ "&:active": {
409
+ boxShadow: "none"
410
+ },
411
+ "&.MuiChip-outlined": {
412
+ transitionProperty: "background, color, border-color",
413
+ transitionDuration: "300ms",
414
+ transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
415
+ "&:hover": {
416
+ backgroundColor: "transparent",
417
+ "&.MuiChip-colorPrimary": {
418
+ color: theme2.palette.primary.dark,
419
+ borderColor: theme2.palette.primary.dark
420
+ },
421
+ "&.MuiChip-colorSecondary": {
422
+ color: theme2.palette.secondary.dark,
423
+ borderColor: theme2.palette.secondary.dark
424
+ },
425
+ "&.MuiChip-colorDefault": {
426
+ borderColor: theme2.palette.default.dark
427
+ },
428
+ "&.MuiChip-colorSuccess": {
429
+ color: theme2.palette.success.dark,
430
+ borderColor: theme2.palette.success.dark
431
+ },
432
+ "&.MuiChip-colorInfo": {
433
+ color: theme2.palette.info.dark,
434
+ borderColor: theme2.palette.info.dark
435
+ },
436
+ "&.MuiChip-colorError": {
437
+ color: theme2.palette.error.dark,
438
+ borderColor: theme2.palette.error.dark
439
+ },
440
+ "&.MuiChip-colorWarning": {
441
+ color: theme2.palette.warning.dark,
442
+ borderColor: theme2.palette.warning.dark
443
+ }
444
+ }
445
+ },
446
+ "&.MuiChip-filled": {
447
+ "&:hover": {
448
+ "&.MuiChip-colorSecondary": {
449
+ backgroundColor: theme2.palette.secondary.light
450
+ },
451
+ "&.MuiChip-colorDefault": {
452
+ backgroundColor: theme2.palette.default.dark
453
+ },
454
+ "&.MuiChip-colorSuccess": {
455
+ backgroundColor: material.alpha(theme2.palette.success.main, 0.25)
456
+ },
457
+ "&.MuiChip-colorInfo": {
458
+ backgroundColor: material.alpha(theme2.palette.info.main, 0.12)
459
+ },
460
+ "&.MuiChip-colorError": {
461
+ backgroundColor: material.alpha(theme2.palette.error.main, 0.12)
462
+ },
463
+ "&.MuiChip-colorWarning": {
464
+ backgroundColor: material.alpha(theme2.palette.warning.main, 0.25)
465
+ }
466
+ }
467
+ }
468
+ })
469
+ }
470
+ },
471
+ // Avatar
472
+ MuiAvatar: {
473
+ styleOverrides: {
474
+ root: ({ theme: theme2 }) => ({
475
+ overflow: "initial",
476
+ color: theme2.palette.secondary.contrastText,
477
+ backgroundColor: theme2.palette.secondary.main,
478
+ // Default fallback image override
479
+ // https://github.com/mui/material-ui/issues/33229
480
+ "& .MuiAvatar-fallback": {
481
+ path: {
482
+ d: `path('${avatarFallbackImage}') !important`
483
+ }
484
+ }
485
+ }),
486
+ img: ({ theme: theme2 }) => ({
487
+ boxShadow: `0 0 0 1px ${theme2.palette.default.outlinedBorder}`
488
+ }),
489
+ circular: () => ({
490
+ borderRadius: avatarCircularRadius,
491
+ "& img": {
492
+ borderRadius: avatarCircularRadius
493
+ }
494
+ }),
495
+ rounded: ({ theme: theme2 }) => ({
496
+ borderRadius: theme2.spacing(avatarRoundedRadius),
497
+ "& img": {
498
+ borderRadius: theme2.spacing(avatarRoundedRadius)
499
+ }
500
+ })
501
+ }
502
+ },
503
+ // Skeleton
504
+ MuiSkeleton: {
505
+ defaultProps: {
506
+ animation: "wave"
507
+ }
508
+ },
509
+ // Typography
510
+ MuiTypography: {
511
+ defaultProps: {
512
+ color: "textPrimary",
513
+ variantMapping: {
514
+ caption: "p",
515
+ overline: "p",
516
+ overlineDelicate: "p"
517
+ }
518
+ }
519
+ },
520
+ // Svg Icons
521
+ MuiSvgIcon: {
522
+ styleOverrides: {
523
+ root: ({ theme: theme2 }) => ({
524
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
525
+ // Force the size of the inner shapes to match the icon size
526
+ "& rect, & circle, & polygon": {
527
+ minWidth: theme2.spacing(2),
528
+ minHeight: theme2.spacing(2)
529
+ }
530
+ }),
531
+ fontSizeSmall: () => ({
532
+ fontSize: TablePaginationActions.ICON_SIZE_SMALL
533
+ }),
534
+ fontSizeLarge: () => ({
535
+ fontSize: TablePaginationActions.ICON_SIZE_LARGE
536
+ })
537
+ }
538
+ }
539
+ };
540
+ const sizeXsmall = TablePaginationActions.getSpacing(2);
541
+ const sizeSmall = TablePaginationActions.getSpacing(3);
542
+ const sizeMedium = TablePaginationActions.getSpacing(4);
543
+ const sizeLarge = TablePaginationActions.getSpacing(6);
544
+ const radius = TablePaginationActions.getSpacing(0.5);
545
+ const buttonsOverrides = {
546
+ // Button Base
547
+ MuiButtonBase: {
548
+ defaultProps: {
549
+ disableRipple: true
550
+ },
551
+ styleOverrides: {
552
+ root: () => ({
553
+ "& .MuiSvgIcon-root, & svg": {
554
+ display: "flex",
555
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
556
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
557
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
558
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
559
+ }
560
+ })
561
+ }
562
+ },
563
+ // Button
564
+ MuiButton: {
565
+ defaultProps: {
566
+ disableElevation: true
567
+ },
568
+ styleOverrides: {
569
+ root: ({ ownerState, theme: theme2 }) => ({
570
+ // maxWidth: '192px', TODO temporary disabled waiting for a design definition
571
+ "&:hover, &:focus-visible": {
572
+ boxShadow: theme2.shadows[0],
573
+ ...ownerState.variant !== "contained" && {
574
+ ...ownerState.color === "primary" && {
575
+ backgroundColor: theme2.palette.primary.background
576
+ },
577
+ ...ownerState.color === "secondary" && {
578
+ backgroundColor: theme2.palette.secondary.background
579
+ },
580
+ ...ownerState.color === "error" && {
581
+ background: theme2.palette.error.relatedLight
582
+ }
583
+ },
584
+ ...ownerState.variant === "contained" && ownerState.color === "secondary" && {
585
+ backgroundColor: theme2.palette.secondary.light
586
+ }
587
+ },
588
+ "& svg:not(.doNotFillIcon) path": {
589
+ fill: "currentColor"
590
+ },
591
+ // Pairing buttons separation
592
+ "& + .MuiButtonBase-root": {
593
+ marginLeft: theme2.spacing(1)
594
+ }
595
+ }),
596
+ contained: ({ theme: theme2 }) => ({
597
+ boxShadow: "none",
598
+ "&.Mui-disabled": {
599
+ color: theme2.palette.text.disabled,
600
+ backgroundColor: theme2.palette.action.disabledBackground
601
+ }
602
+ }),
603
+ text: ({ theme: theme2 }) => ({
604
+ minWidth: theme2.spacing(7)
605
+ }),
606
+ outlined: ({ theme: theme2 }) => ({
607
+ "&.Mui-disabled": {
608
+ color: theme2.palette.text.disabled,
609
+ borderColor: theme2.palette.default.outlinedBorder
610
+ }
611
+ }),
612
+ outlinedPrimary: ({ theme: theme2 }) => ({
613
+ borderColor: theme2.palette.primary.main
614
+ }),
615
+ outlinedSecondary: ({ theme: theme2 }) => ({
616
+ borderColor: theme2.palette.secondary.main
617
+ }),
618
+ outlinedError: ({ theme: theme2 }) => ({
619
+ borderColor: theme2.palette.error.main
620
+ }),
621
+ containedPrimary: ({ theme: theme2 }) => ({
622
+ "&:hover, &:focus-visible": {
623
+ backgroundColor: theme2.palette.primary.dark
624
+ }
625
+ }),
626
+ containedError: ({ theme: theme2 }) => ({
627
+ "&:hover, &:focus-visible": {
628
+ backgroundColor: theme2.palette.error.dark
629
+ }
630
+ }),
631
+ startIcon: ({ theme: theme2 }) => ({
632
+ marginRight: theme2.spacing(0.75),
633
+ "& .MuiSvgIcon-root, & svg": {
634
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
635
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
636
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
637
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
638
+ },
639
+ "&.MuiButton-iconSizeSmall": {
640
+ marginRight: theme2.spacing(0.5),
641
+ marginLeft: theme2.spacing(-0.5)
642
+ }
643
+ }),
644
+ endIcon: ({ theme: theme2 }) => ({
645
+ marginLeft: theme2.spacing(0.75),
646
+ "& .MuiSvgIcon-root, & svg": {
647
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
648
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
649
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
650
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
651
+ },
652
+ "&.MuiButton-iconSizeSmall": {
653
+ marginLeft: theme2.spacing(0.5),
654
+ marginRight: theme2.spacing(-0.5)
655
+ }
656
+ }),
657
+ sizeSmall: ({ theme: theme2, ownerState }) => ({
658
+ height: sizeSmall,
659
+ padding: theme2.spacing(0, 1.5),
660
+ ...theme2.typography.caption,
661
+ lineHeight: sizeSmall,
662
+ fontWeight: 500,
663
+ letterSpacing: "0.4px",
664
+ ...ownerState.variant === "text" && {
665
+ padding: theme2.spacing(0, 1)
666
+ }
667
+ }),
668
+ sizeMedium: ({ theme: theme2, ownerState }) => ({
669
+ height: sizeMedium,
670
+ padding: theme2.spacing(0, 2),
671
+ lineHeight: sizeMedium,
672
+ ...ownerState.variant === "text" && {
673
+ padding: theme2.spacing(0, 1)
674
+ }
675
+ }),
676
+ sizeLarge: ({ theme: theme2, ownerState }) => ({
677
+ height: sizeLarge,
678
+ padding: theme2.spacing(0, 2.5),
679
+ ...theme2.typography.body1,
680
+ lineHeight: sizeLarge,
681
+ fontWeight: 500,
682
+ letterSpacing: "0.25px",
683
+ ...ownerState.variant === "text" && {
684
+ padding: theme2.spacing(0, 2)
685
+ }
686
+ })
687
+ },
688
+ variants: [
689
+ // Custom color and its variants
690
+ {
691
+ props: { variant: "contained", color: "default" },
692
+ style: ({ theme: theme2 }) => ({
693
+ color: theme2.palette.text.primary,
694
+ backgroundColor: theme2.palette.default.main,
695
+ borderColor: theme2.palette.text.primary,
696
+ "&.Mui-disabled": {
697
+ color: theme2.palette.text.disabled,
698
+ backgroundColor: theme2.palette.action.disabledBackground
699
+ },
700
+ "&:hover, &:focus-visible": {
701
+ backgroundColor: theme2.palette.default.dark
702
+ }
703
+ })
704
+ },
705
+ {
706
+ props: { variant: "outlined", color: "default" },
707
+ style: ({ theme: theme2 }) => ({
708
+ color: theme2.palette.text.primary,
709
+ borderColor: theme2.palette.text.primary,
710
+ "&.Mui-disabled": {
711
+ color: theme2.palette.text.disabled,
712
+ borderColor: theme2.palette.default.outlinedBorder
713
+ },
714
+ "&:hover, &:focus-visible": {
715
+ backgroundColor: theme2.palette.action.hover,
716
+ borderColor: theme2.palette.text.primary
717
+ }
718
+ })
719
+ },
720
+ {
721
+ props: { variant: "text", color: "default" },
722
+ style: ({ theme: theme2 }) => ({
723
+ color: theme2.palette.text.primary,
724
+ "&.Mui-disabled": {
725
+ color: theme2.palette.text.disabled
726
+ },
727
+ "&:hover, &:focus-visible": {
728
+ backgroundColor: theme2.palette.action.hover
729
+ }
730
+ })
731
+ }
732
+ ]
733
+ },
734
+ // Mui Button Group
735
+ MuiButtonGroup: {
736
+ defaultProps: {
737
+ disableRipple: true,
738
+ disableElevation: true
739
+ },
740
+ styleOverrides: {
741
+ root: ({ ownerState, theme: theme2 }) => ({
742
+ "& .MuiButton-root + .MuiButton-root": {
743
+ marginLeft: 0
744
+ },
745
+ ...ownerState.variant === "text" && {
746
+ boxShadow: theme2.shadows[1],
747
+ borderColor: theme2.palette.default.dark,
748
+ "& .MuiButtonGroup-grouped:not(:last-of-type)": {
749
+ borderColor: theme2.palette.default.dark
750
+ }
751
+ },
752
+ ...ownerState.variant === "outlined" && {
753
+ ...ownerState.color === "default" && {
754
+ "& .MuiButtonBase-root.Mui-disabled": {
755
+ borderColor: theme2.palette.text.primary
756
+ }
757
+ },
758
+ ...ownerState.color === "primary" && {
759
+ "& .MuiButtonBase-root.Mui-disabled": {
760
+ borderColor: theme2.palette.primary.main
761
+ }
762
+ },
763
+ ...ownerState.color === "secondary" && {
764
+ "& .MuiButtonBase-root.Mui-disabled": {
765
+ borderColor: theme2.palette.secondary.main
766
+ }
767
+ },
768
+ ...ownerState.orientation !== "vertical" && {
769
+ "& .MuiButtonGroup-grouped:not(:last-of-type):hover, & .Mui-disabled:not(:last-of-type)": {
770
+ borderRightColor: "transparent"
771
+ }
772
+ }
773
+ },
774
+ ...ownerState.variant === "contained" && {
775
+ ...ownerState.color === "default" && {
776
+ "& .MuiButtonGroup-grouped:not(:last-of-type)": {
777
+ borderRightColor: theme2.palette.default.dark,
778
+ "&.Mui-disabled": {
779
+ ...ownerState.color === "default" && {
780
+ borderColor: theme2.palette.default.dark
781
+ }
782
+ }
783
+ }
784
+ }
785
+ }
786
+ })
787
+ }
788
+ },
789
+ // Icon Button
790
+ MuiIconButton: {
791
+ styleOverrides: {
792
+ root: ({ ownerState, theme: theme2 }) => ({
793
+ position: "relative",
794
+ overflow: "hidden",
795
+ borderRadius: theme2.spacing(0.5),
796
+ ...ownerState.color === "default" && {
797
+ color: theme2.palette.text.secondary
798
+ },
799
+ "& .MuiSvgIcon-root, & svg": {
800
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
801
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
802
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
803
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
804
+ },
805
+ "& svg": {
806
+ fill: "currentColor",
807
+ "& path": {
808
+ fillOpacity: 1
809
+ }
810
+ },
811
+ "& svg:not(.doNotFillIcon) path": {
812
+ fill: "currentColor"
813
+ },
814
+ "&.Mui-disabled svg:not(.doNotFillIcon) path": {
815
+ fill: theme2.palette.text.disabled
816
+ },
817
+ "&:hover, &:focus-visible": {
818
+ ...ownerState.color === "default" && {
819
+ backgroundColor: theme2.palette.action.hover
820
+ },
821
+ ...ownerState.color === "primary" && {
822
+ backgroundColor: theme2.palette.primary.background
823
+ },
824
+ ...ownerState.color === "secondary" && {
825
+ backgroundColor: theme2.palette.secondary.background
826
+ },
827
+ ...ownerState.color === "error" && {
828
+ backgroundColor: theme2.palette.error.relatedLight
829
+ },
830
+ ...ownerState.color === "warning" && {
831
+ backgroundColor: theme2.palette.warning.relatedLight
832
+ }
833
+ }
834
+ }),
835
+ sizeSmall: () => ({
836
+ width: sizeSmall,
837
+ height: sizeSmall
838
+ }),
839
+ sizeMedium: () => ({
840
+ width: sizeMedium,
841
+ height: sizeMedium
842
+ }),
843
+ sizeLarge: () => ({
844
+ width: sizeLarge,
845
+ height: sizeLarge
846
+ })
847
+ },
848
+ variants: [
849
+ // Custom props and its variants
850
+ {
851
+ props: { size: "xsmall" },
852
+ style: () => ({
853
+ width: sizeXsmall,
854
+ height: sizeXsmall,
855
+ "& .MuiSvgIcon-root, & svg": {
856
+ fontSize: TablePaginationActions.ICON_SIZE_SMALL,
857
+ width: TablePaginationActions.ICON_SIZE_SMALL,
858
+ minWidth: TablePaginationActions.ICON_SIZE_SMALL,
859
+ height: TablePaginationActions.ICON_SIZE_SMALL
860
+ }
861
+ })
862
+ },
863
+ {
864
+ props: { variant: "contained" },
865
+ style: ({ theme: theme2 }) => ({
866
+ // Default
867
+ color: theme2.palette.text.primary,
868
+ backgroundColor: theme2.palette.default.main,
869
+ "&:hover": {
870
+ backgroundColor: theme2.palette.default.dark
871
+ },
872
+ "&.MuiIconButton-colorSecondary": {
873
+ color: theme2.palette.secondary.contrastText,
874
+ backgroundColor: theme2.palette.secondary.main,
875
+ "&:hover": {
876
+ backgroundColor: theme2.palette.secondary.light
877
+ }
878
+ },
879
+ "&.MuiIconButton-colorPrimary": {
880
+ color: theme2.palette.primary.contrastText,
881
+ backgroundColor: theme2.palette.primary.main,
882
+ "&:hover": {
883
+ backgroundColor: theme2.palette.primary.dark
884
+ }
885
+ },
886
+ "&.MuiIconButton-colorError": {
887
+ color: theme2.palette.error.contrastText,
888
+ backgroundColor: theme2.palette.error.main,
889
+ "&:hover": {
890
+ backgroundColor: theme2.palette.error.dark
891
+ }
892
+ },
893
+ "&.MuiIconButton-colorWarning": {
894
+ color: theme2.palette.warning.contrastText,
895
+ backgroundColor: theme2.palette.warning.main,
896
+ "&:hover": {
897
+ backgroundColor: theme2.palette.warning.light
898
+ }
899
+ },
900
+ "&[disabled]": {
901
+ color: theme2.palette.text.disabled,
902
+ backgroundColor: theme2.palette.action.disabledBackground
903
+ }
904
+ })
905
+ },
906
+ {
907
+ props: { variant: "outlined" },
908
+ style: ({ theme: theme2 }) => ({
909
+ // Default
910
+ color: theme2.palette.text.primary,
911
+ border: `1px solid ${theme2.palette.text.primary}`,
912
+ "&:hover": {
913
+ backgroundColor: theme2.palette.action.hover
914
+ },
915
+ "&.MuiIconButton-colorSecondary": {
916
+ color: theme2.palette.secondary.main,
917
+ borderColor: theme2.palette.secondary.main,
918
+ "&:hover": {
919
+ backgroundColor: theme2.palette.secondary.background
920
+ }
921
+ },
922
+ "&.MuiIconButton-colorPrimary": {
923
+ color: theme2.palette.primary.main,
924
+ borderColor: theme2.palette.primary.main,
925
+ "&:hover": {
926
+ backgroundColor: theme2.palette.primary.background
927
+ }
928
+ },
929
+ "&.MuiIconButton-colorError": {
930
+ color: theme2.palette.error.main,
931
+ borderColor: theme2.palette.error.main,
932
+ "&:hover": {
933
+ backgroundColor: theme2.palette.error.relatedLight
934
+ }
935
+ },
936
+ "&.MuiIconButton-colorWarning": {
937
+ color: theme2.palette.warning.main,
938
+ borderColor: theme2.palette.warning.main,
939
+ "&:hover": {
940
+ backgroundColor: theme2.palette.warning.relatedLight
941
+ }
942
+ },
943
+ "&[disabled]": {
944
+ color: theme2.palette.text.disabled,
945
+ borderColor: theme2.palette.default.outlinedBorder
946
+ }
947
+ })
948
+ }
949
+ ]
950
+ },
951
+ // MuiToggleButton
952
+ MuiToggleButton: {
953
+ styleOverrides: {
954
+ root: ({ theme: theme2 }) => ({
955
+ minWidth: sizeMedium,
956
+ height: sizeMedium,
957
+ padding: theme2.spacing(0, 1),
958
+ color: theme2.palette.text.secondary,
959
+ border: "none",
960
+ borderRadius: radius,
961
+ transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
962
+ "&:hover": {
963
+ backgroundColor: theme2.palette.action.hover
964
+ },
965
+ // Pairing buttons separation
966
+ "& + &": {
967
+ marginLeft: theme2.spacing(0.5)
968
+ },
969
+ ".MuiSvgIcon-root, & svg": {
970
+ margin: theme2.spacing(0, -0.75)
971
+ },
972
+ "&.Mui-selected": {
973
+ color: theme2.palette.primary.main,
974
+ backgroundColor: theme2.palette.primary.background,
975
+ "&:hover": {
976
+ backgroundColor: theme2.palette.action.hover
977
+ }
978
+ },
979
+ "&.Mui-disabled": {
980
+ border: "none"
981
+ }
982
+ }),
983
+ sizeLarge: ({ theme: theme2 }) => ({
984
+ minWidth: sizeLarge,
985
+ height: sizeLarge,
986
+ ...theme2.typography.body1
987
+ }),
988
+ sizeSmall: ({ theme: theme2 }) => ({
989
+ minWidth: sizeSmall,
990
+ height: sizeSmall,
991
+ ...theme2.typography.caption,
992
+ fontWeight: 500
993
+ })
994
+ }
995
+ },
996
+ // MuiToggleButtonGroup
997
+ MuiToggleButtonGroup: {
998
+ defaultProps: {
999
+ orientation: "horizontal",
1000
+ exclusive: true
1001
+ },
1002
+ styleOverrides: {
1003
+ root: ({ theme: theme2 }) => ({
1004
+ alignItems: "center",
1005
+ justifyContent: "center",
1006
+ borderRadius: theme2.spacing(1),
1007
+ boxShadow: theme2.shadows[1],
1008
+ backgroundColor: theme2.palette.background.paper,
1009
+ "& .MuiToggleButtonGroup-grouped:not(:first-of-type), &.Mui-Selected, & .MuiToggleButtonGroup-grouped:not(:last-of-type)": {
1010
+ borderRadius: radius
1011
+ },
1012
+ ".MuiDivider-root": {
1013
+ "&.MuiDivider-vertical": {
1014
+ height: sizeLarge,
1015
+ margin: theme2.spacing(0, 1),
1016
+ marginLeft: theme2.spacing(0.5)
1017
+ },
1018
+ "&.MuiDivider-horizontal": {
1019
+ width: sizeLarge,
1020
+ margin: theme2.spacing(1, 0),
1021
+ marginTop: theme2.spacing(0.5)
1022
+ }
1023
+ },
1024
+ ".MuiToggleButton-sizeSmall": {
1025
+ "& + .MuiDivider-root.MuiDivider-vertical": {
1026
+ height: sizeMedium
1027
+ },
1028
+ "& + .MuiDivider-root.MuiDivider-horizontal": {
1029
+ width: sizeMedium
1030
+ }
1031
+ }
1032
+ }),
1033
+ // Styles applied to the children if orientation="horizontal"
1034
+ groupedHorizontal: ({ theme: theme2 }) => ({
1035
+ height: sizeMedium,
1036
+ margin: theme2.spacing(1),
1037
+ "&:not(:last-of-type)": {
1038
+ marginRight: theme2.spacing(0.5),
1039
+ marginLeft: 0,
1040
+ borderLeft: "none"
1041
+ },
1042
+ "&:first-of-type:not(.MuiDivider-root)": {
1043
+ marginLeft: theme2.spacing(1)
1044
+ },
1045
+ "&:last-of-type:not(.MuiDivider-root)": {
1046
+ marginLeft: 0
1047
+ },
1048
+ "&.MuiToggleButton-sizeSmall:not(.MuiDivider-root)": {
1049
+ height: sizeSmall,
1050
+ margin: theme2.spacing(0.5),
1051
+ "&:not(:first-of-type)": {
1052
+ marginLeft: 0
1053
+ }
1054
+ }
1055
+ }),
1056
+ // Styles applied to the children if orientation="vertical"
1057
+ groupedVertical: ({ theme: theme2 }) => ({
1058
+ width: sizeMedium,
1059
+ margin: theme2.spacing(1),
1060
+ "&.MuiToggleButton-root": {
1061
+ marginLeft: theme2.spacing(1),
1062
+ marginBottom: theme2.spacing(0.5),
1063
+ "&:last-of-type": {
1064
+ marginBottom: theme2.spacing(1)
1065
+ },
1066
+ "&:not(:first-of-type)": {
1067
+ marginTop: 0
1068
+ }
1069
+ },
1070
+ "&.MuiToggleButton-sizeSmall": {
1071
+ width: sizeSmall,
1072
+ margin: theme2.spacing(0.5),
1073
+ "&:last-of-type": {
1074
+ marginBottom: theme2.spacing(0.5)
1075
+ }
1076
+ }
1077
+ })
1078
+ }
1079
+ },
1080
+ // FAB button
1081
+ MuiFab: {
1082
+ defaultProps: {
1083
+ color: "primary"
1084
+ },
1085
+ styleOverrides: {
1086
+ root: ({ ownerState, theme: theme2 }) => ({
1087
+ "&:focus": {
1088
+ boxShadow: theme2.shadows[6]
1089
+ },
1090
+ "& .MuiSvgIcon-root, & svg": {
1091
+ fontSize: TablePaginationActions.ICON_SIZE_LARGE,
1092
+ width: TablePaginationActions.ICON_SIZE_LARGE,
1093
+ minWidth: TablePaginationActions.ICON_SIZE_LARGE,
1094
+ height: TablePaginationActions.ICON_SIZE_LARGE
1095
+ },
1096
+ "&.MuiFab-extended": {
1097
+ ...theme2.typography.body1,
1098
+ fontWeight: 500,
1099
+ width: "auto",
1100
+ height: theme2.spacing(7),
1101
+ paddingRight: theme2.spacing(3),
1102
+ borderRadius: theme2.spacing(8),
1103
+ "& .MuiSvgIcon-root": {
1104
+ marginRight: theme2.spacing(1.5)
1105
+ }
1106
+ },
1107
+ ...ownerState.color === "default" && {
1108
+ color: theme2.palette.text.primary,
1109
+ backgroundColor: theme2.palette.background.paper,
1110
+ "&:hover, &:focus-visible": {
1111
+ backgroundColor: theme2.palette.default.light
1112
+ }
1113
+ }
1114
+ }),
1115
+ sizeSmall: ({ theme: theme2 }) => ({
1116
+ width: theme2.spacing(4),
1117
+ height: theme2.spacing(4),
1118
+ minHeight: theme2.spacing(4),
1119
+ "& .MuiSvgIcon-root, & svg": {
1120
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
1121
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
1122
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
1123
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
1124
+ },
1125
+ "&.MuiFab-extended": {
1126
+ ...theme2.typography.caption,
1127
+ width: "auto",
1128
+ height: theme2.spacing(4),
1129
+ paddingRight: theme2.spacing(2),
1130
+ "& .MuiSvgIcon-root": {
1131
+ marginRight: theme2.spacing(1)
1132
+ }
1133
+ }
1134
+ }),
1135
+ sizeMedium: ({ theme: theme2 }) => ({
1136
+ "&.MuiFab-extended": {
1137
+ ...theme2.typography.button,
1138
+ height: theme2.spacing(6)
1139
+ }
1140
+ }),
1141
+ secondary: ({ theme: theme2 }) => ({
1142
+ "&:hover": {
1143
+ backgroundColor: theme2.palette.secondary.light
1144
+ }
1145
+ })
1146
+ }
1147
+ }
1148
+ };
1149
+ const controlSizeS = 2.25;
1150
+ const controlSizeM = 3;
1151
+ const switchSizeS = 2;
1152
+ const switchSizeM = 3;
1153
+ const switchSizeL = 4;
1154
+ const checkboxRadioOverrides = {
1155
+ root: ({ ownerState, theme: theme2 }) => ({
1156
+ padding: theme2.spacing(0.5),
1157
+ ...ownerState.size === "small" && {
1158
+ padding: "3px"
1159
+ // Forced to a non-standard value to meet with design
1160
+ },
1161
+ ...ownerState.readOnly === true && {
1162
+ pointerEvents: "none",
1163
+ color: theme2.palette.text.disabled,
1164
+ "&.Mui-checked": {
1165
+ color: theme2.palette.text.disabled
1166
+ }
1167
+ },
1168
+ "&:hover, &:focus-visible": {
1169
+ backgroundColor: theme2.palette.primary.background
1170
+ },
1171
+ "& + .MuiFormControlLabel-label": {
1172
+ ...theme2.typography.body2,
1173
+ marginLeft: theme2.spacing(0.25),
1174
+ ...ownerState.size === "small" && {
1175
+ marginLeft: theme2.spacing(0.5)
1176
+ }
1177
+ },
1178
+ "& .MuiSvgIcon-root": {
1179
+ fontSize: theme2.spacing(controlSizeM),
1180
+ width: theme2.spacing(controlSizeM),
1181
+ minWidth: theme2.spacing(controlSizeM),
1182
+ height: theme2.spacing(controlSizeM),
1183
+ ...ownerState.size === "small" && {
1184
+ fontSize: theme2.spacing(controlSizeS),
1185
+ width: theme2.spacing(controlSizeS),
1186
+ minWidth: theme2.spacing(controlSizeS),
1187
+ height: theme2.spacing(controlSizeS)
1188
+ }
1189
+ }
1190
+ })
1191
+ };
1192
+ const LabelOverrides = {
1193
+ root: ({ theme: theme2 }) => ({
1194
+ position: "static",
1195
+ transform: "none",
1196
+ marginBottom: theme2.spacing(1),
1197
+ ...theme2.typography.caption,
1198
+ fontWeight: 500,
1199
+ color: theme2.palette.text.primary
1200
+ }),
1201
+ sizeSmall: ({ theme: theme2 }) => ({
1202
+ marginBottom: theme2.spacing(0.5)
1203
+ }),
1204
+ standard: () => ({
1205
+ marginBottom: 0
1206
+ }),
1207
+ // Temporal workaroud to give a faster solution for a Workflows demand: https://app.shortcut.com/cartoteam/story/294539/distinction-among-parameters-optional-inputs-units-in-the-ui
1208
+ // These styles avoid (by now) the need to review current forms and change those with a required mark.
1209
+ // TODO: remored asterisk completely and use instead LabelWithIndicator component to mark also required ones.
1210
+ asterisk: ({ theme: theme2 }) => ({
1211
+ "&, &.Mui-error": {
1212
+ color: "transparent"
1213
+ },
1214
+ "&::after": {
1215
+ content: '"(required)"',
1216
+ marginLeft: theme2.spacing(-0.5),
1217
+ color: theme2.palette.text.secondary,
1218
+ fontWeight: 400,
1219
+ ".Mui-disabled &": {
1220
+ color: theme2.palette.text.disabled
1221
+ }
1222
+ }
1223
+ })
1224
+ };
1225
+ const formsOverrides = {
1226
+ // Checkbox
1227
+ MuiCheckbox: {
1228
+ defaultProps: {
1229
+ size: "small"
1230
+ },
1231
+ styleOverrides: {
1232
+ ...checkboxRadioOverrides
1233
+ }
1234
+ },
1235
+ // Radio Button
1236
+ MuiRadio: {
1237
+ defaultProps: {
1238
+ size: "small"
1239
+ },
1240
+ styleOverrides: {
1241
+ ...checkboxRadioOverrides
1242
+ }
1243
+ },
1244
+ // Text Field
1245
+ MuiTextField: {
1246
+ defaultProps: {
1247
+ fullWidth: true,
1248
+ size: "small",
1249
+ InputLabelProps: {
1250
+ shrink: true
1251
+ },
1252
+ SelectProps: {
1253
+ IconComponent: ArrowDown.ArrowDown,
1254
+ size: "small"
1255
+ }
1256
+ },
1257
+ styleOverrides: {
1258
+ root: ({ ownerState, theme: theme2 }) => ({
1259
+ "& legend": {
1260
+ display: "none"
1261
+ },
1262
+ // Select bool
1263
+ ...ownerState.select === true && {
1264
+ "& .MuiInputBase-root": {
1265
+ padding: 0,
1266
+ "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
1267
+ padding: 0
1268
+ },
1269
+ "& .MuiInputAdornment-positionEnd": {
1270
+ marginRight: theme2.spacing(3)
1271
+ },
1272
+ "& .MuiSelect-select": {
1273
+ padding: theme2.spacing(1.5),
1274
+ "&.MuiInputBase-input": {
1275
+ paddingLeft: theme2.spacing(2),
1276
+ paddingRight: theme2.spacing(5),
1277
+ "&.MuiSelect-standard": {
1278
+ paddingLeft: 0
1279
+ }
1280
+ },
1281
+ "&:focus": {
1282
+ background: "transparent"
1283
+ },
1284
+ "& .MuiTypography-root": {
1285
+ whiteSpace: "nowrap",
1286
+ overflow: "hidden",
1287
+ textOverflow: "ellipsis"
1288
+ }
1289
+ },
1290
+ "& .MuiSelect-icon": {
1291
+ right: theme2.spacing(2),
1292
+ color: theme2.palette.text.secondary
1293
+ },
1294
+ "& .MuiSelect-iconStandard": {
1295
+ right: 0
1296
+ }
1297
+ },
1298
+ "& .MuiInputBase-sizeSmall": {
1299
+ "&.MuiInputBase-root.MuiFilledInput-root": {
1300
+ padding: 0
1301
+ },
1302
+ "& .MuiSelect-select": {
1303
+ ...theme2.typography.body2,
1304
+ padding: theme2.spacing(0.75),
1305
+ "&.MuiInputBase-input": {
1306
+ paddingLeft: theme2.spacing(1.5),
1307
+ paddingRight: theme2.spacing(4)
1308
+ }
1309
+ },
1310
+ "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
1311
+ padding: 0
1312
+ },
1313
+ "& .MuiSelect-icon": {
1314
+ right: theme2.spacing(1.5)
1315
+ }
1316
+ }
1317
+ }
1318
+ })
1319
+ }
1320
+ },
1321
+ // Input Base
1322
+ MuiInputBase: {
1323
+ styleOverrides: {
1324
+ root: ({ theme: theme2 }) => ({
1325
+ height: theme2.spacing(6),
1326
+ ...theme2.typography.body1,
1327
+ "& input": {
1328
+ padding: 0,
1329
+ whiteSpace: "nowrap",
1330
+ overflow: "hidden",
1331
+ textOverflow: "ellipsis",
1332
+ "&::placeholder": {
1333
+ opacity: 1,
1334
+ color: theme2.palette.text.hint
1335
+ },
1336
+ "&:read-only::placeholder": {
1337
+ color: theme2.palette.text.disabled
1338
+ },
1339
+ "&.Mui-disabled::placeholder": {
1340
+ color: theme2.palette.text.disabled
1341
+ },
1342
+ // Remove focus on keyboard navigation as the parent element has focus
1343
+ "&:focus-visible": {
1344
+ outline: "none !important",
1345
+ boxShadow: "none !important"
1346
+ }
1347
+ },
1348
+ "&.Mui-disabled": {
1349
+ cursor: "not-allowed",
1350
+ "& .Mui-disabled": {
1351
+ cursor: "not-allowed"
1352
+ }
1353
+ },
1354
+ "&.MuiInputBase-formControl::after": {
1355
+ top: 0,
1356
+ transform: "none",
1357
+ opacity: 0
1358
+ },
1359
+ "&.MuiInputBase-formControl.Mui-focused::after": {
1360
+ transform: "none",
1361
+ opacity: 1
1362
+ },
1363
+ "& legend": { display: "none" },
1364
+ "& .MuiButtonBase-root.MuiMenuItem-root": {
1365
+ padding: 0,
1366
+ "&:hover": {
1367
+ backgroundColor: "transparent"
1368
+ },
1369
+ [theme2.breakpoints.up("sm")]: {
1370
+ minHeight: "initial"
1371
+ }
1372
+ },
1373
+ // Variants
1374
+ "&.MuiFilledInput-root": {
1375
+ padding: theme2.spacing(1, 2),
1376
+ borderRadius: theme2.spacing(0.5),
1377
+ backgroundColor: theme2.palette.default.background,
1378
+ "&:hover": {
1379
+ backgroundColor: theme2.palette.default.background
1380
+ },
1381
+ "&::before": {
1382
+ top: 0,
1383
+ borderRadius: theme2.spacing(0.5),
1384
+ border: "1px solid transparent",
1385
+ transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
1386
+ },
1387
+ "&:hover:not(.Mui-disabled)::before": {
1388
+ borderColor: theme2.palette.text.primary
1389
+ },
1390
+ "&::after": {
1391
+ borderRadius: theme2.spacing(0.5),
1392
+ border: "1px solid transparent"
1393
+ },
1394
+ "&.MuiInputBase-sizeSmall": {
1395
+ padding: theme2.spacing(0.5, 1.5)
1396
+ },
1397
+ "&.Mui-focused": {
1398
+ backgroundColor: theme2.palette.background.paper,
1399
+ "&::after": {
1400
+ border: `2px solid ${theme2.palette.primary.main}`
1401
+ }
1402
+ },
1403
+ "&.Mui-disabled": {
1404
+ backgroundColor: theme2.palette.default.background,
1405
+ "&::before": {
1406
+ borderBottomStyle: "solid"
1407
+ }
1408
+ },
1409
+ "&.Mui-error::after": {
1410
+ opacity: 1,
1411
+ border: `2px solid ${theme2.palette.error.light}`
1412
+ },
1413
+ "&.Mui-readOnly": {
1414
+ "&.Mui-focused": {
1415
+ backgroundColor: theme2.palette.default.background
1416
+ }
1417
+ }
1418
+ },
1419
+ "&.MuiOutlinedInput-root": {
1420
+ padding: theme2.spacing(1, 2),
1421
+ "&.MuiInputBase-sizeSmall": {
1422
+ padding: theme2.spacing(0.5, 1.5)
1423
+ },
1424
+ "&.Mui-focused": {
1425
+ backgroundColor: theme2.palette.background.paper
1426
+ },
1427
+ "&.Mui-disabled": {
1428
+ backgroundColor: theme2.palette.default.background
1429
+ },
1430
+ "&.Mui-readOnly": {
1431
+ backgroundColor: theme2.palette.default.background,
1432
+ "&.Mui-focused": {
1433
+ backgroundColor: theme2.palette.default.background
1434
+ }
1435
+ },
1436
+ "& .MuiOutlinedInput-notchedOutline": {
1437
+ top: 0,
1438
+ borderColor: theme2.palette.default.outlinedBorder,
1439
+ transition: "border 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"
1440
+ },
1441
+ "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
1442
+ transition: "none"
1443
+ },
1444
+ "&.Mui-error .MuiOutlinedInput-notchedOutline": {
1445
+ border: `2px solid ${theme2.palette.error.light}`
1446
+ }
1447
+ },
1448
+ "&.MuiInput-underline": {
1449
+ marginTop: 0,
1450
+ padding: 0,
1451
+ "&::before": {
1452
+ borderColor: theme2.palette.default.outlinedBorder
1453
+ },
1454
+ "&:hover:not(.Mui-disabled)::before": {
1455
+ borderBottom: `1px solid ${theme2.palette.text.primary}`
1456
+ },
1457
+ "&:not(.Mui-disabled)::after": {
1458
+ borderBottom: "1px solid transparent"
1459
+ },
1460
+ "&.Mui-focused::after": {
1461
+ borderBottom: `2px solid ${theme2.palette.primary.main}`
1462
+ },
1463
+ "&.Mui-error::after": {
1464
+ opacity: 1,
1465
+ borderBottom: `2px solid ${theme2.palette.error.light}`
1466
+ },
1467
+ "&.Mui-disabled::before": {
1468
+ borderBottomStyle: "solid"
1469
+ }
1470
+ },
1471
+ // TextArea (multiline)
1472
+ "&.MuiInputBase-multiline": {
1473
+ height: "auto",
1474
+ minHeight: theme2.spacing(12),
1475
+ alignItems: "flex-start",
1476
+ padding: theme2.spacing(0, 0.25),
1477
+ "& textarea": {
1478
+ padding: theme2.spacing(1.5, 1.75),
1479
+ ...theme2.typography.body1,
1480
+ "&::placeholder": {
1481
+ opacity: 1,
1482
+ color: theme2.palette.text.hint
1483
+ },
1484
+ "&.Mui-disabled::placeholder": {
1485
+ color: theme2.palette.text.disabled
1486
+ },
1487
+ // Remove focus on keyboard navigation as the parent element has focus
1488
+ "&:focus-visible": {
1489
+ outline: "none !important",
1490
+ boxShadow: "none !important"
1491
+ }
1492
+ },
1493
+ "&.MuiInputBase-sizeSmall": {
1494
+ minHeight: theme2.spacing(9),
1495
+ padding: theme2.spacing(0, 0.25),
1496
+ "& textarea": {
1497
+ padding: theme2.spacing(1, 1.25),
1498
+ ...theme2.typography.body2
1499
+ }
1500
+ }
1501
+ },
1502
+ // Select Multiple selection
1503
+ "&.MuiInputBase-root .MuiSelect-multiple.MuiInputBase-input": {
1504
+ paddingLeft: 0,
1505
+ paddingRight: theme2.spacing(3)
1506
+ }
1507
+ }),
1508
+ // size
1509
+ sizeSmall: ({ theme: theme2 }) => ({
1510
+ height: theme2.spacing(4),
1511
+ padding: theme2.spacing(0, 1.5),
1512
+ "& input": {
1513
+ ...theme2.typography.body2
1514
+ }
1515
+ })
1516
+ }
1517
+ },
1518
+ // Input Adornment
1519
+ MuiInputAdornment: {
1520
+ styleOverrides: {
1521
+ root: ({ theme: theme2 }) => ({
1522
+ "& .MuiTypography-root": {
1523
+ ...theme2.typography.body1,
1524
+ color: theme2.palette.text.secondary
1525
+ },
1526
+ "&.MuiInputAdornment-sizeSmall": {
1527
+ "& .MuiTypography-root": {
1528
+ ...theme2.typography.body2
1529
+ }
1530
+ },
1531
+ "&.MuiInputAdornment-positionStart.MuiInputAdornment-root:not(.MuiInputAdornment-hiddenLabel)": {
1532
+ marginTop: 0
1533
+ },
1534
+ "& .MuiSvgIcon-root, & svg": {
1535
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
1536
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
1537
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM,
1538
+ height: TablePaginationActions.ICON_SIZE_MEDIUM,
1539
+ color: theme2.palette.text.secondary
1540
+ },
1541
+ ".Mui-disabled &": {
1542
+ "& .MuiTypography-root, & .MuiSvgIcon-root": {
1543
+ color: theme2.palette.text.disabled
1544
+ }
1545
+ }
1546
+ })
1547
+ }
1548
+ },
1549
+ // Form Control
1550
+ MuiFormControl: {
1551
+ defaultProps: {
1552
+ fullWidth: true
1553
+ }
1554
+ },
1555
+ // Form Control Label (radio, checkbox and switch wrapper)
1556
+ MuiFormControlLabel: {
1557
+ styleOverrides: {
1558
+ root: ({ ownerState, theme: theme2 }) => ({
1559
+ marginLeft: theme2.spacing(-0.5),
1560
+ "& .MuiSwitch-root": {
1561
+ marginLeft: theme2.spacing(0.5)
1562
+ },
1563
+ ...ownerState.readOnly === true && {
1564
+ pointerEvents: "none"
1565
+ }
1566
+ })
1567
+ }
1568
+ },
1569
+ // Form Helper Text
1570
+ MuiFormHelperText: {
1571
+ styleOverrides: {
1572
+ root: ({ theme: theme2 }) => ({
1573
+ margin: 0,
1574
+ marginTop: theme2.spacing(1)
1575
+ })
1576
+ }
1577
+ },
1578
+ // Label
1579
+ MuiInputLabel: {
1580
+ styleOverrides: {
1581
+ ...LabelOverrides
1582
+ }
1583
+ },
1584
+ MuiFormLabel: {
1585
+ styleOverrides: {
1586
+ ...LabelOverrides
1587
+ }
1588
+ },
1589
+ // Select
1590
+ MuiSelect: {
1591
+ defaultProps: {
1592
+ IconComponent: ArrowDown.ArrowDown,
1593
+ fullWidth: true,
1594
+ size: "small"
1595
+ },
1596
+ styleOverrides: {
1597
+ root: ({ theme: theme2 }) => ({
1598
+ padding: 0,
1599
+ "& .MuiSelect-icon": {
1600
+ right: theme2.spacing(2),
1601
+ color: theme2.palette.text.secondary
1602
+ },
1603
+ "&.Mui-disabled .MuiSelect-icon, &.Mui-readOnly .MuiSelect-icon": {
1604
+ color: theme2.palette.text.disabled
1605
+ },
1606
+ "& .MuiSelect-iconStandard": {
1607
+ right: 0
1608
+ },
1609
+ "& legend": {
1610
+ display: "none"
1611
+ },
1612
+ // Variants
1613
+ "&.MuiOutlinedInput-root, &.MuiFilledInput-root": {
1614
+ padding: 0
1615
+ },
1616
+ "&.MuiFilledInput-root, &.MuiInput-underline": {
1617
+ "&.Mui-focused::after": {
1618
+ height: "100%",
1619
+ transition: "none"
1620
+ }
1621
+ },
1622
+ // Size Small
1623
+ "&.MuiInputBase-sizeSmall": {
1624
+ ...theme2.typography.body2,
1625
+ "& .MuiSelect-select": {
1626
+ "&.MuiInputBase-input": {
1627
+ paddingLeft: theme2.spacing(1.5),
1628
+ paddingRight: theme2.spacing(4)
1629
+ },
1630
+ "&.MuiSelect-standard": {
1631
+ paddingLeft: 0
1632
+ }
1633
+ },
1634
+ "&.MuiOutlinedInput-root.MuiInputBase-sizeSmall, &.MuiFilledInput-root.MuiInputBase-sizeSmall": {
1635
+ padding: 0
1636
+ },
1637
+ "& .MuiSelect-icon": {
1638
+ right: theme2.spacing(1.5)
1639
+ }
1640
+ }
1641
+ }),
1642
+ select: ({ theme: theme2 }) => ({
1643
+ padding: theme2.spacing(1.5),
1644
+ "&.MuiInputBase-input": {
1645
+ paddingLeft: theme2.spacing(2),
1646
+ paddingRight: theme2.spacing(5),
1647
+ "&.MuiSelect-standard": {
1648
+ paddingLeft: 0
1649
+ }
1650
+ },
1651
+ "&:focus": {
1652
+ background: "transparent"
1653
+ },
1654
+ // Remove focus on keyboard navigation as the parent element has focus
1655
+ "&:focus-visible": {
1656
+ outline: "none !important",
1657
+ boxShadow: "none !important"
1658
+ },
1659
+ "& .MuiTypography-root": {
1660
+ whiteSpace: "nowrap",
1661
+ overflow: "hidden",
1662
+ textOverflow: "ellipsis"
1663
+ },
1664
+ "&.MuiInputBase-inputSizeSmall": {
1665
+ padding: theme2.spacing(0.75)
1666
+ }
1667
+ })
1668
+ }
1669
+ },
1670
+ // Autocomplete
1671
+ MuiAutocomplete: {
1672
+ defaultProps: {
1673
+ size: "small",
1674
+ fullWidth: true,
1675
+ popupIcon: /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ArrowDown, {}),
1676
+ clearIcon: /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: "Clear", children: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.Cancel, { "data-testid": "cancel-icon-autocomplete" }) }),
1677
+ clearText: "",
1678
+ ChipProps: { color: "default" },
1679
+ limitTags: 1,
1680
+ componentsProps: {
1681
+ paper: {
1682
+ elevation: 8
1683
+ }
1684
+ }
1685
+ },
1686
+ styleOverrides: {
1687
+ root: ({ ownerState, theme: theme2 }) => ({
1688
+ "&.MuiAutocomplete-root .MuiFormControl-root": {
1689
+ //Needed to overide Mui default styles
1690
+ ".MuiInputBase-root": {
1691
+ gap: theme2.spacing(0.5),
1692
+ height: "auto",
1693
+ minHeight: theme2.spacing(6),
1694
+ padding: theme2.spacing(1, 2),
1695
+ paddingRight: theme2.spacing(5),
1696
+ ".MuiInputBase-input": {
1697
+ padding: 0
1698
+ },
1699
+ // Multiple
1700
+ ...ownerState.multiple === true && {
1701
+ paddingLeft: theme2.spacing(1),
1702
+ ".MuiInputBase-input": {
1703
+ padding: 0,
1704
+ marginLeft: theme2.spacing(1)
1705
+ }
1706
+ },
1707
+ ...ownerState.size === "small" && {
1708
+ minHeight: theme2.spacing(4),
1709
+ padding: theme2.spacing(0.5, 1.5),
1710
+ paddingRight: theme2.spacing(4),
1711
+ ...ownerState.multiple === true && {
1712
+ paddingLeft: theme2.spacing(0.5)
1713
+ }
1714
+ },
1715
+ ...ownerState.readOnly === true && {
1716
+ backgroundColor: theme2.palette.default.background
1717
+ },
1718
+ "&.Mui-disabled": {
1719
+ pointerEvents: "none"
1720
+ }
1721
+ },
1722
+ // Variants
1723
+ ".MuiFilledInput-root .MuiAutocomplete-tag": {
1724
+ backgroundColor: "transparent",
1725
+ border: `1px solid ${theme2.palette.default.main}`
1726
+ }
1727
+ },
1728
+ "&.MuiAutocomplete-hasClearIcon .MuiFormControl-root .MuiInputBase-root": {
1729
+ paddingRight: theme2.spacing(8.5),
1730
+ ...ownerState.size === "small" && {
1731
+ paddingRight: theme2.spacing(7)
1732
+ }
1733
+ }
1734
+ }),
1735
+ inputRoot: ({ theme: theme2 }) => ({
1736
+ maxHeight: theme2.spacing(20),
1737
+ // 160px
1738
+ overflow: "auto",
1739
+ transition: "box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
1740
+ "& .MuiAutocomplete-input": {
1741
+ minWidth: `${theme2.spacing(10)} !important`,
1742
+ "&[readOnly]": {
1743
+ display: "none"
1744
+ }
1745
+ },
1746
+ // Overrides in variants needed to allow scrollbar to appear correctly at max height
1747
+ "&::before, &::after": {
1748
+ content: "none"
1749
+ },
1750
+ "& fieldset": {
1751
+ border: "0 !important"
1752
+ },
1753
+ "&.MuiOutlinedInput-root": {
1754
+ boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`
1755
+ },
1756
+ "&:hover": {
1757
+ boxShadow: `inset 0 0 0 1px ${theme2.palette.text.primary}`
1758
+ },
1759
+ "&.Mui-focused": {
1760
+ transition: "none",
1761
+ boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main}`
1762
+ },
1763
+ "&.Mui-error": {
1764
+ boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
1765
+ },
1766
+ "&.Mui-disabled.MuiOutlinedInput-root": {
1767
+ boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`,
1768
+ "&.Mui-error": {
1769
+ boxShadow: `inset 0 0 0 2px ${theme2.palette.error.light}`
1770
+ }
1771
+ },
1772
+ "&.Mui-disabled.MuiFilledInput-root": {
1773
+ "& .MuiAutocomplete-tag": {
1774
+ borderColor: `${theme2.palette.default.outlinedBorder} !important`
1775
+ }
1776
+ }
1777
+ }),
1778
+ endAdornment: ({ theme: theme2 }) => ({
1779
+ transform: "none",
1780
+ top: theme2.spacing(2),
1781
+ display: "flex",
1782
+ alignItems: "center",
1783
+ justifyContent: "flex-end",
1784
+ marginRight: theme2.spacing(1),
1785
+ ".MuiAutocomplete-hasClearIcon &": {
1786
+ top: theme2.spacing(1)
1787
+ },
1788
+ ".MuiInputBase-sizeSmall &": {
1789
+ top: theme2.spacing(0.5),
1790
+ width: theme2.spacing(3),
1791
+ height: theme2.spacing(3),
1792
+ marginRight: theme2.spacing(0.5)
1793
+ }
1794
+ }),
1795
+ clearIndicator: ({ ownerState, theme: theme2 }) => ({
1796
+ marginRight: 0,
1797
+ color: theme2.palette.text.hint,
1798
+ ...ownerState.size === "small" && {
1799
+ width: theme2.spacing(3),
1800
+ height: theme2.spacing(3)
1801
+ }
1802
+ }),
1803
+ popupIndicator: ({ theme: theme2 }) => ({
1804
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
1805
+ height: TablePaginationActions.ICON_SIZE_MEDIUM,
1806
+ cursor: "pointer",
1807
+ "&:hover": {
1808
+ backgroundColor: "transparent"
1809
+ },
1810
+ "&.MuiButtonBase-root": {
1811
+ color: theme2.palette.text.secondary
1812
+ },
1813
+ ".Mui-disabled &": {
1814
+ color: theme2.palette.text.disabled
1815
+ },
1816
+ "input:read-only + .MuiAutocomplete-endAdornment &": {
1817
+ color: theme2.palette.text.disabled
1818
+ }
1819
+ }),
1820
+ tag: ({ ownerState, theme: theme2 }) => ({
1821
+ margin: 0,
1822
+ "&:not(.MuiButtonBase-root)": {
1823
+ display: "flex",
1824
+ alignItems: "center",
1825
+ height: theme2.spacing(4),
1826
+ padding: theme2.spacing(0, 1.5),
1827
+ backgroundColor: theme2.palette.default.main,
1828
+ borderRadius: theme2.spacing(2),
1829
+ ...theme2.typography.button,
1830
+ fontWeight: theme2.typography.fontWeightMedium,
1831
+ ...ownerState.size === "small" && {
1832
+ height: theme2.spacing(3),
1833
+ padding: theme2.spacing(0, 1),
1834
+ borderRadius: theme2.spacing(1.5),
1835
+ ...theme2.typography.caption,
1836
+ fontWeight: theme2.typography.fontWeightMedium
1837
+ }
1838
+ }
1839
+ }),
1840
+ option: ({ ownerState, theme: theme2 }) => ({
1841
+ "&.MuiAutocomplete-option": {
1842
+ minHeight: theme2.spacing(4),
1843
+ padding: theme2.spacing(0.5, 2),
1844
+ ...theme2.typography.body2,
1845
+ transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
1846
+ "& .MuiCheckbox-root svg path": {
1847
+ fill: theme2.palette.text.secondary
1848
+ },
1849
+ "&:hover": {
1850
+ backgroundColor: theme2.palette.action.hover
1851
+ },
1852
+ "&.Mui-disabled": {
1853
+ "& .MuiCheckbox-root svg path": {
1854
+ fill: theme2.palette.text.disabled
1855
+ }
1856
+ },
1857
+ '&[aria-disabled="true"]': {
1858
+ opacity: 1
1859
+ },
1860
+ '&[aria-selected="true"]': {
1861
+ color: theme2.palette.primary.main,
1862
+ backgroundColor: theme2.palette.primary.background,
1863
+ ".MuiTypography-root": {
1864
+ color: theme2.palette.primary.main
1865
+ },
1866
+ ".MuiTypography-caption": {
1867
+ color: theme2.palette.text.secondary
1868
+ },
1869
+ "& .MuiCheckbox-root svg path": {
1870
+ fill: theme2.palette.primary.main
1871
+ },
1872
+ "&.Mui-focused:hover": {
1873
+ backgroundColor: theme2.palette.action.hover
1874
+ },
1875
+ "&.Mui-disabled": {
1876
+ backgroundColor: "transparent",
1877
+ "& svg path": {
1878
+ fill: theme2.palette.text.disabled
1879
+ },
1880
+ "& .MuiCheckbox-root svg path": {
1881
+ fill: theme2.palette.text.disabled
1882
+ },
1883
+ "& .MuiTypography-root": {
1884
+ color: theme2.palette.text.disabled
1885
+ }
1886
+ }
1887
+ },
1888
+ "&:first-of-type": {
1889
+ marginTop: theme2.spacing(1)
1890
+ },
1891
+ ...ownerState.size === "small" && {
1892
+ padding: theme2.spacing(0.5, 1.5)
1893
+ }
1894
+ }
1895
+ }),
1896
+ noOptions: ({ ownerState, theme: theme2 }) => ({
1897
+ padding: theme2.spacing(2.5, 2),
1898
+ ...theme2.typography.body2,
1899
+ color: theme2.palette.text.secondary,
1900
+ ...ownerState.size === "small" && {
1901
+ padding: theme2.spacing(2, 1.5)
1902
+ }
1903
+ }),
1904
+ listbox: ({ theme: theme2 }) => ({
1905
+ paddingTop: 0,
1906
+ ".MuiDivider-root": {
1907
+ display: "none"
1908
+ },
1909
+ ".MuiButtonBase-root + .MuiDivider-root": {
1910
+ display: "block"
1911
+ },
1912
+ ".MuiMenuItem-root:first-of-type": {
1913
+ marginTop: theme2.spacing(1)
1914
+ }
1915
+ })
1916
+ }
1917
+ },
1918
+ // Switch
1919
+ MuiSwitch: {
1920
+ defaultProps: {
1921
+ disableRipple: true
1922
+ },
1923
+ styleOverrides: {
1924
+ root: ({ theme: theme2 }) => ({
1925
+ width: theme2.spacing(switchSizeM),
1926
+ height: theme2.spacing(switchSizeS),
1927
+ padding: 0,
1928
+ overflow: "visible",
1929
+ "& + .MuiTypography-root": {
1930
+ marginLeft: theme2.spacing(1),
1931
+ color: theme2.palette.text.primary
1932
+ },
1933
+ "& + .MuiFormControlLabel-label": {
1934
+ ...theme2.typography.body2
1935
+ }
1936
+ }),
1937
+ switchBase: ({ ownerState, theme: theme2 }) => ({
1938
+ width: theme2.spacing(switchSizeL),
1939
+ height: theme2.spacing(switchSizeL),
1940
+ padding: theme2.spacing(0.5),
1941
+ borderRadius: "50%",
1942
+ color: theme2.palette.text.secondary,
1943
+ transform: "translate(-8px, -8px)",
1944
+ "&:hover": {
1945
+ backgroundColor: theme2.palette.action.hover
1946
+ },
1947
+ "&.MuiSwitch-switchBase input": {
1948
+ top: theme2.spacing(1),
1949
+ left: theme2.spacing(1)
1950
+ },
1951
+ "&.Mui-checked": {
1952
+ transform: "translate(0, -8px)",
1953
+ color: theme2.palette.common.white,
1954
+ "&.MuiSwitch-switchBase input": {
1955
+ left: 0
1956
+ },
1957
+ "& + .MuiSwitch-track": {
1958
+ opacity: 1,
1959
+ border: 0
1960
+ }
1961
+ },
1962
+ ...ownerState.readOnly === true && {
1963
+ color: theme2.palette.text.disabled
1964
+ }
1965
+ }),
1966
+ thumb: ({ theme: theme2 }) => ({
1967
+ width: theme2.spacing(1),
1968
+ height: theme2.spacing(1),
1969
+ boxShadow: theme2.shadows[0],
1970
+ ".Mui-checked &": {
1971
+ boxShadow: theme2.shadows[1]
1972
+ },
1973
+ ".Mui-disabled &": {
1974
+ backgroundColor: theme2.palette.text.disabled
1975
+ },
1976
+ ".Mui-disabled.Mui-checked &": {
1977
+ backgroundColor: theme2.palette.common.white
1978
+ }
1979
+ }),
1980
+ input: ({ theme: theme2 }) => ({
1981
+ width: theme2.spacing(switchSizeM),
1982
+ height: theme2.spacing(switchSizeS),
1983
+ left: 0
1984
+ }),
1985
+ track: ({ ownerState, theme: theme2 }) => ({
1986
+ height: "auto",
1987
+ border: `1px solid ${theme2.palette.text.secondary}`,
1988
+ borderRadius: theme2.spacing(2),
1989
+ opacity: 1,
1990
+ backgroundColor: theme2.palette.common.white,
1991
+ transitionDuration: "300ms",
1992
+ ".MuiButtonBase-root.MuiSwitch-switchBase.Mui-disabled + &": {
1993
+ opacity: 1,
1994
+ borderColor: theme2.palette.text.disabled
1995
+ },
1996
+ ".MuiButtonBase-root.Mui-checked.Mui-disabled + &": {
1997
+ backgroundColor: theme2.palette.text.disabled
1998
+ },
1999
+ ".MuiButtonBase-root.MuiSwitch-switchBase[readOnly] + &": {
2000
+ borderColor: theme2.palette.text.disabled
2001
+ },
2002
+ "[readOnly] .MuiButtonBase-root.Mui-checked + &": {
2003
+ backgroundColor: theme2.palette.text.disabled
2004
+ },
2005
+ ...ownerState.readOnly === true && {
2006
+ borderColor: theme2.palette.text.disabled
2007
+ }
2008
+ }),
2009
+ colorPrimary: ({ theme: theme2 }) => ({
2010
+ "&.Mui-checked:hover": {
2011
+ backgroundColor: theme2.palette.primary.background
2012
+ }
2013
+ }),
2014
+ colorSecondary: ({ theme: theme2 }) => ({
2015
+ "&.Mui-checked:hover": {
2016
+ backgroundColor: theme2.palette.secondary.background
2017
+ }
2018
+ })
2019
+ }
2020
+ },
2021
+ // Circular Progress
2022
+ MuiCircularProgress: {
2023
+ defaultProps: {
2024
+ size: 40,
2025
+ thickness: 4
2026
+ }
2027
+ },
2028
+ // Slider
2029
+ MuiSlider: {
2030
+ defaultProps: {
2031
+ color: "primary",
2032
+ marks: false,
2033
+ size: "small"
2034
+ },
2035
+ styleOverrides: {
2036
+ thumb: ({ theme: theme2 }) => ({
2037
+ "&:hover, &.Mui-focusVisible": {
2038
+ boxShadow: `0 0 0 ${theme2.spacing(1)} ${theme2.palette.primary.background}`
2039
+ }
2040
+ })
2041
+ }
2042
+ }
2043
+ };
2044
+ const navigationOverrides = {
2045
+ // Menu
2046
+ MuiMenu: {
2047
+ styleOverrides: {
2048
+ paper: ({ theme: theme2 }) => ({
2049
+ "&.MuiMenu-paper": {
2050
+ minWidth: theme2.spacing(8),
2051
+ // 64px, defined by design
2052
+ maxHeight: theme2.spacing(39),
2053
+ // 312px, defined by design
2054
+ "&:focus-visible": {
2055
+ outline: "none !important",
2056
+ boxShadow: "none !important"
2057
+ }
2058
+ }
2059
+ })
2060
+ }
2061
+ },
2062
+ // Menu Item
2063
+ MuiMenuItem: {
2064
+ styleOverrides: {
2065
+ root: ({ theme: theme2 }) => ({
2066
+ ...theme2.typography.body2,
2067
+ columnGap: theme2.spacing(1),
2068
+ minHeight: theme2.spacing(4),
2069
+ padding: theme2.spacing(0.75, 1, 0.75, 1.5),
2070
+ whiteSpace: "normal",
2071
+ transition: "background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
2072
+ [theme2.breakpoints.up("sm")]: {
2073
+ // Overrides an unwanted Mui default style
2074
+ "&.MuiButtonBase-root": {
2075
+ minHeight: theme2.spacing(4)
2076
+ }
2077
+ },
2078
+ "&:hover": {
2079
+ ".MuiAvatar-root, .MuiChip-root, .CartoTag-root": {
2080
+ cursor: "pointer"
2081
+ }
2082
+ },
2083
+ "&:focus-visible": {
2084
+ // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
2085
+ backgroundColor: "transparent",
2086
+ outline: `none !important`,
2087
+ boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
2088
+ borderRadius: theme2.shape.borderRadius,
2089
+ "&:hover": {
2090
+ backgroundColor: theme2.palette.action.hover
2091
+ }
2092
+ },
2093
+ "&.Mui-selected": {
2094
+ color: theme2.palette.primary.main,
2095
+ "&:focus-visible": {
2096
+ // Solves a known Mui issue: https://github.com/mui/material-ui/issues/23747
2097
+ backgroundColor: theme2.palette.primary.background
2098
+ },
2099
+ "&:hover": {
2100
+ backgroundColor: theme2.palette.action.hover
2101
+ },
2102
+ "& .MuiTypography-root, & .MuiSvgIcon-root": {
2103
+ color: theme2.palette.primary.main
2104
+ },
2105
+ ".MuiTypography-caption": {
2106
+ // secondary text
2107
+ color: theme2.palette.text.secondary
2108
+ }
2109
+ },
2110
+ "&.Mui-disabled": {
2111
+ opacity: 1,
2112
+ color: theme2.palette.text.disabled,
2113
+ backgroundColor: theme2.palette.background.paper,
2114
+ "&:empty": {
2115
+ height: 0,
2116
+ minHeight: 0,
2117
+ padding: 0
2118
+ },
2119
+ ".MuiTypography-root": {
2120
+ color: theme2.palette.text.disabled
2121
+ },
2122
+ svg: {
2123
+ color: theme2.palette.text.disabled
2124
+ },
2125
+ ".MuiListItemIcon-root svg path": {
2126
+ fill: theme2.palette.text.disabled
2127
+ },
2128
+ ".MuiAvatar-root": {
2129
+ color: theme2.palette.text.disabled,
2130
+ backgroundColor: theme2.palette.action.disabledBackground
2131
+ }
2132
+ },
2133
+ "& > .MuiSvgIcon-root": {
2134
+ marginRight: theme2.spacing(1)
2135
+ },
2136
+ ".MuiMenu-paper-sizeSmall &": {
2137
+ paddingLeft: theme2.spacing(1.5),
2138
+ paddingRight: theme2.spacing(1.5)
2139
+ }
2140
+ }),
2141
+ dense: ({ theme: theme2 }) => ({
2142
+ minHeight: theme2.spacing(3),
2143
+ paddingTop: 0,
2144
+ paddingBottom: 0,
2145
+ ".MuiTypography-root": {
2146
+ ...theme2.typography.caption,
2147
+ fontWeight: 500
2148
+ },
2149
+ [theme2.breakpoints.up("sm")]: {
2150
+ // Overrides an unwanted Mui default style
2151
+ "&.MuiButtonBase-root": {
2152
+ minHeight: theme2.spacing(3)
2153
+ }
2154
+ }
2155
+ })
2156
+ }
2157
+ },
2158
+ // List
2159
+ MuiList: {
2160
+ styleOverrides: {
2161
+ root: ({ theme: theme2 }) => ({
2162
+ paddingTop: 0,
2163
+ ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
2164
+ minWidth: theme2.spacing(8),
2165
+ // 64px, defined by design
2166
+ maxHeight: theme2.spacing(39),
2167
+ // 312px, defined by design
2168
+ overflowY: "auto",
2169
+ "&:focus-visible": {
2170
+ outline: "none !important",
2171
+ boxShadow: "none !important"
2172
+ }
2173
+ },
2174
+ ".MuiDivider-root": {
2175
+ margin: theme2.spacing(1, 0)
2176
+ },
2177
+ // Indent sublevels, ugly but needed to avoid issues with hover
2178
+ "& .MuiList-root": {
2179
+ paddingTop: 0,
2180
+ paddingBottom: 0,
2181
+ "& .MuiListItem-root": {
2182
+ paddingLeft: theme2.spacing(4)
2183
+ },
2184
+ "& .MuiList-root": {
2185
+ "& .MuiListItem-root": {
2186
+ paddingLeft: theme2.spacing(6)
2187
+ },
2188
+ "& .MuiList-root": {
2189
+ "& .MuiListItem-root": {
2190
+ paddingLeft: theme2.spacing(8)
2191
+ },
2192
+ "& .MuiList-root": {
2193
+ "& .MuiListItem-root": {
2194
+ paddingLeft: theme2.spacing(10)
2195
+ }
2196
+ }
2197
+ }
2198
+ }
2199
+ },
2200
+ "& .MuiListItemButton-root": {
2201
+ "&:focus-visible": {
2202
+ backgroundColor: "transparent"
2203
+ }
2204
+ }
2205
+ })
2206
+ }
2207
+ },
2208
+ // List Item
2209
+ MuiListItemText: {
2210
+ defaultProps: {
2211
+ primaryTypographyProps: {
2212
+ variant: "body2",
2213
+ noWrap: true,
2214
+ component: "span"
2215
+ },
2216
+ secondaryTypographyProps: { variant: "caption" }
2217
+ },
2218
+ styleOverrides: {
2219
+ root: ({ theme: theme2 }) => ({
2220
+ paddingRight: theme2.spacing(2),
2221
+ "& + .MuiBox-root": {
2222
+ marginRight: theme2.spacing(1)
2223
+ }
2224
+ })
2225
+ }
2226
+ },
2227
+ MuiListItemIcon: {
2228
+ styleOverrides: {
2229
+ root: ({ theme: theme2 }) => ({
2230
+ display: "flex",
2231
+ alignItems: "center",
2232
+ gap: theme2.spacing(2),
2233
+ "& .MuiSvgIcon-root": {
2234
+ fontSize: TablePaginationActions.ICON_SIZE_LARGE
2235
+ },
2236
+ ".MuiMenuItem-root.MuiButtonBase-root &": {
2237
+ minWidth: TablePaginationActions.ICON_SIZE_MEDIUM
2238
+ }
2239
+ })
2240
+ }
2241
+ },
2242
+ MuiListItemAvatar: {
2243
+ styleOverrides: {
2244
+ root: ({ theme: theme2 }) => ({
2245
+ "& .MuiAvatar-root": {
2246
+ height: theme2.spacing(4),
2247
+ width: theme2.spacing(4)
2248
+ },
2249
+ "& .MuiSvgIcon-root": {
2250
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
2251
+ }
2252
+ })
2253
+ }
2254
+ },
2255
+ // Tabs
2256
+ MuiTabs: {
2257
+ styleOverrides: {
2258
+ root: ({ theme: theme2 }) => ({
2259
+ boxSizing: "content-box",
2260
+ boxShadow: `0 1px 0 0 ${theme2.palette.black[12]}`
2261
+ }),
2262
+ vertical: () => ({
2263
+ borderBottom: 0
2264
+ })
2265
+ }
2266
+ },
2267
+ // Tab
2268
+ MuiTab: {
2269
+ defaultProps: {
2270
+ iconPosition: "start"
2271
+ },
2272
+ styleOverrides: {
2273
+ root: ({ theme: theme2 }) => ({
2274
+ minHeight: theme2.spacing(6),
2275
+ minWidth: theme2.spacing(6),
2276
+ padding: theme2.spacing(0, 2),
2277
+ paddingTop: "2px",
2278
+ borderBottom: "2px solid transparent",
2279
+ ...theme2.typography.subtitle2,
2280
+ color: theme2.palette.text.primary,
2281
+ transition: "border 300ms cubic-bezier(0.4, 0, 0.2, 1)",
2282
+ "&:hover": {
2283
+ borderBottomColor: theme2.palette.text.primary
2284
+ },
2285
+ "&:focus-visible": {
2286
+ outline: `none !important`,
2287
+ boxShadow: `inset 0 0 0 2px ${theme2.palette.primary.main} !important`,
2288
+ borderRadius: `${theme2.shape.borderRadius}px ${theme2.shape.borderRadius}px 0 0`
2289
+ },
2290
+ "&.Mui-selected": {
2291
+ pointerEvents: "none",
2292
+ "& svg:not(.doNotFillIcon) path": {
2293
+ fill: theme2.palette.primary.main
2294
+ }
2295
+ },
2296
+ ".MuiTabs-vertical &": {
2297
+ paddingTop: 0,
2298
+ borderBottom: 0,
2299
+ paddingLeft: "2px",
2300
+ borderRight: "2px solid transparent",
2301
+ "&:hover": {
2302
+ borderRightColor: theme2.palette.text.primary
2303
+ }
2304
+ }
2305
+ }),
2306
+ wrapped: () => ({
2307
+ maxWidth: "240px"
2308
+ })
2309
+ }
2310
+ },
2311
+ // Breadcrumbs
2312
+ MuiBreadcrumbs: {
2313
+ styleOverrides: {
2314
+ li: ({ theme: theme2 }) => ({
2315
+ "& .MuiTypography-root": {
2316
+ ...theme2.typography.body2,
2317
+ display: "flex",
2318
+ flexDirection: "row",
2319
+ alignItems: "center"
2320
+ },
2321
+ "& .MuiSvgIcon-root": {
2322
+ fontSize: TablePaginationActions.ICON_SIZE_MEDIUM,
2323
+ marginRight: theme2.spacing(1)
2324
+ }
2325
+ }),
2326
+ separator: ({ theme: theme2 }) => ({
2327
+ marginLeft: theme2.spacing(0.5),
2328
+ marginRight: theme2.spacing(0.5)
2329
+ })
2330
+ }
2331
+ },
2332
+ // Links
2333
+ MuiLink: {
2334
+ defaultProps: {
2335
+ underline: "hover"
2336
+ },
2337
+ styleOverrides: {
2338
+ root: () => ({
2339
+ cursor: "pointer"
2340
+ })
2341
+ }
2342
+ }
2343
+ };
2344
+ const calendarSize = 35;
2345
+ const dropdownHeight = 39.5;
2346
+ const datePickersOverrides = {
2347
+ // https://mui.com/x/react-date-pickers/date-picker/#customization
2348
+ MuiDatePicker: {
2349
+ defaultProps: {
2350
+ slotProps: {
2351
+ popper: { placement: "bottom-end" },
2352
+ textField: {
2353
+ InputLabelProps: {
2354
+ shrink: true
2355
+ }
2356
+ }
2357
+ },
2358
+ slots: {
2359
+ openPickerIcon: iconsMaterial.EventOutlined,
2360
+ clearIcon: iconsMaterial.Cancel
2361
+ }
2362
+ }
2363
+ },
2364
+ MuiDateCalendar: {
2365
+ defaultProps: {
2366
+ dayOfWeekFormatter: (weekday) => `${weekday.toLocaleDateString("en-US", { weekday: "short" })}`,
2367
+ slots: {
2368
+ rightArrowIcon: iconsMaterial.ChevronRightOutlined,
2369
+ leftArrowIcon: iconsMaterial.ChevronLeftOutlined,
2370
+ switchViewIcon: iconsMaterial.ExpandMoreOutlined
2371
+ }
2372
+ },
2373
+ styleOverrides: {
2374
+ root: ({ ownerState, theme: theme2 }) => {
2375
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i;
2376
+ return {
2377
+ width: theme2.spacing(calendarSize),
2378
+ height: theme2.spacing(dropdownHeight),
2379
+ maxHeight: theme2.spacing(dropdownHeight),
2380
+ // Year only view
2381
+ ...((_a2 = ownerState.views) == null ? void 0 : _a2.includes("year")) && !((_b2 = ownerState.views) == null ? void 0 : _b2.includes("month")) && !((_c2 = ownerState.views) == null ? void 0 : _c2.includes("day")) && {
2382
+ height: theme2.spacing(33.5),
2383
+ // 268px
2384
+ maxHeight: theme2.spacing(33.5)
2385
+ },
2386
+ // Month only view
2387
+ ...((_d2 = ownerState.views) == null ? void 0 : _d2.includes("month")) && !((_e2 = ownerState.views) == null ? void 0 : _e2.includes("year")) && !((_f2 = ownerState.views) == null ? void 0 : _f2.includes("day")) && {
2388
+ height: theme2.spacing(29),
2389
+ // 232px
2390
+ maxHeight: theme2.spacing(29),
2391
+ "& .MuiPickersCalendarHeader-labelContainer": {
2392
+ cursor: "default"
2393
+ }
2394
+ },
2395
+ // Day only view
2396
+ ...((_g2 = ownerState.views) == null ? void 0 : _g2.includes("day")) && !((_h2 = ownerState.views) == null ? void 0 : _h2.includes("year")) && !((_i = ownerState.views) == null ? void 0 : _i.includes("month")) && {
2397
+ "& .MuiPickersCalendarHeader-labelContainer": {
2398
+ cursor: "default"
2399
+ }
2400
+ },
2401
+ "& .MuiYearCalendar-root, & .MuiMonthCalendar-root": {
2402
+ gap: theme2.spacing(0.5),
2403
+ width: theme2.spacing(calendarSize),
2404
+ padding: theme2.spacing(1, 2)
2405
+ },
2406
+ "& .MuiPickersYear-root": {
2407
+ flexBasis: "22.5%"
2408
+ },
2409
+ "& .MuiPickersMonth-root": {
2410
+ flexBasis: "31.1%"
2411
+ },
2412
+ "& .MuiPickersYear-yearButton, & .MuiPickersMonth-monthButton, & .MuiPickersDay-root": {
2413
+ width: "100%",
2414
+ height: theme2.spacing(4),
2415
+ margin: 0,
2416
+ padding: 0,
2417
+ ...theme2.typography.button,
2418
+ borderRadius: theme2.shape.borderRadius,
2419
+ "&:hover": {
2420
+ backgroundColor: theme2.palette.action.hover
2421
+ },
2422
+ "&.Mui-selected": {
2423
+ backgroundColor: theme2.palette.primary.background,
2424
+ color: theme2.palette.primary.main,
2425
+ "&:focus": {
2426
+ backgroundColor: theme2.palette.primary.background
2427
+ },
2428
+ "&:hover": {
2429
+ backgroundColor: theme2.palette.action.hover
2430
+ }
2431
+ },
2432
+ "&.Mui-disabled": {
2433
+ color: theme2.palette.text.disabled
2434
+ }
2435
+ },
2436
+ "& .MuiPickersDay-root": {
2437
+ margin: theme2.spacing(0.25)
2438
+ }
2439
+ };
2440
+ }
2441
+ }
2442
+ },
2443
+ MuiPickersPopper: {
2444
+ styleOverrides: {
2445
+ paper: ({ theme: theme2 }) => ({
2446
+ marginBottom: theme2.spacing(0.5)
2447
+ })
2448
+ }
2449
+ },
2450
+ MuiYearCalendar: {
2451
+ styleOverrides: {
2452
+ root: ({ theme: theme2 }) => ({
2453
+ maxHeight: theme2.spacing(33.5)
2454
+ // 268px
2455
+ })
2456
+ }
2457
+ },
2458
+ MuiPickersCalendarHeader: {
2459
+ styleOverrides: {
2460
+ root: ({ theme: theme2 }) => ({
2461
+ maxHeight: theme2.spacing(4),
2462
+ minHeight: theme2.spacing(4),
2463
+ margin: 0,
2464
+ padding: theme2.spacing(1, 1, 1, 2),
2465
+ boxSizing: "content-box",
2466
+ "& .MuiIconButton-root": {
2467
+ borderRadius: theme2.shape.borderRadius
2468
+ },
2469
+ "& .MuiPickersArrowSwitcher-spacer": {
2470
+ width: theme2.spacing(4)
2471
+ }
2472
+ }),
2473
+ label: ({ theme: theme2 }) => ({
2474
+ ...theme2.typography.subtitle2
2475
+ }),
2476
+ switchViewButton: ({ theme: theme2 }) => ({
2477
+ width: theme2.spacing(4),
2478
+ height: theme2.spacing(4)
2479
+ })
2480
+ }
2481
+ },
2482
+ MuiDayCalendar: {
2483
+ styleOverrides: {
2484
+ header: ({ theme: theme2 }) => ({
2485
+ margin: theme2.spacing(0, 2)
2486
+ }),
2487
+ weekContainer: () => ({
2488
+ margin: 0
2489
+ }),
2490
+ weekDayLabel: ({ theme: theme2 }) => ({
2491
+ flex: 1,
2492
+ ...theme2.typography.caption,
2493
+ fontWeight: theme2.typography.fontWeightRegular,
2494
+ color: theme2.palette.text.secondary
2495
+ })
2496
+ }
2497
+ },
2498
+ MuiPickersDay: {
2499
+ styleOverrides: {
2500
+ root: ({ theme: theme2 }) => ({
2501
+ width: `${theme2.spacing(4)} !important`,
2502
+ height: theme2.spacing(4),
2503
+ "&:focus": {
2504
+ backgroundColor: "transparent"
2505
+ }
2506
+ }),
2507
+ today: ({ theme: theme2 }) => ({
2508
+ border: `1px solid ${theme2.palette.default.outlinedBorder}`,
2509
+ "&:hover, &:selected": {
2510
+ borderColor: theme2.palette.primary.light
2511
+ },
2512
+ "&:not(.Mui-selected)": {
2513
+ borderColor: theme2.palette.default.outlinedBorder
2514
+ },
2515
+ "&.Mui-selected": {
2516
+ borderColor: theme2.palette.primary.light,
2517
+ "&:focus": {
2518
+ borderColor: theme2.palette.primary.light
2519
+ }
2520
+ },
2521
+ "&.Mui-disabled": {
2522
+ color: theme2.palette.text.disabled,
2523
+ borderColor: theme2.palette.default.outlinedBorder,
2524
+ backgroundColor: "transparent",
2525
+ "&.Mui-selected": {
2526
+ opacity: "1 !important",
2527
+ color: theme2.palette.text.disabled,
2528
+ backgroundColor: "transparent",
2529
+ borderColor: theme2.palette.default.outlinedBorder
2530
+ }
2531
+ }
2532
+ })
2533
+ }
2534
+ },
2535
+ MuiTimePicker: {
2536
+ defaultProps: {
2537
+ views: ["hours"],
2538
+ format: "hh:mm a",
2539
+ ampm: true,
2540
+ viewRenderers: {
2541
+ hours: xDatePickers.renderDigitalClockTimeView
2542
+ },
2543
+ timeSteps: { minutes: 30 },
2544
+ slotProps: {
2545
+ actionBar: { actions: [] }
2546
+ // Remove ok button at bottom
2547
+ },
2548
+ slots: {
2549
+ clearIcon: iconsMaterial.Cancel,
2550
+ digitalClockItem: (props) => {
2551
+ return /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { ...props, disableRipple: true });
2552
+ }
2553
+ }
2554
+ }
2555
+ },
2556
+ MuiDateTimePicker: {
2557
+ defaultProps: {
2558
+ views: ["year", "month", "day", "hours"],
2559
+ format: "MM/dd/yyyy hh:mm a",
2560
+ ampm: true,
2561
+ viewRenderers: {
2562
+ hours: xDatePickers.renderDigitalClockTimeView
2563
+ },
2564
+ timeSteps: { minutes: 30 },
2565
+ slotProps: {
2566
+ popper: {
2567
+ placement: "bottom-end"
2568
+ },
2569
+ actionBar: { actions: [] }
2570
+ // Remove ok button at bottom
2571
+ },
2572
+ slots: {
2573
+ openPickerIcon: iconsMaterial.EventOutlined,
2574
+ clearIcon: iconsMaterial.Cancel,
2575
+ digitalClockItem: (props) => {
2576
+ return /* @__PURE__ */ jsxRuntime.jsx(MenuItem.MenuItem, { ...props, disableRipple: true });
2577
+ }
2578
+ }
2579
+ }
2580
+ },
2581
+ MuiDigitalClock: {
2582
+ defaultProps: {
2583
+ timeStep: 30,
2584
+ ampm: true
2585
+ },
2586
+ styleOverrides: {
2587
+ root: ({ theme: theme2 }) => ({
2588
+ minWidth: theme2.spacing(15)
2589
+ // 120px defined in design specs
2590
+ }),
2591
+ list: ({ theme: theme2 }) => ({
2592
+ ".MuiPopper-root &": {
2593
+ maxHeight: theme2.spacing(dropdownHeight),
2594
+ paddingBottom: theme2.spacing(1)
2595
+ }
2596
+ })
2597
+ }
2598
+ }
2599
+ };
2600
+ function getPixelToRem(px) {
2601
+ const fontBase = 16;
2602
+ const rem = 1 / fontBase * px + "rem";
2603
+ return rem;
2604
+ }
2605
+ const baseTypography = {
2606
+ htmlFontSize: 16,
2607
+ fontFamily: "Inter, sans-serif",
2608
+ fontSize: 16,
2609
+ lineHeight: 1.5,
2610
+ fontWeightLight: 300,
2611
+ fontWeightRegular: 400,
2612
+ fontWeightMedium: 500,
2613
+ fontWeightBold: 600,
2614
+ fontSmoothing: "antialiased",
2615
+ h1: {
2616
+ fontFamily: "Inter, sans-serif",
2617
+ fontWeight: 600,
2618
+ fontSize: getPixelToRem(96),
2619
+ lineHeight: 1.167,
2620
+ letterSpacing: "-1.5px"
2621
+ },
2622
+ h2: {
2623
+ fontFamily: "Inter, sans-serif",
2624
+ fontWeight: 600,
2625
+ fontSize: getPixelToRem(60),
2626
+ lineHeight: 1.2,
2627
+ letterSpacing: "-0.5px"
2628
+ },
2629
+ h3: {
2630
+ fontFamily: "Inter, sans-serif",
2631
+ fontWeight: 600,
2632
+ fontSize: getPixelToRem(48),
2633
+ lineHeight: 1.167,
2634
+ letterSpacing: 0
2635
+ },
2636
+ h4: {
2637
+ fontFamily: "Inter, sans-serif",
2638
+ fontWeight: 600,
2639
+ fontSize: getPixelToRem(32),
2640
+ lineHeight: 1.25,
2641
+ letterSpacing: 0
2642
+ },
2643
+ h5: {
2644
+ fontFamily: "Inter, sans-serif",
2645
+ fontWeight: 600,
2646
+ fontSize: getPixelToRem(24),
2647
+ lineHeight: 1.167,
2648
+ letterSpacing: 0
2649
+ },
2650
+ h6: {
2651
+ fontFamily: "Inter, sans-serif",
2652
+ fontWeight: 500,
2653
+ fontSize: getPixelToRem(18),
2654
+ lineHeight: 1.333,
2655
+ letterSpacing: 0
2656
+ },
2657
+ subtitle1: {
2658
+ fontFamily: "Inter, sans-serif",
2659
+ fontWeight: 500,
2660
+ fontSize: getPixelToRem(16),
2661
+ lineHeight: 1.5,
2662
+ letterSpacing: 0
2663
+ },
2664
+ subtitle2: {
2665
+ fontFamily: "Inter, sans-serif",
2666
+ fontWeight: 600,
2667
+ fontSize: getPixelToRem(13),
2668
+ lineHeight: 1.538,
2669
+ letterSpacing: 0
2670
+ },
2671
+ body1: {
2672
+ fontFamily: "Inter, sans-serif",
2673
+ fontWeight: 400,
2674
+ fontSize: getPixelToRem(16),
2675
+ lineHeight: 1.5,
2676
+ letterSpacing: 0
2677
+ },
2678
+ body2: {
2679
+ fontFamily: "Inter, sans-serif",
2680
+ fontWeight: 400,
2681
+ fontSize: getPixelToRem(13),
2682
+ lineHeight: 1.538,
2683
+ letterSpacing: 0
2684
+ },
2685
+ button: {
2686
+ fontFamily: "Inter, sans-serif",
2687
+ fontWeight: 500,
2688
+ fontSize: getPixelToRem(13),
2689
+ lineHeight: 1.538,
2690
+ letterSpacing: 0,
2691
+ textTransform: "inherit"
2692
+ },
2693
+ caption: {
2694
+ fontFamily: "Inter, sans-serif",
2695
+ fontWeight: 400,
2696
+ fontSize: getPixelToRem(11),
2697
+ lineHeight: 1.454,
2698
+ letterSpacing: 0
2699
+ },
2700
+ overline: {
2701
+ fontFamily: "Inter, sans-serif",
2702
+ fontWeight: 500,
2703
+ fontSize: getPixelToRem(10),
2704
+ lineHeight: 1.2,
2705
+ letterSpacing: "1.2px",
2706
+ textTransform: "uppercase"
2707
+ }
2708
+ };
2709
+ const customTypography = {
2710
+ captionMedium: {
2711
+ ...baseTypography.caption,
2712
+ fontWeight: 500,
2713
+ letterSpacing: 0
2714
+ },
2715
+ overlineDelicate: {
2716
+ ...baseTypography.overline,
2717
+ fontWeight: 400,
2718
+ letterSpacing: "1.2px"
2719
+ },
2720
+ code1: {
2721
+ fontFamily: '"Overpass Mono", monospace',
2722
+ fontWeight: 400,
2723
+ fontSize: getPixelToRem(16),
2724
+ lineHeight: 1.5,
2725
+ letterSpacing: 0,
2726
+ fontVariantLigatures: "no-common-ligatures"
2727
+ },
2728
+ code2: {
2729
+ fontFamily: '"Overpass Mono", monospace',
2730
+ fontWeight: 400,
2731
+ fontSize: getPixelToRem(14),
2732
+ lineHeight: 1.428,
2733
+ letterSpacing: 0,
2734
+ fontVariantLigatures: "no-common-ligatures"
2735
+ },
2736
+ code3: {
2737
+ fontFamily: '"Overpass Mono", monospace',
2738
+ fontWeight: 400,
2739
+ fontSize: getPixelToRem(12),
2740
+ lineHeight: 1.333,
2741
+ letterSpacing: 0,
2742
+ fontVariantLigatures: "no-common-ligatures"
2743
+ }
2744
+ };
2745
+ const themeTypography = {
2746
+ ...baseTypography,
2747
+ ...customTypography
2748
+ };
2749
+ const CssBaseline = {
2750
+ // Accessibility focus (keyboard only)
2751
+ "*:focus-visible": {
2752
+ outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
2753
+ boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
2754
+ borderRadius: "4px"
2755
+ },
2756
+ // Custom scrollbars
2757
+ "*::-webkit-scrollbar": {
2758
+ position: "fixed"
2759
+ },
2760
+ "*::-webkit-scrollbar:vertical": {
2761
+ width: "5px"
2762
+ },
2763
+ "*::-webkit-scrollbar:horizontal": {
2764
+ height: "5px"
2765
+ },
2766
+ "*::-webkit-scrollbar-track": {
2767
+ boxShadow: "none",
2768
+ background: "transparent"
2769
+ },
2770
+ "*::-webkit-scrollbar-thumb": {
2771
+ borderRadius: "3px",
2772
+ background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
2773
+ outline: "none"
2774
+ },
2775
+ // iOS Search clear button
2776
+ 'input[type="search"]::-webkit-search-cancel-button': {
2777
+ WebkitAppearance: "none",
2778
+ appearance: "none",
2779
+ height: TablePaginationActions.getSpacing(2),
2780
+ width: TablePaginationActions.getSpacing(2),
2781
+ display: "block",
2782
+ backgroundImage: `url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC)`,
2783
+ backgroundRepeat: "no-repeat",
2784
+ backgroundSize: TablePaginationActions.getSpacing(2)
2785
+ },
2786
+ // Mapbox controls
2787
+ ".mapboxgl-ctrl.mapboxgl-ctrl-attrib": {
2788
+ padding: TablePaginationActions.getSpacing(0, 1),
2789
+ borderRadius: TablePaginationActions.getSpacing(0.5, 0, 0, 0),
2790
+ "& .mapboxgl-ctrl-attrib-inner": {
2791
+ ...themeTypography.overline,
2792
+ textTransform: "none",
2793
+ letterSpacing: "0.75px",
2794
+ "& a": {
2795
+ color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
2796
+ }
2797
+ },
2798
+ "&.mapboxgl-compact": {
2799
+ backgroundColor: "transparent",
2800
+ right: TablePaginationActions.getSpacing(0.5),
2801
+ bottom: TablePaginationActions.getSpacing(2.5),
2802
+ // Mobile
2803
+ "@media (max-width: 600px)": {
2804
+ bottom: TablePaginationActions.getSpacing(0.5)
2805
+ },
2806
+ "& .mapboxgl-ctrl-attrib-button": {
2807
+ backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
2808
+ backgroundColor: "rgba(255,255,255,.8)",
2809
+ top: "auto",
2810
+ bottom: 0,
2811
+ right: 0,
2812
+ "&:not(:disabled):hover": {
2813
+ backgroundColor: "rgba(255,255,255,.8)"
2814
+ }
2815
+ },
2816
+ "& .mapboxgl-ctrl-attrib-inner": {
2817
+ backgroundColor: "rgba(255,255,255,.8)",
2818
+ padding: TablePaginationActions.getSpacing(0.5, 1),
2819
+ borderRadius: TablePaginationActions.getSpacing(1.5),
2820
+ marginRight: TablePaginationActions.getSpacing(2.5),
2821
+ color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
2822
+ },
2823
+ "&.mapboxgl-compact-show": {
2824
+ "& .mapboxgl-ctrl-attrib-button": {
2825
+ backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
2826
+ backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
2827
+ "&:not(:disabled):hover": {
2828
+ backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
2829
+ }
2830
+ }
2831
+ }
2832
+ }
2833
+ }
2834
+ };
2835
+ const feedbackOverrides = {
2836
+ // SnackBar
2837
+ MuiSnackbar: {
2838
+ defaultProps: {
2839
+ anchorOrigin: {
2840
+ vertical: "bottom",
2841
+ horizontal: "center"
2842
+ }
2843
+ }
2844
+ },
2845
+ // Skeleton
2846
+ MuiSkeleton: {
2847
+ defaultProps: {
2848
+ animation: "wave",
2849
+ variant: "rounded"
2850
+ },
2851
+ styleOverrides: {
2852
+ root: ({ theme: theme2 }) => ({
2853
+ backgroundColor: theme2.palette.black[8]
2854
+ }),
2855
+ rounded: ({ theme: theme2 }) => ({
2856
+ borderRadius: theme2.spacing(0.5)
2857
+ }),
2858
+ text: ({ theme: theme2 }) => ({
2859
+ borderRadius: theme2.spacing(0.5)
2860
+ }),
2861
+ wave: ({ theme: theme2 }) => ({
2862
+ "&::after": {
2863
+ background: `linear-gradient( 90deg, transparent, ${theme2.palette.black[4]}, transparent )`
2864
+ }
2865
+ })
2866
+ }
2867
+ },
2868
+ // Alert
2869
+ MuiAlert: {
2870
+ defaultProps: {
2871
+ iconMapping: {
2872
+ success: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.CheckCircleOutlined, {})
2873
+ }
2874
+ },
2875
+ styleOverrides: {
2876
+ root: ({ theme: theme2 }) => ({
2877
+ borderRadius: theme2.spacing(1),
2878
+ alignSelf: "start",
2879
+ width: "100%",
2880
+ padding: theme2.spacing(1.5)
2881
+ }),
2882
+ icon: ({ theme: theme2 }) => ({
2883
+ height: theme2.spacing(3),
2884
+ display: "flex",
2885
+ alignItems: "center",
2886
+ padding: 0,
2887
+ marginRight: theme2.spacing(1),
2888
+ svg: {
2889
+ width: TablePaginationActions.ICON_SIZE_MEDIUM,
2890
+ height: TablePaginationActions.ICON_SIZE_MEDIUM
2891
+ }
2892
+ }),
2893
+ action: () => ({
2894
+ paddingTop: 0,
2895
+ marginRight: 0
2896
+ }),
2897
+ message: ({ theme: theme2 }) => ({
2898
+ paddingTop: theme2.spacing(0.5),
2899
+ paddingBottom: 0,
2900
+ ...theme2.typography.caption
2901
+ })
2902
+ }
2903
+ },
2904
+ // AlertTitle
2905
+ MuiAlertTitle: {
2906
+ defaultProps: {
2907
+ variant: "body2"
2908
+ },
2909
+ styleOverrides: {
2910
+ root: ({ theme: theme2 }) => ({
2911
+ marginBottom: theme2.spacing(0.5),
2912
+ fontWeight: theme2.typography.fontWeightBold,
2913
+ color: "inherit"
2914
+ })
2915
+ }
2916
+ }
2917
+ };
2918
+ const surfacesOverrides = {
2919
+ // AppBar
2920
+ MuiAppBar: {
2921
+ styleOverrides: {
2922
+ root: ({ theme: theme2 }) => ({
2923
+ flexDirection: "row",
2924
+ alignItems: "center",
2925
+ justifyContent: "space-between",
2926
+ height: TablePaginationActions.APPBAR_SIZE,
2927
+ backgroundColor: theme2.palette.brand.navyBlue,
2928
+ color: theme2.palette.common.white,
2929
+ boxShadow: theme2.shadows[0],
2930
+ "& .MuiToolbar-root": {
2931
+ justifyContent: "space-between",
2932
+ width: "100%",
2933
+ padding: theme2.spacing(0, 1),
2934
+ minHeight: TablePaginationActions.APPBAR_SIZE
2935
+ },
2936
+ "& .MuiAvatar-root": {
2937
+ width: theme2.spacing(4),
2938
+ height: theme2.spacing(4)
2939
+ }
2940
+ })
2941
+ }
2942
+ },
2943
+ // MuiAccordion
2944
+ MuiAccordion: {
2945
+ defaultProps: {
2946
+ disableGutters: true,
2947
+ elevation: 0
2948
+ },
2949
+ styleOverrides: {
2950
+ root: ({ theme: theme2 }) => ({
2951
+ ...theme2.typography.body2,
2952
+ backgroundColor: "transparent",
2953
+ boxShadow: `inset 0 -1px 0 0 ${theme2.palette.divider}`,
2954
+ "&:last-of-type": {
2955
+ boxShadow: "none"
2956
+ },
2957
+ "&::before": {
2958
+ content: "none"
2959
+ },
2960
+ "&.Mui-disabled": {
2961
+ backgroundColor: "transparent"
2962
+ }
2963
+ })
2964
+ }
2965
+ },
2966
+ // MuiAccordionSummary
2967
+ MuiAccordionSummary: {
2968
+ defaultProps: {
2969
+ expandIcon: /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ExpandMoreOutlined, {})
2970
+ },
2971
+ styleOverrides: {
2972
+ root: ({ theme: theme2 }) => ({
2973
+ ...theme2.typography.button,
2974
+ "&.Mui-disabled": {
2975
+ opacity: 1,
2976
+ color: theme2.palette.text.disabled
2977
+ },
2978
+ "&.Mui-focusVisible": {
2979
+ backgroundColor: "transparent",
2980
+ borderRadius: theme2.shape.borderRadius
2981
+ }
2982
+ }),
2983
+ expandIconWrapper: ({ theme: theme2 }) => ({
2984
+ "& svg": {
2985
+ color: theme2.palette.text.secondary,
2986
+ ".Mui-disabled &": {
2987
+ color: theme2.palette.text.disabled
2988
+ }
2989
+ }
2990
+ })
2991
+ }
2992
+ },
2993
+ // MuiAccordionDetails
2994
+ MuiAccordionDetails: {
2995
+ styleOverrides: {
2996
+ root: ({ theme: theme2 }) => ({
2997
+ paddingBottom: theme2.spacing(3)
2998
+ })
2999
+ }
3000
+ }
3001
+ };
3002
+ const themeShadows = [
3003
+ "none",
3004
+ // 0
3005
+ "0px 2px 1px -1px rgba(44, 48, 50, 0.12), 0px 1px 1px rgba(44, 48, 50, 0.08), 0px 1px 3px rgba(44, 48, 50, 0.04)",
3006
+ // 1
3007
+ "0px 3px 1px -2px rgba(44, 48, 50, 0.12), 0px 2px 2px rgba(44, 48, 50, 0.08), 0px 1px 5px rgba(44, 48, 50, 0.04)",
3008
+ // 2
3009
+ "0px 3px 3px -2px rgba(0,0,0,0.16),0px 3px 4px 0px rgba(0,0,0,0.08),0px 1px 8px 0px rgba(0,0,0,0.04)",
3010
+ "0px 2px 4px -1px rgba(44, 48, 50, 0.12), 0px 4px 5px rgba(44, 48, 50, 0.08), 0px 1px 10px rgba(44, 48, 50, 0.04)",
3011
+ // 4
3012
+ "0px 3px 5px -1px rgba(0,0,0,0.16),0px 5px 8px 0px rgba(0,0,0,0.08),0px 1px 14px 0px rgba(0,0,0,0.04)",
3013
+ "0px 3px 5px -1px rgba(44, 48, 50, 0.12), 0px 6px 10px rgba(44, 48, 50, 0.08), 0px 1px 18px rgba(44, 48, 50, 0.04)",
3014
+ // 6
3015
+ "0px 4px 5px -2px rgba(0,0,0,0.16),0px 7px 10px 1px rgba(0,0,0,0.08),0px 2px 16px 1px rgba(0,0,0,0.04)",
3016
+ "0px 5px 5px -3px rgba(44, 48, 50, 0.12), 0px 8px 10px 1px rgba(44, 48, 50, 0.08), 0px 3px 14px 2px rgba(44, 48, 50, 0.04)",
3017
+ // 8
3018
+ "0px 5px 6px -3px rgba(0,0,0,0.16),0px 9px 12px 1px rgba(0,0,0,0.08),0px 3px 16px 2px rgba(0,0,0,0.04)",
3019
+ "0px 6px 6px -3px rgba(0,0,0,0.16),0px 10px 14px 1px rgba(0,0,0,0.08),0px 4px 18px 3px rgba(0,0,0,0.04)",
3020
+ "0px 6px 7px -4px rgba(0,0,0,0.16),0px 11px 15px 1px rgba(0,0,0,0.08),0px 4px 20px 3px rgba(0,0,0,0.04)",
3021
+ "0px 7px 8px -4px rgba(0,0,0,0.16),0px 12px 17px 2px rgba(0,0,0,0.08),0px 5px 22px 4px rgba(0,0,0,0.04)",
3022
+ "0px 7px 8px -4px rgba(0,0,0,0.16),0px 13px 19px 2px rgba(0,0,0,0.08),0px 5px 24px 4px rgba(0,0,0,0.04)",
3023
+ "0px 7px 9px -4px rgba(0,0,0,0.16),0px 14px 21px 2px rgba(0,0,0,0.08),0px 5px 26px 4px rgba(0,0,0,0.04)",
3024
+ "0px 8px 9px -5px rgba(0,0,0,0.16),0px 15px 22px 2px rgba(0,0,0,0.08),0px 6px 28px 5px rgba(0,0,0,0.04)",
3025
+ "0px 8px 10px -5px rgba(44, 48, 50, 0.12), 0px 16px 24px 2px rgba(44, 48, 50, 0.08), 0px 6px 30px 5px rgba(44, 48, 50, 0.04)",
3026
+ // 16
3027
+ "0px 8px 11px -5px rgba(0,0,0,0.16),0px 17px 26px 2px rgba(0,0,0,0.08),0px 6px 32px 5px rgba(0,0,0,0.04)",
3028
+ "0px 9px 11px -5px rgba(0,0,0,0.16),0px 18px 28px 2px rgba(0,0,0,0.08),0px 7px 34px 6px rgba(0,0,0,0.04)",
3029
+ "0px 9px 12px -6px rgba(0,0,0,0.16),0px 19px 29px 2px rgba(0,0,0,0.08),0px 7px 36px 6px rgba(0,0,0,0.04)",
3030
+ "0px 10px 13px -6px rgba(0,0,0,0.16),0px 20px 31px 3px rgba(0,0,0,0.08),0px 8px 38px 7px rgba(0,0,0,0.04)",
3031
+ "0px 10px 13px -6px rgba(0,0,0,0.16),0px 21px 33px 3px rgba(0,0,0,0.08),0px 8px 40px 7px rgba(0,0,0,0.04)",
3032
+ "0px 10px 14px -6px rgba(0,0,0,0.16),0px 22px 35px 3px rgba(0,0,0,0.08),0px 8px 42px 7px rgba(0,0,0,0.04)",
3033
+ "0px 11px 14px -7px rgba(0,0,0,0.16),0px 23px 36px 3px rgba(0,0,0,0.08),0px 9px 44px 8px rgba(0,0,0,0.04)",
3034
+ "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
3035
+ // 24
3036
+ ];
3037
+ const cartoThemeOptions = {
3038
+ themeName: "CARTO",
3039
+ breakpoints: {
3040
+ keys: ["xs", "sm", "md", "lg", "xl"],
3041
+ values: {
3042
+ xs: TablePaginationActions.BREAKPOINTS.XS,
3043
+ // 320 - 599
3044
+ sm: TablePaginationActions.BREAKPOINTS.SM,
3045
+ // 600 - 959
3046
+ md: TablePaginationActions.BREAKPOINTS.MD,
3047
+ // 960 - 1279
3048
+ lg: TablePaginationActions.BREAKPOINTS.LG,
3049
+ // 1280 - 1599
3050
+ xl: TablePaginationActions.BREAKPOINTS.XL
3051
+ // 1600+
3052
+ },
3053
+ unit: "px",
3054
+ step: 5
3055
+ // For more information about use this helper functions: https://mui.com/material-ui/customization/breakpoints/#css-media-queries
3056
+ // up: f d(),
3057
+ // down: f down(),
3058
+ // between: f p(),
3059
+ // only: f only(),
3060
+ // width: f width(),
3061
+ },
3062
+ direction: "ltr",
3063
+ mixins: {
3064
+ // gutters: f gutters(),
3065
+ toolbar: {
3066
+ minHeight: 56,
3067
+ "@media (min-width:0px) and (orientation: landscape)": {
3068
+ minHeight: 48
3069
+ },
3070
+ "@media (min-width:600px)": {
3071
+ minHeight: 56
3072
+ }
3073
+ }
3074
+ },
3075
+ palette: paletteUtils.commonPalette,
3076
+ shadows: themeShadows,
3077
+ typography: themeTypography,
3078
+ spacingValue: TablePaginationActions.SPACING,
3079
+ // For situations where we can't use theme.spacing(), mainly math calculations.er
3080
+ spacing: TablePaginationActions.SPACING,
3081
+ // For custom spacing: https://material-ui.com/customization/spacing/#custom-spacing
3082
+ shape: {
3083
+ borderRadius: 4
3084
+ },
3085
+ transitions: {
3086
+ easing: {
3087
+ easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
3088
+ easeOut: "cubic-bezier(0.0, 0, 0.2, 1)",
3089
+ easeIn: "cubic-bezier(0.4, 0, 1, 1)",
3090
+ sharp: "cubic-bezier(0.4, 0, 0.6, 1)"
3091
+ },
3092
+ duration: {
3093
+ shortest: 150,
3094
+ shorter: 200,
3095
+ short: 250,
3096
+ standard: 300,
3097
+ complex: 375,
3098
+ enteringScreen: 225,
3099
+ leavingScreen: 195
3100
+ }
3101
+ // create: f create(), => Research
3102
+ // getAutoHeightDuration: f getAutoHeightDuration(), => Research
3103
+ },
3104
+ zIndex: {
3105
+ mobileStepper: 1e3,
3106
+ speedDial: 1050,
3107
+ appBar: 1100,
3108
+ drawer: 1200,
3109
+ modal: 1300,
3110
+ snackbar: 1400,
3111
+ tooltip: 1500
3112
+ },
3113
+ // Styles and props overrides for components
3114
+ components: {
3115
+ MuiCssBaseline: {
3116
+ styleOverrides: {
3117
+ ...CssBaseline
3118
+ }
3119
+ },
3120
+ ...buttonsOverrides,
3121
+ ...formsOverrides,
3122
+ ...navigationOverrides,
3123
+ ...dataDisplayOverrides,
3124
+ ...feedbackOverrides,
3125
+ ...surfacesOverrides,
3126
+ ...datePickersOverrides
3127
+ }
3128
+ };
3129
+ const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));
3130
+ exports.APPBAR_SIZE = TablePaginationActions.APPBAR_SIZE;
3131
+ exports.BREAKPOINTS = TablePaginationActions.BREAKPOINTS;
3132
+ exports.ICON_SIZE_LARGE = TablePaginationActions.ICON_SIZE_LARGE;
3133
+ exports.ICON_SIZE_MEDIUM = TablePaginationActions.ICON_SIZE_MEDIUM;
3134
+ exports.ICON_SIZE_SMALL = TablePaginationActions.ICON_SIZE_SMALL;
3135
+ exports.NOTIFICATION_DURATION_IN_MS = TablePaginationActions.NOTIFICATION_DURATION_IN_MS;
3136
+ exports.SPACING = TablePaginationActions.SPACING;
3137
+ exports.getSpacing = TablePaginationActions.getSpacing;
3138
+ exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
3139
+ exports.cartoThemeOptions = cartoThemeOptions;
3140
+ exports.theme = theme;