@flipdish/portal-library 6.0.0 → 6.0.2

package/dist/components/organisms/ImageUploadWidget/components/ImageDropZone.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageDropZone.cjs.js","sources":["../../../../../src/components/organisms/ImageUploadWidget/components/ImageDropZone.tsx"],"sourcesContent":["import Box from '@mui/material/Box/Box';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography/Typography';\n\nimport TextField from '@fd/components/atoms/TextField';\nimport ReactImageUploading, { type ImageListType, type ImageType } from 'react-images-uploading';\n\nconst StyledUploadAreaContainer = styled(Box)(({ theme }) => ({\n  flex: '1',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '12px',\n  borderRadius: '4px',\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FAFAFA',\n  [theme.breakpoints.only('mobile')]: {\n    justifyContent: 'center',\n    gap: '32px',\n  }\n}));\n\nconst StyledIconContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '48px',\n  height: '48px',\n  padding: '0px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '32px',\n  backgroundColor: 'rgba(0, 0, 0, 0.04)',\n});\n\nconst StyledPrimaryText = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '16px',\n  fontStyle: 'normal',\n  fontWeight: '600',\n  lineHeight: '24px',\n  letterSpacing: '0px',\n  textDecoration: 'underline',\n  textDecorationStyle: 'solid',\n  textDecorationSkipInk: 'auto',\n  textDecorationThickness: 'auto',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n});\n\nconst StyledSecondaryText = styled(Typography)({\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '20px',\n  letterSpacing: '0px',\n  textAlign: 'center',\n});\n\nconst StyledImageComponent = styled('img')({\n  maxWidth: '100%',\n  maxHeight: '100%',\n  borderRadius: '4px',\n  objectFit: 'cover',\n});\n\nconst StyledForm = styled('form')({\n  width: '100%',\n  maxWidth: '400px',\n})\n\ninterface ImageDropZoneProps {\n  selectedImage: ImageType | null;\n  onImageSelect: (selectedImage: ImageType) => void;\n  allowImageLinkUpload: boolean;\n  imageLink: string;\n  onUploadImageLink?: (link: string) => void;\n  onImageLinkChange?: (link: string) => void;\n  uploadingError: Error | null;\n}\n\nconst allowedFileTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];\n\nconst ImageDropZone: React.FC<ImageDropZoneProps> = ({\n  selectedImage,\n  onImageSelect,\n  uploadingError,\n  allowImageLinkUpload,\n  imageLink,\n  onImageLinkChange = (): void => {},\n  onUploadImageLink = (): void => {},\n}) => {\n  const handleImageSelect = (value: ImageListType): void => {\n    const firstImage = value[0] as ImageType | undefined;\n    if (firstImage) {\n      onImageSelect(firstImage);\n    }\n  };\n\n  const handleImageLinkUpload = (e: React.FormEvent): void => {\n    e.preventDefault();\n    onUploadImageLink(imageLink);\n  }\n\n  return (\n    <ReactImageUploading acceptType={allowedFileTypes} onChange={handleImageSelect} value={selectedImage ? [selectedImage] : []}>\n      {({ onImageUpload, dragProps }) => {\n        const uploadErrorMessage = `Error occurred while uploading image: ${uploadingError?.message ? uploadingError.message : ''}`;\n\n        if (selectedImage?.dataURL) {\n          return <StyledImageComponent src={selectedImage.dataURL} />;\n        }\n\n        return (\n          <StyledUploadAreaContainer {...dragProps}>\n            <StyledIconContainer>\n              <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <title>Upload icon</title>\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n              </svg>\n            </StyledIconContainer>\n            <Stack alignItems=\"center\" direction=\"column\" gap=\"8px\" width=\"100%\">\n              <StyledPrimaryText onClick={onImageUpload}>Select an image</StyledPrimaryText>\n              <StyledSecondaryText color=\"rgba(0, 0, 0, 0.90)\">\n                OR drop it here{allowImageLinkUpload && ' OR paste the image URL below'}\n              </StyledSecondaryText>\n              {allowImageLinkUpload &&\n                <StyledForm data-testid='image-link-form' onSubmit={handleImageLinkUpload}>\n                  <TextField fullWidth fdKey='img-link' onChange={(e) => onImageLinkChange(e.target.value)} placeholder=\"Enter image URL\" value={imageLink} />\n                </StyledForm>\n              }\n            </Stack>\n            <StyledSecondaryText color=\"rgba(0, 0, 0, 0.60)\">Minimum dimensions: 1280 × 720 - up to 10 MB</StyledSecondaryText>\n            <StyledSecondaryText\n              color=\"rgba(184, 0, 34, 0.80)\"\n              sx={(theme) => ({\n                overflowY: 'scroll',\n                height: '30px',\n                [theme.breakpoints.only('mobile')]: {\n                  height: '120px'\n                }\n              })}\n            >\n              {uploadingError ? uploadErrorMessage : ''}\n            </StyledSecondaryText>\n          </StyledUploadAreaContainer>\n        );\n      }}\n    </ReactImageUploading>\n  );\n};\n\nexport default ImageDropZone;\n"],"names":["StyledUploadAreaContainer","styled","Box","theme","flex","display","flexDirection","height","boxSizing","alignItems","justifyContent","padding","borderRadius","border","background","breakpoints","only","gap","StyledIconContainer","width","backgroundColor","StyledPrimaryText","Typography","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textDecoration","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset","textUnderlinePosition","cursor","StyledSecondaryText","textAlign","StyledImageComponent","maxWidth","maxHeight","objectFit","StyledForm","allowedFileTypes","selectedImage","onImageSelect","uploadingError","allowImageLinkUpload","imageLink","onImageLinkChange","onUploadImageLink","handleImageLinkUpload","e","preventDefault","_jsx","ReactImageUploading","acceptType","onChange","value","firstImage","children","onImageUpload","dragProps","uploadErrorMessage","message","dataURL","src","_jsxs","fill","viewBox","xmlns","clipRule","d","fillOpacity","fillRule","Stack","direction","onClick","onSubmit","TextField","fullWidth","fdKey","target","placeholder","sx","overflowY"],"mappings":"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"}
+{"version":3,"file":"ImageDropZone.cjs.js","sources":["../../../../../src/components/organisms/ImageUploadWidget/components/ImageDropZone.tsx"],"sourcesContent":["import Box from '@mui/material/Box/Box';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography/Typography';\n\nimport TextField from '@fd/components/atoms/TextField';\nimport ReactImageUploading, { type ImageListType, type ImageType } from 'react-images-uploading';\n\nconst StyledUploadAreaContainer = styled(Box)(({ theme }) => ({\n  flex: '1',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '12px',\n  borderRadius: '4px',\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FAFAFA',\n  [theme.breakpoints.only('mobile')]: {\n    justifyContent: 'center',\n    gap: '32px',\n  }\n}));\n\nconst StyledIconContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '48px',\n  height: '48px',\n  padding: '0px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '32px',\n  backgroundColor: 'rgba(0, 0, 0, 0.04)',\n});\n\nconst StyledPrimaryText = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '16px',\n  fontStyle: 'normal',\n  fontWeight: '600',\n  lineHeight: '24px',\n  letterSpacing: '0px',\n  textDecoration: 'underline',\n  textDecorationStyle: 'solid',\n  textDecorationSkipInk: 'auto',\n  textDecorationThickness: 'auto',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n});\n\nconst StyledSecondaryText = styled(Typography)({\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '20px',\n  letterSpacing: '0px',\n  textAlign: 'center',\n});\n\nconst StyledImageComponent = styled('img')({\n  maxWidth: '100%',\n  maxHeight: '100%',\n  borderRadius: '4px',\n  objectFit: 'cover',\n});\n\nconst StyledForm = styled('form')({\n  width: '100%',\n  maxWidth: '400px',\n})\n\ninterface ImageDropZoneProps {\n  selectedImage: ImageType | null;\n  onImageSelect: (selectedImage: ImageType) => void;\n  allowImageLinkUpload: boolean;\n  imageLink: string;\n  onUploadImageLink?: (link: string) => void;\n  onImageLinkChange?: (link: string) => void;\n  uploadingError: Error | null;\n}\n\nconst allowedFileTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];\n\nconst ImageDropZone: React.FC<ImageDropZoneProps> = ({\n  selectedImage,\n  onImageSelect,\n  uploadingError,\n  allowImageLinkUpload,\n  imageLink,\n  onImageLinkChange = (): void => {},\n  onUploadImageLink = (): void => {},\n}) => {\n  const handleImageSelect = (value: ImageListType): void => {\n    const firstImage = value[0] as ImageType | undefined;\n    if (firstImage) {\n      onImageSelect(firstImage);\n    }\n  };\n\n  const handleImageLinkUpload = (e: React.FormEvent): void => {\n    e.preventDefault();\n    onUploadImageLink(imageLink);\n  }\n\n  return (\n    <ReactImageUploading acceptType={allowedFileTypes} onChange={handleImageSelect} value={selectedImage ? [selectedImage] : []}>\n      {({ onImageUpload, dragProps }) => {\n        const uploadErrorMessage = `Error occurred while uploading image: ${uploadingError?.message ? uploadingError.message : ''}`;\n\n        if (selectedImage?.dataURL) {\n          return <StyledImageComponent src={selectedImage.dataURL} />;\n        }\n\n        return (\n          <StyledUploadAreaContainer {...dragProps}>\n            <StyledIconContainer>\n              <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <title>Upload icon</title>\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n              </svg>\n            </StyledIconContainer>\n            <Stack alignItems=\"center\" direction=\"column\" gap=\"8px\" width=\"100%\">\n              <StyledPrimaryText onClick={onImageUpload}>Select an image</StyledPrimaryText>\n              <StyledSecondaryText color=\"rgba(0, 0, 0, 0.90)\">\n                OR drop it here{allowImageLinkUpload && ' OR paste the image URL below'}\n              </StyledSecondaryText>\n              {allowImageLinkUpload &&\n                <StyledForm data-testid='image-link-form' onSubmit={handleImageLinkUpload}>\n                  <TextField fullWidth fdKey='img-link' onChange={(e) => onImageLinkChange(e.target.value)} placeholder=\"Enter image URL\" value={imageLink} />\n                </StyledForm>\n              }\n            </Stack>\n            <StyledSecondaryText color=\"rgba(0, 0, 0, 0.60)\">Minimum dimensions: 1280 × 720 - up to 10 MB</StyledSecondaryText>\n            <StyledSecondaryText\n              color=\"rgba(184, 0, 34, 0.80)\"\n              sx={(theme) => ({\n                overflowY: 'scroll',\n                height: '30px',\n                [theme.breakpoints.only('mobile')]: {\n                  height: '120px'\n                }\n              })}\n            >\n              {uploadingError ? uploadErrorMessage : ''}\n            </StyledSecondaryText>\n          </StyledUploadAreaContainer>\n        );\n      }}\n    </ReactImageUploading>\n  );\n};\n\nexport default ImageDropZone;\n"],"names":["StyledUploadAreaContainer","styled","Box","theme","flex","display","flexDirection","height","boxSizing","alignItems","justifyContent","padding","borderRadius","border","background","breakpoints","only","gap","StyledIconContainer","width","backgroundColor","StyledPrimaryText","Typography","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textDecoration","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset","textUnderlinePosition","cursor","StyledSecondaryText","textAlign","StyledImageComponent","maxWidth","maxHeight","objectFit","StyledForm","allowedFileTypes","selectedImage","onImageSelect","uploadingError","allowImageLinkUpload","imageLink","onImageLinkChange","onUploadImageLink","handleImageLinkUpload","e","preventDefault","_jsx","ReactImageUploading","acceptType","onChange","value","firstImage","children","onImageUpload","dragProps","uploadErrorMessage","message","dataURL","src","_jsxs","fill","viewBox","xmlns","clipRule","d","fillOpacity","fillRule","Stack","direction","onClick","onSubmit","TextField","fullWidth","fdKey","target","placeholder","sx","overflowY"],"mappings":"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"}

package/dist/components/organisms/ImageUploadWidget/components/ImageDropZone.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"@mui/material/Box/Box";import o from"@mui/material/Stack/Stack";import n from"@mui/material/styles/styled";import r from"@mui/material/Typography/Typography";import l from"../../../atoms/TextField/index.js";import a from"react-images-uploading";const d=n(i)((({theme:e})=>({flex:"1",display:"flex",flexDirection:"column",height:"100%",boxSizing:"border-box",alignItems:"center",justifyContent:"space-between",padding:"12px",borderRadius:"4px",border:"1px solid rgba(0, 0, 0, 0.10)",background:"#FAFAFA",[e.breakpoints.only("mobile")]:{justifyContent:"center",gap:"32px"}}))),p=n(i)({display:"flex",flexDirection:"column",width:"48px",height:"48px",padding:"0px",justifyContent:"center",alignItems:"center",borderRadius:"32px",backgroundColor:"rgba(0, 0, 0, 0.04)"}),c=n(r)({color:"rgba(0, 0, 0, 0.90)",fontFamily:"Roboto",fontSize:"16px",fontStyle:"normal",fontWeight:"600",lineHeight:"24px",letterSpacing:"0px",textDecoration:"underline",textDecorationStyle:"solid",textDecorationSkipInk:"auto",textDecorationThickness:"auto",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer"}),m=n(r)({fontFamily:"Roboto",fontSize:"14px",fontStyle:"normal",fontWeight:400,lineHeight:"20px",letterSpacing:"0px",textAlign:"center"}),g=n("img")({maxWidth:"100%",maxHeight:"100%",borderRadius:"4px",objectFit:"cover"}),C=n("form")({width:"100%",maxWidth:"400px"}),s=["jpg","jpeg","png","gif","bmp"],h=({selectedImage:i,onImageSelect:n,uploadingError:r,allowImageLinkUpload:h,imageLink:x,onImageLinkChange:f=()=>{},onUploadImageLink:u=()=>{}})=>{const b=e=>{e.preventDefault(),u(x)};return e(a,{acceptType:s,onChange:e=>{const t=e[0];t&&n(t)},value:i?[i]:[],children:({onImageUpload:n,dragProps:a})=>{const s=`Error occurred while uploading image: ${r?.message?r.message:""}`;return i?.dataURL?e(g,{src:i.dataURL}):t(d,{...a,children:[e(p,{children:t("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[e("title",{children:"Upload icon"}),e("path",{clipRule:"evenodd",d:"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z",fill:"black",fillOpacity:"0.45",fillRule:"evenodd"}),e("path",{clipRule:"evenodd",d:"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z",fill:"black",fillOpacity:"0.45",fillRule:"evenodd"})]})}),t(o,{alignItems:"center",direction:"column",gap:"8px",width:"100%",children:[e(c,{onClick:n,children:"Select an image"}),t(m,{color:"rgba(0, 0, 0, 0.90)",children:["OR drop it here",h&&" OR paste the image URL below"]}),h&&e(C,{"data-testid":"image-link-form",onSubmit:b,children:e(l,{fullWidth:!0,fdKey:"img-link",onChange:e=>f(e.target.value),placeholder:"Enter image URL",value:x})})]}),e(m,{color:"rgba(0, 0, 0, 0.60)",children:"Minimum dimensions: 1280 × 720 - up to 10 MB"}),e(m,{color:"rgba(184, 0, 34, 0.80)",sx:e=>({overflowY:"scroll",height:"30px",[e.breakpoints.only("mobile")]:{height:"120px"}}),children:r?s:""})]})}})};export{h as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"@mui/material/Box/Box";import o from"@mui/material/Stack/Stack";import n from"@mui/material/styles/styled";import r from"@mui/material/Typography/Typography";import{TextField as l}from"../../../atoms/TextField/index.js";import a from"react-images-uploading";const d=n(i)((({theme:e})=>({flex:"1",display:"flex",flexDirection:"column",height:"100%",boxSizing:"border-box",alignItems:"center",justifyContent:"space-between",padding:"12px",borderRadius:"4px",border:"1px solid rgba(0, 0, 0, 0.10)",background:"#FAFAFA",[e.breakpoints.only("mobile")]:{justifyContent:"center",gap:"32px"}}))),p=n(i)({display:"flex",flexDirection:"column",width:"48px",height:"48px",padding:"0px",justifyContent:"center",alignItems:"center",borderRadius:"32px",backgroundColor:"rgba(0, 0, 0, 0.04)"}),c=n(r)({color:"rgba(0, 0, 0, 0.90)",fontFamily:"Roboto",fontSize:"16px",fontStyle:"normal",fontWeight:"600",lineHeight:"24px",letterSpacing:"0px",textDecoration:"underline",textDecorationStyle:"solid",textDecorationSkipInk:"auto",textDecorationThickness:"auto",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",cursor:"pointer"}),m=n(r)({fontFamily:"Roboto",fontSize:"14px",fontStyle:"normal",fontWeight:400,lineHeight:"20px",letterSpacing:"0px",textAlign:"center"}),g=n("img")({maxWidth:"100%",maxHeight:"100%",borderRadius:"4px",objectFit:"cover"}),C=n("form")({width:"100%",maxWidth:"400px"}),s=["jpg","jpeg","png","gif","bmp"],h=({selectedImage:i,onImageSelect:n,uploadingError:r,allowImageLinkUpload:h,imageLink:x,onImageLinkChange:f=()=>{},onUploadImageLink:u=()=>{}})=>{const b=e=>{e.preventDefault(),u(x)};return e(a,{acceptType:s,onChange:e=>{const t=e[0];t&&n(t)},value:i?[i]:[],children:({onImageUpload:n,dragProps:a})=>{const s=`Error occurred while uploading image: ${r?.message?r.message:""}`;return i?.dataURL?e(g,{src:i.dataURL}):t(d,{...a,children:[e(p,{children:t("svg",{fill:"none",height:"24",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[e("title",{children:"Upload icon"}),e("path",{clipRule:"evenodd",d:"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z",fill:"black",fillOpacity:"0.45",fillRule:"evenodd"}),e("path",{clipRule:"evenodd",d:"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z",fill:"black",fillOpacity:"0.45",fillRule:"evenodd"})]})}),t(o,{alignItems:"center",direction:"column",gap:"8px",width:"100%",children:[e(c,{onClick:n,children:"Select an image"}),t(m,{color:"rgba(0, 0, 0, 0.90)",children:["OR drop it here",h&&" OR paste the image URL below"]}),h&&e(C,{"data-testid":"image-link-form",onSubmit:b,children:e(l,{fullWidth:!0,fdKey:"img-link",onChange:e=>f(e.target.value),placeholder:"Enter image URL",value:x})})]}),e(m,{color:"rgba(0, 0, 0, 0.60)",children:"Minimum dimensions: 1280 × 720 - up to 10 MB"}),e(m,{color:"rgba(184, 0, 34, 0.80)",sx:e=>({overflowY:"scroll",height:"30px",[e.breakpoints.only("mobile")]:{height:"120px"}}),children:r?s:""})]})}})};export{h as default};
 //# sourceMappingURL=ImageDropZone.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDropZone.js","sources":["../../../../../src/components/organisms/ImageUploadWidget/components/ImageDropZone.tsx"],"sourcesContent":["import Box from '@mui/material/Box/Box';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography/Typography';\n\nimport TextField from '@fd/components/atoms/TextField';\nimport ReactImageUploading, { type ImageListType, type ImageType } from 'react-images-uploading';\n\nconst StyledUploadAreaContainer = styled(Box)(({ theme }) => ({\n  flex: '1',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '12px',\n  borderRadius: '4px',\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FAFAFA',\n  [theme.breakpoints.only('mobile')]: {\n    justifyContent: 'center',\n    gap: '32px',\n  }\n}));\n\nconst StyledIconContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '48px',\n  height: '48px',\n  padding: '0px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '32px',\n  backgroundColor: 'rgba(0, 0, 0, 0.04)',\n});\n\nconst StyledPrimaryText = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '16px',\n  fontStyle: 'normal',\n  fontWeight: '600',\n  lineHeight: '24px',\n  letterSpacing: '0px',\n  textDecoration: 'underline',\n  textDecorationStyle: 'solid',\n  textDecorationSkipInk: 'auto',\n  textDecorationThickness: 'auto',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n});\n\nconst StyledSecondaryText = styled(Typography)({\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '20px',\n  letterSpacing: '0px',\n  textAlign: 'center',\n});\n\nconst StyledImageComponent = styled('img')({\n  maxWidth: '100%',\n  maxHeight: '100%',\n  borderRadius: '4px',\n  objectFit: 'cover',\n});\n\nconst StyledForm = styled('form')({\n  width: '100%',\n  maxWidth: '400px',\n})\n\ninterface ImageDropZoneProps {\n  selectedImage: ImageType | null;\n  onImageSelect: (selectedImage: ImageType) => void;\n  allowImageLinkUpload: boolean;\n  imageLink: string;\n  onUploadImageLink?: (link: string) => void;\n  onImageLinkChange?: (link: string) => void;\n  uploadingError: Error | null;\n}\n\nconst allowedFileTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];\n\nconst ImageDropZone: React.FC<ImageDropZoneProps> = ({\n  selectedImage,\n  onImageSelect,\n  uploadingError,\n  allowImageLinkUpload,\n  imageLink,\n  onImageLinkChange = (): void => {},\n  onUploadImageLink = (): void => {},\n}) => {\n  const handleImageSelect = (value: ImageListType): void => {\n    const firstImage = value[0] as ImageType | undefined;\n    if (firstImage) {\n      onImageSelect(firstImage);\n    }\n  };\n\n  const handleImageLinkUpload = (e: React.FormEvent): void => {\n    e.preventDefault();\n    onUploadImageLink(imageLink);\n  }\n\n  return (\n    <ReactImageUploading acceptType={allowedFileTypes} onChange={handleImageSelect} value={selectedImage ? [selectedImage] : []}>\n      {({ onImageUpload, dragProps }) => {\n        const uploadErrorMessage = `Error occurred while uploading image: ${uploadingError?.message ? uploadingError.message : ''}`;\n\n        if (selectedImage?.dataURL) {\n          return <StyledImageComponent src={selectedImage.dataURL} />;\n        }\n\n        return (\n          <StyledUploadAreaContainer {...dragProps}>\n            <StyledIconContainer>\n              <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <title>Upload icon</title>\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n              </svg>\n            </StyledIconContainer>\n            <Stack alignItems=\"center\" direction=\"column\" gap=\"8px\" width=\"100%\">\n              <StyledPrimaryText onClick={onImageUpload}>Select an image</StyledPrimaryText>\n              <StyledSecondaryText color=\"rgba(0, 0, 0, 0.90)\">\n                OR drop it here{allowImageLinkUpload && ' OR paste the image URL below'}\n              </StyledSecondaryText>\n              {allowImageLinkUpload &&\n                <StyledForm data-testid='image-link-form' onSubmit={handleImageLinkUpload}>\n                  <TextField fullWidth fdKey='img-link' onChange={(e) => onImageLinkChange(e.target.value)} placeholder=\"Enter image URL\" value={imageLink} />\n                </StyledForm>\n              }\n            </Stack>\n            <StyledSecondaryText color=\"rgba(0, 0, 0, 0.60)\">Minimum dimensions: 1280 × 720 - up to 10 MB</StyledSecondaryText>\n            <StyledSecondaryText\n              color=\"rgba(184, 0, 34, 0.80)\"\n              sx={(theme) => ({\n                overflowY: 'scroll',\n                height: '30px',\n                [theme.breakpoints.only('mobile')]: {\n                  height: '120px'\n                }\n              })}\n            >\n              {uploadingError ? uploadErrorMessage : ''}\n            </StyledSecondaryText>\n          </StyledUploadAreaContainer>\n        );\n      }}\n    </ReactImageUploading>\n  );\n};\n\nexport default ImageDropZone;\n"],"names":["StyledUploadAreaContainer","styled","Box","theme","flex","display","flexDirection","height","boxSizing","alignItems","justifyContent","padding","borderRadius","border","background","breakpoints","only","gap","StyledIconContainer","width","backgroundColor","StyledPrimaryText","Typography","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textDecoration","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset","textUnderlinePosition","cursor","StyledSecondaryText","textAlign","StyledImageComponent","maxWidth","maxHeight","objectFit","StyledForm","allowedFileTypes","ImageDropZone","selectedImage","onImageSelect","uploadingError","allowImageLinkUpload","imageLink","onImageLinkChange","onUploadImageLink","handleImageLinkUpload","e","preventDefault","_jsx","ReactImageUploading","acceptType","onChange","value","firstImage","children","onImageUpload","dragProps","uploadErrorMessage","message","dataURL","src","_jsxs","fill","viewBox","xmlns","clipRule","d","fillOpacity","fillRule","Stack","direction","onClick","onSubmit","TextField","fullWidth","fdKey","target","placeholder","sx","overflowY"],"mappings":"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"}
+{"version":3,"file":"ImageDropZone.js","sources":["../../../../../src/components/organisms/ImageUploadWidget/components/ImageDropZone.tsx"],"sourcesContent":["import Box from '@mui/material/Box/Box';\nimport Stack from '@mui/material/Stack/Stack';\nimport styled from '@mui/material/styles/styled';\nimport Typography from '@mui/material/Typography/Typography';\n\nimport TextField from '@fd/components/atoms/TextField';\nimport ReactImageUploading, { type ImageListType, type ImageType } from 'react-images-uploading';\n\nconst StyledUploadAreaContainer = styled(Box)(({ theme }) => ({\n  flex: '1',\n  display: 'flex',\n  flexDirection: 'column',\n  height: '100%',\n  boxSizing: 'border-box',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  padding: '12px',\n  borderRadius: '4px',\n  border: '1px solid rgba(0, 0, 0, 0.10)',\n  background: '#FAFAFA',\n  [theme.breakpoints.only('mobile')]: {\n    justifyContent: 'center',\n    gap: '32px',\n  }\n}));\n\nconst StyledIconContainer = styled(Box)({\n  display: 'flex',\n  flexDirection: 'column',\n  width: '48px',\n  height: '48px',\n  padding: '0px',\n  justifyContent: 'center',\n  alignItems: 'center',\n  borderRadius: '32px',\n  backgroundColor: 'rgba(0, 0, 0, 0.04)',\n});\n\nconst StyledPrimaryText = styled(Typography)({\n  color: 'rgba(0, 0, 0, 0.90)',\n  fontFamily: 'Roboto',\n  fontSize: '16px',\n  fontStyle: 'normal',\n  fontWeight: '600',\n  lineHeight: '24px',\n  letterSpacing: '0px',\n  textDecoration: 'underline',\n  textDecorationStyle: 'solid',\n  textDecorationSkipInk: 'auto',\n  textDecorationThickness: 'auto',\n  textUnderlineOffset: '25%',\n  textUnderlinePosition: 'from-font',\n  cursor: 'pointer',\n});\n\nconst StyledSecondaryText = styled(Typography)({\n  fontFamily: 'Roboto',\n  fontSize: '14px',\n  fontStyle: 'normal',\n  fontWeight: 400,\n  lineHeight: '20px',\n  letterSpacing: '0px',\n  textAlign: 'center',\n});\n\nconst StyledImageComponent = styled('img')({\n  maxWidth: '100%',\n  maxHeight: '100%',\n  borderRadius: '4px',\n  objectFit: 'cover',\n});\n\nconst StyledForm = styled('form')({\n  width: '100%',\n  maxWidth: '400px',\n})\n\ninterface ImageDropZoneProps {\n  selectedImage: ImageType | null;\n  onImageSelect: (selectedImage: ImageType) => void;\n  allowImageLinkUpload: boolean;\n  imageLink: string;\n  onUploadImageLink?: (link: string) => void;\n  onImageLinkChange?: (link: string) => void;\n  uploadingError: Error | null;\n}\n\nconst allowedFileTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp'];\n\nconst ImageDropZone: React.FC<ImageDropZoneProps> = ({\n  selectedImage,\n  onImageSelect,\n  uploadingError,\n  allowImageLinkUpload,\n  imageLink,\n  onImageLinkChange = (): void => {},\n  onUploadImageLink = (): void => {},\n}) => {\n  const handleImageSelect = (value: ImageListType): void => {\n    const firstImage = value[0] as ImageType | undefined;\n    if (firstImage) {\n      onImageSelect(firstImage);\n    }\n  };\n\n  const handleImageLinkUpload = (e: React.FormEvent): void => {\n    e.preventDefault();\n    onUploadImageLink(imageLink);\n  }\n\n  return (\n    <ReactImageUploading acceptType={allowedFileTypes} onChange={handleImageSelect} value={selectedImage ? [selectedImage] : []}>\n      {({ onImageUpload, dragProps }) => {\n        const uploadErrorMessage = `Error occurred while uploading image: ${uploadingError?.message ? uploadingError.message : ''}`;\n\n        if (selectedImage?.dataURL) {\n          return <StyledImageComponent src={selectedImage.dataURL} />;\n        }\n\n        return (\n          <StyledUploadAreaContainer {...dragProps}>\n            <StyledIconContainer>\n              <svg fill=\"none\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n                <title>Upload icon</title>\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M17.8453 2.18282C16.4851 1.99996 14.7504 1.99998 12.5745 2H12.4255C10.2496 1.99998 8.51485 1.99996 7.15471 2.18282C5.75034 2.37164 4.59652 2.77175 3.68413 3.68414C2.77174 4.59653 2.37164 5.75034 2.18282 7.15471C1.99996 8.51485 1.99998 10.2496 2 12.4255V12.5745C1.99998 14.7504 1.99996 16.4851 2.18282 17.8453C2.37164 19.2497 2.77177 20.4035 3.68415 21.3159C4.59654 22.2283 5.75034 22.6284 7.15472 22.8172C8.51486 23 10.2496 23 12.4256 23H12.5744C14.7504 23 16.4851 23 17.8453 22.8172C19.2496 22.6284 20.4035 22.2282 21.3159 21.3159C22.2283 20.4035 22.6284 19.2496 22.8172 17.8453C23 16.4851 23 14.7504 23 12.5744V12.4256C23 10.2496 23 8.51486 22.8172 7.15472C22.6284 5.75034 22.2283 4.59651 21.3159 3.68412C20.4035 2.77174 19.2497 2.37164 17.8453 2.18282ZM5.09835 5.09835C5.57721 4.61949 6.23861 4.32398 7.42121 4.16499C8.63258 4.00212 10.2326 4 12.5 4C14.7674 4 16.3674 4.00212 17.5788 4.16499C18.7614 4.32399 19.4228 4.6195 19.9017 5.09836C20.3805 5.57722 20.676 6.23862 20.835 7.42121C20.9943 8.60603 20.9998 10.1626 21 12.3519C19.6026 11.7105 18.2505 11.4471 16.9403 11.5088C15.1642 11.5923 13.5635 12.2683 12.1227 13.2344C9.67205 14.8776 7.51569 17.4909 5.59833 19.8145L5.34633 20.1197C5.25795 20.0517 5.17577 19.9791 5.09836 19.9017C4.6195 19.4228 4.32399 18.7614 4.16499 17.5788C4.00212 16.3674 4 14.7674 4 12.5C4 10.2326 4.00212 8.63258 4.16499 7.42121C4.32398 6.23861 4.6195 5.5772 5.09835 5.09835ZM20.993 14.5995C19.5215 13.7462 18.2137 13.4511 17.0342 13.5065C15.7231 13.5682 14.4707 14.068 13.2366 14.8955C11.1229 16.3128 9.2346 18.5584 7.3582 20.8263L7.42121 20.835C8.63258 20.9979 10.2326 21 12.5 21C14.7674 21 16.3674 20.9979 17.5788 20.835C18.7614 20.676 19.4228 20.3805 19.9017 19.9017C20.3805 19.4228 20.676 18.7614 20.835 17.5788C20.9423 16.7808 20.9798 15.8143 20.993 14.5995Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n                <path\n                  clipRule=\"evenodd\"\n                  d=\"M10.5 8C10.5 6.61929 9.38071 5.5 8 5.5C7.72212 5.5 7.45482 5.54534 7.20511 5.62902C6.21409 5.96113 5.5 6.89717 5.5 8C5.5 8.84194 5.91619 9.58667 6.55407 10.0397C6.96226 10.3296 7.46123 10.5 8 10.5C9.38071 10.5 10.5 9.38071 10.5 8ZM8 7.5C7.72386 7.5 7.5 7.72386 7.5 8C7.5 8.27614 7.72386 8.5 8 8.5C8.27614 8.5 8.5 8.27614 8.5 8C8.5 7.72386 8.27614 7.5 8 7.5Z\"\n                  fill=\"black\"\n                  fillOpacity=\"0.45\"\n                  fillRule=\"evenodd\"\n                />\n              </svg>\n            </StyledIconContainer>\n            <Stack alignItems=\"center\" direction=\"column\" gap=\"8px\" width=\"100%\">\n              <StyledPrimaryText onClick={onImageUpload}>Select an image</StyledPrimaryText>\n              <StyledSecondaryText color=\"rgba(0, 0, 0, 0.90)\">\n                OR drop it here{allowImageLinkUpload && ' OR paste the image URL below'}\n              </StyledSecondaryText>\n              {allowImageLinkUpload &&\n                <StyledForm data-testid='image-link-form' onSubmit={handleImageLinkUpload}>\n                  <TextField fullWidth fdKey='img-link' onChange={(e) => onImageLinkChange(e.target.value)} placeholder=\"Enter image URL\" value={imageLink} />\n                </StyledForm>\n              }\n            </Stack>\n            <StyledSecondaryText color=\"rgba(0, 0, 0, 0.60)\">Minimum dimensions: 1280 × 720 - up to 10 MB</StyledSecondaryText>\n            <StyledSecondaryText\n              color=\"rgba(184, 0, 34, 0.80)\"\n              sx={(theme) => ({\n                overflowY: 'scroll',\n                height: '30px',\n                [theme.breakpoints.only('mobile')]: {\n                  height: '120px'\n                }\n              })}\n            >\n              {uploadingError ? uploadErrorMessage : ''}\n            </StyledSecondaryText>\n          </StyledUploadAreaContainer>\n        );\n      }}\n    </ReactImageUploading>\n  );\n};\n\nexport default ImageDropZone;\n"],"names":["StyledUploadAreaContainer","styled","Box","theme","flex","display","flexDirection","height","boxSizing","alignItems","justifyContent","padding","borderRadius","border","background","breakpoints","only","gap","StyledIconContainer","width","backgroundColor","StyledPrimaryText","Typography","color","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textDecoration","textDecorationStyle","textDecorationSkipInk","textDecorationThickness","textUnderlineOffset","textUnderlinePosition","cursor","StyledSecondaryText","textAlign","StyledImageComponent","maxWidth","maxHeight","objectFit","StyledForm","allowedFileTypes","ImageDropZone","selectedImage","onImageSelect","uploadingError","allowImageLinkUpload","imageLink","onImageLinkChange","onUploadImageLink","handleImageLinkUpload","e","preventDefault","_jsx","ReactImageUploading","acceptType","onChange","value","firstImage","children","onImageUpload","dragProps","uploadErrorMessage","message","dataURL","src","_jsxs","fill","viewBox","xmlns","clipRule","d","fillOpacity","fillRule","Stack","direction","onClick","onSubmit","TextField","fullWidth","fdKey","target","placeholder","sx","overflowY"],"mappings":"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"}

package/dist/providers/DateTimeLocalizationProvider.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("react");var r=require("@mui/x-date-pickers/AdapterMoment"),i=require("@mui/x-date-pickers/LocalizationProvider");module.exports=({children:t})=>e.jsx(i.LocalizationProvider,{dateAdapter:r.AdapterMoment,children:t});
+"use strict";var r=require("react/jsx-runtime"),e=require("@mui/x-date-pickers/LocalizationProvider");module.exports=({children:i,...o})=>r.jsx(e.LocalizationProvider,{...o,children:i});
 //# sourceMappingURL=DateTimeLocalizationProvider.cjs.js.map

package/dist/providers/DateTimeLocalizationProvider.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeLocalizationProvider.cjs.js","sources":["../../src/providers/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"yLAIqC,EAAGA,cAC7BC,EAAAA,IAACC,EAAAA,qBAAoB,CAACC,YAAaC,EAAAA,cAAaJ,SAAGA"}
+{"version":3,"file":"DateTimeLocalizationProvider.cjs.js","sources":["../../src/providers/DateTimeLocalizationProvider.tsx"],"sourcesContent":["\nimport { LocalizationProvider, type LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';\nimport type { PickerValidDate } from '@mui/x-date-pickers/models/pickers';\n\ntype DateTimeLocalizationProviderProps<TDate extends PickerValidDate, TLocale> = LocalizationProviderProps<TDate, TLocale>;\n\nconst DateTimeLocalizationProvider: React.FC<DateTimeLocalizationProviderProps<PickerValidDate, string>> = ({ children, ...props }) => {\n    return <LocalizationProvider {...props}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["children","props","_jsx","LocalizationProvider"],"mappings":"qHAM2G,EAAGA,cAAaC,KAChHC,EAAAA,IAACC,EAAAA,qBAAoB,IAAKF,EAAKD,SAAGA"}

package/dist/providers/DateTimeLocalizationProvider.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';
+import { PickerValidDate } from '@mui/x-date-pickers/models/pickers';
 
-declare const DateTimeLocalizationProvider: ({ children }: {
-    children: ReactNode;
-}) => react_jsx_runtime.JSX.Element;
+type DateTimeLocalizationProviderProps<TDate extends PickerValidDate, TLocale> = LocalizationProviderProps<TDate, TLocale>;
+declare const DateTimeLocalizationProvider: React.FC<DateTimeLocalizationProviderProps<PickerValidDate, string>>;
 
 export { DateTimeLocalizationProvider as default };

package/dist/providers/DateTimeLocalizationProvider.js

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"react";import{AdapterMoment as t}from"@mui/x-date-pickers/AdapterMoment";import{LocalizationProvider as e}from"@mui/x-date-pickers/LocalizationProvider";const i=({children:i})=>r(e,{dateAdapter:t,children:i});export{i as default};
+import{jsx as r}from"react/jsx-runtime";import{LocalizationProvider as i}from"@mui/x-date-pickers/LocalizationProvider";const e=({children:e,...o})=>r(i,{...o,children:e});export{e as default};
 //# sourceMappingURL=DateTimeLocalizationProvider.js.map

package/dist/providers/DateTimeLocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeLocalizationProvider.js","sources":["../../src/providers/DateTimeLocalizationProvider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\n\nconst DateTimeLocalizationProvider = ({ children }: { children: ReactNode }) => {\n    return <LocalizationProvider dateAdapter={AdapterMoment}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["DateTimeLocalizationProvider","children","_jsx","LocalizationProvider","dateAdapter","AdapterMoment"],"mappings":"wMAIA,MAAMA,EAA+B,EAAGC,cAC7BC,EAACC,EAAoB,CAACC,YAAaC,EAAaJ,SAAGA"}
+{"version":3,"file":"DateTimeLocalizationProvider.js","sources":["../../src/providers/DateTimeLocalizationProvider.tsx"],"sourcesContent":["\nimport { LocalizationProvider, type LocalizationProviderProps } from '@mui/x-date-pickers/LocalizationProvider';\nimport type { PickerValidDate } from '@mui/x-date-pickers/models/pickers';\n\ntype DateTimeLocalizationProviderProps<TDate extends PickerValidDate, TLocale> = LocalizationProviderProps<TDate, TLocale>;\n\nconst DateTimeLocalizationProvider: React.FC<DateTimeLocalizationProviderProps<PickerValidDate, string>> = ({ children, ...props }) => {\n    return <LocalizationProvider {...props}>{children}</LocalizationProvider>;\n};\n\nexport default DateTimeLocalizationProvider;\n"],"names":["DateTimeLocalizationProvider","children","props","_jsx","LocalizationProvider"],"mappings":"wHAMA,MAAMA,EAAqG,EAAGC,cAAaC,KAChHC,EAACC,EAAoB,IAAKF,EAAKD,SAAGA"}

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"),t=require("../components/atoms/IconButton/iconButtonThemeOverrides.cjs.js"),s=require("../icons/Cancel/index.cjs.js"),i=require("./overrides/formHelperTextOverrides.cjs.js"),o=require("./overrides/inputBaseOverrides.cjs.js"),a=require("./overrides/inputLabelOverrides.cjs.js"),n=require("./overrides/menuItemOverrides.cjs.js"),d=require("./overrides/selectOverrides.cjs.js"),p=require("./overrides/textFieldOverrides.cjs.js"),u=require("./tokens/breakpoints/breakpoints.cjs.js"),l=require("./tokens/colours/semantic.cjs.js"),c=require("./tokens/radius/radius.cjs.js"),h=require("./tokens/shadows/shadows.cjs.js"),v=require("./tokens/typography/variant-mapping.cjs.js"),y=require("./typography.cjs.js");const g=g=>{const m={typography:y.typography,palette:"light"===g?l.lightColours:l.darkColours,radius:c.radius,breakpoints:{values:u.breakpointValues}},j=e(m);return Object.keys(y.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],t=e;j.typography[t]={...j.typography[t],[j.breakpoints.down("tablet")]:{...y.getMobileTextStyle(r)}}})),e({...m,typography:j.typography,shape:{borderRadius:4},customShadows:{...h.shadows},components:{MuiAlert:{defaultProps:{components:{CloseIcon:s}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:r.buttonStyleOverrides(j),MuiIconButton:t.iconButtonStyleOverrides(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:j.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:j.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${j.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:j.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:v.typographyVariantMapping}},MuiFormHelperText:i.formHelperTextOverrides(j),MuiInputBase:o.inputBaseOverrides(j),MuiInputLabel:a.inputLabelOverrides(j),MuiMenuItem:n.menuItemOverrides(j),MuiSelect:d.selectOverrides(j),MuiTextField:p.textFieldOverrides()}})},m=g("light"),j=g("dark");exports.darkTheme=j,exports.lightTheme=m;
+"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/checkboxOverrides.cjs.js"),o=require("./overrides/formControlLabelOverrides.cjs.js"),a=require("./overrides/formHelperTextOverrides.cjs.js"),d=require("./overrides/formLabelOverrides.cjs.js"),u=require("./overrides/inputBaseOverrides.cjs.js"),n=require("./overrides/inputLabelOverrides.cjs.js"),p=require("./overrides/listItemTextOverrides.cjs.js"),l=require("./overrides/menuItemOverrides.cjs.js"),c=require("./overrides/menuOverrides.cjs.js"),v=require("./overrides/selectOverrides.cjs.js"),m=require("./overrides/textFieldOverrides.cjs.js"),h=require("./tokens/breakpoints/breakpoints.cjs.js"),j=require("./tokens/colours/semantic.cjs.js"),b=require("./tokens/radius/radius.cjs.js"),y=require("./tokens/shadows/shadows.cjs.js"),g=require("./tokens/typography/variant-mapping.cjs.js"),O=require("./typography.cjs.js");const x=x=>{const M={typography:O.typography,palette:"light"===x?j.lightColours:j.darkColours,radius:b.radius,breakpoints:{values:h.breakpointValues},customShadows:{...y.shadows}},k=e(M);return Object.keys(O.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],s=e;k.typography[s]={...k.typography[s],[k.breakpoints.down("tablet")]:{...O.getMobileTextStyle(r)}}})),e({...M,typography:k.typography,shape:{borderRadius:4},customShadows:k.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(k),MuiIconButton:s.iconButtonStyleOverrides(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:k.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:k.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${k.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:k.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:g.typographyVariantMapping}},MuiFormHelperText:a.formHelperTextOverrides(k),MuiInputBase:u.inputBaseOverrides(k),MuiInputLabel:n.inputLabelOverrides(k),MuiListItemText:p.listItemTextOverrides(k),MuiMenu:c.menuOverrides(k),MuiMenuItem:l.menuItemOverrides(k),MuiSelect:v.selectOverrides(k),MuiTextField:m.textFieldOverrides(k),MuiFormControlLabel:o.formControlLabelOverrides(k),MuiFormLabel:d.formLabelOverrides(k),MuiCheckbox:t.checkboxOverrides(k)}})},M=x("light"),k=x("dark");exports.darkTheme=k,exports.lightTheme=M;
 //# 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 { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\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  };\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: {\n      ...shadows,\n    },\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      MuiChip: {\n        styleOverrides: {\n          root: {\n            fontWeight: 'bold',\n            paddingLeft: '6px',\n            paddingRight: '6px',\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      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(),\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","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiFormHelperText","formHelperTextOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"i0BAmBA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAAA,WACAC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAAA,mBAC3CC,EAAAA,OACAC,YAAa,CACXC,OAAQC,EAAAA,mBAGNC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,EAAAA,YAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,EAAAA,SAELC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAAA,qBAAqB7B,GAChC8B,cAAeC,EAAAA,2BACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAapC,EAAUP,QAAQ4C,WAIrCC,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa9C,EAAUP,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,EAAAA,2BAGpBC,kBAAmBC,EAAAA,wBAAwBtD,GAC3CuD,aAAcC,EAAAA,mBAAmBxD,GACjCyD,cAAeC,EAAAA,oBAAoB1D,GACnC2D,YAAaC,EAAAA,kBAAkB5D,GAC/B6D,UAAWC,EAAAA,gBAAgB9D,GAC3B+D,aAAcC,EAAAA,yBAKPC,EAAa5E,EAA2B,SACxC6E,EAAY7E,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 { checkboxOverrides } from './overrides/checkboxOverrides';\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      MuiChip: {\n        styleOverrides: {\n          root: {\n            fontWeight: 'bold',\n            paddingLeft: '6px',\n            paddingRight: '6px',\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      MuiFormHelperText: formHelperTextOverrides(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      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(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","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiFormHelperText","formHelperTextOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormLabel","formLabelOverrides","MuiCheckbox","checkboxOverrides","lightTheme","darkTheme"],"mappings":"okCAwBA,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,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiBzC,EAAUT,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUT,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiBzC,EAAUT,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,EAAAA,2BAGpBC,kBAAmBC,EAAAA,wBAAwBpD,GAC3CqD,aAAcC,EAAAA,mBAAmBtD,GACjCuD,cAAeC,EAAAA,oBAAoBxD,GACnCyD,gBAAiBC,EAAAA,sBAAsB1D,GACvC2D,QAASC,EAAAA,cAAc5D,GACvB6D,YAAaC,EAAAA,kBAAkB9D,GAC/B+D,UAAWC,EAAAA,gBAAgBhE,GAC3BiE,aAAcC,EAAAA,mBAAmBlE,GACjCmE,oBAAqBC,EAAAA,0BAA0BpE,GAC/CqE,aAAcC,EAAAA,mBAAmBtE,GACjCuE,YAAaC,EAAAA,kBAAkBxE,OAKxByE,EAAatF,EAA2B,SACxCuF,EAAYvF,EAA2B"}

package/dist/themes/flipdishPublicTheme.js

@@ -1,2 +1,2 @@
-import o from"@mui/material/styles/createTheme";import{buttonStyleOverrides as e}from"../components/atoms/Button/buttonThemeOverrides.js";import{iconButtonStyleOverrides as r}from"../components/atoms/IconButton/iconButtonThemeOverrides.js";import t from"../icons/Cancel/index.js";import{formHelperTextOverrides as i}from"./overrides/formHelperTextOverrides.js";import{inputBaseOverrides as s}from"./overrides/inputBaseOverrides.js";import{inputLabelOverrides as p}from"./overrides/inputLabelOverrides.js";import{menuItemOverrides as a}from"./overrides/menuItemOverrides.js";import{selectOverrides as n}from"./overrides/selectOverrides.js";import{textFieldOverrides as d}from"./overrides/textFieldOverrides.js";import{breakpointValues as m}from"./tokens/breakpoints/breakpoints.js";import{lightColours as l,darkColours as u}from"./tokens/colours/semantic.js";import{radius as c}from"./tokens/radius/radius.js";import{shadows as h}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as f}from"./tokens/typography/variant-mapping.js";import{typography as g,getMobileTextStyle as v}from"./typography.js";const y=y=>{const b={typography:g,palette:"light"===y?l:u,radius:c,breakpoints:{values:m}},k=o(b);return Object.keys(g).forEach((o=>{const e=o.split(/(?=[A-Z])/)[0],r=o;k.typography[r]={...k.typography[r],[k.breakpoints.down("tablet")]:{...v(e)}}})),o({...b,typography:k.typography,shape:{borderRadius:4},customShadows:{...h},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(k),MuiIconButton:r(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:k.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:k.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${k.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:k.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:f}},MuiFormHelperText:i(k),MuiInputBase:s(k),MuiInputLabel:p(k),MuiMenuItem:a(k),MuiSelect:n(k),MuiTextField:d()}})},b=y("light"),k=y("dark");export{k as darkTheme,b 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{checkboxOverrides as i}from"./overrides/checkboxOverrides.js";import{formControlLabelOverrides as s}from"./overrides/formControlLabelOverrides.js";import{formHelperTextOverrides as p}from"./overrides/formHelperTextOverrides.js";import{formLabelOverrides as a}from"./overrides/formLabelOverrides.js";import{inputBaseOverrides as m}from"./overrides/inputBaseOverrides.js";import{inputLabelOverrides as d}from"./overrides/inputLabelOverrides.js";import{listItemTextOverrides as n}from"./overrides/listItemTextOverrides.js";import{menuItemOverrides as l}from"./overrides/menuItemOverrides.js";import{menuOverrides as u}from"./overrides/menuOverrides.js";import{selectOverrides as c}from"./overrides/selectOverrides.js";import{textFieldOverrides as v}from"./overrides/textFieldOverrides.js";import{breakpointValues as f}from"./tokens/breakpoints/breakpoints.js";import{lightColours as h,darkColours as b}from"./tokens/colours/semantic.js";import{radius as g}from"./tokens/radius/radius.js";import{shadows as y}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as M}from"./tokens/typography/variant-mapping.js";import{typography as j,getMobileTextStyle as k}from"./typography.js";const x=x=>{const O={typography:j,palette:"light"===x?h:b,radius:g,breakpoints:{values:f},customShadows:{...y}},T=r(O);return Object.keys(j).forEach((r=>{const e=r.split(/(?=[A-Z])/)[0],o=r;T.typography[o]={...T.typography[o],[T.breakpoints.down("tablet")]:{...k(e)}}})),r({...O,typography:T.typography,shape:{borderRadius:4},customShadows:T.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(T),MuiIconButton:o(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:T.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:T.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${T.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:T.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:M}},MuiFormHelperText:p(T),MuiInputBase:m(T),MuiInputLabel:d(T),MuiListItemText:n(T),MuiMenu:u(T),MuiMenuItem:l(T),MuiSelect:c(T),MuiTextField:v(T),MuiFormControlLabel:s(T),MuiFormLabel:a(T),MuiCheckbox:i(T)}})},O=x("light"),T=x("dark");export{T as darkTheme,O 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 { formHelperTextOverrides } from './overrides/formHelperTextOverrides';\nimport { inputBaseOverrides } from './overrides/inputBaseOverrides';\nimport { inputLabelOverrides } from './overrides/inputLabelOverrides';\nimport { menuItemOverrides } from './overrides/menuItemOverrides';\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  };\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: {\n      ...shadows,\n    },\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      MuiChip: {\n        styleOverrides: {\n          root: {\n            fontWeight: 'bold',\n            paddingLeft: '6px',\n            paddingRight: '6px',\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      MuiFormHelperText: formHelperTextOverrides(baseTheme),\n      MuiInputBase: inputBaseOverrides(baseTheme),\n      MuiInputLabel: inputLabelOverrides(baseTheme),\n      MuiMenuItem: menuItemOverrides(baseTheme),\n      MuiSelect: selectOverrides(baseTheme),\n      MuiTextField: textFieldOverrides(),\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","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiFormHelperText","formHelperTextOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","lightTheme","darkTheme"],"mappings":"0lCAmBA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,IAGNC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,GAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,GAELC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB7B,GAChC8B,cAAeC,IACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAapC,EAAUP,QAAQ4C,WAIrCC,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa9C,EAAUP,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,IAGpBC,kBAAmBC,EAAwBtD,GAC3CuD,aAAcC,EAAmBxD,GACjCyD,cAAeC,EAAoB1D,GACnC2D,YAAaC,EAAkB5D,GAC/B6D,UAAWC,EAAgB9D,GAC3B+D,aAAcC,QAKPC,EAAa5E,EAA2B,SACxC6E,EAAY7E,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 { checkboxOverrides } from './overrides/checkboxOverrides';\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      MuiChip: {\n        styleOverrides: {\n          root: {\n            fontWeight: 'bold',\n            paddingLeft: '6px',\n            paddingRight: '6px',\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      MuiFormHelperText: formHelperTextOverrides(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      MuiFormControlLabel: formControlLabelOverrides(baseTheme),\n      MuiFormLabel: formLabelOverrides(baseTheme),\n      MuiCheckbox: checkboxOverrides(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","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","MuiFormHelperText","formHelperTextOverrides","MuiInputBase","inputBaseOverrides","MuiInputLabel","inputLabelOverrides","MuiListItemText","listItemTextOverrides","MuiMenu","menuOverrides","MuiMenuItem","menuItemOverrides","MuiSelect","selectOverrides","MuiTextField","textFieldOverrides","MuiFormControlLabel","formControlLabelOverrides","MuiFormLabel","formLabelOverrides","MuiCheckbox","checkboxOverrides","lightTheme","darkTheme"],"mappings":"q8CAwBA,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,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiBzC,EAAUT,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUT,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiBzC,EAAUT,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,IAGpBC,kBAAmBC,EAAwBpD,GAC3CqD,aAAcC,EAAmBtD,GACjCuD,cAAeC,EAAoBxD,GACnCyD,gBAAiBC,EAAsB1D,GACvC2D,QAASC,EAAc5D,GACvB6D,YAAaC,EAAkB9D,GAC/B+D,UAAWC,EAAgBhE,GAC3BiE,aAAcC,EAAmBlE,GACjCmE,oBAAqBC,EAA0BpE,GAC/CqE,aAAcC,EAAmBtE,GACjCuE,YAAaC,EAAkBxE,OAKxByE,EAAatF,EAA2B,SACxCuF,EAAYvF,EAA2B"}

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

@@ -0,0 +1,2 @@
+"use strict";require("@mui/material/styles");exports.checkboxOverrides=e=>({styleOverrides:{root:{padding:e.spacing(1,1.5,1,1)}}});
+//# sourceMappingURL=checkboxOverrides.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxOverrides.cjs.js","sources":["../../../src/themes/overrides/checkboxOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const checkboxOverrides = (baseTheme: Theme): Components<Theme>['MuiCheckbox'] => ({\n  styleOverrides: {\n    root: {\n      padding: baseTheme.spacing(1, 1.5, 1, 1),\n    },\n  },\n});"],"names":["baseTheme","styleOverrides","root","padding","spacing"],"mappings":"uEAEkCA,IAAgB,CAChDC,eAAgB,CACdC,KAAM,CACJC,QAASH,EAAUI,QAAQ,EAAG,IAAK,EAAG"}

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

@@ -0,0 +1,5 @@
+import { Theme, Components } from '@mui/material/styles';
+
+declare const checkboxOverrides: (baseTheme: Theme) => Components<Theme>['MuiCheckbox'];
+
+export { checkboxOverrides };

package/dist/themes/overrides/checkboxOverrides.js

@@ -0,0 +1,2 @@
+import"@mui/material/styles";const t=t=>({styleOverrides:{root:{padding:t.spacing(1,1.5,1,1)}}});export{t as checkboxOverrides};
+//# sourceMappingURL=checkboxOverrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxOverrides.js","sources":["../../../src/themes/overrides/checkboxOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nexport const checkboxOverrides = (baseTheme: Theme): Components<Theme>['MuiCheckbox'] => ({\n  styleOverrides: {\n    root: {\n      padding: baseTheme.spacing(1, 1.5, 1, 1),\n    },\n  },\n});"],"names":["checkboxOverrides","baseTheme","styleOverrides","root","padding","spacing"],"mappings":"mCAEaA,EAAqBC,IAAgB,CAChDC,eAAgB,CACdC,KAAM,CACJC,QAASH,EAAUI,QAAQ,EAAG,IAAK,EAAG"}

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

@@ -0,0 +1,2 @@
+"use strict";require("@mui/material/styles");var t=require("../tokens/typography/font-family.cjs.js"),e=require("../typography.cjs.js");exports.formControlLabelOverrides=o=>({styleOverrides:{root:{"& .MuiTypography-root":{...e.typography.b1Weak,[o.breakpoints.down("tablet")]:{fontFamily:t.fontFamily.mobile.body,...e.getMobileTextStyle("b1")}},"& .MuiFormControlLabel-label":{color:o.palette.semantic.text["text-strong"]},"& .Mui-disabled":{color:`${o.palette.semantic.text["text-disabled"]} !important`}}}});
+//# sourceMappingURL=formControlLabelOverrides.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formControlLabelOverrides.cjs.js","sources":["../../../src/themes/overrides/formControlLabelOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formControlLabelOverrides = (baseTheme: Theme): Components<Theme>['MuiFormControlLabel'] => ({\n  styleOverrides: {\n    root: {\n      '& .MuiTypography-root': {\n        ...typography.b1Weak,\n        [baseTheme.breakpoints.down('tablet')]: {\n          fontFamily: fontFamily.mobile.body,\n          ...getMobileTextStyle('b1'),\n        },\n      },\n      '& .MuiFormControlLabel-label': {\n        color: baseTheme.palette.semantic.text['text-strong'],\n      },\n      '& .Mui-disabled': {\n        color: `${baseTheme.palette.semantic.text['text-disabled']} !important`,\n      },\n    },\n  },\n});"],"names":["baseTheme","styleOverrides","root","typography","b1Weak","breakpoints","down","fontFamily","mobile","body","getMobileTextStyle","color","palette","semantic","text"],"mappings":"0KAK0CA,IAAgB,CACxDC,eAAgB,CACdC,KAAM,CACJ,wBAAyB,IACpBC,EAAAA,WAAWC,OACd,CAACJ,EAAUK,YAAYC,KAAK,WAAY,CACtCC,WAAYA,EAAAA,WAAWC,OAAOC,QAC3BC,EAAAA,mBAAmB,QAG1B,+BAAgC,CAC9BC,MAAOX,EAAUY,QAAQC,SAASC,KAAK,gBAEzC,kBAAmB,CACjBH,MAAO,GAAGX,EAAUY,QAAQC,SAASC,KAAK"}

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

@@ -0,0 +1,5 @@
+import { Theme, Components } from '@mui/material/styles';
+
+declare const formControlLabelOverrides: (baseTheme: Theme) => Components<Theme>['MuiFormControlLabel'];
+
+export { formControlLabelOverrides };

package/dist/themes/overrides/formControlLabelOverrides.js

@@ -0,0 +1,2 @@
+import"@mui/material/styles";import{fontFamily as t}from"../tokens/typography/font-family.js";import{getMobileTextStyle as o,typography as e}from"../typography.js";const r=r=>({styleOverrides:{root:{"& .MuiTypography-root":{...e.b1Weak,[r.breakpoints.down("tablet")]:{fontFamily:t.mobile.body,...o("b1")}},"& .MuiFormControlLabel-label":{color:r.palette.semantic.text["text-strong"]},"& .Mui-disabled":{color:`${r.palette.semantic.text["text-disabled"]} !important`}}}});export{r as formControlLabelOverrides};
+//# sourceMappingURL=formControlLabelOverrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formControlLabelOverrides.js","sources":["../../../src/themes/overrides/formControlLabelOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formControlLabelOverrides = (baseTheme: Theme): Components<Theme>['MuiFormControlLabel'] => ({\n  styleOverrides: {\n    root: {\n      '& .MuiTypography-root': {\n        ...typography.b1Weak,\n        [baseTheme.breakpoints.down('tablet')]: {\n          fontFamily: fontFamily.mobile.body,\n          ...getMobileTextStyle('b1'),\n        },\n      },\n      '& .MuiFormControlLabel-label': {\n        color: baseTheme.palette.semantic.text['text-strong'],\n      },\n      '& .Mui-disabled': {\n        color: `${baseTheme.palette.semantic.text['text-disabled']} !important`,\n      },\n    },\n  },\n});"],"names":["formControlLabelOverrides","baseTheme","styleOverrides","root","typography","b1Weak","breakpoints","down","fontFamily","mobile","body","getMobileTextStyle","color","palette","semantic","text"],"mappings":"0KAKaA,EAA6BC,IAAgB,CACxDC,eAAgB,CACdC,KAAM,CACJ,wBAAyB,IACpBC,EAAWC,OACd,CAACJ,EAAUK,YAAYC,KAAK,WAAY,CACtCC,WAAYA,EAAWC,OAAOC,QAC3BC,EAAmB,QAG1B,+BAAgC,CAC9BC,MAAOX,EAAUY,QAAQC,SAASC,KAAK,gBAEzC,kBAAmB,CACjBH,MAAO,GAAGX,EAAUY,QAAQC,SAASC,KAAK"}

package/dist/themes/overrides/formHelperTextOverrides.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=>({styleOverrides:{root:{...e.typography.captionWeak,alignItems:"center",color:t.palette.semantic.text["text-weak"],display:"flex",gap:t.spacing(.5),margin:0,"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],"& svg":{color:t.palette.semantic.icon["icon-disabled"]}},"&.Mui-error":{color:t.palette.semantic.text["text-error"],fontWeight:600,"& svg":{color:t.palette.semantic.icon["icon-error"]}},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("caption")}}}});exports.default=t,exports.formHelperTextOverrides=t;
+"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.captionWeak,alignItems:"center",color:t.palette.semantic.text["text-weak"],display:"flex",gap:t.spacing(1),margin:0,"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],"& svg":{color:t.palette.semantic.icon["icon-disabled"]}},"&.Mui-error":{color:t.palette.semantic.text["text-error"],fontWeight:600,padding:t.spacing(.5,0),"& svg":{color:t.palette.semantic.icon["icon-error"]}},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("caption")}}}});exports.default=t,exports.formHelperTextOverrides=t;
 //# sourceMappingURL=formHelperTextOverrides.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"formHelperTextOverrides.cjs.js","sources":["../../../src/themes/overrides/formHelperTextOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formHelperTextOverrides = (baseTheme: Theme): Components<Theme>['MuiFormHelperText'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionWeak,\n      alignItems: 'center',\n      color: baseTheme.palette.semantic.text['text-weak'],\n      display: 'flex',\n      gap: baseTheme.spacing(0.5),\n      margin: 0,\n\n      '&.Mui-disabled': {\n        color: baseTheme.palette.semantic.text['text-disabled'],\n\n        '& svg': {\n          color: baseTheme.palette.semantic.icon['icon-disabled'],\n        },\n      },\n      '&.Mui-error': {\n        color: baseTheme.palette.semantic.text['text-error'],\n        fontWeight: 600,\n\n        '& svg': {\n          color: baseTheme.palette.semantic.icon['icon-error'],\n        },\n      },\n\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default formHelperTextOverrides;\n"],"names":["formHelperTextOverrides","baseTheme","styleOverrides","root","typography","captionWeak","alignItems","color","palette","semantic","text","display","gap","spacing","margin","icon","fontWeight","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAA2BC,IAAgB,CACtDC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,YACdC,WAAY,SACZC,MAAON,EAAUO,QAAQC,SAASC,KAAK,aACvCC,QAAS,OACTC,IAAKX,EAAUY,QAAQ,IACvBC,OAAQ,EAER,iBAAkB,CAChBP,MAAON,EAAUO,QAAQC,SAASC,KAAK,iBAEvC,QAAS,CACPH,MAAON,EAAUO,QAAQC,SAASM,KAAK,mBAG3C,cAAe,CACbR,MAAON,EAAUO,QAAQC,SAASC,KAAK,cACvCM,WAAY,IAEZ,QAAS,CACPT,MAAON,EAAUO,QAAQC,SAASM,KAAK,gBAI3C,CAACd,EAAUgB,YAAYC,KAAK,WAAY,IACnCC,EAAAA,mBAAmB"}
+{"version":3,"file":"formHelperTextOverrides.cjs.js","sources":["../../../src/themes/overrides/formHelperTextOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formHelperTextOverrides = (theme: Theme): Components<Theme>['MuiFormHelperText'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionWeak,\n      alignItems: 'center',\n      color: theme.palette.semantic.text['text-weak'],\n      display: 'flex',\n      gap: theme.spacing(1),\n      margin: 0,\n\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n      },\n      '&.Mui-error': {\n        color: theme.palette.semantic.text['text-error'],\n        fontWeight: 600,\n        padding: theme.spacing(0.5, 0),\n\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-error'],\n        },\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default formHelperTextOverrides;\n"],"names":["formHelperTextOverrides","theme","styleOverrides","root","typography","captionWeak","alignItems","color","palette","semantic","text","display","gap","spacing","margin","icon","fontWeight","padding","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAA2BC,IAAY,CAClDC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,YACdC,WAAY,SACZC,MAAON,EAAMO,QAAQC,SAASC,KAAK,aACnCC,QAAS,OACTC,IAAKX,EAAMY,QAAQ,GACnBC,OAAQ,EAER,iBAAkB,CAChBP,MAAON,EAAMO,QAAQC,SAASC,KAAK,iBAEnC,QAAS,CACPH,MAAON,EAAMO,QAAQC,SAASM,KAAK,mBAGvC,cAAe,CACbR,MAAON,EAAMO,QAAQC,SAASC,KAAK,cACnCM,WAAY,IACZC,QAAShB,EAAMY,QAAQ,GAAK,GAE5B,QAAS,CACPN,MAAON,EAAMO,QAAQC,SAASM,KAAK,gBAIvC,CAACd,EAAMiB,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB"}

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

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

package/dist/themes/overrides/formHelperTextOverrides.js

@@ -1,2 +1,2 @@
-import"@mui/material/styles";import{getMobileTextStyle as t,typography as e}from"../typography.js";const o=o=>({styleOverrides:{root:{...e.captionWeak,alignItems:"center",color:o.palette.semantic.text["text-weak"],display:"flex",gap:o.spacing(.5),margin:0,"&.Mui-disabled":{color:o.palette.semantic.text["text-disabled"],"& svg":{color:o.palette.semantic.icon["icon-disabled"]}},"&.Mui-error":{color:o.palette.semantic.text["text-error"],fontWeight:600,"& svg":{color:o.palette.semantic.icon["icon-error"]}},[o.breakpoints.down("tablet")]:{...t("caption")}}}});export{o as default,o as formHelperTextOverrides};
+import"@mui/material/styles";import{getMobileTextStyle as t,typography as e}from"../typography.js";const a=a=>({styleOverrides:{root:{...e.captionWeak,alignItems:"center",color:a.palette.semantic.text["text-weak"],display:"flex",gap:a.spacing(1),margin:0,"&.Mui-disabled":{color:a.palette.semantic.text["text-disabled"],"& svg":{color:a.palette.semantic.icon["icon-disabled"]}},"&.Mui-error":{color:a.palette.semantic.text["text-error"],fontWeight:600,padding:a.spacing(.5,0),"& svg":{color:a.palette.semantic.icon["icon-error"]}},[a.breakpoints.down("tablet")]:{...t("caption")}}}});export{a as default,a as formHelperTextOverrides};
 //# sourceMappingURL=formHelperTextOverrides.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"formHelperTextOverrides.js","sources":["../../../src/themes/overrides/formHelperTextOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formHelperTextOverrides = (baseTheme: Theme): Components<Theme>['MuiFormHelperText'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionWeak,\n      alignItems: 'center',\n      color: baseTheme.palette.semantic.text['text-weak'],\n      display: 'flex',\n      gap: baseTheme.spacing(0.5),\n      margin: 0,\n\n      '&.Mui-disabled': {\n        color: baseTheme.palette.semantic.text['text-disabled'],\n\n        '& svg': {\n          color: baseTheme.palette.semantic.icon['icon-disabled'],\n        },\n      },\n      '&.Mui-error': {\n        color: baseTheme.palette.semantic.text['text-error'],\n        fontWeight: 600,\n\n        '& svg': {\n          color: baseTheme.palette.semantic.icon['icon-error'],\n        },\n      },\n\n      [baseTheme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default formHelperTextOverrides;\n"],"names":["formHelperTextOverrides","baseTheme","styleOverrides","root","typography","captionWeak","alignItems","color","palette","semantic","text","display","gap","spacing","margin","icon","fontWeight","breakpoints","down","getMobileTextStyle"],"mappings":"yGAIaA,EAA2BC,IAAgB,CACtDC,eAAgB,CACdC,KAAM,IACDC,EAAWC,YACdC,WAAY,SACZC,MAAON,EAAUO,QAAQC,SAASC,KAAK,aACvCC,QAAS,OACTC,IAAKX,EAAUY,QAAQ,IACvBC,OAAQ,EAER,iBAAkB,CAChBP,MAAON,EAAUO,QAAQC,SAASC,KAAK,iBAEvC,QAAS,CACPH,MAAON,EAAUO,QAAQC,SAASM,KAAK,mBAG3C,cAAe,CACbR,MAAON,EAAUO,QAAQC,SAASC,KAAK,cACvCM,WAAY,IAEZ,QAAS,CACPT,MAAON,EAAUO,QAAQC,SAASM,KAAK,gBAI3C,CAACd,EAAUgB,YAAYC,KAAK,WAAY,IACnCC,EAAmB"}
+{"version":3,"file":"formHelperTextOverrides.js","sources":["../../../src/themes/overrides/formHelperTextOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formHelperTextOverrides = (theme: Theme): Components<Theme>['MuiFormHelperText'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.captionWeak,\n      alignItems: 'center',\n      color: theme.palette.semantic.text['text-weak'],\n      display: 'flex',\n      gap: theme.spacing(1),\n      margin: 0,\n\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-disabled'],\n        },\n      },\n      '&.Mui-error': {\n        color: theme.palette.semantic.text['text-error'],\n        fontWeight: 600,\n        padding: theme.spacing(0.5, 0),\n\n        '& svg': {\n          color: theme.palette.semantic.icon['icon-error'],\n        },\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('caption'),\n      },\n    },\n  },\n});\n\nexport default formHelperTextOverrides;\n"],"names":["formHelperTextOverrides","theme","styleOverrides","root","typography","captionWeak","alignItems","color","palette","semantic","text","display","gap","spacing","margin","icon","fontWeight","padding","breakpoints","down","getMobileTextStyle"],"mappings":"yGAIaA,EAA2BC,IAAY,CAClDC,eAAgB,CACdC,KAAM,IACDC,EAAWC,YACdC,WAAY,SACZC,MAAON,EAAMO,QAAQC,SAASC,KAAK,aACnCC,QAAS,OACTC,IAAKX,EAAMY,QAAQ,GACnBC,OAAQ,EAER,iBAAkB,CAChBP,MAAON,EAAMO,QAAQC,SAASC,KAAK,iBAEnC,QAAS,CACPH,MAAON,EAAMO,QAAQC,SAASM,KAAK,mBAGvC,cAAe,CACbR,MAAON,EAAMO,QAAQC,SAASC,KAAK,cACnCM,WAAY,IACZC,QAAShB,EAAMY,QAAQ,GAAK,GAE5B,QAAS,CACPN,MAAON,EAAMO,QAAQC,SAASM,KAAK,gBAIvC,CAACd,EAAMiB,YAAYC,KAAK,WAAY,IAC/BC,EAAmB"}

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

@@ -0,0 +1,2 @@
+"use strict";require("@mui/material/styles");var e=require("../tokens/typography/font-family.cjs.js"),t=require("../typography.cjs.js");exports.formLabelOverrides=r=>({styleOverrides:{root:{...t.typography.b1Weak,color:r.palette.semantic.text["text-strong"],[r.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,...t.getMobileTextStyle("b1")},"&.Mui-focused":{color:r.palette.semantic.text["text-strong"]}}}});
+//# sourceMappingURL=formLabelOverrides.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formLabelOverrides.cjs.js","sources":["../../../src/themes/overrides/formLabelOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formLabelOverrides = (baseTheme: Theme): Components<Theme>['MuiFormLabel'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      color: baseTheme.palette.semantic.text['text-strong'],\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        ...getMobileTextStyle('b1'),\n      },\n      '&.Mui-focused': {\n        color: baseTheme.palette.semantic.text['text-strong'],\n      }\n    },\n  },\n});"],"names":["baseTheme","styleOverrides","root","typography","b1Weak","color","palette","semantic","text","breakpoints","down","fontFamily","mobile","body","getMobileTextStyle"],"mappings":"mKAKmCA,IAAgB,CACjDC,eAAgB,CACdC,KAAM,IACDC,EAAAA,WAAWC,OACdC,MAAOL,EAAUM,QAAQC,SAASC,KAAK,eACvC,CAACR,EAAUS,YAAYC,KAAK,WAAY,CACtCC,WAAYA,EAAAA,WAAWC,OAAOC,QAC3BC,EAAAA,mBAAmB,OAExB,gBAAiB,CACfT,MAAOL,EAAUM,QAAQC,SAASC,KAAK"}

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

@@ -0,0 +1,5 @@
+import { Theme, Components } from '@mui/material/styles';
+
+declare const formLabelOverrides: (baseTheme: Theme) => Components<Theme>['MuiFormLabel'];
+
+export { formLabelOverrides };

package/dist/themes/overrides/formLabelOverrides.js

@@ -0,0 +1,2 @@
+import"@mui/material/styles";import{fontFamily as t}from"../tokens/typography/font-family.js";import{getMobileTextStyle as o,typography as e}from"../typography.js";const r=r=>({styleOverrides:{root:{...e.b1Weak,color:r.palette.semantic.text["text-strong"],[r.breakpoints.down("tablet")]:{fontFamily:t.mobile.body,...o("b1")},"&.Mui-focused":{color:r.palette.semantic.text["text-strong"]}}}});export{r as formLabelOverrides};
+//# sourceMappingURL=formLabelOverrides.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"formLabelOverrides.js","sources":["../../../src/themes/overrides/formLabelOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const formLabelOverrides = (baseTheme: Theme): Components<Theme>['MuiFormLabel'] => ({\n  styleOverrides: {\n    root: {\n      ...typography.b1Weak,\n      color: baseTheme.palette.semantic.text['text-strong'],\n      [baseTheme.breakpoints.down('tablet')]: {\n        fontFamily: fontFamily.mobile.body,\n        ...getMobileTextStyle('b1'),\n      },\n      '&.Mui-focused': {\n        color: baseTheme.palette.semantic.text['text-strong'],\n      }\n    },\n  },\n});"],"names":["formLabelOverrides","baseTheme","styleOverrides","root","typography","b1Weak","color","palette","semantic","text","breakpoints","down","fontFamily","mobile","body","getMobileTextStyle"],"mappings":"0KAKaA,EAAsBC,IAAgB,CACjDC,eAAgB,CACdC,KAAM,IACDC,EAAWC,OACdC,MAAOL,EAAUM,QAAQC,SAASC,KAAK,eACvC,CAACR,EAAUS,YAAYC,KAAK,WAAY,CACtCC,WAAYA,EAAWC,OAAOC,QAC3BC,EAAmB,OAExB,gBAAiB,CACfT,MAAOL,EAAUM,QAAQC,SAASC,KAAK"}

package/dist/themes/overrides/inputBaseOverrides.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=>({styleOverrides:{root:{backgroundColor:t.palette.semantic.fill["fill-inverse-strong"],backgroundImage:"none",border:"1px solid",borderColor:t.palette.semantic.stroke["stroke-strong"],borderRadius:t.radius["radius-8"],minHeight:50,padding:t.spacing(0,2),"&.Mui-disabled":{borderColor:t.palette.semantic.stroke["stroke-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto"},"&.Mui-focused:not(.Mui-disabled)":{outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&:hover:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${t.palette.semantic.fill["fill-hover"]}, ${t.palette.semantic.fill["fill-hover"]})`},"&:active:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${t.palette.semantic.fill["fill-press"]}, ${t.palette.semantic.fill["fill-press"]})`},"&.Mui-error":{backgroundColor:t.palette.semantic.fill["fill-error-weak"],border:"2px solid",borderColor:t.palette.semantic.stroke["stroke-error-strong"]}},input:{...e.typography.b1Weak,color:t.palette.semantic.text["text-strong"],"&.MuiOutlinedInput-input":{padding:0},"&::placeholder":{...e.typography.b1Weak,color:t.palette.semantic.text["text-weak"],opacity:1},"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],cursor:"not-allowed",pointerEvents:"auto","-webkit-text-fill-color":t.palette.semantic.text["text-disabled"],"&::placeholder":{color:t.palette.semantic.text["text-disabled"],"-webkit-text-fill-color":t.palette.semantic.text["text-disabled"]}},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("b1"),"&::placeholder":{...e.getMobileTextStyle("b1")}}},inputMultiline:{padding:t.spacing(1.5,2),"&.MuiOutlinedInput-input":{padding:0}}}});exports.default=t,exports.inputBaseOverrides=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("@mui/material/styles");var e=require("../typography.cjs.js");const t=t=>({styleOverrides:{root:{backgroundColor:t.palette.semantic.fill["fill-inverse-strong"],backgroundImage:"none",border:"1px solid",borderColor:t.palette.semantic.stroke["stroke-strong"],borderRadius:t.radius["radius-8"],boxSizing:"border-box",minHeight:48,padding:t.spacing(0,2),"&.Mui-disabled":{borderColor:t.palette.semantic.stroke["stroke-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto"},"&.Mui-error":{backgroundColor:t.palette.semantic.fill["fill-error-weak"],border:"2px solid",borderColor:t.palette.semantic.stroke["stroke-error-strong"]},"&.MuiInputBase-multiline":{padding:t.spacing(1.5,2)},"&.Mui-focused:not(.Mui-disabled), &:focus:not(.Mui-disabled)":{outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&:hover:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${t.palette.semantic.fill["fill-hover"]}, ${t.palette.semantic.fill["fill-hover"]})`},"&:active:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${t.palette.semantic.fill["fill-press"]}, ${t.palette.semantic.fill["fill-press"]})`}},input:{...e.typography.b1Weak,color:t.palette.semantic.text["text-strong"],"&.MuiOutlinedInput-input":{padding:0},"&::placeholder":{...e.typography.b1Weak,color:t.palette.semantic.text["text-weak"],opacity:1},"&.Mui-disabled":{color:t.palette.semantic.text["text-disabled"],cursor:"not-allowed",pointerEvents:"auto","-webkit-text-fill-color":t.palette.semantic.text["text-disabled"],"&::placeholder":{color:t.palette.semantic.text["text-disabled"],"-webkit-text-fill-color":t.palette.semantic.text["text-disabled"]}},[t.breakpoints.down("tablet")]:{...e.getMobileTextStyle("b1"),"&::placeholder":{...e.getMobileTextStyle("b1")}}}}});exports.default=t,exports.inputBaseOverrides=t;
 //# sourceMappingURL=inputBaseOverrides.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"inputBaseOverrides.cjs.js","sources":["../../../src/themes/overrides/inputBaseOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const inputBaseOverrides = (theme: Theme): Components<Theme>['MuiInputBase'] => ({\n  styleOverrides: {\n    root: {\n      backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n      backgroundImage: 'none',\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-strong'],\n      borderRadius: theme.radius['radius-8'],\n      minHeight: 50,\n      padding: theme.spacing(0, 2),\n\n      '&.Mui-disabled': {\n        borderColor: theme.palette.semantic.stroke['stroke-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n      },\n      '&.Mui-focused:not(.Mui-disabled)': {\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '2px',\n      },\n      '&:hover:not(.Mui-disabled)': {\n        backgroundImage: `linear-gradient(${theme.palette.semantic.fill['fill-hover']}, ${theme.palette.semantic.fill['fill-hover']})`,\n      },\n      '&:active:not(.Mui-disabled)': {\n        backgroundImage: `linear-gradient(${theme.palette.semantic.fill['fill-press']}, ${theme.palette.semantic.fill['fill-press']})`,\n      },\n      '&.Mui-error': {\n        backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n        border: '2px solid',\n        borderColor: theme.palette.semantic.stroke['stroke-error-strong'],\n      },\n    },\n    input: {\n      ...typography.b1Weak,\n      color: theme.palette.semantic.text['text-strong'],\n\n      '&.MuiOutlinedInput-input': {\n        padding: 0,\n      },\n      '&::placeholder': {\n        ...typography.b1Weak,\n        color: theme.palette.semantic.text['text-weak'],\n        opacity: 1,\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        pointerEvents: 'auto',\n        '-webkit-text-fill-color': theme.palette.semantic.text['text-disabled'],\n\n        '&::placeholder': {\n          color: theme.palette.semantic.text['text-disabled'],\n          '-webkit-text-fill-color': theme.palette.semantic.text['text-disabled'],\n        },\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n\n        '&::placeholder': {\n          ...getMobileTextStyle('b1'),\n        },\n      },\n    },\n    inputMultiline: {\n      padding: theme.spacing(1.5, 2),\n\n      '&.MuiOutlinedInput-input': {\n        padding: 0,\n      },\n    },\n  },\n});\n\nexport default inputBaseOverrides;\n"],"names":["inputBaseOverrides","theme","styleOverrides","root","backgroundColor","palette","semantic","fill","backgroundImage","border","borderColor","stroke","borderRadius","radius","minHeight","padding","spacing","cursor","opacity","pointerEvents","outline","outlineOffset","input","typography","b1Weak","color","text","breakpoints","down","getMobileTextStyle","inputMultiline"],"mappings":"gJAIaA,EAAsBC,IAAY,CAC7CC,eAAgB,CACdC,KAAM,CACJC,gBAAiBH,EAAMI,QAAQC,SAASC,KAAK,uBAC7CC,gBAAiB,OACjBC,OAAQ,YACRC,YAAaT,EAAMI,QAAQC,SAASK,OAAO,iBAC3CC,aAAcX,EAAMY,OAAO,YAC3BC,UAAW,GACXC,QAASd,EAAMe,QAAQ,EAAG,GAE1B,iBAAkB,CAChBN,YAAaT,EAAMI,QAAQC,SAASK,OAAO,mBAC3CM,OAAQ,cACRC,QAAS,EACTC,cAAe,QAEjB,mCAAoC,CAClCC,QAAS,aAAanB,EAAMI,QAAQC,SAASK,OAAO,kBACpDU,cAAe,OAEjB,6BAA8B,CAC5Bb,gBAAiB,mBAAmBP,EAAMI,QAAQC,SAASC,KAAK,kBAAkBN,EAAMI,QAAQC,SAASC,KAAK,kBAEhH,8BAA+B,CAC7BC,gBAAiB,mBAAmBP,EAAMI,QAAQC,SAASC,KAAK,kBAAkBN,EAAMI,QAAQC,SAASC,KAAK,kBAEhH,cAAe,CACbH,gBAAiBH,EAAMI,QAAQC,SAASC,KAAK,mBAC7CE,OAAQ,YACRC,YAAaT,EAAMI,QAAQC,SAASK,OAAO,yBAG/CW,MAAO,IACFC,EAAAA,WAAWC,OACdC,MAAOxB,EAAMI,QAAQC,SAASoB,KAAK,eAEnC,2BAA4B,CAC1BX,QAAS,GAEX,iBAAkB,IACbQ,EAAAA,WAAWC,OACdC,MAAOxB,EAAMI,QAAQC,SAASoB,KAAK,aACnCR,QAAS,GAEX,iBAAkB,CAChBO,MAAOxB,EAAMI,QAAQC,SAASoB,KAAK,iBACnCT,OAAQ,cACRE,cAAe,OACf,0BAA2BlB,EAAMI,QAAQC,SAASoB,KAAK,iBAEvD,iBAAkB,CAChBD,MAAOxB,EAAMI,QAAQC,SAASoB,KAAK,iBACnC,0BAA2BzB,EAAMI,QAAQC,SAASoB,KAAK,mBAI3D,CAACzB,EAAM0B,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB,MAEtB,iBAAkB,IACbA,EAAAA,mBAAmB,SAI5BC,eAAgB,CACdf,QAASd,EAAMe,QAAQ,IAAK,GAE5B,2BAA4B,CAC1BD,QAAS"}
+{"version":3,"file":"inputBaseOverrides.cjs.js","sources":["../../../src/themes/overrides/inputBaseOverrides.ts"],"sourcesContent":["import { type Components, type Theme } from '@mui/material/styles';\n\nimport { getMobileTextStyle, typography } from '@fd/themes/typography';\n\nexport const inputBaseOverrides = (theme: Theme): Components<Theme>['MuiInputBase'] => ({\n  styleOverrides: {\n    root: {\n      backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n      backgroundImage: 'none',\n      border: '1px solid',\n      borderColor: theme.palette.semantic.stroke['stroke-strong'],\n      borderRadius: theme.radius['radius-8'],\n      boxSizing: 'border-box',\n      minHeight: 48,\n      padding: theme.spacing(0, 2),\n\n      '&.Mui-disabled': {\n        borderColor: theme.palette.semantic.stroke['stroke-disabled'],\n        cursor: 'not-allowed',\n        opacity: 1, // Override default MUI opacity\n        pointerEvents: 'auto',\n      },\n      '&.Mui-error': {\n        backgroundColor: theme.palette.semantic.fill['fill-error-weak'],\n        border: '2px solid',\n        borderColor: theme.palette.semantic.stroke['stroke-error-strong'],\n      },\n      '&.MuiInputBase-multiline': {\n        padding: theme.spacing(1.5, 2),\n      },\n      '&.Mui-focused:not(.Mui-disabled), &:focus:not(.Mui-disabled)': {\n        outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n        outlineOffset: '2px',\n      },\n      '&:hover:not(.Mui-disabled)': {\n        backgroundImage: `linear-gradient(${theme.palette.semantic.fill['fill-hover']}, ${theme.palette.semantic.fill['fill-hover']})`,\n      },\n      '&:active:not(.Mui-disabled)': {\n        backgroundImage: `linear-gradient(${theme.palette.semantic.fill['fill-press']}, ${theme.palette.semantic.fill['fill-press']})`,\n      },\n    },\n    input: {\n      ...typography.b1Weak,\n      color: theme.palette.semantic.text['text-strong'],\n\n      '&.MuiOutlinedInput-input': {\n        padding: 0,\n      },\n      '&::placeholder': {\n        ...typography.b1Weak,\n        color: theme.palette.semantic.text['text-weak'],\n        opacity: 1,\n      },\n      '&.Mui-disabled': {\n        color: theme.palette.semantic.text['text-disabled'],\n        cursor: 'not-allowed',\n        pointerEvents: 'auto',\n        '-webkit-text-fill-color': theme.palette.semantic.text['text-disabled'],\n\n        '&::placeholder': {\n          color: theme.palette.semantic.text['text-disabled'],\n          '-webkit-text-fill-color': theme.palette.semantic.text['text-disabled'],\n        },\n      },\n\n      [theme.breakpoints.down('tablet')]: {\n        ...getMobileTextStyle('b1'),\n\n        '&::placeholder': {\n          ...getMobileTextStyle('b1'),\n        },\n      },\n    },\n  },\n});\n\nexport default inputBaseOverrides;\n"],"names":["inputBaseOverrides","theme","styleOverrides","root","backgroundColor","palette","semantic","fill","backgroundImage","border","borderColor","stroke","borderRadius","radius","boxSizing","minHeight","padding","spacing","cursor","opacity","pointerEvents","outline","outlineOffset","input","typography","b1Weak","color","text","breakpoints","down","getMobileTextStyle"],"mappings":"gJAIaA,EAAsBC,IAAY,CAC7CC,eAAgB,CACdC,KAAM,CACJC,gBAAiBH,EAAMI,QAAQC,SAASC,KAAK,uBAC7CC,gBAAiB,OACjBC,OAAQ,YACRC,YAAaT,EAAMI,QAAQC,SAASK,OAAO,iBAC3CC,aAAcX,EAAMY,OAAO,YAC3BC,UAAW,aACXC,UAAW,GACXC,QAASf,EAAMgB,QAAQ,EAAG,GAE1B,iBAAkB,CAChBP,YAAaT,EAAMI,QAAQC,SAASK,OAAO,mBAC3CO,OAAQ,cACRC,QAAS,EACTC,cAAe,QAEjB,cAAe,CACbhB,gBAAiBH,EAAMI,QAAQC,SAASC,KAAK,mBAC7CE,OAAQ,YACRC,YAAaT,EAAMI,QAAQC,SAASK,OAAO,wBAE7C,2BAA4B,CAC1BK,QAASf,EAAMgB,QAAQ,IAAK,IAE9B,+DAAgE,CAC9DI,QAAS,aAAapB,EAAMI,QAAQC,SAASK,OAAO,kBACpDW,cAAe,OAEjB,6BAA8B,CAC5Bd,gBAAiB,mBAAmBP,EAAMI,QAAQC,SAASC,KAAK,kBAAkBN,EAAMI,QAAQC,SAASC,KAAK,kBAEhH,8BAA+B,CAC7BC,gBAAiB,mBAAmBP,EAAMI,QAAQC,SAASC,KAAK,kBAAkBN,EAAMI,QAAQC,SAASC,KAAK,mBAGlHgB,MAAO,IACFC,EAAAA,WAAWC,OACdC,MAAOzB,EAAMI,QAAQC,SAASqB,KAAK,eAEnC,2BAA4B,CAC1BX,QAAS,GAEX,iBAAkB,IACbQ,EAAAA,WAAWC,OACdC,MAAOzB,EAAMI,QAAQC,SAASqB,KAAK,aACnCR,QAAS,GAEX,iBAAkB,CAChBO,MAAOzB,EAAMI,QAAQC,SAASqB,KAAK,iBACnCT,OAAQ,cACRE,cAAe,OACf,0BAA2BnB,EAAMI,QAAQC,SAASqB,KAAK,iBAEvD,iBAAkB,CAChBD,MAAOzB,EAAMI,QAAQC,SAASqB,KAAK,iBACnC,0BAA2B1B,EAAMI,QAAQC,SAASqB,KAAK,mBAI3D,CAAC1B,EAAM2B,YAAYC,KAAK,WAAY,IAC/BC,EAAAA,mBAAmB,MAEtB,iBAAkB,IACbA,EAAAA,mBAAmB"}

package/dist/themes/overrides/inputBaseOverrides.js

@@ -1,2 +1,2 @@
-import"@mui/material/styles";import{getMobileTextStyle as e,typography as t}from"../typography.js";const i=i=>({styleOverrides:{root:{backgroundColor:i.palette.semantic.fill["fill-inverse-strong"],backgroundImage:"none",border:"1px solid",borderColor:i.palette.semantic.stroke["stroke-strong"],borderRadius:i.radius["radius-8"],minHeight:50,padding:i.spacing(0,2),"&.Mui-disabled":{borderColor:i.palette.semantic.stroke["stroke-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto"},"&.Mui-focused:not(.Mui-disabled)":{outline:`2px solid ${i.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&:hover:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${i.palette.semantic.fill["fill-hover"]}, ${i.palette.semantic.fill["fill-hover"]})`},"&:active:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${i.palette.semantic.fill["fill-press"]}, ${i.palette.semantic.fill["fill-press"]})`},"&.Mui-error":{backgroundColor:i.palette.semantic.fill["fill-error-weak"],border:"2px solid",borderColor:i.palette.semantic.stroke["stroke-error-strong"]}},input:{...t.b1Weak,color:i.palette.semantic.text["text-strong"],"&.MuiOutlinedInput-input":{padding:0},"&::placeholder":{...t.b1Weak,color:i.palette.semantic.text["text-weak"],opacity:1},"&.Mui-disabled":{color:i.palette.semantic.text["text-disabled"],cursor:"not-allowed",pointerEvents:"auto","-webkit-text-fill-color":i.palette.semantic.text["text-disabled"],"&::placeholder":{color:i.palette.semantic.text["text-disabled"],"-webkit-text-fill-color":i.palette.semantic.text["text-disabled"]}},[i.breakpoints.down("tablet")]:{...e("b1"),"&::placeholder":{...e("b1")}}},inputMultiline:{padding:i.spacing(1.5,2),"&.MuiOutlinedInput-input":{padding:0}}}});export{i as default,i as inputBaseOverrides};
+import"@mui/material/styles";import{getMobileTextStyle as e,typography as t}from"../typography.js";const o=o=>({styleOverrides:{root:{backgroundColor:o.palette.semantic.fill["fill-inverse-strong"],backgroundImage:"none",border:"1px solid",borderColor:o.palette.semantic.stroke["stroke-strong"],borderRadius:o.radius["radius-8"],boxSizing:"border-box",minHeight:48,padding:o.spacing(0,2),"&.Mui-disabled":{borderColor:o.palette.semantic.stroke["stroke-disabled"],cursor:"not-allowed",opacity:1,pointerEvents:"auto"},"&.Mui-error":{backgroundColor:o.palette.semantic.fill["fill-error-weak"],border:"2px solid",borderColor:o.palette.semantic.stroke["stroke-error-strong"]},"&.MuiInputBase-multiline":{padding:o.spacing(1.5,2)},"&.Mui-focused:not(.Mui-disabled), &:focus:not(.Mui-disabled)":{outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,outlineOffset:"2px"},"&:hover:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${o.palette.semantic.fill["fill-hover"]}, ${o.palette.semantic.fill["fill-hover"]})`},"&:active:not(.Mui-disabled)":{backgroundImage:`linear-gradient(${o.palette.semantic.fill["fill-press"]}, ${o.palette.semantic.fill["fill-press"]})`}},input:{...t.b1Weak,color:o.palette.semantic.text["text-strong"],"&.MuiOutlinedInput-input":{padding:0},"&::placeholder":{...t.b1Weak,color:o.palette.semantic.text["text-weak"],opacity:1},"&.Mui-disabled":{color:o.palette.semantic.text["text-disabled"],cursor:"not-allowed",pointerEvents:"auto","-webkit-text-fill-color":o.palette.semantic.text["text-disabled"],"&::placeholder":{color:o.palette.semantic.text["text-disabled"],"-webkit-text-fill-color":o.palette.semantic.text["text-disabled"]}},[o.breakpoints.down("tablet")]:{...e("b1"),"&::placeholder":{...e("b1")}}}}});export{o as default,o as inputBaseOverrides};
 //# sourceMappingURL=inputBaseOverrides.js.map