@flipdish/portal-library 7.6.0 → 7.7.0

package/dist/components/organisms/ImageUploadWidget/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ImageUploadWidget/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport Backdrop from '@mui/material/Backdrop';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress/CircularProgress';\nimport Fade from '@mui/material/Fade';\nimport Modal from '@mui/material/Modal';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Button from '@fd/components/atoms/Button';\nimport { type ImageType } from 'react-images-uploading';\n\nimport FlipdishFonts from './components/FlipdishFonts';\nimport ImageDisplay from './components/ImageDisplay';\nimport ImageDropZone from './components/ImageDropZone';\n\nconst StyledWidgetContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  flexDirection: 'column',\n  width: '95%',\n  padding: '16px',\n  boxSizing: 'border-box',\n  height: '95%',\n  alignItems: 'stretch',\n  justifyContent: 'space-between',\n  gap: theme.spacing(3),\n  borderRadius: theme.radius['radius-8'],\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FFF',\n  boxShadow: '0px 1px 6px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px rgba(0, 0, 0, 0.15)',\n  [theme.breakpoints.up('tablet')]: {\n    width: '650px',\n    height: '500px',\n    padding: '32px',\n  },\n}));\n\nconst StyledWidgetTitle = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '24px',\n  fontWeight: '600',\n  lineHeight: '32px',\n  letterSpacing: '0px',\n});\n\nexport interface ImageUploadWidgetProps {\n  open: boolean;\n  widgetTitle?: string;\n  imageUrl?: string;\n  isCloudinaryAsset?: boolean;\n  cdnCloudName?: string;\n  onUpload: (file: File) => Promise<void>;\n  onUploadImageLink?: (imageLink: string) => Promise<void>;\n  onRemove: () => void;\n  onClose: () => void;\n}\n\nconst ImageUploadWidget: React.FC<ImageUploadWidgetProps> = (props) => {\n  const {\n    open,\n    onClose,\n    widgetTitle = 'Upload Image',\n    imageUrl = '',\n    isCloudinaryAsset = false,\n    cdnCloudName,\n    onUpload,\n    onUploadImageLink,\n    onRemove,\n  } = props;\n  const [selectedImage, setSelectedImage] = useState<ImageType | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [uploadingError, setUploadingError] = useState<Error | null>(null);\n  const [imageLink, setImageLink] = useState('');\n\n  const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('tablet'));\n\n  const handleClose = (): void => {\n    setSelectedImage(null);\n    onClose();\n  };\n\n  const handleUpload = async (): Promise<void> => {\n    setUploading(true);\n    setUploadingError(null);\n\n    try {\n      if (selectedImage?.file) {\n        await onUpload(selectedImage.file);\n      } else if (imageLink && onUploadImageLink) {\n        await onUploadImageLink(imageLink);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        setUploadingError(error);\n      }\n    } finally {\n      setUploading(false);\n      setSelectedImage(null);\n      setImageLink('');\n    }\n  };\n\n  const renderActionButtons = (): React.ReactElement => {\n    if (isDesktop) {\n      return (\n        <Stack direction=\"row\" gap=\"2px\" justifyContent=\"space-between\">\n          <Stack direction=\"row\">\n            {!!selectedImage && (\n              <Button\n                fdKey=\"img-change-button\"\n                onClick={() => setSelectedImage(null)}\n                size=\"medium\"\n                tone=\"brand\"\n                variant=\"secondary\"\n              >\n                Change\n              </Button>\n            )}\n          </Stack>\n          <Stack direction=\"row\" gap=\"16px\" justifyContent=\"space-between\">\n            <Button\n              fdKey=\"img-close-btn\"\n              onClick={handleClose}\n              size=\"medium\"\n              tone=\"neutral\"\n              variant=\"secondary\"\n            >\n              Close\n            </Button>\n            {imageUrl ? (\n              <Button\n                fdKey=\"img-remove-btn\"\n                onClick={onRemove}\n                size=\"medium\"\n                tone=\"destructive\"\n                variant=\"secondary\"\n              >\n                Remove\n              </Button>\n            ) : (\n              <Button\n                disabled={(!selectedImage && !imageLink) || uploading}\n                endIcon={\n                  uploading ? <CircularProgress color=\"inherit\" size=\"sm\" sx={{ width: '20px' }} /> : null\n                }\n                fdKey=\"img-upload-btn\"\n                // eslint-disable-next-line @typescript-eslint/no-misused-promises\n                onClick={handleUpload}\n                size=\"medium\"\n                variant=\"primary\"\n              >\n                Upload\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n      );\n    }\n    return (\n      <Stack direction=\"column\" gap={(theme) => theme.spacing(1)}>\n        {imageUrl ? (\n          <Button\n            fullWidth\n            fdKey=\"img-remove-btn\"\n            onClick={onRemove}\n            size=\"medium\"\n            tone=\"destructive\"\n            variant=\"secondary\"\n          >\n            Remove\n          </Button>\n        ) : (\n          <Button\n            fullWidth\n            disabled={(!selectedImage && !imageLink) || uploading}\n            endIcon={uploading ? <CircularProgress color=\"inherit\" size=\"sm\" sx={{ width: '20px' }} /> : null}\n            fdKey=\"img-upload-btn\"\n            // eslint-disable-next-line @typescript-eslint/no-misused-promises\n            onClick={handleUpload}\n            size=\"medium\"\n            variant=\"primary\"\n          >\n            Upload\n          </Button>\n        )}\n        {!!selectedImage && (\n          <Button\n            fullWidth\n            fdKey=\"img-change-button\"\n            onClick={() => setSelectedImage(null)}\n            size=\"medium\"\n            tone=\"brand\"\n            variant=\"secondary\"\n          >\n            Change\n          </Button>\n        )}\n        <Button\n          fullWidth\n          fdKey=\"img-close-btn\"\n          onClick={handleClose}\n          size=\"medium\"\n          tone=\"neutral\"\n          variant=\"secondary\"\n        >\n          Close\n        </Button>\n      </Stack>\n    );\n  };\n\n  return (\n    <>\n      <FlipdishFonts />\n      <Modal\n        closeAfterTransition\n        data-testid=\"image-upload-widget\"\n        disableEscapeKeyDown={true}\n        open={open}\n        slotProps={{\n          backdrop: {\n            timeout: 500,\n          },\n        }}\n        slots={{ backdrop: Backdrop }}\n      >\n        <Fade in={open}>\n          <StyledWidgetContainer>\n            <StyledWidgetTitle>{widgetTitle}</StyledWidgetTitle>\n            <Stack\n              alignItems=\"center\"\n              direction=\"row\"\n              flex={1}\n              height={'calc(100% - 300px)'}\n              justifyContent=\"center\"\n            >\n              {imageUrl ? (\n                <ImageDisplay\n                  cdnCloudName={cdnCloudName}\n                  isCloudinaryAsset={isCloudinaryAsset}\n                  src={imageUrl}\n                />\n              ) : (\n                <ImageDropZone\n                  allowImageLinkUpload={!!onUploadImageLink}\n                  imageLink={imageLink}\n                  onImageLinkChange={(link) => setImageLink(link)}\n                  onImageSelect={(image) => setSelectedImage(image)}\n                  onUploadImageLink={() => void handleUpload()}\n                  selectedImage={selectedImage}\n                  uploadingError={uploadingError}\n                />\n              )}\n            </Stack>\n            {renderActionButtons()}\n          </StyledWidgetContainer>\n        </Fade>\n      </Modal>\n    </>\n  );\n};\n\nexport default ImageUploadWidget;\n"],"names":["StyledWidgetContainer","styled","Box","theme","display","position","top","left","transform","flexDirection","width","padding","boxSizing","height","alignItems","justifyContent","gap","spacing","borderRadius","radius","border","background","boxShadow","breakpoints","up","StyledWidgetTitle","Typography","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","ImageUploadWidget","props","open","onClose","widgetTitle","imageUrl","isCloudinaryAsset","cdnCloudName","onUpload","onUploadImageLink","onRemove","selectedImage","setSelectedImage","useState","uploading","setUploading","uploadingError","setUploadingError","imageLink","setImageLink","isDesktop","useMediaQuery","handleClose","handleUpload","async","file","error","Error","_jsxs","_jsx","FlipdishFonts","Modal","closeAfterTransition","disableEscapeKeyDown","slotProps","backdrop","timeout","slots","Backdrop","children","Fade","in","Stack","direction","flex","ImageDisplay","src","ImageDropZone","allowImageLinkUpload","onImageLinkChange","link","onImageSelect","image","Button","fdKey","onClick","size","tone","variant","disabled","endIcon","CircularProgress","sx","fullWidth"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/organisms/ImageUploadWidget/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport Backdrop from '@mui/material/Backdrop';\nimport Box from '@mui/material/Box';\nimport CircularProgress from '@mui/material/CircularProgress/CircularProgress';\nimport Fade from '@mui/material/Fade';\nimport Modal from '@mui/material/Modal';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography';\nimport useMediaQuery from '@mui/material/useMediaQuery';\n\nimport Button from '@fd/components/atoms/Button';\nimport { type ImageType } from 'react-images-uploading';\n\nimport FlipdishFonts from './components/FlipdishFonts';\nimport ImageDisplay from './components/ImageDisplay';\nimport ImageDropZone from './components/ImageDropZone';\n\nconst StyledWidgetContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  flexDirection: 'column',\n  width: '95%',\n  padding: '16px',\n  boxSizing: 'border-box',\n  height: '95%',\n  alignItems: 'stretch',\n  justifyContent: 'space-between',\n  gap: theme.spacing(3),\n  borderRadius: theme.radius['radius-8'],\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FFF',\n  boxShadow: '0px 1px 6px 0px rgba(0, 0, 0, 0.10), 0px 8px 16px 0px rgba(0, 0, 0, 0.15)',\n  [theme.breakpoints.up('tablet')]: {\n    width: '650px',\n    height: '500px',\n    padding: '32px',\n  },\n}));\n\nconst StyledWidgetTitle = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '24px',\n  fontWeight: '600',\n  lineHeight: '32px',\n  letterSpacing: '0px',\n});\n\nexport interface ImageUploadWidgetProps {\n  open: boolean;\n  widgetTitle?: string;\n  imageUrl?: string;\n  isCloudinaryAsset?: boolean;\n  cdnCloudName?: string;\n  onUpload: (file: File) => Promise<void>;\n  onUploadImageLink?: (imageLink: string) => Promise<void>;\n  onRemove: () => void;\n  onClose: () => void;\n}\n\nconst ImageUploadWidget: React.FC<ImageUploadWidgetProps> = (props) => {\n  const {\n    open,\n    onClose,\n    widgetTitle = 'Upload Image',\n    imageUrl = '',\n    isCloudinaryAsset = false,\n    cdnCloudName,\n    onUpload,\n    onUploadImageLink,\n    onRemove,\n  } = props;\n  const [selectedImage, setSelectedImage] = useState<ImageType | null>(null);\n  const [uploading, setUploading] = useState(false);\n  const [uploadingError, setUploadingError] = useState<Error | null>(null);\n  const [imageLink, setImageLink] = useState('');\n\n  const isDesktop = useMediaQuery((theme) => theme.breakpoints.up('tablet'));\n\n  const handleClose = (): void => {\n    setSelectedImage(null);\n    onClose();\n  };\n\n  const handleUpload = async (): Promise<void> => {\n    setUploading(true);\n    setUploadingError(null);\n\n    try {\n      if (selectedImage?.file) {\n        await onUpload(selectedImage.file);\n      } else if (imageLink && onUploadImageLink) {\n        await onUploadImageLink(imageLink);\n      }\n    } catch (error) {\n      if (error instanceof Error) {\n        setUploadingError(error);\n      }\n    } finally {\n      setUploading(false);\n      setSelectedImage(null);\n      setImageLink('');\n    }\n  };\n\n  const renderActionButtons = (): React.ReactElement => {\n    if (isDesktop) {\n      return (\n        <Stack direction=\"row\" gap=\"2px\" justifyContent=\"space-between\">\n          <Stack direction=\"row\">\n            {!!selectedImage && (\n              <Button\n                fdKey=\"img-change-button\"\n                onClick={() => setSelectedImage(null)}\n                size=\"medium\"\n                tone=\"brand\"\n                variant=\"secondary\"\n              >\n                Change\n              </Button>\n            )}\n          </Stack>\n          <Stack direction=\"row\" gap=\"16px\" justifyContent=\"space-between\">\n            <Button\n              fdKey=\"img-close-btn\"\n              onClick={handleClose}\n              size=\"medium\"\n              tone=\"neutral\"\n              variant=\"secondary\"\n            >\n              Close\n            </Button>\n            {imageUrl ? (\n              <Button\n                fdKey=\"img-remove-btn\"\n                onClick={onRemove}\n                size=\"medium\"\n                tone=\"destructive\"\n                variant=\"secondary\"\n              >\n                Remove\n              </Button>\n            ) : (\n              <Button\n                disabled={(!selectedImage && !imageLink) || uploading}\n                endIcon={\n                  uploading ? <CircularProgress color=\"inherit\" size=\"sm\" sx={{ width: '20px' }} /> : null\n                }\n                fdKey=\"img-upload-btn\"\n                // eslint-disable-next-line @typescript-eslint/no-misused-promises\n                onClick={handleUpload}\n                size=\"medium\"\n                variant=\"primary\"\n              >\n                Upload\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n      );\n    }\n    return (\n      <Stack direction=\"column\" gap={(theme) => theme.spacing(1)}>\n        {imageUrl ? (\n          <Button\n            fullWidth\n            fdKey=\"img-remove-btn\"\n            onClick={onRemove}\n            size=\"medium\"\n            tone=\"destructive\"\n            variant=\"secondary\"\n          >\n            Remove\n          </Button>\n        ) : (\n          <Button\n            fullWidth\n            disabled={(!selectedImage && !imageLink) || uploading}\n            endIcon={uploading ? <CircularProgress color=\"inherit\" size=\"sm\" sx={{ width: '20px' }} /> : null}\n            fdKey=\"img-upload-btn\"\n            // eslint-disable-next-line @typescript-eslint/no-misused-promises\n            onClick={handleUpload}\n            size=\"medium\"\n            variant=\"primary\"\n          >\n            Upload\n          </Button>\n        )}\n        {!!selectedImage && (\n          <Button\n            fullWidth\n            fdKey=\"img-change-button\"\n            onClick={() => setSelectedImage(null)}\n            size=\"medium\"\n            tone=\"brand\"\n            variant=\"secondary\"\n          >\n            Change\n          </Button>\n        )}\n        <Button\n          fullWidth\n          fdKey=\"img-close-btn\"\n          onClick={handleClose}\n          size=\"medium\"\n          tone=\"neutral\"\n          variant=\"secondary\"\n        >\n          Close\n        </Button>\n      </Stack>\n    );\n  };\n\n  return (\n    <>\n      <FlipdishFonts />\n      <Modal\n        closeAfterTransition\n        data-testid=\"image-upload-widget\"\n        disableEscapeKeyDown={true}\n        open={open}\n        slotProps={{\n          backdrop: {\n            timeout: 500,\n          },\n        }}\n        slots={{ backdrop: Backdrop }}\n      >\n        <Fade in={open}>\n          <StyledWidgetContainer>\n            <StyledWidgetTitle>{widgetTitle}</StyledWidgetTitle>\n            <Stack\n              alignItems=\"center\"\n              direction=\"row\"\n              flex={1}\n              height={'calc(100% - 300px)'}\n              justifyContent=\"center\"\n            >\n              {imageUrl ? (\n                <ImageDisplay\n                  cdnCloudName={cdnCloudName}\n                  isCloudinaryAsset={isCloudinaryAsset}\n                  src={imageUrl}\n                />\n              ) : (\n                <ImageDropZone\n                  allowImageLinkUpload={!!onUploadImageLink}\n                  imageLink={imageLink}\n                  onImageLinkChange={(link) => setImageLink(link)}\n                  onImageSelect={(image) => setSelectedImage(image)}\n                  onUploadImageLink={() => void handleUpload()}\n                  selectedImage={selectedImage}\n                  uploadingError={uploadingError}\n                />\n              )}\n            </Stack>\n            {renderActionButtons()}\n          </StyledWidgetContainer>\n        </Fade>\n      </Modal>\n    </>\n  );\n};\n\nexport default ImageUploadWidget;"],"names":["StyledWidgetContainer","styled","Box","theme","display","position","top","left","transform","flexDirection","width","padding","boxSizing","height","alignItems","justifyContent","gap","spacing","borderRadius","radius","border","background","boxShadow","breakpoints","up","StyledWidgetTitle","Typography","color","fontFamily","fontSize","fontWeight","lineHeight","letterSpacing","ImageUploadWidget","props","open","onClose","widgetTitle","imageUrl","isCloudinaryAsset","cdnCloudName","onUpload","onUploadImageLink","onRemove","selectedImage","setSelectedImage","useState","uploading","setUploading","uploadingError","setUploadingError","imageLink","setImageLink","isDesktop","useMediaQuery","handleClose","handleUpload","async","file","error","Error","_jsxs","_jsx","FlipdishFonts","Modal","closeAfterTransition","disableEscapeKeyDown","slotProps","backdrop","timeout","slots","Backdrop","children","Fade","in","Stack","direction","flex","ImageDisplay","src","ImageDropZone","allowImageLinkUpload","onImageLinkChange","link","onImageSelect","image","Button","fdKey","onClick","size","tone","variant","disabled","endIcon","CircularProgress","sx","fullWidth"],"mappings":"6qBAmBA,MAAMA,EAAwBC,EAAOC,EAAPD,EAAY,EAAGE,YAAO,CAClDC,QAAS,OACTC,SAAU,WACVC,IAAK,MACLC,KAAM,MACNC,UAAW,wBACXC,cAAe,SACfC,MAAO,MACPC,QAAS,OACTC,UAAW,aACXC,OAAQ,MACRC,WAAY,UACZC,eAAgB,gBAChBC,IAAKb,EAAMc,QAAQ,GACnBC,aAAcf,EAAMgB,OAAO,YAC3BC,OAAQ,gCACRC,WAAY,OACZC,UAAW,4EACX,CAACnB,EAAMoB,YAAYC,GAAG,WAAY,CAChCd,MAAO,QACPG,OAAQ,QACRF,QAAS,YAIPc,EAAoBxB,EAAOyB,EAAPzB,CAAmB,CAC3C0B,MAAO,sBACPC,WAAY,SACZC,SAAU,OACVC,WAAY,MACZC,WAAY,OACZC,cAAe,QAeXC,EAAuDC,IAC3D,MAAMC,KACJA,EAAIC,QACJA,EAAOC,YACPA,EAAc,eAAcC,SAC5BA,EAAW,GAAEC,kBACbA,GAAoB,EAAKC,aACzBA,EAAYC,SACZA,EAAQC,kBACRA,EAAiBC,SACjBA,GACET,GACGU,EAAeC,GAAoBC,EAA2B,OAC9DC,EAAWC,GAAgBF,GAAS,IACpCG,EAAgBC,GAAqBJ,EAAuB,OAC5DK,EAAWC,GAAgBN,EAAS,IAErCO,EAAYC,GAAenD,GAAUA,EAAMoB,YAAYC,GAAG,YAE1D+B,EAAc,KAClBV,EAAiB,MACjBT,KAGIoB,EAAeC,UACnBT,GAAa,GACbE,EAAkB,MAElB,IACMN,GAAec,WACXjB,EAASG,EAAcc,MACpBP,GAAaT,SAChBA,EAAkBS,EAE5B,CAAE,MAAOQ,GACHA,aAAiBC,OACnBV,EAAkBS,EAEtB,SACEX,GAAa,GACbH,EAAiB,MACjBO,EAAa,GACf,GAgHF,OACES,eACEC,EAACC,MACDD,EAACE,EAAK,CACJC,sBAAoB,EAAA,cACR,sBACZC,sBAAsB,EACtB/B,KAAMA,EACNgC,UAAW,CACTC,SAAU,CACRC,QAAS,MAGbC,MAAO,CAAEF,SAAUG,GAAUC,SAE7BV,EAACW,EAAI,CAACC,GAAIvC,EAAIqC,SACZX,EAAC7D,EAAqB,CAAAwE,SAAA,CACpBV,EAACrC,EAAiB,CAAA+C,SAAEnC,IACpByB,EAACa,EAAK,CACJ7D,WAAW,SACX8D,UAAU,MACVC,KAAM,EACNhE,OAAQ,qBACRE,eAAe,SAAQyD,SAEtBlC,EACCwB,EAACgB,EAAY,CACXtC,aAAcA,EACdD,kBAAmBA,EACnBwC,IAAKzC,IAGPwB,EAACkB,EAAa,CACZC,uBAAwBvC,EACxBS,UAAWA,EACX+B,kBAAoBC,GAAS/B,EAAa+B,GAC1CC,cAAgBC,GAAUxC,EAAiBwC,GAC3C3C,kBAAmB,KAAWc,KAC9BZ,cAAeA,EACfK,eAAgBA,MAjJ1BY,EAACc,EAFDtB,GAEOuB,UAAU,MAAM5D,IAAI,MAAMD,eAAe,gBAAeyD,SAAA,CAC7DV,EAACa,EAAK,CAACC,UAAU,iBACZhC,GACDkB,EAACwB,EAAM,CACLC,MAAM,oBACNC,QAAS,IAAM3C,EAAiB,MAChC4C,KAAK,SACLC,KAAK,QACLC,QAAQ,YAAWnB,SAAA,aAMzBX,EAACc,EAAK,CAACC,UAAU,MAAM5D,IAAI,OAAOD,eAAe,0BAC/C+C,EAACwB,GACCC,MAAM,gBACNC,QAASjC,EACTkC,KAAK,SACLC,KAAK,UACLC,QAAQ,+BAKR7B,EAACwB,EADFhD,GAEGiD,MAAM,iBACNC,QAAS7C,EACT8C,KAAK,SACLC,KAAK,cACLC,QAAQ,+BAKH,CACLC,UAAYhD,IAAkBO,GAAcJ,EAC5C8C,QACE9C,EAAYe,EAACgC,GAAiBnE,MAAM,UAAU8D,KAAK,KAAKM,GAAI,CAAErF,MAAO,UAAe,KAEtF6E,MAAM,iBAENC,QAAShC,EACTiC,KAAK,SACLE,QAAQ,UAASnB,SAAA,gBAUrB,CAACI,UAAU,SAAS5D,IAAMb,GAAUA,EAAMc,QAAQ,GAAEuD,SAAA,CAEtDV,EAACwB,EADFhD,EACQ,CACL0D,WAAS,EACTT,MAAM,iBACNC,QAAS7C,EACT8C,KAAK,SACLC,KAAK,cACLC,QAAQ,YAAWnB,SAAA,WAMnBwB,WAAS,EACTJ,UAAYhD,IAAkBO,GAAcJ,EAC5C8C,QAAS9C,EAAYe,EAACgC,EAAgB,CAACnE,MAAM,UAAU8D,KAAK,KAAKM,GAAI,CAAErF,MAAO,UAAe,KAC7F6E,MAAM,iBAENC,QAAShC,EACTiC,KAAK,SACLE,QAAQ,gCAKT/C,GACDkB,EAACwB,GACCU,WAAS,EACTT,MAAM,oBACNC,QAAS,IAAM3C,EAAiB,MAChC4C,KAAK,SACLC,KAAK,QACLC,QAAQ,YAAWnB,SAAA,WAKvBV,EAACwB,EAAM,CACLU,WAAS,EACTT,MAAM,gBACNC,QAASjC,EACTkC,KAAK,SACLC,KAAK,UACLC,QAAQ,YAAWnB,SAAA"}

package/dist/themes/flipdishPublicTheme.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@mui/material/styles/createTheme"),r=require("../components/atoms/Button/buttonThemeOverrides.cjs.js"),s=require("../components/atoms/IconButton/iconButtonThemeOverrides.cjs.js"),i=require("../icons/Cancel/index.cjs.js"),t=require("./overrides/autocompleteOverrides.cjs.js"),o=require("./overrides/buttonBaseOverrides.cjs.js"),a=require("./overrides/checkboxOverrides.cjs.js"),d=require("./overrides/chipOverrides.cjs.js"),u=require("./overrides/formControlLabelOverrides.cjs.js"),n=require("./overrides/formHelperTextOverrides.cjs.js"),p=require("./overrides/formLabelOverrides.cjs.js"),l=require("./overrides/inputBaseOverrides.cjs.js"),c=require("./overrides/inputLabelOverrides.cjs.js"),v=require("./overrides/listItemTextOverrides.cjs.js"),m=require("./overrides/menuItemOverrides.cjs.js"),j=require("./overrides/menuOverrides.cjs.js"),h=require("./overrides/selectOverrides.cjs.js"),O=require("./overrides/textFieldOverrides.cjs.js"),b=require("./tokens/breakpoints/breakpoints.cjs.js"),y=require("./tokens/colours/semantic.cjs.js"),g=require("./tokens/radius/radius.cjs.js"),M=require("./tokens/shadows/shadows.cjs.js"),q=require("./tokens/typography/variant-mapping.cjs.js"),k=require("./typography.cjs.js");const x=x=>{const T={typography:k.typography,palette:"light"===x?y.lightColours:y.darkColours,radius:g.radius,breakpoints:{values:b.breakpointValues},customShadows:{...M.shadows}},B=e(T);return Object.keys(k.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],s=e;B.typography[s]={...B.typography[s],[B.breakpoints.down("tablet")]:{...k.getMobileTextStyle(r)}}})),e({...T,typography:B.typography,shape:{borderRadius:4},customShadows:B.customShadows,components:{MuiAlert:{defaultProps:{components:{CloseIcon:i}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:r.buttonStyleOverrides(B),MuiIconButton:s.iconButtonStyleOverrides(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:B.palette.divider}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:B.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${B.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:B.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:q.typographyVariantMapping}},MuiAutocomplete:t.autocompleteOverrides(B),MuiButtonBase:o.buttonBaseOverrides(),MuiCheckbox:a.checkboxOverrides(B),MuiChip:d.chipOverrides(B),MuiFormControlLabel:u.formControlLabelOverrides(B),MuiFormHelperText:n.formHelperTextOverrides(B),MuiFormLabel:p.formLabelOverrides(B),MuiInputBase:l.inputBaseOverrides(B),MuiInputLabel:c.inputLabelOverrides(B),MuiListItemText:v.listItemTextOverrides(B),MuiMenu:j.menuOverrides(B),MuiMenuItem:m.menuItemOverrides(B),MuiSelect:h.selectOverrides(B),MuiTextField:O.textFieldOverrides(B)}})},T=x("light"),B=x("dark");exports.darkTheme=B,exports.lightTheme=T;
+"use strict";var e=require("@mui/material/styles/createTheme"),r=require("../components/atoms/Button/buttonThemeOverrides.cjs.js"),s=require("../components/atoms/IconButton/iconButtonThemeOverrides.cjs.js"),i=require("../icons/Cancel/index.cjs.js"),t=require("./overrides/autocompleteOverrides.cjs.js"),o=require("./overrides/buttonBaseOverrides.cjs.js"),d=require("./overrides/checkboxOverrides.cjs.js"),a=require("./overrides/chipOverrides.cjs.js"),u=require("./overrides/formControlLabelOverrides.cjs.js"),n=require("./overrides/formHelperTextOverrides.cjs.js"),l=require("./overrides/formLabelOverrides.cjs.js"),p=require("./overrides/inputBaseOverrides.cjs.js"),c=require("./overrides/inputLabelOverrides.cjs.js"),v=require("./overrides/listItemTextOverrides.cjs.js"),j=require("./overrides/listSubheaderOverrides.cjs.js"),m=require("./overrides/menuItemOverrides.cjs.js"),h=require("./overrides/menuOverrides.cjs.js"),b=require("./overrides/selectOverrides.cjs.js"),O=require("./overrides/textFieldOverrides.cjs.js"),y=require("./tokens/breakpoints/breakpoints.cjs.js"),g=require("./tokens/colours/semantic.cjs.js"),M=require("./tokens/radius/radius.cjs.js"),q=require("./tokens/shadows/shadows.cjs.js"),k=require("./tokens/typography/variant-mapping.cjs.js"),x=require("./typography.cjs.js");const T=T=>{const B={typography:x.typography,palette:"light"===T?g.lightColours:g.darkColours,radius:M.radius,breakpoints:{values:y.breakpointValues},customShadows:{...q.shadows}},f=e(B);return Object.keys(x.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],s=e;f.typography[s]={...f.typography[s],[f.breakpoints.down("tablet")]:{...x.getMobileTextStyle(r)}}})),e({...B,typography:f.typography,shape:{borderRadius:4},customShadows:f.customShadows,components:{MuiAlert:{defaultProps:{components:{CloseIcon:i}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:r.buttonStyleOverrides(f),MuiIconButton:s.iconButtonStyleOverrides(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:f.palette.divider}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:f.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${f.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:f.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:k.typographyVariantMapping}},MuiAutocomplete:t.autocompleteOverrides(f),MuiButtonBase:o.buttonBaseOverrides(),MuiCheckbox:d.checkboxOverrides(f),MuiChip:a.chipOverrides(f),MuiFormControlLabel:u.formControlLabelOverrides(f),MuiFormHelperText:n.formHelperTextOverrides(f),MuiFormLabel:l.formLabelOverrides(f),MuiInputBase:p.inputBaseOverrides(f),MuiInputLabel:c.inputLabelOverrides(f),MuiListItemText:v.listItemTextOverrides(f),MuiListSubheader:j.listSubheaderOverrides(f),MuiMenu:h.menuOverrides(f),MuiMenuItem:m.menuItemOverrides(f),MuiSelect:b.selectOverrides(f),MuiTextField:O.textFieldOverrides(f)}})},B=T("light"),f=T("dark");exports.darkTheme=f,exports.lightTheme=B;
 //# sourceMappingURL=flipdishPublicTheme.cjs.js.map

package/dist/themes/flipdishPublicTheme.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { autocompleteOverrides } from './overrides/autocompleteOverrides';\nimport { buttonBaseOverrides } from './overrides/buttonBaseOverrides';\nimport { checkboxOverrides } from './overrides/checkboxOverrides';\nimport { chipOverrides } from './overrides/chipOverrides';\nimport { formControlLabelOverrides } from './overrides/formControlLabelOverrides';\nimport { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { formLabelOverrides } from './overrides/formLabelOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { listItemTextOverrides } from './overrides/listItemTextOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\nimport { menuOverrides } from './overrides/menuOverrides';\nimport { selectOverrides } from './overrides/selectOverrides';\nimport { textFieldOverrides } from './overrides/textFieldOverrides';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n    customShadows: {\n      ...shadows,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: baseTheme.customShadows,\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\n      MuiIconButton: iconButtonStyleOverrides(),\n      MuiCard: {\n        styleOverrides: {\n          root: {\n            boxShadow: 'none',\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: baseTheme.palette.divider,\n          },\n        },\n      },\n      MuiListItemButton: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n      MuiAutocomplete: autocompleteOverrides(baseTheme),\n      MuiButtonBase: buttonBaseOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(baseTheme),\n      MuiChip: chipOverrides(baseTheme),\n      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiListItemText: listItemTextOverrides(baseTheme),\n      MuiMenu: menuOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(baseTheme),\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","customShadows","shadows","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiAutocomplete","autocompleteOverrides","MuiButtonBase","buttonBaseOverrides","MuiCheckbox","checkboxOverrides","MuiChip","chipOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormHelperText","formHelperTextOverrides","MuiFormLabel","formLabelOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"4tCA2BA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAAA,WACAC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAAA,mBAC3CC,EAAAA,OACAC,YAAa,CACXC,OAAQC,EAAAA,kBAEVC,cAAe,IACVC,EAAAA,UAGDC,EAAYC,EAAYZ,GAoB9B,OAbAa,OAAOC,KAAKb,EAAAA,YAAYc,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUV,WAAWkB,GAAiB,IACjCR,EAAUV,WAAWkB,GACxB,CAACR,EAAUL,YAAYc,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdZ,EACHC,WAAYU,EAAUV,WACtBqB,MAAO,CACLC,aAAc,GAEhBd,cAAeE,EAAUF,cACzBe,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAAA,qBAAqB3B,GAChC4B,cAAeC,EAAAA,2BACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUT,QAAQ4C,WAIrCC,kBAAmB,CACjBlB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAaxC,EAAUT,QAAQ+C,SAASG,OAAO,qBAKrEC,YAAa,CACXxB,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb7B,aAAc,CACZ8B,eAAgBC,EAAAA,2BAGpBC,gBAAiBC,EAAAA,sBAAsBhD,GACvCiD,cAAeC,EAAAA,sBACfC,YAAaC,EAAAA,kBAAkBpD,GAC/BqD,QAASC,EAAAA,cAActD,GACvBuD,oBAAqBC,EAAAA,0BAA0BxD,GAC/CyD,kBAAmBC,EAAAA,wBAAwB1D,GAC3C2D,aAAcC,EAAAA,mBAAmB5D,GACjC6D,aAAcC,EAAAA,mBAAmB9D,GACjC+D,cAAeC,EAAAA,oBAAoBhE,GACnCiE,gBAAiBC,EAAAA,sBAAsBlE,GACvCmE,QAASC,EAAAA,cAAcpE,GACvBqE,YAAaC,EAAAA,kBAAkBtE,GAC/BuE,UAAWC,EAAAA,gBAAgBxE,GAC3ByE,aAAcC,EAAAA,mBAAmB1E,OAK1B2E,EAAaxF,EAA2B,SACxCyF,EAAYzF,EAA2B"}
+{"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { autocompleteOverrides } from './overrides/autocompleteOverrides';\nimport { buttonBaseOverrides } from './overrides/buttonBaseOverrides';\nimport { checkboxOverrides } from './overrides/checkboxOverrides';\nimport { chipOverrides } from './overrides/chipOverrides';\nimport { formControlLabelOverrides } from './overrides/formControlLabelOverrides';\nimport { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { formLabelOverrides } from './overrides/formLabelOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { listItemTextOverrides } from './overrides/listItemTextOverrides';\nimport { listSubheaderOverrides } from './overrides/listSubheaderOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\nimport { menuOverrides } from './overrides/menuOverrides';\nimport { selectOverrides } from './overrides/selectOverrides';\nimport { textFieldOverrides } from './overrides/textFieldOverrides';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n    customShadows: {\n      ...shadows,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: baseTheme.customShadows,\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\n      MuiIconButton: iconButtonStyleOverrides(),\n      MuiCard: {\n        styleOverrides: {\n          root: {\n            boxShadow: 'none',\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: baseTheme.palette.divider,\n          },\n        },\n      },\n      MuiListItemButton: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n      MuiAutocomplete: autocompleteOverrides(baseTheme),\n      MuiButtonBase: buttonBaseOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(baseTheme),\n      MuiChip: chipOverrides(baseTheme),\n      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiListItemText: listItemTextOverrides(baseTheme),\n      MuiListSubheader: listSubheaderOverrides(baseTheme),\n      MuiMenu: menuOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(baseTheme),\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","customShadows","shadows","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiAutocomplete","autocompleteOverrides","MuiButtonBase","buttonBaseOverrides","MuiCheckbox","checkboxOverrides","MuiChip","chipOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormHelperText","formHelperTextOverrides","MuiFormLabel","formLabelOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiListSubheader","listSubheaderOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"mxCA4BA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAAA,WACAC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAAA,mBAC3CC,EAAAA,OACAC,YAAa,CACXC,OAAQC,EAAAA,kBAEVC,cAAe,IACVC,EAAAA,UAGDC,EAAYC,EAAYZ,GAoB9B,OAbAa,OAAOC,KAAKb,EAAAA,YAAYc,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUV,WAAWkB,GAAiB,IACjCR,EAAUV,WAAWkB,GACxB,CAACR,EAAUL,YAAYc,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdZ,EACHC,WAAYU,EAAUV,WACtBqB,MAAO,CACLC,aAAc,GAEhBd,cAAeE,EAAUF,cACzBe,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAAA,qBAAqB3B,GAChC4B,cAAeC,EAAAA,2BACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUT,QAAQ4C,WAIrCC,kBAAmB,CACjBlB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAaxC,EAAUT,QAAQ+C,SAASG,OAAO,qBAKrEC,YAAa,CACXxB,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb7B,aAAc,CACZ8B,eAAgBC,EAAAA,2BAGpBC,gBAAiBC,EAAAA,sBAAsBhD,GACvCiD,cAAeC,EAAAA,sBACfC,YAAaC,EAAAA,kBAAkBpD,GAC/BqD,QAASC,EAAAA,cAActD,GACvBuD,oBAAqBC,EAAAA,0BAA0BxD,GAC/CyD,kBAAmBC,EAAAA,wBAAwB1D,GAC3C2D,aAAcC,EAAAA,mBAAmB5D,GACjC6D,aAAcC,EAAAA,mBAAmB9D,GACjC+D,cAAeC,EAAAA,oBAAoBhE,GACnCiE,gBAAiBC,EAAAA,sBAAsBlE,GACvCmE,iBAAkBC,EAAAA,uBAAuBpE,GACzCqE,QAASC,EAAAA,cAActE,GACvBuE,YAAaC,EAAAA,kBAAkBxE,GAC/ByE,UAAWC,EAAAA,gBAAgB1E,GAC3B2E,aAAcC,EAAAA,mBAAmB5E,OAK1B6E,EAAa1F,EAA2B,SACxC2F,EAAY3F,EAA2B"}

package/dist/themes/flipdishPublicTheme.js

@@ -1,2 +1,2 @@
-import r from"@mui/material/styles/createTheme";import{buttonStyleOverrides as e}from"../components/atoms/Button/buttonThemeOverrides.js";import{iconButtonStyleOverrides as o}from"../components/atoms/IconButton/iconButtonThemeOverrides.js";import t from"../icons/Cancel/index.js";import{autocompleteOverrides as i}from"./overrides/autocompleteOverrides.js";import{buttonBaseOverrides as s}from"./overrides/buttonBaseOverrides.js";import{checkboxOverrides as m}from"./overrides/checkboxOverrides.js";import{chipOverrides as p}from"./overrides/chipOverrides.js";import{formControlLabelOverrides as a}from"./overrides/formControlLabelOverrides.js";import{formHelperTextOverrides as d}from"./overrides/formHelperTextOverrides.js";import{formLabelOverrides as n}from"./overrides/formLabelOverrides.js";import{inputBaseOverrides as u}from"./overrides/inputBaseOverrides.js";import{inputLabelOverrides as l}from"./overrides/inputLabelOverrides.js";import{listItemTextOverrides as v}from"./overrides/listItemTextOverrides.js";import{menuItemOverrides as c}from"./overrides/menuItemOverrides.js";import{menuOverrides as f}from"./overrides/menuOverrides.js";import{selectOverrides as h}from"./overrides/selectOverrides.js";import{textFieldOverrides as b}from"./overrides/textFieldOverrides.js";import{breakpointValues as y}from"./tokens/breakpoints/breakpoints.js";import{lightColours as M,darkColours as j}from"./tokens/colours/semantic.js";import{radius as g}from"./tokens/radius/radius.js";import{shadows as O}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as k}from"./tokens/typography/variant-mapping.js";import{typography as x,getMobileTextStyle as B}from"./typography.js";const T=T=>{const w={typography:x,palette:"light"===T?M:j,radius:g,breakpoints:{values:y},customShadows:{...O}},C=r(w);return Object.keys(x).forEach((r=>{const e=r.split(/(?=[A-Z])/)[0],o=r;C.typography[o]={...C.typography[o],[C.breakpoints.down("tablet")]:{...B(e)}}})),r({...w,typography:C.typography,shape:{borderRadius:4},customShadows:C.customShadows,components:{MuiAlert:{defaultProps:{components:{CloseIcon:t}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:e(C),MuiIconButton:o(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:C.palette.divider}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:C.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${C.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:C.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:k}},MuiAutocomplete:i(C),MuiButtonBase:s(),MuiCheckbox:m(C),MuiChip:p(C),MuiFormControlLabel:a(C),MuiFormHelperText:d(C),MuiFormLabel:n(C),MuiInputBase:u(C),MuiInputLabel:l(C),MuiListItemText:v(C),MuiMenu:f(C),MuiMenuItem:c(C),MuiSelect:h(C),MuiTextField:b(C)}})},w=T("light"),C=T("dark");export{C as darkTheme,w as lightTheme};
+import r from"@mui/material/styles/createTheme";import{buttonStyleOverrides as e}from"../components/atoms/Button/buttonThemeOverrides.js";import{iconButtonStyleOverrides as o}from"../components/atoms/IconButton/iconButtonThemeOverrides.js";import t from"../icons/Cancel/index.js";import{autocompleteOverrides as i}from"./overrides/autocompleteOverrides.js";import{buttonBaseOverrides as s}from"./overrides/buttonBaseOverrides.js";import{checkboxOverrides as m}from"./overrides/checkboxOverrides.js";import{chipOverrides as p}from"./overrides/chipOverrides.js";import{formControlLabelOverrides as a}from"./overrides/formControlLabelOverrides.js";import{formHelperTextOverrides as d}from"./overrides/formHelperTextOverrides.js";import{formLabelOverrides as n}from"./overrides/formLabelOverrides.js";import{inputBaseOverrides as u}from"./overrides/inputBaseOverrides.js";import{inputLabelOverrides as l}from"./overrides/inputLabelOverrides.js";import{listItemTextOverrides as v}from"./overrides/listItemTextOverrides.js";import{listSubheaderOverrides as c}from"./overrides/listSubheaderOverrides.js";import{menuItemOverrides as f}from"./overrides/menuItemOverrides.js";import{menuOverrides as h}from"./overrides/menuOverrides.js";import{selectOverrides as b}from"./overrides/selectOverrides.js";import{textFieldOverrides as M}from"./overrides/textFieldOverrides.js";import{breakpointValues as j}from"./tokens/breakpoints/breakpoints.js";import{lightColours as y,darkColours as g}from"./tokens/colours/semantic.js";import{radius as O}from"./tokens/radius/radius.js";import{shadows as k}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as x}from"./tokens/typography/variant-mapping.js";import{typography as B,getMobileTextStyle as T}from"./typography.js";const w=w=>{const C={typography:B,palette:"light"===w?y:g,radius:O,breakpoints:{values:j},customShadows:{...k}},I=r(C);return Object.keys(B).forEach((r=>{const e=r.split(/(?=[A-Z])/)[0],o=r;I.typography[o]={...I.typography[o],[I.breakpoints.down("tablet")]:{...T(e)}}})),r({...C,typography:I.typography,shape:{borderRadius:4},customShadows:I.customShadows,components:{MuiAlert:{defaultProps:{components:{CloseIcon:t}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:e(I),MuiIconButton:o(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:I.palette.divider}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:I.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${I.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:I.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:x}},MuiAutocomplete:i(I),MuiButtonBase:s(),MuiCheckbox:m(I),MuiChip:p(I),MuiFormControlLabel:a(I),MuiFormHelperText:d(I),MuiFormLabel:n(I),MuiInputBase:u(I),MuiInputLabel:l(I),MuiListItemText:v(I),MuiListSubheader:c(I),MuiMenu:h(I),MuiMenuItem:f(I),MuiSelect:b(I),MuiTextField:M(I)}})},C=w("light"),I=w("dark");export{I as darkTheme,C as lightTheme};
 //# sourceMappingURL=flipdishPublicTheme.js.map

package/dist/themes/flipdishPublicTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { autocompleteOverrides } from './overrides/autocompleteOverrides';\nimport { buttonBaseOverrides } from './overrides/buttonBaseOverrides';\nimport { checkboxOverrides } from './overrides/checkboxOverrides';\nimport { chipOverrides } from './overrides/chipOverrides';\nimport { formControlLabelOverrides } from './overrides/formControlLabelOverrides';\nimport { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { formLabelOverrides } from './overrides/formLabelOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { listItemTextOverrides } from './overrides/listItemTextOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\nimport { menuOverrides } from './overrides/menuOverrides';\nimport { selectOverrides } from './overrides/selectOverrides';\nimport { textFieldOverrides } from './overrides/textFieldOverrides';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n    customShadows: {\n      ...shadows,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: baseTheme.customShadows,\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\n      MuiIconButton: iconButtonStyleOverrides(),\n      MuiCard: {\n        styleOverrides: {\n          root: {\n            boxShadow: 'none',\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: baseTheme.palette.divider,\n          },\n        },\n      },\n      MuiListItemButton: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n      MuiAutocomplete: autocompleteOverrides(baseTheme),\n      MuiButtonBase: buttonBaseOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(baseTheme),\n      MuiChip: chipOverrides(baseTheme),\n      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiListItemText: listItemTextOverrides(baseTheme),\n      MuiMenu: menuOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(baseTheme),\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","customShadows","shadows","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiAutocomplete","autocompleteOverrides","MuiButtonBase","buttonBaseOverrides","MuiCheckbox","checkboxOverrides","MuiChip","chipOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormHelperText","formHelperTextOverrides","MuiFormLabel","formLabelOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"wpDA2BA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,GAEVC,cAAe,IACVC,IAGDC,EAAYC,EAAYZ,GAoB9B,OAbAa,OAAOC,KAAKb,GAAYc,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUV,WAAWkB,GAAiB,IACjCR,EAAUV,WAAWkB,GACxB,CAACR,EAAUL,YAAYc,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdZ,EACHC,WAAYU,EAAUV,WACtBqB,MAAO,CACLC,aAAc,GAEhBd,cAAeE,EAAUF,cACzBe,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB3B,GAChC4B,cAAeC,IACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUT,QAAQ4C,WAIrCC,kBAAmB,CACjBlB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAaxC,EAAUT,QAAQ+C,SAASG,OAAO,qBAKrEC,YAAa,CACXxB,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb7B,aAAc,CACZ8B,eAAgBC,IAGpBC,gBAAiBC,EAAsBhD,GACvCiD,cAAeC,IACfC,YAAaC,EAAkBpD,GAC/BqD,QAASC,EAActD,GACvBuD,oBAAqBC,EAA0BxD,GAC/CyD,kBAAmBC,EAAwB1D,GAC3C2D,aAAcC,EAAmB5D,GACjC6D,aAAcC,EAAmB9D,GACjC+D,cAAeC,EAAoBhE,GACnCiE,gBAAiBC,EAAsBlE,GACvCmE,QAASC,EAAcpE,GACvBqE,YAAaC,EAAkBtE,GAC/BuE,UAAWC,EAAgBxE,GAC3ByE,aAAcC,EAAmB1E,OAK1B2E,EAAaxF,EAA2B,SACxCyF,EAAYzF,EAA2B"}
+{"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { autocompleteOverrides } from './overrides/autocompleteOverrides';\nimport { buttonBaseOverrides } from './overrides/buttonBaseOverrides';\nimport { checkboxOverrides } from './overrides/checkboxOverrides';\nimport { chipOverrides } from './overrides/chipOverrides';\nimport { formControlLabelOverrides } from './overrides/formControlLabelOverrides';\nimport { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { formLabelOverrides } from './overrides/formLabelOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { listItemTextOverrides } from './overrides/listItemTextOverrides';\nimport { listSubheaderOverrides } from './overrides/listSubheaderOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\nimport { menuOverrides } from './overrides/menuOverrides';\nimport { selectOverrides } from './overrides/selectOverrides';\nimport { textFieldOverrides } from './overrides/textFieldOverrides';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n  const themeOptions: ThemeOptions = {\n    typography,\n    palette: mode === 'light' ? lightColours : darkColours,\n    radius,\n    breakpoints: {\n      values: breakpointValues,\n    },\n    customShadows: {\n      ...shadows,\n    },\n  };\n  const baseTheme = createTheme(themeOptions);\n\n  /*\n    Add mobile text styles to typography\n    Has to be done using media queries, otherwise it isn't responsive :(\n    https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n  */\n  Object.keys(typography).forEach((key) => {\n    // only key before the suffix split by capital letter (h1Strong -> h1)\n    const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n    const typographyKey = key as keyof typeof typography;\n    baseTheme.typography[typographyKey] = {\n      ...baseTheme.typography[typographyKey],\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n      },\n    };\n  });\n\n  // Create final theme with component overrides and additional configurations\n  return createTheme({\n    ...themeOptions,\n    typography: baseTheme.typography,\n    shape: {\n      borderRadius: 4,\n    },\n    customShadows: baseTheme.customShadows,\n    components: {\n      MuiAlert: {\n        defaultProps: {\n          components: {\n            CloseIcon: CancelIcon,\n          },\n        },\n        styleOverrides: {\n          root: {\n            // TODO: Replace with borderRadius from tokens when implemented\n            borderRadius: '8px',\n            // TODO: Replace with spacing from tokens when implemented\n            padding: '24px',\n          },\n          icon: {\n            // TODO: Replace with spacing from tokens when implemented\n            marginRight: '12px',\n            padding: 0,\n          },\n          action: {\n            padding: 0,\n            '& button': {\n              marginTop: '-5px',\n            },\n          },\n          message: {\n            padding: 0,\n          },\n        },\n      },\n      MuiButton: buttonStyleOverrides(baseTheme),\n      MuiIconButton: iconButtonStyleOverrides(),\n      MuiCard: {\n        styleOverrides: {\n          root: {\n            boxShadow: 'none',\n            borderWidth: '1px',\n            borderStyle: 'solid',\n            borderColor: baseTheme.palette.divider,\n          },\n        },\n      },\n      MuiListItemButton: {\n        styleOverrides: {\n          root: {\n            '&:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n            },\n            '&:not(:last-child)': {\n              borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n            },\n          },\n        },\n      },\n      MuiTableRow: {\n        styleOverrides: {\n          root: {\n            '&.MuiTableRow-hover:hover': {\n              backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n              cursor: 'pointer',\n            },\n          },\n        },\n      },\n      MuiTypography: {\n        defaultProps: {\n          variantMapping: typographyVariantMapping,\n        },\n      },\n      MuiAutocomplete: autocompleteOverrides(baseTheme),\n      MuiButtonBase: buttonBaseOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(baseTheme),\n      MuiChip: chipOverrides(baseTheme),\n      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiListItemText: listItemTextOverrides(baseTheme),\n      MuiListSubheader: listSubheaderOverrides(baseTheme),\n      MuiMenu: menuOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(baseTheme),\n    },\n  });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","customShadows","shadows","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiAutocomplete","autocompleteOverrides","MuiButtonBase","buttonBaseOverrides","MuiCheckbox","checkboxOverrides","MuiChip","chipOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormHelperText","formHelperTextOverrides","MuiFormLabel","formLabelOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiListSubheader","listSubheaderOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"uuDA4BA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,GAEVC,cAAe,IACVC,IAGDC,EAAYC,EAAYZ,GAoB9B,OAbAa,OAAOC,KAAKb,GAAYc,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUV,WAAWkB,GAAiB,IACjCR,EAAUV,WAAWkB,GACxB,CAACR,EAAUL,YAAYc,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdZ,EACHC,WAAYU,EAAUV,WACtBqB,MAAO,CACLC,aAAc,GAEhBd,cAAeE,EAAUF,cACzBe,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJP,aAAc,MAEdQ,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB3B,GAChC4B,cAAeC,IACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUT,QAAQ4C,WAIrCC,kBAAmB,CACjBlB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAaxC,EAAUT,QAAQ+C,SAASG,OAAO,qBAKrEC,YAAa,CACXxB,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BkB,gBAAiBrC,EAAUT,QAAQ+C,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb7B,aAAc,CACZ8B,eAAgBC,IAGpBC,gBAAiBC,EAAsBhD,GACvCiD,cAAeC,IACfC,YAAaC,EAAkBpD,GAC/BqD,QAASC,EAActD,GACvBuD,oBAAqBC,EAA0BxD,GAC/CyD,kBAAmBC,EAAwB1D,GAC3C2D,aAAcC,EAAmB5D,GACjC6D,aAAcC,EAAmB9D,GACjC+D,cAAeC,EAAoBhE,GACnCiE,gBAAiBC,EAAsBlE,GACvCmE,iBAAkBC,EAAuBpE,GACzCqE,QAASC,EAActE,GACvBuE,YAAaC,EAAkBxE,GAC/ByE,UAAWC,EAAgB1E,GAC3B2E,aAAcC,EAAmB5E,OAK1B6E,EAAa1F,EAA2B,SACxC2F,EAAY3F,EAA2B"}

package/dist/themes/overrides/listSubheaderOverrides.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");var e=require("../typography.cjs.js");const t=t=>({styleOverrides:{root:{...e.typography.captionStrong,color:t.palette.semantic.text["text-weak"],padding:t.spacing(2,2,1),[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("caption")}}}});exports.default=t,exports.listSubheaderOverrides=t;
+//# sourceMappingURL=listSubheaderOverrides.cjs.js.map

package/dist/themes/overrides/listSubheaderOverrides.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listSubheaderOverrides.cjs.js","sources":["../../../src/themes/overrides/listSubheaderOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const listSubheaderOverrides = (theme: Theme): Components<Theme>['MuiListSubheader'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionStrong,\n      color: theme.palette.semantic.text['text-weak'],\n      padding: theme.spacing(2, 2, 1),\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default listSubheaderOverrides;\n"],"names":["listSubheaderOverrides","theme","styleOverrides","root","typography","captionStrong","color","palette","semantic","text","padding","spacing","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAA0BC,IAAY,CACjDC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,cACdC,MAAOL,EAAMM,QAAQC,SAASC,KAAK,aACnCC,QAAST,EAAMU,QAAQ,EAAG,EAAG,GAE7B,CAACV,EAAMW,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB"}

package/dist/themes/overrides/listSubheaderOverrides.d.ts

@@ -0,0 +1,5 @@
+import { Theme, Components } from '@mui/material/styles';
+
+declare const listSubheaderOverrides: (theme: Theme) => Components<Theme>['MuiListSubheader'];
+
+export { listSubheaderOverrides as default, listSubheaderOverrides };

package/dist/themes/overrides/listSubheaderOverrides.js

@@ -0,0 +1,2 @@
+import"@mui/material/styles";import{getMobileTextStyle as t,typography as e}from"../typography.js";const o=o=>({styleOverrides:{root:{...e.captionStrong,color:o.palette.semantic.text["text-weak"],padding:o.spacing(2,2,1),[o.breakpoints.down("tablet")]:{...t("caption")}}}});export{o as default,o as listSubheaderOverrides};
+//# sourceMappingURL=listSubheaderOverrides.js.map

package/dist/themes/overrides/listSubheaderOverrides.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listSubheaderOverrides.js","sources":["../../../src/themes/overrides/listSubheaderOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const listSubheaderOverrides = (theme: Theme): Components<Theme>['MuiListSubheader'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionStrong,\n      color: theme.palette.semantic.text['text-weak'],\n      padding: theme.spacing(2, 2, 1),\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default listSubheaderOverrides;\n"],"names":["listSubheaderOverrides","theme","styleOverrides","root","typography","captionStrong","color","palette","semantic","text","padding","spacing","breakpoints","down","getMobileTextStyle"],"mappings":"yGAIaA,EAA0BC,IAAY,CACjDC,eAAgB,CACdC,KAAM,IACDC,EAAWC,cACdC,MAAOL,EAAMM,QAAQC,SAASC,KAAK,aACnCC,QAAST,EAAMU,QAAQ,EAAG,EAAG,GAE7B,CAACV,EAAMW,YAAYC,KAAK,WAAY,IAC/BC,EAAmB"}

package/dist/themes/overrides/menuItemOverrides.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");var e=require("../typography.cjs.js");const t=t=>({defaultProps:{autoFocus:!1,disableRipple:!0,disableTouchRipple:!0,focusRipple:!1},styleOverrides:{root:{...e.typography.b1Weak,alignItems:"center",backgroundColor:t.palette.semantic.background["background-overlay"],color:t.palette.semantic.text["text-strong"],display:"flex",gap:t.spacing(1.5),justifyContent:"flex-start",padding:t.spacing(1.5,2),"& svg":{color:t.palette.semantic.icon["icon-strong"]},"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto","& .MuiListItemText-primary":{color:t.palette.semantic.text["text-disabled"]},"& .MuiListItemText-secondary":{color:t.palette.semantic.text["text-disabled"]},"& svg":{color:t.palette.semantic.icon["icon-disabled"]},"&:hover":{backgroundColor:t.palette.semantic.background["background-overlay"],color:t.palette.semantic.text["text-disabled"]}},"&&.Mui-selected":{backgroundColor:`${t.palette.semantic.fill["fill-weak"]} !important`,color:t.palette.semantic.text["text-primary"],"& .MuiListItemText-primary":{color:t.palette.semantic.text["text-primary"]},"& svg":{color:t.palette.semantic.icon["icon-primary"]},"&:hover":{backgroundColor:`${t.palette.semantic.fill["fill-hover"]} !important`,color:t.palette.semantic.text["text-primary"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:t.palette.semantic.fill["fill-weak"]}},"&:hover:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-strong"]},"&:active:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-strong"]},"&&:focus-visible, &&.Mui-focusVisible":{backgroundColor:t.palette.semantic.background["background-overlay"],outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"-2px"},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("b1")}}}});exports.default=t,exports.menuItemOverrides=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");var e=require("../typography.cjs.js");const t=t=>({defaultProps:{autoFocus:!1,disableRipple:!0,disableTouchRipple:!0,focusRipple:!1},styleOverrides:{root:{...e.typography.b1Weak,alignItems:"center",backgroundColor:t.palette.semantic.background["background-overlay"],color:t.palette.semantic.text["text-strong"],display:"flex",gap:t.spacing(1.5),justifyContent:"flex-start",padding:t.spacing(1.5,2),"& svg":{color:t.palette.semantic.icon["icon-strong"]},"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto","& .MuiListItemText-primary":{color:t.palette.semantic.text["text-disabled"]},"& .MuiListItemText-secondary":{color:t.palette.semantic.text["text-disabled"]},"& .fd-MenuItem-startAdornment svg":{color:t.palette.semantic.icon["icon-disabled"]},"&:hover":{backgroundColor:t.palette.semantic.background["background-overlay"],color:t.palette.semantic.text["text-disabled"]}},'&&.Mui-selected, &&[aria-selected="true"]':{backgroundColor:`${t.palette.semantic.fill["fill-weak"]} !important`,color:t.palette.semantic.text["text-primary"],"& .MuiListItemText-primary":{color:t.palette.semantic.text["text-primary"]},"& .fd-MenuItem-startAdornment svg":{color:t.palette.semantic.icon["icon-primary"]},"&:hover":{backgroundColor:`${t.palette.semantic.fill["fill-hover"]} !important`,color:t.palette.semantic.text["text-primary"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:t.palette.semantic.fill["fill-weak"]}},"&:hover:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-strong"]},"&:active:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-strong"]},"&&:focus-visible, &&.Mui-focusVisible":{backgroundColor:t.palette.semantic.background["background-overlay"],outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"-2px"},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("b1")}}}});exports.default=t,exports.menuItemOverrides=t;
 //# sourceMappingURL=menuItemOverrides.cjs.js.map

package/dist/themes/overrides/menuItemOverrides.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItemOverrides.cjs.js","sources":["../../../src/themes/overrides/menuItemOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const menuItemOverrides = (theme: Theme): Components<Theme>['MuiMenuItem'] => ({\n  defaultProps: {\n    autoFocus: false,\n    disableRipple: true,\n    disableTouchRipple: true,\n    focusRipple: false,\n  },\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      alignItems: 'center',\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      color: theme.palette.semantic.text['text-strong'],\n      display: 'flex',\n      gap: theme.spacing(1.5),\n      justifyContent: 'flex-start',\n      padding: theme.spacing(1.5, 2),\n\n      '& svg': {\n        color: theme.palette.semantic.icon['icon-strong'],\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .MuiListItemText-secondary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.semantic.background['background-overlay'],\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n      },\n      '&&.Mui-selected': {\n        backgroundColor: `${theme.palette.semantic.fill['fill-weak']} !important`,\n        color: theme.palette.semantic.text['text-primary'],\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-primary'],\n        },\n        '&:hover': {\n          backgroundColor: `${theme.palette.semantic.fill['fill-hover']} !important`,\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '&:focus-visible, &.Mui-focusVisible': {\n          backgroundColor: theme.palette.semantic.fill['fill-weak'],\n        },\n      },\n      '&:hover:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-hover'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&:active:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-press'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&&:focus-visible, &&.Mui-focusVisible': {\n        backgroundColor: theme.palette.semantic.background['background-overlay'],\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '-2px',\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n      },\n    },\n  },\n});\n\nexport default menuItemOverrides;\n"],"names":["menuItemOverrides","theme","defaultProps","autoFocus","disableRipple","disableTouchRipple","focusRipple","styleOverrides","root","typography","b1Weak","alignItems","backgroundColor","palette","semantic","background","color","text","display","gap","spacing","justifyContent","padding","icon","cursor","opacity","pointerEvents","fill","outline","stroke","outlineOffset","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAAqBC,IAAY,CAC5CC,aAAc,CACZC,WAAW,EACXC,eAAe,EACfC,oBAAoB,EACpBC,aAAa,GAEfC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,OACdC,WAAY,SACZC,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,eACnCC,QAAS,OACTC,IAAKlB,EAAMmB,QAAQ,KACnBC,eAAgB,aAChBC,QAASrB,EAAMmB,QAAQ,IAAK,GAE5B,QAAS,CACPJ,MAAOf,EAAMY,QAAQC,SAASS,KAAK,gBAErC,iBAAkB,CAChBP,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBACnCO,OAAQ,cACRC,QAAS,EACTC,cAAe,OAEf,6BAA8B,CAC5BV,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,+BAAgC,CAC9BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,QAAS,CACPD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,kBAErC,UAAW,CACTX,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,mBAGvC,kBAAmB,CACjBL,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,0BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAEnC,6BAA8B,CAC5BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,QAAS,CACPD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,iBAErC,UAAW,CACTX,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,2BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,sCAAuC,CACrCL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,eAGjD,gDAAiD,CAC/Cf,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,iDAAkD,CAChDL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,wCAAyC,CACvCL,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDa,QAAS,aAAa3B,EAAMY,QAAQC,SAASe,OAAO,kBACpDC,cAAe,QAGjB,CAAC7B,EAAM8B,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB"}
+{"version":3,"file":"menuItemOverrides.cjs.js","sources":["../../../src/themes/overrides/menuItemOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const menuItemOverrides = (theme: Theme): Components<Theme>['MuiMenuItem'] => ({\n  defaultProps: {\n    autoFocus: false,\n    disableRipple: true,\n    disableTouchRipple: true,\n    focusRipple: false,\n  },\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      alignItems: 'center',\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      color: theme.palette.semantic.text['text-strong'],\n      display: 'flex',\n      gap: theme.spacing(1.5),\n      justifyContent: 'flex-start',\n      padding: theme.spacing(1.5, 2),\n\n      '& svg': {\n        color: theme.palette.semantic.icon['icon-strong'],\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .MuiListItemText-secondary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .fd-MenuItem-startAdornment svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.semantic.background['background-overlay'],\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n      },\n      '&&.Mui-selected, &&[aria-selected=\"true\"]': {\n        backgroundColor: `${theme.palette.semantic.fill['fill-weak']} !important`,\n        color: theme.palette.semantic.text['text-primary'],\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '& .fd-MenuItem-startAdornment svg': {\n          color: theme.palette.semantic.icon['icon-primary'],\n        },\n        '&:hover': {\n          backgroundColor: `${theme.palette.semantic.fill['fill-hover']} !important`,\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '&:focus-visible, &.Mui-focusVisible': {\n          backgroundColor: theme.palette.semantic.fill['fill-weak'],\n        },\n      },\n      '&:hover:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-hover'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&:active:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-press'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&&:focus-visible, &&.Mui-focusVisible': {\n        backgroundColor: theme.palette.semantic.background['background-overlay'],\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '-2px',\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n      },\n    },\n  },\n});\n\nexport default menuItemOverrides;\n"],"names":["menuItemOverrides","theme","defaultProps","autoFocus","disableRipple","disableTouchRipple","focusRipple","styleOverrides","root","typography","b1Weak","alignItems","backgroundColor","palette","semantic","background","color","text","display","gap","spacing","justifyContent","padding","icon","cursor","opacity","pointerEvents","fill","outline","stroke","outlineOffset","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAAqBC,IAAY,CAC5CC,aAAc,CACZC,WAAW,EACXC,eAAe,EACfC,oBAAoB,EACpBC,aAAa,GAEfC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,OACdC,WAAY,SACZC,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,eACnCC,QAAS,OACTC,IAAKlB,EAAMmB,QAAQ,KACnBC,eAAgB,aAChBC,QAASrB,EAAMmB,QAAQ,IAAK,GAE5B,QAAS,CACPJ,MAAOf,EAAMY,QAAQC,SAASS,KAAK,gBAErC,iBAAkB,CAChBP,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBACnCO,OAAQ,cACRC,QAAS,EACTC,cAAe,OAEf,6BAA8B,CAC5BV,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,+BAAgC,CAC9BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,oCAAqC,CACnCD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,kBAErC,UAAW,CACTX,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,mBAGvC,4CAA6C,CAC3CL,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,0BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAEnC,6BAA8B,CAC5BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,oCAAqC,CACnCD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,iBAErC,UAAW,CACTX,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,2BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,sCAAuC,CACrCL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,eAGjD,gDAAiD,CAC/Cf,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,iDAAkD,CAChDL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,wCAAyC,CACvCL,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDa,QAAS,aAAa3B,EAAMY,QAAQC,SAASe,OAAO,kBACpDC,cAAe,QAGjB,CAAC7B,EAAM8B,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB"}

package/dist/themes/overrides/menuItemOverrides.js

@@ -1,2 +1,2 @@
-import"@mui/material/styles";import{getMobileTextStyle as t,typography as e}from"../typography.js";const o=o=>({defaultProps:{autoFocus:!1,disableRipple:!0,disableTouchRipple:!0,focusRipple:!1},styleOverrides:{root:{...e.b1Weak,alignItems:"center",backgroundColor:o.palette.semantic.background["background-overlay"],color:o.palette.semantic.text["text-strong"],display:"flex",gap:o.spacing(1.5),justifyContent:"flex-start",padding:o.spacing(1.5,2),"& svg":{color:o.palette.semantic.icon["icon-strong"]},"&.Mui-disabled":{color:o.palette.semantic.text["text-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto","& .MuiListItemText-primary":{color:o.palette.semantic.text["text-disabled"]},"& .MuiListItemText-secondary":{color:o.palette.semantic.text["text-disabled"]},"& svg":{color:o.palette.semantic.icon["icon-disabled"]},"&:hover":{backgroundColor:o.palette.semantic.background["background-overlay"],color:o.palette.semantic.text["text-disabled"]}},"&&.Mui-selected":{backgroundColor:`${o.palette.semantic.fill["fill-weak"]} !important`,color:o.palette.semantic.text["text-primary"],"& .MuiListItemText-primary":{color:o.palette.semantic.text["text-primary"]},"& svg":{color:o.palette.semantic.icon["icon-primary"]},"&:hover":{backgroundColor:`${o.palette.semantic.fill["fill-hover"]} !important`,color:o.palette.semantic.text["text-primary"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:o.palette.semantic.fill["fill-weak"]}},"&:hover:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-strong"]},"&:active:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-strong"]},"&&:focus-visible, &&.Mui-focusVisible":{backgroundColor:o.palette.semantic.background["background-overlay"],outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"-2px"},[o.breakpoints.down("tablet")]:{...t("b1")}}}});export{o as default,o as menuItemOverrides};
+import"@mui/material/styles";import{getMobileTextStyle as t,typography as e}from"../typography.js";const o=o=>({defaultProps:{autoFocus:!1,disableRipple:!0,disableTouchRipple:!0,focusRipple:!1},styleOverrides:{root:{...e.b1Weak,alignItems:"center",backgroundColor:o.palette.semantic.background["background-overlay"],color:o.palette.semantic.text["text-strong"],display:"flex",gap:o.spacing(1.5),justifyContent:"flex-start",padding:o.spacing(1.5,2),"& svg":{color:o.palette.semantic.icon["icon-strong"]},"&.Mui-disabled":{color:o.palette.semantic.text["text-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto","& .MuiListItemText-primary":{color:o.palette.semantic.text["text-disabled"]},"& .MuiListItemText-secondary":{color:o.palette.semantic.text["text-disabled"]},"& .fd-MenuItem-startAdornment svg":{color:o.palette.semantic.icon["icon-disabled"]},"&:hover":{backgroundColor:o.palette.semantic.background["background-overlay"],color:o.palette.semantic.text["text-disabled"]}},'&&.Mui-selected, &&[aria-selected="true"]':{backgroundColor:`${o.palette.semantic.fill["fill-weak"]} !important`,color:o.palette.semantic.text["text-primary"],"& .MuiListItemText-primary":{color:o.palette.semantic.text["text-primary"]},"& .fd-MenuItem-startAdornment svg":{color:o.palette.semantic.icon["icon-primary"]},"&:hover":{backgroundColor:`${o.palette.semantic.fill["fill-hover"]} !important`,color:o.palette.semantic.text["text-primary"]},"&:focus-visible, &.Mui-focusVisible":{backgroundColor:o.palette.semantic.fill["fill-weak"]}},"&:hover:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-strong"]},"&:active:not(.Mui-disabled):not(.Mui-selected)":{backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-strong"]},"&&:focus-visible, &&.Mui-focusVisible":{backgroundColor:o.palette.semantic.background["background-overlay"],outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"-2px"},[o.breakpoints.down("tablet")]:{...t("b1")}}}});export{o as default,o as menuItemOverrides};
 //# sourceMappingURL=menuItemOverrides.js.map

package/dist/themes/overrides/menuItemOverrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuItemOverrides.js","sources":["../../../src/themes/overrides/menuItemOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const menuItemOverrides = (theme: Theme): Components<Theme>['MuiMenuItem'] => ({\n  defaultProps: {\n    autoFocus: false,\n    disableRipple: true,\n    disableTouchRipple: true,\n    focusRipple: false,\n  },\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      alignItems: 'center',\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      color: theme.palette.semantic.text['text-strong'],\n      display: 'flex',\n      gap: theme.spacing(1.5),\n      justifyContent: 'flex-start',\n      padding: theme.spacing(1.5, 2),\n\n      '& svg': {\n        color: theme.palette.semantic.icon['icon-strong'],\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .MuiListItemText-secondary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.semantic.background['background-overlay'],\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n      },\n      '&&.Mui-selected': {\n        backgroundColor: `${theme.palette.semantic.fill['fill-weak']} !important`,\n        color: theme.palette.semantic.text['text-primary'],\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-primary'],\n        },\n        '&:hover': {\n          backgroundColor: `${theme.palette.semantic.fill['fill-hover']} !important`,\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '&:focus-visible, &.Mui-focusVisible': {\n          backgroundColor: theme.palette.semantic.fill['fill-weak'],\n        },\n      },\n      '&:hover:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-hover'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&:active:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-press'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&&:focus-visible, &&.Mui-focusVisible': {\n        backgroundColor: theme.palette.semantic.background['background-overlay'],\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '-2px',\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n      },\n    },\n  },\n});\n\nexport default menuItemOverrides;\n"],"names":["menuItemOverrides","theme","defaultProps","autoFocus","disableRipple","disableTouchRipple","focusRipple","styleOverrides","root","typography","b1Weak","alignItems","backgroundColor","palette","semantic","background","color","text","display","gap","spacing","justifyContent","padding","icon","cursor","opacity","pointerEvents","fill","outline","stroke","outlineOffset","breakpoints","down","getMobileTextStyle"],"mappings":"yGAIaA,EAAqBC,IAAY,CAC5CC,aAAc,CACZC,WAAW,EACXC,eAAe,EACfC,oBAAoB,EACpBC,aAAa,GAEfC,eAAgB,CACdC,KAAM,IACDC,EAAWC,OACdC,WAAY,SACZC,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,eACnCC,QAAS,OACTC,IAAKlB,EAAMmB,QAAQ,KACnBC,eAAgB,aAChBC,QAASrB,EAAMmB,QAAQ,IAAK,GAE5B,QAAS,CACPJ,MAAOf,EAAMY,QAAQC,SAASS,KAAK,gBAErC,iBAAkB,CAChBP,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBACnCO,OAAQ,cACRC,QAAS,EACTC,cAAe,OAEf,6BAA8B,CAC5BV,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,+BAAgC,CAC9BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,QAAS,CACPD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,kBAErC,UAAW,CACTX,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,mBAGvC,kBAAmB,CACjBL,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,0BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAEnC,6BAA8B,CAC5BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,QAAS,CACPD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,iBAErC,UAAW,CACTX,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,2BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,sCAAuC,CACrCL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,eAGjD,gDAAiD,CAC/Cf,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,iDAAkD,CAChDL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,wCAAyC,CACvCL,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDa,QAAS,aAAa3B,EAAMY,QAAQC,SAASe,OAAO,kBACpDC,cAAe,QAGjB,CAAC7B,EAAM8B,YAAYC,KAAK,WAAY,IAC/BC,EAAmB"}
+{"version":3,"file":"menuItemOverrides.js","sources":["../../../src/themes/overrides/menuItemOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const menuItemOverrides = (theme: Theme): Components<Theme>['MuiMenuItem'] => ({\n  defaultProps: {\n    autoFocus: false,\n    disableRipple: true,\n    disableTouchRipple: true,\n    focusRipple: false,\n  },\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      alignItems: 'center',\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      color: theme.palette.semantic.text['text-strong'],\n      display: 'flex',\n      gap: theme.spacing(1.5),\n      justifyContent: 'flex-start',\n      padding: theme.spacing(1.5, 2),\n\n      '& svg': {\n        color: theme.palette.semantic.icon['icon-strong'],\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .MuiListItemText-secondary': {\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n        '& .fd-MenuItem-startAdornment svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n        '&:hover': {\n          backgroundColor: theme.palette.semantic.background['background-overlay'],\n          color: theme.palette.semantic.text['text-disabled'],\n        },\n      },\n      '&&.Mui-selected, &&[aria-selected=\"true\"]': {\n        backgroundColor: `${theme.palette.semantic.fill['fill-weak']} !important`,\n        color: theme.palette.semantic.text['text-primary'],\n\n        '& .MuiListItemText-primary': {\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '& .fd-MenuItem-startAdornment svg': {\n          color: theme.palette.semantic.icon['icon-primary'],\n        },\n        '&:hover': {\n          backgroundColor: `${theme.palette.semantic.fill['fill-hover']} !important`,\n          color: theme.palette.semantic.text['text-primary'],\n        },\n        '&:focus-visible, &.Mui-focusVisible': {\n          backgroundColor: theme.palette.semantic.fill['fill-weak'],\n        },\n      },\n      '&:hover:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-hover'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&:active:not(.Mui-disabled):not(.Mui-selected)': {\n        backgroundColor: theme.palette.semantic.fill['fill-press'],\n        color: theme.palette.semantic.text['text-strong'],\n      },\n      '&&:focus-visible, &&.Mui-focusVisible': {\n        backgroundColor: theme.palette.semantic.background['background-overlay'],\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '-2px',\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n      },\n    },\n  },\n});\n\nexport default menuItemOverrides;\n"],"names":["menuItemOverrides","theme","defaultProps","autoFocus","disableRipple","disableTouchRipple","focusRipple","styleOverrides","root","typography","b1Weak","alignItems","backgroundColor","palette","semantic","background","color","text","display","gap","spacing","justifyContent","padding","icon","cursor","opacity","pointerEvents","fill","outline","stroke","outlineOffset","breakpoints","down","getMobileTextStyle"],"mappings":"yGAIaA,EAAqBC,IAAY,CAC5CC,aAAc,CACZC,WAAW,EACXC,eAAe,EACfC,oBAAoB,EACpBC,aAAa,GAEfC,eAAgB,CACdC,KAAM,IACDC,EAAWC,OACdC,WAAY,SACZC,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,eACnCC,QAAS,OACTC,IAAKlB,EAAMmB,QAAQ,KACnBC,eAAgB,aAChBC,QAASrB,EAAMmB,QAAQ,IAAK,GAE5B,QAAS,CACPJ,MAAOf,EAAMY,QAAQC,SAASS,KAAK,gBAErC,iBAAkB,CAChBP,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBACnCO,OAAQ,cACRC,QAAS,EACTC,cAAe,OAEf,6BAA8B,CAC5BV,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,+BAAgC,CAC9BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,kBAErC,oCAAqC,CACnCD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,kBAErC,UAAW,CACTX,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDC,MAAOf,EAAMY,QAAQC,SAASG,KAAK,mBAGvC,4CAA6C,CAC3CL,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,0BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAEnC,6BAA8B,CAC5BD,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,oCAAqC,CACnCD,MAAOf,EAAMY,QAAQC,SAASS,KAAK,iBAErC,UAAW,CACTX,gBAAiB,GAAGX,EAAMY,QAAQC,SAASa,KAAK,2BAChDX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,iBAErC,sCAAuC,CACrCL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,eAGjD,gDAAiD,CAC/Cf,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,iDAAkD,CAChDL,gBAAiBX,EAAMY,QAAQC,SAASa,KAAK,cAC7CX,MAAOf,EAAMY,QAAQC,SAASG,KAAK,gBAErC,wCAAyC,CACvCL,gBAAiBX,EAAMY,QAAQC,SAASC,WAAW,sBACnDa,QAAS,aAAa3B,EAAMY,QAAQC,SAASe,OAAO,kBACpDC,cAAe,QAGjB,CAAC7B,EAAM8B,YAAYC,KAAK,WAAY,IAC/BC,EAAmB"}

package/dist/themes/overrides/menuOverrides.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");const e=e=>({defaultProps:{autoFocus:!0,disableAutoFocusItem:!1},styleOverrides:{paper:{backgroundColor:e.palette.semantic.background["background-overlay"],border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],borderRadius:e.radius["radius-8"],boxShadow:e.customShadows.overlay,margin:e.spacing(.5,0)},list:{backgroundColor:e.palette.semantic.background["background-overlay"],padding:e.spacing(1,0)}}});exports.default=e,exports.menuOverrides=e;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");const e=e=>({defaultProps:{autoFocus:!0,disableAutoFocusItem:!1},styleOverrides:{paper:{backgroundColor:e.palette.semantic.background["background-overlay"],border:"1px solid",borderColor:e.palette.semantic.stroke["stroke-weak"],borderRadius:e.radius["radius-8"],boxShadow:e.customShadows.overlay,margin:e.spacing(.5,0),minWidth:278},list:{backgroundColor:e.palette.semantic.background["background-overlay"],padding:e.spacing(1,0)}}});exports.default=e,exports.menuOverrides=e;
 //# sourceMappingURL=menuOverrides.cjs.js.map

package/dist/themes/overrides/menuOverrides.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuOverrides.cjs.js","sources":["../../../src/themes/overrides/menuOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const menuOverrides = (theme: Theme): Components<Theme>['MuiMenu'] => ({\n  defaultProps: {\n    autoFocus: true,\n    disableAutoFocusItem: false,\n  },\n  styleOverrides: {\n    paper: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      borderRadius: theme.radius['radius-8'],\n      boxShadow: theme.customShadows.overlay,\n      margin: theme.spacing(0.5, 0),\n    },\n    list: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      padding: theme.spacing(1, 0),\n    },\n  },\n});\n\nexport default menuOverrides;\n"],"names":["menuOverrides","theme","defaultProps","autoFocus","disableAutoFocusItem","styleOverrides","paper","backgroundColor","palette","semantic","background","border","borderColor","stroke","borderRadius","radius","boxShadow","customShadows","overlay","margin","spacing","list","padding"],"mappings":"0GAEaA,EAAiBC,IAAY,CACxCC,aAAc,CACZC,WAAW,EACXC,sBAAsB,GAExBC,eAAgB,CACdC,MAAO,CACLC,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDC,OAAQ,YACRC,YAAaX,EAAMO,QAAQC,SAASI,OAAO,eAC3CC,aAAcb,EAAMc,OAAO,YAC3BC,UAAWf,EAAMgB,cAAcC,QAC/BC,OAAQlB,EAAMmB,QAAQ,GAAK,IAE7BC,KAAM,CACJd,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDY,QAASrB,EAAMmB,QAAQ,EAAG"}
+{"version":3,"file":"menuOverrides.cjs.js","sources":["../../../src/themes/overrides/menuOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const menuOverrides = (theme: Theme): Components<Theme>['MuiMenu'] => ({\n  defaultProps: {\n    autoFocus: true,\n    disableAutoFocusItem: false,\n  },\n  styleOverrides: {\n    paper: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      borderRadius: theme.radius['radius-8'],\n      boxShadow: theme.customShadows.overlay,\n      margin: theme.spacing(0.5, 0),\n      minWidth: 278,\n    },\n    list: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      padding: theme.spacing(1, 0),\n    },\n  },\n});\n\nexport default menuOverrides;\n"],"names":["menuOverrides","theme","defaultProps","autoFocus","disableAutoFocusItem","styleOverrides","paper","backgroundColor","palette","semantic","background","border","borderColor","stroke","borderRadius","radius","boxShadow","customShadows","overlay","margin","spacing","minWidth","list","padding"],"mappings":"0GAEaA,EAAiBC,IAAY,CACxCC,aAAc,CACZC,WAAW,EACXC,sBAAsB,GAExBC,eAAgB,CACdC,MAAO,CACLC,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDC,OAAQ,YACRC,YAAaX,EAAMO,QAAQC,SAASI,OAAO,eAC3CC,aAAcb,EAAMc,OAAO,YAC3BC,UAAWf,EAAMgB,cAAcC,QAC/BC,OAAQlB,EAAMmB,QAAQ,GAAK,GAC3BC,SAAU,KAEZC,KAAM,CACJf,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDa,QAAStB,EAAMmB,QAAQ,EAAG"}

package/dist/themes/overrides/menuOverrides.js

@@ -1,2 +1,2 @@
-import"@mui/material/styles";const a=a=>({defaultProps:{autoFocus:!0,disableAutoFocusItem:!1},styleOverrides:{paper:{backgroundColor:a.palette.semantic.background["background-overlay"],border:"1px solid",borderColor:a.palette.semantic.stroke["stroke-weak"],borderRadius:a.radius["radius-8"],boxShadow:a.customShadows.overlay,margin:a.spacing(.5,0)},list:{backgroundColor:a.palette.semantic.background["background-overlay"],padding:a.spacing(1,0)}}});export{a as default,a as menuOverrides};
+import"@mui/material/styles";const a=a=>({defaultProps:{autoFocus:!0,disableAutoFocusItem:!1},styleOverrides:{paper:{backgroundColor:a.palette.semantic.background["background-overlay"],border:"1px solid",borderColor:a.palette.semantic.stroke["stroke-weak"],borderRadius:a.radius["radius-8"],boxShadow:a.customShadows.overlay,margin:a.spacing(.5,0),minWidth:278},list:{backgroundColor:a.palette.semantic.background["background-overlay"],padding:a.spacing(1,0)}}});export{a as default,a as menuOverrides};
 //# sourceMappingURL=menuOverrides.js.map

package/dist/themes/overrides/menuOverrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"menuOverrides.js","sources":["../../../src/themes/overrides/menuOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const menuOverrides = (theme: Theme): Components<Theme>['MuiMenu'] => ({\n  defaultProps: {\n    autoFocus: true,\n    disableAutoFocusItem: false,\n  },\n  styleOverrides: {\n    paper: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      borderRadius: theme.radius['radius-8'],\n      boxShadow: theme.customShadows.overlay,\n      margin: theme.spacing(0.5, 0),\n    },\n    list: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      padding: theme.spacing(1, 0),\n    },\n  },\n});\n\nexport default menuOverrides;\n"],"names":["menuOverrides","theme","defaultProps","autoFocus","disableAutoFocusItem","styleOverrides","paper","backgroundColor","palette","semantic","background","border","borderColor","stroke","borderRadius","radius","boxShadow","customShadows","overlay","margin","spacing","list","padding"],"mappings":"mCAEaA,EAAiBC,IAAY,CACxCC,aAAc,CACZC,WAAW,EACXC,sBAAsB,GAExBC,eAAgB,CACdC,MAAO,CACLC,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDC,OAAQ,YACRC,YAAaX,EAAMO,QAAQC,SAASI,OAAO,eAC3CC,aAAcb,EAAMc,OAAO,YAC3BC,UAAWf,EAAMgB,cAAcC,QAC/BC,OAAQlB,EAAMmB,QAAQ,GAAK,IAE7BC,KAAM,CACJd,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDY,QAASrB,EAAMmB,QAAQ,EAAG"}
+{"version":3,"file":"menuOverrides.js","sources":["../../../src/themes/overrides/menuOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const menuOverrides = (theme: Theme): Components<Theme>['MuiMenu'] => ({\n  defaultProps: {\n    autoFocus: true,\n    disableAutoFocusItem: false,\n  },\n  styleOverrides: {\n    paper: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-weak'],\n      borderRadius: theme.radius['radius-8'],\n      boxShadow: theme.customShadows.overlay,\n      margin: theme.spacing(0.5, 0),\n      minWidth: 278,\n    },\n    list: {\n      backgroundColor: theme.palette.semantic.background['background-overlay'],\n      padding: theme.spacing(1, 0),\n    },\n  },\n});\n\nexport default menuOverrides;\n"],"names":["menuOverrides","theme","defaultProps","autoFocus","disableAutoFocusItem","styleOverrides","paper","backgroundColor","palette","semantic","background","border","borderColor","stroke","borderRadius","radius","boxShadow","customShadows","overlay","margin","spacing","minWidth","list","padding"],"mappings":"mCAEaA,EAAiBC,IAAY,CACxCC,aAAc,CACZC,WAAW,EACXC,sBAAsB,GAExBC,eAAgB,CACdC,MAAO,CACLC,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDC,OAAQ,YACRC,YAAaX,EAAMO,QAAQC,SAASI,OAAO,eAC3CC,aAAcb,EAAMc,OAAO,YAC3BC,UAAWf,EAAMgB,cAAcC,QAC/BC,OAAQlB,EAAMmB,QAAQ,GAAK,GAC3BC,SAAU,KAEZC,KAAM,CACJf,gBAAiBN,EAAMO,QAAQC,SAASC,WAAW,sBACnDa,QAAStB,EAAMmB,QAAQ,EAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/portal-library",
-  "version": "7.6.0",
+  "version": "7.7.0",
   "files": [
     "dist"
   ],