@flipdish/portal-library 5.4.1 → 5.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),i=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),l=require("@mui/material/styles"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/AppBar"),r=require("@mui/material/Box"),i=require("@mui/material/CssBaseline"),a=require("@mui/material/Drawer"),l=require("@mui/material/styles"),o=require("@mui/material/Typography");const n=198,s=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"65px",color:e.palette.semantic.text["text-weak"],borderBottom:`2px solid ${e.palette.semantic.stroke["stroke-weak"]}`,width:"100%",position:"relative",[e.breakpoints.down("tablet")]:{width:"100%"}}))),d=l.styled("div")((({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",backgroundColor:e.palette.semantic.background["background-sunken"],height:"100%",color:e.palette.semantic.text["text-weak"]}))),p=l.styled(t)((({theme:e})=>({width:e.breakpoints.up("tablet")?"calc(100% - 198px)":"100%",left:"198px",[e.breakpoints.down("tablet")]:{left:"0",width:"100%"},boxShadow:"none",position:"fixed",top:0,right:0}))),h=l.styled(a)`
|
|
2
2
|
display: ${({theme:e})=>e.breakpoints.up("tablet")?"block":"none"};
|
|
3
3
|
& .MuiDrawer-paper {
|
|
4
4
|
box-sizing: border-box;
|
|
5
|
-
width: ${
|
|
5
|
+
width: ${n}px;
|
|
6
6
|
border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
|
|
7
7
|
border-width: 2px;
|
|
8
8
|
}
|
|
9
|
-
`,c=l.styled(r)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),x=l.styled(r)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",
|
|
9
|
+
`,c=l.styled(r)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),x=l.styled(r)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),b=l.styled(r)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),m=l.styled(o)`
|
|
10
10
|
font-weight: bold;
|
|
11
11
|
`;module.exports=({children:t,loadedFromPortal:r})=>{if(r)return e.jsx(e.Fragment,{children:t});const a=e.jsx(d,{children:e.jsx(m,{children:"Sidebar"})});return e.jsxs(b,{children:[e.jsx(i,{}),e.jsx(p,{children:e.jsx(s,{id:"header",children:e.jsx(m,{children:"Header"})})}),e.jsx(c,{"aria-label":"mailbox folders",as:"nav",children:e.jsx(h,{open:!0,variant:"permanent",children:a})}),e.jsx(x,{as:"main",children:t})]})};
|
|
12
12
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"kQAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,YAILI,EAAgBlB,EAAAA,OAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BQ,EAAenB,EAAAA,OAAOoB,EAAPpB,EAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,MAGHC,EAAe1B,EAAAA,OAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAAA,OAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,YAIP6B,EAAgB/B,EAAAA,OAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,YAITE,EAAqBnC,EAAAA,OAAO6B,EAAP7B,EAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,aAGNE,EAAuBpC,EAAAA,OAAOqC,EAAW;;iBAS5B,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAA,IAAAC,EAAAA,SAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAAAA,IAACtB,EAAa,CAAAoB,SACZE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,cAIzB,OACEK,OAACR,EAAkB,CAAAG,SAAA,CACjBE,EAAAA,IAACI,EAAW,CAAA,GACZJ,EAAAA,IAACrB,EAAY,CAAAmB,SACXE,EAAAA,IAACzC,GAAa8C,GAAG,SAAQP,SACvBE,EAAAA,IAACJ,EAAoB,CAAAE,SAAA,eAGzBE,EAAAA,IAACZ,EAAY,CAAA,aAAY,kBAAkBkB,GAAG,MAAKR,SACjDE,EAAAA,IAACd,EAAY,CAACqB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAAAA,IAACT,EAAa,CAACe,GAAG,OAAMR,SAAEA"}
|
|
@@ -6,7 +6,7 @@ import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import i from"@m
|
|
|
6
6
|
border-color: ${({theme:e})=>e.palette.semantic.stroke["stroke-weak"]};
|
|
7
7
|
border-width: 2px;
|
|
8
8
|
}
|
|
9
|
-
`,b=l(a)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),k=l(a)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",
|
|
9
|
+
`,b=l(a)((({theme:e})=>({width:e.breakpoints.up("tablet")?"198px":"0",flexShrink:e.breakpoints.up("tablet")?"0":"1",[e.breakpoints.up("tablet")]:{display:"block"},[e.breakpoints.down("tablet")]:{display:"none"}}))),k=l(a)((({theme:e})=>({flexGrow:1,width:"calc(100% - 198px)",marginTop:"65px",overflow:"auto",height:"calc(100vh - 65px)",[e.breakpoints.down("tablet")]:{width:"100%",marginTop:"65px"}}))),x=l(a)((()=>({display:"flex",height:"100vh",overflow:"hidden"}))),u=l(p)`
|
|
10
10
|
font-weight: bold;
|
|
11
11
|
`,w=({children:i,loadedFromPortal:a})=>{if(a)return e(t,{children:i});const n=e(s,{children:e(u,{children:"Sidebar"})});return r(x,{children:[e(o,{}),e(h,{children:e(m,{id:"header",children:e(u,{children:"Header"})})}),e(b,{"aria-label":"mailbox folders",as:"nav",children:e(c,{open:!0,variant:"permanent",children:n})}),e(k,{as:"main",children:i})]})};export{w as default};
|
|
12
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/PortalMock/index.tsx"],"sourcesContent":["import AppBar from '@mui/material/AppBar';\nimport Box from '@mui/material/Box';\nimport CssBaseline from '@mui/material/CssBaseline';\nimport Drawer from '@mui/material/Drawer';\nimport { styled } from '@mui/material/styles';\nimport Typography from '@mui/material/Typography';\n\nconst drawerWidth = 198;\n\nconst StyledHeader = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '65px',\n color: theme.palette.semantic.text['text-weak'],\n borderBottom: `2px solid ${theme.palette.semantic.stroke['stroke-weak']}`,\n width: '100%',\n position: 'relative',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n },\n}));\n\nconst StyledSidebar = styled('div')(({ theme }) => ({\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: theme.palette.semantic.background['background-sunken'],\n height: '100%',\n color: theme.palette.semantic.text['text-weak'],\n}));\n\nconst StyledAppBar = styled(AppBar)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `calc(100% - ${drawerWidth}px)` : '100%',\n left: `${drawerWidth}px`,\n [theme.breakpoints.down('tablet')]: {\n left: '0',\n width: '100%',\n },\n boxShadow: 'none',\n position: 'fixed',\n top: 0,\n right: 0,\n}));\n\nconst StyledDrawer = styled(Drawer)`\n display: ${({ theme }) => (theme.breakpoints.up('tablet') ? 'block' : 'none')};\n & .MuiDrawer-paper {\n box-sizing: border-box;\n width: ${drawerWidth}px;\n border-color: ${({ theme }) => theme.palette.semantic.stroke['stroke-weak']};\n border-width: 2px;\n }\n`;\n\nconst StyledNavBox = styled(Box)(({ theme }) => ({\n width: theme.breakpoints.up('tablet') ? `${drawerWidth}px` : '0',\n flexShrink: theme.breakpoints.up('tablet') ? '0' : '1',\n [theme.breakpoints.up('tablet')]: {\n display: 'block',\n },\n [theme.breakpoints.down('tablet')]: {\n display: 'none',\n },\n}));\n\nconst StyledMainBox = styled(Box)(({ theme }) => ({\n flexGrow: 1,\n width: `calc(100% - ${drawerWidth}px)`,\n marginTop: '65px',\n overflow: 'auto',\n height: 'calc(100vh - 65px)',\n [theme.breakpoints.down('tablet')]: {\n width: '100%',\n marginTop: '65px',\n },\n}));\n\nconst StylesBoxContainer = styled(Box)(() => ({\n display: 'flex',\n height: '100vh',\n overflow: 'hidden',\n}));\n\nconst StyledBoldTypography = styled(Typography)`\n font-weight: bold;\n`;\n\ninterface Props {\n loadedFromPortal: boolean;\n children: React.ReactNode;\n}\n\nconst PortalMock = ({ children, loadedFromPortal }: Props) => {\n if (loadedFromPortal) {\n /* eslint-disable-next-line react/jsx-no-useless-fragment */\n return <>{children}</>;\n }\n\n const drawer = (\n <StyledSidebar>\n <StyledBoldTypography>Sidebar</StyledBoldTypography>\n </StyledSidebar>\n );\n\n return (\n <StylesBoxContainer>\n <CssBaseline />\n <StyledAppBar>\n <StyledHeader id=\"header\">\n <StyledBoldTypography>Header</StyledBoldTypography>\n </StyledHeader>\n </StyledAppBar>\n <StyledNavBox aria-label=\"mailbox folders\" as=\"nav\">\n <StyledDrawer open variant=\"permanent\">\n {drawer}\n </StyledDrawer>\n </StyledNavBox>\n <StyledMainBox as=\"main\">{children}</StyledMainBox>\n </StylesBoxContainer>\n );\n};\n\nexport default PortalMock;\n"],"names":["drawerWidth","StyledHeader","styled","theme","display","justifyContent","alignItems","backgroundColor","palette","semantic","background","height","color","text","borderBottom","stroke","width","position","breakpoints","down","StyledSidebar","StyledAppBar","AppBar","up","left","boxShadow","top","right","StyledDrawer","Drawer","StyledNavBox","Box","flexShrink","StyledMainBox","flexGrow","marginTop","overflow","StylesBoxContainer","StyledBoldTypography","Typography","PortalMock","children","loadedFromPortal","_jsx","_Fragment","drawer","_jsxs","CssBaseline","id","as","open","variant"],"mappings":"wSAOA,MAAMA,EAAc,IAEdC,EAAeC,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC3CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,aACnCC,aAAc,aAAaX,EAAMK,QAAQC,SAASM,OAAO,iBACzDC,MAAO,OACPC,SAAU,WACV,CAACd,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,YAILI,EAAgBlB,EAAO,MAAPA,EAAc,EAAGC,YAAO,CAC5CC,QAAS,OACTC,eAAgB,SAChBC,WAAY,SACZC,gBAAiBJ,EAAMK,QAAQC,SAASC,WAAW,qBACnDC,OAAQ,OACRC,MAAOT,EAAMK,QAAQC,SAASI,KAAK,iBAG/BQ,EAAenB,EAAOoB,EAAPpB,EAAe,EAAGC,YAAO,CAC5Ca,MAAOb,EAAMe,YAAYK,GAAG,UAAY,qBAAkC,OAC1EC,KAAM,QACN,CAACrB,EAAMe,YAAYC,KAAK,WAAY,CAClCK,KAAM,IACNR,MAAO,QAETS,UAAW,OACXR,SAAU,QACVS,IAAK,EACLC,MAAO,MAGHC,EAAe1B,EAAO2B,EAAO;aACtB,EAAG1B,WAAaA,EAAMe,YAAYK,GAAG,UAAY,QAAU;;;aAG3DvB;oBACO,EAAGG,WAAYA,EAAMK,QAAQC,SAASM,OAAO;;;EAK3De,EAAe5B,EAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CACzCa,MAAOb,EAAMe,YAAYK,GAAG,UAAY,QAAqB,IAC7DS,WAAY7B,EAAMe,YAAYK,GAAG,UAAY,IAAM,IACnD,CAACpB,EAAMe,YAAYK,GAAG,WAAY,CAChCnB,QAAS,SAEX,CAACD,EAAMe,YAAYC,KAAK,WAAY,CAClCf,QAAS,YAIP6B,EAAgB/B,EAAO6B,EAAP7B,EAAY,EAAGC,YAAO,CAC1C+B,SAAU,EACVlB,MAAO,qBACPmB,UAAW,OACXC,SAAU,OACVzB,OAAQ,qBACR,CAACR,EAAMe,YAAYC,KAAK,WAAY,CAClCH,MAAO,OACPmB,UAAW,YAITE,EAAqBnC,EAAO6B,EAAP7B,EAAY,KAAA,CACrCE,QAAS,OACTO,OAAQ,QACRyB,SAAU,aAGNE,EAAuBpC,EAAOqC,EAAW;;EASzCC,EAAa,EAAGC,WAAUC,uBAC9B,GAAIA,EAEF,OAAOC,EAAAC,EAAA,CAAAH,SAAGA,IAGZ,MAAMI,EACJF,EAACvB,EAAa,CAAAqB,SACZE,EAACL,EAAoB,CAAAG,SAAA,cAIzB,OACEK,EAACT,EAAkB,CAAAI,SAAA,CACjBE,EAACI,EAAW,CAAA,GACZJ,EAACtB,EAAY,CAAAoB,SACXE,EAAC1C,GAAa+C,GAAG,SAAQP,SACvBE,EAACL,EAAoB,CAAAG,SAAA,eAGzBE,EAACb,EAAY,CAAA,aAAY,kBAAkBmB,GAAG,MAAKR,SACjDE,EAACf,EAAY,CAACsB,MAAI,EAACC,QAAQ,YAAWV,SACnCI,MAGLF,EAACV,EAAa,CAACgB,GAAG,OAAMR,SAAEA"}
|